:root{color-scheme:dark}*{box-sizing:border-box}body{margin:0;color:#f4f7fa;background:radial-gradient(circle at 85% 10%,#2c2107 0,transparent 30rem),radial-gradient(circle at 10% 25%,#07385b 0,transparent 34rem),#080d12;font:16px/1.5 Inter,ui-sans-serif,system-ui,sans-serif}.match-header{display:flex;min-height:82px;align-items:center;justify-content:space-between;padding:14px max(20px,calc(50vw - 570px));background:#05090ddd;border-bottom:1px solid #e2b93f55}.match-header img{display:block;width:136px;height:auto}.match-header a:last-child,.match-footer a{color:#f4d66e;font-weight:850;text-underline-offset:4px}.match-shell{width:min(100% - 24px,960px);margin:auto;padding:42px 0 64px}.match-intro{text-align:center;margin-bottom:24px}.match-intro>span{color:#f4d66e;font-size:.82rem;font-weight:900;letter-spacing:.12em;text-transform:uppercase}.match-intro h1{margin:6px 0;font-size:clamp(3rem,10vw,5.5rem);line-height:.9;letter-spacing:-.06em;text-transform:uppercase}.match-intro p{margin:0;color:#aeb9c4;font-size:1.05rem}.match-panel{padding:clamp(16px,4vw,30px);background:linear-gradient(145deg,#131d27,#080d12);border:1px solid #e2b93f66;border-radius:22px;box-shadow:0 28px 80px #0007}.match-panel[hidden]{display:none}.match-stats{display:flex;justify-content:space-between;gap:16px;margin-bottom:18px;color:#aeb9c4}.match-stats strong{color:#f4d66e}.match-grid{display:grid;grid-template-columns:repeat(var(--columns,4),minmax(44px,1fr));gap:8px;max-width:780px;margin:auto}.match-card{position:relative;aspect-ratio:1;min-height:52px;padding:0;cursor:pointer;color:#fff;background:linear-gradient(145deg,#0a78c0,#05446f);border:1px solid #56b3ee;border-radius:12px;font-size:clamp(1.3rem,5vw,2.15rem);font-weight:950;box-shadow:inset 0 1px #fff3,0 8px 20px #0004;transition:transform .2s,background .2s}.match-card::before{content:"L";display:grid;position:absolute;inset:0;place-items:center;color:#111820;background:linear-gradient(145deg,#f4d66e,#d8a91c);border-radius:inherit;font-size:1.3rem}.match-card.revealed::before,.match-card.matched::before{display:none}.match-card.revealed{transform:rotateY(180deg);background:#1b2a36}.match-card.matched{color:#111820;background:#e2b93f;border-color:#f4d66e;transform:scale(.96)}.match-card:disabled{cursor:default}.match-status{min-height:52px;margin:18px 0 0;padding:13px 15px;color:#d9e2ea;background:#0873bd22;border-left:4px solid #0873bd;border-radius:8px}.match-next{width:100%;margin-top:12px}.match-next[hidden]{display:none}.match-rules{max-width:720px;margin:34px auto 0;color:#aeb9c4}.match-rules h2{color:#fff}.match-rules li{margin:.4rem 0}.match-footer{padding:28px;text-align:center;color:#82909d;border-top:1px solid #ffffff14}.match-footer a{margin-left:14px}@media(max-width:680px){.match-header{min-height:70px}.match-header img{width:112px}.match-shell{padding-top:30px}.match-grid{gap:5px}.match-card{min-height:44px;border-radius:8px}.match-panel{padding-inline:10px}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}