.room-home{padding:6px 0 30px;min-width:0}.room-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:0 0 20px}.room-heading h1{font-size:30px;margin:0}.room-heading p{font-size:13px;color:#a9bdd2;margin:6px 0 0}.room-rank-button{display:grid;grid-template-columns:45px minmax(130px,1fr);gap:4px 10px;text-align:left;padding:8px 13px;min-width:245px;background:#0c1b2b;border-color:#78623d;color:#f0d48b}.room-rank-button img{width:45px;height:50px;object-fit:contain;grid-row:span 3}.room-rank-button strong{font-size:17px}.room-rank-button small{color:#b8d6f2;font-size:11px}.room-rank-button progress{width:100%;height:6px;accent-color:#d5b77a}.room-layout{display:grid;grid-template-columns:minmax(0,1.75fr) minmax(300px,1fr);gap:16px;align-items:start}.room-space-column,.room-side{min-width:0}.room-scene-card,.room-side,.room-trophy-panel,.room-reward-panel{border:1px solid #2a4256;border-radius:12px;background:linear-gradient(135deg,#0b1827,#07121e);overflow:hidden}.room-scene-heading{display:flex;justify-content:space-between;gap:12px;padding:16px 18px 0;align-items:center}.room-person{display:flex;align-items:center;gap:12px;min-width:0}.room-person-icon{width:43px;height:43px;border:1px solid #ba9860;border-radius:50%;display:grid;place-items:center;font-size:24px;color:#e9cc8a;background:#14273b}.room-person strong{font-size:21px;display:block;overflow-wrap:anywhere}.room-person small{display:block;color:#a8cae8;margin-top:5px}.room-scene-heading button{color:#efd18b;border-color:#c5a765;white-space:nowrap;padding:9px 12px}.room-stage{position:relative;aspect-ratio:3/2;width:100%;overflow:hidden;isolation:isolate;background:#081526}.room-stage>img{display:block;width:100%;height:100%;object-fit:contain}.room-stage.editing:after{content:'';position:absolute;left:16%;right:16%;bottom:14%;height:28%;border-radius:50%;border:1px dashed #73c9dc55;pointer-events:none;z-index:1}.room-objects{position:absolute;inset:0;pointer-events:none}.room-object{position:absolute;transform:translate(-50%,-100%);background:none!important;border:0!important;padding:0;border-radius:8px;line-height:0;pointer-events:none;touch-action:none;filter:drop-shadow(0 4px 4px #0005)}.editing .room-object{pointer-events:auto;cursor:grab}.editing .room-object:active{cursor:grabbing}.room-object img{display:block;width:100%;height:auto;transform:scaleX(var(--room-flip,1));pointer-events:none}.room-object.chosen{outline:2px solid #6cdfe9!important;outline-offset:4px;filter:drop-shadow(0 0 6px #62e0ee)}.room-object.forest-reader img,.room-object.forest-girl img{filter:hue-rotate(65deg)}.room-object.royal-reader img,.room-object.royal-girl img{filter:hue-rotate(325deg) saturate(1.2)}.room-object.sea-star img{filter:hue-rotate(135deg)}.room-stage.sparkles:before{content:'✧   ✦    ✧';position:absolute;top:10%;left:32%;font-size:30px;letter-spacing:22px;color:#f7d891;pointer-events:none;z-index:99;animation:room-shimmer 3s infinite alternate}.room-stage.aurora{box-shadow:inset 0 20px 75px #6f70ff44}.room-footer{padding:0 16px 12px;font-size:12px;color:#c2af86;min-height:24px}.room-tools{padding:8px 12px 14px;display:flex;flex-wrap:wrap;align-items:center;gap:6px}.room-tools span{width:100%;font-size:12px;color:#aec8de;margin-bottom:3px}.room-tools button{padding:7px 10px;font-size:12px}.room-side{padding:18px;min-height:300px}.room-side-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:16px}.room-side-heading h2{font-size:24px;margin:0}.room-side-heading button{font-size:12px;padding:10px 12px;color:#e9c77f;border-color:#b89c63;white-space:nowrap}.room-study-card{border:1px solid #30475b;border-radius:11px;padding:14px;margin:14px 0 0;background:#0b1a29}.room-study-card h3{font-size:16px;line-height:1.5;overflow-wrap:anywhere;margin:10px 0}.room-card-title{display:flex;justify-content:space-between;align-items:center;gap:12px}.room-card-title h3{font-size:17px;margin:0}.room-study-card>.room-card-title{margin-bottom:12px}.room-video .video-card{width:100%;text-align:left;display:block;background:transparent;border:0;padding:0}.room-video .video-art{min-height:170px;background:radial-gradient(circle at 25% 45%,#f6c46988,transparent 30%),radial-gradient(circle at 72% 45%,#3d89c4,transparent 23%),linear-gradient(135deg,#132b4c,#081220);border-radius:8px}.room-video .video-details{padding:12px 0 0}.room-video .video-progress{height:7px;margin:9px 0;background:#304253;border-radius:5px;overflow:hidden}.room-video .video-progress span{display:block;height:100%;background:#56dbe9}.room-video .video-art h3{margin:0;font-size:21px;max-width:80%}.room-video .video-art .subject-pill{display:inline-block}.room-video .video-empty{font-size:13px;margin:20px 0}.room-sub-action{width:100%;margin-top:10px;padding:9px;font-size:13px}.room-score-numbers{display:flex;justify-content:space-between;align-items:center;gap:10px;margin:16px 0}.room-score-numbers strong{font-size:32px;color:#f3d38a}.room-score-numbers span{font-size:12px;color:#bed1e6}.room-downloads{display:grid;grid-template-columns:1fr 1fr;gap:9px}.room-downloads button{color:#d1e8ff;border-color:#8aa8c1;padding:11px 8px;font-weight:700}.room-categories{display:grid;grid-template-columns:repeat(4,1fr);gap:5px;margin:14px 0}.room-categories button{padding:10px 2px;font-size:13px}.room-categories .active{background:#362e1e;border-color:#dfbf7a;color:#f5d58a}.room-catalog{display:grid;grid-template-columns:1fr 1fr;gap:10px;max-height:520px;overflow:auto;padding:3px}.room-choice{display:flex;flex-direction:column;text-align:left;padding:0 0 10px;overflow:hidden;border:1px solid #2d455b;background:#0a1827;color:#e4effa;min-width:0;position:relative}.room-choice.active{border-color:#d6b36b;box-shadow:0 0 0 1px #d6b36b}.room-choice-image{width:100%;height:102px;object-fit:contain;background:#0b1828}.room-choice:has(.room-choice-image[src*='room_space']),.room-choice:has(.room-choice-image[src*='room_forest']){background:#0c1927}.room-choice strong{font-size:13px;margin:8px 9px 4px;overflow-wrap:anywhere}.room-choice small{font-size:11px;color:#abd8c0;margin:0 9px}.room-choice.locked{opacity:1;cursor:default}.room-choice.locked img{filter:brightness(.55) saturate(.6)}.room-choice.locked small{color:#b6cbdf}.room-effect-preview{height:102px;width:100%;display:grid;place-items:center;color:#e4c283;font-size:40px}.room-editor-note{font-size:12px;color:#a6c1d7;line-height:1.7;margin:20px 0}.room-save-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:18px}.room-save-actions button{padding:12px 6px}.room-save-actions .primary{font-weight:800}.room-reset{font-size:12px;padding:7px 10px;margin-top:14px}.room-trophy-panel,.room-reward-panel{padding:14px 16px;margin-top:14px}.room-trophy-panel h2,.room-reward-panel h2{font-size:15px;margin:0 0 12px}.room-trophies{display:flex;gap:9px;flex-wrap:wrap}.room-trophies article{min-width:90px;max-width:150px;padding:10px;border:1px solid #715d38;border-radius:7px;text-align:center;background:radial-gradient(circle,#59472455,#08131f)}.room-trophies article span{display:block;color:#e9bc60;text-shadow:0 0 16px #e7bb6666;font-size:34px}.room-trophies small{font-size:11px;display:block;margin-top:7px;overflow-wrap:anywhere}.room-rewards{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:6px}.room-reward{border:0;display:flex;flex-direction:column;align-items:center;gap:6px;padding:4px 1px;background:transparent;opacity:.6;min-width:0}.room-reward.earned{opacity:1}.reward-badge{font-size:34px;color:#83a6cd;text-shadow:0 0 12px #5076a366}.room-reward[data-level='0'] .reward-badge{color:#c48b62}.room-reward[data-level='1'] .reward-badge{color:#d1e4f0}.room-reward[data-level='2'] .reward-badge{color:#f1c669}.room-reward[data-level='3'] .reward-badge{color:#8cd5e8}.room-reward[data-level='4'] .reward-badge{color:#8bbbf6}.room-reward[data-level='5'] .reward-badge{color:#bd94e5}.room-reward strong{font-size:11px;overflow-wrap:anywhere}.room-reward small{font-size:9px;color:#b1c7dc;overflow-wrap:anywhere}.room-status{font-size:13px;color:#e9ce91;line-height:1.6;min-height:1em;overflow-wrap:anywhere}.rank-policy-dialog{width:min(680px,94vw);max-height:88dvh;overflow:auto;border:1px solid #b39860;border-radius:12px;background:#0c1827;color:#dce7f3;padding:24px}.rank-policy-dialog::backdrop{background:#000b}.rank-policy-dialog h2{color:#eed096;font-size:23px}.rank-policy-dialog h3{font-size:17px;margin-top:24px}.rank-policy-dialog p,.rank-policy-dialog li{font-size:13px;line-height:1.8}.rank-policy-dialog th,.rank-policy-dialog td{padding:10px;font-size:13px}.rank-component-list{display:grid;grid-template-columns:1fr auto;gap:10px;font-size:13px}.rank-component-list dd{margin:0;color:#f2d18b}.rank-policy-heading{display:flex;justify-content:space-between;align-items:center;gap:12px}.rank-policy-heading button{padding:8px 12px}.room-progress{background:#0d1b2b;color:#e8d4a9;border:1px solid #ba9b61;border-radius:12px;padding:25px}.room-progress::backdrop{background:#0008}.room-progress progress{width:100%;accent-color:#d9b471}.legacy-home-content{display:none!important}@keyframes room-shimmer{from{opacity:.25}to{opacity:.9}}@media(prefers-reduced-motion:reduce){.room-stage.sparkles:before{animation:none}}@media(max-width:1150px){.room-layout{grid-template-columns:minmax(0,1.3fr) minmax(280px,1fr)}.room-side{padding:13px}.room-side-heading h2{font-size:21px}.room-heading h1{font-size:25px}.room-person strong{font-size:18px}.room-choice-image{height:85px}.room-reward small{font-size:8px}}@media(max-width:900px){.room-layout{grid-template-columns:minmax(0,1fr)}.room-side{margin-top:0}.room-video .video-art{min-height:190px}.room-side:has(#room-learning:not([hidden])) #room-learning{display:grid;grid-template-columns:1fr 1fr;gap:12px}.room-side:has(#room-learning:not([hidden])) .room-side-heading{grid-column:1/-1;margin-bottom:0}.room-side:has(#room-learning:not([hidden])) .room-study-card{margin-top:0}.room-catalog{grid-template-columns:repeat(4,1fr);max-height:500px}.room-choice-image{height:110px}.room-scene-heading{padding:12px 14px 0}}@media(max-width:560px){.room-heading{align-items:flex-start;gap:10px;flex-direction:column}.room-heading h1{font-size:24px}.room-heading p{font-size:11px}.room-rank-button{width:100%;min-width:0;grid-template-columns:37px 1fr}.room-rank-button img{width:37px;height:43px}.room-person-icon{width:32px;height:32px;font-size:18px}.room-person strong{font-size:16px}.room-person small{font-size:10px}.room-scene-heading button{font-size:11px;padding:7px 8px}.room-side:has(#room-learning:not([hidden])) #room-learning{display:block}.room-side:has(#room-learning:not([hidden])) .room-study-card{margin-top:14px}.room-side-heading h2{font-size:23px}.room-catalog{grid-template-columns:1fr 1fr}.room-choice-image{height:100px}.room-trophy-panel,.room-reward-panel{padding:12px}.room-trophies article{min-width:70px;max-width:95px}.room-rewards{grid-template-columns:repeat(3,1fr);gap:12px}.reward-badge{font-size:32px}.room-reward strong{font-size:12px}.room-reward small{font-size:10px}.rank-policy-dialog{padding:16px}.room-status{font-size:12px}.room-score-numbers strong{font-size:30px}.room-footer{font-size:10px}}

.room-growth-details{margin-top:16px}.room-growth-details summary{cursor:pointer;color:#c7b17e}.room-rank-button[data-rank="SILVER"] img{filter:grayscale(1)}.room-rank-button[data-rank="BRONZE"] img{filter:sepia(.7) saturate(.8)}.room-rank-button[data-rank="DIAMOND"] img{filter:hue-rotate(165deg)}.room-rank-button[data-rank="PLATINUM"] img{filter:hue-rotate(120deg)}.room-rank-button[data-rank="MASTER"] img,.room-rank-button[data-rank="GRANDMASTER"] img{filter:hue-rotate(240deg)}

.room-video-cta{display:block;text-align:center;margin-top:12px;padding:12px 8px;background:linear-gradient(120deg,#e6c482,#bc934b);color:#18202a;border-radius:7px;font-size:14px;font-weight:800}.reward-badge{width:50px;height:54px;object-fit:contain}.room-rank-button img,.room-reward[data-level="2"] .reward-badge{filter:sepia(1) saturate(1.6)}.room-reward[data-level="0"] .reward-badge{filter:sepia(1) saturate(1.1) brightness(.8)}.room-reward[data-level="1"] .reward-badge{filter:grayscale(1)}.room-reward[data-level="3"] .reward-badge{filter:hue-rotate(110deg)}.room-reward[data-level="4"] .reward-badge{filter:hue-rotate(170deg)}.room-reward[data-level="5"] .reward-badge{filter:hue-rotate(230deg)}@media(max-width:900px){.room-space-column{display:contents}.room-scene-card{order:1}.room-side{order:2}.room-trophy-panel{order:3}.room-reward-panel{order:4}}
@media(max-width:560px){#room-edit-panel{display:none}}
