#app.is-multiplayer-directory>main{padding:0!important;display:block;background:transparent!important;overflow:auto}
.multiplayer-directory{container-type:inline-size;width:min(100%,600px);margin:0 auto;min-height:100dvh;background:#614632 url('./assets/multiplayer/reference-0.png') center top/auto 100% repeat-y;color:#1b0b03;font-family:'KCCHanbit',var(--ui-font),sans-serif;box-sizing:border-box;padding-bottom:4.6%}
.multiplayer-directory>*{--u:.242718cqw;box-sizing:border-box}
.multiplayer-directory>.directory-header{position:relative;background:none!important;backdrop-filter:none;box-shadow:none;border:0;padding:0!important;height:calc(108*var(--u))}
.multiplayer-directory h1{position:absolute;right:calc(53*var(--u));top:calc(58*var(--u));font-size:calc(32*var(--u));line-height:1;margin:0;color:#fff}
#app .multiplayer-directory .directory-back{position:absolute;left:calc(21*var(--u));top:calc(44*var(--u));width:calc(61*var(--u));height:calc(61*var(--u));padding:0;border:0!important;background:none!important;box-shadow:none!important}
.directory-back svg{width:100%;height:100%;display:block}
html[data-color-mode] body #app main .multiplayer-directory .directory-join{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;margin:4px 20px 14px;align-items:stretch}
html[data-color-mode] body #app main .multiplayer-directory .directory-join input,html[data-color-mode] body #app main .multiplayer-directory .directory-join button{min-width:0;min-height:42px;border:1px solid #ad8f6a!important;border-radius:12px!important;font:inherit;font-size:16px!important;box-shadow:0 2px 0 #25180f66!important}
html[data-color-mode] body #app main .multiplayer-directory .directory-join input{width:100%;padding:8px 14px!important;background:#fff8e9!important;color:#473227!important}
html[data-color-mode] body #app main .multiplayer-directory .directory-join button{padding:8px 18px!important;background:#634530!important;color:#fff5dd!important;-webkit-text-fill-color:#fff5dd!important;white-space:nowrap}
html[data-color-mode] body #app main .multiplayer-directory .directory-filters{display:grid;grid-template-columns:auto 1fr;gap:8px;margin:0 20px 16px;align-items:center}
html[data-color-mode] body #app main .multiplayer-directory .directory-filters button{min-height:40px;border:1px solid #c4a780!important;border-radius:10px!important;padding:7px 14px!important;background:#4a3329!important;color:#f8ead5!important;-webkit-text-fill-color:#f8ead5!important;font:inherit;font-size:15px!important;box-shadow:none!important;white-space:nowrap}
html[data-color-mode] body #app main .multiplayer-directory .directory-filters button[aria-pressed=true]{background:#f1d898!important;color:#36251a!important;-webkit-text-fill-color:#36251a!important;border-color:#e8c16b!important}
html[data-color-mode] body #app main .multiplayer-directory .directory-filters input{grid-column:1/-1;width:100%;min-width:0;min-height:40px;border:1px solid #ad8f6a!important;border-radius:10px!important;padding:8px 14px!important;background:#fff8e9!important;color:#473227!important;font:inherit;font-size:15px!important}
.directory-filters button{border-radius:99px;padding:calc(6*var(--u)) calc(10*var(--u));white-space:nowrap;color:#fff;background:transparent}
.directory-filters button[aria-pressed=true]{background:#fff5dd;color:#1b0b03}
.directory-filters input{width:auto;min-width:100px;flex:1 1 100px;padding:calc(5*var(--u));background:#fff5dd;border-radius:8px;color:#473227}
.directory-paper{margin:0 calc(11*var(--u));padding:calc(9*var(--u));border:calc(1.5*var(--u)) solid #000;border-radius:calc(32*var(--u));background:#f1dab4}
.directory-inner{min-height:calc(680*var(--u));padding:calc(25*var(--u)) calc(12*var(--u));border:calc(1.5*var(--u)) solid #735826;border-radius:calc(32*var(--u));background:#f5ecdd;box-sizing:border-box}
.directory-tools{display:flex;justify-content:space-between;align-items:center;height:calc(26*var(--u));padding:0 calc(8*var(--u));margin-bottom:calc(14*var(--u));font-size:calc(13*var(--u))}
.directory-tools select{width:calc(98*var(--u));min-height:0;height:100%;border:1px solid #c8b597;border-radius:calc(10*var(--u));background:transparent;font:inherit;color:#473227;padding:0 calc(8*var(--u))}
.directory-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:calc(10*var(--u)) calc(8*var(--u))}
#app .multiplayer-directory .directory-card{display:flex;flex-direction:column;align-items:stretch;text-align:left;min-width:0;min-height:calc(192*var(--u));padding:calc(12*var(--u));border:calc(1.5*var(--u)) solid #c8b597;border-radius:calc(11*var(--u));box-shadow:0 3px 8px #51382010!important;background:#fff9ef!important;color:#49352a;font:inherit}
#app .multiplayer-directory .directory-card[hidden]{display:none}
.directory-portrait{display:grid;place-items:center;width:100%;height:auto;aspect-ratio:1;margin:0 auto calc(7*var(--u));border:1px solid #c8b597;border-radius:12px;overflow:hidden;font-size:calc(42*var(--u))}
.directory-portrait img{width:100%;height:100%;object-fit:cover}
.directory-card b{margin:4px 0 10px;font-size:calc(15*var(--u));line-height:1.25;min-height:2.5em;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;overflow-wrap:anywhere}
.directory-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px;margin-top:auto;padding-top:10px;border-top:1px solid #dbc9b0;text-align:center}
.directory-stats>span{display:grid;gap:3px;min-width:0}.directory-stats small{font-size:calc(10*var(--u));line-height:1.4;color:#89725a;overflow-wrap:anywhere}.directory-stats strong{font-size:calc(15*var(--u));line-height:1.2;font-weight:600}
#app .multiplayer-directory .directory-add{align-items:center;justify-content:center;text-align:center;gap:14px;border-style:dashed;background:#eee3d1!important}
.directory-add-symbol{display:grid;place-items:center;width:58px;aspect-ratio:1;border:1px solid #c5ad8b;border-radius:50%;background:#faf3e6;color:#846447;font:36px/1 system-ui}
.directory-add b{min-height:0;margin:0}
.directory-inner>p{font-size:calc(13*var(--u));line-height:1.5}
.directory-create-dialog{width:min(92vw,480px);max-height:85dvh;overflow:auto;padding:20px;border:2px solid #735826;border-radius:24px;background:#f5ecdd;color:#1b0b03}
.directory-create-dialog .multiplayer-entry-grid{grid-template-columns:1fr}
.dictionary-transfer-actions{display:flex;gap:8px;flex-wrap:wrap;padding:8px}
.dictionary-transfer-actions button{font:inherit;font-size:13px;padding:8px 12px}

.catalog-selection-dialog{max-height:90dvh;overflow:hidden}.catalog-selection-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;max-height:50dvh;overflow:auto;padding:6px}.catalog-selection-card{position:relative;display:grid;align-content:start;gap:5px;min-width:0;padding:7px;border:1px solid #c8b597;border-radius:12px;cursor:pointer}.catalog-selection-card[hidden]{display:none}.catalog-selection-card:has(input:checked){background:#f5db8b;border-color:#977330}.catalog-selection-card input[type=checkbox]{position:absolute;right:6px;top:6px;width:18px;height:18px;min-height:0;margin:0;z-index:1}.catalog-selection-art{position:relative;display:grid;place-items:center;width:100%;min-height:0;aspect-ratio:1;overflow:hidden;border-radius:8px;font-size:30px}.catalog-selection-art img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.catalog-selection-card>span:last-child{font-size:14px;line-height:1.4;overflow-wrap:anywhere}.catalog-selection-controls{display:flex;flex-wrap:wrap;gap:6px;margin-top:12px}.relationship-group-jump{position:absolute;top:30px;left:130px;right:20px;z-index:3;display:grid;gap:5px}.relationship-group-jump>b{font-size:12px}.relationship-group-jump>div{display:flex;gap:6px;overflow-x:auto}.relationship-group-jump button{flex:0 0 auto;min-height:36px;padding:6px 10px;font-size:14px}@media(max-width:520px){.relationship-group-jump{top:30px;left:100px;right:12px}}

.home-occupant-command [hidden]{display:none!important}.direct-step-back{margin-bottom:10px}.direct-step-flow{display:block;width:100%;min-height:0;max-height:65dvh;overflow-y:auto;touch-action:pan-y;box-sizing:border-box;padding:0 4px 12px;overscroll-behavior:auto}.home-occupant-popover .direct-step-flow{max-height:none;overflow:visible}.direct-step-flow button{touch-action:pan-y}.direct-step-flow .direct-action-popup{max-height:none;overflow:visible}.direct-step-flow .direct-person-grid{max-height:none;grid-template-columns:repeat(2,minmax(0,1fr))}.direct-step-flow .direct-action-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.direct-step-flow .direct-action-grid button{min-height:44px;white-space:normal;font-size:14px}.direct-step-flow .direct-topic-grid h4{grid-column:1/-1;margin:10px 0 4px}.direct-topic-grid button img{display:block;width:48px;height:48px;object-fit:cover;border-radius:8px;margin:0 auto 5px}
.direct-step-choice{min-height:48px;padding:12px;font-size:14px}.direct-step-flow .direct-submit{min-height:46px;margin-top:10px}.direct-step-choice{display:block;width:100%;margin:0 0 10px;text-align:center;box-sizing:border-box}/* Washing decorates the actor, never the nameplate or a travelling actor. */
.is-washing::after{content:'◌ 🫧 ◌';position:absolute;left:50%;top:-8px;translate:-50% 0;white-space:nowrap;color:#d1f8ff;font-size:30px;text-shadow:0 0 6px #fff;pointer-events:none;animation:washing-bubbles 2.4s ease-in-out infinite}
.is-washing .home-person-visual{animation:washing-sway 1.8s ease-in-out infinite}
@keyframes washing-bubbles{0%,100%{opacity:.35;transform:translateY(8px) scale(.85)}50%{opacity:.9;transform:translateY(-12px) scale(1.1)}}
@keyframes washing-sway{25%{rotate:-4deg}75%{rotate:4deg}}
html[data-animation-intensity="reduced"] .is-washing::after{animation-duration:5s}
html[data-animation-intensity="off"] .is-washing::after,html[data-animation-intensity="off"] .is-washing .home-person-visual{animation:none}
@media(prefers-reduced-motion:reduce){.is-washing::after,.is-washing .home-person-visual{animation:none}}
.native-scene-lineup.is-kissing{--kiss-color:#e886aa}.native-scene-lineup.is-kissing.kiss-intense{--kiss-color:#c95b54}.native-scene-lineup.is-kissing.kiss-cautious{--kiss-color:#f6becd}.native-scene-lineup.is-kissing.kiss-reconcile{--kiss-color:#da8763}.native-scene-lineup.is-kissing::after{content:'♥';position:absolute;left:50%;top:30%;color:var(--kiss-color);font-size:36px;text-shadow:0 0 18px var(--kiss-color);animation:kiss-heart 3s ease-in-out infinite;pointer-events:none}.is-kissing>.pair-slot-left{animation:kiss-left 3s ease-in-out infinite!important}.is-kissing>.pair-slot-right{animation:kiss-right 3s ease-in-out infinite!important}@keyframes kiss-left{50%{translate:8% 0;rotate:3deg}}@keyframes kiss-right{50%{translate:-8% 0;rotate:-3deg}}@keyframes kiss-heart{0%,100%{opacity:.35;translate:0 8px}50%{opacity:1;translate:0 -8px}}@media(prefers-reduced-motion:reduce){.native-scene-lineup.is-kissing::after,.is-kissing>.pair-slot-left,.is-kissing>.pair-slot-right{animation:none!important}}

.group-information{display:grid;gap:16px}.group-information form{display:grid;gap:14px}.group-information label{display:grid;gap:6px}.group-information-photo{width:100%;max-height:260px;object-fit:cover;border-radius:18px}.group-management-menu{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:22px 0}.group-management-menu button{min-height:80px;border:1px solid #967655;border-radius:16px;background:#f7edda;color:#513b2c}.group-information :is(input:not([type=file]),textarea){width:100%;box-sizing:border-box}

.residence-move-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.residence-move-card{position:relative;display:grid;align-content:start;gap:5px;min-width:0;padding:9px;border:1px solid #c8b597;border-radius:12px;background:#fff9ef;text-align:center;cursor:pointer}.residence-move-card input[type=checkbox]{position:absolute;right:6px;top:6px;width:18px;height:18px;min-height:0;margin:0;z-index:1}.residence-move-card:has(input:checked){background:#ecdfbf;border-color:#93734b}.residence-move-art{display:grid;place-items:center;width:100%;height:70px;overflow:hidden}.shared-residents-screen .residence-move-art img{display:block;width:100%;height:70px;min-height:0;max-height:70px;object-fit:contain}.residence-move-card b{font-size:14px;line-height:1.35;overflow-wrap:anywhere}.residence-move-card small{font-size:11px;line-height:1.4;color:#87725d;overflow-wrap:anywhere}.residence-move-card[data-complete=true]{opacity:.45}