:root{--elixir-full: #9b59b6;--elixir-empty: #3a2050;--accent: #e6c96a;--bg: #1a1008;--surface: #261a0a;--border: #5a3a14;--text: #f0e6c8;--text-dim: #8a7a5a;--danger: #e53935;--safe: #4caf50;--god-glow: #ffd700}*{box-sizing:border-box;margin:0;padding:0}html,body,#app{width:100%;height:100vh;height:100dvh;background:var(--bg);color:var(--text);font-family:Georgia,Times New Roman,serif;overflow:hidden;user-select:none}.hud{display:flex;align-items:center;justify-content:space-between;background:#140c04eb;border-bottom:1px solid var(--border);padding:6px 10px;gap:8px;position:relative}.hud-enemy,.hud-own{display:flex;align-items:center;gap:6px;flex:1}.hud-enemy{justify-content:flex-start}.hud-own{justify-content:flex-end}.hud-name{font-size:12px;color:var(--text-dim)}.hud-score{font-size:11px;color:var(--accent)}.enemy-name{color:#e07070}.own-name{color:#70c870}.hud-center{display:flex;flex-direction:column;align-items:center;gap:3px}.hud-timer{font-size:18px;font-weight:700;color:var(--accent);letter-spacing:1px}.sniff-btn{background:var(--surface);border:1px solid var(--border);color:var(--text);padding:2px 8px;border-radius:4px;cursor:pointer;font-size:11px;font-family:inherit;transition:background .15s}.sniff-btn:hover:not(:disabled){background:#3a2810}.sniff-btn:disabled{opacity:.5;cursor:default}.result-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:#000000bf;z-index:100}.result-overlay.hidden{display:none}.result-box{background:var(--surface);border:2px solid var(--accent);border-radius:12px;padding:24px 32px;text-align:center;display:flex;flex-direction:column;gap:16px}.result-text{font-size:28px;font-weight:700}.result-play-again{background:var(--accent);color:#1a1008;border:none;padding:8px 20px;border-radius:6px;font-size:14px;font-family:inherit;cursor:pointer;font-weight:700}.bottom-panel{flex:0 0 auto;background:#140c04f2;border-top:1px solid var(--border);display:flex;flex-direction:column;align-items:center;padding:6px 8px calc(8px + env(safe-area-inset-bottom,0px));gap:6px}.elixir-bar{display:flex;align-items:center;gap:6px;width:100%;max-width:340px}.elixir-pips{display:flex;gap:4px;flex:1}.elixir-pip{flex:1;height:12px;border-radius:3px;background:var(--elixir-empty);transition:background .1s}.elixir-label{font-size:14px;font-weight:700;color:var(--elixir-full);min-width:28px;text-align:right}.hand-container{width:100%;max-width:380px}.card-hand{display:flex;gap:6px;justify-content:center;align-items:flex-end}.card{position:relative;width:72px;flex:0 0 72px;border-radius:6px;border:2px solid var(--border);background:var(--surface);cursor:pointer;transition:transform .1s,border-color .1s;overflow:hidden;touch-action:manipulation}.card:hover,.card:active{transform:translateY(-4px);border-color:var(--accent)}.card-selected{border-color:#fff!important;transform:translateY(-8px)!important;box-shadow:0 0 12px #ffffc880}.card-unaffordable{opacity:.45;filter:grayscale(60%)}.card-god{border-color:var(--god-glow)!important;box-shadow:0 0 8px #ffd70066}.card-art{width:100%;height:60px;position:relative;overflow:hidden;border-radius:4px 4px 0 0}.divine-overlay{position:absolute;inset:0;background:radial-gradient(ellipse at 50% 20%,rgba(255,215,0,.35) 0%,transparent 70%);pointer-events:none}.card-name{font-size:8px;text-align:center;padding:2px;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.2}.card-cost{position:absolute;top:3px;right:4px;background:var(--elixir-full);color:#fff;font-size:10px;font-weight:700;width:16px;height:16px;border-radius:50%;display:flex;align-items:center;justify-content:center;line-height:1}.sniff-preview{opacity:.8;border:2px dashed #9b59b6!important;transform:none!important;cursor:default}.sniff-label{font-size:8px;text-align:center;color:#9b59b6;font-weight:700;padding:1px 0}.lobby{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;gap:24px;padding:20px}.lobby-title{font-size:36px;font-weight:700;color:var(--accent);text-shadow:0 0 20px rgba(230,200,100,.4);letter-spacing:2px}.lobby-subtitle{font-size:14px;color:var(--text-dim);text-align:center}.lobby-identity{background:var(--surface);border:1px solid var(--border);border-radius:8px;padding:12px 16px;display:flex;flex-direction:column;gap:8px;width:100%;max-width:300px}.lobby-identity label{font-size:11px;color:var(--text-dim);margin-bottom:2px}.lobby-identity input{background:#ffffff12;border:1px solid var(--border);border-radius:4px;color:var(--text);font-size:14px;padding:6px 8px;font-family:inherit;width:100%;outline:none}.lobby-identity input:focus{border-color:var(--accent)}.lobby-display-name{font-size:13px;color:var(--accent);text-align:center}.lobby-btn{background:var(--accent);color:#1a1008;border:none;padding:12px 32px;border-radius:8px;font-size:18px;font-family:inherit;font-weight:700;cursor:pointer;letter-spacing:1px;transition:opacity .15s}.lobby-btn:hover{opacity:.85}.lobby-mode-select{display:flex;gap:12px;flex-direction:column;width:100%;max-width:300px}.lobby-mode-btn{background:var(--surface);border:1px solid var(--border);color:var(--text);padding:10px 16px;border-radius:6px;font-size:14px;font-family:inherit;cursor:pointer;text-align:left;transition:border-color .15s}.lobby-mode-btn:hover{border-color:var(--accent)}.mode-tag{display:inline-block;background:#2a5a2a;color:#7ec850;font-size:9px;padding:1px 5px;border-radius:3px;margin-left:6px;vertical-align:middle}.mode-tag.online{background:#1a3a5a;color:#60a8e8}.matchmaking-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:#000000d1;color:var(--text);font-size:20px;letter-spacing:1px;z-index:200}.deploy-hint{position:fixed;bottom:160px;left:50%;transform:translate(-50%);background:#000000b3;color:#f0e6c8;font-size:12px;padding:4px 12px;border-radius:12px;pointer-events:none;opacity:0;transition:opacity .2s}.deploy-hint.visible{opacity:1}