@font-face{font-family:DM Mono;src:url(/fonts/dm-mono-400.woff2) format("woff2");font-weight:400;font-display:swap}@font-face{font-family:DM Mono;src:url(/fonts/dm-mono-500.woff2) format("woff2");font-weight:500 700;font-display:swap}@font-face{font-family:Space Grotesk;src:url(/fonts/space-grotesk-latin.woff2) format("woff2");font-weight:300 700;font-display:swap}:root,[data-theme=dark]{--bg: #1e1f29;--panel: #282a36;--panel2: #303241;--line: #44475a;--fg: #f8f8f2;--muted: #9aa0c3;--green: #50fa7b;--red: #ff5555;--yellow: #f1fa8c;--cyan: #8be9fd;--pink: #ff79c6;--purple: #bd93f9;--orange: #ffb86c;--bnb: #f0b90b;--accent: var(--green);color-scheme:dark}[data-theme=light]{--bg: #f4f3ec;--panel: #fffbeb;--panel2: #efeddc;--line: #cfcfde;--fg: #1f1f1f;--muted: #635d97;--green: #14710a;--red: #cb3a2a;--yellow: #846e15;--cyan: #036a96;--pink: #a3144d;--purple: #644ac9;--orange: #a34d14;--bnb: #b7860b;color-scheme:light}*{box-sizing:border-box}html,body{margin:0;height:100%}body{display:flex;flex-direction:column;min-height:100dvh;height:100dvh;overflow:hidden;background:var(--bg);color:var(--fg);font:14px/1.45 DM Mono,ui-monospace,monospace;-webkit-tap-highlight-color:transparent}a{color:var(--cyan)}h1,h2,h3{font-family:Space Grotesk,sans-serif;margin:0;letter-spacing:-.01em}button{font:inherit;color:inherit}.bar{flex:none;display:flex;align-items:center;gap:10px;height:52px;padding:0 12px;padding-top:env(safe-area-inset-top);border-bottom:1px solid var(--line);background:var(--panel)}.brand{display:flex;align-items:center;gap:6px;color:var(--fg);text-decoration:none;font-weight:500;padding:6px 8px;border:1px solid var(--line)}.brand:hover{border-color:var(--accent);color:var(--accent)}.title{font-size:17px;flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--accent)}.actions{display:flex;gap:6px;align-items:center}.ico{display:inline-flex}.btn,.icon-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:36px;padding:6px 12px;border:1px solid var(--line);background:var(--panel2);cursor:pointer;text-decoration:none;color:var(--fg);user-select:none;touch-action:manipulation}.icon-btn{width:36px;padding:0;font-size:20px}.btn:hover:not(:disabled),.icon-btn:hover{border-color:var(--accent)}.btn:disabled{opacity:.5;cursor:default}.btn.primary{background:var(--accent);color:#111;border-color:var(--accent);font-weight:500}.btn.block{width:100%;margin-top:10px}.btn.wallet.on{border-color:var(--bnb);color:var(--bnb)}.btn.wallet.warn{border-color:var(--orange);color:var(--orange)}.btn.danger{border-color:var(--red);color:var(--red)}.btn:focus-visible,.icon-btn:focus-visible,.brand:focus-visible{outline:2px solid var(--accent);outline-offset:2px}@media(max-width:520px){.btn.wallet .label{display:none}.btn.wallet{width:36px;padding:0}.bar{gap:6px;padding:0 8px}.actions{gap:4px}.brand span:last-child{display:none}}@media(max-width:340px){.actions .icon-btn[aria-label*=theme]{display:none}}.stage{position:relative;flex:1;min-height:0;overflow:hidden}.row{display:flex;gap:8px;flex-wrap:wrap;margin-top:8px}.row>*{flex:1}.input{min-height:36px;padding:6px 10px;border:1px solid var(--line);background:var(--bg);color:var(--fg);font:inherit;min-width:0}.badge{display:inline-block;margin-left:6px;padding:0 6px;font-size:11px;border:1px solid var(--line);color:var(--muted);vertical-align:middle}.badge.good{border-color:var(--green);color:var(--green)}.badge.bad{border-color:var(--red);color:var(--red)}.fine{color:var(--muted);font-size:12px}.lead{margin-top:0}.backdrop{position:fixed;inset:0;z-index:50;display:grid;place-items:center;padding:12px;background:#0000008c;animation:fade .15s}.dialog{width:min(440px,100%);max-height:calc(100dvh - 24px);overflow:auto;background:var(--panel);border:1px solid var(--line);padding:16px;animation:pop .18s}.dialog.wide{width:min(640px,100%)}.dialog-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}.dialog-head h2{font-size:20px}.howto ul{padding-left:18px;margin:8px 0}.howto li{margin:4px 0}@keyframes fade{0%{opacity:0}}@keyframes pop{0%{transform:translateY(8px) scale(.98);opacity:0}}.kv{display:grid;grid-template-columns:auto 1fr;gap:4px 16px;margin:12px 0}.kv dt{color:var(--muted)}.kv dd{margin:0;text-align:right}.big-score{display:flex;flex-direction:column;align-items:center;padding:12px;border:1px solid var(--line);background:var(--bg)}.big-score small{color:var(--muted);text-transform:uppercase;letter-spacing:.1em}.big-score strong{font-size:36px;color:var(--accent);font-family:Space Grotesk,sans-serif}table.board{width:100%;border-collapse:collapse}.board th,.board td{padding:5px 6px;border-bottom:1px solid var(--line);text-align:left}.board th{color:var(--muted);font-weight:400}.board .num{text-align:right}.board tr.me td{color:var(--accent)}.board tr.npc td{color:var(--muted)}.toasts{position:fixed;left:50%;top:calc(62px + env(safe-area-inset-top));transform:translate(-50%);z-index:60;display:flex;flex-direction:column;gap:6px;pointer-events:none;align-items:center}.toast{padding:8px 14px;background:var(--panel);border:1px solid var(--line);transition:opacity .3s,transform .3s;white-space:nowrap}.toast.good{border-color:var(--green)}.toast.bad{border-color:var(--red)}.toast.out{opacity:0;transform:translateY(6px)}.canvas-wrap{position:absolute;inset:0;display:grid;place-items:center}.canvas-frame{position:relative}.canvas-wrap canvas{display:block;touch-action:none;user-select:none;-webkit-user-select:none}.overlay-hint{position:absolute;left:0;right:0;bottom:18px;text-align:center;color:var(--muted);pointer-events:none}.hud{position:absolute;top:10px;left:10px;right:10px;display:flex;justify-content:space-between;gap:8px;pointer-events:none;z-index:2}.hud .chip{padding:4px 10px;background:color-mix(in srgb,var(--panel) 85%,transparent);border:1px solid var(--line)}.hud .chip b{color:var(--accent);font-weight:500}.wolf{position:relative;height:100%;max-width:1100px;margin:0 auto;display:flex;flex-direction:column;gap:6px;padding:8px 8px calc(8px + env(safe-area-inset-bottom))}.stats4{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}.stat{min-width:0;padding:4px 8px;border:1px solid var(--line);background:var(--panel);display:flex;flex-direction:column}.stat small{color:var(--muted);font-size:10px;text-transform:uppercase;letter-spacing:.06em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.stat b{font:600 16px Space Grotesk,sans-serif;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.stat.bank b{color:var(--green)}.stat.risk b{color:var(--orange)}.stat.pending b{color:var(--purple)}.timebar{height:4px;background:var(--line)}.timebar i{display:block;height:100%;background:var(--accent);transition:width .1s linear}.timebar i.low{background:var(--red)}.raidbar{display:flex;align-items:center;gap:8px;padding:4px 4px 4px 8px;border:1px solid var(--line);background:var(--panel);font-size:12px;min-width:0}.raidbar span{flex:1;min-width:0}.raidbar.soon{border-color:var(--red);color:var(--red)}.raidbar .pause{flex:none;min-height:30px;padding:2px 10px;font-size:12px}.arena{position:relative;flex:1;min-height:0;overflow:auto}.panels{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,320px),1fr));gap:6px;align-content:start}.panel{border:1px solid var(--line);background:var(--panel);padding:8px;display:flex;flex-direction:column;gap:6px;min-width:0}.panel h3{font-size:14px;color:var(--accent);text-transform:uppercase;letter-spacing:.08em}.panel .btn{min-width:0;white-space:normal}.panel .btn.block{width:100%;margin-top:0}.rule{margin:0;font-size:11px;color:var(--muted)}.btns{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px}.pens{display:grid;grid-template-columns:1fr 1fr;gap:6px}.pen{border:1px solid var(--line);background:var(--bg);padding:6px;display:flex;flex-direction:column;gap:4px;min-width:0}.pen.pasture{border-color:color-mix(in srgb,var(--green) 55%,var(--line))}.pen-head{display:flex;justify-content:space-between;align-items:baseline}.pen-head b{font:600 18px Space Grotesk,sans-serif}.pen small{color:var(--muted);font-size:10px}.herd{display:flex;flex-wrap:wrap;gap:1px;min-height:18px;font-size:14px;line-height:1}.big-line{display:flex;justify-content:space-between;align-items:baseline;gap:8px}.big-line small{color:var(--muted);font-size:11px}.big{font:600 26px Space Grotesk,sans-serif;color:var(--orange)}.wolves{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,190px),1fr));gap:4px}.wolves li{display:flex;align-items:center;gap:4px;padding:3px 5px;border:1px solid var(--line);background:var(--bg);min-width:0;font-size:12px}.wolves li b{font-weight:500;white-space:nowrap}.wolves li small{margin-left:auto;color:var(--muted);font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.wolves li.staked{border-color:var(--purple)}.wolves li.staked small{color:var(--purple)}.wolves li.injured small{color:var(--red)}.log{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:2px;font-size:11px;min-height:40px}.log li{display:flex;gap:6px;padding:2px 0;border-bottom:1px dashed var(--line);overflow-wrap:anywhere}.log time{color:var(--muted);flex:none;width:26px}.log li.good{color:var(--green)}.log li.bad{color:var(--red)}.overlay{position:absolute;inset:0;z-index:3;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:8px;background:color-mix(in srgb,var(--bg) 90%,transparent);padding:16px}.overlay[hidden]{display:none}.overlay h2{font-size:28px;color:var(--accent)}.overlay p{color:var(--muted);margin:0 0 8px;max-width:460px}.overlay .fine{margin-top:8px}.start{min-height:48px;padding:0 24px;font-size:16px}@media(max-width:360px){.stat{padding:3px 5px}.stat b{font-size:14px}}[data-theme=light] .bar .title,[data-theme=light] .panel h3,[data-theme=light] .overlay h2{color:var(--yellow)}[data-theme=light] .timebar i:not(.low){background:var(--yellow)}body:has(.wolf) .toasts{top:auto;bottom:calc(18px + env(safe-area-inset-bottom))}