:root{color-scheme:dark;--bg:#0b1922;--panel:#142932;--ink:#e9e5d5;--muted:#acbab2;--gold:#d5c18e;--line:#3e5a60;font:16px/1.9 'Yu Gothic',Meiryo,sans-serif}*{box-sizing:border-box}[hidden]{display:none!important}body{margin:0;background:radial-gradient(at 25% 0,#233d45,var(--bg) 65%);color:var(--ink)}a{color:var(--gold);text-underline-offset:5px}button{font:inherit;line-height:1.6;min-height:46px;padding:10px 16px;color:var(--ink);background:#172f39;border:1px solid #587078;border-radius:3px;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent}button:hover:not(:disabled){background:#2c4650;border-color:var(--gold)}button:disabled{opacity:.5;cursor:default}button:focus-visible,a:focus-visible,canvas:focus-visible{outline:3px solid var(--gold);outline-offset:3px}button.primary{background:var(--gold);color:#182a30;font-weight:700;border-color:var(--gold)}button[aria-pressed=true]{background:#c7b98d;color:#142a31;border-color:#c7b98d}header{max-width:1500px;margin:auto;display:flex;gap:25px;align-items:center;padding:14px 4%;border-bottom:1px solid var(--line);font-size:.85rem}header>a{font-family:serif;text-decoration:none;font-size:1rem}header>span{color:var(--muted);margin-left:auto}header button{min-height:40px;font-size:.85rem;padding:6px 12px}main{max-width:1500px;margin:auto;padding:22px 4% 30px}.statusbar{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:0 0 16px}.statusbar>div{display:flex;align-items:center;gap:18px}.statusbar strong{font:500 1.2rem serif}#clock{font:1.6rem monospace;color:var(--gold)}#objective{color:var(--muted);font-size:.9rem;margin:0}.workspace{display:grid;grid-template-columns:minmax(0,1fr) 255px;gap:24px;align-items:start}.stage{min-width:0}canvas{display:block;width:100%;height:auto;touch-action:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;background:#091820;border:1px solid var(--line)}#notice{min-height:40px;color:var(--gold);padding:8px 4px;font-size:.9rem}.toolbar{border-top:1px solid var(--line);padding-top:12px}.pane-tabs,.tool-tabs{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 10px}.pane-tabs button,.tool-tabs button{font-size:.88rem}.hint,.small,.footnote{font-size:.85rem;color:var(--muted)}.hint{margin:4px 0}.footnote{margin:14px 0 0}.text-button{border:0;min-height:0;padding:0;background:none!important;color:var(--gold);text-decoration:underline;font-size:inherit}aside{background:#112630;border:1px solid var(--line);padding:20px}aside h2{font:500 1.25rem/1.6 serif;margin:0 0 16px}aside button{width:100%;margin:8px 0}aside .eyebrow{font-size:.7rem;letter-spacing:.06em}#coverage{color:var(--muted);font-size:.9rem}#seal-status{color:#d8c89d}.eyebrow{font-size:.85rem;letter-spacing:.1em;color:var(--gold);margin:0 0 12px}.veil{position:fixed;inset:0;z-index:20;display:grid;place-items:center;padding:24px;background:#061018c7;overflow:auto;backdrop-filter:blur(4px)}.title-card{position:relative;width:min(760px,100%);padding:34px 48px;background:linear-gradient(100deg,#152e39f5,#10232de8);border-left:3px solid #c7b98d;box-shadow:0 30px 140px #0009}.time-mark{position:absolute;right:35px;top:15px;font:6rem monospace;color:#aec8c21b;margin:0;pointer-events:none}h1{font:500 clamp(2rem,5vw,3.9rem)/1.5 'Yu Mincho',serif;letter-spacing:.08em;margin:20px 0}h1 span{letter-spacing:.28em}.tagline{font:1.2rem/1.9 serif;color:var(--gold)}.intro{color:var(--muted);font-size:.95rem}.start-actions{display:flex;gap:10px;flex-wrap:wrap;margin:24px 0}.paper{width:min(700px,100%);max-height:88dvh;overflow:auto;background:#d8d7c5;color:#1c343a;border-top:5px solid #67817b;padding:30px 38px;box-shadow:0 20px 100px #0008}.paper .eyebrow,.paper .small{color:#4c665e}.paper h2{font:600 1.5rem/1.6 'Yu Mincho',serif;margin:0 0 20px}.paper p{line-height:2}.paper button{background:#223f46;color:#f0e8d3;border-color:#48645e}.paper .primary{background:#344e50;color:#fff}.paper label{display:block;margin:18px 0}.paper input[type=range]{width:100%;accent-color:#2e5557}.paper input[type=checkbox]{width:20px;height:20px;vertical-align:middle;margin-right:10px}.paper #dialog-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:22px}.paper ul{padding-left:1.5em}.paper a{color:#254e5c}.paper .warning{color:#7d3d2f}.paper .record-entry{padding:14px 0;border-top:1px solid #8e9b8d}.ending-badge{font-weight:700;color:#42635b;letter-spacing:.08em}@media(max-width:1000px){.workspace{grid-template-columns:minmax(0,1fr)}aside{display:grid;grid-template-columns:1fr 1fr;gap:0 18px}aside>.eyebrow,aside>h2,aside>#coverage{grid-column:1/-1}#decision{grid-column:1/-1}.statusbar{align-items:start;flex-direction:column;gap:8px}header>span{display:none}header button{margin-left:auto}}@media(max-width:550px){header{padding:10px 5%;gap:10px}header>a{font-size:.85rem}main{padding:16px 4%}.statusbar strong{font-size:1rem}.statusbar>div{gap:12px}#objective{font-size:.82rem}.pane-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px}.pane-tabs button{font-size:.76rem;padding:9px 3px}.tool-tabs button{font-size:.8rem;padding:9px 10px}.veil{padding:14px}.title-card{padding:22px}.time-mark{font-size:4rem;right:18px}h1{font-size:2.45rem}.tagline{font-size:1.08rem}.paper{padding:23px}.paper h2{font-size:1.3rem}.paper p{font-size:.95rem}aside{display:block;padding:16px}.start-actions button{width:100%}.paper #dialog-actions{flex-direction:column}#notice{font-size:.8rem}.footnote{font-size:.75rem}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}}
