.coin-display-area{display:flex;flex-wrap:wrap;justify-content:center;gap:1.25rem;padding:1.75rem 1rem;min-height:160px;background:#fff;border-radius:var(--radius-lg);border:1px solid var(--color-border);margin:1rem 0;box-shadow:inset 0 2px 14px rgba(0,0,0,.55)}.coin-loading{pointer-events:none;opacity:.7}.canvas-coin{display:flex;justify-content:center;align-items:center}#coinCanvas{width:200px;height:200px;display:block}.css-coin-container{perspective:1000px;padding:20px}.css-coin{width:180px;height:180px;position:relative;transform-style:preserve-3d;cursor:pointer;transition:transform .15s ease}.css-coin:hover:not(.flipping){transform:scale(1.05) translateY(-5px)}.coin-face{position:absolute;width:100%;height:100%;border-radius:50%;display:flex;align-items:center;justify-content:center;backface-visibility:hidden;box-shadow:0 15px 40px rgba(0,0,0,.35),inset 0 3px 15px rgba(255,255,255,.6),inset 0 -5px 15px rgba(0,0,0,.15);overflow:hidden}.coin-heads{background:linear-gradient(145deg,#f5f5f5 0%,#e8e8e8 20%,#d4d4d4 40%,#c0c0c0 60%,#a8a8a8 80%,#909090 100%);border:5px solid #888}.coin-tails{background:linear-gradient(145deg,#f5f5f5 0%,#e8e8e8 20%,#d4d4d4 40%,#c0c0c0 60%,#a8a8a8 80%,#909090 100%);border:5px solid #888;transform:rotateY(180deg)}.coin-face::before{content:'';position:absolute;width:calc(100% - 20px);height:calc(100% - 20px);border-radius:50%;border:2px solid rgba(0,0,0,.15);box-shadow:inset 0 0 10px rgba(0,0,0,.1)}.coin-image{font-size:5rem;line-height:1;filter:drop-shadow(1px 1px 2px rgba(0,0,0,.3));color:#555;z-index:1}.coin-face::after{content:'';position:absolute;top:5%;left:10%;width:30%;height:20%;background:linear-gradient(135deg,rgba(255,255,255,.4) 0%,rgba(255,255,255,0) 100%);border-radius:50%;transform:rotate(-30deg)}.css-coin[data-value="heads"]:not(.flipping){transform:rotateY(0deg)}.css-coin[data-value="tails"]:not(.flipping){transform:rotateY(180deg)}.css-coin.flip-to-heads{animation:coinFlipToHeads 1.8s cubic-bezier(.4,0,.2,1) forwards}.css-coin.flip-to-tails{animation:coinFlipToTails 1.8s cubic-bezier(.4,0,.2,1) forwards}@keyframes coinFlipToHeads{0%{transform:rotateY(0deg) translateY(0) scale(1)}15%{transform:rotateY(540deg) translateY(-80px) scale(1.1)}30%{transform:rotateY(1080deg) translateY(-120px) scale(1.15)}50%{transform:rotateY(1800deg) translateY(-100px) scale(1.12)}70%{transform:rotateY(2520deg) translateY(-50px) scale(1.05)}85%{transform:rotateY(3240deg) translateY(-15px) scale(1.02)}100%{transform:rotateY(3600deg) translateY(0) scale(1)}}@keyframes coinFlipToTails{0%{transform:rotateY(0deg) translateY(0) scale(1)}15%{transform:rotateY(540deg) translateY(-80px) scale(1.1)}30%{transform:rotateY(1080deg) translateY(-120px) scale(1.15)}50%{transform:rotateY(1800deg) translateY(-100px) scale(1.12)}70%{transform:rotateY(2520deg) translateY(-50px) scale(1.05)}85%{transform:rotateY(3240deg) translateY(-15px) scale(1.02)}100%{transform:rotateY(3780deg) translateY(0) scale(1)}}.coin-result-display{font-size:2rem;font-weight:700;font-family:var(--font-heading);color:var(--gold-light);text-align:center;min-height:3rem;display:flex;align-items:center;justify-content:center;gap:.5rem}.coin-result-display.flipping{color:var(--color-text-muted);animation:pulse 1s ease-in-out infinite}.coin-result-display.heads{color:var(--coin-heads);text-shadow:0 0 12px rgba(208,224,244,.5)}.coin-result-display.tails{color:var(--coin-tails);text-shadow:0 0 12px rgba(122,144,170,.5)}.result-icon{font-size:2.5rem}@keyframes pulse{0%,100%{opacity:.5}50%{opacity:1}}.btn-flip{padding:.9rem 2.5rem;font-size:1.15rem;font-weight:700;font-family:var(--font-heading);letter-spacing:.1em;text-transform:uppercase;background:linear-gradient(135deg,var(--gold-light) 0%,var(--gold) 50%,#3a5070 100%);color:#030d1a;border:0;border-radius:var(--radius-lg);box-shadow:0 4px 18px rgba(168,184,208,.35),inset 0 1px 0 rgba(255,255,255,.2);position:relative;overflow:hidden;transition:all .2s ease}.btn-flip::before{content:'';position:absolute;top:-50%;left:-75%;width:50%;height:200%;background:linear-gradient(105deg,transparent 20%,rgba(255,255,255,.18) 50%,transparent 80%);transform:skewX(-15deg);transition:left .55s ease}.btn-flip:hover{box-shadow:0 6px 28px rgba(168,184,208,.55),var(--neon-glow);transform:translateY(-2px)}.btn-flip:hover::before{left:130%}.btn-flip:active{transform:translateY(1px)}.stat-card{background:linear-gradient(160deg,#0e1830,#060910);border:1px solid var(--gold-dim);border-radius:var(--radius-md);padding:.8rem .5rem;text-align:center;transition:border-color .2s,box-shadow .2s}.stat-card:hover{border-color:var(--gold);box-shadow:0 0 10px rgba(168,184,208,.18)}.stat-card h4{font-size:1.5rem;font-weight:700;font-family:var(--font-heading);color:var(--gold-light);margin-bottom:.2rem;text-shadow:0 0 8px rgba(168,184,208,.35)}.stat-card small{font-size:.7rem;text-transform:uppercase;letter-spacing:.1em;color:var(--color-text-muted)}.mode-switch{display:flex;align-items:center;gap:.5rem;margin-top:.5rem}.ornament{text-align:center;position:relative;margin:1.25rem 0;color:var(--gold-dim);font-size:1rem;letter-spacing:.3em}.ornament::before,.ornament::after{content:'';position:absolute;top:50%;width:calc(50% - 3rem);height:1px}.ornament::before{left:0;background:linear-gradient(90deg,transparent,var(--gold-dim))}.ornament::after{right:0;background:linear-gradient(270deg,transparent,var(--gold-dim))}.heads-color{color:var(--coin-heads)!important}.tails-color{color:var(--coin-tails)!important}.neutral-color{color:var(--gold-light)!important}.streak-display{display:grid;grid-template-columns:repeat(3,1fr);gap:.75rem;margin-top:1rem}.streak-item{text-align:center;padding:.75rem .5rem;background:rgba(168,184,208,.05);border-radius:var(--radius-md);border:1px solid rgba(168,184,208,.1)}.streak-value{font-size:1.8rem;font-weight:700;font-family:var(--font-heading);color:var(--gold-light);display:flex;align-items:center;justify-content:center;gap:.25rem}.streak-value.heads{color:var(--coin-heads)}.streak-value.tails{color:var(--coin-tails)}.streak-icon{font-size:1.2rem}.streak-label{font-size:.7rem;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em;margin-top:.25rem}.flip-history{max-height:320px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--gold-dim) transparent}.flip-history::-webkit-scrollbar{width:5px}.flip-history::-webkit-scrollbar-thumb{background:var(--gold-dim);border-radius:3px}.history-entry{display:flex;justify-content:space-between;align-items:center;padding:.6rem 1rem;border-bottom:1px solid rgba(168,184,208,.08);font-size:.875rem;transition:background .15s}.history-entry:hover{background:rgba(168,184,208,.05)}.history-entry.new-entry{animation:slideIn .3s ease-out;background:rgba(168,184,208,.12)}@keyframes slideIn{from{opacity:0;transform:translateX(-10px)}to{opacity:1;transform:translateX(0)}}.flip-number{color:var(--color-text-muted);font-size:.75rem;min-width:2rem}.flip-result{flex:1;font-weight:600;display:flex;align-items:center;gap:.35rem}.flip-result.heads{color:var(--coin-heads)}.flip-result.tails{color:var(--coin-tails)}.history-icon{font-size:1.1rem}.player-tag{font-size:.7rem;color:var(--color-text-muted);background:rgba(168,184,208,.08);padding:.15rem .4rem;border-radius:var(--radius-sm)}.distribution-bar{margin-bottom:.75rem}.dist-label{font-size:.875rem;font-weight:600;margin-bottom:.25rem;display:flex;align-items:center;gap:.35rem}.dist-label.heads{color:var(--coin-heads)}.dist-label.tails{color:var(--coin-tails)}.dist-icon{font-size:1.1rem}.bg-heads{background:linear-gradient(90deg,#7a9ab8,var(--coin-heads))!important}.bg-tails{background:linear-gradient(90deg,#4a5a78,var(--coin-tails))!important}.dist-count{font-weight:700;font-size:.75rem}.distribution-percentage{margin-top:.5rem;padding-top:.5rem;border-top:1px solid rgba(168,184,208,.15)}.percentage-display{display:flex;justify-content:space-around;font-size:.875rem;color:var(--color-text-muted)}.heads-pct{color:var(--coin-heads);font-weight:700}.tails-pct{color:var(--coin-tails);font-weight:700}.mode-switch{display:flex;align-items:center;gap:.5rem;margin-top:.5rem}.flip-indicator{position:fixed;top:80px;left:50%;transform:translateX(-50%);background:linear-gradient(135deg,#0e1830,#060910);color:var(--gold-light);padding:.75rem 1.5rem;border-radius:var(--radius-lg);border:1px solid var(--gold-dim);box-shadow:0 4px 20px rgba(0,0,0,.7);font-weight:600;z-index:1000;display:none;opacity:0;transition:opacity .3s ease;animation:float 2s ease-in-out infinite}@keyframes float{0%,100%{transform:translateX(-50%) translateY(0)}50%{transform:translateX(-50%) translateY(-5px)}}.game-header{border-radius:var(--radius-md);padding:1rem;margin-bottom:1rem}.game-id-display{font-family:var(--font-mono);font-size:.85rem;color:var(--color-text-muted)}.connection-status{display:flex;align-items:center;gap:.4rem;font-size:.875rem}.status-dot{width:.6rem;height:.6rem;border-radius:50%;background:var(--color-text-muted)}.status-dot.connected{background:#4ade80;box-shadow:0 0 8px rgba(74,222,128,.5)}.status-dot.connecting{background:#fbbf24;animation:pulse 1.5s ease-in-out infinite}.status-dot.disconnected{background:var(--color-danger)}.capacity-display{font-size:.875rem;color:var(--color-text-muted);display:flex;align-items:center;gap:.5rem}.capacity-badge{padding:.15rem .4rem;border-radius:var(--radius-sm);font-size:.7rem;font-weight:700;text-transform:uppercase}.capacity-badge.available{background:rgba(74,222,128,.2);color:#4ade80}.capacity-badge.full{background:rgba(224,82,82,.2);color:var(--color-danger)}.invite-panel{border-radius:var(--radius-md);padding:1rem;margin-bottom:1rem}.invite-link-container{display:flex;gap:.5rem}.invite-link-input{flex:1;font-family:var(--font-mono);font-size:.85rem}.game-controls{display:flex;gap:.5rem;margin-bottom:1rem;flex-wrap:wrap}.no-control-overlay{position:absolute;inset:0;background:rgba(6,9,15,.15);backdrop-filter:blur(3px);display:flex;align-items:center;justify-content:center;border-radius:inherit;z-index:10}.no-control-message{background:linear-gradient(135deg,#0e1830,#060910);color:var(--gold-light);padding:1rem 1.5rem;border-radius:var(--radius-md);border:1px solid var(--gold-dim);font-weight:600;text-align:center}.player-card{background:rgba(168,184,208,.05);border:1px solid rgba(168,184,208,.15);border-radius:var(--radius-md);padding:.75rem;margin-bottom:.5rem;display:flex;justify-content:space-between;align-items:center;transition:all .2s}.player-card:hover{background:rgba(168,184,208,.08);border-color:rgba(168,184,208,.25)}.player-card.is-you{border-color:var(--gold);background:rgba(168,184,208,.1)}.player-card.has-control{box-shadow:0 0 12px rgba(168,184,208,.25)}.player-info{display:flex;align-items:center;gap:.75rem}.player-avatar{width:2.5rem;height:2.5rem;border-radius:50%;background:linear-gradient(135deg,var(--gold),var(--gold-dim));display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.875rem;color:#030d1a}.player-name{font-weight:600;color:var(--color-text)}.player-badge{display:inline-block;font-size:.65rem;padding:.15rem .4rem;border-radius:var(--radius-sm);margin-left:.35rem;font-weight:700;text-transform:uppercase}.badge-you{background:rgba(168,184,208,.2);color:var(--gold-light)}.badge-host{background:rgba(74,222,128,.2);color:#4ade80}.badge-control{background:rgba(251,191,36,.2);color:#fbbf24}.player-actions{display:flex;gap:.5rem}.pass-control-btn{padding:.25rem .6rem;font-size:.75rem}.game-over-overlay,.game-full-overlay{position:fixed;inset:0;background:rgba(6,9,15,.95);display:flex;align-items:center;justify-content:center;z-index:2000}.game-over-content,.game-full-content{background:linear-gradient(160deg,#0e1830,#060910);border:1px solid var(--gold-dim);border-radius:var(--radius-lg);padding:2rem;text-align:center;max-width:400px;box-shadow:0 8px 40px rgba(0,0,0,.8)}.game-over-content h2,.game-full-content h2{color:var(--gold-light);margin-bottom:1rem;font-family:var(--font-heading)}.game-over-content p,.game-full-content p{color:var(--color-text-muted);margin-bottom:1.5rem}.maintenance-message{background:linear-gradient(135deg,#1a3a4a,#0d1f2a);border-bottom:2px solid var(--gold-dim);color:var(--gold-light);padding:.75rem;text-align:center;font-size:.875rem}.maintenance-hidden{display:none}.keyboard-hints{text-align:left}@media(max-width:767px){.coin-display-area{min-height:240px;padding:1.25rem .75rem}#coinCanvas,.css-coin-container{width:160px;height:160px}.css-coin{width:145px;height:145px}.coin-face{font-size:4rem}.coin-result-display{font-size:1.5rem}.result-icon{font-size:2rem}.btn-flip{padding:.75rem 2rem;font-size:1rem}.streak-display{grid-template-columns:1fr}.game-header{font-size:.875rem}.flip-indicator{top:60px;font-size:.875rem;padding:.6rem 1.2rem}}