:root{--bg: #0e1116;--surface: #161b22;--border: #2a323d;--text: #e6edf3;--muted: #8b96a5;--accent: #4ade80;--accent-ink: #06210f;--danger: #f87171;--radius: 12px;--tap: 48px;color-scheme:dark}*{box-sizing:border-box}html,body{margin:0;min-height:100%}body{background:var(--bg);color:var(--text);font:16px/1.5 system-ui,-apple-system,Segoe UI,Roboto,sans-serif;padding:max(16px,env(safe-area-inset-top)) max(16px,env(safe-area-inset-right)) max(16px,env(safe-area-inset-bottom)) max(16px,env(safe-area-inset-left))}.card{max-width:26rem;margin:0 auto;padding:24px 20px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius)}h1{margin:0 0 20px;font-size:1.5rem}.lead{margin:0 0 20px;color:var(--text)}.muted{margin:20px 0 0;color:var(--muted);font-size:.9rem}.hint{margin:-4px 0 0;color:var(--muted);font-size:.8rem}.form{display:flex;flex-direction:column;gap:16px}.field{display:flex;flex-direction:column;gap:6px}.field span{color:var(--muted);font-size:.85rem}input{min-height:var(--tap);padding:0 14px;background:var(--bg);border:1px solid var(--border);border-radius:var(--radius);color:var(--text);font-size:16px}input:focus-visible,button:focus-visible,a:focus-visible{outline:2px solid var(--accent);outline-offset:2px}button{min-height:var(--tap);padding:0 18px;border:1px solid transparent;border-radius:var(--radius);font-size:1rem;font-weight:600;cursor:pointer}button:disabled{opacity:.55;cursor:default}.primary{background:var(--accent);color:var(--accent-ink)}.secondary{background:transparent;border-color:var(--border);color:var(--text)}.error{margin:0;padding:10px 12px;background:color-mix(in srgb,var(--danger) 12%,transparent);border:1px solid color-mix(in srgb,var(--danger) 35%,transparent);border-radius:var(--radius);color:var(--danger);font-size:.9rem}.error[hidden]{display:none}.link{color:var(--accent)}.ok{margin:0;padding:10px 12px;background:color-mix(in srgb,var(--accent) 12%,transparent);border:1px solid color-mix(in srgb,var(--accent) 35%,transparent);border-radius:var(--radius);color:var(--accent);font-size:.9rem}.game-main{display:flex;flex-direction:column;gap:16px;max-width:30rem;margin:0 auto}.head{display:flex;flex-direction:column;gap:8px}.topline{display:flex;align-items:center;justify-content:space-between;gap:8px}.day{font-weight:600}.live{display:inline-flex;align-items:center;gap:6px;color:var(--muted);font-size:.8rem}.live:before{content:"";width:8px;height:8px;border-radius:50%;background:currentColor}.live.on{color:var(--accent)}.live.off{color:var(--danger)}.banner{margin:0;padding:10px 12px;background:var(--surface);border:1px solid var(--border);border-left:3px solid var(--muted);border-radius:var(--radius);font-size:.9rem}.banner.calm{border-left-color:var(--accent)}.banner.deal{border-left-color:#fbbf24}.banner.bad{border-left-color:var(--danger);color:var(--danger)}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.stat{padding:8px 4px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);text-align:center}.stat.mine{border-color:color-mix(in srgb,var(--accent) 40%,var(--border))}.stat .k{display:block;color:var(--muted);font-size:.7rem;text-transform:uppercase}.stat .v{display:block;font-size:1.25rem;font-weight:700}.checkin .big{width:100%;min-height:56px;font-size:1.05rem}.checkin.done{text-align:center}.board-wrap{container-type:inline-size}.board{display:grid;grid-template-columns:repeat(var(--cols),1fr);gap:1px;aspect-ratio:1;padding:1px;background:var(--border);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden}.cell{position:relative;display:flex;align-items:center;justify-content:center;min-height:0;padding:0;background:var(--bg);border:0;border-radius:0;color:var(--text);font-size:0}.cell.dead{background:#1b1416;background-image:repeating-linear-gradient(45deg,transparent 0 3px,color-mix(in srgb,var(--danger) 18%,transparent) 3px 4px)}.cell .tag{font-size:clamp(7px,2.2cqw,13px);font-weight:700;line-height:1}.cell .hp{position:absolute;right:1px;bottom:0;color:var(--muted);font-size:clamp(6px,1.6cqw,10px);line-height:1}.cell .tag{color:var(--text)}.cell.me{background:color-mix(in srgb,var(--accent) 22%,var(--bg));box-shadow:inset 0 0 0 2px var(--accent)}.cell.me .tag{color:var(--accent)}.cell.corpse{background:#22262c}.cell.corpse .tag{color:var(--muted);text-decoration:line-through}.cell.frozen{background:color-mix(in srgb,#38bdf8 22%,var(--bg))}.cell.heart .tag{color:var(--danger)}.cell.pick-move{background:color-mix(in srgb,var(--accent) 30%,var(--bg));cursor:pointer}.cell.pick-target{box-shadow:inset 0 0 0 2px var(--danger);cursor:pointer}.action-box{display:flex;flex-direction:column;gap:12px}.actions{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.act{display:flex;flex-direction:column;gap:2px;min-height:56px;padding:6px 4px}.act-name{font-size:.9rem}.act-cost{color:var(--muted);font-size:.7rem;font-weight:400}.act.active{border-color:var(--accent);color:var(--accent)}.act.active .act-cost{color:inherit}.panel{display:flex;flex-direction:column;gap:10px;padding:12px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius)}.targets{display:flex;flex-direction:column;gap:8px}.target{justify-content:flex-start;text-align:left}.target.active{border-color:var(--accent);color:var(--accent)}.amount{display:flex;align-items:center;gap:10px}.step{min-width:48px;font-size:1.25rem}.amount-v{min-width:1.5rem;font-size:1.1rem;font-weight:700;text-align:center}.jury,.feed{display:flex;flex-direction:column;gap:10px;padding:14px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius)}.jury h2,.feed h2{margin:0;font-size:1rem}.story{display:flex;flex-direction:column;gap:8px;max-height:40vh;margin:0;padding:0;overflow-y:auto;list-style:none}.story li{padding-bottom:8px;border-bottom:1px solid var(--border);color:var(--muted);font-size:.85rem}.story li:last-child{border-bottom:0;padding-bottom:0}.link-btn{min-height:auto;padding:0;background:none;border:0;color:var(--accent);font-size:.9rem;font-weight:400;text-decoration:underline}