:root{--ui-scale:clamp(.32, calc(100vw/2560px) ,.75);--native-button-fill:#e9e6e5;--native-button-text:#311c26;--native-finish-fill:#ff004b;--native-finish-outline:#7200a5;--native-finishR:url(/assets/native-ui/T_UI_Finish_R.png);--native-finishG:url(/assets/native-ui/T_UI_Finish_G.png)}body :is(.room-dialog,.arena-team-connect,#settings-dialog,#emote-dialog,#network-dialog){border-radius:0;background:#272626f2;color:#e9e6e5;border:0;outline:2px solid #6b6664;outline-offset:5px;box-shadow:8px 8px #141a1580;padding:26px;font-family:var(--source-font-ui),sans-serif}body :is(.room-dialog,.arena-team-connect,#settings-dialog,#emote-dialog,#network-dialog)::backdrop{background:#07071a88;-webkit-backdrop-filter:none;backdrop-filter:none}body :is(.room-dialog,.arena-team-connect,#settings-dialog,#emote-dialog,#network-dialog,.hall-toolbar,.match-hud,.nickname-entry,.arena-team-session) button{border:0;border-radius:0;background:var(--native-button-fill);color:var(--native-button-text);font-family:var(--source-font-bold),sans-serif;font-weight:400;letter-spacing:0;box-shadow:2px 2px #352e33;padding:10px 16px;text-shadow:none}body :is(.room-dialog,.arena-team-connect,#settings-dialog,#emote-dialog,#network-dialog,.hall-toolbar,.match-hud,.nickname-entry,.arena-team-session) button:hover:not(:disabled){background:#fff9f5;outline:2px solid #ffb100;outline-offset:1px}body :is(.room-dialog,.arena-team-connect,#settings-dialog,#emote-dialog,#network-dialog,.hall-toolbar,.match-hud,.nickname-entry,.arena-team-session) button:disabled{opacity:.4;cursor:default}body :is(.room-dialog,.arena-team-connect) :is(input,select,textarea){border-radius:0;background:#141a15aa;color:#fff;border:1px solid #bbc8c466}body .room-dialog :is(.room-seat,.room-row,.room-empty){border-radius:0;background:#141a1580;border:0;border-bottom:1px solid #bbc8c44d;box-shadow:none}body .room-dialog .room-seat.is-ready{border-bottom-color:#c2d8f5;background:#0036da18}body .room-dialog :is(.room-dismiss,.room-hall){box-shadow:none}.room-dialog .room-eyebrow{color:#c4bcb8;letter-spacing:.06em}body .room-dialog :is(.room-quick,.room-create button){background:#ffb100;color:#271903;border:0}body .nickname-entry form{border:0;border-radius:0;background:#272626e8;box-shadow:8px 8px #141a1580;outline:2px solid #6b6664;outline-offset:5px}body .nickname-entry form>p{font-family:var(--source-font-extrabold);color:#fff;letter-spacing:.06em}body .nickname-entry button{background:var(--native-button-fill);color:var(--native-button-text)}body .social-panel{background:none;border:0;text-shadow:1px 1px 2px #000;padding:0;width:300px;bottom:135px;font-family:var(--source-font-regular)}body .social-panel :is(form,.chat-log){background:#141a1580;padding:8px}.social-panel summary{font-size:11px}.social-panel input{border:0;background:#141a1580}.social-panel button{border:0;border-radius:0}body .spectator-controls{background:none;border:0;border-radius:0;padding:4px;text-shadow:1px 1px 3px #000}.spectator-controls p{font-family:var(--source-font-bold)}body .connection-notice{background:#141a1580;border:0;border-radius:0;font-family:var(--source-font-ui)}body .hall-toolbar{background:none;border:0;border-radius:0;top:24px;left:auto;right:24px;transform:none;padding:0;gap:8px;text-shadow:1px 1px 3px #000;font-family:var(--source-font-bold)}body .hall-toolbar>div{margin-right:10px}.hall-toolbar strong{font-size:16px}.hall-toolbar span{max-width:300px;font-size:11px}.hall-toolbar .hall-menu{width:auto;min-height:38px;gap:5px;font-size:12px;background:transparent!important;color:#fff!important;box-shadow:none!important;padding:0 5px!important}.hall-toolbar .hall-menu img{display:block;width:32px;height:28px;object-fit:contain}.hall-toolbar .hall-menu span{margin:0;color:inherit;font-size:inherit}body .hall-toolbar.reconnecting{background:#141a1580;border:0;padding:10px}body.public-hall #app>header{display:none}.source-logo{display:block;width:200px;height:25px;object-fit:contain}body .nickname-entry form>p,body .site-gate>p{background:url(/assets/native-ui/T_UI_Title.png) left center/contain no-repeat;width:256px;height:32px;text-indent:-9999px;overflow:hidden;letter-spacing:0}@media(max-width:700px){body .hall-toolbar{top:12px;right:12px;width:auto;max-width:calc(100vw - 24px);flex-wrap:wrap;justify-content:flex-end}.hall-toolbar>div{width:auto!important}.hall-toolbar .hall-watch{display:none}body .hall-toolbar button{padding:8px 10px;font-size:11px}}#app .spectator-controls{--spectator-width:900;--spectator-slot-width:120;--spectator-member-height:114;--spectator-bottom:16;position:absolute;bottom:calc(var(--ui-scale) * var(--spectator-bottom) * 1px);left:50%;transform:translate(-50%);z-index:12;width:min(calc(var(--ui-scale) * var(--spectator-width) * 1px),92vw);text-align:center;color:#fff;background:none;border:0;border-radius:0;padding:0}#app .spectator-controls[hidden],#app .spectator-count[hidden]{display:none!important}.spectator-members{display:flex;align-items:center;justify-content:center;min-height:calc(var(--ui-scale) * var(--spectator-member-height) * 1px)}.spectator-roster{display:flex;justify-content:center;align-items:center;flex:0 1 auto;min-width:0;flex-wrap:wrap}#app .spectator-roster button{position:relative;display:grid;place-items:center;flex:0 0 calc(var(--ui-scale) * var(--spectator-slot-width) * 1px);width:calc(var(--ui-scale) * var(--spectator-slot-width) * 1px);height:calc(var(--ui-scale) * var(--spectator-member-height) * 1px);border:0;background:none;color:inherit;padding:0;border-radius:0;box-shadow:none}.spectator-roster button:before,.spectator-roster button:after{content:"";position:absolute;width:calc(var(--ui-scale) * var(--spectator-background-size,80) * 1px);height:calc(var(--ui-scale) * var(--spectator-background-size,80) * 1px);background:var(--spectator-background-color);-webkit-mask:var(--spectator-background) center/contain no-repeat;mask:var(--spectator-background) center/contain no-repeat;transform:skew(var(--spectator-background-shear,-8deg));pointer-events:none}.spectator-roster button:after{display:none;width:calc(var(--ui-scale) * var(--spectator-selected-size,90) * 1px);height:calc(var(--ui-scale) * var(--spectator-selected-size,90) * 1px);background:var(--spectator-selected-color);-webkit-mask-image:var(--spectator-selected);mask-image:var(--spectator-selected);transform:skew(var(--spectator-selected-shear,-8deg));z-index:2}.spectator-roster button[aria-pressed=true]:after{display:block}#app .spectator-roster img{position:relative;z-index:1;width:calc(var(--ui-scale) * 80px);height:calc(var(--ui-scale) * 80px);object-fit:contain}#app .spectator-cycle{border:0;box-shadow:none;border-radius:0;background:none;padding:0;width:calc(var(--ui-scale) * 48px);height:calc(var(--ui-scale) * 64px);flex-shrink:0}.spectator-cycle img{display:block;width:100%;height:100%;object-fit:contain}.spectator-cycle:disabled{opacity:.4}.spectator-controls :is(button:focus-visible){outline:2px solid #fff;outline-offset:2px}#app .spectator-controls p{margin:0;font-size:calc(var(--ui-scale) * var(--source-font-size,23) * 1px);line-height:1.35;paint-order:stroke fill}.spectator-caption{min-height:calc(var(--ui-scale) * 30px);transform:translateY(calc(var(--ui-scale) * -2px))}.spectator-connection{position:absolute;bottom:100%;left:0;right:0}.spectator-count{position:absolute;left:24px;top:90px;display:flex;align-items:center;gap:8px;color:#fff;z-index:12}.spectator-count img{width:30px;height:30px;object-fit:contain}.spectating :is(.battle-panel,.panel,.hall-toolbar,.debug,.lobby-panel,.controls,.character-tag,.skill-hint){display:none!important}.nickname-entry{position:fixed;inset:0;z-index:1000;display:grid;place-items:center;background:#17202f url(/assets/presentation/T_UI_BattlePassBG_Season1_Sprite.png) center/cover no-repeat;color:#fff;font-family:inherit}.nickname-entry:before{content:"";position:absolute;inset:0;background:#0a102457}.nickname-entry form{position:relative;width:min(420px,85vw);padding:36px;background:#111824e8;border-top:3px solid #ffcd4a;box-shadow:0 12px 60px #0008}.nickname-entry h1{font-size:26px}.nickname-entry p{letter-spacing:5px;color:#ffd258}.nickname-entry label{display:block;margin-top:24px}.nickname-entry input{box-sizing:border-box;width:100%;padding:14px;margin:8px 0 16px;background:#eef3fb;color:#17202f;border:0;font:inherit}.nickname-entry button{width:100%;padding:14px;background:#ffcc45;color:#151515;font-weight:700;border:0;cursor:pointer}.nickname-entry [role=status]{min-height:24px;color:#ff9e8e}.nickname-entry .nickname-loading{margin-top:18px;font-size:13px;line-height:1.5;color:#d8e4ef;min-height:20px;letter-spacing:0}