:root{--bg:#f3efe5;--ink:#4a4c3d;--green:#697e5e;--gold:#c7a35b;--paper:#fffdf7}body{background-color:#f3efe5;background-image:radial-gradient(#b5a98718 .8px,transparent .8px);background-size:6px 6px;color:var(--ink)}header{background:#fcf9f0cf;border-bottom:1px solid #dfd6c1;padding:20px 4%}h1,h2,h3{letter-spacing:.04em}h1{font-size:28px}h2{line-height:1.5}header small{letter-spacing:.2em;font-size:10px}main{max-width:1540px}.top{gap:14px}.stat{border:1px solid #e2d9c6;background:#fffcf4;border-radius:15px;box-shadow:0 3px 0 #eae2d0}.stat small{font-size:11px;letter-spacing:.1em}.stat b{color:#5a6f53}.layout{grid-template-columns:minmax(0,1fr) 325px;gap:22px}.room-scene{min-height:0;aspect-ratio:3/2;border:0;border-radius:18px;isolation:isolate;box-shadow:0 4px 0 #ded3b9,0 14px 30px #7c644319;background:#d9c19b;overflow:hidden}.room-background{width:100%;height:100%;position:absolute;inset:0;object-fit:cover;z-index:0}.room-glow{position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,#604a241c,transparent 28%,transparent 80%,#604a2430);z-index:100}.room-caption{position:absolute;top:18px;left:18px;z-index:110;background:#fffcf0ea;padding:12px 18px;border-radius:4px 15px 15px 15px;box-shadow:0 3px 15px #66533620;max-width:75%;border:1px solid #fff8dd}.room-caption small{color:#8b7858;font-size:11px;letter-spacing:.12em}.room-caption h2{margin:2px 0;font-size:22px;color:#526346}.room-caption span{font-size:10px;color:#908064}.room-badges{position:absolute;left:15px;right:15px;bottom:15px;display:flex;gap:7px;align-items:center;z-index:110;flex-wrap:wrap}.room-badges span{background:#fdf9eced;border:1px solid #e9ddc1;color:#5a6b4c;padding:6px 11px;border-radius:30px;font-size:11px;box-shadow:0 2px 5px #70502c19}.room-badges span:first-child{background:#718263e8;color:#fffdf2;border-color:#869475}.room-footnote{position:absolute;top:20px;right:15px;z-index:110;writing-mode:vertical-rl;letter-spacing:.12em;font-size:10px;color:#6c604e;background:#faf3decb;border-radius:20px;padding:10px 7px}.location-dashboard{display:grid;grid-template-columns:repeat(4,1fr);padding:16px 6px;margin-top:6px;border-bottom:1px solid #ddd5c4}.location-dashboard>div{padding:0 8px;border-right:1px solid #ddd5c4}.location-dashboard>div:last-child{border:0}.location-dashboard small{display:block;color:#8b8977;font-size:10px}.location-dashboard b{font-size:16px;color:#5e7056}.workspace-tabs{display:flex;gap:6px;padding:17px 0 4px}.workspace-tabs button{flex:1;background:#e9e5d8;border:1px solid #ded6c5;border-radius:10px;padding:13px 6px;color:#827f6d;font-size:12px;letter-spacing:.03em}.workspace-tabs button.active{background:#718263;color:#fffdf3;border-color:#718263;box-shadow:0 3px 0 #536447}.section-intro{padding:24px 4px 12px}.section-intro small{letter-spacing:.18em;font-size:10px;color:#a49473}.section-intro h2{font-size:26px;margin:8px 0 12px}.section-intro p{color:#82826e;font-size:13px;line-height:1.9}.panel{border:1px solid #e5decb;box-shadow:0 3px 0 #e9e1cf;padding:20px}.budget{background:#fffdf6;border-top:4px solid #92a181}.primary{background:#718263;color:#fffef5;box-shadow:0 3px 0 #55694c;letter-spacing:.03em;border:1px solid #6d7b5d}.primary:hover:enabled{background:#637757}.secondary{background:#ede9dc;color:#6d735c;border:1px solid #ddd5c3}.notice{background:#eef0e3;border:1px solid #dfe3d1}.badge{background:#718263}.catalog{grid-template-columns:repeat(2,1fr)}.item{background:#fffdf6;border-color:#e1d8c1;border-radius:12px}.shelf-card{border-bottom:4px solid #c5a57b}.shelf-preview{gap:10px}.shelf-tile{background:linear-gradient(170deg,#ece2ce,#dfc9a5);border-bottom-color:#b79870;box-shadow:0 3px 0 #d5bd96}.interior-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.furniture-card{background:#fffdf6;border:1px solid #ded5c0;border-radius:15px;overflow:hidden;box-shadow:0 3px 0 #e8dfcc}.furniture-card.equipped{border-color:#96a47c;box-shadow:0 3px 0 #b5c49d}.furniture-art{height:165px;position:relative;background:radial-gradient(ellipse at center,#f6f0de,transparent 75%),#eeeade;border-bottom:1px solid #e5dcc6;display:flex;justify-content:center;align-items:center}.furniture-art .furniture-sprite{height:100%;width:auto;aspect-ratio:3/4}.furniture-sprite{display:block;aspect-ratio:3/4;background-image:url('assets/furniture-atlas-v2.png');background-size:400% 200%;background-position:var(--sprite-x) var(--sprite-y);background-repeat:no-repeat;width:100%}.furniture-copy{padding:16px}.furniture-copy small{font-size:10px;color:#9b9276;letter-spacing:.06em}.furniture-copy h3{font-family:serif;font-size:16px;margin:4px 0}.furniture-copy p{font-size:12px;color:#888572;margin:5px 0 9px}.furniture-copy b{display:block;color:#6b8059;font-size:12px;margin-bottom:13px}.furniture-copy button{width:100%;font-size:12px;min-height:39px}.room-object{position:absolute;pointer-events:none;filter:drop-shadow(0 5px 3px #65502b1c)}.room-product{position:absolute;width:9%;aspect-ratio:1.35;background:linear-gradient(170deg,#f0e3c3,#cfaa76);border:1px solid #aa8862;border-bottom:5px solid #a98053;border-radius:6px;box-shadow:0 4px 2px #795c3e23;transform:rotate(-3deg);display:flex;align-items:center;justify-content:center;padding:0;color:#6f674b}.room-product:nth-child(even){transform:rotate(2deg)}.room-product span{font-size:clamp(15px,2vw,30px);filter:drop-shadow(0 1px 1px #87613130)}.room-product small{position:absolute;right:-3px;bottom:-5px;background:#fff8e1;border:1px solid #bfa576;border-radius:3px;font-size:9px;min-width:17px;line-height:1.5}.district-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.district-card{background:#fffdf6;border:1px solid #ded5c0;border-radius:15px;overflow:hidden;box-shadow:0 3px 0 #e8dfcc}.district-card.current{border-color:#8ea57a}.district-art{height:125px;position:relative;background:linear-gradient(#f3f1e2,var(--town-color));overflow:hidden}.district-art svg{position:absolute;width:100%;height:100%;bottom:-6px}.district-number{position:absolute;left:13px;top:9px;color:#fffdf3;font:italic 30px serif;text-shadow:0 1px 4px #89725330}.district-copy{padding:17px}.district-copy>small{font-size:10px;color:#908a73}.district-copy h3{font:600 19px serif;margin:5px 0 8px}.district-copy p{font-size:12px;color:#878371;line-height:1.8;min-height:65px}.district-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:5px;padding:10px 0;margin-bottom:5px;border-top:1px dashed #e2d9c4;border-bottom:1px dashed #e2d9c4}.district-metrics span{font-size:9px;color:#958b72}.district-metrics b{display:block;font-size:14px;color:#596d50}.district-copy button{margin-top:12px;width:100%;font-size:12px}.room-product:disabled{opacity:1}button:disabled{cursor:default}.bottom{margin-top:24px}[hidden]{display:none!important}@media(max-width:1000px){.layout{grid-template-columns:minmax(0,1fr) 290px}.room-caption h2{font-size:18px}.room-caption{padding:8px 12px;top:12px;left:12px}.room-footnote{font-size:9px;top:12px}}@media(max-width:850px){.layout{grid-template-columns:1fr}.budget{position:static}.room-scene{min-height:0;aspect-ratio:3/2}.location-dashboard b{font-size:14px}.room-product span{font-size:25px}.catalog{grid-template-columns:repeat(2,1fr)}.room-caption h2{font-size:22px}.room-badges{bottom:10px}}@media(max-width:500px){header{padding:14px}h1{font-size:23px}.room-caption h2{font-size:17px}.room-caption small{font-size:9px}.room-caption{padding:7px 10px}.room-caption span{font-size:9px}.room-footnote{display:none}.room-badges span{font-size:9px;padding:4px 8px}.room-product span{font-size:18px}.room-product{border-bottom-width:3px}.room-product small{font-size:8px}.location-dashboard{gap:0}.location-dashboard>div{padding:0 5px}.location-dashboard small{font-size:8px}.location-dashboard b{font-size:12px}.workspace-tabs button{font-size:11px}.furniture-art{height:130px}.furniture-copy{padding:12px}.furniture-copy h3{font-size:14px}.district-grid{grid-template-columns:1fr}.section-intro h2{font-size:22px}.interior-grid{gap:9px}.furniture-copy p{min-height:38px}.furniture-copy button{padding:9px 6px;font-size:10px}}