:root{color:#25303a;background:#f3efe2;--ink: #25303a;--muted: #5c6b75;--paper: #fffaf0;--blue: #225d78;--teal: #19715f;--green: #2f7f59;--violet: #5b4bb7;--sky: #58a8d8;--gold: #f4c95d;--orange: #d96f35;--rose: #b9474b;--wood: #b9784a;--wood-dark: #754b35;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:linear-gradient(180deg,#e7f3f7,#fff4dc,#e4ebd6)}button{font:inherit}.app-shell{min-height:100vh;display:grid;place-items:center;padding:18px}.house-stage{width:min(100%,1060px);min-height:min(720px,calc(100vh - 36px));display:grid;grid-template-columns:minmax(340px,.88fr) minmax(440px,1.12fr);grid-template-rows:auto 1fr;grid-template-areas:"intro panel" "house panel";gap:22px;align-items:stretch}.intro{grid-area:intro;padding:10px 0 0}.eyebrow{margin:0 0 8px;color:#9a5230;font-size:.78rem;font-weight:900;letter-spacing:0;text-transform:uppercase}h1,h2,p{margin-top:0}h1{margin-bottom:12px;color:var(--ink);font-family:Georgia,Times New Roman,serif;font-size:clamp(2.25rem,5vw,4rem);line-height:1.02}#mission-copy{max-width:420px;color:#546171;font-size:1.08rem}#house{position:relative;grid-area:house;display:grid;grid-template-columns:repeat(2,minmax(120px,1fr));grid-auto-rows:minmax(118px,1fr);gap:14px;align-content:end;overflow:hidden;padding:28px 18px 18px;border:4px solid var(--wood-dark);border-radius:8px;background:linear-gradient(135deg,transparent 47%,rgba(93,56,33,.42) 48% 51%,transparent 52%),linear-gradient(90deg,rgba(255,244,198,.24),transparent 38%),#d89d68;box-shadow:0 22px 44px #533c263d,inset 0 0 0 2px #fff4c65c}#house:before{position:absolute;inset:0 0 auto;height:20px;background:repeating-linear-gradient(90deg,#7c3f2d 0,#7c3f2d 28px,#9f5235 28px,#9f5235 56px);content:""}.room{position:relative;display:grid;align-content:center;gap:8px;min-height:130px;padding:16px;border:2px solid rgba(93,60,40,.62);border-radius:8px;background:linear-gradient(180deg,rgba(255,255,255,.08),transparent),#845f48;color:#fff8e8;font-weight:900;text-align:center;box-shadow:inset 0 -10px #30231b24,0 7px 14px #50311f2e;transition:background .22s ease,color .22s ease,transform .22s ease}.room:after{position:absolute;right:12px;bottom:10px;width:20px;height:20px;border-radius:50%;background:#fff8e83d;box-shadow:0 0 0 6px #fff8e814;content:""}.room-name{font-size:1.05rem}.room-state{color:#fff8e8d1;font-size:.76rem;letter-spacing:0;text-transform:uppercase}.room-current{border-color:#fff2b5;transform:translateY(-2px);box-shadow:0 0 0 3px #f4c95d5c,0 12px 24px #50311f38}.room-complete{background:linear-gradient(180deg,rgba(255,255,255,.34),transparent),#f4c95d;color:#3f321f;transform:translateY(-3px);box-shadow:0 8px 18px #7f561a42}.room-kitchen.room-complete{background:linear-gradient(180deg,rgba(255,255,255,.36),transparent),#f4c95d}.room-playroom.room-complete{background:linear-gradient(180deg,rgba(255,255,255,.32),transparent),#77c66e}.room-bedroom.room-complete{background:linear-gradient(180deg,rgba(255,255,255,.28),transparent),#91a1e8}.room-entry.room-complete{background:linear-gradient(180deg,rgba(255,255,255,.32),transparent),#75c8c4}.room-laundry.room-complete{background:linear-gradient(180deg,rgba(255,255,255,.32),transparent),#f3a75e}.room-family.room-complete{background:linear-gradient(180deg,rgba(255,255,255,.32),transparent),#db78a6}.room-complete .room-state{color:#61431c}.mission-panel{grid-area:panel;display:flex;flex-direction:column;justify-content:center;padding:22px;border:1px solid rgba(55,65,75,.16);border-radius:8px;background:linear-gradient(180deg,#ffffffe0,#fffaf0f0),var(--paper);box-shadow:0 20px 60px #28354329,inset 0 0 0 3px #f4c95d1f}.run-board{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin-bottom:14px}.run-metric{min-height:58px;padding:9px 10px;border:2px solid rgba(34,93,120,.16);border-radius:8px;background:#f1f7f5}.run-metric:nth-child(2){background:#eef6fb}.run-metric:nth-child(4){background:#fff5dc}.run-metric:nth-child(5){background:#f2edff}.run-metric span{display:block;color:var(--muted);font-size:.72rem;font-weight:900;letter-spacing:0;text-transform:uppercase}.run-metric strong{display:block;margin-top:3px;color:var(--ink);font-size:1.2rem}.timer-track{grid-column:1 / -1;height:14px;overflow:hidden;border-radius:999px;background:#d8e2de;box-shadow:inset 0 2px 5px #26303c2e}#timer-meter{display:block;width:100%;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--green),var(--gold));transition:width .24s linear,background .18s ease}#timer-meter.timer-low{background:linear-gradient(90deg,var(--orange),var(--rose))}.status-row{display:flex;flex-wrap:wrap;gap:10px;justify-content:space-between;margin-bottom:16px;color:var(--muted);font-size:.92rem;font-weight:900}h2{margin-bottom:8px;color:var(--ink);font-family:Georgia,Times New Roman,serif;font-size:clamp(1.7rem,4vw,2.7rem)}#mission-prompt{color:#435462;font-size:1.06rem}.challenge-label{margin:0;padding:9px 11px;border-left:5px solid var(--violet);border-radius:8px;background:#f2edff;color:#45388f;font-size:.9rem;font-weight:900}.reward-rack{display:flex;flex-wrap:wrap;gap:8px;margin:10px 0 4px}.reward-token{padding:6px 9px;border:1px solid rgba(92,107,117,.24);border-radius:999px;background:#f0f2ed;color:#74808c;font-size:.78rem;font-weight:900}.reward-unlocked{border-color:#2f7f5957;background:#e6f3da;color:#2f6541}.slots{display:grid;gap:10px;margin:18px 0}.slot{min-height:46px;display:flex;align-items:center;padding:10px 12px;border:2px dashed #a9b2bd;border-radius:8px;color:#687588;font-weight:800;transition:border-color .16s ease,background .16s ease,transform .16s ease}.slot-filled{border-style:solid;background:#f7fbf8;color:#253a31}.slot-clean{border-color:var(--green);background:#e4f2e8;transform:translate(2px);box-shadow:inset 5px 0 #2f7f5947}.slot-risk{border-color:var(--orange);background:#fff0dd;box-shadow:inset 5px 0 #d96f3552}.cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.card,.controls button{min-height:48px;border:0;border-radius:8px;cursor:pointer;font-weight:900}.card{position:relative;padding:12px;border-bottom:4px solid rgba(24,44,55,.28);background:linear-gradient(135deg,rgba(255,255,255,.13),transparent 42%),var(--blue);color:#fff;text-align:left;box-shadow:0 7px 14px #225d782e;transition:transform .12s ease,box-shadow .12s ease,background .12s ease}.card:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 11px 18px #225d783d}.card:disabled{opacity:.58;cursor:not-allowed;box-shadow:none}.card:nth-child(2n){background:linear-gradient(135deg,rgba(255,255,255,.13),transparent 42%),var(--teal)}.card:nth-child(3n){background:linear-gradient(135deg,rgba(255,255,255,.13),transparent 42%),#6f5ec6}.card:hover:not(:disabled),.card:focus-visible:not(:disabled),.controls button:hover,.controls button:focus-visible{outline:3px solid rgba(243,201,109,.85);outline-offset:2px}.card-used{border-bottom-color:#5c6b753d;background:#9aa7b3;color:#eef2f5;cursor:default;box-shadow:none}.controls{display:grid;grid-template-columns:1.15fr .78fr .92fr .92fr .72fr;gap:10px;margin:18px 0 8px}.controls button{padding:0 14px;background:var(--green);color:#fffdf4;box-shadow:0 7px 14px #2f7f5933}.controls button+button{background:#6a7280;box-shadow:none}.controls .utility-button{background:#225d78}.controls .utility-button+.utility-button{background:#5b4bb7}.controls button:disabled{opacity:.48;cursor:not-allowed}.feedback{min-height:3rem;margin-bottom:0;color:#8a4a2e;font-weight:800}.feedback-combo{color:#1f6f54}.feedback-success{color:#2f6541}.feedback-miss{color:#a13f2d}@media(max-width:840px){.app-shell{padding:0}.house-stage{min-height:100vh;grid-template-columns:1fr;grid-template-rows:auto auto auto;grid-template-areas:"intro" "panel" "house";padding:18px}#house,.mission-panel{grid-column:auto;grid-row:auto}#house{grid-area:house}.mission-panel{grid-area:panel}.cards{grid-template-columns:repeat(2,minmax(0,1fr))}h1{font-size:clamp(2rem,11vw,2.8rem);margin-bottom:8px}#mission-copy{display:none}.mission-panel{justify-content:start;padding:18px}.run-board{grid-template-columns:repeat(3,minmax(0,1fr))}.run-metric{min-height:52px;padding:8px}.run-metric strong{font-size:1rem}.status-row{margin-bottom:10px}h2{font-size:1.8rem}#mission-prompt{margin-bottom:0}.challenge-label{margin-top:8px;font-size:.84rem}.reward-rack{order:9;margin-top:12px}#house{grid-auto-rows:minmax(92px,1fr);padding:26px 14px 14px}.room{min-height:96px;padding:12px}.slots{gap:8px;margin:12px 0}.slot{min-height:42px;padding:8px 10px}.card{min-height:44px;padding:10px;font-size:.9rem}.controls{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;margin-top:12px}.controls button{min-height:44px;padding:0 8px;font-size:.78rem}}@media(max-width:520px){.run-board{grid-template-columns:repeat(2,minmax(0,1fr))}.cards{grid-template-columns:1fr}.controls{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}