*{box-sizing:border-box}html,body{margin:0;min-height:100%;overscroll-behavior-y:none}body{color:var(--ink);font-family:var(--font);background:var(--outer);font-size:14px;line-height:1.45;isolation:isolate}body:before{content:"";position:fixed;inset:0;z-index:-2;background:var(--backdrop);background-size:var(--backsize,auto);opacity:var(--backopacity,1)}body:after{content:"";position:fixed;inset:0;z-index:-1;background:radial-gradient(ellipse at center,transparent 25%,var(--outer));pointer-events:none}button{font:inherit;cursor:pointer;color:inherit;background:var(--button);border:1.5px solid var(--line);border-radius:var(--radius);min-height:42px;padding:8px 13px;transition:transform .13s,background .13s;touch-action:manipulation;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}button *,.interactive,.interactive *{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}button:hover{filter:brightness(1.06)}button:active{transform:translateY(2px)}button:focus-visible,[tabindex]:focus-visible{outline:3px solid var(--accent);outline-offset:3px}button:disabled{opacity:.35;cursor:default}button[aria-pressed=true]{background:var(--accent);color:var(--accent-ink)}button.icon{width:42px;height:42px;padding:0;min-height:42px;font-size:23px;display:grid;place-items:center}button.primary{background:var(--accent);color:var(--accent-ink);border-color:var(--accent-border,var(--accent));font-weight:800;min-height:48px;padding:12px 20px;box-shadow:var(--button-shadow,none)}button.danger{color:var(--danger,#a74734);background:transparent;font-size:12px}.screen{width:100%;height:100%;min-height:0;display:flex;flex-direction:column;padding:12px 18px 20px;gap:8px;position:relative;overflow:hidden}#app{position:relative;width:min(100%,480px);height:100vh;height:100dvh;max-height:1000px;margin:auto;background:var(--paper);box-shadow:0 0 90px #0004;padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom);overflow:hidden}h1,h2,h3,p{margin:0}.home-top{display:flex;justify-content:space-between;align-items:center;min-height:40px}.wordmark{font-size:21px;font-weight:900;letter-spacing:-1px}.wordmark span{font-size:9px;font-weight:500;letter-spacing:2px;margin-left:7px;text-transform:uppercase}.cover{position:relative;flex:1;min-height:0;overflow:hidden;border-radius:var(--cover-radius,var(--radius));border:var(--cover-border,none)}.hero{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:var(--hero-position,50% 60%)}.cover-shade{position:absolute;inset:0;background:var(--cover-shade,linear-gradient(180deg,#0008,transparent 55%,#0003))}.title-block{position:absolute;inset:18px 20px auto;color:var(--title-color,#fff);z-index:1}.eyebrow{font-size:9px;letter-spacing:2px;font-weight:700;line-height:1.5;margin-bottom:8px}.title-block h1{font-family:var(--display);font-size:clamp(38px,11vw,62px);font-weight:var(--title-weight,900);line-height:.95;letter-spacing:var(--title-tracking,-2px);text-shadow:var(--title-shadow,0 2px 18px #0003)}.title-block h1 span{display:block}.local-title{margin-top:10px;font-size:15px;font-weight:700;letter-spacing:2px}.local-title:empty{display:none}.edition{position:absolute;bottom:12px;right:14px;font-size:9px;letter-spacing:2px;color:var(--edition-color,#fff);z-index:1}.home-bottom{flex-shrink:0;padding:10px 7px 0}.tagline{font-size:14px;text-align:center;margin:0 0 14px}.home-progress{display:flex;justify-content:space-between;align-items:center;font-size:10px;letter-spacing:1px}.home-progress strong{font-size:14px;letter-spacing:0}.progress-track{height:3px;background:var(--line);margin:6px 0 14px}.progress-track i{height:100%;display:block;background:var(--accent)}.start{width:100%;display:flex;align-items:center;justify-content:space-between;font-size:17px}.start span{font-size:24px;line-height:1}.home-links{display:flex;justify-content:space-between;gap:8px;margin-top:8px}.home-links button{border:0;background:transparent;padding:6px 3px;min-height:34px;font-size:12px}.play{gap:7px;padding:12px 16px 22px}.play-header{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-shrink:0}.play-header>div{text-align:center}.play-header small{font-size:9px;letter-spacing:2px;color:var(--muted)}.play-header h1{font-family:var(--display);font-size:19px;line-height:1.2;margin:3px 0}.stats{display:flex;align-items:center;justify-content:space-between;background:var(--stat-bg,transparent);border-block:1px solid var(--line);padding:7px 9px;flex-shrink:0}.stats>div{display:flex;flex-direction:column}.stats small{font-size:9px;letter-spacing:1.5px;color:var(--muted)}.stats strong{font-size:23px;font-variant-numeric:tabular-nums;line-height:1.2}.stats em{font-size:11px;font-weight:400;font-style:normal;color:var(--muted)}.stats .objective strong{font-size:12px}.instruction{font-size:11px;line-height:1.5;text-align:center;flex-shrink:0;min-height:17px}.board-space{flex:1;position:relative;min-height:0;container-type:size}.board{width:min(100cqw,100cqh);height:min(100cqw,100cqh);position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);background:var(--board);border-radius:var(--board-radius,var(--radius));border:var(--board-border,1px solid var(--line));box-shadow:var(--board-shadow,none);touch-action:none;padding:var(--board-padding,2px)}.game-board{display:block;width:100%;height:100%;overflow:visible}.board-cell{cursor:pointer;outline:none}.board-cell:focus-visible>.tile-base{stroke:var(--accent);stroke-width:3}.tile-base{stroke:var(--grid-line,var(--line));stroke-width:1}.board-cell.wall{cursor:default}.extra{flex-shrink:0}.board-caption{text-align:center;font-size:10px;letter-spacing:1px;color:var(--muted);padding:7px}.feedback{height:17px;flex-shrink:0;font-size:11px;text-align:center;color:var(--ink)}.tools{display:grid;grid-template-columns:1fr 1fr 1fr 40px;gap:6px;flex-shrink:0}.tools button{padding:7px 4px;font-size:12px;min-height:40px}.tray{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.piece{min-height:0;height:74px;padding:0;background:transparent}.piece.selected{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent);background:var(--piece-bg,#ffffff66)}.piece svg{width:100%;height:100%;display:block}.drag-preview>.tile-base{fill:var(--accent);opacity:.45}.movement{display:flex;justify-content:center;align-items:center;gap:16px}.dpad{display:grid;grid-template-columns:repeat(3,46px);grid-template-rows:42px 42px;gap:4px}.dir{padding:0;min-height:42px;font-size:24px}.dir[data-direction="0"]{grid-area:1/2}.dir[data-direction="3"]{grid-area:2/1}.dir[data-direction="2"]{grid-area:2/2}.dir[data-direction="1"]{grid-area:2/3}.magnet-tools{display:flex;flex-direction:column;gap:4px}.magnet-tools button{min-height:42px;padding:4px 13px;font-size:13px}.ink-switch{display:flex;justify-content:center;gap:8px}.ink-switch button{min-width:110px}.ink-switch button.active{background:var(--stitch);color:var(--paper)}.hinted{filter:drop-shadow(0 0 4px var(--accent))}.hint-ring{animation:hint-pulse 1.1s ease-in-out infinite}.creature{animation:appear .17s ease-out}.beam{filter:drop-shadow(0 0 4px #3cf9ff)}.lantern-line{filter:drop-shadow(0 0 3px #eba75c)}.save-status{position:absolute;bottom:0;left:0;right:0;z-index:3;text-align:center;pointer-events:none}.save-status button{pointer-events:auto;min-height:20px;border:0;border-radius:0;background:#f4d190;color:#4a301f;font-size:10px;padding:3px 8px}.modal{position:absolute;inset:0;background:var(--scrim,#102017ba);z-index:5;display:flex;align-items:center;justify-content:center;padding:20px 18px;backdrop-filter:blur(7px)}.dialog{position:relative;width:100%;max-height:100%;overflow:auto;overscroll-behavior:contain;background:var(--paper);border:var(--dialog-border,1.5px solid var(--line));border-radius:var(--dialog-radius,18px);padding:32px 22px 22px;box-shadow:var(--dialog-shadow,0 15px 60px #0004);text-align:center}.dialog-close{position:absolute;top:8px;right:8px;z-index:1;background:var(--paper)}.dialog h2{font-size:24px;font-family:var(--display);line-height:1.25;margin:8px 0 12px}.dialog p{margin:10px 0;font-size:13px;line-height:1.7}.dialog>.primary{width:100%;margin-top:14px}.dialog>.danger{margin-top:12px}.dialog-links{display:flex;gap:6px;justify-content:center;margin-top:8px}.dialog-links button{border:0;background:transparent;font-size:12px}.result-art{position:relative;height:140px;overflow:hidden;border-radius:var(--radius);margin:-12px -4px 18px}.result-art>img{width:100%;height:100%;object-fit:cover;object-position:50% 55%}.result-art>svg{height:100%;width:auto;margin:auto;pointer-events:none}.result-stamp{position:absolute;right:12px;bottom:8px;font-size:40px;color:var(--accent);filter:drop-shadow(0 1px 3px #0007)}.result .eyebrow{font-size:10px;letter-spacing:2px;color:var(--muted)}.levels-list h3{text-align:left;font-size:12px;margin:20px 0 9px;color:var(--muted);font-weight:500}.level-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.level-tile{min-height:70px;display:flex;flex-direction:column;gap:4px;justify-content:center;align-items:center}.level-tile span{font-size:20px;font-weight:800}.level-tile small{font-size:10px}.level-tile.solved{border-color:var(--accent);background:var(--solved-bg,var(--button))}.setting-row{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:12px 0;border-bottom:1px solid var(--line);font-size:12px;text-align:left}.setting-row>div{display:flex;gap:4px}.setting-row button{font-size:12px;min-height:36px;padding:6px 9px}.save-note{color:var(--muted);font-size:11px!important}.help-picture{height:180px;max-height:25dvh;pointer-events:none}.help-picture svg{height:100%;width:auto;margin:auto}.help-copy{text-align:left;font-size:14px!important}.reduced *{animation:none!important;transition:none!important;scroll-behavior:auto!important}@keyframes hint-pulse{50%{opacity:.4}}@keyframes appear{from{opacity:.6}to{opacity:1}}@media(max-height:610px){.screen{padding-top:8px;padding-bottom:17px;gap:5px}.home-bottom{padding-top:3px}.tagline{margin-bottom:8px;font-size:12px}.home-progress{font-size:9px}.progress-track{margin:4px 0 9px}.title-block{inset:12px 15px auto}.title-block h1{font-size:38px}.title-block .eyebrow{font-size:8px;margin-bottom:5px;letter-spacing:1px}.local-title{font-size:12px;margin-top:6px}.home-links{margin-top:3px}.start{min-height:44px!important;padding:8px 17px!important}.stats{padding:5px 8px}.stats strong{font-size:20px}.play-header h1{font-size:17px}.instruction{font-size:10px}.movement{gap:12px}.dpad{grid-template-columns:repeat(3,44px);grid-template-rows:36px 36px;gap:3px}.dir,.magnet-tools button{min-height:36px}.magnet-tools{gap:3px}.piece{height:62px}.feedback{height:16px;font-size:10px}.tools button{min-height:36px}.dialog{padding:26px 18px 18px}.result-art{height:104px}.dialog h2{font-size:22px}.dialog p{font-size:12px;margin:8px 0}.board-caption{padding:2px}.help-picture{height:125px}}@media(min-width:650px){#app{height:min(100dvh,920px);border-inline:1px solid var(--line)}}@media(max-height:420px){#app{height:547px;max-height:none}body{overflow:auto}.modal{position:fixed;width:min(100%,480px);left:50%;transform:translateX(-50%)}}@supports not (width:1cqw){.board{width:min(100%,calc(100dvh - 310px));height:auto;aspect-ratio:1}}