@font-face{font-family:system-fallback;src:local("Segoe UI")}*{box-sizing:border-box}:root{font-family:Segoe UI,system-ui,sans-serif;color:#d7d9ce;background:#141917;font-synthesis:none;--gold:#c6a56b;--muted:#878d80;--border:#c4b58a21}body{margin:0;overflow:hidden}button,a,input,select{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer}button:disabled{cursor:default;opacity:.32}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid #e6c782;outline-offset:5px}button svg{width:22px;height:22px;flex-shrink:0}button{border:0;background:none}button:hover:not(:disabled){color:#f2d299}a{color:inherit;text-decoration:none}#app{height:100dvh;display:flex;flex-direction:column;background:radial-gradient(ellipse at 52% 43%,#2b342950,transparent 57%),url("data:image/svg+xml,%3Csvg viewBox=%220 0 180 180%22 xmlns=%22http://www.w3.org/2000/svg%22%3E%3Cfilter id=%22n%22%3E%3CfeTurbulence type=%22fractalNoise%22 baseFrequency=%22.9%22 numOctaves=%223%22 stitchTiles=%22stitch%22/%3E%3C/filter%3E%3Cpath fill=%22%23ffffff%22 opacity=%22.022%22 filter=%22url(%23n)%22 d=%22M0 0h180v180H0z%22/%3E%3C/svg%3E")}.topbar{height:100px;min-height:76px;padding:0 4.5vw;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--border)}.brand{display:flex;gap:13px;align-items:center;flex-shrink:0}.brand img{width:47px;height:47px;border-radius:10px;box-shadow:0 4px 18px #0005}.brand>span{font-family:Georgia,serif;font-size:16px;letter-spacing:3px;line-height:1.6;color:#e7deca}.brand b{font-weight:400}.brand small{display:block;font-family:Segoe UI,sans-serif;letter-spacing:3.3px;font-size:8px;color:#999e8e}.collection{font-size:9px;letter-spacing:2px;color:#969d8d;display:flex;align-items:center;gap:12px}.divider{height:18px;width:1px;background:var(--border);margin:0 15px}.live-dot{width:5px;height:5px;display:inline-block;background:#a2b295;border-radius:50%;box-shadow:0 0 9px #92a17b22}.header-actions{display:flex;align-items:center;gap:14px}.icon-button{display:flex;align-items:center;justify-content:center;width:39px;height:39px;border:1px solid var(--border);border-radius:50%;color:#b4b6a6}.icon-button:hover{background:#b7b9950a;border-color:#b7b99555}.icon-button[hidden]{display:none}.icon-button svg{width:18px;height:18px}.studio{flex:1;min-height:0;display:grid;grid-template-columns:minmax(190px,1fr) minmax(320px,560px) minmax(160px,1fr);gap:3vw;width:min(1350px,91%);margin:0 auto;align-items:center}.intro{max-width:265px;padding-bottom:25px}.eyebrow{font-size:9px;letter-spacing:2.6px;font-weight:500;color:var(--gold)}.line{height:1px;width:25px;background:var(--gold);display:inline-block;vertical-align:middle;margin-right:10px}h1{font:400 clamp(35px,3.8vw,55px)/1.14 Georgia,serif;letter-spacing:-1.7px;color:#dfdfd3;margin:24px 0}h1 em{color:var(--gold);font-weight:400}.intro>p{font-size:12px;line-height:1.95;color:#92998b;max-width:235px;margin:0 0 38px}.chapter-card{display:flex;gap:17px;align-items:center;border-top:1px solid var(--border);padding-top:26px}.chapter-roman{font:36px Georgia,serif;color:#c4a26b;border:1px solid #b39d7140;outline:1px solid #b39d711c;outline-offset:4px;width:53px;height:61px;display:flex;align-items:center;justify-content:center;background:linear-gradient(150deg,#ac935b12,transparent)}.chapter-card small{font-size:8px;letter-spacing:1.5px;color:#888f7f}.chapter-card h3{font:20px Georgia,serif;font-weight:400;margin:7px 0 5px;color:#d2d0bb}.chapter-card div>span{font-size:10px;color:#838b7a}.chapter-progress{margin-top:26px}.chapter-progress>div:first-child{display:flex;justify-content:space-between;font-size:9px;color:#878e7e}.chapter-progress b{font-weight:400;color:#a5ad99}.progress-track{height:2px;background:#d5c19615;margin-top:12px}.progress-track i{height:100%;display:block;background:#b99c61;transition:width .5s}.offline-label{font-size:7px;letter-spacing:1.45px;color:#7d8875;margin-top:34px;white-space:nowrap}.offline-label .live-dot{margin-right:7px;width:4px;height:4px}.game{height:100%;min-height:0;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:14px 0;position:relative}.level-heading{text-align:center;flex-shrink:0;height:90px;padding-top:7px}.level-heading .eyebrow{font-size:8px;letter-spacing:3.3px;color:#9b9f8a}.level-heading h2{font:26px Georgia,serif;letter-spacing:-.3px;font-weight:400;margin:10px 0;color:#dfddcc}.ornament{display:flex;align-items:center;justify-content:center;gap:10px;font-size:10px;color:#a98f5955}.ornament span{width:42px;height:1px;background:linear-gradient(90deg,transparent,#a98f5940)}.ornament span:last-child{transform:scaleX(-1)}.board{position:relative;aspect-ratio:476/630;flex-shrink:1;min-height:0;height:calc(100% - 192px);max-height:660px;max-width:100%;filter:drop-shadow(0 14px 20px #0004)}.board canvas{display:block;width:100%!important;height:100%!important}.hit-targets{position:absolute;inset:0;z-index:2}.socket{position:absolute;width:8%;aspect-ratio:1;transform:translate(-50%,-50%);padding:0;border-radius:50%;opacity:1!important;outline-offset:1px!important}.socket:not(:disabled):hover{box-shadow:0 0 0 2px #efcd8390,0 0 17px #c8ae6070;background:#f3d7950e}.socket.selected{box-shadow:0 0 0 1px #f4d795;animation:breathe 1.5s infinite}.socket.destination{box-shadow:0 0 0 1px #d9c68b77,0 0 12px #d9c68b22}.socket.destination:before{content:"+";color:#efd7a4;position:absolute;inset:0;display:grid;place-items:center;font-size:15px}.socket.hint-source{box-shadow:0 0 0 3px #f2d180,0 0 20px #f2d180aa;animation:breathe 1.1s infinite}.socket.hint-target{box-shadow:0 0 0 3px #b2d9a9,0 0 18px #b2d9a980}.instruction{color:#9da18d;font-size:10px;text-align:center;line-height:1.5;min-height:31px;max-width:95%;padding:6px 4px;flex-shrink:0}.toolbar{height:65px;display:flex;align-items:center;justify-content:center;gap:8px;padding:7px 16px;border:1px solid var(--border);border-radius:12px;background:linear-gradient(160deg,#343a2f55,#1a201c55);box-shadow:0 5px 18px #0001;flex-shrink:0}.toolbar button{position:relative;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:6px;padding:2px 16px;color:#b8bdab;min-width:63px}.toolbar button span{font-size:9px}.toolbar svg{width:19px;height:19px}.toolbar kbd{position:absolute;right:5px;top:-2px;font-size:7px;color:#858a7044;font-family:inherit}.tool-divider{height:26px;background:var(--border);width:1px;margin:0 3px}.journal{justify-self:end;max-width:210px;width:100%;padding-bottom:23px}.edition{color:#7f8975;font-size:8px;letter-spacing:2.2px;border-top:1px solid var(--border);padding-top:19px;display:flex;justify-content:space-between;margin-bottom:36px}.edition>span{font-size:12px;color:#ac945d}.session-stat{margin:0 0 31px}.session-stat small{color:#92997e;font-size:8px;letter-spacing:2px;display:block}.session-stat strong{font:42px Georgia,serif;font-weight:400;color:#d2d4c3;display:block;margin:7px 0 6px;letter-spacing:1px}.session-stat strong span{color:#879078}.session-stat>span{font-size:9px;color:#77816f}.objective{padding-top:23px;border-top:1px solid var(--border)}.tiny-screw{display:inline-flex;color:#c0a369;font-size:26px;transform:rotate(-20deg)}.objective h3{font:18px Georgia,serif;font-weight:400;color:#c5c8b4;margin:12px 0}.objective p{font-size:11px;line-height:1.9;color:#858e79}.objective>div{display:flex;align-items:center;gap:7px;font-size:8px;color:#8e967f;margin-top:18px}.legend{width:9px;height:9px;border-radius:50%;display:inline-block}.legend.gold{background:linear-gradient(135deg,#e6cb8e,#947039)}.legend.hollow{border:1px solid #9b916a;background:#0c100b;margin-left:8px}.text-button{display:flex;align-items:center;gap:25px;font-size:10px;padding:0;color:#bdab7c;margin-top:30px}.text-button svg{width:15px;height:15px}footer{height:40px;flex-shrink:0;padding:0 4.5vw;display:flex;align-items:center;justify-content:space-between;font-size:7px;letter-spacing:1.8px;color:#69745f;border-top:1px solid #d9c89c0c}dialog{color:#d7d9ce;background:linear-gradient(145deg,#262e25,#171e19);border:1px solid #bcab7640;border-radius:18px;padding:28px;width:min(480px,calc(100vw - 30px));max-height:90dvh;box-shadow:0 30px 120px #000a;scrollbar-color:#5e6249 transparent}dialog.wide{width:min(660px,calc(100vw - 30px))}dialog::backdrop{background:#080e0bd9;backdrop-filter:blur(8px)}.dialog-heading{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:22px;gap:15px}.dialog-heading h2{font:30px Georgia,serif;font-weight:400;margin:10px 0 0;color:#e0dcc7}.dialog-heading .eyebrow{font-size:8px}.dialog-lead{font-size:12px;color:#a4ac97;line-height:1.8}.setting{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:15px 0;border-bottom:1px solid var(--border);font-size:12px}.setting b{font-weight:500}.setting small{display:block;font-size:10px;margin-top:6px;color:#86917c}.setting input[type=checkbox]{appearance:none;width:34px;height:20px;flex-shrink:0;cursor:pointer;border-radius:20px;background:#47503f;position:relative;transition:background .2s;margin:0}.setting input[type=checkbox]:before{content:"";position:absolute;left:3px;top:3px;width:14px;height:14px;border-radius:50%;background:#d5dac8;transition:transform .2s}.setting input:checked{background:#a18651}.setting input:checked:before{transform:translate(14px);background:#fff0c8}.setting input[type=range]{width:130px;accent-color:#c3a067}.setting select{background:#141c15;border:1px solid #aaa57e33;color:#cdd3bf;border-radius:5px;padding:7px;font:11px inherit}.data-actions{display:flex;gap:12px;margin-top:22px}.secondary{border:1px solid #bcb48a40;border-radius:7px;padding:12px 16px;font-size:11px;color:#bec5ae;display:block;width:100%;margin-top:12px}.data-actions .secondary{margin-top:0}.danger{color:#bf8f7d;font-size:10px;margin-top:22px;padding:0}.subtle{font-size:10px;line-height:1.8;color:#858f79;margin-top:20px}.primary{background:linear-gradient(130deg,#c3a775,#a88952);color:#192017;border-radius:8px;padding:15px 18px;display:flex;align-items:center;justify-content:center;gap:25px;width:100%;font-weight:600;font-size:12px;margin-top:22px;box-shadow:0 3px 12px #0003}.primary:hover{color:#0a0e08!important;filter:brightness(1.12)}.primary.destructive{background:#a56a53;color:#fff3df}.result-grid{display:grid;grid-template-columns:repeat(3,1fr);text-align:center;margin:30px 0;gap:10px}.result-grid strong{font:30px Georgia,serif;display:block;color:#d7c18c;white-space:nowrap}.result-grid small{font-size:8px;letter-spacing:1.2px;color:#939d83;display:block;margin-top:10px}.result-grid em{font:14px Georgia;color:#818b74}.win-mark{text-align:center;font-size:65px;color:#ccae6e;text-shadow:0 0 60px #c6a75e50;margin:30px 0 15px}.win-mark+.dialog-lead{text-align:center}.chapter-tabs{display:flex;gap:5px;border-bottom:1px solid var(--border);margin:25px 0 20px}.chapter-tabs button{flex:1;text-align:center;color:#89967f;font:19px Georgia;padding:10px 0 15px;position:relative}.chapter-tabs button span{font:8px Segoe UI,sans-serif;display:block;margin-top:7px;white-space:nowrap}.chapter-tabs button.active{color:#dabf80}.chapter-tabs button.active:after{position:absolute;content:"";height:2px;bottom:-1px;left:0;right:0;background:#c5a263}.level-grid{display:grid;grid-template-columns:repeat(8,1fr);gap:9px}.level-grid button{border:1px solid #c3b38326;border-radius:8px;background:#10181044;aspect-ratio:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;font-size:13px;color:#b8c1a7}.level-grid button svg{width:12px;height:12px}.level-grid button i{font-size:12px;line-height:12px;font-style:normal;color:#646d58}.level-grid button.completed{border-color:#a8945c88;color:#d1b977;background:#c6a65a10}.level-grid button.current{border-color:#dfc184;background:#c6a65a1a}.stats-chapters{display:grid;gap:20px;margin:30px 0;font-size:11px;color:#adb69d}.stats-chapters b{float:right;font-size:10px;font-weight:400;color:#c6ab70}.history-title{font:18px Georgia;font-weight:400;margin-top:30px;color:#cbcbb5}.history p{display:flex;justify-content:space-between;font-size:10px;padding:10px 0;border-bottom:1px solid var(--border);margin:0;color:#99a58b}.history p span+span{color:#c5b584}.help-steps p{display:flex;gap:20px;font-size:12px;line-height:1.8;color:#96a18a;margin:26px 0}.help-steps b{font:24px Georgia;color:#c4a469}.help-steps strong{display:block;font-weight:500;color:#d1d4be;margin-bottom:6px}#toast{position:fixed;z-index:20;left:50%;bottom:40px;transform:translate(-50%,12px);max-width:calc(100vw - 30px);background:#303c2c;border:1px solid #baa46a55;border-radius:8px;padding:12px 20px;color:#e4d8b5;font-size:12px;pointer-events:none;opacity:0;transition:all .2s;text-align:center}#toast.show{opacity:1;transform:translate(-50%)}.loading{position:absolute;inset:0;display:grid;place-content:center;font-size:12px;color:#c7af76;text-align:center;line-height:2}.update-button{font-size:10px;color:#d0b579}.high-contrast{--muted:#c0c9b3;--border:#ded6ac66}.high-contrast .instruction,.high-contrast .intro p,.high-contrast .objective p,.high-contrast .session-stat>span,.high-contrast .offline-label{color:#c5ccb9}.high-contrast .socket.destination{box-shadow:0 0 0 3px #fff1b6}.high-contrast .socket.destination:before{color:#fff}@keyframes breathe{50%{filter:brightness(1.25);box-shadow:0 0 0 3px #f2d18055,0 0 14px #f2d18066}}@media(min-width:1550px){.studio{gap:65px}.board{max-height:720px}.intro h1{font-size:63px}}@media(max-height:790px)and (min-width:901px){.topbar{height:76px;min-height:76px}.intro h1{font-size:42px;margin:18px 0}.intro>p{margin-bottom:22px}.chapter-card{padding-top:20px}.offline-label{margin-top:20px}.level-heading{height:74px}.level-heading h2{font-size:23px}.board{height:calc(100% - 170px)}.toolbar{height:59px}.edition{margin-bottom:24px}.session-stat{margin-bottom:23px}.journal{max-width:185px}.objective{padding-top:15px}}@media(max-width:1050px){.studio{gap:2vw;grid-template-columns:minmax(165px,1fr) minmax(310px,500px) minmax(135px,.8fr)}.intro h1{font-size:43px}.intro>p{font-size:11px}.collection{font-size:8px;letter-spacing:1px}.objective>div{font-size:7px;gap:4px}.journal{max-width:170px}.header-actions{gap:9px}}@media(max-width:900px){.topbar{height:76px;min-height:76px;padding:0 24px}.brand img{width:39px;height:39px}.brand>span{font-size:13px;letter-spacing:2px}.brand small{font-size:6px;letter-spacing:2.7px}.collection{display:none}.studio{display:flex;width:100%;justify-content:center;position:relative}.intro{display:none}.journal{position:absolute;right:22px;top:40px;width:auto;text-align:right;max-width:none;padding:0}.journal .edition,.journal .objective,.journal .text-button,.session-stat>span{display:none}.session-stat{margin:0 0 18px}.session-stat small{font-size:7px;letter-spacing:1px}.session-stat strong{font-size:23px;margin:5px 0}.game{width:600px;max-width:100%;padding:12px 70px 14px}.level-heading{height:76px}.level-heading h2{font-size:23px}.board{height:calc(100% - 180px);max-height:700px}.toolbar{height:61px;gap:3px;padding:7px 8px}.toolbar button{padding:2px 13px}.instruction{min-height:30px;font-size:9px}.toolbar kbd{display:none}footer{height:30px;padding:0 24px;font-size:6px}footer>span:nth-child(2){display:none}}@media(max-width:600px){.topbar{height:66px;min-height:66px;padding:env(safe-area-inset-top) 18px 0;box-sizing:content-box}.brand img{width:34px;height:34px;border-radius:8px}.brand{gap:9px}.brand>span{font-size:11px;letter-spacing:1.8px}.brand small{font-size:6px;letter-spacing:2px}.header-actions{gap:7px}.icon-button{width:32px;height:32px}.icon-button svg{width:16px;height:16px}.studio{min-height:0}.game{padding:5px 0 calc(7px + env(safe-area-inset-bottom));width:100%}.level-heading{height:65px;padding-top:5px}.level-heading h2{font-size:22px;margin:6px 0}.level-heading .eyebrow{font-size:7px;letter-spacing:2.5px}.ornament{font-size:8px;gap:7px}.ornament span{width:26px}.board{height:calc(100% - 155px);max-width:100%;max-height:740px;filter:drop-shadow(0 10px 12px #0003)}.instruction{max-width:92%;padding:4px 0;min-height:27px;font-size:9px}.toolbar{height:59px;min-width:285px;border-radius:10px;padding:6px 9px;gap:7px}.toolbar button{padding:0 13px;min-width:53px}.toolbar svg{width:19px;height:19px}.toolbar button span{font-size:9px}.journal{right:18px;top:17px}.session-stat{margin:0}.session-stat small{display:none}.session-stat strong{font:14px Georgia;letter-spacing:0;margin:0;color:#a6ad93}.session-stat:nth-of-type(3){display:none}footer{display:none}dialog{padding:22px;max-height:92dvh}.dialog-heading h2{font-size:26px}.level-grid{grid-template-columns:repeat(5,1fr);gap:8px}.chapter-tabs button span{display:none}.chapter-tabs{margin:18px 0}.result-grid strong{font-size:25px}.result-grid small{font-size:7px}.data-actions{gap:8px}.secondary{font-size:10px;padding:12px 8px}#toast{bottom:90px;font-size:11px;min-width:250px}}@media(max-height:560px)and (orientation:landscape){.topbar{height:50px;min-height:50px;padding:0 20px;box-sizing:border-box}.brand img{width:30px;height:30px}.brand small{display:none}.studio{display:flex}.game{padding:3px 0;max-width:100%;width:100%}.level-heading{position:absolute;left:20px;top:35px;text-align:left;width:180px}.level-heading h2{font-size:21px}.ornament{justify-content:flex-start}.board{height:100%;max-height:100%;margin-left:-25px}.toolbar{position:absolute;right:25px;bottom:35px;display:grid;grid-template-columns:1fr 1fr;height:125px;min-width:150px;gap:15px}.tool-divider{display:none}.instruction{position:absolute;left:20px;top:140px;max-width:150px;text-align:left}.journal{right:35px;top:35px}.session-stat strong{font-size:24px}.session-stat small{display:block}.session-stat:nth-of-type(3){display:block}.intro,footer{display:none}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}.brand{padding:0;text-align:left}.about-logo{background:#fff;border-radius:12px;padding:18px 24px;margin-bottom:24px;box-shadow:0 5px 18px #0004}.about-logo img{display:block;width:min(190px,100%);height:auto;margin:auto}.about-app{display:flex;gap:17px;align-items:center;margin:0 0 24px}.about-app>img{width:58px;height:58px;border-radius:12px}.about-app h3{font:27px Georgia,serif;font-weight:400;color:#e1ddc7;margin:0 0 6px}.about-app p{font-size:12px;color:#c6a56b;margin:0}.about-features{display:grid;gap:12px;padding:18px;border:1px solid var(--border);border-radius:10px;background:#ffffff04;font-size:11px;color:#b6bfa9}.about-author{display:grid;gap:5px;margin-top:23px;padding-top:17px;border-top:1px solid var(--border)}.about-author b{font-size:13px;font-weight:500}.about-author span{font-size:10px;color:#929d83}.board{height:auto;width:min(100%,calc((100dvh - 350px) * .7555556));aspect-ratio:476/630;flex-shrink:0;max-height:none}@media(max-height:790px)and (min-width:901px){.board{height:auto;width:min(100%,calc((100dvh - 308px) * .7555556))}}@media(max-width:900px){.board{height:auto;width:min(100%,calc((100dvh - 299px) * .7555556));max-height:none}}@media(max-width:600px){.board{height:auto;width:min(100%,calc((100dvh - 229px - env(safe-area-inset-top) - env(safe-area-inset-bottom)) * .7555556));max-height:none}}@media(max-height:560px)and (orientation:landscape){.board{height:auto;width:calc((100dvh - 56px) * .7555556);max-height:none}}@media(max-width:600px)and (min-height:561px){.journal .session-stat small{display:block;font-size:6px;letter-spacing:1px;margin-bottom:4px}.journal{top:15px}}