:root{--bg:#141b17;--panel:#1b241e;--panel2:#222b23;--cream:#ece6d8;--muted:#a5afa3;--gold:#d1ae70;--gold2:#ebce98;--line:#364036;--green:#91ad82;--red:#db967b;--serif:Georgia,'Times New Roman',serif;--sans:Arial,Helvetica,sans-serif}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--cream);font-family:var(--sans);font-size:15px;line-height:1.5;min-width:320px;background-image:radial-gradient(ellipse at 70% 10%,#26322866,transparent 55%)}button,a,input{-webkit-tap-highlight-color:transparent}button,input{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.4}button{border:0}a{color:inherit}button:focus-visible,a:focus-visible,input:focus-visible,canvas:focus-visible{outline:2px solid var(--gold2);outline-offset:5px}button{transition:background .16s,transform .16s,border-color .16s}button:not(:disabled):active{transform:translateY(1px)}svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}.svg-defs{position:absolute;width:0;height:0;overflow:hidden}.hidden{display:none!important}.app-shell{max-width:1440px;margin:auto;padding:0 48px}.site-header{height:108px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:flex;align-items:center;gap:14px;text-decoration:none;font-size:17px;letter-spacing:2px;font-weight:700;white-space:nowrap}.brand small{display:block;font-size:9px;letter-spacing:2.4px;color:var(--muted);font-weight:400;margin-top:3px}.brand-emblem{display:grid;place-items:center;width:45px;height:50px;border:1px solid #b5945866;border-radius:50% 50% 44% 44%;color:var(--gold)}.brand-emblem svg{width:30px;height:30px}.header-actions{display:flex;align-items:center;gap:22px}.text-button{background:none;color:var(--cream);display:flex;align-items:center;gap:9px;font-size:13px;padding:9px 0}.text-button svg{color:var(--gold);width:18px;height:18px}.icon-button{width:42px;height:42px;display:grid;place-items:center;border:1px solid var(--line);color:var(--muted);border-radius:50%;background:transparent}.icon-button:hover,.secondary:hover{background:var(--panel2);border-color:var(--gold)}.icon-button svg{width:19px;height:19px}.adult-badge{font-size:11px;border:1px solid var(--line);border-radius:50%;display:grid;place-items:center;width:34px;height:34px;color:var(--muted)}.eyebrow{font-size:10px;letter-spacing:2.1px;font-weight:600;color:var(--gold);display:flex;align-items:center;gap:12px}.tiny-line{width:28px;height:1px;background:var(--gold)}.welcome{display:grid;grid-template-columns:1fr 1fr;column-gap:54px;padding-top:44px}.welcome-copy{padding:26px 0 22px;max-width:540px;position:relative;z-index:1}h1,h2,h3,p{margin:0}h1,h2,h3{font-weight:400}h1{font-family:var(--serif);font-size:clamp(48px,5.8vw,79px);line-height:1.04;letter-spacing:-2.5px;margin:22px 0 24px}h1 em{font-weight:400;color:var(--gold2)}.intro-copy{max-width:405px;color:var(--muted);font-size:15px;line-height:1.85}.mode-picker{margin-top:30px;display:grid;grid-template-columns:1fr;gap:8px;max-width:405px}.mode-card{padding:14px 16px;border:1px solid var(--line);background:transparent;text-align:left;color:var(--cream);position:relative}.mode-card:after{content:'';position:absolute;right:16px;top:20px;width:12px;height:12px;border:1px solid #64705f;border-radius:50%}.mode-card.selected{background:#2a3327;border-color:#7a825c}.mode-card.selected:after{background:var(--gold);border:3px solid #2a3327;outline:1px solid var(--gold)}.mode-heading{font-size:13px;display:flex;align-items:center;gap:10px}.mode-heading span{font-size:8px;letter-spacing:.9px;color:var(--gold2);padding:2px 6px;background:#d1ae7010;border:1px solid #d1ae7026}.mode-card small{display:block;font-size:11px;color:var(--muted);margin-top:3px}.age-consent{margin:22px 0 14px;display:flex;align-items:center;gap:9px;font-size:12px;color:var(--muted);cursor:pointer;min-height:26px}.age-consent input{accent-color:var(--gold);width:16px;height:16px;margin:0}.primary{min-height:49px;padding:13px 20px;display:flex;align-items:center;justify-content:center;gap:16px;background:var(--gold);color:#20241c;font-weight:600;font-size:13px;border:1px solid var(--gold)}.primary:hover:not(:disabled){background:var(--gold2);border-color:var(--gold2)}.primary svg{width:20px;height:20px}.start-button{width:100%;max-width:405px;justify-content:space-between}.welcome-details{display:flex;align-items:center;gap:12px;margin-top:20px;color:#929f91;font-size:8px;letter-spacing:1.4px}.welcome-details i{width:3px;height:3px;border-radius:50%;background:#6b7568}.welcome-art{position:relative;align-self:stretch;min-height:680px;border:1px solid #5d614445;background:#1b271e;overflow:hidden;background-image:radial-gradient(ellipse at 60% 36%,#3b492e,transparent 70%)}.welcome-art:before{content:'';position:absolute;inset:12px;border:1px solid #a5a07a1f;pointer-events:none;z-index:1}.art-topline{position:absolute;top:34px;left:32px;right:32px;display:flex;justify-content:space-between;font-size:8px;letter-spacing:1.8px;color:#a7ad91;z-index:2}.welcome-art canvas{width:100%;height:100%;position:absolute;inset:0;object-fit:cover;opacity:.98}.hero-quote{position:absolute;bottom:86px;left:36px;z-index:2}.hero-quote>span{font-size:8px;letter-spacing:1.7px;color:#c1c6a7}.hero-quote p{font-family:var(--serif);font-size:49px;line-height:1.05;margin-top:14px}.hero-quote em{font-weight:400;color:var(--gold2)}.art-caption{position:absolute;bottom:34px;left:36px;font-size:8px;letter-spacing:1.6px;color:#a4ae98;display:flex;align-items:center;gap:9px}.dot{display:inline-block;width:5px;height:5px;border-radius:50%;background:var(--green);box-shadow:0 0 8px #91ad8233;flex-shrink:0}.welcome-bottom{grid-column:1/-1;padding:32px 0;display:flex;align-items:center;justify-content:space-between;color:#869281;font-size:8px;letter-spacing:1.45px;gap:20px}.welcome-bottom span:last-child{color:var(--gold)}footer{border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:9px;color:#899586;padding:24px 0;margin-top:12px}footer>span:first-child{letter-spacing:1.4px;white-space:nowrap}footer i{font-style:normal;letter-spacing:0;color:#6f7a6b;margin-left:9px}.quiet-button{background:transparent;color:var(--muted);padding:8px 0;text-decoration:underline;text-underline-offset:4px;font-size:11px;white-space:nowrap}.quiet-button:hover{color:var(--gold2)}
.game{padding-top:32px}.game-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:24px}.game-heading h1{font-size:40px;letter-spacing:-1px;margin:8px 0 0}.session-stats{display:flex;align-items:center;gap:30px}.session-stats small{display:block;font-size:8px;letter-spacing:1.5px;color:var(--muted);margin-bottom:4px}.session-stats strong{font-family:var(--serif);font-size:31px;font-weight:400;color:var(--gold2)}.session-stats>div>span{font-size:11px;color:var(--muted);margin-left:5px}.stage-track{list-style:none;padding:0;margin:0 0 24px;display:grid;grid-template-columns:repeat(6,1fr);border:1px solid var(--line);background:#18201b}.stage-track li{position:relative;display:flex;align-items:center;justify-content:center;gap:11px;border-right:1px solid var(--line);color:#84907f;font-size:9px;letter-spacing:1.45px;min-height:57px}.stage-track li:last-child{border:0}.stage-track li>span{font-size:10px;font-family:var(--serif);font-style:italic;letter-spacing:0}.stage-track li.current{background:#2b3429;color:var(--gold2)}.stage-track li.current:after{content:'';height:2px;position:absolute;bottom:0;left:0;right:0;background:var(--gold)}.stage-track li.done{color:var(--green)}.stage-track li.done>span{font-family:var(--sans);font-style:normal}.workshop-layout{display:grid;grid-template-columns:minmax(0,1fr) 318px;gap:24px}.table-column{min-width:0}.workbench-frame{position:relative;background:#1d251f;border:1px solid #3c4739;box-shadow:0 18px 35px #00000026}.bench-top,.bench-bottom{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:14px 18px;font-size:8px;letter-spacing:1.5px;color:#a4af98}.bench-top>span:first-child{display:flex;align-items:center;gap:8px;color:var(--gold)}.bench-top>span:last-child{font-size:8px;color:#adb69f}.bench-bottom{min-height:49px;font-size:11px;letter-spacing:0;line-height:1.35;color:#c4cabb}.bench-bottom>span:last-child{font-size:9px;letter-spacing:2px;color:#98a68e;white-space:nowrap}#bench{display:block;width:100%;height:auto;aspect-ratio:900/560;touch-action:none;cursor:crosshair;user-select:none;-webkit-user-select:none;background:#7b4e2e}.bench-toast{position:absolute;left:50%;top:80px;transform:translate(-50%,-8px);max-width:90%;background:#182119f2;border:1px solid #a8b68766;color:var(--cream);padding:10px 16px;text-align:center;font-size:12px;pointer-events:none;opacity:0;transition:opacity .2s,transform .2s;box-shadow:0 5px 15px #0005;z-index:3}.bench-toast.show{opacity:1;transform:translate(-50%,0)}.workbench-note{display:flex;align-items:flex-start;gap:9px;padding:16px 2px;color:#9aa692;font-size:10px;line-height:1.6}.workbench-note svg{width:16px;height:16px;color:var(--gold);margin-top:1px}.workbench-note>span{flex:1}.workbench-note .quiet-button{font-size:9px;padding:0}.craft-principle{padding:17px 0 4px;border-top:1px solid #36403690}.craft-principle>span{font-size:8px;letter-spacing:1.7px;color:#95a388}.craft-principle p{font-family:var(--serif);font-size:19px;font-style:italic;color:#c8cdbb;margin-top:6px;line-height:1.5}.instruction-panel{padding:23px;background:#e9e2d2;color:#263022;display:flex;flex-direction:column;align-self:start;min-height:536px;position:relative}.instruction-panel:before{content:'';position:absolute;inset:5px;border:1px solid #59644025;pointer-events:none}.lesson-kicker{display:flex;align-items:center;justify-content:space-between;font-size:8px;letter-spacing:1.45px;color:#65704f}.lesson-kicker>span:last-child{padding:4px 6px;border:1px solid #59644040}.instruction-panel h2{font-family:var(--serif);font-size:32px;line-height:1.1;letter-spacing:-.8px;margin:19px 0 12px}.stage-description{font-size:12px;line-height:1.75;color:#5c644f}.stage-controls{margin:22px 0 18px}.tip-box{margin-top:auto;padding:14px 0 0;border-top:1px solid #7c80633b}.tip-box>span{font-size:8px;letter-spacing:1.5px;color:#6b7551;font-weight:600}.tip-box p{font-size:11px;line-height:1.65;color:#5c644f;margin-top:6px}.instruction-panel .primary{background:#293826;border-color:#293826;color:#f3ebda;font-size:12px;min-height:46px}.instruction-panel .primary:hover:not(:disabled){background:#415236;border-color:#415236}.next-button{width:100%;margin-top:17px;justify-content:space-between}.stage-feedback{font-size:11px;color:#49633a;line-height:1.55;margin-top:9px}.stage-feedback:empty{display:none}.choice-row{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.leaf-choice{border:1px solid #69765455;background:#dedbc9;color:#39472e;min-height:41px;font-size:11px}.leaf-choice.selected{border-color:#3e5d35;background:#c6ceae;box-shadow:inset 0 0 0 1px #3e5d35}.control-label{display:flex;justify-content:space-between;gap:10px;align-items:baseline;font-size:11px;font-weight:600;color:#455239;margin-bottom:10px}.control-label output{font-weight:400;color:#697453;font-size:10px;text-align:right}.slider-block{margin-top:20px}.slider-container{position:relative;height:28px;display:flex;align-items:center}.slider-zone{height:5px;background:#759768;position:absolute;left:45%;width:20%;top:11px;border-radius:3px;pointer-events:none;z-index:1}.slider-container:before{content:'';height:5px;background:#bcc0a6;position:absolute;left:0;right:0;top:11px;border-radius:3px}input[type=range]{width:100%;margin:0;height:28px;appearance:none;-webkit-appearance:none;background:transparent;position:relative;z-index:2;cursor:ew-resize;touch-action:pan-y}input[type=range]::-webkit-slider-runnable-track{height:5px;background:transparent}input[type=range]::-moz-range-track{height:5px;background:transparent}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:17px;height:22px;border:2px solid #e9e2d2;box-shadow:0 0 0 1px #526a45;background:#3b5331;border-radius:5px;margin-top:-9px}input[type=range]::-moz-range-thumb{width:14px;height:20px;border:2px solid #e9e2d2;box-shadow:0 0 0 1px #526a45;background:#3b5331;border-radius:5px}.slider-ends{display:flex;justify-content:space-between;font-size:8px;color:#777d65;margin-top:1px}.small-note{font-size:9px;line-height:1.6;color:#6a745a;margin-top:9px}.counter-row{display:flex;justify-content:space-between;font-size:11px;color:#5a684b;margin-bottom:10px}.counter-row b{font-weight:600;color:#31462b}.sub-button{width:100%;padding:11px 10px;border:1px solid #5e714752;background:#d9dcc6;color:#34472b;font-size:11px;min-height:40px}.sub-button:hover:not(:disabled){background:#cbd3b8}.sub-button+.sub-button{margin-top:8px}.timing-track{height:31px;background:linear-gradient(90deg,#c3b99e,#c4c7ac 40%,#c4c7ac 70%,#c3b99e);position:relative;border:1px solid #7a81614d;overflow:hidden}.timing-zone{height:100%;position:absolute;background:#658154;opacity:.7;border-left:1px solid #456435;border-right:1px solid #456435}.timing-needle{position:absolute;top:-1px;width:3px;height:33px;background:#273d24;box-shadow:0 0 0 2px #ede8d977;will-change:left;transform:translateX(-1px)}.timing-labels{display:flex;justify-content:space-between;font-size:8px;color:#6b755a;margin-top:6px}.action-button{width:100%;background:#d4ba80;color:#343d28;border:1px solid #aa945f;min-height:47px;font-size:12px;font-weight:600;display:flex;align-items:center;justify-content:center;margin-top:17px;touch-action:none;user-select:none;-webkit-user-select:none}.action-button:hover:not(:disabled){background:#dec68f}.action-button.holding{background:#b6c296;border-color:#6e8152;box-shadow:inset 0 2px 8px #546e3c33}.pass-dots{display:flex;gap:6px;margin-top:13px;justify-content:center}.pass-dots span{width:8px;height:8px;border:1px solid #8c9978;border-radius:50%;background:transparent}.pass-dots span.complete{background:#4e703f;border-color:#4e703f}.progress-bar{height:7px;background:#bfc6ab;margin-top:8px;overflow:hidden}.progress-bar>span{display:block;height:100%;background:#4d7042;width:0;transition:width .1s}.wrap-pad{display:grid;grid-template-columns:repeat(3,39px);grid-template-rows:repeat(2,34px);gap:5px;justify-content:center;margin-top:14px}.wrap-pad button{background:#d5dac2;border:1px solid #99a486;color:#3f5435;touch-action:none;font-size:17px}.wrap-pad button:first-child{grid-column:2}.wrap-pad button:nth-child(2){grid-column:1;grid-row:2}.wrap-pad button:nth-child(3){grid-column:2;grid-row:2}.wrap-pad button:nth-child(4){grid-column:3;grid-row:2}.selected-note{min-height:32px;font-size:10px;color:#616e50;margin-top:9px;line-height:1.6}.trim-readout{font-variant-numeric:tabular-nums}.stage-controls .hidden{display:none!important}
.results{padding:42px 0 15px}.result-top{text-align:center}.result-top .eyebrow{justify-content:center}.result-top h1{font-size:51px;letter-spacing:-1.8px;margin:16px 0 14px}.result-top p{font-size:13px;color:var(--muted)}.result-layout{margin-top:35px;display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:24px}.result-showcase{border:1px solid var(--line);background:radial-gradient(ellipse at 50% 35%,#3c492d99,#1d281e 75%);position:relative;text-align:center;overflow:hidden;display:flex;flex-direction:column;justify-content:center;min-height:438px;padding:30px 20px}.result-edition{position:absolute;top:24px;left:25px;color:#9aa98c;font-size:8px;letter-spacing:2px}.result-showcase canvas{display:block;width:100%;height:auto;margin-top:12px}.result-rank{font-family:var(--serif);font-style:italic;color:var(--gold2);font-size:30px;margin-top:-15px}.result-showcase p{font-size:12px;color:#aeb8a0;margin:10px auto 0;max-width:440px;line-height:1.7}.score-panel{background:#e9e2d2;padding:28px;color:#293724}.score-panel .eyebrow{color:#63744c;font-size:8px}.big-score{display:flex;align-items:baseline;gap:9px;margin:3px 0 0}.big-score strong{font-family:var(--serif);font-weight:400;font-size:89px;line-height:1.2;letter-spacing:-5px}.big-score>span{color:#72795f;font-size:13px}.personal-best-label{font-size:9px;letter-spacing:1.2px;color:#61734d;min-height:14px;margin-bottom:18px}.score-item{margin-bottom:13px}.score-item>div:first-child{display:flex;justify-content:space-between;font-size:11px}.score-item>div:last-child{height:3px;background:#cbd0b7;margin-top:5px}.score-item>div:last-child>span{height:100%;display:block;background:#607d4d}.score-disclaimer{font-size:9px;line-height:1.7;color:#747b63;border-top:1px solid #bdc1a7;padding-top:11px;margin-top:6px}.result-actions{display:flex;justify-content:center;gap:13px;margin-top:30px;flex-wrap:wrap}.secondary{background:transparent;color:var(--cream);border:1px solid var(--line);min-height:46px;padding:12px 18px;font-size:12px;display:flex;justify-content:center;align-items:center;gap:9px}.secondary svg{width:18px;height:18px}#resultStatus{min-height:32px;text-align:center;font-size:12px;color:var(--gold);padding-top:10px}.recent-runs{display:flex;justify-content:center;align-items:center;gap:12px;flex-wrap:wrap;margin:18px 0;color:#96a28c;font-size:10px}.recent-runs>span{font-size:8px;letter-spacing:1.4px}.run-pill{border:1px solid var(--line);padding:7px 11px}.run-pill b{color:var(--gold);font-weight:400;margin-left:7px}dialog{color:var(--cream);background:#1d271f;border:1px solid #637055;max-width:760px;width:calc(100% - 32px);padding:30px;box-shadow:0 28px 100px #0008;max-height:88dvh;overflow:auto}dialog::backdrop{background:#0a110ae8;backdrop-filter:blur(5px)}.dialog-top{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:18px}.dialog-top .icon-button{font-size:26px;font-weight:300;flex-shrink:0}dialog h2{font-family:var(--serif);font-size:36px;line-height:1.15;letter-spacing:-1px;margin-bottom:16px}dialog>p,.guide-controls p{color:var(--muted);font-size:12px;line-height:1.8;margin:10px 0}dialog h3{font-family:var(--serif);font-size:20px;margin-top:21px;margin-bottom:8px}.guide-grid{display:grid;grid-template-columns:1fr 1fr;gap:25px;margin:28px 0}.guide-grid article>span{font-size:8px;letter-spacing:1.6px;color:var(--gold)}.guide-grid h3{margin-top:6px;font-size:22px;line-height:1.3}.guide-grid p{font-size:12px;line-height:1.8;color:var(--muted);margin-top:9px}.guide-controls{border-top:1px solid var(--line);margin:24px 0}.guide-controls h3{margin-top:17px}dialog>.primary{margin-top:24px}.source-list{padding-left:18px;line-height:1.7;font-size:11px;color:var(--gold)}.source-list li{margin:9px 0}.source-list a{text-underline-offset:3px}.small-dialog{max-width:400px;padding:33px}.small-dialog .eyebrow{margin-bottom:16px}.small-dialog .primary,.small-dialog .secondary{width:100%;margin-top:12px}.small-dialog .quiet-button{display:block;margin:12px auto 0}.no-script{position:fixed;bottom:0;left:0;right:0;background:#eee;color:#222;text-align:center;padding:20px;z-index:100}.muted{color:var(--muted)}
@media(min-width:1500px){.app-shell{padding:0 54px}.welcome-art{min-height:716px}}
@media(max-width:1150px){.app-shell{padding:0 30px}.welcome{column-gap:30px}.welcome-art{min-height:710px}.welcome h1{font-size:66px}.workshop-layout{grid-template-columns:minmax(0,1fr) 286px;gap:18px}.instruction-panel{padding:19px}.instruction-panel h2{font-size:28px}.bench-top{font-size:7px;padding:12px}.bench-bottom{padding:12px;font-size:10px}.workbench-note{flex-wrap:wrap}.stage-track li{gap:6px;letter-spacing:.8px;font-size:8px}.hero-quote p{font-size:42px}.welcome-details{font-size:7px;letter-spacing:1px}}
@media(max-width:860px){.app-shell{padding:0 22px}.site-header{height:86px}.welcome{padding-top:28px;column-gap:20px;grid-template-columns:1.1fr .9fr}.welcome-copy{padding-top:16px}.welcome h1{font-size:54px;letter-spacing:-2px}.intro-copy{font-size:13px}.welcome-art{min-height:676px}.hero-quote{left:22px}.hero-quote>span{font-size:6px;letter-spacing:1px}.art-topline{left:22px;right:22px;font-size:6px}.art-caption{left:22px;font-size:6px}.welcome-details{flex-wrap:wrap;gap:7px;font-size:6px}.welcome-bottom{font-size:7px}.workshop-layout{grid-template-columns:1fr;gap:20px}.instruction-panel{min-height:0;display:grid;grid-template-columns:1fr 1fr;gap:0 24px;padding:25px}.lesson-kicker{grid-column:1}.instruction-panel h2{grid-column:1;margin-top:14px}.stage-description{grid-column:1}.stage-controls{grid-column:2;grid-row:1/5;margin:0}.tip-box{grid-column:1;margin-top:20px}.stage-feedback{grid-column:2}.next-button{grid-column:2;margin-top:14px}.craft-principle{display:none}.workbench-note{padding-bottom:0}.stage-track li{font-size:9px;min-height:50px}.game-heading h1{font-size:34px}.session-stats{gap:20px}.result-layout{grid-template-columns:minmax(0,1fr) 280px}.result-top h1{font-size:44px}.score-panel{padding:22px}.result-rank{font-size:25px}.result-showcase{padding:24px 12px}.result-showcase p{font-size:11px}footer{font-size:8px;flex-wrap:wrap;gap:12px}footer>span:nth-child(2){order:3;flex-basis:100%;text-align:center;font-size:8px}dialog .eyebrow{font-size:8px}}
@media(max-width:620px){.app-shell{padding:0 16px}.site-header{height:78px;gap:12px}.brand{font-size:12px;letter-spacing:1.3px;gap:9px}.brand small{font-size:6px;letter-spacing:1.7px}.brand-emblem{width:33px;height:37px}.brand-emblem svg{width:23px;height:23px}.header-actions{gap:11px}.header-actions .text-button span{display:none}.header-actions .text-button{padding:10px 2px}.icon-button{width:34px;height:34px}.adult-badge{display:none}.welcome{display:flex;flex-direction:column;position:relative;padding-top:0;gap:0}.welcome-copy{padding-top:32px;max-width:100%}.welcome .eyebrow{font-size:8px;letter-spacing:1.8px}.welcome h1{font-size:clamp(50px,11.8vw,72px);margin:22px 0 19px}.intro-copy{max-width:90%;font-size:13px;line-height:1.8}.welcome-art{min-height:340px;width:100%;order:2;margin-top:14px}.welcome-art canvas{height:140%;top:-35%;object-fit:contain;object-position:right center;left:15%;width:90%}.art-topline{top:26px;left:26px;right:26px;font-size:6px}.hero-quote{bottom:65px;left:28px}.hero-quote p{font-size:40px}.art-caption{bottom:28px;left:28px;font-size:6px}.mode-picker{max-width:100%;margin-top:26px}.mode-card{padding:13px 15px}.start-button{max-width:none}.age-consent{margin-top:19px}.welcome-details{font-size:7px;letter-spacing:1px;margin-top:17px;gap:11px}.welcome-bottom{order:3;padding:23px 0 8px;display:block;line-height:2.2;font-size:6px;text-align:center;letter-spacing:1px}.welcome-bottom span{display:block}.game{padding-top:25px}.game-heading{margin-bottom:20px}.game-heading .eyebrow{font-size:8px;letter-spacing:1.3px}.game-heading h1{font-size:30px;margin-top:7px}.session-stats{gap:12px}.session-stats>div:nth-child(2){display:none}.session-stats small{font-size:6px;letter-spacing:1px}.session-stats strong{font-size:25px}.session-stats>div>span{font-size:9px}.session-stats .icon-button{width:32px;height:32px}.stage-track{margin-bottom:16px}.stage-track li{flex-direction:column;gap:2px;font-size:6px;letter-spacing:.7px;min-height:50px}.stage-track li>span{font-size:11px}.bench-top{padding:10px 11px;font-size:6px;letter-spacing:1.2px}.bench-top>span:last-child{font-size:6px;letter-spacing:.9px}.bench-bottom{padding:10px 11px;font-size:10px;min-height:47px}.bench-bottom>span:last-child{font-size:7px;letter-spacing:1px}.workshop-layout{gap:17px}#bench{aspect-ratio:900/650;object-fit:fill}.workbench-note{font-size:9px;gap:7px;padding-top:12px}.workbench-note svg{width:14px;height:14px}.workbench-note .quiet-button{font-size:8px}.instruction-panel{display:flex;gap:0;padding:23px;min-height:0}.instruction-panel h2{font-size:29px;margin:15px 0 10px}.stage-description{font-size:12px}.stage-controls{margin:20px 0}.tip-box{margin-top:0}.next-button{margin-top:17px;font-size:12px}.lesson-kicker{font-size:8px}.bench-toast{top:52px;font-size:10px;padding:8px 10px;min-width:210px}.result-top h1{font-size:37px;line-height:1.1}.result-top p{font-size:12px;max-width:280px;margin:auto}.results{padding-top:30px}.result-layout{grid-template-columns:1fr;gap:17px;margin-top:26px}.result-showcase{min-height:300px;padding:20px 15px}.result-showcase canvas{margin-top:24px}.result-edition{font-size:7px;top:21px;left:20px;letter-spacing:1.3px}.result-rank{font-size:29px;margin-top:-12px}.result-showcase p{font-size:11px;padding:0 12px}.score-panel{padding:24px;display:grid;grid-template-columns:1fr 1.3fr;column-gap:20px}.score-panel>.eyebrow{grid-column:1;grid-row:1;font-size:7px}.big-score{grid-row:2;grid-column:1;align-items:baseline}.big-score strong{font-size:69px}.big-score>span{font-size:10px}.personal-best-label{grid-row:3;grid-column:1;line-height:1.7;font-size:8px;margin-top:9px}.score-breakdown{grid-row:1/5;grid-column:2}.score-item{margin-bottom:11px}.score-item>div:first-child{font-size:10px}.score-disclaimer{grid-column:1/-1;font-size:8px}.result-actions{gap:9px;display:grid;grid-template-columns:1fr 1fr;margin-top:21px}.result-actions .primary{grid-column:1/-1}.result-actions .quiet-button{grid-column:1/-1}.result-actions .secondary{font-size:10px;padding:11px}.recent-runs{gap:7px;font-size:9px}.recent-runs>span{flex-basis:100%;text-align:center}dialog{padding:23px;max-height:90dvh}.guide-grid{grid-template-columns:1fr;gap:22px}.guide-grid h3{font-size:24px}dialog h2{font-size:31px}.dialog-top .eyebrow{font-size:7px;letter-spacing:1.4px}.dialog-top .icon-button{width:32px;height:32px}footer>span:first-child{font-size:7px}.mode-heading span{font-size:7px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}
/* Avoid double-tap delays on ordinary controls; drag/hold controls keep their own rules. */
button:not(.action-button):not([data-dx]),a,input[type=checkbox]{touch-action:manipulation}

/* JSK Rolling Room brand layer — gameplay controls retain their original behavior. */
:root{--bg:#090707;--panel:#171010;--panel2:#241515;--cream:#f5f0e8;--muted:#c2b4a4;--gold:#c9a84c;--gold2:#ead27f;--line:#6e4f298c;--green:#a11928;--red:#b0212c}
body{background-image:radial-gradient(ellipse at 76% 4%,#64131e9e,transparent 56%),radial-gradient(ellipse at 18% 84%,#2f1015c9,transparent 48%)}
.site-header{border-bottom-color:#c9a84c40}.brand-emblem{border-color:#c9a84c85;background:#0a0808;overflow:hidden;padding:4px}.brand-emblem img{max-width:100%;max-height:100%;object-fit:contain}.brand small{color:#c9a84c}.game-site-links{display:flex;align-items:center;gap:14px;margin-left:auto}.game-site-links a{color:#ead27f;text-decoration:none;font-size:8px;font-weight:700;letter-spacing:1.25px;white-space:nowrap}.game-site-links a:hover{color:#fff3bf}.welcome-art{background:#1b0a0b;background-image:radial-gradient(ellipse at 60% 36%,#541420,transparent 70%);border-color:#a51b2c7a}.mode-card.selected{background:#371217;border-color:#c9a84c}.mode-card.selected:after{border-color:#371217}.instruction-panel .primary{background:#851722;border-color:#851722}.instruction-panel .primary:hover:not(:disabled){background:#a61f2c;border-color:#a61f2c}.stage-track{background:#190f10}.stage-track li.current{background:#3d151a}.stage-track li.done{color:#d69257}.workbench-frame{background:#190f10;border-color:#6f3d2d}.result-showcase{background:radial-gradient(ellipse at 50% 35%,#63192899,#16090a 75%)}dialog{background:#1d0c0e;border-color:#8b3843}dialog::backdrop{background:#080405e8}.dot{background:#c9a84c;box-shadow:0 0 8px #c9a84c66}
@media(max-width:1100px){.game-site-links{display:flex;gap:8px;margin-left:auto}.game-site-links a:not(:first-child){display:none}.game-site-links a:first-child{font-size:7px;letter-spacing:1px;color:var(--gold2)}.header-actions{margin-left:0}}