.match-page{--ma-ink:#190f24;--ma-purple:#6a35b5;--ma-mint:#64efc0;--ma-gold:#ffcf48}.match-shell{margin:28px 0;padding:clamp(18px,4vw,36px);border:3px solid var(--ma-ink);background:linear-gradient(145deg,#fff5bd,#ddfff4 48%,#eee1ff);box-shadow:10px 10px 0 var(--ma-ink)}.match-head{display:flex;justify-content:space-between;align-items:end;gap:20px}.match-head h2{margin:0;font:clamp(1.8rem,4vw,3rem)/1 AyePixel,monospace}.match-head label{font-weight:900}.match-head select{display:block;margin-top:7px;padding:10px;border:2px solid var(--ma-ink);background:#fff;color:var(--ma-ink);font:inherit}.match-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:20px 0}.match-stats div{padding:11px;border:2px solid var(--ma-ink);background:#fff}.match-stats small,.match-stats strong{display:block}.match-stats strong{margin-top:4px;font:1.05rem AyePixel,monospace}.match-grove{padding:clamp(14px,3vw,26px);border:3px solid var(--ma-ink);background:#211431;color:#fff}.match-board{display:flex;align-items:center;justify-content:center;gap:clamp(5px,1.5vw,16px);min-height:260px;padding:22px 10px;border:2px solid #fff;background:radial-gradient(circle at 50% 100%,#51326b,#190f25 70%);overflow-x:auto}.match-digit{position:relative;flex:0 0 clamp(58px,10vw,92px);height:clamp(112px,19vw,176px)}.match-segment{position:absolute;margin:0;padding:0;border:0;border-radius:999px;background:#513b5d;box-shadow:inset 0 0 0 2px #776386}.match-segment.lit{background:var(--ma-gold);box-shadow:0 0 13px #ffcf48,0 0 2px #fff}.match-segment.selected{background:var(--ma-mint);box-shadow:0 0 18px var(--ma-mint),0 0 0 3px #fff}.match-segment:focus-visible{outline:3px solid #fff;outline-offset:3px}.match-segment.s0,.match-segment.s3,.match-segment.s6{left:17%;width:66%;height:9%}.match-segment.s0{top:2%}.match-segment.s3{top:45.5%}.match-segment.s6{bottom:2%}.match-segment.s1,.match-segment.s2,.match-segment.s4,.match-segment.s5{width:13%;height:38%}.match-segment.s1{left:4%;top:8%}.match-segment.s2{right:4%;top:8%}.match-segment.s4{left:4%;bottom:8%}.match-segment.s5{right:4%;bottom:8%}.match-operator{flex:0 0 auto;color:var(--ma-mint);font:clamp(2rem,6vw,5rem) AyePixel,monospace;text-shadow:0 0 12px #64efc0}.match-actions{display:flex;flex-wrap:wrap;gap:9px;justify-content:center;margin-top:16px}.match-actions button{min-height:46px;padding:10px 15px;border:2px solid #fff;background:#fff;color:var(--ma-ink);font-weight:900}.match-actions button.primary{background:var(--ma-gold)}.match-actions button:disabled{opacity:.45}.match-status{min-height:1.5em;margin:16px 0 0;text-align:center;color:#fff;font-weight:900}.match-note{margin:16px 0 0}.match-guide{margin-top:28px}@media(max-width:720px){.match-head{align-items:flex-start;flex-direction:column}.match-board{justify-content:flex-start;min-height:210px}.match-actions button{flex:1 1 42%}}