:root{color-scheme:dark;--ink:#243c39;--muted:#b84e26;--mint:#b84e26;--amber:#e6c28b}*{box-sizing:border-box}body{margin:0;background:#f5e8bd;color:var(--ink);font-family:Arial,sans-serif}button{font:inherit;cursor:pointer;background:#fff7dd;border:1px solid #d6bc7e;border-radius:9px;color:inherit;padding:12px 17px;touch-action:manipulation}button:disabled{opacity:.45;cursor:default}button:hover{border-color:var(--mint)}button:focus-visible,canvas:focus-visible{outline:3px solid var(--amber);outline-offset:2px}[hidden]{display:none!important}main{max-width:1320px;margin:auto;padding:0 24px}header{height:76px;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;gap:13px;align-items:center}.brand img{object-fit:contain}small,.eyebrow{font-size:9px;font-weight:700;letter-spacing:1.5px;color:var(--muted)}h1{font-size:26px;letter-spacing:-1px;margin:5px 0 0}h1 span{color:var(--mint)}.shell{background:#fff7dd;border:1px solid #d6bc7e;border-radius:13px;overflow:hidden}.dashboard{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:15px 21px}.oxygen-stat{width:220px}.oxygen-stat small{display:flex;justify-content:space-between}.oxygen-stat b{font-size:15px;color:var(--mint);letter-spacing:0}.meter{height:5px;background:#d6bc7e;margin:8px 0}.meter i{display:block;height:100%;width:100%;background:var(--mint);border-radius:3px}.oxygen-stat>span{display:block;font-size:7px;letter-spacing:.8px;color:#b84e26}.oxygen-stat.low .meter i{background:#efb27d}.oxygen-stat.low b{color:#b84e26}.stats{display:flex;gap:28px;text-align:right}.stats strong{display:block;font-size:22px;margin-top:6px}.play-area{position:relative;display:flex;align-items:center;justify-content:center;height:min(53vw,calc(100svh - 310px));min-height:330px;background:#fff7dd;overflow:hidden}.stage{position:relative}canvas{display:block;width:100%;height:100%;touch-action:none}.scene-guide{position:absolute;top:14px;left:20px;right:20px;display:flex;justify-content:space-between;gap:15px;pointer-events:none;color:#b84e26;text-shadow:0 2px 8px #f5e8bd;font-size:9px;font-weight:700;letter-spacing:1.1px}.toast{position:absolute;top:27%;left:10%;right:10%;text-align:center;pointer-events:none;font-weight:900;font-size:clamp(17px,2.7vw,30px);color:#b84e26;text-shadow:0 2px 12px #f5e8bd;opacity:0;transform:translateY(6px);transition:opacity .15s,transform .15s}.toast.visible{opacity:1;transform:translateY(0)}.stick{position:absolute;width:78px;height:78px;border:1px solid #b84e2688;border-radius:50%;transform:translate(-50%,-50%);pointer-events:none;background:#b84e260b}.stick i{display:block;position:absolute;width:26px;height:26px;top:25px;left:25px;border-radius:50%;background:#b84e2688;transform:translate(var(--sx,0px),var(--sy,0px))}.controls{display:flex;justify-content:space-between;align-items:center;gap:15px;padding:13px 20px}.dpad{width:150px;display:grid;grid-template-columns:repeat(3,44px);grid-template-rows:repeat(2,40px);gap:5px}.dpad button{padding:7px;touch-action:none;user-select:none;-webkit-user-select:none}.dpad button:nth-child(1){grid-column:2;grid-row:1}.dpad button:nth-child(2){grid-column:1;grid-row:2}.dpad button:nth-child(3){grid-column:3;grid-row:2}.dpad button:nth-child(4){grid-column:2;grid-row:2}.dpad svg{stroke:currentColor;stroke-width:2;fill:none;width:20px;height:20px}.bag{text-align:center}.bag strong{display:block;font-size:20px;margin-top:6px}.bag>span{display:block;color:#b84e26;font-size:8px;letter-spacing:1px;margin-top:7px}.primary{background:var(--mint);border-color:var(--mint);color:#b84e26;font-weight:700}.burst{min-width:125px;min-height:59px;touch-action:none;user-select:none;-webkit-user-select:none}.burst small{display:block;color:#b84e26;font-size:7px;letter-spacing:.7px;margin-top:7px}.overlay{position:absolute;inset:0;z-index:5;display:flex;align-items:center;overflow:auto;background:#f5e8bdf0}.menu{display:grid;grid-template-columns:1.1fr 1fr;align-items:center;gap:5%;padding:25px 6%;width:100%}.menu h2{font-size:clamp(34px,5vw,68px);line-height:.98;letter-spacing:-2.5px;margin:17px 0}.menu h2 em{font-style:normal;color:var(--mint)}.menu p{font-size:13px;line-height:1.65;color:#b84e26}.difficulties,.upgrades{display:flex;gap:8px;margin:15px 0 12px}.difficulties button,.upgrades button{flex:1;padding:11px 5px;font-size:12px}.difficulties small,.upgrades small{display:block;font-size:7px;letter-spacing:.6px;margin-top:5px}.difficulties [aria-pressed=true]{background:var(--mint);color:#b84e26;border-color:var(--mint)}.difficulties [aria-pressed=true] small{color:#b84e26}.upgrades span{display:block;font-size:9px;color:#b84e26;margin-top:6px}.upgrades button[aria-pressed=true]{border-color:var(--mint);background:#d6bc7e}.menu .primary{display:flex;justify-content:space-between;width:100%}.secondary{margin-top:9px;font-size:11px}.menu .howto{font-size:9px;line-height:1.6}.menu .record{font-size:9px;letter-spacing:1px;color:#b84e26}#upgrade-note{font-size:10px;color:#b84e26}.menu-art img{width:100%;border-radius:12px}.menu-art span{display:block;font-size:9px;letter-spacing:1.5px;color:#b84e26;margin-top:15px}footer{display:flex;justify-content:space-between;font-size:10px;color:#7a613c;padding:14px 0}.loading{position:fixed;inset:0;z-index:20;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:25px;background:#f5e8bd}.loading img{object-fit:contain}.loading>span{font-size:11px;letter-spacing:5px}.loading>div{width:100px;height:2px;background:var(--mint);animation:load 1s ease-in-out infinite}.loading small{position:absolute;bottom:28px;font-size:10px;letter-spacing:.5px}@keyframes load{50%{transform:scaleX(.3);opacity:.4}}@media(max-width:650px){main{padding:0 8px}header{height:57px}.brand{gap:9px}.brand img{width:25px;height:31px}.brand small{font-size:7px;letter-spacing:1px}h1{font-size:22px}header button{padding:10px 13px;font-size:12px}.dashboard{padding:10px 12px;gap:12px}.oxygen-stat{width:130px}.oxygen-stat small{font-size:7px;letter-spacing:1px}.oxygen-stat b{font-size:13px}.oxygen-stat>span{font-size:5px;letter-spacing:.4px}.meter{margin:6px 0}.stats{gap:13px}.stats small{font-size:7px;letter-spacing:.6px}.stats strong{font-size:16px;margin-top:5px}.play-area{height:calc(100svh - 285px);min-height:320px}.scene-guide{left:12px;right:12px;top:11px;font-size:7px;letter-spacing:.6px}.controls{padding:11px 9px;gap:8px}.dpad{width:108px;grid-template-columns:repeat(3,33px);grid-template-rows:repeat(2,36px);gap:4px}.dpad svg{width:17px;height:17px}.dpad button{padding:7px 5px}.bag small{font-size:6px;letter-spacing:.5px}.bag strong{font-size:14px}.bag>span{font-size:6px;letter-spacing:.1px;max-width:110px;line-height:1.5}.burst{min-width:73px;padding:12px 8px;font-size:13px}.burst small{font-size:6px;letter-spacing:0}.menu{display:block;padding:25px}.menu h2{font-size:43px;margin:13px 0}.menu p{font-size:12px}.menu .howto{font-size:8px}.menu .record{font-size:8px}.menu-art{display:none}.difficulties,.upgrades{margin:12px 0}.difficulties button,.upgrades button{padding:10px 4px}footer{font-size:8px;padding:11px 0}footer span:last-child{display:none}}@media(max-width:360px){.dashboard{padding:9px;gap:8px}.oxygen-stat{width:104px}.stats{gap:9px}.stats strong{font-size:14px}.menu{padding:19px}.menu h2{font-size:35px}.menu .howto{font-size:7px}.controls{padding:10px 7px;gap:5px}.bag strong{font-size:12px}.bag>span{font-size:5px}.burst{min-width:65px}.dpad{width:99px;grid-template-columns:repeat(3,30px)}}@media(max-height:500px) and (min-width:651px){header{height:52px}.dashboard{padding:8px 16px}.play-area{min-height:210px;height:calc(100svh - 230px)}.controls{padding:8px 16px}.dpad{grid-template-rows:repeat(2,28px)}.dpad button{padding:3px}.burst{min-height:47px}.menu{padding:12px 5%}.menu h2{font-size:31px;margin:8px 0}.menu .howto,.menu-art span{display:none}.menu p{font-size:10px}.difficulties,.upgrades{margin:8px 0}}@media(prefers-reduced-motion:reduce){.loading>div{animation:none}.toast{transition:none}}
@media(max-width:650px){.dpad{width:140px;grid-template-columns:repeat(3,44px);grid-template-rows:repeat(2,44px)}.bag{min-width:0;flex:1}.bag strong{line-height:1.4}.bag>span{margin-left:auto;margin-right:auto}}
.expedition{position:absolute;bottom:12px;left:16px;padding:5px 7px;border-radius:4px;background:#f5e8bd88;color:#243c39;font-size:9px;letter-spacing:.6px;pointer-events:none}@media(max-width:650px){.expedition{font-size:8px;bottom:10px;left:11px}}

/* deep-dive: independent visual identity, shared studio only. */
:root{color-scheme:light;--bg:#f5e8bd;--panel:#fff7dd;--line:#d6bc7e;--muted:#7a613c;--text:#243c39;--mint:#b84e26;--gold:#b84e26;--peach:#b84e26;--cyan:#b84e26;--accent:#b84e26;--light:#fff7dd;--dark:#d6bc7e}
body{background:#f5e8bd;color:#243c39;font-family:"Trebuchet MS", sans-serif}
h1,h2,h3{font-family:"Trebuchet MS", sans-serif}
button{border-radius:16px}
.overlay,.veil{background:#f5e8bded;color:#243c39;backdrop-filter:none}
.menu,.menu-card,.card,.panel{color:#243c39}
.primary,.primary-button,.launch{background:#b84e26;color:#b84e26;border-color:#b84e26}
.primary:hover,.primary-button:hover,.launch:hover{background:#b84e26;filter:brightness(1.1)}
button[aria-pressed=true]{border-color:#b84e26}

:root{--honey:#b84e26;--amber:#b84e26}
h2 em,h2>span,.chapter-select button strong,.control-button strong{color:#b84e26}

:root{--honey:#b84e26;--amber:#b84e26}
h2 em,h2>span,.chapter-select button strong,.control-button strong{color:#b84e26}
.primary,.primary-button,.launch{color:#ffffff!important}
