.arena-shell{min-height:100vh;font-family:var(--font-ui);line-height:var(--lh-body);color:#f6f8fa;background:radial-gradient(circle at 25% 17%,#185f551f,#0000 28%),radial-gradient(circle at 79% 72%,#1537501f,#0000 24%),linear-gradient(145deg,#0a1015 0%,#05080c 48%,#081017 100%);position:relative}.arena-shell:after{content:"";pointer-events:none;opacity:.35;z-index:0;background-image:linear-gradient(#ffffff03 1px,#0000 1px),linear-gradient(90deg,#ffffff03 1px,#0000 1px);background-size:36px 36px;position:fixed;inset:0;-webkit-mask-image:linear-gradient(#0000,#000 32%,#0000);mask-image:linear-gradient(#0000,#000 32%,#0000)}.arena-shell *{box-sizing:border-box}.arena-shell button{font:inherit;font-family:inherit}.arena-shell .dashboard{z-index:1;width:100%;max-width:1760px;margin:0 auto;padding:28px 2.15% 24px;position:relative}.intro{align-items:center;gap:19px;margin:0 0 15px;display:flex}.intro-symbol{flex:none;line-height:0}.intro-crest{filter:drop-shadow(0 3px 10px #00000080);width:52px;height:52px;display:block}.intro h1{font-size:clamp(1.7rem,2.4vw,2.5rem);line-height:var(--lh-tight);letter-spacing:var(--tr-mid);text-shadow:0 3px 13px #000;text-wrap:balance;margin:0;font-weight:900}.intro p{color:#a9aaaf;font-size:var(--fs-lead);word-break:keep-all;margin:8px 0 0;font-weight:700}.dashboard-grid{grid-template-columns:minmax(0,1.45fr) minmax(0,1fr);align-items:stretch;gap:24px;display:grid}.dashboard-main{flex-direction:column;gap:14px;min-width:0;display:flex}.arena-shell .dashboard-main>.status-bar,.arena-shell .dashboard-main>.tournament-panel{margin-top:auto}.dashboard-side{flex-direction:column;gap:14px;min-width:0;display:flex}.dashboard-side>.panel{margin:0}.arena-shell .panel,.arena-shell .status-bar{background:linear-gradient(145deg,#12191ff0,#0b1015e8);border:1px solid #adc6c926;box-shadow:inset 0 1px #ffffff05,0 12px 40px #0000002e}.arena-shell .panel{border-radius:21px;padding:20px 24px 18px}.panel-title{align-items:center;gap:13px;margin-bottom:14px;display:flex}.panel-title h2{font-size:var(--fs-title);letter-spacing:var(--tr-mid);margin:0;font-weight:900}.title-icon{color:#77ecc5;border:2px solid #77ecc5;border-radius:50%;place-items:center;width:34px;height:34px;display:grid}.title-icon svg{stroke-width:2.5px;width:18px;height:18px}.mode-list-wrap{position:relative}.mode-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;display:grid}.mode-card{--tone:#75edca;isolation:isolate;border:1px solid color-mix(in srgb,var(--tone)42%,transparent);text-align:left;cursor:pointer;color:#f0f7f4;background:linear-gradient(110deg,#050e10fa,color-mix(in srgb,var(--tone)17%,#080c11),#080f12d9);border-radius:19px;justify-content:space-between;align-items:center;width:100%;min-height:118px;transition:transform .2s,border-color .2s,box-shadow .2s;display:flex;position:relative;overflow:hidden;box-shadow:inset 0 0 38px #0000003d}.mode-card:before{content:"";z-index:-2;background-image:var(--mode-art),linear-gradient(120deg,transparent 25%,color-mix(in srgb,var(--tone)25%,transparent));opacity:.9;background-position:100%;background-size:cover;position:absolute;inset:0}.mode-card:after{content:"";z-index:-1;background:linear-gradient(90deg,#04090cf7 0%,#04090cc2 43%,#04090c0f 74%);position:absolute;inset:0}.mode-card:hover:not(:disabled){box-shadow:0 0 26px color-mix(in srgb,var(--tone)14%,transparent),inset 0 0 38px #0003;transform:translateY(-1px)}.mode-card.selected{border-color:color-mix(in srgb,var(--tone)82%,#fff);box-shadow:0 0 0 1px color-mix(in srgb,var(--tone)20%,transparent),inset 0 0 34px #00000026}.mode-card:disabled{cursor:default;opacity:.72}.mode-card.bronze{--tone:#c8813f}.mode-card.silver{--tone:#a3aeb6}.mode-card.gold{--tone:#edbd53}.mode-card.platinum{--tone:#d7e7ff}.mode-card.emerald{--tone:#3fd39a}.mode-card.diamond{--tone:#6fd7f2}.mode-card.master{--tone:#b47cf0}.mode-card.challenger{--tone:#ef4a4f}.mode-card.blue{--tone:#68a9ff}.mode-card.locked{filter:saturate(.42);opacity:.62}.mode-scrim{background:repeating-linear-gradient(130deg,#0000 0 30px,#ffffff06 31px,#0000 32px 44px);position:absolute;inset:0}.mode-content{z-index:2;flex-direction:column;align-items:flex-start;min-width:0;padding:15px 18px;display:flex;position:relative}.mode-content strong{color:var(--tone);font-size:clamp(1.7rem,2.5vw,2.5rem);line-height:var(--lh-tight);letter-spacing:var(--tr-body);text-shadow:0 4px 16px #000;font-weight:900}.mode-meta{color:#c8cdd0;font-size:var(--fs-body);font-variant-numeric:tabular-nums;flex-wrap:wrap;align-items:center;gap:6px 10px;margin-top:9px;font-weight:700;display:flex}.mode-meta span{white-space:nowrap;align-items:center;gap:6px;display:flex}.mode-meta .meta-tag{white-space:nowrap;font-style:normal;font-size:var(--fs-caption);letter-spacing:var(--tr-label);color:#8b949b;font-weight:800}.mode-meta svg{width:16px;height:16px;color:var(--tone);flex:none}.mode-meta i{background:#ffffff5c;width:1px;height:16px}.mode-meta .meta-break{display:none}.mode-online,.mode-lock{font-style:normal;font-size:var(--fs-label);letter-spacing:var(--tr-body);font-variant-numeric:tabular-nums;white-space:nowrap;border-radius:999px;align-items:center;gap:5px;margin-left:2px;padding:3px 9px;font-weight:800;display:inline-flex}.mode-online{color:#d3dde2;background:#040a0d9e;border:1px solid #ffffff1a}.mode-lock{color:#f0c69f;background:#3a1a0e99;border:1px solid #e2966057}.mode-check{z-index:3;background:var(--tone);color:#071016;border-radius:50%;width:22px;height:22px;padding:4px;position:absolute;top:12px;right:14px}.match-progress{margin-top:12px}.match-progress-copy{justify-content:space-between;align-items:baseline;margin-bottom:7px;display:flex}.match-progress-copy strong{color:#cbfff0;font-size:var(--fs-label);letter-spacing:var(--tr-label);font-weight:800}.match-progress-copy span{color:#9aa7b6;font-size:var(--fs-label);font-variant-numeric:tabular-nums}.match-progress>i{background:#293038;border-radius:999px;height:6px;display:block;overflow:hidden}.match-progress>i>b{border-radius:inherit;background:linear-gradient(90deg,#52caaa,#86e9ca);height:100%;transition:width .12s linear;display:block;box-shadow:0 0 9px #66e2be73}.match-hint{color:#7f8d99;font-size:var(--fs-label);word-break:keep-all;align-items:center;gap:7px;margin:14px 0 0;display:flex}.match-hint svg{color:#4ebc78;flex:none}.match-cancel{color:#8fa0ae;font-family:inherit;font-size:var(--fs-caption);letter-spacing:var(--tr-mid);cursor:pointer;background:0 0;border:0;border-radius:7px;margin-left:10px;padding:2px 6px;font-weight:800;transition:color .15s,background .15s}.match-cancel:hover{color:#e6eef5;background:#ffffff0f}.arena-notice{background:#081614db;border:1px solid #78ecc757;border-radius:13px;grid-template-columns:22px 1fr 22px;align-items:start;gap:10px;margin-bottom:12px;padding:11px 13px;display:grid}.arena-notice.error{background:#200d0ce0;border-color:#e97c6e6b}.arena-notice.success{background:#0a1a0fe0;border-color:#7def856b}.arena-notice>i{width:22px;height:22px;font-style:normal;font-size:var(--fs-micro);color:#071016;background:#74eac4;border-radius:50%;place-items:center;font-weight:900;display:grid}.arena-notice.error>i{background:#e7907f}.arena-notice.success>i{background:#7def85}.arena-notice span{flex-direction:column;gap:3px;min-width:0;display:flex}.arena-notice strong{color:#eef6f3;font-size:var(--fs-label);letter-spacing:var(--tr-mid);font-weight:800}.arena-notice small{color:#a4b0b6;font-size:var(--fs-caption);line-height:var(--lh-body);word-break:keep-all;text-wrap:pretty}.arena-notice>button{color:#7f8d99;font-size:var(--fs-title);cursor:pointer;background:0 0;border:0;line-height:1}.eyebrow{color:#aeb3b7;font-size:var(--fs-label);letter-spacing:var(--tr-mid);margin:0 0 14px;font-weight:800}.avatar{color:#f7fbfb;letter-spacing:-.03em;background:linear-gradient(145deg,#2b3a41,#131b20);border-radius:50%;flex:none;place-items:center;font-weight:900;transition:all .2s;display:inline-grid;position:relative;overflow:visible;box-shadow:inset 0 0 18px #00000047,0 5px 18px #0003}.avatar img{border-radius:inherit;object-fit:cover;width:100%;height:100%}.online-dot{background:#7def85;border:2px solid #122026;border-radius:50%;width:13px;height:13px;position:absolute;bottom:1px;right:-1px;box-shadow:0 0 10px #7def8573}.room-actions{grid-template-columns:1fr 1.05fr;gap:16px;margin-top:16px;display:grid}.room-card{background:radial-gradient(circle at 50% 64%,#2f8f7630,#0000 45%),linear-gradient(160deg,#152b28b8,#0d1519eb);border:1px solid #75eeca57;border-radius:18px;flex-direction:column;align-items:center;padding:20px 16px 18px;display:flex;position:relative;overflow:hidden}.room-card:after{content:"";opacity:.12;background:repeating-linear-gradient(45deg,#0000 0 22px,#7aeec92e 23px,#0000 24px 46px);position:absolute;inset:33% 0 0}.room-card.join-room{background:radial-gradient(circle at 50% 64%,#b17e1f26,#0000 45%),linear-gradient(160deg,#2c271bb8,#111517eb);border-color:#e9b84e57}.room-card h3{z-index:2;color:#74e3bf;font-size:var(--fs-lead);letter-spacing:var(--tr-mid);margin:0 0 14px;font-weight:900;position:relative}.join-room h3{color:#e9ba50}.room-card p{z-index:2;color:#acb1b4;font-size:var(--fs-label);text-align:center;word-break:keep-all;margin:10px 0 0;position:relative}.room-card .join-room p,.room-card .join-lead{margin:0 0 12px}.room-card>:last-child{margin-top:auto}.room-facts{z-index:2;gap:7px;width:100%;max-width:210px;margin:14px 0 0;padding:0;list-style:none;display:grid;position:relative}.room-facts li{color:#9fe4c9;font-size:var(--fs-caption);letter-spacing:var(--tr-mid);background:#75eeca12;border-radius:999px;justify-content:center;align-items:center;gap:7px;padding:7px 10px;font-weight:700;display:flex}.room-facts svg{opacity:.8;flex:none}.create-action{z-index:3;color:#9ff3d6;height:38px;font-family:inherit;font-size:var(--fs-label);letter-spacing:var(--tr-mid);cursor:pointer;background:#11362e73;border:1px solid #75edca;border-radius:999px;margin-top:16px;padding:0 26px;font-weight:800;transition:background .18s,color .18s;position:relative}.create-action:hover{color:#05231b;background:#75edca}.otp-wrap{z-index:2;gap:5px;display:flex;position:relative}.otp-real{z-index:4;opacity:1;color:#0000;caret-color:#0000;background:0 0;border:0;outline:none;width:100%;height:100%;margin:0;padding:0;position:absolute;inset:0}.otp-real:focus{outline:none}.otp-slot{pointer-events:none;text-align:center;color:#ecd9a4;width:34px;height:38px;line-height:1;font-size:var(--fs-lead);text-transform:uppercase;font-variant-numeric:tabular-nums;background:#05080a70;border:1px solid #e0c9964d;border-radius:8px;justify-content:center;align-items:center;font-weight:800;display:inline-flex;position:relative}.otp-slot.active{border-color:#f0cc78cc;box-shadow:0 0 0 2px #f0cc7829}.otp-slot.active:after{content:"";background:#ecd9a4;border-radius:1px;width:1.5px;height:1.05em;animation:1s step-end infinite otp-caret-blink;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.otp-slot.active.filled:after{left:calc(50% + .42em);transform:translateY(-50%)}@keyframes otp-caret-blink{0%,49%{opacity:1}50%,to{opacity:0}}.join-pw{z-index:2;color:#e6ecf1;width:100%;max-width:224px;height:36px;font-size:var(--fs-body);text-align:center;background:#05080a70;border:1px solid #ffffff21;border-radius:9px;margin-top:10px;padding:0 11px;position:relative}.join-pw:focus{border-color:#f0cc7899;outline:none}.join-action{z-index:2;color:#f0cc78;height:38px;font-size:var(--fs-label);letter-spacing:var(--tr-mid);cursor:pointer;background:#3a2c1166;border:1px solid #e9ba50;border-radius:999px;margin-top:12px;padding:0 26px;font-weight:800;position:relative}.join-action:hover:not(:disabled){color:#150f04;background:#e9ba50}.join-action:disabled{color:#6f7a83;cursor:default;background:#ffffff08;border-color:#ffffff24}.room-err{z-index:2;color:#f0a08f;font-size:var(--fs-caption);text-align:center;word-break:keep-all;margin:10px 0 0;position:relative}.arena-shell .status-bar{border-radius:20px;grid-template-columns:1fr 1fr;align-items:center;gap:22px;min-height:88px;margin-top:14px;padding:14px 24px;display:grid}.status-bar>*+*{position:relative}.status-bar>*+:before{content:"";background:#ffffff14;width:1px;height:46px;position:absolute;top:50%;left:-11px;transform:translateY(-50%)}.fair-play,.online-players{justify-content:center;align-items:center;gap:13px;display:flex}.fair-play div,.online-players div{flex-direction:column;min-width:0;display:flex}.fair-play span,.online-players span{color:#a9afb2;font-size:var(--fs-caption);letter-spacing:var(--tr-mid);margin-top:6px;font-weight:700}.fair-play>svg:first-child,.online-players>svg:first-child{color:#b4b9bc;flex:none;width:32px;height:32px}.fair-play strong,.online-players strong{color:#6ee4bc;font-size:var(--fs-title);font-variant-numeric:tabular-nums;margin-top:3px}.fair-play small{color:#8d9296;font-size:var(--fs-caption);font-weight:400}.help{color:#596268;flex:none;width:22px;height:22px;margin-left:2px}.arena-modal-backdrop{z-index:60;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#030609c7;place-items:center;padding:18px;display:grid;position:fixed;inset:0}.arena-modal{background:linear-gradient(145deg,#141c22fa,#0b1015fa);border:1px solid #adc6c933;border-radius:20px;width:min(440px,100%);max-height:92vh;padding:24px 24px 20px;position:relative;overflow-y:auto;box-shadow:0 24px 70px #0009}.arena-modal h2{font-size:var(--fs-display);letter-spacing:var(--tr-mid);margin:0 0 6px;font-weight:900}.arena-modal-lead{color:#9aa7b6;font-size:var(--fs-label);word-break:keep-all;text-wrap:pretty;margin:0 0 18px}.arena-modal-close{color:#7f8d99;font-size:var(--fs-hero);cursor:pointer;background:0 0;border:0;line-height:1;position:absolute;top:12px;right:14px}.arena-field{margin-bottom:14px;display:block}.arena-field>span{color:#aeb3b7;font-size:var(--fs-label);letter-spacing:var(--tr-mid);margin-bottom:7px;font-weight:800;display:block}.arena-field>span em{color:#e9ba50;font-style:normal}.arena-field input{color:#eef4f2;width:100%;height:42px;font-size:var(--fs-body);background:#05080a80;border:1px solid #ffffff21;border-radius:11px;padding:0 13px}.arena-field input:focus{border-color:#78ecc799;outline:none;box-shadow:0 0 0 2px #78ecc71f}.arena-seg{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;display:grid}.arena-seg.tiers,.arena-seg.currencies,.arena-seg.arena-seg-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.arena-seg.arena-seg-grid button{padding-left:4px;padding-right:4px;font-size:12px;line-height:1.15}.arena-seg.currencies button{letter-spacing:.06em;font-size:12px}.arena-seg.currencies button.active{color:#1a1408;background:linear-gradient(#f8e7b8,#c6a15a);border-color:#e6c98a}.arena-seg button{color:#aeb8c4;min-height:40px;font-size:var(--fs-label);letter-spacing:var(--tr-mid);cursor:pointer;text-overflow:ellipsis;white-space:nowrap;background:#ffffff08;border:1px solid #ffffff1f;border-radius:11px;padding:0 6px;font-weight:800;overflow:hidden}.arena-seg button.active{color:#cbfff0;background:#78ecc71a;border-color:#78ecc7b3}.arena-seg button.locked{opacity:.5}.arena-modal-hint{color:#7f8d99;font-size:var(--fs-caption);word-break:keep-all;margin:-6px 0 14px}.arena-modal-actions{grid-template-columns:1fr 1.3fr;gap:9px;margin-top:18px;display:grid}.arena-modal-actions button{color:#cfd8e2;min-height:46px;font-size:var(--fs-body);cursor:pointer;background:#ffffff0a;border:1px solid #ffffff24;border-radius:13px;font-weight:800}.arena-modal-actions button.primary{color:#071016;background:linear-gradient(100deg,#62d6b8,#9aefc5);border-color:#0000}.arena-modal-actions button:disabled{opacity:.5;cursor:default}.arena-code-card{cursor:pointer;background:#2c271b80;border:1px solid #e9b84e66;border-radius:15px;gap:5px;width:100%;margin-bottom:4px;padding:18px;display:grid}.arena-code-card small{color:#aeb3b7;font-size:var(--fs-caption);letter-spacing:var(--tr-label);font-weight:800}.arena-code-card strong{color:#f0cc78;font-size:var(--fs-hero);letter-spacing:.22em;font-variant-numeric:tabular-nums;font-weight:900}.arena-code-card span{color:#8d9297;font-size:var(--fs-caption)}@media (max-width:1180px){.dashboard-grid{grid-template-columns:minmax(0,1fr);max-width:880px;margin:0 auto}.dashboard-main{display:contents}.dashboard-side{order:2}.arena-shell .dashboard-main>.status-bar{order:3;margin-top:0}.intro,.arena-shell .status-bar{max-width:880px;margin-left:auto;margin-right:auto}.arena-shell .status-bar{grid-template-columns:repeat(2,minmax(0,1fr))}.status-bar>*+:before{display:none}}@media (max-width:780px){.arena-shell .dashboard{padding:20px 12px calc(96px + env(safe-area-inset-bottom,0px))}.dashboard-grid{gap:14px}.arena-shell .panel{border-radius:17px;padding:16px 13px 14px}.mode-card{min-height:104px}.mode-meta{row-gap:4px}.mode-meta .meta-break{background:0 0;flex-basis:100%;width:0;height:0;display:block}.mode-list .mode-card .mode-meta>span{flex:0 0 100%}.mode-list .mode-card .mode-meta>i{display:none}.mode-content{padding:9px 18px}.mode-content strong{font-size:1.65rem}.mode-meta{font-size:var(--fs-label);gap:9px;margin-top:6px}.mode-online,.mode-lock{font-size:var(--fs-caption);padding:2.5px 8px}.room-actions{grid-template-columns:1fr}.arena-shell .status-bar{grid-template-columns:1fr 1fr;gap:18px 12px;padding:16px}}@media (max-width:430px){.intro-symbol{display:none}.intro h1{font-size:1.6rem}.arena-shell .status-bar{grid-template-columns:1fr}.otp-slot{width:30px;height:36px}}@media (prefers-reduced-motion:reduce){.arena-shell *,.arena-shell :before,.arena-shell :after{transition-duration:.01ms!important;animation-duration:.01ms!important}}@media (min-width:1181px){.arena-shell{flex-direction:column;height:100dvh;min-height:0;display:flex;overflow:hidden}.arena-shell .dashboard{flex-direction:column;flex:1;min-height:0;padding-top:clamp(10px,1.8vh,28px);padding-bottom:clamp(10px,1.6vh,24px);display:flex;overflow:hidden auto}.dashboard-grid{flex:1;min-height:0}.dashboard-main,.dashboard-side{min-height:0}.dashboard-side>.panel{flex:none}.dashboard-side>.jackpot-panel{flex-direction:column;flex:auto;min-height:0;display:flex}.jackpot-panel .jp-head,.jackpot-panel .jp-body{flex:none}.jackpot-panel .jp-stage{flex:auto;min-height:92px}.jackpot-panel .jp-total{bottom:max(6px,8%)}.arena-shell .dashboard-main>.status-bar{margin-top:0}.friends-panel .eyebrow{margin-bottom:10px}.room-actions{margin-top:12px}.room-card{padding:16px 16px 14px}.room-card h3{margin-bottom:10px}.jp-body{padding:8px 16px 10px}.jp-cell{padding:6px 10px}.jp-recent{margin-top:6px}.jp-rules{margin-top:5px}.intro{margin-bottom:clamp(8px,1.3vh,15px)}.jp-stage{max-height:clamp(112px,24vh,260px)}}@media (min-width:1181px) and (max-height:1120px){.arena-shell .panel{padding:16px 20px 14px}.panel-title{margin-bottom:10px}.intro h1{font-size:clamp(1.5rem,2vw,2.1rem)}.intro p{margin-top:5px}.mode-card{min-height:104px}.mode-content{padding:12px 16px}.mode-content strong{font-size:clamp(1.5rem,2.1vw,2.1rem)}.mode-meta{margin-top:6px}.arena-shell .status-bar{min-height:72px;padding:10px 24px}.room-facts{gap:5px;margin-top:10px}.room-facts li{padding:5px 10px}.create-action{margin-top:12px}.jp-head{padding:10px 20px 8px}.jp-body{padding:8px 16px 10px}.jp-cell{padding:5px 10px}.jp-recent{margin-top:6px}.jp-rules{margin-top:5px}}@media (min-width:1181px) and (max-height:900px){.ar-topbar{height:78px}.ar-topbar .ar-brand img{height:60px}.arena-shell .panel{padding:12px 18px}.intro{gap:12px}.intro-crest{width:40px;height:40px}.intro h1{font-size:clamp(1.3rem,1.7vw,1.7rem)}.mode-list{gap:7px}.mode-card{min-height:90px}.mode-content{padding:9px 14px}.mode-content strong{font-size:clamp(1.3rem,1.8vw,1.8rem)}.mode-meta{margin-top:4px}.dashboard-main,.dashboard-side{gap:10px}.arena-shell .status-bar{min-height:60px;margin-top:auto;padding:8px 20px}.jp-stage{max-height:clamp(104px,21vh,220px)}.jp-rules{display:none}.jp-recent li{padding:3px 10px}}@media (min-width:1181px) and (max-height:820px){.room-card{padding-top:12px;padding-bottom:12px}.room-card h3{margin-bottom:8px}.room-actions{margin-top:10px}.friends-panel .eyebrow{margin-bottom:8px}}@media (min-width:1181px) and (max-height:740px){.jp-recent{display:none}}@media (min-width:1181px) and (max-height:690px){.intro{display:none}.mode-card{min-height:66px}.mode-content{padding:5px 12px}.arena-shell .dashboard{padding-top:6px;padding-bottom:6px}.arena-shell .panel{padding:10px 16px}.panel-title{margin-bottom:6px}.jp-head{padding:6px 16px 4px}.jp-body{padding:6px 12px}.jp-cell{padding:3px 8px}.room-card{padding-top:8px;padding-bottom:8px}.arena-shell .status-bar{min-height:46px;padding:6px 16px}}@media (min-width:1181px) and (max-height:780px){.ar-topbar{height:66px}.ar-topbar .ar-brand img{height:50px}.arena-shell .dashboard{padding-top:8px;padding-bottom:8px}.intro{margin-bottom:6px}.intro p{display:none}.mode-card{min-height:78px}.mode-content{padding:7px 14px}.mode-content strong{font-size:clamp(1.15rem,1.5vw,1.5rem)}.match-hint{display:none}.jp-stage{max-height:clamp(96px,18vh,180px)}.jp-recent-label{margin-bottom:3px}.arena-shell .status-bar{min-height:52px}}.arena-modal.trm-modal{flex-direction:column;width:min(560px,100%);max-height:min(86vh,760px);display:flex;overflow:hidden}.trm-tools{gap:8px;margin:-6px 0 12px;display:flex}.trm-tool{color:#d6dee4;height:34px;font-size:var(--fs-label);cursor:pointer;background:#ffffff0a;border:1px solid #ffffff24;border-radius:10px;align-items:center;gap:6px;padding:0 13px;font-weight:800;display:inline-flex}.trm-tool:hover{background:#ffffff14}.trm-tool:disabled{opacity:.55;cursor:default}.trm-tool.gold{color:#f1cd77;background:#e9ba5014;border-color:#e9ba5080;margin-left:auto}.trm-spin{animation:.8s linear infinite trmSpin;display:inline-block}@keyframes trmSpin{to{transform:rotate(360deg)}}.trm-list{gap:8px;min-height:0;margin:0;padding:0 2px 2px 0;list-style:none;display:grid;overflow-y:auto}.trm-room{text-align:left;cursor:pointer;color:#eef4f2;background:linear-gradient(120deg,#ffffff0b,#ffffff04);border:1px solid #adc6c929;border-radius:14px;align-items:center;gap:12px;width:100%;padding:12px 12px 12px 14px;transition:border-color .15s,background .15s,transform .15s;display:flex}.trm-room:hover:not(:disabled){background:linear-gradient(120deg,#62d6b81a,#ffffff05);border-color:#62d6b88c;transform:translateY(-1px)}.trm-room.off{cursor:default;opacity:.5}.trm-main{flex:1;gap:5px;min-width:0;display:grid}.trm-name{font-size:var(--fs-body);letter-spacing:var(--tr-mid);white-space:nowrap;text-overflow:ellipsis;align-items:center;gap:8px;font-weight:900;display:flex;overflow:hidden}.trm-badge{border-radius:999px;flex:none;padding:2px 7px;font-size:11px;font-style:normal;font-weight:800}.trm-badge.live{color:#071016;background:#62d6b8}.trm-badge.wait{color:#c9d3da;background:#ffffff1a}.trm-badge.full{color:#ffd0cf;background:#e5585440}.trm-meta{color:#aeb8c1;font-size:var(--fs-caption);font-variant-numeric:tabular-nums;flex-wrap:wrap;gap:4px 14px;display:flex}.trm-meta b{color:#e9ba50;margin-right:3px;font-weight:800}.trm-seats{color:#d6dee4;font-size:var(--fs-caption);font-variant-numeric:tabular-nums;align-items:center;gap:8px;font-weight:800;display:flex}.trm-seats i{background:#ffffff14;border-radius:99px;flex:1;max-width:180px;height:5px;overflow:hidden}.trm-seats i b{border-radius:inherit;background:linear-gradient(90deg,#62d6b8,#e9ba50);height:100%;display:block}.trm-go{color:#071016;min-width:64px;height:36px;font-size:var(--fs-label);background:linear-gradient(100deg,#62d6b8,#9aefc5);border-radius:10px;flex:none;place-items:center;padding:0 12px;font-weight:900;display:grid}.trm-room.off .trm-go{color:#aeb8c1;background:#ffffff14}.trm-empty{text-align:center;color:#9aa7b6;font-size:var(--fs-label);border:1px dashed #ffffff24;border-radius:14px;place-items:center;gap:6px;padding:34px 12px;display:grid}.trm-empty strong{color:#d6dee4;font-size:var(--fs-body)}@media (max-width:520px){.arena-modal.trm-modal{padding:20px 14px 14px}.trm-room{gap:9px;padding:11px 10px 11px 12px}.trm-go{min-width:54px;height:34px;padding:0 9px}}.trm-tool.mint{color:#8fe8cf;background:#62d6b814;border-color:#62d6b873}.trm-tools .trm-tool.mint+.trm-tool.gold,.trm-tools .trm-tool.mint:last-child{margin-left:auto}.trm-create{background:#62d6b812;border:1px solid #62d6b859;border-radius:14px;margin:0 0 12px;padding:12px 14px}.trm-create p{color:#cfe9e1;font-size:var(--fs-label);word-break:keep-all;margin:0 0 10px}.trm-create div{justify-content:flex-end;gap:8px;display:flex}.trm-create button{color:#d6dee4;height:36px;font-weight:800;font-size:var(--fs-label);cursor:pointer;background:#ffffff0d;border:1px solid #ffffff24;border-radius:10px;padding:0 14px}.trm-create button.primary{color:#071016;background:linear-gradient(100deg,#62d6b8,#9aefc5);border-color:#0000}.trm-create button:disabled{opacity:.55;cursor:default}