.desk{position:relative;min-height:100vh;display:grid;grid-template-columns:minmax(148px,190px) minmax(0,1fr) minmax(160px,210px);grid-template-rows:minmax(0,1fr);align-items:center;gap:1.25rem 1.35rem;padding:2.25rem 1.5rem 2.5rem;background:radial-gradient(ellipse at 20% 0%,rgba(255,210,140,.18),transparent 50%),radial-gradient(ellipse at 80% 100%,rgba(40,20,8,.55),transparent 45%),linear-gradient(180deg,#5a3820,#3a2314 48%,#2a1810)}.desk-grain,.blotter,.lamp-glow,.noise-film{pointer-events:none;position:absolute}.desk-grain{top:0;right:0;bottom:0;left:0;opacity:.32;background:repeating-linear-gradient(90deg,transparent 0 2px,rgba(20,10,4,.18) 2px 3px),repeating-linear-gradient(0deg,#5a321438 0,#5a321438 14px,#1e0e061f 14px,#1e0e061f 15px);mix-blend-mode:multiply}.blotter{width:min(94vw,1280px);height:min(88vh,820px);left:50%;top:50%;translate:-50% -50%;background:radial-gradient(ellipse at 30% 20%,rgba(180,40,40,.12),transparent 40%),linear-gradient(180deg,#6e2c24,#4a1c1a);border-radius:8px;box-shadow:inset 0 0 40px #00000059,0 18px 40px #00000059;transform:rotate(-1.2deg)}.lamp-glow{width:70vw;height:70vh;left:15%;top:0;background:radial-gradient(ellipse at 50% 0%,rgba(255,214,150,.3),transparent 58%);animation:lamp-breathe 6s ease-in-out infinite}.noise-film{top:0;right:0;bottom:0;left:0;z-index:12;opacity:.09;mix-blend-mode:overlay;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.9'/%3E%3C/svg%3E");background-size:180px 180px;animation:grain-shift 1.2s steps(4) infinite}.desk-left{grid-column:1;grid-row:1;position:relative;z-index:4;display:flex;flex-direction:column;gap:1rem}.desk-right{grid-column:3;grid-row:1;position:relative;z-index:4;display:flex;flex-direction:column;align-items:flex-end;gap:.85rem}.pen-tray{position:relative;overflow:hidden;background:linear-gradient(180deg,#d4bc96,#b08d58);padding:1rem 1rem 1.15rem;border-radius:5px 4px 12px 10px;box-shadow:inset 0 1px #fff6,0 8px 16px #00000047;width:100%}.pen-tray:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;opacity:.22;filter:url(#paper-grain)}.diegetic-label,.clip-legend,.eraser-caption,.pencil-caption,.pen-caption{font-family:Caveat,cursive;color:#2a2118}.diegetic-label{position:relative;z-index:1;margin:0 0 .5rem;font-size:1.45rem;font-weight:600}.complexity{position:relative;z-index:1;display:flex;flex-direction:column;gap:.2rem}.nib{border:0;background:transparent;text-align:left;padding:.32rem .2rem .32rem 1.55rem;position:relative;color:#2a1c0e;font-family:"Source Serif 4",Georgia,serif;font-size:1.22rem;line-height:1.3}.nib:before{content:"";position:absolute;left:.15rem;top:.55rem;width:.72rem;height:.72rem;background:#1a1a18;clip-path:polygon(50% 0,100% 100%,0 100%);opacity:.25;transition:transform .2s ease,opacity .2s ease}.nib[aria-pressed=true]:before{background:linear-gradient(180deg,#d4af37,#8a6a12);opacity:1;transform:translateY(-1px)}.fountain-pen{position:relative;z-index:1;margin-top:1rem;border:0;background:transparent;display:flex;flex-direction:column;align-items:center;gap:.4rem;width:100%;transition:transform .25s ease}.desk:has(.notebook[data-open=false]) .fountain-pen{animation:pen-nudge 2.4s ease-in-out infinite}.fountain-pen:hover{transform:translateY(-3px);animation-play-state:paused}.sound-tray{position:relative;z-index:4;align-self:stretch;padding:.7rem .75rem .8rem;background:linear-gradient(180deg,#efe2c4,#d4c19a);border-radius:3px 4px 6px;box-shadow:inset 0 1px #ffffff73,0 3px #8a6a3a,0 6px 10px #00000038;transform:rotate(-1.2deg)}.sound-tray .diegetic-label{margin-bottom:.35rem}.sound-row{display:grid;grid-template-columns:3.4rem minmax(0,1fr);align-items:center;gap:.35rem .45rem;margin-top:.28rem}.sound-mute{border:0;background:transparent;padding:0;text-align:left;font-family:Caveat,cursive;font-size:1.18rem;font-weight:600;color:#2a2118;cursor:pointer}.sound-mute.is-quiet,.sound-mute[aria-pressed=false]{color:#7a6a52;text-decoration:line-through;text-decoration-thickness:1px}.sound-tray input[type=range]{width:100%;height:8px;margin:0;accent-color:#8a6a12;cursor:pointer;background:transparent}.sound-tray input[type=range]:disabled{opacity:.45}.sound-tray input[type=range]::-webkit-slider-runnable-track{height:4px;border-radius:2px;background:linear-gradient(180deg,#6a4a28,#3a2a18)}.sound-tray input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:12px;height:16px;margin-top:-6px;border-radius:2px 2px 3px 3px;background:linear-gradient(180deg,#d4af37,#8a6a12);box-shadow:0 1px 2px #00000059}.sound-tray input[type=range]::-moz-range-track{height:4px;border-radius:2px;background:#3a2a18}.sound-tray input[type=range]::-moz-range-thumb{width:12px;height:16px;border:0;border-radius:2px;background:#c9a227}.pen-body{width:18px;height:88px;border-radius:8px 8px 3px 3px;background:linear-gradient(90deg,#1d3a4a,#2b6078 40%,#16303c);box-shadow:inset -3px 0 #ffffff1f;position:relative}.pen-body:after{content:"";position:absolute;left:50%;top:10px;width:10px;height:10px;border-radius:50%;background:#c9a227;transform:translate(-50%)}.pen-nib{width:14px;height:22px;background:linear-gradient(180deg,#d8d4cc,#8a8680);clip-path:polygon(20% 0,80% 0,50% 100%);transition:transform .15s ease}.pen-caption{font-size:1.55rem;line-height:1.15;margin:0;text-align:center}.pen-hint{position:relative;z-index:1;margin:.15rem 0 0;font-family:Caveat,cursive;font-size:1.38rem;line-height:1.2;color:#3a2410;text-align:center;max-width:10rem}.clip-gutter{display:flex;flex-direction:column;gap:.4rem;min-height:3.5rem}.paperclip{width:30px;height:46px;border:3px solid #c0c4c8;border-radius:12px 12px 8px 8px;background:transparent;box-shadow:inset 4px 0 #e8eaee,2px 2px #00000026;transform:rotate(-8deg);padding:0;animation:clip-idle 4.5s ease-in-out infinite}.paperclip:nth-child(2n){transform:rotate(6deg);animation-delay:-1.4s}.paperclip.spent{opacity:.2;transform:translate(8px) rotate(25deg);animation:none}.clip-legend{margin:0;font-size:1.42rem;line-height:1.25;text-align:right;color:#f6ead0;text-shadow:0 1px 0 #2a1408;max-width:11.5rem}.hint-actions{display:flex;flex-direction:column;gap:.5rem;width:100%}.object-btn{border:0;background:#f3e4c4;color:#2b2114;padding:.6rem .85rem;font-family:"Source Serif 4",Georgia,serif;font-size:1.18rem;line-height:1.25;box-shadow:2px 3px #00000040;transform:rotate(-1deg);width:100%;text-align:center;transition:transform .2s ease,box-shadow .2s ease}.object-btn.full{transform:rotate(1.4deg)}.object-btn:hover{transform:translateY(-2px)}.object-btn:disabled{opacity:.4;cursor:not-allowed}.pencil,.eraser,.bookmark{border:0;background:transparent}.pencil{display:flex;flex-direction:column;align-items:flex-end;gap:.3rem}.pencil-shaft{width:14px;height:92px;background:linear-gradient(90deg,#9a2a24,#c4453c 40%,#6e1c18);clip-path:polygon(0 12px,50% 0,100% 12px,100% 100%,0 100%);transition:transform .2s ease}.pencil:hover .pencil-shaft{transform:rotate(-8deg)}.pencil-caption,.eraser-caption{color:#f3e6c8;font-size:1.48rem;line-height:1.1}.eraser-body{width:48px;height:28px;border-radius:4px;background:linear-gradient(180deg,#f2c2c8,#d98996);box-shadow:inset 0 -6px #c56b78}.bookmark{margin-top:.35rem;background:linear-gradient(180deg,#7a1f28,#4e1218);color:#f7e7c5;font-family:Cinzel,serif;font-size:.92rem;letter-spacing:.05em;line-height:1.25;padding:1.45rem .55rem .65rem;clip-path:polygon(0 0,100% 0,100% 86%,50% 100%,0 86%);width:108px;text-wrap:balance}.ink-progress{position:fixed;left:50%;bottom:1.4rem;transform:translate(-50%);z-index:20;display:flex;align-items:center;gap:.85rem;color:#f4e6c8;font-family:Caveat,cursive;font-size:1.5rem;line-height:1.2;background:#1c100a73;padding:.55rem 1rem .55rem .7rem;border-radius:999px;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.ink-well{width:48px;height:48px;border-radius:50%;border:3px solid #c9a227;overflow:hidden;background:#1a120c;display:flex;flex-direction:column;justify-content:flex-end}.ink-fill{height:0%;width:100%;background:#1b2438;transition:height .25s ease}@media(max-width:1080px){.desk{grid-template-columns:1fr;grid-template-rows:auto auto auto;justify-items:center;padding:1.25rem 1rem 2rem}.desk-left,.desk-right,.scene{grid-column:1;grid-row:auto}.desk-left,.desk-right{flex-direction:row;flex-wrap:wrap;justify-content:center;width:min(100%,720px);align-items:flex-end}.pen-tray{width:180px}.sound-tray{width:200px;transform:none}.hint-actions{width:auto}}.scene{position:relative;z-index:2;grid-column:2;grid-row:1;perspective:1800px;width:100%;min-width:0}.notebook{position:relative;min-height:min(82vh,760px);transform-style:preserve-3d}.notebook-spine{position:absolute;left:50%;top:4%;bottom:4%;width:22px;transform:translate(-50%);background:linear-gradient(90deg,#2a120e,#5a2418 40%,#2a120e);border-radius:4px;z-index:3;box-shadow:0 0 12px #00000059}.rings{position:absolute;left:50%;top:8%;height:84%;transform:translate(-50%);z-index:5;display:flex;flex-direction:column;justify-content:space-between;pointer-events:none}.rings span{width:28px;height:14px;border:3px solid #b9b6ae;border-radius:8px;background:transparent;margin-left:-14px;box-shadow:0 2px #00000040}.notebook[data-open=false] .rings,.notebook[data-open=false] .notebook-spine{opacity:0}.cover{position:relative;z-index:4;width:min(100%,440px);margin:2vh auto;padding-right:3.4rem}.notebook[data-open=true] .cover{display:none}.notebook[data-open=true] .spread{position:relative;inset:auto;z-index:6;min-height:min(78vh,740px)}.cover-leather{position:relative;overflow:hidden;display:flex;flex-direction:column;min-height:min(68vh,640px);padding:2.4rem 3.6rem 1.75rem 2rem;border-radius:4px 10px 12px 6px;background:radial-gradient(circle at 20% 10%,rgba(255,255,255,.08),transparent 30%),linear-gradient(145deg,#6b2a1c,#4a1810 40%,#3a120c);box-shadow:inset 0 0 0 10px #5a1e1280,inset 0 0 40px #00000059,12px 18px 30px #0006}.cover-leather:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;opacity:.28;filter:url(#leather-grain);pointer-events:none}.cover-emboss{position:relative;z-index:1;flex:1;display:flex;flex-direction:column;justify-content:center;text-align:center;color:#f0dfb4;text-shadow:0 1px 0 rgba(255,255,255,.15),0 -1px 0 rgba(0,0,0,.45);padding:0 .2rem;max-width:100%}.cover-emboss h1{font-family:Cinzel,serif;font-size:clamp(1.75rem,3vw,2.55rem);margin:0;letter-spacing:.06em;line-height:1.15;padding-right:.15rem}.cover-series{font-family:Cinzel,serif;letter-spacing:.28em;text-transform:uppercase;font-size:.82rem;margin:0 0 .7rem}.cover-sub,.cover-status,.cover-edition{font-family:Caveat,cursive}.cover-sub{margin:1rem 0 0;font-size:1.55rem;line-height:1.25;color:#e6d2a4}.cover-edition{position:relative;z-index:1;margin:1.2rem 0 .35rem;text-align:center;color:#e2cc96;font-size:1.4rem;line-height:1.3}.cover-status{position:relative;z-index:1;margin:0;padding:.7rem .85rem .15rem;text-align:center;font-size:1.42rem;line-height:1.35;color:#f6e6bc;text-wrap:pretty}.compose-ledger{position:relative;z-index:1;margin:.85rem .4rem .2rem;padding:.75rem .85rem .85rem;background:#12080659;border:1px solid rgba(232,213,163,.22);text-align:left}.ledger-title{font-family:Special Elite,cursive;font-size:.78rem;letter-spacing:.12em;text-transform:uppercase;color:#e8d5a3;margin:0 0 .5rem}.compose-ledger ol{list-style:none;margin:0;padding:0}.compose-ledger li{display:grid;grid-template-columns:7.2rem minmax(0,1fr);gap:.45rem;align-items:baseline;margin:.22rem 0;font-size:1.05rem;color:#f3e6c8}.ledger-label{font-family:"Source Serif 4",Georgia,serif;font-size:.92rem;opacity:.8}.ledger-value{font-family:Caveat,cursive;font-size:1.28rem;line-height:1.2;overflow-wrap:anywhere}.ledger-bar{margin-top:.7rem;height:6px;background:#00000059;border-radius:99px;overflow:hidden}.ledger-bar span{display:block;height:100%;width:0%;background:linear-gradient(90deg,#c9a227,#f0ddb0);transition:width .25s ease}.index-tabs{position:absolute;right:0;top:16%;display:flex;flex-direction:column;gap:.5rem;z-index:6}.tab{border:0;width:5.4rem;padding:.7rem .4rem .6rem;font-family:"Source Serif 4",Georgia,serif;font-size:1.12rem;line-height:1.2;color:#2b2118;background:#efe0bf;box-shadow:2px 2px #00000040;transition:transform .2s ease}.tab[aria-pressed=true]{background:#f7edd2;transform:translate(8px)}.tab span{display:block;margin-top:.15rem;font-family:Special Elite,cursive;font-size:.92rem}.spread{position:absolute;top:2%;right:0;bottom:2%;left:0;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:2.1rem;z-index:2;padding:0 .35rem}.page{position:relative;min-width:0;background:#f3ead4;border-radius:3px;box-shadow:0 16px 28px #00000047,inset 0 0 0 1px #50321414;overflow:hidden}.page:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;opacity:.16;filter:url(#paper-grain)}.page-left{display:flex;flex-direction:column;margin-right:.35rem;background:linear-gradient(90deg,rgba(40,20,10,.05),transparent 22px),#f4ead6;padding:1.65rem 1.45rem 1.4rem 1.7rem}.page-right{display:flex;flex-direction:column;margin-left:.35rem;background:linear-gradient(90deg,rgba(40,20,10,.07),transparent 20px),#efe6cc;padding:1.45rem 1.35rem 1.35rem 1.55rem}.page-fiber{pointer-events:none;position:absolute;top:0;right:0;bottom:0;left:0;opacity:.14;filter:url(#paper-grain)}.masthead{position:relative;z-index:1;flex:0 0 auto;border-bottom:1px solid rgba(40,30,16,.2);margin-bottom:.85rem;padding-bottom:.55rem}.masthead-kicker{font-family:Caveat,cursive;font-size:clamp(1.55rem,2.2vw,1.95rem);line-height:1.2;margin:0;overflow-wrap:anywhere}.masthead-meta{margin:.25rem 0 0;font-family:Special Elite,cursive;font-size:.9rem;letter-spacing:.03em;opacity:.75}.clue-columns{position:relative;z-index:1;flex:1 1 auto;min-height:0;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:1.15rem;overflow:auto;padding-right:.25rem}.clue-columns h2{font-family:Special Elite,cursive;font-size:.95rem;letter-spacing:.08em;margin:0 0 .55rem}.clue-columns ol{margin:0;padding:0;list-style:none}.clue{display:grid;grid-template-columns:1.6rem minmax(0,1fr);align-items:start;gap:.35rem;width:100%;border:0;background:transparent;text-align:left;font-family:"Source Serif 4",Georgia,serif;font-size:1.12rem;line-height:1.42;color:#231910;padding:.28rem .35rem;border-radius:3px;overflow-wrap:anywhere}.clue[aria-current=true]{background:#ffdc5a61}.clue.clue-locked{opacity:.45;cursor:not-allowed}.clue.solved,.clue.solved .num,.clue.solved .clue-text{color:#9a9488}.clue .clue-text{position:relative;display:inline-block;max-width:100%}.clue.solved .clue-text:after{content:"";position:absolute;left:0;top:55%;height:2px;width:100%;background:#c0392b;border-radius:1px;transform:scaleX(1);transform-origin:left center;pointer-events:none}.clue.solved.strike-in .clue-text:after{animation:clue-strike .45s ease-out forwards}.clue .num{font-family:Special Elite,cursive;font-size:.82rem;line-height:1.5;margin-right:0;color:#4a3218}.page-note{position:relative;z-index:1;flex:0 0 auto;font-family:Caveat,cursive;font-size:1.35rem;line-height:1.3;margin:.85rem 0 0;min-height:1.5em;color:#6a2a18;overflow-wrap:anywhere}.notebook[data-generating=true] .cover-leather{filter:brightness(.92);animation:cover-pulse 1.4s ease-in-out infinite}.grid-wrap{position:relative;z-index:1;flex:1;min-height:0;display:grid;place-items:center;overflow:auto}.crossword{position:relative;display:grid;grid-template-columns:repeat(var(--n, 5),var(--cell, 4.5rem));grid-template-rows:repeat(var(--n, 5),var(--cell, 4.5rem));width:max-content;height:max-content;max-width:100%;border:3px solid #1c1710;box-shadow:4px 6px #3c28101f,inset 0 0 30px #5032140f;background:#1c1710;gap:0}.word-strike{position:absolute;z-index:4;pointer-events:none;background:#c0392b;border-radius:1px;transform-origin:left center}.word-strike-across{height:2.5px;transform:translateY(-50%)}.word-strike-down{width:2.5px;transform:translate(-50%);transform-origin:center top}.word-strike.strike-in.word-strike-across{animation:grid-strike-x .45s ease-out forwards}.word-strike.strike-in.word-strike-down{animation:grid-strike-y .45s ease-out forwards}.cell{position:relative;box-sizing:border-box;width:var(--cell, 4.5rem);height:var(--cell, 4.5rem);min-width:var(--cell, 4.5rem);min-height:var(--cell, 4.5rem);max-width:var(--cell, 4.5rem);max-height:var(--cell, 4.5rem);overflow:hidden;border:1px solid rgba(28,23,16,.7);display:flex;align-items:center;justify-content:center;font-family:Special Elite,cursive;font-size:calc(var(--cell, 4.5rem) * .46);line-height:1;text-transform:uppercase;color:#2a2a28;background:#f7f1dc;-webkit-user-select:none;user-select:none;flex:none}.cell.block{background:repeating-linear-gradient(45deg,#14110e 0,#14110e 2px,#1b1712 2px,#1b1712 5px);box-shadow:inset 0 0 6px #000;border-color:#0a0906}.cell.word-start-x{border-left:3px solid #1c1710}.cell.word-end-x{border-right:3px solid #1c1710}.cell.word-start-y{border-top:3px solid #1c1710}.cell.word-end-y{border-bottom:3px solid #1c1710}.cell .num{position:absolute;top:2px;left:3px;font-size:calc(var(--cell, 4.5rem) * .22);line-height:1;color:#3a2a16}.cell.active{background:#f3d56a}.cell.in-word{background:#f7e7a0}.cell.wrong{box-shadow:inset 0 -4px #b42318}.cell.hinted .letter{color:#1a3a68}.cell.inked .letter{color:#151515}.cell.locked .letter{color:#9a9488}.cell.locked.hinted .letter{color:#7a8494}.letter{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;transform-origin:50% 80%;pointer-events:none}.cell.write .letter{animation:write-on .28s ease-out}@keyframes write-on{0%{transform:scaleX(.2) rotate(-8deg);opacity:0}to{transform:scaleX(1) rotate(0);opacity:1}}@keyframes clue-strike{0%{transform:scaleX(0);opacity:.4}to{transform:scaleX(1);opacity:1}}@keyframes grid-strike-x{0%{transform:translateY(-50%) scaleX(0);opacity:.4}to{transform:translateY(-50%) scaleX(1);opacity:1}}@keyframes grid-strike-y{0%{transform:translate(-50%) scaleY(0);opacity:.4}to{transform:translate(-50%) scaleY(1);opacity:1}}@keyframes clip-shake{0%,to{transform:rotate(-8deg)}25%{transform:rotate(10deg) translate(-4px)}50%{transform:rotate(-12deg) translate(4px)}75%{transform:rotate(8deg)}}@keyframes clip-idle{0%,to{translate:0 0}50%{translate:0 -2px}}@keyframes page-settle{0%{transform:rotateX(6deg) translateY(16px);opacity:.35}to{transform:none;opacity:1}}@keyframes pen-nudge{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@keyframes lamp-breathe{0%,to{opacity:.85}50%{opacity:1}}@keyframes grain-shift{0%{background-position:0 0}to{background-position:60px 40px}}@keyframes cover-pulse{0%,to{filter:brightness(.92)}50%{filter:brightness(1.04)}}.clip-gutter.shake .paperclip:not(.spent){animation:clip-shake .45s ease}.notebook[data-open=true] .spread{animation:page-settle .7s ease}.notebook[data-open=true] .page{animation:page-settle .85s ease}.notebook[data-open=true] .page-right{animation-delay:.08s}.fountain-pen:active .pen-nib{transform:translateY(3px)}.cell:focus{outline:2px solid #1c1710;outline-offset:-2px}@media(prefers-reduced-motion:reduce){.notebook[data-open=true] .spread,.notebook[data-open=true] .page,.cell.write .letter,.clue.solved.strike-in .clue-text:after,.word-strike.strike-in,.clip-gutter.shake .paperclip,.paperclip,.lamp-glow,.noise-film,.notebook[data-generating=true] .cover-leather,.fountain-pen{animation:none}}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;min-height:100%}body{font-family:"Source Serif 4",Georgia,Times New Roman,serif;color:#1c1710;background:#1a120c;overflow:auto;text-rendering:optimizeLegibility}.filters{position:absolute;width:0;height:0;overflow:hidden}button{font:inherit;cursor:pointer}[hidden]{display:none!important}