:root{--ink:#18262a;--blue:#0d5062;--blue-dark:#073744;--paper:#f2e7c6;--copper:#b9582b;--copper-dark:#71351f;--cream:#fff8de;--oxygen:#58c9df;--carbon:#e1b45a;--danger:#a92f2f;--safe:#1d6b55;--sky:#c7e1df;font-family:"Yu Gothic","Hiragino Kaku Gothic ProN",system-ui,sans-serif;color:var(--ink);background:var(--blue-dark)}
*{box-sizing:border-box}html{min-width:320px;background:var(--blue-dark)}body{margin:0;min-height:100vh;overflow-x:hidden;background:#d9d1b9;background-image:repeating-linear-gradient(0deg,rgba(24,38,42,.035) 0,rgba(24,38,42,.035) 1px,transparent 1px,transparent 6px)}button,a{font:inherit}button{min-height:46px;color:inherit;cursor:pointer}button:focus-visible,a:focus-visible,[tabindex]:focus-visible{outline:4px solid #ffe06b;outline-offset:3px}.topbar{height:58px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:7px max(12px,env(safe-area-inset-right)) 7px max(12px,env(safe-area-inset-left));background:var(--blue-dark);color:#fff6d5;border-bottom:4px solid var(--ink);position:relative;z-index:20}.topbar a{color:#fff6d5;text-decoration:none;font-weight:900}.brand{font-weight:1000;letter-spacing:.12em}.sound-button{border:2px solid currentColor;background:transparent;color:inherit;padding:7px 12px;font-weight:900;box-shadow:3px 3px 0 rgba(0,0,0,.35)}main{width:min(1360px,100%);margin:auto;background:var(--paper)}.screen{min-height:calc(100vh - 58px)}[hidden]{display:none!important}

.start-screen{display:grid;grid-template-columns:minmax(350px,.82fr) 1.18fr;position:relative;overflow:hidden;background:var(--paper)}.hero-copy{align-self:center;padding:clamp(30px,6vw,78px);z-index:2}.eyebrow{margin:0 0 12px;color:var(--copper-dark);font-weight:1000;letter-spacing:.13em}.hero-copy h1{margin:0;font:1000 clamp(48px,7vw,92px)/.93 serif;letter-spacing:.04em}.hero-copy h1 span{display:inline-block;color:var(--copper);font-size:1.15em}.lead{max-width:36em;font-size:clamp(16px,1.8vw,21px);font-weight:800;line-height:1.8}.start-instructions{list-style:none;margin:22px 0;padding:0;border-top:3px solid var(--ink)}.start-instructions li{display:grid;grid-template-columns:9em 1fr;gap:12px;padding:10px 4px;border-bottom:1px dashed #746f61}.start-instructions b{color:var(--blue)}.start-instructions span{font-size:14px;font-weight:700}.lever-button{border:4px solid var(--ink);background:var(--copper);color:white;padding:12px 23px;font-weight:1000;box-shadow:7px 7px 0 var(--ink);text-transform:none}.lever-button:hover,.lever-button:focus-visible{transform:translate(3px,3px);box-shadow:4px 4px 0 var(--ink)}.safety-note{font-size:12px;line-height:1.6;font-weight:700;max-width:40em}.hero-blueprint{min-height:640px;position:relative;overflow:hidden;border-left:5px solid var(--ink);background-color:var(--blue);background-image:linear-gradient(rgba(116,203,215,.12) 1px,transparent 1px),linear-gradient(90deg,rgba(116,203,215,.12) 1px,transparent 1px);background-size:34px 34px;color:#e9f5df}.hero-blueprint:before{content:"SIDE ELEVATION / AIR FLOW";position:absolute;left:22px;top:18px;font:800 12px monospace;letter-spacing:.15em;color:#8ed3dc}.measure-line{position:absolute;right:5%;top:8%;width:150px;height:150px;border:2px solid #86cbd2;border-radius:50%;display:grid;place-items:center}.measure-line:before{content:"";position:absolute;inset:13px;border:1px dashed #86cbd2;border-radius:50%}.measure-line span{font:1000 32px monospace}.measure-line i{position:absolute;width:56px;height:2px;background:#f3d267;transform:rotate(-48deg);transform-origin:right}.measure-line b{position:absolute;bottom:22px;font:900 14px monospace}.preview-tower{position:absolute;width:min(58%,470px);left:45%;bottom:48px;transform:translateX(-50%);display:flex;flex-direction:column;align-items:center;filter:drop-shadow(12px 16px 0 rgba(0,0,0,.22))}.preview-cap{width:44%;height:42px;border:5px solid #13262b;border-bottom:0;background:#e4c069;clip-path:polygon(20% 100%,25% 35%,75% 35%,80% 100%)}.preview-ring{height:81px;border:5px solid #13262b;background:var(--copper);display:grid;grid-template-columns:1fr 2fr;align-items:center;color:#fff6dd;position:relative}.preview-ring:nth-of-type(even){transform:translateX(16px)}.preview-ring:nth-of-type(odd){transform:translateX(-13px)}.preview-ring.wide{width:90%}.preview-ring.channel{width:78%;background:#b86c3b}.preview-ring.brace{width:72%;background:#8e4a2c;background-image:linear-gradient(29deg,transparent 44%,#edb561 45% 53%,transparent 54%),linear-gradient(-29deg,transparent 44%,#edb561 45% 53%,transparent 54%)}.preview-ring i{width:62px;height:44px;margin:auto;background:var(--blue-dark);border:5px solid #13262b;border-radius:50%}.preview-ring span{font:1000 17px monospace;letter-spacing:.15em}.preview-base{width:100%;height:105px;border:5px solid #13262b;background:#d4c18c;display:grid;place-items:center}.flame-shape,.flame i,.result-flame i{display:block;width:42px;height:68px;background:#f2c94c;border:4px solid var(--ink);border-radius:55% 45% 55% 45%;transform:rotate(45deg);box-shadow:inset 9px 9px 0 #e35b31}.air-sketch{position:absolute;color:#73d5e5;font-size:70px;font-weight:1000;animation:airRise 2s ease-in-out infinite}.air-one{left:12%;bottom:22%}.air-two{right:10%;bottom:34%;animation-delay:.7s}.wind-sketch{position:absolute;right:5%;top:33%;font:900 15px/1.6 monospace;color:#ffd36e;transform:rotate(-4deg)}.diagram-note{position:absolute;left:25px;bottom:15px;margin:0;font:800 13px monospace;letter-spacing:.08em}.record-strip{position:absolute;left:0;bottom:0;background:var(--ink);color:white;padding:10px 25px;font-weight:900}

.play-screen{background:#b9d3d1;padding:12px max(12px,env(safe-area-inset-right)) 36px max(12px,env(safe-area-inset-left))}.instrument-bar{display:grid;grid-template-columns:.7fr 1fr 1fr .8fr 1fr;background:var(--ink);color:#fff4d8;border:4px solid var(--ink);box-shadow:5px 5px 0 #0c252c;margin-bottom:15px}.instrument-bar>div{padding:7px 12px;border-right:1px solid #6f8c90}.instrument-bar>div:last-child{border:0}.instrument-bar small{display:block;font-size:10px;letter-spacing:.08em;font-weight:800}.instrument-bar strong{font:1000 21px monospace}.instrument-bar .oxygen strong{color:#77e2f0}.instrument-bar .carbon strong{color:#ffd071}.observation-layout{display:grid;grid-template-columns:minmax(0,1.38fr) minmax(320px,.62fr);gap:16px}.tower-world{min-height:680px;position:relative;overflow:hidden;border:5px solid var(--ink);background:#e6dfbf;touch-action:pan-y;background-image:linear-gradient(rgba(13,80,98,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(13,80,98,.08) 1px,transparent 1px);background-size:32px 32px}.sky-lines{position:absolute;inset:0;background:linear-gradient(160deg,transparent 0 58%,rgba(13,80,98,.11) 59% 61%,transparent 62%),linear-gradient(20deg,transparent 0 66%,rgba(185,88,43,.1) 67% 69%,transparent 70%);pointer-events:none}.forecast-flag{position:absolute;z-index:8;left:12px;top:12px;right:12px;min-height:62px;background:var(--blue-dark);color:#fff4d7;border:3px solid var(--ink);display:grid;grid-template-columns:1fr auto;align-items:center;padding:8px 15px;box-shadow:5px 5px 0 rgba(0,0,0,.28)}.forecast-flag small,.forecast-flag strong{display:block}.forecast-flag small{font:800 10px monospace;color:#79dce7}.forecast-flag strong{font-size:16px}.forecast-flag span{grid-column:2;grid-row:1/3;font:1000 24px monospace;color:#ffd165}.warning-tape{position:absolute;z-index:7;top:86px;left:20px;right:20px;background:#f3d06c;border:3px solid var(--ink);padding:7px 12px;text-align:center;font-weight:900;font-size:13px;transform:rotate(-.4deg)}.warning-tape.danger{background:#b63532;color:white;background-image:repeating-linear-gradient(135deg,transparent 0 16px,rgba(255,255,255,.12) 16px 30px)}.air-column{position:absolute;z-index:1;left:50%;top:145px;bottom:82px;width:180px;transform:translateX(-50%);border-left:2px dashed var(--oxygen);border-right:2px dashed var(--oxygen);opacity:.7}.air-column i{position:absolute;left:50%;width:18px;height:18px;border-left:5px solid var(--oxygen);border-top:5px solid var(--oxygen);transform:translateX(-50%) rotate(45deg);animation:airFlow 2.4s linear infinite}.air-column i:nth-child(1){bottom:8%}.air-column i:nth-child(2){bottom:30%;animation-delay:.6s}.air-column i:nth-child(3){bottom:52%;animation-delay:1.2s}.air-column i:nth-child(4){bottom:74%;animation-delay:1.8s}.tower-stage{position:absolute;z-index:3;inset:140px 4% 48px;display:flex;flex-direction:column;justify-content:flex-end;align-items:center}.tower-stack{width:min(590px,86%);display:flex;flex-direction:column-reverse;align-items:center;gap:2px}.tower-ring,.ghost-ring{--offset:0;width:68%;height:48px;flex:0 0 48px;transform:translateX(calc(var(--offset) * 28px));border:4px solid var(--ink);background:var(--copper);color:#fff7df;display:grid;grid-template-columns:1fr 2fr auto;align-items:center;gap:7px;padding:3px 12px;box-shadow:inset 0 -8px 0 rgba(72,30,17,.2);position:relative}.tower-ring.wide,.ghost-ring.wide{width:88%;background:#bd5c2d}.tower-ring.channel,.ghost-ring.channel{width:74%;background:#a9663e}.tower-ring.brace,.ghost-ring.brace{width:67%;background-color:#81513b;background-image:linear-gradient(27deg,transparent 45%,#d4a04f 46% 53%,transparent 54%),linear-gradient(-27deg,transparent 45%,#d4a04f 46% 53%,transparent 54%)}.tower-ring .duct-hole,.ghost-ring .duct-hole,.drag-ring .duct-hole{width:42px;height:25px;background:var(--blue-dark);border:3px solid var(--ink);border-radius:50%;box-shadow:inset 0 0 0 4px #58c9df}.tower-ring b,.ghost-ring b{font:900 12px monospace;letter-spacing:.12em}.tower-ring small{font:900 10px monospace;color:#ffe28d}.tower-ring.newest{animation:ringDrop .48s cubic-bezier(.2,.8,.2,1)}.ghost-ring{opacity:.45;border-style:dashed;margin-bottom:4px}.burner-base{width:min(670px,94%);height:86px;border:5px solid var(--ink);background:#706047;position:relative;display:flex;align-items:flex-end;justify-content:center;padding-bottom:5px;color:#fff6d7;font:900 11px monospace;letter-spacing:.15em}.burner-base:before,.burner-base:after{content:"";position:absolute;bottom:0;width:18%;height:25px;background:#33494a;border:4px solid var(--ink)}.burner-base:before{left:7%}.burner-base:after{right:7%}.flame{position:absolute;left:50%;top:-54px;width:60px;height:75px;transform:translateX(-50%);display:grid;place-items:center}.flame i{width:34px;height:52px;transition:.25s transform,.25s opacity}.flame.bright i{transform:rotate(45deg) scale(1.12);box-shadow:inset 8px 8px 0 #e2592f,0 0 22px #f0a733}.flame.weak i{transform:rotate(45deg) scale(.78)}.flame.low i{transform:rotate(45deg) scale(.42);opacity:.55}.world-legend{position:absolute;z-index:5;left:9px;right:9px;bottom:5px;display:flex;gap:16px;justify-content:center;flex-wrap:wrap;font:800 10px monospace}.world-legend span{display:flex;align-items:center;gap:5px}.world-legend i{width:20px;height:4px;display:inline-block;background:var(--oxygen)}.world-legend .legend-exhaust{background:var(--carbon)}.tower-world.impact{animation:impact .35s ease-out}.tower-world.release .air-column{opacity:1}.tower-world.release .flame{animation:successPulse .5s ease-out}

.build-console{align-self:start;background:#e9dfbc;border:5px solid var(--ink);box-shadow:8px 8px 0 var(--blue-dark);padding:16px}.console-title{border-bottom:4px double var(--ink);margin-bottom:10px}.console-title span{font:800 10px monospace;letter-spacing:.18em;color:var(--blue)}.console-title h2{margin:3px 0 8px;font-size:25px}.scenario-reason{min-height:46px;margin:8px 0;padding:8px 10px;border-left:7px solid var(--copper);background:#fff5d7;font-size:13px;font-weight:800;line-height:1.55}.ring-selector{display:grid;gap:7px}.ring-selector button{display:grid;grid-template-columns:60px 1fr;text-align:left;align-items:center;border:3px solid var(--ink);background:#d5c69e;padding:7px 9px;box-shadow:3px 3px 0 #6a5948}.ring-selector button.selected{outline:5px solid var(--blue);outline-offset:1px;background:#fff3c9}.ring-selector button.selected:after{content:"選択中";font:900 10px monospace;color:var(--blue)}.ring-selector b,.ring-selector small{display:block}.ring-selector small{font-size:11px}.ring-icon{grid-row:1/3;width:54px;height:38px;border:3px solid var(--ink);background:var(--copper);display:grid;place-items:center}.ring-icon i{display:block;width:26px;height:15px;border-radius:50%;background:var(--blue-dark);border:2px solid var(--oxygen)}.ring-icon.channel{width:45px;margin-left:4px;background:#a9663e}.ring-icon.brace{width:40px;margin-left:7px;background:#81513b;background-image:linear-gradient(30deg,transparent 43%,#e3ad51 44% 55%,transparent 56%),linear-gradient(-30deg,transparent 43%,#e3ad51 44% 55%,transparent 56%)}.position-rig{margin:14px 0 9px;padding:9px;background:var(--blue-dark);color:white;border:3px solid var(--ink)}.rig-scale{display:flex;justify-content:space-between;font:800 10px monospace;color:#8be2ea}.drag-track{height:74px;position:relative;margin:4px 10px;border-bottom:3px solid #8be2ea;background-image:linear-gradient(90deg,transparent 0 24%,rgba(117,218,230,.18) 25% 26%,transparent 27% 49%,rgba(117,218,230,.18) 50% 51%,transparent 52% 74%,rgba(117,218,230,.18) 75% 76%,transparent 77%)}.drag-ring{--offset:0;position:absolute;width:44%;height:50px;left:28%;top:8px;transform:translateX(calc(var(--offset) * 34%));border:4px solid var(--ink);background:var(--copper);display:grid;grid-template-columns:40px 1fr;align-items:center;padding:3px 8px;gap:6px;touch-action:pan-y;user-select:none;color:white}.drag-ring.channel{width:38%;left:31%;background:#a9663e}.drag-ring.brace{width:34%;left:33%;background:#81513b;background-image:linear-gradient(30deg,transparent 44%,#d5a04f 45% 54%,transparent 55%),linear-gradient(-30deg,transparent 44%,#d5a04f 45% 54%,transparent 55%)}.drag-ring b{font:900 11px monospace}.drag-ring .duct-hole{width:32px;height:19px}.nudge-buttons{display:grid;grid-template-columns:1fr 1.3fr 1fr;gap:5px}.nudge-buttons button{min-height:40px;border:2px solid #b7e4e3;background:#183f48;color:white;font-size:11px;font-weight:900}.prediction{display:grid;grid-template-columns:repeat(3,1fr);border:3px solid var(--ink);margin:10px 0}.prediction p{margin:0;padding:7px 5px;border-right:1px solid #81755e;text-align:center}.prediction p:last-child{border:0}.prediction span,.prediction strong{display:block}.prediction span{font-size:9px;font-weight:800}.prediction strong{font-size:12px;margin-top:4px}.prediction strong[data-level="danger"]{color:var(--danger);text-decoration:underline double}.prediction strong[data-level="ok"]:before{content:"✓ ";color:var(--safe)}.stack-button{width:100%;border:4px solid var(--ink);background:var(--copper);color:white;padding:11px;font-weight:1000;box-shadow:5px 5px 0 var(--ink)}.repair-button{width:100%;margin-top:9px;border:3px solid var(--ink);background:#e2c46f;padding:8px;font-weight:900}.repair-button:disabled,.stack-button:disabled{opacity:.5}.status-message{min-height:48px;margin:12px 0 0;padding:8px;border-top:2px dashed #756c58;font-size:13px;font-weight:900;line-height:1.55}.status-message.success{color:var(--safe)}.status-message.warning{color:var(--danger)}.status-message.notice{color:var(--blue)}

.quiz-screen{display:grid;place-items:center;padding:22px;background:var(--blue);background-image:linear-gradient(rgba(120,208,218,.15) 1px,transparent 1px),linear-gradient(90deg,rgba(120,208,218,.15) 1px,transparent 1px);background-size:32px 32px}.quiz-sheet{width:min(780px,100%);background:var(--paper);border:5px solid var(--ink);box-shadow:14px 14px 0 #082e38;padding:clamp(20px,5vw,52px);position:relative}.quiz-sheet:before{content:"OBSERVATION NOTE";position:absolute;right:16px;top:12px;font:800 10px monospace;color:#9a5c3d;letter-spacing:.14em}.quiz-kicker{margin:0;color:var(--copper-dark);font-weight:1000}.quiz-sheet h2{font-size:clamp(25px,4vw,39px);margin:8px 0;border-bottom:4px double var(--ink);padding-bottom:9px}.quiz-progress{font:900 13px monospace;color:var(--blue)}.quiz-question{font-size:clamp(18px,3vw,25px);font-weight:900;line-height:1.55}.quiz-choices{display:grid;grid-template-columns:1fr 1fr;gap:10px}.quiz-choices button{width:100%;border:3px solid var(--ink);background:#dfd0a6;text-align:left;padding:12px;font-weight:800;line-height:1.5;overflow-wrap:anywhere}.quiz-choices button[data-correct="true"]{background:#c7e3ce}.quiz-choices button[data-correct="true"]:before{content:"正解："}.quiz-choices button[data-chosen="true"]{outline:4px solid var(--copper)}.quiz-feedback{margin-top:14px;padding:13px 15px;border-left:8px solid var(--blue);background:#d1e5db}.quiz-feedback strong{font-size:20px}.quiz-feedback p{line-height:1.7;font-weight:700}

.result-screen{display:grid;grid-template-columns:1.08fr .92fr;background:var(--paper)}.result-tower-scene{min-height:640px;position:relative;overflow:hidden;background:var(--blue);border-right:5px solid var(--ink)}.result-tower-scene:before{content:"";position:absolute;inset:0;background:linear-gradient(rgba(111,205,216,.13) 1px,transparent 1px),linear-gradient(90deg,rgba(111,205,216,.13) 1px,transparent 1px);background-size:35px 35px}.dawn-lines{position:absolute;inset:-30%;background:repeating-conic-gradient(from 12deg,rgba(255,216,105,.16) 0 8deg,transparent 8deg 18deg);animation:slowTurn 25s linear infinite}.result-tower{position:absolute;left:8%;right:8%;bottom:77px;height:auto;display:flex;flex-direction:column-reverse;align-items:center}.result-tower .tower-ring{height:47px;flex-basis:47px}.result-flame{position:absolute;left:50%;bottom:21px;transform:translateX(-50%)}.result-flame i{width:47px;height:70px}.release-banner{position:absolute;left:0;right:0;top:28px;background:#f0cd66;border-block:4px solid var(--ink);padding:8px;text-align:center;font:1000 18px monospace;letter-spacing:.16em;transform:rotate(-2deg)}.result-report{align-self:center;padding:clamp(28px,6vw,72px)}.result-report h2{margin:0;font-size:clamp(31px,4.8vw,55px);line-height:1.15}.final-score{display:flex;align-items:flex-end;gap:14px;margin:24px 0;border-bottom:4px double var(--ink)}.final-score span{font-weight:900}.final-score strong{font:1000 clamp(45px,7vw,76px)/1 monospace;color:var(--copper)}.result-facts{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:0}.result-facts div{border:2px solid var(--ink);background:#e6d7ac;padding:8px}.result-facts dt{font-size:11px;font-weight:800}.result-facts dd{margin:0;font:1000 22px monospace}.result-report>p{line-height:1.75;font-weight:700}.result-actions{display:flex;gap:12px;flex-wrap:wrap}.result-actions .sound-button{color:var(--ink)}.ranking-panel{margin-top:18px;max-height:min(50vh,420px);overflow:auto;border:3px solid var(--ink);background:#fff9e7;color:#17242a;padding:10px}.ranking-panel .itc-leaderboard,.ranking-panel button,.ranking-panel [role="tab"]{color:#17242a}.ranking-panel [aria-selected="true"],.ranking-panel .active{background:#174d5a!important;color:#fff!important}

@keyframes airRise{50%{transform:translateY(-24px);opacity:.55}}@keyframes airFlow{0%{transform:translate(-50%,25px) rotate(45deg);opacity:0}35%{opacity:1}100%{transform:translate(-50%,-55px) rotate(45deg);opacity:0}}@keyframes ringDrop{0%{opacity:0;transform:translate(calc(var(--offset) * 28px),-85px)}75%{transform:translate(calc(var(--offset) * 28px),5px)}100%{opacity:1}}@keyframes impact{25%{transform:translateX(-7px)}55%{transform:translateX(6px)}80%{transform:translateX(-3px)}}@keyframes successPulse{50%{transform:translateX(-50%) scale(1.2)}}@keyframes slowTurn{to{transform:rotate(360deg)}}

@media(max-width:920px){.start-screen{grid-template-columns:1fr}.hero-copy{padding:28px 20px 22px}.hero-blueprint{min-height:470px;border-left:0;border-top:5px solid var(--ink)}.preview-tower{width:390px;max-width:72%;height:auto}.preview-ring{height:59px}.measure-line{width:105px;height:105px}.observation-layout{grid-template-columns:1fr}.tower-world{min-height:650px}.build-console{box-shadow:5px 5px 0 var(--blue-dark)}.result-screen{grid-template-columns:1fr}.result-tower-scene{min-height:540px;border-right:0;border-bottom:5px solid var(--ink)}.brand{display:none}}
@media(max-width:560px){.topbar{position:sticky;top:0}.instrument-bar{grid-template-columns:repeat(2,1fr)}.instrument-bar>div{border-bottom:1px solid #6f8c90}.instrument-bar>div:last-child{grid-column:1/3;text-align:center}.tower-world{min-height:590px}.tower-stage{inset:145px 1% 50px}.tower-stack{width:96%}.tower-ring,.ghost-ring{height:44px;flex-basis:44px;transform:translateX(calc(var(--offset) * 17px));padding-inline:7px}.tower-ring.wide,.ghost-ring.wide{width:92%}.tower-ring b,.ghost-ring b{font-size:10px}.burner-base{width:96%}.forecast-flag{grid-template-columns:1fr 60px}.warning-tape{left:8px;right:8px}.build-console{padding:13px 10px}.prediction{grid-template-columns:1fr}.prediction p{border-right:0;border-bottom:1px solid #81755e}.prediction p:last-child{border-bottom:0}.quiz-sheet{padding:20px 13px}.quiz-sheet:before{display:none}.quiz-choices{grid-template-columns:minmax(0,1fr)}.result-facts{grid-template-columns:1fr}.result-actions>*{width:100%}.result-tower-scene{min-height:500px}.start-instructions li{grid-template-columns:1fr}.hero-blueprint{min-height:430px}.wind-sketch{right:2%;font-size:11px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.001ms!important}}