*{box-sizing:border-box}html,body{color:#f2ede1;background:#10160f;height:100%;margin:0;font-family:Trebuchet MS,Segoe UI,system-ui,sans-serif;overflow:hidden}#app{width:100vw;height:100vh;position:relative}#scene{width:100%;height:100%;display:block;position:absolute;inset:0}#top-bar{pointer-events:none;justify-content:space-between;align-items:stretch;gap:16px;display:flex;position:absolute;top:16px;left:16px;right:16px}#hud{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0a0e098c;border-radius:10px;min-width:190px;padding:10px 14px}#hud h1{letter-spacing:.05em;margin:0;font-size:1.15rem}.subtitle{opacity:.75;margin:1px 0 8px;font-size:.72rem}#standings{flex-direction:column;gap:6px;display:flex}.standing-row{align-items:center;gap:8px;font-size:.9rem;display:flex}.standing-swatch{color:#fff;border-radius:4px;flex:none;justify-content:center;align-items:center;width:20px;height:20px;font-size:.75rem;font-weight:700;line-height:1;display:flex}.standing-bar-track{background:#ffffff26;border-radius:3px;flex:1;height:6px;overflow:hidden}.standing-bar-fill{border-radius:3px;height:100%;transition:width .4s}.standing-pos{font-variant-numeric:tabular-nums;opacity:.85;text-align:right;width:3.4em}#flip-panel{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0a0e098c;border-radius:10px;justify-content:center;align-items:center;padding:14px;display:flex}#deck-panel{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0a0e09b3;border:1px solid #ffffff14;border-radius:14px;align-items:center;gap:18px;padding:12px 20px;display:flex;position:absolute;bottom:16px;left:50%;transform:translate(-50%)}.card{color:#222;background:#fff;border-radius:10px;flex-direction:column;flex:none;justify-content:center;align-items:center;width:84px;height:118px;font-weight:700;display:flex;box-shadow:0 4px 10px #0006}.card-rank{font-size:1.7rem;line-height:1}.card-suit{font-size:2.1rem;line-height:1.1}.card.card-back{background:repeating-linear-gradient(45deg,#2e5eaa,#2e5eaa 6px,#26508f 6px 12px)}.card.suit-H .card-rank,.card.suit-D .card-rank,.card.suit-H .card-suit,.card.suit-D .card-suit{color:#c0392b}.card.kickback{outline:3px solid #e8a33d}#controls{align-items:center;gap:10px;display:flex}button{font:inherit;color:#fff;cursor:pointer;background:#2f9e56;border:none;border-radius:8px;padding:10px 16px;font-weight:600;transition:filter .15s,transform .1s}button:hover:not(:disabled){filter:brightness(1.1)}button:active:not(:disabled){transform:scale(.97)}button:disabled{opacity:.4;cursor:not-allowed}.icon-btn{--btn:#2f9e56;--btn-deep:#1f7a3f;background:linear-gradient(180deg, #ffffff38, #fff0 45%), var(--btn);width:52px;height:52px;box-shadow:0 4px 0 var(--btn-deep), 0 7px 12px #00000073, inset 0 1px 0 #ffffff59;border-radius:14px;justify-content:center;align-items:center;padding:0;transition:transform 80ms,box-shadow 80ms,filter .15s;display:flex}.icon-btn svg{fill:#fff;filter:drop-shadow(0 1px 1px #00000059);width:30px;height:30px}.icon-btn:active:not(:disabled){box-shadow:0 0 0 var(--btn-deep), 0 2px 5px #0006, inset 0 1px 0 #ffffff40;transform:translateY(4px)scale(1)}.icon-btn:disabled{filter:grayscale(.4)}.icon-btn--new{--btn:#2e5eaa;--btn-deep:#1c3f78}.icon-btn--flip,.icon-btn--auto{--btn:#2f9e56;--btn-deep:#1f7a3f}.icon-btn--auto.active{--btn:#e8a33d;--btn-deep:#a86e1f}.icon-btn--auto .icon-pause,.icon-btn--auto.active .icon-play{display:none}.icon-btn--auto.active .icon-pause{display:block}.icon-btn--rules{--btn:#7a5cc4;--btn-deep:#4f3a82}#speed-label{opacity:.8;flex-direction:column;gap:2px;font-size:.7rem;display:flex}#win-overlay,#rules-overlay{background:#0000008c;justify-content:center;align-items:center;padding:16px;transition:opacity .25s;display:flex;position:absolute;inset:0}#win-overlay.hidden,#rules-overlay.hidden{opacity:0;pointer-events:none}#win-card{text-align:center;background:#1c2b1e;border:1px solid #ffffff1f;border-radius:16px;padding:32px 40px;box-shadow:0 20px 60px #00000080}#win-card h2{margin:0 0 18px;font-size:1.6rem}#podium{justify-content:center;align-items:flex-end;gap:12px;min-width:280px;min-height:190px;display:flex}.podium-spot{opacity:0;flex-direction:column;align-items:center;gap:8px;animation:.45s forwards podium-rise;display:flex;transform:translateY(30px)}.podium-spot.place-1{order:2;animation-delay:.5s}.podium-spot.place-2{order:1;animation-delay:.2s}.podium-spot.place-3{order:3;animation-delay:0s}.podium-badge{color:#fff;border-radius:8px;justify-content:center;align-items:center;width:44px;height:44px;font-size:1.3rem;font-weight:700;display:flex;box-shadow:0 4px 10px #0006}.podium-name{opacity:.85;white-space:nowrap;font-size:.72rem}.podium-block{color:#ffffff8c;background:linear-gradient(#ffffff26,#fff0 40%),#33473a;border:1px solid #ffffff26;border-bottom:none;border-radius:6px 6px 0 0;justify-content:center;width:78px;padding-top:6px;font-size:1.1rem;font-weight:800;display:flex}.podium-spot.place-1 .podium-block{height:92px}.podium-spot.place-2 .podium-block{height:64px}.podium-spot.place-3 .podium-block{height:44px}#podium-fourth{opacity:0;justify-content:center;align-items:center;gap:8px;margin:10px 0 20px;font-size:.8rem;animation:.4s .95s forwards fade-in;display:flex}.podium-fourth-swatch{color:#fff;border-radius:5px;flex:none;justify-content:center;align-items:center;width:22px;height:22px;font-size:.72rem;font-weight:700;display:flex}@keyframes podium-rise{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes fade-in{0%{opacity:0}to{opacity:.85}}#site-footer{opacity:.45;z-index:1;font-size:.7rem;position:absolute;bottom:8px;left:12px}#site-footer a{color:inherit;text-decoration:none}#site-footer a:hover{opacity:.8;text-decoration:underline}#rules-card{background:#1c2b1e;border:1px solid #ffffff1f;border-radius:16px;max-width:440px;max-height:80vh;padding:28px 32px;overflow-y:auto;box-shadow:0 20px 60px #00000080}#rules-card h2{margin:0 0 14px;font-size:1.4rem}.rules-intro{opacity:.85;margin:0 0 16px;font-size:.88rem;line-height:1.45}#rules-card ol{flex-direction:column;gap:10px;margin:0;padding-left:1.2em;font-size:.92rem;line-height:1.4;display:flex}#rules-card .rules-note{opacity:.7;margin:16px 0 0;font-size:.8rem}#rules-card button{background:#7a5cc4;width:100%;margin-top:20px}@media (width<=720px){#deck-panel{flex-wrap:wrap;justify-content:center;width:calc(100% - 24px)}}