:root{--ink:#e9e1d3;--muted:#9eacb9;--gold:#f0a85e;--gold2:#ffd38b;--panel:rgba(5,10,16,.78);--line:rgba(255,255,255,.12);--danger:#a83730}
*{box-sizing:border-box}html,body,#app{margin:0;width:100%;height:100%;overflow:hidden;background:#03070d;color:var(--ink);font-family:Georgia,'Times New Roman',serif}body{user-select:none}button,input,select{font:inherit}
#game{position:absolute;inset:0;width:100%;height:100%;display:block;background:#050a11;opacity:0;visibility:hidden;transition:opacity .45s ease;z-index:1}#game.world-active{opacity:1;visibility:visible}
.screen{position:absolute;inset:0;display:none;z-index:30;align-items:center;justify-content:center}.screen.active{display:flex}
.menu-screen{background:#07111d url('assets/ui/menu_art.png') center center/cover no-repeat;justify-content:flex-end;overflow:hidden}.menu-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(3,7,12,.05) 0%,rgba(3,7,12,.16) 38%,rgba(3,7,12,.97) 55%,rgba(3,7,12,.995) 100%),linear-gradient(0deg,rgba(1,4,8,.68),transparent 44%)}.menu-noise{position:absolute;inset:-30px;opacity:.08;pointer-events:none;background-image:radial-gradient(circle at 30% 30%,rgba(255,255,255,.15) 0 1px,transparent 1.2px);background-size:8px 8px;mix-blend-mode:soft-light;animation:menuNoise 8s steps(2) infinite}@keyframes menuNoise{50%{transform:translate(7px,-5px)}}
.menu-panel{position:relative;width:min(42vw,720px);padding:5vh 7vw 5vh 3vw;margin-right:3vw;text-align:center;text-shadow:0 3px 20px #000}.eyebrow{font:600 12px/1.2 system-ui,sans-serif;letter-spacing:.28em;color:#c7a77e;text-transform:uppercase}.menu-panel h1{font-size:clamp(48px,6.2vw,112px);line-height:.76;margin:22px 0 20px;letter-spacing:-.06em}.menu-panel h1 span{font-size:.92em;color:#e8d9bb;text-shadow:0 0 34px rgba(255,171,79,.18)}.tagline{font-size:clamp(18px,1.5vw,26px);color:#c7ced6;margin:0 0 30px}
.menu-panel button,.modal button,.intro-card button,.caught-screen button,.note-paper button{display:block;width:min(420px,90%);margin:11px auto;padding:15px 22px;border:1px solid rgba(224,174,105,.34);background:linear-gradient(180deg,rgba(28,31,34,.94),rgba(12,14,16,.96));color:#e9dcc7;font:700 15px/1 system-ui,sans-serif;letter-spacing:.12em;border-radius:5px;cursor:pointer;box-shadow:inset 0 0 0 1px rgba(255,255,255,.03),0 10px 30px rgba(0,0,0,.26);transition:.16s transform,.16s border-color,.16s filter}.menu-panel button:hover,.modal button:hover,.intro-card button:hover,.caught-screen button:hover,.note-paper button:hover{transform:translateY(-2px);border-color:#d69b59;filter:brightness(1.15)}button.primary{background:linear-gradient(180deg,#593514,#291709);border-color:#e0a15c;color:#ffdca5;box-shadow:0 0 35px rgba(230,135,53,.12),inset 0 0 18px rgba(255,170,78,.1)}.creator{margin-top:22px;font:13px system-ui,sans-serif;color:#93a1ad}.creator b{color:#d7b284}.menu-tip{position:absolute;left:24px;bottom:20px;z-index:2;font:12px system-ui,sans-serif;color:#aab7c1;background:rgba(0,0,0,.38);padding:9px 12px;border-radius:5px;backdrop-filter:blur(8px)}
.glass{background:linear-gradient(180deg,rgba(10,17,25,.94),rgba(3,7,12,.94));border:1px solid var(--line);box-shadow:0 30px 100px rgba(0,0,0,.58),inset 0 1px rgba(255,255,255,.04);backdrop-filter:blur(14px);border-radius:12px;padding:34px}.compact{width:min(560px,90vw);text-align:center}.compact h1,.compact h2{margin:12px 0 8px}.compact p{color:var(--muted);font:14px/1.55 system-ui,sans-serif}.loading-screen{z-index:70;background:radial-gradient(circle at 50% 45%,#111c27 0,#050911 50%,#010306 100%)}.loading-card{position:relative;overflow:hidden}.loading-card:after{content:"";position:absolute;inset:0;background:linear-gradient(110deg,transparent 20%,rgba(255,255,255,.03) 45%,transparent 70%);transform:translateX(-120%);animation:loaderSheen 1.8s infinite}@keyframes loaderSheen{to{transform:translateX(120%)}}.loadbar,.meter,.intro-progress{height:4px;background:rgba(255,255,255,.08);overflow:hidden;border-radius:20px}.loadbar{margin:22px 0 12px}.loadbar i,.meter i,.intro-progress i{display:block;height:100%;width:0;background:linear-gradient(90deg,#9e5528,#ffd184);box-shadow:0 0 18px #f0a85e;transition:width .2s}
.intro-screen{background:radial-gradient(circle at 50% 50%,rgba(18,28,39,.45),rgba(0,0,0,.94));z-index:45}.intro-card{width:min(760px,90vw);text-align:center;padding:35px}.intro-card p{font-size:clamp(22px,2vw,35px);line-height:1.45;min-height:120px;text-shadow:0 2px 16px #000}.intro-progress{width:240px;margin:0 auto 24px}
.modal-screen{background:rgba(0,0,0,.62);backdrop-filter:blur(5px);z-index:50}.overlay-modal{z-index:80}.modal{width:min(540px,90vw);text-align:center}.modal h2{font-size:34px;margin:10px 0 26px}.settings label{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:15px 0;border-bottom:1px solid var(--line);font:14px system-ui,sans-serif;color:#cfd9e1}.settings select,.settings input[type=range]{width:48%}.settings select{background:#101821;color:#e8e0cf;border:1px solid #35414c;padding:8px}.settings .switch{justify-content:flex-start}.credits p{font:14px/1.55 system-ui,sans-serif;color:#bec9d1}.credits .small{font-size:12px;color:#7e8c99}.caught-screen{z-index:90;background:radial-gradient(circle,rgba(75,9,7,.27),rgba(0,0,0,.97))}.danger{border-color:rgba(187,57,46,.35)}
.hud{position:absolute;z-index:20;top:0;left:0;right:0;padding:18px 24px;display:grid;grid-template-columns:minmax(280px,380px) 1fr minmax(250px,340px);align-items:start;pointer-events:none;background:linear-gradient(180deg,rgba(2,5,9,.58),transparent)}.hud.hidden,.hidden{display:none!important}.brand-mini{font:800 12px system-ui,sans-serif;letter-spacing:.14em}.brand-mini span{font-weight:500;color:#80909d}.meter{margin-top:9px;height:3px}.hud-copy{margin-top:5px;display:flex;justify-content:space-between;font:10px system-ui,sans-serif;color:#82909b}.hud-center{text-align:center;padding-top:3px;font:600 10px system-ui,sans-serif;letter-spacing:.16em;text-transform:uppercase;color:#8294a3;text-shadow:0 2px 10px #000}.hud-right{text-align:right;font:11px system-ui,sans-serif;color:#aab7c1}.icons{margin-top:8px;display:flex;gap:8px;justify-content:flex-end}.icons span{display:inline-flex;min-width:25px;height:25px;align-items:center;justify-content:center;border:1px solid var(--line);border-radius:4px;background:rgba(0,0,0,.24)}
.prompt{position:absolute;z-index:25;left:50%;bottom:19%;transform:translateX(-50%);display:flex;align-items:center;gap:8px;background:rgba(3,7,12,.82);border:1px solid var(--line);padding:8px 12px;border-radius:6px;font:12px system-ui,sans-serif;backdrop-filter:blur(8px);box-shadow:0 10px 28px rgba(0,0,0,.25)}.prompt b{display:inline-flex;width:26px;height:26px;align-items:center;justify-content:center;border-radius:4px;background:#7c491f;color:#ffd8a1}.world-message{position:absolute;z-index:22;top:18%;left:50%;transform:translateX(-50%);max-width:720px;text-align:center;font-size:clamp(20px,2vw,34px);text-shadow:0 4px 20px #000;animation:msg 3.6s ease both;pointer-events:none}@keyframes msg{0%{opacity:0;transform:translate(-50%,15px)}15%,75%{opacity:1;transform:translate(-50%,0)}100%{opacity:0;transform:translate(-50%,-10px)}}
.note-screen{z-index:85;background:rgba(2,4,7,.69);backdrop-filter:blur(8px)}.note-paper{position:relative;width:min(610px,90vw);padding:48px 54px 38px;background:linear-gradient(165deg,#d2c29e,#bca980);color:#2c241d;box-shadow:0 35px 100px rgba(0,0,0,.7),inset 0 0 80px rgba(81,51,21,.14);transform:rotate(-.35deg);border:1px solid rgba(45,30,15,.4)}.note-paper:before{content:"";position:absolute;inset:10px;border:1px solid rgba(57,39,24,.15);pointer-events:none}.note-paper .eyebrow{color:#705134}.note-paper h2{font-size:34px;margin:14px 0 18px}.note-paper p{white-space:pre-line;font:18px/1.62 Georgia,serif;margin:0 0 16px}.note-sign{text-align:right;font:italic 15px Georgia,serif;color:#5e4937;margin:18px 0 24px}.note-pin{position:absolute;top:15px;left:50%;width:13px;height:13px;border-radius:50%;background:#3d2a22;box-shadow:0 2px 5px rgba(0,0,0,.5)}.note-paper button{color:#f1dfc3;background:#3c281d;border-color:#5e4634}
.lightning-flash{position:absolute;inset:0;z-index:18;pointer-events:none;opacity:0;background:rgba(202,222,255,.92);mix-blend-mode:screen}.lightning-flash.fire{animation:flash .38s ease-out both}@keyframes flash{0%{opacity:0}8%{opacity:.72}16%{opacity:.08}24%{opacity:.95}39%{opacity:.12}100%{opacity:0}}
.debug{position:absolute;z-index:100;right:12px;bottom:12px;background:rgba(0,0,0,.7);padding:8px 10px;border-radius:4px;font:11px/1.45 Consolas,monospace;color:#b8e0c8;pointer-events:none;border:1px solid rgba(255,255,255,.08)}
@media(max-width:1100px){.menu-panel{width:52vw;padding-right:4vw}.menu-panel h1{font-size:7vw}.hud{grid-template-columns:300px 1fr 280px}}@media(max-width:800px){.menu-panel{width:100%;margin:0;padding:30px;background:rgba(3,7,12,.72)}.menu-shade{background:rgba(3,7,12,.5)}.menu-panel h1{font-size:12vw}.hud{display:flex;justify-content:space-between}.hud-center{display:none}.hud-left{width:55vw}.menu-tip{display:none}.note-paper{padding:40px 28px}.note-paper p{font-size:16px}}