*{box-sizing:border-box}html{color-scheme:dark}body{margin:0;color:#f5f2fa;background:radial-gradient(ellipse at 45% 15%,#211832 0,transparent 55%),#090c13;font:400 1rem/1.58 var(--font-sans)}button,input,select{font:inherit}button,a,input,select{touch-action:manipulation}button,select,input[type=number]{border:1px solid #514961;border-radius:10px;background:#252032;color:#f4efff;padding:10px 13px;min-height:44px}button{cursor:pointer;font-weight:650}button:hover:enabled{background:#3a2d51}button:disabled{opacity:.45;cursor:default}:focus-visible{outline:3px solid #b7f6d7;outline-offset:3px}a{color:#d8c7ff}.mast{max-width:1200px;margin:auto;padding:24px 28px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #ffffff0e}.mast a{display:flex;gap:10px;align-items:center;text-decoration:none;color:#fff;font-size:11px;line-height:1.15;letter-spacing:1.4px}.brand-mark{display:grid;place-content:center;background:#9b6cff;color:#141020;width:36px;height:36px;border-radius:11px;font-size:25px}.private-badge{border:1px solid #4d3e60;border-radius:20px;padding:5px 11px;color:#cbb5e5;font-size:11px}main{max-width:1120px;margin:auto;padding:26px 28px 36px}.eyebrow{font-size:11px;color:#bc9de9;font-weight:700;text-transform:uppercase;letter-spacing:2px}h1{font-size:clamp(27px,3vw,42px);letter-spacing:-1.4px;line-height:1.15;margin:10px 0}.intro p{color:#b5aebf;margin:0 0 25px;max-width:580px}.toolbar{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-bottom:20px}.tabs{display:flex;gap:4px;padding:4px;background:#13141f;border:1px solid #332d41;border-radius:13px}.tabs button{background:transparent;border:0;color:#b9b2c8}.tabs button[aria-selected=true]{color:#fff;background:#62408b}.sound{background:transparent;font-size:12px}.layout{display:grid;grid-template-columns:minmax(0,600px) minmax(260px,1fr);gap:28px;align-items:start}.board-wrap{position:relative;width:100%;max-width:600px;margin:auto;filter:drop-shadow(0 15px 35px #0007)}canvas{width:100%;height:auto;aspect-ratio:720/850;display:block;touch-action:pan-y}.pocket-labels{position:absolute;left:5%;right:5%;bottom:3.1%;display:grid;grid-template-columns:repeat(9,1fr);pointer-events:none}.pocket-labels span{text-align:center;white-space:nowrap;font-weight:750;font-size:clamp(9px,1.45vw,14px);color:#d7cbe9}.pocket-labels span:nth-child(5){color:#ffe7a2}.control-card{margin-top:10px;padding:14px;background:#15141f;border:1px solid #393048;border-radius:14px}.range-heading{display:flex;justify-content:space-between;font-size:12px;color:#c7becf}.position-output{font-variant-numeric:tabular-nums;color:#b7f6d7}input[type=range]{width:100%;height:30px;margin:5px 0;accent-color:#be97ff;cursor:ew-resize}.primary{width:100%;background:#a377ef;color:#130e1c;border-color:#b795f0;font-size:16px;font-weight:800;box-shadow:0 4px 20px #8150bb22}.primary:hover:enabled{background:#ba90fa}.panel{background:linear-gradient(150deg,#1c1928,#12151f);border:1px solid #393043;border-radius:18px;padding:22px}.scoreboard{display:grid;grid-template-columns:1fr 1.2fr;gap:10px}.scoreboard div{padding:14px 10px;border:1px solid #393045;border-radius:12px;background:#12131d}.scoreboard span{display:block;color:#b7acc6;font-size:11px}.scoreboard strong{display:block;font-size:28px;letter-spacing:-1px;white-space:nowrap}.scoreboard div:last-child strong{color:#e7d098}.panel h2{font-size:15px;margin:24px 0 12px}.throws{display:grid;gap:8px;margin:0;padding:0;list-style:none;counter-reset:throws}.throws li{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #ffffff0c;padding:8px 0;color:#afa6bb}.throws b{color:#eadbad;font-variant-numeric:tabular-nums}.status{min-height:48px;color:#d8c5f8;font-size:14px;margin:18px 0}.secondary-actions{display:flex;gap:8px;flex-wrap:wrap}.secondary-actions button{font-size:12px}.hint{font-size:12px;color:#aaa0b6;line-height:1.65}.disclaimer{max-width:760px;font-size:12px;color:#b2a8be;border-left:2px solid #76628f;padding-left:13px;margin:22px 0 0}.study-controls{display:grid;gap:12px}.study-controls label{display:grid;gap:5px;font-size:12px;color:#c9bed7}.study-controls input,.study-controls select{width:100%;min-width:0}progress{accent-color:#b68bed;width:100%;height:10px}.study-result{margin-top:18px}.metrics{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:14px 0}.metric{background:#10131d;border-radius:9px;padding:10px}.metric span{display:block;font-size:10px;color:#b7acc5}.metric b{font-size:18px}.distribution{display:grid;gap:6px;margin-top:16px}.distribution-row{display:grid;grid-template-columns:58px 1fr 65px;gap:7px;align-items:center;font-size:11px;font-variant-numeric:tabular-nums}.bar-track{height:11px;background:#2b2537;border-radius:4px;overflow:hidden}.bar{height:100%;background:#b693ed;border-radius:4px}.distribution-row:nth-child(6) .bar{background:#e6c477}.distribution-row span:last-child{text-align:right}.distribution-header{font-size:10px;color:#a99dbb}.old{color:#f4cf8c;font-size:12px}.study-note{font-size:12px;color:#b8aec5}.compare{margin-top:22px;border-top:1px solid #3b3147;padding-top:18px}.compare-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.saved-card{padding:12px;background:#1d1928;border:1px solid #42344f;border-radius:12px;font-size:12px}.saved-card p{margin:6px 0}.comparison-table{overflow:auto;font-size:12px}table{border-collapse:collapse;width:100%}th,td{padding:7px;text-align:right;border-bottom:1px solid #332c41}th:first-child,td:first-child{text-align:left}details{margin-top:24px;border-top:1px solid #342c40;padding-top:16px;color:#b5abc3;font-size:12px}summary{cursor:pointer;min-height:44px;padding:8px 0;font-size:14px;color:#e7dcf5}.file-label{display:inline-block;border:1px solid #514961;border-radius:10px;padding:10px 13px;cursor:pointer}.file-label input{max-width:100%;display:block;font-size:11px;margin-top:8px}.replay-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}[hidden]{display:none!important}@media(min-width:1000px){.board-column{max-width:560px}}@media(max-width:767px){.mast{padding:14px 16px}main{padding:19px 12px 28px}.intro p{font-size:12px;margin-bottom:15px}h1{font-size:28px}.eyebrow{font-size:9px}.toolbar{margin-bottom:12px;gap:6px}.tabs{padding:3px;flex:1}.tabs button{font-size:11px;padding:8px 9px;flex:1}.sound{font-size:10px;padding:8px;white-space:nowrap}.layout{display:flex;flex-direction:column;gap:12px}.board-column{width:100%}.panel{width:100%;padding:15px}.scoreboard{gap:7px}.scoreboard div{padding:7px 10px}.scoreboard strong{font-size:23px}.scoreboard span{font-size:10px}.play-panel{display:contents}.mobile-score{order:-1;width:100%}.play-details{width:100%;padding:15px;border:1px solid #393043;border-radius:14px;background:#161520}.panel h2{margin:8px 0}.throws{grid-template-columns:repeat(5,1fr);gap:5px}.throws li{display:block;text-align:center;font-size:10px}.throws b{display:block;font-size:12px;margin-top:5px}.status{margin:10px 0;min-height:26px;font-size:12px}.control-card{padding:9px 11px;margin-top:5px}.position-hint{display:none}.pocket-labels span{font-size:clamp(8px,2.3vw,13px)}.primary{min-height:44px}.compare-grid{gap:7px}.disclaimer{font-size:11px}.intro{max-width:600px}.study-panel{margin-top:2px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important;animation:none!important}.board-wrap{filter:none}}

.file-label{position:relative}.file-label:focus-within{outline:3px solid #b7f6d7;outline-offset:3px}.file-label input{position:absolute;width:1px;height:1px;padding:0;margin:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}

/* Private prototype: jewel-toned board finish and controls. */
.board-wrap{filter:drop-shadow(0 14px 32px #0008) drop-shadow(0 0 16px #9a65ef15)}
.pocket-labels span{color:#b0eeef;text-shadow:0 1px 3px #000;font-weight:800}
.pocket-labels span:nth-child(2),.pocket-labels span:nth-child(8){color:#dbbfff}
.pocket-labels span:nth-child(3),.pocket-labels span:nth-child(7){color:#ffd0e8}
.pocket-labels span:nth-child(4),.pocket-labels span:nth-child(6){color:#c0b6cf}
.pocket-labels span:nth-child(5){color:#ffe6a0;text-shadow:0 0 12px #ffc65d66}
.control-card{background:linear-gradient(125deg,#211b32,#141620);border-color:#514064;box-shadow:inset 0 1px #c7a1ff14}
.primary{background:linear-gradient(120deg,#be96ff,#9c6de5);border-color:#d5b8ff;box-shadow:inset 0 1px #ead6ff80,0 4px 18px #9a62e82b}
.primary:hover:enabled{background:linear-gradient(120deg,#d0afff,#b382f5)}
.sound{display:grid;place-items:center;flex:0 0 46px;width:46px;height:46px;padding:10px;border-radius:13px;background:#161521;color:#a69caf}
.sound[aria-pressed=true]{background:#302140;border-color:#82609b;color:#e8ceff}
.sound svg{width:23px;height:23px}
.study-feedback{margin-top:13px;padding-top:12px;border-top:1px solid #65517e66}
.study-feedback progress{display:block;width:100%;height:8px;margin:0 0 9px;border:0;border-radius:8px;overflow:hidden;background:#352b44;appearance:none;-webkit-appearance:none}
.study-feedback progress::-webkit-progress-bar{background:#352b44;border-radius:8px}
.study-feedback progress::-webkit-progress-value{background:linear-gradient(90deg,#ad76f5,#dfbaff);border-radius:8px}
.study-feedback progress::-moz-progress-bar{background:#c08df7;border-radius:8px}
.study-feedback-row{display:flex;align-items:center;justify-content:space-between;gap:10px}
.study-feedback .status{font-size:12px;min-height:0;margin:0;line-height:1.45}
.study-feedback #cancel{flex-shrink:0;font-size:11px;padding:8px 11px}
@media(prefers-reduced-motion:reduce){.board-wrap{filter:none}}

/* Scenic preview. Header above main deliberately keeps its existing styles. */
.classic-stage{position:relative;isolation:isolate;max-width:none;padding:20px max(22px,calc((100vw - 1250px)/2)) 35px;overflow:hidden;background:#06132b;min-height:calc(100vh - 90px)}
.stage-backdrop{position:absolute;z-index:-2;inset:0;pointer-events:none;background:linear-gradient(180deg,#0310250a 0%,#06153000 70%,#071024 105%),url('../images/classic-plinko/pavilion-v1.webp') center top / 100% auto no-repeat}
.stage-intro{max-width:none;display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:112px;margin:0 0 30px}
.stage-title-group{display:flex;align-items:center;gap:20px}.stage-topic{display:grid;max-width:185px;gap:6px}.stage-topic>span{font-size:27px;font-weight:950;line-height:1.02;color:#ffe392;text-transform:uppercase;text-shadow:0 3px 0 #754021,0 5px 15px #000;letter-spacing:-1px}.stage-topic small{font-size:10px;line-height:1.4;color:#e1d8c1;letter-spacing:.2px}
.marquee-title{display:flex;margin:0;font-size:clamp(68px,7.7vw,108px);line-height:.98;font-weight:1000;letter-spacing:-3px;filter:drop-shadow(0 4px 0 #a42916) drop-shadow(0 0 16px #e0492b55)}
.marquee-title span{display:block;padding:0 2px;background-image:radial-gradient(circle,#fffdeb 0 1.8px,#fff19b 2px,#ffdf6260 3px,transparent 4px),linear-gradient(#fff1a2,#e68a2f 50%,#ffca58);background-size:12px 12px,100% 100%;background-clip:text;-webkit-background-clip:text;color:transparent;-webkit-text-stroke:1px #ffe4a0;text-shadow:none}
.stage-intro>p{max-width:310px;margin:0;padding:16px 22px;background:#031026d9;border:1px solid #42618a;border-radius:15px;color:#f5e9d4;font-size:17px;line-height:1.5;text-align:center;box-shadow:inset 0 1px #bfd3ff14,0 10px 25px #0005}
.scene-layout{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(350px,1fr);gap:54px;align-items:start;max-width:1190px;margin:0 auto}
.classic-stage .board-column{position:relative;width:100%;max-width:none;padding:38px 25px 0;align-self:start}
.classic-stage .board-wrap{position:relative;width:min(100%,max(370px,calc((100svh - 270px)*.847)));max-width:560px;aspect-ratio:720/850;margin:0 auto;filter:drop-shadow(0 15px 13px #0008)}
.board-plane{position:absolute;inset:0;transform-origin:0 0;transform-style:preserve-3d;will-change:transform}
.classic-stage canvas{position:relative;z-index:2;width:100%;height:100%;display:block;aspect-ratio:720/850;touch-action:pan-y}
.cabinet-wing{position:absolute;top:-3%;bottom:.8%;width:11%;z-index:0;border:3px solid #e8bc68;background:repeating-linear-gradient(24deg,transparent 0 54px,#ffe1a5 55px 60px,transparent 61px 112px),repeating-linear-gradient(0deg,#ad082f 0 100px,#066b85 101px 200px);box-shadow:inset 5px 0 12px #ffffff30,inset -8px 0 15px #38061a99}
.cabinet-wing-left{left:-8%;clip-path:polygon(20% 0,100% 0,100% 100%,0 100%)}.cabinet-wing-right{right:-8%;clip-path:polygon(0 0,80% 0,100% 100%,0 100%)}
.cabinet-lights{position:absolute;top:-3%;bottom:0;width:3.5%;border:1px solid #fbe0a0;z-index:3;background:radial-gradient(circle at center,#fffef2 0 3px,#ffe99b 4px,#ffca5555 7px,transparent 11px) center top/100% 29px repeat-y,linear-gradient(90deg,#a66a24,#ffdf83 35%,#e0a448 70%,#81511c);box-shadow:0 0 15px #ffc35677,inset 0 0 4px #ffecc6}
.cabinet-lights-left{left:-8.5%}.cabinet-lights-right{right:-8.5%}
.board-crown{position:absolute;bottom:99.7%;left:-7%;width:114%;height:9%;z-index:3;display:flex;align-items:center;justify-content:center;border:3px solid #ffdda1;border-radius:50% 50% 2px 2px/70% 70% 0 0;background:linear-gradient(120deg,#c39248,#ffedb7 45%,#cf9d51);color:#b00d36;font-size:clamp(26px,3.4vw,47px);font-weight:950;letter-spacing:3px;text-shadow:1px 2px #fff2ca,2px 3px #6e371a80;box-shadow:0 -4px 0 #966623}
.board-pedestal{position:relative;margin:-4px auto 0;width:114%;left:-7%;height:25px;border:2px solid #e9bb72;border-radius:2px 2px 7px 7px;background:linear-gradient(#ffe5a5 0 18%,#a7742c 20% 29%,#700d28 31% 77%,#250d22 80%);box-shadow:0 11px 0 -3px #a10c30,0 20px 22px #020715aa;z-index:4}
.board-caption{text-align:center;margin:24px 0 0;color:#ecdfc9;text-shadow:0 2px 5px #000;font-size:11px;letter-spacing:1.2px;text-transform:uppercase}
.classic-stage .pocket-labels{z-index:4;left:5%;right:5%;bottom:2.6%;align-items:center;height:4.5%}
.classic-stage .pocket-labels span{font-size:clamp(9px,1.07vw,14px);font-weight:850;color:#fff4dc!important;text-shadow:0 1px 3px #130b08;letter-spacing:-.4px}
.stage-sign{position:absolute;left:-108px;top:80px;width:116px;min-height:225px;background:linear-gradient(120deg,#af133d,#640927);border:7px ridge #e4b366;border-radius:30px 12px 12px 30px;transform:rotate(-4deg);box-shadow:0 13px 20px #0006;text-align:center;padding:13px 8px;color:#ffe6ae;z-index:-1}
.stage-sign>span{display:block;font-size:35px;font-weight:900}.stage-sign strong{display:block;font-size:18px;text-transform:uppercase;line-height:1.1;margin:15px 0}.stage-sign small{font-size:12px;line-height:1.5;display:block;text-transform:uppercase}
.console{padding:15px 17px 17px;border:1px solid #526783;border-radius:20px;background:linear-gradient(140deg,#0c1c35ee,#031020f5);box-shadow:inset 0 1px 2px #c4d5ff33,0 18px 40px #0007;min-width:0;backdrop-filter:blur(9px)}
.classic-stage .toolbar{gap:10px;margin:0 0 15px}.classic-stage .tabs{background:#000b1b;border-color:#2c4667;padding:3px;flex:1;min-width:0}.classic-stage .tabs button{font-size:12px;padding:9px 11px;flex:1;white-space:nowrap;color:#cbd6e6}.classic-stage .tabs button[aria-selected=true]{background:linear-gradient(#3297ff,#1669d5);box-shadow:inset 0 1px #a9d5ff,0 0 15px #166cdf44;color:white}
.classic-stage .sound{background:#061123;border-color:#415573;color:#dce8f9;flex-basis:44px;width:44px;height:44px}.classic-stage .sound[aria-pressed=true]{background:#10213a;color:#e8f2ff}
.classic-stage .panel{padding:0;border:0;background:none;box-shadow:none;border-radius:0;width:100%}.classic-stage .play-panel{display:block}.classic-stage .play-details{padding:0;border:0;background:none}
.classic-stage .scoreboard{grid-template-columns:1fr 1.15fr;gap:10px}.classic-stage .scoreboard div{border-color:#293c56;background:#020e1c;padding:13px 12px;box-shadow:inset 0 1px #b2c5ff0c}.classic-stage .scoreboard span{font-size:11px;color:#bfcbdc}.classic-stage .scoreboard strong{font-size:clamp(26px,3vw,41px);line-height:1.25;letter-spacing:-1px}.classic-stage .scoreboard div:last-child strong{color:#ffdf7c}
.classic-stage .scoreboard .chip-stock{display:flex;gap:5px;padding:0;margin:9px 0 0;border:0;background:none;box-shadow:none;flex-wrap:nowrap}
.classic-stage .chip-stock .stock-chip{display:grid;place-content:center;width:25px;height:25px;border:2px solid #f9cda2;border-radius:50%;font-size:12px;font-weight:900;color:#ffe6ba;background:radial-gradient(circle at 30% 20%,#ff6b70,#bb1035 55%,#640a23);box-shadow:0 2px 0 #550f22,0 0 5px #ff909255;flex-shrink:0}.classic-stage .chip-stock .spent{background:transparent;border:1px dashed #698097;color:transparent;box-shadow:none}
.classic-stage .panel h2{font-size:12px;color:#dde6f1;margin:17px 0 6px}.classic-stage .throws{display:grid;grid-template-columns:1fr;gap:0}.classic-stage .throws li{display:flex;text-align:left;padding:7px 2px;font-size:12px;border-color:#ffffff09}.classic-stage .throws b{font-size:13px;color:#ffdfa0;margin:0}.classic-stage .status{min-height:21px;margin:10px 0;font-size:12px;color:#c5d7ee}
.classic-stage .control-card{display:flex;flex-direction:column;margin-top:10px;padding:12px;border:1px solid #293e5b;background:#030f1e;border-radius:12px;box-shadow:inset 0 1px #9abfff0a}.classic-stage .primary{order:-1;margin:0 0 12px;background:linear-gradient(#ffe58e,#ffc43e);border-color:#fff0b4;color:#281c0a;box-shadow:inset 0 1px white,0 3px 0 #a67528,0 6px 15px #0004;font-size:16px;min-height:46px}.classic-stage .primary:hover:enabled{background:linear-gradient(#fff1b4,#ffce59)}.classic-stage .primary:disabled{opacity:.55}
.classic-stage .range-heading{font-size:11px;color:#c0cde0}.classic-stage .position-output{color:#ffdfa0}.classic-stage input[type=range]{accent-color:#368fff;margin:6px 0 0;height:26px}.classic-stage .position-hint{display:block;font-size:10px;margin:8px 3px 9px;color:#aabbd2;line-height:1.5}
.classic-stage #play-actions{gap:7px;margin-top:10px}.classic-stage #play-actions button{background:#0a1930;border-color:#334b6b;color:#cbd9e9;min-height:36px;font-size:10px;padding:7px 10px}.console-disclaimer{color:#acbcd1;font-size:10px;line-height:1.6;margin:13px 2px 0;padding-top:11px;border-top:1px solid #29415c}
.classic-stage .study-controls{grid-template-columns:1fr 1fr;gap:9px;margin-bottom:12px}.classic-stage .study-controls label{font-size:10px;color:#c5d3e5}.classic-stage .study-controls input,.classic-stage .study-controls select{background:#041226;border-color:#344e71;font-size:12px;padding:8px;min-height:40px}
.classic-stage .study-feedback{order:-1;margin-top:0;padding-top:9px;border-color:#355071}.classic-stage .study-feedback .status{font-size:11px;margin:0}.classic-stage .study-feedback #cancel{background:#132844;border-color:#47607d;font-size:10px}.classic-stage .study-result{margin-top:15px}.classic-stage .metric{background:#031225}.classic-stage .metric b{font-size:18px}.classic-stage .metric span,.classic-stage .hint,.classic-stage .study-note{color:#acbfd7}.classic-stage .bar-track{background:#172c49}.classic-stage .bar{background:#458fe2}
.classic-stage .compare,.classic-stage details{max-width:1190px;margin:28px auto 0;padding:18px 22px;background:#06142bed;border:1px solid #334c70;border-radius:15px}.classic-stage .compare h2{font-size:18px;margin:0 0 13px}.classic-stage .saved-card{background:#0a1d36;border-color:#304b70}.classic-stage .disclaimer{max-width:1190px;margin:18px auto 0;background:#06142be8;padding:12px 18px;color:#acbfd7;border-color:#b98a45}
@media(min-width:1500px){.classic-stage{padding-inline:calc((100vw - 1270px)/2)}}
@media(max-width:1250px){.stage-sign{display:none}.scene-layout{gap:35px}.stage-intro>p{font-size:14px;max-width:260px}.stage-topic{max-width:160px}.stage-topic>span{font-size:24px}}
@media(max-width:1000px) and (min-width:851px){.classic-stage{padding-inline:18px}.scene-layout{grid-template-columns:minmax(0,1fr) minmax(320px,.9fr);gap:22px}.classic-stage .board-column{padding-inline:22px}.classic-stage .board-wrap{width:100%;min-width:0}.stage-intro>p{display:none}.stage-intro{justify-content:center}.classic-stage .tabs button{font-size:10px;padding-inline:8px}.console{padding:12px}}
@media(max-width:850px){
 .classic-stage{padding:16px 12px 25px}.stage-backdrop{background-size:auto 1100px;background-position:center 70px;opacity:.82}.stage-intro{display:block;min-height:0;margin:0 auto 23px;max-width:580px}.stage-title-group{justify-content:center;gap:12px}.stage-topic{max-width:135px}.stage-topic>span{font-size:20px}.stage-topic small{font-size:9px}.marquee-title{font-size:clamp(48px,12vw,82px);letter-spacing:-2px}.marquee-title span{background-size:8px 8px,100% 100%;background-image:radial-gradient(circle,#fffdeb 0 1px,#ffe99a 1.5px,transparent 2.6px),linear-gradient(#fff1a2,#e68a2f 50%,#ffca58)}.stage-intro>p{display:block;margin:12px auto 0;padding:0;border:0;border-radius:0;box-shadow:none;background:none;font-size:12px;max-width:none;color:#cddcf1}
 .scene-layout{display:flex;flex-direction:column;gap:11px;max-width:540px}.console{display:contents}.classic-stage .toolbar{order:0;width:100%;margin:0;padding:7px;background:#041125ed;border:1px solid #355175;border-radius:14px}.classic-stage .tabs button{font-size:11px;padding:8px}.classic-stage .sound{height:42px;min-height:42px;flex-basis:42px;width:42px}.classic-stage .play-panel{display:contents}.classic-stage .scoreboard{order:1;width:100%;gap:8px}.classic-stage .scoreboard div{padding:8px 12px;border-radius:12px}.classic-stage .scoreboard strong{font-size:26px}.classic-stage .scoreboard span{font-size:10px}.classic-stage .scoreboard .chip-stock{margin-top:5px;gap:5px}.classic-stage .chip-stock .stock-chip{width:19px;height:19px;font-size:9px;border-width:1px}
 .classic-stage .board-column{order:2;padding:28px 24px 0;width:100%}.classic-stage .board-wrap{width:100%;max-width:450px;min-width:0}.board-crown{font-size:clamp(22px,6vw,34px)}.cabinet-lights{background-size:100% 20px,100% 100%;background-image:radial-gradient(circle at center,#fffef2 0 2px,#ffe99b 3px,#ffca5555 5px,transparent 7px),linear-gradient(90deg,#a66a24,#ffdf83 35%,#e0a448 70%,#81511c)}.cabinet-wing{border-width:2px}.board-pedestal{height:17px;width:114%;left:-7%}.board-caption{font-size:8px;margin-top:18px;letter-spacing:.7px}.classic-stage .pocket-labels span{font-size:clamp(8px,2.1vw,12px);letter-spacing:-.45px}
 .classic-stage .control-card{order:3;width:100%;margin:0;padding:11px;background:#031226f5;border-color:#435d7c}.classic-stage .primary{margin-bottom:10px}.classic-stage .position-hint{display:none;order:4;margin:0;font-size:9px}.classic-stage .play-details{order:5;width:100%;padding:12px;background:#06152af5;border:1px solid #2e4665;border-radius:12px}.classic-stage .play-details h2{margin:0 0 8px}.classic-stage .throws{grid-template-columns:repeat(5,1fr);gap:5px}.classic-stage .throws li{display:block;text-align:center;font-size:9px;padding:6px 0}.classic-stage .throws b{display:block;font-size:11px;margin-top:5px}.classic-stage .play-details .status{margin-bottom:0}
 .classic-stage #play-actions{order:6;margin:0}.console-disclaimer{order:7;padding:10px 12px;margin:0;background:#06152ae8;border:1px solid #2d4563;border-radius:10px;width:100%}.classic-stage .study-controls{order:1;width:100%;padding:10px;background:#051429f5;border:1px solid #355175;border-radius:12px;margin:0}.classic-stage .study-panel{order:5;background:#051429f5;border:1px solid #355175;padding:13px;border-radius:13px}.classic-stage .compare,.classic-stage details{padding:15px;margin-top:20px}
}
@media(max-width:360px){.stage-topic{max-width:110px}.stage-topic>span{font-size:17px}.stage-topic small{font-size:8px}.marquee-title{font-size:46px}.stage-title-group{gap:8px}.classic-stage .board-column{padding-inline:21px}.classic-stage .tabs button{font-size:10px}.classic-stage .pocket-labels span{font-size:7px}.classic-stage .scoreboard strong{font-size:24px}}
@media(prefers-reduced-motion:reduce){.classic-stage .board-wrap{filter:none}.board-plane{will-change:auto}}

/* Front-facing cabinet in the standard WYGL page layout. */
body{background:#080a10;color:#f5f3fa}
.classic-stage{background:#080a10;padding:20px max(16px,calc((100vw - 1184px)/2)) 44px;min-height:0}
.stage-backdrop{inset:0 0 auto;height:1100px;background:linear-gradient(180deg,#080a10b8 0%,#080a10d8 42%,#080a10 92%),url('../images/classic-plinko/pavilion-v1.webp') center top/cover no-repeat;filter:blur(3px);opacity:.55}
.classic-intro{max-width:1184px;margin:0 auto 26px}
.breadcrumbs{display:flex;align-items:center;gap:9px;flex-wrap:wrap;font-size:12px;color:#9ba3b4;margin:0 0 14px}.breadcrumbs a{color:#b9a0ff;text-decoration:none}.breadcrumbs a:hover{text-decoration:underline}
.classic-intro h1{font-size:clamp(26px,3vw,38px);font-weight:780;line-height:1.15;letter-spacing:-1.1px;margin:0 0 9px}
.classic-intro p{font-size:14px;line-height:1.5;color:#9ba3b4;margin:0 0 6px;max-width:none}.independent-label{font-size:11px;color:#9ba3b4}
.scene-layout{grid-template-columns:minmax(0,1fr) 354px;gap:35px;max-width:1184px}
.classic-stage .board-column{padding:55px 39px 0;min-width:0}
.classic-stage .board-wrap{width:100%;max-width:none;min-width:0;filter:drop-shadow(0 15px 19px #000b)}
.board-plane{transform-style:flat;will-change:auto}
.cabinet-wing{top:0;bottom:.7%;width:9%;border:2px solid #f2d499;background:repeating-linear-gradient(24deg,transparent 0 83px,#ffecb7 84px 89px,transparent 90px 172px),repeating-linear-gradient(0deg,#a80526 0 145px,#086175 146px 290px);box-shadow:inset 3px 0 4px #fff3,inset -9px 0 16px #33001299}
.cabinet-wing-left{left:-6%;clip-path:none}.cabinet-wing-right{right:-6%;clip-path:none}
.cabinet-lights{top:0;bottom:.3%;width:2.8%;border-radius:5px;background:radial-gradient(circle at center,#fffff5 0 2px,#ffecac 3px,#ffcc6655 5px,transparent 8px) center top/100% 31px repeat-y,linear-gradient(90deg,#754411,#f5d18a 30%,#fff1b5 50%,#bc863a 80%,#684017);box-shadow:0 0 9px #ffd48155,inset 0 0 3px #fff0a9}
.cabinet-lights-left{left:-6.8%}.cabinet-lights-right{right:-6.8%}
.board-crown{left:-6.8%;width:113.6%;bottom:100%;height:7%;min-height:33px;border:2px solid #f5d398;border-radius:48% 48% 2px 2px/70% 70% 0 0;background:linear-gradient(100deg,#9e6829,#ebcd89 18%,#fff0b5 46%,#dbb365 72%,#a97533);box-shadow:0 -3px 0 #6a441e,inset 0 2px 1px #fff2c9,0 3px 8px #4a2a1980;color:#b21131;font-size:clamp(25px,3vw,39px);letter-spacing:2px;text-shadow:1px 1px #fff5d8,2px 2px #60341370}
.board-pedestal{width:114%;left:-7%;height:23px;box-shadow:0 8px 0 -1px #94102d,0 15px 0 -1px #350a1a,0 24px 25px #0008}
.classic-stage .pocket-labels span{font-size:clamp(10px,1.15vw,16px);letter-spacing:-.35px}
.console{margin-top:8px;padding:13px;border-radius:16px;background:linear-gradient(145deg,#171c28f5,#10141ef8);border-color:#292c40;box-shadow:0 15px 35px #0006;backdrop-filter:none}
.classic-stage .toolbar{gap:6px;margin-bottom:12px}.classic-stage .tabs{background:#080a10;border-color:#292c40}.classic-stage .tabs button{padding:8px 7px;font-size:10px}.classic-stage .tabs button[aria-selected=true]{background:#8c5cff;box-shadow:inset 0 1px #c7a9ff66;color:#fff}.classic-stage .sound{width:38px;height:40px;min-height:40px;flex-basis:38px;background:#171c28;border-color:#393449}
.classic-stage .scoreboard div{background:#0b0e16;border-color:#292c40;padding:10px 8px}.classic-stage .scoreboard strong{font-size:29px}.classic-stage .scoreboard span{font-size:10px}.classic-stage .scoreboard .chip-stock{gap:4px}.classic-stage .chip-stock .stock-chip{width:21px;height:21px;font-size:10px}
.classic-stage .panel h2{margin-top:14px}.classic-stage .throws li{padding:6px 0;font-size:11px}.classic-stage .throws b{font-size:12px}.classic-stage .status{font-size:11px;min-height:18px;margin:8px 0}
.classic-stage .control-card{background:#0b0e16;border-color:#292c40;padding:10px}.classic-stage .primary{font-size:14px;min-height:43px;margin-bottom:10px}.classic-stage input[type=range]{accent-color:#a176ff}.classic-stage #play-actions button{background:#171c28;border-color:#393449}.classic-stage .position-hint{font-size:9px}.console-disclaimer{border-color:#292c40;color:#9ba3b4;font-size:10px}
.classic-stage .compare,.classic-stage details{background:#10141e;border-color:#292c40;max-width:1184px}.classic-stage .disclaimer{background:transparent;color:#9ba3b4;border-color:#8c5cff;max-width:1184px}
@media(min-width:1500px){.classic-stage{padding-inline:calc((100vw - 1184px)/2)}}
@media(min-width:851px) and (max-width:1050px){.scene-layout{grid-template-columns:minmax(0,1fr) 310px;gap:20px}.classic-stage .board-column{padding:40px 29px 0}.console{padding:10px}.classic-stage .tabs button{font-size:9px;padding-inline:5px}.classic-stage .scoreboard strong{font-size:25px}}
@media(max-width:850px){
 .classic-stage{padding:15px 12px 30px}.classic-intro{max-width:540px;margin-bottom:18px}.breadcrumbs{font-size:10px;gap:6px;margin-bottom:12px}.classic-intro h1{font-size:27px}.classic-intro p{font-size:12px}.independent-label{font-size:10px}
 .stage-backdrop{height:850px;background-size:auto 850px;background-position:center top;opacity:.38}.scene-layout{gap:11px}
 .classic-stage .toolbar{margin:0;background:#10141ef5;border-color:#292c40}.classic-stage .tabs button{font-size:11px}.classic-stage .board-column{padding:30px 20px 16px}.classic-stage .board-wrap{max-width:none}.board-crown{font-size:26px;min-height:27px}.board-pedestal{height:16px}
 .classic-stage .pocket-labels span{font-size:clamp(8px,2.25vw,12px)}.classic-stage .control-card{padding:10px 12px;background:#10141e;border-color:#292c40}.classic-stage .primary{font-size:16px;min-height:46px}.classic-stage .scoreboard strong{font-size:25px}.classic-stage .scoreboard .chip-stock{gap:5px}.classic-stage .chip-stock .stock-chip{width:19px;height:19px;font-size:9px}
 .classic-stage .play-details,.classic-stage .study-controls,.classic-stage .study-panel,.console-disclaimer{background:#10141e;border-color:#292c40}.classic-stage .throws li{font-size:10px}.classic-stage .throws b{font-size:12px}.classic-stage .position-hint{display:none}
}
@media(max-width:360px){.classic-stage .tabs button{font-size:10px}.classic-stage .board-column{padding-inline:17px}.classic-stage .pocket-labels span{font-size:7.6px}.classic-intro h1{font-size:25px}}

/* Cabinet finish matched to the supplied close-up; physics stays front-facing. */
.classic-stage .board-column{padding-top:88px;padding-bottom:24px}
.board-crown{height:11%;min-height:48px;border:3px solid #ffedb4;border-radius:50% 50% 3px 3px/80% 80% 4px 4px;background:linear-gradient(100deg,#855018 0%,#e4b960 9%,#fff0bc 34%,#f5d887 56%,#d7a84b 82%,#8f581f 100%);box-shadow:0 -3px 0 #b4843c,0 -5px 0 #ffe5a0,inset 0 3px 2px #fff7d3,inset 0 -7px 5px #99622355,0 5px 4px #5c3918;overflow:hidden}
.board-crown span{position:relative;z-index:1;display:block;margin-top:5px;font-size:clamp(38px,5.3vw,72px);font-weight:950;line-height:1;letter-spacing:-1px;color:#b60721;-webkit-text-stroke:1.5px #ffe9a1;paint-order:stroke fill;text-shadow:0 2px #74071a,0 4px #64091a,1px 5px #f5d082,2px 7px 4px #65401a}
.board-crown::before,.board-crown::after{content:"";position:absolute;bottom:17%;width:23%;height:55%;background:radial-gradient(circle at 28% 55%,#fffff4 0 4px,#fff4ae 5px,#ffd67480 8px,transparent 15px),radial-gradient(circle at 76% 55%,#fffff4 0 4px,#fff4ae 5px,#ffd67480 8px,transparent 15px)}
.board-crown::before{left:2%}.board-crown::after{right:2%}
.cabinet-wing{background:linear-gradient(90deg,#50041288,transparent 28%,#ffffff14 54%,#35081566),linear-gradient(24deg,transparent 0 17%,#ffe9ad 17.2% 18.3%,transparent 18.5% 38%,#ffe9ad 38.2% 39.3%,transparent 39.5% 71%,#ffe9ad 71.2% 72.3%,transparent 72.5%),linear-gradient(0deg,#ab0625 0 38.5%,#075e72 38.5% 72%,#b00022 72% 100%);border-color:#efd28b;box-shadow:inset 3px 0 2px #ffe0a299,inset -4px 0 5px #560b2288}
.cabinet-wing-right{transform:scaleX(-1)}
.cabinet-lights{width:3%;border:2px solid #e8b964;border-radius:8px;background:radial-gradient(ellipse at center,#fffff5 0 20%,#fff3bc 27%,#ffe29480 38%,transparent 60%) center top/100% 9.09% repeat-y,linear-gradient(90deg,#754414,#e6b861 22%,#fff0ae 45%,#bd8738 70%,#f9d887 85%,#774813);box-shadow:0 0 8px #ffd68077,inset 1px 0 2px #fff5bb,inset -2px 0 3px #80501c}
.board-pedestal{height:38px;border:0;border-radius:7px 7px 10px 10px;background:linear-gradient(#fff4c4 0%,#e8bd65 7%,#ffdf91 13%,#885014 20%,#6c051d 23%,#a90a2c 50%,#440819 61%,#ecb954 65%,#fff0b8 69%,#9d631b 75%,#930721 78%,#ba1238 100%);box-shadow:0 6px 0 #570618,0 10px 1px #2b0510,0 22px 22px #0009}
@media(max-width:850px){.classic-stage .board-column{padding-top:45px;padding-bottom:20px}.board-crown{min-height:35px;border-width:2px}.board-crown span{font-size:clamp(28px,8vw,44px);-webkit-text-stroke:1px #ffe9a1;margin-top:2px;text-shadow:0 2px #620719,1px 3px #eecb7d,2px 4px 2px #65401a}.board-crown::before,.board-crown::after{background:radial-gradient(circle at 28% 55%,#ffffef 0 2px,#fff0aa 3px,#ffd67460 5px,transparent 8px),radial-gradient(circle at 76% 55%,#ffffef 0 2px,#fff0aa 3px,#ffd67460 5px,transparent 8px)}.cabinet-lights{border-width:1px}.board-pedestal{height:25px}}
.cabinet-lights{background-image:radial-gradient(circle at center,#fffff5 0 4px,#fff2ae 6px,#ffdd7466 10px,transparent 15px),linear-gradient(90deg,#754414,#e6b861 22%,#fff0ae 45%,#bd8738 70%,#f9d887 85%,#774813)}
@media(max-width:850px){.cabinet-lights{background-image:radial-gradient(circle at center,#fffff5 0 2px,#fff2ae 3px,#ffdd7466 5px,transparent 8px),linear-gradient(90deg,#754414,#e6b861 22%,#fff0ae 45%,#bd8738 70%,#f9d887 85%,#774813)}}

/* Bevelled outside cabinet: all surfaces remain outside the collision walls. */
.cabinet-wing{background:linear-gradient(90deg,#33020caa,transparent 30%,#ffffff18 55%,#32051499),linear-gradient(160deg,#b8082e 0 44%,#ffdf96 45% 49%,#086478 50% 93%,#edc97f 94% 98%,#b8082e 99%);background-size:100% 100%,100% 25%;background-repeat:no-repeat,repeat-y;border:0;box-shadow:inset 4px 0 2px #ffe1a6,inset -5px 0 2px #906021,inset 7px 0 12px #2d051e88}
.cabinet-wing::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,#fff0b9 0%,#bb8533 5%,transparent 11% 88%,#ffeeb0 90%,#8e5c20 100%);clip-path:polygon(0 0,100% 0,100% 100%,88% 100%,88% 2%,12% 2%,12% 100%,0 100%)}
.cabinet-lights{border-radius:3px 3px 7px 7px;box-shadow:2px 0 0 #704018,4px 0 0 #bf8d40,inset 2px 0 2px #fff4bb,inset -3px 0 3px #8f581c,0 0 9px #ffd68055}
.cabinet-lights::before{content:"";position:absolute;left:-2px;right:-2px;top:-8px;height:8px;background:linear-gradient(100deg,#86531d,#fff0af 45%,#b67c2c);clip-path:polygon(20% 0,80% 0,100% 100%,0 100%)}
@media(max-width:850px){.cabinet-lights{box-shadow:1px 0 0 #704018,2px 0 0 #bf8d40,inset 1px 0 2px #fff4bb,inset -1px 0 2px #8f581c,0 0 6px #ffd68055}.cabinet-lights::before{top:-5px;height:5px}}

/* Continuous angled enamel/rib cycle: no rectangular tile seams at red upper edges. */
.cabinet-wing{background:linear-gradient(90deg,#250711dd 0%,#5b0b2780 12%,transparent 26%,#ffffff28 43%,transparent 60%,#110922b0 91%,#080814dd),repeating-linear-gradient(160deg,#ed3450 0%,#af0528 4.25%,#70071e 10.75%,#7e4919 11%,#ffe8a4 11.5%,#bd893c 12.25%,#158a9c 12.5%,#076174 16%,#043b50 23%,#946224 23.5%,#fff0b6 24%,#bb7b2c 24.5%,#ed3450 25%);background-size:100% 100%;background-repeat:no-repeat;box-shadow:inset 5px 0 2px #ffe4a0,inset -5px 0 3px #754615,inset 10px 0 12px #2e051e99,inset -10px 0 13px #040a1677}
.cabinet-wing::after{background:linear-gradient(90deg,#fff3c8 0%,#d9a64e 4%,#815018 8%,transparent 13% 85%,#623c16 86%,#ffebb0 91%,#a5702b 96%,#614017 100%);clip-path:polygon(0 0,100% 0,100% 100%,86% 100%,86% 2%,14% 2%,14% 100%,0 100%)}

/* Fit the complete desktop cabinet to the available browser height. */
@media(min-width:851px){
 .scene-layout{width:100%;max-width:min(1184px,calc((100svh - 150px)*.96 + 389px));grid-template-columns:minmax(0,1fr) 354px;gap:35px}
 .classic-stage .board-column{padding:7svh 0 24px}
 .classic-stage .board-wrap{width:88%}
 .board-crown span{font-size:clamp(30px,6svh,72px)}
 .classic-stage .pocket-labels span{font-size:clamp(8px,1.35svh,14px)}
}
@media(min-width:851px) and (max-height:800px){
 .console{padding:10px;margin-top:4px}
 .classic-stage .toolbar{margin-bottom:8px}
 .classic-stage .scoreboard div{padding:7px 8px}
 .classic-stage .panel h2{margin:10px 0 4px}
 .classic-stage .throws li{padding:4px 0}
 .classic-stage .control-card{margin-top:7px;padding:8px}
 .classic-stage .primary{margin-bottom:6px}
 .classic-stage .position-hint{margin-block:5px;font-size:9px}
 .console-disclaimer{margin-top:8px;padding-top:7px;font-size:9px}
}
@media(min-width:851px) and (max-height:680px){
 .classic-stage .throws li{padding:2px 0}
 .classic-stage .scoreboard .chip-stock{margin-top:5px}
 .classic-stage .scoreboard strong{font-size:25px}
 .classic-stage .control-card{padding:6px;margin-top:5px}
 .classic-stage .position-hint{margin-block:3px}
 .classic-stage .status{margin-block:5px}
 .console-disclaimer{line-height:1.4;margin-top:5px;padding-top:5px}
}

/* A single restrained relief treatment for every crown letter, including O. */
.board-crown span{-webkit-text-stroke:0;color:#b60721;text-shadow:0 1px 0 #ffe4a0,0 2px 0 #781322,0 3px 3px #59351870,0 0 7px #ffe7a04d;filter:none}
.classic-stage .pocket-labels span{text-shadow:0 1px 1px #24120add,0 -1px 0 #fff2ce40}
/* Visible pavilion lighting with a quiet area behind text and a dark lower fade. */
.stage-backdrop{opacity:.9;filter:blur(2px) saturate(1.18);background-image:linear-gradient(180deg,#080a1070 0%,#080a1050 35%,#080a1085 65%,#080a10 100%),url('../images/classic-plinko/pavilion-v1.webp')}
@media(max-width:850px){.stage-backdrop{opacity:.75}}

/* Small, balanced pedestal overhang beyond the desktop cabinet. */
@media(min-width:851px){.classic-stage .board-pedestal{width:104%;left:-2%}}

/* Quiet illuminated title plaque: the pavilion remains visible around it. */
.classic-title-card{position:relative;isolation:isolate;width:fit-content;max-width:100%;padding:17px 28px 16px 23px;border:1px solid #ddba7138;border-left:3px solid #e8c777;border-radius:3px 18px 18px 3px;background:radial-gradient(ellipse at 0 0,#a47b2824,transparent 65%),linear-gradient(110deg,#081424f5,#101a2bdd);box-shadow:inset 0 1px #fff0bd14,0 10px 28px #0003}
.classic-title-card::before{content:"";position:absolute;top:-1px;left:0;width:65%;height:1px;background:linear-gradient(90deg,#ffe5a7bb,transparent);pointer-events:none}
.classic-title-card h1{color:#fff0ce;text-shadow:0 2px 3px #0006;font-weight:760;letter-spacing:-.9px}
.classic-intro .classic-title-card p{color:#c3ccd9;margin-bottom:8px}
.classic-title-card .independent-label{color:#bba984;letter-spacing:.2px}
@media(max-width:850px){.classic-title-card{width:100%;padding:13px 14px 12px 16px;border-radius:3px 13px 13px 3px}.classic-title-card h1{font-size:26px;line-height:1.13;letter-spacing:-.6px}.classic-intro .classic-title-card p{margin-bottom:6px;font-size:12px}}
@media(max-width:360px){.classic-title-card h1{font-size:23px}}

/* Final WYGL presentation; board dimensions and physics remain unchanged. */
.classic-title-card{width:auto;padding:0;border:0;border-radius:0;background:none;box-shadow:none;max-width:820px}
.classic-title-card::before{display:none}
.classic-intro{max-width:min(1184px,calc((100svh - 150px)*.96 + 389px));margin-bottom:24px}
.classic-intro h1{font-size:clamp(27px,2.6vw,36px);line-height:1.13;color:#f6f0ff;letter-spacing:-1px;text-shadow:0 2px 12px #090a1888;margin-bottom:10px}
.classic-intro .classic-title-card p{max-width:690px;margin:0;color:#c8bfdc;font-size:14px;line-height:1.5}
.breadcrumbs{font-size:11px;margin-bottom:12px;color:#a99fbd}.breadcrumbs a{color:#c4a7ff}
.stage-backdrop{filter:blur(2px) hue-rotate(26deg) saturate(.68);opacity:.7;background-image:linear-gradient(180deg,#100b2370 0%,#100b2370 38%,#090b168f 68%,#080a10 100%),url('../images/classic-plinko/pavilion-v1.webp')}
.board-crown span{color:#68254e;text-shadow:0 1px 0 #fff0b8,0 2px 0 #411b3d,0 3px 3px #39213b66}
.cabinet-wing{background-image:linear-gradient(90deg,#1c102bdd 0%,#38204080 12%,transparent 26%,#ffffff28 43%,transparent 60%,#110922b0 91%,#080814dd),repeating-linear-gradient(160deg,#ac74c2 0%,#6e387f 4.25%,#3c204d 10.75%,#7e4919 11%,#ffe8a4 11.5%,#bd893c 12.25%,#7963a7 12.5%,#40315f 16%,#231b3d 23%,#946224 23.5%,#fff0b6 24%,#bb7b2c 24.5%,#ac74c2 25%)}
.board-pedestal{background:linear-gradient(#fff4c4 0%,#e8bd65 7%,#ffdf91 13%,#885014 20%,#392044 23%,#633976 50%,#25122e 61%,#ecb954 65%,#fff0b8 69%,#9d631b 75%,#492352 78%,#774282 100%);box-shadow:0 6px 0 #2f1439,0 10px 1px #180c21,0 22px 22px #0009}
.console{background:linear-gradient(145deg,#19172af5,#0e1422f8);border-color:#443354}
.classic-stage .tabs button{font-size:12px;white-space:normal;line-height:1.3}
.classic-stage .tabs button[aria-selected=true]{background:linear-gradient(135deg,#9b6dff,#7042c2)}
.classic-stage .primary{background:linear-gradient(135deg,#b18aff,#8d5bde);color:#170d29;border-color:#c6a7ff;box-shadow:inset 0 1px #eadfff99,0 3px 0 #512f81,0 6px 15px #0004}
.classic-stage .primary:hover:enabled{background:linear-gradient(135deg,#c1a0ff,#a277ec)}
.classic-stage input[type=range]{accent-color:#b18aff}
.classic-stage .bar{background:linear-gradient(90deg,#7650b1,#bc90ed)}
.classic-stage .scoreboard div,.classic-stage .control-card,.classic-stage .metric{background:#0d1120;border-color:#393047}
.classic-stage .scoreboard span{font-size:12px}.classic-stage .scoreboard strong{font-size:29px}
.classic-stage .panel h2{font-size:13px}.classic-stage .throws li{font-size:12px}.classic-stage .status{font-size:12px}
.classic-stage .range-heading{font-size:12px}.classic-stage .position-hint{font-size:10px}
.console-disclaimer{font-size:11px;line-height:1.5;color:#b4aac6;border-color:#393047}
.classic-stage .study-controls input,.classic-stage .study-controls select,.classic-stage .saved-card{background:#111426;border-color:#443354}
.classic-stage .study-controls label,.classic-stage .study-note,.classic-stage .hint{color:#bcb1cd}
@media(min-width:851px){
 .console{display:flex;flex-direction:column;gap:0}
 .classic-stage .play-panel{display:contents}
 .console .toolbar{order:0}.console .scoreboard{order:1}.console .study-controls{order:1}
 .console .control-card{order:2;margin-top:14px}.console .position-hint{order:3}
 .console .play-details,.console .study-panel{order:4}
 .console #play-actions{order:5}.console .console-disclaimer{order:6}
 .classic-stage #play-actions button{font-size:11px}
}
@media(min-width:851px) and (max-height:800px){
 .classic-stage .tabs button{font-size:11px}.classic-stage .scoreboard strong{font-size:26px}
 .classic-stage .throws li{padding:3px 0}.classic-stage .status{margin-block:5px}
 .console .control-card{margin-top:10px}.console-disclaimer{font-size:10px}
 .classic-stage .position-hint{font-size:9px}
}
@media(max-width:850px){
 .classic-stage{padding-top:10px}.classic-intro{max-width:540px;margin-bottom:12px}
 .classic-title-card{padding:0;max-width:none}.classic-title-card h1{font-size:25px;letter-spacing:-.6px;line-height:1.12;margin-bottom:8px}
 .classic-intro .classic-title-card p{font-size:12px;line-height:1.45;margin:0;color:#c8bfdc}
 .breadcrumbs{font-size:10px;margin-bottom:9px;gap:7px}
 .scene-layout{gap:12px}.console{display:contents}
 .classic-stage .board-column{order:0}
 .classic-stage .toolbar{order:1;padding:5px;background:#101322;border-color:#393047}
 .classic-stage .scoreboard{order:2}.classic-stage .study-controls{order:2}
 .classic-stage .control-card{order:3;padding:12px}
 .classic-stage .play-details,.classic-stage .study-panel{order:5;background:#101322;border-color:#393047}
 .classic-stage #play-actions{order:6}.console-disclaimer{order:7;font-size:11px}
 .classic-stage .tabs button{font-size:13px;min-height:44px}
 .classic-stage .scoreboard span{font-size:12px}.classic-stage .scoreboard strong{font-size:26px}
 .classic-stage .throws li{font-size:10px}.classic-stage .throws b{font-size:11px}
 .classic-stage .primary{font-size:16px;min-height:48px}
 .classic-stage .panel h2{font-size:14px}
 .classic-stage .pocket-labels span{font-size:clamp(7px,2.1vw,12px);letter-spacing:-.35px}
}
@media(max-width:360px){.classic-title-card h1{font-size:22px}.classic-stage .tabs button{font-size:12px}.classic-stage .scoreboard span{font-size:11px}}
@media(min-width:851px){.classic-title-card{max-width:none}.classic-intro h1{max-width:1040px;text-wrap:balance}.classic-intro .classic-title-card p{max-width:900px}}

/* Match the standard child-page breadcrumb rhythm (main.css). */
.classic-stage{padding-top:1rem}
.classic-intro .breadcrumb{display:flex;flex-wrap:wrap;gap:.5rem;margin:0 0 1rem;color:#858c9d;font-size:.78rem;line-height:1.58}
.classic-intro .breadcrumb a{color:#b9a0ff;text-decoration:none}
.classic-intro .breadcrumb a:hover{color:#f5f3fa}
.classic-stage .sound{display:grid;place-items:center;padding:0;line-height:1;align-self:center}
.classic-stage .sound svg{display:block;width:21px;height:21px}
@media(max-width:850px){
 .scene-layout{gap:10px}
 .classic-stage .board-column{order:0;margin-inline:auto;width:min(100%,max(230px,calc((100svh - 540px)*.847 + 40px)));padding-top:36px;padding-bottom:16px}
 .classic-stage .board-wrap{container-type:inline-size}
 .classic-stage .board-crown{min-height:30px}
 .classic-stage .board-crown span{font-size:clamp(24px,9cqw,36px)}
 .classic-stage .pocket-labels span{font-size:clamp(6px,2cqw,11px);letter-spacing:-.3px}
 .classic-stage .control-card{order:1;margin:0;padding:9px 11px}
 .classic-stage .primary{min-height:44px;margin-bottom:6px;font-size:15px}
 .classic-stage input[type=range]{height:24px;margin-top:2px}
 .classic-stage .scoreboard{order:2;gap:8px}
 .classic-stage .scoreboard>div{padding:7px 10px;display:grid;grid-template-columns:1fr auto;align-items:center;gap:2px 6px}
 .classic-stage .scoreboard span{font-size:11px}.classic-stage .scoreboard strong{font-size:23px}
 .classic-stage .scoreboard .chip-stock{grid-column:1/-1;margin-top:1px;gap:4px}
 .classic-stage .chip-stock .stock-chip{width:14px;height:14px;font-size:8px}
 .classic-stage .play-details,.classic-stage .study-panel{order:3}
 .classic-stage .toolbar{order:4;display:grid;grid-template-columns:minmax(0,1fr) 42px;align-items:center;gap:8px;padding:5px}
 .classic-stage .sound{width:42px;height:44px;min-height:44px}
 .classic-stage #play-actions{order:5}
 .classic-stage .console-disclaimer{order:6}
 .classic-stage .study-controls{order:1}
 #classic-app[data-mode=study] .control-card{order:2}
}

/* Large mobile board, quiet mode switch, and one distinct primary action. */
@media(max-width:850px){
 .classic-stage .board-column{width:100%;padding-top:45px;padding-bottom:20px}
 .classic-stage .board-crown{min-height:35px}
 .classic-stage .board-crown span{font-size:clamp(28px,9cqw,44px)}
 .classic-stage .pocket-labels span{font-size:clamp(7px,2.1cqw,12px)}
 .classic-stage .toolbar{order:1;grid-template-columns:minmax(0,1fr) 40px;gap:6px;padding:4px;border-radius:12px;background:#0e1120}
 .classic-stage .tabs{padding:2px;border:0;background:#080b14;border-radius:9px;gap:2px}
 .classic-stage .tabs button{min-height:36px;padding:7px 8px;font-size:12px;border-radius:7px;font-weight:600;color:#a99fbe}
 .classic-stage .tabs button[aria-selected=true]{background:#302740;color:#f1e8ff;box-shadow:inset 0 0 0 1px #6c527f66}
 .classic-stage .sound{width:40px;height:40px;min-height:40px;border-radius:9px;background:#171525;border-color:#393047}
 .classic-stage .sound svg{width:20px;height:20px}
 .classic-stage .control-card{order:2;margin:0;padding:11px;background:linear-gradient(145deg,#191624,#0e1220);border-color:#5c4861}
 .classic-stage .primary{min-height:48px;margin-bottom:9px;background:linear-gradient(135deg,#ffecaa,#edc26b);color:#30200d;border-color:#fff0bf;box-shadow:inset 0 1px #fff8dc,0 3px 0 #8b632d,0 4px 12px #d9ad3e17;font-size:16px}
 .classic-stage .primary:hover:enabled{background:linear-gradient(135deg,#fff3c6,#f5d080)}
 .classic-stage input[type=range]{height:26px;margin-top:4px}
 .classic-stage .scoreboard{order:3}
 .classic-stage .play-details,.classic-stage .study-panel{order:4}
 .classic-stage .play-details{padding:12px}
 .classic-stage .play-details h2{margin:0 0 8px}
 .classic-stage .play-details .status{margin:8px 0 0}
 .classic-stage #play-actions{order:5}
 .classic-stage .console-disclaimer{order:6}
 .classic-stage .study-controls{order:2}
 #classic-app[data-mode=study] .control-card{order:3}
}

/* Separate desktop hero and game module; one heading moves into the mobile cabinet. */
@media(min-width:851px){
 .classic-intro{margin-bottom:32px}
 .scene-layout{padding:22px 24px 24px;border:1px solid #8e6ca333;border-radius:22px;background:linear-gradient(145deg,#1511258c,#0c12219c);box-shadow:inset 0 1px #d7baff0a,0 18px 38px #0003}
 .classic-stage .board-column{padding-bottom:12px}
}
@media(max-width:850px){
 .classic-intro{margin-bottom:9px}
 .classic-intro .breadcrumb{margin-bottom:0}
 .classic-stage .board-column{padding-top:0}
 .classic-stage .board-crown{display:none}
 .classic-stage .board-page-title{position:relative;width:114%;max-width:none;margin:0 0 0 -7%;padding:15px 17px 13px;border:2px solid #f3d78f;border-bottom:3px solid #ad8239;border-radius:25px 25px 2px 2px;background:radial-gradient(ellipse at 40% 0,#fff4cd,transparent 75%),linear-gradient(105deg,#d1ab5e,#f9e3a6 45%,#d1ab5e);box-shadow:inset 0 2px #fff5d2,0 -2px 0 #a87835;z-index:3}
 .classic-stage .board-page-title h1{margin:0 0 7px;color:#4c244f;text-shadow:0 1px #fff3cf;font-size:clamp(20px,5.7vw,28px);line-height:1.1;letter-spacing:-.65px;text-wrap:balance;text-align:center}
 .classic-stage .board-page-title p{margin:0;color:#554333;font-size:11px;line-height:1.4;text-align:center;text-wrap:pretty}
 .classic-stage .board-page-title + .board-wrap{margin-top:0}
}

/* Mobile sign hierarchy; the desktop hero and document title are unchanged. */
@media(max-width:850px){
 .classic-stage .board-page-title{padding-top:11px;padding-bottom:11px}
 .classic-stage .board-page-title h1{margin:0 0 4px;text-wrap:initial;line-height:1}
 .mobile-sign-lead{display:block;font-size:11px;font-weight:700;letter-spacing:.2em;line-height:1.3;text-transform:uppercase;color:#665039;text-shadow:none}
 .mobile-sign-main{display:block;margin-top:3px;font-size:clamp(40px,12vw,58px);font-weight:900;line-height:1;letter-spacing:-1.4px;text-transform:uppercase;color:#68254e;text-shadow:0 1px 0 #fff1bb,0 2px 0 #bd904b,0 3px 3px #64384b40}
 .classic-stage .board-page-title .mobile-sign-subtitle{font-size:14px;font-weight:650;line-height:1.3;color:#4b304c;margin:0}
 .classic-stage .board-page-title .mobile-sign-support{font-size:10px;font-weight:400;line-height:1.4;color:#705d44;margin:4px 0 0}
}

/* Compact mobile cabinet marquee: warm edge lamps, plum enamel and gold trim. */
@media(max-width:850px){
 .classic-stage .board-page-title{padding:5px 23px 6px;border:1px solid #f3d28b;border-bottom:3px solid #a67c36;border-radius:22px 22px 2px 2px;background:radial-gradient(ellipse at 50% 0,#80466b66,transparent 72%),linear-gradient(110deg,#170d29,#3d193f 48%,#1a102d);box-shadow:inset 0 1px 0 #fff1b9aa,inset 0 0 15px #b17acf21,0 -2px 0 #8b5f2d,0 -3px 0 #e7bd72,0 2px 3px #150b20;overflow:hidden}
 .classic-stage .board-page-title::before,.classic-stage .board-page-title::after{content:"";display:block;position:absolute;top:8px;bottom:7px;width:18px;height:auto;pointer-events:none;background:radial-gradient(circle at 50% 25%,#fffce5 0 2px,#ffe7a4 2.5px,#ffc65b70 4px,transparent 8px),radial-gradient(circle at 50% 78%,#fffce5 0 2px,#ffe7a4 2.5px,#ffc65b70 4px,transparent 8px)}
 .classic-stage .board-page-title::before{left:3px}
 .classic-stage .board-page-title::after{right:3px}
 .classic-stage .board-page-title h1{margin:0 0 2px}
 .mobile-sign-lead{font-size:9px;line-height:1.2;letter-spacing:.21em;color:#d8bd91}
 .mobile-sign-main{margin-top:1px;font-size:clamp(38px,10.7vw,46px);line-height:.98;letter-spacing:-1.1px;color:#f6dca0;text-shadow:0 1px 0 #fff3ca,0 2px 0 #94603a,0 3px 3px #09051199,0 0 10px #e9ad5333}
 .classic-stage .board-page-title .mobile-sign-subtitle{font-size:12px;line-height:1.2;color:#f1dfb9;font-weight:600}
 .classic-stage .board-page-title .mobile-sign-support{font-size:9px;line-height:1.3;color:#c0abc7;margin-top:2px}
}

/* Keep editorial content below the first viewport until the game mounts. */
#classic-app[aria-busy="true"]{min-height:100svh}

/* One primary-action palette at every viewport; preserve existing control sizing. */
.classic-stage .primary{background:linear-gradient(135deg,#ffecaa,#edc26b);color:#30200d;border-color:#fff0bf;box-shadow:inset 0 1px #fff8dc,0 3px 0 #8b632d,0 4px 12px #d9ad3e17}
.classic-stage .primary:hover:enabled{background:linear-gradient(135deg,#fff3c6,#f5d080)}
@media(min-width:851px){.classic-stage .scene-layout{max-width:min(1184px,calc((100svh - 150px)*.96 + 389px))}}

/* Shared site typography, container and controls around the classic board. */
.classic-stage{padding:var(--space-4) max(var(--page-gutter),calc((100% - var(--container))/2)) var(--space-8);color:var(--color-text);background:var(--color-bg)}
.classic-intro{max-width:none;margin:0 0 var(--space-6)}
.classic-intro .breadcrumb{margin-bottom:var(--space-4);color:#858c9d}
.classic-intro .breadcrumb a{color:var(--color-secondary);text-decoration:underline;text-underline-offset:2px}
.classic-title-card{width:100%;max-width:none;padding:0;border:0;border-radius:0;background:none;box-shadow:none}
.classic-intro .classic-title-card h1{max-width:62rem;margin:.75rem 0;font-family:var(--font-sans);font-weight:850;font-size:clamp(2rem,3.7vw,3.5rem);line-height:1.12;letter-spacing:-.045em;color:var(--color-text);text-shadow:none;text-wrap:balance}
.classic-intro .classic-title-card p{max-width:52rem;margin:0;color:var(--color-muted);font-size:1rem;line-height:1.58}
.classic-stage .stage-backdrop{opacity:.3;filter:none}
.classic-stage .scene-layout{max-width:100%;border-color:var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface)}
.classic-stage button,.classic-stage select,.classic-stage input[type=number]{font-family:var(--font-sans);border-radius:var(--radius-sm)}
.classic-stage .primary{font-size:1rem;font-weight:750;min-height:48px}
.classic-stage .tabs button[aria-selected=true]{background:var(--color-primary-soft);color:var(--color-text);box-shadow:inset 0 0 0 1px var(--color-border-purple)}
.classic-stage .control-card,.classic-stage .play-details,.classic-stage .study-panel,.classic-stage .toolbar{background:var(--color-surface);border-color:var(--color-border)}
.classic-stage .study-controls select,.classic-stage .study-controls input{background:var(--color-bg-deep);border-color:var(--color-border);color:var(--color-text)}
.classic-stage :focus-visible{outline:2px solid var(--color-primary-strong);outline-offset:3px}
@media(max-width:850px){
 .classic-stage .board-column{padding-top:45px}
 .classic-stage .board-crown{display:flex}
 .classic-stage .tabs button{min-height:44px;font-size:.85rem}
 .classic-stage .scene-layout{padding:0;border:0;background:transparent;box-shadow:none}
}
@media(max-width:767px){.classic-intro .classic-title-card h1{font-size:clamp(2rem,7vw,2.65rem);letter-spacing:-.035em}}

/* Fit the board to desktop height without narrowing the game or its controls. */
@media(min-width:851px){
 .classic-stage .board-column{width:min(100%,calc((100svh - 160px)*.85));justify-self:center}
}