.hmix-lobby{color-scheme:dark;font-family:"Yu Mincho","Hiragino Mincho ProN",Georgia,serif;color:#fff1d0;background:#101b22}.hmix-lobby *{box-sizing:border-box}body:has(#page-content .island-scene){margin:0}.hmix-lobby .island-scene{height:100svh;min-height:640px;position:relative;overflow:hidden}.hmix-lobby .backdrop{position:absolute;inset:-30px;background:linear-gradient(#111b2860,#111b2860),url(/theater/bg/island-lobby/background-v04.webp) center/cover;filter:blur(24px)}.hmix-lobby .world{position:absolute;width:min(100vw,177.68svh);aspect-ratio:1672/941;left:50%;top:50%;transform:translate(-50%,-50%);isolation:isolate}.hmix-lobby .world>img,.hmix-lobby .world>canvas,.hmix-lobby .shade{position:absolute;inset:0;width:100%;height:100%}.hmix-lobby .world>img{object-fit:contain}.hmix-lobby .world>canvas{pointer-events:none}.hmix-lobby .shade{background:linear-gradient(90deg,#16202c50,transparent 35%),linear-gradient(0deg,#111b2755,transparent 30%);pointer-events:none}.hmix-lobby #water{opacity:0;transition:opacity 1s}.hmix-lobby #water.ready{opacity:1}.hmix-lobby .island-intro{position:absolute;top:32px;left:38px;pointer-events:none;text-shadow:0 2px 20px #152337}.hmix-lobby a{color:inherit}.hmix-lobby .brand{pointer-events:auto;font-size:12px;text-decoration:none;letter-spacing:.28em}.hmix-lobby .brand span{display:block;font-size:9px;letter-spacing:.48em;margin-top:7px}.hmix-lobby .intro{margin-top:40px}.hmix-lobby .intro p{font-size:11px;letter-spacing:.25em}.hmix-lobby .intro h1{font-weight:400;letter-spacing:.16em;font-size:clamp(24px,2.8vw,43px);line-height:1.6;margin:14px 0}.hmix-lobby .portal{position:absolute;display:grid;grid-template-columns:20px 1fr 22px;gap:4px 7px;text-decoration:none;padding:13px 18px;min-width:170px;border:1px solid #f9e3b457;border-radius:2px;background:linear-gradient(120deg,#17222c9c,#16252c68);backdrop-filter:blur(9px);box-shadow:0 5px 30px #0b152238;color:#fff0cf;transition:background .4s,border-color .4s,box-shadow .4s,translate .4s;transform:translate(-50%,-50%)}.hmix-lobby .portal::before{content:"";position:absolute;left:50%;bottom:calc(100% + 8px);height:25px;width:1px;background:linear-gradient(transparent,#ffe2a2c0)}.hmix-lobby .portal::after{content:"";position:absolute;width:5px;height:5px;background:#ffdf9c;border-radius:50%;left:calc(50% - 2px);bottom:calc(100% + 33px);box-shadow:0 0 14px #ffe7a5}.hmix-lobby .number{font-size:9px;align-self:center;color:#dbc797}.hmix-lobby .name{font-size:23px;letter-spacing:.2em}.hmix-lobby .detail{grid-column:2;font-size:10px;letter-spacing:.13em;opacity:.82}.hmix-lobby .arrow{grid-column:3;grid-row:1/3;align-self:center;opacity:.7}.hmix-lobby .portal:hover,.hmix-lobby .portal:focus-visible{background:#1b302db8;border-color:#ffe5a5;box-shadow:0 0 30px #ffe2a230;translate:0 -3px;outline:2px solid #ffe5a5;outline-offset:5px}.hmix-lobby .watch{left:32%;top:49%}.hmix-lobby .explore{left:74.7%;top:37%}.hmix-lobby .create{left:68.5%;top:84%}.hmix-lobby .island-footer{position:absolute;bottom:22px;left:38px;right:38px;display:flex;align-items:center;gap:25px;font-family:"Yu Gothic",sans-serif}.hmix-lobby .invitation{font-family:"Yu Mincho",serif;font-size:12px;letter-spacing:.2em}.hmix-lobby .controls{display:flex;gap:10px;align-items:center;margin-left:auto;background:#111f285e;padding:8px 12px;border:1px solid #ffefcf2e;backdrop-filter:blur(12px);border-radius:30px}.hmix-lobby .controls label{display:flex;align-items:center;gap:8px;font-size:11px}.hmix-lobby .controls input{width:68px;accent-color:#e9d49a}.hmix-lobby .controls button{font:inherit;font-size:11px;background:transparent;border:0;color:#efe7d5;padding:7px;cursor:pointer}.hmix-lobby .controls button:focus-visible{outline:2px solid #ffe5a5;border-radius:8px}.hmix-lobby .caption{font-size:8px;letter-spacing:.14em;opacity:.6}.hmix-lobby .sr{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}body:has(#page-content .island-scene).departing .world{transition:transform .7s ease-in;transform:translate(-50%,-50%) scale(1.06)}body:has(#page-content .island-scene).departing .island-scene{transition:opacity .7s;opacity:0}
@media(max-width:700px){.hmix-lobby .island-scene{min-height:max(800px,calc(100vw * .563 + 580px));height:100svh}.hmix-lobby .world{top:195px;transform:translateX(-50%);width:100vw}.hmix-lobby .island-intro{top:25px;left:24px}.hmix-lobby .intro{margin-top:25px}.hmix-lobby .intro h1{font-size:28px;line-height:1.35}.hmix-lobby .intro h1 br{display:none}.hmix-lobby .intro p{font-size:10px}.hmix-lobby .portal{position:absolute;transform:none;left:24px;right:24px;top:calc(100vw * .563 + 30px);padding:12px 17px;min-height:65px;grid-template-columns:25px 1fr 25px;background:#1528309c}.hmix-lobby .portal::before,.hmix-lobby .portal::after{display:none}.hmix-lobby .explore{top:calc(100vw * .563 + 120px)}.hmix-lobby .create{top:calc(100vw * .563 + 210px)}.hmix-lobby .name{font-size:21px}.hmix-lobby .detail{font-size:10px}.hmix-lobby .invitation,.hmix-lobby .caption{display:none}.hmix-lobby .island-footer{left:15px;right:15px;bottom:18px;justify-content:center}.hmix-lobby .controls{margin:0;gap:5px}.hmix-lobby .controls input{width:54px}body:has(#page-content .island-scene).departing .world{transform:translateX(-50%) scale(1.025)}}
@media(prefers-reduced-motion:reduce){.hmix-lobby *{scroll-behavior:auto!important;transition:none!important}.hmix-lobby .portal:hover{translate:none}}.hmix-lobby .world .portal{margin-top:0;margin-left:0}.hmix-lobby .portal:hover,.hmix-lobby .portal:focus-visible{translate:none}.hmix-lobby .world{background:url(/theater/bg/island-lobby/background-v04.webp) center/108% auto no-repeat}.hmix-lobby .journey-veil{position:fixed;inset:0;z-index:5;pointer-events:none;opacity:0;background:radial-gradient(ellipse at 50% 43%,rgba(var(--journey-light,178,192,141),.22),#0b1520 76%)}.hmix-lobby .journey-caption{position:fixed;left:20px;right:20px;top:70%;z-index:6;text-align:center;pointer-events:none;opacity:0;text-shadow:0 2px 20px #000}.hmix-lobby .journey-kicker{font-size:11px;letter-spacing:.3em;color:#ead9ae}.hmix-lobby .journey-title{font-size:clamp(24px,3vw,40px);font-weight:400;letter-spacing:.15em;margin:18px 0}.hmix-lobby .journey-cancel,.hmix-lobby .journey-continue{position:fixed;z-index:7;right:30px;top:25px;color:#f4e9d1;border:1px solid #f5e1ae60;border-radius:3px;padding:12px 18px;background:#13202bc0;font:12px "Yu Mincho",serif;letter-spacing:.12em;cursor:pointer;text-decoration:none}.hmix-lobby .journey-continue{top:auto;right:auto;left:50%;bottom:8%;transform:translateX(-50%)}.hmix-lobby [hidden]{display:none!important}body:has(#page-content .island-scene).travelling .island-intro,body:has(#page-content .island-scene).travelling .island-footer,body:has(#page-content .island-scene).travelling .portal{opacity:0;pointer-events:none;transition:opacity .35s}body:has(#page-content .island-scene).travelling .world{will-change:transform;mask-image:linear-gradient(90deg,transparent,#000 5%,#000 95%,transparent),linear-gradient(0deg,transparent,#000 5%,#000 95%,transparent);mask-composite:intersect}body:has(#page-content .island-scene).travelling .shade{opacity:0;transition:opacity .5s}
@media(max-width:700px){.hmix-lobby .journey-cancel{right:16px;top:16px}.hmix-lobby .journey-caption{top:70%}}

body:has(#page-content .island-scene){padding:0!important;overflow:hidden;background:#101b22}body:has(#page-content .island-scene) #page-content{padding:0!important;margin:0!important}body:has(#page-content .island-scene) .site-footer{display:none} .hmix-lobby .island-scene{position:fixed;inset:0;height:100dvh;min-height:0;z-index:1}.hmix-lobby .world{width:min(100vw,177.68dvh)}.hmix-lobby .island-intro{top:90px;left:38px}.hmix-lobby .intro{margin:0}.hmix-lobby .intro h1{font-size:clamp(26px,3vw,44px)}.hmix-lobby .island-footer{bottom:60px}.hmix-lobby .controls button{min-height:44px}.hmix-lobby .shell-hint{position:fixed;z-index:20;border:1px solid #ead9ae50;background:#14212899;backdrop-filter:blur(12px);color:#f5e6c7;border-radius:20px;min-height:44px;padding:8px 17px;font:12px sans-serif;cursor:pointer}.hmix-lobby .shell-menu{right:24px;top:12px}.hmix-lobby .shell-music{left:50%;bottom:8px;transform:translateX(-50%)}body:has(#page-content .island-scene) #site-header,body:has(#page-content .island-scene) #global-player{z-index:30;opacity:0;pointer-events:none;transition:opacity .35s,transform .35s}body:has(#page-content .island-scene) #site-header{transform:translateY(-16px)}body:has(#page-content .island-scene) #global-player{transform:translateY(16px)}body:has(#page-content .island-scene).shell-top #site-header,body:has(#page-content .island-scene) #site-header:focus-within,body:has(#page-content .island-scene).shell-bottom #global-player,body:has(#page-content .island-scene) #global-player:focus-within{opacity:1;pointer-events:auto;transform:none}body:has(#page-content .island-scene).shell-top .shell-menu,body:has(#page-content .island-scene).shell-bottom .shell-music{opacity:0;pointer-events:none}body:has(#page-content .island-scene).travelling #site-header,body:has(#page-content .island-scene).travelling #global-player,body:has(#page-content .island-scene).travelling .shell-hint{opacity:0;pointer-events:none}.hmix-lobby .journey-veil{z-index:40}.hmix-lobby .journey-caption{z-index:41}.hmix-lobby .journey-cancel,.hmix-lobby .journey-continue{z-index:42}
@media(max-width:700px){.hmix-lobby .world{width:100vw;top:42%;transform:translate(-50%,-50%)}.hmix-lobby .island-intro{top:80px;left:24px}.hmix-lobby .intro h1{font-size:30px}.hmix-lobby .portal{position:fixed;top:calc(50dvh + 80px);left:16px;right:16px;min-height:60px;padding:8px 17px}.hmix-lobby .explore{top:calc(50dvh + 152px)}.hmix-lobby .create{top:calc(50dvh + 224px)}.hmix-lobby .island-footer{bottom:52px;justify-content:flex-end}.hmix-lobby .name{font-size:20px}.hmix-lobby .shell-menu{right:14px}.hmix-lobby .journey-caption{top:65%}}@media(max-width:700px){.hmix-lobby .portal{position:absolute;top:calc(16dvh + 28.14vw)}.hmix-lobby .explore{top:calc(16dvh + 28.14vw + 70px)}.hmix-lobby .create{top:calc(16dvh + 28.14vw + 140px)}}
@media(max-width:700px) and (max-height:650px){.hmix-lobby .island-intro{top:66px}.hmix-lobby .world{top:38%}.hmix-lobby .portal{min-height:48px;top:calc(15dvh + 28.14vw)}.hmix-lobby .explore{top:calc(15dvh + 28.14vw + 56px)}.hmix-lobby .create{top:calc(15dvh + 28.14vw + 112px)}.hmix-lobby .detail{font-size:9px}}
@media(max-width:700px){.hmix-lobby .portal{line-height:1.3}.hmix-lobby .name{line-height:1.3}.hmix-lobby .detail{line-height:1.4}.hmix-lobby .world{mask-image:linear-gradient(0deg,transparent,#000 3%,#000 97%,transparent)}}

/* Readable entrances, with separate emblems and steady brass guide lights. */
.hmix-lobby .portal{--portal-accent:#ffe2a4;backdrop-filter:blur(14px);transition:background .25s,border-color .25s,box-shadow .25s}
.hmix-lobby .explore{--portal-accent:#c6e5f6}.hmix-lobby .create{--portal-accent:#f7d5b6}
.hmix-lobby .number{grid-column:1;grid-row:1/3;align-self:center;display:grid;place-items:center;color:var(--portal-accent)}
.hmix-lobby .detail{font-family:"Yu Gothic","Hiragino Kaku Gothic ProN",sans-serif;font-weight:500;opacity:1;white-space:nowrap}
.hmix-lobby .arrow{color:var(--portal-accent)}
.hmix-lobby .portal::before{width:2px;background:linear-gradient(transparent,#ffe2a2)}
.hmix-lobby .portal::after{width:7px;height:7px;left:calc(50% - 2.5px);box-shadow:0 0 5px #fff4d4,0 0 18px #ffe7a5}
@media(max-width:700px){.hmix-lobby .world{mask-image:none}.hmix-lobby .world>img,.hmix-lobby .world>canvas{mask-image:linear-gradient(0deg,transparent,#000 3%,#000 97%,transparent)}}
/* Quiet architectural signage: fine brass edges and deliberate typography. */
.hmix-lobby .portal{min-width:clamp(232px,18vw,292px);padding:16px 20px 17px;grid-template-columns:32px 1fr 18px;gap:7px 13px;border:1px solid #e9d5ab66;border-radius:1px;background:linear-gradient(110deg,#142620f2,#142027e8);box-shadow:0 10px 28px #07121a80,inset 0 1px 0 #fff2cf18;color:#fff5df}
.hmix-lobby .explore{background:linear-gradient(110deg,#1b2b3af2,#142027e8)}
.hmix-lobby .create{background:linear-gradient(110deg,#322922f2,#1b2226e8)}
.hmix-lobby .number{width:32px;height:40px;border:0;border-radius:0;background:none;box-shadow:none;opacity:.95}
.hmix-lobby .portal-icon{width:30px;height:30px;stroke-width:1.25}
.hmix-lobby .name{font-size:clamp(29px,1.45vw,36px);font-weight:400;letter-spacing:.22em;line-height:1.25;text-shadow:0 1px 6px #0008}
.hmix-lobby .detail{font-size:11px;letter-spacing:.12em;line-height:1.5;color:#e8dcc2}
.hmix-lobby .arrow{font-size:21px;align-self:end;padding-bottom:2px;opacity:.9}
.hmix-lobby .portal:hover,.hmix-lobby .portal:focus-visible{background:linear-gradient(110deg,#27392ff5,#1b2b34f5);border-color:#f6dfa6;box-shadow:0 10px 30px #07121a80,0 0 18px #efcc7d24,inset 0 1px 0 #fff2cf38}
@media(max-width:700px){.hmix-lobby .portal{min-width:0;min-height:64px;padding:6px 19px;grid-template-columns:32px 1fr 18px;gap:3px 14px}.hmix-lobby .name{font-size:25px}.hmix-lobby .detail{font-size:11px}.hmix-lobby .number{width:32px;height:38px}.hmix-lobby .portal-icon{width:28px;height:28px}}
@media(max-width:700px) and (max-height:650px){.hmix-lobby .portal{min-height:50px;padding:5px 16px;gap:1px 12px}.hmix-lobby .name{font-size:22px}.hmix-lobby .detail{font-size:10px}.hmix-lobby .number{height:34px}}

/* Final lettering and interaction polish; signs remain still in the landscape. */
.hmix-lobby .portal{font-kerning:normal;text-rendering:optimizeLegibility;border-top-color:var(--portal-accent)}
.hmix-lobby .portal .arrow{transition:color .25s,transform .25s}
.hmix-lobby .portal:hover .arrow,.hmix-lobby .portal:focus-visible .arrow{color:#fff3ce;transform:translate(2px,-2px)}
.hmix-lobby .portal:focus-visible{outline:2px solid #fff1c8;outline-offset:4px}
.hmix-lobby .portal:active{box-shadow:0 4px 14px #07121a80,inset 0 0 0 1px #fff2cf40}
@media(max-width:700px){.hmix-lobby .portal{min-width:0}.hmix-lobby .portal .arrow{transform:none}}
@media(prefers-reduced-motion:reduce){.hmix-lobby .portal .arrow{transition:none;transform:none!important}}
/* Keep ambience controls clear of the player reveal zone and favourite badge. */
.hmix-lobby .island-footer{bottom:132px}.hmix-lobby #sound{touch-action:manipulation;min-width:116px}
@media(max-width:700px){.hmix-lobby .island-footer{bottom:112px}}

/* A top-layer reading window keeps the living island and soundtrack in place. */
/* An independent glass invitation beside the lobby title. */
.hmix-lobby .visit-open{pointer-events:auto;display:flex;align-items:center;gap:14px;width:248px;min-height:76px;padding:13px 17px;margin-top:20px;color:#fff2d9;border:1px solid #f4dfaf70;border-top-color:#fff1c9ad;border-radius:5px;background:linear-gradient(125deg,#d4e9dc24,#15322d99 48%,#152d3691);backdrop-filter:blur(18px) saturate(1.15);-webkit-backdrop-filter:blur(18px) saturate(1.15);box-shadow:0 10px 30px #04121c30,inset 0 1px 0 #ffffff22;cursor:pointer;text-align:left;transition:background .25s,border-color .25s;touch-action:manipulation}
.hmix-lobby .visit-open svg{width:30px;height:30px;flex:none;color:#efd6a1}.hmix-lobby .visit-label{display:grid;gap:6px}.hmix-lobby .visit-name{font:400 22px/1.3 "Yu Mincho",serif;letter-spacing:.12em;text-shadow:0 2px 8px #071c29}.hmix-lobby .visit-description{font:10px/1.4 "Yu Gothic",sans-serif;letter-spacing:.06em;color:#e3e8dd}.hmix-lobby .visit-arrow{font-size:18px;margin-left:auto;color:#edd6a7}.hmix-lobby .visit-open:hover{border-color:#fff0c4;background:linear-gradient(125deg,#d4e9dc35,#15322db0 48%,#152d36a0)}.hmix-lobby .visit-open:focus-visible{outline:2px solid #fff0c4;outline-offset:5px}
@media(max-width:700px){.hmix-lobby .visit-open{width:238px;min-height:64px;margin-top:14px;padding:10px 15px}.hmix-lobby .visit-name{font-size:20px}}
@media(max-width:700px) and (max-height:650px){.hmix-lobby .visit-open{min-height:54px;margin-top:4px;padding:7px 13px}.hmix-lobby .visit-label{gap:3px}.hmix-lobby .visit-name{font-size:18px}.hmix-lobby .intro h1{margin:8px 0}}

.hmix-lobby .visit-book{position:fixed;inset:88px 24px 112px auto;width:440px;max-width:calc(100vw - 32px);height:calc(100dvh - 200px);max-height:none;margin:0;padding:24px 26px 18px;border:1px solid #d8bd817d;border-top:2px solid #ead19b;background:linear-gradient(135deg,#19342dcf,#10202ad9);backdrop-filter:blur(24px);box-shadow:0 24px 80px #03111688,inset 0 1px 0 #ffffff20;color:#f8edda;border-radius:3px;font-family:"Yu Gothic",sans-serif;overflow:hidden}.hmix-lobby .visit-book[open]{display:flex;flex-direction:column}.hmix-lobby .visit-book::backdrop{background:#03111a30}
.hmix-lobby .visit-head{display:flex;justify-content:space-between;align-items:flex-start}.hmix-lobby .visit-kicker{font-size:9px;letter-spacing:.23em;color:#dbc28f;margin:0 0 9px}.hmix-lobby .visit-head h2{font:400 30px "Yu Mincho",serif;letter-spacing:.16em;margin:0}.hmix-lobby .visit-book button{font:inherit;color:inherit;border:1px solid #ead9ae50;background:#ffffff08;padding:10px 14px;cursor:pointer;min-height:44px;border-radius:2px}.hmix-lobby .visit-close{font-size:26px!important;border:0!important;margin:-8px -12px 0 0;min-width:44px}.hmix-lobby .visit-book button:focus-visible{outline:2px solid #ffe2a4;outline-offset:2px}.hmix-lobby .visit-filters{display:flex;gap:9px;margin-top:24px}.hmix-lobby .visit-filters button{flex:1;font-size:12px}.hmix-lobby .visit-filters [aria-pressed=true]{background:#ecd6a21c;border-color:#eed499;color:#fff1cc}.hmix-lobby .visit-context{font-size:12px;color:#d2d9cc;line-height:1.7;margin:15px 0}.hmix-lobby .visit-scroll{min-height:0;overflow:auto;overscroll-behavior:contain;flex:1;padding:0 8px 0 0;scrollbar-width:thin;scrollbar-color:#b7a67b65 transparent}.hmix-lobby .visit-entry{padding:17px 0;border-bottom:1px solid #ead9ae29}.hmix-lobby .visit-song{font-size:12px;color:#efd7a4;margin:0;text-decoration:none}.hmix-lobby a.visit-song:hover{text-decoration:underline}.hmix-lobby .visit-words{font:16px/1.9 "Yu Mincho",serif;margin:11px 0;white-space:pre-wrap;overflow-wrap:anywhere}.hmix-lobby .visit-tags{font-size:11px;color:#b9d5c5;line-height:1.6;overflow-wrap:anywhere}.hmix-lobby .visit-meta{font-size:10px;color:#bbc8bd;margin:10px 0 0;overflow-wrap:anywhere}.hmix-lobby .visit-state{font-size:13px;line-height:1.8;padding:20px 0}.hmix-lobby .visit-note{font-size:10px;line-height:1.7;color:#c6d0c5;margin:15px 0 0}.hmix-lobby .visit-more{width:100%;margin-top:15px}
@media(max-width:700px){.hmix-lobby .visit-book{inset:68px 16px 80px;width:calc(100vw - 32px);height:calc(100dvh - 148px);padding:20px}.hmix-lobby .controls{padding:6px 10px}.hmix-lobby .visit-filters{margin-top:18px}.hmix-lobby .visit-words{font-size:15px}}
/* Transparent footer spacing must not intercept the room entrances. */
.hmix-lobby .island-footer{pointer-events:none}.hmix-lobby .controls{pointer-events:auto}body:has(#page-content .island-scene) #hmix-fav-hub{display:none}
@media(max-width:700px){.hmix-lobby .island-footer{bottom:76px}}
@media(max-width:700px) and (max-height:650px){.hmix-lobby .island-footer{bottom:104px}.hmix-lobby .portal{top:calc(15dvh + 28.14vw - 76px)}.hmix-lobby .explore{top:calc(15dvh + 28.14vw - 20px)}.hmix-lobby .create{top:calc(15dvh + 28.14vw + 36px)}}

/* A small gold glass seal announces the new guestbook. */
.hmix-lobby .visit-open{position:relative}.hmix-lobby .visit-new{position:absolute;top:-9px;right:12px;padding:3px 8px;border:1px solid #ffe3a58c;border-radius:3px;background:linear-gradient(135deg,#e9bf656e,#765621bd);backdrop-filter:blur(12px);color:#fff2ce;box-shadow:0 2px 9px #1e201f40,inset 0 1px 0 #fff7da30;font:600 9px/1.3 "Yu Gothic",sans-serif;letter-spacing:.15em;text-shadow:0 1px 3px #493019}

/* Give all four invitations the same dimensions and typographic scale. */
.hmix-lobby .island-scene{--sign-width:clamp(292px,18vw,332px)}
.hmix-lobby .portal{min-width:var(--sign-width)}
.hmix-lobby .visit-open{display:grid;width:var(--sign-width);min-height:0;padding:16px 20px 17px;grid-template-columns:32px 1fr 18px;gap:7px 13px}
.hmix-lobby .visit-open svg{grid-column:1;grid-row:1/3;justify-self:center}.hmix-lobby .visit-label{display:contents}
.hmix-lobby .visit-name{grid-column:2;grid-row:1;font-size:clamp(29px,1.45vw,36px);line-height:1.25;font-kerning:normal;text-rendering:optimizeLegibility}
.hmix-lobby .visit-description{grid-column:2;grid-row:2;font-size:11px;line-height:1.5;white-space:nowrap}
.hmix-lobby .visit-arrow{grid-column:3;grid-row:1/3;align-self:end;padding-bottom:2px;margin:0;font-size:21px}
@media(max-width:700px){.hmix-lobby .portal{min-width:0}.hmix-lobby .island-intro{left:16px}.hmix-lobby .visit-open{width:calc(100vw - 32px);min-height:64px;padding:6px 19px;gap:3px 14px}.hmix-lobby .visit-open svg{width:28px;height:28px}.hmix-lobby .visit-name{font-size:25px}}
@media(max-width:700px) and (max-height:650px){.hmix-lobby .visit-open{min-height:50px;padding:5px 16px;gap:1px 12px}.hmix-lobby .visit-name{font-size:22px}.hmix-lobby .visit-description{font-size:10px}}

/* Explain writing first; keep comments and tags on separate reading pages. */
.hmix-lobby .visit-head{flex-shrink:0;margin-bottom:18px}
.hmix-lobby .visit-guide{padding:14px 15px;border:1px solid #e3cea338;border-radius:3px;background:linear-gradient(120deg,#e7ddb710,#b4d8c808)}
.hmix-lobby .visit-guide h3{margin:0 0 8px;font:400 17px/1.5 "Yu Mincho",serif;color:#f6e4bd}
.hmix-lobby .visit-guide p{margin:6px 0 0;font-size:12px;line-height:1.8;color:#d9e1d6}
.hmix-lobby .visit-guide a{color:#f2d69b;text-underline-offset:3px;display:inline-block;padding:5px 0}
.hmix-lobby .visit-kinds{margin-top:18px;gap:0;border-bottom:1px solid #ead9ae40}
.hmix-lobby .visit-kinds button{font-size:16px;font-family:"Yu Mincho",serif;border:0;border-bottom:2px solid transparent;background:transparent}
.hmix-lobby .visit-kinds [aria-pressed=true]{border-bottom-color:#eed499;background:#ecd6a212}
.hmix-lobby .visit-scopes{margin-top:12px}
.hmix-lobby .visit-song{overflow-wrap:anywhere}
.hmix-lobby .visit-tags{font-size:14px;line-height:1.9}

.hmix-lobby .visit-guide details{font-size:12px;line-height:1.7;color:#d9e1d6}.hmix-lobby .visit-guide summary{cursor:pointer;color:#f2d69b;min-height:36px;display:list-item;align-content:center}.hmix-lobby .visit-guide summary:focus-visible{outline:2px solid #ffe2a4;outline-offset:2px}

/* Track titles play in place while the guestbook remains open. */
.hmix-lobby .visit-book button.visit-song{display:block;max-width:100%;padding:8px 0;min-height:44px;text-align:left;font-size:12px;line-height:1.7;color:#efd7a4;border:0;background:transparent;overflow-wrap:anywhere}.hmix-lobby .visit-book button.visit-song:hover{color:#fff1cc;text-decoration:underline;text-underline-offset:4px}

.hmix-lobby .visit-actions{display:flex;gap:8px;margin-top:20px;padding:5px;border:1px solid #fff0c63d;border-radius:5px;background:#ffffff10;backdrop-filter:blur(12px)}.hmix-lobby .visit-actions button{flex:1;font-size:13px}.hmix-lobby .visit-actions .visit-write{color:#fff0cf;border-color:#ead39c9c;background:linear-gradient(125deg,#cfb97730,#ffffff09)}.hmix-lobby .visit-actions .visit-read{border-color:transparent;background:transparent;color:#d2e0d5}
.hmix-lobby .visit-sync{display:flex;gap:10px;align-items:center;justify-content:space-between;margin-top:16px}.hmix-lobby .visit-updated{font-size:10px;color:#bed1c4;line-height:1.7;margin:0}.hmix-lobby .visit-refresh{font-size:11px!important;white-space:nowrap;background:#ffffff0c!important;backdrop-filter:blur(8px)}.hmix-lobby .visit-kinds button{font-size:14px}.hmix-lobby .visit-refresh:disabled{opacity:.5}