:root{--ink:#fff8e8;--muted:#c8d7d1;--night:#18344f;--panel:rgba(18,48,62,.96);--amber:#ffd266;--teal:#70e2cc;--red:#e97979;--line:rgba(188,227,220,.2)}*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden;background:var(--night);color:var(--ink);font-family:"Yu Mincho","Hiragino Mincho ProN",serif}.screen{position:fixed;inset:0}.hidden{display:none!important}button{font:inherit;color:inherit;cursor:pointer}.title-screen{background:url('art/feast.png') center/cover no-repeat;display:grid;align-items:center;padding:6vw}.title-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(3,11,18,.95) 0%,rgba(4,15,24,.67) 42%,rgba(5,13,20,.05) 76%),linear-gradient(0deg,rgba(2,8,13,.75),transparent 45%)}.title-copy{position:relative;max-width:620px;animation:rise 1.2s ease both}.eyebrow{letter-spacing:.22em;font:600 12px/1.5 sans-serif;color:var(--teal);text-transform:uppercase}.title-copy h1{margin:.15em 0;font-size:clamp(42px,6vw,82px);line-height:1.07;letter-spacing:.08em;text-shadow:0 3px 20px #000}.title-copy h1 span{color:#fff2cf}.lead{font-size:clamp(15px,1.6vw,21px);letter-spacing:.08em;color:#d2dfdd;margin:1.8em 0}.title-actions{display:flex;gap:12px;width:min(460px,100%)}button.primary,button.secondary{border:1px solid var(--amber);padding:14px 26px;flex:1;border-radius:2px;background:var(--amber);color:#152029;font-weight:bold;letter-spacing:.12em}button.secondary{background:rgba(5,19,29,.75);color:var(--ink);border-color:var(--line)}button:disabled{opacity:.38;cursor:not-allowed}.text-button{margin-top:18px;background:none;border:0;color:var(--muted);text-decoration:underline;text-underline-offset:5px}.save-note{position:absolute;bottom:24px;right:30px;font:12px sans-serif;color:#b3c1c2}.hud{height:60px;background:#07131d;display:flex;align-items:center;justify-content:space-between;padding:0 20px;border-bottom:1px solid var(--line);font-family:sans-serif}.hud>div:first-child{display:flex;align-items:baseline;gap:13px}.hud span{color:var(--teal);font-size:12px}.hud strong{letter-spacing:.08em}.hud-actions{display:flex;gap:8px}.hud button{border:1px solid var(--line);background:#0b1d28;border-radius:4px;padding:8px 12px}.hud button span{display:inline-grid;place-items:center;background:var(--amber);color:#14212a;border-radius:20px;min-width:18px;height:18px}.game-shell{position:absolute;inset:60px 0 0;background:#071018;display:grid;place-items:center}canvas{display:block;width:min(100vw,calc((100vh - 60px)*16/9));height:min(calc(100vw*9/16),calc(100vh - 60px));image-rendering:pixelated;box-shadow:0 0 80px #000}.vignette{pointer-events:none;position:absolute;inset:0;background:radial-gradient(circle,transparent 52%,rgba(1,6,10,.62))}.objective{position:absolute;top:18px;left:20px;background:rgba(4,15,23,.84);border-left:3px solid var(--amber);padding:8px 14px;max-width:min(420px,70vw);font-family:sans-serif}.objective small{display:block;color:var(--amber);font-size:10px;letter-spacing:.15em}.objective span{font-size:13px}.interact{position:absolute;bottom:30px;left:50%;transform:translateX(-50%);border:1px solid var(--amber);background:rgba(5,17,26,.94);border-radius:30px;padding:9px 16px 9px 20px;display:flex;gap:14px;align-items:center}.interact kbd{background:var(--amber);color:#17232b;border-radius:50%;width:25px;height:25px;display:grid;place-items:center}.notice{position:absolute;top:80px;left:50%;transform:translateX(-50%);background:#eaf1e9;color:#13222a;padding:10px 22px;border-radius:2px;font-family:sans-serif;box-shadow:0 6px 30px #0008}.touch-controls{display:none;position:absolute;bottom:20px;left:18px;width:132px;height:98px}.touch-controls button{position:absolute;width:42px;height:42px;border:1px solid #cce5dd66;background:#0b1b26bb;border-radius:50%}.touch-controls [data-dir=up]{left:45px}.touch-controls [data-dir=left]{left:0;top:45px}.touch-controls [data-dir=down]{left:45px;top:45px}.touch-controls [data-dir=right]{left:90px;top:45px}.overlay{position:fixed;inset:0;z-index:20}.dialogue-card{position:absolute;left:50%;bottom:5vh;transform:translateX(-50%);width:min(900px,92vw);min-height:175px;background:linear-gradient(120deg,rgba(5,19,29,.98),rgba(13,36,46,.96));border:1px solid #b6ddd54d;box-shadow:0 18px 70px #000;border-radius:5px;display:flex}.portrait{width:150px;flex:0 0 150px;display:grid;place-items:center;font:72px sans-serif;background:linear-gradient(160deg,#193543,#0b1b26);border-right:1px solid var(--line)}.dialogue-body{padding:22px 28px 18px;flex:1;position:relative}.speaker{color:var(--amber);font-weight:bold;letter-spacing:.12em}.dialogue-body p{font-size:17px;line-height:1.9;margin:8px 0 20px;white-space:pre-line}.next{float:right;border:0;background:none;color:var(--muted)}.choices{display:grid;gap:8px}.choices button{background:#102a36;border:1px solid #6fafaa66;padding:10px 14px;text-align:left;border-radius:3px}.choices button:hover{border-color:var(--amber);color:#fff4d7}.modal-wrap{background:#02070bbc;display:grid;place-items:center;padding:18px}.modal{position:relative;background:var(--panel);border:1px solid var(--line);box-shadow:0 18px 80px #000;max-height:90vh;overflow:auto;border-radius:6px;padding:30px;width:min(760px,94vw)}.modal h2{margin-top:0}.close{position:absolute;right:14px;top:12px;border:0;background:none;font:28px sans-serif}.tabs{display:flex;border-bottom:1px solid var(--line);margin-bottom:18px}.tabs button{background:none;border:0;border-bottom:2px solid transparent;padding:10px 14px}.tabs button.active{color:var(--amber);border-color:var(--amber)}.clue-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:10px}.clue{padding:14px;background:#0d2430;border:1px solid var(--line)}.clue.locked{opacity:.4}.clue b{display:block;color:#fff2cf;margin-bottom:5px}.clue p,.history-item p{color:#b8c9c9;font:13px/1.6 sans-serif;margin:4px 0}.history-item{border-left:2px solid var(--teal);padding:5px 13px;margin:12px 0}.route-card{padding:14px;margin:9px 0;border:1px solid var(--line);display:flex;justify-content:space-between}.route-card.clear{border-color:#d8bc72;color:#fff2cf}.puzzle-card{text-align:center}.puzzle-card>p{color:#c0d0cf;line-height:1.7}.puzzle-title{color:var(--amber);letter-spacing:.12em}.hint{margin-top:18px;border:0;background:none;color:var(--muted);text-decoration:underline}.puzzle-error{color:#ff9d9d;min-height:24px}.sequence{display:flex;gap:9px;justify-content:center;flex-wrap:wrap;margin:25px 0}.sequence button{width:72px;height:72px;border-radius:50%;background:#142c36;border:2px solid #6d8d91;font-size:27px}.sequence button.active{background:#bd8c41;color:#101920;box-shadow:0 0 25px #ffc45b}.ring-board{margin:20px auto;width:min(360px,78vw);aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,#d8bf7755 0 7%,transparent 8% 24%,#9fcfd022 25% 27%,transparent 28% 45%,#9fcfd022 46% 49%,transparent 50%);position:relative}.ring{position:absolute;inset:8%;border:1px dashed #bededb66;border-radius:50%;transition:.3s}.ring.r2{inset:26%}.ring button{position:absolute;left:50%;top:-13px;transform:translateX(-50%);border:0;background:#ffc864;color:#14212a;border-radius:50%;width:28px;height:28px}.ring-label{position:absolute;inset:0;display:grid;place-items:center;font-size:50px;pointer-events:none}.dial-row{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:22px 0}.dial{background:#0e2733;border:1px solid var(--line);padding:15px}.dial strong{font-size:30px;color:#ffd384;display:block;margin:10px}.dial button{border:1px solid #73918e;background:#173440;border-radius:50%;width:35px;height:35px}.beam-grid{display:grid;grid-template-columns:repeat(5,54px);gap:4px;justify-content:center;margin:20px}.beam-grid button{width:54px;height:54px;background:#102630;border:1px solid #53777a;font-size:28px}.beam-grid button.lit{color:#ffd271;text-shadow:0 0 12px #ffd271;background:#27434a}.menu-card{max-width:380px;display:grid;gap:10px}.menu-card button:not(.close){padding:12px;background:#102a36;border:1px solid var(--line)}.menu-card .danger{color:#ffb0b0}.how-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.how-grid div{background:#0d2430;padding:18px}.how-grid p{font:13px/1.7 sans-serif;color:#b9c9c9}.ending-screen{overflow:auto;background:#06121c;padding:7vh 7vw}.ending-screen:before{content:"";position:fixed;inset:0;background:url('art/feast.png') center/cover;opacity:.2;filter:grayscale(.3)}#endingContent{position:relative;max-width:850px;margin:auto}.ending-kicker{color:var(--teal);letter-spacing:.2em}.ending-screen h1{font-size:clamp(35px,7vw,72px);color:#fff0c7;margin:.2em 0}.ending-text{font-size:17px;line-height:2;white-space:pre-line}.route-map{display:flex;align-items:center;gap:8px;margin:30px 0;flex-wrap:wrap}.route-map span{padding:8px 12px;background:#102a36;border:1px solid var(--line)}.route-map i{color:var(--amber)}.ending-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.ending-stats div{background:#0d2430;padding:15px}.ending-stats b{display:block;color:var(--amber);font-size:24px}.ending-actions{display:flex;gap:10px;margin-top:30px}.ending-actions button{padding:13px 20px;background:var(--amber);color:#132029;border:0}.ending-actions button:last-child{background:#15303d;color:white}.credits{color:#80989a;font:12px sans-serif;margin-top:40px}@keyframes rise{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}@media(max-width:700px),(pointer:coarse){.touch-controls{display:block}.dialogue-card{bottom:2vh;min-height:190px}.portrait{width:76px;flex-basis:76px;font-size:43px}.dialogue-body{padding:15px}.dialogue-body p{font-size:15px;line-height:1.65}.how-grid{grid-template-columns:1fr}.objective{top:10px}.ending-stats{grid-template-columns:1fr}.save-note{display:none}.hud{padding:0 10px}.hud button{padding:7px}.title-screen{padding:7vw}.title-actions{flex-direction:column;width:230px}}