/* v2: scenery can crop; responsive deck and hit targets cannot. */
.view{gap:6px}.lobby-intro{min-height:47px}.lobby-pulse{display:grid;grid-template-columns:1fr 1fr 1fr;min-height:37px;align-items:center;color:#b5b5b0;padding:0 4px 3px}.lobby-pulse>div,.lobby-pulse>button{display:grid;justify-content:center;justify-items:center;gap:0;position:relative;min-width:0}.lobby-pulse>button{background:none;border:0;border-left:1px solid #8d8d7e36;color:inherit;min-height:37px;padding:0 5px}.lobby-pulse span{font-size:10px;line-height:15px;white-space:nowrap}.lobby-pulse b{font-size:15px;line-height:19px;color:#efd292;font-weight:500}.lobby-pulse i{position:absolute;right:7px;top:11px;font-size:15px;color:#c3ad7c;font-style:normal}
.stage{background-image:linear-gradient(#11141b22,#11141b66),url('../assets/arena/bg-classic.webp');background-size:cover;background-position:50% 50%;mask-image:linear-gradient(to bottom,transparent,#000 12%,#000 88%,transparent);filter:none!important}body[data-arena="silver"] .stage{background-image:linear-gradient(#101d2822,#10182466),url('../assets/arena/bg-silver.webp')}body[data-arena="elite"] .stage{background-image:linear-gradient(#21130e22,#1c151466),url('../assets/arena/bg-elite.webp')}.stage::before{display:none!important}.arena-deck{display:block;position:absolute;inset:0;width:100%;height:100%;object-fit:fill;opacity:.96;z-index:0}.floor-mark{bottom:18%;opacity:.16;z-index:1}body[data-arena="silver"] .arena-deck{filter:grayscale(.9) drop-shadow(0 0 4px #87b6d21a)}body[data-arena="elite"] .arena-deck{filter:contrast(1.12) saturate(1.2)}#ambient-canvas{z-index:2}.arena-caption{bottom:9%;color:#b8ae99}.arena[data-mode="grid"] .arena-deck{height:170px}.arena[data-mode="grid"] .stage{background-size:auto 200px;background-position:center top;background-repeat:no-repeat}
.mascot-touch{position:absolute;inset:0;width:100%;height:100%;border:0;background:none;z-index:4;pointer-events:auto;border-radius:40%;padding:0}.mascot-touch:focus-visible{outline:1px dashed #e0c885;outline-offset:2px}.mascot[data-mood="playful"] #mascot-img,.mascot[data-mood="peek"] #mascot-img,.mascot[data-mood="cheer"] #mascot-img{opacity:0}.mascot[data-mood="playful"] #mascot-pose,.mascot[data-mood="peek"] #mascot-pose,.mascot[data-mood="cheer"] #mascot-pose{opacity:1}.mascot[data-mood="bounce"] .mascot-visual{animation:companion-bounce .75s ease-in-out 3}.mascot[data-mood="peek"] .mascot-visual{animation:companion-peek 2.5s ease-in-out 1}.mascot[data-mood="cheer"] .mascot-visual{animation:companion-cheer .7s ease-in-out 3}.mascot[data-mood="playful"] .mascot-visual{animation:companion-shy 2.5s ease-in-out 1}
@keyframes companion-bounce{0%,100%{transform:translateY(0)}40%{transform:translateY(-12px)}65%{transform:translateY(1px)}}@keyframes companion-peek{0%,100%{transform:rotate(0)}30%,65%{transform:rotate(4deg)}}@keyframes companion-cheer{0%,100%{transform:translateY(0) rotate(-1deg)}50%{transform:translateY(-6px) rotate(1deg)}}@keyframes companion-shy{0%,100%{transform:rotate(0)}35%,70%{transform:rotate(-3deg) translateY(-2px)}}
.room-filters{display:flex;gap:8px}.room-filters button{flex:1;min-height:38px;border:1px solid #858f8855;border-radius:9px;background:#242c30;color:#cacdc6;font-size:12px}.room-filters button[aria-pressed="true"]{border-color:#d6b86d;color:#f3d795;background:#5f503733}.room-browser{display:grid;gap:9px}.room-card{display:flex;align-items:center;gap:10px;text-align:left;min-height:68px;border:1px solid #8b91835c;border-radius:12px;padding:12px;background:linear-gradient(120deg,#34393b,#252d30);color:#e4e6dd}.room-card>div{display:grid;gap:2px;flex:1}.room-card b{font-size:13px;font-weight:500}.room-card small{font-size:10px;color:#aeb8b3}.room-card>span{font-size:12px;color:#eed595;white-space:nowrap}.room-card i{font-style:normal;font-size:20px;color:#b8b9ac}.interaction-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.interaction-grid .btn-secondary{min-height:52px;font-size:14px}
body[data-motion="off"] .mascot-visual{animation:none!important}@media(prefers-reduced-motion:reduce){.mascot-visual{animation:none!important}}@media(max-width:350px){.lobby-pulse span{font-size:10px}.lobby-pulse b{font-size:14px}.lobby-pulse i{right:1px}.lobby-intro{min-height:43px}.view{gap:5px}}

/* Instrument cluster: one timing module and two connected telemetry pods. */
.lobby-pulse{grid-template-columns:1fr 1fr 1.25fr;padding:5px 9px;min-height:66px;border:1px solid #b59b5c66;border-radius:16px 6px 16px 6px;background:linear-gradient(120deg,#302b20,#141719 55%,#252d30);box-shadow:inset 0 1px #ffe9b323,0 5px 18px #0005;position:relative;overflow:hidden}
.lobby-pulse:before{content:'';position:absolute;left:0;top:0;width:3px;height:100%;background:#e7be64;box-shadow:0 0 12px #f2c15d}
.lobby-pulse>div,.lobby-pulse>button{gap:3px}.lobby-pulse b{font:600 20px/23px ui-monospace,monospace;letter-spacing:-1px}.lobby-pulse span{font-size:10px;letter-spacing:.6px}.lobby-pulse>div span:before{content:'';display:inline-block;width:5px;height:5px;border-radius:50%;background:#97e1b9;margin-right:4px;box-shadow:0 0 6px #97e1b9}
.lobby-pulse #slot-info{border:1px solid #b7d5d547;border-radius:9px;padding:4px 5px 9px;background:linear-gradient(#80dbe00d,#80dbe000);color:#bcd7d9;overflow:hidden}
#slot-info b{color:#c4f5fa;font-size:24px;text-shadow:0 0 10px #60c7df55}#slot-info:after{content:'';position:absolute;bottom:3px;left:6px;width:calc(var(--charge,100%) - 12px);max-width:calc(100% - 12px);height:3px;background:repeating-linear-gradient(90deg,#a0e8e7 0 5px,transparent 5px 8px)}
.wallet-login{position:absolute;left:12px;top:12px;border:1px solid #b9a26b66;border-radius:20px;padding:7px 10px;color:#ebd6a4;background:#222526;font-size:11px;min-height:34px}.review-launch{border:0;background:none;color:#c5ad74;font-size:11px;white-space:nowrap;padding:8px}.lobby-intro{position:relative}.lobby-intro .help-circle{margin-left:auto}.auth-design{gap:15px}.auth-kicker{color:#d4b574;font:11px ui-monospace,monospace;letter-spacing:3px}.auth-design .text{box-sizing:border-box;width:100%;background:#111518;border:1px solid #72737080;border-radius:11px;padding:14px;color:#f4efdf;font-size:16px}.auth-design .field{display:grid;gap:7px}.auth-design label{font-size:12px;color:#c2bfb3}.preview-label{text-align:center;color:#b8b2a1;font-size:10px;letter-spacing:.6px;padding:8px;border:1px dashed #d9ba7047;border-radius:8px}.wallet-choice{display:flex;align-items:center;gap:16px;padding:18px;background:linear-gradient(110deg,#34352f,#222629);border:1px solid #c6bb8860;border-radius:14px;color:#eee5ce;font-size:16px;min-height:72px}.wallet-choice i{font-size:28px;font-style:normal;color:#e8c36f}.wallet-choice b{margin-left:auto}.network-badge{margin:auto;background:#d9b74a1a;border:1px solid #c9b04766;padding:7px 14px;border-radius:20px;color:#e2c76e;font-size:11px;letter-spacing:1px}.result-total>small:first-child{display:block;font-size:12px;letter-spacing:2px;color:#d4c9a9}.sheet-art{object-fit:contain}.auth-design .err:empty{display:none}@media(max-width:350px){.wallet-login{left:8px;padding:6px;font-size:10px}.lobby-pulse b{font-size:18px}#slot-info b{font-size:21px}}
.result-total>small{display:inline!important;font-size:13px!important;letter-spacing:0!important;margin-left:6px}.result-total>small:first-child:not(:last-child){display:block!important;font-size:12px!important;letter-spacing:2px!important;margin:0 0 8px}.sheet:has(.preview-label) .sheet-art{height:155px;margin:0 auto}.sheet:has(.preview-label) .result-total{padding:5px 0;font-size:44px}.sheet:has(.preview-label) .sheet-body{gap:12px}
.entry-panel{position:sticky;bottom:78px;z-index:8;background:linear-gradient(180deg,#171a1af0,#171a1a);padding:5px 0 7px;border-radius:16px}.entry-panel .fee{min-height:45px}.entry-panel .btn-primary{min-height:50px}
/* Header uses explicit grid cells at every width; controls never overlap. */
.top{display:grid;grid-template-columns:44px minmax(0,1fr) 84px;grid-template-rows:44px 32px;gap:2px 6px;height:82px;align-items:center;justify-items:center;padding:0!important}.top .logo{grid-column:2;grid-row:1;max-width:100%}.top .header-lang{position:static;grid-column:1;grid-row:1;width:44px;height:44px;margin:0}.top .balance{position:static;grid-column:3;grid-row:1;max-width:84px;justify-self:end;margin:0}.top .wallet-login{position:static;grid-column:2;grid-row:2;min-height:32px;padding:5px 14px;margin:0;font-size:11px;white-space:nowrap}.top .demo-mini{position:static;grid-column:1;grid-row:2;font-size:9px}.mascot-visual{transform-origin:50% 85%;will-change:transform}.mascot-visual img{transition:opacity .42s cubic-bezier(.4,0,.2,1)!important}.mascot[data-expression] #mascot-img{opacity:1!important}.mascot[data-expression] #mascot-pose{opacity:0!important}.mascot[data-expression="happy"] #mascot-img{opacity:0!important}.mascot[data-expression="happy"] #mascot-pose{opacity:1!important}
@media(prefers-reduced-motion:reduce){.mascot-visual img{transition:none!important}}@media(max-width:350px){.top{grid-template-columns:44px minmax(0,1fr) 70px;height:82px}.top .balance{max-width:70px}.top .logo{width:112px}}

.mascot[data-mood="nuzzle"] .mascot-visual{animation:companion-nuzzle 2.5s ease-in-out both;transform-origin:50% 75%}.mascot[data-mood="delight"] .mascot-visual{animation:companion-delight 2.5s ease-in-out both}.mascot[data-mood="delight"]:after{content:'♡  ✧';position:absolute;top:5%;right:2%;color:#f2c480;font-size:22px;pointer-events:none;animation:companion-affection 2.5s ease-out both}.lobby-intro .review-launch{padding:6px;font-size:10px}
@keyframes companion-nuzzle{0%,100%{transform:rotate(0)}30%,60%{transform:rotate(-8deg) translateX(-3px)}80%{transform:rotate(3deg)}}@keyframes companion-delight{0%,100%{transform:scale(1)}25%{transform:rotate(4deg) scale(1.025)}55%{transform:rotate(-4deg) scale(1.025)}80%{transform:rotate(2deg)}}@keyframes companion-affection{0%{opacity:0;transform:translateY(8px) scale(.5)}35%,65%{opacity:1;transform:translateY(-7px) scale(1)}100%{opacity:0;transform:translateY(-24px) scale(1.1)}}
body[data-motion="off"] .mascot:after{animation:none!important;display:none}@media(prefers-reduced-motion:reduce){.mascot:after{animation:none!important;display:none}}
/* Centered account balance is the lobby's second focal point. */
.top{grid-template-columns:86px minmax(0,1fr) 86px;grid-template-rows:48px 76px;height:130px;gap:2px 5px}.top .wallet-login{grid-column:1;grid-row:1;justify-self:start;padding:7px 10px;min-height:36px}.top .header-lang{grid-column:3;grid-row:1;justify-self:end;width:44px;height:40px;border-radius:12px}.top .logo{grid-column:2;grid-row:1;width:126px}.top .demo-mini{display:none}.top .balance{grid-column:1/4;grid-row:2;position:static;justify-self:stretch;max-width:none;width:100%;height:72px;display:flex;flex-direction:column;justify-content:center;gap:5px;border-radius:17px;background:radial-gradient(ellipse at 50% 0,#ddba6a20,transparent 70%),linear-gradient(110deg,#242725,#171b1c);border:1px solid #d9bf7b66;box-shadow:inset 0 1px #ffe5a52e,0 6px 24px #0003}.balance-caption{font-size:10px;letter-spacing:2px;color:#b7b1a1}.balance-number{display:flex;align-items:center;gap:9px}.top .balance #balance-text{font-size:28px;font-weight:650;letter-spacing:1px;color:#f5d993;line-height:31px;font-variant-numeric:tabular-nums}.balance-chevron{color:#c7b17c;font-size:14px}.top .balance .coin{width:18px;height:18px}.lobby-intro{min-height:42px}.top .balance:focus-visible{outline:2px solid #ffe4a2;outline-offset:3px}@media(max-width:350px){.top{grid-template-columns:78px minmax(0,1fr) 78px;height:130px}.top .logo{width:108px}.top .balance{max-width:none}.top .balance #balance-text{font-size:26px}}
/* Compact single-row account controls beside the language selector. */
.top{display:grid;grid-template-columns:74px minmax(0,1fr) auto 36px;grid-template-rows:56px;height:60px;gap:5px;align-items:center}.top .wallet-login{grid-column:1;grid-row:1;padding:6px 8px;font-size:10px;min-height:34px}.top .logo{grid-column:2;grid-row:1;width:108px;max-width:100%;justify-self:center}.top .balance{grid-column:3;grid-row:1;justify-self:end;width:auto;max-width:110px;height:34px;min-height:34px;display:flex;flex-direction:row;gap:0;padding:0 9px;border-radius:18px;border-color:#b8a47545;background:#252824b3;box-shadow:none}.top .balance-caption{display:none}.top .balance-number{gap:4px;min-width:0}.top .balance #balance-text{font-size:12px;line-height:18px;letter-spacing:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:72px}.top .balance .coin{width:12px;height:12px;flex:none}.top .balance-chevron{font-size:10px}.top .header-lang{grid-column:4;grid-row:1;width:36px;height:34px;font-size:10px;border-radius:12px}.top .demo-mini{display:none}@media(max-width:350px){.top{grid-template-columns:66px minmax(0,1fr) auto 32px;height:58px;gap:4px}.top .logo{width:88px}.top .wallet-login{padding:5px 6px;font-size:9px}.top .balance{padding:0 6px;max-width:94px}.top .balance #balance-text{font-size:11px;max-width:58px}.top .header-lang{width:32px}}