:root{color-scheme:dark;font-family:Segoe UI,Noto Sans,Arial,sans-serif;--ink: #f5ead8;--muted: #b7aa98;--paper: #f1e5d2;--night: #15100d;--panel: rgba(29, 21, 16, .82);--line: rgba(239, 212, 171, .18);--gold: #d9aa62;--gold-2: #f0d29a;--danger: #cc7868;--success: #9eba83}*{box-sizing:border-box}html,body,#app{width:100%;min-height:100%;margin:0}html{background:var(--night)}body{min-width:320px;overflow-x:hidden;background:var(--night);color:var(--ink)}button,input,select{font:inherit}button{color:inherit}button:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--gold-2);outline-offset:3px}[hidden]{display:none!important}.app-shell{min-height:100vh;min-height:100dvh;position:relative;overflow:hidden}.eyebrow{margin:0 0 16px;color:var(--gold);font-size:11px;font-weight:700;letter-spacing:.25em;text-transform:uppercase}.brand-mark{width:58px;height:58px;display:grid;place-items:center;border:1px solid rgba(231,188,119,.42);border-radius:50%;color:var(--gold)}.brand-mark svg{width:31px;height:31px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linejoin:round}.primary-btn,.ghost-btn,.action-btn,.icon-btn{border:0;cursor:pointer;transition:transform .2s ease,background .2s ease,border-color .2s ease,opacity .2s ease}.primary-btn{min-height:52px;padding:0 21px;display:inline-flex;align-items:center;justify-content:center;gap:34px;border:1px solid #d0a563;border-radius:5px;background:linear-gradient(135deg,#c69853,#a87336);color:#1c130a;font-size:13px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;box-shadow:0 14px 35px #6f461c38,inset 0 1px #fff3}.primary-btn b{font-size:20px;font-weight:400}.primary-btn:hover{transform:translateY(-2px);background:linear-gradient(135deg,#d6ad69,#b8803d)}.primary-btn:disabled{cursor:not-allowed;filter:saturate(.2);opacity:.6;transform:none}.primary-btn.wide{width:100%}.primary-btn.compact{min-height:43px;padding:0 18px;font-size:11px}.ghost-btn{min-height:45px;padding:0 20px;border:1px solid var(--line);border-radius:4px;background:#ffffff09;color:var(--ink)}.ghost-btn:hover{background:#ffffff14}.welcome-screen{display:grid;grid-template-columns:minmax(420px,.82fr) minmax(520px,1.18fr);background:#16100c}.welcome-panel{position:relative;z-index:2;width:min(100%,610px);min-height:100vh;padding:clamp(46px,8vh,88px) clamp(36px,7vw,102px);display:flex;flex-direction:column;justify-content:center;background:linear-gradient(110deg,#18110d 0% 70%,#18110de0);box-shadow:25px 0 80px #00000047}.welcome-panel .brand-mark{margin-bottom:44px}.welcome-panel h1,.selection-title h1,.loading-screen h1{margin:0;font-family:Georgia,Times New Roman,serif;color:#f1e5d1;font-size:clamp(52px,5.4vw,82px);font-weight:400;line-height:.91;letter-spacing:-.045em}.welcome-panel h1 em,.selection-title h1 em,.loading-screen h1 em{color:var(--gold-2);font-weight:400}.welcome-copy{max-width:430px;margin:28px 0 42px;color:#aa9d8d;font-size:15px;line-height:1.75}.name-form{width:min(100%,430px)}.name-form>label:first-child{display:block;margin:0 0 10px;color:#d8c8b4;font-size:12px;font-weight:650;letter-spacing:.09em;text-transform:uppercase}.input-wrap{position:relative}.input-wrap input{width:100%;height:57px;padding:0 70px 0 17px;border:1px solid rgba(217,170,98,.28);border-radius:4px;background:#ffffff09;color:#fbf1e3;font-size:16px;transition:border-color .2s,background .2s}.input-wrap input::placeholder{color:#776d62}.input-wrap input:hover,.input-wrap input:focus{border-color:#d9aa62b8;background:#ffffff0e}.input-wrap input[aria-invalid=true]{border-color:var(--danger)}.input-wrap span{position:absolute;right:15px;top:50%;transform:translateY(-50%);color:#7f7468;font-size:12px;font-variant-numeric:tabular-nums}.input-wrap span.over{color:var(--danger)}.field-error{min-height:18px;margin:7px 0 0;color:#df8b78;font-size:12px}.field-help{margin:1px 0 17px;color:#746a60;font-size:11px}.check-row{width:fit-content;margin:0 0 25px;display:flex;align-items:center;gap:9px;color:#9e9183;font-size:12px;cursor:pointer}.check-row input{width:15px;height:15px;accent-color:var(--gold)}.privacy-note{margin:25px 0 0;display:flex;align-items:center;gap:8px;color:#70675e;font-size:11px}.privacy-note span{width:5px;height:5px;border-radius:50%;background:#728d67;box-shadow:0 0 8px #728d67}.welcome-visual{position:relative;min-height:100vh;overflow:hidden;background:radial-gradient(circle at 57% 31%,rgba(220,171,96,.25),transparent 21%),linear-gradient(180deg,#30231b,#1b1511 65%,#0e0b09)}.welcome-visual:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(18,13,10,.8),transparent 25%),radial-gradient(circle at 50% 50%,transparent 15%,rgba(0,0,0,.38) 95%)}.moon{position:absolute;width:min(24vw,310px);aspect-ratio:1;left:50%;top:15%;transform:translate(-50%);border-radius:50%;background:radial-gradient(circle at 48% 45%,#f1cd8d,#c48b43 58%,rgba(205,137,53,.14) 69%,transparent 70%);filter:blur(.2px);opacity:.9;box-shadow:0 0 90px #d597442e}.mist{position:absolute;width:80%;height:110px;border-radius:50%;background:#e0ceb417;filter:blur(30px)}.mist-a{left:-10%;top:43%;transform:rotate(-5deg)}.mist-b{right:-12%;top:51%;transform:rotate(8deg)}.temple-silhouette{position:absolute;z-index:1;left:50%;bottom:13%;width:min(55vw,710px);height:49%;transform:translate(-50%);filter:drop-shadow(0 20px 30px rgba(0,0,0,.7))}.roof{position:absolute;left:50%;transform:translate(-50%);height:0;filter:drop-shadow(0 3px 0 #8a5b2e)}.roof:after,.roof:before{content:"";position:absolute;top:-10px;width:35px;height:15px;border-top:5px solid #c48c45;border-radius:60%}.roof:before{left:-8px;transform:rotate(-16deg)}.roof:after{right:-8px;transform:rotate(16deg)}.roof-back{top:8%;border-left:165px solid transparent;border-right:165px solid transparent;border-bottom:72px solid #271913}.roof-front{top:29%;border-left:290px solid transparent;border-right:290px solid transparent;border-bottom:104px solid #21150f}.hall{position:absolute;inset:49% 10% 4%;display:flex;justify-content:space-around;align-items:stretch;padding:7% 5% 0;background:linear-gradient(180deg,#482b1a,#21140e);border-top:6px solid #926039}.hall i{width:5.5%;background:linear-gradient(90deg,#2c160d,#714023,#2d170e);box-shadow:0 0 0 3px #2b180f}.stairs{position:absolute;left:3%;right:3%;bottom:0;height:7%;background:repeating-linear-gradient(0deg,#201711 0 6px,#5e4938 7px 10px);transform:perspective(80px) rotateX(22deg);transform-origin:bottom}.visual-caption{position:absolute;z-index:3;right:7%;bottom:6%;display:flex;align-items:center;gap:15px;color:#ab9b88}.visual-caption span{color:var(--gold);font-family:Georgia,serif;font-size:32px}.visual-caption p{margin:0;padding-left:15px;border-left:1px solid rgba(217,170,98,.35);font-size:11px;line-height:1.6;letter-spacing:.08em;text-transform:uppercase}.welcome-glow{position:absolute;z-index:1;width:400px;height:400px;border-radius:50%;filter:blur(80px);opacity:.08}.glow-one{left:-200px;top:-200px;background:#d79d4b}.glow-two{left:38%;bottom:-250px;background:#b96a32}.selection-screen{min-height:100vh;background:radial-gradient(circle at 75% 5%,rgba(196,141,71,.12),transparent 27%),#17110e;overflow-y:auto}.selection-header{height:78px;padding:0 clamp(24px,5vw,72px);display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(227,198,155,.1)}.text-logo{padding:0;display:flex;align-items:center;gap:12px;border:0;background:none;cursor:pointer;text-align:left}.text-logo svg{width:30px;height:30px;fill:none;stroke:var(--gold);stroke-width:1.6}.text-logo>span{font-family:Georgia,serif;font-size:17px;line-height:1}.text-logo small{margin-top:4px;display:block;color:#8f8172;font-family:Segoe UI,sans-serif;font-size:8px;letter-spacing:.2em;text-transform:uppercase}.profile-chip{display:flex;align-items:center;gap:10px}.profile-dot{width:34px;height:34px;display:grid;place-items:center;border:1px solid rgba(217,170,98,.34);border-radius:50%;background:#2a1d16;color:var(--gold-2);font-family:Georgia,serif}.profile-chip p{margin:0 6px 0 0;color:#ddd0c0;font-size:12px;line-height:1.25}.profile-chip small{display:block;color:#71685e;font-size:9px;letter-spacing:.1em;text-transform:uppercase}.profile-chip button{padding:5px 8px;border:0;background:none;color:var(--gold);font-size:11px;cursor:pointer}.temple-selection{width:min(1280px,calc(100% - 48px));margin:0 auto;padding:clamp(48px,7vh,76px) 0 34px}.selection-title{display:grid;grid-template-columns:1fr .8fr;align-items:end;margin-bottom:38px}.selection-title .eyebrow{grid-column:1 / -1}.selection-title h1{font-size:clamp(43px,5vw,67px)}.selection-title>p:last-child{max-width:420px;margin:0 0 8px auto;color:#8f8377;line-height:1.7}.invite-note{width:fit-content;margin:-14px 0 24px auto;padding:9px 14px;display:flex;align-items:center;gap:8px;border:1px solid rgba(217,170,98,.2);border-radius:99px;background:#d9aa620f;color:#a99c8d;font-size:11px}.invite-note svg{width:15px;height:15px;fill:none;stroke:var(--gold)}.invite-note strong{color:#e7d8c3}.temple-tools{margin-bottom:20px;display:grid;grid-template-columns:minmax(240px,1fr) auto;align-items:end;gap:12px 20px}.temple-tools label span{display:block;margin-bottom:6px;color:#887b6f;font-size:9px;letter-spacing:.13em;text-transform:uppercase}.temple-tools input{width:100%;min-height:42px;padding:10px 13px;border:1px solid rgba(217,170,98,.2);border-radius:5px;outline:none;background:#211813db;color:#e8d9c7}.temple-tools input:focus{border-color:#d9aa6294}.region-filters{display:flex;gap:6px;flex-wrap:wrap}.region-filters button{min-height:40px;padding:0 13px;border:1px solid rgba(217,170,98,.14);border-radius:4px;background:#ffffff06;color:#918579;font-size:10px;cursor:pointer}.region-filters button.active{border-color:#d9aa627a;background:#d9aa621a;color:#e4c99d}.region-filters b{margin-left:3px;color:var(--gold)}.temple-tools>small{grid-column:1 / -1;color:#6f665e;font-size:9px}.temple-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.temple-card{position:relative;overflow:hidden;min-width:0;padding:0;display:grid;grid-template-rows:190px auto auto;border:1px solid rgba(224,196,157,.13);border-radius:7px;background:#201713;color:inherit;text-align:left;cursor:pointer;transition:transform .3s ease,border-color .3s,box-shadow .3s}.temple-card:after{content:"";position:absolute;inset:0;border:1px solid transparent;border-radius:inherit;pointer-events:none}.temple-card:hover{transform:translateY(-5px);border-color:#d9aa6261;box-shadow:0 22px 50px #00000040}.temple-card.selected{border-color:color-mix(in srgb,var(--gold) 70%,transparent);box-shadow:0 0 0 1px #d9aa621f,0 20px 50px #00000047}.temple-card.selected:before{content:"ĐÃ CHỌN";position:absolute;z-index:5;right:12px;top:12px;padding:6px 9px;border-radius:3px;background:#d1a15c;color:#23170e;font-size:8px;font-weight:800;letter-spacing:.12em}.card-art{position:relative;overflow:hidden;background:radial-gradient(circle at 65% 28%,color-mix(in srgb,var(--accent) 55%,transparent),transparent 30%),linear-gradient(180deg,#493428,#211711)}.card-art>img{width:100%;height:100%;display:block;object-fit:cover;filter:saturate(.82) contrast(1.04) brightness(.82);transition:transform .55s ease,filter .4s ease}.temple-card:hover .card-art>img{transform:scale(1.045);filter:saturate(.98) contrast(1.04) brightness(.92)}.card-art>img.failed{display:none}.card-art:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 48%,rgba(24,15,11,.75));pointer-events:none}.art-1{background:radial-gradient(circle at 28% 25%,rgba(233,180,175,.42),transparent 28%),linear-gradient(180deg,#69463d,#281916)}.art-2{background:radial-gradient(circle at 70% 23%,rgba(182,203,168,.35),transparent 29%),linear-gradient(180deg,#3d493c,#171d17)}.art-sun{position:absolute;left:60%;top:12%;width:94px;aspect-ratio:1;border-radius:50%;background:var(--accent);opacity:.38;filter:blur(.2px);box-shadow:0 0 38px color-mix(in srgb,var(--accent) 40%,transparent)}.art-haze{position:absolute;left:-10%;right:-10%;bottom:10%;height:36%;border-radius:50%;background:#f3e2ca14;filter:blur(16px)}.mini-temple{position:absolute;left:50%;bottom:0;width:78%;height:74%;transform:translate(-50%)}.mini-roof{position:absolute;left:50%;height:0;transform:translate(-50%);border-bottom-style:solid;border-bottom-color:#1d120d;filter:drop-shadow(0 2px 0 color-mix(in srgb,var(--accent) 55%,#54341e))}.mini-roof.back{top:4%;border-left:78px solid transparent;border-right:78px solid transparent;border-bottom-width:35px}.mini-roof.front{top:29%;border-left:135px solid transparent;border-right:135px solid transparent;border-bottom-width:52px}.mini-temple b{position:absolute;inset:52% 11% 0;background:linear-gradient(180deg,#4a2e21,#1c120d);border-top:4px solid color-mix(in srgb,var(--accent) 50%,#55321c)}.mini-temple span{position:absolute;top:51%;bottom:0;width:6%;background:#21120c;box-shadow:inset 2px 0 #ffffff0f}.mini-temple span:nth-last-child(3){left:21%}.mini-temple span:nth-last-child(2){left:47%}.mini-temple span:last-child{right:21%}.lotus-line{position:absolute;left:18px;bottom:14px;color:var(--accent);opacity:.55}.lotus-line svg{width:31px;height:31px;fill:none;stroke:currentColor;stroke-width:1.2}.card-copy{padding:21px 22px 18px;display:block}.card-copy small{display:block;color:#6f655c;font-size:8px;letter-spacing:.18em;text-transform:uppercase}.card-copy strong{margin:8px 0;display:block;color:#eadcca;font-family:Georgia,serif;font-size:23px;font-weight:400}.card-copy em{display:block;min-height:34px;color:#8f8377;font-size:12px;font-style:normal;line-height:1.45}.card-meta{padding:12px 22px;display:flex;align-items:center;justify-content:space-between;border-top:1px solid rgba(255,255,255,.06);color:#95887b;font-size:10px}.image-credit{color:#7c7167;font-size:8px;letter-spacing:.06em;text-transform:uppercase}.catalog-note{margin:18px 0 24px;color:#746a61;font-size:9px;line-height:1.6}.catalog-note a{color:#bd9d70;text-decoration:none}.catalog-note a:hover{color:#efd4aa}.selected-source{color:#bd9d70;font-size:9px;text-decoration:none;white-space:nowrap}.selected-source:hover{color:#efd4aa}.card-meta span:first-child{display:flex;align-items:center;gap:7px}.card-meta svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:1.5}.open-dot{color:#91a883}.open-dot:before{content:"";width:5px;height:5px;margin-right:6px;display:inline-block;border-radius:50%;background:#91a883;box-shadow:0 0 6px #91a883}.selection-footer{margin-top:24px;padding:16px 18px;display:grid;grid-template-columns:1fr auto auto auto;align-items:center;gap:24px;border:1px solid rgba(226,197,156,.12);border-radius:6px;background:#ffffff06}.selected-summary{min-width:0;display:flex;align-items:center;gap:14px}.selected-summary>span{width:4px;height:40px;border-radius:9px;background:var(--accent)}.selected-summary p{min-width:0;margin:0}.selected-summary small{display:block;color:#6d645b;font-size:8px;letter-spacing:.14em;text-transform:uppercase}.selected-summary strong{display:block;overflow:hidden;color:#d9cbbb;font-size:12px;text-overflow:ellipsis;white-space:nowrap}.selected-summary .program{margin-left:26px;padding-left:26px;border-left:1px solid var(--line)}.mute-choice{display:flex;align-items:center;gap:8px;color:#92867a;font-size:11px;cursor:pointer}.mute-choice input{accent-color:var(--gold)}.selection-footer .primary-btn{min-width:170px}.demo-disclaimer{margin:16px 0 0;color:#655d55;font-size:10px;text-align:center}.loading-shell{display:grid;place-items:center;background:radial-gradient(circle at 50% 36%,rgba(193,139,72,.14),transparent 30%),#15100d}.loading-screen{width:min(560px,calc(100% - 40px));text-align:center}.loading-orbit{position:relative;width:138px;height:138px;margin:0 auto 36px;display:grid;place-items:center}.loading-orbit>span{position:absolute;inset:0;border:1px solid color-mix(in srgb,var(--accent) 35%,transparent);border-radius:50%;animation:orbit 5s linear infinite}.loading-orbit>span:nth-child(2){inset:15px;border-style:dashed;animation-direction:reverse;animation-duration:7s}.loading-orbit>span:nth-child(3){inset:30px;border-color:color-mix(in srgb,var(--accent) 65%,transparent);animation-duration:3.8s}.loading-orbit>span:before{content:"";position:absolute;left:50%;top:-3px;width:6px;height:6px;border-radius:50%;background:var(--accent);box-shadow:0 0 12px var(--accent)}.loading-orbit div{width:58px;height:58px;display:grid;place-items:center;color:var(--accent)}.loading-orbit svg{width:45px;height:45px;fill:none;stroke:currentColor;stroke-width:1.4}@keyframes orbit{to{transform:rotate(360deg)}}.loading-screen h1{margin-bottom:40px;font-size:clamp(46px,7vw,68px)}.loading-progress{height:2px;overflow:hidden;background:#ffffff14}.loading-progress i{width:0;height:100%;display:block;background:linear-gradient(90deg,var(--accent),#f2d59e);box-shadow:0 0 14px var(--accent);transition:width .3s ease}.loading-steps{margin:24px 0 30px;display:flex;justify-content:space-between;gap:10px}.loading-steps p{margin:0;display:flex;align-items:center;gap:6px;color:#665f58;font-size:10px;transition:color .25s}.loading-steps p span{width:5px;height:5px;border:1px solid #655c54;border-radius:50%}.loading-steps p.active{color:#d5c3ad}.loading-steps p.active span{border-color:var(--accent);background:var(--accent);box-shadow:0 0 8px var(--accent)}.loading-steps p.done{color:#8fa080}.loading-steps p.done span{border-color:#8fa080;background:#8fa080}.loading-screen .ghost-btn{margin-bottom:20px}.loading-screen>small{display:block;color:#5f5750;font-size:9px}.game-shell,.game-screen,.game-mount{width:100%;height:100vh;height:100dvh;overflow:hidden}.game-screen{position:relative;background:#100c0a}.game-mount{position:absolute;inset:0}.game-canvas{width:100%;height:100%;display:block;touch-action:none}.label-layer{position:absolute;inset:0}.label-layer,.label-layer *{pointer-events:none!important}.view-switcher{top:112px;left:22px;display:flex;padding:4px;border-radius:6px;gap:2px}.view-switcher button{background:transparent;color:#dfd4c0;padding:8px 11px;border:0;border-radius:3px;font-size:10px;cursor:pointer}.view-switcher button:hover,.view-switcher button:focus-visible{background:#ad8c5144;color:#fff3d6}.hall-caption{position:absolute;top:25px;left:50%;transform:translate(-50%);text-align:center;color:#e8dfcc;pointer-events:none;text-shadow:0 1px 8px #251e16}.hall-caption span{font-size:9px;letter-spacing:.25em}.hall-caption p{margin:7px 0;font:italic 17px Georgia,serif}.game-vignette{position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,rgba(24,19,12,.2),transparent 18%,transparent 80%,rgba(24,19,12,.25))}.game-hud{position:absolute;z-index:5;border:1px solid rgba(242,215,177,.16);background:#16100cad;box-shadow:0 14px 40px #0000002e;backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px)}.top-left{left:22px;top:20px;padding:12px 16px 12px 12px;display:flex;align-items:center;gap:12px;border-radius:6px}.temple-symbol{width:42px;height:42px;display:grid;place-items:center;border:1px solid rgba(217,170,98,.25);border-radius:4px;color:var(--gold)}.temple-symbol svg{width:26px;height:26px;fill:none;stroke:currentColor;stroke-width:1.6}.top-left small{display:block;color:#8e8172;font-size:8px;letter-spacing:.16em}.top-left strong{display:block;margin:2px 0 3px;color:#eadcca;font-family:Georgia,serif;font-size:17px;font-weight:400}.top-left p{margin:0;color:#8e8275;font-size:9px}.top-left p b{color:#cfc1ae;font-weight:600}.top-left p em{font-style:normal}.status-dot{width:5px;height:5px;margin-right:5px;display:inline-block;border-radius:50%;background:#86a274;box-shadow:0 0 7px #86a274}.status-dot.offline{background:#cf9a64;box-shadow:0 0 7px #cf9a64}.top-left .merit-line{margin-top:5px;color:#c9a76e}.top-left .merit-line b{color:#e8c98f;font-size:9px}.top-right{right:22px;top:20px;padding:5px;display:flex;gap:3px;border-radius:6px}.icon-btn{width:41px;height:41px;display:grid;place-items:center;border-radius:4px;background:transparent;color:#c6b7a6}.icon-btn:hover{background:#ffffff14;color:#f0ddc4}.icon-btn.leave{margin-left:3px;border-left:1px solid var(--line);border-radius:0 4px 4px 0;color:#cf8c79}.icon-btn svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.avatar-label{padding:4px 7px;display:flex;align-items:center;gap:5px;border:1px solid rgba(255,255,255,.13);border-radius:3px;background:#130e0bb3;color:#e8dbc9;font-size:9px;line-height:1;white-space:nowrap;transform:translateY(-4px);box-shadow:0 4px 12px #00000040;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.avatar-label.self{border-color:#d9aa6259}.avatar-label em{padding:2px 3px;border-radius:2px;background:#d9aa6233;color:var(--gold-2);font-size:6px;font-style:normal;letter-spacing:.1em}.avatar-chat-bubble{position:relative;max-width:190px;padding:7px 10px;border:1px solid rgba(112,83,47,.24);border-radius:10px;background:#fff9ebf2;color:#493829;box-shadow:0 7px 22px #19110b47;font-size:10px;font-weight:600;line-height:1.35;text-align:center;white-space:normal;overflow-wrap:anywhere;transform:translateY(-7px)}.avatar-chat-bubble:after{content:"";position:absolute;left:50%;bottom:-6px;width:10px;height:10px;border-right:1px solid rgba(112,83,47,.2);border-bottom:1px solid rgba(112,83,47,.2);background:#fff9ebf2;transform:translate(-50%) rotate(45deg)}.seat-prompt{position:absolute;z-index:7;left:50%;bottom:138px;min-width:min(420px,calc(100% - 30px));padding:10px 11px 10px 16px;transform:translate(-50%);display:flex;align-items:center;justify-content:space-between;gap:20px;border:1px solid rgba(217,170,98,.34);border-radius:6px;background:#1b130ee6;box-shadow:0 18px 45px #00000057;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);animation:prompt-in .25s ease}@keyframes prompt-in{0%{opacity:0;transform:translate(-50%,8px)}}.seat-prompt div{min-width:0}.seat-prompt small{display:block;color:#7c7166;font-size:7px;letter-spacing:.18em}.seat-prompt strong{margin:2px 0;display:block;color:#ecdcbf;font-family:Georgia,serif;font-size:15px;font-weight:400}.seat-prompt span{display:block;overflow:hidden;color:#8f8377;font-size:9px;text-overflow:ellipsis;white-space:nowrap}.program-card{left:22px;bottom:20px;width:min(365px,calc(100% - 44px));padding:12px 14px;display:grid;grid-template-columns:34px 1fr auto;align-items:center;gap:10px;border-radius:6px}.program-icon{width:31px;height:31px;display:grid;place-items:center;border-radius:50%;background:#d9aa621a;color:var(--gold)}.program-icon svg{width:16px;height:16px;fill:none;stroke:currentColor}.program-card small{display:block;color:#7a7067;font-size:7px;letter-spacing:.14em;text-transform:uppercase}.program-card strong{display:block;overflow:hidden;max-width:210px;margin:2px 0 7px;color:#d8c9b7;font-size:10px;font-weight:500;text-overflow:ellipsis;white-space:nowrap}.program-card>div:nth-child(2)>span{height:2px;overflow:hidden;display:block;background:#ffffff14}.program-card span i{height:100%;display:block;background:var(--gold)}.program-card>em{color:#8e8275;font-size:7px;font-style:normal;text-align:right}.action-bar{left:50%;bottom:20px;min-width:430px;min-height:68px;padding:9px 11px 9px 16px;transform:translate(-50%);display:flex;align-items:center;gap:18px;border-radius:6px}.action-bar p{min-width:90px;margin:0}.action-bar p small{display:block;color:#756b61;font-size:7px;letter-spacing:.15em}.action-bar p strong{display:block;margin-top:3px;color:#d8c8b4;font-size:10px;font-weight:600}.action-bar>div{display:flex;gap:6px}.chat-panel{right:22px;bottom:58px;width:min(330px,calc(100% - 44px));max-height:min(430px,calc(100dvh - 170px));overflow:hidden;border-radius:7px;transition:width .2s ease}.chat-panel>header{min-height:49px;padding:9px 10px 9px 13px;display:flex;align-items:center;justify-content:space-between;gap:12px;border-bottom:1px solid rgba(255,255,255,.07)}.chat-panel>header small{display:block;color:#998a78;font-size:7px;letter-spacing:.16em}.chat-panel>header strong{display:block;margin-top:2px;color:#ddcdb9;font-size:9px;font-weight:600}.chat-panel>header button{padding:6px 8px;border:1px solid rgba(217,170,98,.2);border-radius:3px;background:#d9aa6214;color:#cdbb9f;font-size:8px;cursor:pointer}.chat-body{display:grid;grid-template-rows:minmax(80px,1fr) auto auto;max-height:350px}.chat-history{min-height:80px;max-height:255px;overflow-y:auto;padding:9px 11px;scrollbar-width:thin;scrollbar-color:#765d3e transparent}.chat-empty{margin:20px 8px;color:#827669;font-size:9px;line-height:1.5;text-align:center}.chat-message{padding:7px 8px;border-bottom:1px solid rgba(255,255,255,.055)}.chat-message.self{border-left:2px solid rgba(217,170,98,.45);background:#d9aa620b}.chat-message p{margin:0 0 3px;display:flex;justify-content:space-between;gap:8px}.chat-message strong{overflow:hidden;color:#ddcbb4;font-size:9px;font-weight:650;text-overflow:ellipsis;white-space:nowrap}.chat-message time{flex:0 0 auto;color:#71665b;font-size:7px}.chat-message>span{display:block;color:#b8aa9b;font-size:10px;line-height:1.45;overflow-wrap:anywhere}.chat-form{padding:8px;display:grid;grid-template-columns:1fr auto;gap:6px;border-top:1px solid rgba(255,255,255,.07)}.chat-form input{min-width:0;height:37px;padding:0 10px;border:1px solid rgba(217,170,98,.18);border-radius:4px;outline:none;background:#0a080673;color:#ebddca;font-size:10px}.chat-form input:focus{border-color:#d9aa628c;box-shadow:0 0 0 2px #d9aa6214}.chat-form button{min-width:50px;border:1px solid rgba(217,170,98,.4);border-radius:4px;background:#be843b33;color:#f0d6ae;font-size:9px;font-weight:650;cursor:pointer}.chat-error{min-height:0;margin:0;padding:0 10px 8px;color:#e3a38f;font-size:8px;line-height:1.4}.chat-error:empty{display:none}.chat-panel.collapsed{width:180px}.chat-panel.collapsed>header{border-bottom:0}.chat-panel.collapsed .chat-body{display:none}.sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.action-btn{position:relative;min-height:45px;padding:0 15px;border:1px solid rgba(255,255,255,.12);border-radius:4px;background:#ffffff0e;color:#d5c6b5;font-size:10px;font-weight:650;letter-spacing:.03em}.action-btn:hover{transform:translateY(-1px);background:#ffffff1a}.action-btn.primary{border-color:#d9aa6273;background:#c48b4338;color:#f0d8b3}.action-btn.active{border-color:#9bad81;background:#70875b3d;color:#dce8cf}.action-btn.working{border-color:#d9aa6233;background:#d9aa621a;color:#ac9e8e}.action-btn:disabled{cursor:default;opacity:.65;transform:none}.action-btn kbd{position:absolute;right:5px;top:4px;color:#71675e;font:7px Segoe UI}.toast-region{position:absolute;z-index:15;right:22px;top:88px;width:min(350px,calc(100% - 44px));display:flex;flex-direction:column;gap:8px;pointer-events:none}.toast{padding:12px 14px;display:flex;align-items:center;gap:10px;border:1px solid rgba(255,255,255,.13);border-radius:5px;background:#1b1410eb;opacity:0;transform:translate(15px);transition:.25s ease;box-shadow:0 14px 35px #00000047;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.toast.show{opacity:1;transform:translate(0)}.toast>span{width:6px;height:6px;flex:0 0 auto;border-radius:50%;background:var(--gold);box-shadow:0 0 7px currentColor}.toast.success>span{background:var(--success)}.toast.warning>span{background:#d39a62}.toast p{margin:0;color:#d7c9b7;font-size:11px;line-height:1.45}.joystick{display:none}.camera-hint{position:absolute;z-index:5;right:22px;bottom:23px;margin:0;color:#e0d2c07a;font-size:9px;text-shadow:0 1px 3px #000;pointer-events:none}.program-controls{display:grid;justify-items:end;gap:6px}.program-controls em{color:#bdb19e;font-size:8px;font-style:normal;text-align:right}.program-controls button{padding:3px 6px;border:1px solid #d9aa6233;border-radius:3px;background:#d9aa6211;color:#e8d2ad;cursor:pointer;font-size:9px}.chant-modal .modal-card{width:min(780px,100%)}.chant-modal .modal-card h2,.chant-modal .chant-now strong,.chant-modal .chant-periods h3{font-family:Segoe UI,sans-serif;font-weight:500}.chant-clock{margin:-12px 0 16px;color:#cdbb9e;font:12px monospace}.chant-now{padding:18px;border:1px solid #d9aa6238;background:#d9aa620a;border-radius:5px}.chant-now>small{display:block;color:#ad9877;font-size:8px;letter-spacing:.2em}.chant-now strong{display:block;margin:7px 0 12px;color:#f1dfbd;font:22px Georgia,serif}.chant-now progress{display:block;width:100%;height:5px;accent-color:var(--gold)}.chant-now>span{display:block;margin-top:8px;color:#b9a992;font-size:10px}.chant-now>p{margin:10px 0 0;color:#9aad8c;font-size:11px}.chant-now .audio-error{color:#e6b18a}.chant-transport{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}.chant-mode{color:#9a8e7e;font-size:10px;line-height:1.5}.chant-periods{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:20px 0}.chant-periods>section{border:1px solid #d9aa6226;border-radius:5px;padding:16px}.chant-periods header{display:flex;align-items:center;justify-content:space-between;gap:10px}.chant-periods h3{color:#e7d3b4;font:21px Georgia,serif;margin:0 0 4px}.chant-periods header small{color:#bca27b;font-size:10px}.chant-periods header button{padding:0 10px;min-height:34px}.chant-periods p{color:#9c8f7c;font-size:10px;line-height:1.5}.chant-periods ul{list-style:none;padding:0;margin:10px 0 0}.chant-periods li button{display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%;min-height:40px;border:0;border-top:1px solid #ffffff0b;background:transparent;text-align:left;cursor:pointer}.chant-periods li button:hover{color:var(--gold);background:#ffffff06}.chant-periods li span{font-size:11px}.chant-periods li small{color:#ad9876;font:9px monospace;white-space:nowrap}.chant-percussion{display:flex;align-items:center;gap:9px;color:#c0b09b;font-size:11px;line-height:1.5}.chant-percussion input{accent-color:var(--gold)}.chant-credit{color:#867b6e;font-size:10px;line-height:1.6;margin:17px 0 0}.chant-credit a{color:#b8a17d}@media(max-width:600px){.chant-periods{grid-template-columns:1fr}.chant-transport .action-btn{flex:1 1 40%}}.modal-backdrop{position:absolute;z-index:30;inset:0;display:grid;place-items:center;padding:20px;background:#090705ad;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);animation:fade-in .2s ease}@keyframes fade-in{0%{opacity:0}}.modal-card{position:relative;width:min(660px,100%);max-height:calc(100vh - 40px);overflow-y:auto;padding:32px;border:1px solid rgba(230,200,158,.2);border-radius:8px;background:linear-gradient(155deg,#2d2018fa,#18120efc);box-shadow:0 30px 90px #0000008c}.modal-card h2{margin:0 0 24px;color:#eee0cd;font-family:Georgia,serif;font-size:32px;font-weight:400}.modal-card .eyebrow{margin-bottom:8px}.modal-close{position:absolute;right:17px;top:13px;width:36px;height:36px;border:0;background:transparent;color:#9c8d7d;font:29px/1 Georgia;cursor:pointer}.modal-close:hover{color:#f0ddc5}.guide-modal .modal-card{width:min(820px,100%)}.guide-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:18px}.guide-grid article{position:relative;min-height:190px;padding:20px;border:1px solid rgba(231,199,154,.12);border-radius:5px;background:#ffffff06}.guide-grid article>b{position:absolute;right:12px;top:10px;color:#d9aa624d;font-family:Georgia,serif;font-size:24px;font-weight:400}.guide-grid h3{margin:17px 0 8px;color:#ded0be;font-size:13px}.guide-grid p{margin:0;color:#8f8275;font-size:11px;line-height:1.55}.guide-key{height:45px;display:flex;align-items:center;color:var(--gold);font:700 11px monospace;letter-spacing:.15em}.guide-seat{width:54px;height:38px;display:grid;place-items:center;border:1px solid rgba(217,170,98,.38);border-radius:50%;color:var(--gold);transform:perspective(30px) rotateX(20deg)}.guide-hands{height:45px;display:flex;align-items:center;color:var(--gold);font:43px Georgia}.modal-note{margin:0 0 18px;padding:12px 14px;display:flex;align-items:center;gap:10px;border-left:2px solid rgba(217,170,98,.55);background:#d9aa620e;color:#a99b8c;font-size:10px;line-height:1.5}.modal-note svg{width:18px;height:18px;flex:0 0 auto;fill:none;stroke:var(--gold);stroke-width:1.5}.help-list{margin-bottom:22px}.help-list p{margin:0;padding:13px 0;display:grid;grid-template-columns:94px 1fr;gap:15px;border-bottom:1px solid rgba(255,255,255,.06)}.help-list kbd{width:fit-content;height:fit-content;padding:6px 8px;border:1px solid rgba(217,170,98,.22);border-radius:3px;background:#ffffff0a;color:var(--gold-2);font:10px Segoe UI}.help-list span{color:#8f8377;font-size:10px;line-height:1.45}.help-list strong{display:block;margin-bottom:2px;color:#d9cbbc;font-size:11px}.settings-list{margin-bottom:24px}.range-setting{padding:14px 0;display:block;border-bottom:1px solid rgba(255,255,255,.06)}.range-setting span{margin-bottom:10px;display:flex;justify-content:space-between}.range-setting strong,.select-setting strong,.toggle-setting strong{color:#d9cbbc;font-size:11px}.range-setting output{color:var(--gold);font-size:10px}.range-setting input{width:100%;height:4px;accent-color:var(--gold)}.select-setting,.toggle-setting{min-height:63px;display:flex;align-items:center;justify-content:space-between;gap:18px;border-bottom:1px solid rgba(255,255,255,.06)}.select-setting span,.toggle-setting span{display:block}.select-setting small,.toggle-setting small{margin-top:3px;display:block;color:#766d64;font-size:9px}.select-setting select{padding:8px 28px 8px 10px;border:1px solid rgba(217,170,98,.2);border-radius:3px;background:#281d17;color:#d5c5b3;font-size:10px}.toggle-setting{position:relative;cursor:pointer}.toggle-setting input{position:absolute;opacity:0}.toggle-setting i{position:relative;width:38px;height:21px;flex:0 0 auto;border-radius:20px;background:#44372e;transition:background .2s}.toggle-setting i:after{content:"";position:absolute;left:3px;top:3px;width:15px;height:15px;border-radius:50%;background:#a49687;transition:transform .2s,background .2s}.toggle-setting input:checked+i{background:#8c6a3d}.toggle-setting input:checked+i:after{transform:translate(17px);background:#f2d59e}.settings-modal .modal-card{width:min(760px,100%)}.tiktok-setup{margin:0 0 22px;padding:18px;border:1px solid rgba(217,170,98,.18);border-radius:6px;background:#ffffff06}.tiktok-setup header{display:flex;align-items:center;gap:10px;margin-bottom:15px}.tiktok-setup header .status-dot{position:static;width:8px;height:8px;flex:0 0 auto}.tiktok-setup header strong{display:block;color:#e6d5c1;font-size:13px}.tiktok-setup header small{display:block;margin-top:3px;color:#958779;font-size:9px}.tiktok-fields{display:grid;grid-template-columns:1fr 1.45fr;gap:10px}.tiktok-fields label:last-child{grid-column:1 / -1}.tiktok-fields span{display:block;margin-bottom:5px;color:#aa9a8b;font-size:9px}.tiktok-fields span em{color:#6f655c;font-style:normal}.tiktok-fields input{width:100%;min-height:39px;padding:9px 11px;border:1px solid rgba(217,170,98,.2);border-radius:4px;outline:none;background:#211813;color:#e5d6c4;font:11px Segoe UI,sans-serif}.tiktok-fields input:focus{border-color:#d9aa629e;box-shadow:0 0 0 2px #d9aa6214}.tiktok-help{margin:10px 0 0;color:#776c62;font-size:9px;line-height:1.5}.tiktok-error{min-height:15px;margin:7px 0;color:#e3a38f;font-size:9px}.tiktok-actions{display:flex;gap:8px}.tiktok-actions button{min-width:112px}.merit-account-card{margin:-6px 0 22px;padding:16px 18px;border:1px solid rgba(217,170,98,.22);border-radius:6px;background:linear-gradient(135deg,#d9aa6217,#ffffff05)}.merit-account-card div{display:flex;align-items:center;justify-content:space-between;gap:14px}.merit-account-card small{color:#a78f6b;font-size:8px;letter-spacing:.15em}.merit-account-card strong{color:#efd39f;font:17px Georgia,serif}.merit-account-card p{margin:9px 0 0;color:#958778;font-size:9px;line-height:1.55}.merit-account-card code{color:#cbb995;font-size:8px;overflow-wrap:anywhere}.leave-modal .modal-card{width:min(430px,100%);text-align:center}.leave-mark{width:62px;height:62px;margin:0 auto 22px;display:grid;place-items:center;border:1px solid rgba(217,170,98,.25);border-radius:50%;color:var(--gold)}.leave-mark svg{width:34px;height:34px;fill:none;stroke:currentColor}.leave-copy{margin:-10px auto 25px;max-width:330px;color:#8e8275;font-size:11px;line-height:1.6}.confirm-actions{display:grid;grid-template-columns:1fr 1fr;gap:9px}.confirm-actions .primary-btn{min-height:45px}.fortune-modal .modal-card{width:min(510px,100%);text-align:center;overflow:hidden}.fortune-modal .modal-card:before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 50% 12%,rgba(225,174,82,.16),transparent 42%)}.fortune-result{position:relative}.fortune-seal{width:78px;height:78px;margin:0 auto 18px;display:grid;place-items:center;border:1px solid rgba(228,187,112,.48);border-radius:50%;color:#f0d293;font:25px Georgia,serif;box-shadow:0 0 34px #d9aa6229,inset 0 0 18px #d9aa6214}.fortune-result h2{margin:7px 0 17px;color:#f0ddbc}.fortune-result blockquote{margin:0 auto 16px;color:#e4c58f;font:italic 20px/1.55 Georgia,serif}.fortune-result>p:not(.eyebrow){color:#b3a493;font-size:12px;line-height:1.7}.fortune-result>div:not(.fortune-seal){margin:20px 0;padding:14px;border:1px solid rgba(217,170,98,.18);border-radius:5px;background:#d9aa620e;text-align:left}.fortune-result>div small{display:block;margin-bottom:6px;color:#917e63;font-size:8px;letter-spacing:.16em}.fortune-result>div strong{color:#decdb6;font-size:11px;line-height:1.55}.blessing-modal .modal-card{width:min(510px,100%);text-align:center;overflow:hidden}.blessing-modal .modal-card:before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 50% 18%,rgba(241,201,113,.2),transparent 44%)}.blessing-result{position:relative}.blessing-icon{width:76px;height:76px;margin:0 auto 17px;display:grid;place-items:center;border:1px solid rgba(228,187,112,.48);border-radius:50%;color:#f1d394;font-size:28px;box-shadow:0 0 36px #d9aa6233,inset 0 0 18px #d9aa6217}.blessing-result h2{margin:7px 0 16px;color:#f0ddbc}.blessing-result blockquote{margin:0 auto 15px;color:#e4c58f;font:italic 19px/1.55 Georgia,serif}.blessing-result>p:not(.eyebrow){color:#b3a493;font-size:12px;line-height:1.7}.developer-thanks{margin:20px 0;padding:14px 16px;border:1px solid rgba(217,170,98,.22);border-radius:5px;color:#d7c3a5;background:#d9aa6211;font-size:11px;line-height:1.55}.unsupported{min-height:100vh;padding:30px;display:grid;place-content:center;justify-items:center;text-align:center}.unsupported h1{font:42px Georgia}.unsupported p{max-width:500px;color:var(--muted)}@media(max-width:980px){.welcome-screen{grid-template-columns:1fr}.welcome-panel{width:100%;min-height:100dvh;padding:50px max(28px,9vw);background:linear-gradient(90deg,#140e0bf5,#140e0bd6)}.welcome-visual{position:absolute;inset:0;min-height:100%;opacity:.42}.welcome-panel h1{font-size:clamp(52px,11vw,75px)}.visual-caption{display:none}.selection-title{grid-template-columns:1fr;gap:18px}.selection-title>p:last-child{margin:0}.temple-grid{grid-template-columns:repeat(2,1fr)}.temple-card:last-child{grid-column:auto;max-width:none}.program-card,.hall-caption{display:none}.action-bar{left:auto;right:18px;transform:none}.camera-hint{display:none}.chat-panel{bottom:98px}}@media(max-width:620px){.tiktok-fields{grid-template-columns:1fr}.tiktok-fields label:last-child{grid-column:auto}.tiktok-actions{display:grid;grid-template-columns:1fr 1fr}.tiktok-actions button{min-width:0}}@media(max-width:700px){.view-switcher{left:10px;top:86px;max-width:calc(100% - 75px);flex-wrap:wrap}.view-switcher button{padding:7px 8px;font-size:9px}.selection-header{height:67px;padding:0 17px}.profile-chip p{display:none}.temple-selection{width:calc(100% - 28px);padding:37px 0 24px}.selection-title{margin-bottom:25px}.selection-title h1{font-size:43px}.selection-title>p:last-child{font-size:12px}.temple-tools{grid-template-columns:1fr}.temple-tools>small{grid-column:auto}.region-filters{display:grid;grid-template-columns:repeat(2,1fr)}.temple-grid{grid-template-columns:1fr}.temple-card,.temple-card:last-child{grid-column:auto;max-width:none;grid-template-rows:210px auto auto}.selection-footer{position:sticky;z-index:10;bottom:8px;grid-template-columns:1fr auto;gap:12px;background:#1c1410f0;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px)}.selected-summary .program,.mute-choice,.selected-source{display:none}.selection-footer .primary-btn{min-width:128px}.loading-steps{flex-direction:column;align-items:center}.top-left{left:10px;top:max(10px,env(safe-area-inset-top));padding:8px 10px 8px 8px}.temple-symbol{width:35px;height:35px}.temple-symbol svg{width:21px}.top-left small{display:none}.top-left strong{font-size:14px}.top-left p{font-size:8px}.top-right{right:9px;top:calc(max(10px,env(safe-area-inset-top)) + 62px);flex-direction:column}.icon-btn{width:38px;height:38px}.icon-btn.leave{margin:3px 0 0;border-left:0;border-top:1px solid var(--line)}.toast-region{right:9px;top:260px;width:min(300px,calc(100% - 18px))}.seat-prompt{bottom:127px;min-width:calc(100% - 22px)}.action-bar{left:10px;right:10px;bottom:max(10px,env(safe-area-inset-bottom));min-width:0;min-height:63px;padding:8px;transform:none;display:block}.action-bar p{display:none}.action-bar>div{width:100%;justify-content:center}.action-btn{min-height:46px;flex:1;padding:0 8px}.action-btn kbd{display:none}.joystick{position:absolute;z-index:8;left:18px;bottom:108px;width:112px;height:112px;display:grid;place-items:center;border:1px solid rgba(237,218,191,.13);border-radius:50%;background:#17110d40;touch-action:none;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.joystick:before{content:"";width:66px;height:66px;border:1px solid rgba(237,218,191,.12);border-radius:50%}.joystick span{position:absolute;width:42px;height:42px;border:1px solid rgba(217,170,98,.35);border-radius:50%;background:#d9aa622e;box-shadow:0 6px 18px #0003}.joystick em{position:absolute;bottom:-17px;color:#deceb973;font-size:8px;font-style:normal}.chat-panel{right:9px;top:286px;bottom:auto;width:min(250px,calc(100% - 149px));max-height:calc(100dvh - 372px)}.chat-body{max-height:calc(100dvh - 421px)}.chat-history{max-height:calc(100dvh - 516px)}.chat-panel.collapsed{width:170px}.modal-card{padding:26px 20px 20px}.modal-card h2{font-size:27px}.guide-grid{grid-template-columns:1fr}.guide-grid article{min-height:130px}.guide-modal .modal-card{max-height:calc(100dvh - 20px)}.help-list p{grid-template-columns:78px 1fr}}@media(min-width:981px)and (max-width:1350px){.program-card{bottom:100px;width:280px}.camera-hint{bottom:100px}}@media(max-width:420px){.welcome-panel{padding:36px 23px}.welcome-panel .brand-mark{margin-bottom:32px}.welcome-panel h1{font-size:49px}.welcome-copy{margin:22px 0 30px;font-size:13px}.selection-title h1{font-size:38px}.card-art{min-height:175px}.action-btn{font-size:9px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}}#tools-toggle{display:none}@media(max-width:700px){.game-screen{--bottom-actions: calc(max(10px, env(safe-area-inset-bottom)) + 72px) }.view-switcher{left:auto;right:8px;top:max(6px,env(safe-area-inset-top));width:126px;max-width:34%;display:grid;grid-template-columns:1fr 1fr;padding:3px;gap:2px}.view-switcher button{min-width:0;padding:7px 3px;font-size:8px;white-space:normal}.top-right{right:6px;top:calc(max(6px,env(safe-area-inset-top)) + 67px);padding:3px;gap:2px}#tools-toggle{display:inline-flex;justify-content:center;align-items:center}.top-right.tools-collapsed>button:not(#tools-toggle){display:none}.top-right .icon-btn{width:32px;height:32px}.chat-panel,.chat-panel.collapsed{top:auto;right:10px;bottom:var(--bottom-actions);max-height:min(330px,calc(100dvh - 195px))}.chat-panel{width:min(290px,calc(100% - 30px))}.chat-panel.collapsed{width:160px}.chat-body{max-height:min(270px,calc(100dvh - 255px))}.chat-history{max-height:min(175px,calc(100dvh - 355px))}.chat-panel>header{min-height:40px;padding:6px 9px}.joystick{left:10px;bottom:var(--bottom-actions);width:88px;height:88px}.toast-region{top:auto;bottom:calc(var(--bottom-actions) + 100px);pointer-events:none}}