.app-root{color:var(--ink);background:radial-gradient(circle at 50% -10%, color-mix(in srgb, var(--accent) 23%, transparent), transparent 38%), linear-gradient(155deg, var(--bg), color-mix(in srgb, var(--bg) 82%, #000));font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.qa-canvas{z-index:-1;opacity:.001;pointer-events:none;width:2px;height:2px;position:absolute;bottom:0;left:0}.ambient-layer,.ambient-layer:before,.ambient-layer:after{pointer-events:none;position:absolute;inset:0}.ambient-layer{overflow:hidden}.ambient-layer:before{content:"";background-image:radial-gradient(color-mix(in srgb, var(--accent) 50%, transparent) .8px, transparent .8px);opacity:.14;background-size:19px 19px;-webkit-mask-image:linear-gradient(#000,#0000 72%);mask-image:linear-gradient(#000,#0000 72%)}.ambient-layer i{aspect-ratio:1;background:var(--accent);filter:blur(72px);opacity:.08;border-radius:999px;width:38vw;animation:11s ease-in-out infinite alternate ambient-float;position:absolute}.ambient-layer i:first-child{top:12%;left:-18%}.ambient-layer i:nth-child(2){background:var(--accent-alt);animation-delay:-4s;top:46%;right:-16%}.ambient-layer i:nth-child(3){animation-delay:-7s;bottom:-22%;left:28%}@keyframes ambient-float{to{transform:translate(28px,-22px)scale(1.12)}}button{color:inherit}.language-toggle,.home-button{top:max(3.5rem, calc(env(safe-area-inset-top) + 12px));z-index:80;border:1px solid color-mix(in srgb, var(--ink) 22%, transparent);background:color-mix(in srgb, var(--bg) 74%, transparent);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-radius:999px;min-height:44px;position:fixed;box-shadow:0 8px 28px #0003}.language-toggle{letter-spacing:.04em;align-items:center;gap:6px;padding:0 14px;font-size:12px;font-weight:700;display:flex;right:12px}.language-toggle span{opacity:.4;transition:opacity .18s}.language-toggle span.active{opacity:1}.language-toggle i{opacity:.32;font-style:normal}.home-button{padding:0 14px;font-size:12px;font-weight:700;left:12px}.home-button:active,.language-toggle:active{transform:scale(.96)}.cover-screen,.play-screen,.result-screen{z-index:2;width:100%;height:100%;position:relative}.cover-screen{padding:64px 18px calc(env(safe-area-inset-bottom,0px) + 88px);text-align:center;grid-template-rows:auto minmax(126px,1fr) auto auto;align-items:center;gap:10px;display:grid}.cover-glow{aspect-ratio:1;background:radial-gradient(circle, color-mix(in srgb, var(--accent) 19%, transparent), transparent 66%);filter:blur(12px);pointer-events:none;border-radius:50%;width:min(88vw,430px);position:absolute;top:34%;left:50%;transform:translate(-50%,-50%)}.cover-copy{z-index:2;padding:0 50px;position:relative}.eyebrow{color:var(--accent);letter-spacing:.22em;margin:0 0 7px;font-size:10px;font-weight:800}.cover-copy h1{letter-spacing:-.045em;text-wrap:balance;margin:0;font-family:ui-serif,Georgia,Times New Roman,serif;font-size:clamp(34px,11vw,58px);font-weight:650;line-height:.94}.tagline{max-width:360px;color:var(--muted);margin:10px auto 0;font-size:clamp(12px,3.5vw,15px);line-height:1.35}.cover-art{aspect-ratio:1;isolation:isolate;place-items:center;width:min(55vw,224px);margin:auto;display:grid;position:relative}.art-halo{border:1px solid color-mix(in srgb, var(--accent) 46%, transparent);box-shadow:0 0 0 10px color-mix(in srgb, var(--accent) 6%, transparent), 0 24px 64px color-mix(in srgb, var(--accent) 20%, transparent);border-radius:38%;animation:3.8s ease-in-out infinite halo-breathe;position:absolute;inset:6%;transform:rotate(8deg)}@keyframes halo-breathe{50%{opacity:.72;transform:rotate(-4deg)scale(1.035)}}.art-grid{z-index:2;aspect-ratio:1;border:1px solid color-mix(in srgb, var(--accent) 55%, transparent);background:color-mix(in srgb, var(--panel) 88%, transparent);width:70%;box-shadow:0 22px 60px #0005, inset 0 1px color-mix(in srgb, var(--ink) 22%, transparent);border-radius:22px;grid-template-columns:repeat(4,1fr);gap:3px;padding:8px;display:grid;position:relative;transform:rotate(-3deg)}.art-grid span{background:color-mix(in srgb, var(--panel-alt) 74%, transparent);min-width:0;color:var(--ink);animation:2.8s ease-in-out infinite art-cell;animation-delay:calc(var(--i) * -90ms);border-radius:8px;place-items:center;font-size:clamp(10px,3.2vw,15px);font-weight:750;display:grid}@keyframes art-cell{0%,72%,to{opacity:.55;transform:scale(.93)}84%{opacity:1;box-shadow:0 0 18px color-mix(in srgb, var(--accent) 45%, transparent);transform:scale(1)}}.art-orbit{z-index:1;border:1px solid color-mix(in srgb, var(--accent) 24%, transparent);border-radius:50%;animation:15s linear infinite orbit-spin;position:absolute;inset:0}.orbit-two{border-color:color-mix(in srgb, var(--accent-alt) 32%, transparent);animation-duration:9s;animation-direction:reverse;inset:13%}.art-orbit:after{content:"";background:var(--accent);width:8px;height:8px;box-shadow:0 0 18px var(--accent);border-radius:50%;position:absolute;top:8%;left:18%}@keyframes orbit-spin{to{transform:rotate(360deg)}}.art-spark{z-index:4;background:var(--accent);width:6px;height:6px;box-shadow:0 0 20px var(--accent);border-radius:50%;animation:2.4s ease-in-out infinite spark;position:absolute}.spark-one{top:40%;left:8%}.spark-two{background:var(--accent-alt);animation-delay:-.7s;top:18%;right:11%}.spark-three{animation-delay:-1.4s;bottom:12%;right:18%}@keyframes spark{50%{opacity:.25;transform:scale(2.3)}}.how-card{z-index:3;border:1px solid color-mix(in srgb, var(--ink) 14%, transparent);background:color-mix(in srgb, var(--panel) 73%, transparent);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);text-align:left;border-radius:18px;width:min(100%,430px);margin:auto;padding:10px 13px;position:relative;box-shadow:0 14px 36px #0002}.how-card p{color:var(--ink);align-items:center;gap:10px;margin:0;font-size:11px;line-height:1.25;display:flex}.how-card p+p{margin-top:7px}.how-card span{color:var(--accent);letter-spacing:.12em;font-size:9px;font-weight:900}.enter-button{z-index:4;background:var(--accent);width:min(100%,430px);min-height:50px;color:color-mix(in srgb, var(--bg) 88%, #000);box-shadow:0 13px 34px color-mix(in srgb, var(--accent) 28%, transparent);letter-spacing:.04em;border:0;border-radius:16px;margin:auto;font-weight:850;transition:transform .15s;position:relative}.enter-button span{margin-left:8px;transition:transform .18s;display:inline-block}.enter-button:active{transform:translateY(2px)scale(.985)}.enter-button:active span{transform:translate(4px)}.game-session{width:100%;height:100%}.play-screen{padding:56px 9px calc(env(safe-area-inset-bottom,0px) + 88px);flex-direction:column;align-items:center;gap:7px;display:flex}.play-heading{text-align:center;justify-content:center;align-items:center;width:min(100%,430px);min-height:42px;padding:0 96px;display:flex}.play-heading p{display:none}.play-heading h2{letter-spacing:-.035em;text-overflow:ellipsis;white-space:nowrap;max-width:100%;margin:0;font-family:ui-serif,Georgia,serif;font-size:clamp(16px,5vw,22px);line-height:1;overflow:hidden}.micro-stats{display:none}.micro-stats span{border:1px solid color-mix(in srgb, var(--ink) 12%, transparent);background:color-mix(in srgb, var(--panel) 74%, transparent);min-width:52px;color:var(--muted);text-align:center;border-radius:9px;padding:5px 7px;font-size:8px}.micro-stats b{color:var(--ink);font-size:12px;display:block}.puzzle-board{--board-size:min(94vw, calc(100svh - 274px), 430px);width:var(--board-size);height:var(--board-size);grid-template-columns:repeat(var(--size), 1fr);grid-template-rows:repeat(var(--size), 1fr);border:2px solid var(--accent);background:var(--panel);box-shadow:0 22px 55px #0005, 0 0 0 5px color-mix(in srgb, var(--accent) 7%, transparent);border-radius:20px;flex:none;display:grid;position:relative;overflow:hidden}.puzzle-cell{z-index:2;border:0;border-right:1px solid color-mix(in srgb, var(--line) 65%, transparent);border-bottom:1px solid color-mix(in srgb, var(--line) 65%, transparent);min-width:0;min-height:0;color:var(--ink);background:0 0;place-items:center;padding:0;font-size:clamp(15px,5vw,25px);font-weight:720;transition:background .15s,transform .15s,box-shadow .15s;display:grid;position:relative}.board-9 .puzzle-cell{font-size:clamp(13px,4.2vw,22px)}.puzzle-cell.block-right{border-right:2px solid var(--accent)}.puzzle-cell.block-bottom{border-bottom:2px solid var(--accent)}.puzzle-cell.given{color:var(--muted);font-weight:540}.puzzle-cell.related{background:color-mix(in srgb, var(--accent) 6%, transparent)}.puzzle-cell.same-value{color:var(--accent);background:color-mix(in srgb, var(--accent) 12%, transparent)}.puzzle-cell.selected{z-index:5;background:var(--accent);color:var(--bg);box-shadow:inset 0 0 0 2px color-mix(in srgb, var(--ink) 50%, transparent), 0 0 24px color-mix(in srgb, var(--accent) 65%, transparent)}.puzzle-cell.cell-pulse{animation:.42s cell-pop}@keyframes cell-pop{45%{filter:brightness(1.5);transform:scale(.78)}}.cage-sum{color:var(--accent-alt);font-size:7px;font-weight:900;line-height:1;position:absolute;top:1px;left:2px}.mode-cage .puzzle-cell:after{content:"";border:1px dashed color-mix(in srgb, var(--accent-alt) 50%, transparent);pointer-events:none;border-radius:5px;position:absolute;inset:2px}.color-gem,.palette-gem{background:var(--tone);box-shadow:inset 0 2px 5px #fff7, 0 5px 15px color-mix(in srgb, var(--tone) 40%, transparent);border-radius:45% 55% 50% 50%;display:block}.color-gem{aspect-ratio:1;width:58%;transform:rotate(12deg)}.palette-gem{width:24px;height:24px;margin:auto}.tone-1{--tone:#ff5678}.tone-2{--tone:#ffbd42}.tone-3{--tone:#63e6be}.tone-4{--tone:#4dabf7}.tone-5{--tone:#9775fa}.tone-6{--tone:#f06595}.thermo-overlay{z-index:1;pointer-events:none;width:100%;height:100%;filter:drop-shadow(0 0 5px color-mix(in srgb, var(--accent-alt) 65%, transparent));position:absolute;inset:0}.thermo-overlay polyline{fill:none;stroke:color-mix(in srgb, var(--accent-alt) 28%, transparent);stroke-width:3.4px;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke}.thermo-overlay circle{fill:color-mix(in srgb, var(--accent-alt) 35%, transparent);stroke:var(--accent-alt);stroke-width:.8px}.status-line{width:min(100%,430px);min-height:24px;color:var(--muted);justify-content:center;align-items:center;gap:7px;font-size:10px;font-weight:680;display:flex}.status-dot{background:var(--muted);border-radius:50%;width:6px;height:6px;box-shadow:0 0 8px}.status-dot.correct,.status-dot.matched,.status-dot.aligned{background:var(--accent)}.status-dot.wrong,.status-dot.mismatch{background:var(--accent-alt)}.number-dock{grid-template-columns:repeat(5,minmax(0,1fr));gap:5px;width:min(100%,430px);display:grid}.number-dock button{border:1px solid color-mix(in srgb, var(--ink) 15%, transparent);background:color-mix(in srgb, var(--panel) 88%, transparent);min-width:0;min-height:44px;color:var(--ink);box-shadow:inset 0 1px color-mix(in srgb, var(--ink) 12%, transparent), 0 7px 18px #0002;border-radius:12px;padding:0;font-weight:820;transition:transform .1s,background .1s}.number-dock button:active{background:var(--accent);color:var(--bg);transform:scale(.92)}.number-dock button:disabled{opacity:.28}.number-dock .reveal-button{letter-spacing:.01em;font-size:9px}.reveal-button small{background:color-mix(in srgb, var(--accent) 25%, transparent);border-radius:50%;place-items:center;min-width:16px;height:16px;display:inline-grid}.gesture-hint{z-index:60;border:1px solid color-mix(in srgb, var(--accent) 40%, transparent);background:color-mix(in srgb, var(--bg) 88%, transparent);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);pointer-events:none;border-radius:16px;grid-template-columns:34px 1fr auto;align-items:center;gap:8px;width:min(84vw,340px);min-height:58px;padding:8px 9px;display:grid;position:absolute;bottom:105px;left:50%;transform:translate(-50%);box-shadow:0 18px 54px #0008}.tap-finger{place-items:center;font-size:22px;animation:1.4s ease-in-out infinite tap-hint;display:grid}@keyframes tap-hint{50%{transform:translateY(5px)scale(.9)}}.gesture-hint p{color:var(--ink);text-align:left;margin:0;font-size:10px;line-height:1.25}.gesture-hint button{background:color-mix(in srgb, var(--accent) 18%, transparent);min-width:48px;min-height:40px;color:var(--accent);pointer-events:auto;border:0;border-radius:11px;font-size:10px;font-weight:800}.match-mode,.shift-mode{justify-content:flex-start}.match-board{aspect-ratio:1;border:1px solid color-mix(in srgb, var(--accent) 48%, transparent);background:color-mix(in srgb, var(--panel) 80%, transparent);border-radius:26px;grid-template-columns:repeat(6,1fr);gap:5px;width:min(92vw,100svh - 178px,402px);padding:7px;display:grid;position:relative;box-shadow:0 24px 60px #0005}.match-tile{z-index:3;background:linear-gradient(145deg, color-mix(in srgb, var(--tone) 82%, #fff), var(--tone));color:#301235;min-width:44px;min-height:44px;box-shadow:inset 0 2px 5px #fff8, 0 7px 14px color-mix(in srgb, var(--tone) 28%, transparent);border:1px solid #fff5;border-radius:15px 8px;padding:0;font-size:17px;font-weight:900;transition:transform .18s,opacity .26s;position:relative}.match-tile span{display:block;transform:rotate(-5deg)}.match-tile.selected{outline:3px solid var(--ink);transform:translateY(-3px)rotate(4deg)scale(1.05)}.match-tile.cleared{opacity:.08;pointer-events:none;transform:scale(.45)rotate(25deg)}.thread-field{pointer-events:none;border-radius:20px;position:absolute;inset:8px;overflow:hidden}.thread{left:-10%;top:calc(12% + var(--thread) * 14%);border:4px solid var(--tone);opacity:.48;width:120%;height:16px;filter:drop-shadow(0 0 8px var(--tone));border-left:0;border-right:0;border-radius:50%;animation:1.2s both thread-weave;position:absolute}@keyframes thread-weave{0%{transform:translate(-100%)rotate(-8deg)}to{transform:translate(0)rotate(4deg)}}.match-progress{background:color-mix(in srgb, var(--panel) 60%, transparent);border-radius:999px;width:min(100%,402px);height:7px;margin:0;overflow:hidden}.match-progress span{border-radius:inherit;background:linear-gradient(90deg, var(--accent), var(--accent-alt));height:100%;transition:width .3s;display:block}.shift-instrument{border:1px solid color-mix(in srgb, var(--accent) 42%, transparent);background:color-mix(in srgb, var(--panel) 74%, transparent);width:min(100%,430px);box-shadow:inset 0 0 48px color-mix(in srgb, var(--accent) 8%, transparent), 0 25px 60px #0005;border-radius:28px;gap:6px;padding:14px 7px;display:grid;position:relative}.orbit-row{z-index:3;grid-template-columns:44px minmax(0,1fr) 44px;align-items:center;gap:5px;display:grid;position:relative}.orbit-row>button{border:1px solid color-mix(in srgb, var(--accent) 46%, transparent);background:color-mix(in srgb, var(--bg) 65%, transparent);width:44px;height:44px;color:var(--accent);border-radius:50%;padding:0;font-size:28px;line-height:1}.orbit-row>button:active{background:var(--accent);color:var(--bg);transform:scale(.9)}.orbit-track{background:#0003;border-radius:999px;grid-template-columns:repeat(6,1fr);gap:3px;padding:3px;display:grid}.orbit-track span{aspect-ratio:1;background:color-mix(in srgb, var(--tone) 24%, var(--panel-alt));border:1px solid color-mix(in srgb, var(--tone) 62%, transparent);min-width:0;color:var(--ink);box-shadow:0 0 12px color-mix(in srgb, var(--tone) 20%, transparent);border-radius:50%;place-items:center;font-size:clamp(11px,3.5vw,17px);font-weight:850;display:grid}.column-beams{z-index:1;pointer-events:none;grid-template-columns:repeat(6,1fr);display:grid;position:absolute;inset:14px 60px}.column-beams i{background:color-mix(in srgb, var(--accent) 7%, transparent);border-radius:999px;justify-self:center;width:3px;height:100%}.column-beams i.complete{background:var(--accent);box-shadow:0 0 22px 5px color-mix(in srgb, var(--accent) 30%, transparent);animation:1.4s ease-in-out infinite beam}@keyframes beam{50%{opacity:.35}}.result-screen{padding:58px 16px calc(env(safe-area-inset-bottom,0px) + 88px);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:7px;display:flex}.result-aura{aspect-ratio:1;background:repeating-radial-gradient(circle, color-mix(in srgb, var(--accent) 14%, transparent) 0 1px, transparent 2px 18px);opacity:.55;pointer-events:none;border-radius:50%;width:min(100vw,470px);animation:35s linear infinite result-spin;position:absolute;top:40%;left:50%;transform:translate(-50%,-50%)}@keyframes result-spin{to{transform:translate(-50%,-50%)rotate(360deg)}}.result-kicker{color:var(--accent);letter-spacing:.22em;margin:0;font-size:9px;font-weight:900;position:relative}.result-screen h2{letter-spacing:-.045em;margin:0;font-family:ui-serif,Georgia,serif;font-size:clamp(32px,10vw,54px);line-height:.95;position:relative}.result-line{color:var(--muted);margin:2px 0 4px;font-size:12px;position:relative}.mini-board{aspect-ratio:1;border:1px solid color-mix(in srgb, var(--accent) 48%, transparent);background:color-mix(in srgb, var(--panel) 88%, transparent);width:min(58vw,100svh - 365px,252px);box-shadow:0 20px 50px #0004, 0 0 36px color-mix(in srgb, var(--accent) 12%, transparent);border-radius:20px;gap:1px;padding:7px;display:grid;position:relative}.mini-9{grid-template-columns:repeat(9,1fr)}.mini-6{grid-template-columns:repeat(6,1fr)}.mini-board span{background:color-mix(in srgb, var(--panel-alt) 72%, transparent);color:var(--ink);border-radius:3px;place-items:center;font-size:clamp(6px,2vw,11px);font-weight:700;display:grid}.mini-board span[class*=tone-]{background:var(--tone);color:#0000;box-shadow:inset 0 1px #fff8}.result-stats{grid-template-columns:repeat(3,1fr);gap:6px;width:min(100%,360px);display:grid;position:relative}.result-stats p{border:1px solid color-mix(in srgb, var(--ink) 12%, transparent);background:color-mix(in srgb, var(--panel) 65%, transparent);border-radius:12px;margin:0;padding:7px 5px}.result-stats strong{color:var(--ink);font-size:16px;display:block}.result-stats span{color:var(--muted);text-transform:uppercase;letter-spacing:.08em;font-size:8px}.result-actions{grid-template-columns:1.35fr 1fr;gap:7px;width:min(100%,360px);display:grid;position:relative}.result-actions button{border-radius:14px;min-height:46px;font-size:11px;font-weight:850}.share-button{background:var(--accent);color:var(--bg);box-shadow:0 12px 28px color-mix(in srgb, var(--accent) 26%, transparent);border:0}.replay-button{border:1px solid color-mix(in srgb, var(--ink) 22%, transparent);background:color-mix(in srgb, var(--panel) 72%, transparent)}.result-actions button:active{transform:scale(.97)}.result-actions button:disabled{opacity:.6}.share-status{min-height:14px;color:var(--accent);margin:0;font-size:9px;position:relative}.share-status.error{color:var(--accent-alt)}.result-home-link{min-height:38px;color:var(--muted);background:0 0;border:0;padding:0 18px;font-size:10px;font-weight:750;position:relative}[data-skin=gilded] .cover-copy h1,[data-skin=gilded] .play-heading h2{font-style:italic}[data-skin=gilded] .art-grid,[data-skin=gilded] .puzzle-board{background-image:linear-gradient(125deg,#0000 45%,#f4c56a22 46%,#0000 48%),linear-gradient(35deg,#0000 70%,#f4c56a1c 71%,#0000 73%);border-radius:4px}[data-skin=gilded] .puzzle-cell.selected{clip-path:polygon(5% 0,100% 4%,96% 94%,10% 100%,0 35%)}[data-skin=tidal] .app-root{background:linear-gradient(165deg,#007c91,#063f55 56%,#021e2b)}[data-skin=tidal] .cover-copy h1,[data-skin=tidal] .play-heading h2,[data-skin=tidal] .result-screen h2{color:#eafff8;text-shadow:0 2px 22px #001d2a66}[data-skin=tidal] .tagline,[data-skin=tidal] .result-line{color:#bce9e3}[data-skin=tidal] .language-toggle,[data-skin=tidal] .home-button{color:#eafff8;background:#063f55cc;border-color:#d9fff566}[data-skin=tidal] .cover-art{transform:rotate(7deg)}[data-skin=tidal] .art-halo{border-style:dashed;border-radius:50%}[data-skin=tidal] .art-grid{border-radius:50% 42% 48% 44%}[data-skin=tidal] .puzzle-board{background-image:radial-gradient(circle at 30% 20%,#fff8 0 1px,#0000 2px);background-size:21px 21px;border-radius:34px 12px;transform:rotate(-.5deg)}[data-skin=tidal] .puzzle-cell{border-color:#187e8a66}[data-skin=tidal] .puzzle-cell.cell-pulse{animation-name:water-pop}@keyframes water-pop{50%{border-radius:50%;transform:scale(.88);box-shadow:0 0 0 16px #fff3}}[data-skin=neon] .app-root:after{content:"";z-index:70;pointer-events:none;mix-blend-mode:multiply;background:repeating-linear-gradient(#0000 0 3px,#0002 4px);position:absolute;inset:0}[data-skin=neon] .cover-copy h1,[data-skin=neon] .play-heading h2{text-transform:uppercase;text-shadow:0 0 18px var(--accent);font-family:ui-monospace,SFMono-Regular,Menlo,monospace}[data-skin=neon] .art-grid,[data-skin=neon] .puzzle-board{border-radius:2px;box-shadow:0 0 22px #55f6ff44,inset 0 0 30px #55f6ff0d}[data-skin=neon] .puzzle-cell{font-family:ui-monospace,monospace}[data-skin=neon] .number-dock button{border-radius:3px}[data-skin=herbarium] .app-root{background:#263421}[data-skin=herbarium] .cover-screen:after,[data-skin=herbarium] .play-screen:after{content:"";z-index:-1;opacity:.2;background-image:repeating-linear-gradient(0deg,#fff1 0 1px,#0000 1px 5px);position:absolute;inset:0}[data-skin=herbarium] .cover-copy h1,[data-skin=herbarium] .play-heading h2{color:#f0e7c7;font-family:Georgia,serif}[data-skin=herbarium] .result-screen h2{color:#f0e7c7}[data-skin=herbarium] .tagline,[data-skin=herbarium] .result-line{color:#c7cba6}[data-skin=herbarium] .language-toggle,[data-skin=herbarium] .home-button{color:#f0e7c7;background:#263421dd;border-color:#f0e7c755}[data-skin=herbarium] .art-grid,[data-skin=herbarium] .puzzle-board{border-radius:1px;transform:rotate(-1deg);box-shadow:8px 10px #152313,0 18px 45px #0004}[data-skin=herbarium] .puzzle-cell{font-family:Bradley Hand,Segoe Print,cursive}[data-skin=herbarium] .puzzle-cell.selected{border-radius:50% 12%}[data-skin=astral] .cover-art{width:min(62vw,248px)}[data-skin=astral] .art-grid{border-radius:30%;transform:rotate(45deg)scale(.78)}[data-skin=astral] .art-grid span{border-radius:50%;transform:rotate(-45deg)}[data-skin=astral] .puzzle-board{background:radial-gradient(circle,#182550,#080f2a);border-radius:50%;padding:7%;overflow:visible}[data-skin=astral] .puzzle-cell{border:1px solid #8fe7ff2b;border-radius:50%}[data-skin=astral] .puzzle-cell.block-right,[data-skin=astral] .puzzle-cell.block-bottom{border-color:#8fe7ff77}[data-skin=petal] .art-halo{border-radius:50% 10%}[data-skin=petal] .cover-copy h1,[data-skin=petal] .play-heading h2,[data-skin=petal] .result-screen h2{color:#fff0df}[data-skin=petal] .tagline,[data-skin=petal] .result-line{color:#f1c8da}[data-skin=petal] .language-toggle,[data-skin=petal] .home-button{color:#fff0df;background:#6e315ddd;border-color:#fff0df55}[data-skin=petal] .puzzle-board{border-radius:30% 8%}[data-skin=petal] .puzzle-cell{font-family:Georgia,serif}[data-skin=prism] .art-grid{border-radius:50%;transform:rotate(45deg)scale(.78)}[data-skin=prism] .art-grid span{color:#0000;background:hsl(calc(var(--i) * 22deg + 310deg) 90% 68%);border-radius:50% 0 50% 50%}[data-skin=prism] .puzzle-board{clip-path:polygon(50% 0,93% 12%,100% 50%,88% 90%,50% 100%,10% 88%,0 50%,12% 10%);border-radius:0;padding:4%}[data-skin=ember] .cover-art{filter:drop-shadow(0 18px 25px #ff4f2c42)}[data-skin=ember] .art-grid,[data-skin=ember] .puzzle-board{background:radial-gradient(circle at 50% 100%,#7e2b17,#3b1710 65%);border-radius:28px 28px 70px 70px}[data-skin=ribbon] .cover-art{transform:rotate(-8deg)}[data-skin=ribbon] .cover-copy h1,[data-skin=ribbon] .play-heading h2,[data-skin=ribbon] .result-screen h2{color:#fff0fb}[data-skin=ribbon] .tagline,[data-skin=ribbon] .result-line{color:#efc6e7}[data-skin=ribbon] .language-toggle,[data-skin=ribbon] .home-button{color:#fff0fb;background:#34143fdd;border-color:#fff0fb55}[data-skin=ribbon] .art-halo{border-radius:50% 20%}[data-skin=ribbon] .art-grid{border-radius:50% 12%}[data-skin=orbit] .cover-art{width:min(65vw,250px)}[data-skin=orbit] .art-grid{border-radius:50%;transform:rotate(-12deg)}[data-skin=orbit] .art-grid span{border-radius:50%}@media (max-height:650px){.cover-screen{padding-top:52px;padding-bottom:calc(env(safe-area-inset-bottom,0px) + 88px);grid-template-rows:auto minmax(104px,1fr) auto auto;gap:6px}.cover-copy{padding:0 46px}.eyebrow{margin-bottom:3px;font-size:8px}.cover-copy h1{font-size:clamp(28px,9.8vw,40px)}.tagline{margin-top:5px;font-size:10px}.cover-art{width:min(42vw,150px)}.how-card{border-radius:13px;padding:7px 10px}.how-card p{font-size:9px}.how-card p+p{margin-top:4px}.enter-button{border-radius:13px;min-height:45px}.play-screen{padding-top:50px;padding-bottom:calc(env(safe-area-inset-bottom,0px) + 88px);gap:4px}.play-heading{min-height:36px}.play-heading h2{font-size:20px}.micro-stats span{padding:3px 5px}.puzzle-board{--board-size:min(90vw, 246px);border-radius:15px}.number-dock{gap:3px}.number-dock button{border-radius:9px;min-height:44px}.status-line{min-height:20px}.gesture-hint{min-height:50px;bottom:91px}.match-board{border-radius:19px;gap:3px;width:min(92vw,294px);padding:5px}.match-tile{border-radius:11px 6px;min-width:44px;min-height:44px}.shift-instrument{border-radius:20px;gap:3px;padding:6px}.orbit-row{grid-template-columns:44px minmax(0,1fr) 44px;gap:3px}.orbit-row>button{width:44px;height:44px}.result-screen{padding-top:52px;padding-bottom:calc(env(safe-area-inset-bottom,0px) + 88px);gap:4px}.result-screen h2{font-size:31px}.result-line{font-size:10px}.mini-board{border-radius:14px;width:min(50vw,172px);padding:5px}.result-stats p{padding:4px}.result-actions button{min-height:44px}.result-home-link{min-height:30px}}@media (min-width:700px){.cover-screen,.play-screen,.result-screen{max-width:500px;left:50%;transform:translate(-50%)}}@media (prefers-reduced-motion:reduce){*,:before,:after{animation-duration:.001ms!important;animation-iteration-count:1!important}}
