.classics-shell{--accent:#b6e6e9;--ink:#e7eef4;min-height:100vh;color:var(--ink);font-family:var(--font-body),Arial,sans-serif;background:radial-gradient(at 70% 5%,#1a3148 0,#0000 55%),#0e192a;padding:0 max(22px,50vw - 650px);font-size:16px}.classic-dig{--accent:#f5c58c;background:radial-gradient(at 75% 5%,#483148 0,#0000 55%),#211d2a}.classic-brawl{--accent:#ffb18d;background:radial-gradient(at 75% 5%,#493144 0,#0000 55%),#151c2c}.classics-header{border-bottom:1px solid #ffffff1c;justify-content:space-between;align-items:center;gap:14px;height:78px;display:flex}.classics-header>a:first-child{color:#c4d4e2;align-items:center;gap:9px;font-size:15px;display:flex}.classics-brand{letter-spacing:.11em;font-size:17px;font-weight:900;text-decoration:none}.classics-brand span{letter-spacing:.29em;color:#aabccb;font-size:10px;font-weight:600;display:block}.classics-heading{justify-content:space-between;align-items:end;gap:20px;padding:30px 0 25px;display:flex}.classics-kicker{color:var(--accent);letter-spacing:.15em;font-size:12px;font-weight:800;display:block}.classics-heading h1{font-family:var(--font-display),Arial,sans-serif;letter-spacing:-.045em;margin:9px 0 0;font-size:clamp(30px,4.2vw,57px);font-weight:900;line-height:1.05}.classics-music{white-space:nowrap;letter-spacing:.06em;color:#c0cad4;align-items:center;gap:8px;margin-bottom:4px;font-size:11px;font-weight:800;display:flex}.classics-layout{grid-template-columns:minmax(0,1fr) 335px;align-items:start;gap:34px;display:grid}.classics-machine{background:#192a3d;border:1px solid #547084;border-radius:20px;min-width:0;overflow:hidden;box-shadow:0 16px 50px #0003}.classic-dig .classics-machine{background:#322735;border-color:#70535a}.classics-machine-label{letter-spacing:.14em;color:#b5c8d9;background:#ffffff06;justify-content:space-between;gap:15px;padding:13px 20px;font-size:10px;font-weight:800;display:flex}.classics-hud{justify-content:space-between;align-items:center;gap:16px;padding:14px 24px;display:flex}.classics-hud>div span{letter-spacing:.14em;color:#a8bbcc;margin-bottom:1px;font-size:10px;font-weight:700;display:block}.classics-hud strong{letter-spacing:-.03em;font-variant-numeric:tabular-nums;align-items:center;gap:6px;font-size:26px;display:flex}.classics-hud>div:first-child{flex:1}.classics-board{aspect-ratio:680/760;background:#101d30;position:relative;overflow:hidden}.classics-board canvas{touch-action:none;outline-offset:-4px;width:100%;height:100%}.classics-overlay{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#0c192957;place-items:center;padding:18px;display:grid;position:absolute;inset:0}.classics-ready{text-align:center;background:#13253cf0;border:1px solid #91b4c954;border-radius:21px;flex-direction:column;align-items:center;gap:11px;width:100%;max-width:390px;padding:25px 24px;display:flex;box-shadow:0 10px 40px #0005}.classics-avatar{justify-content:center;align-items:center;gap:9px;margin-bottom:2px;display:flex}.classics-avatar img,.classics-avatar .family-initial{object-fit:contain;width:80px;height:85px}.classics-avatar>span:not(.family-initial){color:var(--accent);font-size:15px;font-style:italic;font-weight:900}.classics-ready h2{letter-spacing:-.04em;margin:0;font-size:35px;font-weight:900;line-height:1.05}.classics-ready h2 span{color:#c7d5e1;letter-spacing:-.025em;margin-top:7px;font-size:22px;display:block}.classics-ready p{color:#c2d3e0;max-width:295px;margin:1px 0 6px;font-size:15px;line-height:1.6}.classics-primary{box-shadow:0 4px #070f2055;background:var(--accent)!important;color:#152538!important;border:0!important;border-radius:10px!important;gap:10px!important;min-height:49px!important;padding:0 24px!important;font-size:16px!important;font-weight:800!important}.classics-primary:hover{filter:brightness(1.09)}.classics-ready [data-slot=button][data-variant=ghost]{color:#dce5ef;font-size:14px}.classics-board-foot{color:#c3d7e0;background:#ffffff05;justify-content:space-between;align-items:center;gap:12px;min-height:48px;padding:9px 20px;font-size:13px;font-weight:700;display:flex}.classics-board-foot>span{align-items:center;gap:8px;display:flex}.classics-round-banner{pointer-events:none;text-align:center;place-items:center;padding:30px;display:grid;position:absolute;inset:0}.classics-round-banner strong{color:#ffe2ac;background:#142338ef;border:1px solid #a3bac355;border-radius:12px;max-width:410px;padding:17px 25px;font-size:24px;box-shadow:0 10px 30px #0005}.classics-controls{background:#0c172344;justify-content:center;align-items:center;gap:35px;padding:19px;display:flex}.classics-controls p{color:#aec4d2;font-size:14px;line-height:1.6}.classics-dpad{grid-template-rows:44px 44px;grid-template-columns:50px 50px 50px;gap:5px;display:grid}.classics-dpad button,.clash-touch button{color:#e2ebf0;touch-action:none;-webkit-user-select:none;user-select:none;background:#31465c;border:1px solid #64839755;border-bottom-width:4px;border-radius:9px;height:100%;font-weight:800}.classics-dpad button:active,.clash-touch button:active{background:#58768c;transform:translateY(2px)}.pad-up{grid-column:2}.pad-left{grid-row:2}.pad-down{grid-area:2/2}.pad-right{grid-area:2/3}.pump-button{touch-action:none;flex-direction:column;width:104px;color:#39273a!important;background:#f5bf87!important;border-bottom:5px solid #ae7359!important;border-radius:18px!important;gap:0!important;height:77px!important;font-size:19px!important;font-weight:900!important;display:flex!important}.pump-button small{letter-spacing:.14em;font-size:10px}.classics-sidebar{flex-direction:column;gap:29px;padding:4px 0;display:flex}.classics-sidebar section+section{border-top:1px solid #ffffff20;padding-top:26px}.classics-sidebar h2{letter-spacing:-.025em;margin:9px 0 18px;font-size:21px;font-weight:800;line-height:1.25}.classics-roster{grid-template-columns:repeat(4,minmax(0,1fr));margin:15px 0 0;gap:7px!important;display:grid!important}.classics-roster label{cursor:pointer;background:#ffffff05;border:1px solid #ffffff16;border-radius:10px;flex-direction:column;align-items:center;gap:5px;min-width:0;padding:6px 3px 8px;display:flex;position:relative}.classics-roster label.chosen{border-color:var(--crew-color);background:color-mix(in srgb,var(--crew-color) 12%,transparent);box-shadow:0 0 0 1px var(--crew-color)}.classics-roster [role=radio]{opacity:0;width:14px;height:14px;position:absolute;top:5px;left:5px}.classics-roster label:has(:focus-visible){outline-offset:2px;outline:2px solid #fff}.classics-roster img,.classics-roster .family-initial{object-fit:contain;width:50px;height:52px}.family-initial{color:#1e293b;border-radius:12px;place-items:center;font-size:21px;font-weight:900;display:grid;box-shadow:inset 0 -6px #0001}.classics-roster label>span:last-child{white-space:nowrap;letter-spacing:-.015em;font-size:12px;font-weight:700}.classics-roster label:has([data-disabled]){cursor:default;opacity:.65}.classics-roster label.chosen:has([data-disabled]){opacity:1}.classics-mode{gap:9px!important;margin:16px 0!important}.classics-mode label{cursor:pointer;border:1px solid #ffffff24;border-radius:10px;align-items:center;gap:12px;padding:12px;font-size:14px;display:flex}.classics-mode label:has([data-state=checked]){border-color:var(--accent);background:#ffffff07}.classics-mode strong{font-size:15px;display:block}.classics-mode small{color:#bac7d4;margin-top:3px;font-size:13px;display:block}.classics-mode [role=radio]{color:var(--accent);border-color:#9ab}.classics-note{color:#a8bccb;line-height:1.6;font-size:13px!important}.classics-guide>div:not(.classics-keyboard){align-items:start;gap:14px;margin:20px 0;display:flex}.classics-guide>div>span{color:var(--accent);border:1px solid #7195ab55;border-radius:50%;flex-shrink:0;place-items:center;width:27px;height:27px;font-size:12px;font-weight:800;display:grid}.classics-guide p{color:#b3c6d4;margin:0;font-size:14px;line-height:1.65}.classics-guide p strong{color:#e0e9ef;margin:0 0 4px;font-size:15px;display:block}.classics-keyboard{background:#ffffff06;border-radius:9px;padding:15px}.classics-keyboard p+p{margin-top:10px}.classics-keyboard strong{margin-top:8px!important}.classics-status{color:#adc2cf;min-height:30px;padding:20px 0 5px;font-size:14px}.classics-footer{letter-spacing:.12em;color:#8fa7b9;border-top:1px solid #ffffff18;flex-wrap:wrap;align-items:center;gap:14px;padding:22px 0 32px;font-size:10px;font-weight:800;display:flex}.classics-footer a{letter-spacing:0;margin-left:auto;font-size:12px;text-decoration:underline}.classics-shell .audio-controls{color:#d6e2e8}.music-credit a{text-decoration:underline}.classics-fight-layout{grid-template-columns:minmax(0,1fr) 315px}.clash-board{aspect-ratio:680/390}.clash-hud{gap:77px;padding:16px 19px 13px;display:flex;position:relative}.clash-player{flex:1;min-width:0}.clash-player>div:first-child{justify-content:space-between;gap:8px;font-size:15px;display:flex}.clash-player>div>span{color:var(--accent);white-space:nowrap;font-size:13px}.clash-player-1{text-align:right}.clash-player meter{background:#0a1726;border:0;border-radius:3px;width:100%;height:18px;margin:5px 0;display:block}.clash-player meter::-webkit-meter-bar{background:#0a1726;border:0;border-radius:3px}.clash-player meter::-webkit-meter-optimum-value{background:linear-gradient(90deg,#e59a6c,#ffdcac)}.clash-player-1 meter::-webkit-meter-optimum-value{background:linear-gradient(90deg,#8ccfea,#5599df)}.clash-player meter::-moz-meter-bar{background:#efb987}.clash-energy{background:#0a1726;border-radius:3px;height:5px;overflow:hidden}.clash-energy span{background:#b8c4ff;height:100%;display:block}.clash-player small{color:#b6c6d5;font-size:10px}.clash-timer{text-align:center;position:absolute;top:13px;left:50%;transform:translate(-50%)}.clash-timer strong{color:#ffe1b2;font-variant-numeric:tabular-nums;font-size:34px;font-weight:900;line-height:1.2;display:block}.clash-timer>span{letter-spacing:.1em;font-size:9px;font-weight:800}.clash-touch{background:#0d172644;flex-wrap:wrap;justify-content:space-between;gap:10px;padding:18px 15px;display:flex}.clash-touch>div{gap:6px;min-height:48px;display:flex}.clash-touch button{min-width:44px;padding:0 11px;font-size:13px}.clash-touch .clash-special{color:#172538;background:#cb875f}.clash-board .classics-ready{gap:8px;max-width:350px;padding:19px}.clash-board .classics-avatar img,.clash-board .classics-avatar .family-initial{width:58px;height:60px}.clash-board .classics-ready h2{font-size:26px}.clash-board .classics-ready h2 span{margin-left:7px;font-size:20px;display:inline}.clash-board .classics-ready p{margin-bottom:2px;font-size:14px;line-height:1.4}.clash-board .classics-kicker{font-size:10px}@media (min-width:1500px){.classics-layout{grid-template-columns:minmax(0,790px) 340px;justify-content:center}}@media (max-width:1050px){.classics-layout,.classics-fight-layout{grid-template-columns:minmax(0,1fr) 285px;gap:22px}.classics-roster img,.classics-roster .family-initial{width:44px;height:47px}.classics-music{display:none}.clash-board{aspect-ratio:1.4}.clash-touch>div,.clash-touch button{flex:1}}@media (max-width:780px){.classics-shell{padding:0 16px}.classics-header{height:65px}.classics-layout,.classics-fight-layout{grid-template-columns:1fr;gap:30px}.classics-heading{padding:24px 0 20px}.classics-sidebar{grid-template-columns:1fr 1fr;align-items:start;gap:24px;display:grid}.classics-sidebar section+section{border:0;padding-top:0}.classics-sidebar section:first-child{grid-column:1/-1}.classics-roster{grid-template-columns:repeat(7,minmax(0,1fr))}.classics-sidebar section:nth-child(2):has(.classics-roster){grid-column:1/-1}.classics-machine{width:100%;max-width:680px;margin:auto}.clash-board{aspect-ratio:680/390;min-height:350px}.classics-roster img,.classics-roster .family-initial{width:49px;height:53px}.classics-roster label>span:last-child{font-size:12px}}@media (max-width:480px){.classics-shell{padding:0 11px}.classics-heading h1{font-size:34px}.classics-heading .classics-kicker{font-size:9px}.classics-brand{font-size:14px}.classics-brand span{font-size:8px}.classics-header>a:first-child{gap:5px;font-size:13px}.classics-header .audio-controls{gap:0}.classics-sidebar{grid-template-columns:1fr}.classics-roster{grid-template-columns:repeat(4,minmax(0,1fr))}.classics-sidebar section+section{border-top:1px solid #ffffff20;padding-top:24px}.classics-ready{gap:10px;padding:20px 17px}.classics-ready h2{font-size:29px}.classics-avatar img,.classics-avatar .family-initial{width:65px;height:70px}.classics-ready p{font-size:14px;line-height:1.5}.classics-hud{gap:14px;padding:12px 16px}.classics-hud strong{font-size:23px}.classics-machine-label{letter-spacing:.1em;padding:11px 15px;font-size:8px}.classics-controls{gap:23px;padding:15px}.classics-board-foot{padding:8px 15px;font-size:12px}.classics-footer{gap:8px;font-size:9px}.classics-guide p{font-size:15px}.clash-hud{gap:60px;padding:13px 12px}.clash-player>div:first-child{font-size:12px}.clash-timer strong{font-size:29px}.clash-timer>span{font-size:8px}.clash-board .classics-ready{max-width:300px}.clash-board{min-height:350px}.clash-touch{gap:10px;padding:12px}.clash-touch>div{flex-basis:100%;min-height:48px}.clash-touch button{font-size:14px}}@media (prefers-reduced-motion:reduce){.classics-shell *{scroll-behavior:auto!important;transition:none!important;animation:none!important}}