*{box-sizing:border-box}:root{--bg:#0b1020;--panel:#131a2d;--panel-2:#1a233b;--text:#f4f7ff;--muted:#9da8c2;--accent:#7c8cff;--accent-2:#a78bfa;--border:rgba(255,255,255,.09)}body,html{margin:0;min-height:100%;background:radial-gradient(circle at 50% 15%,rgba(124,140,255,.18),transparent 30rem),var(--bg);color:var(--text);font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button{font:inherit}.game{width:min(1100px,100%);min-height:100vh;margin:0 auto;padding:28px 24px 24px;display:flex;flex-direction:column}.header{display:flex;align-items:center;justify-content:space-between;gap:24px}.eyebrow{margin:0 0 5px;color:var(--accent);font-size:11px;font-weight:800;letter-spacing:.16em}h1{margin:0;font-size:clamp(26px,5vw,42px);letter-spacing:-.04em}.score{display:flex;align-items:center;gap:14px;padding:10px 16px;border:1px solid var(--border);border-radius:18px;background:rgba(19,26,45,.8);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.score div:not(.score-divider){display:grid;text-align:center;grid-gap:2px;gap:2px}.score span{color:var(--muted);font-size:10px;font-weight:800}.score strong{font-size:22px}.score-divider{color:var(--muted)}.arena{flex:1 1;min-height:430px;display:grid;grid-template-columns:1fr 130px 1fr;align-items:center;grid-gap:18px;gap:18px;padding:30px 0}.side{display:grid;justify-items:center;grid-gap:14px;gap:14px}.side-label{color:var(--muted);font-weight:700}.hand-display{width:min(30vw,290px);aspect-ratio:1;display:grid;place-items:center;border:1px solid var(--border);border-radius:36px;background:linear-gradient(145deg,rgba(255,255,255,.07),rgba(255,255,255,.025))}.hand-display img{width:72%;height:72%;object-fit:contain}.hidden-hand{display:grid;place-items:center;width:58%;aspect-ratio:1;border-radius:50%;background:var(--panel-2);color:var(--accent);font-size:clamp(50px,9vw,90px);font-weight:900}.placeholder{padding:20px;color:var(--muted);text-align:center}.versus{display:grid;place-items:center;text-align:center;min-height:100px}.countdown{font-size:clamp(48px,8vw,78px);font-weight:950;letter-spacing:-.08em}.result{display:grid;grid-gap:7px;gap:7px}.result strong{font-size:19px}.result span{color:var(--accent);font-weight:800}.finished-badge{padding:9px 12px;border:1px solid var(--accent);border-radius:999px;color:var(--accent);font-size:12px;font-weight:900;letter-spacing:.1em}.action-panel,.finish-panel,.selection,.waiting{margin-top:auto}.selection-title,.waiting{margin:0 0 12px;color:var(--muted);text-align:center;font-size:13px;font-weight:700}.hand-list{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:12px;gap:12px}.hand-card{min-width:0;padding:16px 12px 13px;display:grid;justify-items:center;grid-gap:5px;gap:5px;border:1px solid var(--border);border-radius:20px;background:var(--panel);color:var(--text);cursor:pointer;transition:transform .16s ease,border-color .16s ease,background .16s ease}.hand-card:hover{transform:translateY(-4px);border-color:rgba(124,140,255,.65);background:var(--panel-2)}.hand-card:active{transform:translateY(-1px) scale(.98)}.hand-card img{width:90px;height:90px;object-fit:contain}.hand-card strong{font-size:18px}.hand-card span{color:var(--muted);font-size:11px}.primary-button{width:min(420px,100%);display:block;margin:0 auto;padding:15px 22px;border:0;border-radius:14px;background:var(--accent);color:white;font-weight:850;cursor:pointer;box-shadow:0 10px 30px rgba(124,140,255,.22)}.finish-panel{padding:26px;border:1px solid var(--border);border-radius:22px;background:var(--panel);text-align:center}.finish-panel h2{margin:0 0 6px;font-size:28px}.finish-panel p{margin:0 0 20px;color:var(--muted);font-weight:700}footer{margin-top:18px}details{border-top:1px solid var(--border);padding-top:14px}summary{color:var(--muted);cursor:pointer;font-size:12px;font-weight:700;text-align:center}.rules{overflow-x:auto;margin-top:14px}table{width:100%;min-width:650px;border-collapse:collapse;font-size:11px}td,th{padding:8px;border:1px solid var(--border);text-align:center}th{background:rgba(255,255,255,.04)}@media (max-width:650px){.game{padding:18px 14px}.header{align-items:flex-start}.score{padding:8px 11px}.arena{min-height:390px;grid-template-columns:1fr;grid-template-rows:auto auto auto;gap:8px;padding:15px 0 20px}.side{grid-template-columns:70px 1fr;justify-items:start;align-items:center;width:100%}.side-label{align-self:center}.hand-display{width:100%;max-width:210px;justify-self:center;border-radius:24px}.versus{position:absolute;left:50%;transform:translateX(-50%);pointer-events:none;min-height:0}.hand-list{grid-template-columns:repeat(2,1fr)}.hand-card{padding:13px 8px}.hand-card img{width:76px;height:76px}}