.sr-only{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}.k-home{max-width:520px;padding:max(16px, env(safe-area-inset-top)) 16px 24px;text-align:center;gap:14px;margin:0 auto;display:grid}.k-levels{grid-template-columns:1fr 1fr;gap:12px;display:grid}.k-level{background:var(--surface);border:2px solid var(--line);min-height:92px;box-shadow:var(--shadow);border-radius:12px;align-content:center;gap:4px;display:grid}.k-level strong{font-size:1.0625rem}.k-level span{color:var(--muted);font-size:.8125rem}.k-game{height:100dvh;padding:env(safe-area-inset-top) 0 env(safe-area-inset-bottom);grid-template-rows:auto auto minmax(0,1fr) auto;display:grid;overflow:hidden}.k-bar{align-items:center;gap:10px;padding:6px 12px;display:flex}.k-bar>div{flex:1;line-height:1.15;display:grid}.k-bar span{color:var(--muted);font-size:.75rem}.k-store{padding:0 12px}.k-noren{color:#fff;letter-spacing:.2em;background:repeating-linear-gradient(90deg,#2f6f9e 0 19.5%,#255a81 19.5% 20%);border:2px solid #1f1a17;border-bottom:0;border-radius:8px 8px 0 0;place-items:center;height:30px;font-size:.8125rem;font-weight:800;display:grid}.k-noren.big{border-bottom:2px solid #1f1a17;border-radius:10px;height:56px;font-size:1.25rem}.k-shelves{grid-template-columns:repeat(var(--cols), minmax(0, 1fr)) 38px;background:#e9dcc3;border:2px solid #1f1a17;border-radius:0 0 8px 8px;gap:0;padding:6px 0 0 6px;display:grid}.k-slot{aspect-ratio:1/.92;touch-action:none;background:linear-gradient(#0000 calc(100% - 8px),#a56b3c calc(100% - 8px));border-bottom:2px solid #5f3c20;place-items:end center;width:100%;max-height:19dvh;padding-bottom:8px;transition:background-color .15s;display:grid;position:relative}.k-slot:empty:before{content:"";background:#1f1a1724;border-radius:50%;width:46%;height:6px;margin-bottom:4px}.k-slot.fridge{background:linear-gradient(#0000 calc(100% - 8px),#8fa7b5 calc(100% - 8px)),#cfeaf6;border-bottom-color:#55707e;box-shadow:inset 2px 0 #1f1a17}.k-slot.wobble{animation:.35s k-wobble}.k-slot.glow{box-shadow:inset 0 0 0 3px var(--gold);background-color:#fbeec9}@keyframes k-wobble{25%{transform:translate(-4px)}75%{transform:translate(4px)}}.k-item{touch-action:none;cursor:grab;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;background:0 0;border:0;justify-items:center;gap:1px;padding:0;animation:.22s cubic-bezier(.3,1.6,.5,1) k-settle;display:grid}@keyframes k-settle{0%{transform:translateY(-10px)scale(1.12)}}.k-art{width:100%;height:100%;display:block}.k-product{aspect-ratio:1;filter:drop-shadow(0 2px #1f1a1740);width:clamp(40px,12.5vw,62px);display:block}.k-price{color:#1f1a17;background:#fff;border:1px solid #1f1a17;border-radius:3px;padding:0 4px;font-size:.625rem;font-weight:800}.k-item.selected .k-product{filter:drop-shadow(0 0 0 #fff) drop-shadow(0 3px 2px var(--blue));transform:translateY(-4px)scale(1.12)}.k-item.lifted{opacity:.25}.k-ghost{z-index:40;pointer-events:none;filter:drop-shadow(0 8px 4px #1f1a1759);width:68px;height:68px;position:fixed;translate:-50% -115%;rotate:-5deg}.k-rules{grid-template-columns:repeat(auto-fill,minmax(164px,1fr));align-content:start;gap:6px;margin:0;padding:10px 12px;list-style:none;display:grid;overflow-y:auto}.k-rule{background:var(--surface);border:2px solid var(--line);border-radius:10px;align-items:center;gap:4px;min-height:40px;padding:3px 8px;transition:background-color .2s;display:inline-flex;position:relative}.k-rule small{color:var(--muted);font-size:.6875rem}.k-rule b{font-size:.9375rem}.k-rule b.no{color:var(--danger);text-decoration:line-through;position:relative}.k-rule-icon{flex:none;width:26px;height:26px;display:block}.k-snow{color:#2f7fd1;font-size:1.125rem}.k-rule.dim{opacity:.32}.k-stack{line-height:1;display:grid}.k-stack .k-rule-icon{width:19px;height:19px}.k-rule.cold{border-style:dashed;border-color:var(--soft-line)}.k-rule.ok{border-color:var(--good);color:#1f1a17;background:#d5efdd}.k-rule.ok small{color:#2d5a3f}.k-rule.bad{border-color:var(--danger);color:#1f1a17;background:#fbe0dc}.k-rule.bad small{color:#7a2d27}.k-rule i{color:#fff;background:var(--good);border-radius:50%;place-items:center;width:17px;height:17px;font-size:.6875rem;font-style:normal;font-weight:900;display:grid;position:absolute;top:-7px;right:-5px}.k-tray{background:#cdbb96;border-top:3px solid #1f1a17;flex-wrap:wrap;justify-content:center;align-items:center;gap:8px 12px;min-height:96px;max-height:32dvh;padding:10px 12px;display:flex;overflow-y:auto}.k-tray .muted{color:#3e3323;text-align:center;font-weight:600}.k-win{left:12px;right:12px;bottom:calc(12px + env(safe-area-inset-bottom));z-index:30;text-align:center;background:var(--surface);border:2px solid var(--line);box-shadow:var(--shadow);border-radius:14px;gap:8px;padding:16px;animation:.35s cubic-bezier(.2,1.2,.4,1) k-rise;display:grid;position:fixed}@keyframes k-rise{0%{transform:translateY(100%)}}.k-customers{height:40px;position:relative;overflow:hidden}.k-customers span{border:2px solid #1f1a17;border-radius:50%;width:38px;height:38px;animation:2.4s linear infinite k-walk;position:absolute;left:-48px;overflow:hidden}@keyframes k-walk{to{left:100%}}.k-store.open .k-noren{background:repeating-linear-gradient(90deg,#d9534f 0 19.5%,#b94440 19.5% 20%)}@media (width>=900px){.k-game{max-width:760px;margin:0 auto}.k-slot{max-height:22dvh}.k-win{width:420px;left:50%;right:auto;translate:-50%}}.k-game~.toast,.k-game .toast{bottom:auto;top:calc(58px + env(safe-area-inset-top))}.k-slot.hover{box-shadow:inset 0 0 0 2px var(--blue);background-color:#2f7fd133}.k-slot.nope{box-shadow:inset 0 0 0 2px var(--danger);background-color:#c23a3029}.k-slot.fridge:after{content:"";pointer-events:none;background:linear-gradient(115deg,#ffffff61 0 18%,#0000 18% 34%,#fff3 34% 42%,#0000 42%);position:absolute;inset:0 0 8px}.k-daily{color:#fff;text-shadow:0 1px #00000040;min-height:84px;box-shadow:var(--shadow);background:#2f6f9e;border:2px solid #1f1a17;border-radius:12px;gap:2px;padding:12px;display:grid;position:relative}.k-daily strong{font-size:1.25rem}.k-daily span{font-size:.875rem}.k-daily em{color:#fbeec9;font-size:.8125rem;font-style:normal;font-weight:800}.k-tutorial{text-align:center;justify-items:center}.k-tutorial p{line-height:1.45}.k-tutorial-art{align-items:center;gap:8px;min-height:64px;display:flex}.k-back{min-height:0;color:var(--ink);justify-self:start;padding:4px 0}.k-noren{position:relative}.k-noren em{letter-spacing:0;opacity:.9;font-variant-numeric:tabular-nums;font-size:.6875rem;font-style:normal;position:absolute;right:8px}.k-shelf-sum{text-align:center;color:#6e5f42;font-variant-numeric:tabular-nums;align-self:end;padding:0 2px 11px;font-size:.625rem;font-weight:700}.k-product{position:relative}.k-cold{color:#2f7fd1;background:#fff;border:1px solid #9fc6e4;border-radius:50%;place-items:center;width:15px;height:15px;font-size:.625rem;line-height:1;display:grid;position:absolute;top:-3px;right:-5px}.k-face{border:2px solid #1f1a17;border-radius:50%;flex:none;width:36px;height:36px;display:block;overflow:hidden}.k-ask{align-items:center;gap:4px;min-width:0;display:flex}.k-ask small{text-align:center;flex:1;min-width:0;line-height:1.15}.k-rule{gap:6px;padding:4px 6px}.k-request{flex:1;gap:1px;min-width:0;display:grid}.k-request em{color:var(--muted);font-size:.625rem;font-style:normal;font-weight:600;line-height:1.2}.k-request em b{color:var(--ink);font-size:.6875rem;font-weight:800}.k-rule.ok .k-request em{color:#2d5a3f}.k-rule.bad .k-request em{color:#7a2d27}.k-rule.ok .k-request em b,.k-rule.bad .k-request em b{color:#1f1a17}.k-brief{min-height:0;padding:8px 12px 10px;overflow-y:auto}.k-legend{color:var(--muted);align-items:center;gap:6px;margin-bottom:6px;font-size:.75rem;display:flex}.k-legend span{color:var(--blue);font-size:.875rem}.k-brief .k-rules{grid-template-columns:1fr;gap:8px;padding:0;display:grid;overflow:visible}.k-author{background:var(--surface);border:2px solid var(--soft-line);border-radius:12px;align-items:flex-start;gap:10px;padding:8px 10px;display:flex}.k-author-body{flex:1;gap:5px;min-width:0;display:grid}.k-author-body p{align-items:baseline;gap:6px;line-height:1.2;display:flex}.k-author-body strong{font-size:.875rem;font-weight:800}.k-author-body p span{color:var(--muted);font-size:.75rem}.k-author-body ul{flex-wrap:wrap;gap:5px;margin:0;padding:0;list-style:none;display:flex}.k-chip{white-space:nowrap;background:var(--bg);border:1.5px solid var(--soft-line);border-radius:8px;align-items:center;gap:5px;min-height:34px;padding:3px 8px;transition:background-color .2s,opacity .2s;display:inline-flex;position:relative}.k-chip small{color:var(--muted);font-size:.75rem}.k-chip b{font-variant-numeric:tabular-nums;font-size:.875rem}.k-chip.dim{opacity:.32}.k-chip.ok{border-color:var(--good);color:#1f1a17;background:#d5efdd}.k-chip.ok small{color:#2d5a3f}.k-chip.bad{border-color:var(--danger);color:#1f1a17;background:#fbe0dc}.k-chip.bad small{color:#7a2d27}.k-chip i{color:var(--good);font-size:.75rem;font-style:normal;font-weight:900}.k-hint{color:var(--muted);font-size:.75rem;line-height:1.25}.k-chip .k-stack{gap:1px;display:grid}.k-chip .k-stack .k-rule-icon{width:24px;height:24px}.k-no{color:var(--danger);font-size:1rem}.k-brief .k-rules{gap:6px}.k-author{gap:8px;padding:6px 8px}.k-author .k-face{width:36px;height:36px}.k-author-body{gap:3px}.k-chip{min-height:30px;padding:2px 7px}@media (width>=600px){.k-slot{max-height:16dvh}}@media (width>=820px){.k-game{grid-template:"bar bar""store brief""tray brief"minmax(0,1fr)/minmax(0,1.3fr) minmax(320px,1fr);column-gap:16px;max-width:1160px;margin:0 auto;padding-inline:12px}.k-bar{grid-area:bar;padding-inline:0}.k-store{grid-area:store;padding:0}.k-brief{grid-area:brief;padding:0 0 12px}.k-tray{border:2px solid #1f1a17;border-radius:10px;grid-area:tray;align-content:flex-start;max-height:none;margin:10px 0 12px}.k-slot{aspect-ratio:auto;height:clamp(100px,19dvh,150px);max-height:none}.k-product{width:56px}}@font-face{font-family:Plus Jakarta Sans Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(data:font/woff2;base64,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)format("woff2-variations");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Plus Jakarta Sans Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/assets/plus-jakarta-sans-vietnamese-wght-normal-qRpaaN48.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Plus Jakarta Sans Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/assets/plus-jakarta-sans-latin-ext-wght-normal-DmpS2jIq.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Plus Jakarta Sans Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/assets/plus-jakarta-sans-latin-wght-normal-eXO_dkmS.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Caveat;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/caveat-latin-700-normal-D8_1Nw6V.woff2)format("woff2"),url(/assets/caveat-latin-700-normal-cPyBTTZN.woff)format("woff")}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#f4f1ea;--surface:#fffdf8;--surface-2:#ece7dc;--ink:#1f1a17;--muted:#6b635a;--line:#1f1a17;--soft-line:#cfc6b5;--gold:#d9a441;--gold-soft:#fbeec9;--blue:#2f7fd1;--blue-soft:#d8e9fa;--good:#2c8a57;--danger:#c23a30;--kraft:#cdbb96;--kraft-dark:#b8a47c;--kraft-ink:#6e5f42;--shadow:3px 3px 0 #1f1a17d9;color:var(--ink);background:var(--bg);-webkit-text-size-adjust:100%;font-family:Plus Jakarta Sans Variable,-apple-system,Segoe UI,Roboto,sans-serif}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#1c1a1e;--surface:#2a272d;--surface-2:#38343b;--ink:#f3eee5;--muted:#b3aba0;--line:#d9d2c6;--soft-line:#4d4851;--gold-soft:#4a3c1c;--blue-soft:#1e3a57;--kraft:#6b5e46;--kraft-dark:#574b37;--kraft-ink:#eadcbd;--shadow:3px 3px 0 #0009}*{box-sizing:border-box}html,body{background:var(--bg);margin:0}body{overscroll-behavior-y:none}button{font:inherit;color:inherit;cursor:pointer;touch-action:manipulation}button:disabled{cursor:default}button:focus-visible{outline:3px solid var(--blue);outline-offset:2px}h1,h2,p{margin:0}h1{font-size:1.5rem;font-weight:800}h2{font-size:1.125rem;font-weight:800}.muted{color:var(--muted);font-size:.8125rem}.good{color:var(--good)}.center-text{text-align:center}.mono{letter-spacing:.04em;font:600 .75rem ui-monospace,Menlo,monospace}.btn{min-height:44px;color:var(--ink);background:var(--surface);border:2px solid var(--line);box-shadow:var(--shadow);border-radius:10px;padding:0 16px;font-weight:700}.btn:active:not(:disabled){transform:translate(2px,2px);box-shadow:1px 1px #1f1a17d9}.btn:disabled{opacity:.4;box-shadow:none}.btn.gold{background:var(--gold);color:#fff;text-shadow:0 1px #00000040}.btn.wide{width:100%}.btn.small{text-overflow:ellipsis;white-space:nowrap;max-width:46vw;min-height:40px;padding:0 12px;font-size:.875rem;overflow:hidden}.icon-button{background:var(--surface);border:2px solid var(--line);border-radius:10px;flex:none;place-items:center;width:40px;height:40px;padding:0;font-weight:700;display:inline-grid}.link{color:var(--ink);text-underline-offset:3px;background:0 0;border:0;min-height:44px;padding:10px 4px;font-weight:600;text-decoration:underline}.logo{letter-spacing:.02em;align-items:center;font-size:1.5rem;font-weight:900;display:inline-flex}.logo-o{width:1.05em;height:1.05em;margin:0 .02em;display:inline-block}.art{width:100%;height:100%;display:block}.catalog{max-width:1040px;padding:max(12px, env(safe-area-inset-top)) 16px max(24px, env(safe-area-inset-bottom));margin:0 auto}.catalog-bar{justify-content:space-between;align-items:center;gap:8px;min-height:48px;display:flex}.catalog-actions{align-items:center;gap:8px;min-width:0;display:flex}.catalog-head{text-align:center;justify-items:center;gap:10px;padding:16px 0 20px;display:grid}.pills{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.pill{background:var(--surface);border:2px solid var(--line);border-radius:8px;min-height:40px;padding:0 14px;font-size:.875rem;font-weight:700;box-shadow:2px 2px #1f1a17b3}.pill.active{background:var(--gold-soft)}.pill.ghost{box-shadow:none;border-color:var(--soft-line);font-weight:600}.pill.ghost.active{border-color:var(--line)}.cases{grid-template-columns:repeat(auto-fill,minmax(min(100%,150px),1fr));gap:14px;display:grid}@media (width>=640px){.cases{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:18px}}.envelope,.case-card{aspect-ratio:4/4.6;border-radius:6px;width:100%;position:relative;overflow:hidden}.envelope{color:var(--kraft-ink);background:var(--kraft);border:2px solid var(--kraft-dark);box-shadow:var(--shadow);flex-direction:column;justify-content:flex-end;align-items:center;gap:4px;padding:12px 8px 18%;transition:transform .15s;display:flex}.envelope:hover:not(:disabled){transform:translateY(-3px)}.envelope strong{text-transform:uppercase;font-size:clamp(.9375rem,3.6vw,1.25rem);font-weight:800;line-height:1.1;transform:rotate(-2deg)}.envelope small{text-transform:uppercase;letter-spacing:.06em;font-size:.6875rem;font-weight:700;transform:rotate(-2deg)}.flap{background:var(--kraft-dark);clip-path:polygon(0 0,100% 0,50% 100%);transform-origin:top;height:48%;transition:transform .4s;position:absolute;inset:0 0 auto}.envelope.opening .flap{transform:rotateX(160deg)}.seal{color:#fff;background:#b23a30;border-radius:999px;min-width:44px;padding:5px 7px;font-size:.6875rem;font-weight:800;position:absolute;top:34%;left:50%;translate:-50%;box-shadow:0 0 0 3px #0000001f}.case-card{text-align:center;background:var(--surface);border:2px solid var(--line);box-shadow:var(--shadow);flex-direction:column;align-items:center;gap:6px;padding:10px 10px 8px;display:flex}.case-card.fresh{animation:.35s ease-out reveal}.case-card:hover{transform:translateY(-3px)}.case-card>strong{font-size:.875rem;line-height:1.15}.case-meta{color:var(--muted);flex-wrap:wrap;justify-content:center;align-items:center;gap:4px 6px;font-size:.6875rem;font-weight:700;display:flex}.level{text-transform:uppercase;color:#1f1a17;border-radius:4px;padding:2px 6px}.level-facil{background:#bfe6d3}.level-media{background:#f6e2a0}.level-dificil{background:#f6c9a0}.level-experta{background:#f2b6b6}.done{color:var(--good)}@keyframes reveal{0%{opacity:0;transform:translateY(14px)rotate(-1.5deg)}}.catalog-foot{flex-wrap:wrap;justify-content:center;align-items:center;gap:12px;padding-top:24px;display:flex}.grid{grid-template-columns:repeat(var(--n), minmax(0, 1fr));aspect-ratio:1;background:#fff;border:3px solid #1f1a17;width:100%;display:grid;box-shadow:6px 6px #1f1a1733;container-type:inline-size}.grid.mini{width:auto;max-width:100%;min-height:0;box-shadow:none;border-width:2px;flex:1;align-self:center}.cell{aspect-ratio:1;color:#1f1a17;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;touch-action:manipulation;border:0;place-items:center;min-width:0;min-height:0;padding:0;display:grid;position:relative;box-shadow:inset 0 0 0 .5px #1f1a171f}.cell>.art{pointer-events:none;width:82%;height:82%;position:absolute;inset:9%}.cell:after{content:"";pointer-events:none;position:absolute;inset:0}.cell.w-top:after{border-top:3px solid #1f1a17}.cell.w-left:after{border-left:3px solid #1f1a17}.cell.w-right:after{border-right:3px solid #1f1a17}.cell.w-bottom:after{border-bottom:3px solid #1f1a17}.mini .cell.w-top:after,.mini .cell.w-left:after,.mini .cell.w-right:after,.mini .cell.w-bottom:after{border-width:2px}.floor-cocina{background:repeating-conic-gradient(#f6d5ae 0 25%, #fbe9d2 0 50%) 0 0 / 50% 50%}.floor-comedor{background:repeating-conic-gradient(#e8d9b8 0 25%, #f3ead4 0 50%) 0 0 / 50% 50%}.floor-salon{background:repeating-linear-gradient(90deg,#b6e2ef 0 24%,#a3d7e7 24% 25%)}.floor-dormitorio{background:repeating-linear-gradient(0deg,#ddd9d2 0 32%,#cbc6bd 32% 34%)}.floor-bano{background:linear-gradient(#9fcfbc,#9fcfbc) 50%/100% 100%,#9fcfbc;box-shadow:inset 0 0 0 1px #84b9a5}.floor-garaje{background:#c9ccd1}.floor-jardin{background:radial-gradient(circle at 30% 30%,#b9dd9c 0 8%,#0000 9%),#a9d58c}.floor-despacho{background:repeating-linear-gradient(90deg,#e4c79c 0 32%,#d6b686 32% 33%)}.room-name{z-index:2;pointer-events:none;white-space:nowrap;letter-spacing:.02em;text-transform:uppercase;color:#fff;text-shadow:-1px -1px #1f1a17,1px -1px #1f1a17,-1px 1px #1f1a17,1px 1px #1f1a17;font-size:max(7px,2.5cqw);font-weight:900;position:absolute;bottom:1px;left:3px}.board{grid-template-rows:18px auto;grid-template-columns:18px minmax(0,1fr);width:100%;display:grid}.axis{color:var(--muted);place-items:center;font-size:.6875rem;font-weight:700;display:grid}.axis-col{grid-template-rows:repeat(var(--n), 1fr);grid-area:2/1;display:grid}.axis-row{grid-template-columns:repeat(var(--n), 1fr);grid-area:1/2;display:grid}.board>.grid{grid-area:2/2}.auto-x{z-index:1;color:#1f1a1773;font-size:4cqw;font-weight:500;line-height:1;position:relative}.big-x{z-index:2;color:#1f1a17;text-shadow:0 0 2px #fff;font-size:7cqw;font-weight:900;line-height:1;position:relative}.notes{z-index:2;pointer-events:none;flex-wrap:wrap;gap:1px;display:flex;position:absolute;top:2px;left:2px;right:2px}.note{background:#ffffffbf;border-radius:3px;padding:0 2px;font:700 max(13px,3.4cqw)/1 Caveat,cursive}.c0{color:#b3261e}.c1{color:#1f6f43}.c2{color:#2b4fa8}.c3{color:#8a4b08}.c4{color:#6f2c91}.c5{color:#0b6b78}.c6{color:#a3195b}.c7{color:#4a4a4a}.piece{z-index:3;color:#fff;border:2px solid #1f1a17;border-radius:50%;place-items:center;width:74%;height:74%;font-size:6.4cqw;font-weight:900;line-height:1;animation:.18s ease-out drop;display:grid;position:relative}.piece.victim{background:#fff;padding:6%}.piece.picked{outline:3px solid var(--blue);outline-offset:1px}.piece.clash{outline:3px solid var(--danger);outline-offset:1px}@keyframes drop{0%{opacity:.4;transform:scale(1.5)}}.bg0{background:#b3261e}.bg1{background:#1f6f43}.bg2{background:#2b4fa8}.bg3{background:#8a4b08}.bg4{background:#6f2c91}.bg5{background:#0b6b78}.bg6{background:#a3195b}.bg7{background:#4a4a4a}.cell.pressing:before{content:"";z-index:4;pointer-events:none;border:3px solid var(--blue);border-radius:50%;animation:.35s linear fill;position:absolute;inset:6%}@keyframes fill{0%{opacity:.3;transform:scale(.3)}}.cell.hint-target:before{content:"";z-index:4;pointer-events:none;border:3px solid var(--blue);border-radius:50%;animation:1.2s ease-in-out infinite pulse;position:absolute;inset:4%;box-shadow:0 0 0 2px #fff}@keyframes pulse{50%{transform:scale(.88)}}.shake{animation:.4s shake}@keyframes shake{25%{transform:translate(-6px)}75%{transform:translate(6px)}}.game{height:100dvh;padding:env(safe-area-inset-top) 0 env(safe-area-inset-bottom);grid-template-rows:auto auto minmax(0,1fr) auto;grid-template-areas:"bar""stage""suspects""tools";display:grid;overflow:hidden}.game-bar{border-bottom:1px solid var(--soft-line);grid-area:bar;align-items:center;gap:8px;padding:6px 12px;display:flex}.game-title{flex:1;min-width:0;line-height:1.15;display:grid}.game-title strong{text-overflow:ellipsis;white-space:nowrap;font-size:.9375rem;overflow:hidden}.game-title span{color:var(--muted);font-size:.75rem}.timer{font-variant-numeric:tabular-nums;font-size:.9375rem;font-weight:700}.stage{background:var(--surface-2);grid-area:stage;justify-items:center;padding:6px 12px 8px;display:grid}.stage .board{width:min(100%,50dvh)}.suspects{-webkit-overflow-scrolling:touch;grid-area:suspects;padding:8px 12px;overflow-y:auto}.suspects h2{text-transform:uppercase;letter-spacing:.08em;color:var(--muted);font-size:.75rem}.suspects>p{display:none}.suspects ul{grid-template-columns:1fr 1fr;gap:8px;margin:6px 0 0;padding:0;list-style:none;display:grid}.suspect{text-align:left;background:var(--surface);border:2px solid var(--line);border-radius:8px;align-items:stretch;gap:6px;width:100%;height:100%;padding:4px;display:flex}.suspect.selected{border-color:var(--blue);background:var(--blue-soft);box-shadow:0 0 0 2px var(--blue)}.suspect.placed{opacity:.62}.polaroid{border:1px solid var(--soft-line);color:#1f1a17;background:#fff;border-radius:3px;flex:none;align-content:start;width:54px;display:grid}.portrait{aspect-ratio:1;width:100%;display:block}.name{text-align:center;padding:3px 1px;font-size:.75rem;font-weight:800;line-height:1.2;overflow:hidden}.clue{align-content:center;gap:3px;min-width:0;font-size:.75rem;line-height:1.25;display:grid}.general-clue{background:var(--surface);border:2px dashed var(--soft-line);border-radius:8px;grid-column:1/-1;padding:8px;font-size:.8125rem;font-style:italic}.tools{border-top:1px solid var(--soft-line);background:var(--surface);grid-area:tools;gap:8px;padding:8px 12px;display:flex}.tools-gap{display:none}.tool{text-transform:uppercase;min-width:0;min-height:48px;color:var(--ink);background:var(--surface);border:2px solid var(--line);border-radius:10px;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:1px;padding:2px;font-size:.75rem;font-weight:700;display:flex}.tool.undo{flex:1.5;font-size:.6875rem}.tool small{text-transform:none;color:var(--muted);font-size:.5625rem;font-weight:600;display:none}.tool.active{background:var(--gold-soft);box-shadow:0 0 0 2px var(--gold)}.tool:disabled{opacity:.38}.tool-x{font-size:1.25rem;font-weight:900;line-height:1}.tool-erase{border:2px solid var(--line);background:linear-gradient(90deg,#4aa8e0 55%,#f3f0ea 55%);border-radius:3px;width:24px;height:14px;display:block;transform:rotate(-24deg)}.tool-label{display:none}.tool.submit:not(:disabled){background:var(--gold);color:#fff}.tool.submit small{display:block}.hint-panel{left:12px;right:12px;bottom:calc(72px + env(safe-area-inset-bottom));z-index:6;background:var(--surface);border:2px solid var(--line);box-shadow:var(--shadow);border-radius:12px;gap:8px;padding:10px 12px;display:grid;position:fixed}.hint-panel header,.hint-panel footer{justify-content:space-between;align-items:center;gap:8px;display:flex}.hint-panel p{font-size:.875rem;line-height:1.35}.hint-panel .icon-button{width:32px;height:32px}.hint-panel .btn{min-height:36px;box-shadow:none;padding:0 16px}.toast{left:50%;bottom:calc(84px + env(safe-area-inset-bottom));z-index:20;color:#fff;background:var(--blue);border:2px solid #1f1a17;border-radius:10px;width:max-content;max-width:calc(100vw - 32px);padding:10px 14px;font-size:.875rem;font-weight:600;position:fixed;translate:-50%}@media (width>=900px){.game{grid-template:"bar stage tools""suspects stage tools"minmax(0,1fr)/minmax(340px,400px) minmax(0,1fr) 132px}.game-bar{border-bottom:0;padding:10px 12px 2px}.stage{border-left:1px solid var(--soft-line);border-right:1px solid var(--soft-line);place-items:center;padding:20px}.stage .board{width:min(100%,100dvh - 60px)}.suspects{text-align:center;padding-top:4px}.suspects>p{margin-top:2px;font-size:.6875rem;display:block}.suspects ul{text-align:left;grid-template-columns:repeat(3,minmax(0,1fr))}.suspect{flex-direction:column;padding:0;overflow:hidden}.polaroid{border:0;border-bottom:2px solid var(--line);border-radius:0;width:100%}.name{padding:4px 2px;font-size:.9375rem}.clue{text-align:center;flex:1;padding:6px;font-size:.75rem}.tools{border-top:0;flex-direction:column;padding:12px 10px}.tools-gap{flex:1;display:block}.tool,.tool.undo{flex:none;min-height:60px}.tool small{display:block}.tool-label{display:inline}.hint-panel{width:min(376px,32vw);bottom:12px;left:12px;right:auto}.toast{bottom:24px}}.overlay{z-index:30;background:#1f1a178c;place-items:center;padding:16px;display:grid;position:fixed;inset:0}.sheet{background:var(--surface);border:2px solid var(--line);width:min(100%,440px);max-height:calc(100dvh - 32px);box-shadow:var(--shadow);border-radius:14px;gap:12px;padding:20px;display:grid;overflow:auto}.tutorial{gap:0;padding:0}.tutorial header{background:var(--surface-2);border-bottom:1px solid var(--soft-line);border-top:3px solid var(--gold);border-radius:12px 12px 0 0;justify-content:space-between;align-items:center;padding:10px 14px;display:flex}.tutorial header .icon-button{width:32px;height:32px}.tutorial-body{text-align:center;align-content:center;justify-items:center;gap:10px;min-height:220px;padding:20px;display:grid}.tutorial-body p{font-size:.9375rem;line-height:1.45}.tutorial footer{background:var(--surface-2);border-top:1px solid var(--soft-line);border-radius:0 0 12px 12px;justify-content:space-between;align-items:center;gap:8px;padding:8px 14px;display:flex}.tutorial-actions{gap:6px;display:flex}.tutorial .btn{min-height:40px;padding:0 12px}.dots{gap:5px;display:flex}.dots i{background:var(--line);border-radius:50%;width:8px;height:8px}.dots i.on{background:var(--gold)}.demo{border:1px solid var(--line);grid-template-columns:repeat(4,30px);grid-auto-rows:30px;display:grid}.demo span{border:1px solid var(--soft-line);color:var(--muted);place-items:center;font-weight:800;display:grid}.demo .demo-piece{color:var(--blue);font-size:1.125rem}.verdict{text-align:center;justify-items:center}.stamp{text-transform:uppercase;letter-spacing:.04em;color:var(--danger);border:4px solid var(--danger);border-radius:8px;padding:4px 14px;font-size:1.375rem;font-weight:900;animation:.35s cubic-bezier(.2,1.4,.5,1) stamp;transform:rotate(-5deg)}@keyframes stamp{0%{opacity:0;transform:rotate(-5deg)scale(2.2)}}.polaroid.large{width:120px;box-shadow:var(--shadow);padding:6px 6px 2px;transform:rotate(2deg)}.polaroid.large .name{font-size:1.0625rem}.form label{gap:4px;font-size:.875rem;font-weight:600;display:grid}.form input{font:inherit;min-height:44px;color:var(--ink);border:2px solid var(--line);background:var(--bg);border-radius:8px;padding:0 10px;font-size:1rem;font-weight:400}.warning{color:var(--danger);font-size:.875rem;font-weight:600}.center{place-content:center;justify-items:center;gap:16px;min-height:100dvh;padding:16px;display:grid}.leaderboard{gap:10px;width:100%;display:grid}.board-list{gap:4px;margin:0;padding:0;list-style:none;display:grid}.board-list li{background:var(--bg);border:1px solid var(--soft-line);border-radius:8px;align-items:center;gap:10px;min-height:38px;padding:0 12px;display:flex}.board-list li.me{border:2px solid var(--gold);font-weight:700}.board-list .rank{width:1.5em;color:var(--muted)}.board-list .who{text-overflow:ellipsis;white-space:nowrap;text-align:left;flex:1;min-width:0;overflow:hidden}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}.catalog-brand{align-items:center;gap:10px;min-width:0;display:flex}a.icon-button{color:inherit;text-decoration:none}.victim-tag{text-transform:uppercase;color:#fff;background:var(--danger);border-radius:3px;padding:1px 4px;font-size:.5625rem;font-weight:800;position:absolute;top:2px;left:2px}.polaroid{position:relative}.piece.victim{color:var(--danger);border-color:var(--danger);background:#fff;padding:0}.tutorial-cake{width:64px;height:64px}.portal{max-width:760px;padding:max(12px, env(safe-area-inset-top)) 16px max(24px, env(safe-area-inset-bottom));gap:18px;margin:0 auto;display:grid}.portal-bar{justify-content:space-between;align-items:center;gap:12px;min-height:48px;display:flex}.portal-name{font-size:1.25rem;font-weight:900}.portal h1{text-align:center}.portal-games{gap:14px;display:grid}@media (width>=620px){.portal-games{grid-template-columns:1fr 1fr}}.game-card{color:var(--ink);background:var(--surface);border:2px solid var(--line);box-shadow:var(--shadow);border-radius:14px;gap:6px;padding:12px;text-decoration:none;display:grid}.game-card:hover{transform:translateY(-2px)}.game-card strong{font-size:1.375rem;font-weight:900}.game-card span:not(.game-art *):not(.game-art){color:var(--muted);font-size:.875rem;line-height:1.35}.game-card em{color:var(--good);font-size:.8125rem;font-style:normal;font-weight:700}.game-art{border:2px solid #1f1a17;border-radius:8px;justify-content:center;align-items:center;gap:10px;height:120px;display:flex}.birloku .game-art{background:linear-gradient(#ffffff40 2px,#0000 2px) 0 0/30px 30px,linear-gradient(90deg,#ffffff40 2px,#0000 2px) 0 0/30px 30px,#2f6f9e}.konbini .game-art{background:linear-gradient(#e9dcc3 0 86%,#a56b3c 86%)}.poster-icon{width:84px;height:84px;display:block}.poster-product{align-self:flex-end;width:58px;height:58px;margin-bottom:18px;display:block}.portal-foot{text-align:center;justify-items:center;gap:8px;display:grid}.loot-portrait{aspect-ratio:1;background:#f6e7c4;padding:14%;display:block}.polaroid.large .found-loot{background:#fff;border:2px solid #1f1a17;border-radius:50%;width:52px;height:52px;padding:6px;position:absolute;bottom:-10px;right:-18px}.piece.victim{background:#fff8e6;border-color:#1f1a17;padding:7%}.portrait-sheet{max-width:1000px;margin:0 auto;padding:16px}.portrait-sheet section{margin-top:14px}.portrait-sheet section>div{grid-template-columns:repeat(7,minmax(0,1fr));gap:8px;display:grid}.portrait-sheet figure{margin:0}.portrait-sheet figcaption{text-align:center;color:var(--muted);font-size:.6875rem}.logo-o .art,.tutorial-cake .art{stroke:currentColor}.piece.suspect-piece{color:#fff;background:0 0;border:0;border-radius:6px;width:auto;height:auto;position:absolute;inset:3%;overflow:visible}.piece.suspect-piece .portrait{filter:drop-shadow(0 0 1px #fff)drop-shadow(0 1px 1px #1f1a1780);width:100%;height:100%}.piece-letter{min-width:1.35em;height:1.35em;font-size:calc(30cqw / var(--n));border:1.5px solid #1f1a17;border-radius:4px;place-items:center;font-weight:900;line-height:1;display:grid;position:absolute;top:0;left:0}.auto-x{z-index:1;font-size:calc(58cqw / var(--n));color:#1f1a17c7;background:#1f1a1729;place-items:center;font-weight:900;line-height:1;display:grid;position:absolute;inset:0}.big-x{font-size:calc(66cqw / var(--n))}.cell .room-name{z-index:4}.solved-elsewhere{width:100%;color:var(--good);background:var(--surface-2);border-radius:4px;flex:1;place-items:center;font-size:2.5rem;font-weight:900;display:grid}
