:root{--bg-deep: #1a3a2a;--bg-mid: #2d5a3d;--grass-a: #3d7a4a;--grass-b: #356b42;--panel: rgba(18, 36, 26, .92);--ink: #f2f7f0;--muted: #b7cbb8;--accent: #c4a35a;--danger: #c45c3e;--safe-bottom: env(safe-area-inset-bottom, 0px);--safe-top: env(safe-area-inset-top, 0px);--safe-right: env(safe-area-inset-right, 0px);--safe-left: env(safe-area-inset-left, 0px)}*{box-sizing:border-box}html,body{margin:0;height:100%;overflow:hidden;background:var(--bg-deep);color:var(--ink);font-family:Nunito,system-ui,sans-serif;touch-action:none;-webkit-user-select:none;user-select:none}#app{position:relative;width:100%;height:100%}#game{display:block;width:100%;height:100%;background:var(--bg-mid)}.hidden{display:none!important}#lobby{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;padding:calc(16px + var(--safe-top)) 16px calc(16px + var(--safe-bottom));background:radial-gradient(ellipse at 20% 10%,rgba(196,163,90,.18),transparent 45%),radial-gradient(ellipse at 80% 90%,rgba(45,90,61,.9),transparent 50%),linear-gradient(160deg,#143024,#1f4a32 45%,#0f2419);overflow:auto;z-index:20}.lobby-card{width:min(440px,100%);background:var(--panel);border:1px solid rgba(242,247,240,.12);border-radius:18px;padding:22px 20px 18px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.brand-tag{margin:0;color:var(--accent);font-weight:800;letter-spacing:.08em;text-transform:uppercase;font-size:.78rem}.lobby-card h1{margin:4px 0 6px;font-size:clamp(2rem,8vw,2.8rem);line-height:1;font-weight:800}.version-line{margin:0 0 4px;color:var(--accent);font-size:.85rem;font-weight:700;letter-spacing:.04em}.repo-line{margin:0 0 12px;font-size:.82rem}.repo-line a{color:var(--muted);text-decoration:underline;text-underline-offset:2px}.repo-line a:hover{color:var(--accent)}.field-hint{margin:-6px 0 12px;font-size:.82rem;color:var(--muted)}.online-line{margin:0 0 14px;color:var(--muted);font-size:.95rem}.online-line strong{color:var(--ink)}.rules{background:#ffffff0a;border-radius:12px;padding:12px 14px;margin-bottom:14px}.rules h2{margin:0 0 8px;font-size:.95rem;color:var(--accent)}.rules ul{margin:0;padding-left:1.1rem;color:var(--muted);font-size:.86rem;line-height:1.35}.rules li+li{margin-top:.35rem}.field{display:grid;gap:6px;margin-bottom:12px;font-size:.9rem;color:var(--muted)}.field input{width:100%;border:1px solid rgba(242,247,240,.16);background:#00000040;color:var(--ink);border-radius:10px;padding:10px 12px;font:inherit;font-weight:700}.colors{display:flex;flex-wrap:wrap;gap:8px}.color-swatch{width:32px;height:32px;border-radius:50%;border:2px solid transparent;cursor:pointer;padding:0}.color-swatch.selected{border-color:#fff;box-shadow:0 0 0 2px #00000059}.lang-row{grid-template-columns:1fr auto;align-items:center}.lang-toggle{display:inline-flex;gap:4px;background:#00000040;padding:4px;border-radius:999px}.lang-btn{border:0;background:transparent;color:var(--muted);font:inherit;font-weight:800;padding:6px 12px;border-radius:999px;cursor:pointer}.lang-btn.active{background:var(--accent);color:#1a2a1c}#play{width:100%;margin-top:4px;border:0;border-radius:12px;padding:14px 16px;font:inherit;font-weight:800;font-size:1.05rem;background:linear-gradient(180deg,#d4b56a,#b8923f);color:#1a2a1c;cursor:pointer}#play:disabled{opacity:.6;cursor:wait}.status{min-height:1.2em;margin:10px 0 0;text-align:center;color:var(--muted);font-size:.85rem}#hud{position:absolute;top:calc(10px + var(--safe-top));left:calc(118px + var(--safe-left));right:calc(10px + var(--safe-right));display:flex;flex-wrap:wrap;gap:8px;z-index:5;pointer-events:none}#event-feed{position:absolute;top:calc(10px + var(--safe-top));left:50%;transform:translate(-50%);z-index:6;display:flex;flex-direction:column;align-items:center;gap:6px;max-width:min(92vw,420px);pointer-events:none}#event-feed.hidden{display:none}.feed-line{padding:6px 12px;border-radius:999px;border:1px solid rgba(255,255,255,.1);background:#12241ad1;color:var(--ink);font-size:.84rem;font-weight:700;line-height:1.25;text-align:center;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);animation:feed-in .18s ease-out}@keyframes feed-in{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}#exit-btn{position:absolute;top:calc(10px + var(--safe-top));left:calc(10px + var(--safe-left));z-index:8;display:inline-flex;align-items:center;gap:6px;margin:0;padding:6px 12px;border-radius:999px;border:1px solid rgba(255,255,255,.1);background:#12241ac7;color:var(--ink);font:inherit;font-size:.82rem;font-weight:700;line-height:1.25;height:auto;min-height:0;box-sizing:border-box;cursor:pointer;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);touch-action:manipulation}#exit-btn:hover,#exit-btn:focus-visible{border-color:#c4a35a8c;color:var(--accent)}#exit-btn svg{display:block;flex-shrink:0;width:14px;height:14px}.hud-pill{background:#12241ac7;border:1px solid rgba(255,255,255,.1);border-radius:999px;padding:6px 12px;font-size:.82rem;font-weight:700;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}#drop-btn{position:absolute;right:calc(16px + var(--safe-right));bottom:calc(18px + var(--safe-bottom));width:72px;height:72px;border-radius:50%;border:3px solid rgba(255,255,255,.35);background:#12241ad1;font-size:1.8rem;z-index:6;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none}#drop-btn:disabled{opacity:.4}#drop-btn.ready{box-shadow:0 0 0 3px #c4a35a73}#drop-btn.burp{background:linear-gradient(160deg,#f4d35e,#ee964b);border-color:#ffe696a6}#dpad{position:absolute;left:calc(14px + var(--safe-left));bottom:calc(16px + var(--safe-bottom));width:150px;height:150px;z-index:6;display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr);gap:6px;touch-action:none;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none}#dpad .dpad-btn{margin:0;border:2px solid rgba(255,255,255,.22);border-radius:14px;background:#12241ae0;color:var(--ink);font-size:1.15rem;font-weight:800;cursor:pointer;touch-action:manipulation;box-shadow:0 2px #00000059}#dpad .dpad-btn:active{background:#c4a35a8c;transform:translateY(1px)}#dpad .dpad-btn[data-dir=up]{grid-column:2;grid-row:1}#dpad .dpad-btn[data-dir=left]{grid-column:1;grid-row:2}#dpad .dpad-btn[data-dir=down]{grid-column:2;grid-row:3}#dpad .dpad-btn[data-dir=right]{grid-column:3;grid-row:2}#minimap{position:absolute;top:calc(52px + var(--safe-top));right:calc(10px + var(--safe-right));width:112px;height:112px;z-index:5;border-radius:12px;border:1px solid rgba(255,255,255,.16);background:#0a160ec7;box-shadow:0 4px 16px #00000059;pointer-events:none}#crown-board{position:absolute;left:calc(10px + var(--safe-left));bottom:calc(178px + var(--safe-bottom));width:min(200px,calc(100vw - 100px));max-height:min(28vh,180px);overflow:auto;z-index:5;pointer-events:none;background:#12241ad1;border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:10px 12px;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}#crown-board h2{margin:0 0 8px;font-size:.82rem;color:var(--accent);font-weight:800}#crown-list{list-style:none;margin:0;padding:0;display:grid;gap:4px}#crown-list li{font-size:.75rem;font-weight:700;color:var(--ink);line-height:1.25}#crown-list .crown-time{display:block;color:var(--muted);font-weight:500;font-size:.68rem}#crown-list .crown-empty{color:var(--muted);font-weight:600}#death{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;background:#0a120c8c;z-index:10;pointer-events:none}.death-card{text-align:center;background:#12241ae6;border:1px solid rgba(255,255,255,.12);border-radius:16px;padding:22px 28px}.death-card h2{margin:0;font-size:2.4rem;color:var(--danger)}.death-card p{margin:8px 0 0;color:var(--muted)}