.game-page--match{--match-pink:#9a496e;--match-soft:#f4e5ec}.match-game{min-width:0}.match-stage,.match-results{border-top:5px solid var(--match-pink);background:#fffdf8;padding:clamp(1.25rem,3vw,2.5rem);box-shadow:0 18px 55px #1111111a}.match-pair{--match-portrait-size:clamp(4.25rem,6vw,5rem);grid-template-columns:var(--match-portrait-size) minmax(4rem,1fr) var(--match-portrait-size);align-items:center;gap:1rem;margin-bottom:1.5rem;display:grid}.match-pair span{width:var(--match-portrait-size);height:var(--match-portrait-size);border:3px solid var(--insight-gold);background:var(--world-black);border-radius:50%;place-items:center;display:grid;overflow:hidden}.match-pair picture,.match-pair img{width:100%;height:100%;display:block}.match-pair img{object-fit:contain;transform:translate(var(--headshot-frame-x,0),var(--headshot-frame-y,0)) scale(var(--headshot-frame-scale,1));transform-origin:0 0}.match-pair i{background:linear-gradient(90deg,var(--match-pink),var(--insight-gold),var(--match-pink));height:3px;position:relative}.match-pair i:after{border:2px solid var(--world-black);background:var(--insight-gold);content:"";width:.8rem;height:.8rem;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)rotate(45deg)}.match-stage h2,.match-results h2,.match-results h3{color:var(--world-black)}.match-context{border-left:4px solid var(--insight-gold);background:var(--amber-pale);padding:.85rem 1rem}.match-options{grid-template-columns:repeat(2,minmax(0,1fr));gap:.8rem;display:grid}.match-options label{position:relative}.match-options input{opacity:0;position:absolute}.match-options span{cursor:pointer;background:#fff;border:2px solid #1111112e;flex-direction:column;gap:.65rem;min-height:14rem;padding:1.1rem;display:flex}.match-options em{border:1px solid var(--match-pink);background:var(--match-soft);color:var(--world-black);text-transform:uppercase;letter-spacing:.05em;align-self:flex-start;padding:.3rem .5rem;font-size:.75rem;font-style:normal;font-weight:800}.match-options strong{color:var(--world-black);font-family:var(--font-display);font-size:1.2rem}.match-options small{color:var(--ink-muted);font-size:.95rem}.match-options input:checked+span{border-color:var(--insight-gold);background:var(--amber-pale);box-shadow:inset 0 0 0 2px var(--insight-gold)}.match-options input:focus-visible+span{outline:3px solid var(--world-black);outline-offset:3px}.match-result-hero{max-width:52rem}.match-invitation{border-left:4px solid var(--insight-gold);font-family:var(--font-display);padding-left:1rem;font-size:1.2rem}.match-tie{margin:1.2rem 0}.match-tie ul{flex-wrap:wrap;gap:.5rem;margin:0;padding:0;list-style:none;display:flex}.match-tie li{border:1px solid var(--match-pink);background:var(--match-soft);padding:.45rem .65rem;font-weight:700}.match-dialogue{grid-template-columns:repeat(2,minmax(0,1fr));gap:.8rem;margin:1.5rem 0;display:grid}.match-dialogue article{border-top:4px solid var(--match-pink);background:#fff;padding:1rem}.match-counterpoint{border-left:5px solid var(--insight-gold);background:var(--amber-pale);padding:1rem 1.2rem}.match-analysis{grid-template-columns:repeat(2,minmax(0,1fr));gap:.8rem;margin:1.5rem 0;display:grid}.match-analysis>section,.match-source{background:#fff;border:1px solid #1111112b;padding:1rem}.match-analysis ol{margin:0;padding:0;list-style:none}.match-analysis li{border-bottom:1px solid #1111111f;justify-content:space-between;gap:1rem;padding:.55rem 0;display:flex}.match-analysis li strong{text-align:right}.match-evidence{margin:1.5rem 0}.match-evidence ol{grid-template-columns:repeat(2,minmax(0,1fr));gap:.8rem;margin:0;padding:0;list-style:none;display:grid}.match-evidence li{border-top:3px solid var(--insight-gold);background:#fff;padding:1rem}.match-evidence p{color:var(--ink-muted);margin:.45rem 0 0}.match-source p:last-child{font-weight:700}.match-method{border-left:4px solid var(--match-pink);color:var(--ink-muted);padding-left:1rem}.match-no-js{border-top:5px solid var(--match-pink);background:#fff;grid-column:2;padding:1.5rem}.match-no-js>ol>li{border-bottom:1px solid #11111126;padding:1rem 0}.match-context-section{background:var(--world-black);color:#fff;padding:clamp(3rem,7vw,5.5rem) 0}.match-context-section h2{color:#fff}.match-context-section .container>div{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;display:grid}@media (width<=720px){.match-options,.match-dialogue,.match-analysis,.match-evidence ol,.match-context-section .container>div{grid-template-columns:1fr}.match-pair{--match-portrait-size:3.75rem;grid-template-columns:var(--match-portrait-size) minmax(2rem,1fr) var(--match-portrait-size)}.match-pair span{width:var(--match-portrait-size);height:var(--match-portrait-size)}}