:root{--color-bg:#070a14;--color-bg-deep:#02040a;--color-panel:#111827;--color-wood:#1a120c;--color-gold:#bfa76a;--color-gold-dim:#6f6040;--color-text:#e6e0d0;--color-muted:#6b7280;--color-shadow:#0000008c;--font-body:system-ui, "Hiragino Sans", "Yu Gothic", sans-serif;color:var(--color-text);background:var(--color-bg-deep);font:16px/1.5 var(--font-body);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}body{background:radial-gradient(circle at 50% 18%, #bfa76a24, transparent 28rem), linear-gradient(180deg, #090d1b 0%, var(--color-bg-deep) 74%);min-width:960px;min-height:100vh;margin:0}button{font:inherit}#root{min-height:100vh}.screen{isolation:isolate;place-items:center;min-height:100vh;padding:48px;display:grid}.title-screen,.ending-screen{text-align:center;background:radial-gradient(circle at 50% 42%,#bfa76a1f,#0000 16rem),radial-gradient(at 50% 88%,#111827b8,#0000 34rem);position:relative;overflow:hidden}.title-screen:before,.ending-screen:before{content:"";pointer-events:none;border:1px solid #bfa76a29;position:absolute;inset:12%;box-shadow:inset 0 0 80px #bfa76a0d}.title-screen:after,.ending-screen:after{content:"";opacity:.7;pointer-events:none;background:linear-gradient(90deg,#0000 0 14%,#bfa76a0d 14.2%,#0000 14.6%),linear-gradient(90deg,#0000 85%,#bfa76a0d 85.2%,#0000 85.6%);position:absolute;inset:0}h1{color:var(--color-text);letter-spacing:0;text-shadow:0 0 24px #bfa76a4d;margin:0 0 40px;font-size:64px;font-weight:400}.primary-button{min-width:144px;color:var(--color-text);cursor:pointer;background:linear-gradient(#bfa76a29,#6f604014),#02040ab8;border:1px solid #bfa76a85;border-radius:4px;padding:12px 28px;transition:border-color .16s,box-shadow .16s,transform .16s}.primary-button:hover{border-color:var(--color-gold);transform:translateY(-1px);box-shadow:0 0 22px #bfa76a33}.primary-button:focus-visible,.light-device:focus-visible,.bookshelf:focus-visible,.desk-placeholder:focus-visible,.keyboard-placeholder:focus-visible,.back-button:focus-visible,.desk-symbol-button:focus-visible,.desk-order-slot:focus-visible,.light-node-button:focus-visible,.keyboard-symbol-button:focus-visible{outline:2px solid var(--color-gold);outline-offset:4px}.title-mark{border:1px solid #bfa76a33;border-radius:50%;width:96px;height:96px;margin:0 auto 28px;position:relative;box-shadow:0 0 42px #bfa76a1a,inset 0 0 24px #bfa76a0a}.title-mark span{box-shadow:-14px 0 0 var(--color-gold);opacity:.8;border-radius:50%;position:absolute;inset:22px 18px 22px 30px}.title-mark:before,.title-mark:after{content:"";border:1px solid #bfa76a24;border-radius:50%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.title-mark:before{width:56px;height:56px}.title-mark:after{opacity:.42;width:118px;height:118px}.game-screen{background:radial-gradient(circle at 50% 7%,#bfa76a24,#0000 22rem),radial-gradient(at 50% 78%,#11182794,#0000 34rem),linear-gradient(#111827cc,#02040af2);align-items:stretch}.game-shell{width:min(1120px,100vw - 96px);min-height:680px;margin:auto;position:relative}.library-room{width:100%;min-height:680px;box-shadow:0 28px 70px var(--color-shadow), inset 0 0 80px #02040ae6;background:linear-gradient(#02040a66,#0000 20% 78%,#02040a8a),radial-gradient(at 50% 34%,#bfa76a1a,#0000 25rem),linear-gradient(90deg,#bfa76a14,#0000 18% 82%,#bfa76a14),linear-gradient(#111827cc,#070a14f5);border:1px solid #bfa76a38;grid-template-rows:104px 354px 182px 54px;gap:14px;padding:30px 42px 26px;display:grid;position:relative}.library-room:before{content:"";pointer-events:none;background:linear-gradient(90deg,#0000,#bfa76a2e,#0000);height:1px;position:absolute;bottom:76px;left:42px;right:42px}.library-room:after{content:"";pointer-events:none;background:radial-gradient(at 50% 100%,#00000080,#0000 64%);height:90px;position:absolute;bottom:72px;left:18%;right:18%}.light-device{cursor:pointer;background:0 0;border:0;border-bottom:1px solid #bfa76a42;grid-template-columns:repeat(3,1fr);justify-self:center;align-items:center;gap:32px;width:390px;height:86px;padding:0 44px;transition:filter .16s,opacity .16s,transform .16s;display:grid;position:relative}.light-node{filter:drop-shadow(0 0 14px #bfa76a33);background:radial-gradient(circle,#e6e0d06b 0 9%,#bfa76a52 10% 36%,#6f604014 58%,#0000 60%);border:1px solid #bfa76a80;border-radius:50%;justify-self:center;width:42px;height:42px}.light-beam{filter:drop-shadow(0 0 8px #bfa76a38);background:linear-gradient(90deg,#0000,#bfa76a4d,#0000);height:1px;position:absolute;top:42px;left:64px;right:64px}.room-stage{grid-template-columns:326px 1fr 326px;align-items:end;gap:38px;display:grid}.bookshelf{cursor:pointer;background:linear-gradient(90deg,#00000042,#0000 12% 88%,#00000047),linear-gradient(#1a120cdb,#0a0705f5);border:1px solid #6f604085;border-radius:3px;grid-template-rows:repeat(4,1fr);gap:0;height:354px;padding:16px 16px 18px;transition:border-color .16s,box-shadow .16s,filter .16s;display:grid;box-shadow:inset 0 0 32px #0009}.shelf-row{border-bottom:4px solid #6f604075;align-items:flex-end;gap:4px;min-height:0;padding:10px 8px 8px;display:flex;position:relative;box-shadow:inset 0 -14px 20px #0000002e}.shelf-row:last-child{border-bottom-color:#6f60409e}.book{background:linear-gradient(90deg,#21150d,#4b3520 46%,#140e09);border-left:1px solid #bfa76a24;border-radius:2px 2px 0 0;flex:0 0 24px;height:48px;display:block;box-shadow:inset -4px 0 8px #0003}.book:nth-child(2n){height:54px}.book:nth-child(5n){height:62px}.book.thin{flex-basis:13px}.book.medium{flex-basis:21px;height:58px}.book.wide{flex-basis:31px;height:52px}.book.tall{height:66px}.book.raised{transform:translateY(-5px);box-shadow:0 0 10px #bfa76a24,inset -4px 0 8px #0003}.book.blue{background:linear-gradient(90deg,#151c2d,#26314d 46%,#101522)}.book.gold-line{box-shadow:inset 3px 0 #bfa76a3d,inset -4px 0 8px #0003}.book.dot-mark:after{content:"";background:#bfa76a8c;border-radius:50%;width:4px;height:4px;margin:13px auto 0;display:block}.desk-placeholder{background:radial-gradient(ellipse at 50% 18%, #bfa76a1f, transparent 42%), linear-gradient(180deg, #bfa76a14, transparent), var(--color-wood);cursor:pointer;border:1px solid #bfa76a47;border-radius:4px;place-self:end center;width:238px;height:124px;transition:border-color .16s,box-shadow .16s,filter .16s;position:relative;box-shadow:0 22px 42px #00000061}.desk-top-line{background:#bfa76a4d;height:1px;position:absolute;inset:18px 32px auto}.desk-slot-mark{border:1px solid #bfa76a29;width:96px;height:18px;position:absolute;top:38px;left:50%;transform:translate(-50%)}.desk-leg{background:linear-gradient(#21150d,#0c0704);width:18px;height:28px;position:absolute;bottom:-28px}.desk-leg.left{left:42px}.desk-leg.right{right:42px}.door-area{grid-template-columns:190px 52px;justify-self:center;align-items:end;gap:18px;width:278px;display:grid}.door-placeholder{background:radial-gradient(at 50% 45%,#bfa76a12,#0000 38%),linear-gradient(90deg,#0000 calc(50% - 1px),#bfa76a47 calc(50% - 1px) calc(50% + 1px),#0000 calc(50% + 1px)),linear-gradient(#121827,#070a14);border:1px solid #bfa76a52;width:190px;height:184px;position:relative;overflow:hidden;box-shadow:0 0 34px #00000075,inset 0 0 42px #000000ad}.door-placeholder:before,.door-placeholder:after{content:"";z-index:1;background:linear-gradient(#bfa76a0f,#0000 35%),linear-gradient(#121827,#070a14);width:50%;transition:transform 1.1s cubic-bezier(.2,.8,.2,1);position:absolute;top:0;bottom:0}.door-placeholder:before{transform-origin:0;border-right:1px solid #bfa76a38;left:0}.door-placeholder:after{transform-origin:100%;border-left:1px solid #bfa76a38;right:0}.door-placeholder.is-open{background:radial-gradient(at 50% 42%,#bfa76a33,#070a1459 46%,#02040af5 74%),linear-gradient(#121827,#070a14);box-shadow:0 0 60px #bfa76a3d,inset 0 0 56px #000c}.door-placeholder.is-open:before{transform:translate(-88%)perspective(300px)rotateY(18deg)}.door-placeholder.is-open:after{transform:translate(88%)perspective(300px)rotateY(-18deg)}.door-seal{opacity:.7;z-index:2;border:1px solid #bfa76a73;width:18px;height:18px;transition:opacity .28s,transform .28s;position:absolute;left:50%;transform:translate(-50%)rotate(45deg)}.seal-one{top:34px}.seal-two{top:70px}.seal-three{top:106px}.seal-four{top:142px}.door-knob{border:1px solid var(--color-gold-dim);z-index:2;border-radius:50%;width:12px;height:12px;transition:opacity .24s;position:absolute;top:50%;right:34px}.door-placeholder.is-open .door-seal,.door-placeholder.is-open .door-knob{opacity:0;transform:translate(-50%)rotate(45deg)scale(.72)}.door-placeholder.is-open .seal-one{transition-delay:40ms}.door-placeholder.is-open .seal-two{transition-delay:.12s}.door-placeholder.is-open .seal-three{transition-delay:.2s}.door-placeholder.is-open .seal-four{transition-delay:.28s}.keyboard-placeholder{cursor:pointer;background:#02040aad;border:1px solid #bfa76a42;border-radius:3px;grid-template-columns:repeat(2,1fr);gap:7px;width:52px;height:86px;padding:9px;transition:border-color .16s,box-shadow .16s,filter .16s;display:grid;box-shadow:inset 0 0 18px #0000009e}.keyboard-placeholder span{background:#6f60402e;border:1px solid #bfa76a3d}.progress-sigils{background:linear-gradient(#bfa76a0d,#0000),#02040a7a;border:1px solid #bfa76a29;grid-template-columns:repeat(4,1fr);justify-self:center;gap:12px;width:260px;height:46px;padding:8px 12px;display:grid;box-shadow:inset 0 0 18px #00000057}.progress-sigil-slot{background:#111827cc;border:1px solid #6f60406b;place-items:center;transition:border-color .18s,box-shadow .18s;display:grid}.progress-sigil-slot:has(svg){border-color:#bfa76a70;box-shadow:inset 0 0 14px #bfa76a14}.symbol-icon,.progress-sigils svg{color:var(--color-gold);filter:drop-shadow(0 0 8px #bfa76a2e);overflow:visible}.light-device:hover,.bookshelf:hover,.desk-placeholder:hover,.keyboard-placeholder:hover{border-color:#bfa76a9e;transform:translateY(-1px);box-shadow:0 0 22px #bfa76a1f,inset 0 0 28px #bfa76a0f}.light-device:hover{filter:drop-shadow(0 0 14px #bfa76a29)}.is-dimmed{opacity:.64;filter:saturate(.78)brightness(.86)}.is-dimmed:hover{opacity:.82}.symbol-stroke{fill:none;stroke:currentColor;stroke-width:2.8px;stroke-linejoin:round}.symbol-linecap{stroke-linecap:round}.symbol-fill{fill:currentColor}.symbol-fill-dim{fill:#bfa76a24}.symbol-cutout{fill:var(--color-panel);stroke:none}.panel-backdrop{z-index:10;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:radial-gradient(circle at 50% 34%,#bfa76a14,#0000 21rem),#02040ac2;place-items:center;padding:48px;display:grid;position:absolute;inset:0}.panel-frame{background:linear-gradient(#bfa76a0d,#0000 22%),radial-gradient(circle at 50% 0,#bfa76a1f,#0000 18rem),#111827f5;border:1px solid #bfa76a61;grid-template-rows:auto 1fr;width:min(720px,100%);min-height:360px;display:grid;box-shadow:0 26px 70px #00000085,inset 0 0 54px #02040ac2}.panel-header{border-bottom:1px solid #bfa76a2e;justify-content:space-between;align-items:center;gap:24px;padding:18px 22px;display:flex}.panel-header h2{color:var(--color-text);letter-spacing:0;margin:0;font-size:24px;font-weight:400}.back-button{color:var(--color-text);cursor:pointer;background:#02040a85;border:1px solid #bfa76a70;border-radius:4px;padding:8px 16px;transition:border-color .16s,box-shadow .16s}.back-button:hover{border-color:#bfa76ab8;box-shadow:0 0 14px #bfa76a1f}.panel-body{place-items:center;gap:24px;padding:32px;display:grid}.shelf-explorer{grid-template-columns:repeat(2,280px);align-items:start;gap:38px;display:grid}.shelf-panel-shelf{background:linear-gradient(90deg,#bfa76a14,#0000 14% 86%,#bfa76a14),linear-gradient(90deg,#00000038,#0000 14% 86%,#0000003d),linear-gradient(#1a120cf0,#080503fa);border:1px solid #6f604094;grid-template-rows:repeat(4,1fr);height:318px;padding:14px 14px 16px;display:grid;box-shadow:inset 0 0 26px #000000a8,0 12px 28px #0000003d}.shelf-panel-row{border-bottom:4px solid #6f604080;align-items:flex-end;gap:4px;min-height:0;padding:9px 8px 7px;display:flex;box-shadow:inset 0 -12px 18px #0003}.shelf-panel-row:last-child{border-bottom-color:#6f6040a8}.shelf-panel-book{background:linear-gradient(90deg,#21150d,#4b3520 46%,#140e09);border:0;border-left:1px solid #bfa76a24;border-radius:2px 2px 0 0;flex:0 0 22px;width:22px;height:45px;padding:0;display:block;position:relative;box-shadow:inset -4px 0 8px #0000003d}.shelf-panel-book:nth-child(2n){height:50px}.shelf-panel-book:nth-child(5n){height:58px}button.shelf-panel-book{cursor:pointer;transition:filter .16s,transform .16s,box-shadow .16s}.shelf-panel-book.thin{flex-basis:12px;width:12px}.shelf-panel-book.medium{flex-basis:20px;width:20px;height:55px}.shelf-panel-book.wide{flex-basis:29px;width:29px;height:50px}.shelf-panel-book.tall{height:63px}.shelf-panel-book.blue{background:linear-gradient(90deg,#151c2d,#26314d 46%,#101522)}.shelf-panel-book.gold-line{box-shadow:inset 3px 0 #bfa76a3d,inset -4px 0 8px #0000003d}.shelf-panel-book.dot-mark:after{content:"";background:#bfa76a8a;border-radius:50%;width:4px;height:4px;position:absolute;top:16px;left:50%;transform:translate(-50%)}.shelf-panel-book.is-clue{filter:brightness(1.08)}.shelf-panel-book.is-clue:hover,.shelf-panel-book.is-clue:focus-visible{filter:brightness(1.24);outline-offset:3px;outline:1px solid #bfa76a6b;box-shadow:0 0 13px #bfa76a29,inset -4px 0 8px #0000003d}.shelf-panel-book.is-discovered{transform:translateY(-6px);box-shadow:0 0 14px #bfa76a33,inset -4px 0 8px #0000003d}.three-book-group{width:49px;height:52px;box-shadow:none;background:0 0;border:0;flex-basis:49px}.three-book-lines{align-items:flex-end;gap:5px;height:100%;display:flex}.three-book-lines span{background:linear-gradient(90deg,#21150d,#4b3520 46%,#140e09);border-left:1px solid #bfa76a24;border-radius:2px 2px 0 0;width:11px;height:47px}.three-book-lines span:nth-child(2){height:54px}.found-sigil{color:var(--color-gold);opacity:.82;filter:drop-shadow(0 0 11px #bfa76a4d);pointer-events:none;position:absolute;top:-32px;left:50%;transform:translate(-50%)}.desk-puzzle{grid-template-columns:128px 112px;justify-content:center;align-items:center;gap:54px;width:min(420px,100%);display:grid}.desk-puzzle.is-locked{opacity:.46;filter:saturate(.68)brightness(.76)}.desk-symbol-bank{grid-template-columns:repeat(2,52px);gap:14px;display:grid}.desk-symbol-button{width:52px;height:52px;color:var(--color-gold);cursor:pointer;background:#02040a70;border:1px solid #bfa76a3d;border-radius:4px;place-items:center;transition:opacity .16s,border-color .16s,box-shadow .16s,filter .16s;display:grid}.desk-symbol-button:not(:disabled):hover{border-color:#bfa76a9e;box-shadow:0 0 14px #bfa76a29}.desk-symbol-button:disabled{cursor:default}.desk-symbol-button:empty{background:#02040a3d;border-color:#6f604033}.desk-symbol-button.is-used{opacity:.32;filter:saturate(.52)}.desk-slot-column{grid-template-rows:repeat(4,72px);gap:12px;display:grid}.desk-slot-column.has-failed{animation:.36s desk-fail}.desk-order-slot{width:96px;height:72px;color:var(--color-gold);cursor:pointer;background:linear-gradient(#bfa76a0f,#0000),#02040a70;border:1px solid #bfa76a47;border-radius:4px;place-items:center;transition:border-color .16s,box-shadow .16s;display:grid}.desk-order-slot:not(:disabled):hover{border-color:#bfa76aa8}.desk-order-slot:disabled{cursor:default}.desk-order-slot.is-filled{border-color:#bfa76a80;box-shadow:0 0 16px #bfa76a1f,inset 0 0 18px #bfa76a14}.desk-puzzle.is-solved .desk-order-slot{border-color:#bfa76ac2;box-shadow:0 0 18px #bfa76a38,inset 0 0 20px #bfa76a1f}@keyframes desk-fail{0%,to{opacity:1;filter:brightness()}45%{opacity:.58;filter:brightness(.62)saturate(.74)}}.panel-placeholder,.slot-row,.keyboard-panel-grid{grid-template-columns:repeat(4,56px);gap:18px;display:grid}.panel-placeholder span,.slot-row span,.keyboard-panel-grid span{background:#02040a61;border:1px solid #bfa76a42;width:56px;height:74px}.slot-row span{height:92px}.slot-row .slot-filled{border-color:#bfa76ab8;box-shadow:inset 0 0 18px #bfa76a24}.keyboard-puzzle{place-items:center;gap:24px;width:min(360px,100%);display:grid}.keyboard-puzzle.is-locked{opacity:.46;filter:saturate(.68)brightness(.76)}.keyboard-puzzle.has-failed{animation:.34s keyboard-fail}.keyboard-puzzle.is-solved{filter:drop-shadow(0 0 18px #bfa76a29)}.keyboard-input-lights{grid-template-columns:repeat(4,24px);gap:14px;display:grid}.keyboard-input-lights span{background:#02040a85;border:1px solid #6f604085;width:24px;height:8px}.keyboard-input-lights span.is-lit{background:#bfa76a7a;border-color:#bfa76ab8;box-shadow:0 0 12px #bfa76a42}.keyboard-symbol-grid{grid-template-columns:repeat(2,72px);gap:16px;display:grid}.keyboard-symbol-button{width:72px;height:72px;color:var(--color-gold);cursor:pointer;background:radial-gradient(circle,#bfa76a21,#0000 64%),#02040a8a;border:1px solid #bfa76a47;border-radius:5px;place-items:center;transition:border-color .16s,box-shadow .16s,filter .16s;display:grid}.keyboard-symbol-button:not(:disabled):hover{border-color:#bfa76ab3;box-shadow:0 0 16px #bfa76a29}.keyboard-symbol-button:disabled{cursor:default}@keyframes keyboard-fail{0%,to{opacity:1;filter:brightness()}45%{opacity:.56;filter:brightness(.58)saturate(.72)}}.light-puzzle{width:360px;height:260px;color:var(--color-gold);background:radial-gradient(circle at 50% 55%,#bfa76a29,#0000 9rem),radial-gradient(circle at 25% 22%,#e6e0d014,#0000 4rem),radial-gradient(circle at 77% 20%,#e6e0d014,#0000 4rem),#02040a52;border:1px solid #bfa76a2e;position:relative;box-shadow:inset 0 0 40px #02040ab8}.light-puzzle.is-locked{opacity:.46;filter:saturate(.68)brightness(.76)}.light-puzzle.has-failed{animation:.36s light-fail}.light-puzzle.is-solved{border-color:#bfa76a9e;box-shadow:0 0 38px #bfa76a38,inset 0 0 54px #bfa76a24}.light-constellation{width:100%;height:100%;position:absolute;inset:0;overflow:visible}.constellation-guide line{stroke:#6f604029;stroke-width:1px;stroke-dasharray:3 9}.constellation-lines line{stroke:#bfa76ad1;stroke-width:2.4px;filter:drop-shadow(0 0 5px #bfa76a7a)drop-shadow(0 0 13px #bfa76a38)}.light-node-button{width:58px;height:58px;color:var(--color-gold);cursor:pointer;background:radial-gradient(circle,#e6e0d01a,#bfa76a29 34%,#02040ad6 68%),#02040ae0;border:1px solid #bfa76a57;border-radius:50%;place-items:center;transition:border-color .16s,box-shadow .16s,opacity .16s,filter .16s;display:grid;position:absolute;transform:translate(-50%,-50%)}.light-node-button:not(:disabled):hover{border-color:#bfa76abd;box-shadow:0 0 18px #bfa76a33}.light-node-button:disabled{cursor:default}.light-node-button.is-connected{border-color:#bfa76ac2;box-shadow:0 0 24px #bfa76a42,inset 0 0 20px #bfa76a1f}.light-puzzle.is-solved .light-node-button{box-shadow:0 0 24px #bfa76a3d,inset 0 0 20px #bfa76a1f}@keyframes light-fail{0%,to{opacity:1;filter:brightness()}45%{opacity:.56;filter:brightness(.58)saturate(.74)}}.panel-status{min-width:56px;color:var(--color-gold);text-align:center;background:#02040a61;border:1px solid #bfa76a2e;padding:5px 10px}.ending-light{filter:blur(1px)drop-shadow(0 0 24px #bfa76a24);background:radial-gradient(circle,#e6e0d038,#bfa76a47 28%,#bfa76a14 52%,#0000 70%);border-radius:50%;width:180px;height:180px;margin:0 auto 26px;animation:4.2s ease-in-out infinite ending-glow}@keyframes ending-glow{0%,to{opacity:.82;transform:scale(1)}50%{opacity:1;transform:scale(1.04)}}