:root{--sepia-bg:#1a1410;--sepia-deep:#12100c;--parchment:#f3e7cf;--parchment-2:#e8d7b4;--ink:#2e2418;--ink-soft:#5a4a34;--brass:#c79a4b;--brass-hi:#ecc873;--brass-deep:#8a6a2e;--blue-fog:#6d7f92;--danger:#b4553f;--ok:#6a8f4e;--frame:#3a2c1c;--shadow:#00000073;--ui-font:"Hiragino Mincho ProN", "Yu Mincho", "Noto Serif JP", serif;--sans:"Hiragino Sans", "Yu Gothic", "Noto Sans JP", system-ui, sans-serif}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{height:100%;margin:0}body{background:var(--sepia-deep);color:var(--parchment);font-family:var(--ui-font);-webkit-user-select:none;user-select:none;overflow:hidden}#app{justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.stage{aspect-ratio:16/9;background:var(--sepia-bg);width:100%;max-width:177.778vh;height:100%;max-height:56.25vw;margin:auto;position:relative;overflow:hidden;box-shadow:inset 0 0 60px #0009}.title-screen{background:radial-gradient(120% 90% at 50% 35%,#2b2115 0%,#14100b 100%) 50%/cover;flex-direction:column;justify-content:center;align-items:center;gap:2.2vh;display:flex;position:absolute;inset:0}.title-screen .veil{background:#0c090659;position:absolute;inset:0}.title-logo{z-index:2;text-align:center;color:var(--parchment);text-shadow:0 3px 10px #000000b3;position:relative}.title-logo .sub{letter-spacing:.4em;color:var(--brass-hi);font-size:2.4vh}.title-logo .main{letter-spacing:.08em;margin:.4vh 0;font-size:6.2vh;font-weight:700;line-height:1.15}.title-logo .gear{color:var(--brass);letter-spacing:.3em;font-size:2vh}.title-menu{z-index:2;flex-direction:column;gap:1.4vh;display:flex;position:relative}.title-total{z-index:2;color:var(--brass);letter-spacing:.15em;font-size:1.8vh;position:relative}.btn{cursor:pointer;font-family:var(--ui-font);color:var(--parchment);border:1px solid var(--brass-deep);text-align:center;letter-spacing:.15em;min-width:40vw;box-shadow:0 3px 0 #241a11, 0 5px 12px var(--shadow);background:linear-gradient(#4a3826 0%,#33261a 100%);border-radius:8px;padding:1.3vh 4vw;font-size:2.4vh;transition:transform 80ms,box-shadow 80ms,background .15s}.btn:hover{background:linear-gradient(#5a4632 0%,#3d2e20 100%)}.btn:active{box-shadow:0 1px 0 #241a11, 0 2px 6px var(--shadow);transform:translateY(2px)}.btn.small{min-width:unset;padding:.9vh 3vw;font-size:1.9vh}.btn.primary{border-color:var(--brass-hi);color:var(--brass-hi)}.btn.ghost{box-shadow:none;background:#00000040}.btn[disabled]{opacity:.4;pointer-events:none}.scene{position:absolute;inset:0}.scene-bg{background-color:#2a2015;background-position:50%;background-size:cover;position:absolute;inset:0}.scene-vignette{pointer-events:none;position:absolute;inset:0;box-shadow:inset 0 0 140px #0000008c}.scene-name{z-index:3;border-left:3px solid var(--brass);letter-spacing:.12em;background:#140e09b3;padding:.6vh 1.4vw;font-size:2vh;position:absolute;top:2vh;left:2vw}.hotspot{z-index:4;cursor:pointer;border-radius:50%;place-items:center;width:6vh;height:6vh;margin:-3vh 0 0 -3vh;transition:transform .15s;display:grid;position:absolute}.hotspot:active{transform:scale(.88)}.hotspot .pulse{border:2px solid var(--brass-hi);border-radius:50%;animation:1.8s ease-out infinite pulse;position:absolute;inset:0}.hotspot.solved .pulse{border-color:var(--ok);opacity:.5;animation:none}.hotspot .glyph{color:var(--parchment);border:1.5px solid var(--brass);background:#140e09b8;border-radius:50%;place-items:center;width:4.4vh;height:4.4vh;font-size:2.6vh;display:grid}.hotspot.move .glyph{border-radius:12px}@keyframes pulse{0%{opacity:.9;transform:scale(.7)}to{opacity:0;transform:scale(1.6)}}.hud{z-index:6;align-items:center;gap:1vw;display:flex;position:absolute;top:1.6vh;right:1.5vw}.hud .chip{border:1px solid var(--brass-deep);letter-spacing:.08em;color:var(--brass-hi);background:#140e09c7;border-radius:999px;align-items:center;gap:.5vw;padding:.6vh 1.4vw;font-size:1.9vh;display:flex}.hud-bottom{z-index:6;gap:1.4vw;display:flex;position:absolute;bottom:1.6vh;left:50%;transform:translate(-50%)}.dialogue-layer{z-index:20;align-items:flex-end;display:flex;position:absolute;inset:0}.dialogue-portrait{z-index:1;object-fit:contain;object-position:bottom;filter:drop-shadow(0 6px 14px #0009);pointer-events:none;max-width:40vw;height:66vh;position:absolute;bottom:0;left:3vw}.dialogue-portrait.right{left:auto;right:3vw;transform:scaleX(-1)}.dialogue-box{z-index:2;width:92%;color:var(--ink);border:2px solid var(--frame);box-shadow:0 8px 24px var(--shadow), 0 0 0 4px #c79a4b59;font-family:var(--sans);background:linear-gradient(#f3e7cff7,#e8d7b4f7);border-radius:14px;margin:0 4% 3vh;padding:2vh 3vw 2.4vh;position:relative}.dialogue-speaker{background:var(--frame);color:var(--brass-hi);font-family:var(--ui-font);letter-spacing:.12em;border-radius:8px;padding:.4vh 1.6vw;font-size:1.9vh;position:absolute;top:-1.6vh;left:2vw}.dialogue-text{min-height:6vh;font-size:2.3vh;line-height:1.65}.dialogue-next{color:var(--brass-deep);font-size:2.4vh;animation:1s infinite bob;position:absolute;bottom:1vh;right:1.6vw}@keyframes bob{0%,to{transform:translateY(0)}50%{transform:translateY(4px)}}.puzzle-layer{z-index:30;background:radial-gradient(120% 100% at 50% 0,#1e160e,#0c0906);flex-direction:column;display:flex;position:absolute;inset:0}.puzzle-head{border-bottom:1px solid var(--brass-deep);justify-content:space-between;align-items:center;padding:1.4vh 2vw;display:flex}.puzzle-title{color:var(--brass-hi);letter-spacing:.1em;font-size:2.6vh}.puzzle-cog{color:var(--brass);font-size:1.9vh}.puzzle-body{flex-direction:column;flex:1;align-items:center;gap:2vh;padding:2vh 3vw;display:flex;overflow:auto}.puzzle-question{max-width:74ch;font-family:var(--sans);color:var(--ink);border:2px solid var(--frame);background:#f3e7cff2;border-radius:12px;padding:2vh 2.4vw;font-size:2.4vh;line-height:1.7}.puzzle-figure{border:2px solid var(--frame);border-radius:10px;max-width:80%;max-height:34vh}.puzzle-interact{flex-direction:column;align-items:center;gap:1.6vh;width:100%;max-width:80ch;display:flex}.puzzle-foot{border-top:1px solid var(--brass-deep);justify-content:space-between;align-items:center;gap:1vw;padding:1.4vh 2vw;display:flex}.answer-input{font-family:var(--sans);text-align:center;background:var(--parchment);width:min(70vw,40ch);color:var(--ink);border:2px solid var(--frame);border-radius:10px;padding:1.2vh 2vw;font-size:2.6vh}.answer-input:focus{outline:2px solid var(--brass-hi)}.choice-list{flex-direction:column;gap:1.2vh;width:min(70vw,46ch);display:flex}.choice{font-family:var(--sans);text-align:left;color:var(--ink);border:2px solid var(--frame);cursor:pointer;background:#f3e7cff0;border-radius:10px;padding:1.3vh 2vw;font-size:2.2vh;transition:background .12s,transform 60ms}.choice:hover{background:#fff5e0}.choice:active{transform:translateY(1px)}.choice.selected{background:var(--brass-hi);border-color:var(--brass-deep)}.hint-box{border:1px dashed var(--brass);width:min(78vw,60ch);font-family:var(--sans);color:var(--parchment-2);background:#140e0999;border-radius:10px;padding:1.4vh 2vw;font-size:2vh;line-height:1.6}.hint-box .tier{color:var(--brass-hi);letter-spacing:.1em;font-size:1.7vh}.vf-counter{color:var(--brass-hi);font-size:2.6vh}.vf-stage{border:2px solid var(--frame);border-radius:10px;position:relative;overflow:hidden}.vf-mark{border:3px solid var(--danger);pointer-events:none;border-radius:50%;width:4vh;height:4vh;margin:-2vh 0 0 -2vh;animation:.25s ease-out pop;position:absolute}@keyframes pop{0%{opacity:0;transform:scale(.3)}to{opacity:1;transform:scale(1)}}.match-canvas{touch-action:none;border:2px solid var(--frame);background:#241a10;border-radius:10px}.lg-grid{border-collapse:collapse;font-family:var(--sans);color:var(--ink);background:#f3e7cff2;border-radius:8px;overflow:hidden}.lg-grid th,.lg-grid td{border:1px solid var(--ink-soft);text-align:center;padding:1vh 1.2vw;font-size:1.9vh}.lg-grid th{background:var(--parchment-2)}.lg-cell{cursor:pointer;min-width:4vw}.lg-cell.o{color:var(--ok);font-weight:700}.lg-cell.x{color:var(--danger);font-weight:700}.toast-wrap{z-index:50;pointer-events:none;flex-direction:column;align-items:center;gap:1vh;display:flex;position:absolute;top:8vh;left:50%;transform:translate(-50%)}.toast{color:var(--parchment);border:1px solid var(--brass);letter-spacing:.05em;box-shadow:0 6px 16px var(--shadow);background:#140e09eb;border-radius:999px;padding:1vh 3vw;font-size:2vh}.solve-flash{z-index:40;background:radial-gradient(closest-side,#ecc87340,#0c0906e6);place-items:center;display:grid;position:absolute;inset:0}.solve-flash .word{color:var(--brass-hi);letter-spacing:.1em;text-shadow:0 4px 16px #000000b3;font-size:7vh}.solve-flash .earn{color:var(--parchment);margin-top:1vh;font-size:3vh}.notebook-layer{z-index:35;background:#0c0906e6;flex-direction:column;display:flex;position:absolute;inset:0}.nb-list{flex-direction:column;flex:1;gap:1.2vh;padding:2vh 4vw;display:flex;overflow:auto}.nb-item{color:var(--ink);border:2px solid var(--frame);font-family:var(--sans);background:#f3e7cff0;border-radius:10px;justify-content:space-between;align-items:center;padding:1.4vh 2vw;display:flex}.nb-item .st{font-size:1.8vh}.nb-item.solved .st{color:var(--ok)}.nb-item.unsolved .st{color:var(--ink-soft)}.center-col{flex-direction:column;align-items:center;gap:1.6vh;display:flex}.hidden{display:none!important}.feedback{font-family:var(--sans);min-height:3vh;font-size:2vh}.feedback.bad{color:var(--danger)}.feedback.good{color:var(--brass-hi)}