:root{--sans:Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--mono:"SFMono-Regular", "Cascadia Code", "Roboto Mono", Consolas, "Liberation Mono", monospace;font-family:var(--sans);color:#e5e7eb;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#05070b}*{box-sizing:border-box}html,body,#root{width:100%;min-width:100%;height:100%;min-height:100%}body{margin:0;overflow:hidden}::selection{color:#f8fafc;background:#2dd4bf59}:root{--world-night:0;--world-sunset:.8;--world-blur:0}.museum-app{color:#1b2440;background:radial-gradient(circle at 22% 28%,#ffb2606b,#0000 30%),linear-gradient(#5b9bc9 0%,#f0a56f 58%,#3d8d5f 100%);position:fixed;inset:0;overflow:hidden}.museum-app canvas{width:100%;height:100%;filter:saturate(calc(.92 + var(--world-sunset) * .18 - var(--world-night) * .12)) contrast(calc(1.08 + var(--world-night) * .08)) brightness(calc(.98 - var(--world-night) * .18 + var(--world-sunset) * .05)) blur(calc(var(--world-blur) * .38px));display:block}.topbar{z-index:20;pointer-events:none;justify-content:space-between;align-items:flex-start;display:flex;position:fixed;top:20px;left:26px;right:26px}.topbar h1,.topbar p{margin:0}.topbar h1{letter-spacing:0;color:#fff9d9;text-shadow:0 2px #1f365047;margin-top:4px;font-size:20px;font-weight:700;line-height:1}.status-readout{color:#fff9d9c7;width:185px;font-family:var(--mono);text-shadow:0 1px #143a4638;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(90deg,#475c634d,#ffb7691f);border:1px solid #ffe1a680;margin-top:16px;padding:9px 12px 10px;font-size:11px;line-height:1.3;display:grid}.status-readout strong{color:#fff4a8;margin-top:4px;font-weight:700}.status-readout small{color:#fff9d9ad;margin-top:3px;font-size:10px}.topbar nav{pointer-events:auto;gap:10px;display:flex}button{font:inherit}.topbar button,.entry-overlay button,.icon-button{color:#fff9d9;cursor:pointer;background:#546f6c47;border:1px solid #ffe1a6b8;border-radius:6px;transition:transform .16s,border-color .16s,background .16s}.topbar button{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);min-width:82px;font-family:var(--mono);padding:10px 14px;font-size:12px;box-shadow:inset 0 1px #ffffff29,0 10px 30px #503a2c2e}.topbar button:hover,.entry-overlay button:hover,.icon-button:hover{background:#7e644f6b;border-color:#fff9d9f2;transform:translateY(-1px)}.eyebrow{color:#fff2a7;font-family:var(--mono);text-transform:uppercase;letter-spacing:0;margin:0;font-size:12px;line-height:1.25}.entry-overlay .eyebrow,.project-panel .eyebrow{color:#237f9d}.controls-panel{z-index:20;pointer-events:none;gap:9px;width:210px;display:grid;position:fixed;bottom:70px;left:24px}.controls-panel div{color:#fff9d9;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:linear-gradient(90deg,#34595657,#ffb5641c);border:1px solid #ffe1a680;border-radius:6px;align-items:center;gap:10px;min-height:34px;padding:0 12px;font-size:13px;display:flex}.crosshair{z-index:10;pointer-events:none;place-items:center;display:grid;position:fixed;inset:0}.crosshair span{border:1px solid #ffefbdbd;border-radius:50%;width:12px;height:12px;box-shadow:0 0 0 4px #fff9d90a,0 0 20px #ffb96875}.lens-overlay{z-index:9;pointer-events:none;mix-blend-mode:soft-light;opacity:calc(.78 + var(--world-night) * .18);background:radial-gradient(circle at 50% 48%,#0000 52%,#203c3a47 100%),radial-gradient(circle at 22% 30%,#ffac5e29,#0000 36%),linear-gradient(#ffd69114,#0000 34%,#1f574c1f);position:fixed;inset:0}.lens-overlay:before{content:"";background:linear-gradient(90deg, #ffde9e1a, transparent 14%, transparent 86%, #ffde9e1a), radial-gradient(circle at 50% 78%, rgba(255, 193, 109, calc(.1 + var(--world-sunset) * .18)), transparent 36%), radial-gradient(circle at 50% 42%, rgba(78, 128, 202, calc(var(--world-night) * .16)), transparent 58%);opacity:.74;position:absolute;inset:0}.lens-overlay:after{content:"";opacity:calc(.2 + var(--world-night) * .16);background:repeating-linear-gradient(0deg,#ffeec409 0 1px,#0000 2px 5px);position:absolute;inset:0}.lens-line,.lens-corner{border-color:#ffe1a670;display:block;position:absolute}.lens-line{border-style:solid;border-width:1px 0 0;height:22px;left:20%;right:20%}.lens-line-top{border-radius:50%;top:18px}.lens-line-bottom{border-radius:50%;bottom:21px;transform:rotate(180deg)}.lens-corner{opacity:.7;border-style:solid;width:42px;height:86px;margin-top:-43px;top:50%}.lens-corner-left{border-width:1px 0 1px 1px;border-radius:40px 0 0 40px;left:34px}.lens-corner-right{border-width:1px 1px 1px 0;border-radius:0 40px 40px 0;right:34px}.focus-prompt{z-index:25;color:#fff9d9;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#4a665b85;border:1px solid #fff6bead;border-radius:6px;align-items:center;gap:12px;padding:9px 12px;display:flex;position:fixed;bottom:72px;left:50%;transform:translate(-50%)}.focus-prompt span{color:var(--accent);font-size:14px;font-weight:700}kbd{color:#fff9d9;min-width:28px;height:24px;font-family:var(--mono);background:#fff4be2e;border:1px solid #fff9d970;border-radius:5px;place-items:center;font-size:12px;display:inline-grid}.entry-overlay{z-index:40;background:radial-gradient(circle at 34% 22%,#ffbb6542,#0000 34%),linear-gradient(#5b9bc938,#41765080);place-items:center;padding:32px;display:grid;position:fixed;inset:0}.entry-overlay>div{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:linear-gradient(145deg,#ffecc4e0,#e2d6a3bd);border:2px solid #fff9d9db;border-radius:8px;width:min(620px,100%);padding:30px 30px 28px;position:relative;box-shadow:0 24px 80px #2c602b40}.entry-overlay>div:before{content:"";pointer-events:none;border:1px solid #355b5321;border-radius:6px;position:absolute;inset:10px}.entry-overlay h2{color:#17233c;letter-spacing:0;margin:8px 0 12px;font-size:34px;line-height:1.04}.entry-overlay p:not(.eyebrow){color:#38515e;max-width:560px;margin:0;font-size:16px;line-height:1.55}.entry-overlay button{background:#468756db;border-color:#fff9d9f2;margin-top:22px;padding:11px 15px}.project-panel{z-index:35;color:#1b2440;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:linear-gradient(160deg,#ffefcef0,#e2d4a4e0);border:2px solid #fff9d9d1;border-radius:8px;width:min(440px,100vw - 48px);padding:24px;position:fixed;top:86px;bottom:24px;right:24px;overflow:auto;box-shadow:0 24px 80px #2c602b47}.project-panel h2{color:#17233c;letter-spacing:0;margin:7px 42px 14px 0;font-size:28px;line-height:1.05}.panel-summary{color:#38515e;margin:0;font-size:15px;line-height:1.55}.close-button{position:absolute;top:18px;right:18px}.icon-button{place-items:center;width:36px;height:36px;padding:0;display:inline-grid}.panel-section{margin-top:24px}.panel-section h3{color:#17233c;margin:0 0 10px;font-size:14px;line-height:1.1}.panel-section ul{color:#38515e;margin:0;padding-left:19px;font-size:14px;line-height:1.65}.skill-row{flex-wrap:wrap;gap:8px;margin-top:22px;display:flex}.skill-row span{color:#26364d;background:#fffceca3;border:1px solid #445c562e;border-radius:6px;padding:7px 9px;font-size:12px}.media-placeholder{border:2px dashed color-mix(in srgb, var(--accent), transparent 26%);background:color-mix(in srgb, var(--accent), white 84%);color:#1b2440;text-align:center;border-radius:8px;place-items:center;gap:10px;min-height:124px;margin-top:24px;padding:18px;font-size:13px;display:grid}.index-grid{gap:10px;margin-top:18px;display:grid}.index-item{color:#17233c;text-align:left;cursor:pointer;background:#fffceca3;border:1px solid #445c5629;border-radius:8px;grid-template-columns:24px 1fr;align-items:center;gap:4px 10px;width:100%;padding:13px;display:grid}.index-item:hover{border-color:color-mix(in srgb, var(--accent), #17233c 12%);background:color-mix(in srgb, var(--accent), white 82%)}.index-item svg{color:var(--accent)}.index-item span{font-weight:700}.index-item small{color:#526a6c;grid-column:2;font-size:12px}.mobile-block{display:none}.inventory-panel{z-index:20;color:#fff9d9b8;font-family:var(--mono);text-align:right;pointer-events:none;font-size:11px;position:fixed;bottom:48px;right:28px}.inventory-panel p{margin:0 2px 8px}.inventory-panel div{gap:9px;display:flex}.inventory-panel span{background:#556a5c29;border:2px solid #ffe1a68a;border-radius:6px;place-items:end center;width:48px;height:48px;padding-bottom:5px;display:grid}.stamina-bar{z-index:20;pointer-events:none;background:#fff4be24;border:1px solid #ffe1a699;border-radius:999px;width:min(320px,30vw);height:7px;position:fixed;bottom:33px;left:50%;overflow:hidden;transform:translate(-50%)}.stamina-bar span{border-radius:inherit;background:linear-gradient(90deg,#ffb660b8,#ffefbde6);width:74%;height:100%;display:block}@media (width<=960px){.museum-app>canvas,.topbar,.controls-panel,.crosshair,.lens-overlay,.inventory-panel,.stamina-bar,.focus-prompt,.entry-overlay,.project-panel{display:none}.mobile-block{z-index:100;color:#1b2440;background:#58c7ff;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.mobile-block>div{background:#fff3d5e6;border:2px solid #fff9d9d1;border-radius:8px;width:min(420px,100%);padding:22px}.mobile-block h2{color:#17233c;letter-spacing:0;margin:0 0 10px;font-size:24px}.mobile-block p{color:#38515e;margin:0;line-height:1.5}}