:root{color:#f8fafc;background:#202124;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}body{margin:0;min-width:320px;min-height:100vh;overflow:hidden}.game-app{display:grid;grid-template-rows:auto minmax(0,1fr) auto;height:100vh;height:100dvh;background:#0aa;color:#101314}.game-app.dark{background:#0aa;color:#f8fafc}.top-bar,.bottom-bar{display:flex;align-items:center;gap:.75rem;min-height:2.75rem;background:#0f1115;color:#f8fafc;padding:.35rem .75rem}.top-bar{justify-content:space-between}.bottom-bar{justify-content:space-between;font-size:.875rem}.game-title{margin:0;min-width:8rem;font-size:1.2rem;line-height:1.1;letter-spacing:0}.hud-stats{display:grid;grid-template-columns:repeat(4,minmax(3.5rem,auto));gap:.5rem;margin:0}.hud-stats div{display:grid;gap:.1rem;text-align:right}.hud-stats dt{color:#b7c4c9;font-size:.68rem;font-weight:700;text-transform:uppercase}.hud-stats dd{margin:0;font-variant-numeric:tabular-nums;font-weight:800}.icon-button,button,select,input{border:2px solid #0f1115;border-radius:6px;background:#f8fafc;color:#101314;font:inherit}button,select,input{min-height:2.25rem;padding:.35rem .55rem}button{cursor:pointer;font-weight:700}button:hover,button:focus-visible,select:focus-visible,input:focus-visible,.game-canvas:focus-visible{outline:3px solid #fde047;outline-offset:2px}.icon-button{display:inline-grid;width:2.25rem;height:2.25rem;place-items:center;padding:0;font-weight:900}.board-wrap{position:relative;display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,1fr);min-width:0;min-height:0;padding:.5rem}.game-canvas{width:100%;height:100%;min-width:0;min-height:12rem;border:3px solid #0f1115;background:#0aa;image-rendering:pixelated;touch-action:none}.notice-strip{position:absolute;top:1rem;left:50%;transform:translate(-50%);max-width:min(28rem,calc(100% - 2rem));border:2px solid #0f1115;border-radius:6px;background:#fde047;color:#101314;padding:.6rem .85rem;text-align:center;font-weight:800;box-shadow:4px 4px #0f1115}.defeat-banner{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:5;display:grid;gap:.4rem;justify-items:center;max-width:min(30rem,calc(100% - 2rem));padding:.9rem 1.2rem;border:3px solid #0f1115;border-radius:8px;background:#b01818;color:#fff;text-align:center;font-weight:800;box-shadow:5px 5px #0f1115;cursor:pointer}.defeat-banner[hidden]{display:none}.defeat-banner strong{font-size:1.05rem;letter-spacing:.02em}.defeat-hint{font-size:.8rem;font-weight:700;opacity:.92}.drawer-overlay{position:fixed;inset:0;display:grid;justify-items:end;background:#0f111594;z-index:10}.drawer-overlay[hidden]{display:none}.drawer{display:grid;align-content:start;gap:1rem;width:min(26rem,100%);height:100%;overflow:auto;background:#f3efe6;color:#101314;padding:1rem;box-shadow:-6px 0 #0f1115}.drawer-header,.action-row{display:flex;align-items:center;justify-content:space-between;gap:.75rem}.drawer h2,.drawer h3,.drawer p{margin:0}.drawer-section{display:grid;gap:.65rem;border-top:2px solid #0f1115;padding-top:.8rem}.drawer label{display:grid;gap:.25rem;font-weight:700}.checkbox-row{grid-template-columns:auto 1fr;align-items:center}.checkbox-row input{width:1.25rem;min-height:1.25rem}.game-app.dark .drawer{background:#202124;color:#f8fafc}.game-app.dark button,.game-app.dark select,.game-app.dark input{background:#f8fafc;color:#101314}@media(max-width:640px){.top-bar{grid-template-columns:auto 1fr;align-items:start;display:grid}.hud-stats{grid-column:1 / -1;grid-template-columns:repeat(4,1fr);width:100%}.hud-stats div{text-align:left}.game-title{font-size:1rem}}@media(max-height:420px){.top-bar,.bottom-bar{min-height:2.2rem;padding-block:.2rem}.game-canvas{min-height:8rem}}.intro-overlay{position:fixed;inset:0;z-index:50;display:grid;place-items:center;padding:1rem;background:#0000009e}.intro-overlay[hidden]{display:none}.intro-screen{position:relative;box-sizing:border-box;width:min(680px,100%);max-height:100%;overflow:auto;padding:.85rem 1.1rem 1.4rem;background:#aaa;border:2px solid #5a5a5a;color:#101010;font-family:Courier New,Consolas,monospace;text-align:center;image-rendering:pixelated}.intro-present{text-align:left;font-weight:700;letter-spacing:.06em;color:#f4f4f4;text-shadow:1px 1px 0 #4a4a4a}.intro-roof{display:block;width:100%;height:40px;margin:.15rem 0 .4rem}.intro-logo{display:block;width:min(560px,100%);height:auto;margin:0 auto .75rem;image-rendering:pixelated}.intro-cast-title{margin:.1rem 0 .7rem;font-size:1rem;font-weight:700;letter-spacing:.08em;text-align:left;color:#0c9c9c;text-shadow:1px 1px 0 #2a2a2a}.intro-cast{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.6rem}.intro-char{display:grid;justify-items:center;gap:.4rem;margin:0}.intro-portrait{display:grid;place-items:center;width:56px;height:56px;background:#0aa;border:2px solid #006d6d}.intro-portrait img{width:44px;height:44px;image-rendering:pixelated}.intro-char figcaption{display:grid;gap:.2rem}.intro-char-name{font-weight:700;font-size:.8rem;color:#2746cc}.intro-char-desc{font-size:.72rem;line-height:1.25;white-space:pre-line;color:#ad1717}.intro-start{margin-top:1rem;padding:.45rem .9rem;font-family:inherit;font-weight:700;color:#101010;background:#d0d0d0;border:2px solid #4a4a4a;border-radius:4px;cursor:pointer;animation:intro-blink 1.1s steps(2,start) infinite}.intro-signature{position:absolute;right:.5rem;bottom:.45rem;width:52px;height:auto;image-rendering:pixelated;opacity:.9}@keyframes intro-blink{50%{opacity:.4}}@media(max-width:480px){.intro-char-name{font-size:.72rem}.intro-char-desc{font-size:.64rem}.intro-portrait{width:46px;height:46px}.intro-portrait img{width:36px;height:36px}}