:root{--bg:#f4f1e8;--card:#fff;--ink:#1f2a22;--muted:#6b766d;--line:#e6e1d3;--green:#2f6b3f;--green-2:#3f8a52;--green-soft:#e4f1e3;--gold:#f2c14e;--gold-dark:#b88422;--cream:#fff7e2;--red:#d9483b;--red-soft:#fde7e4;--blue:#3a8fd6;--blue-soft:#e3f1fc;--shadow:0 1px 2px #1e281e0f, 0 6px 20px #1e281e0f;--radius:16px;--pixel:"Pixelify Sans", ui-monospace, monospace;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box}html,body{margin:0}body{background:var(--bg);color:var(--ink);-webkit-font-smoothing:antialiased;font-family:Inter,system-ui,-apple-system,sans-serif;font-size:14px;line-height:1.45}button{font:inherit;color:inherit}img.px,canvas{image-rendering:pixelated}.app{max-width:1320px;margin:0 auto;padding:0 20px 40px}.topbar{z-index:20;background:color-mix(in srgb, var(--bg) 88%, transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);align-items:center;gap:16px;margin-bottom:12px;padding:12px 0;display:flex;position:sticky;top:0}.brand{font-family:var(--pixel);color:var(--green);letter-spacing:.5px;align-items:center;gap:8px;font-size:24px;font-weight:700;display:flex}.brand img{width:40px;height:auto}.tabs{background:var(--card);box-shadow:var(--shadow);border-radius:999px;gap:4px;padding:4px;display:flex}.tab{color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:999px;align-items:center;gap:6px;padding:8px 16px;font-weight:600;display:flex}.tab img{width:18px}.tab:hover{color:var(--ink)}.tab.on{background:var(--green);color:#fff}.spacer{flex:1}.pill{background:var(--card);box-shadow:var(--shadow);white-space:nowrap;border-radius:999px;align-items:center;gap:6px;padding:6px 12px 6px 6px;font-weight:700;display:inline-flex}.pill img{width:24px}.pill small{color:var(--muted);font-weight:500}.pill.siren{background:var(--red);color:#fff;animation:.8s infinite alternate pulse}.grid{grid-template-columns:minmax(0,1fr) 360px;align-items:start;gap:16px;display:grid}.col{flex-direction:column;gap:16px;min-width:0;display:flex}.card{background:var(--card);border-radius:var(--radius);box-shadow:var(--shadow);padding:16px}.card h3{align-items:center;gap:8px;margin:0 0 10px;font-size:15px;display:flex}.card h3 img{width:22px}.card h3 .right{color:var(--muted);margin-left:auto;font-size:12px;font-weight:500}.stage{border-radius:var(--radius);box-shadow:var(--shadow);background:#5fa147;position:relative;overflow:hidden}.stage canvas{width:100%;height:auto;display:block}.stage .labels{pointer-events:none;position:absolute;inset:0}.stage .hit{pointer-events:auto;cursor:pointer;border-radius:12px;position:absolute;transform:translate(-50%,-100%)}.stage .hint{color:#fff;font-family:var(--pixel);text-shadow:0 1px #0006;pointer-events:none;font-size:13px;position:absolute;bottom:10px;left:12px}.banner{font-family:var(--pixel);color:#3b2a14;background:var(--cream);white-space:nowrap;text-align:center;border:2px solid var(--gold-dark);pointer-events:auto;cursor:pointer;border-radius:4px;padding:3px 9px 4px;font-size:clamp(9px,1.05vw,13px);font-weight:600;line-height:1.1;transition:transform .12s;position:absolute;transform:translate(-50%,-100%);box-shadow:0 0 0 1px #6b4a12,inset 0 0 0 1px #ffe9a8,0 2px #0003}.banner:before,.banner:after{content:"";background:var(--gold);border:1px solid #6b4a12;width:6px;height:6px;position:absolute;top:50%;transform:translateY(-50%)rotate(45deg)}.banner:before{left:-5px}.banner:after{right:-5px}.banner .tip{background:var(--cream);border-right:2px solid var(--gold-dark);border-bottom:2px solid var(--gold-dark);width:8px;height:8px;position:absolute;bottom:-7px;left:50%;transform:translate(-50%)rotate(45deg)}.banner small{color:#8a6420;font-size:.82em;font-weight:500;display:block}.banner:hover,.banner.sel{z-index:3;transform:translate(-50%,-100%)scale(1.08)}.banner.me{background:#e9f7df}.banner.under{transform:translate(-50%)}.banner.under:hover,.banner.under.sel{transform:translate(-50%)scale(1.08)}.banner.under .tip{top:-7px;bottom:auto;transform:translate(-50%)rotate(225deg)}.banner.sel{box-shadow:0 0 0 1px #6b4a12,inset 0 0 0 1px #ffe9a8,0 0 0 4px #ffd75a88}.banner .tag{vertical-align:1px;border-radius:3px;margin-left:4px;padding:0 4px;font-size:.75em;display:inline-block}.tag.shield{background:var(--blue-soft);color:var(--blue)}.tag.wanted{background:var(--red-soft);color:var(--red)}.tag.busy{color:#777;background:#eee}.btn{cursor:pointer;background:var(--green);color:#fff;border:0;border-radius:999px;justify-content:center;align-items:center;gap:6px;padding:10px 18px;font-weight:700;transition:transform 60ms,filter .15s;display:inline-flex;box-shadow:inset 0 -3px #0002}.btn:hover{filter:brightness(1.08)}.btn:active{transform:translateY(1px)}.btn:disabled{color:#f6f6f6;cursor:not-allowed;box-shadow:none;background:#c9cfc9}.btn.big{width:100%;padding:14px;font-size:16px}.btn.gold{background:var(--gold);color:#3b2a14}.btn.small{padding:6px 12px;font-size:13px}.btn img{width:20px}.stats{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.stat{background:#faf8f2;border-radius:12px;padding:8px 10px}.stat b{font-family:var(--pixel);font-size:18px;display:block}.stat span{color:var(--muted);font-size:12px}.row{align-items:center;gap:8px;display:flex}.row.between{justify-content:space-between}.muted{color:var(--muted)}.small{font-size:12px}.num{font-family:var(--ui);font-variant-numeric:tabular-nums;font-weight:700}.bar{background:#eee9dc;border-radius:99px;height:10px;display:flex;overflow:hidden}.bar i{height:100%;display:block}.bar .safe{background:var(--green-2)}.bar .loose{background:var(--gold)}.bar .locked{background:#c9c3b3}.chance{background:var(--red-soft);border-radius:10px;height:26px;position:relative;overflow:hidden}.chance i{background:linear-gradient(90deg,#6cc070,#3f8a52);position:absolute;inset:0 auto 0 0}.chance span{font-family:var(--pixel);color:#fff;text-shadow:0 1px #0005;justify-content:center;align-items:center;font-weight:700;display:flex;position:absolute;inset:0}.shop{grid-template-columns:repeat(2,1fr);gap:8px;display:grid}.item{border:1px solid var(--line);background:#fffdf7;border-radius:12px;flex-direction:column;gap:6px;padding:10px;display:flex}.item .head{align-items:center;gap:8px;display:flex}.item .head img{width:36px}.item .head b{font-size:13px;display:block}.item .head span{color:var(--muted);font-size:11px;line-height:1.25}.pips{gap:3px;display:flex}.pips i{background:#e6e1d3;border-radius:2px;width:14px;height:6px}.pips i.on{background:var(--gold)}.feed{flex-direction:column;gap:2px;max-height:360px;display:flex;overflow:auto}.feed div{border-radius:8px;gap:8px;padding:6px 8px;font-size:12.5px;display:flex}.feed div:nth-child(odd){background:#faf8f2}.feed time{color:var(--muted);font-variant-numeric:tabular-nums;min-width:34px}.feed .win{color:var(--red)}.feed .loss{color:var(--green)}.feed .gold{color:var(--gold-dark);font-weight:600}input.amt{border:1px solid var(--line);width:100%;font:inherit;font-family:var(--ui);background:#fffdf7;border-radius:12px;padding:10px 12px;font-size:16px;font-weight:600}input.amt:focus{outline:2px solid var(--green-2);border-color:#0000}table.lb{border-collapse:collapse;width:100%}table.lb td{border-bottom:1px solid var(--line);padding:7px 6px}table.lb td:last-child{text-align:right;font-family:var(--pixel);font-weight:600}table.lb tr.me td{background:var(--green-soft)}.modal-bg{z-index:50;background:#1b2a1fb3;justify-content:center;align-items:center;padding:16px;animation:.2s fade;display:flex;position:fixed;inset:0}.modal{background:var(--card);border-radius:20px;width:min(760px,100%);max-height:100%;overflow:auto;box-shadow:0 20px 60px #0005}.modal .stage{box-shadow:none;border-radius:20px 20px 0 0}.modal .body{flex-direction:column;gap:12px;padding:18px;display:flex}.modal h2{font-family:var(--pixel);margin:0;font-size:26px}.result-win h2{color:var(--gold-dark)}.result-loss h2{color:var(--red)}.toasts{z-index:60;flex-direction:column;gap:8px;width:min(360px,100vw - 32px);display:flex;position:fixed;bottom:16px;right:16px}.toast{background:var(--card);border-left:5px solid var(--green);border-radius:14px;align-items:center;gap:10px;padding:12px;animation:.25s slide;display:flex;box-shadow:0 10px 30px #0003}.toast.bad{border-left-color:var(--red)}.toast.gold{border-left-color:var(--gold)}.toast img{width:40px}.toast .grow{flex:1;font-size:13px}.wanted-poster{background:#f7ecd2;border:2px dashed #c9a96a;border-radius:12px;align-items:center;gap:12px;padding:10px;display:flex}.wanted-poster img{width:56px}.countdown{font-family:var(--pixel);color:var(--green);font-size:22px;font-weight:700}@keyframes pulse{0%{filter:brightness()}to{filter:brightness(1.25)}}@keyframes fade{0%{opacity:0}}@keyframes slide{0%{opacity:0;transform:translateY(12px)}}@media (width<=960px){.grid{grid-template-columns:1fr}.topbar{flex-wrap:wrap;gap:8px}.tabs{order:3;justify-content:space-between;width:100%}.tab{flex:1;justify-content:center;padding:8px 10px}.app{padding:0 12px 32px}.pill{padding:4px 10px 4px 4px;font-size:13px}.pill img{width:20px}.brand{font-size:20px}.banner{padding:2px 5px;font-size:8px}.banner small{display:none}}html,body,#root{height:100%}body{overscroll-behavior:none;overflow:hidden}.game{touch-action:none;-webkit-user-select:none;user-select:none;background:#2d5a2a;position:fixed;inset:0;overflow:hidden}.town{position:absolute;inset:0;overflow:hidden}.town-map{will-change:transform;position:absolute;top:0;left:0}.town-map canvas{width:100%;height:100%;display:block}.town-map .banner{border-radius:5px;font-size:clamp(10px,.95vw,14px)}.banner{appearance:none;margin:0}.banner.static{display:inline-block;position:relative;transform:none}.home-scene{background:#5fa147;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.home-scene canvas{aspect-ratio:16/9;flex:none;width:max(100vw,177.778vh);height:auto;transition:transform .35s}@media (width>=761px){.home-scene.shifted canvas{transform:translate(-200px)}}.hud-top{top:env(safe-area-inset-top,0px);z-index:30;pointer-events:none;align-items:center;gap:8px;padding:10px 12px;display:flex;position:absolute;left:0;right:0}.hud-top>*{pointer-events:auto}.hud-brand{background:var(--cream);font-family:var(--pixel);color:var(--green);cursor:pointer;box-shadow:0 0 0 2px var(--gold-dark), 0 3px 0 #0003;border:0;border-radius:12px;align-items:center;gap:6px;padding:4px 12px 4px 4px;font-size:20px;font-weight:700;display:flex}.hud-chip{color:#3b2a14;cursor:pointer;box-shadow:0 0 0 2px var(--gold-dark), 0 3px 0 #0003;white-space:nowrap;font-weight:700;font-family:var(--pixel);background:#fff8e6ee;border:0;border-radius:999px;align-items:center;gap:6px;padding:5px 12px 5px 6px;font-size:15px;display:inline-flex}.hud-chip img{width:24px}.hud-chip small{color:#8a6420;font-size:12px;font-weight:500}.hud-chip.icon{padding:5px 10px}.hud-chip.siren{background:var(--red);color:#fff;animation:.6s infinite alternate pulse}.scroll{z-index:25;pointer-events:none;flex-direction:column;align-items:flex-start;gap:6px;width:300px;max-width:calc(100vw - 24px);display:flex;position:absolute;top:72px;left:12px}.scroll>*{pointer-events:auto}.scroll-tab{font-family:var(--pixel);color:#3b2a14;cursor:pointer;box-shadow:0 0 0 2px var(--gold-dark), 0 3px 0 #0003;background:#fff8e6ee;border:0;border-radius:10px;align-items:center;gap:6px;padding:4px 10px 4px 4px;font-weight:600;display:inline-flex}.scroll-tab img{width:24px}.scroll-body{width:100%;box-shadow:0 0 0 2px var(--gold-dark), inset 0 0 0 2px #ffe9a8, 0 6px 20px #0004;background:#fff7e2f2;border-radius:10px;flex-direction:column;max-height:min(60vh,520px);padding:10px;display:flex}.scroll-body h3{font-family:var(--pixel);color:#6b4a12;margin:0 0 6px;font-size:15px}.scroll-body .feed{max-height:none;overflow:auto}.scroll-peek{box-shadow:0 0 0 2px var(--gold-dark);background:#fff7e2e6;border-radius:8px;max-width:300px;padding:6px 10px;font-size:12px;animation:.3s slide}.dock{z-index:30;left:50%;bottom:calc(12px + env(safe-area-inset-bottom,0px));box-shadow:0 0 0 2px var(--gold-dark), 0 6px 20px #0005;background:#3b2a14e6;border-radius:16px;gap:6px;padding:6px;display:flex;position:absolute;transform:translate(-50%)}.dock-btn{color:#fff3cf;cursor:pointer;font-family:var(--pixel);background:0 0;border:0;border-radius:12px;flex-direction:column;align-items:center;gap:2px;min-width:64px;padding:6px 10px;font-size:12px;transition:transform .1s,background .15s;display:flex}.dock-btn img{object-fit:contain;width:auto;max-width:44px;height:32px}.panel{z-index:40;background:var(--cream);width:min(420px,100vw - 24px);box-shadow:0 0 0 3px var(--gold-dark), 0 0 0 5px #6b4a12, inset 0 0 0 2px #ffe9a8, 0 20px 50px #0006;border-radius:12px;flex-direction:column;animation:.22s cubic-bezier(.2,.9,.3,1.2) panel-in;display:flex;position:absolute;top:68px;bottom:96px;right:12px}.panel:before,.panel:after{content:"";background:var(--gold);border:2px solid #6b4a12;width:12px;height:12px;position:absolute;top:-8px;transform:rotate(45deg)}.panel:before{left:14px}.panel:after{right:14px}.panel-head{border-bottom:2px dashed #e2cf9b;align-items:center;gap:10px;padding:12px 14px 10px;display:flex}.panel-head img{object-fit:contain;width:44px;height:44px}.panel-head h2{font-family:var(--pixel);color:#3b2a14;margin:0;font-size:22px;line-height:1.1}.panel-head span{color:#8a6420;font-size:12px}.panel-head .x{color:#fff3cf;cursor:pointer;background:#3b2a14;border:0;border-radius:8px;flex:none;width:32px;height:32px;margin-left:auto;font-size:14px}.panel-body{flex-direction:column;gap:10px;padding:12px 14px 16px;display:flex;overflow:auto}.panel .stat,.panel .item{background:#fffdf5}h3.sec{font-family:var(--pixel);color:#6b4a12;align-items:baseline;gap:8px;margin:6px 0 0;font-size:16px;display:flex}h3.sec small{color:var(--muted);font-family:Inter,sans-serif;font-size:11px;font-weight:500}.note{color:#6f6450;margin:0;font-size:12.5px}.empty{text-align:center;flex-direction:column;align-items:center;gap:10px;padding:20px 0;display:flex}.hero-num{align-items:center;gap:12px;display:flex}.hero-num b{font-family:var(--pixel);color:#3b2a14;font-size:28px;line-height:1.1;display:block}.hero-num span{color:#8a6420;font-size:12.5px}.perks{gap:4px;margin:0;padding-left:18px;font-size:13px;display:grid}.invite{background:#fffdf5;border:1px dashed #d8c28a;border-radius:10px;flex-direction:column;gap:2px;padding:10px;display:flex}.feed.tall{max-height:none}.chip{vertical-align:1px;border-radius:4px;margin-left:4px;padding:1px 5px;font-size:10px;font-style:normal;font-weight:700;display:inline-block}.chip.red{background:var(--red-soft);color:var(--red)}.chip.blue{background:var(--blue-soft);color:var(--blue)}.seg{background:#efe4c6;border-radius:10px;gap:2px;padding:3px;display:flex}.seg button{color:#6b5a35;cursor:pointer;background:0 0;border:0;border-radius:8px;flex:1;padding:6px 4px;font-size:12px;font-weight:600}.seg button.on{color:#3b2a14;background:#fffdf5;box-shadow:0 1px 2px #0002}.targets{flex-direction:column;gap:6px;display:flex}.target{background:#fffdf5;border:1px solid #ecdcae;border-radius:10px;grid-template-columns:44px minmax(0,1fr) auto auto auto;align-items:center;gap:8px;padding:6px 8px;display:grid}.target.off{opacity:.55}.target img{object-fit:contain;width:44px;height:38px}.target .who{min-width:0}.target .who b{white-space:nowrap;text-overflow:ellipsis;font-size:13px;display:block;overflow:hidden}.target .who span{color:var(--muted);font-size:11px}.target .odds{text-align:right;line-height:1.1}.target .odds b{font-family:var(--pixel);font-size:15px;display:block}.target .odds span{color:var(--green);font-size:11px}.target .ev{font-family:var(--pixel);text-align:center;border-radius:6px;padding:2px 6px;font-size:14px;font-weight:700;line-height:1.05}.target .ev span{opacity:.7;font-family:Inter,sans-serif;font-size:9px;display:block}.target .ev.pos{color:#2f6b3f;background:#e3f4dd}.target .ev.neg{background:var(--red-soft);color:var(--red)}.raidflow{z-index:60;background:#0b1a12;justify-content:center;align-items:center;animation:.25s fade;display:flex;position:fixed;inset:0}.raid-canvas{aspect-ratio:16/9;flex:none;width:max(100vw,177.778vh);height:auto}.raid-top{top:calc(16px + env(safe-area-inset-top,0px));position:absolute;left:50%;transform:translate(-50%)}.raid-top .banner{padding:5px 14px;font-size:16px}.meter-wrap{left:50%;top:calc(64px + env(safe-area-inset-top,0px));flex-direction:column;align-items:center;gap:6px;width:min(520px,86vw);animation:.3s pop;display:flex;position:absolute;transform:translate(-50%)}.meter-wrap span{font-family:var(--pixel);color:#fff;text-shadow:0 2px #000a;font-size:16px}.odds-meter{width:100%;height:26px;box-shadow:0 0 0 3px var(--gold-dark), 0 0 0 5px #3b2a14, 0 8px 24px #0008;background:#d9483b;border-radius:8px;position:relative;overflow:visible}.odds-meter .zone{background:linear-gradient(90deg,#7ad04a,#3f8a52);border-radius:8px 0 0 8px;position:absolute;inset:0 auto 0 0}.odds-meter .needle{background:#fff;border:2px solid #3b2a14;border-radius:3px;width:6px;margin-left:-3px;position:absolute;top:-10px;bottom:-10px;box-shadow:0 0 12px #fff}.raid-card{left:50%;bottom:calc(24px + env(safe-area-inset-bottom,0px));background:var(--cream);width:min(520px,100vw - 24px);box-shadow:0 0 0 3px var(--gold-dark), 0 0 0 5px #3b2a14, 0 20px 60px #000a;border-radius:14px;flex-direction:column;gap:8px;padding:16px;animation:.35s cubic-bezier(.2,1.4,.4,1) pop;display:flex;position:absolute;transform:translate(-50%)}.raid-card h2{font-family:var(--pixel);margin:0;font-size:32px}.raid-card p{color:#5b5040;margin:0;font-size:13px}.title-art{filter:drop-shadow(0 6px #0006);width:min(420px,80vw);animation:.5s cubic-bezier(.2,1.6,.4,1) title-in;position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%)}.raid-card .row a{text-decoration:none}.reset{z-index:20;right:12px;bottom:calc(12px + env(safe-area-inset-bottom,0px));color:#fff;cursor:pointer;background:#0005;border:0;border-radius:8px;padding:4px 8px;font-size:11px;position:absolute}.toasts{bottom:100px}@keyframes panel-in{0%{opacity:0;transform:translate(30px)}}@keyframes pop{0%{transform:translate(-50%,-50%)scale(.6)}}@keyframes title-in{0%{opacity:0;transform:translate(-50%)scale(.2)rotate(-8deg)}}@media (width<=760px){.hud-top{gap:6px;padding:8px}.hud-brand span,.hud-chip small{display:none}.hud-brand{padding:3px}.hud-chip{padding:4px 9px 4px 4px;font-size:13px}.hud-chip img{width:20px}.scroll{width:min(280px,100vw - 24px);top:60px}.scroll-peek{display:none}.dock{justify-content:space-between;left:8px;right:8px;transform:none}.dock-btn{flex:1;min-width:0;padding:4px 2px;font-size:11px}.dock-btn img{height:28px}.panel{width:auto;max-height:78vh;padding-bottom:env(safe-area-inset-bottom,0px);border-radius:16px 16px 0 0;animation:.25s ease-out sheet-in;inset:auto 0 0}.panel:before,.panel:after{display:none}.target{grid-template-columns:36px minmax(0,1fr) auto auto}.target .ev{display:none}.reset{bottom:84px}.toasts{bottom:90px}}@keyframes sheet-in{0%{opacity:0;transform:translateY(40px)}}@media (prefers-reduced-motion:reduce){.panel,.raid-card,.title-art,.meter-wrap{animation:none}}:root{--ui:Inter, system-ui, -apple-system, sans-serif;--soft-green:#e7f6e9;--line-2:#e9ece6}.game{font-family:var(--ui)}.hud-top{top:calc(10px + env(safe-area-inset-top,0px));pointer-events:auto;background:#fffffff2;border-radius:20px;padding:8px 10px;left:12px;right:12px;box-shadow:0 4px 18px #0f2a1a1f}.hud-brand{box-shadow:none;font-family:var(--ui);color:#13241a;letter-spacing:-.02em;background:0 0;padding:0 4px 0 0;font-size:20px;font-weight:800}.hud-brand img{width:34px}.hud-chip{box-shadow:none;font-family:var(--ui);color:#13241a;background:#f4f6f2;padding:6px 12px 6px 6px;font-size:14px}.hud-chip small{color:#66736a;font-weight:500}.hud-chip.wallet:after{content:"";background:#2fbf5b;border-radius:50%;width:8px;height:8px;margin-left:2px}.hud-chip.siren{background:var(--red);color:#fff}.town-map .banner,.banner{font-family:var(--ui);color:#13241a;background:#fff;border:0;border-radius:10px;padding:5px 12px;font-size:clamp(11px,1vw,14px);font-weight:700;box-shadow:0 3px 10px #0f2a1a33}.banner:before,.banner:after{display:none}.banner .tip{width:8px;height:8px;box-shadow:none;background:#fff;border:0;bottom:-4px}.banner small{color:#5a6b60;font-weight:600}.banner.me{background:#fff;outline:2px solid #2fbf5b}.banner.pot{background:#fff;font-size:clamp(12px,1.1vw,15px)}.banner.sel,.banner:hover{box-shadow:0 0 0 3px #2fbf5b55,0 3px 10px #0f2a1a33}.scroll{top:calc(86px + env(safe-area-inset-top,0px))}.scroll-tab{font-family:var(--ui);color:#13241a;background:#fff;border-radius:12px;padding:6px 12px 6px 6px;font-weight:700;box-shadow:0 3px 12px #0f2a1a26}.scroll-body{background:#fff;border-radius:18px;padding:14px;box-shadow:0 6px 22px #0f2a1a2e}.scroll-body h3{font-family:var(--ui);color:#13241a;margin-bottom:8px;font-size:17px;font-weight:800}.scroll-body .feed div{border-bottom:1px solid var(--line-2);border-radius:0;padding:8px 2px;background:0 0!important}.scroll-peek{background:#fff;border-radius:12px;font-weight:500;box-shadow:0 3px 12px #0f2a1a26}.feed .ico{background:var(--soft-green);border-radius:50%;flex:none;place-items:center;width:28px;height:28px;font-size:14px;display:grid}.dock{background:#fff;border-radius:22px;gap:4px;padding:6px;box-shadow:0 6px 24px #0f2a1a2e}.dock-btn{color:#13241a;font-family:var(--ui);border-radius:16px;min-width:70px;padding:8px 10px 6px;font-size:12px;font-weight:600}.dock-btn svg{width:26px;height:26px}.dock-btn:hover{background:#f4f6f2;transform:none}.dock-btn.on{background:var(--soft-green);color:#1f8a43}.panel{background:#fff;border-radius:22px;box-shadow:0 20px 50px #0f2a1a40}.panel:before,.panel:after{display:none}.panel-head{border-bottom:1px solid var(--line-2)}.panel-head h2{font-family:var(--ui);letter-spacing:-.02em;color:#13241a;font-weight:800}.panel-head .x{color:#13241a;background:#f4f6f2;border-radius:50%}.panel .stat,.panel .item,.target,.invite{border-color:var(--line-2);background:#f8faf7}h3.sec{font-family:var(--ui);color:#13241a;font-weight:800}.hero-num b{font-family:var(--ui);letter-spacing:-.02em;color:#13241a;font-weight:800}.btn{background:#1f9d4c}.btn.ghost{background:var(--soft-green);color:#1f8a43}.raid-card{background:#fff;border-radius:22px;box-shadow:0 20px 60px #000a}.raid-card h2{font-family:var(--ui);letter-spacing:-.02em;font-weight:800}.raid-top .banner{font-size:15px}.odds-meter{box-shadow:0 0 0 4px #fff,0 8px 24px #0008}.meter-wrap span{font-family:var(--ui);font-weight:800}@media (width<=760px){.hud-top{border-radius:16px;padding:6px 8px;left:8px;right:8px}.hud-brand{font-size:0}.hud-brand img{width:30px}.scroll{top:calc(70px + env(safe-area-inset-top,0px))}.dock{border-radius:20px;left:8px;right:8px}.dock-btn{min-width:0}.panel{border-radius:22px 22px 0 0}}.town-bg{filter:blur(18px)brightness(.75)saturate(1.1);background-position:50%;background-size:cover;position:absolute;inset:-40px;transform:scale(1.1)}.town-map canvas{image-rendering:pixelated}@media (width<=760px){.scroll{top:auto;bottom:calc(94px + env(safe-area-inset-bottom,0px));flex-direction:column-reverse;align-items:stretch;width:auto;max-width:none;left:8px;right:8px}.scroll-tab{z-index:2;padding:4px 10px 4px 4px;font-size:12px;position:absolute;bottom:6px;right:6px}.scroll-tab img{width:20px}.scroll-peek{white-space:nowrap;text-overflow:ellipsis;max-width:none;padding:9px 90px 9px 12px;font-size:12.5px;display:block;overflow:hidden}.scroll-body{max-height:52vh;padding-bottom:44px}.town-map .banner{padding:4px 9px;font-size:11px}.reset{top:calc(74px + env(safe-area-inset-top,0px));opacity:.7;bottom:auto;right:10px}}.zoom-reset{z-index:26;right:12px;top:calc(80px + env(safe-area-inset-top,0px));color:#13241a;cursor:pointer;background:#fff;border:0;border-radius:12px;padding:7px 12px;font-size:12px;font-weight:700;position:absolute;box-shadow:0 3px 12px #0f2a1a33}.town{touch-action:none}@media (orientation:portrait){.home-scene canvas,.raid-canvas{width:100vw;transform:none!important}.raidflow{background:#5fa147}}.village{isolation:isolate;background:#3f7a35;justify-content:center;display:flex;position:absolute;inset:0;overflow:hidden}.village-fill{filter:blur(22px)brightness(.7)saturate(1.15);background-position:50%;background-size:cover;position:absolute;inset:-60px;transform:scale(1.15)}.village-stage{flex:none;transition:transform .35s;position:relative}@media (width>=761px){.village.shifted .village-stage{transform:translate(-200px)}}.village-bg{width:100%;height:100%;image-rendering:pixelated;-webkit-user-select:none;user-select:none;pointer-events:none;position:absolute;inset:0}.v-sprite{image-rendering:pixelated;pointer-events:none;-webkit-user-select:none;user-select:none;height:auto;position:absolute}.vlabel{z-index:900;appearance:none;cursor:pointer;font-family:var(--pixel);letter-spacing:.02em;text-transform:uppercase;color:#22301f;white-space:nowrap;text-align:center;background:#fff;border:2px solid #22301f;border-radius:6px;margin:0;padding:4px 9px 5px;font-size:13px;font-weight:700;line-height:1.05;transition:transform .12s;position:absolute;transform:translate(-50%,-100%);box-shadow:0 3px #22301f55}.vlabel small{font-family:var(--ui);text-transform:none;letter-spacing:0;color:#5a6b60;margin-top:1px;font-size:10.5px;font-weight:600;display:block}.vlabel .tip{background:#fff;border-bottom:2px solid #22301f;border-right:2px solid #22301f;width:9px;height:9px;position:absolute;bottom:-6px;left:50%;transform:translate(-50%)rotate(45deg)}.vlabel:hover,.vlabel:focus-visible{outline:none;transform:translate(-50%,-100%)scale(1.07)}.vlabel.under:hover,.vlabel.under:focus-visible{transform:translate(-50%)scale(1.07)}.vlabel.gold .tip{background:#fff6d6;border-color:#7a5410}.vlabel.gold small{color:#8a6420;font-family:var(--pixel);font-size:12px}.vlabel.red .tip{background:#d9483b;border-color:#6e1a12}.v-sparkles{pointer-events:none;z-index:400;width:22%;height:9%;position:absolute;transform:translate(-50%,-100%)}.v-sparkles i{clip-path:polygon(50% 0,62% 38%,100% 50%,62% 62%,50% 100%,38% 62%,0 50%,38% 38%);width:6px;height:6px;animation:2.4s infinite twinkle;animation-delay:calc(var(--i) * -.5s);background:#fff7c2;position:absolute}.v-sparkles i:first-child{top:60%;left:12%}.v-sparkles i:nth-child(2){top:20%;left:38%}.v-sparkles i:nth-child(3){top:70%;left:62%}.v-sparkles i:nth-child(4){top:30%;left:82%}.v-sparkles i:nth-child(5){top:50%;left:50%}@keyframes twinkle{0%,to{opacity:0;transform:scale(.4)}40%{opacity:1;transform:scale(1.4)}60%{opacity:.8;transform:scale(1)}}.v-shield{z-index:850;pointer-events:none;background:radial-gradient(at 50% 35%,#bfe8ff30 0%,#7cc8ff40 60%,#9ad8ff88 90%,#f2fbffdd 98%,#0000 100%);border-radius:50%;animation:2.6s ease-in-out infinite shield-pulse;position:absolute;transform:translate(-50%,-50%);box-shadow:inset 0 0 30px #bfe6ff88,0 0 24px #7cc8ff55}.v-shield-tag{color:#fff;font:700 12px var(--ui);white-space:nowrap;background:#1f6fb2;border-radius:999px;padding:3px 9px;position:absolute;bottom:4%;left:50%;transform:translate(-50%)}@keyframes shield-pulse{50%{box-shadow:inset 0 0 44px #d8f0ffaa,0 0 34px #7cc8ff88}}@media (prefers-reduced-motion:reduce){.v-sparkles i,.v-shield{animation:none}}@media (width<=760px){.vlabel{padding:3px 7px 4px;font-size:11.5px}.vlabel small{font-size:10px}}.village-raid{background:#3f7a35}.village-raid .village{z-index:0}.v-coin{animation:.9s ease-out infinite coin-pop;animation-delay:calc(var(--i) * -.22s)}@keyframes coin-pop{0%{opacity:1;translate:0}70%{opacity:1;translate:0 -60%}to{opacity:0;translate:0 -20%}}.scout{z-index:55;animation:.2s fade;position:fixed;inset:0}.scout-back{z-index:3;left:12px;top:calc(12px + env(safe-area-inset-top,0px));color:#13241a;font:700 14px var(--ui);cursor:pointer;background:#fff;border:0;border-radius:12px;padding:8px 14px;position:absolute;box-shadow:0 3px 12px #0f2a1a33}.scout-card{z-index:3;left:50%;bottom:calc(12px + env(safe-area-inset-bottom,0px));background:#fff;border-radius:22px;flex-direction:column;gap:10px;width:min(460px,100vw - 16px);padding:14px;animation:.25s ease-out sheet-in;display:flex;position:absolute;transform:translate(-50%);box-shadow:0 16px 50px #0f2a1a55}.scout-card h2{font:800 20px var(--ui);letter-spacing:-.02em;color:#13241a;margin:0}.scout-odds{text-align:center;background:var(--soft-green);border-radius:14px;padding:6px 12px}.scout-odds b{font:800 26px var(--ui);color:#1f8a43;line-height:1;display:block}.scout-odds span{color:#4d6b55;font-size:11px;font-weight:600}.btn.red{background:var(--red)}.intro{z-index:70;background:#2d5a2a;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}.intro-art{image-rendering:pixelated;background-position:50% 30%;background-size:cover;animation:.4s fade;position:absolute;inset:0}.intro-card{width:min(480px,100vw - 16px);margin-bottom:calc(14px + env(safe-area-inset-bottom,0px));background:#fff;border-radius:22px;flex-direction:column;gap:8px;padding:16px;animation:.3s ease-out sheet-in;display:flex;position:relative;box-shadow:0 16px 50px #0006}.intro-card small{color:#66736a;font-weight:600}.intro-card h2{font:800 24px var(--ui);letter-spacing:-.02em;color:#13241a;margin:0}.intro-card p{color:#33423a;margin:0;font-size:15px;line-height:1.5}.intro-cast{justify-content:center;align-items:flex-end;gap:10px;min-height:70px;margin-top:-64px;display:flex}.intro-cast img{width:auto;height:72px;image-rendering:pixelated;filter:drop-shadow(0 4px #0003)}.profile-head{align-items:center;gap:12px;display:flex}.profile-head b{font:800 20px var(--ui);color:#13241a;display:block}.profile-head span{color:#66736a;font-size:12.5px;display:block}.portrait{background:#e7f6e9;border-radius:14px;flex:none;place-items:center;width:64px;height:64px;display:grid;box-shadow:inset 0 0 0 3px #b88422,0 0 0 2px #6b4a12}.portrait img{width:52px;image-rendering:pixelated}.settings{flex-wrap:wrap;gap:6px;display:flex}.settings .btn{text-decoration:none}.stat.red b{color:var(--red)}.stat.green b{color:#1f8a43}.admin{font-family:var(--ui);background:#f4f6f2;flex-direction:column;gap:14px;padding:20px max(16px,50vw - 520px);display:flex;position:fixed;inset:0;overflow:auto}.admin h1{font:800 26px var(--ui);letter-spacing:-.02em;margin:0}.admin header{flex-wrap:wrap;gap:12px}.admin-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:10px;display:grid}.admin-grid .stat{box-shadow:var(--shadow);background:#fff;border-radius:14px;padding:12px 14px}.admin-grid .stat b{font:800 22px var(--ui)}.admin-grid .stat span{color:#66736a;font-size:12px}.admin .card{box-shadow:var(--shadow);background:#fff;border-radius:16px;flex-direction:column;gap:10px;padding:14px;display:flex}.admin .card h3{font:800 16px var(--ui);margin:0}.admin-table{overflow-x:auto}.admin-table thead td{color:#66736a;font-size:12px;font-weight:700}.admin-table td:last-child{font-family:var(--ui)}.panel-body>*{flex-shrink:0}@media (width<=760px){.hud-chip.back{display:none}}.vlabel{font-family:var(--ui);letter-spacing:0;text-transform:none;padding:4px 10px 5px;font-size:13px;font-weight:800}.vlabel small{font-size:11px;font-weight:600}.vlabel.gold small{font-family:var(--ui);font-size:11.5px;font-weight:700}.stat b,.hero-num b,table.lb td:last-child,.countdown,.meter-wrap span{font-family:var(--ui);letter-spacing:-.01em;font-weight:800}@media (width<=760px){.vlabel{padding:3px 8px 4px;font-size:12px}.vlabel small{font-size:10.5px}}.shop2{flex-direction:column;gap:10px;display:flex}.shop2 h3.sec small{color:#8a6420;margin-top:2px;font-size:11.5px;font-weight:500;display:block}.purse{color:#5a3d08;background:linear-gradient(#fff6d8,#ffeeb8);border:2px solid #e2c27a;border-radius:14px;align-items:center;gap:8px;padding:8px 12px;display:flex}.purse img{width:26px;image-rendering:pixelated}.purse b{font:800 17px var(--ui)}.purse span{color:#8a6420;font-size:12px}.up-card{background:#fffaf0;border:2px solid #eadbb4;border-radius:16px;grid-template-columns:56px 1fr auto;align-items:center;gap:10px;padding:10px;display:grid;box-shadow:inset 0 -3px #f1e4c2}.up-card.defense{border-left:5px solid #3a8fd6}.up-card.offense{border-left:5px solid #d9483b}.up-icon{background:radial-gradient(circle at 50% 40%,#fff,#f4e7c6);border-radius:14px;place-items:center;width:56px;height:56px;display:grid;box-shadow:inset 0 0 0 2px #d9bf7f}.up-icon img{width:40px;image-rendering:pixelated}.up-main{flex-direction:column;gap:3px;min-width:0;display:flex}.up-title{align-items:center;gap:6px;display:flex}.up-title b{font:800 15px var(--ui);color:#2b2412}.up-title em{border-radius:999px;padding:1px 6px;font-size:10px;font-style:normal;font-weight:700}.defense .up-title em{background:var(--blue-soft);color:#1f6fb2}.offense .up-title em{background:var(--red-soft);color:var(--red)}.studs{align-items:center;gap:4px;display:flex}.studs i{background:#eadfc4;border-radius:3px;width:12px;height:12px;transform:rotate(45deg)scale(.8);box-shadow:inset 0 0 0 1px #cdb780}.studs i.on{background:linear-gradient(135deg,#ffe58a,#e0a526);box-shadow:inset 0 0 0 1px #9a6b12,0 0 6px #ffd75a88}.studs span{color:#8a7a55;margin-left:4px;font-size:11px;font-weight:700}.up-effect{color:#6b5f45;font-size:12.5px}.gold-btn{cursor:pointer;min-width:78px;font:800 14px var(--ui);color:#4a2f04;background:linear-gradient(#ffe58a,#f2b630);border:2px solid #9a6b12;border-radius:12px;justify-content:center;align-items:center;gap:4px;padding:8px 10px;transition:transform 60ms,filter .15s;display:inline-flex;box-shadow:inset 0 -3px #c8871a,0 2px #9a6b1255}.gold-btn img{width:18px;image-rendering:pixelated}.gold-btn:hover:not(:disabled){filter:brightness(1.06)}.gold-btn:disabled{filter:grayscale(.85)opacity(.6);cursor:not-allowed}.item-grid{grid-template-columns:1fr 1fr;gap:8px;display:grid}.item-tile{text-align:center;background:#fffaf0;border:2px solid #eadbb4;border-radius:16px;flex-direction:column;align-items:center;gap:4px;padding:12px 8px 10px;display:flex;box-shadow:inset 0 -3px #f1e4c2}.item-tile img{width:44px;image-rendering:pixelated}.item-tile b{font:800 14px var(--ui);color:#2b2412}.item-tile span{color:#6b5f45;flex:1;font-size:11.5px}.item-tile .gold-btn{width:100%;margin-top:4px}.shop2 h3.sec{display:block}.village-fx{image-rendering:auto;pointer-events:none;z-index:1;width:100%;height:100%;position:absolute;inset:0}.hud-chip.connect{color:#fff;background:#1f9d4c;padding:6px 14px;font-weight:800}.reset.net{cursor:default;background:#1f6fb2cc}.connect-card{flex-direction:column;gap:10px;display:flex}.steps{color:#33423a;gap:6px;margin:0;padding-left:20px;font-size:13px;display:grid}.faucet{background:#eef7ff;border:2px solid #b9daf5;border-radius:16px;grid-template-columns:40px 1fr auto;align-items:center;gap:10px;padding:10px;display:grid}.faucet img{width:36px;image-rendering:pixelated}.faucet b{font:800 14px var(--ui);display:block}.faucet span{color:#4a6276;font-size:12px}pre.code{color:#d9f5dd;background:#13241a;border-radius:10px;margin:0;padding:10px;font-size:12px;overflow:auto}.docs{z-index:80;font-family:var(--ui);color:#22301f;background:#f6f4ec;grid-template-rows:auto 1fr;grid-template-columns:240px 1fr;animation:.2s fade;display:grid;position:fixed;inset:0}.docs-top{padding:calc(10px + env(safe-area-inset-top,0px)) 16px 10px;background:#fff;border-bottom:1px solid #e6e1d3;grid-column:1/-1;justify-content:space-between;align-items:center;gap:10px;display:flex}.docs-brand{align-items:center;gap:8px;font-size:18px;display:flex}.docs-brand img{width:32px;image-rendering:pixelated}.docs-brand span{color:#66736a;font-weight:600}.docs-nav{background:#fbfaf5;border-right:1px solid #e6e1d3;flex-direction:column;gap:4px;padding:12px;display:flex;overflow:auto}.docs-nav button{text-align:left;font:600 14px var(--ui);color:#33423a;cursor:pointer;white-space:nowrap;background:0 0;border:0;border-radius:10px;align-items:center;gap:8px;padding:8px 10px;display:flex}.docs-nav button img{object-fit:contain;width:22px;height:22px;image-rendering:pixelated}.docs-nav button.on,.docs-nav button:hover{background:var(--soft-green);color:#1f8a43}.docs-main{scroll-behavior:smooth;padding:0 0 60px;overflow:auto}.docs-hero{height:220px;image-rendering:pixelated;background-position:50% 40%;background-size:cover;align-items:flex-end;padding:20px max(20px,50% - 360px);display:flex;position:relative}.docs-hero:after{content:"";background:linear-gradient(#0000 30%,#0f2a1acc);position:absolute;inset:0}.docs-hero div{z-index:1;color:#fff;position:relative}.docs-hero h1{font:800 34px var(--ui);letter-spacing:-.02em;margin:0}.docs-hero p{opacity:.92;margin:4px 0 0;font-size:15px}.docs-sec{max-width:720px;margin:0 auto;padding:26px 20px 4px}.docs-sec h2{font:800 24px var(--ui);letter-spacing:-.02em;align-items:center;gap:10px;margin:0 0 12px;scroll-margin-top:10px;display:flex}.docs-sec h2 img{object-fit:contain;width:34px;height:34px;image-rendering:pixelated}.docs-sec p,.docs-sec li,.docs-sec dd{color:#33423a;font-size:15px;line-height:1.6}.docs-sec ul{gap:6px;padding-left:20px;display:grid}.docs-sec .lead{color:#22301f;font-size:17px}.d-cards{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px;display:grid}.d-cards>div,.d-cast>div{background:#fff;border:1px solid #e6e1d3;border-radius:16px;flex-direction:column;gap:4px;padding:14px;display:flex}.d-cards img{width:36px;image-rendering:pixelated}.d-cards b,.d-cast b{font-size:15px}.d-cards span,.d-cast span{color:#5a6b60;font-size:13px}.d-table{border-collapse:collapse;background:#fff;border-radius:12px;width:100%;margin:10px 0;font-size:14px;overflow:hidden}.d-table td{vertical-align:top;border-bottom:1px solid #eee9da;padding:9px 12px}.d-table thead td{text-transform:uppercase;letter-spacing:.04em;color:#66736a;background:#f0ece0;font-size:12px;font-weight:700}.d-row{align-items:flex-end;gap:10px;display:flex}.d-row img[alt]{aspect-ratio:2/3;object-fit:cover;min-width:0;image-rendering:pixelated;border-radius:12px;flex:1}.d-row.guards{justify-content:center;gap:18px;padding:8px 0}.d-hero{background:#fff;border:1px solid #e6e1d3;border-radius:16px;align-items:center;gap:14px;padding:12px 14px;display:flex}.d-hero p{margin:0}.d-cast{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:10px;display:grid}.d-cast img{align-self:flex-start}.d-faq dt{margin-top:14px;font-size:15px;font-weight:800}.d-faq dd{margin:4px 0 0}.docs-foot{color:#8a8f86;max-width:720px;margin:30px auto 0;padding:0 20px;font-size:12px}@media (width<=760px){.docs{grid-template-rows:auto auto 1fr;grid-template-columns:minmax(0,1fr)}.docs-nav{border-bottom:1px solid #e6e1d3;border-right:0;flex-direction:row;min-width:0;padding:8px}.docs-top .btn{white-space:nowrap}.docs-brand{min-width:0}.docs-brand .brand-wordmark{object-fit:contain;object-position:left center;width:auto;max-width:calc(100vw - 250px)}.docs-hero{height:160px}.docs-hero h1{font-size:26px}.docs-sec h2{font-size:21px}}@media (width<=420px){.docs-brand span{display:none}}.boot{color:#fff;font:700 16px var(--ui);background:#2d5a2a;place-items:center;display:grid;position:fixed;inset:0}:root{--wood-img:url(/sprites/panel_wood.png);--wood-text:#fff4d6;--wood-dark:#3b2410}.vlabel,.town-map .banner,.banner.static{color:var(--wood-text);text-shadow:0 1px #2a1608,0 0 2px #2a160880;border:7px solid #0000;border-image:var(--wood-img) 30 fill / 7px stretch;image-rendering:pixelated;background:#7a4a22;border-radius:0;outline:none;padding:1px 7px 2px;box-shadow:0 3px #0000,0 4px 8px #1b0f0566}.vlabel small,.town-map .banner small,.banner.static small{color:#f3d9a4;text-shadow:0 1px #2a1608}.vlabel.gold{color:#ffe27a;border-image:var(--wood-img) 30 fill / 7px stretch;background:#7a4a22}.vlabel.red{color:#ffb3a4;border-image:var(--wood-img) 30 fill / 7px stretch;background:#7a4a22;animation:1.6s ease-in-out infinite sign-glow}.vlabel.red small{color:#ffd2c8}@keyframes sign-glow{50%{box-shadow:0 0 0 2px #ff5a4a88,0 4px 14px #ff3a2a66}}.vlabel .tip,.town-map .banner .tip{background:#5a3518;border:0;border-left:1px solid #8a5a2a;border-radius:0;width:5px;height:11px;bottom:-17px;left:50%;transform:translate(-50%);box-shadow:1px 0 #2a1608}.vlabel.gold .tip,.vlabel.red .tip{background:#5a3518;border:0;border-left:1px solid #8a5a2a}.vlabel.under .tip{top:-17px;bottom:auto;transform:translate(-50%)}.vlabel:hover,.vlabel:focus-visible{filter:brightness(1.12)}.town-map .banner.me{outline-offset:1px;outline:2px solid #8ee06a}.town-map .banner.sel,.town-map .banner:hover{box-shadow:0 0 0 2px #ffd75a,0 4px 10px #1b0f0566}.raid-top .banner.static{padding:2px 10px 3px;font-size:15px}.raid-top .banner .tip{display:none}.hud-top,.dock{border:8px solid #0000;border-image:var(--wood-img) 30 fill / 8px stretch;background:#7a4a22;border-radius:0;box-shadow:0 6px 18px #1b0f0566}.hud-brand,.hud-brand span{color:var(--wood-text);text-shadow:0 1px #2a1608}.hud-chip{color:#3b2410;background:#fff4dc;box-shadow:inset 0 -2px #d9bf8a}.dock{padding:2px}.dock-btn{color:var(--wood-text);text-shadow:0 1px #2a1608}.dock-btn:hover{background:#ffffff1f}.dock-btn.on{color:#5a3d08;text-shadow:none;background:#fff1c2}.panel-head{border:7px solid #0000;border-image:var(--wood-img) 30 fill / 7px stretch;background:#7a4a22;border-radius:0;margin:6px 6px 0}.panel-head h2{color:var(--wood-text);text-shadow:0 1px #2a1608}.panel-head .x{color:#3b2410;background:#fff4dc}.panel{background:#fffaf0}.scroll-tab,.scroll-peek,.scout-back,.zoom-reset{color:#3b2410;background:#fff4dc;box-shadow:inset 0 -2px #d9bf8a,0 3px 10px #1b0f0533}@media (width<=760px){.vlabel{padding:0 6px 1px}}.hud-chip.speed{color:#fff;box-shadow:none;background:#2f7de1;font-weight:800}.spin{flex-direction:column;align-items:center;gap:12px;display:flex}.wheel-wrap{aspect-ratio:1;filter:drop-shadow(0 6px 10px #3b241055);width:min(280px,72vw);position:relative}.wheel{width:100%;height:100%;transition:transform 3.2s cubic-bezier(.12,.75,.18,1)}.wheel-pointer{z-index:2;filter:drop-shadow(0 2px #5a3518);border-top:26px solid #d9483b;border-left:14px solid #0000;border-right:14px solid #0000;width:0;height:0;position:absolute;top:-6px;left:50%;transform:translate(-50%)}.gold-btn.big{width:100%;padding:12px;font-size:16px}.prize{background:linear-gradient(#fff6d8,#ffeeb8);border:2px solid #e2c27a;border-radius:14px;align-items:center;gap:10px;width:100%;padding:10px 12px;display:flex}.prize img{width:44px;image-rendering:pixelated}.prize b{font:800 16px var(--ui);color:#5a3d08;display:block}.prize span{color:#6b5f45;font-size:13px}.pop{animation:.35s cubic-bezier(.2,1.4,.4,1) pop}.note.center{text-align:center}.odds-list{color:#6b5f45;flex-wrap:wrap;justify-content:center;gap:6px 12px;font-size:12px;display:flex}.odds-list i{vertical-align:-1px;border:1px solid #5a3518;border-radius:3px;width:10px;height:10px;margin-right:4px;display:inline-block}.crate-shop{background:linear-gradient(#fff3d9,#ffe7b8);border:2px solid #d9b26a;border-radius:18px;grid-template-columns:110px 1fr;align-items:center;gap:10px;padding:10px;display:grid;box-shadow:inset 0 -3px #e8cd92}.crate-stage{place-items:center;height:104px;display:grid;position:relative}.crate-img{width:92px;image-rendering:pixelated;z-index:1;position:relative}.crate-stage.shaking .crate-img{animation:.18s linear infinite crate-shake}.crate-stage.open .crate-img{width:64px;animation:.4s cubic-bezier(.2,1.4,.4,1) pop}.crate-burst{opacity:.85;width:130px;animation:2.4s linear infinite burst-spin;position:absolute}@keyframes crate-shake{0%{transform:rotate(-6deg)translate(-2px)}50%{transform:rotate(6deg)translate(2px)}to{transform:rotate(-6deg)translate(-2px)}}@keyframes burst-spin{to{transform:rotate(360deg)}}.crate-info{flex-direction:column;gap:6px;display:flex}.crate-info b{font:800 17px var(--ui);color:#4a2f04}.crate-info span{color:#6b5f45;font-size:12.5px}.crate-info .crate-prize{color:#1f8a43;font-size:14px;font-weight:700}.crate-odds{color:#6b5f45;grid-column:1/-1;font-size:12.5px}.crate-odds summary{cursor:pointer;font-weight:700}.crate-odds div{align-items:center;gap:6px;padding:2px 0;display:flex}.crate-odds img{object-fit:contain;width:20px;height:20px;image-rendering:pixelated}.crate-odds b{margin-left:auto}@media (width<=760px){.hud-chip.mute{display:none}}.chief-pick{grid-template-columns:repeat(4,1fr);gap:4px;display:grid}.chief-pick button{cursor:pointer;font:600 10px var(--ui);color:#5a4a2a;background:#fffaf0;border:2px solid #eadbb4;border-radius:12px;flex-direction:column;align-items:center;gap:2px;padding:4px 2px;display:flex}.chief-pick button img{width:auto;height:44px;image-rendering:pixelated}.chief-pick button.on{background:#e7f6e9;border-color:#1f9d4c;box-shadow:0 0 0 2px #1f9d4c44}.portrait img{width:auto;height:56px}.trading-post{border-top:2px dashed #eadbb4;flex-direction:column;gap:8px;padding-top:10px;display:flex}.trading-post h3.sec small{color:#8a6420;font-size:11.5px;font-weight:500;display:block}.tp-price{background:#fffaf0;border:2px solid #eadbb4;border-radius:14px;grid-template-columns:36px 1fr auto;align-items:center;gap:10px;padding:8px 12px;display:grid}.tp-price img{width:32px;image-rendering:pixelated}.tp-price b{font:800 20px var(--ui);color:#2b2412;display:block}.tp-price span{color:#6b5f45;font-size:12px}.tp-price em{font-style:normal;font-weight:700}.tp-price em.up{color:#1f8a43}.tp-price em.down{color:var(--red)}.tp-stats{text-align:right;flex-direction:column;display:flex}.tp-eq{color:#6b5f45;white-space:nowrap;font-size:13px}:root{--sheet:#fffaf1;--sheet-2:#f6eedd;--edge:#ecdfc4;--ink-1:#2a2416;--ink-2:#74684f;--gold-1:#f6c445;--gold-2:#e0a21f;--leaf:#2f9e57;--ease:cubic-bezier(.2, .8, .2, 1)}.hud-top,.dock{background:#2b1d10d9;border:0;border-image:;border-radius:18px;box-shadow:0 8px 24px #1b0f0540,inset 0 0 0 1px #ffffff14}.hud-top{padding:6px 8px}.hud-chip{color:#fff4dc;box-shadow:none;background:#ffffff16;border-radius:12px}.hud-chip b{color:#fff}.hud-chip small{color:#f3d9a4}.hud-chip.connect{background:var(--leaf)}.dock{gap:2px;padding:5px}.dock-btn{transition:background .2s var(--ease), transform .15s var(--ease);border-radius:14px}.dock-btn:active{transform:scale(.94)}.dock-btn.on{color:#3b2410;background:#fff4dc}.panel{background:var(--sheet);box-shadow:0 24px 60px #1b0f0559, 0 0 0 1px var(--edge);animation:sheet-up .32s var(--ease);border-radius:22px}@keyframes sheet-up{0%{opacity:0;transform:translateY(24px)}}.panel-head{border:0;border-bottom:1px solid var(--edge);background:0 0;border-image:;margin:0;padding:16px 16px 10px;position:relative}.panel-head:before{content:"";background:#d8c8a6;border-radius:4px;width:38px;height:4px;position:absolute;top:6px;left:50%;transform:translate(-50%)}.panel-head>img{object-fit:contain;background:var(--sheet-2);border-radius:12px;width:40px;height:40px;padding:4px}.panel-head h2{color:var(--ink-1);text-shadow:none;font-size:20px}.panel-head span{color:var(--ink-2)}.panel-head .x{background:var(--sheet-2);color:var(--ink-1);border:0;width:34px;height:34px;transition:background .15s}@media (width>=761px){.panel-head:before{display:none}}.up-card,.item-tile,.purse,.crate-shop,.tp-price,.faucet,.prize{border:1px solid var(--edge);background:#fff;border-radius:16px;box-shadow:0 1px #00000008}.up-card.defense,.up-card.offense{border-left:1px solid var(--edge)}.up-card{transition:transform .2s var(--ease), box-shadow .2s var(--ease);padding:10px 12px;position:relative}.up-icon{background:var(--sheet-2);box-shadow:none;border-radius:14px}.up-title em{font-size:10.5px}.crate-shop{background:linear-gradient(#fff6e0,#fff)}.shop2 h3.sec{margin-top:4px}.up-card.leveled{box-shadow:0 0 0 2px var(--gold-1), 0 8px 24px #e0a21f40;animation:card-pop .5s var(--ease)}@keyframes card-pop{40%{transform:scale(1.025)}}.lvl-pop{background:var(--gold-1);color:#4a2f04;font:800 11px var(--ui);animation:lvl-rise 1.2s var(--ease) forwards;pointer-events:none;border-radius:999px;padding:2px 8px;position:absolute;top:-10px;right:12px;box-shadow:0 2px 6px #00000026}@keyframes lvl-rise{0%{opacity:0;transform:translateY(6px)}20%{opacity:1;transform:none}80%{opacity:1}to{opacity:0;transform:translateY(-6px)}}.gold-btn{background:linear-gradient(180deg, var(--gold-1), var(--gold-2));transition:transform .12s var(--ease), box-shadow .12s var(--ease), filter .15s;border:0;border-radius:999px;padding:9px 14px;box-shadow:0 2px #b07a12,0 4px 10px #e0a21f33}.gold-btn:active:not(:disabled){transform:translateY(2px);box-shadow:0 0 #b07a12,0 2px 6px #e0a21f33}.btn{transition:transform .12s var(--ease), filter .15s}.btn:active:not(:disabled){transform:scale(.97)}.toasts{top:calc(76px + env(safe-area-inset-top,0px));z-index:90;pointer-events:none;flex-direction:column;gap:6px;width:min(420px,100vw - 24px);display:flex;position:fixed;bottom:auto;left:50%;right:auto;transform:translate(-50%)}.toast{pointer-events:auto;cursor:pointer;color:#fff4dc;-webkit-backdrop-filter:blur(8px);animation:toast-in .28s var(--ease);background:#22190fe8;border:0;border-radius:14px;gap:10px;padding:8px 12px;font-size:13.5px;box-shadow:0 8px 22px #00000040}.toast img{object-fit:contain;width:24px;height:24px}.toast .grow{font-size:13.5px;line-height:1.35}.toast-act{color:#fff;font:700 12px var(--ui);cursor:pointer;background:#d9483b;border:0;border-radius:999px;padding:6px 10px}@keyframes toast-in{0%{opacity:0;transform:translateY(-8px)scale(.98)}}@media (prefers-reduced-motion:reduce){.panel,.toast,.up-card.leveled,.lvl-pop{animation:none}}.story{z-index:95;cursor:pointer;-webkit-user-select:none;user-select:none;background:#1f3a1c;position:fixed;inset:0;overflow:clip}.story-bg{image-rendering:pixelated;background-position:50% 40%;background-size:cover;animation:26s ease-in-out infinite alternate story-pan,.6s ease-out fade;position:absolute;inset:-6%}.story-bg.tall{background-position:50% 30%}@keyframes story-pan{0%{transform:scale(1.04)translate(-1.5%)}to{transform:scale(1.12)translate(1.5%,-2%)}}.story-clouds img{width:clamp(120px,26vw,260px);image-rendering:pixelated;opacity:.85;top:calc(8% + var(--k) * 14%);animation:story-cloud calc(38s + var(--k) * 9s) linear infinite;animation-delay:calc(var(--k) * -13s);position:absolute;left:-30%}@keyframes story-cloud{to{left:110%}}.story-vignette{pointer-events:none;background:linear-gradient(#00000040 0%,#0000 25% 50%,#0000008c 100%);position:absolute;inset:0}.story-skip{z-index:3;right:12px;top:calc(12px + env(safe-area-inset-top,0px));color:#fff4dc;font:700 13px var(--ui);cursor:pointer;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#22190fb3;border:0;border-radius:999px;padding:7px 14px;position:absolute}.story-skip:empty{display:none}.story-cast{left:0;right:0;bottom:calc(190px + env(safe-area-inset-bottom,0px));pointer-events:none;height:45vh;position:absolute}.story-char{width:auto;image-rendering:pixelated;filter:drop-shadow(0 6px #00000040);transform-origin:50% 100%;animation:.45s cubic-bezier(.2,.9,.25,1.2) both char-in,2.4s ease-in-out infinite char-bob;animation-delay:var(--d), calc(var(--d) + .45s);transition:filter .3s;position:absolute;bottom:0}.story-char.left{left:8%}.story-char.center{margin-left:0;left:50%;translate:-50%}.story-char.right{right:8%}.story-char.quiet{filter:brightness(.62)saturate(.85)drop-shadow(0 6px #00000040)}.story-char.float{animation:.45s cubic-bezier(.2,.9,.25,1.2) both char-in,3s ease-in-out infinite char-float;animation-delay:var(--d), calc(var(--d) + .45s);bottom:14vh}.story-char.sneak{animation:.45s cubic-bezier(.2,.9,.25,1.2) both char-in,3.2s ease-in-out infinite char-sneak;animation-delay:var(--d), calc(var(--d) + .45s)}@keyframes char-in{0%{opacity:0;transform:scaleX(var(--flip)) translateY(18px)}to{opacity:1;transform:scaleX(var(--flip))}}@keyframes char-bob{0%,to{transform:scaleX(var(--flip)) scaleY(1)}50%{transform:scaleX(var(--flip)) scaleY(1.025)}}@keyframes char-float{0%,to{transform:scaleX(var(--flip)) translateY(0)}50%{transform:scaleX(var(--flip)) translateY(-10px)}}@keyframes char-sneak{0%,to{transform:scaleX(var(--flip)) translateX(0)}50%{transform:scaleX(var(--flip)) translateX(28px)}}.story-box{z-index:2;left:50%;bottom:calc(18px + env(safe-area-inset-bottom,0px));width:min(720px,100vw - 24px);min-height:150px;image-rendering:pixelated;background:#fff6e2;border:12px solid #0000;border-image:url(/sprites/panel_wood.png) 30 fill/12px;padding:22px 18px 18px;animation:.35s cubic-bezier(.2,.8,.2,1) sheet-up;position:absolute;transform:translate(-50%);box-shadow:0 14px 40px #0006}.story-box:before{content:"";z-index:-1;background:#fff6e2;border-radius:4px;position:absolute;inset:4px;box-shadow:inset 0 0 0 2px #e9d4a6}.story-box p{font:600 clamp(17px, 2.3vw, 21px)/1.45 var(--pixel);color:#3b2410;letter-spacing:.01em;margin:0}.story-ghost{color:#0000}.story-name{color:#fff4dc;font:700 14px var(--pixel);letter-spacing:.04em;text-shadow:0 1px #2a1608;background:#7a4a22;border-radius:6px;padding:4px 12px;position:absolute;top:-26px;left:6px;box-shadow:0 2px #3b2410,inset 0 0 0 1px #ffffff26}.story-more{color:#7a4a22;opacity:0;font-size:14px;position:absolute;bottom:8px;right:14px}.story-more.on{opacity:1;animation:.9s steps(2,end) infinite blink}@keyframes blink{50%{opacity:0}}.story-dots{gap:5px;display:flex;position:absolute;bottom:9px;left:18px}.story-dots i{background:#e2cfa4;border-radius:2px;width:6px;height:6px}.story-dots i.on{background:#b07a12}.story-pick{z-index:2;padding:16px 12px calc(18px + env(safe-area-inset-bottom,0px));cursor:default;flex-direction:column;justify-content:flex-end;align-items:center;gap:12px;display:flex;position:absolute;inset:0}.story-box.static{min-height:0;position:relative;bottom:auto;left:auto;transform:none}.story-chiefs{grid-template-columns:repeat(3,1fr);gap:8px;width:min(720px,100%);display:grid}.story-chiefs button{color:#fff4dc;cursor:pointer;font:700 12.5px var(--ui);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#22190fb3;border:0;border-radius:16px;flex-direction:column;align-items:center;gap:4px;padding:10px 6px;transition:transform .15s,background .15s;display:flex}.story-chiefs button img{width:auto;height:clamp(70px,13vh,120px);image-rendering:pixelated;filter:drop-shadow(0 4px #0005)}.story-chiefs button.on{color:#3b2410;box-shadow:0 0 0 3px var(--gold-1);background:#fff4dc;transform:translateY(-4px)}.story-pick .gold-btn.big{width:min(720px,100%)}@media (width>=761px){.story-chiefs{grid-template-columns:repeat(6,1fr)}}@media (prefers-reduced-motion:reduce){.story-bg,.story-clouds img,.story-char,.story-more.on{animation:none}}.story{--s:1}.story-char{height:min(calc(var(--h) * 1vh * var(--s)), calc(var(--h) * 9px))}@media (width<=560px){.story{--s:.8}.story-char.left{left:1%}.story-char.right{right:1%}.story-cast{bottom:calc(178px + env(safe-area-inset-bottom,0px))}}.story-char.hd,.story-chiefs button img{image-rendering:auto}:root{--serif:Georgia, "Gelasio", "Times New Roman", serif;--parch:#f8ebc8;--parch-2:#fff6df;--parch-edge:#d8bd85;--wood-1:#6a3519;--wood-2:#4a230f;--gold-rim:#c99a3c;--gold-hi:#f1d27a;--ink-brown:#3b2410;--muted-brown:#7d6440;--leaf-1:#2f7d46;--leaf-2:#246338}.vlabel,.town-map .banner{font-family:var(--serif);letter-spacing:.01em;text-transform:none;color:var(--ink-brown);text-shadow:none;image-rendering:auto;background:linear-gradient(#fbf0d2,#f1dfb2);border:2px solid #6b4422;border-image:;border-radius:4px;padding:3px 12px 4px;font-size:14px;font-weight:700;animation:none;box-shadow:inset 0 0 0 1px #fff7df,0 2px #3b241055,0 4px 10px #1b0f0540}.vlabel:before,.vlabel:after,.town-map .banner:before,.town-map .banner:after{content:"";background:linear-gradient(135deg, var(--gold-hi), var(--gold-rim));border:1.5px solid #6b4422;width:8px;height:8px;display:block;position:absolute;top:50%;transform:translateY(-50%)rotate(45deg)}.vlabel .tip,.town-map .banner .tip{display:none}.vlabel small,.town-map .banner small{white-space:nowrap;font:700 10.5px var(--ui);letter-spacing:0;color:#fff4dc;box-shadow:0 0 0 1px var(--gold-rim);text-shadow:none;background:#2b1d10e6;border-radius:999px;margin:0;padding:1px 7px 2px;position:absolute;top:100%;left:50%;transform:translate(-50%,3px)}.vlabel.gold{color:#4a2f04;background:linear-gradient(#fff1bf,#f3d77e);border-color:#7a5410}.vlabel.gold small{color:#ffe9a0}.vlabel.red small{color:#fff;background:#b3322a;animation:1.6s ease-in-out infinite badge-pulse;box-shadow:0 0 0 1px #ffb3a4}.vlabel.red{color:var(--ink-brown);background:linear-gradient(#fbf0d2,#f1dfb2);border-color:#6b4422}@keyframes badge-pulse{50%{box-shadow:0 0 0 1px #ffb3a4,0 0 10px 2px #ff5a4a88}}.vlabel.under{transform:translate(-50%)}.vlabel:hover,.vlabel:focus-visible,.town-map .banner:hover,.town-map .banner.sel{filter:none;box-shadow:inset 0 0 0 1px #fff7df, 0 0 0 2px var(--gold-hi), 0 4px 12px #1b0f0560}.town-map .banner.me{outline:0;box-shadow:inset 0 0 0 1px #fff7df,0 0 0 2px #8ee06a,0 4px 10px #1b0f0540}@media (width<=760px){.vlabel,.town-map .banner{padding:2px 9px 3px;font-size:12.5px}.vlabel small,.town-map .banner small{font-size:10px}}.panel{background:var(--parch);box-shadow:0 0 0 3px var(--gold-rim), 0 0 0 9px var(--wood-1), 0 0 0 10px var(--wood-2), 0 26px 60px #00000080;border:0;border-radius:18px}@media (width<=760px){.panel{box-shadow:0 -3px 0 0 var(--gold-rim), 0 -9px 0 0 var(--wood-1), 0 -26px 50px #0006;border-radius:18px 18px 0 0}}.panel-head{border-bottom:1px solid var(--parch-edge);background:linear-gradient(180deg, #fbf0d2, var(--parch));padding-top:18px}.panel-head:before{background:#c9ad73}.panel-head>img{background:var(--parch-2);box-shadow:inset 0 0 0 1px var(--parch-edge)}.panel-head h2{font-family:var(--serif);color:var(--ink-brown);letter-spacing:.005em;font-weight:700}.panel-head span{color:var(--muted-brown);font-family:var(--ui)}.panel-head .x{background:radial-gradient(circle at 35% 30%, #4fa86a, var(--leaf-2));color:#fff4dc;box-shadow:0 0 0 2px var(--gold-rim), 0 2px 0 #12331d;font-weight:800}.panel-head .x:hover{background:radial-gradient(circle at 35% 30%, #5fbb7a, var(--leaf-1))}.panel-body{background:var(--parch)}.panel h3.sec,.shop2 h3.sec{font-family:var(--serif);color:var(--ink-brown);font-weight:700}.panel h3.sec small,.shop2 h3.sec small{font-family:var(--ui);color:var(--muted-brown)}.panel .note{color:var(--muted-brown)}.up-card,.item-tile,.purse,.crate-shop,.tp-price,.faucet,.prize,.panel .stat,.panel .target,.panel .card,.wanted-poster,.invite{background:var(--parch-2);border:1px solid var(--parch-edge);border-radius:12px;box-shadow:inset 0 1px #fff8e6,0 1px 2px #6b442214}.up-icon{background:#f3e2b8}.up-title b,.item-tile b,.crate-info b,.purse b,.tp-price b,.stat b{font-family:var(--serif);color:var(--ink-brown)}.up-card.leveled{box-shadow:0 0 0 2px var(--gold-hi), 0 8px 22px #c99a3c55}.btn{background:linear-gradient(180deg, #3f9a5a, var(--leaf-2));color:#fff4dc;font-family:var(--serif);border-radius:10px;font-weight:700;box-shadow:0 0 0 1px #1d4d2c,0 2px #163f24}.btn.ghost{background:var(--parch-2);color:var(--ink-brown);box-shadow:0 0 0 1px var(--parch-edge)}.btn.red{background:linear-gradient(#d9574a,#a8352b);box-shadow:0 0 0 1px #6e1a12,0 2px #5a1610}.gold-btn{font-family:var(--serif);color:#4a2f04;border-radius:10px;box-shadow:0 0 0 1px #8a5c10,0 2px #8a5c10}.seg{background:#ead8ae}.seg button.on{background:var(--parch-2);color:var(--ink-brown)}input.amt{background:var(--parch-2);border-color:var(--parch-edge)}.hud-top{box-shadow:none;-webkit-backdrop-filter:none;background:0 0;padding:0}.hud-brand{gap:8px;padding:0}.hud-portrait{width:46px;height:46px;box-shadow:0 0 0 2px var(--gold-rim), 0 0 0 4px var(--wood-2), 0 4px 12px #00000060;background:radial-gradient(circle at 50% 35%,#fbf0d2,#c9ad73);border-radius:50%;flex:none;place-items:end center;display:grid;overflow:hidden}.hud-portrait img{image-rendering:auto;width:118%;max-width:none;height:auto;margin-bottom:-38%}.hud-brand>span:last-child{font-family:var(--serif);color:#fff4dc;text-shadow:0 1px 2px #000a,0 0 8px #0008;font-size:19px;font-weight:700}.hud-chip{color:#fff4dc;box-shadow:0 0 0 1px var(--gold-rim), 0 4px 10px #00000040;-webkit-backdrop-filter:blur(6px);background:#1d140bd0}.hud-chip.pot{background:#1d140bd0}.hud-chip.back{font-family:var(--serif)}.dock{box-shadow:0 0 0 2px var(--gold-rim), 0 0 0 4px var(--wood-2), 0 10px 24px #0006;background:linear-gradient(#5a2e17f2,#3d1e0cf2)}.dock-btn{color:#f3dfb4;font-family:var(--serif);text-shadow:0 1px #00000080;font-weight:600}.dock-btn.on{background:var(--parch);color:var(--ink-brown);text-shadow:none;box-shadow:inset 0 0 0 1px var(--parch-edge)}.toast{box-shadow:0 0 0 1px var(--gold-rim), 0 8px 22px #00000050;background:#1d140be8}.toast.good{box-shadow:0 0 0 1px var(--gold-rim), inset 3px 0 0 #6fd28f, 0 8px 22px #00000050}.toast.bad{box-shadow:0 0 0 1px var(--gold-rim), inset 3px 0 0 #ff8a73, 0 8px 22px #00000050}.toast.gold{box-shadow:0 0 0 1px var(--gold-rim), inset 3px 0 0 var(--gold-hi), 0 8px 22px #00000050}.portrait{background:radial-gradient(circle at 50% 35%,#fbf0d2,#d8bd85);align-items:end;overflow:hidden}.portrait img{image-rendering:auto;width:100%;height:auto;margin-bottom:-12%}.chief-pick button{background:var(--parch-2);border-color:var(--parch-edge)}.chief-pick button img{image-rendering:auto;width:auto;height:46px}.vlabel.gold,.vlabel.red{border-image:;animation:none}.vlabel.gold{border:2px solid #7a5410}.vlabel.red{border:2px solid #6b4422}.hud-brand .hud-portrait{display:grid}@media (width<=760px){.hud-brand .hud-portrait{width:42px;height:42px;display:grid}.hud-brand .hud-portrait img{width:118%}.hud-top{left:10px;right:10px}.panel{border-top:7px solid var(--wood-1);box-shadow:inset 0 2px 0 var(--gold-rim), 0 -2px 0 var(--wood-2), 0 -20px 44px #0006}.panel-head:before{background:var(--gold-hi);top:-4px}}:root{--parch:#f5eddb;--parch-2:#fbf7ec;--parch-edge:#e2d3b1;--row-line:#e9dcc0;--wood-1:#874329;--wood-2:#5a2a17;--gold-rim:#c4a061;--gold-hi:#e9cf8e;--ink-brown:#33210f;--muted-brown:#85704f}.v-sprite{filter:saturate(.93)}.village-fill,.town-bg{filter:blur(22px)brightness(.7)saturate(.95)}.vlabel,.town-map .banner{padding:2px 10px 3px;font-size:13px;box-shadow:inset 0 0 0 1px #fff7df,0 2px #3b241040,0 3px 8px #1b0f0530}.vlabel:before,.vlabel:after,.town-map .banner:before,.town-map .banner:after{width:6px;height:6px}.vlabel:before,.town-map .banner:before{left:-5px}.vlabel:after,.town-map .banner:after{right:-5px}.vlabel.gold{background:linear-gradient(#fbf0d2,#f0dcaa);border-color:#7a5410}@media (width<=760px){.vlabel,.town-map .banner{padding:1px 8px 2px;font-size:12px}}.panel{box-shadow:0 0 0 2px var(--gold-rim), 0 0 0 8px var(--wood-1), 0 0 0 9px var(--wood-2), 0 24px 60px #00000070}.panel-head{background:0 0;border-bottom:0;justify-content:center;min-height:0;padding:16px 56px 4px}.panel-head>img,.panel-head span{display:none}.panel-head>div{text-align:center}.panel-head h2{white-space:nowrap;text-overflow:ellipsis;background:linear-gradient(#fcf5e2,#efe0bb);border:2px solid #7a4a2a;border-radius:8px;max-width:62vw;padding:5px 20px 6px;font-size:18px;line-height:1.2;display:inline-block;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #fffaea,0 2px #5a2a1730}.panel-head .x{width:32px;height:32px;position:absolute;top:12px;right:12px}.panel-body{gap:12px;padding:10px 16px 18px}.panel h3.sec,.shop2 h3.sec{margin-top:8px;font-size:15px}.panel .stats:not(.levels),.scout-card .stats{background:var(--parch-2);border:1px solid var(--parch-edge);border-radius:12px;flex-direction:column;gap:0;padding:2px 14px;display:flex}.panel .stats:not(.levels) .stat,.scout-card .stats .stat{text-align:left;border:0;border-bottom:1px solid var(--row-line);box-shadow:none;background:0 0;border-radius:0;flex-direction:row-reverse;justify-content:space-between;align-items:baseline;gap:12px;min-height:0;padding:9px 0;display:flex}.panel .stats:not(.levels) .stat:last-child,.scout-card .stats .stat:last-child{border-bottom:0}.panel .stats:not(.levels) .stat b,.scout-card .stats .stat b{font:700 15px var(--ui);color:var(--ink-brown);white-space:nowrap}.panel .stats:not(.levels) .stat span,.scout-card .stats .stat span{color:var(--muted-brown);font-size:13px}.panel .stats.levels{gap:4px}.panel .stats.levels .stat{box-shadow:none;background:0 0;border:0;padding:4px 0}.panel .stats.levels .stat b{font:700 14px var(--ui)}.up-card,.item-tile,.purse,.crate-shop,.tp-price,.prize,.panel .target,.panel .card,.wanted-poster,.invite{background:var(--parch-2);border:1px solid var(--parch-edge);box-shadow:none;border-radius:12px}.up-card.defense,.up-card.offense{border-left-width:1px}.item-tile{padding:12px 10px}.purse{background:var(--parch-2)}.faucet{background:#eef4f6;border:1px solid #c9dbe3}.gold-btn{color:#3d2706;background:linear-gradient(#f4e2ad,#e2c57c);border:1px solid #9a7232;font-weight:700;box-shadow:0 2px #9a723255}.gold-btn:active:not(:disabled){box-shadow:none}.btn{box-shadow:0 0 0 1px #1d4d2c,0 2px #163f24}.hud-chip{padding-top:4px;padding-bottom:4px}.reset:not(.net){display:none}.reset.net{color:#f3dfb4;box-shadow:0 0 0 1px var(--gold-rim);background:#1d140bc0}.scroll-peek{animation:7s forwards peek}@keyframes peek{0%{opacity:0;transform:translateY(6px)}6%,80%{opacity:1;transform:none}to{opacity:0;visibility:hidden}}@media (prefers-reduced-motion:reduce){.scroll-peek{animation:none;display:none}}.scroll-tab{color:#f3dfb4;box-shadow:0 0 0 1px var(--gold-rim), 0 4px 10px #00000040;font-family:var(--serif);background:#1d140bd0}.scroll-peek{color:#f3dfb4;box-shadow:0 0 0 1px var(--gold-rim);background:#1d140be0}.scroll-body{background:var(--parch);box-shadow:0 0 0 2px var(--gold-rim), 0 0 0 6px var(--wood-1), 0 10px 30px #00000060}.scroll-body h3{font-family:var(--serif);color:var(--ink-brown)}.scroll-body .feed div{border-bottom-color:var(--row-line)}.feed .ico{background:#efe4c8}@media (width<=760px){.panel{border-top:6px solid var(--wood-1);box-shadow:inset 0 2px 0 var(--gold-rim), 0 -2px 0 var(--wood-2), 0 -20px 44px #0006}.panel-head{padding:14px 52px 2px}.panel-head h2{font-size:17px}.panel-head .x{top:10px;right:10px}}.panel .stats:not(.levels) .stat span:first-letter,.scout-card .stats .stat span:first-letter{text-transform:uppercase}.item-tile .gold-btn img,.gold-btn img{flex:none;width:18px;height:18px}.panel{background:var(--parch);image-rendering:pixelated;background-clip:padding-box;border:22px solid #0000;border-image:url(/sprites/panel_wood.png) 44/22px round;border-radius:0;box-shadow:inset 0 0 0 1px #c4a061,inset 0 0 0 3px #5a2a17aa,0 24px 60px #00000070}.panel-head{z-index:2;background:0 0;margin-top:-30px;padding:0 52px 2px;position:relative}.panel-head:before{display:none}.panel-head h2{color:#3b2410;background:linear-gradient(#fcf4dc,#ecdab0);border:2px solid #5a2a17;border-radius:6px;padding:4px 22px 5px;font-size:18px;box-shadow:inset 0 0 0 1px #fffaea,inset 0 -2px #d8c08c,0 0 0 2px #c4a061,0 3px 0 2px #3b1d0e80}.panel-head h2:before,.panel-head h2:after{content:"";background:linear-gradient(135deg,#f6dc8c,#b8862f);border:1.5px solid #5a2a17;width:8px;height:8px;position:absolute;top:50%;transform:translateY(-50%)rotate(45deg)}.panel-head h2:before{left:-7px}.panel-head h2:after{right:-7px}.panel-head .x{width:34px;height:34px;top:-6px;right:-8px;box-shadow:0 0 0 2px #c4a061,0 0 0 4px #5a2a17,0 3px 6px #0006}.panel-body{padding:12px 14px 16px}.up-card,.item-tile,.crate-shop,.tp-price,.prize,.panel .target,.panel .card,.wanted-poster,.invite,.panel .stats:not(.levels),.scout-card .stats{background:#faf3e2;border:1.5px solid #b48a5a;border-radius:10px;box-shadow:inset 0 0 0 1px #fffaf0,0 2px #b48a5a40}.up-icon{background:#ead9b4;box-shadow:inset 0 0 0 1px #c9a678}.panel .stats:not(.levels) .stat{border-bottom-color:#e6d5b2}.purse{color:#f6dc8c;background:linear-gradient(#6e3a1f,#4a240f);border:1.5px solid #2b1408;border-radius:10px;box-shadow:inset 0 0 0 1px #c4a061aa,inset 0 1px #fff2,0 2px #2b140855}.purse b{color:#ffe9a6;font-family:var(--serif)}.purse span{color:#e2c590}.panel h3.sec,.shop2 h3.sec{color:#4a2a12}.seg{background:#e4d1a6;box-shadow:inset 0 0 0 1px #b48a5a}.seg button.on{background:#fbf6e8;box-shadow:0 0 0 1px #b48a5a}@media (width<=760px){.panel{border:12px solid #0000;border-width:20px 12px 0;border-image-width:20px 12px 0;box-shadow:inset 0 0 0 1px #c4a061,0 -16px 40px #0006}.panel-head{margin-top:-30px;padding:0 50px}.panel-head .x{top:-4px;right:-4px}}.v-bubble{z-index:1160;pointer-events:none;text-align:center;color:#3b2410;min-width:22px;font:800 15px/1.1 var(--serif);background:#fffaf0;border:2px solid #3b2410;border-radius:10px;padding:1px 6px 2px;animation:1.2s ease-in-out infinite bubble-bob;position:absolute;transform:translate(-50%,-100%);box-shadow:0 2px #3b241055}.v-bubble:after{content:"";background:#fffaf0;border-bottom:2px solid #3b2410;border-right:2px solid #3b2410;width:6px;height:6px;position:absolute;bottom:-6px;left:30%;transform:rotate(45deg)}@keyframes bubble-bob{50%{translate:0 -3px}}.v-sprite.pop{animation:.35s cubic-bezier(.2,1.8,.4,1) both alert-pop}@keyframes alert-pop{0%{scale:.2}}@media (width<=760px){.v-bubble{padding:0 5px 1px;font-size:13px}}@media (prefers-reduced-motion:reduce){.v-bubble,.v-sprite.pop{animation:none}}.scout-card,.raid-card{background:var(--parch);image-rendering:pixelated;background-clip:padding-box;border:16px solid #0000;border-image:url(/sprites/panel_wood.png) 36/16px round;border-radius:0;padding:12px 14px;box-shadow:inset 0 0 0 1px #c4a061,0 16px 50px #0f2a1a66}.scout-card h2,.raid-card h2{font-family:var(--serif);color:var(--ink-brown)}.scout-card .note,.raid-card p{color:var(--muted-brown)}.scout-back{color:#f3dfb4;box-shadow:0 0 0 1px var(--gold-rim), 0 4px 10px #00000040;font-family:var(--serif);background:#1d140bd0}.village .zoom-reset{z-index:2000}.village-stage .vlabel,.village-stage .v-bubble{transform-origin:0 0;scale:var(--iz,1)}img[src$="/icon_coin.png"]{image-rendering:auto}.feedlist{flex-direction:column;display:flex;overflow:auto}.scroll-body .feedlist{flex:1;min-height:0}.feedlist .fi{border-bottom:1px solid var(--row-line);font:500 13px/1.4 var(--ui);color:#5a4a33;grid-template-columns:30px minmax(0,1fr) auto;align-items:center;gap:10px;padding:8px 2px;display:grid}.feedlist .fi:last-child{border-bottom:0}.fi-ico{background:#efe4c8;border-radius:8px;place-items:center;width:30px;height:30px;display:grid;box-shadow:inset 0 0 0 1px #d8c49a}.fi-ico img{object-fit:contain;width:22px;height:22px}.fi b{color:#2b1a0a;font-weight:700}.fi em.amt{color:#6b4a00;white-space:nowrap;background:#f3e3b6;border-radius:5px;padding:0 5px;font-style:normal;font-weight:700}.fi i.tag{letter-spacing:.03em;text-transform:uppercase;color:#fff;vertical-align:1px;background:#b3322a;border-radius:4px;padding:1px 5px;font-size:10px;font-style:normal;font-weight:800}.fi time{color:#a08c68;white-space:nowrap;font-variant-numeric:tabular-nums;align-self:start;padding-top:3px;font-size:11px}.fi.me .fi-ico{background:#dcefd2;box-shadow:inset 0 0 0 1px #9cc58a}.fi.hit{background:#fbeee9;border-radius:8px;padding-left:6px;padding-right:6px}.fi.hit .fi-ico{background:#f6d9cf;box-shadow:inset 0 0 0 1px #e0a796}.fi.big em.amt{background:#ffe39a}.scroll-body h3{font-size:17px}.v-sign-tag{z-index:880;white-space:nowrap;pointer-events:none;font:700 11px var(--ui);color:#fff4dc;background:#1d4f86e8;border-radius:999px;padding:2px 8px;position:absolute;transform:translate(-50%,-12px);box-shadow:0 0 0 1px #9cc8f0,0 2px 6px #0005}.village-stage .v-sign-tag{transform-origin:0 0;scale:var(--iz,1)}.town>.town-canvas{image-rendering:auto;width:100%;height:100%;display:block;position:absolute;inset:0}.town-map{pointer-events:none}.town-map .banner{pointer-events:auto}.imd{white-space:nowrap;align-items:center;gap:.28em;display:inline-flex}.imd-coin{image-rendering:auto;border-radius:50%;flex:none;width:1.05em;height:1.05em}.hero-num b .imd-coin{width:.9em;height:.9em}.vlabel small .imd-coin,.town-map .banner small .imd-coin{width:12px;height:12px}.countdown-chip{border-radius:999px;margin-top:4px;padding:2px 9px;font-size:12px;font-weight:700;display:inline-block}.howto{flex-direction:column;gap:8px;display:flex}.howto>div{grid-template-columns:28px 1fr;align-items:center;gap:10px;font-size:13px;line-height:1.4;display:grid}.howto img{object-fit:contain;width:26px;height:26px}.panel,.scout-card,.raid-card{--p-bg:#241a10;--p-bg2:#2e2215;--p-card:#34271a;--p-card2:#2a1f14;--p-line:#5a4428;--p-gold:#e9c46a;--p-text:#f3e6c8;--p-soft:#c7b28a;--p-dim:#9c8763;--p-green:#8fdc8a;--p-red:#ff8f7a;background:linear-gradient(180deg, var(--p-bg2), var(--p-bg));color:var(--p-text);background-clip:padding-box}.panel .panel-body{color:var(--p-text);background:0 0}.panel h3.sec,.shop2 h3.sec,.panel h3{color:var(--p-gold)}.panel h3.sec small,.shop2 h3.sec small,.panel .note,.scout-card .note,.raid-card p,.panel .small,.panel .muted{color:var(--p-soft)}.panel b,.scout-card b,.raid-card b{color:var(--p-text)}.up-card,.item-tile,.crate-shop,.tp-price,.prize,.panel .target,.panel .card,.wanted-poster,.invite,.faucet,.panel .stats:not(.levels),.scout-card .stats{background:linear-gradient(135deg, var(--p-card), var(--p-card2));border:1px solid var(--p-line);color:var(--p-text);box-shadow:inset 0 1px #ffffff0d}.item-tile.hot{background:linear-gradient(135deg,#43261c,#2f1c14);border-color:#7a3d2a}.panel .stats:not(.levels) .stat,.scout-card .stats .stat{border-bottom-color:#ffffff12}.panel .stats:not(.levels) .stat b,.scout-card .stats .stat b{color:var(--p-text)}.panel .stats:not(.levels) .stat span,.scout-card .stats .stat span{color:var(--p-soft)}.panel .stats .stat.green b,.scout-card .stats .stat.green b{color:var(--p-green)}.panel .stats .stat.red b,.scout-card .stats .stat.red b{color:var(--p-red)}.panel .stats.levels .stat span{color:var(--p-soft)}.up-icon{box-shadow:inset 0 0 0 1px var(--p-line);background:#ffffff10}.up-title b,.item-tile b,.crate-info b,.tp-price b,.stat b{color:var(--p-text)}.item-tile span,.up-effect,.crate-info span,.target .who span,.faucet span{color:var(--p-soft)}.up-effect b{color:var(--p-text)}.up-effect b.next{color:var(--p-green)}.studs i{background:#ffffff14;box-shadow:inset 0 0 0 1px #fff2}.studs i.on{background:var(--p-gold)}.hero-num b{color:var(--p-text)}.hero-num span{color:var(--p-soft)}.countdown-chip{color:var(--p-gold);box-shadow:inset 0 0 0 1px var(--p-line);background:#ffffff12}.howto>div{color:var(--p-text)}.howto b{color:var(--p-gold)}.purse{background:linear-gradient(#4a2a14,#33190a);border-color:#1b0d05}input.amt,.panel input,.panel select{color:var(--p-text);border:1px solid var(--p-line);background:#1a120b}.seg{box-shadow:inset 0 0 0 1px var(--p-line);background:#1a120b}.seg button{color:var(--p-soft)}.seg button.on{background:var(--p-card);color:var(--p-text);box-shadow:0 0 0 1px var(--p-gold)}.btn{color:#fff;background:linear-gradient(#2fae5a,#1d7d3e);box-shadow:0 0 0 1px #0f3d1e,0 2px #0b2e16}.btn.ghost{color:var(--p-text);box-shadow:inset 0 0 0 1px var(--p-line);background:0 0}.btn.ghost:hover{background:#ffffff0d}.gold-btn{color:#2b1a05;background:linear-gradient(#f0d48a,#c9973f);border-color:#6b4a12}.panel .feedlist .fi{color:var(--p-soft);border-bottom-color:#ffffff12}.panel .feedlist .fi b{color:var(--p-text)}.panel .fi-ico,.scroll-body .fi-ico{box-shadow:inset 0 0 0 1px var(--p-line);background:#ffffff10}.panel .fi em.amt{color:var(--p-gold);background:#ffffff14}.panel .fi.hit{background:#4a1f17}table.lb td{color:var(--p-text);border-color:#ffffff12}.panel table.lb td:first-child{color:var(--p-dim)}.chip.red{color:#ffb3a4;background:#5a2018}.chip.blue{color:#a9d2ff;background:#1c3550}.bar{background:#1a120b}.profile-head b{color:var(--p-text)}.profile-head span{color:var(--p-soft)}.scout-odds{background:#1d3a22;box-shadow:inset 0 0 0 1px #3f7a4a}.scout-odds b{color:var(--p-green)}.scout-odds span{color:#b8e0b4}.scout-card h2,.raid-card h2{color:var(--p-text)}.raid-card.bonked h2{color:var(--p-red)}.raid-card.rugged h2,.raid-card.jackpot h2{color:var(--p-gold)}.scroll-body{color:#f3e6c8;background:linear-gradient(#2e2215,#241a10)}.scroll-body h3{color:#e9c46a}.scroll-body .feedlist .fi{color:#c7b28a;border-bottom-color:#ffffff12}.scroll-body .feedlist .fi b{color:#f3e6c8}.scroll-body .fi em.amt{color:#e9c46a;background:#ffffff14}.scroll-body .fi.hit{background:#4a1f17}.fi time{color:#9c8763}.hero-num .imd,.stat .imd,h2 .imd{font-size:inherit;color:inherit}.hero-num b .imd{gap:.25em}.village-stage .v-sprite{filter:saturate(calc(.93 - .25 * var(--night,0))) brightness(calc(1 - .38 * var(--night,0)))}.hud-brand{cursor:pointer;background:0 0;border:0;align-items:center;gap:8px;padding:0;display:flex}.hud-brand .hud-crest{filter:drop-shadow(0 3px 4px #0008);image-rendering:auto;width:54px;height:54px}.hud-brand .hud-wordmark{filter:drop-shadow(0 2px 3px #0009);image-rendering:auto;width:auto;height:30px}.hud-brand:hover .hud-crest{transition:transform .15s;transform:rotate(-4deg)scale(1.04)}@media (width<=760px){.hud-brand .hud-crest{width:46px;height:46px}.hud-brand .hud-wordmark{height:22px}}@media (width<=440px){.hud-brand .hud-wordmark{display:none}}.dock-portrait{width:30px;height:30px;box-shadow:0 0 0 2px var(--gold-rim);background:radial-gradient(circle at 50% 35%,#fbf0d2,#c9ad73);border-radius:50%;place-items:end center;display:grid;overflow:hidden}.dock-portrait img{image-rendering:auto;width:118%;max-width:none;height:auto;margin-bottom:-36%}.docs-brand{align-items:center;gap:10px;display:flex}.docs-brand .brand-crest{width:40px;height:40px}.docs-brand .brand-wordmark{width:auto;height:24px}.admin-brand{align-items:center;gap:10px;display:flex}.admin-brand img:first-child{width:44px;height:44px}.admin-brand img:nth-child(2){width:auto;height:26px}.story-title{z-index:2;text-align:center;background:radial-gradient(at 50% 45%,#0000 20%,#140c06cc 75%);flex-direction:column;justify-content:center;align-items:center;gap:14px;padding:24px;display:flex;position:absolute;inset:0}.story-title-crest{filter:drop-shadow(0 10px 16px #000a);width:min(300px,62vw);height:auto;animation:.7s cubic-bezier(.2,1.5,.4,1) both crest-in}.story-title-word{filter:drop-shadow(0 4px 6px #000a);width:min(560px,86vw);height:auto;animation:.6s cubic-bezier(.2,1.5,.4,1) .25s both crest-in}.story-title p{font:600 20px var(--serif);color:#f3e6c8;text-shadow:0 2px 6px #000;margin:0;animation:.6s .6s both fade}.story-title-tap{font:700 13px var(--ui);letter-spacing:.12em;text-transform:uppercase;color:#e9c46a;margin-top:18px;animation:1.6s ease-in-out 1.2s infinite both tap-blink}@keyframes crest-in{0%{opacity:0;transform:scale(.4)translateY(20px)}}@keyframes tap-blink{0%,to{opacity:.35}50%{opacity:1}}@media (prefers-reduced-motion:reduce){.story-title-crest,.story-title-word,.story-title p,.story-title-tap{animation:none}}.scout-card.compact{flex-direction:row;align-items:center;gap:10px;padding:10px 10px 10px 16px}.scout-mini{text-align:left;cursor:pointer;min-width:0;color:inherit;font:inherit;background:0 0;border:0;flex:1;gap:1px;padding:0;display:grid}.scout-mini b{font:700 16px var(--serif);color:var(--p-text);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.scout-mini span{color:var(--p-soft);font-size:13px}.scout-card.compact .btn{flex:none;padding:10px 22px;font-size:15px}.scout-handle{cursor:pointer;background:0 0;border:0;align-self:center;width:64px;height:18px;margin:-8px 0 -4px;padding:0;position:relative}.scout-handle:before{content:"";background:var(--p-soft);opacity:.5;border-radius:3px;height:5px;position:absolute;top:6px;left:12px;right:12px}.scout-handle:hover:before{opacity:.85}.scout-hint{color:var(--p-soft);opacity:.8;align-self:center;margin-top:-2px;font-size:12px}.btn.btn:disabled{filter:grayscale(.85)opacity(.55);cursor:not-allowed;transform:none}.boards{grid-template-columns:1fr 1fr;gap:12px;display:grid}.board ol{gap:2px;margin:0;padding:0;list-style:none;display:grid}.board li{color:var(--p-text);border-radius:8px;grid-template-columns:22px 1fr auto;align-items:baseline;gap:6px;padding:4px 6px;font-size:13px;display:grid}.board li.me{box-shadow:inset 0 0 0 1px var(--p-gold);background:#ffffff14}.board .rank{color:var(--p-gold);font-family:var(--pixel)}.board .who{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.board h3.sec{align-items:center;gap:6px;display:flex}@media (width<=420px){.boards{grid-template-columns:1fr}}.dice{color:var(--p-soft);font-size:13px}.dice summary{cursor:pointer;color:var(--p-text);font-weight:600}.dice span{word-break:break-all;margin-top:4px;display:block}.dice code{font-size:11px}.odds-dial{left:50%;top:calc(58px + env(safe-area-inset-top,0px));z-index:1300;flex-direction:column;align-items:center;gap:6px;width:min(210px,54vw);animation:.3s pop;display:flex;position:absolute;transform:translate(-50%)}.odds-dial svg{filter:drop-shadow(0 10px 24px #000a);width:100%;height:auto;transition:filter .3s}.odds-dial.won svg{filter:drop-shadow(0 0 18px #7ad04a)drop-shadow(0 10px 24px #000a)}.odds-dial.lost svg{filter:drop-shadow(0 0 18px #ff5a4a)drop-shadow(0 10px 24px #000a)}.odds-dial .dial-label{fill:#fff;font:800 12px var(--ui);paint-order:stroke;stroke:#0007;stroke-width:3px}.odds-dial>span{font:800 16px var(--ui);color:#fff;text-shadow:0 2px #000a;box-shadow:0 0 0 2px var(--p-gold,#e9c46a);background:#241a10cc;border-radius:999px;padding:3px 12px}.odds-dial.won>span{color:#b6f5a0}.odds-dial.lost>span{color:#ffb0a6}@media (prefers-reduced-motion:reduce){.odds-dial{animation:none}}.chip.gold{color:#3b2410;background:#e9c46a;border-color:#b88422}.tg-nudge{z-index:29;left:50%;bottom:calc(86px + env(safe-area-inset-bottom,0px));color:#3b2410;width:min(440px,100% - 32px);box-shadow:0 0 0 2px var(--gold-rim,#c9a24a), 0 6px 18px #0004;font:600 13px/1.3 var(--ui);background:#fff8e8f2;border-radius:14px;align-items:center;gap:8px;padding:8px 8px 8px 14px;display:flex;position:absolute;transform:translate(-50%)}.tg-nudge span{flex:1}.tg-nudge .btn{white-space:nowrap;text-decoration:none}.tg-x{color:#7a6040;cursor:pointer;background:0 0;border:0;padding:4px 6px;font-size:20px;line-height:1}.connect-card a.btn{text-align:center;text-decoration:none}.connect-card a.btn.disabled{opacity:.6;pointer-events:none}.chief-pick{grid-template-columns:repeat(4,1fr);gap:6px}.chief-pick button{padding:8px 4px 6px;font-size:12px}.chief-pick button img{height:72px}.signed-in{color:#1d5a2e;font:600 13px/1.3 var(--ui);background:#e7f6e9;border-radius:12px;justify-content:space-between;align-items:center;gap:8px;padding:9px 12px;display:flex;box-shadow:inset 0 0 0 1px #1f9d4c44}.signed-in b{color:#13401f}.link-btn{color:inherit;font:600 12px var(--ui);cursor:pointer;white-space:nowrap;background:0 0;border:0;padding:2px 0;text-decoration:underline}.small.center{text-align:center;display:block}.pnl-board{flex-direction:column;gap:8px;display:flex}.pnl-list{flex-direction:column;gap:4px;margin:0;padding:0;list-style:none;display:flex}.pnl-row{background:#ffffff0f;border-radius:12px;grid-template-columns:22px 34px 1fr auto;align-items:center;gap:8px;padding:6px 10px;display:grid}.pnl-row.me{box-shadow:inset 0 0 0 2px var(--gold-1,#e2b33c)}.pnl-row .rank{font:700 13px var(--ui);opacity:.7;text-align:center}.pnl-face{object-fit:contain;object-position:center top;background:#0002;border-radius:8px;width:34px;height:34px}.pnl-row .who{font:600 14px var(--ui);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.pnl{font-variant-numeric:tabular-nums;flex-direction:column;align-items:flex-end;line-height:1.1;display:flex}.pnl b{font:700 15px var(--ui)}.pnl small{font:600 11px var(--ui);opacity:.8}.pnl.up{color:#3ccf6e}.pnl.down{color:#ff6b5e}.next-move{z-index:29;left:50%;bottom:calc(86px + env(safe-area-inset-bottom,0px));flex-direction:column;gap:6px;width:min(460px,100% - 24px);display:flex;position:absolute;transform:translate(-50%)}.next-row{color:#3b2410;box-shadow:0 0 0 2px var(--gold-rim,#c9a24a), 0 6px 18px #0004;font:600 13px/1.3 var(--ui);background:#fff8e8f2;border-radius:14px;align-items:center;gap:8px;padding:7px 7px 7px 10px;display:flex}.next-text{flex:1;min-width:0}.next-row .btn{white-space:nowrap}.steps-chip{color:#fff;font:700 11px var(--ui);white-space:nowrap;cursor:pointer;background:#1f9d4c;border:0;border-radius:999px;padding:5px 8px}.steps{box-shadow:0 0 0 2px var(--gold-rim,#c9a24a), 0 6px 18px #0004;color:#3b2410;background:#fff8e8f7;border-radius:14px;flex-direction:column;gap:6px;margin:0;padding:10px 12px;list-style:none;display:flex}.steps li{font:600 14px var(--ui);align-items:center;gap:8px;display:flex}.steps li.done{opacity:.55}.steps li .link-btn{text-align:left;font-size:14px}.steps li.done .link-btn{cursor:default;text-decoration:line-through}@media (width<=760px){.game.has-next .scroll{bottom:calc(146px + env(safe-area-inset-bottom,0px))}}.arcade{flex-direction:column;gap:10px;display:flex}.chips{flex-wrap:wrap;gap:6px;display:flex}.chips button{min-width:48px;font:700 13px var(--ui);color:inherit;cursor:pointer;background:#ffffff14;border:0;border-radius:10px;flex:1;padding:8px 4px;box-shadow:inset 0 0 0 1px #fff2}.chips button.on{color:#2a1a08;background:#e9c46a}.results{font:500 12.5px var(--ui);opacity:.9;flex-direction:column;gap:3px;margin:0;padding-left:18px;display:flex}.track{aspect-ratio:3/2;width:100%;box-shadow:0 0 0 2px var(--gold-rim,#c9a24a);background-position:50%;background-size:cover;border-radius:12px;position:relative;overflow:hidden}.racer{filter:drop-shadow(0 2px #0006);height:15%;transition:left 50ms linear;position:absolute;transform:translate(-50%,-62%)}.racer.running{animation:.18s steps(2,end) infinite racer-bob}@keyframes racer-bob{50%{transform:translate(-50%,-68%)}}.track-clock{color:#f3dfb4;font:700 12px var(--ui);background:#1d140bd9;border-radius:999px;padding:4px 9px;position:absolute;top:8px;left:8px}.track-banner{color:#3b2410;font:800 16px var(--ui);box-shadow:0 0 0 3px var(--gold-1,#e2b33c), 0 8px 20px #0007;white-space:nowrap;background:#fff4dc;border-radius:12px;padding:8px 14px;animation:.3s pop;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.racers{grid-template-columns:repeat(5,1fr);gap:5px;display:grid}.racer-card{color:inherit;cursor:pointer;font:600 10.5px/1.15 var(--ui);text-align:center;background:#ffffff10;border:0;border-radius:12px;flex-direction:column;align-items:center;gap:2px;padding:6px 2px;display:flex;box-shadow:inset 0 0 0 1px #ffffff1c}.racer-card img{width:auto;height:44px}.racer-card b{font:800 14px var(--ui)}.racer-card small{opacity:.8;font-size:10px}.racer-card.on{background:#e9c46a22;box-shadow:inset 0 0 0 2px #e9c46a}.racer-card.mine{box-shadow:inset 0 0 0 2px #3ccf6e}.racer-card:disabled{opacity:.4;cursor:default}.duels{flex-direction:column;gap:5px;margin:0;padding:0;list-style:none;display:flex}.duels li{font:500 13px var(--ui);background:#ffffff10;border-radius:12px;align-items:center;gap:8px;padding:6px 8px;display:flex}.duels li img{object-fit:contain;object-position:top;width:30px;height:30px}.duels li span{flex:1}.coin-stage{z-index:120;color:#fff4dc;cursor:pointer;background:#000a;flex-direction:column;justify-content:center;align-items:center;gap:14px;display:flex;position:fixed;inset:0}.coin{width:120px;height:120px;transform-style:preserve-3d;animation:1.6s cubic-bezier(.2,.7,.3,1) forwards coin-flip;position:relative}.coin span{backface-visibility:hidden;background:radial-gradient(circle at 35% 30%,#ffe9a0,#d9a420 60%,#a8740e);border-radius:50%;place-items:center;font-size:64px;display:grid;position:absolute;inset:0;box-shadow:inset 0 0 0 6px #b8860b,0 10px 30px #0008}.coin .back{transform:rotateY(180deg)}@keyframes coin-flip{0%{transform:rotateY(0)translateY(0)}50%{transform:rotateY(900deg)translateY(-60px)}to{transform:rotateY(1800deg)}}.coin.tails{animation-name:coin-flip-tails}@keyframes coin-flip-tails{0%{transform:rotateY(0)translateY(0)}50%{transform:rotateY(990deg)translateY(-60px)}to{transform:rotateY(1980deg)}}.coin-text{font:800 18px var(--ui);text-align:center;padding:0 20px}.pond{aspect-ratio:1;width:100%;box-shadow:0 0 0 2px var(--gold-rim,#c9a24a);background-color:#3d8fd1;background-position:50%;background-size:cover;border-radius:14px;position:relative;overflow:hidden}.pad{aspect-ratio:1;border-radius:50%;place-items:center;width:13%;display:grid;position:absolute;transform:translate(-50%,-50%)}.pad img{object-fit:contain;object-position:top;filter:drop-shadow(0 2px #0007);width:120%;height:120%;margin-top:-40%}.pad span{font:800 16px var(--ui);color:#fffc;text-shadow:0 1px 2px #0008}.pad.won{box-shadow:inset 0 0 0 4px #ffd84a,0 0 22px #ffd84a}.pond-frog{filter:drop-shadow(0 4px #0006);pointer-events:none;height:15%;transition:left .16s ease-out,top .16s ease-out;position:absolute;transform:translate(-50%,-50%)}.charms{flex-direction:column;gap:8px;display:flex}.charm-grid{grid-template-columns:repeat(2,1fr);gap:6px;display:grid}.charm-card{color:inherit;font:600 12px/1.2 var(--ui);text-align:center;cursor:pointer;background:#ffffff0d;border:0;border-radius:12px;flex-direction:column;align-items:center;gap:2px;padding:8px 6px;display:flex;box-shadow:inset 0 0 0 1px #ffffff1a}.charm-card img{filter:grayscale(.6)brightness(.8);width:auto;height:56px}.charm-card.own img{filter:none}.charm-card small{opacity:.85;font-size:10.5px}.charm-card .rar{opacity:1;font-weight:700}.charm-card.r1 .rar{color:#6db8ff}.charm-card.r2 .rar{color:#c78bff}.charm-card.r3 .rar{color:#ffcf4a}.charm-card em{font-style:normal;font:700 11px var(--ui);color:#3ccf6e}.charm-card.worn{box-shadow:inset 0 0 0 2px #3ccf6e,0 0 14px #3ccf6e55}.charm-card.new{animation:.4s pop}.charm-card:disabled{cursor:default}.note.err{color:#ff8b7e}.v-charm{z-index:900;filter:drop-shadow(0 0 6px #ffe48a)drop-shadow(0 3px #0006);pointer-events:none;width:7%;animation:3s ease-in-out infinite charm-float;position:absolute;transform:translate(-50%,-50%)}@keyframes charm-float{50%{transform:translate(-50%,-62%)}}.pnl-row.tap{cursor:pointer}.pnl-row.tap:active{transform:scale(.99)}.pnl.burn b{color:#ff9a4a}.usd{font:600 .55em var(--ui);opacity:.75;vertical-align:middle;margin-left:4px}.decor-spots{grid-template-columns:repeat(4,1fr);gap:6px;display:grid}.decor-spot{aspect-ratio:1;color:inherit;cursor:pointer;background:#ffffff0d;border:0;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:2px;display:flex;box-shadow:inset 0 0 0 1px #ffffff26}.decor-spot.on{box-shadow:inset 0 0 0 2px #e9c46a}.decor-spot img{width:auto;height:58%}.decor-spot span{font:800 22px var(--ui);opacity:.5}.decor-spot small{font:600 9.5px var(--ui);opacity:.7}.charm-grid.three{grid-template-columns:repeat(3,1fr)}.v-decor{filter:drop-shadow(0 3px #0005);pointer-events:none;width:6.5%;position:absolute;transform:translate(-50%,-100%)}.target{align-items:center}.target .who{flex:1;min-width:0}.target .who b{white-space:nowrap;text-overflow:ellipsis;display:block;overflow:hidden}.target .who span{flex-wrap:wrap;align-items:center;gap:3px;font-size:11.5px;display:flex}.target .who .chip{padding:1px 5px;font-size:10px}.target .odds{font-variant-numeric:tabular-nums;flex-direction:column;align-items:flex-end;min-width:58px;line-height:1.15;display:flex}.target .odds b{font:800 17px var(--ui);letter-spacing:-.3px}.target .odds .win{color:#3ccf6e;font:700 11.5px var(--ui)}.target .odds .lose{color:#ff7b6e;font:700 11.5px var(--ui)}.d-steps{counter-reset:step;gap:8px;margin:12px 0;padding-left:0;list-style:none;display:grid}.d-steps li{counter-increment:step;color:#33423a;background:#fff;border:1px solid #e6e1d3;border-radius:14px;padding:10px 12px 10px 48px;font-size:15px;line-height:1.5;position:relative}.d-steps li:before{content:counter(step);background:var(--soft-green);color:#1f8a43;width:26px;height:26px;font:800 14px/26px var(--ui);text-align:center;border-radius:50%;position:absolute;top:10px;left:12px}.guide-link{align-self:flex-start;margin-bottom:4px;font-weight:700}.boss-card{background:#3c141459;border:2px solid #ffd75a40;border-radius:10px;align-items:center;gap:12px;margin-bottom:10px;padding:10px 12px;display:flex}.boss-card.ready{border-color:#ffd75a;box-shadow:0 0 12px #ffd75a59}.boss-img{object-fit:contain;width:64px;height:64px;image-rendering:pixelated;flex:none}.boss-img.shake{animation:.25s linear infinite boss-shake}@keyframes boss-shake{0%,to{transform:translate(0)}25%{transform:translate(-3px)rotate(-3deg)}75%{transform:translate(3px)rotate(3deg)}}.boss-info{min-width:0;font-family:var(--ui);flex-direction:column;flex:1;gap:4px;display:flex}.boss-info .win{color:#9ad66b;font-weight:700}.boss-info .lose{color:#f59e7a}.boss-info .btn{align-self:flex-start}.boss-bar{background:#ffffff1f;border-radius:3px;height:6px;overflow:hidden}.boss-bar i{background:linear-gradient(90deg,#f2c14e,#f59e7a);height:100%;display:block}.scene-fx{pointer-events:none;width:100%;height:100%;image-rendering:pixelated;position:absolute;inset:0}.roulette{aspect-ratio:1;width:100%;max-width:520px;box-shadow:0 0 0 2px var(--gold-rim,#c9a24a);background-size:cover;border-radius:12px;margin:0 auto;position:relative;overflow:hidden;container-type:inline-size}.wheel-spin{aspect-ratio:1;will-change:transform;filter:drop-shadow(0 4px #0005);width:58%;position:absolute;top:50%;left:50%}.wheel-spin img{width:100%;height:100%;image-rendering:pixelated;display:block}.pad-num{width:2em;height:2em;font:800 clamp(11px, 3.4cqw, 17px) var(--ui);color:#fff;text-shadow:0 1px #0009;background:#0004;border-radius:50%;place-items:center;margin:-1em 0 0 -1em;display:grid;position:absolute;top:50%;left:50%}.pad-num.hit{color:#3b2410;text-shadow:none;background:#ffd75a;box-shadow:0 0 0 3px #fff,0 0 18px #ffd75a}.pepe-sit{height:24%;image-rendering:pixelated;filter:drop-shadow(0 3px #0006);animation:2.4s ease-in-out infinite pepe-breathe;position:absolute;top:50%;left:40.45%;transform:translateY(-62%)}.pepe-sit.snap{animation:none}@keyframes pepe-breathe{50%{transform:translateY(-63.5%)scale(1.015)}}.roulette-fly{width:4.5%;image-rendering:pixelated;animation:.12s steps(2,end) infinite fly-buzz;position:absolute;transform:translate(-50%,-50%)}@keyframes fly-buzz{50%{margin-top:-2px}}.pads{grid-template-columns:repeat(8,1fr);gap:4px;display:grid}.pad-card{color:#fff;cursor:pointer;font:600 10px/1.2 var(--ui);border:0;border-radius:10px;flex-direction:column;align-items:center;padding:6px 1px;display:flex}.pad-card b{font:800 16px var(--ui)}.pad-card.green{background:#3f8f2f}.pad-card.red{background:#b8352b}.pad-card.on,.pad-card.mine{box-shadow:0 0 0 3px #ffd75a}.pad-card:disabled{opacity:.45}.dot.green{color:#9ad66b}.dot.red{color:#f59e7a}@media (prefers-reduced-motion:reduce){.pepe-sit,.roulette-fly{animation:none}}.tavern{aspect-ratio:3/2;width:100%;box-shadow:0 0 0 2px var(--gold-rim,#c9a24a), inset 0 0 60px #2a1206aa;background-size:cover;border-radius:12px;margin-bottom:10px;position:relative;overflow:hidden;container-type:inline-size}.tavern .glow{width:calc(14% * var(--k));aspect-ratio:1;pointer-events:none;mix-blend-mode:screen;background:radial-gradient(circle,#ffcf6e88 0%,#ff9a3a33 35%,#0000 70%);border-radius:50%;animation:2.2s ease-in-out infinite glow-flicker;position:absolute;transform:translate(-50%,-50%)}@keyframes glow-flicker{0%,to{opacity:.75;transform:translate(-50%,-50%)scale(1)}30%{opacity:1}55%{opacity:.6;transform:translate(-50%,-50%)scale(1.08)}80%{opacity:.95}}.tavern .bartender{cursor:pointer;background:0 0;border:0;height:21%;padding:0;position:absolute;top:15.5%;left:17.5%}.tavern .bartender img{height:100%;image-rendering:pixelated;filter:drop-shadow(0 2px #0007)}.tavern .speech{color:#3b2410;max-width:34%;font:600 clamp(8.5px, 2.4cqw, 12.5px)/1.25 var(--ui);background:#fff4dc;border-radius:10px;padding:1.2cqw 1.8cqw;position:absolute;top:2.5%;left:31%;box-shadow:0 0 0 2px #c9a24a,0 4px 10px #0006}.tavern .speech:after{content:"";border:6px solid #0000;border-right-color:#fff4dc;position:absolute;top:60%;left:-7px}.tavern .hot{cursor:pointer;color:#ffe6a8;font:800 clamp(8.5px, 2.5cqw, 13px) var(--ui);white-space:nowrap;background:#1d140be0;border:0;border-radius:999px;flex-direction:column;align-items:center;gap:1px;padding:.8cqw 2cqw;animation:2.4s ease-in-out infinite hot-bob;display:flex;position:absolute;transform:translate(-50%,-50%);box-shadow:0 0 0 2px #e2b33c,0 4px 12px #0008}.tavern .hot small{font:600 clamp(7.5px, 2cqw, 10.5px) var(--ui);color:#f3dfb4}.tavern .hot-roulette{top:70%;left:75.5%}.tavern .hot-race{animation-delay:-1.2s;top:26%;left:85%}@keyframes hot-bob{50%{transform:translate(-50%,calc(-50% - 3px))}}@media (prefers-reduced-motion:reduce){.tavern .glow,.tavern .hot{animation:none}}.odds-dial.meter{width:min(320px,84vw)}.odds-dial.gauge{width:min(260px,70vw)}.odds-dial .vault-num{fill:#f3ead3;font:700 11px var(--ui)}.odds-dial .vault-cap{fill:#ffe9a8;font:800 12px var(--ui);letter-spacing:.08em;paint-order:stroke;stroke:#000a;stroke-width:3px}.odds-dial .meter-label{fill:#fff;font:800 12px var(--ui);paint-order:stroke;stroke:#0008;stroke-width:3px}.odds-dial .meter-tick{fill:#ffe9a8;font:700 10px var(--ui)}.odds-dial .meter-run{animation:.16s steps(2,end) infinite meter-hop}@keyframes meter-hop{50%{transform:translateY(-2px)}}.odds-dial .neon-g{filter:drop-shadow(0 0 6px #39ff88)}.odds-dial .neon-r{filter:drop-shadow(0 0 6px #ff3d6e)}.odds-dial .gauge-label{font:800 12px var(--ui);paint-order:stroke;stroke:#000c;stroke-width:3px}.odds-dial .gauge-label.g{fill:#b6ffd0}.odds-dial .gauge-label.r{fill:#ffc2d1}.dial-gallery{color:#f3e6c8;min-height:100%;font-family:var(--ui);box-sizing:border-box;background:#2a1a0c;justify-items:center;gap:22px;height:100%;padding:24px 16px 60px;display:grid;overflow:auto}.dial-gallery h1{font:700 28px var(--pixel);color:#ffd75a;margin:0}.dial-gallery h2{font:700 20px var(--pixel);color:#ffd75a;margin:0}.dial-gallery p{text-align:center;color:#e2d3b0;max-width:60ch;margin:0}.dial-gallery section{background:#3b2410;border-radius:14px;justify-items:center;gap:8px;width:100%;max-width:760px;padding:16px;display:grid;box-shadow:0 0 0 2px #c9a24a}.dial-pair{flex-wrap:wrap;justify-content:center;gap:24px;width:100%;display:flex}.dial-slot{width:min(340px,90vw);height:290px;position:relative}.dial-slot:has(.meter){height:190px}.dial-slot .odds-dial{animation:none;top:10px}