@import "https://fonts.googleapis.com/css2?family=Hanken+Grotesk:wght@400;500;600;700&family=Newsreader:wght@500;600&family=Spline+Sans+Mono:wght@400;500&display=swap";
:root{--bg:#f4eee2;--bg-2:#e8ddc7;--panel:#fbf7ee;--ink:#221f19;--ink-soft:#6f6657;--ink-faint:#a89c87;--line:#ddd2bd;--accent:#7c3aed;--accent-2:#2f9387;--green:#3f7d52;--blue:#375f8d;--shadow:0 14px 40px #2821141f;--serif:"Newsreader", Georgia, serif;--sans:"Hanken Grotesk", system-ui, sans-serif;--mono:"Spline Sans Mono", ui-monospace, monospace}*{box-sizing:border-box}html,body{min-height:100%;margin:0}body{background:var(--bg);color:var(--ink);font-family:var(--sans);-webkit-font-smoothing:antialiased}button,input{font:inherit}button{cursor:pointer}.page,.museum-page{max-width:1180px;margin:0 auto;padding:24px clamp(18px,4vw,56px) 72px}.topbar,.playbar{justify-content:space-between;align-items:center;gap:16px;min-height:60px;display:flex}.topbar-right{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:10px;display:flex}.brand-button,.icon-button{color:var(--ink);background:0 0;border:0;padding:0}.brand-link{color:inherit;text-decoration:none}.logo{font-family:var(--serif);align-items:center;gap:10px;font-size:30px;font-weight:600;display:inline-flex}.eyebrow,.puzzle-meta span,.playbar span{font-family:var(--mono);letter-spacing:.16em;text-transform:uppercase;color:var(--ink-faint);margin:0;font-size:12px}.hero{grid-template-columns:minmax(0,.95fr) minmax(300px,1.05fr);align-items:center;gap:clamp(28px,5vw,72px);min-height:calc(100vh - 160px);padding:28px 0 40px;display:grid}.not-found-page{max-width:1180px;min-height:100vh;margin:0 auto;padding:24px clamp(18px,4vw,56px) 56px}.not-found-hero{grid-template-columns:minmax(0,.95fr) minmax(280px,.85fr);align-items:center;gap:clamp(28px,6vw,84px);min-height:calc(100vh - 140px);display:grid}.hero h1,.museum-head h1,.not-found-copy h1{font-family:var(--serif);letter-spacing:0;margin:12px 0 18px;font-size:clamp(48px,8vw,92px);line-height:.92}.lede,.museum-head p,.daily-card p,.reveal p{color:var(--ink-soft);line-height:1.55}.lede{max-width:560px;font-size:19px}.not-found-copy .primary{width:fit-content;margin-top:28px;text-decoration:none}.lost-puzzle{place-items:center;display:grid}.lost-puzzle-card{aspect-ratio:1;border:1px solid var(--line);background:linear-gradient(90deg, #7c3aed14 1px, transparent 1px), linear-gradient(#7c3aed14 1px, transparent 1px), var(--panel);width:min(100%,360px);box-shadow:var(--shadow);background-size:42px 42px;border-radius:8px;place-items:center;display:grid;position:relative;overflow:hidden}.lost-puzzle-card:before,.lost-puzzle-card:after{content:"";background:var(--accent);opacity:.35;transform-origin:50%;width:68%;height:1.5px;position:absolute}.lost-puzzle-card:before{transform:rotate(28deg)}.lost-puzzle-card:after{transform:rotate(-31deg)}.lost-dot{border:1px solid var(--ink);background:var(--panel);width:42px;height:42px;color:var(--accent);font-family:var(--mono);border-radius:999px;place-items:center;font-weight:700;display:grid;position:absolute;box-shadow:0 8px 24px #2821141a}.lost-dot-a{top:16%;left:20%}.lost-dot-b{top:24%;right:15%}.lost-dot-c{bottom:18%;right:23%}.lost-dot-d{bottom:25%;left:14%}.actions,.tools{flex-wrap:wrap;align-items:center;gap:12px;margin-top:28px;display:flex}.primary,.secondary,.icon-text,.account-strip button,.tools button{border:1px solid var(--line);min-height:44px;color:var(--ink);background:var(--panel);border-radius:999px;justify-content:center;align-items:center;gap:9px;padding:0 18px;font-weight:700;display:inline-flex}.primary,.accent{border-color:var(--accent);background:var(--accent);color:#fffaf1}.secondary,.ghost{background:0 0}.hero-art{justify-items:center;gap:16px;display:grid}.art-frame,.thumb,.daily-card,.rule,.puzzle-card{background:var(--panel);border:1px solid var(--line);box-shadow:var(--shadow)}.art-frame{aspect-ratio:1;border-radius:8px;place-items:center;width:min(100%,520px);display:grid}.account-strip{border:1px solid var(--line);background:#fbf7eeb8;border-radius:8px;align-items:center;gap:10px;max-width:460px;margin-top:24px;padding:10px;display:flex}.account-strip input{min-width:0;color:var(--ink);background:0 0;border:0;outline:0;flex:1}.account-strip button{background:var(--ink);min-height:34px;color:var(--bg);padding:0 12px}.section-head h2,.daily-card h3,.shelf-title,.reveal h2,.museum-piece span{font-family:var(--serif);letter-spacing:0}.section-head{justify-content:space-between;align-items:end;gap:18px;margin:44px 0 24px;display:flex}.section-head h2{margin:8px 0 0;font-size:clamp(34px,5vw,58px);line-height:.98}.stat{text-align:right;min-width:130px}.stat strong{font-family:var(--serif);font-size:42px;display:block}.stat span{color:var(--ink-soft)}.profile-page{max-width:760px;margin:0 auto;padding:clamp(18px,4vw,32px) clamp(20px,5vw,40px) 72px}.profile-top{justify-content:space-between;align-items:center;gap:16px;padding:6px 0 clamp(22px,4vw,36px);display:flex}.profile-identity{flex-wrap:wrap;align-items:center;gap:clamp(18px,3vw,28px);display:flex}.profile-avatar{aspect-ratio:1;background:radial-gradient(120% 120% at 30% 20%, var(--panel), #ece0c9);border:1px solid var(--line);width:clamp(94px,16vw,120px);box-shadow:var(--shadow);border-radius:50%;flex:none;place-items:center;display:grid;overflow:hidden}.profile-identity h1{font-family:var(--serif);margin:4px 0;font-size:clamp(34px,6vw,50px);line-height:1}.profile-identity p{color:var(--ink-soft);margin:0}.profile-stats{grid-template-columns:repeat(3,1fr);gap:clamp(10px,2vw,16px);margin:clamp(28px,4vw,42px) 0 0;display:grid}.profile-stat-card{border:1px solid var(--line);background:var(--panel);box-shadow:var(--shadow);border-radius:8px;padding:clamp(16px,2.4vw,22px)}.profile-stat-card strong{font-family:var(--serif);font-size:clamp(30px,5vw,44px);line-height:1;display:block}.profile-stat-card strong span{color:var(--ink-faint);font-size:.5em}.profile-stat-card small{font-family:var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--ink-faint);margin-top:10px;font-size:10.5px;display:block}.profile-section-head{justify-content:space-between;align-items:baseline;gap:12px;margin:clamp(36px,5vw,50px) 0 16px;display:flex}.profile-section-head h2{font-family:var(--serif);margin:0;font-size:clamp(22px,3vw,29px)}.profile-link{color:var(--accent);background:0 0;border:0;font-weight:800}.profile-pieces{grid-template-columns:repeat(auto-fill,minmax(118px,1fr));gap:clamp(12px,2vw,18px);display:grid}.profile-piece{color:inherit;text-align:left;background:0 0;border:0;flex-direction:column;gap:8px;padding:0;display:flex}.profile-piece-frame{aspect-ratio:1;box-shadow:var(--shadow), inset 0 0 0 2px #b39257;background:linear-gradient(160deg,#fbf8f1,#ece2cf);padding:12px;transition:transform .2s,box-shadow .2s;display:block}.profile-piece:hover .profile-piece-frame{box-shadow:var(--shadow), inset 0 0 0 2px var(--accent);transform:translateY(-4px)}.profile-piece-frame span{background:var(--bg);place-items:center;width:100%;height:100%;display:grid;overflow:hidden;box-shadow:inset 0 0 0 1px #78603a1a}.profile-piece strong{font-family:var(--serif);font-size:15px}.profile-piece small{font-family:var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--ink-faint);font-size:10px}.profile-empty{border:1px dashed var(--line);background:var(--panel);color:var(--ink-soft);text-align:center;border-radius:8px;padding:26px}.profile-beta{border:1px solid var(--line);background:var(--panel);box-shadow:var(--shadow);border-radius:8px;margin-top:clamp(32px,5vw,46px);padding:clamp(24px,4vw,38px)}.profile-beta-row{align-items:flex-start;gap:16px;margin-top:12px;display:flex}.profile-beta-row h2{font-family:var(--serif);margin:0;font-size:clamp(22px,3vw,28px)}.profile-beta-row p{max-width:46ch;color:var(--ink-soft);margin:8px 0 0;line-height:1.55}.profile-email-form{flex-wrap:wrap;gap:12px;margin-top:clamp(18px,3vw,26px);display:flex}.profile-email-form input{border:1px solid var(--line);background:var(--bg);min-width:0;height:48px;color:var(--ink);border-radius:999px;outline:0;flex:240px;padding:0 18px}.profile-email-form input:focus{border-color:var(--accent);box-shadow:0 0 0 3px #7c3aed29}.profile-email-note{align-items:center;gap:10px;margin:16px 0 0;font-weight:700;display:flex}.profile-email-note span{background:var(--accent);color:#fffaf1;border-radius:50%;place-items:center;width:26px;height:26px;display:grid}.profile-email-note.error{color:#b3392f}.profile-foot{text-align:center;color:var(--ink-faint);margin-top:40px;font-size:12.5px}.daily-card{text-align:left;width:100%;color:inherit;border-radius:8px;grid-template-columns:140px 1fr auto;align-items:center;gap:22px;padding:16px 22px 16px 14px;display:grid}.daily-card h3{margin:4px 0;font-size:30px}.daily-card>span{color:var(--accent);font-weight:800}.shelf-title{margin:36px 0 16px;font-size:30px}.card-grid{grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:16px;display:grid}.library-grid{grid-template-columns:repeat(auto-fill,minmax(210px,1fr))}.puzzle-card{text-align:left;min-height:264px;color:inherit;border-radius:8px;grid-template-rows:1fr auto;gap:12px;padding:14px;display:grid;position:relative}.puzzle-card:not(:disabled):hover{transform:translateY(-2px)}.puzzle-card.locked{color:var(--ink-soft);background:#eee5d4}.thumb{aspect-ratio:1;box-shadow:none;background:var(--bg);border-radius:8px;place-items:center;display:grid}.puzzle-meta{gap:2px;display:grid}.puzzle-meta strong{font-family:var(--serif);font-size:23px}.puzzle-meta small{color:var(--ink-soft)}.check{color:var(--green);position:absolute;top:12px;right:12px}.play-page{--puzzle-zoom:1;background:var(--bg);grid-template-rows:auto 1fr auto;min-height:100vh;padding:18px clamp(14px,3vw,34px);display:grid}.playbar{width:100%;max-width:1040px;margin:0 auto}.playbar strong{font-family:var(--serif);font-size:24px;display:block}.playbar-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px;display:flex}.progress-pill{border:1px solid var(--line);color:var(--ink-soft);background:var(--panel);border-radius:999px;padding:9px 14px}.icon-button.framed{border:1px solid var(--line);background:var(--panel);border-radius:999px;place-items:center;width:42px;height:42px;display:inline-grid}.stage{overscroll-behavior:contain;-webkit-overflow-scrolling:touch;touch-action:pan-x pan-y;grid-template-columns:minmax(220px,300px) auto minmax(220px,300px);place-items:center;gap:18px;min-height:0;padding:12px;display:grid;position:relative;overflow:auto}.puzzle-wrap{width:calc(min(86vh, 92vw, 720px) * var(--puzzle-zoom));aspect-ratio:1;background:var(--panel);border:1px solid var(--line);box-shadow:var(--shadow);-webkit-user-select:none;user-select:none;border-radius:8px;grid-column:2;place-items:center;display:grid}.play-page.is-focus{height:100vh;padding:12px;overflow:hidden}.play-page.is-focus .playbar{max-width:none;padding:0 6px}.play-page.is-focus .stage{grid-template-columns:1fr;place-items:start center}.play-page.is-focus .puzzle-wrap{width:calc(min(92vh, 92vw, 880px) * var(--puzzle-zoom));grid-column:1;max-width:none}.play-page.is-focus .tutorial-panel{grid-column:1;justify-self:center;width:min(92vw,560px)}.tutorial-panel{border:1px solid var(--line);background:var(--panel);width:min(100%,300px);box-shadow:var(--shadow);border-radius:8px;grid-column:1;place-self:center end;padding:20px}.tutorial-panel h2{font-family:var(--serif);margin:10px 0 14px;font-size:30px;line-height:1}.tutorial-panel ol{color:var(--ink-soft);margin:0;padding-left:20px;line-height:1.45}.tutorial-panel li+li{margin-top:10px}.trace-svg{touch-action:pan-x pan-y;-webkit-user-select:none;user-select:none;width:100%;height:100%;overflow:visible}.preview-svg{padding:5px}.facet{stroke:#fbf7ee8c;stroke-width:.35px;stroke-linejoin:round}.edge-line{stroke:var(--ink);stroke-width:1.2px;stroke-linecap:round}.playable .edge-line{stroke-width:1.5px}.edge-hit{stroke:#0000;stroke-width:5px;pointer-events:stroke;cursor:pointer}.ghost-line{stroke:var(--accent);stroke-width:1.25px;stroke-dasharray:2 2;opacity:.75}.dot{cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none}.dot-hit{fill:#0000;touch-action:none}.dot-bg{fill:var(--panel);stroke:#bfb29a;stroke-width:.7px;touch-action:none}.dot-num{fill:var(--ink);font-family:var(--mono);pointer-events:none}.dot-pip{fill:var(--green)}.st-over .dot-bg{stroke:#c8452c;fill:#fff1ea}.selected .dot-bg{stroke:var(--blue);stroke-width:1.2px}.bounce .edge-line{stroke:#c8452c;animation:.34s bounce}@keyframes bounce{50%{stroke-width:2.8px}}.tools{justify-content:center;margin:0}.tools button{min-width:104px}.reveal{text-align:center;border:1px solid var(--line);width:min(420px,100vw - 32px);box-shadow:var(--shadow);background:#fbf7eef0;border-radius:8px;justify-items:center;gap:10px;padding:28px;display:grid;position:absolute}.reveal h2{margin:0;font-size:40px}.museum-page{background:var(--bg);color:var(--ink);position:fixed;inset:0;overflow:hidden}.museum-bar{z-index:20;grid-template-columns:1fr auto 1fr;align-items:center;gap:14px;min-height:74px;padding:16px clamp(16px,4vw,40px);display:grid;position:relative}.museum-bar .brand-button{justify-self:end}.museum-title{text-align:center;gap:2px;display:grid}.museum-title strong{font-family:var(--serif);font-size:clamp(20px,2.4vw,27px)}.museum-room{position:absolute;inset:0;overflow:hidden}.museum-ceiling{background:repeating-linear-gradient(90deg, transparent 0 100px, #ffffff3d 100px 150px, transparent 150px 250px), linear-gradient(180deg, #fbf4e8 0%, var(--bg) 100%);height:24%;position:absolute;inset:0 0 auto;box-shadow:inset 0 -24px 44px -26px #50381e52}.museum-wallband{background:radial-gradient(120% 150% at 50% -8%, #ffffff5c, transparent 58%), linear-gradient(180deg, #f8efe0 0%, var(--bg) 44%, #d7c39a 100%);height:50%;position:absolute;inset:24% 0 auto}.museum-wallband:before,.museum-wallband:after{content:"";position:absolute;left:0;right:0}.museum-wallband:before{background:linear-gradient(90deg,#0000,#6448232e 14% 86%,#0000);height:2px;top:12px}.museum-wallband:after{background:linear-gradient(#b99a61,#80643b);height:16px;bottom:0}.museum-floor{background:linear-gradient(#2821142e,#28211405 18%,#0000 34%),linear-gradient(#c6ab76 0%,#eadcc0 48%,#c9ad78 100%);position:absolute;inset:74% 0 0;overflow:hidden}.museum-floor-tex{will-change:transform;background:repeating-linear-gradient(90deg,#5c42222e 0 2px,#0000 2px 188px);position:absolute;inset:0;-webkit-mask-image:linear-gradient(#0000,#0009 64%,#0003);mask-image:linear-gradient(#0000,#0009 64%,#0003)}.museum-track{z-index:4;will-change:transform;position:absolute;inset:0}.gallery-piece{color:inherit;background:0 0;border:0;flex-direction:column;align-items:center;padding:0;display:flex;position:absolute;top:42%;transform:translate(-50%,-50%)}.gallery-glow{filter:blur(3px);z-index:-1;opacity:.52;background:radial-gradient(at 50% 36%,#fff4dddb 0%,#ffeece5c 44%,#0000 72%);width:350px;height:410px;position:absolute;top:38%;left:50%;transform:translate(-50%,-50%)}.gallery-pool{filter:blur(2px);background:radial-gradient(#ffecc88c 0%,#ffecc82e 48%,#0000 74%);width:300px;height:120px;position:absolute;bottom:-170px;left:50%;transform:translate(-50%)}.gallery-frame{background:linear-gradient(135deg, #e6d6b8 0%, var(--panel) 34%, #d7bd87 100%);padding:22px;transition:box-shadow .25s;display:block;box-shadow:0 2px #78603a4d,0 30px 50px -18px #28211480,inset 0 0 0 2px #b39257}.gallery-mat{background:linear-gradient(160deg,#fbf8f1,#efe7d6);padding:16px;display:block;box-shadow:inset 0 2px 6px #28211429,inset 0 0 0 1px #78603a29}.gallery-art{background:var(--bg);place-items:center;width:232px;height:232px;display:grid;overflow:hidden;box-shadow:inset 0 0 0 1px #78603a1a}.gallery-piece:hover .gallery-frame,.gallery-piece.focus .gallery-frame{box-shadow:0 2px 0 #78603a4d, 0 40px 64px -18px #2821148c, inset 0 0 0 2px var(--accent)}.gallery-piece.focus .gallery-glow{opacity:1}.gallery-plate{background:var(--panel);text-align:center;border-radius:4px;width:196px;margin-top:18px;padding:9px 12px;box-shadow:0 8px 16px -8px #28211480,inset 0 0 0 1px #78603a29}.gallery-plate strong{font-family:var(--serif);font-size:16px;display:block}.gallery-plate small{font-family:var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--ink-faint);margin-top:3px;font-size:10px;display:block}.museum-vignette{z-index:8;pointer-events:none;background:radial-gradient(80% 60% at 50% 34%,#fff7e84d,#0000 70%),radial-gradient(120% 100%,#0000 52%,#f4eee2b3 100%);position:absolute;inset:0}.museum-nav{z-index:22;pointer-events:none;flex-direction:column;align-items:center;gap:12px;padding:0 20px 22px;display:flex;position:absolute;bottom:0;left:0;right:0}.museum-nav>*{pointer-events:auto}.museum-walk{align-items:center;gap:14px;display:flex}.museum-walk button{border:1px solid var(--line);background:#fbf7eed6;border-radius:50%;width:52px;height:52px;font-size:24px}.museum-walk span{font-family:var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--ink-faint);font-size:11px}.museum-rail{flex-wrap:wrap;justify-content:center;gap:8px;max-width:min(92vw,760px);display:flex}.museum-rail button{border:1px solid var(--line);min-height:30px;color:var(--ink-soft);background:#fbf7eea6;border-radius:999px;padding:0 12px;font-weight:700}.museum-rail button.here{border-color:var(--accent);color:var(--accent);background:#7c3aed1a}.museum-empty{z-index:16;text-align:center;border:1px solid var(--line);width:min(460px,100vw - 32px);height:max-content;box-shadow:var(--shadow);background:#fbf7eee6;border-radius:8px;justify-items:center;gap:12px;margin:auto;padding:36px;display:grid;position:absolute;inset:0}.museum-empty h2{font-family:var(--serif);margin:0;font-size:34px}.museum-empty p{color:var(--ink-soft);line-height:1.5}.museum-modal{z-index:40;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);background:#221f197a;place-items:center;padding:24px;display:grid;position:absolute;inset:0}.museum-placard{background:var(--panel);border-radius:8px;grid-template-columns:minmax(0,360px) minmax(0,1fr);width:min(760px,100%);display:grid;position:relative;overflow:hidden;box-shadow:0 42px 120px -36px #0000009e}.museum-close{z-index:2;background:#221f1914;border:0;border-radius:50%;width:38px;height:38px;font-size:22px;position:absolute;top:14px;right:14px}.museum-placard-art{background:radial-gradient(120% 90% at 50% 0%, #fbf4e8 0%, var(--bg) 72%);place-items:center;padding:34px;display:grid}.museum-placard-body{padding:38px 34px}.museum-placard-body h2{font-family:var(--serif);margin:10px 0 0;font-size:clamp(30px,4vw,42px)}.museum-placard-body p{color:var(--ink-soft);font-style:italic}.museum-placard-body dl{border-top:1px solid var(--line);grid-template-columns:auto 1fr;margin:24px 0 0;display:grid}.museum-placard-body dt,.museum-placard-body dd{border-bottom:1px solid var(--line);margin:0;padding:12px 0}.museum-placard-body dt{font-family:var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--ink-faint);font-size:11px}.museum-placard-body dd{text-align:right;font-weight:800}@media (max-width:820px){.hero,.not-found-hero{grid-template-columns:1fr}.hero{min-height:0;padding-top:18px}.hero h1{font-size:clamp(44px,14vw,70px)}.not-found-copy h1{font-size:clamp(42px,14vw,64px)}.lost-puzzle-card{width:min(100%,300px)}.section-head,.daily-card{grid-template-columns:1fr;align-items:start}.section-head{display:grid}.stat{text-align:left}.daily-card{padding:16px}.puzzle-wrap{width:calc(min(92vw, 560px) * var(--puzzle-zoom));grid-column:auto}.stage{grid-template-columns:1fr;align-content:center;gap:14px}.tutorial-panel{grid-column:auto;justify-self:center;width:min(92vw,560px)}.playbar{align-items:start}.progress-pill{font-size:13px}.museum-bar{grid-template-columns:1fr;justify-items:center;gap:10px}.museum-bar .brand-button{justify-self:center}.gallery-art{width:188px;height:188px}.museum-placard{grid-template-columns:1fr}}