:root{--dorm-color:var(--brand-blue);--dorm-fill:var(--brand-blue);--dorm-tone:color-mix(in srgb,var(--dorm-color) 12%,white);--dorm-radius:10px;--dorm-border:2px;--dorm-gap:14px;--dorm-pad:14px;--dorm-shadow:2px 3px 0 color-mix(in srgb,var(--dorm-color) 18%,transparent);--dorm-font-display:var(--font-pixel);--dorm-font-body:var(--font-body);--dorm-ink:#16203f;--dorm-muted:#5d688a;--dorm-line:#dbe1ef;--dorm-surface:#ffffff;--dorm-surface-2:#eef1f9}[data-dorm=tm]{--dorm-color:#27357E;--dorm-fill:#1F2B6B}[data-dorm=ab]{--dorm-color:#E0559A;--dorm-fill:#FF8DBE}[data-dorm=sm]{--dorm-color:#2E93D9;--dorm-fill:#7FCDF5}[data-dorm=hl]{--dorm-color:#DC3B36;--dorm-fill:#F0463F}[data-dorm=ll]{--dorm-color:#7B4BD0;--dorm-fill:#9B72E8}[data-dorm=bc]{--dorm-color:#219C63;--dorm-fill:#34B978}[data-dorm=da]{--dorm-color:#A8790A;--dorm-fill:#FFD43B}[data-dorm]{--dorm-tone:color-mix(in srgb,var(--dorm-color) 12%,white);--dorm-shadow:2px 3px 0 color-mix(in srgb,var(--dorm-color) 18%,transparent)}:root[data-theme=dark]{--dorm-ink:#e8ebf6;--dorm-muted:#98a2c0;--dorm-line:#272d44;--dorm-surface:#161a2b;--dorm-surface-2:#1c2135}:root[data-theme=dark] [data-dorm=tm]{--dorm-color:#8fa0e8}:root[data-theme=dark] [data-dorm=ab]{--dorm-color:#ff93c2}:root[data-theme=dark] [data-dorm=sm]{--dorm-color:#6ec4f2}:root[data-theme=dark] [data-dorm=hl]{--dorm-color:#ff8078}:root[data-theme=dark] [data-dorm=ll]{--dorm-color:#b79af5}:root[data-theme=dark] [data-dorm=bc]{--dorm-color:#5fce95}:root[data-theme=dark] [data-dorm=da]{--dorm-color:#efc44d}:root[data-theme=dark] [data-dorm]{--dorm-tone:color-mix(in srgb,var(--dorm-color) 12%,var(--dorm-surface))}.dorm-chip{display:inline-flex;align-items:center;gap:6px;padding:3px 10px;border-radius:999px;background:var(--dorm-tone);color:var(--dorm-color);font:700 12px/1.4 var(--dorm-font-display);letter-spacing:.02em}.dorm-nameplate{display:inline-block;padding:6px 14px;border:var(--dorm-border) solid var(--dorm-color);background:var(--dorm-tone);color:var(--dorm-color);font:700 15px/1.3 var(--dorm-font-display);box-shadow:var(--dorm-shadow)}.dorm-card{border:var(--dorm-border) solid var(--dorm-color,var(--dorm-line));border-radius:var(--dorm-radius);background:var(--dorm-surface);box-shadow:var(--dorm-shadow);overflow:hidden}.dorm-card>header{background:var(--dorm-tone);color:var(--dorm-color);padding:8px var(--dorm-pad);font:700 13px/1.4 var(--dorm-font-display);display:flex;justify-content:space-between;align-items:center}.dorm-card>.body{padding:var(--dorm-pad);font:14px/1.7 var(--dorm-font-body);color:var(--dorm-ink)}.dorm-strip{height:8px;background:var(--dorm-fill)}.room{position:relative;display:grid;place-items:center;width:100%;min-width:0;min-height:0}.room-illustration{display:block;width:100%;height:auto;max-width:100%;max-height:100%;object-fit:contain}.room .plate{position:absolute;left:2%;top:2%;max-width:96%}.compat-card{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:10px;padding:var(--dorm-pad)}.compat-card .who{text-align:center;font-size:13px}.compat-card .who .dorm-chip{margin-top:4px}.compat-card .vs{font:700 18px/1 var(--dorm-font-display);color:var(--dorm-muted)}.rel-name{font:700 18px/1.3 var(--dorm-font-display);color:var(--brand-ink);text-align:center;margin:4px 0 0}.rel-line{text-align:center;color:var(--dorm-muted);font-size:13px;margin:2px 0 8px}.scene-list{margin:8px 0 0;padding:0;list-style:none;display:grid;gap:6px;font-size:13px}.scene-list li{display:grid;grid-template-columns:52px 1fr;gap:8px;padding:6px 10px;background:var(--dorm-surface-2);border-radius:var(--dorm-radius)}.scene-list li b{font:700 12px/1.6 var(--dorm-font-display);color:var(--brand-blue)}.invite-card{text-align:center;padding:var(--dorm-pad)}.invite-card .room{max-width:300px;margin:0 auto 10px}.invite-url{display:flex;gap:6px;margin-top:10px}.invite-url input{flex:1;min-width:0;font:13px/1.4 var(--dorm-font-body);padding:8px 10px;border:2px solid var(--dorm-line);border-radius:var(--dorm-radius)}.friend-list{display:grid;gap:8px}.friend-row{display:flex;align-items:center;gap:10px;padding:8px 10px;border:2px solid var(--dorm-line);border-radius:var(--dorm-radius);background:var(--dorm-surface)}.friend-row .name{flex:1;font-weight:700;font-size:13.5px}.friend-row .sub{color:var(--dorm-muted);font-size:12px}.nudge{display:flex;gap:10px;align-items:center;padding:10px 12px;background:#fff7dc;border:2px solid #f2c94c;border-radius:var(--dorm-radius);font-size:13px;line-height:1.5}.nudge b{color:#8a5a00}.nudge .dorm-primary{margin-left:auto;white-space:nowrap}.sticky-nudge{position:fixed;right:14px;bottom:14px;z-index:40;padding:8px 12px;border:2px solid var(--brand-ink);background:#fff;border-radius:999px;font:700 12px/1.3 var(--dorm-font-display);color:var(--brand-ink);text-decoration:none;box-shadow:var(--dorm-shadow)}.sticky-nudge:hover{background:var(--brand-blue);color:#fff}.notice{padding:8px 12px;background:var(--dorm-surface-2);border-left:4px solid var(--brand-blue);font-size:13px;margin-bottom:8px}.history{color:var(--dorm-muted);font-size:12px}@media(max-width:640px){.compat-card{grid-template-columns:1fr}.compat-card .vs{text-align:center}}body .dorm-layout{top:310px;bottom:26px;grid-template-columns:218px minmax(0,1fr) 253px;gap:16px}body #dormMain{min-height:0;min-width:0;flex:1;overflow:auto;overscroll-behavior:contain;padding:0 4px 16px;scrollbar-width:thin;scrollbar-color:#a3bde5 transparent}body .dorm-helper{color:#4d6386;font-size:16px;line-height:1.5}body :is(.dorm-nameplate,.dorm-chip,.rel-name){font-family:var(--font-pixel)!important;font-weight:400!important}body .dorm-nameplate{font-size:20px;padding:8px 14px;line-height:1.3}body .dorm-chip{font-size:16px;padding:5px 10px}body :is(.guest-actions,.dorm-actions){gap:10px}body .guest-actions .dorm-primary{font-size:17px;min-height:42px;padding:8px 14px;margin:0}body .history{font-size:14px;line-height:1.5}body .nudge{font-size:16px;padding:14px;line-height:1.55;flex-wrap:wrap}body .nudge .dorm-primary{font-size:16px;min-height:40px}body .friend-row{flex-wrap:wrap;padding:12px;gap:12px}body .friend-row .name,body .friend-row .sub{font-size:16px}body .rel-name{font-size:24px}body .rel-line,body .scene-list{font-size:16px;line-height:1.6}body .scene-list li{grid-template-columns:76px minmax(0,1fr)}body .scene-list li b{font-size:15px}body .quiz-q{font-size:23px;line-height:1.5;margin:16px 0}body .quiz-opts button{font-size:18px;min-height:54px;padding:13px 16px}body .quiz-nav{font-size:16px}body .form-grid label,body .form-grid input,body .form-grid textarea{font-size:17px}body .guestbook article{font-size:17px;padding:14px}body .room .plate{max-width:92%}body .room .plate .dorm-nameplate{font-size:clamp(12px,1.2vw,19px);overflow-wrap:anywhere}@media(orientation:portrait){body .dorm-layout{position:relative;inset:auto;display:flex;flex-direction:column;margin:16px}body #dormMain{overflow:visible;padding:0}}body .dorm-layout{grid-template-columns:218px minmax(0,1fr);bottom:70px}