/* Quiet, compact game HUD. The pavilion remains the main visual. */
:root{--game-paper:#f8f3e7;--game-ink:#355449;--game-muted:#7b8874;--game-line:#a5b5a35c;--game-shadow:0 8px 30px #253d3424,inset 0 1px #ffffffc9}
.vignette{background:linear-gradient(0deg,#33554b26,transparent 25%,transparent 80%,#d5dfc917),radial-gradient(ellipse at 50% 40%,transparent 55%,#416c5726);mix-blend-mode:multiply}
.topbar{top:21px;left:24px;right:24px;height:54px;padding:0;background:none!important;border:0;box-shadow:none!important;backdrop-filter:none;border-radius:0;align-items:center;pointer-events:none}
.topbar::before,.topbar::after{display:none}.topbar>*{pointer-events:auto}
.brand{gap:10px;background:#f8f3e7eb;color:var(--game-ink);border:1px solid #fff9;border-radius:18px;padding:8px 16px 9px 12px;box-shadow:var(--game-shadow);backdrop-filter:blur(18px)}
.brand>span:nth-child(2){font-size:30px;letter-spacing:-1.5px}.brand-symbol,.brand-dot{color:#8d9e74}.brand-symbol svg{width:31px;height:31px;filter:none}.brand-caption{color:#7c8b73;border-color:#a8b69c66;font-size:6px;letter-spacing:1.1px;padding-left:12px;max-width:66px;line-height:1.7}
.header-thought{display:none}.header-actions{gap:7px;background:#f8f3e7ed;border:1px solid #fff9;border-radius:18px;box-shadow:var(--game-shadow);padding:7px 10px;backdrop-filter:blur(18px)}
.header-actions .icon-button{color:#5e7665;width:34px;height:34px;border-radius:11px}.header-actions .icon-button:hover,.header-actions .icon-button[aria-pressed=true]{background:#dbe4cb;color:#38553f}.header-divider{background:#aab79b66;height:20px;margin:0 3px}.about-button{color:#64765f;font-size:9px;gap:8px;padding:5px}.about-button:hover{color:#304c3a}
.place-control{left:25px;top:96px;filter:none}.room-button{min-width:212px;min-height:53px;padding:10px 14px;gap:10px;border:1px solid #ffffff91;border-radius:16px;background:#f8f3e7e8;box-shadow:var(--game-shadow);backdrop-filter:blur(18px)}
.room-button strong{font-size:11px;color:#355449;font-weight:600}.room-button small{font-size:8px;color:#8a8f76;margin-top:4px}.temple-icon{color:#899a70}.temple-icon svg{width:22px;height:22px}.room-button:hover{background:#fcf8efed;border-color:#fff;box-shadow:0 9px 30px #253d3430;transform:translateY(-1px)}
.presence{top:111px;right:26px;left:auto;font-size:9px;padding:9px 12px;color:#526c56;border-color:#fdfbf27a;background:#f8f3e7d4;box-shadow:0 6px 18px #253d3417}.presence:hover{color:#36543b;background:#fff8e7;border-color:#fff}.live-dot{background:#7f9c60;box-shadow:0 0 5px #7f9c6055;animation:none}
.room-menu{width:260px;background:#f8f3e7f5;border:1px solid #fff9;color:var(--game-ink);box-shadow:0 18px 42px #273f342e}.room-menu>.eyebrow{color:#8a9677}.room-option{color:#53694f}.room-option strong{color:#405c47}.room-option small{color:#8d927a}.room-option:hover,.room-option.selected{background:#dce6cd91}.selection-dot{border-color:#8fa578}.selected .selection-dot{background:#8fa578;box-shadow:none}
.welcome{color:#f7f0dd;top:30%;text-shadow:0 2px 25px #243e3b99}.welcome h1{font-size:38px}.welcome h1 em{color:#fff0c4}.welcome .eyebrow{color:#e3e9cb}.welcome p{color:#f1efde}.welcome button{color:#fff7df}
.bottom-controls{bottom:32px;gap:9px;filter:none;align-items:stretch}
.practice-bar{padding:6px;background:#f8f3e7ed;border:1px solid #fff9;border-radius:24px;box-shadow:var(--game-shadow);backdrop-filter:blur(18px)}
.practice{min-width:83px;padding:9px 14px 8px;gap:6px;border-radius:18px;color:#4b6653}.practice>span:first-child{display:grid;place-items:center;width:39px;height:36px;border-radius:12px;background:#e5e9d6;color:#6c825b}.practice>span:first-child svg{width:25px;height:25px;stroke-width:1.5;filter:none}.practice>span:nth-child(2){font-size:9px;font-weight:500}.practice kbd{font-size:7px;padding:1px 3px;background:#dce3cd;color:#7d8e6d;border:0;right:4px;top:5px;opacity:.8}.practice-divider{background:#aebc9b40;height:34px}
.practice:hover,.practice.active{background:#dbe7cc;color:#3c5c43;box-shadow:none;transform:translateY(-2px)}.practice.active>span:first-child{background:#a6bd89;color:#fffaf0}.practice.active{color:#3e5c44}
.seat-button,.breathe-button{height:94px;min-width:84px;padding:12px 12px 9px;gap:5px;justify-content:center;border-radius:22px;border:1px solid #fff9;box-shadow:var(--game-shadow);backdrop-filter:blur(18px)}
.seat-button{background:#f8f3e7eb;color:#53694f}.seat-button>span:first-child{color:#8b9871}.seat-button>span:first-child svg{width:25px;height:25px}.seat-button>small{color:#8f977d;font-size:7px}.seat-button>span:nth-child(2){font-size:9px;font-weight:500}.seat-button:hover,.seat-button.active{background:#e6edda;color:#3a5c43;border-color:#fff;box-shadow:var(--game-shadow);transform:translateY(-2px)}
.breathe-button{background:linear-gradient(150deg,#a4bb8c,#7e9c73);color:#fff9e9;border-color:#dfebc899;box-shadow:0 8px 25px #40614433,inset 0 1px #ffffff5c}.breathe-button>span:first-child{color:#fff5d6}.breathe-button svg{width:28px;height:28px}.breathe-button span:last-child{font-size:9px;font-weight:500}.breathe-button:hover{background:linear-gradient(150deg,#b0c899,#89a57e);transform:translateY(-2px);box-shadow:0 10px 26px #40614433;border-color:#f2f8df}
.session-card{left:25px;bottom:38px;padding:11px 14px;gap:11px;border:1px solid #fff9;border-radius:18px;background:#f8f3e7e5;box-shadow:var(--game-shadow);color:#4b6653}.session-card:hover{background:#faf7eeed;border-color:#fff;transform:none}.session-card strong{color:#4f6b55;font-size:16px;font-weight:450;letter-spacing:1px}.session-card small{color:#8d977e;font-size:7px}.session-card>span:last-child{color:#6f7f65;font-size:8px}.session-icon{background:#e4e9d2;border:0;color:#8a9b71;border-radius:11px;width:32px;height:34px}.session-line{background:#abb99b4d;height:26px}
.bell-control{right:26px;bottom:40px;padding:0;border:0;background:none;box-shadow:none;backdrop-filter:none}.bell-control>span{display:none}.bell-control button{width:56px;height:56px;border:1px solid #ffffffb0;background:#f8f3e7e8;color:#9b946b;box-shadow:var(--game-shadow)}.bell-control button:hover{background:#faf7ec;color:#6a8053;box-shadow:0 8px 25px #40614429}.bell-control svg{width:27px;height:27px}
.navigation-hint{bottom:142px;background:#fbf6e1b8;border:1px solid #ffffff52;padding:7px 11px;color:#66775b;font-size:7px;box-shadow:0 5px 14px #243e3410}.navigation-hint>span:first-child{color:#8d9976}.navigation-hint button{background:#dce6cc85;color:#6c815d;width:20px;height:20px}.navigation-hint button:hover{color:#3a573e;background:#d4e0be}
.avatar-label,.remote-label{padding:6px 10px;border:1px solid #fff9;background:#fcf8ebe8;color:#47624e;font-size:9px;box-shadow:0 3px 12px #1e3c3429;backdrop-filter:blur(10px)}.avatar-label>span:first-child{background:#9fb779;box-shadow:none}
.action-message{bottom:183px;background:#f9f5e6e8;color:#5d735a;font-size:12px;border-color:#fff9;border-radius:18px;box-shadow:0 6px 20px #203b3026;text-shadow:none;max-width:calc(100vw - 32px);white-space:normal;text-align:center}
.stand-button{background:#faf5e8e8;color:#5b7354;border:1px solid #fff9;box-shadow:var(--game-shadow)}
.audio-unlock{background:#faf5e8f5;border-color:#fff9;color:#5d7854;box-shadow:var(--game-shadow)}.audio-unlock:hover{background:#e9efdb;color:#415f3b}.bead-audio-unlock{background:#25383d;color:#ecd5ac;border-color:#b4b99d4a}
body dialog:not(.beads-experience):not(.breathing-dialog){background:linear-gradient(145deg,#fcf8ee,#edf0df);color:#4b6350;border:1px solid #ffffffc7;border-radius:25px;box-shadow:0 24px 100px #203b3457,inset 0 1px #fff}
body dialog:not(.beads-experience):not(.breathing-dialog) h2{color:#3e5a47}body dialog:not(.beads-experience):not(.breathing-dialog) p{color:#829075}body dialog:not(.beads-experience):not(.breathing-dialog) .eyebrow{color:#8f9c7b}body dialog:not(.beads-experience):not(.breathing-dialog) label{color:#6b7d60}
body dialog:not(.beads-experience):not(.breathing-dialog) input:not([type=range]){background:#fffaf2;color:#4b6350;border-color:#adbd9d73}body dialog:not(.beads-experience):not(.breathing-dialog) input::placeholder{color:#9ca58a}body dialog:not(.beads-experience):not(.breathing-dialog) .dialog-close{background:#e0e7d1;color:#708361;border-color:#b9c7a77a}body dialog:not(.beads-experience):not(.breathing-dialog) .primary-button{background:linear-gradient(145deg,#a0b685,#7f9a70);border-color:#b8cba06b;color:#fff9eb;box-shadow:0 5px 16px #5b774127}body dialog:not(.beads-experience):not(.breathing-dialog) .primary-button:hover{background:linear-gradient(145deg,#a9c18d,#89a776);color:#fff}body dialog:not(.beads-experience):not(.breathing-dialog) .privacy-note{color:#89967c!important;border-color:#acbca06b}
.onboarding-dialog .onboarding-lotus{background:#e6ecd8;color:#91a06e;border-color:#a6b88a59}.onboarding-dialog h2 em{color:#9da974}.onboarding-save-note{color:#97a185}.choice-label{color:#718161}.character-choice{background:#f8f5e9;border-color:#c7d3b98c;color:#6e805f}.character-choice:hover{background:#e8eed9;color:#4e6a45}.character-choice.selected{background:linear-gradient(150deg,#e1ebce,#edf1df);border-color:#a5ba85;box-shadow:inset 0 0 0 1px #b4c7954d}.character-choice small{color:#929e7c}
.seat-dialog .seat-altar{color:#8b9b70;border-color:#b6c5a283}.seat-dialog .seat-choice{background:#cbdabc;color:#5a7551;border-color:#a5bb91;box-shadow:0 3px #a6bb93}.seat-dialog .seat-choice:hover{background:#dfebce;color:#3c5f36}.seat-dialog .seat-choice.occupied{background:#e3d4b7;color:#a19374;border-color:#c7b995;box-shadow:0 3px #c4b48f}.seat-dialog .seat-choice.mine{background:#8eab78;color:white;border-color:#779d5b;box-shadow:0 3px #73945c}.seat-dialog .seat-legend,.seat-dialog .seat-feedback{color:#8b987b}.people-list li{border-color:#b7c5a666}.people-list strong{color:#58724f}.people-list small{color:#98a485}
@media(max-width:1100px){.session-card{bottom:162px}.bell-control{bottom:164px}}
@media(max-width:650px){.topbar{top:14px;left:15px;right:15px;height:48px}.brand{padding:7px 12px 8px 9px;gap:7px;border-radius:15px}.brand>span:nth-child(2){font-size:28px}.brand-symbol svg{width:27px;height:27px}.brand-caption{display:none}.header-actions{padding:5px 7px;border-radius:15px;gap:3px}.header-actions .icon-button{width:31px;height:31px}.about-button{font-size:8px;gap:5px}.header-divider{margin:0 3px}.place-control{left:15px;top:78px}.room-button{min-width:190px;min-height:49px;padding:8px 12px;border-radius:14px}.room-button strong{font-size:10px}.room-button small{font-size:7px}.presence{left:18px;top:136px;right:auto;padding:6px 9px;font-size:7px}.bottom-controls{bottom:42px;gap:7px;width:calc(100% - 24px);justify-content:center}.practice-bar{padding:5px;border-radius:21px}.practice{width:63px;min-width:0;padding:8px 6px 6px;gap:5px;border-radius:15px}.practice>span:first-child{width:34px;height:33px;border-radius:11px}.practice>span:first-child svg{width:24px;height:24px}.practice>span:nth-child(2){font-size:8px}.practice kbd{display:none}.seat-button,.breathe-button{height:83px;min-width:65px;padding:10px 7px 7px;border-radius:20px}.seat-button>span:nth-child(2),.breathe-button span:last-child{font-size:8px}.seat-button>small{font-size:6px}.seat-button>span:first-child svg{width:23px;height:23px}.breathe-button svg{width:25px;height:25px}.session-card{left:16px;bottom:166px;padding:9px 11px;gap:9px;border-radius:16px}.session-card strong{font-size:14px}.session-card small{font-size:7px}.session-card>span:last-child{font-size:7px}.session-icon{width:28px;height:30px}.bell-control{right:17px;bottom:169px}.bell-control button{width:46px;height:46px}.bell-control svg{width:24px;height:24px}.navigation-hint{bottom:12px;padding:6px 9px;font-size:6px;gap:4px;max-width:calc(100% - 24px)}.navigation-hint>span:first-child{display:none}.navigation-hint b{margin:0 3px}.action-message{bottom:230px;font-size:11px;padding:9px 13px}.avatar-label{font-size:8px;padding:5px 8px}.audio-unlock{right:15px;top:132px;font-size:8px;padding:9px 12px}.bead-audio-unlock{top:72px}}
@media(max-width:360px){.practice{width:51px}.seat-button,.breathe-button{min-width:59px}.bottom-controls{gap:6px}.session-card{gap:7px;padding:8px 9px}.session-icon{display:none}.about-button{font-size:7px}}
@media(prefers-reduced-motion:reduce){.practice:hover,.practice.active,.seat-button:hover,.breathe-button:hover{transform:none}}
.garden-button{position:absolute;right:26px;top:164px;display:flex;align-items:center;gap:8px;padding:11px 13px;pointer-events:auto;border:1px solid #ffffff91;border-radius:16px;background:#f8f3e7e8;color:#597356;box-shadow:var(--game-shadow);backdrop-filter:blur(18px);font-size:10px;white-space:nowrap}
.garden-button>span:first-child svg{width:19px;height:19px;color:#8c9f70}.garden-button>span:last-child svg{width:13px;height:13px;opacity:.7}.garden-button:hover{background:#edf2df;color:#3e603f;transform:translateY(-1px)}.garden-button[data-garden=true]{background:#dce8cced}
@media(max-width:650px){.garden-button{top:84px;right:15px;padding:10px 11px;gap:6px;border-radius:14px;font-size:8px}.garden-button>span:first-child svg{width:17px;height:17px}.garden-button>span:last-child svg{width:11px;height:11px}}
@media(max-width:360px){.garden-button{padding:9px 8px;right:12px;gap:4px}.garden-button>span:last-child{display:none}}

.seat-map-caption{margin:-4px 0 12px;font-size:10px;color:#859575}.seat-dialog .seat-grid{max-height:min(36dvh,300px);overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#a5ba8c #e3ead7;padding:3px 5px 7px;scroll-padding:5px}.seat-dialog .seat-choice:focus-visible{outline:3px solid #6c8a56;outline-offset:2px}