:root{--g1:#2f7d4f;--g2:#1d3b2a;--cream:#fff4d6;--ink:#2b2118;--gold:#ffcf4a;--red:#e2574c;--blue:#4aa3df;--panel:#fff8e6;--line:#d9c593;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{margin:0;height:100%;background:#102a1c;overscroll-behavior:none;touch-action:manipulation;user-select:none;-webkit-user-select:none}#app{position:relative;margin:0 auto;height:100dvh;max-width:520px;overflow:hidden;background:#000}#cv{position:absolute;inset:0;width:100%;height:100%;image-rendering:pixelated;image-rendering:crisp-edges;touch-action:none;display:block}#hud{position:absolute;left:0;right:0;top:0;padding:calc(env(safe-area-inset-top) + 6px) 8px 0;display:flex;gap:6px;align-items:center;pointer-events:none;z-index:5}#hud>*{pointer-events:auto}.chip{display:flex;align-items:center;gap:5px;background:#1d3b2ad1;color:#fff;border:2px solid rgba(255,244,214,.55);border-radius:12px;padding:4px 8px;font-size:12px;font-weight:700;backdrop-filter:blur(2px);min-height:30px}.chip .ic{width:14px;height:14px;display:inline-block;border-radius:50%}.ic.gold{background:radial-gradient(circle at 35% 35%,#fff3a8,#e6a817)}.ic.en{background:linear-gradient(135deg,#9be564,#35a24a);border-radius:3px;transform:rotate(45deg) scale(.8)}.bar{width:54px;height:8px;border-radius:5px;background:#ffffff40;overflow:hidden}.bar>i{display:block;height:100%;background:linear-gradient(90deg,#7fe08a,#35a24a);transition:width .3s}.bar.xp>i{background:linear-gradient(90deg,#8ad3ff,#4aa3df)}#hud .me{flex:1;min-width:0}#hud .me b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:90px;display:block}#dock{position:absolute;left:0;right:0;bottom:0;padding:8px 8px calc(env(safe-area-inset-bottom) + 8px);display:flex;gap:6px;justify-content:center;flex-wrap:wrap;z-index:5;pointer-events:none}#dock>*{pointer-events:auto}.btn{appearance:none;border:2px solid #7a5a2b;background:linear-gradient(#ffe9a8,#f2c455);color:var(--ink);font:800 13px/1 system-ui;border-radius:12px;padding:10px 12px;min-height:42px;box-shadow:0 3px #7a5a2b;cursor:pointer}.btn:active{transform:translateY(2px);box-shadow:0 1px #7a5a2b}.btn.g{background:linear-gradient(#a5ea8f,#4fb856);border-color:#245c2c;box-shadow:0 3px #245c2c;color:#0e3314}.btn.b{background:linear-gradient(#bfe5ff,#5eb2ea);border-color:#1d5b86;box-shadow:0 3px #1d5b86}.btn.r{background:linear-gradient(#ffb3a8,#e2574c);border-color:#7d1e17;box-shadow:0 3px #7d1e17;color:#fff}.btn.sm{padding:7px 10px;min-height:34px;font-size:12px}.btn[disabled]{opacity:.5;filter:grayscale(.6)}.btn.sel{outline:3px solid #fff;outline-offset:1px}.seed{display:flex;flex-direction:column;align-items:center;gap:2px;min-width:72px;padding:6px 8px;white-space:nowrap;flex:0 0 auto}.seed span{font-size:12px}.seed small{font-size:10px;font-weight:700;opacity:.8}.seed .dot{width:16px;height:16px;border-radius:50%;border:2px solid rgba(0,0,0,.35)}#toast{position:absolute;left:50%;top:calc(env(safe-area-inset-top) + 52px);transform:translate(-50%,-12px);background:#141e18eb;color:#fff;font-weight:700;font-size:13px;padding:8px 14px;border-radius:12px;opacity:0;transition:.25s;pointer-events:none;z-index:30;max-width:92%;text-align:center}#toast.on{opacity:1;transform:translate(-50%)}#layer{position:absolute;inset:0;pointer-events:none;z-index:20}.sheet-bg{position:absolute;inset:0;background:#0a140e8c;pointer-events:auto;display:flex;align-items:flex-end;animation:fade .2s}.sheet{width:100%;max-height:86%;overflow:auto;background:var(--panel);color:var(--ink);border-radius:20px 20px 0 0;border-top:4px solid var(--line);padding:14px 14px calc(env(safe-area-inset-bottom) + 14px);animation:up .22s ease-out}.sheet h2{margin:0 0 8px;font-size:18px;display:flex;justify-content:space-between;align-items:center}.sheet h3{margin:12px 0 6px;font-size:13px;text-transform:uppercase;letter-spacing:.06em;color:#7a5a2b}.x{background:none;border:0;font-size:24px;line-height:1;padding:4px 10px;color:#7a5a2b;cursor:pointer}.tabs{display:flex;gap:4px;margin:6px 0 10px;overflow-x:auto}.tabs button{flex:1;white-space:nowrap;border:2px solid var(--line);background:#fff;border-radius:10px;padding:8px 10px;font-weight:800;font-size:12px;color:#7a5a2b}.tabs button.on{background:#f2c455;color:var(--ink);border-color:#7a5a2b}.row{display:flex;align-items:center;gap:8px;padding:8px 6px;border-bottom:1px dashed var(--line)}.row .grow{flex:1;min-width:0}.row b{display:block;font-size:13px}.row small{color:#7a6a4a;font-size:11px}.up{color:#1a8a3c}.dn{color:#c1352b}.sw{display:flex;gap:6px;flex-wrap:wrap;margin:4px 0 8px}.sw button{width:34px;height:34px;border-radius:10px;border:3px solid #fff;box-shadow:0 0 0 2px var(--line);cursor:pointer;font-weight:800;font-size:10px;padding:0}.sw button.on{box-shadow:0 0 0 3px #7a5a2b}.sw .txt{width:auto;padding:0 10px;background:#fff;color:var(--ink)}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.dexc{border:2px solid var(--line);border-radius:12px;background:#fff;padding:6px;text-align:center;font-size:11px}.dexc canvas{width:100%;height:auto;image-rendering:pixelated}.dexc.no{opacity:.55;filter:grayscale(1)}.dexc.leg{border-color:#e6a817;background:linear-gradient(#fff7d1,#ffe38a)}.lead{width:100%;border-collapse:collapse;font-size:13px}.lead td{padding:7px 4px;border-bottom:1px dashed var(--line)}.lead .me td{background:#fff0b3;font-weight:800}.pill{display:inline-block;padding:2px 8px;border-radius:99px;background:#e9dfc0;font-size:11px;font-weight:800}.pill.leg{background:#ffd45e}.pill.r{background:#bfe5ff}.pill.u{background:#d5f0c9}#boot{position:absolute;inset:0;background:linear-gradient(#5db8f0,#b7e4f7 45%,#59b36b 46%,#2f7d4f);display:grid;place-items:center;z-index:50;text-align:center;color:#fff;padding:20px}#boot.off{display:none}.boot-box{background:#1d3b2ad9;border:3px solid #fff4d6;border-radius:20px;padding:22px 20px;max-width:340px}.boot-box h1{margin:6px 0;font-size:26px}.boot-box p{margin:6px 0 12px;font-size:14px;line-height:1.5}.boot-logo{width:72px;height:72px;margin:0 auto;background:url(/favicon.svg) center/cover;border-radius:18px;border:3px solid #fff4d6}.boot-box .btn{margin:4px}.fish-big{display:block;margin:6px auto;width:240px;height:auto;image-rendering:pixelated}.center{text-align:center}.muted{color:#7a6a4a;font-size:12px}.callout{background:#fff0b3;border:2px solid #e6c15a;border-radius:12px;padding:8px 10px;font-size:12px;margin:8px 0}@keyframes up{0%{transform:translateY(40px);opacity:0}}@keyframes fade{0%{opacity:0}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}#mini{position:absolute;right:8px;top:calc(env(safe-area-inset-top) + 48px);width:60px;height:76px;border:2px solid rgba(255,244,214,.8);border-radius:10px;background:#1d3b2a;z-index:6;box-shadow:0 2px 6px #0006;image-rendering:auto}#mini.off{display:none}.wcard{display:flex;flex-direction:column;align-items:center;text-align:center;gap:4px;padding:6px 4px}.wcard b{font-size:12px;line-height:1.15}.wcard .btn{padding:6px 10px;font-size:12px}.showc small{line-height:1.45}.gshell{position:absolute;inset:0;z-index:12;display:flex;flex-direction:column;background:radial-gradient(circle at 50% 0,#6b4a2b,#2d1d10 70%);color:#fff7e6;font-family:inherit;padding-bottom:env(safe-area-inset-bottom)}.gs-head{display:flex;align-items:center;justify-content:space-between;padding:calc(env(safe-area-inset-top) + 8px) 12px 6px}.gs-title{font-size:17px}.gs-x{background:#ffffff24;border:0;color:#fff;border-radius:10px;width:38px;height:38px;font-size:18px}.gs-body{flex:1;min-height:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:4px 8px;overflow:auto}.gs-foot{display:flex;gap:8px;justify-content:center;flex-wrap:wrap;padding:8px 10px 12px}.gs-line{display:flex;align-items:center;gap:8px;width:min(94vw,520px);font-size:14px;min-height:30px}.gs-line .nm{font-weight:800}.gs-line .cap{margin-left:auto;font-size:18px;letter-spacing:-2px;opacity:.9}.gs-status{font-weight:800;text-align:center;min-height:22px}.cb{display:grid;grid-template-columns:repeat(8,1fr);grid-template-rows:repeat(8,1fr);width:min(94vw,520px,62vh);aspect-ratio:1;border:6px solid #3b2812;border-radius:8px;box-shadow:0 10px 30px #00000080;overflow:hidden;user-select:none;touch-action:manipulation}.cb>div{min-height:0;min-width:0;position:relative;display:flex;align-items:center;justify-content:center;font-size:min(9.4vw,6.2vh,48px);line-height:1;cursor:pointer}.cb .l{background:#f0d9b5}.cb .d{background:#b58863}.cb .sel{box-shadow:inset 0 0 0 4px #ffd23f}.cb .last{background-image:linear-gradient(#ffe65061,#ffe65061)}.cb .chk{background-image:radial-gradient(circle,#ff3b30 0,#ff3b3033 70%)}.cb .mv:after{content:"";width:28%;height:28%;border-radius:50%;background:#2878288c;position:absolute}.cb .cp:after{width:86%;height:86%;background:transparent;border:4px solid rgba(40,120,40,.65)}.cb .pw{color:#fff;text-shadow:0 0 2px #000,0 0 2px #000,0 1px 1px #000;-webkit-text-stroke:.6px #222}.cb .pb{color:#1b1b1f;text-shadow:0 1px 1px rgba(255,255,255,.35)}.cb .co{position:absolute;font-size:9px;opacity:.7;font-weight:800}.cb .co.r{left:2px;top:1px}.cb .co.f{right:2px;bottom:1px}.promo{display:flex;gap:8px;background:#fff7e6;color:#2b2118;padding:8px;border-radius:12px;font-size:34px}.promo button{background:#fff;border:2px solid #b58863;border-radius:10px;font-size:34px;padding:2px 10px}.lb{position:relative;width:min(94vw,520px,62vh);aspect-ratio:1;border:6px solid #3b2812;border-radius:10px;background:#fffaf0;box-shadow:0 10px 30px #00000080;overflow:hidden;touch-action:manipulation}.lb .g{position:absolute;display:flex;align-items:center;justify-content:center;font-size:9px}.lb .tk{position:absolute;width:5.6%;height:5.6%;margin:.55% 0 0 .55%;border-radius:50%;border:2px solid rgba(0,0,0,.65);box-shadow:0 2px 3px #00000080,inset 0 -3px 4px #00000040,inset 0 3px 4px #ffffff8c;transition:left .22s ease,top .22s ease;z-index:3}.lb .tk.can{animation:tkp .7s infinite;z-index:5;cursor:pointer}@keyframes tkp{50%{transform:scale(1.28);box-shadow:0 0 0 3px #fff,0 0 12px 4px gold}}.dice{font-size:54px;background:#fffaf0;color:#2b2118;border:0;border-radius:14px;width:74px;height:74px;box-shadow:0 4px #b58863,0 6px 14px #0006}.dice.go{animation:roll .45s linear}@keyframes roll{to{transform:rotate(540deg) scale(1.1)}}.dice:disabled{opacity:.5}.dot-p{display:inline-block;width:12px;height:12px;border-radius:50%;margin-right:4px;vertical-align:middle;border:2px solid rgba(0,0,0,.5)}.pchip{position:fixed;left:50%;top:calc(env(safe-area-inset-top) + 46px);transform:translate(-50%);z-index:25;display:flex;align-items:center;gap:8px;background:linear-gradient(#245f93,#17426a);color:#fff;border:1px solid #6fb3ee;border-radius:14px;padding:8px 10px;font:600 12px system-ui;box-shadow:0 6px 20px #0006;max-width:94vw;animation:pchip .35s cubic-bezier(.2,1.4,.4,1)}@keyframes pchip{0%{transform:translate(-50%,-30px);opacity:0}}.pbar{position:relative;height:14px;background:#12324b;border-radius:8px;margin:10px 0 6px;overflow:visible}.pbar i{display:block;height:100%;border-radius:8px;background:linear-gradient(90deg,#4aa3df,#7fe08a)}.pbar em{position:absolute;top:-3px;transform:translate(-50%);width:18px;height:18px;border-radius:50%;background:#33516b;color:#fff;font:700 10px/18px system-ui;text-align:center;font-style:normal;border:1px solid #6a8aa8}.pbar em.on{background:#f2c455;color:#3a2a00;border-color:#fff}@media(orientation:landscape)and (min-aspect-ratio:11/10){#app{max-width:none}.sheet-bg{justify-content:center}.sheet{max-width:600px;max-height:88dvh;border-radius:20px}#dock{padding-bottom:calc(env(safe-area-inset-bottom) + 4px)}#dock .btn{padding:6px 12px}}#pad{position:absolute;inset:0;z-index:4;pointer-events:none;touch-action:none}#pad.off{display:none}#pad .stick,#pad .pb{pointer-events:auto;touch-action:none}.stick{position:absolute;left:max(22px,env(safe-area-inset-left));bottom:calc(env(safe-area-inset-bottom) + 26px);width:132px;height:132px;border-radius:50%;background:radial-gradient(circle at 50% 40%,#fff3,#14281e6b);border:3px solid rgba(255,244,214,.5);box-shadow:0 4px 14px #00000059,inset 0 0 18px #00000040}.stick.on{border-color:#ffe278f2}.stick .knob{position:absolute;left:50%;top:50%;width:60px;height:60px;margin:-30px 0 0 -30px;border-radius:50%;background:radial-gradient(circle at 38% 32%,#fff6d4,#d8b45a 70%,#a98430);box-shadow:0 3px 8px #00000073;transition:transform .05s linear}#pad.nostick .stick{display:none}.face{position:absolute;right:max(20px,env(safe-area-inset-right));bottom:calc(env(safe-area-inset-bottom) + 22px);width:150px;height:150px}.pb{position:absolute;width:56px;height:56px;border-radius:50%;border:3px solid rgba(255,244,214,.6);background:radial-gradient(circle at 35% 30%,#ffffff59,#1d3b2a99);color:#fff;font:800 20px system-ui;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:0;line-height:1;box-shadow:0 3px 10px #0006;text-shadow:0 1px 2px rgba(0,0,0,.6)}.pb small{font:700 8.5px system-ui;opacity:.95;margin-top:1px;max-width:52px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pb.on{transform:scale(.92);filter:brightness(1.35)}.pb.dim{opacity:.3}.pb.a{right:0;bottom:46px;background:radial-gradient(circle at 35% 30%,#8fe39a,#2f8a45)}.pb.b{right:48px;bottom:0;background:radial-gradient(circle at 35% 30%,#ff9a8a,#b8382b)}.pb.x{right:96px;bottom:46px;background:radial-gradient(circle at 35% 30%,#8fc6ff,#2f68b8)}.pb.y{right:48px;bottom:92px;background:radial-gradient(circle at 35% 30%,#ffe58a,#c8941c)}.sh{position:absolute;bottom:calc(env(safe-area-inset-bottom) + 172px)}.sh.l{left:max(34px,env(safe-area-inset-left))}.sh.r{right:max(34px,env(safe-area-inset-right))}.sh .pb{position:static;width:74px;height:34px;border-radius:12px;font-size:14px;flex-direction:row;gap:5px}.pb.start{right:50%;margin-right:-30px;bottom:calc(env(safe-area-inset-bottom) + 6px);width:60px;height:22px;border-radius:11px;position:absolute;font-size:9px}body.padon #dock{bottom:34px}body.padon #dock{padding-bottom:4px}body.padon #mini{top:calc(env(safe-area-inset-top) + 44px)}#nearhint{position:absolute;left:50%;bottom:calc(env(safe-area-inset-bottom) + 74px);transform:translate(-50%);z-index:6;background:linear-gradient(#ffe58a,#f2b830);color:#3a2a05;border:2px solid #fff4c8;border-radius:16px;padding:8px 14px;font:800 13px system-ui;box-shadow:0 4px 12px #0006;animation:nh .9s ease-in-out infinite alternate;max-width:70%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}#nearhint[hidden]{display:none}@keyframes nh{to{transform:translate(-50%) translateY(-3px)}}body.padon #nearhint{bottom:calc(env(safe-area-inset-bottom) + 66px)}#camctl{position:absolute;left:8px;top:calc(env(safe-area-inset-top) + 48px);z-index:6;display:flex;flex-direction:column;gap:6px}#camctl.off{display:none}#camctl button{width:36px;height:36px;border-radius:12px;border:2px solid rgba(255,244,214,.7);background:#1d3b2ad1;color:#fff;font:800 16px system-ui;padding:0}#cv3{position:absolute;inset:0;width:100%;height:100%;display:block;touch-action:none}#cv3.off{display:none}#cvf{position:absolute;inset:0;width:100%;height:100%;display:block;touch-action:none}#cvf.off{display:none}#cv{background:transparent}@media(max-height:420px){.stick{width:116px;height:116px;bottom:calc(env(safe-area-inset-bottom) + 12px)}.face{bottom:calc(env(safe-area-inset-bottom) + 8px);transform:scale(.88);transform-origin:100% 100%}.sh{bottom:calc(env(safe-area-inset-bottom) + 138px)}body.padon #dock{bottom:30px}}#adzan{position:absolute;left:50%;top:calc(env(safe-area-inset-top) + 8px);transform:translate(-50%);width:min(94%,420px);z-index:40;display:flex;align-items:center;gap:10px;background:linear-gradient(#1f5a45,#17423a);color:#fff;border:2px solid #e8c766;border-radius:16px;padding:10px 12px;box-shadow:0 6px 22px #0006;animation:up .25s ease-out}#adzan small{display:block;opacity:.85;font-size:11px}#adzan .ad-ic{font-size:26px}#adzan .btn{min-height:36px;padding:6px 10px}.adz-t{display:grid;grid-template-columns:repeat(5,1fr);gap:6px;margin:10px 0}.adz-t div{background:#fff;border:2px solid var(--line);border-radius:10px;text-align:center;padding:6px 2px}.adz-t div.on{background:#d9f3e2;border-color:#2f7d4f}.adz-t small{display:block;font-size:10px;color:#7a5a2b}.adz-t b{font-size:13px}.adz-c{display:flex;flex-wrap:wrap;gap:6px;margin:6px 0}.adz-c button{border:2px solid var(--line);background:#fff;border-radius:999px;padding:6px 10px;font:700 12px system-ui;color:#7a5a2b;min-height:34px}.adz-c button.on{background:#f2c455;border-color:#7a5a2b;color:var(--ink)}.sec{font:800 11px system-ui;letter-spacing:.08em;text-transform:uppercase;color:#7a5a2b;margin:12px 4px 2px}