/* Image-led Playroom; shared AmoHa shell remains untouched. */
.lobby-page{background:#f5f2e9}.lobby-app{--ink:#251630;--muted:#645c6c;--line:#ded9e1;--paper:#fffefa;--gold:#ffce39;--good:#176644;--bad:#a13126;--soft:#f3efe5;font-size:16px;max-width:1280px;padding-block:24px 48px}.lobby-app *{box-sizing:border-box}.lobby-app [hidden]{display:none!important}.lobby-app :is(button,input,select,a):focus-visible{outline:3px solid #856218;outline-offset:4px}.lobby-app :is(button,select,input){font:inherit}.lobby-app svg{width:22px;height:22px;flex-shrink:0}.lobby-app :is(h1,h2,h3,p){margin:0}.lobby-app p{line-height:1.8;color:var(--muted)}
.lobby-app button,.lobby-app .action-link{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:46px;padding:10px 19px;border:1px solid var(--ink);border-radius:10px;background:var(--ink);color:white;font-weight:750;text-decoration:none;cursor:pointer;transition:background .18s,box-shadow .18s}.lobby-app :is(button,.action-link):hover:not(:disabled){background:#49265d}.lobby-app button:disabled{opacity:.48;cursor:not-allowed}.lobby-app .secondary{background:transparent;border-color:#b3a7bb;color:var(--ink)}.lobby-app .secondary:hover:not(:disabled){background:#eee7f2}.lobby-app .text-button{background:transparent;color:var(--muted);border-color:transparent;padding-inline:10px;font-size:.82rem}.lobby-app .text-button:hover:not(:disabled){background:var(--soft)}.lobby-app select{color:var(--ink);background:#fff;min-height:48px;border:1px solid #a99fb1;border-radius:9px;padding:8px 12px;width:100%;cursor:pointer}.lobby-app h2{font-size:1.5rem;line-height:1.5}
.lobby-topline{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:22px}.lobby-kicker{font-size:.85rem;font-weight:850;letter-spacing:.08em;color:var(--ink)}.lobby-kicker span{color:var(--muted);font-weight:500;margin-inline-start:9px}.account-control{display:flex;gap:10px;align-items:center;font-size:.85rem;flex-wrap:wrap}.account-dot{height:8px;width:8px;background:#5e5666;border-radius:50%}.account-control:has(#logout:not([hidden])) .account-dot{background:var(--good);box-shadow:0 0 0 4px #17664412}.account-control .action-link{min-height:40px;padding:7px 13px;font-size:.85rem}
.lobby-hero{display:grid;grid-template-columns:1.1fr 1fr;background:#26182f;color:white;border-radius:20px;overflow:hidden;min-height:282px;position:relative}.hero-copy{padding:32px 36px;position:relative;z-index:1}.hero-eyebrow{color:#eedabd;font-size:.76rem;font-weight:750;letter-spacing:.02em}.lobby-hero h1{font-size:clamp(2rem,3.5vw,2.85rem);line-height:1.45;margin:12px 0;text-wrap:balance}.lobby-hero h1 em{font-style:normal;color:var(--gold)}.lobby-hero p{color:#dfd7e5;font-size:.95rem;max-width:490px}.hero-chips{display:flex;gap:18px;flex-wrap:wrap;margin-top:20px;color:#e6e0eb;font-size:.8rem}.hero-chips span{display:flex;align-items:center;gap:6px}.hero-chips svg{width:16px;height:16px;color:#f5d96d}.hero-visual{position:relative;min-height:270px;overflow:hidden}.hero-visual>img{width:100%;height:100%;object-fit:cover;position:absolute;opacity:.75}.hero-visual::after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#21142ae6,transparent 80%),linear-gradient(90deg,transparent 65%,#26182f)}[dir=ltr] .hero-visual::after{background:linear-gradient(0deg,#21142ae6,transparent 80%),linear-gradient(270deg,transparent 65%,#26182f)}.hero-visual-caption{position:absolute;z-index:1;bottom:28px;inset-inline-start:30px;display:grid;gap:10px}.hero-visual-caption>span{font-size:.64rem;letter-spacing:.16em;color:#efe9f1}.hero-visual-caption strong{font-size:1.35rem;line-height:1.6}.hero-visual-caption .hero-stamp{color:#f8db8a;letter-spacing:.08em;border-top:1px solid #ffffff40;padding-top:10px}
.activity{margin:22px 0 28px}.section-meta{display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap;color:var(--muted);font-size:.76rem;margin-bottom:12px}#stats-status{font-weight:700}#stats-status[data-state=live]{color:var(--good)}.stat-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.stat-card{display:flex;gap:14px;padding:18px;background:var(--paper);border:1px solid var(--line);border-radius:12px}.stat-icon{color:#796237;background:#f6efd9;border-radius:9px;width:38px;height:38px;display:grid;place-items:center;flex-shrink:0}.stat-card>div{min-width:0;display:grid}.stat-label{font-size:.85rem;font-weight:650;color:var(--muted)}.stat-card strong{font-size:1.85rem;line-height:1.55;font-variant-numeric:tabular-nums}.stat-card small{font-size:.68rem;color:var(--muted)}.lobby-app .stats-footnote{font-size:.73rem;margin-top:8px}
.section-heading,.panel-heading,.public-header{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:10px}.eyebrow{display:block;color:#746333;font-size:.69rem;font-weight:800;letter-spacing:.04em;margin-bottom:4px}.catalog-tag{display:flex;align-items:center;gap:8px;border:1px solid #dacb9b;background:#f8f0d5;color:#655023;font-size:.78rem;font-weight:650;padding:7px 12px;border-radius:30px}.catalog-tag svg{width:17px;height:17px}.lobby-app .section-description{font-size:.85rem;margin-bottom:18px}.map-grid{border:0;padding:0;margin:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.map-card{display:block;cursor:pointer;position:relative;border:2px solid transparent;border-radius:13px;overflow:hidden;background:var(--paper);box-shadow:0 2px 8px #2516300a;transition:border-color .18s,box-shadow .18s}.map-card input{position:absolute;top:10px;inset-inline-end:10px;width:26px;height:26px;margin:0;opacity:0;z-index:2}.map-card:has(input:checked){border-color:#b78508;box-shadow:0 0 0 3px #ffce3935}.map-card:has(input:focus-visible){outline:3px solid #7150a6;outline-offset:4px}.map-card:hover{border-color:#9e7fbc}.map-photo{display:block;position:relative;aspect-ratio:1.75;overflow:hidden;background:#312c35}.map-photo::after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#160e22eb,transparent 70%);pointer-events:none}.map-photo img{width:100%;height:100%;object-fit:cover}.map-title{position:absolute;bottom:12px;inset-inline-start:16px;font-size:1.35rem;font-weight:850;color:#fff;z-index:1}.map-check{display:grid;place-items:center;position:absolute;z-index:1;top:10px;inset-inline-end:10px;width:26px;height:26px;background:#23182b7d;border:1px solid #fff9;border-radius:50%;color:transparent}.map-check svg{width:17px;height:17px}.map-card:has(input:checked) .map-check{background:var(--gold);border-color:var(--gold);color:#271a13}.map-caption{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:12px;font-size:.73rem;color:var(--muted)}.map-state{color:#705524;font-weight:750}
.lobby-columns{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:20px;margin-top:26px;align-items:start}.lobby-panel{min-width:0;background:var(--paper);padding:24px;border:1px solid var(--line);border-radius:15px}.panel-heading h2{font-size:1.3rem}.panel-heading p{font-size:.85rem;margin-top:4px}.selected-map-line{display:flex;align-items:center;gap:12px;padding:12px 14px;margin:20px 0;background:var(--soft);border-radius:9px;font-size:.83rem}.selected-map-line>span{color:var(--muted)}.selected-map-line a{color:#684581;margin-inline-start:auto;font-size:.75rem;padding:5px}.field-grid{display:grid;grid-template-columns:1.4fr 1fr;gap:16px}.field-grid label{display:block;margin-bottom:8px;font-size:.9rem;font-weight:750}.lobby-app .field-help{font-size:.76rem;margin:8px 0 20px}.lobby-app .full-button{width:100%;background:var(--gold);border-color:#a67a13;color:var(--ink)}.lobby-app .full-button:hover:not(:disabled){background:#f5be16}.lobby-app .quiet-note{font-size:.78rem;margin-top:12px}.pilot-note{padding:12px;border-radius:8px;background:#fff2d9;margin-top:14px!important;font-size:.8rem}.lobby-empty{text-align:center;display:grid;justify-items:center;padding:20px 24px 8px}.lobby-empty>svg{width:65px;height:65px;color:#79568c;margin:10px 0 16px}.lobby-empty h3{font-size:1.05rem;margin-bottom:8px}.lobby-empty p{font-size:.85rem;max-width:340px}
.status-pill{display:inline-flex;border-radius:30px;background:#f2eddc;color:#685123;padding:5px 10px;font-size:.73rem;font-weight:750}.status-pill[data-state=ready]{background:#e0f5e8;color:var(--good)}.status-pill[data-state=unknown]{background:#fff0d5;color:#77551d}.room-preview{height:120px;overflow:hidden;border-radius:10px;margin:18px 0;background:#271b30}.room-preview img{width:100%;height:100%;object-fit:cover}.lobby-progress{list-style:none;display:grid;grid-template-columns:repeat(4,1fr);padding:0;gap:4px;margin:20px 0}.lobby-progress li{border-top:3px solid #e6e0d6;color:var(--muted);padding-top:8px;font-size:.72rem;text-align:center}.lobby-progress li[aria-current=step]{border-color:#aa7f15;color:var(--ink);font-weight:800}.lobby-progress li.complete{border-color:var(--good)}.lobby-detail{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:.84rem;padding-block:8px}.roster{display:flex;gap:6px;flex-wrap:wrap;list-style:none;padding:0;margin:14px 0}.roster li{border:1px solid var(--line);background:#f9f6ef;padding:5px 9px;border-radius:6px;font-size:.74rem;overflow-wrap:anywhere}#room-message{font-size:.85rem;margin-bottom:16px}.lobby-actions{display:flex;align-items:center;flex-wrap:wrap;gap:10px}#leave-button{margin-top:12px}.connect-box{background:#ecf8f0;padding:16px;margin-top:16px;border:1px solid #a3c2ad;border-radius:10px;font-size:.85rem}.connect-box code{display:block;background:#fff;padding:10px;margin:12px 0;direction:ltr;text-align:left;font-size:.75rem;overflow-wrap:anywhere}
.feedback:empty{display:none}.feedback{position:fixed;bottom:24px;inset-inline-end:24px;z-index:100;max-width:min(430px,calc(100vw - 32px));background:#fff1ec;color:var(--bad);border:1px solid #d4a292;padding:14px 20px;border-radius:12px;box-shadow:0 8px 40px #25163025;font-size:.9rem}.feedback[data-kind=success]{background:#e7f8ee;border-color:#78a789;color:var(--good)}.notice{padding:16px;margin-block:16px;border:1px solid #bda16a;border-radius:10px;background:#fff3d6}.notice.error{border-color:#ca9c8e;background:#fff0ea;color:var(--bad)}.public-section{margin-top:36px}.public-tools{display:flex;gap:10px;align-items:center}.public-tools select{width:auto;max-width:175px;font-size:.85rem}.public-tools button{font-size:.85rem}.public-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:14px}.public-room{background:var(--paper);border:1px solid var(--line);border-radius:13px;overflow:hidden}.public-room>img{display:block;width:100%;aspect-ratio:2.6;object-fit:cover}.public-room-body{padding:18px}.public-room h3{font-size:1.12rem;margin:10px 0 4px}.public-room p{font-size:.85rem;margin:8px 0 12px}.public-room button{width:100%}.empty-public{grid-column:1/-1;text-align:center;padding:32px 20px;border:1px dashed #bdb3c5;border-radius:12px;background:#faf8f1;font-size:.9rem}.lobby-info{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;margin-top:36px;padding-block:26px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.lobby-info h3{font-size:.95rem;margin-bottom:7px}.lobby-info p{font-size:.78rem}.lobby-app .image-credit{font-size:.7rem;text-align:center;margin-top:20px}.image-credit a{color:#604271;text-decoration:underline}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.lobby-skip{position:fixed;top:-100px;z-index:100;padding:12px;background:white;color:#241234}.lobby-skip:focus{top:12px}
@media(max-width:1000px){.stat-card{padding:14px;gap:10px}.stat-icon{width:30px;height:30px}.hero-copy{padding:26px}.map-grid{gap:10px}.map-caption{flex-wrap:wrap}.lobby-app{padding-inline:18px}.lobby-panel{padding:20px}.public-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.lobby-topline{align-items:start;flex-direction:column}.lobby-hero{grid-template-columns:1fr}.hero-visual{display:none}.hero-copy{padding:25px}.lobby-hero h1{font-size:2rem}.hero-copy p{max-width:100%}.stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.map-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.map-title{font-size:1.2rem}.lobby-columns{grid-template-columns:1fr}.section-heading,.public-header{flex-wrap:wrap}.lobby-info{grid-template-columns:1fr;gap:22px}.lobby-app h2{font-size:1.35rem}.catalog-tag{font-size:.75rem}.section-meta{font-size:.7rem}.hero-chips{gap:12px}.public-tools{width:100%}.public-tools select{flex:1;max-width:none}.stat-card{gap:8px}.stat-card small{font-size:.64rem}.stat-label{font-size:.8rem}.stat-card strong{font-size:1.6rem}}
@media(max-width:420px){.lobby-app{padding-inline:14px}.lobby-hero h1{font-size:1.8rem}.hero-copy{padding:22px}.stat-icon{display:none}.map-photo{aspect-ratio:1.4}.map-caption{font-size:.7rem;padding:10px}.map-state{display:none}.field-grid{grid-template-columns:1fr;gap:0}.lobby-panel{padding:18px}.public-grid{grid-template-columns:1fr}.account-control{gap:8px}.lobby-topline{gap:10px}.hero-chips{font-size:.74rem}}
.lobby-app .lobby-hero h1{color:#fff}.lobby-app .section-description,.lobby-app .field-help{font-size:.88rem}.lobby-app .stat-card small{font-size:.75rem}.lobby-app .stat-label{font-size:.9rem}.map-caption{font-size:.8rem}.lobby-app .eyebrow{background:none;border:0;border-radius:0;box-shadow:none;padding:0;width:auto}.lobby-app .eyebrow::before,.lobby-app .eyebrow::after{display:none}.stat-card strong{font-family:Tahoma,Arial,sans-serif}.lobby-app :is(#map-title,#my-title){scroll-margin-top:170px}
.launch-progress{background:#f8f0d9;border:1px solid #cfb96e;border-radius:12px;padding:16px;margin-bottom:18px}.launch-heading{display:flex;justify-content:space-between;align-items:center;gap:8px;flex-wrap:wrap}.launch-heading strong{font-size:.95rem}.launch-elapsed{font-size:.76rem;white-space:nowrap;font-variant-numeric:tabular-nums;background:#fff9e9;padding:4px 8px;border-radius:6px}.lobby-app .launch-progress p{font-size:.85rem;margin:10px 0 12px;color:#655333}.launch-progress small{display:block;color:#655333;font-size:.75rem;margin-top:10px}.launch-track{height:7px;background:#e4d8b3;border-radius:8px;overflow:hidden}.launch-track span{display:block;height:100%;width:36%;border-radius:8px;background:#95700e;animation:lobby-working 1.8s ease-in-out infinite}.launch-progress[data-state=unknown]{background:#f5ece6;border-color:#bdaa9d}.launch-progress[data-state=unknown] .launch-track span{animation:none;background:#8b7367;width:100%}@keyframes lobby-working{0%{transform:translateX(-110%)}100%{transform:translateX(280%)}}[dir=rtl] .launch-track{direction:ltr}
@media(prefers-reduced-motion:reduce){.lobby-app *{transition:none!important;scroll-behavior:auto!important;animation:none!important}}
.lobby-app .squad-visual{background:#1c111f;min-height:310px;display:flex;align-items:center;padding:8px 5px 35px}.lobby-app .squad-visual::after{display:none}.lobby-app .squad-visual>img{position:static;width:100%;height:auto;object-fit:contain;opacity:1}.squad-caption{position:absolute;bottom:14px;inset-inline:12px;text-align:center;color:#ffe19a;font-weight:750;font-size:.85rem}.practice-options{border:0;padding:0;margin:4px 0 22px;min-width:0}.practice-options legend{font-weight:800;font-size:1rem;margin-bottom:5px}.lobby-app .practice-options>p{font-size:.82rem;margin-bottom:13px}.option-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px}.option-toggle{display:flex;align-items:flex-start;gap:9px;border:1px solid #d7cfdb;border-radius:10px;padding:12px;cursor:pointer;background:#fff}.option-toggle:has(input:checked){background:#fbf3da;border-color:#bca050}.option-toggle input{width:18px;height:18px;flex-shrink:0;margin:3px 0;accent-color:#69487d;cursor:pointer}.option-toggle span{display:grid;gap:5px}.option-toggle strong{font-size:.84rem;line-height:1.6}.option-toggle small{font-size:.73rem;color:#655b6e;line-height:1.8}.option-unavailable{display:grid;gap:5px;margin-top:10px;padding:12px;background:#f1eef2;border:1px dashed #a69caa;border-radius:9px;color:#655b6e;font-size:.78rem;line-height:1.7}.option-unavailable strong{font-size:.85rem}.room-options{display:flex;gap:5px;flex-wrap:wrap;margin:10px 0 16px}.room-options span{font-size:.69rem;border:1px solid #d4c69e;border-radius:6px;padding:4px 7px;color:#665021;background:#fff6dc}.roster li{display:flex;align-items:center;gap:7px;max-width:100%}.roster img{border-radius:50%;object-fit:cover}.roster bdi{overflow-wrap:anywhere}.roster span{font-size:.68rem;color:#786087}
@media(max-width:760px){.lobby-app .squad-visual{display:flex;min-height:0;padding:0 20px 35px;max-height:280px;justify-content:center}.lobby-app .squad-visual>img{max-height:240px;width:auto;max-width:100%;object-fit:contain}.lobby-app .lobby-hero{grid-template-columns:1fr}}
@media(max-width:420px){.option-grid{grid-template-columns:1fr}.option-toggle{padding:11px}.option-toggle span{gap:1px}.option-toggle strong{font-size:.9rem}.option-toggle small{font-size:.8rem}}