[hidden]{display:none!important}:root{--bg:#1b1714;--card:#fffaf0;--ink:#1d1a17;--plum:#5a3a6e;--accent:#2a7f86;--red:#c2412d;--gold:#e8b923;--soft:#ece2cd;--safe-b:env(safe-area-inset-bottom,0px);--safe-t:env(safe-area-inset-top,0px)}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{background:var(--bg);height:100%;color:var(--ink);overscroll-behavior:none;margin:0;font:16px/1.35 ui-rounded,Trebuchet MS,system-ui,sans-serif;overflow:hidden}body{touch-action:none;-webkit-user-select:none;user-select:none;background:#1b1714;position:fixed;inset:0}button{font:inherit;color:var(--ink);cursor:pointer;touch-action:manipulation}a{color:var(--ink)}.stage{z-index:2;background:#1b1714;position:fixed;overflow:hidden}.stage canvas{display:block}.hud{height:calc(54px + var(--safe-t));padding:calc(4px + var(--safe-t)) 8px 4px;z-index:10;color:#fff6dc;background:linear-gradient(#2a221c,#211b17);border-bottom:2px solid #000;align-items:center;gap:8px;display:flex;position:fixed;top:0;left:0;right:0}.hudmid{text-align:center;flex:auto;min-width:0;line-height:1.15}.rname{white-space:nowrap;text-overflow:ellipsis;font-size:16px;font-weight:900;overflow:hidden}.rname small{opacity:.75;font-size:14px;font-weight:700}.hstats{opacity:.9;font-variant-numeric:tabular-nums;font-size:14px;font-weight:700}.round{border:2.5px solid var(--ink);background:var(--card);border-radius:50%;place-items:center;width:46px;min-width:46px;height:46px;font-size:18px;font-weight:900;display:grid;box-shadow:2px 2px #000;padding:0!important}.controls{z-index:9;padding:10px 14px calc(10px + var(--safe-b));touch-action:none;background:linear-gradient(#2a221c,#1d1814);border-top:2px solid #000;justify-content:space-between;align-items:center;display:flex;position:fixed}.controls.sides{pointer-events:none;padding:0 12px calc(14px + var(--safe-b));background:0 0;border:0;align-items:flex-end}.controls.sides>*{pointer-events:auto}.pad{touch-action:none;background:#fbf3de;border:3px solid #000;border-radius:26px;width:min(46vw,190px);height:min(100%,150px);min-height:104px;display:block;position:relative;box-shadow:3px 3px #000}.controls.sides .pad{opacity:.92;width:min(100%,170px);height:130px}.pad span{color:#3a2f27;pointer-events:none;font-size:30px;font-weight:900;line-height:1;transition:transform 60ms,color 60ms;position:absolute}.pad .pl{top:42%;left:16%;transform:translate(-50%,-50%)}.pad .pr{top:42%;left:84%;transform:translate(-50%,-50%)}.pad .pd{opacity:.7;font-size:22px;top:82%;left:50%;transform:translate(-50%,-50%)}.pad.l .pl,.pad.r .pr,.pad.d .pd{color:var(--red);opacity:1;transform:translate(-50%,-50%)scale(1.25)}.pad:after{content:"";background:#0000001f;border-radius:2px;width:4px;height:44%;position:absolute;top:42%;left:50%;transform:translate(-50%,-50%)}.btns{grid-template-rows:auto auto;grid-template-columns:auto auto;place-items:end;gap:10px;display:grid}.act{letter-spacing:.5px;touch-action:none;background:#fbf3de;border:3px solid #000;border-radius:18px;min-width:64px;min-height:56px;padding:0 10px;font-size:15px;font-weight:900;box-shadow:3px 3px #000}.act.jump{background:#ffd98a;border-radius:50%;grid-area:1/2/span 2;min-width:92px;min-height:92px;font-size:17px}.act.dash{background:#bcd4f2;grid-area:2/1}.act.size{background:#dccbf0;grid-area:1/1}.act.down{filter:none;background:#fff;transform:translate(2px,2px);box-shadow:1px 1px #000}.controls.sides .btns{grid-template-rows:auto auto auto;grid-template-columns:auto}.controls.sides .act.jump{grid-area:3/1}.controls.sides .act.dash{grid-area:2/1}.controls.sides .act.size{grid-area:1/1}.coach{z-index:12;pointer-events:auto;background:#fffaf0f5;border:2.5px solid #000;border-radius:14px;align-items:center;gap:8px;width:min(520px,100vw - 96px);padding:8px 10px;font-size:15px;font-weight:750;display:flex;position:fixed;left:50%;transform:translate(-50%);box-shadow:3px 3px #000}.coach span{flex:auto}.mini{background:#fff;border:2px solid #000;border-radius:999px;min-width:56px;min-height:44px;padding:4px 10px;font-size:14px;font-weight:800}.toast{left:50%;top:calc(4px + var(--safe-t));z-index:13;color:#2a221c;text-align:center;pointer-events:none;background:#fff6dc;border:2px solid #000;border-radius:14px;justify-content:center;align-items:center;width:max-content;max-width:calc(100vw - 124px);min-height:46px;padding:4px 12px;font-size:14px;font-weight:800;line-height:1.15;display:flex;position:fixed;transform:translate(-50%);box-shadow:2px 2px #000}.toast.show{animation:.3s cubic-bezier(.2,1.5,.4,1) toastIn}@keyframes toastIn{0%{opacity:0;transform:translate(-50%,-14px)}}.arrow{z-index:8;color:#ffd98a;text-shadow:2px 2px #000;pointer-events:none;font-size:30px;position:fixed}.card{background:var(--card);border:3px solid var(--ink);-webkit-overflow-scrolling:touch;touch-action:pan-y;border-radius:18px;width:min(440px,100vw - 24px);max-height:calc(100dvh - 24px);padding:18px 18px 16px;animation:.35s cubic-bezier(.2,1.4,.4,1) cardIn;position:relative;overflow:auto;box-shadow:5px 5px #000}@keyframes cardIn{0%{opacity:0;transform:translateY(26px)scale(.94)}}.card.wide{width:min(740px,100vw - 20px)}.card.center{text-align:center}.card h2{margin:0 0 8px;font-size:24px}.card h3{margin:14px 0 6px;font-size:18px}.card .lead{margin:0 0 12px;font-size:16px}.lead.small,.small{font-size:14px}.row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.row.center{justify-content:center}.row.two>*{flex:1 1 0}.col{flex-direction:column;align-items:stretch;gap:9px;display:flex}.screen button{border:2.5px solid var(--ink);background:var(--card);min-height:46px;box-shadow:2px 2px 0 var(--ink);border-radius:999px;padding:8px 16px;font-size:16px;font-weight:800;transition:transform .1s}.screen button:active{box-shadow:1px 1px 0 var(--ink);transform:translate(1px,1px)}.screen button:disabled{opacity:.55;cursor:default}button.primary{background:var(--plum);color:#fff}button.big{min-height:58px;font-size:22px}button.daily{background:#fdf0c4}button.danger{background:#f7dcd6;margin-top:16px}button small{opacity:.8;font-size:14px;font-weight:700}.closex{z-index:2;width:46px;height:46px;position:absolute;top:10px;right:10px;border-radius:50%!important;padding:0!important}.sheethead{min-height:46px;padding-right:54px;position:relative}.sheethead .closex{top:-4px;right:-4px}.bar2{border:2px solid var(--ink);background:var(--soft);border-radius:8px;height:12px;overflow:hidden}.bar2 i{background:linear-gradient(90deg, var(--plum), var(--accent));width:0;height:100%;transition:width .3s;display:block}.screen{z-index:30;background:#140f0cb8;place-items:center;padding:12px;display:grid;position:fixed;inset:0}.screen.clear{background:0 0}.cornermute{top:calc(10px + var(--safe-t));z-index:31;position:fixed;right:10px}#title{background:linear-gradient(#1b171400 0 30%,#1b1714cc 55%,#14100df7);align-items:end}.titlewrap{text-align:center;width:min(560px,100vw - 24px);margin-bottom:max(10px, var(--safe-b));flex-direction:column;align-items:center;gap:8px;display:flex}.logo{flex-direction:column;align-items:center;margin:0;line-height:.95;display:flex}.logo .l1{color:#fff3d0;text-shadow:2px 2px #1d1a17;font-size:clamp(28px,7vw,44px);transform:rotate(-4deg)}.logo .l2{color:#ffd98a;text-shadow:3px 3px #1d1a17,0 0 18px #ffd68c66;font-size:clamp(46px,14vw,90px);animation:2.6s ease-in-out infinite alternate wob}@keyframes wob{0%{transform:rotate(-1.5deg)scale(1)}to{transform:rotate(1.5deg)scale(1.04)}}.sub{color:#fff6dc;text-shadow:0 1px 3px #00000080;max-width:480px;margin:0;font-size:15.5px;font-weight:650}.titlewrap .col{width:min(430px,100%)}.titlewrap .row button{flex:auto;padding:8px 10px}.playsub{color:#fff6dc;min-height:1.2em;font-size:14px;font-weight:700}.credit,.backlink{color:#fff6dc;text-shadow:0 1px 3px #0009;font-weight:800}.backlink{font-size:15px;font-weight:700}.credit-foot{right:8px;bottom:calc(4px + var(--safe-b));z-index:5;opacity:.9;font-size:14px;font-weight:800;position:fixed}.credit-foot a{background:#fffaf0e0;border-radius:8px;padding:4px 8px;text-decoration:none;display:inline-block}body.ontitle .credit-foot{display:none}body.touch .credit-foot{bottom:auto;top:calc(58px + var(--safe-t));opacity:.75;right:6px}.howpage{min-height:200px;padding-right:40px}.howpage p{margin:0 0 10px;font-size:16px}.dots{letter-spacing:3px;font-size:14px}.prow{text-align:left;align-items:center;gap:12px;margin:8px 0;display:flex}.prow img{object-fit:contain;flex:0 0 54px;width:54px;height:54px}.prow .qq{color:#a99;border:2px dashed #a99;border-radius:12px;flex:0 0 54px;place-items:center;width:54px;height:54px;font-size:22px;display:grid}.prow>div{flex-direction:column;gap:2px;display:flex}.prow small{font-size:14px}.prow.q{opacity:.7}.prow a.meet{font-size:15px;font-weight:800}.mapbox{width:100%;margin:6px 0;position:relative;overflow:hidden}.mapbox canvas{border:2px solid var(--ink);border-radius:8px;margin:0 auto;display:block}.mapbox{justify-content:center;display:flex}.maptravel{position:absolute}button.travel{background:#fff3c9;border-radius:50%;width:44px;height:44px;min-height:44px;padding:0;font-size:18px;position:absolute;box-shadow:1px 1px #000}.tabs{flex-wrap:wrap;gap:6px;margin:4px 0 8px;display:flex}.tabs button{flex:auto;padding:6px 10px;font-size:14px}.tabs button.on{background:var(--plum);color:#fff}.bgrid{grid-template-columns:repeat(auto-fill,minmax(98px,1fr));gap:8px;display:grid}.bcard{flex-direction:column;align-items:center;gap:4px;border-radius:14px!important;min-height:120px!important;padding:6px!important;display:flex!important}.bcard img{object-fit:contain;width:70px;height:70px}.bcard span{font-size:14px;font-weight:700;line-height:1.15}.bcard b{color:#a99;place-items:center;height:70px;font-size:30px;display:grid}.bcard.q{background:#f4eee0!important}.stats{text-align:left;margin:8px 0;padding:0;list-style:none}.stats li{border-bottom:1px dashed #cbbfa6;justify-content:space-between;gap:10px;padding:6px 2px;font-size:15px;display:flex}.heroes{flex-wrap:wrap;gap:8px;display:flex}.hero{flex-direction:column;align-items:center;width:100px;border-radius:14px!important;padding:6px!important;display:flex!important}.hero img{object-fit:contain;width:60px;height:60px}.hero span{font-size:14px}.hero.on{background:#fff0b8!important}.kicker{color:var(--red);letter-spacing:.5px;text-transform:uppercase;font-size:15px;font-weight:900}.cardrow{text-align:left;align-items:center;gap:14px;margin:8px 0;display:flex}.cardicon{object-fit:contain;flex:0 0 84px;width:84px;height:84px;animation:1.4s ease-in-out infinite alternate bob}@keyframes bob{0%{transform:translateY(-4px)rotate(-4deg)}to{transform:translateY(4px)rotate(4deg)}}.cardpic{object-fit:contain;background:#fffaf0;border:6px solid #7a5434;max-width:100%;max-height:46dvh;margin:8px auto;display:block;box-shadow:3px 3px #000}.spot{text-align:left;background:#fff6e3;border:2px dashed #cbbfa6;border-radius:14px;align-items:center;gap:12px;margin:10px 0;padding:10px;display:flex}.spot img{object-fit:contain;flex:0 0 86px;width:86px;height:86px}.spot>div{flex-direction:column;gap:3px;display:flex}.spot small{font-size:14px}a.shop-link,a.meet{font-size:15px;font-weight:800}.findcard .shop-link{margin:6px 0 10px;display:inline-block}.viewer img{object-fit:contain;max-width:100%;max-height:52dvh;margin:6px auto;display:block}.shoprow{flex-wrap:wrap;justify-content:center;gap:16px;display:flex}.bigtime{font-variant-numeric:tabular-nums;font-size:44px;font-weight:900}pre.share{white-space:pre-wrap;text-align:center;background:#f4eee0;border:2px dashed #cbbfa6;border-radius:12px;padding:10px;font-size:16px}.titleart{right:max(2vw,6px);top:calc(16% + var(--safe-t));pointer-events:none;width:min(34vw,260px);height:min(38vh,300px);position:fixed}.titleart img.peek{object-fit:contain;object-position:50% 100%;transform-origin:50% 100%;width:100%;height:100%;animation:5s ease-in-out infinite peek}@keyframes peek{0%,to{opacity:0;transform:translate(40%)rotate(8deg)}15%{opacity:1}40%,70%{opacity:1;transform:translate(0)rotate(-3deg)}90%{opacity:0}}@media (width<=520px){.sub{padding:0 30px}}