:root{color:#f4f0df;font-synthesis:none;text-rendering:optimizelegibility;--ink:#f5f0dd;--muted:#b8c9bd;--forest:#0b2826;--deep:#061615;--teal:#72e2d2;--teal-dim:#3b8d83;--gold:#e9b662;--paper:#d8c69e;background:#071817;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html,body,#root{width:100%;height:100%;margin:0;overflow:hidden}body{min-width:900px}button,input{font:inherit}button{color:inherit}button:focus-visible,input:focus-visible{outline:2px solid var(--teal);outline-offset:3px}.app-shell,.game-canvas,.full-screen,.hud{width:100%;height:100%;inset:0;position:fixed!important}.app-shell{background:#0b2424}.game-canvas{z-index:0}.full-screen,.hud{z-index:5}.title-art{background-image:linear-gradient(90deg,#030e0ecc 0%,#030e0e61 45%,#030e0e26 70%),url(/assets/art/titania-title.png);background-position:50%;background-size:cover}.title-vignette{pointer-events:none;background:radial-gradient(circle at 64% 52%,#0000 15%,#030b0c29 55%,#02090ab8 110%),linear-gradient(#0000 72%,#020a0ab8);position:absolute;inset:0}.title-panel{width:min(440px,43vw);animation:1.1s cubic-bezier(.2,.75,.2,1) both title-arrive;position:absolute;top:50%;left:clamp(50px,8vw,150px);transform:translateY(-54%)}.leaf-mark{fill:none;width:54px;height:54px;stroke:var(--gold);stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 0 14px #e9b66247);margin-bottom:12px;overflow:visible}.eyebrow{color:var(--gold);letter-spacing:.28em;text-transform:uppercase;margin:0 0 10px;font-size:.7rem;font-weight:700}.eyebrow.dark{color:#645436}.title-panel h1,.loading-content h1{letter-spacing:-.055em;text-shadow:0 5px 32px #00000080;margin:-8px 0 2px;font-family:Georgia,Times New Roman,serif;font-size:clamp(4.5rem,8.2vw,7.4rem);font-weight:400;line-height:.96}.title-copy{max-width:380px;color:var(--muted);margin:24px 0 30px;font-family:Georgia,Times New Roman,serif;font-size:1.08rem;font-style:italic;line-height:1.6}.primary-button,.note-button{color:#f7f4e7;letter-spacing:.14em;text-transform:uppercase;cursor:pointer;background:linear-gradient(135deg,#2c7469f5,#154c46f5);border:1px solid #79e7d68c;border-radius:3px;justify-content:center;align-items:center;gap:28px;min-width:210px;min-height:50px;padding:0 22px;font-size:.78rem;font-weight:750;transition:transform .18s,border-color .18s,filter .18s;display:inline-flex;box-shadow:0 9px 34px #0000004d,inset 0 1px #ffffff14}.primary-button:hover,.note-button:hover{border-color:var(--teal);filter:brightness(1.1);transform:translateY(-2px)}.primary-button:active,.note-button:active{transform:translateY(0)}.text-button{color:#cad9cf;letter-spacing:.14em;text-transform:uppercase;cursor:pointer;background:0 0;border:0;border-bottom:1px solid #ffffff40;margin-top:16px;padding:7px 0;font-size:.72rem;font-weight:700;display:block}.text-button:hover{color:#fff;border-color:var(--teal)}.text-button.danger{color:#c9aaa0;margin:20px auto 0}.control-strip{color:#ecf1e4b3;letter-spacing:.08em;text-transform:uppercase;gap:24px;font-size:.65rem;font-weight:650;display:flex;position:absolute;bottom:28px;right:42px}kbd{color:#fff;letter-spacing:.06em;background:#041212b8;border:1px solid #ffffff40;border-radius:4px;justify-content:center;align-items:center;min-width:26px;height:25px;margin-right:5px;padding:0 7px;font-size:.62rem;font-weight:750;display:inline-flex;box-shadow:inset 0 -2px #00000040}.settings-panel{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#041515c7;border:1px solid #7ed3c338;border-radius:5px;width:min(390px,100%);margin-top:18px;padding:18px 20px;box-shadow:0 16px 50px #00000047}.settings-panel label,.settings-row{color:#dce4db;letter-spacing:.05em;margin-bottom:16px;font-size:.74rem;font-weight:650;display:block}.settings-panel label>span,.settings-row>span{justify-content:space-between;margin-bottom:8px;display:flex}.settings-panel output{color:var(--teal);font-variant-numeric:tabular-nums}.settings-panel input[type=range]{width:100%;accent-color:var(--teal-dim)}.toggle-row{justify-content:space-between;align-items:center;margin-bottom:0!important;display:flex!important}.toggle-row span{margin:0!important}.toggle-row input{width:18px;height:18px;accent-color:var(--teal-dim)}.segmented{border:1px solid #ffffff26;border-radius:4px;grid-template-columns:1fr 1fr;display:grid;overflow:hidden}.segmented button{color:#94aaa1;cursor:pointer;background:0 0;border:0;padding:7px 18px;font-size:.68rem}.segmented button.selected{color:#fff;background:#4da6994d}.loading-screen{text-align:center;place-items:center;display:grid}.loading-screen:after{content:"";background:#020d0e57;position:absolute;inset:0}.loading-content{z-index:1;text-shadow:0 3px 25px #000c;flex-direction:column;align-items:center;display:flex;position:relative}.loading-content h1{font-size:clamp(4rem,8vw,7rem)}.loading-line{background:#ffffff2e;width:220px;height:1px;margin-top:30px;overflow:hidden}.loading-line span{background:linear-gradient(90deg, transparent, var(--teal), transparent);width:45%;height:100%;animation:1.7s ease-in-out infinite load-shimmer;display:block}.loading-copy{color:var(--muted);font-family:Georgia,serif;font-size:.92rem;font-style:italic}.hud{pointer-events:none}.objective-card{border-left:2px solid var(--gold);text-shadow:0 2px 10px #000;background:linear-gradient(90deg,#031111b8,#03111100);min-width:285px;padding:14px 18px 15px 20px;animation:.65s ease-out both hud-in;position:absolute;top:32px;left:36px}.objective-kicker{color:var(--gold);letter-spacing:.18em;text-transform:uppercase;margin-bottom:5px;font-size:.58rem;font-weight:750;display:block}.objective-copy{color:#fff;font-family:Georgia,serif;font-size:1rem}.crosshair{opacity:.66;width:18px;height:18px;transition:opacity .15s,transform .15s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.crosshair span{background:#ffffffe6;width:10px;height:1px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 1px 4px #000c}.crosshair span:last-child{transform:translate(-50%,-50%)rotate(90deg)}.crosshair.active{opacity:1;transform:translate(-50%,-50%)scale(1.28)rotate(45deg)}.crosshair.active span{background:var(--gold)}.interaction-prompt{color:#f3eedc;letter-spacing:.07em;background:#041111c7;border:1px solid #ffffff24;border-radius:5px;align-items:center;gap:8px;padding:8px 13px;font-size:.72rem;font-weight:680;animation:.17s ease-out both prompt-in;display:flex;position:absolute;bottom:11%;left:50%;transform:translate(-50%);box-shadow:0 8px 28px #00000059}.interaction-prompt kbd{color:var(--gold);border-color:#e9b66280}.discovery-toast{color:#ede6ce;text-align:center;text-shadow:0 2px 8px #000;background:linear-gradient(90deg,#0000,#031212cc,#0000);border-top:1px solid #e9b66266;border-bottom:1px solid #e9b66226;width:min(500px,70vw);padding:12px 24px;font-family:Georgia,serif;font-size:.95rem;font-style:italic;line-height:1.5;animation:.55s ease-out both discovery-in;position:absolute;top:14%;left:50%;transform:translate(-50%)}.hud-help{color:#ffffff8c;letter-spacing:.08em;text-transform:uppercase;font-size:.62rem;position:absolute;bottom:24px;right:26px}.mouse-capture-hint{color:#f3eedcc7;letter-spacing:.045em;background:#041111c2;border:1px solid #e9b66238;border-radius:5px;align-items:center;gap:14px;padding:8px 13px;font-size:.66rem;display:flex;position:absolute;bottom:24px;left:50%;transform:translate(-50%)}.mouse-capture-hint span+span{color:#ffffff8a}.menu-scrim{-webkit-backdrop-filter:blur(9px)saturate(.65);backdrop-filter:blur(9px)saturate(.65);background:radial-gradient(circle,#08201f9e,#020b0ce6);place-items:center;display:grid}.modal-panel{text-align:center;background:linear-gradient(150deg,#0a2826f5,#041313f5);border:1px solid #6fc7b938;border-radius:8px;width:min(460px,90vw);padding:38px;animation:.32s ease-out both modal-in;box-shadow:0 28px 90px #00000080}.modal-panel h2,.completion-content h2{margin:4px 0 12px;font-family:Georgia,serif;font-size:2.8rem;font-weight:400}.pause-panel .settings-panel{text-align:left;margin:24px auto 0}.lore-scrim{background:#050f0ec2}.lore-note{color:#3f382a;background:repeating-linear-gradient(0deg,#0000,#0000 29px,#5c4d3312 30px),linear-gradient(135deg,#dfd0aa,#c8b183);border-radius:2px;width:min(570px,86vw);padding:58px 66px 48px;animation:.5s cubic-bezier(.2,.85,.2,1) both note-in;position:relative;transform:rotate(-.6deg);box-shadow:0 35px 100px #0000009e}.lore-note:before{content:"";pointer-events:none;border:1px solid #56462b47;position:absolute;inset:10px}.lore-note h2{margin:0 0 24px;font-family:Georgia,serif;font-size:2rem;font-weight:500}.lore-note>p:not(.eyebrow){font-family:Georgia,serif;font-size:1.08rem;line-height:1.85}.note-pin{background:#6b5941;border-radius:50%;width:13px;height:13px;position:absolute;top:24px;right:26px;box-shadow:1px 3px 4px #00000059}.note-signature{text-align:right;margin:20px 10px;font-family:Georgia,serif;font-size:1.4rem;font-style:italic}.note-button{background:#463c28d1;border-color:#4c402b6b;min-height:44px;margin:25px auto 0;display:flex}.completion-screen{-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);background:#030f0fb8;place-items:center;display:grid}.completion-glow{aspect-ratio:1;background:radial-gradient(circle,#43bda92e,#0000 65%);border-radius:50%;width:min(700px,80vw);animation:4s ease-in-out infinite completion-pulse;position:absolute}.completion-content{text-align:center;animation:.9s cubic-bezier(.2,.8,.2,1) both completion-in;position:relative}.completion-content h2{letter-spacing:-.05em;text-shadow:0 5px 30px #000000b3;margin:-8px 0 0;font-size:clamp(4rem,9vw,8rem)}.completion-line{color:var(--gold);letter-spacing:.1em;margin:8px 0 35px;font-family:Georgia,serif;font-size:1.2rem;font-style:italic}.completion-actions{flex-direction:column;align-items:center;display:flex}.error-screen{place-items:center;display:grid}.error-screen .modal-panel p:not(.eyebrow){color:var(--muted);line-height:1.6}.webgl-fallback{color:#fff;background:#061817;place-items:center;width:100vw;height:100vh;display:grid}@keyframes title-arrive{0%{opacity:0;transform:translateY(-50%)translate(-24px)}to{opacity:1;transform:translateY(-54%)translate(0)}}@keyframes load-shimmer{0%{transform:translate(-120%)}to{transform:translate(330%)}}@keyframes hud-in{0%{opacity:0;transform:translate(-12px)}to{opacity:1;transform:translate(0)}}@keyframes prompt-in{0%{opacity:0;transform:translate(-50%)translateY(8px)}to{opacity:1;transform:translate(-50%)translateY(0)}}@keyframes discovery-in{0%{opacity:0;transform:translate(-50%)translateY(-8px)}to{opacity:1;transform:translate(-50%)translateY(0)}}@keyframes modal-in{0%{opacity:0;transform:scale(.96)translateY(10px)}to{opacity:1;transform:scale(1)translateY(0)}}@keyframes note-in{0%{opacity:0;transform:translateY(30px)rotate(-2deg)scale(.96)}to{opacity:1;transform:translateY(0)rotate(-.6deg)scale(1)}}@keyframes completion-in{0%{opacity:0;transform:translateY(20px)scale(.96)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes completion-pulse{0%,to{opacity:.65;transform:scale(.94)}50%{opacity:1;transform:scale(1.05)}}@media (max-height:740px){.title-panel{transform-origin:0;transform:translateY(-50%)scale(.9)}.control-strip{bottom:16px}.settings-panel{padding:12px 16px}.settings-panel label,.settings-row{margin-bottom:10px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}