@import url('https://fonts.googleapis.com/css2?family=Baloo+2:wght@500;600;700;800&family=Nunito:wght@400;600;700;800;900&display=swap');
:root{font-family:'Nunito',sans-serif;color:#29123e;background:#6233a9;--room:#ffb951;font-size:18px}*{box-sizing:border-box}body{margin:0;background:#6233a9;background-image:radial-gradient(circle at 8% 10%,#e687ef 0 3px,transparent 4px),radial-gradient(circle at 85% 70%,#95e1d7 0 3px,transparent 4px);background-size:65px 65px,90px 90px}button,input{font:inherit}button{cursor:pointer;border:2px solid #321b4b;background:#f5e9fc;color:#321b4b;border-radius:13px;padding:10px 18px;font-weight:800;box-shadow:0 3px 0 #321b4b;transition:transform .15s}button:hover:not(:disabled){transform:translateY(-2px)}button:disabled{cursor:not-allowed;opacity:.6;box-shadow:none}button:focus-visible,a:focus-visible,input:focus-visible,summary:focus-visible{outline:4px solid #167b85;outline-offset:4px}header{background:#32134f;color:#fff6d7;display:flex;justify-content:space-between;align-items:center;gap:14px;padding:18px max(24px,calc((100vw - 1280px)/2));border-bottom:5px solid #ffaf43}header a{font-family:'Baloo 2',cursive;font-size:26px;line-height:1;text-decoration:none;color:#ffcc64;font-weight:800}header a span{display:block;color:#f0ccff;font-family:'Nunito',sans-serif;font-size:12px;letter-spacing:2px;margin-top:8px}header button{background:#dac3ff}main{max-width:1320px;padding:28px 24px 48px;margin:auto}h1,h2,h3{font-family:'Baloo 2',cursive;line-height:1.08;margin:0 0 14px}h1{font-size:clamp(2.4rem,5vw,4.2rem);font-weight:800}h2{font-size:1.8rem}h3{font-size:1.35rem}p{line-height:1.6;margin:0 0 18px}.eyebrow{font-size:.78rem;font-weight:900;letter-spacing:1.5px;display:block;margin-bottom:10px}h1 span{display:block;font-size:.58em;color:#702880;margin-top:6px}.welcome{display:grid;grid-template-columns:1fr 1.1fr;background:#ffd270;border:3px solid #32134f;border-radius:30px;overflow:hidden;box-shadow:0 8px 0 #371557}.welcome-copy{padding:35px}.stats{display:flex;flex-wrap:wrap;gap:8px;margin:22px 0}.stats b{background:#fce4f8;border:1px solid #612469;padding:6px 10px;border-radius:9px;font-size:.8rem}.primary{background:#c7f568;color:#243e11;border-color:#344715;padding:14px 22px;box-shadow:0 4px 0 #344715}.start{width:100%;text-align:left}.start span{float:right}.save-note{font-size:.77rem;margin:14px 0 0;font-weight:700}.manor{position:relative;min-height:380px}.manor>img{width:100%;height:100%;object-fit:cover;display:block}.manor-tag{position:absolute;bottom:20px;left:20px;right:20px;background:#32134fed;border:1px solid #ffba61;color:#fff6d5;border-radius:12px;text-align:center;padding:12px;font-weight:800;font-size:.85rem}.map-title{display:flex;justify-content:space-between;align-items:center;gap:15px;color:#fff2cc;margin-top:36px}.map-title h2{margin:0}.map-title span{font-weight:800}progress{width:100%;height:13px;margin:16px 0 24px;accent-color:#c7f568;border:0;border-radius:10px;background:#32134f}progress::-webkit-progress-bar{background:#32134f;border-radius:10px}progress::-webkit-progress-value{background:#c7f568;border-radius:10px}.room-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.room-card{background:var(--card);display:flex;gap:16px;text-align:left;align-items:center;padding:18px;border-radius:23px;min-height:190px;border-width:3px}.room-card:disabled{opacity:.82;color:#29123e}.avatar{width:95px;height:112px;object-fit:cover;object-position:center 35%;border-radius:22px;border:3px solid #542469;background:#ffdbb9;flex-shrink:0}.room-card .avatar{width:88px;height:105px}.room-card small{font-size:.67rem;font-weight:900}.room-card h3{margin-top:8px;margin-bottom:6px}.room-card p{font-size:.8rem;margin:0 0 8px}.room-card span{font-size:.72rem}.final-door{margin-top:30px;background:#40215f;border:2px solid #b27ee4;border-radius:25px;padding:28px;color:#eedcff}.final-door.ready{background:#ffd270;color:#29123e;border-color:#32134f}.final-door>p{margin:20px 0 0}.charms{display:flex;flex-wrap:wrap;gap:10px}.charms span{border:2px dashed currentColor;border-radius:12px;padding:12px;font-size:.78rem}.charms b{font-size:1.1rem;padding-left:10px}.final-door form{margin-top:24px;max-width:450px}.room-nav{display:flex;align-items:center;justify-content:space-between;gap:12px;color:#fff2d0;font-weight:900;font-size:.85rem;margin-bottom:22px}.room-banner{background:var(--room);border:3px solid #351847;border-radius:27px;display:flex;align-items:center;gap:24px;padding:25px;position:relative;overflow:hidden;margin-bottom:24px}.room-banner>div{max-width:780px;position:relative;z-index:1}.room-banner h1{font-size:clamp(2rem,4vw,3.1rem)}.room-banner p{margin:0}.room-banner>.avatar{width:110px;height:140px}.banner-art{position:absolute;right:0;top:0;width:23%;height:100%;object-fit:cover;opacity:.12;pointer-events:none}.play-layout{display:grid;grid-template-columns:340px 1fr;gap:24px;align-items:start}.clue-shelf{background:#e9b5fa;border:3px solid #36194b;border-radius:24px;padding:24px}.clue-shelf>p{font-size:.88rem}.objects{display:grid;grid-template-columns:1fr 1fr;gap:12px}.objects button{background:#ffe6a6;padding:14px 8px;border-radius:17px}.objects button[aria-expanded=true]{background:#c7f568}.object-icon{font-size:2.1rem;display:block;margin-bottom:6px}.objects b{font-size:.82rem;display:block}.objects small{display:block;font-size:.7rem;margin-top:6px}.found-clue{background:#fff2c2;border:2px dashed #684281;border-radius:16px;padding:17px;margin-top:20px}.found-clue h3{font-size:1.1rem}.found-clue p{font-size:.95rem;margin:0}.host-tip{display:flex;gap:12px;margin-top:20px;align-items:center}.host-tip .avatar{width:60px;height:72px;border-radius:50%}.host-tip p{font-size:.78rem;margin:0}.puzzle-area{background:#fff0cb;border:3px solid #32134f;border-radius:25px;padding:30px;min-height:510px;box-shadow:0 7px 0 #34164f}.locks{display:flex;gap:8px;margin-bottom:26px;flex-wrap:wrap}.locks button{font-size:.8rem;padding:9px 13px;background:#eed6ff}.locks [aria-current=step]{background:#ffc158;border-width:3px}.instructions{font-size:1.05rem}.tiles{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:20px 0}.tiles button{min-height:65px;background:#e9d4ff}.tiles button[aria-pressed=true]{background:#bbeb61;border-width:3px}.tiles button[aria-pressed=true]::before{content:'✓ ';color:#233d14}label{display:block;font-weight:900;margin-bottom:10px}input{background:#fffaf1;border:3px solid #743f94;border-radius:14px;padding:14px 16px;display:block;width:100%;max-width:440px;min-width:0;font-weight:900;font-size:1.5rem;letter-spacing:3px;margin-bottom:18px}.secondary{font-size:.86rem}.order-line{background:#ffe09b;border:2px dashed #955294;border-radius:13px;padding:17px;min-height:70px;display:flex;flex-wrap:wrap;gap:10px;font-size:.9rem}.order-line span{background:#fff2d8;padding:5px 8px;border-radius:7px}.actions{display:flex;gap:10px;flex-wrap:wrap}.feedback{margin-top:20px;font-weight:900;color:#9a263d;min-height:24px}.hint-button{background:#f5d3ff;font-size:.86rem}.hints p{padding:12px;margin:15px 0 0;border-left:4px solid #7948a4;background:#f2dffd;font-size:.9rem}.solved{background:#d1f59b;border:2px solid #4a742c;border-radius:20px;padding:25px}.solved h3{font-size:1.8rem}.solved p{margin-bottom:20px}.charm-reward{background:#ffe87c;border:3px dashed #8d633d;border-radius:17px;text-align:center;margin:20px 0;padding:20px}.charm-reward span{font-weight:900;letter-spacing:3px;font-size:.8rem}.charm-reward h3{margin:14px 0;font-size:2rem}.charm-reward strong{display:inline-block;border:3px solid #723664;border-radius:50%;padding:10px 21px;background:#ebadfa}.charm-reward p{margin:0}.maze{display:grid;grid-template-columns:repeat(5,1fr);gap:5px;max-width:405px;background:#773f9c;padding:8px;border-radius:18px;margin:20px auto}.cell{aspect-ratio:1;display:grid;place-items:center;background:#fbe6a2;border-radius:9px;font-size:1.9rem;min-width:0}.cell.wall{background:#331849}.cell.player{background:#b6ed59;border:3px solid #33581d}.directions{display:flex;justify-content:center;gap:10px;margin:15px 0}.directions button{font-size:1.4rem;padding:7px 18px}.journal{margin-top:25px;border:3px solid #36144d;background:#b9ebdf;border-radius:24px;padding:28px}.journal-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}details{padding:18px;background:#e5fff5;border:1px solid #428a7c;border-radius:14px}summary{cursor:pointer;font-weight:900}details p{margin:12px 0 0;font-size:.95rem}.discovery{background:#f4facb}.victory{background:#c8f571;border:3px solid #607f27;border-radius:22px;padding:28px;text-align:center;margin-top:24px}.cast{display:flex;justify-content:center;flex-wrap:wrap;gap:12px;margin:20px 0}.cast .avatar{width:70px;height:85px}.victory h2{font-size:2.5rem}.victory p:last-child{margin:0}dialog{max-width:700px;width:calc(100% - 30px);background:#fff0c9;color:#29123e;border:4px solid #693296;border-radius:23px;padding:30px;max-height:90vh;overflow:auto}dialog::backdrop{background:#210b40bc}.close{float:right;margin:0 0 20px 20px}dialog h2{clear:both}dialog li{margin-bottom:12px;line-height:1.5}.danger{background:#ffd1da}footer{text-align:center;background:#32134f;color:#f0d2fc;padding:22px;font-size:.78rem;font-weight:800}#confirmReset{margin-top:20px;padding-top:20px;border-top:2px solid #a55a83}#confirmReset button{margin:5px}body:has(.victory) .victory{animation:pop .5s ease-out}@keyframes pop{from{transform:scale(.94)}to{transform:scale(1)}}
@media(max-width:1100px){.room-grid{grid-template-columns:repeat(2,1fr)}.play-layout{grid-template-columns:290px 1fr}.clue-shelf{padding:18px}.puzzle-area{padding:23px}.welcome-copy{padding:25px}}@media(max-width:800px){.welcome{grid-template-columns:1fr}.manor{height:290px;min-height:0}.manor img{object-position:center 55%}.play-layout{grid-template-columns:1fr}.objects{grid-template-columns:repeat(4,1fr)}.host-tip{display:none}.room-banner>.avatar{width:80px;height:105px}.banner-art{display:none}.room-banner{gap:16px;padding:20px}.clue-shelf>p{margin-bottom:12px}.map-title{align-items:start}.room-nav{flex-wrap:wrap}.room-nav>span{order:3;width:100%;text-align:center}.welcome-copy{padding:28px}.journal-grid{grid-template-columns:1fr}}@media(max-width:520px){:root{font-size:16px}main{padding:20px 13px 35px}header{padding:17px 15px}header a{font-size:21px}header button{font-size:.85rem;padding:8px 12px}.room-grid{grid-template-columns:1fr}.room-card{min-height:155px}.room-card .avatar{width:90px;height:110px}.room-card h3{font-size:1.5rem}.room-card small,.room-card span{font-size:.8rem}.room-card p{font-size:.9rem}.map-title{display:block}.map-title span{display:block;margin-top:9px}.room-banner{align-items:start}.room-banner>.avatar{width:64px;height:85px}.room-banner h1{font-size:1.9rem}.objects{grid-template-columns:repeat(2,1fr)}.puzzle-area{padding:20px 16px}.locks{gap:7px}.locks button{padding:8px 10px}.tiles{gap:9px}.tiles button{font-size:.95rem;padding:10px}.journal{padding:20px}.final-door{padding:22px}.welcome-copy{padding:23px}.stats b{font-size:.85rem}.eyebrow{letter-spacing:1px}.cell{font-size:1.65rem}.directions{gap:8px}h1{font-size:3rem}header a span{font-size:11px}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important;scroll-behavior:auto!important}}