:root{color-scheme:dark;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;line-height:1.5}*{box-sizing:border-box}html,body,#root{margin:0;min-height:100vh;background:#0a0a0a;color:#fafafa}.shell{min-height:100vh;display:grid;place-items:center;padding:1.5rem}.game{max-width:400px;width:100%;display:flex;flex-direction:column;align-items:center;gap:1.5rem}.header{text-align:center}.header h1{margin:0;font-size:1.75rem;font-weight:700;letter-spacing:-.03em;background:linear-gradient(135deg,#fbbf24,#f59e0b,#d97706);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.subtitle{margin:.25rem 0 0;color:#ffffff73;font-size:.85rem}.stats-row{display:flex;gap:.5rem;width:100%}.stat{flex:1;display:flex;flex-direction:column;align-items:center;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:.5rem;padding:.5rem .25rem}.stat-value{font-size:1.1rem;font-weight:700;font-variant-numeric:tabular-nums;color:#fbbf24}.stat-label{font-size:.6rem;text-transform:uppercase;letter-spacing:.1em;color:#ffffff59}.coin-area{display:flex;flex-direction:column;align-items:center;gap:1rem;position:relative}.coin-container{background:none;border:none;cursor:pointer;padding:0;outline:none;-webkit-tap-highlight-color:transparent}.coin-container:disabled{cursor:default}.coin-container:focus-visible .coin{box-shadow:0 0 0 3px #fbbf2480}.coin{width:120px;height:120px;border-radius:50%;position:relative;transform-style:preserve-3d;transition:transform .1s}.coin-container:hover:not(:disabled) .coin{transform:scale(1.05)}.coin-container:active:not(:disabled) .coin{transform:scale(.97)}.coin-face{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:2.5rem;font-weight:800;backface-visibility:hidden}.heads-face{background:linear-gradient(145deg,#fbbf24,#b45309);color:#451a03;border:3px solid #d97706}.tails-face{background:linear-gradient(145deg,#a78bfa,#6d28d9);color:#1e1b4b;border:3px solid #7c3aed;transform:rotateY(180deg)}.coin-edge{position:absolute;top:4px;right:4px;bottom:4px;left:4px;border-radius:50%;border:2px dashed rgba(255,255,255,.15);pointer-events:none}@keyframes flip-heads{0%{transform:rotateY(0) scale(1)}30%{transform:rotateY(720deg) scale(1.15)}60%{transform:rotateY(1080deg) scale(1.05)}to{transform:rotateY(1800deg) scale(1)}}@keyframes flip-tails{0%{transform:rotateY(0) scale(1)}30%{transform:rotateY(900deg) scale(1.15)}60%{transform:rotateY(1260deg) scale(1.05)}to{transform:rotateY(1980deg) scale(1)}}@keyframes flip-edge{0%{transform:rotateY(0) rotateX(0) scale(1)}20%{transform:rotateY(360deg) rotateX(45deg) scale(1.2)}40%{transform:rotateY(720deg) rotateX(90deg) scale(1.3)}60%{transform:rotateY(1080deg) rotateX(45deg) scale(1.2)}80%{transform:rotateY(1440deg) rotateX(10deg) scale(1.05)}to{transform:rotateY(1800deg) rotateX(0) scale(1)}}@keyframes flip-idle{0%{transform:rotateY(0)}to{transform:rotateY(360deg)}}.coin.flipping{animation:flip-idle .3s linear infinite}.coin[data-flip=heads]{animation:flip-heads .8s cubic-bezier(.2,.8,.3,1) forwards}.coin[data-flip=tails]{animation:flip-tails .8s cubic-bezier(.2,.8,.3,1) forwards}.coin[data-flip=edge]{animation:flip-edge 1s cubic-bezier(.2,.8,.3,1) forwards}.coin-container:has(~.result-edge) .coin{filter:drop-shadow(0 0 20px rgba(251,191,36,.6))}.result{display:flex;align-items:center;gap:.5rem;font-size:1rem;font-weight:600;color:#ffffffb3;animation:pop-in .3s cubic-bezier(.34,1.56,.64,1)}.result-hint{color:#ffffff4d;font-weight:400;font-size:.9rem;animation:pulse 2s ease-in-out infinite}.result-emoji{font-size:1.2rem}.result-edge{color:#fbbf24;font-size:1.25rem;animation:pop-in .3s cubic-bezier(.34,1.56,.64,1),glow-pulse .6s ease-in-out 3}.result-bonus{font-size:.85rem;color:#fbbf24;opacity:.8}.combo-burst{position:absolute;top:-2rem;left:50%;transform:translate(-50%);white-space:nowrap;font-size:.9rem;font-weight:800;color:#fbbf24;text-transform:uppercase;letter-spacing:.05em;animation:combo-fly 1.2s cubic-bezier(.2,.8,.3,1) forwards;pointer-events:none;text-shadow:0 0 10px rgba(251,191,36,.5)}@keyframes combo-fly{0%{opacity:1;transform:translate(-50%) translateY(0) scale(.8)}30%{opacity:1;transform:translate(-50%) translateY(-10px) scale(1.2)}to{opacity:0;transform:translate(-50%) translateY(-50px) scale(1)}}@keyframes pop-in{0%{opacity:0;transform:scale(.7)}to{opacity:1;transform:scale(1)}}@keyframes pulse{0%,to{opacity:.4}50%{opacity:.7}}@keyframes glow-pulse{0%,to{text-shadow:0 0 5px rgba(251,191,36,.3)}50%{text-shadow:0 0 20px rgba(251,191,36,.8)}}.history-bar{display:flex;gap:.3rem;flex-wrap:wrap;justify-content:center;min-height:1.75rem;max-width:100%;padding:0 .5rem}.history-empty{font-size:.75rem;color:#fff3}.history-pip{display:inline-flex;align-items:center;justify-content:center;width:1.5rem;height:1.5rem;border-radius:50%;font-size:.65rem;font-weight:700;animation:pop-in .25s cubic-bezier(.34,1.56,.64,1)}.history-pip.heads{background:#fbbf2426;color:#fbbf24;border:1px solid rgba(251,191,36,.3)}.history-pip.tails{background:#7c3aed26;color:#a78bfa;border:1px solid rgba(124,58,237,.3)}.history-pip.edge{background:#fbbf244d;color:#fbbf24;border:1px solid rgba(251,191,36,.6);box-shadow:0 0 8px #fbbf244d}.info-bar{display:flex;gap:1rem;font-size:.7rem;color:#ffffff40;letter-spacing:.02em}.edge-info{color:#fbbf2466}