*{box-sizing:border-box}body{margin:0;background:#faf8f1;color:#183568;font-family:Arial,Helvetica,sans-serif}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}button:disabled{cursor:default}button:focus-visible,a:focus-visible{outline:3px solid #e8a24b;outline-offset:3px}[hidden]{display:none!important}.room-game{max-width:820px;margin:0 auto;padding:12px 18px 24px}.game-title{text-align:center;margin:0 0 12px}.eyebrow{font-size:10px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;margin:0 0 5px;color:#98734c}.game-title h1{font-size:27px;letter-spacing:-.035em;margin:0;line-height:1.2}.game-title h1 span{color:#b7754c}.studio{border:1px solid #d4cbbd;border-radius:20px;overflow:hidden;background:#fffdf7;box-shadow:0 7px 0 #ebe4d8}.room-figure{margin:0;background:#f4eee4;border-bottom:1px solid #e6ddcf}.room-preview{width:100%;height:clamp(205px,30svh,310px);display:flex;justify-content:center;align-items:center}.room-preview svg{height:100%;width:100%;display:block}#room-caption{font-size:10px;text-align:center;margin:0;padding:0 10px 9px;color:#706c65}.panel{padding:20px 24px}#start-panel{text-align:center;min-height:280px;display:flex;flex-direction:column}#start-panel h2{font-size:25px;line-height:1.25;margin:0 0 10px;letter-spacing:-.025em}#start-panel p{font-size:14px;line-height:1.55;margin:0;color:#606a79}.start-actions{display:grid;gap:9px;margin:auto auto;width:100%;max-width:410px;padding:22px 0 9px}.primary,.secondary{display:block;min-height:47px;border-radius:11px;padding:12px 17px;font-weight:800;font-size:14px;border:1px solid #174baf;line-height:1.35}.primary{color:white;background:#174baf;box-shadow:0 3px 0 #0f3073}.secondary{background:#fff0db;color:#604932;border-color:#c6a37e;box-shadow:0 3px 0 #e6cfb1}.text-button{border:0;background:none;color:inherit;text-decoration:underline;font-size:12px;padding:8px}.progress-top{padding:12px 24px 0;display:flex;align-items:center;gap:14px}#step-count{font-size:11px;font-weight:800;white-space:nowrap}progress{appearance:none;width:100%;height:5px;border:0;border-radius:4px;background:#e6e2da}progress::-webkit-progress-bar{background:#e6e2da;border-radius:4px}progress::-webkit-progress-value{background:#174baf;border-radius:4px}progress::-moz-progress-bar{background:#174baf}#design-panel{padding-top:8px}.question-heading{display:flex;gap:12px;align-items:center;min-height:73px}.question-heading h2{font-size:22px;line-height:1.2;letter-spacing:-.025em;margin:0}.question-heading button{border:0;padding:8px 0;background:none;color:#52709b;font-size:12px}.question-heading button:disabled{color:#a7a7a3}.choices{display:grid;grid-template-columns:1fr 1fr;gap:9px}.choice{display:flex;text-align:left;align-items:center;gap:10px;min-height:83px;padding:12px;background:#faf5ea;border:1px solid #d9c9b3;border-radius:12px;color:#223959;box-shadow:0 3px 0 #ede2cf}.choice:nth-child(2){background:#f7edf1}.choice:nth-child(3){background:#eef0fa}.choice:nth-child(4){background:#edf4eb}.choice[aria-pressed=true]{outline:3px solid #174baf;outline-offset:-3px;background:#e6edfb}.choice strong{display:block;font-size:15px;line-height:1.15}.choice small{display:block;font-size:11px;line-height:1.35;color:#6c7180;margin-top:5px}.choice-icon{flex-shrink:0;width:34px;height:34px;border:1px solid #cdbba3;background:#fff9ee;border-radius:9px;font-size:25px;display:flex;align-items:center;justify-content:center}.choice-icon.swatch{border-radius:50%}.selection-status{font-size:11px;color:#566777;min-height:28px;margin:12px 0 0;line-height:1.4}h2[tabindex]:focus{outline:none}#result-panel{text-align:center;padding-top:22px}#result-icon{font-size:36px}#result-title{font-size:32px;letter-spacing:-.035em;margin:8px 0}#result-tagline{font-size:19px;font-weight:750;color:#a06743;margin:12px 0}#result-description{font-size:16px;line-height:1.75;text-align:left;color:#4c5d73}#observations{padding:0;list-style:none;text-align:left;display:grid;gap:11px;margin:24px 0}#observations li{border:1px solid #e1d8c9;border-radius:12px;padding:17px;background:#faf6ed}#observations strong{font-size:15px}#observations p{font-size:14px;line-height:1.6;margin:7px 0 0;color:#536379}.result-actions{display:grid;gap:11px;max-width:460px;margin:22px auto}.share-note,#save-status{font-size:13px;line-height:1.6;color:#5c6979}.share-note{max-width:460px;margin:18px auto}#selected-items{padding:12px 0;list-style:none;display:flex;flex-wrap:wrap;gap:7px;justify-content:center}#selected-items li{font-size:11px;padding:7px 9px;border-radius:15px;background:#f2ecdf}details.design-receipt{margin:20px 0;font-size:13px}details.design-receipt summary{cursor:pointer}body[data-screen=result] .room-preview{height:auto;max-height:430px}body[data-screen=result] .room-preview svg{max-height:430px}.hc-category-related{max-width:820px}noscript p{margin:30px;text-align:center}
@media(max-width:650px){.room-game{padding:9px 12px 20px}.game-title{margin-bottom:10px}.game-title h1{font-size:24px}.panel{padding:15px 13px}.room-preview{height:clamp(200px,28svh,242px)}.progress-top{padding:11px 13px 0}.question-heading h2{font-size:20px}.question-heading{min-height:77px}.choice{padding:10px 9px;gap:8px;min-height:86px}.choice strong{font-size:14px}.choice-icon{width:28px;height:28px;font-size:22px}.choice small{font-size:10px}#start-panel{min-height:275px}#start-panel h2{font-size:23px}.start-actions{padding-top:24px}#result-title{font-size:28px}.hc-game-guide{margin-top:32px}}
@media(max-height:750px) and (max-width:650px){.room-preview{height:200px}.question-heading{min-height:68px}.choice{min-height:80px}.panel{padding-bottom:10px}.selection-status{margin-top:10px}#start-panel{min-height:260px}}
@media(prefers-reduced-motion:no-preference){.choice{transition:background .15s}.choice:hover{background:#e9edf5}}