/* Personal room, workshop, economy and the in-page kana input. */
.personal-room{--room-green:#536e5e;--room-ink:#3d5146;--room-paper:#f8f4e9;--room-border:#e4dbc8;--room-muted:#827d6d;color:var(--room-ink)}
.personal-room .page-heading h1{font-size:34px;letter-spacing:-1.2px;margin-top:7px}.personal-room .eyebrow{color:#8b8b74;font-size:10px;letter-spacing:1.7px}.personal-room .page-heading p{margin-top:9px}.room-heading-actions{display:flex;align-items:center;gap:15px}.room-wallet{display:flex;align-items:center;gap:10px;padding:11px 17px;border:1px solid #e6d5ac;border-radius:16px;background:#faf1d8}.room-wallet strong{font-size:23px;line-height:1.1;font-variant-numeric:tabular-nums}.room-wallet small{font-size:12px;color:#8d774b}.room-wallet span:not(.sen-coin){display:block;font-size:10px;color:#9b895f;margin-top:4px}.sen-coin{display:grid;place-items:center;width:36px;height:36px;border-radius:50%;font-size:21px;font-family:serif;background:#ead597;border:2px solid #cfb472;box-shadow:inset 0 0 0 3px #f7e9b9;color:#8a6a35}.room-wallet.small{padding:9px 14px}.room-wallet.small strong{font-size:19px}
.room-welcome{display:grid;grid-template-columns:1fr 1fr;gap:32px;background:#eeeeda;border:1px solid #d7dcc0;border-radius:20px;padding:27px 30px;margin:0 0 24px}.room-welcome h2{font-size:24px;margin:9px 0 13px}.room-welcome p{font-size:13px;line-height:1.8;margin:9px 0}.room-welcome .content-note{font-size:11px}.room-welcome-fields{display:grid;gap:9px}.personal-room label{font-size:11px;font-weight:600;color:#77765e;display:grid;gap:6px}.personal-room .field{padding:9px 11px;border-radius:9px;width:100%;min-width:0;background:#fffdf7;border:1px solid #e1dac8;font:inherit;font-size:12px;color:#4b5147}.personal-room .field:focus{outline:2px solid #a8bc9d;outline-offset:2px}.room-create-actions{display:flex;align-items:center;gap:9px;flex-wrap:wrap}.room-name-note{font-weight:400}
.personal-room-layout{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:24px;align-items:start}.room-stage{background:var(--room-paper);border:1px solid var(--room-border);border-radius:20px;overflow:hidden;position:relative;min-width:0}.room-stage-top{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:17px 21px;color:#7f8068;font-size:11px}.room-stage-top span:last-child{font-size:10px;font-weight:600;letter-spacing:.7px}.room-stage-top i{display:inline-block;width:6px;height:6px;border-radius:50%;background:#92a478;margin:0 6px 2px 0}.personal-room-scene{display:block;width:100%;min-height:0;margin:0;padding:0 13px;position:relative;overflow:hidden}.room-art{display:block;width:100%;height:auto;border-radius:14px;aspect-ratio:1000/620}.room-hitbox{transition:fill-opacity .2s,stroke .2s}.room-slot,.room-avatar,.room-mascot{cursor:pointer;outline:none}.room-slot:hover .room-hitbox,.room-slot:focus-visible .room-hitbox{fill:#fffbe8;fill-opacity:.15;stroke:#7f9275;stroke-width:3;stroke-dasharray:5 5}.room-avatar:focus-visible>rect,.room-mascot:focus-visible>rect{stroke:#718b75;stroke-width:3;stroke-dasharray:6 6}.room-avatar:hover,.room-mascot:hover{filter:drop-shadow(0 0 5px #f3eedc)}.room-breath{animation:room-breath 5s ease-in-out infinite;transform-box:fill-box;transform-origin:center bottom}.room-leaf{animation:room-leaf 8s linear infinite;transform-box:fill-box;transform-origin:center}.room-spark{animation:room-spark 5s ease-in-out infinite}.room-still *,.room-art[data-animations="false"] *{animation:none!important}.pet-at-kotatsu .room-mascot{animation:none;transform:translateX(-145px);transition:transform 1s}.room-scene-bubble{position:absolute;left:29px;top:70px;max-width:70%;padding:13px 18px;background:#fffcf0ee;border:1px solid #d3c6a0;box-shadow:0 8px 25px #74674515;border-radius:15px;font-size:12px;pointer-events:none}.room-scene-bubble strong{display:block;font-family:'Noto Sans JP',sans-serif;font-size:15px;font-weight:500}.room-scene-bubble span{display:block;font-size:11px;color:#8a7c64;margin-top:5px}.room-scene-bubble[hidden]{display:none}.room-preview-note{padding:14px 22px;display:flex;gap:9px;justify-content:space-between;align-items:center;font-size:10px;color:#918773;border-bottom:1px solid #e8dfcd;min-height:53px}.room-local-label{white-space:nowrap;font-size:9px;padding:4px 8px;background:#ede8d7;border-radius:20px}.room-preview-note strong{color:#697453}.room-stage #room-id-card{padding:20px 25px}.student-card{background:#eef0df;border:1px solid #d5dbc4;border-radius:14px;max-width:460px;margin:auto;color:#4c6559;overflow:hidden}.student-card-head,.student-card-foot{display:flex;justify-content:space-between;gap:10px;letter-spacing:1.3px;font-size:8px;padding:12px 16px;border-bottom:1px solid #d6ddc8}.student-card-foot{border-bottom:0;border-top:1px solid #d6ddc8;padding:9px 16px;color:#87917b}.student-card-body{display:flex;align-items:center;gap:18px;padding:15px 19px;background:linear-gradient(115deg,#f7f4e6,#e5ebd4)}.student-photo{height:90px;width:68px;overflow:hidden;background:#dde2cf;border-radius:9px;flex-shrink:0}.student-photo svg{width:100%;height:100%}.student-card-body small{font-size:8px;letter-spacing:1.6px;color:#87917b;display:block}.student-card-body strong{display:block;font-size:19px;margin:5px 0}.student-card-body .jp{font-size:12px;color:#839075;display:block}.student-title{display:inline-block;font-size:9px;border:1px solid #ced5bd;border-radius:20px;padding:4px 8px;margin-top:8px;color:#7b866c}.room-share-box{padding:15px 23px 23px;border-top:1px solid #e5dac3;font-size:11px}.room-share-box strong{font-size:13px}.room-share-box p{line-height:1.8;color:#88806e}.room-share-box input{margin:5px 0 10px;font-size:10px}.room-share-box small{display:block;margin-top:9px;color:#918774}
.room-workbench{border:1px solid var(--room-border);border-radius:20px;background:#faf7ee;overflow:hidden}.workbench-heading{padding:20px 21px 0}.workbench-heading h2{font-size:20px;margin:6px 0 18px}.room-tabs{display:grid;grid-template-columns:repeat(4,1fr);padding:0 12px;gap:2px;border-bottom:1px solid #e6decc}.room-tabs button{font:inherit;background:transparent;border:0;font-size:11px;color:#9b927e;padding:12px 2px;cursor:pointer;border-bottom:2px solid transparent}.room-tabs button.selected{color:#516c58;border-bottom-color:#72866b;font-weight:600}.room-tabs button:focus-visible{outline:2px solid #8fa87d;outline-offset:-3px}#room-workshop{padding:17px 20px;display:grid;gap:13px;max-height:730px;overflow:auto;scrollbar-width:thin;scrollbar-color:#d4cbb7 transparent}#room-workshop h3{font-size:14px;margin:0}#room-workshop .content-note{margin:0;font-size:10px;line-height:1.7}.room-editor-preview{text-align:center;display:grid;justify-items:center;gap:7px;border-bottom:1px dashed #e3d8c2;padding:0 0 15px;margin-bottom:1px}.room-editor-preview svg{width:178px;height:235px}.room-editor-preview span{font-size:9px;color:#9a907b}.avatar-option-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.avatar-colors{display:grid;gap:11px}.avatar-colors fieldset{padding:0;border:0;margin:0}.avatar-colors legend{font-size:10px;color:#7c7965;margin-bottom:7px}.avatar-colors fieldset>div{display:flex;gap:7px;align-items:center}.color-swatch{width:24px;height:24px;border-radius:50%;background:var(--swatch);border:2px solid #faf7ed;outline:1px solid #e3ddcd;cursor:pointer}.color-swatch.selected{outline:2px solid #6c8165;outline-offset:2px}.color-swatch:focus-visible{outline:2px solid #526c5a;outline-offset:3px}.custom-color{width:24px;height:24px;position:relative;border:1px dashed #bdb9a5;border-radius:50%;display:flex!important;align-items:center;justify-content:center;color:#8b8c74}.custom-color input{opacity:0;width:100%;height:100%;position:absolute;cursor:pointer}.room-pet-preview{display:flex;justify-content:center}.room-pet-preview svg{height:160px;width:170px}.pet-species-picker{display:flex;gap:7px}.pet-species-picker .btn{font-size:11px;padding:8px 14px}.pet-stage-note{background:#eeeedc;border-radius:11px;padding:14px;font-size:12px}.pet-stage-note h3{margin:10px 0!important}.pet-stage-note p{font-size:11px;color:#8c866d;line-height:1.7}.room-slot-picker{display:flex;flex-wrap:wrap;gap:5px}.room-slot-picker .btn{font-size:10px;padding:7px 9px}.room-owned-list{display:grid;gap:8px}.room-owned-list button{display:grid;grid-template-columns:36px 1fr;text-align:left;gap:3px 10px;align-items:center;border:1px solid #e3dbca;border-radius:11px;padding:10px;background:#fffdf7;font:inherit;cursor:pointer}.room-owned-list button.selected{border-color:#9fab8d;background:#eef0e2}.room-owned-list button span{grid-row:span 2;display:grid;place-items:center;background:#ede5d2;color:#917756;border-radius:8px;height:35px;font-size:19px;font-family:serif}.room-owned-list button strong{font-size:11px;color:#5d6952}.room-owned-list button small{font-size:9px;color:#9a917c}
.room-board-layout{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(280px,.8fr);gap:24px;margin-top:24px}.room-board,.room-bag,.room-evolution{border:1px solid var(--room-border);border-radius:20px;padding:23px 25px;background:#faf7ee}.room-board h2,.room-bag h2,.room-evolution h2{font-size:20px;margin:6px 0 0}.room-board .section-head{margin-bottom:19px}.room-bag h2{margin-bottom:18px}.daily-quest-list{display:grid;gap:14px}.daily-quest{display:grid;grid-template-columns:34px minmax(0,1fr) auto;align-items:center;gap:12px}.quest-stamp{width:33px;height:33px;display:grid;place-items:center;border-radius:10px;color:#b3a989;background:#ede8d6;font-size:21px}.quest-stamp.ready{background:#dfe8ce;color:#799268}.daily-quest strong{font-size:11px;font-weight:600}.daily-quest small{display:block;color:#a09680;font-size:10px;margin:4px 0 7px}.personal-room .progress-bar{height:4px;background:#e7e3d3;border-radius:6px}.personal-room .progress-bar>span{background:#8b9e76}.daily-quest .btn{font-size:10px;padding:7px 11px}.weekly-room-quest{display:grid;grid-template-columns:34px 1fr auto;gap:12px;align-items:center;padding:16px 0 0;margin-top:20px;border-top:1px dashed #e3dac7}.weekly-room-quest strong{font-size:12px}.weekly-room-quest p{font-size:10px;margin:5px 0;color:#9e8460}.weekly-room-quest small{font-size:9px;color:#a39d86}.quest-start-links{display:flex;flex-wrap:wrap;gap:17px;margin-top:18px}.quest-start-links a{font-size:10px;color:#77876a}.room-utility-item{display:flex;align-items:center;gap:12px;margin-bottom:19px}.room-utility-item>span{background:#efead9;border-radius:11px;width:34px;height:36px;display:grid;place-items:center;color:#9b8560;font-size:20px;flex-shrink:0}.room-utility-item>div{flex:1;min-width:0}.room-utility-item strong{font-size:12px}.room-utility-item small{display:block;font-size:10px;color:#9c9178;line-height:1.5;margin-top:4px}.room-utility-item .btn{padding:7px 10px;font-size:10px}.room-equipped-buffs{display:flex;flex-wrap:wrap;gap:6px}.room-equipped-buffs span{background:#e8eddc;border:1px solid #d4dec2;padding:5px 8px;font-size:9px;border-radius:20px;color:#728363}.room-bag .content-note{font-size:10px;line-height:1.7;margin-bottom:0}
.room-evolution{margin-top:24px;background:#f4f2e5}.room-progress-percent{font-size:28px;color:#6e8664}.room-progress-percent small{display:block;font-size:9px;letter-spacing:1px;text-align:right;color:#90967c}.evolution-line{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;text-align:center}.evolution-stage{padding:12px 8px;background:#edeadb;border-radius:13px;opacity:.45;filter:grayscale(.8)}.evolution-stage.unlocked{opacity:1;filter:none}.evolution-stage.current{background:#e1e8d2;border:1px solid #b8c8a5}.evolution-stage>div{height:105px;display:flex;justify-content:center}.evolution-stage svg{height:100%;width:120px}.evolution-stage strong{font-size:11px;display:block;margin:8px 0 6px}.evolution-stage>span{display:block;font-size:9px;color:#948d78}.n5-metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin-top:23px}.n5-metrics a{display:block;color:#898970;font-size:10px}.n5-metrics strong{display:block;color:#65785d;font-size:14px;margin:6px 0 7px}.n5-metrics small{display:block;color:#a19c82;font-size:9px;margin-top:6px}.room-evolution>.content-note{font-size:10px;margin-bottom:0}.room-graduation{margin-top:22px;padding:19px;background:#e5ebd5;border-radius:13px;display:flex;justify-content:space-between;gap:18px;align-items:center}.room-graduation h3{font-size:15px;margin:0 0 6px}.room-graduation p{font-size:11px;color:#809271;margin:0}
.room-shop-section{margin-top:34px;scroll-margin-top:25px}.room-shop-section h2{font-size:25px;margin:8px 0 0}.room-shop-section h2 .jp{font-size:14px;font-weight:400;color:#a69a81;margin-left:10px}.room-shop-section .content-note{font-size:11px}.shop-filters{display:flex;flex-wrap:wrap;gap:6px;margin:20px 0 15px}.shop-filters .btn{padding:8px 13px;font-size:11px}.shop-result-count{display:flex;align-items:center;gap:8px;justify-content:space-between;margin-bottom:15px;font-size:11px;color:#938d76}.shop-result-count>span{font-size:10px}.room-shop-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.shop-item{border:1px solid #e5dcc9;border-radius:17px;overflow:hidden;background:#faf8ef;display:flex;flex-direction:column}.shop-item.owned{border-color:#cbd4ba}.shop-item-art{height:230px;width:100%;border:0;border-radius:0;text-align:initial;cursor:zoom-in;background:#eee9d9;position:relative;display:flex;align-items:center;justify-content:center;padding:10px}.shop-item-art.kind-avatar{background:#eaeade}.shop-item-art.kind-mascot{background:#f0e5d3}.shop-item-art.kind-utility{background:#e4eadb}.shop-item-art svg{display:block;height:190px;width:100%;max-width:100%}.shop-item-art .shop-item-glyph{font-size:60px;color:#aa9370;opacity:.7}.shop-rarity{position:absolute;top:10px;left:10px;background:#fff8e0de;border-radius:10px;padding:4px 7px;font-size:7px;letter-spacing:.6px;color:#9a875a}.shop-item-details{padding:15px;display:flex;flex-direction:column;flex:1}.shop-item-details>small{font-size:8px;color:#a89e83;letter-spacing:.3px}.shop-item h3{font-size:12px;line-height:1.45;margin:6px 0 9px;color:#5d6853}.shop-item p{font-size:10px;line-height:1.65;color:#9a8e75;margin:0 0 10px;flex:1}.shop-lock{font-size:9px;color:#a59b85;margin-bottom:10px}.shop-item-price{display:flex;justify-content:space-between;gap:5px;align-items:center;margin:8px 0 12px}.shop-item-price strong{font-size:11px;color:#a5864d}.shop-item-price span{font-size:8px;color:#9c9c83}.shop-item-actions{display:flex;justify-content:space-between;align-items:center;gap:6px}.shop-item-actions .btn{font-size:10px;padding:6px 11px}.personal-room button[disabled]{cursor:default;opacity:.45}
.top-sen{border:0;background:#f6eed7;color:#a48b50;font:inherit;font-size:11px;padding:7px 10px;border-radius:20px;white-space:nowrap;cursor:pointer}.topbar .avatar{overflow:hidden;padding:0;background:#e8eddc}.topbar .avatar svg{width:35px;height:47px;transform:translateY(4px) scale(1.1)}.chat-avatar svg{height:100%;width:100%;transform:scale(1.6) translateY(4px)}.chat-avatar{overflow:hidden}.survival-personal-avatar{display:inline-flex;width:23px;height:28px;overflow:hidden;background:#e4ead6;border-radius:7px;vertical-align:middle;margin-right:5px}.survival-personal-avatar svg{height:29px;width:22px}.visit-room .room-stage{max-width:1000px;margin:auto}.visit-room-id{display:flex;align-items:center;justify-content:center;gap:18px;padding:20px}.visit-room-id>div{width:48px;height:62px;background:#e9eddd;border-radius:10px;overflow:hidden}.visit-room-id svg{width:100%;height:100%}.visit-room-id strong{font-size:17px}.visit-room-id strong span{display:block;color:#9b9b83;font-size:11px;font-weight:400;margin-top:5px}.visit-room-id>span{font-size:11px;color:#a49a83}.visit-room [data-room-readonly]{cursor:default}
.romaji-input-toolbar{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:10px 0;font-size:10px;color:#929277}.romaji-input-toolbar>span{font-weight:600;color:#7a8b70}.romaji-input-toolbar .segmented{padding:2px;background:#eeefdf;border-radius:8px}.romaji-input-toolbar .segmented button{padding:4px 9px;min-width:29px;font-size:10px;border-radius:6px}.romaji-input-toolbar small{font-size:9px;color:#9f987f}.romaji-studio textarea{margin-top:9px;resize:vertical;font-size:21px!important;line-height:1.8;background:#fdfbf5}.romaji-studio h2{font-size:23px;margin:12px 0 23px}.romaji-studio>label{display:block;font-size:12px;color:#8a846f}.romaji-studio-keys{display:grid;grid-template-columns:repeat(10,minmax(0,1fr));gap:8px;margin:22px 0 20px}.romaji-studio-keys button{display:grid;gap:4px;background:#f6f3e8;border:1px solid #e1d8c3;border-radius:10px;padding:10px 3px;font:inherit;color:#5f7459;cursor:pointer}.romaji-studio-keys button b{font-family:'Noto Sans JP',sans-serif;font-size:21px;font-weight:400}.romaji-studio-keys button small{font-size:9px;color:#a29980}.romaji-rule-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:23px}.romaji-rule-grid h3{font-size:15px;margin-bottom:16px}.romaji-rule-grid .jp{font-size:17px;color:#718466}.kanji-hint-bar{display:flex;align-items:center;gap:10px;margin:0 0 17px;flex-wrap:wrap}.kanji-hint-bar small{font-size:10px;color:#9f937b}.kanji-hint-card{padding:15px 18px;border-radius:12px;border:1px solid #d8dec2;background:#f0f3e4;margin:0 0 19px}.kanji-hint-card strong{color:#6b7e58;font-size:13px}.kanji-hint-card p{font-size:12px;line-height:1.8;color:#828c70}.kanji-hint-card small{font-size:10px;color:#a0a183}
@keyframes room-breath{0%,100%{transform:translateY(0)}50%{transform:translateY(-2px)}}@keyframes room-leaf{0%,100%{transform:translateY(0) rotate(0)}50%{transform:translateY(6px) rotate(8deg)}}@keyframes room-spark{0%,100%{opacity:.25}50%{opacity:.75}}
@media(min-width:1450px){.personal-room-layout{grid-template-columns:minmax(0,1fr) 360px}#room-workshop{max-height:820px}.room-shop-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:1100px){.personal-room-layout{grid-template-columns:minmax(0,1fr) 300px;gap:17px}.room-shop-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.room-stage-top{padding:14px;font-size:10px}.room-stage #room-id-card{padding:15px}.room-local-label{display:none}.room-board-layout{gap:17px}.room-board,.room-bag{padding:20px}.room-heading-actions{gap:9px}.room-heading-actions>.btn{font-size:11px;padding:10px}.room-wallet{padding:9px 13px}.room-wallet strong{font-size:20px}.room-welcome{gap:20px;padding:24px}.personal-room .page-heading h1{font-size:31px}}
@media(max-width:900px){.personal-room-layout{grid-template-columns:1fr}.room-workbench{width:100%}#room-workshop{max-height:none;display:grid;grid-template-columns:1fr 1fr;align-items:start}.room-editor-preview{grid-row:span 2;grid-column:1;height:100%;padding:5px;justify-content:center;align-content:center}.room-editor-preview svg{width:178px;height:235px}.avatar-colors{grid-column:2}.room-pet-preview{grid-row:span 3}.room-tabs{max-width:420px;margin:auto;border-bottom:0}.workbench-heading{text-align:center}.workbench-heading h2{margin-bottom:7px}.room-workbench #room-tabs{border-bottom:1px solid #e6decc}.room-slot-picker,.room-owned-list{grid-column:1/-1}.room-board-layout{grid-template-columns:1fr 1fr}.room-heading-actions{align-self:center}.room-shop-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.room-welcome{grid-template-columns:1fr 1fr}.room-welcome h2{font-size:21px}}
@media(max-width:600px){.personal-room .page-heading{align-items:flex-start;gap:17px}.personal-room .page-heading h1{font-size:28px}.room-heading-actions{flex-direction:column;gap:8px;align-items:stretch;min-width:106px}.room-wallet{padding:8px 10px;gap:7px;border-radius:12px}.room-wallet strong{font-size:18px}.room-wallet .sen-coin{width:27px;height:27px;font-size:16px}.room-wallet span:not(.sen-coin){font-size:8px}.room-welcome{grid-template-columns:1fr;padding:21px;gap:10px}.room-welcome p{font-size:12px}.room-welcome .content-note{font-size:10px}.room-create-actions .btn{font-size:11px}.room-stage-top{font-size:9px}.room-stage-top span:last-child{font-size:8px}.personal-room-scene{padding:0 8px}.room-preview-note{font-size:9px;padding:12px 14px;min-height:42px}.student-card-body strong{font-size:17px}.student-card-head{font-size:7px;letter-spacing:.9px}.room-board-layout{grid-template-columns:1fr;gap:16px}.room-board,.room-bag,.room-evolution{padding:21px 18px}.room-board h2,.room-bag h2,.room-evolution h2{font-size:18px}.evolution-line{grid-template-columns:1fr 1fr;gap:10px}.n5-metrics{grid-template-columns:1fr 1fr;gap:17px}.room-shop-grid{grid-template-columns:1fr 1fr;gap:10px}.shop-item-details{padding:12px}.shop-item-art{height:190px}.shop-item-art svg{height:155px}.shop-item-actions .btn{font-size:9px;padding:7px 9px}.shop-result-count{font-size:10px;flex-wrap:wrap}.shop-filters{gap:3px}.shop-filters .btn{padding:7px 9px;font-size:10px}.room-shop-section h2{font-size:23px}.room-shop-section h2 .jp{font-size:12px;margin-left:6px}.room-evolution>.section-head{gap:15px}.room-graduation{display:grid;gap:13px}.room-graduation .btn{font-size:11px}.room-scene-bubble{left:18px;top:55px;max-width:84%;padding:10px 13px}.room-scene-bubble strong{font-size:12px}.room-scene-bubble span{font-size:10px}.top-sen{font-size:10px;padding:6px 8px}.topbar-actions{gap:7px!important}.romaji-studio-keys{grid-template-columns:repeat(5,1fr)}.romaji-rule-grid{grid-template-columns:1fr}.romaji-input-toolbar{gap:7px}.romaji-input-toolbar small{flex-basis:100%}.visit-room .page-heading{flex-direction:column}.visit-room-id{gap:10px;padding:16px}.visit-room-id strong{font-size:14px}.visit-room-id>span{font-size:9px}.room-editor-preview svg{width:145px;height:193px}.avatar-option-grid{gap:8px}.personal-room label{font-size:10px}.personal-room .field{font-size:11px;padding:9px}.color-swatch,.custom-color{width:21px;height:21px}.avatar-colors fieldset>div{gap:5px}.room-pet-preview svg{height:140px;width:135px}.pet-species-picker{flex-wrap:wrap}.room-owned-list{grid-template-columns:1fr 1fr}.room-owned-list button{padding:8px;grid-template-columns:27px 1fr;gap:4px}.room-owned-list button span{font-size:17px;height:29px}.room-owned-list button strong{font-size:10px}.room-owned-list button small{font-size:8px}}
@media(max-width:400px){#room-workshop{grid-template-columns:1fr}.room-editor-preview{grid-row:auto}.avatar-colors{grid-column:1}.room-pet-preview{grid-row:auto}.room-owned-list{grid-template-columns:1fr}.room-wallet.small{padding:7px 9px}.room-shop-section h2 .jp{display:none}}
@media(prefers-reduced-motion:reduce){.room-art *{animation:none!important;transition:none!important}.room-hitbox{transition:none}.pet-at-kotatsu .room-mascot{transition:none}}

/* Large item previews use their own names, avoiding the topbar avatar dimensions. */
.shop-item-art{overflow:hidden;isolation:isolate;transition:background .2s}
.shop-item-art:hover{background:#e4e6d5}.shop-item-art:focus-visible{outline:3px solid #7b926a;outline-offset:-4px}
.shop-item-art .shop-preview-art{filter:drop-shadow(0 5px 4px #72624e12)}
.shop-zoom-label{position:absolute;right:10px;bottom:9px;padding:4px 8px;border-radius:20px;background:#fffdf0cc;border:1px solid #e0d8c2;color:#7d846c;font-size:9px;line-height:1.4}
.shop-item-details>small{font-size:10px}.shop-item h3{font-size:14px}.shop-item p{font-size:11px}.shop-item-price strong{font-size:13px}
.shop-item-actions .btn{font-size:11px;padding:8px 13px}.shop-rarity{font-size:8px}
.room-owned-list button{grid-template-columns:76px 1fr;min-height:86px}.room-owned-list button .owned-item-art{height:67px;border-radius:10px;background:#eeeadb}.owned-item-art svg{display:block;width:100%;height:100%}.room-owned-list button strong{font-size:12px}.room-owned-list button small{font-size:10px}
.shop-inspector-hero{display:flex;justify-content:center;align-items:center;min-height:300px;padding:20px;background:#ede8d8;border:1px solid #e0d7c2;border-radius:16px}
.shop-inspector-hero .shop-preview-art{display:block;width:100%;height:290px;max-height:42vh;filter:drop-shadow(0 7px 4px #72624e12)}
.shop-inspector-hero.kind-avatar{background:#e9eddf}.shop-inspector-hero.kind-utility{background:#e9eddc}
.shop-inspector-info{display:flex;justify-content:space-between;gap:10px;margin-top:17px;font-size:12px;color:#919279}.shop-inspector-info strong{color:#a07e42;font-size:15px}
.shop-inspector>p{font-size:13px;margin:9px 0;color:#7b826c}.shop-inspector-lock{color:#a28a65!important}
.shop-inspector-context{margin-top:20px;padding:15px;background:#f3f1e7;border-radius:13px;border:1px solid #e3dfcb}
.shop-inspector-context h3{margin:0 0 12px!important}.shop-inspector-context>div{display:flex;justify-content:center}
.shop-inspector-context.kind-avatar .avatar-art{height:270px;width:200px}.shop-inspector-context.kind-mascot .mascot-art{height:225px;width:225px}
.shop-inspector-context small{display:block;margin-top:9px;font-size:10px;color:#8e957b}.shop-inspector-context .room-art{width:100%;border-radius:10px}
@media(max-width:600px){.shop-item h3{font-size:12px}.shop-item p{font-size:10px}.shop-item-details>small{font-size:9px}.shop-item-price strong{font-size:11px}.shop-item-actions .btn{font-size:10px;padding:7px 10px}.shop-zoom-label{font-size:8px;right:6px;bottom:7px;padding:3px 6px}.shop-rarity{font-size:7px;left:6px;top:7px}.room-owned-list button{grid-template-columns:56px 1fr;min-height:77px}.room-owned-list button .owned-item-art{height:58px}.room-owned-list button strong{font-size:10px}.room-owned-list button small{font-size:9px}.shop-inspector-hero{min-height:265px;padding:12px}.shop-inspector-hero .shop-preview-art{height:245px}.shop-inspector-context.kind-avatar .avatar-art{height:240px;width:180px}}

.shop-inspector-context .room-slot,.shop-inspector-context .room-avatar,.shop-inspector-context .room-mascot{cursor:default}.shop-inspector-context .room-hitbox{pointer-events:none;stroke:none!important;fill-opacity:0!important}