@font-face{font-family:Fraunces;src:url(/fonts/fraunces-latin-600.woff2) format("woff2");font-weight:600;font-style:normal;font-display:swap}@font-face{font-family:Fraunces;src:url(/fonts/fraunces-latin-800.woff2) format("woff2");font-weight:800;font-style:normal;font-display:swap}@font-face{font-family:Fredoka;src:url(/fonts/fredoka-latin-500.woff2) format("woff2");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:Fredoka;src:url(/fonts/fredoka-latin-700.woff2) format("woff2");font-weight:700;font-style:normal;font-display:swap}:root{--paper: #fbf5e8;--ink-brown: #2e2319;--leather: #4a3222;--gold: #d9b36a;--accent: #e0607e;--cell-gap: clamp(4px, 1.35vw, 8px);color-scheme:dark;font-family:Fredoka,sans-serif}*{box-sizing:border-box}html,body{width:100%;height:100%}body{margin:0;min-height:100dvh;overflow:hidden;overscroll-behavior:none;color:var(--paper);background:#302318;font-weight:500}button{border:0;color:var(--ink-brown);font:inherit;font-weight:700;cursor:pointer}button:disabled{cursor:default;opacity:.42}#bg{position:fixed;z-index:-2;inset:0;overflow:hidden;background:#302318}#bg:before{content:"";position:absolute;inset:-32px;z-index:0;background-image:var(--world-bg);background-size:cover;background-position:center top;filter:blur(28px) brightness(.42) saturate(1.15);transform:scale(1.08);transition:background-image .5s ease}.bg-layer{position:absolute;z-index:1;top:0;left:50%;width:min(100vw,480px);height:100%;overflow:hidden;transform:translate(-50%);opacity:0;transition:opacity .7s ease}.bg-layer.active{opacity:1}.bg-sketch,.bg-colour{position:absolute;inset:0;background-size:cover;background-position:center top;background-repeat:no-repeat}.bg-sketch{filter:sepia(.12) brightness(.82)}.bg-colour{--progress: 0;--bloom-progress: 0;z-index:1;mask-image:url(/art/ink-bloom.webp);mask-repeat:no-repeat;mask-position:50% 28%;mask-size:calc(var(--bloom-progress) * 300%) auto;-webkit-mask-image:url(/art/ink-bloom.webp);-webkit-mask-repeat:no-repeat;-webkit-mask-position:50% 28%;-webkit-mask-size:calc(var(--bloom-progress) * 300%) auto;transition:mask-size 1.4s ease-out,-webkit-mask-size 1.4s ease-out}.bg-colour[data-progress="1"]{mask:none;-webkit-mask:none}.bg-layer:after{content:"";position:absolute;z-index:2;inset:0;background:linear-gradient(to bottom,#1f150e85,#1f150e1a 25%,#1f150e33 56%,#1f150eb3);pointer-events:none}#loading{position:fixed;z-index:30;inset:0;display:grid;place-items:center;background:#302318;color:var(--paper);font-family:Fraunces,serif;font-size:1.2rem;letter-spacing:.04em}#loading[hidden]{display:none}#app{display:flex;flex-direction:column;width:min(100%,480px);height:100%;min-height:0;margin:0 auto;transition:opacity .35s ease}#app.game-hidden{opacity:0;pointer-events:none}#hud{display:grid;grid-template-columns:36px minmax(0,1fr) auto auto 36px 36px;align-items:center;gap:4px;min-height:62px;padding:max(10px,env(safe-area-inset-top)) 6px 7px;background:linear-gradient(180deg,#2e2319d1,#2e23198c);border:1px solid rgb(251 245 232 / 20%);border-top:0;border-radius:0 0 18px 18px}.home-button,.hud-circle{display:grid;width:36px;height:36px;place-items:center;padding:0;border:1px solid rgb(251 245 232 / 24%);border-radius:50%;background:#2e2319b8;color:var(--paper)}.home-button{font-size:1.3rem;line-height:1}.hud-level{display:flex;min-width:0;flex-direction:column;gap:0;color:var(--paper);font-size:.83rem;line-height:1.05;white-space:nowrap}.hud-level>span:last-child{font-size:.98rem}.hud-world{overflow:hidden;color:#fbf5e8e0;font-size:.6rem;letter-spacing:.025em;text-overflow:ellipsis;white-space:nowrap}.hud-pill{display:flex;min-width:36px;height:32px;align-items:center;justify-content:center;gap:3px;padding:0 4px;border:1px solid rgb(251 245 232 / 18%);border-radius:12px;background:#2e23198c;color:var(--paper);font-size:.88rem;white-space:nowrap}.hud-pill>img{width:21px;height:21px;object-fit:contain}.hud-jar>img{width:23px;height:23px}.hint-button{position:relative;width:36px;height:36px;gap:0;border-radius:50%;background:var(--leather);color:var(--paper)}.hint-button>img{width:22px;height:22px}.hint-button>span{position:absolute;top:-4px;right:-4px;display:grid;min-width:17px;height:17px;padding:0 3px;place-items:center;border:1px solid var(--ink-brown);border-radius:9px;background:var(--gold);color:var(--ink-brown);font-size:.62rem;line-height:1}.hud-circle img{width:22px;height:22px;object-fit:contain}.sound-button svg{width:20px;height:20px;fill:currentColor}#grid-wrap{display:flex;flex:1;min-height:0;align-items:center;justify-content:center;padding:7px 14px}#grid{display:grid;gap:var(--cell-gap);place-content:center;--cell: 32px}.cell{display:flex;width:var(--cell);height:var(--cell);align-items:center;justify-content:center;border:1.5px solid rgb(90 67 48 / 55%);border-radius:clamp(7px,2vw,12px);background:url(/art/paper.webp) center / 160px;box-shadow:inset 0 1px 4px #5a433033,0 4px 10px #140d0840;color:var(--ink-brown);font-family:Fraunces,serif;font-size:clamp(1rem,4.6vw,1.55rem);font-weight:800}.cell.void{visibility:hidden}.cell.filled{border-color:#5a4330bf;background-color:var(--paper);box-shadow:inset 0 0 0 1px #ffffff73,0 4px 10px #140d0840;animation:ink-soak .26s ease-out both}.cell.hint{border-color:var(--accent);background-color:var(--paper);color:var(--accent);text-decoration:underline;text-decoration-color:var(--accent);text-decoration-thickness:2px;text-underline-offset:4px}#wheel-wrap{position:relative;display:flex;flex:0 0 min(42dvh,350px);align-items:center;justify-content:center;padding-bottom:env(safe-area-inset-bottom)}#wheel-wrap:before{content:"";position:absolute;z-index:0;width:min(81vw,35.7dvh,338px);aspect-ratio:1;border:6px solid transparent;border-radius:50%;background:url(/art/paper.webp) center / 160px padding-box,linear-gradient(135deg,#6b4a33,#4a3222) border-box;box-shadow:inset 0 0 0 1px var(--gold),0 12px 24px #140d0861;pointer-events:none}#wheel{position:relative;z-index:1;width:min(86vw,38dvh,360px);height:min(86vw,38dvh,360px);overflow:visible;touch-action:none;user-select:none}#wheel .ring{fill:none;stroke:var(--gold);stroke-width:1;opacity:.9}#wheel .letter{cursor:pointer;transition:transform .18s ease}#wheel .letter circle{fill:transparent;transition:fill .14s ease,transform .14s ease}#wheel .letter text{fill:var(--ink-brown);font-family:Fraunces,serif;font-size:34px;font-weight:800;pointer-events:none;text-anchor:middle;dominant-baseline:central}#wheel .letter.selected circle{fill:var(--accent);transform:scale(1.08)}#wheel .letter.selected text{fill:var(--paper)}#wheel #trail{fill:none;stroke:var(--accent);stroke-linecap:round;stroke-linejoin:round;stroke-width:9;opacity:.9;pointer-events:none}#current-word{position:absolute;z-index:2;bottom:calc(50% + min(40.5vw,17.85dvh,169px) + 10px);min-height:32px;padding:5px 16px;border:1.5px solid rgb(90 67 48 / 75%);border-radius:17px;background:url(/art/paper.webp) center / 160px;color:var(--ink-brown);font-family:Fraunces,serif;font-size:1.18rem;font-weight:800;letter-spacing:.16em;text-transform:uppercase;opacity:0;transform:translateY(3px);transition:opacity .12s ease,transform .12s ease}#current-word:not(:empty){opacity:1;transform:translateY(0)}#current-word.fading{opacity:0;transform:translateY(3px)}#current-word.shake{animation:shake .3s ease-in-out}#toast{position:fixed;z-index:5;right:16px;bottom:calc(min(42dvh,350px) + 10px);left:16px;padding:10px 14px;border:1px solid rgb(251 245 232 / 20%);border-radius:12px;background:#2e2319eb;color:var(--paper);font-size:.9rem;text-align:center;opacity:0;pointer-events:none;transform:translateY(6px)}#toast.show{animation:toast 1.8s ease both}#title-screen{position:fixed;z-index:20;inset:0;display:grid;place-items:center;overflow:auto;padding:max(20px,env(safe-area-inset-top)) 18px max(20px,env(safe-area-inset-bottom));background:linear-gradient(#2e231940,#2e23197a)}#title-screen[hidden]{display:none}.title-sound{position:absolute;top:max(14px,env(safe-area-inset-top));right:14px;z-index:1}.title-content{display:flex;width:min(100%,430px);flex-direction:column;align-items:center;text-align:center}.title-emblem{width:min(34vw,170px);animation:float 5s ease-in-out infinite;filter:drop-shadow(0 12px 18px rgb(0 0 0 / 30%))}.title-content h1{margin:-4px 0 0;background:linear-gradient(#f6dc9a 12%,#c9953f 60%,#f3d58c);background-clip:text;color:transparent;font-family:Fraunces,serif;font-size:clamp(3.2rem,14vw,4.3rem);font-weight:800;line-height:.98;text-shadow:0 4px 0 rgb(46 35 25 / 55%)}.title-tagline{margin:7px 0 0;color:var(--paper);font-size:.96rem}.title-world{margin:13px 0 0;font-family:Fraunces,serif;font-size:1.4rem;font-weight:800}.title-level{margin:1px 0 12px;color:#fbf5e8d1}.world-progress{display:flex;width:min(100%,320px);gap:5px}.progress-segment{height:7px;flex:1;border-radius:8px;background:#fbf5e847}.progress-segment.filled{background:var(--accent);box-shadow:0 0 9px color-mix(in srgb,var(--accent),transparent 35%)}.journey{display:flex;width:min(100%,420px);justify-content:center;gap:7px;margin:21px 0 24px}.journey-card{position:relative;width:48px;height:65px;overflow:hidden;border:2px solid rgb(251 245 232 / 40%);border-radius:11px;background:#5a4330;box-shadow:0 6px 12px #140d0857}.journey-card img{width:100%;height:100%;object-fit:cover}.journey-card.locked img{filter:grayscale(1) brightness(.48)}.journey-card svg{position:absolute;top:50%;left:50%;width:22px;height:22px;transform:translate(-50%,-50%);color:var(--paper);filter:drop-shadow(0 2px 4px #000)}.journey-card.current{border-color:var(--accent);box-shadow:0 0 0 2px #fbf5e847,0 6px 16px #140d0857}.journey-colour{position:absolute;inset:0;background-position:center;background-size:cover;mask-image:url(/art/ink-bloom.webp);mask-repeat:no-repeat;mask-position:50% 28%;mask-size:calc(var(--progress) * 300%) auto;-webkit-mask-image:url(/art/ink-bloom.webp);-webkit-mask-repeat:no-repeat;-webkit-mask-position:50% 28%;-webkit-mask-size:calc(var(--progress) * 300%) auto}.play-button,#complete button{min-width:170px;padding:13px 32px;border:1px solid var(--gold);border-radius:22px;background:var(--leather);box-shadow:inset 0 0 0 1px #d9b36a73,0 8px 18px #140d084d;color:var(--paper);font-family:Fraunces,serif;font-weight:800;font-size:1.15rem}#complete{position:fixed;z-index:10;inset:0;display:grid;place-items:center;padding:20px;background:#18100a59}#complete[hidden]{display:none}.complete-card{position:relative;width:min(100%,400px);min-width:0;padding:138px 24px 25px;border:1.5px solid #6b4a33;border-radius:24px;background:url(/art/paper.webp) center / 160px;box-shadow:0 20px 60px #140d0873;color:var(--ink-brown);text-align:center;animation:card-stamp .26s ease-out both}.wax-seal{position:absolute;top:9px;left:50%;width:120px;height:120px;object-fit:contain;transform:translate(-50%) scale(1) rotate(-6deg);filter:drop-shadow(0 7px 5px rgb(20 13 8 / 30%));animation:seal-stamp .26s cubic-bezier(.2,1.35,.4,1) both}.eyebrow{margin:0 0 5px;color:#825426;font-size:.76rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase}.complete-card h2{margin:0 0 13px;font-family:Fraunces,serif;font-size:1.8rem}.complete-stats{display:flex;justify-content:center;gap:19px;margin-bottom:15px;color:var(--ink-brown)}.complete-stats span{display:inline-flex;align-items:center;gap:4px}.complete-stats img{width:23px;height:23px;object-fit:contain}.complete-stats strong{font-size:.94rem}.next-world{display:flex;align-items:center;gap:10px;width:fit-content;max-width:100%;margin:5px auto 18px;padding:5px 14px 5px 5px;border:1px solid rgb(90 67 48 / 45%);border-radius:30px;background:#ffffff52}.next-world[hidden]{display:none}.next-world-images{display:flex}.next-world-thumb{width:39px;height:39px;border:2px solid var(--paper);border-radius:50%;object-fit:cover}.next-thumb{margin-left:-12px;filter:sepia(.3)}.next-world span{font-size:.86rem}.next-world strong{color:#825426}.complete-card button{min-width:145px;font-size:1rem}.pulse{animation:pulse .42s ease-out}#fx{position:fixed;z-index:15;inset:0;width:100%;height:100%;pointer-events:none}@keyframes ink-soak{0%{opacity:0;filter:blur(4px);transform:scale(1.3);text-shadow:0 0 10px rgb(46 35 25 / 80%)}72%{text-shadow:0 0 3px rgb(46 35 25 / 40%)}to{opacity:1;filter:blur(0);transform:scale(1);text-shadow:none}}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-8px)}75%{transform:translate(8px)}}@keyframes toast{0%,to{opacity:0;transform:translateY(6px)}12%,82%{opacity:1;transform:translateY(0)}}@keyframes pulse{50%{transform:scale(1.22);color:var(--gold)}}@keyframes float{0%,to{transform:translateY(0) rotate(-1deg)}50%{transform:translateY(-8px) rotate(1deg)}}@keyframes seal-stamp{0%{opacity:0;transform:translate(-50%) scale(1.9) rotate(-12deg)}72%{transform:translate(-50%) scale(.96) rotate(-5deg)}to{opacity:1;transform:translate(-50%) scale(1) rotate(-6deg)}}@keyframes card-stamp{0%,to{transform:translate(0)}45%{transform:translate(-2px)}72%{transform:translate(2px)}}@media(min-width:600px){#app{box-shadow:0 0 60px #140d0842}#hud{padding-right:14px;padding-left:14px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}