@import"https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@300;400;500;600;700&family=Lexend:wght@300;400;500;600;700&display=swap";*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg: #021525;--surface: #091d2e;--surface2: #192b3d;--border: #243648;--text: #d1e4fb;--text-dim: #a48c7d;--accent: #ffb783;--accent-hover: #ffcfa8;--danger: #ff8b76;--success: #92ccff;--red: #c0392b;--blue: #2980b9;--green: #27ae60;--purple: #9b59b6;--swipe-black: #1a1a1f;--swipe-silver: #b0bec5;--swipe-gold: #f5c842;--primary: #ffb783;--primary-dim: #e67e22;--secondary: #92ccff;font-family:Space Grotesk,system-ui,sans-serif;font-size:15px;color:var(--text);background:var(--bg)}body{min-height:100vh;background:var(--bg)}#root{min-height:100vh;display:flex;flex-direction:column}.reconnect-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#021525d1;display:flex;align-items:center;justify-content:center;gap:10px;font-size:1.1rem;font-weight:600;color:var(--accent);z-index:9999;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.reconnect-spinner{width:20px;height:20px;border:3px solid rgba(255,183,131,.25);border-top-color:var(--accent);border-radius:50%;animation:spin .8s linear infinite;flex-shrink:0}@keyframes spin{to{transform:rotate(360deg)}}button{cursor:pointer;font:inherit;border:none;border-radius:6px;transition:transform .12s,box-shadow .12s,background .15s,border-color .12s}button:active:not(:disabled){transform:scale(.97)}button:disabled{cursor:default}input{font:inherit;color:var(--text);background:var(--surface2);border:1px solid var(--border);border-radius:6px;padding:.45rem .75rem;width:100%;outline:none}input:focus{border-color:var(--primary)}h1,h2,h3{font-weight:600;font-family:Space Grotesk,sans-serif}.btn-primary{background:linear-gradient(135deg,var(--primary),var(--primary-dim));color:#021525;padding:.55rem 1.2rem;font-weight:700;letter-spacing:.04em;border:1px solid rgba(255,255,255,.2);box-shadow:0 4px 14px #ffb78359}.btn-primary:hover:not(:disabled){filter:brightness(1.1)}.btn-secondary{background:var(--surface2);color:var(--text);padding:.45rem 1rem;border:1px solid var(--border);font-weight:600;letter-spacing:.04em}.btn-secondary:hover:not(:disabled){border-color:var(--primary)}.btn-ghost{background:transparent;color:var(--text-dim);padding:.4rem .9rem;border:1px solid var(--border)}.btn-ghost:hover{color:var(--text);border-color:var(--text-dim)}.error-banner,.error-toast{background:#ff44441a;border:1px solid var(--danger);color:#ffb4ab;padding:.5rem .9rem;border-radius:6px;font-size:.9rem}.error-toast{position:fixed;bottom:1rem;left:50%;transform:translate(-50%);z-index:100;box-shadow:0 6px 24px #00000080}.badge{display:inline-block;font-size:.7rem;padding:.1rem .4rem;border-radius:4px;margin-left:.4rem;background:var(--surface2);color:var(--text-dim);vertical-align:middle}.badge.host{background:#2a2050;color:#a090ff}.badge.offline{background:#3a1a1a;color:#ff7070}.lobby{max-width:400px;margin:6vh auto;padding:2rem;display:flex;flex-direction:column;gap:1.2rem}.logo{font-size:3rem;letter-spacing:.15em;color:var(--primary);text-align:center;font-family:Space Grotesk,sans-serif}.tagline{text-align:center;color:var(--text-dim);margin-top:-.6rem}.lobby-form{display:flex;flex-direction:column;gap:1rem}.lobby-form label{display:flex;flex-direction:column;gap:.4rem;font-size:.9rem;color:var(--text-dim)}.mode-toggle{display:flex;gap:.5rem}.mode-toggle button{flex:1;padding:.5rem;background:var(--surface2);color:var(--text-dim);border:1px solid var(--border)}.mode-toggle button.active{background:var(--primary);color:#021525;border-color:var(--primary)}.waiting-room{max-width:460px;margin:5vh auto;padding:2rem;display:flex;flex-direction:column;gap:1.4rem}.room-code-block{display:flex;align-items:center;gap:.8rem;background:var(--surface);border:1px solid var(--border);padding:.8rem 1rem;border-radius:8px}.room-code-label{color:var(--text-dim);font-size:.85rem}.room-code{font-size:1.8rem;font-weight:700;letter-spacing:.3em;color:var(--primary)}.player-list h2{font-size:1rem;color:var(--text-dim);margin-bottom:.6rem}.player-list ul{list-style:none;display:flex;flex-direction:column;gap:.4rem}.player-list li{padding:.55rem .9rem;background:var(--surface);border-radius:6px;border:1px solid var(--border)}.player-list li.me{border-color:var(--primary)}.waiting-hint{color:var(--text-dim);font-size:.9rem;text-align:center}.game-bg{position:relative;flex:1;display:flex;flex-direction:column;background:var(--bg);overflow:hidden;-webkit-user-select:none;user-select:none}.game-bg,.game-bg *{scrollbar-width:none;-ms-overflow-style:none}.game-bg *::-webkit-scrollbar{display:none}.orbit-ring{position:absolute;border-radius:50%;border:1.5px dashed rgba(255,255,255,.06);pointer-events:none;top:50%;left:50%;transform:translate(-50%,-50%)}.orbit-ring.orbit-lg{width:80vw;height:80vw}.orbit-ring.orbit-md{width:54vw;height:54vw;opacity:.5}.game-hud{position:relative;z-index:20;display:flex;align-items:center;justify-content:space-between;padding:.7rem 1.2rem}.hud-block{display:flex;align-items:center;gap:.5rem}.hud-label{font-family:Space Grotesk,sans-serif;font-weight:700;font-size:.62rem;letter-spacing:.14em;color:var(--text-dim);text-transform:uppercase}.hud-value{font-family:Space Grotesk,sans-serif;font-weight:700;font-size:.95rem}.hud-value.primary{color:var(--primary)}.hud-value.secondary{color:var(--secondary)}.hud-value.big{font-size:1.2rem}.hud-divider{color:var(--border);margin:0 .25rem}.hud-pts{font-size:.7rem;color:var(--text-dim)}.hud-center{flex:1;text-align:center}.your-turn-pill{display:inline-block;background:linear-gradient(135deg,var(--primary),var(--primary-dim));color:#021525;font-family:Space Grotesk,sans-serif;font-weight:700;font-size:.72rem;letter-spacing:.15em;padding:.35rem 1rem;border-radius:999px;text-transform:uppercase;box-shadow:0 0 18px #ffb78373}.score-chip{background:var(--surface);border:1px solid var(--border);border-radius:8px;padding:.35rem .9rem;flex-direction:column!important;align-items:flex-end!important;gap:0!important}.play-area{flex:1 1 0;position:relative;display:flex;align-items:flex-end;justify-content:center;padding-bottom:10px;min-height:160px;max-height:42vh}.center-cluster{position:relative;z-index:5;display:flex;align-items:center;gap:1.75rem}.center-group{display:flex;flex-direction:column;align-items:center;gap:.75rem}.cluster-label{font-family:Space Grotesk,sans-serif;font-weight:700;font-size:.6rem;letter-spacing:.2em;text-transform:uppercase}.cluster-label.primary{color:var(--primary-dim)}.cluster-label.muted{color:var(--text-dim)}.center-actions{display:flex;flex-direction:column;gap:.4rem;align-self:center;margin-left:.25rem}.center-actions button{white-space:nowrap}.card-stack-wrap{position:relative}.card-stack-wrap.deck-wrap{width:80px;height:116px}.deck-shadow{position:absolute;width:80px;height:116px;border-radius:8px;background:var(--surface2);border:1px solid rgba(255,255,255,.1)}.deck-shadow-back{top:5px;left:4px;opacity:.45}.deck-shadow-mid{top:2.5px;left:2px;opacity:.7}.empty-master{width:80px;height:116px;border:2px dashed var(--border);border-radius:8px}.deck-wrap.deck-ready{animation:deckPulse 1.6s ease-in-out infinite}@keyframes deckPulse{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}.deck-tap-hint{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;font-family:Space Grotesk,sans-serif;font-size:.62rem;font-weight:800;letter-spacing:.15em;color:var(--primary);text-shadow:0 1px 4px rgba(0,0,0,.85);background:#02152552;border-radius:8px;pointer-events:none;z-index:3}.ambient-glow{position:absolute;top:-16px;right:-16px;bottom:-16px;left:-16px;border-radius:50%;filter:blur(22px);pointer-events:none;z-index:-1}.ambient-red{background:#c0392b47;animation:pulseGlow 2.5s ease-in-out infinite}.ambient-blue{background:#92ccff26}@keyframes pulseGlow{0%,to{opacity:.55;transform:scale(1)}50%{opacity:1;transform:scale(1.08)}}.opponent-area{position:absolute;display:flex;flex-direction:column;align-items:center;gap:.3rem;z-index:8;transition:filter .2s}.opponent-area.opp-tl{top:6px;left:28px}.opponent-area.opp-tc{top:2px;left:50%;transform:translate(-50%)}.opponent-area.opp-tr{top:6px;right:28px}.opponent-area.opp-active{filter:drop-shadow(0 0 12px rgba(255,183,131,.4))}.opp-avatar-wrap{position:relative;display:flex;flex-direction:column;align-items:center;gap:.1rem}.opp-avatar{width:30px;height:30px;border-radius:50%;background:var(--surface2);border:2px solid;display:flex;align-items:center;justify-content:center}.opp-avatar svg{width:18px;height:18px}.opp-score{position:absolute;top:22px;font-family:Space Grotesk,sans-serif;font-weight:700;font-size:.55rem;color:#fff;padding:1px 6px;border-radius:999px;border:2px solid var(--bg);z-index:2}.opp-name{font-family:Space Grotesk,sans-serif;font-size:.6rem;color:var(--text);margin-top:.25rem;font-weight:600;letter-spacing:.04em}.opp-pile{font-family:Space Grotesk,sans-serif;font-size:.52rem;color:var(--text-dim);letter-spacing:.05em}.opp-fans{display:flex;flex-direction:column;align-items:center}.opp-fan{display:flex;align-items:flex-start;position:relative;margin-left:-4px}.opp-fan-row-0{margin-top:.2rem}.opp-fan-row-1,.opp-fan-row-2,.opp-fan-row-3,.opp-fan-row-4{margin-top:-22px}.opp-fan-slot{flex-shrink:0;margin-left:-10px;transform-origin:bottom center}.opp-fan-slot:first-child{margin-left:0}.opp-fan-attackable .cardv-click:hover{outline:2px solid var(--danger);outline-offset:2px}.hand-area{position:relative;z-index:15;background:#091d2ee0;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-top:1px solid rgba(255,255,255,.08);padding:.5rem 0 .7rem}.hand-divider{display:flex;align-items:center;justify-content:center;margin-bottom:.75rem}.hand-divider:before,.hand-divider:after{content:"";flex:1;max-width:80px;height:1px}.hand-divider:before{background:linear-gradient(to right,transparent,var(--border))}.hand-divider:after{background:linear-gradient(to left,transparent,var(--border))}.hand-label{font-family:Space Grotesk,sans-serif;font-weight:700;font-size:.55rem;letter-spacing:.22em;text-transform:uppercase;color:var(--text-dim);padding:0 .85rem}.hint-pill{margin:0 auto .75rem;max-width:480px;background:#ffb7831f;border:1px solid rgba(255,183,131,.3);color:var(--primary);padding:.35rem .9rem;border-radius:999px;font-size:.8rem;text-align:center}.hint-pill.subtle{background:#92ccff1a;border-color:#92ccff4d;color:var(--secondary)}.hand-row{display:flex;align-items:flex-end;padding:0 .8rem;gap:.6rem}.hand-points{flex:0 0 auto;display:flex;flex-direction:column;align-items:center;gap:.35rem}.hand-fan{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;padding-top:18px;padding-bottom:12px;min-height:120px}.hand-row-fan{display:flex;align-items:flex-end;justify-content:center;position:relative}.hand-row-fan.top-row{margin-bottom:-22px;z-index:1;filter:brightness(.88)}.hand-row-fan.bottom-row{z-index:5}.fan-card-wrap{flex-shrink:0;transition:transform .22s ease}.hand-actions{flex:0 0 auto;display:flex;flex-direction:column;gap:.4rem;align-items:flex-end}.challenge-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#021525d9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:50}.challenge-box{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:1.5rem 2rem;max-width:420px;display:flex;flex-direction:column;align-items:center;gap:.8rem;box-shadow:0 12px 40px #00000080}.challenge-box h2{font-size:1.2rem;color:var(--primary);letter-spacing:.1em;text-transform:uppercase}.challenge-players{color:var(--text)}.challenge-values{font-size:1.6rem;font-weight:800}.challenge-values .vs{font-size:1rem;color:var(--text-dim);margin:0 .35rem}.challenge-type{font-size:.75rem;color:var(--text-dim);font-weight:400;text-transform:uppercase;letter-spacing:.1em}.roll-history{display:flex;gap:.5rem;flex-wrap:wrap;justify-content:center}.roll-pair{font-size:.85rem;background:var(--surface2);border:1px solid var(--border);padding:.25rem .6rem;border-radius:4px}.roll-a{color:var(--secondary);font-weight:700}.roll-d{color:var(--danger);font-weight:700}.challenge-wait{color:var(--text-dim);font-size:.85rem;font-style:italic}.challenge-rule{color:var(--text-dim);font-size:.75rem;letter-spacing:.04em;text-align:center}.exchange-counter{font-family:Space Grotesk,sans-serif;font-weight:700;font-size:.65rem;letter-spacing:.15em;text-transform:uppercase;color:var(--primary)}.dice-row{display:flex;align-items:center;justify-content:center;gap:1.5rem;margin:.5rem 0 .25rem}.dice-vs{font-family:Space Grotesk,sans-serif;font-weight:800;font-size:.9rem;color:var(--text-dim);letter-spacing:.15em}.dice-slot{display:flex;flex-direction:column;align-items:center;gap:.4rem}.dice-label{font-family:Space Grotesk,sans-serif;font-weight:700;font-size:.65rem;letter-spacing:.1em;text-transform:uppercase;color:var(--text-dim)}.dice-mine .dice-label{color:var(--primary)}.die{width:76px;height:76px;border-radius:14px;background:linear-gradient(140deg,#fff,#d8e1ec);border:2px solid var(--border);display:flex;align-items:center;justify-content:center;padding:8px;position:relative;cursor:default;transition:transform .15s,box-shadow .15s,border-color .15s;box-shadow:0 4px 14px #00000080,inset 0 1px #ffffffb3}.die:disabled{cursor:default}.die-clickable{cursor:pointer!important;border-color:var(--primary);box-shadow:0 0 0 3px #ffb78359,0 4px 14px #00000080,0 0 22px #ffb78373;animation:dieReady 1.4s ease-in-out infinite}.die-clickable:hover{transform:translateY(-3px) rotate(-3deg)}.die-clickable:active{transform:scale(.94)}@keyframes dieReady{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}.die-rolled{border-color:var(--text-dim);box-shadow:0 4px 12px #0006;animation:dieSettle .35s ease-out}@keyframes dieSettle{0%{transform:rotate(-15deg) scale(1.15)}50%{transform:rotate(8deg) scale(1.05)}to{transform:rotate(0) scale(1)}}.die-q{font-family:Space Grotesk,sans-serif;font-weight:800;font-size:2.2rem;color:#b0c0d0}.die-face{display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr);width:100%;height:100%;gap:4px}.die-pip{border-radius:50%;background:transparent;width:100%;height:100%;display:block}.die-pip.on{background:#021525;box-shadow:inset 0 1px 2px #fff3}.last-result{font-size:.8rem;color:var(--text-dim);text-align:center;margin-top:.3rem}.last-result strong{color:var(--text)}.resolved-banner{display:flex;flex-direction:column;align-items:center;gap:.6rem;padding:.75rem 1rem;border-radius:8px;border:1px solid var(--border);margin-top:.5rem;width:100%}.resolved-banner.win-att{background:linear-gradient(135deg,#ffb78326,#e67e221a);border-color:var(--primary)}.resolved-banner.win-def{background:linear-gradient(135deg,#92ccff26,#2980b91a);border-color:var(--secondary)}.winner-text{font-family:Space Grotesk,sans-serif;font-weight:700;font-size:1rem;letter-spacing:.03em;color:var(--text)}.won-card-preview{display:flex;flex-direction:column;align-items:center;gap:.4rem;margin:.4rem 0}.won-card-label{font-size:.8rem;color:var(--text-dim);font-style:italic}.cardv{position:relative;border:0;padding:0;border-radius:8px;background:transparent;overflow:visible}.cardv>img{width:100%;height:100%;display:block;object-fit:cover;border-radius:8px;border:1px solid rgba(255,255,255,.15);box-shadow:0 4px 16px #0009,inset 0 1px #ffffff1a}.cardv-click{cursor:pointer}.cardv-click:disabled{cursor:default}.cardv-lift{transition:transform .15s ease,filter .15s ease}.cardv-lift:hover{transform:translateY(-6px)}.cardv-dimmed{opacity:.45}.cardv-selected>img{outline:3px solid var(--primary);outline-offset:1px;box-shadow:0 0 24px #ffb7838c,0 4px 16px #0009}.cardv-glow-red>img{box-shadow:0 0 28px #c0392b8c,0 0 0 2px #ffffffd9,0 4px 16px #0009}.cardv-glow-teal>img{box-shadow:0 0 0 2.5px var(--secondary),0 0 26px 6px #92ccff66,0 4px 16px #0009}.cardv-glow-gold>img{box-shadow:0 0 0 2px var(--swipe-gold),0 0 18px #f5c84273,0 4px 12px #0000008c}.cardv-glow-silver>img{box-shadow:0 0 0 2px var(--swipe-silver),0 0 18px #b0bec573,0 4px 12px #0000008c}.cardv-swipe-badge{position:absolute;top:-7px;right:-7px;width:1.55rem;height:1.55rem;border-radius:50%;display:flex;align-items:center;justify-content:center;font-family:Space Grotesk,sans-serif;font-weight:700;font-size:.85rem;border:2px solid var(--bg);box-shadow:0 2px 8px #00000080;line-height:1;color:#fff;z-index:5}.cardv-swipe-badge.swipe-gold{background:linear-gradient(135deg,var(--swipe-gold),#c68f00)}.cardv-swipe-badge.swipe-silver{background:linear-gradient(135deg,var(--swipe-silver),#78909c)}.cardv-swipe-badge.swipe-black{background:linear-gradient(135deg,#444,#111)}.cardv-count-badge{position:absolute;bottom:-6px;right:-6px;background:var(--surface2);color:var(--primary);font-family:Space Grotesk,sans-serif;font-weight:700;font-size:.65rem;padding:1px 6px;border-radius:999px;border:1px solid var(--border);z-index:5}.silver-banner{position:absolute;top:-22px;left:50%;transform:translate(-50%);background:linear-gradient(135deg,var(--swipe-silver),#78909c);color:#021525;font-family:Space Grotesk,sans-serif;font-weight:700;font-size:.48rem;letter-spacing:.08em;padding:2px 7px;border-radius:999px;white-space:nowrap;border:1px solid rgba(255,255,255,.3);z-index:6}@media (max-width: 640px){.center-cluster{gap:1.25rem}.hand-row{gap:.45rem;padding:0 .5rem}}@media (max-width: 480px){.opponent-area.opp-tl{left:22px}.opponent-area.opp-tr{right:22px}.opp-fan-slot{margin-left:-12px}}