:root{color-scheme:light;--bg:#fafbfc;--panel:#fff;--line:rgba(15,36,64,.11);--text:#0f1729;--muted:#64748b;--lime:#f97316;--mint:#0d9488;--coral:#f97316;font-family:DM,'Noto Sans JP',system-ui,sans-serif}
body{background:var(--bg);color:var(--text)}
#app{max-width:none;padding:0;background:linear-gradient(120deg,#fafbfc 0%,#f5f8fc 64%,#eef4fa 100%)}
.topbar{height:76px;padding:0 clamp(22px,3vw,56px);background:#0a1628;border:0;color:#fff;box-shadow:0 1px 0 rgba(255,255,255,.08)}
.wordmark{display:flex;align-items:center;gap:18px}.wordmark img{width:148px;height:auto;display:block}.wordmark span{color:#9fb2c8;border-left:1px solid #435269;padding-left:18px;margin:0;font-weight:700;letter-spacing:1.8px}
.quiet{color:#9fb2c8}.quiet span{color:#fff}.icon-button{border-color:#3d4c62;color:#fff}
main{width:100%;max-width:1800px;margin:0 auto;padding:0 clamp(22px,3vw,56px);grid-template-columns:minmax(0,1fr) 316px;gap:34px}
.playfield{padding-top:34px}.stage-copy{padding-left:4px}.eyebrow{color:#0a7a70}.stage-copy .eyebrow{display:inline-flex;align-items:center;gap:10px}.stage-copy .eyebrow::before{content:"";width:18px;height:4px;background:#f97316;transform:skew(-30deg)}
h1{color:#0a1628;font-size:clamp(24px,2.45vw,38px);letter-spacing:-.015em}.stage-copy h1::after{content:"";display:inline-block;width:.28em;height:.28em;background:#f97316;margin-left:.18em;transform:skew(-22deg)}
#instruction{color:#475569;font-size:15px}.board-footer{color:#64748b}.legend-dot{background:#0d9488}.legend-dot.goal{background:#f97316}
.controls{align-self:center;background:#fff;border:0;border-radius:20px;padding:30px;box-shadow:0 20px 48px rgba(15,36,64,.10),0 0 0 1px rgba(15,36,64,.07);max-height:calc(100% - 40px)}
.mode-heading .eyebrow{color:#64748b}.mode-word{color:#0a1628;font-size:79px}.mode-word span{color:#d7e1e9}.mode-detail{color:#64748b;margin-bottom:28px}
.parts-heading{color:#0a1628}.parts-heading span:last-child{color:#64748b}
.part{background:#f5f8fc;border:1px solid rgba(15,36,64,.10);color:#475569;box-shadow:0 1px 2px rgba(15,36,64,.03)}.part.selected{background:#e6f5f3;border-color:#0d9488;color:#0a7a70;box-shadow:0 0 0 1px rgba(13,148,136,.08)}
.small-button{border-color:rgba(15,36,64,.12);color:#475569;background:#fff}.small-button.active{color:#f97316;border-color:#f97316}
.readout{border-color:rgba(15,36,64,.09)}.readout span{color:#64748b}.readout strong{color:#0a1628}.readout em{color:#94a3b8}
.run-button{background:#0a1628;color:#fff;box-shadow:0 8px 22px rgba(10,22,40,.18)}.run-button:hover:not(:disabled){background:#0f2440}.reset-button{color:#1e3a5f;border-color:rgba(15,36,64,.12);background:#fff}#status{color:#64748b}
.bottom-bar{height:48px;padding:0 clamp(22px,3vw,56px);border-color:rgba(15,36,64,.09);color:#64748b;background:#fff}.bottom-bar>span:first-child{color:#0a1628;font-weight:700}.bottom-bar>span:nth-child(2){color:#475569}
body.moving .mode-word{color:#0d9488}body.moving .run-button{background:#0d9488}body.moving .mode-word span{color:#cfe6e2}
dialog{background:#fff;color:#0f1729;border:0;box-shadow:0 24px 90px rgba(10,22,40,.28),0 0 0 1px rgba(15,36,64,.08)}dialog::backdrop{background:rgba(10,22,40,.62)}.modal-close{color:#64748b}.modal-title{color:#0a1628}.modal-title::after{content:"";display:inline-block;width:.22em;height:.22em;background:#f97316;margin-left:.12em;transform:skew(-24deg)}.modal-copy,.help-list{color:#475569}.modal-copy strong{color:#0a1628}.modal-action{background:#0a1628;color:#fff}.modal-secondary{border-color:rgba(15,36,64,.12);color:#1e3a5f}.level-choice{background:#f5f8fc;color:#1e3a5f;border-color:rgba(15,36,64,.12)}.level-choice.current{border-color:#0d9488;color:#0a7a70;background:#e6f5f3}.level-choice.done::after{color:#f97316}
@media(max-height:790px) and (min-width:761px){.topbar{height:64px}.controls{padding:20px 24px}.mode-word{font-size:66px}.mode-detail{margin-bottom:17px}}
@media(max-width:760px){#app{padding:0}.topbar{height:60px;padding:0 18px}.wordmark img{width:124px}.wordmark span{font-size:9px;padding-left:10px;margin:0}.header-actions{gap:10px}main{padding:0 18px}.playfield{padding-top:20px}.controls{max-height:none;margin:0 -2px 0;padding:14px 14px 8px;border-radius:16px 16px 0 0;box-shadow:0 -8px 30px rgba(15,36,64,.08),0 0 0 1px rgba(15,36,64,.06)}.mode-word{font-size:39px}.bottom-bar{padding:0 18px;height:34px}.stage-copy h1::after{display:none}}
@media(max-height:520px) and (min-width:600px){.topbar{height:44px;padding:0 18px}.wordmark img{width:112px}main{padding:0 18px}.controls{border:0;border-left:1px solid rgba(15,36,64,.09);box-shadow:none;border-radius:0;background:transparent;padding-left:18px}.mode-word{font-size:45px}.playfield{padding-top:12px}}