.town-room{--room-bg:#f4f0e7;--room-ink:#443c36;--room-muted:#9a8a7d;position:relative;min-height:700px;height:100svh;overflow:hidden;background:var(--room-bg);color:var(--room-ink);isolation:isolate;transition:background 1s,color 1s}
.room-top{position:absolute;top:25px;left:4vw;right:4vw;display:flex;justify-content:space-between;align-items:center;z-index:3;gap:18px;font-size:10px;letter-spacing:1px;color:var(--room-muted)}.room-top button{font:inherit;letter-spacing:inherit;padding:10px 0;background:transparent;color:inherit}.room-top button:hover{color:var(--room-ink)}
.town-heading{position:absolute;left:20px;right:20px;top:75px;text-align:center;z-index:2;pointer-events:none}.town-heading>p{font-size:8px;letter-spacing:4px;color:var(--room-muted)}.town-heading h1{font-size:clamp(35px,4.6vw,66px);font-weight:700;letter-spacing:.18em;margin:14px 0 12px;line-height:1.25}.town-heading>span{font-size:11px;letter-spacing:2px;color:var(--room-muted)}
#room-canvas{position:absolute;inset:0;width:100%;height:100%;touch-action:none;outline:none}#room-canvas:focus-visible{outline:2px dashed #b09b78;outline-offset:-10px}
.adventure-sign{position:absolute;z-index:3;left:50%;transform:translateX(-50%);background:transparent;color:#75533a;display:grid;grid-template-columns:1fr auto;column-gap:18px;text-align:center;padding:7px 14px;white-space:nowrap}.adventure-sign>span{font-size:clamp(17px,1.8vw,25px);font-weight:600;letter-spacing:3px}.adventure-sign>b{font-size:24px;font-weight:400}.adventure-sign>small{grid-column:1/3;font-size:8px;letter-spacing:2px;color:var(--room-muted);margin-top:6px}.adventure-sign:hover{color:#aa682f;transform:translateX(-50%) translateY(-3px)}
.room-dock{position:absolute;bottom:48px;left:50%;transform:translateX(-50%);display:flex;justify-content:center;gap:22px;align-items:center;z-index:3;white-space:nowrap}.room-dock button{font-size:10px;letter-spacing:1px;color:var(--room-muted);padding:10px 2px;background:none;border-bottom:1px solid transparent}.room-dock button:hover,.room-dock button[aria-pressed=true]{color:var(--room-ink);border-color:currentColor}.room-dock button:disabled{opacity:.35}.room-hint{position:absolute;bottom:22px;left:20px;right:20px;text-align:center;font-size:8px;letter-spacing:1.4px;color:var(--room-muted);pointer-events:none}.room-rebuild{position:absolute;bottom:24px;right:4vw;background:none;color:var(--room-muted);font-size:9px;z-index:4;padding:5px}.room-tooltip{position:absolute;z-index:5;background:#463b32eb;color:#fff5e7;padding:10px 15px;font-size:11px;letter-spacing:.8px;pointer-events:none;box-shadow:0 5px 15px #00000012;transform:translate(-50%,-100%);white-space:nowrap}
.room-dialog{width:580px;max-width:calc(100vw - 32px);padding:43px;max-height:88svh;background:#f8f5ee;color:#443c36}.room-dialog::backdrop{background:#181e29bd;backdrop-filter:blur(7px)}.room-dialog-kicker{font-size:9px;letter-spacing:3px;color:#a29587;margin-bottom:18px}.room-dialog h2{font-size:30px;letter-spacing:1px;line-height:1.4;margin:0 30px 20px 0}.room-dialog p{font-size:13px;line-height:2;color:#817566}.room-dialog .dialog-close{color:inherit}.room-dialog .room-lead{font-size:14px;color:#584b3f;margin-bottom:18px}.room-dialog .room-note{font-size:11px;color:#a18c78;margin-top:18px;line-height:1.9}.room-dialog .info-list{margin:24px 0}.room-dialog .info-list>div{display:flex;justify-content:space-between;gap:25px;border-bottom:1px solid #ded6c9;padding:15px 0;font-size:12px}.room-dialog .info-list dt{color:#998976;flex-shrink:0}.room-dialog .info-list dd{margin:0;text-align:right;overflow-wrap:anywhere}.room-dialog .info-button{display:inline-flex;justify-content:center;align-items:center;padding:14px 23px;background:#6d775d;color:#fff;gap:20px;font-size:12px;letter-spacing:1px;margin-top:14px;min-height:44px}.room-dialog .info-button.secondary{background:#e9e2d6;color:#786551}.room-dialog .info-button:disabled{opacity:.5}.room-dialog .admin-list{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:24px}.admin-list button{display:flex;align-items:center;gap:12px;background:#eee7dc;padding:15px;text-align:left;font-size:12px;overflow-wrap:anywhere}.admin-face{width:40px;height:40px;image-rendering:pixelated;flex-shrink:0}.admin-heading{display:flex;align-items:center;gap:18px;margin-bottom:20px}.admin-heading .admin-face{width:70px;height:70px}.skin-label{display:inline-block;font-size:10px;color:#7f946e;border:1px solid #a5b69b;padding:5px 8px;line-height:1.4}.skin-label.pending{color:#a3835c;border-color:#c8b594}.admin-name{font-size:16px;font-weight:600;overflow-wrap:anywhere;margin-bottom:10px}.clock-count{font-size:65px;font-variant-numeric:tabular-nums;letter-spacing:-3px;color:#768469;line-height:1.3;margin:20px 0 10px}.clock-count small{font-size:15px;letter-spacing:1px;margin-left:12px}.book-tabs{display:flex;gap:20px;border-bottom:1px solid #ded6c9;margin-bottom:22px}.book-tabs button{padding:12px 1px;background:none;color:#94836f;font-size:12px;border-bottom:2px solid transparent}.book-tabs button[aria-selected=true]{color:#66543f;border-color:#8a7759}.book-list{padding-left:20px;color:#786959;font-size:13px;line-height:2.1}.book-list li{margin-bottom:10px}.town-timeline{padding-left:18px;border-left:1px solid #cbbca7;margin:20px 0}.town-timeline article{margin-bottom:24px}.town-timeline time{font-size:10px;color:#a08e7c}.town-timeline h3{font-size:15px;margin:7px 0}.gallery-empty{border:1px dashed #c5b8a6;padding:35px 22px;text-align:center;margin:20px 0;color:#ae977d}.gallery-image{width:100%;height:auto;max-height:50vh;object-fit:contain;background:#eee7dc}.gallery-nav{display:flex;justify-content:space-between;align-items:center;margin-top:15px}.gallery-nav button{padding:12px 20px;background:#e8dfd2;font-size:13px}.gallery-nav span{font-size:11px;color:#9b8976}.room-toast{position:fixed;z-index:120;bottom:30px;left:50%;transform:translate(-50%,10px);background:#463b32f2;color:#fff2df;max-width:90vw;padding:14px 22px;font-size:12px;opacity:0;pointer-events:none;transition:opacity .2s,transform .2s}.room-toast.visible{opacity:1;transform:translate(-50%,0)}
.night-mode .town-room{--room-bg:#14202d;--room-ink:#d9d9c8;--room-muted:#8495a2}.night-mode .adventure-sign{color:#e6c28e}.night-mode .room-tooltip,.night-mode .room-toast{background:#ded5bfee;color:#2e3440}.night-mode .room-dialog{background:#1c2b38;color:#e2ddcf}.night-mode .room-dialog p,.night-mode .room-dialog .room-lead{color:#aab5b8}.night-mode .room-dialog .info-list>div,.night-mode .book-tabs{border-color:#354652}.night-mode .room-dialog .info-list dt,.night-mode .room-dialog .room-note{color:#95a3ab}.night-mode .admin-list button,.night-mode .info-button.secondary,.night-mode .gallery-nav button{background:#2a3c49;color:#d5dddf}.night-mode .book-tabs button[aria-selected=true]{color:#e6c999}.night-mode .book-list{color:#b2bec1}.night-mode .gallery-image{background:#14202d}.night-mode .clock-count{color:#bbd7b1}
@media(max-width:700px){.town-room{min-height:640px}.room-top{top:17px;left:22px;right:22px;font-size:8px}.town-heading{top:80px}.town-heading>p{font-size:6px;letter-spacing:2.5px}.town-heading h1{font-size:clamp(32px,8vw,50px);letter-spacing:.12em;margin:17px 0 12px}.town-heading>span{font-size:9px;letter-spacing:1px}.room-dock{bottom:67px;gap:14px;max-width:calc(100% - 36px);flex-wrap:wrap;row-gap:4px;white-space:normal;width:340px}.room-dock button{font-size:9px;letter-spacing:.5px;padding:9px 2px}.room-hint{bottom:45px;font-size:7px;letter-spacing:.4px}.room-rebuild{right:50%;transform:translateX(50%);bottom:12px;font-size:8px}.room-dialog{padding:35px 25px}.room-dialog h2{font-size:24px}.admin-list button{padding:12px;gap:8px;font-size:10px}.admin-face{width:28px;height:28px}.room-tooltip{font-size:9px}.adventure-sign>span{font-size:18px}.adventure-sign>small{font-size:7px}}
@media(max-height:640px) and (min-width:701px){.town-room{min-height:500px}.town-heading{top:40px}.town-heading h1{font-size:32px;margin:10px 0}.town-heading>p{display:none}.town-heading>span{font-size:8px}.room-top{top:12px}.room-dock{bottom:35px}.room-hint{bottom:12px}.room-rebuild{bottom:10px}.adventure-sign>span{font-size:16px}}
@media(prefers-reduced-motion:reduce){.town-room,.room-toast{transition:none}}

.server-addresses{display:grid;gap:10px;margin:24px 0}.server-address{display:grid;grid-template-columns:1fr auto;gap:6px 12px;border:1px solid var(--line,#ded5c8);padding:15px}.server-address>span{font-size:10px;opacity:.65}.server-address>code{grid-column:1;font-size:17px;overflow-wrap:anywhere}.server-address>button{grid-column:2;grid-row:1/3;align-self:center;margin:0;padding:10px 14px}.night-mode .server-address{border-color:#3c4650}

.adventure-sign{grid-template-columns:1fr;gap:0}.adventure-sign>b{display:none}.adventure-sign>small{grid-column:auto}.music-panel-controls{display:flex;gap:12px;flex-wrap:wrap}.room-dock{gap:18px}.room-dock #room-music-button{max-width:130px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media(max-width:700px){.town-heading{top:70px}.town-heading h1{font-size:clamp(30px,8vw,46px)}.room-dock{gap:10px}.adventure-sign>span{font-size:16px}.adventure-sign>small{font-size:7px}}

.adventure-sign,.night-mode .adventure-sign{background:transparent;border:0;padding:8px 16px;box-shadow:none}.music-panel-controls .info-button{min-width:120px}