@font-face{font-family:Playfair Display;src:url(/fonts/playfair-display-latin.woff2)format("woff2");font-display:swap;font-weight:400 900}@font-face{font-family:Inter;src:url(/fonts/inter-variable-latin.woff2)format("woff2");font-display:swap;font-weight:100 900}:root{--color-background:#f7f2e8;--color-surface:#fff9f0;--color-surface-soft:#f1e7d9;--color-stone-100:#efe4d6;--color-stone-200:#ddcdba;--color-sage-100:#e3e8df;--color-sage-300:#aeb9a2;--color-sage-500:#7d927c;--color-primary:#3f715f;--color-primary-hover:#345f50;--color-primary-active:#294e42;--color-coral-100:#f3e0db;--color-coral-400:#d39a8e;--color-coral-500:#c87b68;--color-lavender:#c8c2d3;--color-gold:#c8a96b;--color-text:#39342f;--color-text-soft:#746d65;--color-border:#ddd2c4;--color-border-strong:#cfc3b4;--color-on-primary:#fff9f0;--color-gold-100:#f6ebd2;--color-gold-ink:#a47f42;--color-coral-ink:#b45e52;--color-danger-ink:#9a4f44;--color-success-ink:#35604f;--color-scrim:#39342f52;--cell-empty:#f7f2e8;--cell-line:#cfc5b9;--cell-trail:#dde9e2;--cell-footprint:#3f715f;--cell-crossed:#f5e9e4;--cell-cross-ink:#a7695e;--cell-hint-halo:#e9d7a7;--cell-error-halo:#e8b9af;--cell-given:#5e6f5e;--wall-stone:#eadfcf;--wall-stone-deep:#dfd0bb;--wall-joint:#a0846229;--door-1:#3c6b55;--door-2:#4a6c98;--door-3:#7b5537;--door-4:#a9504c;--font-display:"Playfair Display","Cormorant Garamond",Georgia,serif;--font-ui:Inter,Manrope,system-ui,-apple-system,"Segoe UI",sans-serif;--text-xs:.75rem;--text-sm:.875rem;--text-md:1rem;--text-lg:1.125rem;--text-xl:1.375rem;--text-2xl:clamp(1.6rem,1.2rem + 1.6vw,2.1rem);--text-3xl:clamp(2rem,1.4rem + 2.6vw,3rem);--text-hero:clamp(2.4rem,1.6rem + 3.6vw,4rem);--leading-tight:1.15;--leading-body:1.55;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--space-12:48px;--space-16:64px;--gutter:16px;--content-max:1360px;--radius-sm:8px;--radius-md:12px;--radius-lg:18px;--radius-pill:999px;--shadow-card:0 6px 20px #3a2e2312;--shadow-card-hover:0 10px 26px #3a2e231a;--shadow-raised:0 2px 6px #3a2e2314;--shadow-modal:0 18px 48px #3a2e2329;--dur-hover:.15s;--dur-press:.12s;--dur-card:.18s;--dur-modal:.22s;--dur-view:.28s;--dur-mark:.15s;--ease-out:cubic-bezier(.2,.7,.25,1);--ease-standard:cubic-bezier(.4,0,.2,1);--target-min:44px;--target-mobile:48px;--focus-ring:0 0 0 3px var(--color-surface),0 0 0 5px var(--color-primary);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}@media (width>=640px){:root{--gutter:24px}}@media (width>=1024px){:root{--gutter:40px}}@media (prefers-reduced-motion:reduce){:root{--dur-hover:0s;--dur-press:0s;--dur-card:0s;--dur-modal:0s;--dur-view:0s;--dur-mark:0s}}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-padding-top:80px}body{background:var(--color-background);min-height:100dvh;color:var(--color-text);font:400 var(--text-md)/var(--leading-body) var(--font-ui);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;margin:0}img,svg{max-width:100%;display:block}button,input,select{font:inherit;color:inherit}button{cursor:pointer;-webkit-tap-highlight-color:transparent}button:disabled{cursor:default}a{color:var(--color-primary);text-underline-offset:3px}:is(h1,h2[data-view-title]),h2,h3{font-family:var(--font-display);font-weight:600;line-height:var(--leading-tight);letter-spacing:-.01em;color:var(--color-text);margin:0}p{margin:0}[hidden]{display:none!important}:focus-visible{box-shadow:var(--focus-ring);border-radius:var(--radius-sm);outline:none}.sr-only{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;position:absolute!important}.skip{left:var(--space-4);z-index:100;padding:var(--space-3) var(--space-4);background:var(--color-surface);border-radius:var(--radius-md);box-shadow:var(--shadow-card);position:absolute;top:-80px}.skip:focus{top:var(--space-3)}.icon{fill:none;stroke:currentColor;stroke-width:1.7px;stroke-linecap:round;stroke-linejoin:round;flex:none;width:20px;height:20px}.icon--fill{fill:currentColor;stroke:none}.icon--sm{width:16px;height:16px}.icon--lg{width:24px;height:24px}.eyebrow{font:600 var(--text-xs)/1.4 var(--font-ui);letter-spacing:.08em;text-transform:uppercase;color:var(--color-text-soft)}.muted{color:var(--color-text-soft)}.lede{font-size:var(--text-md);color:var(--color-text-soft)}.quote{font:italic 400 var(--text-lg)/1.45 var(--font-display);color:var(--color-text)}.btn{justify-content:center;align-items:center;gap:var(--space-2);min-height:var(--target-mobile);padding:0 var(--space-5);border-radius:var(--radius-md);font:600 var(--text-sm)/1.2 var(--font-ui);letter-spacing:.02em;white-space:nowrap;transition:background-color var(--dur-hover) var(--ease-standard),border-color var(--dur-hover) var(--ease-standard),color var(--dur-hover) var(--ease-standard),transform var(--dur-press) var(--ease-standard),box-shadow var(--dur-hover) var(--ease-standard);border:1px solid #0000;text-decoration:none;display:inline-flex}.btn:active:not(:disabled){transform:translateY(1px)}.btn:disabled,.btn[aria-disabled=true]{opacity:.5}.btn .icon{width:18px;height:18px}.btn--primary{background:var(--color-primary);border-color:var(--color-primary);color:var(--color-on-primary);box-shadow:var(--shadow-raised)}.btn--primary:hover:not(:disabled){background:var(--color-primary-hover);border-color:var(--color-primary-hover)}.btn--primary:active:not(:disabled){background:var(--color-primary-active);border-color:var(--color-primary-active)}.btn--secondary{background:var(--color-surface);border-color:var(--color-border-strong);color:var(--color-text)}.btn--secondary:hover:not(:disabled){border-color:var(--color-sage-500);background:var(--color-sage-100)}.btn--ghost{color:var(--color-primary);padding-inline:var(--space-3);background:0 0}.btn--ghost:hover:not(:disabled){background:var(--color-sage-100)}.btn--block{width:100%}.btn--sm{min-height:var(--target-min);padding:0 var(--space-4)}@media (width>=1024px){.btn{min-height:var(--target-min)}}.icon-btn{width:var(--target-min);height:var(--target-min);border-radius:var(--radius-pill);color:var(--color-text);transition:background-color var(--dur-hover) var(--ease-standard),border-color var(--dur-hover) var(--ease-standard);background:0 0;border:1px solid #0000;flex:none;place-items:center;padding:0;display:inline-grid}.icon-btn:hover:not(:disabled){background:var(--color-surface-soft)}.icon-btn--outlined{background:var(--color-surface);border-color:var(--color-border)}.icon-btn:disabled{opacity:.45}.link-btn{min-height:var(--target-min);padding:0 var(--space-2);color:var(--color-text-soft);font:500 var(--text-sm) var(--font-ui);text-underline-offset:3px;background:0 0;border:0;text-decoration:underline}.link-btn:hover{color:var(--color-text)}.card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-card)}.card--interactive{transition:transform var(--dur-card) var(--ease-out),box-shadow var(--dur-card) var(--ease-out)}@media (hover:hover){.card--interactive:hover{box-shadow:var(--shadow-card-hover);transform:translateY(-2px)}}.segmented{gap:var(--space-1);padding:var(--space-1);background:var(--color-surface-soft);border:1px solid var(--color-border);border-radius:var(--radius-md);display:inline-flex}.segmented button{min-height:40px;padding:0 var(--space-4);border-radius:var(--radius-sm);color:var(--color-text-soft);font:500 var(--text-sm) var(--font-ui);transition:background-color var(--dur-hover),color var(--dur-hover);background:0 0;border:0}.segmented button:hover{color:var(--color-text)}.segmented button[aria-pressed=true]{background:var(--color-surface);color:var(--color-text);box-shadow:var(--shadow-raised)}.progress{align-items:center;gap:var(--space-3);display:flex}.progress progress{appearance:none;border-radius:var(--radius-pill);background:var(--color-stone-100);min-width:0;height:8px;accent-color:var(--color-primary);border:0;flex:1;overflow:hidden}.progress progress::-webkit-progress-bar{background:var(--color-stone-100);border-radius:var(--radius-pill)}.progress progress::-webkit-progress-value{background:var(--color-primary);border-radius:var(--radius-pill)}.progress progress::-moz-progress-bar{background:var(--color-primary);border-radius:var(--radius-pill)}.progress-count{font:600 var(--text-sm)/1 var(--font-ui);font-variant-numeric:tabular-nums;color:var(--color-text);flex:none}.progress-count small{color:var(--color-text-soft);font-weight:400}.badge{align-items:center;gap:var(--space-1);min-height:24px;padding:0 var(--space-2);border-radius:var(--radius-pill);font:600 var(--text-xs)/1 var(--font-ui);letter-spacing:.02em;display:inline-flex}.badge .icon{width:14px;height:14px}.badge--new{background:var(--color-coral-100);color:var(--color-danger-ink)}.badge--lock{background:var(--color-surface);color:var(--color-text-soft);border:1px solid var(--color-border)}.badge--done{background:var(--color-sage-100);color:var(--color-success-ink)}.portrait{aspect-ratio:1;background:var(--color-surface);width:56px;box-shadow:0 0 0 2px var(--color-surface),0 0 0 4px var(--color-gold),var(--shadow-raised);border-radius:50%;flex:none;display:inline-block;position:relative}.portrait img{object-fit:cover;object-position:center 22%;border-radius:50%;width:100%;height:100%}.portrait-num{border-radius:var(--radius-pill);background:var(--color-surface);border:1px solid var(--color-gold);min-width:22px;height:22px;color:var(--color-text);font:700 var(--text-xs)/1 var(--font-ui);place-items:center;padding:0 5px;display:grid;position:absolute;bottom:-4px;right:-6px}.portrait--victim{background:var(--color-coral-100);box-shadow:0 0 0 2px var(--color-surface),0 0 0 4px var(--color-coral-400)}.avatar{aspect-ratio:1;background:var(--color-sage-100);width:36px;color:var(--color-primary);font:600 var(--text-sm)/1 var(--font-display);box-shadow:inset 0 0 0 1px var(--color-sage-300);border-radius:50%;place-items:center;display:inline-grid}.avatar--lg{width:88px;box-shadow:0 0 0 3px var(--color-surface),0 0 0 5px var(--color-gold);font-size:2rem}dialog{color:var(--color-text)}.modal,.sheet{border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface);box-shadow:var(--shadow-modal);padding:var(--space-6);width:min(440px,calc(100vw - 2 * var(--gutter)));max-height:calc(100dvh - 32px);overflow:auto}.modal::backdrop,.sheet::backdrop{background:var(--color-scrim);-webkit-backdrop-filter:blur(3px)}.modal[open],.sheet[open]{animation:modal-in var(--dur-modal) var(--ease-out)}.modal[open]::backdrop,.sheet[open]::backdrop{animation:fade-in var(--dur-modal) var(--ease-out)}@media (width<=639px){.sheet{border-radius:var(--radius-lg) var(--radius-lg) 0 0;width:100%;max-width:none;padding:var(--space-6) var(--gutter) calc(var(--space-6) + env(safe-area-inset-bottom));border-bottom:0;margin:auto 0 0}.sheet[open]{animation:sheet-in var(--dur-modal) var(--ease-out)}.sheet:before{content:"";width:40px;height:4px;margin:-8px auto var(--space-4);border-radius:var(--radius-pill);background:var(--color-stone-200);display:block}}.modal h2,.sheet h2{font-size:var(--text-xl)}.dialog-actions{gap:var(--space-3);margin-top:var(--space-6);flex-wrap:wrap;display:flex}.dialog-actions>*{flex:auto}.dialog-close{top:var(--space-3);right:var(--space-3);position:absolute}@keyframes modal-in{0%{opacity:0;transform:translateY(8px)scale(.985)}to{opacity:1;transform:none}}@keyframes sheet-in{0%{opacity:.6;transform:translateY(24px)}to{opacity:1;transform:none}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.option-list{border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface);box-shadow:var(--shadow-card);margin:0;padding:0;list-style:none;overflow:hidden}.option-list>li+li{border-top:1px solid var(--color-border)}.option{align-items:center;gap:var(--space-3);width:100%;min-height:56px;padding:0 var(--space-4);text-align:left;font:500 var(--text-md) var(--font-ui);color:var(--color-text);transition:background-color var(--dur-hover);background:0 0;border:0;text-decoration:none;display:flex}.option:hover{background:var(--color-surface-soft)}.option .icon:first-child{color:var(--color-primary)}.option .chev{color:var(--color-text-soft);transition:transform var(--dur-card) var(--ease-out);margin-left:auto}.option[aria-expanded=true] .chev{transform:rotate(90deg)}.option-panel{padding:0 var(--space-4) var(--space-4)}.stat-row{gap:var(--space-3);grid-template-columns:repeat(3,minmax(0,1fr));margin:0;display:grid}.stat{padding:var(--space-4) var(--space-2);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);text-align:center;flex-direction:column-reverse;align-items:center;gap:2px;display:flex}.stat dd{font:600 var(--text-2xl)/1 var(--font-display);color:var(--color-text);font-variant-numeric:tabular-nums;margin:0}.stat dt{font:500 var(--text-sm) var(--font-ui);color:var(--color-text-soft)}.notice{padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);background:var(--color-surface-soft);color:var(--color-text-soft);font-size:var(--text-sm)}.notice--error{background:var(--color-coral-100);color:var(--color-danger-ink)}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:1ms!important;animation-duration:1ms!important;animation-iteration-count:1!important}}main{width:100%;max-width:var(--content-max);padding:var(--space-4) var(--gutter) calc(var(--space-16) + 72px);margin:0 auto}@media (width>=1024px){main{padding-bottom:var(--space-16)}}.view{animation:view-in var(--dur-view) var(--ease-out)}@keyframes view-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.section-head{justify-content:space-between;align-items:baseline;gap:var(--space-4);margin-bottom:var(--space-3);display:flex}.section-head h2{font-size:var(--text-2xl)}.page-head{margin:var(--space-4) 0 var(--space-6)}.page-head :is(h1,h2[data-view-title]){font-size:var(--text-3xl)}.page-head .lede{margin-top:var(--space-2)}.page-head :is(h1,h2[data-view-title]):focus{box-shadow:none;outline:none}.app-bar{z-index:30;background:color-mix(in srgb,var(--color-background) 94%,transparent);border-bottom:1px solid var(--color-border);-webkit-backdrop-filter:saturate(1.1)blur(6px);position:sticky;top:0}.app-bar-inner{align-items:center;gap:var(--space-4);max-width:var(--content-max);min-height:60px;padding:var(--space-2) var(--gutter);margin:0 auto;display:flex}.app-logo{min-height:var(--target-min);color:var(--color-text);align-items:center;gap:6px;text-decoration:none;display:inline-flex}.wordmark{font:600 1.4rem/1 var(--font-display);letter-spacing:.1em}.logo-foot{width:13px;height:17px;color:var(--color-primary);transform:rotate(18deg)translateY(-3px)}.app-nav{display:none}.app-tools{align-items:center;gap:var(--space-1);margin-left:auto;display:flex}.app-search,.app-bar .language-switch{display:none}.avatar-btn{width:var(--target-min);height:var(--target-min);background:0 0;border:0;border-radius:50%;place-items:center;padding:0;display:grid}.avatar-btn[aria-current=page] .avatar{box-shadow:0 0 0 2px var(--color-primary)}@media (width>=1024px){.app-bar-inner{gap:var(--space-8);min-height:68px}.app-nav{align-items:center;gap:var(--space-1);display:flex}.app-nav button,.app-nav a{min-height:var(--target-min);padding:0 var(--space-3);border-radius:var(--radius-sm);color:var(--color-text-soft);font:500 var(--text-sm) var(--font-ui);transition:color var(--dur-hover);background:0 0;border:0;align-items:center;text-decoration:none;display:inline-flex;position:relative}.app-nav button:hover,.app-nav a:hover,.app-nav [aria-current=page]{color:var(--color-text)}.app-nav [aria-current=page]:after{content:"";left:var(--space-3);right:var(--space-3);background:var(--color-primary);border-radius:2px;height:2px;position:absolute;bottom:6px}.app-tools{gap:var(--space-2)}.app-search{align-items:center;gap:var(--space-2);width:220px;height:40px;padding:0 var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-pill);background:var(--color-surface);color:var(--color-text-soft);display:flex;position:relative}.app-search:focus-within{border-color:var(--color-sage-500);box-shadow:0 0 0 3px var(--color-sage-100)}.app-search input{min-width:0;height:100%;font-size:var(--text-sm);color:var(--color-text);background:0 0;border:0;outline:none;flex:1}.app-search input::placeholder{color:var(--color-text-soft)}.app-bar .language-switch{display:flex}}.search-results{width:320px;max-height:360px;padding:var(--space-1);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-modal);z-index:40;margin:0;list-style:none;position:absolute;top:calc(100% + 6px);right:0;overflow:auto}.search-results button{align-items:center;gap:var(--space-3);width:100%;min-height:var(--target-min);padding:var(--space-2);border-radius:var(--radius-sm);text-align:left;font-size:var(--text-sm);color:var(--color-text);background:0 0;border:0;display:flex}.search-results button:hover,.search-results button[aria-selected=true]{background:var(--color-sage-100)}.search-results .num{background:var(--color-surface-soft);width:28px;height:28px;font-weight:600;font-size:var(--text-xs);border-radius:50%;flex:none;place-items:center;display:grid}.search-results .empty{padding:var(--space-3);color:var(--color-text-soft);font-size:var(--text-sm)}.language-switch{border:1px solid var(--color-border);border-radius:var(--radius-pill);background:var(--color-surface);align-items:center;gap:2px;padding:2px}.language-switch button{min-width:40px;min-height:36px;padding:0 var(--space-2);border-radius:var(--radius-pill);color:var(--color-text-soft);font:600 var(--text-xs) var(--font-ui);letter-spacing:.06em;background:0 0;border:0}.language-switch button[aria-pressed=true]{background:var(--color-sage-100);color:var(--color-primary)}#archive-settings .language-switch{display:inline-flex}.bottom-nav{z-index:30;padding:0 var(--space-2) env(safe-area-inset-bottom);background:var(--color-surface);border-top:1px solid var(--color-border);grid-template-columns:repeat(4,1fr);display:grid;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -4px 16px #3a2e230d}.bottom-nav button{min-height:60px;color:var(--color-text-soft);font:500 var(--text-xs) var(--font-ui);background:0 0;border:0;flex-direction:column;justify-content:center;align-items:center;gap:2px;display:flex;position:relative}.bottom-nav button[aria-current=page]{color:var(--color-primary);font-weight:600}.bottom-nav button[aria-current=page]:before{content:"";background:var(--color-primary);border-radius:0 0 3px 3px;height:3px;position:absolute;top:0;left:30%;right:30%}@media (width>=1024px){.bottom-nav{display:none}}.play-footer{border-top:1px solid var(--color-border);background:var(--color-background)}.play-footer-inner{align-items:center;gap:var(--space-4) var(--space-8);max-width:var(--content-max);padding:var(--space-6) var(--gutter) calc(var(--space-6) + 72px);font-size:var(--text-sm);flex-wrap:wrap;margin:0 auto;display:flex}.play-footer nav{gap:var(--space-1) var(--space-4);flex-wrap:wrap;display:flex}.play-footer a{color:var(--color-text-soft);min-height:var(--target-min);align-items:center;display:inline-flex}.play-footer a[aria-current=page]{color:var(--color-text);font-weight:600}.footer-brand img{width:108px;height:auto}.footer-destinations{margin-left:auto}@media (width>=1024px){.play-footer-inner{padding-bottom:var(--space-6)}}.view-home{gap:var(--space-8);display:grid}.continue-card{display:grid;overflow:hidden}.continue-media{aspect-ratio:16/10;background:var(--color-stone-100);position:relative;overflow:hidden}.continue-media img{object-fit:cover;width:100%;height:100%}.continue-copy{align-items:flex-start;gap:var(--space-2);padding:var(--space-5) var(--space-5) var(--space-6);flex-direction:column;display:flex}.continue-scene{font:600 var(--text-3xl)/1.05 var(--font-display);color:var(--color-text)}.continue-case{font-size:var(--text-md);color:var(--color-text-soft)}.continue-case #investigation-title{color:var(--color-text);font-weight:600}.continue-motto{font:italic 400 var(--text-md) var(--font-display);color:var(--color-text-soft);display:none}.continue-copy .btn{margin-top:var(--space-3);min-width:200px}@media (width>=640px){.continue-card{grid-template-columns:1fr 1.15fr}.continue-media{aspect-ratio:auto;order:2;min-height:320px}.continue-copy{padding:var(--space-10);justify-content:center}.continue-motto{margin-top:var(--space-2);display:block}}@media (width>=1024px){.continue-card{min-height:400px}.continue-scene{font-size:var(--text-hero)}.continue-copy{padding:var(--space-12) var(--space-12)}}.continue-media:after{content:"";background:linear-gradient(#0000 60%,#fff9f059);position:absolute;inset:0}.progress-motto{margin-top:var(--space-2);font-size:var(--text-sm)}.scene-list,.scene-grid{gap:var(--space-3);margin:0;padding:0;list-style:none;display:grid}.scene-card{gap:var(--space-4);padding:var(--space-2);grid-template-columns:120px minmax(0,1fr);align-items:center;display:grid;position:relative;overflow:hidden}.scene-media{border-radius:var(--radius-md);background:var(--color-stone-100);width:120px;height:100px;position:relative;overflow:hidden}.scene-media img{object-fit:cover;width:100%;height:100%}.scene-media .scene-placeholder{background:linear-gradient(160deg,var(--color-stone-100),var(--color-surface-soft));color:var(--color-stone-200);place-items:center;display:grid;position:absolute;inset:0}.scene-media .scene-placeholder .icon{stroke-width:1.2px;width:44px;height:44px}.scene-body{min-width:0;padding-right:var(--space-2);flex-direction:column;gap:6px;display:flex}.scene-card h3{font-size:var(--text-lg)}.scene-levels{font-size:var(--text-sm);color:var(--color-text-soft)}.scene-card .progress{gap:var(--space-2)}.scene-card .progress progress{height:6px}.scene-card .progress-count{font-size:var(--text-xs)}.scene-play{min-height:40px;padding:0 var(--space-4);font-size:var(--text-sm);align-self:flex-start;margin-top:2px}.scene-card .badge{align-self:flex-start}.scene-card.is-locked .scene-media img{filter:saturate(.75)brightness(1.04)}.scene-card.is-locked .scene-media:after{content:"";background:#f7f2e859;position:absolute;inset:0}.scene-lock{z-index:1;background:var(--color-surface);width:28px;height:28px;color:var(--color-text-soft);box-shadow:var(--shadow-raised);border-radius:50%;place-items:center;display:grid;position:absolute;top:6px;right:6px}.scene-lock .icon{width:15px;height:15px}.scene-card.is-open{border-color:var(--color-sage-300)}@media (width>=640px){.scene-grid{gap:var(--space-5);grid-template-columns:repeat(2,minmax(0,1fr))}.scene-grid .scene-card{grid-template-columns:1fr;align-items:stretch;gap:0;padding:0}.scene-grid .scene-media{aspect-ratio:16/10;border-radius:0;width:100%;height:auto}.scene-grid .scene-body{padding:var(--space-4) var(--space-5) var(--space-5);gap:var(--space-2)}.scene-grid .scene-lock{top:var(--space-3);right:var(--space-3);width:32px;height:32px}.scene-list{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width>=900px){.scene-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width>=1280px){.scene-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.scene-list{grid-template-columns:repeat(3,minmax(0,1fr))}}.books-teaser{gap:var(--space-5);padding:var(--space-5);grid-template-columns:88px minmax(0,1fr);align-items:center;display:grid}.book-cover{border-radius:4px;width:88px;height:auto;transform:rotate(-2deg);box-shadow:0 8px 18px #3a2e2324}.books-teaser-copy{align-items:flex-start;gap:var(--space-2);flex-direction:column;display:flex}.books-teaser h2{font-size:var(--text-xl)}@media (width>=640px){.books-teaser{padding:var(--space-6) var(--space-8);grid-template-columns:110px minmax(0,1fr)}.book-cover{width:110px}.books-teaser h2{font-size:var(--text-2xl)}}.cases-toolbar{gap:var(--space-4);margin-bottom:var(--space-5);flex-direction:column;display:flex}.cases-progress{gap:var(--space-2);flex-direction:column;display:flex}.cases-progress .progress-count{font-size:var(--text-md)}.case-status-tabs{align-self:flex-start}@media (width>=640px){.cases-toolbar{flex-direction:row;justify-content:space-between;align-items:flex-end}.cases-progress{flex:1;max-width:420px}}@media (width>=1024px){.page-head{margin:var(--space-10) 0 var(--space-8)}}.back-link{align-items:center;gap:var(--space-1);min-height:var(--target-min);margin:0 0 var(--space-2) calc(-1 * var(--space-2));padding:0 var(--space-2);border-radius:var(--radius-sm);color:var(--color-text-soft);font:500 var(--text-sm) var(--font-ui);background:0 0;border:0;display:inline-flex}.back-link:hover{color:var(--color-text);background:var(--color-surface-soft)}.scenario-layout{gap:var(--space-6);display:grid}.scenario-hero{align-self:start;display:grid;overflow:hidden}.scenario-hero img{aspect-ratio:16/10;object-fit:cover;width:100%;height:auto}.scenario-hero-copy{gap:var(--space-2);padding:var(--space-5);flex-direction:column;display:flex}.scenario-hero :is(h1,h2[data-view-title]){font-size:var(--text-3xl)}.scenario-hero :is(h1,h2[data-view-title]):focus{box-shadow:none;outline:none}.scenario-line{font:italic 400 var(--text-lg)/1.45 var(--font-display);color:var(--color-text-soft)}.scenario-hero .progress{margin:var(--space-2) 0}@media (width>=1024px){.scenario-layout{gap:var(--space-10);grid-template-columns:380px minmax(0,1fr);align-items:start}.scenario-hero{position:sticky;top:92px}.scenario-hero img{aspect-ratio:4/3}}.case-group+.case-group{margin-top:var(--space-8)}.case-group-head{align-items:center;gap:var(--space-2);margin-bottom:var(--space-3);padding-bottom:var(--space-2);border-bottom:1px solid var(--color-border);display:flex}.case-group-head h3{font:600 var(--text-lg) var(--font-display)}.case-group-head .dots{gap:3px;display:inline-flex}.case-group-head .dots i{background:var(--color-stone-200);border-radius:50%;width:6px;height:6px}.case-group-head .dots i.on{background:var(--color-sage-500)}.case-group-count{font:600 var(--text-sm) var(--font-ui);color:var(--color-text-soft);font-variant-numeric:tabular-nums;margin-left:auto}.case-rows{gap:var(--space-2);margin:0;padding:0;list-style:none;display:grid}@media (width>=1280px){.case-rows{gap:var(--space-3);grid-template-columns:repeat(2,minmax(0,1fr))}}.case-row{align-items:center;gap:var(--space-4);width:100%;min-height:80px;padding:var(--space-2) var(--space-4) var(--space-2) var(--space-2);border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface);text-align:left;box-shadow:var(--shadow-raised);transition:transform var(--dur-card) var(--ease-out),box-shadow var(--dur-card) var(--ease-out),border-color var(--dur-hover);grid-template-columns:64px minmax(0,1fr) auto;display:grid}@media (hover:hover){.case-row:not(:disabled):hover{box-shadow:var(--shadow-card-hover);border-color:var(--color-sage-300);transform:translateY(-2px)}}.case-row-image{border-radius:var(--radius-md);object-fit:cover;mix-blend-mode:multiply;width:64px;height:64px}.case-row-copy{flex-direction:column;gap:2px;min-width:0;display:flex}.case-row-meta{font:600 var(--text-xs)/1.3 var(--font-ui);letter-spacing:.04em;color:var(--color-text-soft)}.case-row-title{font:600 var(--text-md)/1.25 var(--font-display);color:var(--color-text)}.case-row-status{font-size:var(--text-xs);color:var(--color-text-soft);align-items:center;gap:6px;margin-top:2px;display:inline-flex}.case-row-status .icon{width:14px;height:14px}.case-row-action{align-items:center;gap:var(--space-1);font:600 var(--text-sm) var(--font-ui);color:var(--color-primary);white-space:nowrap;display:inline-flex}.case-row-action .icon{width:18px;height:18px}.case-row.is-solved .case-row-status{color:var(--color-success-ink)}.case-row.is-solved{border-color:var(--color-sage-300)}.case-row.is-current{border-color:var(--color-primary);box-shadow:0 0 0 1px var(--color-primary),var(--shadow-card)}.case-row.is-current .case-row-action{padding:0 var(--space-3);border-radius:var(--radius-md);background:var(--color-primary);min-height:36px;color:var(--color-on-primary)}.case-row.is-playing .case-row-status{color:var(--color-gold-ink)}.case-row:disabled{background:var(--color-surface-soft);box-shadow:none;cursor:default}.case-row:disabled .case-row-image{opacity:.55;filter:saturate(.6)}.case-row:disabled .case-row-title,.case-row:disabled .case-row-action{color:var(--color-text-soft)}@media (width<=639px){.case-row-action span{display:none}.case-row.is-current .case-row-action{padding:0 var(--space-2)}}#game{--board-max:640px}.game-top{align-items:center;gap:var(--space-2);padding:var(--space-2) 0 var(--space-4);grid-template-columns:auto minmax(0,1fr) auto;display:grid}.game-heading{text-align:center;min-width:0}.game-level{font:600 var(--text-xl)/1.1 var(--font-display);color:var(--color-text)}.game-goal{font-size:var(--text-sm);color:var(--color-text-soft);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.clock{align-items:center;gap:var(--space-1);display:flex}.game-count{padding:0 var(--space-2);font:500 var(--text-xs) var(--font-ui);color:var(--color-text-soft);font-variant-numeric:tabular-nums}#timer{min-width:50px;font:600 var(--text-md)/1 var(--font-ui);font-variant-numeric:tabular-nums;color:var(--color-text);text-align:center}#pause svg{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;width:20px;height:20px}#pause .pause-label{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}#challenge-note{margin:0 0 var(--space-3);padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);background:var(--color-gold-100);color:var(--color-text);font-size:var(--text-sm);text-align:center}@media (width>=1024px){.game-top{padding:var(--space-4) 0 var(--space-5);grid-template-columns:auto 1fr auto}.game-heading{text-align:left;padding-left:var(--space-2)}.game-level{font-size:var(--text-2xl)}}.workspace{gap:var(--space-6);display:grid}@media (width>=1024px){.workspace{gap:var(--space-8);grid-template-columns:minmax(0,1fr) 340px;align-items:start}}.board-stage{align-items:center;gap:var(--space-4);flex-direction:column;min-width:0;display:flex;position:relative}.board-scroll{overscroll-behavior-x:contain;width:100%;overflow:auto;container-type:inline-size}.board-frame{--fw:min(100cqi,var(--board-max));--cell:calc((var(--fw) - 84px)/(var(--n,5) + 1.8));width:var(--fw);padding:calc(var(--cell)*1.43 + 12px) calc(var(--cell)*.9 + 12px);border-radius:var(--radius-lg);background-color:var(--wall-stone);background-image:radial-gradient(ellipse at 50% 50%,transparent 50%,var(--wall-stone-deep) 100%),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='96' height='48'%3E%3Cg fill='none' stroke='%23A08462' stroke-opacity='.16' stroke-width='1'%3E%3Cpath d='M0 .5H96M0 24.5H96M.5 0V24M48.5 0V24M24.5 24V48M72.5 24V48'/%3E%3C/g%3E%3C/svg%3E");box-shadow:var(--shadow-card),inset 0 0 0 1px var(--color-stone-200);background-size:auto,48px 24px;margin:0 auto;position:relative}@media (width>=1024px){.board-frame{--fw:min(100cqi,var(--board-max),calc((100dvh - 250px)/1.2))}}#board-canvas{isolation:isolate;border-radius:var(--radius-md);background:var(--color-surface);width:100%;box-shadow:0 0 0 1px var(--color-stone-200),0 6px 16px #3a2e231a;padding:6px;position:relative;container-type:inline-size}#door-layer{z-index:3;pointer-events:none;position:absolute;inset:0}.wall-door{width:var(--u);height:calc(var(--u)*1.085);position:absolute;transform:translate(-50%,-100%)}.wall-door.side-s{transform:translate(-50%,calc(var(--u)*.34))}.wall-door.side-w,.wall-door.side-e{width:calc(var(--u)*.86);height:calc(var(--u)*.94)}.wall-door.side-w{transform:translate(-100%,-40%)}.wall-door.side-e{transform:translateY(-40%)}.wall-door-art{object-fit:cover;mix-blend-mode:multiply;width:100%;height:100%;transition:filter var(--dur-card) var(--ease-out)}.wall-portrait{aspect-ratio:1;background:var(--color-surface);width:62%;box-shadow:0 0 0 2px var(--color-surface),0 0 0 3.5px var(--color-gold),0 3px 8px #3a2e2338;transition:box-shadow var(--dur-card) var(--ease-out);border-radius:50%;position:absolute;top:0;left:50%;transform:translate(-50%,-55%)}.wall-portrait img{object-fit:cover;border-radius:50%;width:100%;height:100%}.wall-door-num{border-radius:var(--radius-pill);background:var(--door);border:2px solid var(--color-surface);min-width:20px;height:20px;color:var(--color-on-primary);font:700 11px/1 var(--font-ui);box-shadow:var(--shadow-raised);place-items:center;padding:0 5px;display:grid;position:absolute;bottom:-5px;right:-5px}[data-door="1"]{--door:var(--door-1)}[data-door="2"]{--door:var(--door-2)}[data-door="3"]{--door:var(--door-3)}[data-door="4"]{--door:var(--door-4)}.wall-door.is-connected .wall-portrait{box-shadow:0 0 0 2px var(--color-surface),0 0 0 4px var(--color-primary),0 0 16px 3px color-mix(in srgb,var(--color-sage-300) 85%,transparent)}.wall-door.is-connected .wall-door-art{filter:brightness(1.08)saturate(1.05)}.wall-door.is-crossed .wall-door-art,.wall-door.is-crossed .wall-portrait img{filter:grayscale(.75)opacity(.6)}.wall-door.is-arriving .wall-portrait{animation:door-glow .9s var(--ease-out) var(--arrive-delay,0s) both}@keyframes door-glow{45%{transform:translate(-50%,-55%)scale(1.12)}}#board{border-collapse:collapse;table-layout:fixed;width:100%}#board th{text-align:center;vertical-align:middle;height:28px;padding:0;font-weight:400}#board thead th:first-child,#board thead th:last-child,#board tbody th{width:24px}#board .col-letter,#board .row-axis{font:500 11px/1.3 var(--font-ui);color:var(--color-text-soft);display:block}#board .board-total{min-width:1.6em;font:700 15px/1.4 var(--font-ui);color:var(--color-text);font-variant-numeric:tabular-nums;border-radius:6px;display:inline-block}#board th.count-done .board-total{color:var(--color-primary)}#board th.count-done .board-total:after{content:"✓";vertical-align:super;margin-left:1px;font-size:.62em}#board th.count-over .board-total{color:var(--color-danger-ink);background:var(--color-coral-100)}#board th.count-over .board-total:after{content:"!";vertical-align:super;margin-left:1px;font-size:.7em}#board th.tutorial-total .board-total{background:var(--cell-hint-halo)}#board th.recien-completo .board-total{animation:total-done .36s var(--ease-out)}@keyframes total-done{40%{transform:scale(1.2)}}#board td{border:1px solid var(--cell-line);background:var(--cell-empty);padding:0}#board td button{aspect-ratio:1;width:100%;min-height:0;color:var(--color-text);touch-action:none;transition:background-color var(--dur-mark) var(--ease-standard);background:0 0;border:0;border-radius:0;place-items:center;padding:0;display:grid;position:relative}@media (hover:hover){#board td button:not(:disabled):hover{background:var(--color-surface-soft)}}#board td button:focus-visible{z-index:6;box-shadow:inset 0 0 0 3px var(--color-primary);border-radius:0}#board td button:disabled{cursor:default}#board td button.point:not(.fixed),#board td button.fixed.confirmed{background:var(--cell-trail)}.cell-symbol{z-index:2;pointer-events:none;position:relative}.footprint-glyph{fill:currentColor;display:none}#board .trace-dot{width:58%;height:72%;color:var(--cell-footprint);place-items:center;display:grid}#board .trace-dot .footprint-glyph{width:100%;height:100%;display:block}#board .fixed:not(.confirmed) .trace-dot{color:var(--cell-given)}#board .point.has-route .trace-dot{visibility:hidden}#board .recien-tocada .trace-dot,#board .recien-tocada .cross-mark{animation:mark-in var(--dur-mark) var(--ease-out)}@keyframes mark-in{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}#board td button.cross{background:var(--cell-crossed)}#board .cross-mark{z-index:4;pointer-events:none;fill:none;width:56%;height:56%;stroke:var(--cell-cross-ink);stroke-width:7px;stroke-linecap:round;position:absolute;inset:22%}#board td button.hinted{box-shadow:inset 0 0 0 3px var(--cell-hint-halo);background:color-mix(in srgb,var(--cell-hint-halo) 35%,var(--cell-empty))}#board td button.hinted:after{content:"";border:2px dashed var(--color-gold-ink);opacity:.55;pointer-events:none;position:absolute;inset:-1px}#board td button.is-error{animation:error-halo 1.6s var(--ease-standard) 2}@keyframes error-halo{0%,to{box-shadow:inset 0 0 0 0 var(--cell-error-halo)}35%{box-shadow:inset 0 0 0 4px var(--cell-error-halo)}}#board .victim .cell-symbol{aspect-ratio:1;background:var(--color-coral-100);width:62%;box-shadow:0 0 0 2px var(--color-coral-400);font:700 clamp(12px,3.4cqi,20px)/1 var(--font-display);color:var(--color-danger-ink);border-radius:50%;place-items:center;display:grid}#board .victim.confirmed .cell-symbol{box-shadow:0 0 0 2px var(--color-coral-500),0 0 0 5px color-mix(in srgb,var(--cell-trail) 90%,transparent)}#board .victim .victim-tag{display:none}@container (width>=420px){#board .victim .victim-tag{z-index:3;border-radius:var(--radius-pill);background:var(--color-surface);font:600 8px/1.3 var(--font-ui);letter-spacing:.04em;color:var(--color-coral-ink);white-space:nowrap;padding:1px 5px;display:block;position:absolute;bottom:3%;left:50%;transform:translate(-50%)}}#board .door-cell .door-art,#board .door-cell .door-room,#board .door-cell .cell-door-leaf{display:none}#board .door-cell .door-symbol{place-items:center;width:100%;height:100%;display:grid;position:absolute;inset:0}#board td button.door-cell:not(.point):not(.cross){background:color-mix(in srgb,var(--door) 10%,var(--cell-empty))}#board .door-cell .door-index{border:2px solid var(--door);background:var(--color-surface);width:52%;height:62%;color:var(--door);font:700 clamp(11px,3cqi,17px)/1 var(--font-ui);border-bottom-width:3px;border-radius:50% 50% 3px 3px/38% 38% 3px 3px;place-items:center;display:grid}#board .door-cell.point .door-index,#board .door-connected .door-index{background:var(--door);color:var(--color-on-primary)}#board .door-cell.cross .door-index{opacity:.45}#board .mira{box-shadow:inset 0 0 0 3px var(--color-primary);animation:1.4s ease-in-out infinite ask}#board .mira-si{box-shadow:inset 0 0 0 3px var(--color-primary)}@keyframes ask{50%{box-shadow:inset 0 0 0 5px var(--color-sage-300)}}#route-overlay{z-index:1;pointer-events:none;width:100%;height:100%;position:absolute;inset:0;overflow:visible}#route-overlay line{stroke:var(--color-sage-300);stroke-width:1.25px;stroke-linecap:round;stroke-dasharray:2 4;opacity:.9}#route-overlay line.trazando{animation:fade-in .2s var(--ease-out)}#route-overlay .route-step{fill:var(--cell-footprint)}#route-overlay .route-step.new-step{animation:step-in .16s var(--ease-out) both}@keyframes step-in{0%{opacity:0}to{opacity:1}}#game.is-solved #route-overlay .route-step{fill:var(--color-primary-active)}#game.is-paused .board-frame,#game.is-paused .tools{visibility:hidden}#paused{z-index:8;justify-content:center;align-items:center;gap:var(--space-3);padding:var(--space-6);text-align:center;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);flex-direction:column;display:flex;position:absolute;inset:0}#paused .icon{color:var(--color-primary)}#paused h3{font-size:var(--text-xl)}#paused p{color:var(--color-text-soft)}.solved-bar{justify-content:space-between;align-items:center;gap:var(--space-3);width:min(100%,var(--board-max));padding:var(--space-3) var(--space-3) var(--space-3) var(--space-4);border-radius:var(--radius-md);background:var(--color-sage-100);color:var(--color-success-ink);font-weight:500;display:flex}.tools{gap:var(--space-2);grid-template-columns:repeat(5,minmax(0,1fr));width:min(100%,560px);display:grid}.tool{min-height:60px;padding:var(--space-2) 2px;border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);color:var(--color-text);font:500 var(--text-xs)/1.2 var(--font-ui);box-shadow:var(--shadow-raised);transition:background-color var(--dur-press),border-color var(--dur-press),color var(--dur-press),transform var(--dur-press);flex-direction:column;justify-content:center;align-items:center;gap:4px;display:flex}.tool:hover:not(:disabled){border-color:var(--color-sage-300)}.tool:active:not(:disabled){transform:translateY(1px)}.tool:disabled{opacity:.42;box-shadow:none}.tool .icon{width:22px;height:22px}.tool-glyph,.tool-glyph .footprint-glyph{width:18px;height:22px;display:block}.tool-glyph .footprint-glyph{fill:currentColor}.tool--trace[aria-pressed=true]{background:var(--color-primary);border-color:var(--color-primary);color:var(--color-on-primary)}.tool--discard{color:var(--color-text)}.tool--discard[aria-pressed=true]{background:var(--color-coral-100);border-color:var(--color-coral-400);color:var(--color-text)}.tool--discard[aria-pressed=true] .icon{color:var(--color-coral-ink)}#erase[aria-pressed=true]{background:var(--color-stone-100);border-color:var(--color-stone-200)}.tool--hint{background:var(--color-gold-100);border-color:color-mix(in srgb,var(--color-gold) 45%,var(--color-border))}.tool--hint .icon{color:var(--color-gold-ink)}.tool[aria-pressed=true]{box-shadow:none}.legend{justify-content:center;gap:var(--space-1) var(--space-4);font-size:var(--text-xs);color:var(--color-text-soft);flex-wrap:wrap;display:flex}.legend span{align-items:center;gap:6px;display:inline-flex}.legend b{min-width:20px;height:20px;font:700 11px/1 var(--font-ui);color:var(--color-text);border-radius:50%;place-items:center;display:inline-grid}.legend span:first-child b{background:var(--color-coral-100);box-shadow:0 0 0 1.5px var(--color-coral-400);color:var(--color-coral-ink);font-family:var(--font-display)}.legend span:nth-child(3) b{background:var(--color-surface);box-shadow:0 0 0 1.5px var(--color-gold)}.legend .legend-trace{color:var(--cell-footprint)}.legend .legend-trace .footprint-glyph{width:14px;height:18px;display:block}.shortcuts{font-size:var(--text-xs);color:var(--color-text-soft);display:none}.shortcuts kbd{border:1px solid var(--color-border);background:var(--color-surface);min-width:20px;height:20px;font:600 11px/1 var(--font-ui);color:var(--color-text);border-bottom-width:2px;border-radius:5px;place-items:center;padding:0 4px;display:inline-grid}@media (width>=1024px) and (hover:hover){.shortcuts{display:block}}.case-notes{gap:var(--space-5);flex-direction:column;min-width:0;display:flex}.case-banner{gap:var(--space-4);grid-template-columns:72px minmax(0,1fr);align-items:center;display:grid}.case-banner img{object-fit:cover;border-radius:var(--radius-md);mix-blend-mode:multiply;width:72px;height:72px}.case-banner .eyebrow{margin-bottom:2px}.case-banner h2{font-size:var(--text-xl)}#case-title:focus{box-shadow:none;outline:none}.story{font-size:var(--text-sm);color:var(--color-text);line-height:1.65}.suspects-title{font:600 var(--text-sm) var(--font-ui);color:var(--color-text);margin-bottom:var(--space-3)}#suspects{gap:var(--space-3);grid-template-columns:repeat(2,minmax(0,1fr));margin:0;padding:0;list-style:none;display:grid}#suspects li{align-items:center;gap:var(--space-3);min-width:0;padding:var(--space-2) var(--space-3) var(--space-2) var(--space-2);border:1px solid var(--color-border);border-radius:var(--radius-pill);background:var(--color-surface);display:flex}#suspects .face{object-fit:cover;object-position:center 22%;width:36px;height:36px;box-shadow:0 0 0 2px var(--color-surface),0 0 0 3.5px var(--color-gold);border-radius:50%}#suspects .door-num{background:var(--door);min-width:22px;height:22px;font:700 var(--text-xs)/1 var(--font-ui);color:var(--color-on-primary);border-radius:50%;order:3;place-items:center;margin-left:auto;display:grid}#suspects .door-name{font:600 var(--text-sm)/1.2 var(--font-display);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}#feedback{padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);background:var(--color-sage-100);color:var(--color-success-ink);font-size:var(--text-sm)}#feedback:empty{display:none}.board-instruction{gap:var(--space-2);padding:var(--space-4);border-radius:var(--radius-md);background:var(--color-surface-soft);font-size:var(--text-sm);color:var(--color-text);display:grid}.board-instruction b{color:var(--color-text);font-weight:600}.rules{border-top:1px solid var(--color-border);padding-top:var(--space-2);font-size:var(--text-sm);color:var(--color-text-soft)}.rules summary{min-height:var(--target-min);cursor:pointer;color:var(--color-text);align-items:center;font-weight:600;display:flex}.rules p{margin-bottom:var(--space-2)}.case-actions{gap:var(--space-2);flex-wrap:wrap;display:flex}.case-actions .btn--ghost{color:var(--color-text-soft)}#share-case{display:none}.tutorial-guide{padding:var(--space-5);margin-bottom:var(--space-4)}.tutorial-top{justify-content:space-between;align-items:center;gap:var(--space-2);display:flex}.tutorial-guide .progress{margin:var(--space-2) 0 var(--space-3)}.tutorial-guide h3{font-size:var(--text-xl);margin-bottom:var(--space-2)}.tutorial-guide p{font-size:var(--text-sm);line-height:1.6}#tutorial-action{margin-top:var(--space-3);padding:var(--space-3);border-radius:var(--radius-md);background:var(--color-sage-100);color:var(--color-text);font-weight:600}#tutorial-status{margin-top:var(--space-2);color:var(--color-success-ink);font-weight:600}#tutorial-status:empty{display:none}.tutorial-actions{justify-content:space-between;gap:var(--space-2);margin-top:var(--space-4);display:flex}#game.en-tutorial .case-notes,#game.en-tutorial #hint,#game.en-tutorial .shortcuts,#game.en-tutorial .game-count,#game.en-tutorial #reset-timer{display:none}@media (width>=1024px){#game.en-tutorial{column-gap:var(--space-8);grid-template-columns:minmax(0,1fr) 360px;align-items:start;display:grid}#game.en-tutorial .game-top{grid-column:1/-1}#game.en-tutorial .tutorial-guide{grid-area:2/2;margin:0;position:sticky;top:92px}#game.en-tutorial .workspace{grid-area:2/1;grid-template-columns:1fr}}#tutorial-banner{border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface);box-shadow:var(--shadow-modal);padding:var(--space-6);width:min(460px,100vw - 32px);max-height:calc(100dvh - 32px)}#tutorial-banner::backdrop{background:var(--color-scrim);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}#tutorial-banner h2{font-size:var(--text-xl);margin:var(--space-2) 0}#tutorial-banner p{font-size:var(--text-md);color:var(--color-text)}#tutorial-banner-action{margin-top:var(--space-3);padding:var(--space-3);border-radius:var(--radius-md);background:var(--color-sage-100);font-weight:600}.tutorial-banner-actions{justify-content:space-between;gap:var(--space-3);margin-top:var(--space-5);display:flex}#tutorial-banner button{min-height:var(--target-mobile);padding:0 var(--space-5);border-radius:var(--radius-md);border:1px solid var(--color-border-strong);background:var(--color-surface);font-weight:600}#tutorial-banner button.primary{background:var(--color-primary);border-color:var(--color-primary);color:var(--color-on-primary)}body.tour-active{padding-bottom:70vh}#tutorial-tour{background:0 0;border:0;width:100%;max-width:none;height:100dvh;max-height:none;margin:0;padding:0;position:fixed;inset:0;overflow:hidden}#tutorial-tour::backdrop{background:0 0}#tutorial-tour .tour-highlight{border:3px solid var(--color-primary);border-radius:var(--radius-md);box-shadow:0 0 0 200vmax var(--color-scrim);pointer-events:none;position:absolute}#tutorial-tour .tour-arrow{pointer-events:none;width:100%;height:100%;position:absolute;inset:0;overflow:visible}#tutorial-tour .tour-arrow path{stroke:var(--color-primary)}#tutorial-tour .tour-arrow marker path{fill:var(--color-primary);stroke:none}#tutorial-tour .tour-card{width:min(500px,100% - 24px);max-height:55dvh;padding:var(--space-5);border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface);box-shadow:var(--shadow-modal);position:absolute;bottom:16px;left:50%;overflow:auto;transform:translate(-50%)}#tutorial-tour h2{font-size:var(--text-xl);margin:var(--space-2) 0}#tutorial-tour #tour-copy{margin-bottom:var(--space-4)}#tutorial-tour .tour-actions{gap:var(--space-2);display:flex}#tutorial-tour #tour-exit{margin-right:auto}#tutorial-tour button{min-height:var(--target-min);padding:0 var(--space-4);border:1px solid var(--color-border-strong);border-radius:var(--radius-md);background:var(--color-surface);font-weight:600}#tutorial-tour button.primary{background:var(--color-primary);border-color:var(--color-primary);color:var(--color-on-primary)}.hint-sheet{text-align:center}.hint-sheet-icon{width:52px;height:52px;margin:0 auto var(--space-3);background:var(--color-gold-100);color:var(--color-gold-ink);border-radius:50%;place-items:center;display:grid}.hint-sheet h2{margin-bottom:var(--space-2)}#hint-text{font-size:var(--text-md);color:var(--color-text);text-align:left;line-height:1.6}.hint-sheet .dialog-actions{flex-direction:column}.hint-sheet form{display:contents}.success-modal{text-align:center;padding:var(--space-8) var(--space-6) var(--space-6);position:relative;overflow:hidden auto}.success-modal form{align-items:center;gap:var(--space-3);flex-direction:column;display:flex}.door-celebration{width:110px;height:156px;margin-bottom:var(--space-1)}.success-modal h2{font-size:var(--text-3xl)}.success-person{justify-content:center;align-items:center;gap:var(--space-4);text-align:left;display:flex}.success-person img{object-fit:cover;object-position:center 22%;width:64px;height:64px;box-shadow:0 0 0 3px var(--color-surface),0 0 0 5px var(--color-primary);border-radius:50%}.success-person p{font-size:var(--text-xs);color:var(--color-text-soft);text-transform:uppercase;letter-spacing:.06em;font-weight:600}.success-person strong{font:600 var(--text-2xl)/1.1 var(--font-display);color:var(--color-text);display:block}.success-quote{color:var(--color-text-soft)}.success-stats{width:100%;margin:var(--space-2) 0;border-block:1px solid var(--color-border);grid-template-columns:repeat(3,1fr);display:grid}.success-stats div{padding:var(--space-3) 0}.success-stats div+div{border-left:1px solid var(--color-border)}.success-stats dt{font-size:var(--text-xs);color:var(--color-text-soft)}.success-stats dd{font:600 var(--text-xl)/1.1 var(--font-ui);font-variant-numeric:tabular-nums;margin:2px 0 0}#success-challenge{width:100%}#success-challenge button{justify-content:center;align-items:center;gap:var(--space-2);width:100%;min-height:var(--target-min);border:1px solid var(--color-border-strong);border-radius:var(--radius-md);background:var(--color-surface);color:var(--color-text);font-weight:600;display:inline-flex}.whatsapp-icon{fill:none;stroke:currentColor;stroke-width:1.6px;stroke-linecap:round;stroke-linejoin:round;width:18px;height:18px}.door-celebration .door-symbol{perspective:350px;width:100%;height:100%;display:block;position:relative}.door-art,.cell-door-leaf{background:url(/rastros/play/img/door-ivory-v1.png) 50%/100% 100% no-repeat;position:absolute;inset:0}.door-art{clip-path:polygon(7% 96%,7% 92%,10% 91%,10% 86%,13% 85%,13% 28%,14% 22%,17% 16%,23% 10%,31% 6%,40% 4%,50% 3%,60% 4%,69% 6%,77% 10%,83% 16%,86% 22%,87% 28%,87% 85%,90% 86%,90% 91%,93% 92%,93% 96%)}.cell-door-leaf{transform-origin:23%;clip-path:polygon(23.2% 91.8%,23.2% 28%,24% 24%,26% 20%,30% 16%,36% 12.5%,43% 10.4%,50% 9.8%,57% 10.4%,64% 12.5%,70% 16%,74% 20%,76% 24%,76.7% 28%,76.7% 91.8%);backface-visibility:hidden;z-index:2}.door-room{background:radial-gradient(ellipse at 50% 100%,var(--color-surface) 0%,var(--color-gold) 38%,var(--color-sage-500) 100%);opacity:0;z-index:1;border-radius:50% 50% 0 0/22% 22% 0 0;width:53.5%;height:82%;position:absolute;top:9.8%;left:23.2%}.door-room i{opacity:0;width:12%;height:10%;position:absolute;transform:rotate(-18deg)}.door-room i:before,.door-room i:after{content:"";background:var(--color-primary);border-radius:50%;position:absolute}.door-room i:before{width:80%;height:60%;top:0;left:10%}.door-room i:after{width:50%;height:30%;bottom:0;left:25%}.door-room i:first-child{--delay:.3s;top:54%;left:38%}.door-room i:nth-child(2){--delay:.5s;top:64%;left:58%;transform:rotate(18deg)}.door-room i:nth-child(3){--delay:.7s;top:74%;left:36%}.door-room i:nth-child(4){--delay:.9s;top:86%;left:56%;transform:rotate(18deg)}.door-celebration .door-index{display:none}.success-modal[open] .success-person,.success-modal[open] .success-quote,.success-modal[open] .success-stats{opacity:0}.success-modal[open].is-celebrating .cell-door-leaf{animation:door-open 1s var(--ease-out) .25s both}.success-modal[open].is-celebrating .door-room{animation:fade-in .3s var(--ease-out) .25s both}.success-modal[open].is-celebrating .door-room i{animation:fade-in .3s var(--ease-out) calc(.25s + var(--delay)) both}.success-modal[open].is-celebrating .success-person{animation:rise-in .3s var(--ease-out) 1s both}.success-modal[open].is-celebrating .success-quote{animation:rise-in .3s var(--ease-out) 1.15s both}.success-modal[open].is-celebrating .success-stats{animation:rise-in .3s var(--ease-out) 1.3s both}@keyframes door-open{0%{transform:rotateY(0)}to{transform:rotateY(-72deg)}}@keyframes rise-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.leaves{pointer-events:none;position:absolute;inset:0;overflow:hidden}.leaves i{background:var(--color-sage-300);opacity:0;border-radius:0 80%;width:10px;height:14px;position:absolute;top:-16px}.leaves i:nth-child(3n){background:var(--color-coral-400);width:8px;height:11px}.leaves i:nth-child(4n){background:var(--color-gold)}.leaves i:first-child{--d:.9s;--x:14px;left:12%}.leaves i:nth-child(2){--d:1.2s;--x:-10px;left:26%}.leaves i:nth-child(3){--d:1s;--x:18px;left:40%}.leaves i:nth-child(4){--d:1.35s;--x:-16px;left:55%}.leaves i:nth-child(5){--d:.95s;--x:10px;left:68%}.leaves i:nth-child(6){--d:1.25s;--x:-12px;left:80%}.leaves i:nth-child(7){--d:1.1s;--x:8px;left:90%}.leaves i:nth-child(8){--d:1.4s;--x:12px;left:5%}.success-modal.is-celebrating .leaves i{animation:leaf-fall 2.6s var(--ease-standard) var(--d) both}@keyframes leaf-fall{0%{opacity:0;transform:translate(0)rotate(0)}15%{opacity:.9}to{opacity:0;transform:translate(var(--x),260px) rotate(160deg)}}@media (prefers-reduced-motion:reduce){.leaves{display:none}.success-modal[open].is-celebrating .success-person,.success-modal[open].is-celebrating .success-quote,.success-modal[open].is-celebrating .success-stats{opacity:1;animation:none}}#share-challenge-dialog,#challenge-welcome{border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface);box-shadow:var(--shadow-modal);padding:var(--space-6);width:min(440px,100vw - 32px)}#share-challenge-dialog::backdrop,#challenge-welcome::backdrop{background:var(--color-scrim);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}#share-challenge-dialog h2,#challenge-welcome h2{font-size:var(--text-xl);margin:var(--space-2) 0 var(--space-4)}#share-challenge-dialog input,.challenge-profile input{width:100%;min-height:var(--target-mobile);padding:0 var(--space-3);margin:var(--space-2) 0;border:1px solid var(--color-border-strong);border-radius:var(--radius-md);background:var(--color-background)}#share-challenge-dialog .share-close{float:right;min-width:var(--target-min);min-height:var(--target-min);background:0 0;border:0;font-size:1.5rem}#challenge-whatsapp,#challenge-welcome button,.challenge-profile button{justify-content:center;align-items:center;gap:var(--space-2);min-height:var(--target-min);padding:0 var(--space-4);margin-top:var(--space-2);border:1px solid var(--color-border-strong);border-radius:var(--radius-md);background:var(--color-surface);font-weight:600;display:inline-flex}#challenge-welcome button.primary{background:var(--action-mint);border-color:var(--action-mint-border);color:var(--action-mint-ink)}#challenge-welcome button.primary:hover{background:var(--action-mint-hover)}#challenge-welcome button.primary:active{background:var(--action-mint-active)}#challenge-welcome button+button{margin-left:var(--space-2)}.case-challenge{align-items:center;gap:var(--space-2);min-height:var(--target-min);padding:0 var(--space-4);border:1px solid var(--color-border-strong);border-radius:var(--radius-md);background:var(--color-surface);font:600 var(--text-sm) var(--font-ui);display:inline-flex}#solved-actions{display:none}#archive-settings h2{margin-bottom:var(--space-4)}.settings-group{padding:var(--space-4) 0;border-top:1px solid var(--color-border)}.settings-group h3{font:600 var(--text-sm) var(--font-ui);margin-bottom:var(--space-2)}.settings-group p{font-size:var(--text-sm)}.settings-links{gap:var(--space-1) var(--space-4);padding-top:var(--space-4);border-top:1px solid var(--color-border);font-size:var(--text-sm);flex-wrap:wrap;display:flex}.settings-links a{min-height:var(--target-min);align-items:center;display:inline-flex}.challenge-profile{padding-top:var(--space-4);border-top:1px solid var(--color-border)}.challenge-profile label{font:600 var(--text-sm) var(--font-ui)}.challenge-profile p{font-size:var(--text-sm);color:var(--color-success-ink)}#mobile-case-open{display:none}#mobile-case-sheet .mobile-sheet-content{gap:var(--space-5);flex-direction:column;display:flex}#mobile-case-sheet>form{top:calc(-1 * var(--space-6));z-index:2;margin:-8px 0 var(--space-2);padding:var(--space-2) 0;background:var(--color-surface);justify-content:flex-end;display:flex;position:sticky}@media (width<=639px){:is(body:has(#game.mobile-play) .app-bar,body:has(#game.mobile-play) .bottom-nav,body:has(#game.mobile-play) .play-footer){display:none}body:has(#game.mobile-play) main{padding:0 var(--space-2)}#game.mobile-play{height:100dvh;padding-bottom:env(safe-area-inset-bottom);flex-direction:column;display:flex}#game.mobile-play .game-top{padding:var(--space-2) 0;flex:none;grid-template-columns:auto minmax(0,1fr) auto auto}#game.mobile-play .game-count{display:none}#game.mobile-play #mobile-case-open{order:3;display:inline-grid}#game.mobile-play .clock{order:4;gap:0}#game.mobile-play #reset-timer{display:none}#game.mobile-play .workspace{flex-direction:column;flex:1;min-height:0;display:flex}#game.mobile-play .board-stage{justify-content:space-between;gap:var(--space-3);min-height:0;padding-bottom:var(--space-3);flex:1}#game.mobile-play .board-scroll{flex:1;align-items:center;min-height:0;display:flex}#game.mobile-play .board-frame{--fw:min(100cqi,calc((100dvh - 230px)/1.2))}#game.mobile-play .tools{flex:none;gap:6px}#game.mobile-play .tool{min-height:64px}#game.mobile-play #board .board-total{font-size:14px}}@media (width>=640px) and (width<=1023px){.workspace{max-width:720px;margin:0 auto}#suspects{grid-template-columns:repeat(4,minmax(0,1fr))}#suspects li{border-radius:var(--radius-md);padding:var(--space-3) var(--space-2);text-align:center;flex-direction:column}#suspects .door-num{order:0;margin:0}}@media (width>=1024px){#game:not(.en-tutorial) .case-notes{max-height:calc(100dvh - 110px);padding-right:var(--space-1);position:sticky;top:92px;overflow:auto}body:has(#game:not([hidden])) .play-footer{display:none}#game .tools{width:min(100%,600px)}}.view-learn{place-items:start center;display:grid}.learn-card{width:min(100%,560px);padding:var(--space-5);gap:var(--space-3);flex-direction:column;display:flex}.learn-top{justify-content:space-between;align-items:center;display:flex}.learn-dots{gap:6px;display:flex}.learn-dots i{border-radius:var(--radius-pill);background:var(--color-stone-100);height:4px;transition:background-color var(--dur-card);flex:1}.learn-dots i.on{background:var(--color-primary)}.learn-stage{padding:var(--space-4);margin:var(--space-2) 0;border-radius:var(--radius-lg);background:var(--color-surface-soft);place-items:center;display:grid}.learn-card :is(h1,h2[data-view-title]){font-size:var(--text-2xl)}.learn-card :is(h1,h2[data-view-title]):focus{box-shadow:none;outline:none}.learn-text{font-size:var(--text-md);color:var(--color-text-soft);min-height:3.2em}.learn-actions{justify-content:space-between;gap:var(--space-3);margin-top:var(--space-2);display:flex}.learn-actions .btn{flex:1}@media (width>=640px){.learn-card{padding:var(--space-8);margin-top:var(--space-6)}}@media (height<=860px){.learn-card{gap:var(--space-2)}.learn-stage{padding:var(--space-3);margin:0}.learn-stage .mini-board{width:min(100%,300px,max(170px,100dvh - 470px))}}@media (height<=860px) and (width>=640px){.learn-card{padding:var(--space-5) var(--space-8);margin-top:0}}.mini-board{grid-template-columns:22px repeat(var(--n),minmax(0,1fr)) 22px;width:min(100%,300px);font:600 12px/1 var(--font-ui);display:grid}.mini-board>span{place-items:center;display:grid}.mini-board .t{height:22px;color:var(--color-text)}.mini-board .t.hl{background:var(--cell-hint-halo);border-radius:6px}.mini-board .c{aspect-ratio:1;border:1px solid var(--cell-line);background:var(--cell-empty);transition:background-color var(--dur-card);margin:-1px 0 0 -1px;position:relative}.mini-board .c.trail{background:var(--cell-trail)}.mini-board .c.crossed{background:var(--cell-crossed)}.mini-board .c.hl{box-shadow:inset 0 0 0 3px var(--cell-hint-halo)}.mini-board .c svg{width:64%;height:64%;position:absolute;inset:18%}.mini-board .c .foot{fill:var(--cell-footprint);width:56%;height:68%;inset:16% 22%}.mini-board .c .foot.given{fill:var(--cell-given)}.mini-board .c .x{fill:none;stroke:var(--cell-cross-ink);stroke-width:2.4px;stroke-linecap:round}.mini-board .v{background:var(--color-coral-100);box-shadow:0 0 0 2px var(--color-coral-400);font:700 13px/1 var(--font-display);color:var(--color-danger-ink);border-radius:50%;place-items:center;display:grid;position:absolute;inset:18%}.mini-board .face{object-fit:cover;object-position:center 22%;width:76%;height:76%;box-shadow:0 0 0 1.5px var(--color-surface),0 0 0 3px var(--color-gold);border-radius:50%;position:absolute;inset:12%}.mini-board .face.won{box-shadow:0 0 0 1.5px var(--color-surface),0 0 0 3px var(--color-primary),0 0 10px 2px var(--color-sage-300)}.mini-board .anim{animation:mark-in .22s var(--ease-out) both;animation-delay:var(--at,0s)}.view-profile{gap:var(--space-6);max-width:640px;margin:0 auto;display:grid}.profile-head{align-items:center;gap:var(--space-5);padding-top:var(--space-4);display:flex}.profile-head :is(h1,h2[data-view-title]){font-size:var(--text-3xl)}.profile-head :is(h1,h2[data-view-title]):focus{box-shadow:none;outline:none}.achievement-list{gap:var(--space-2);margin:0;padding:0;list-style:none;display:grid}.achievement-list li{align-items:center;gap:var(--space-3);padding:var(--space-3);border-radius:var(--radius-md);background:var(--color-background);display:flex}.achievement-list .medal{background:var(--color-surface-soft);width:36px;height:36px;color:var(--color-text-soft);border-radius:50%;flex:none;place-items:center;display:grid}.achievement-list .medal .icon{width:18px;height:18px}.achievement-list li.got .medal{background:var(--color-gold-100);color:var(--color-gold-ink);box-shadow:0 0 0 1.5px var(--color-gold)}.achievement-list b{font-size:var(--text-sm);display:block}.achievement-list span{font-size:var(--text-xs);color:var(--color-text-soft)}.achievement-list .state{font-size:var(--text-xs);color:var(--color-text-soft);margin-left:auto}.achievement-list li.got .state{color:var(--color-success-ink);font-weight:600}.stats-list{gap:var(--space-2) var(--space-4);font-size:var(--text-sm);grid-template-columns:1fr auto;margin:0;display:grid}.stats-list dt{color:var(--color-text-soft)}.stats-list dd{font-variant-numeric:tabular-nums;text-align:right;margin:0;font-weight:600}.books-hero{gap:var(--space-6);padding:var(--space-6);display:grid;overflow:hidden}.books-cover{padding:var(--space-6);border-radius:var(--radius-lg);background:linear-gradient(160deg,var(--color-sage-100),var(--color-surface-soft));place-items:center;display:grid}.books-cover img{border-radius:4px;width:min(220px,60vw);height:auto;transform:rotate(-2deg);box-shadow:0 18px 36px #3a2e232e}.books-copy{gap:var(--space-3);flex-direction:column;align-items:flex-start;display:flex}.books-copy :is(h1,h2[data-view-title]){font-size:var(--text-3xl)}.books-copy :is(h1,h2[data-view-title]):focus{box-shadow:none;outline:none}.books-points{margin:var(--space-2) 0;gap:var(--space-2);padding:0;list-style:none;display:grid}.books-points li{align-items:center;gap:var(--space-2);font-size:var(--text-md);display:flex}.books-points li:before{content:"";background:var(--color-primary);flex:none;width:16px;height:20px;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 28 36'%3E%3Cpath d='M7 8C3 8 2.5 13 3 16L4 22Q7 24 10 21L10 16C10 11 10 8 7 8ZM4.5 25Q7 26 10 24L10 28Q7 32 5 29Z'/%3E%3Cpath d='M20 2C16 2 15.5 7 16 10L17 16Q20 18 23 15L23 10C23 5 23 2 20 2ZM17.5 19Q20 20 23 18L23 22Q20 26 18 23Z'/%3E%3C/svg%3E") 50%/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 28 36'%3E%3Cpath d='M7 8C3 8 2.5 13 3 16L4 22Q7 24 10 21L10 16C10 11 10 8 7 8ZM4.5 25Q7 26 10 24L10 28Q7 32 5 29Z'/%3E%3Cpath d='M20 2C16 2 15.5 7 16 10L17 16Q20 18 23 15L23 10C23 5 23 2 20 2ZM17.5 19Q20 20 23 18L23 22Q20 26 18 23Z'/%3E%3C/svg%3E") 50%/contain no-repeat}.books-actions{gap:var(--space-3);margin-top:var(--space-2);flex-wrap:wrap;display:flex}@media (width>=640px){.books-hero{padding:var(--space-8);grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);align-items:center}.books-cover{padding:var(--space-10)}}@media (width>=1024px){.books-hero{margin-top:var(--space-6);padding:var(--space-10);gap:var(--space-12)}}.notice{margin-top:var(--space-4)}@media (width<=639px){#game.mobile-play .case-notes{display:none}}@media (width>=1024px){#game #suspects{grid-template-columns:1fr}}html,body{background-color:#f5efe6;min-height:100%;margin:0}#game .board-frame{--cell:calc((var(--fw) - 64px)/(var(--n,5) + 1.65));border-style:solid;border-width:calc(var(--cell)*1.48 + 14px) calc(var(--cell)*.825 + 8px);background:var(--wall-stone);border-image:url(/rastros/play/img/patio-mansion-referencia-sin-puertas.webp) 150 200 200 fill;border-radius:8px;padding:0}#game #board-canvas{z-index:2;box-shadow:none;background:0 0;border-radius:0}#game #board td{border-color:var(--cell-line);background:0 0}#game .wall-door{width:calc(var(--u)*.9);height:calc(var(--u)*1.32)}#game .wall-door.side-w,#game .wall-door.side-e{width:calc(var(--u)*.55);height:calc(var(--u)*.78)}#game .wall-door-art{mix-blend-mode:normal;background-image:url(/rastros/play/img/puertas-mansion-atlas-hd.webp);background-repeat:no-repeat;background-size:330% 212%;width:100%;height:100%;display:block}#game [data-door="1"] .wall-door-art{background-position:15% 0}#game [data-door="2"] .wall-door-art{background-position:85% 0}#game [data-door="3"] .wall-door-art{background-position:15% 100%}#game [data-door="4"] .wall-door-art{background-position:85% 100%}#game .wall-door.side-s{transform:translate(-50%,calc(var(--u)*.29))}#game .wall-door.side-w .wall-portrait,#game .wall-door.side-e .wall-portrait{width:58%}#game #board .door-threshold{font:700 clamp(11px,3cqi,17px)/1 var(--font-ui);color:var(--door);place-items:center;width:100%;height:100%;display:grid}#game #board .door-cell.point .door-threshold{color:var(--color-primary)}#game #board .door-cell.cross .door-threshold{opacity:.35}#game .wall-portrait{width:58%;box-shadow:0 0 0 2px var(--color-surface),0 0 0 3.5px var(--door),0 3px 8px var(--color-border)}#game .wall-door-num{min-width:18px;height:18px;padding:0 3px;font-size:10px;bottom:-2px;right:-2px}#game #feedback{width:min(100%,var(--board-max));font-size:var(--text-sm);margin:0}#game #feedback:empty{display:none}#game .legend{gap:8px 14px;margin:0}@media (width>=1024px){body:has(#game:not([hidden]):not(.en-tutorial)){background:var(--color-background) url(/rastros/play/img/estudio-mansion.webp) center/cover fixed no-repeat}body:has(#game:not([hidden]):not(.en-tutorial)) main{max-width:1160px;padding-top:24px;padding-bottom:24px}#game:not(.en-tutorial){border:1px solid var(--color-border);background:var(--color-background);box-shadow:0 16px 48px var(--color-scrim);border-radius:18px;padding:0 24px 20px}#game:not(.en-tutorial) .game-top{padding-top:16px}#game:not(.en-tutorial) .workspace{gap:var(--space-8);grid-template-columns:minmax(0,1fr) 280px}#game .board-frame{--fw:min(100cqi,var(--board-max),max(460px,calc((100dvh - 350px)/1.2)))}#game .case-notes{padding:var(--space-5);border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface);box-shadow:var(--shadow-card)}#game .case-banner{align-items:start}#game .board-stage{gap:var(--space-3)}}@media (prefers-reduced-motion:reduce){#game .wall-door.is-arriving .wall-portrait{animation:none}}#game,#mobile-case-sheet{--color-background:#f4eee6;--color-surface:#faf5ed;--color-surface-soft:#e9dfd1;--color-text:#48413a;--color-text-soft:#756958;--color-border:#ddd0bf;--cell-empty:#f4eee6;--cell-line:#cfc0ab;--cell-trail:#dce6dd;--cell-crossed:#eae0d2;--cell-cross-ink:#89745e;--color-primary:#486e5d;--cell-footprint:#6c9182;--cell-given:#8a9684;--color-coral-100:#efd8d1;--color-coral-400:#d6b5ae}:root{--action-mint:#a8cbb9;--action-mint-hover:#98bdaa;--action-mint-active:#88ad99;--action-mint-border:#83a993;--action-mint-ink:#29443a;--system-nav-bottom:env(safe-area-inset-bottom,0px);--mobile-tools-height:66px}.btn--primary,button.primary,.case-row.is-current .case-row-action{background:var(--action-mint);border-color:var(--action-mint-border);color:var(--action-mint-ink)}.btn--primary:hover:not(:disabled),button.primary:hover:not(:disabled){background:var(--action-mint-hover);border-color:var(--action-mint-border)}.btn--primary:active:not(:disabled),button.primary:active:not(:disabled){background:var(--action-mint-active);border-color:var(--action-mint-border)}#game .tools{grid-template-columns:repeat(5,minmax(0,1fr))}#game.en-tutorial .tools{grid-template-columns:repeat(3,minmax(0,1fr))}#game .tool{border:1px solid var(--color-border);color:var(--color-text);background:linear-gradient(#fcf8f1,#f2eadf);border-radius:12px;font-weight:400;box-shadow:0 2px 4px #59443118,inset 0 1px #fffdf8}#game .tool[aria-pressed=true]{border-color:var(--action-mint-border);color:var(--action-mint-ink);background:linear-gradient(#b7d8c7,#94bda8);box-shadow:0 2px 4px #59443122,inset 0 1px 1px #f0f7f2}#game .tool .icon{stroke-width:1.5px;width:24px;height:24px}#game .tool--hint{color:var(--color-text)}#game .game-top .icon-btn{background:linear-gradient(#fcf8f1,#f1e8d9);border:1px solid #e2d7c8;width:34px;height:34px;box-shadow:0 2px 4px #59443115,inset 0 1px #fffdf8}#game .game-top .icon-btn .icon{width:17px;height:17px}#game .game-level{font:500 20px/1.2 var(--font-display)}#game .game-goal{color:var(--color-text);font-size:14px}#game .case-banner h2{font-size:18px;font-weight:500}#game .case-banner .eyebrow{letter-spacing:.06em;font-size:12px}#game .case-notes{gap:16px}#game .case-notes .story{font-size:14px;line-height:1.6}#game .case-notes #suspects{gap:8px}#game .case-notes #suspects li{background:0 0;border-color:#0000;padding:4px 8px 4px 4px}#game .case-notes #suspects .face{width:30px;height:30px}#game .case-notes #suspects .door-name{font:400 14px var(--font-ui)}#game .case-notes .suspects-title{font:600 14px var(--font-display)}#game .case-notes .board-instruction{border-top:1px solid var(--color-border);background:0 0;border-radius:0;padding:12px;font-size:14px;line-height:1.6}#game .case-notes .rules{font-size:14px}#game .wall-name{z-index:2;max-width:calc(var(--u)*1.02);color:#48413a;font:400 clamp(7px,calc(var(--u)*.14),10px)/1.1 var(--font-ui);white-space:nowrap;text-overflow:ellipsis;background:#faf3e8;border:1px solid #d6c4ac;border-radius:4px;padding:2px 4px;position:absolute;top:10%;left:50%;overflow:hidden;transform:translate(-50%);box-shadow:0 1px 2px #59443118}#game .side-w .wall-name{left:0;transform:none}#game .side-e .wall-name{left:auto;right:0;transform:none}#game .victim-portrait{background-image:url(/rastros/play/img/victimas-atlas-hd.webp);background-repeat:no-repeat;background-size:500% 400%;border-radius:50%;display:block;position:absolute;inset:0}#game .victim-initial{color:#643c32;width:13px;height:13px;font:700 8px/1 var(--font-ui);background:#d6b5ae;border:1px solid #faf3e8;border-radius:50%;place-items:center;display:grid;position:absolute;bottom:-3px;right:-3px}#game #board tbody th{height:auto}#erase[aria-pressed=true]{background:var(--color-primary);color:var(--color-on-primary)}.tools[data-mode=erase]:before{content:attr(data-mode-label);text-align:center;font:500 11px var(--font-ui);color:var(--color-text);grid-column:1/-1}#game .wall-door,#game .wall-door.side-n,#game .wall-door.side-s,#game .wall-door.side-w,#game .wall-door.side-e{width:calc(var(--u)*.82);height:calc(var(--u)*.9);transform:translate(-50%,-50%)}#game .wall-door .wall-door-art{width:74%;height:72%;position:absolute;inset:28% 13% 0}#game .wall-door .wall-portrait{width:42%;box-shadow:0 0 0 1.5px #faf3e8,0 0 0 2.5px var(--door);top:4%;transform:translate(-50%)}#game .wall-name{display:none}#game .wall-door-num{min-width:clamp(12px,calc(var(--u)*.28),19px);height:clamp(12px,calc(var(--u)*.28),19px);font-size:clamp(8px,calc(var(--u)*.18),11px);border-width:1px;bottom:0;right:0}#game #board .door-threshold{visibility:hidden}#game .board-frame[data-size="9"] .wall-door{width:calc(var(--u)*.98);height:calc(var(--u)*.98)}#game .board-frame[data-size="9"] .wall-door .wall-door-art{width:92%;height:80%;inset:20% 4% 0}#game .board-frame[data-size="9"] .wall-door .wall-portrait{width:60%;top:0}#game .board-frame[data-size="9"] .wall-door-num{min-width:15px;height:15px;font-size:9px}#game .board-frame[data-size="9"] #board .victim .cell-symbol{width:76%}#game .board-frame[data-size="9"] #board .trace-dot{place-self:center;width:70%;height:82%}#game #board .trace-dot{transform-origin:50%;place-self:center}#game .board-frame[data-size="9"] #board .cross-mark{width:68%;height:68%;inset:16%}#game #board td button.loop-error{background:color-mix(in srgb,var(--color-coral-100) 18%,var(--cell-trail));box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--color-danger-ink) 45%,transparent)}#game #board td button.loop-error .trace-dot{visibility:visible}#game #route-overlay line.loop-segment{stroke:var(--color-coral-400);stroke-width:1.5px}#game #route-overlay .route-step.loop-segment{fill:color-mix(in srgb,var(--color-danger-ink) 68%,var(--cell-footprint))}#game #board td button.loop-error.recien-tocada:after{content:"!";z-index:4;background:var(--color-coral-100);border:1px solid var(--color-coral-400);width:15px;height:15px;color:var(--color-danger-ink);font:700 10px/1 var(--font-ui);border-radius:50%;place-items:center;display:grid;position:absolute;top:3px;right:3px}#game:not(.is-solved) #route-overlay .route-step{display:none;animation:none!important}#game.footprint-mode:not(.is-solved) #board td button.point.has-route .trace-dot{visibility:visible}#game.footprint-mode.is-solved #board td button.point.has-route .trace-dot{visibility:hidden}#game.footprint-mode #board .recien-tocada .trace-dot{animation:none}#game.is-undoing #board td button,#game.is-undoing #board .trace-dot,#game.is-undoing #board .cross-mark,#game.is-undoing #route-overlay *{transition:none!important;animation:none!important}#game .case-banner h2{text-align:center}#game .board-frame{--cell:calc((var(--fw) - 80px)/var(--n,5));border-width:36px 24px 38px}.game-masthead{display:none}@media (width<=639px){body:has(#game.mobile-play){background:#f4eee6}body:has(#game.mobile-play) main{padding:0 8px}html:has(#game.mobile-play){background:var(--action-mint);--lightningcss-light:initial;--lightningcss-dark: ;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}#game.mobile-play{height:auto;min-height:0;padding-bottom:calc(var(--mobile-tools-height) + var(--system-nav-bottom) + 10px)}#game.mobile-play .game-masthead{border-bottom:1px solid #ddd0bf;flex-direction:column;flex:none;align-items:center;gap:6px;padding:13px 0 10px;display:flex}#game.mobile-play .game-wordmark{font:400 32px/1 var(--font-display);letter-spacing:.15em;color:#624d3e;padding-left:.15em}#game.mobile-play .game-signature{font:400 11px/1.4 var(--font-ui);text-transform:uppercase;letter-spacing:.07em;color:#624d3e}#game.mobile-play .game-top{grid-template-columns:40px minmax(0,1fr) 36px 40px;gap:0;padding:9px 4px 8px;position:relative}#game.mobile-play .game-heading{text-align:left;padding:0 4px}#game.mobile-play .game-level{font:600 16px/1.35 var(--font-ui)}#game.mobile-play .game-goal{white-space:normal;margin-top:2px;font-size:14px;line-height:1.4}#game.mobile-play .clock{grid-area:1/4;align-self:center;place-items:center;gap:0;display:grid}#game.mobile-play #mobile-case-open,#game.mobile-play #pause{align-self:center;width:34px;min-width:34px;height:34px;min-height:34px;padding:0}#game.mobile-play #mobile-case-open{grid-area:1/3}#game.mobile-play #mobile-case-open:after,#game.mobile-play .game-top:after{display:none}#game.mobile-play #mobile-case-open .icon{width:16px;height:16px}#game.mobile-play .workspace{flex:none;min-height:0}#game.mobile-play .board-stage{flex:none;justify-content:flex-start;gap:12px;min-height:0;padding:0}#game.mobile-play .case-banner{display:none}#game.mobile-play .board-scroll{flex:none;display:block;overflow:visible}#game.mobile-play .board-frame{--fw:100cqi;--cell:calc((var(--fw) - 68px)/var(--n,5));aspect-ratio:auto;border-width:20px 16px;border-image-source:url(/rastros/play/img/patio-mansion-movil-tablero-amplio.webp);border-image-slice:300 50 334 fill;min-height:0;margin:0 auto;padding:0;display:block;box-shadow:0 3px 9px #59443118}#game.mobile-play #board-canvas{padding:2px;display:block}#game.mobile-play #board{height:auto}#game.mobile-play #board thead{height:28px}#game.mobile-play #board td button{aspect-ratio:1;height:auto;min-height:0}#game.mobile-play #board thead th:first-child,#game.mobile-play #board tbody th:first-child{width:12px}#game.mobile-play #board thead th:last-child,#game.mobile-play #board tbody th:last-child{width:20px}#game.mobile-play #board .col-letter,#game.mobile-play #board .row-axis{font-size:11px}#game.mobile-play #board .board-total{font-size:14px}#game.mobile-play .tools{z-index:40;width:100%;max-width:none;padding:8px max(6px,env(safe-area-inset-right)) var(--system-nav-bottom) max(6px,env(safe-area-inset-left));border-top:1px solid var(--color-border);background:linear-gradient(to bottom,var(--color-background) 0 calc(100% - var(--system-nav-bottom)),var(--action-mint) calc(100% - var(--system-nav-bottom)) 100%);box-sizing:border-box;gap:6px;margin:0;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -5px 18px #5944311c}#game.mobile-play .tool{gap:5px;min-height:66px;padding:8px 2px;font-size:14px}#game.mobile-play .legend,#game.mobile-play .shortcuts{display:none}:is(#game.mobile-play:has(.board-frame[data-size="7"]) .game-metrics,#game.mobile-play:has(.board-frame[data-size="9"]) .game-metrics){margin-bottom:7px}:is(#game.mobile-play:has(.board-frame[data-size="7"]) .game-metric,#game.mobile-play:has(.board-frame[data-size="9"]) .game-metric){gap:2px;padding:5px 4px}:is(#game.mobile-play:has(.board-frame[data-size="7"]) .metric-label,#game.mobile-play:has(.board-frame[data-size="9"]) .metric-label){font-size:10px}#game.mobile-play:has(.board-frame[data-size="7"]) .game-metric strong{font-size:16px}#game.mobile-play:has(.board-frame[data-size="7"]) #timer{font-size:16px}#game.mobile-play:has(.board-frame[data-size="9"]) .game-metric strong{font-size:16px}#game.mobile-play:has(.board-frame[data-size="9"]) #timer{font-size:16px}}@media (width<=639px) and (height<=720px){#game.mobile-play .game-masthead{gap:4px;padding:12px 0 9px}#game.mobile-play .game-wordmark{font-size:28px}#game.mobile-play .board-stage{gap:9px}#game.mobile-play .game-top{padding-top:9px}#game.mobile-play .tool{min-height:58px}#game.mobile-play .tools{padding-top:9px}}.game-metrics{background:linear-gradient(110deg,#fcf8f0,#f0e8da);border:1px solid #d9cebc;border-radius:14px;flex:none;grid-template-columns:1fr 1fr 1fr;margin:0 0 16px;display:grid;overflow:hidden;box-shadow:0 2px 5px #5944310c,inset 0 1px #fffcf6}.game-metric{border:0;border-right:1px solid #d9cebc;flex-direction:column;justify-content:center;align-items:center;gap:4px;min-width:0;padding:9px 8px;display:flex}.game-metric:last-child{border-right:0}.metric-label{font:500 12px/1.3 var(--font-ui);color:#624d3e;letter-spacing:.025em}.game-metric strong{font:500 20px/1.15 var(--font-display);color:#48413a;font-variant-numeric:tabular-nums}.metric-time{justify-content:center;align-items:center;gap:5px;display:flex;position:relative}#game #timer{font:500 20px/1.15 var(--font-display);font-variant-numeric:tabular-nums;color:#48413a;min-width:0}#game .metric-time #reset-timer{width:24px;height:24px;min-height:24px;box-shadow:none;color:#897968;background:0 0;border:0;margin-left:3px;display:inline-grid;position:absolute;left:100%}#game .metric-time #reset-timer .icon{width:13px;height:13px}.metric-streak{background:linear-gradient(125deg,#e6ebdd,#dce4d4)}.metric-restart{color:#624d3e;font:500 13px/1.3 var(--font-ui);cursor:pointer;background:0 0;gap:5px}.metric-restart .icon{stroke-width:1.4px;width:20px;height:20px}.metric-restart:hover{background:#e9dfd1}.game-tutorial-link{flex:none;width:fit-content;margin:-4px auto 12px;display:flex;box-shadow:0 2px 5px #5944310c}#game.en-tutorial .game-metrics,#game.en-tutorial .game-tutorial-link{display:none}@media (width<=639px){#game.mobile-play .game-metrics{border-radius:12px;margin:0 5px 12px}#game.mobile-play .game-metric{gap:3px;padding:8px 5px}#game.mobile-play .clock{justify-content:center}#game.mobile-play .board-stage{gap:10px}#game.mobile-play .case-banner{padding-bottom:0}#game.mobile-play .game-metric strong,#game.mobile-play #timer{font-size:18px}}@media (width<=639px) and (height<=720px){#game.mobile-play .game-masthead{padding:9px 0 7px}#game.mobile-play .game-signature{display:none}#game.mobile-play .game-metrics{margin-bottom:8px}#game.mobile-play .game-metric{padding:6px 4px}#game.mobile-play .board-stage{gap:7px}#game.mobile-play .board-frame{border-top-width:14px;border-bottom-width:14px}}#game .board-frame,#game.mobile-play .board-frame{background:var(--wall-stone) url(/rastros/play/img/marco-marfil-fino.webp) center/100% 100% no-repeat;background-origin:border-box;border-color:#0000;border-image:;border-radius:3px}#game #timer,#game .game-metric strong{font-family:var(--font-ui);font-size:18px;font-weight:500}#game.mobile-play .game-metric strong,#game.mobile-play #timer{font-size:20px}#game .wall-door.is-connected .wall-portrait{box-shadow:0 0 0 1.5px #faf3e8,0 0 0 3px var(--color-primary)}#game .tool{font-size:14px;font-weight:500}#game .tool:disabled{opacity:1;color:#756958;box-shadow:none;cursor:default;background:#eee7dc;border-color:#ddd0bf}#game .tool:disabled .icon,#game .tool:disabled .tool-glyph{opacity:.55}#game .metric-time #reset-timer{width:20px;margin-left:0}.case-rows>li:has(.case-challenge){border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface);box-shadow:var(--shadow-raised);grid-template-columns:minmax(0,1fr) 44px;align-items:center;padding-right:4px;display:grid}.case-rows>li:has(.case-challenge) .case-row{box-shadow:none;background:0 0;border:0;padding-right:6px}.case-rows>li:has(.is-current){border-color:var(--color-primary);box-shadow:0 0 0 1px var(--color-primary)}.case-rows>li:has(.is-solved){border-color:var(--color-sage-300)}.case-rows .case-challenge{width:44px;min-height:44px;color:var(--color-primary);box-shadow:none;background:0 0;border:0;border-radius:50%;place-items:center;margin:0;padding:0;display:grid}.case-rows .case-challenge .whatsapp-icon{width:19px;height:19px}.case-rows .case-challenge:hover{background:var(--color-sage-100)}.case-rows .case-challenge span{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (width>=640px){.scene-grid>li{display:flex}.scene-grid .scene-card{width:100%;height:100%}.scene-grid .scene-body{min-height:158px}.scene-grid .scene-body>.badge,.scene-grid .scene-body>.scene-play{margin-top:auto}}@media (width<=639px){#game.mobile-play{min-height:0}#game.mobile-play .game-masthead{border-bottom:1px solid #ddd0bf;grid-template-columns:76px minmax(0,1fr) 76px;align-items:center;gap:0;padding:12px 6px;display:grid}#game.mobile-play .game-wordmark{text-align:center;letter-spacing:.1em;padding-left:.1em;font-size:clamp(25px,7vw,32px)}.masthead-action{color:#48413a;min-height:48px;font:500 12px/1.2 var(--font-ui);background:0 0;border:0;flex-direction:column;justify-content:center;align-items:center;gap:5px;padding:3px 0;display:flex}.masthead-action .icon{stroke-width:1.5px;width:21px;height:21px}.masthead-action:hover{color:#486e5d}#game.mobile-play .workspace{flex:none;justify-content:flex-start;padding:6px 0}#game.mobile-play .board-stage{flex:none}#game.mobile-play .board-frame{border-left-width:2px;border-right-width:2px}#game.mobile-play #board thead th:first-child,#game.mobile-play #board thead th:last-child,#game.mobile-play #board tbody th{width:14px}#game.mobile-play .tutorial-guide{scroll-margin-top:140px}#game.mobile-play #back,.back-link,.website-return{background:var(--action-mint);border:1px solid var(--action-mint-border);color:var(--action-mint-ink);box-shadow:0 2px 5px #59443118}#game.mobile-play #back:hover,.back-link:hover,.website-return:hover{background:var(--action-mint-hover);border-color:var(--action-mint-border);color:var(--action-mint-ink)}#game.en-tutorial .tutorial-guide{z-index:22;border-color:var(--action-mint-border);max-height:148px;margin:0 8px 8px;padding:10px 12px;scroll-margin-top:112px;position:sticky;top:108px;overflow:auto;box-shadow:0 5px 16px #59443124}#game.en-tutorial .tutorial-guide .progress,#game.en-tutorial #tutorial-text{display:none}#game.en-tutorial .tutorial-guide h3{margin:2px 0 4px;font-size:16px}#game.en-tutorial #tutorial-action{margin:0;padding:7px 9px;font-size:13px;line-height:1.35}#game.en-tutorial .tutorial-actions{margin-top:7px}}@media (width<=360px){#game.mobile-play .tools{gap:3px;padding-inline:3px}#game.mobile-play .tool{letter-spacing:-.025em;min-width:0;padding-inline:0;font-size:10px}#game.mobile-play .tool .icon{width:18px;height:18px}#game.mobile-play .tool>span:last-child{white-space:nowrap;font-size:10px}}#game-statistics-dialog .stats-list{margin-top:24px}@media (width<=639px){#success[open]{max-height:calc(100dvh - 32px);overflow:auto;transform:translateY(clamp(12px,4dvh,32px))}#success .door-celebration{margin-top:14px}body:has(#game.mobile-play .board-frame[data-size="9"]) main{padding-inline:0}#game.mobile-play .board-frame[data-size="9"]{--fw:100cqi}#game.mobile-play:has(.board-frame[data-size="9"]) .game-top{padding-block:4px}#game.mobile-play:has(.board-frame[data-size="9"]) #challenge-note{margin:0 5px 5px;padding:4px 8px;font-size:11px;line-height:1.25}#game.mobile-play:has(.board-frame[data-size="9"]) .game-metrics{min-height:36px;margin:0 5px 5px}#game.mobile-play:has(.board-frame[data-size="9"]) .game-metric{gap:0;padding:3px 4px}#game.mobile-play:has(.board-frame[data-size="9"]) .metric-label{font-size:9px;line-height:1.1}#game.mobile-play:has(.board-frame[data-size="9"]) .game-metric strong{font-size:15px;line-height:1.1}#game.mobile-play:has(.board-frame[data-size="9"]) #timer{font-size:15px;line-height:1.1}#game.mobile-play:has(.board-frame[data-size="9"]) .metric-restart{font-size:11px}#game.mobile-play:has(.board-frame[data-size="9"]) .metric-restart .icon{width:16px;height:16px}#game.mobile-play #board td button{aspect-ratio:1;height:auto}#game.mobile-play .game-masthead{padding:9px 6px}#game.mobile-play .board-frame{background-color:#eee4d5;background-image:linear-gradient(90deg,#e2d4c0,#f8f1e7 12% 88%,#e2d4c0);border:1px solid #bba98d;padding:12px 0;box-shadow:inset 0 0 0 3px #fbf6ed,inset 0 0 0 5px #cdbca3,0 3px 9px #59443118}#game.mobile-play .board-frame:before,#game.mobile-play .board-frame:after,#game.mobile-play #door-layer:before,#game.mobile-play #door-layer:after{content:"";z-index:5;pointer-events:none;background-image:url(/rastros/play/img/patio-mansion-referencia-sin-puertas.webp);background-repeat:no-repeat;background-size:150px 150px;width:30px;height:30px;position:absolute}#game.mobile-play .board-frame:before{background-position:0 0;top:-3px;left:-3px;-webkit-mask-image:radial-gradient(circle at 0 0,#000 48%,#0000 76%);mask-image:radial-gradient(circle at 0 0,#000 48%,#0000 76%)}#game.mobile-play .board-frame:after{background-position:100% 0;top:-3px;right:-3px;-webkit-mask-image:radial-gradient(circle at 100% 0,#000 48%,#0000 76%);mask-image:radial-gradient(circle at 100% 0,#000 48%,#0000 76%)}#game.mobile-play #door-layer:before{background-position:0 100%;bottom:-3px;left:-3px;-webkit-mask-image:radial-gradient(circle at 0 100%,#000 48%,#0000 76%);mask-image:radial-gradient(circle at 0 100%,#000 48%,#0000 76%)}#game.mobile-play #door-layer:after{background-position:100% 100%;bottom:-3px;right:-3px;-webkit-mask-image:radial-gradient(circle at 100% 100%,#000 48%,#0000 76%);mask-image:radial-gradient(circle at 100% 100%,#000 48%,#0000 76%)}body:has(#game.mobile-play){overflow:hidden}#game.mobile-play{box-sizing:border-box;height:100dvh;max-height:100dvh;overflow:hidden}#game.mobile-play .workspace{flex:1;min-height:0;overflow:hidden}#game.mobile-play .board-stage{flex:1;justify-content:flex-start;min-height:0;overflow:hidden}#game.mobile-play .board-scroll{flex:1;justify-content:center;align-items:center;min-height:0;display:flex;overflow:hidden;container-type:size}#game.mobile-play .board-frame{--fw:min(calc(100cqi - 8px),calc(100cqh - 106px));flex:none;max-width:calc(100% - 8px)}#game.mobile-play:has(.board-frame[data-size="9"]) #challenge-note{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}}.website-return-bar{max-width:var(--content-max);padding:0 var(--gutter) 5px;margin:0 auto}.website-return{border:1px solid var(--color-border);background:var(--color-surface);min-height:36px;color:var(--color-text);font:500 13px/1.3 var(--font-ui);border-radius:8px;align-items:center;gap:7px;padding:5px 10px;text-decoration:none;display:inline-flex}.website-return:hover{background:var(--color-sage-100);border-color:var(--color-sage-300)}#archive-settings .website-return{margin-bottom:10px}#game #board td button.victim{background:#c7d7be;box-shadow:inset 0 0 0 2px #819a74}#game #board td button.victim:focus-visible{outline:2px solid var(--color-primary);outline-offset:-4px}.consent-banner{z-index:140;color:#fceee2;background:#261532f5;border:1px solid #fceee238;justify-content:space-between;align-items:center;gap:30px;width:min(100% - 40px,980px);margin:auto;padding:20px 22px;font-family:Inter,sans-serif;display:flex;position:fixed;bottom:20px;left:20px;right:20px;box-shadow:0 20px 60px #0a030f61}.consent-banner[hidden]{display:none}.consent-banner strong{color:#fceee2;margin-bottom:5px;font-family:Display,Georgia,serif;font-size:1.35rem;font-weight:600;display:block}.consent-banner p{color:#fceee2c7;max-width:640px;margin:0 0 7px;font-size:.8125rem;line-height:1.5}.consent-banner a{color:#fceee2;text-underline-offset:3px;font-size:.75rem;text-decoration:underline}.consent-links{gap:14px;display:flex}.consent-actions{flex:none;align-items:center;gap:10px;display:flex}.consent-actions .consent-choice{color:#261532;letter-spacing:.055em;text-transform:uppercase;background:#fceee2;border:1px solid #fceee2;border-radius:0;min-height:46px;padding:10px 16px;font-size:.8125rem;font-weight:800}.consent-actions .consent-choice:hover{color:#261532;background:#fff8ef;border-color:#fff8ef}@media (width<=920px){.consent-banner{flex-direction:column;align-items:stretch;gap:16px}.consent-actions{grid-template-columns:1fr 1fr;display:grid}.consent-actions button{width:100%}}