/* Composition over the unmodified Mokaná styles and semantic tokens. */
@keyframes club-arrive{from{opacity:0;transform:translateY(20px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}
@keyframes score-stamp{0%{transform:scale(1.15)}55%{transform:scale(.97)}100%{transform:scale(1)}}
@keyframes verdict-arrive{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}
.club{animation:club-arrive var(--duration-slow) var(--ease) both;animation-delay:calc(min(var(--entry-index,0),9)*28ms)}
.club:nth-child(5n+2){--entry-index:1}.club:nth-child(5n+3){--entry-index:2}.club:nth-child(5n+4){--entry-index:3}.club:nth-child(5n+5){--entry-index:4}
.club .crest img{transition:transform var(--duration-normal) var(--ease)}.club:hover .crest img{transform:scale(1.055) rotate(-2deg)}

.result-details{transition:opacity var(--duration-normal) var(--ease),transform var(--duration-slow) var(--ease)}
.is-revealing .result-details{opacity:0;transform:translateY(16px);pointer-events:none}
.is-final .score{animation:score-stamp 500ms cubic-bezier(.22,1.5,.36,1);transform-origin:left center}
.is-final .stats>div{animation:verdict-arrive 400ms var(--ease) both}.is-final .stats>div:nth-child(2){animation-delay:70ms}.is-final .stats>div:nth-child(3){animation-delay:140ms}
.score{font-variant-numeric:tabular-nums}#roundLabel{transition:color var(--duration-normal),background var(--duration-normal)}
@media(prefers-reduced-motion:reduce){.club,.is-final .score,.is-final .stats>div{animation:none!important}.club:hover .crest img{transform:none}.result-details{transition:none!important}}
.mk[data-motion="reduced"] *{animation:none!important;transition:none!important}
@media(prefers-reduced-motion:reduce){
 .mk[data-motion="full"] .club{animation:club-arrive var(--duration-slow) var(--ease) both!important;animation-delay:calc(min(var(--entry-index,0),9)*28ms)!important}
 .mk[data-motion="full"] .club:hover .crest img{transform:scale(1.055) rotate(-2deg)}
 .mk[data-motion="full"] .is-final .score{animation:score-stamp 500ms cubic-bezier(.22,1.5,.36,1)!important}
 .mk[data-motion="full"] .is-final .stats>div{animation:verdict-arrive 400ms var(--ease) both!important}
 .mk[data-motion="full"] .result-details{transition:opacity var(--duration-normal) var(--ease),transform var(--duration-slow) var(--ease)!important}
}
body{margin:0}.mk{padding:0}.shell{max-width:1200px;margin:auto;padding:0 32px}header{display:flex;align-items:center;gap:16px;min-height:104px;border-bottom:1px solid var(--line)}.brand{text-decoration:none}.edition{font-size:11px;color:var(--secondary);border-left:1px solid var(--line);padding-left:20px}.edition b{display:block;color:var(--foreground);font-size:13px;font-weight:600}nav{margin-left:auto;display:flex;gap:8px;align-items:center}.hero{padding:48px 0 32px;display:grid;grid-template-columns:1fr 300px;gap:48px;align-items:center}.hero .mk-eyebrow{margin-bottom:16px;color:var(--accent-text)}.mk .hero h1{font-family:var(--font-display);font-size:clamp(40px,5vw,62px);line-height:1.08;font-weight:500;max-width:670px;letter-spacing:-.025em}.hero h1 span{color:var(--accent-text)}.hero .description{margin:20px 0 0;max-width:530px}.hero-aside{border:1px solid var(--line);border-radius:var(--radius-md);padding:24px;display:flex;flex-direction:column;gap:16px;background:var(--surface)}.hero-aside>span{font-size:12px;color:var(--secondary)}.hero-aside b{font-family:var(--font-display);font-size:36px;font-weight:500;line-height:1}.hero-aside small{font-size:13px;color:var(--secondary)}.hero-aside .mk-button{align-self:start}.description{font-size:14px;line-height:1.7;color:var(--secondary)}.sectionline{display:flex;justify-content:space-between;align-items:center;gap:16px;margin:12px 0 24px}.mk .sectionline h2{font-size:22px}.filter{display:flex;align-items:end;gap:20px;margin-bottom:24px}.filter .mk-field{width:min(440px,100%)}.filter>span{margin-left:auto;white-space:nowrap;font-size:12px;color:var(--secondary);padding-bottom:12px}.clubs{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:16px;padding-bottom:48px}.club{position:relative;padding:0!important;display:flex;flex-direction:column;background:var(--surface);color:var(--foreground);border:1px solid var(--line);border-radius:var(--radius-md);overflow:hidden;text-align:left;cursor:pointer;transition:transform var(--duration-normal) var(--ease),border-color var(--duration-normal)}.club:hover{transform:translateY(-4px);border-color:var(--focus)}.club .crest{height:148px;background:#fff;position:relative;margin:12px 12px 0;border-radius:var(--radius-sm);overflow:hidden}.crest img{position:absolute;inset:20px;width:calc(100% - 40px);height:calc(100% - 40px);object-fit:contain}.clubindex{position:absolute;top:8px;left:10px;font-size:9px;color:#50596b}.clubinfo{padding:16px 14px;display:flex;flex-direction:column;gap:4px;min-width:0;max-width:100%}.clubinfo b{font-size:12px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.clubinfo small{font-size:10px;color:var(--secondary)}.badge{position:absolute;right:19px;top:125px;background:var(--lime);color:var(--ink);border-radius:var(--radius-pill);padding:3px 8px;font-size:9px;font-weight:700}.gamehead{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:24px 0}.gamehead>span{font-size:12px;color:var(--secondary)}.gamegrid{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(300px,.85fr);gap:32px;margin-bottom:48px}.arena{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-lg);overflow:hidden;min-width:0}.arenatop{padding:16px 20px;display:flex;justify-content:space-between;align-items:center;gap:12px;font-size:12px}.arenatop span:first-child{font-weight:600}.arenatop span:last-child{font-size:10px}canvas{display:block;width:100%;height:auto;touch-action:none;cursor:grab;background:#fff}canvas:active{cursor:grabbing}#boardNote{text-align:center;font-size:11px;color:var(--secondary);margin:0;padding:14px 12px}.controls{align-self:center;min-width:0;padding:28px;border:1px solid var(--line);background:var(--surface);border-radius:var(--radius-lg)}.controls .mk-eyebrow{color:var(--accent-text);margin-bottom:20px}.mk .controls h2{font-size:32px;margin-bottom:16px}.controls .description{margin-bottom:24px}.rangeLabel{display:flex;align-items:center;justify-content:space-between;font-size:13px;font-weight:600;margin-top:24px}.rangeEnds{display:flex;justify-content:space-between;font-size:10px;color:var(--secondary)}input[type=range]{width:100%;margin:20px 0 8px;accent-color:var(--action-secondary);height:22px;cursor:ew-resize}.keyboard{font-size:11px;color:var(--secondary);line-height:1.8;margin-top:20px!important}.primary{width:100%;margin-top:24px;justify-content:center!important}.record{font-size:11px;color:var(--secondary);text-align:center;margin:16px 0 0!important}.score{font-family:var(--font-display);font-size:70px;font-weight:500;line-height:1.1;letter-spacing:-.04em;color:var(--accent-text);white-space:nowrap}.score small{font-size:30px}.mk #result h2{font-size:25px;margin:16px 0 12px}.stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:24px 0}.stats>div{display:flex;flex-direction:column;gap:5px;border:1px solid var(--line);border-radius:var(--radius-sm);padding:12px 8px}.stats b{font-size:17px;font-weight:600}.stats span{font-size:8px;color:var(--secondary)}.resultbuttons{display:flex;gap:8px;margin-top:12px}.resultbuttons button{flex:1;padding-inline:10px}.tabletitle{margin-bottom:16px!important}.recordsintro{padding:24px 0}#recordRows{list-style:none;margin:24px 0 48px;padding:0;overflow:hidden;border:1px solid var(--line);border-radius:var(--radius-md);background:var(--surface)}#recordRows button{width:100%;display:flex;align-items:center;gap:20px;color:var(--foreground);background:transparent;padding:14px 20px;border:0;border-bottom:1px solid var(--line);text-align:left}#recordRows li:last-child button{border-bottom:0}#recordRows button:hover{background:var(--background)}#recordRows button>span:first-child{width:24px;color:var(--secondary);font-size:12px}#recordRows img{width:46px;height:46px;object-fit:contain;background:white;border-radius:8px;padding:4px}#recordRows b{margin-left:auto;font-family:var(--font-display);font-size:24px;font-weight:500}#recordRows small{display:block;color:var(--secondary);font-size:11px;margin-top:3px}.sitefooter{border-top:1px solid var(--line);padding:24px 0 32px;display:flex;justify-content:space-between;gap:24px;font-size:10px;color:var(--secondary)}.sitefooter strong{color:var(--foreground);font-weight:600}.sitefooter a{color:var(--secondary);text-underline-offset:3px}.sitefooter>span{text-align:right}.mk-modal{position:relative}.mk-modal li{padding:8px 0}.mk-modal ol{padding-left:20px}.mk-modal>p:last-of-type{font-size:12px;color:var(--secondary)}#closeHelp{position:absolute;right:16px;top:16px}.mk #help h2{font-size:28px;margin:12px 0 20px}#toast{position:fixed;bottom:24px;left:50%;transform:translate(-50%,150px);padding:14px 20px;background:var(--surface);color:var(--foreground);border:1px solid var(--line);border-radius:var(--radius-md);font-size:13px;box-shadow:var(--shadow-overlay);transition:transform var(--duration-normal) var(--ease);max-width:90vw;z-index:10}#toast.show{transform:translate(-50%,0)}[hidden]{display:none!important}@media(max-width:1000px){.clubs{grid-template-columns:repeat(4,minmax(0,1fr))}.hero{grid-template-columns:1fr 250px;gap:28px}.gamegrid{gap:20px}.controls{padding:22px}.stats b{font-size:14px}.score{font-size:60px}}@media(max-width:700px){.shell{padding:0 20px}header{min-height:88px;gap:12px;flex-wrap:wrap;padding:18px 0}.mk-brand{font-size:23px}.mk-mark{width:32px;height:32px}.edition{display:none}nav{gap:6px}.mk-button-sm{padding:8px 12px}#sound{display:none}.hero{padding:32px 0;grid-template-columns:1fr;gap:24px}.mk .hero h1{font-size:44px}.hero .mk-eyebrow{font-size:10px}.hero-aside{flex-direction:row;flex-wrap:wrap;align-items:center;gap:10px 16px;padding:20px}.hero-aside b{font-size:28px}.hero-aside>span{display:none}.hero-aside small{flex:1}.hero-aside .mk-button{margin-left:auto}.sectionline{margin-top:0;margin-bottom:20px}.mk .sectionline h2{font-size:20px}.sectionline .mk-badge{font-size:10px;padding:4px 8px}.filter{gap:12px}.filter>span{font-size:10px}.clubs{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.club .crest{height:100px;margin:8px 8px 0}.crest img{inset:14px 10px;width:calc(100% - 20px);height:calc(100% - 28px)}.clubinfo{padding:12px 8px;gap:3px}.clubinfo b{font-size:10px}.clubinfo small{font-size:9px}.clubindex{font-size:7px;left:5px;top:5px}.badge{top:83px;right:12px;font-size:7px;padding:2px 5px}.gamegrid{grid-template-columns:1fr;gap:20px}.arena{max-width:460px;margin:auto;width:100%}.gamehead{padding:20px 0}.gamehead>span{font-size:10px}.arenatop{padding:14px;font-size:11px}.controls{padding:24px}.mk .controls h2{font-size:28px}.controls .mk-eyebrow{margin-bottom:14px}.stats b{font-size:18px}.score{font-size:72px}.sitefooter{flex-wrap:wrap;font-size:9px;gap:16px}.sitefooter strong{width:100%}#recordRows button{gap:12px;padding:14px 12px;font-size:12px}#recordRows button>span:first-child{width:16px}#recordRows img{width:36px;height:36px}#recordRows b{font-size:20px}.filter .mk-field{flex:1}.filter input{font-size:16px}.sitefooter>span{text-align:left}}@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}