:root{color-scheme:dark;--bg:#07130c;--panel:#0e2116;--panel2:#132a1c;--line:#2c4e38;--text:#f3f1e8;--muted:#aebbb1;--gold:#dfbd62;--green:#9fd4a8;--danger:#f0a58b}.match-shell{width:min(1080px,calc(100% - 28px));margin:0 auto;padding:28px 0 64px}.match-hero{padding:26px 0 18px}.back-link{color:var(--green);text-decoration:none;font-weight:800}.eyebrow{margin:10px 0 6px;color:var(--gold);font-size:.76rem;font-weight:900;letter-spacing:.12em;text-transform:uppercase}.match-hero h1{margin:0;font-size:clamp(3rem,9vw,6.8rem);line-height:.92;letter-spacing:-.06em}.lede{max-width:700px;color:var(--muted);font-size:1.08rem}.control-panel{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;padding:16px;border:1px solid var(--line);border-radius:18px;background:var(--panel)}.deck-picker{display:flex;gap:8px;flex-wrap:wrap}.deck-button,.primary-control{min-height:44px;border:1px solid var(--line);border-radius:12px;padding:10px 14px;background:#10261a;color:var(--text);font:inherit;font-weight:800;cursor:pointer;touch-action:manipulation}.deck-button[aria-pressed=true]{background:var(--gold);border-color:var(--gold);color:#102015}.primary-control{background:var(--green);border-color:var(--green);color:#102015}.primary-control[data-armed=true]{background:#43251d;border-color:var(--danger);color:#ffd8ce;box-shadow:0 0 0 3px rgba(240,165,139,.08)}.score-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:14px 0}.score-strip div{padding:13px 15px;border:1px solid var(--line);border-radius:14px;background:rgba(14,33,22,.86)}.score-strip span{display:block;color:var(--muted);font-size:.76rem;text-transform:uppercase;letter-spacing:.08em}.score-strip strong{display:block;margin-top:3px;font-size:1.25rem}.deck-copy{padding:9px 2px 14px}.deck-copy h2{margin:0 0 5px;font-size:1.55rem}.deck-copy p{margin:0;color:var(--muted)}.match-board{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;transition:filter .18s ease,transform .18s ease}.match-card{position:relative;min-height:142px;border:1px solid var(--line);border-radius:16px;background:linear-gradient(145deg,#173421,#0c1d13);color:var(--text);cursor:pointer;perspective:800px;padding:0;font:inherit;touch-action:manipulation;overflow:hidden;transition:border-color .16s ease,box-shadow .16s ease,transform .16s ease}.match-card:hover:not(:disabled){transform:translateY(-2px);border-color:#4f785c}.match-card:focus-visible,.deck-button:focus-visible,.primary-control:focus-visible{outline:3px solid var(--gold);outline-offset:3px}.match-card .card-inner{position:absolute;inset:0;display:grid;place-items:center;padding:14px;border-radius:inherit;transition:transform .2s ease,opacity .2s ease}.match-card .card-front{font-size:2rem;color:var(--gold);font-weight:950}.match-card .card-back{opacity:0;transform:rotateY(180deg);font-size:.98rem;font-weight:800;line-height:1.25;text-align:center;background:linear-gradient(145deg,#254b32,#173421)}.match-card.revealed .card-front,.match-card.matched .card-front{opacity:0;transform:rotateY(180deg)}.match-card.revealed .card-back,.match-card.matched .card-back{opacity:1;transform:none}.match-card.matched{border-color:var(--gold);box-shadow:0 0 0 2px rgba(223,189,98,.28),0 16px 34px rgba(0,0,0,.22);transform:translateY(-2px)}.match-card.matched .card-back{background:linear-gradient(145deg,#3b5130,#23381f)}.match-card.matched .card-back:after{content:'✓';position:absolute;right:10px;top:8px;color:var(--gold);font-weight:950}.match-card.mismatch{border-color:var(--danger);box-shadow:0 0 0 2px rgba(240,165,139,.18);animation:mismatch-nudge .28s ease-in-out}.match-card.match-pop{animation:match-pop .28s ease-out}.round-complete{filter:saturate(1.08);transform:translateY(-2px)}.learn-panel,.complete-panel{margin-top:16px;padding:18px 20px;border:1px solid var(--line);border-radius:16px;background:var(--panel)}.learn-panel{position:relative;overflow:hidden}.learn-panel:before{content:'';position:absolute;left:0;top:0;bottom:0;width:4px;background:linear-gradient(var(--gold),var(--green))}.learn-panel p:last-child,.complete-panel p{color:var(--muted)}.complete-panel{border-color:var(--gold);background:linear-gradient(145deg,#172b1e,#0d1e14);box-shadow:0 18px 45px rgba(0,0,0,.18)}.complete-panel h2{margin:.15rem 0 .4rem;font-size:2rem}@keyframes mismatch-nudge{0%,100%{transform:translateX(0)}35%{transform:translateX(-5px)}70%{transform:translateX(5px)}}@keyframes match-pop{0%{transform:scale(.97)}70%{transform:scale(1.025)}100%{transform:scale(1)}}@media(max-width:720px){.score-strip{grid-template-columns:repeat(2,1fr)}.match-board{gap:8px}.match-card{min-height:124px}.match-card .card-back{font-size:.88rem;padding:10px}.control-panel{align-items:stretch}.primary-control{min-height:48px}.deck-button{min-height:48px}}@media(max-width:440px){.match-shell{width:min(100% - 18px,1080px);padding-top:12px}.match-hero{padding-top:14px}.match-card{min-height:112px;border-radius:13px}.match-card .card-front{font-size:1.55rem}.match-card .card-back{font-size:.79rem}.deck-button,.primary-control{width:100%}.deck-picker{width:100%;display:grid;grid-template-columns:1fr 1fr}.learn-panel,.complete-panel{padding:15px}.score-strip div{padding:11px 12px}}@media(prefers-reduced-motion:reduce){.match-card,.match-board,.match-card .card-inner{transition:none}.match-card.mismatch,.match-card.match-pop{animation:none}.match-card:hover:not(:disabled),.match-card.matched,.round-complete{transform:none}}