/* Four responsive realm tiles; never shrink their names into illegible labels. */
#scenes{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}#scenes .scene{min-height:43px;flex-direction:row;justify-content:space-between;align-items:center;padding:7px 9px}#scenes .scene .hall-name{font-size:12px}#scenes .scene .hall-price{font-size:14px}#scenes .scene[data-hall="4"][aria-selected="true"]{background:linear-gradient(130deg,#403454,#1b1c30);border-color:#c6adf4;color:#ede2ff;box-shadow:inset 0 1px #dcc9ff44,0 0 12px #b189e522}.participation-mode{display:flex;gap:5px;align-items:center;margin:7px 0;font-size:10px;color:#bbae91}.participation-mode>span{margin-right:auto}.participation-mode button{min-height:30px;border:1px solid #bca36744;background:#17191c;color:#aaacac;border-radius:5px;padding:4px 13px;font:inherit}.participation-mode button[aria-pressed="true"]{color:#f4db9f;border-color:#d2b87a88;background:#59472a55}
body[data-arena="amethyst"] .stage{background-image:linear-gradient(#25203955,#14122355),url('../assets/arena/bg-amethyst-v1.webp');filter:none!important}body[data-arena="amethyst"] .arena-deck{filter:hue-rotate(50deg) saturate(.65)}body[data-arena="amethyst"] .mascot-visual{filter:sepia(.12) hue-rotate(35deg) saturate(.85) drop-shadow(0 0 13px #a58ad522)}body[data-arena="amethyst"] .stage-rings{border-color:#cab3f0;box-shadow:0 0 25px #a58ad52b}body[data-arena="amethyst"] .mascot-caption{color:#d3c1ee}.hall-portal[data-tone="amethyst"]{--portal:#c9abf5}.result-ceremony[data-result-hall="4"]{--result-bg:url('../assets/arena/bg-amethyst-v1.webp');--a:#d9bfff;--b:#8d72bb}.result-ceremony[data-result-hall="4"] .ceremony-guardian{filter:drop-shadow(0 0 12px #ae80eb33)}
@media(max-width:350px){#scenes .scene{padding:5px 6px}#scenes .scene .hall-name{font-size:11px}#scenes .hall-emblem{display:none}.participation-mode button{padding-inline:10px}}
body[data-arena="amethyst"] .stage:after{content:'';position:absolute;inset:2% 5%;background:repeating-conic-gradient(from 22deg at 50% 38%,transparent 0deg 43deg,#cdb4f222 44deg 45deg);mask-image:radial-gradient(ellipse,#0000 26%,#000 27%,#000 52%,#0000 65%);pointer-events:none}.participation-mode+ .lobby-pulse{margin-top:4px}body[data-arena="amethyst"] .mascot-visual{filter:sepia(.15) hue-rotate(45deg) saturate(1.15) drop-shadow(0 0 15px #a68cdb44)}
/* Reserve the full lower dock while keeping the guardian visible above it. */
body[data-room-view="room"] #view-game{gap:4px;padding-top:4px}body[data-room-view="room"] .room-back{display:none}body[data-room-view="room"] .room-heading{font-size:25px;line-height:32px}body[data-room-view="room"] .room-subtitle{display:none}body[data-room-view="room"] .round-bar{min-height:26px;padding:1px 16px}body[data-room-view="room"] .round-bar .occ b{font-size:18px}body[data-room-view="room"] #scenes .scene{min-height:35px;padding-block:4px}body[data-room-view="room"] #scenes{gap:4px;order:4}body[data-room-view="room"] #participation-mode{order:4;margin:1px 0;min-height:28px}body[data-room-view="room"] .lobby-pulse{min-height:36px;height:36px}body[data-room-view="room"] .lobby-pulse>button{min-height:32px}body[data-room-view="room"] .arena{height:auto;min-height:0!important}body[data-room-view="room"][data-arena="amethyst"] #view-game:before{background:linear-gradient(#19132966,#13112066 70%,#101212),url('../assets/arena/bg-amethyst-v1.webp') center/cover;filter:none}body[data-room-view="room"] .arena-footer{margin-top:0;font-size:10px}body[data-room-view="room"] .arena-footer .remaining{font-size:10px}
@media(max-height:700px){body[data-room-view="room"] .room-heading{font-size:20px;line-height:26px}body[data-room-view="room"] .lobby-pulse{height:30px;min-height:30px}body[data-room-view="room"] .arena{height:auto}body[data-room-view="room"] #scenes .scene{min-height:30px}body[data-room-view="room"] .arena-footer{display:none}}
/* Four realm sigils flank the central gathering title, like a mobile RPG altar. */
body[data-room-view="room"] .hall-crown{order:1;position:relative;display:grid;grid-template-columns:92px minmax(0,1fr) 92px;grid-template-rows:44px 44px;gap:5px 7px;align-items:center;margin:4px 0 1px;isolation:isolate}body[data-room-view="room"] .hall-crown:before{content:'';position:absolute;inset:14px 20%;border-top:1px solid #c5a96a44;border-bottom:1px solid #c5a96a22;z-index:-1;background:radial-gradient(ellipse,#c3a15c17,transparent 70%)}body[data-room-view="room"] .hall-crown .room-heading{grid-column:2;grid-row:1/3;font-size:23px;line-height:1.45;letter-spacing:3px;white-space:normal;text-shadow:0 2px 12px #000;align-self:center}body[data-room-view="room"] .hall-crown .room-heading:before,body[data-room-view="room"] .hall-crown .room-heading:after{display:none}body[data-room-view="room"] .hall-crown #scenes{display:contents}body[data-room-view="room"] .hall-crown #scenes .scene{width:100%;height:44px;min-height:44px;display:flex;flex-direction:column;justify-content:center;gap:0;padding:3px 5px;border-radius:3px 12px;background:linear-gradient(130deg,#242329dd,#11151be8);border-color:#b6a16b55;box-shadow:inset 0 0 0 3px #ba9e6010;transition:border-color .2s,background .2s}body[data-room-view="room"] .hall-crown .scene .hall-name{font-size:11px;line-height:16px;letter-spacing:.6px}body[data-room-view="room"] .hall-crown .scene .hall-price{font-size:13px;line-height:16px}body[data-room-view="room"] .hall-crown .scene .hall-price small{font-size:8px}body[data-room-view="room"] .hall-crown .scene[data-hall="1"]{grid-column:1;grid-row:1}body[data-room-view="room"] .hall-crown .scene[data-hall="2"]{grid-column:1;grid-row:2}body[data-room-view="room"] .hall-crown .scene[data-hall="3"]{grid-column:3;grid-row:1}body[data-room-view="room"] .hall-crown .scene[data-hall="4"]{grid-column:3;grid-row:2}body[data-room-view="room"] .hall-crown .scene[aria-selected="true"]{border-color:#e6c889;background:linear-gradient(130deg,#64502bd9,#25221b);color:#ffe7b2;box-shadow:inset 0 0 0 3px #e8cc8515,0 0 13px #dcad482b}body[data-room-view="room"] .hall-crown .scene[data-hall="2"][aria-selected="true"]{border-color:#b8e0f3;background:linear-gradient(130deg,#34536b,#182832);color:#def3ff;box-shadow:0 0 13px #80bbd52b}body[data-room-view="room"] .hall-crown .scene[data-hall="4"][aria-selected="true"]{border-color:#c7adf0;background:linear-gradient(130deg,#4c385f,#201c30);color:#ecdeff;box-shadow:0 0 13px #ab86d62b}body[data-room-view="room"] .round-bar{order:2}body[data-room-view="room"] #participation-mode{order:3}body[data-room-view="room"] .arena{height:auto}
@media(max-width:350px){body[data-room-view="room"] .hall-crown{grid-template-columns:79px minmax(0,1fr) 79px;gap:4px}body[data-room-view="room"] .hall-crown .room-heading{font-size:21px;letter-spacing:1px}body[data-room-view="room"] .hall-crown .scene .hall-name{font-size:10px;letter-spacing:0}}
@media(max-height:700px){body[data-room-view="room"] .hall-crown{grid-template-rows:39px 39px}body[data-room-view="room"] .hall-crown #scenes .scene{height:39px;min-height:39px}body[data-room-view="room"] .arena{height:auto}}
@media(max-width:350px){body[data-room-view="room"] #view-game:before{left:-12px;right:-12px}.hall-crown .scene .hall-price{white-space:nowrap}}
/* Original Amethyst artwork carries its own materials; keep its colors intact. */
body[data-arena="amethyst"] .mascot-visual{filter:drop-shadow(0 0 12px #bb91e52b)}body[data-arena="amethyst"] .arena-deck{filter:none}.result-ceremony[data-result-hall="4"] .ceremony-mascot{filter:drop-shadow(0 0 14px #b38bea33)}
/* Seat layout keeps 44px targets; its overflow must not intercept the greeting. */
body[data-room-view="room"] .arena-footer{position:relative;z-index:4;margin-top:44px}
/* Bookmark navigation: four realm tabs, one centered title, one gathering clock. */
body[data-room-view="room"] .hall-crown{display:flex;flex-direction:column;gap:0;margin:3px 0 0;align-items:stretch}body[data-room-view="room"] .hall-crown:before{display:none}body[data-room-view="room"] .hall-crown #scenes{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;padding-bottom:8px;order:0;align-items:start;border-bottom:1px solid #d8bc792e}body[data-room-view="room"] .hall-crown #scenes .scene{grid-column:auto;grid-row:auto;height:65px;min-height:65px;width:100%;border-radius:3px 3px 14px 14px;padding:7px 2px 10px;position:relative;background:linear-gradient(#25252de8,#12141de0);border-color:#b4a07144;box-shadow:inset 0 1px #e5d6b31c;clip-path:polygon(0 0,100% 0,100% 90%,50% 100%,0 90%)}body[data-room-view="room"] .hall-crown .scene .hall-emblem{display:block;font-size:13px;line-height:15px;margin:0}body[data-room-view="room"] .hall-crown .scene .hall-name{font-size:10px;line-height:16px;letter-spacing:0;text-align:center}body[data-room-view="room"] .hall-crown .scene .hall-price{font-size:12px;line-height:16px}body[data-room-view="room"] .hall-crown .scene[aria-selected="true"]{height:70px!important;min-height:70px!important;background:linear-gradient(#66512c,#2a241b);color:#ffe2a0;border-color:#e2c380;box-shadow:inset 0 2px #ffebba,0 5px 15px #cdae4322}body[data-room-view="room"] .hall-crown .scene[data-hall="2"][aria-selected="true"]{background:linear-gradient(#385569,#192733);box-shadow:inset 0 2px #d3ecff}body[data-room-view="room"] .hall-crown .scene[data-hall="4"][aria-selected="true"]{background:linear-gradient(#544067,#251d34);box-shadow:inset 0 2px #e1c9ff}.selected-hall-name{margin:10px 0 1px;text-align:center;font-size:9px;letter-spacing:4px;color:#c9b58a}body[data-arena="amethyst"] .selected-hall-name{color:#d6bdec}body[data-room-view="room"] .hall-crown .room-heading{font-size:25px;line-height:34px;letter-spacing:5px;white-space:nowrap;align-self:center;order:2;margin:0}.gather-status{position:relative;order:2;display:flex;flex-direction:column;gap:7px}.gather-status .lobby-pulse{display:flex!important;justify-content:space-between;height:auto!important;min-height:25px!important;padding:0 2px;color:#bdb8ac}.gather-status .lobby-pulse>div,.gather-status .lobby-pulse>button{display:flex;align-items:center;gap:6px;min-height:25px!important;padding:0;border:0}.gather-status .lobby-pulse span{font-size:9px}.gather-status .lobby-pulse b{font:13px Georgia;color:#d9c6a0}.gather-status .lobby-pulse i{position:static;font-size:13px}.gather-core{display:flex;align-items:center;justify-content:center;gap:16px;min-height:43px;padding:3px 12px;border:1px solid #c0a46955;border-radius:9px;background:linear-gradient(110deg,#25221de3,#12151be8);box-shadow:inset 0 1px #e6cd9112}.gather-core .round-bar{margin:0!important;padding:0!important;border:0!important;background:none!important;min-width:0!important;min-height:0!important}.gather-core .occ{font-size:12px!important}.gather-core .occ b{font:22px Georgia!important}.gather-core #slot-info{border:0;background:none;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:0;min-height:35px;color:#c3b48f}.gather-core #slot-info span{font-size:8px;line-height:12px}.gather-core #slot-info b{font:19px Georgia;line-height:22px;color:#f1dcaa;letter-spacing:2px}.gather-divider{width:1px;height:25px;background:linear-gradient(transparent,#bb9d5d88,transparent)}body[data-room-view="room"] #participation-mode{order:3;margin-top:3px;margin-bottom:2px}body[data-room-view="room"] .arena{height:auto}
@media(max-width:350px){body[data-room-view="room"] .hall-crown #scenes{gap:4px}body[data-room-view="room"] .hall-crown .scene .hall-name{font-size:9px}.selected-hall-name{margin-top:7px}body[data-room-view="room"] .hall-crown .room-heading{font-size:23px}.gather-core{gap:12px}}
/* One information row: quiet presence on the wings, gathering in the center. */
body[data-room-view="room"] .gather-status{display:grid;grid-template-columns:50px minmax(0,1fr) 50px;gap:5px;align-items:center;margin:3px 0}.gather-status .lobby-pulse{display:contents!important}.gather-status .lobby-pulse>div{grid-column:1;grid-row:1;display:flex;flex-direction:column;gap:1px;align-items:center!important;justify-content:center!important}.gather-status #active-rooms{grid-column:3;grid-row:1;display:flex;flex-direction:column;gap:1px;align-items:center;justify-content:center}.gather-status .lobby-pulse i{display:none}.gather-status .lobby-pulse b{font-size:14px}.gather-status .lobby-pulse span{font-size:8px;line-height:13px;white-space:nowrap}.gather-core{grid-column:2;grid-row:1;gap:10px;padding:4px 6px;min-height:48px}.gather-core .round-bar{order:0!important}.gather-divider{order:1}.gather-core #slot-info{order:2;min-width:58px}.gather-core #slot-info b{font-size:18px;letter-spacing:1px}.gather-core .round-id{gap:0}.gather-core .round-id #room-label{display:none}.gather-core .occ{white-space:nowrap;font-size:10px!important}.gather-core .occ b{font-size:19px!important}.selected-hall-name{margin-top:7px}body[data-room-view="room"] .hall-crown .room-heading{line-height:31px}body[data-room-view="room"] .hall-crown #scenes .scene .hall-price{font-size:11px}body[data-room-view="room"] .hall-crown #scenes .scene .hall-price small{font-size:7px}
@media(max-width:350px){.gather-status .lobby-pulse b{font-size:12px}.gather-core{gap:6px;padding-inline:3px}.gather-core .occ b{font-size:16px!important}.gather-core #slot-info{min-width:47px}.gather-core #slot-info b{font-size:15px}}
.gather-core #slot-info{position:relative}.gather-core #slot-info:after{display:none!important}
/* Compact header and measured arena: no CSS height may clip a JS seat layout. */
body[data-room-view="room"] .hall-crown #scenes{gap:5px;padding-bottom:5px}body[data-room-view="room"] .hall-crown #scenes .scene{height:46px!important;min-height:46px!important;padding:3px 2px 6px;gap:0}body[data-room-view="room"] .hall-crown .scene .hall-name{font-size:10px;line-height:16px}body[data-room-view="room"] .hall-crown .scene .hall-emblem{display:inline;font-size:10px;margin-right:2px}body[data-room-view="room"] .hall-crown .scene .hall-price{font-size:11px;line-height:15px}body[data-room-view="room"] .selected-hall-name{display:none}body[data-room-view="room"] .hall-crown .room-heading{font-size:21px;line-height:29px;letter-spacing:4px;margin-top:3px}body[data-room-view="room"] #view-game{gap:4px;padding-top:0}body[data-room-view="room"] .gather-status{margin:0}.gather-core{min-height:40px;padding:2px 6px}.gather-core #slot-info{min-height:30px}.gather-core #slot-info span{font-size:7px;line-height:9px}.gather-core #slot-info b{line-height:20px}.gather-divider{height:22px}body[data-room-view="room"] #participation-mode{min-height:25px;margin:0}.participation-mode button{min-height:25px;padding:2px 11px}body[data-room-view="room"] .arena{min-height:0!important;margin-top:0}body[data-room-view="room"] .arena-footer{margin:0;min-height:24px;position:relative;z-index:4}body[data-room-view="room"] .arena-footer .gesture-btn{min-height:24px;margin:0}body[data-room-view="room"] .rules{display:none}body[data-room-view="room"] .arena .seat{width:var(--seat-size,44px);height:var(--seat-size,44px);transform:translate(-50%,-50%);font-size:clamp(9px,calc(var(--seat-size,44px)*.3),14px)}body[data-room-view="room"] .seat .no{font-size:inherit}body[data-room-view="room"] .seat svg{height:calc(var(--seat-size,44px)*.3);width:calc(var(--seat-size,44px)*.3)}body[data-room-view="room"] .mascot-caption{font-size:9px;line-height:14px}
body[data-room-view="room"] .arena .seat{padding:2px 0;grid-template-rows:1fr 1fr;min-width:0;min-height:0}body[data-room-view="room"] .arena .seat .no{line-height:1}.arena .seat svg{max-height:100%}
@media(max-height:650px){body[data-room-view="room"] .top{height:48px;grid-template-rows:48px}body[data-room-view="room"] .hall-crown .room-heading{display:none}body[data-room-view="room"] .hall-crown #scenes{padding-bottom:3px}body[data-room-view="room"] .hall-crown #scenes .scene{height:42px!important;min-height:42px!important}body[data-room-view="room"] .gather-core{min-height:36px}body[data-room-view="room"] #view-game{gap:3px}}
/* A compact center clock leaves balanced breathing room for the two live counters. */
body[data-room-view="room"] .gather-status{grid-template-columns:minmax(0,1fr) min(46vw,164px) minmax(0,1fr);column-gap:9px;align-items:center;margin:2px 0 4px}.gather-status .lobby-pulse>div,.gather-status #active-rooms{gap:3px;min-width:0;min-height:40px!important}.gather-status .lobby-pulse span{font-size:9px;letter-spacing:.5px;color:#b7b2a4}.gather-status .lobby-pulse b{font-size:18px;line-height:20px;color:#ecdbb6;font-variant-numeric:tabular-nums}.gather-core{width:100%;border-radius:20px;min-height:40px;gap:7px;padding:3px 7px;background:linear-gradient(110deg,#25231cdb,#10151be8);border-color:#c2ac7355;box-shadow:inset 0 1px #ffe8b014}.gather-core .occ{font-size:10px!important}.gather-core .occ b{font-size:17px!important}.gather-core #slot-info{min-width:49px;min-height:30px}.gather-core #slot-info b{font-size:16px;letter-spacing:.5px}.gather-core #slot-info span{font-size:8px;line-height:10px;color:#b7ad96}.gather-divider{height:22px;background:linear-gradient(transparent,#c1a66966,transparent)}
/* The scene is continuous behind the guardian, rather than a second cropped image panel. */
body[data-room-view="room"][data-arena] #arena .stage{background:radial-gradient(ellipse at 50% 60%,#080b1038,transparent 72%)!important;mask-image:none;filter:none!important}body[data-room-view="room"] #arena{background:radial-gradient(ellipse at 50% 78%,#00000038,transparent 65%)}body[data-room-view="room"] #arena .stage-rings{opacity:.28}body[data-room-view="room"] .seat:not(.taken){background:#c2b38c62;color:#bfb69c}body[data-room-view="room"] .seat:not(.taken):before{background:linear-gradient(145deg,#22252be8,#10151de8)}body[data-room-view="room"] .hall-crown .room-heading{color:#f0dfba;letter-spacing:5px}
@media(max-width:350px){body[data-room-view="room"] .gather-status{grid-template-columns:minmax(0,1fr) 148px minmax(0,1fr);gap:5px}.gather-status .lobby-pulse span{font-size:8px;letter-spacing:0}.gather-status .lobby-pulse b{font-size:15px}.gather-core{gap:5px;padding-inline:5px}.gather-core .occ b{font-size:16px!important}.gather-core #slot-info b{font-size:15px}}
.witness-link{color:#d9c28d;font-size:9px;text-decoration:none;margin-right:6px;border-bottom:1px solid #a78c5755;white-space:nowrap}