:root{color-scheme:dark;--bg:#101626;--panel:#19243c;--line:#35425d;--mint:#95f1c3;--yellow:#ffdb75;--pink:#ff9dbb;--text:#eff0e7}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(ellipse at 50% 0,#263855 0,transparent 65%),var(--bg);font:15px/1.65 "Yu Gothic",Meiryo,sans-serif;color:var(--text)}button{font:inherit;color:inherit;cursor:pointer;border:1px solid var(--line);background:var(--panel);touch-action:manipulation}button:hover{border-color:var(--mint)}button:focus-visible,canvas:focus-visible{outline:3px solid var(--yellow);outline-offset:3px}button:disabled{opacity:.65;cursor:wait}button:active{transform:translateY(2px)}h1,h2,p{margin:0}.cabinet{max-width:1060px;margin:0 auto;padding:32px 28px 20px}.masthead{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:24px}.micro{font:10px/1.7 monospace;letter-spacing:.16em;color:var(--mint)}.micro span{color:#687b94;margin:0 10px}h1{font-size:28px;font-weight:900;letter-spacing:.04em;line-height:1.5;margin-top:5px}h1>span{color:var(--mint)}.cast{font-size:12px;color:#a8b6c9;letter-spacing:.1em;margin-top:4px}.cast span{color:var(--pink);margin:0 10px}.header-tools{display:flex;gap:8px}.header-tools button{padding:7px 12px;font-size:12px;border-radius:4px}.game-shell{border:2px solid #526079;box-shadow:0 6px 0 #050b18,0 18px 80px #0006;background:#111827;border-radius:5px;overflow:hidden}.hud{display:grid;grid-template-columns:1.2fr 1fr 1.2fr .8fr;padding:11px 24px;background:#1a253b;border-bottom:3px solid #090f1d;gap:24px}.hud>div{display:flex;justify-content:space-between;align-items:center;gap:8px;border-right:1px solid #42506a;padding-right:20px}.hud>div:last-child{border:0;padding:0}.hud span{font:10px monospace;color:#a9b9d0;letter-spacing:.06em}.hud strong{font:26px/1.2 monospace;font-weight:bold;color:var(--yellow);white-space:nowrap}.hud small{font-size:14px;color:#8a9ab2}.viewport{position:relative;aspect-ratio:16/9;min-height:540px;isolation:isolate;background:#172c40}#game{width:100%;height:100%;position:absolute;inset:0;display:block;image-rendering:pixelated;object-fit:contain;touch-action:none}.overlay{position:absolute;inset:20px 24px;background:#101c30f5;border:2px solid #51667c;box-shadow:5px 5px 0 #070c16;padding:22px 32px;display:flex;flex-direction:column;align-items:center;text-align:center;justify-content:center;z-index:2}.overlay[hidden]{display:none}.intro-top{display:flex;justify-content:space-between;width:100%;align-items:center;margin-bottom:10px}.pixel-badge{background:var(--yellow);color:#212636;font-size:11px;font-weight:800;padding:4px 10px;box-shadow:3px 3px 0 #806944}.edition{font:10px monospace;color:#7991aa;letter-spacing:.12em}.overlay h2{font-size:32px;line-height:1.4;font-weight:900;letter-spacing:.05em;margin:8px 0 10px}.overlay h2 em{font-style:normal;color:var(--mint)}.overlay>p:not(.micro){font-size:13px;color:#bccbdb;line-height:1.7}.overlay b{color:var(--yellow)}.select-label{font-size:10px;letter-spacing:.12em;color:#9fb3c7;margin:15px 0 7px}.character-select{display:grid;grid-template-columns:1fr 1fr;gap:12px;width:min(100%,560px)}.character{display:flex;align-items:center;text-align:left;padding:5px 12px;gap:12px;border:2px solid var(--line);background:#1d2a42;min-width:0}.character.selected{border-color:var(--mint);background:#223e48;box-shadow:inset 0 -3px #142d34}.character[data-character="1"].selected{border-color:var(--pink);background:#433045}.portrait{width:55px;height:55px;image-rendering:pixelated;flex-shrink:0}.character strong{display:block;font-size:16px;white-space:nowrap}.character small{font-size:10px;color:#b8c7d7}.start-button{background:var(--mint);color:#122c2d;border:0;box-shadow:0 4px 0 #408b77;padding:11px 24px;font-size:17px;font-weight:900;width:min(100%,380px);margin-top:18px;letter-spacing:.08em}.start-button:hover{background:#c1ffdc}.overlay>.start-note{font-size:10px!important;margin-top:12px;color:#8b9bb3!important}.small-overlay{inset:38px 70px}.small-overlay h2{font-size:30px;margin:15px 0}.quiet-button{border:0;background:none;color:#a7bbcd;font-size:12px;padding:10px 20px;margin-top:9px;text-decoration:underline;text-underline-offset:4px}.game-status{display:flex;align-items:center;gap:18px;padding:13px 20px;border-top:3px solid #0a1221;min-height:59px;background:#19283a}.worker-indicator{font-size:12px;color:var(--mint);font-weight:700;white-space:nowrap;border-right:1px solid #485570;padding-right:18px}.game-status p{font-size:12px;color:#e5e9d9;flex:1}.inventory{display:flex;gap:5px}.inventory span{font-size:10px;border:1px solid #48586c;padding:4px 7px;color:#7890aa}.inventory span.active{background:#385649;color:#c3ffd7;border-color:var(--mint)}.inventory span.approved{background:#5d4f26;color:var(--yellow);border-color:var(--yellow)}.instruction-strip{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:22px 3px;border-bottom:1px solid #303d55;flex-wrap:wrap}.instruction-strip>div{display:flex;align-items:center;gap:5px}.instruction-strip span{font-size:11px;color:#a3b4cb;margin-left:4px}kbd{font:11px monospace;padding:3px 7px;background:#26344b;border:1px solid #4b5973;border-bottom:3px solid #46536b;border-radius:3px;color:#e0e8ef}footer{display:flex;justify-content:space-between;gap:15px;margin-top:18px;font-size:10px;color:#8497b1}footer>span:last-child{font:9px monospace;letter-spacing:.07em}footer i{display:inline-block;width:5px;height:5px;background:var(--mint);margin-right:6px}.touch-controls{display:none;justify-content:space-between;gap:10px;margin-top:18px;user-select:none}.touch-controls button{padding:10px 16px;min-height:53px;min-width:50px;border-bottom:4px solid #475b77;border-radius:6px;font-size:13px;touch-action:none}.movement,.actions{display:flex;gap:8px}.touch-controls .action-touch{background:#486552;border-color:#71ac8a}.touch-controls .switch-touch{color:var(--pink);padding-inline:10px}.result-stats{display:grid;grid-template-columns:repeat(3,1fr);width:100%;max-width:410px;gap:20px;margin:20px 0 5px;font-size:12px;color:#a9b8cb}.result-stats strong{display:block;color:var(--yellow);font:bold 26px monospace;margin-top:5px}#result-stars{font-size:33px;letter-spacing:12px;color:var(--yellow);margin-bottom:10px}.overlay ol{font-size:14px;text-align:left;padding-left:24px;line-height:2.3;margin:5px 0 12px}.overlay .help-note{font-size:11px!important}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.low-time{color:#ff8b94!important}
@media(pointer:coarse){.touch-controls{display:flex}}
@media(max-width:800px){.cabinet{padding:20px 15px}.masthead{align-items:flex-start}h1{font-size:23px}.header-tools{flex-wrap:wrap;justify-content:flex-end;max-width:170px}.header-tools button{font-size:11px;padding:6px 8px}.viewport{min-height:480px}.overlay{inset:14px;padding:20px}.hud{gap:14px;padding:10px 16px}.hud>div{display:block;padding-right:12px}.hud span{display:block;font-size:9px;margin-bottom:3px}.hud strong{font-size:23px}.game-status{flex-wrap:wrap;gap:9px 12px;padding:10px 14px}.game-status p{min-width:55%}.inventory{margin-left:auto}.touch-controls{display:flex}.instruction-strip{justify-content:flex-start}.small-overlay{inset:30px}.overlay h2{font-size:30px}footer>span:last-child{display:none}}
@media(max-width:520px){.cabinet{padding:14px 8px}.masthead{gap:8px;margin-bottom:14px}.micro{font-size:8px;letter-spacing:.08em}h1{font-size:19px;letter-spacing:0}.cast{font-size:10px}.header-tools{max-width:108px;gap:4px}.header-tools button{padding:4px 6px;font-size:10px}.viewport{min-height:470px}.overlay{inset:8px;padding:15px 12px}.intro-top{margin-bottom:9px}.pixel-badge{font-size:10px}.edition{font-size:8px}.overlay h2{font-size:28px}.overlay>p:not(.micro){font-size:12px}.character{padding:5px;gap:4px}.portrait{width:44px;height:48px}.character strong{font-size:13px}.character small{font-size:9px;display:block;line-height:1.5}.character-select{gap:6px}.start-button{font-size:16px;max-width:290px}.hud{gap:6px;padding:9px 10px}.hud>div{padding-right:7px}.hud span{font-size:8px;letter-spacing:0}.hud strong{font-size:22px}.hud small{font-size:11px}.game-status{min-height:77px}.worker-indicator{font-size:11px;padding-right:9px}.game-status p{font-size:11px}.inventory span{font-size:9px;padding:2px 6px}.touch-controls{gap:5px}.touch-controls button{padding:10px 11px;min-width:44px;font-size:11px}.movement,.actions{gap:5px}.touch-controls .switch-touch{padding-inline:7px}.small-overlay{inset:18px 9px}.overlay ol{font-size:12px;line-height:2.1;padding-left:20px}.overlay .help-note{font-size:10px!important}.result-stats{gap:10px}.result-stats strong{font-size:22px}.instruction-strip{padding-block:16px;gap:12px}.instruction-strip span{font-size:10px}footer{font-size:9px}}
/* プレイ中はゲーム本来の16:9を保ち、タッチ操作の場所を確保します。 */
.viewport.playing{min-height:0}.viewport.playing .small-overlay{inset:10px;padding:12px}.viewport.playing .small-overlay h2{font-size:24px;margin:8px 0}.viewport.playing .small-overlay .start-button{margin-top:10px}.viewport:has(.small-overlay:not([hidden])){min-height:470px}
.viewport{width:100%;max-width:100%}
@media(prefers-reduced-motion:reduce){button:active{transform:none}}