.game-shell.screen-auth{background:#020508}.game-shell.screen-auth:before{display:none}.auth-world{--gold:#c8a762;--fire:#a94f35;--water:#5d8798;--storm:#bda765;--stone:#8e987f;isolation:isolate;color:#f4f0e6;background:#020508;width:100%;height:100dvh;min-height:0;font-family:Inter,system-ui,sans-serif;position:relative;overflow:hidden}.auth-scenery,.auth-vignette,.auth-atmosphere{pointer-events:none;width:100%;height:100%;position:fixed;inset:0}.auth-scenery{z-index:-4;filter:saturate(.96)brightness(.66);background:linear-gradient(90deg,#020508f2 0%,#02050896 30%,#02050852 54%,#020508e8 100%),linear-gradient(#02050866 0%,#0205088a 66%,#020508 100%),url(/assets/lobby/elemental-convergence-v1.webp) 50% 44%/cover no-repeat}.auth-vignette{z-index:-3;background:radial-gradient(at 50% 54%,#0000 0 26%,#02050880 60%,#020508f5 100%)}.auth-atmosphere{z-index:-2;opacity:.78}.auth-backdrop{z-index:-4;pointer-events:none;transform-origin:50%;position:fixed;inset:0}.auth-backdrop .auth-scenery{z-index:0;position:absolute}.auth-topbar{z-index:3;pointer-events:none;justify-content:flex-end;display:flex;position:absolute;top:24px;left:max(5vw,24px);right:max(5vw,24px)}.auth-beta{color:#ded3bd;letter-spacing:.1em;text-transform:uppercase;background:#050b10d9;border:1px solid #c8a76244;align-items:center;gap:8px;height:28px;padding:0 12px;font-size:10px;font-weight:800;display:flex;box-shadow:0 12px 32px #0008}.auth-beta i{background:var(--gold);width:6px;height:6px;transform:rotate(45deg);box-shadow:0 0 8px #c8a76299}.auth-content{box-sizing:border-box;grid-template-columns:minmax(420px,1fr) minmax(390px,440px);align-items:center;gap:clamp(34px,6vw,86px);width:min(1180px,100% - 80px);height:100dvh;min-height:0;margin:auto;padding:clamp(22px,5vh,58px) 0 clamp(34px,6vh,64px);display:grid;position:relative}.auth-content:before{content:"";pointer-events:none;background:linear-gradient(90deg,#0000,#e8c77755,#50c9ff44,#0000);height:1px;position:absolute;bottom:54px;left:8%;right:8%}.auth-intro{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-width:0;display:flex}.auth-intro-copy{order:2;width:min(520px,100%);margin-top:18px}.auth-eyebrow{color:var(--gold);letter-spacing:.2em;text-transform:uppercase;text-shadow:0 2px 5px #000;font-size:10px;font-weight:900;line-height:1.4;display:block}.auth-intro h2{color:#fff7df;letter-spacing:0;text-shadow:0 5px 6px #000d;margin:10px 0 8px;font:900 clamp(28px,3vw,43px)/1.02 Impact,Arial Black,sans-serif}.auth-intro h2 em{color:#f3c96d;font-style:inherit;display:block}.auth-intro p{color:#c5cbd0;text-shadow:0 2px 4px #000;max-width:420px;margin:0 auto;font-size:13px;line-height:1.6}.auth-card-display{isolation:isolate;order:1;width:min(510px,100%);height:370px;position:relative}.auth-card-display:before{content:"";border:1px solid #e8c7774d;border-radius:50%;height:54px;position:absolute;bottom:23px;left:9%;right:9%;box-shadow:0 0 30px #e8c77722,inset 0 0 24px #50c9ff1b}.auth-card-halo{z-index:-2;filter:blur(18px);opacity:.72;background:radial-gradient(#c8a76224,#0000 68%);position:absolute;inset:84px 54px 52px}.auth-sigil-ring,.auth-sigil-ray{display:none}.auth-sigil-fire{background:linear-gradient(90deg,var(--fire),transparent);transform:rotate(200deg)}.auth-sigil-water{background:linear-gradient(90deg,var(--water),transparent);transform:rotate(340deg)}.auth-sigil-storm{background:linear-gradient(90deg,var(--storm),transparent);transform:rotate(270deg)}.auth-sigil-stone{background:linear-gradient(90deg,var(--stone),transparent);transform:rotate(28deg)}.auth-playing-card{object-fit:contain;transform-origin:50% 78%;filter:saturate(1.08)brightness(1.05)drop-shadow(0 24px 20px #000d);border-radius:8px;width:162px;height:243px;position:absolute;top:76px;left:calc(50% - 81px)}.auth-playing-card-left{transform:translate(-124px,36px)rotate(-18deg)}.auth-playing-card-right{transform:translate(124px,32px)rotate(17deg)}.auth-playing-card-front{transform:translateY(-8px)rotate(-2deg)scale(1.08)}.auth-sigil-core{display:none}.auth-element-key{color:#d1d6d8;letter-spacing:.12em;text-transform:uppercase;flex-wrap:wrap;order:3;justify-content:center;gap:18px;font-size:10px;font-weight:800;display:flex}.auth-element-key span{align-items:center;gap:8px;display:flex}.auth-element-key span:before{content:"";background:#b69a63;width:7px;height:7px;transform:rotate(45deg);box-shadow:0 0 7px #b69a6377}.auth-element-key span:nth-child(2):before{background:#6f93a1;box-shadow:0 0 7px #6f93a177}.auth-element-key span:nth-child(3):before{background:#b8a661;box-shadow:0 0 7px #b8a66177}.auth-element-key span:nth-child(4):before{background:#89947c;box-shadow:0 0 7px #89947c77}.auth-access{flex-direction:column;justify-self:center;align-items:center;width:100%;max-width:440px;display:flex;position:relative}.auth-access-aura{display:none}.auth-logo-wrap{z-index:3;pointer-events:none;place-items:center;width:100%;margin-bottom:-18px;display:grid;position:relative}.auth-access .auth-logo{object-fit:contain;filter:saturate(1.08)drop-shadow(0 18px 16px #000e)drop-shadow(0 0 20px #e8c77734);width:270px;max-width:92%;height:140px}.auth-card{z-index:2;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:linear-gradient(#101821f7,#050a0ffa 72%),radial-gradient(circle at 50% 0,#c8a76212,#0000 42%);border:1px solid #5b4c38;border-radius:6px;width:100%;padding:42px 28px 28px;position:relative;box-shadow:0 28px 70px #000c,inset 0 0 0 4px #020508b8,inset 0 0 34px #c8a7620d}.auth-card:before{content:"";pointer-events:none;border:1px solid #e8c77722;border-radius:3px;position:absolute;inset:8px}.auth-card:after{content:"";background:linear-gradient(90deg,transparent,#8a6d42,var(--gold),#8a6d42,transparent);pointer-events:none;height:1px;position:absolute;top:17px;left:18px;right:18px}.auth-card-runes{pointer-events:none;position:absolute;inset:16px}.auth-card-runes i{width:8px;height:8px;position:absolute;transform:rotate(45deg)}.auth-card-runes i:first-child{background:#9b5b3e;top:0;left:0;box-shadow:0 0 8px #9b5b3e99}.auth-card-runes i:nth-child(2){background:#6d8b98;top:0;right:0;box-shadow:0 0 8px #6d8b9899}.auth-card-runes i:nth-child(3){background:#b7a765;bottom:0;right:0;box-shadow:0 0 8px #b7a76599}.auth-card-runes i:nth-child(4){background:#89947b;bottom:0;left:0;box-shadow:0 0 8px #89947b99}.auth-card-inner{gap:22px;min-width:0;display:grid}.auth-step-track{justify-content:center;align-items:center;gap:12px;height:20px;margin-bottom:1px;display:flex}.auth-step-track>i{background:linear-gradient(90deg,#e8c77766,#50c9ff66);width:42px;height:1px}.auth-step-track span{color:#0000;background:#050b10;border:1px solid #697987;border-radius:50%;place-items:center;width:11px;height:11px;padding:0;font-size:0;display:grid;box-shadow:0 0 0 3px #020508}.auth-step-track b{display:none}.auth-step-track .is-current{border-color:var(--gold);background:var(--gold);box-shadow:0 0 8px #c8a76288,0 0 0 3px #020508}.auth-step-track .is-done{background:#6d8b98;border-color:#6d8b98;box-shadow:0 0 8px #6d8b9888,0 0 0 3px #020508}.auth-heading{text-align:left}.auth-heading h1{color:#fff9e9;letter-spacing:0;text-shadow:0 4px 5px #000;margin:10px 0 8px;font:900 34px/1.04 Impact,Arial Black,sans-serif}.auth-heading p{color:#b7c1c8;margin:0;font-size:13px;line-height:1.55}.auth-fields{gap:16px;min-width:0;display:grid}.auth-fields label{color:#eee2c4;text-shadow:0 2px 4px #000;gap:8px;font-size:11px;font-weight:900;display:grid}.auth-fields label>span:first-child:not(.auth-input):not(.auth-remember-toggle):not(.auth-remember-copy){justify-content:space-between;gap:12px;display:flex}.auth-fields label small{color:#93a0a8;font-size:10px;font-weight:600}.auth-input{color:#8da0ad;background:linear-gradient(#081019,#03070c);border:1px solid #33465b;border-radius:4px;align-items:center;gap:12px;min-height:51px;padding:0 14px;transition:border-color .2s,box-shadow .2s;display:flex;box-shadow:inset 0 0 0 2px #0009,inset 0 0 20px #50c9ff0a}.auth-input:focus-within{color:#dbc89d;border-color:#9f885e;box-shadow:inset 0 0 0 2px #0009,0 0 0 1px #c8a76242}.auth-input svg{flex:none;width:17px;height:17px}.auth-input input{color:#f4f6f2;width:100%;min-width:0;height:49px;min-height:0;box-shadow:none;background:0 0;border:0;outline:none;padding:0;font-size:13px;font-weight:600}.auth-input input:focus,.auth-input input:hover,.auth-input input:focus-visible{box-shadow:none;background:0 0;outline:0;transform:none}.auth-input input::placeholder{color:#75828b;opacity:1}.auth-input input:autofill{-webkit-text-fill-color:#f4f6f2;box-shadow:inset 0 0 0 100px #050b10}.auth-code-input input{letter-spacing:.24em;text-align:center;font-weight:900}.auth-remember{cursor:pointer;background:linear-gradient(100deg,#071019,#0d151d);border:1px solid #33465b;border-radius:4px;align-items:center;min-height:46px;padding:10px 12px;transition:border-color .2s,box-shadow .2s;position:relative;box-shadow:inset 0 0 0 2px #0006;color:#c5cdd0!important;grid-template-columns:none!important;gap:12px!important;font-size:12px!important;display:flex!important}.auth-remember:hover{border-color:#e8c77778;box-shadow:inset 0 0 0 2px #0006,0 0 18px #e8c77718}.auth-remember:focus-within{border-color:var(--gold);box-shadow:0 0 0 2px #e8c7772b}.auth-remember-native{opacity:0;appearance:none;pointer-events:none;position:absolute;border:0!important;width:1px!important;min-width:0!important;height:1px!important;min-height:0!important;margin:0!important;padding:0!important}.auth-remember-toggle{background:#03070c;border:1px solid #7d8a92;border-radius:999px;flex:none;width:38px;height:21px;transition:border-color .2s,background .2s;display:block;position:relative;box-shadow:inset 0 0 0 1px #0008}.auth-remember-toggle i{background:#87939a;border-radius:50%;width:13px;height:13px;transition:transform .18s,background .18s;position:absolute;top:3px;left:3px;box-shadow:0 1px 4px #0008}.auth-remember-native:checked+.auth-remember-toggle{border-color:var(--gold);background:#c8a76224}.auth-remember-native:checked+.auth-remember-toggle i{background:#f6c868;transform:translate(17px)}.auth-remember-copy{gap:2px;min-width:0;display:grid}.auth-remember-copy strong{color:#f5efe4;font-size:12px;line-height:1.2}.auth-remember-copy small{color:#8e9ba3;font-size:10px;font-weight:600;line-height:1.3}.auth-submit{color:#160c04;clip-path:polygon(0 0,calc(100% - 12px) 0,100% 12px,100% 100%,12px 100%,0 calc(100% - 12px));background:linear-gradient(100deg,#8d5a2f 0%,#bf8c43 46%,#d8b15f 100%);border:1px solid #d2ac61;border-radius:4px;justify-content:center;align-items:center;gap:10px;min-height:54px;margin-top:2px;padding:0 18px;font-size:13px;font-weight:950;transition:filter .2s,transform .2s,box-shadow .2s;display:flex;box-shadow:0 12px 30px #0009,0 0 18px #c8913d2b,inset 0 1px #eed7a3a0}.auth-submit>svg{flex:none;width:18px}.auth-submit>:last-child{margin-left:auto;font-size:17px}.auth-submit>span:nth-child(2){margin-right:auto}.auth-submit:not(:disabled):hover{filter:brightness(1.06);transform:translateY(-1px);box-shadow:0 14px 34px #000a,0 0 22px #c8913d44,inset 0 1px #eed7a3a0}.auth-submit:not(:disabled):active{transform:translateY(0)}.auth-submit:disabled{cursor:wait;opacity:.68}.auth-secondary{color:#c8d0d5;background:#071019;border:1px solid #3b5065;border-radius:4px;min-height:38px;padding:0 12px;font-size:12px;font-weight:800}.auth-secondary:not(:disabled):hover{color:#fff0c4;border-color:#e8c7778a}.auth-secondary-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;min-width:0;display:grid}.auth-secondary-row .auth-secondary{width:100%;min-width:0;padding-inline:8px}.auth-resend{color:#efd49a;background:linear-gradient(100deg,#091219,#17150b);border-color:#725f34}.auth-resend:not(:disabled):hover{color:#fff3c7;border-color:#d2ac61;box-shadow:0 0 18px #d2ac6122}.auth-resend:disabled{opacity:.58;cursor:not-allowed}.auth-access-note{color:#849099;text-align:center;letter-spacing:.09em;text-transform:uppercase;margin:-3px 0 0;font-size:10px;line-height:1.5}.auth-message{background:linear-gradient(90deg,#081019f2,#050b10e6);border:1px solid #30465a;border-left:3px solid;grid-template-columns:10px 1fr;align-items:start;gap:2px 10px;min-width:0;margin:0;padding:10px 12px;font-size:12px;line-height:1.42;display:grid;position:relative;box-shadow:inset 0 0 0 1px #0008,0 10px 24px #0005}.auth-message strong{color:#f6ecd1;letter-spacing:.12em;text-transform:uppercase;grid-column:2;font-size:10px;line-height:1.2}.auth-message span:last-child{grid-column:2;min-width:0}.auth-message-mark{background:currentColor;grid-row:1/span 2;width:8px;height:8px;margin-top:3px;transform:rotate(45deg);box-shadow:0 0 10px}.auth-error{color:#f0b3a1;background:linear-gradient(90deg,#201015f2,#050b10e6);border-color:#4a2631 #4a2631 #4a2631 #d25b42}.auth-notice{color:#e5d29d;border-color:#3f3a24;border-left-color:var(--gold)}.auth-motion{z-index:3;color:#9aa6ac;background:#050b10d0;border:1px solid #ffffff16;border-radius:4px;align-items:center;gap:7px;height:32px;padding:0 9px;font-size:10px;display:flex;position:fixed;bottom:24px;left:max(5vw,24px)}.auth-motion svg{width:13px;height:13px}.auth-motion:disabled{cursor:default;opacity:.62}.auth-replay-intro{z-index:3;color:#a7afb1;background:#050b10d0;border:1px solid #ffffff16;border-radius:4px;height:32px;padding:0 9px;font-size:10px;position:fixed;bottom:24px;left:calc(max(5vw,24px) + 126px)}.auth-world button:focus-visible{outline-offset:4px;outline:2px solid #c8a762}.auth-world input:focus-visible{outline:0}.auth-footer{color:#758289;pointer-events:none;justify-content:space-between;gap:12px;font-size:10px;display:flex;position:absolute;bottom:30px;left:50%;right:max(5vw,24px)}.auth-opening-gems{gap:17px;margin:28px 0 22px;display:flex}.auth-opening-gems i{background:#9b5b3e;width:7px;height:7px;display:block;transform:rotate(45deg);box-shadow:0 0 10px #9b5b3e99}.auth-opening-gems i:nth-child(2){background:#6d8b98;box-shadow:0 0 10px #6d8b9899}.auth-opening-gems i:nth-child(3){background:#b7a765;box-shadow:0 0 10px #b7a76599}.auth-opening-gems i:nth-child(4){background:#89947b;box-shadow:0 0 10px #89947b99}.auth-opening-status{white-space:nowrap;opacity:0;visibility:hidden;pointer-events:none;align-items:center;gap:12px;display:flex;position:absolute;top:calc(100% - 4px);left:50%;transform:translate(-50%)}.auth-opening-status .auth-opening-gems{gap:7px;margin:0}.auth-opening-status .auth-opening-gems i{width:4px;height:4px}.auth-opening-status>span{color:#aebbc4;letter-spacing:.12em;text-transform:uppercase;font-size:9px}.auth-skip-intro{z-index:11;color:#efd49a;background:#050b10ef;border:1px solid #e8c77755;border-radius:4px;min-height:42px;padding:0 16px;font-size:11px;font-weight:900;position:fixed;bottom:24px;right:max(24px,5vw);box-shadow:0 15px 38px #0008}.auth-skip-intro span{margin-left:12px}.auth-world.is-opening .auth-card-display{opacity:0;visibility:hidden}.auth-step-signup .auth-access,.auth-step-signupCode .auth-access,.auth-step-resetCode .auth-access{max-width:500px}.auth-step-signup .auth-access .auth-logo,.auth-step-signupCode .auth-access .auth-logo,.auth-step-resetCode .auth-access .auth-logo{width:225px;height:104px}@media (width>=761px){.auth-step-signup .auth-card,.auth-step-signupCode .auth-card,.auth-step-resetCode .auth-card{padding:34px 26px 24px}.auth-step-signup .auth-card-inner,.auth-step-signupCode .auth-card-inner,.auth-step-resetCode .auth-card-inner{gap:17px}.auth-step-signup .auth-heading h1,.auth-step-signupCode .auth-heading h1,.auth-step-resetCode .auth-heading h1{margin-block:8px 6px;font-size:31px}.auth-step-signup .auth-fields,.auth-step-resetCode .auth-fields{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px}.auth-field-email,.auth-field-name,.auth-field-code,.auth-remember,.auth-message,.auth-submit,.auth-secondary,.auth-secondary-row,.auth-access-note{grid-column:1/-1}.auth-step-signup .auth-input,.auth-step-resetCode .auth-input{min-height:47px}.auth-step-signup .auth-input input,.auth-step-resetCode .auth-input input{height:45px}.auth-step-signup .auth-submit,.auth-step-resetCode .auth-submit{min-height:50px}.auth-step-signup .auth-secondary,.auth-step-resetCode .auth-secondary{min-height:34px}}.is-animated .auth-card-display{animation:8s ease-in-out infinite auth-breathe}.is-animated .auth-sigil-ring{animation:22s linear infinite auth-spin}.is-animated .auth-card-halo{animation:7s ease-in-out infinite auth-light}.is-animated .auth-scenery{animation:14s ease-in-out infinite auth-sky}@keyframes auth-breathe{0%,to{translate:0}50%{translate:0 -6px}}@keyframes auth-spin{to{rotate:360deg}}@keyframes auth-light{0%,to{opacity:.58}50%{opacity:.96}}@keyframes auth-sky{0%,to{filter:saturate(.94)brightness(.63)}50%{filter:saturate(1.02)brightness(.72)}}@media (height<=820px) and (width>=900px){.auth-content{padding-top:36px;padding-bottom:48px}.auth-card-display{width:430px;height:310px}.auth-playing-card{width:130px;height:195px;top:62px;left:calc(50% - 65px)}.auth-playing-card-left{transform:translate(-96px,30px)rotate(-18deg)}.auth-playing-card-right{transform:translate(96px,27px)rotate(17deg)}.auth-intro h2{font-size:34px}.auth-card{padding-top:36px}.auth-card-inner{gap:18px}.auth-access .auth-logo{width:230px;height:112px}}@media (height<=820px) and (width>=761px){.auth-step-signup .auth-content,.auth-step-signupCode .auth-content,.auth-step-resetCode .auth-content{padding-top:20px;padding-bottom:28px}.auth-step-signup .auth-access .auth-logo,.auth-step-signupCode .auth-access .auth-logo,.auth-step-resetCode .auth-access .auth-logo{width:190px;height:78px}.auth-step-signup .auth-logo-wrap,.auth-step-signupCode .auth-logo-wrap,.auth-step-resetCode .auth-logo-wrap{margin-bottom:-10px}.auth-step-signup .auth-card,.auth-step-signupCode .auth-card,.auth-step-resetCode .auth-card{padding-top:28px;padding-bottom:18px}.auth-step-signup .auth-heading p,.auth-step-signupCode .auth-heading p,.auth-step-resetCode .auth-heading p{font-size:12px;line-height:1.45}.auth-step-signup .auth-fields,.auth-step-resetCode .auth-fields{gap:10px}.auth-step-signup .auth-message,.auth-step-resetCode .auth-message{padding-block:8px}}@media (width<=1000px){.auth-content{grid-template-columns:minmax(0,.9fr) minmax(360px,1fr);gap:28px;width:min(880px,100% - 40px)}.auth-card-display{width:360px;height:290px}.auth-playing-card{width:120px;height:180px;top:58px;left:calc(50% - 60px)}.auth-playing-card-left{transform:translate(-82px,28px)rotate(-18deg)}.auth-playing-card-right{transform:translate(82px,25px)rotate(17deg)}.auth-intro h2{font-size:30px}.auth-footer>:last-child{display:none}}@media (width<=760px){.auth-topbar{display:none}.auth-content{flex-direction:column;justify-content:center;gap:0;width:min(360px,100% - 44px);min-height:100%;padding:38px 0 62px;display:flex;transform:translate(clamp(-54px,-12vw,-38px))}.auth-content:before,.auth-intro{display:none}.auth-access{width:100%;max-width:none}.auth-logo-wrap{margin-bottom:-16px}.auth-access .auth-logo{width:245px;height:124px}.auth-card{width:100%;padding:38px 18px 22px}.auth-card-inner{gap:19px}.auth-heading h1{font-size:31px}.auth-input input{height:50px;font-size:16px}.auth-fields{gap:15px}.auth-scenery{background-position:top}.auth-vignette{background:linear-gradient(#02050854 0%,#020508b8 58%,#020508f6 100%)}.auth-footer{font-size:9px;bottom:18px;left:auto;right:18px}.auth-motion{bottom:14px;left:18px}.auth-replay-intro{bottom:14px;left:118px}.auth-skip-intro{bottom:14px;right:18px}}@media (width<=520px),(height<=620px){.auth-world{overflow:auto}.auth-content{height:auto;min-height:100dvh}}@media (height<=650px) and (width<=760px){.auth-content{padding-top:22px;padding-bottom:48px}.auth-access .auth-logo{width:190px;height:82px}.auth-card{padding:28px 16px 18px}.auth-card-inner{gap:14px}.auth-heading h1{margin:7px 0 5px;font-size:26px}.auth-heading p{font-size:12px}.auth-fields{gap:11px}.auth-input{min-height:43px}.auth-input input{height:42px}.auth-submit{min-height:44px}.auth-remember{min-height:40px;padding:8px 10px}}@media (height<=490px) and (width>=600px){.auth-content{justify-content:center;width:min(760px,100% - 40px);padding-top:16px;padding-bottom:42px;display:flex}.auth-intro{display:none}.auth-access{max-width:620px}.auth-access .auth-logo{width:176px;height:72px}.auth-card{max-width:620px;padding:26px 20px 16px}.auth-card-inner{grid-template-columns:minmax(180px,.82fr) minmax(260px,1fr);align-items:center;gap:20px}.auth-step-track{grid-column:1/-1}.auth-fields{gap:10px}.auth-input{min-height:39px}.auth-input input{height:38px;font-size:13px}.auth-submit{min-height:40px}.auth-remember{min-height:38px;padding-block:7px}.auth-footer{bottom:13px;right:20px}.auth-motion,.auth-replay-intro{bottom:10px}}@media (prefers-reduced-motion:reduce){.auth-world *{transition:none!important;animation:none!important}.auth-submit:not(:disabled):hover{transform:none}.auth-opening-status,.auth-skip-intro{display:none}}.portal-lobby .social-panel{background:linear-gradient(135deg,#131817f5,#060c12f5);border:1px solid #786440;border-radius:2px;flex-direction:column;align-self:stretch;width:100%;min-height:0;max-height:100%;padding:24px 18px 18px;display:flex;position:relative;box-shadow:inset 0 0 0 3px #030809,0 12px 30px #0008}.social-panel:before{content:"";background:linear-gradient(90deg,#0000,#d6b16c,#0000);height:2px;position:absolute;top:0;left:10%;right:10%}.social-heading{border-bottom:1px solid #66522f66;align-items:center;gap:10px;padding-bottom:14px;display:flex}.social-heading h2{color:#ebd5a4;margin:5px 0 0;font-family:Georgia,serif;font-size:clamp(14px,1.2vw,19px)}.social-sigil{color:#e9c071;text-shadow:0 0 15px #da45;font-size:30px}.social-connection{background:#65676a;border-radius:50%;flex-shrink:0;width:7px;height:7px;margin-left:auto}.social-connection.connected{background:#8aca91;box-shadow:0 0 8px #7bc19166}.social-summary{color:#a8b6ae;align-items:center;gap:12px;padding:13px 0;font-size:10px;display:flex}.social-summary b{color:#efc673;margin-left:auto}.social-tabs{border-bottom:1px solid #6b573b77;gap:3px;display:flex}.social-tabs button{color:#a7a99e;background:0 0;border-bottom:2px solid #0000;flex:1;min-width:0;min-height:38px;padding:8px 4px;font-size:11px;position:relative}.social-tabs button[aria-pressed=true]{color:#f1d598;background:linear-gradient(#0000,#97703822);border-bottom-color:#cba352}.social-tabs i{background:#ffb352;border-radius:50%;width:5px;height:5px;margin-left:5px;display:inline-block}.social-content{overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#625234 transparent;flex:1;min-height:0;padding:12px 0;overflow:auto}.social-empty{text-align:center;flex-direction:column;align-items:center;gap:12px;padding:14px 8px;display:flex}.social-empty>span{color:#b89c63;outline-offset:-9px;background:radial-gradient(#79704420,#0000);border:1px solid #6b5e3d;border-radius:50%;outline:1px solid #423c2b;place-items:center;width:90px;height:90px;font-size:44px;display:grid;box-shadow:0 0 30px #8f783615}.social-empty h3,.social-add h3{color:#e3ce9d;margin:0;font:18px Georgia,serif}.social-empty p,.social-add p{color:#adb2ac;margin:0;font-size:12px;line-height:1.65}.social-panel button{transition:filter .2s,border-color .2s}.social-panel button:not(:disabled):hover{filter:brightness(1.18)}.social-panel button:disabled{opacity:.5;cursor:not-allowed}.social-primary,.social-empty button,.social-add form button{color:#f1d69d;background:linear-gradient(#51402a,#241e16);border:1px solid #987747;width:100%;min-height:42px;padding:10px;font-size:12px;box-shadow:inset 0 0 0 2px #161613}.social-footer{color:#898e86;border-top:1px solid #64513555;flex-shrink:0;padding-top:12px;font-size:10px;line-height:1.5}.social-add{gap:14px;display:grid}.social-add form{gap:9px;display:grid}.social-add label{color:#c8c3b2;font-size:11px}.social-panel input{color:#efe4cf;background:#03090e;border:1px solid #5c5038;border-radius:3px;width:100%;min-width:0;padding:11px;font-size:13px}.social-own-code{text-align:center;background:#0003;border:1px solid #5e513344;gap:8px;padding:12px;display:grid}.social-own-code small{color:#979788;letter-spacing:.12em;font-size:9px}.social-own-code code{letter-spacing:.12em;color:#f0d99f;-webkit-user-select:all;user-select:all;font-size:16px}.social-own-code button{color:#cfc098;background:0 0;min-height:32px;font-size:11px}.social-notice{color:#e7cb9a;overflow-wrap:anywhere;margin:8px 0;font-size:11px;line-height:1.5}.social-friend{text-align:left;color:#ddd3bb;background:linear-gradient(110deg,#8b734215,#0000);border:1px solid #6c59362b;align-items:center;gap:12px;width:100%;margin-bottom:7px;padding:12px 8px;display:flex}.social-friend>span:nth-child(2){min-width:0}.social-friend strong{overflow-wrap:anywhere;font-size:13px;display:block}.social-friend small{color:#899c92;margin-top:5px;font-size:10px;display:block}.social-avatar{color:#e7ca8e;background:#161f1d;border:1px solid #897245;flex-shrink:0;place-items:center;width:40px;height:40px;font:20px Georgia,serif;display:grid;position:relative}.social-avatar:after{content:"";background:#646969;border:2px solid #0b1212;border-radius:50%;width:8px;height:8px;position:absolute;bottom:-3px;right:-3px}.social-avatar.online:after{background:#7dbb85}.social-friend>b,.social-friend>i{color:#e7bf75;margin-left:auto;font-size:12px}.social-friend>i{font-size:24px}.social-requests{padding-bottom:12px}.social-requests h3{letter-spacing:.1em;color:#d9ba7d;font-size:10px}.social-requests>div{border-bottom:1px solid #6b5a322d;justify-content:space-between;align-items:center;gap:6px;padding:8px 0;font-size:12px;display:flex}.social-requests strong{overflow-wrap:anywhere;min-width:0}.social-requests span{display:flex}.social-requests button{color:#e3c68a;background:#69523133;padding:8px;font-size:10px}.social-feed>button{color:#c9c7bc;text-align:left;background:0 0;border-bottom:1px solid #69582c44;gap:12px;width:100%;padding:13px 6px;display:flex}.social-feed>button>span{color:#c8ac6b}.social-feed p{overflow-wrap:anywhere;margin:0 0 7px;font-size:12px;line-height:1.5}.social-feed time{color:#93978d;font-size:9px}.social-chat{color:#e7d9b8;background:#080f14;border:1px solid #a17f43;width:min(480px,100vw - 24px);height:min(610px,100dvh - 24px);padding:18px;overflow:hidden}.social-chat[open]{flex-direction:column;gap:12px;display:flex}.social-chat::backdrop{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#000b}.social-chat header{justify-content:space-between;align-items:center;display:flex}.social-chat header small{color:#aa9772;letter-spacing:.12em;font-size:9px}.social-chat h3{overflow-wrap:anywhere;margin:6px 0;font:22px Georgia,serif}.social-chat header button{color:#e6c993;background:0 0;width:44px;height:44px;font-size:28px}.social-messages{overscroll-behavior:contain;background:#0003;flex-direction:column;flex:1;gap:9px;min-height:0;padding:8px;display:flex;overflow:auto}.social-messages article{background:#202823;border:1px solid #594e3866;border-radius:6px 6px 6px 0;align-self:flex-start;max-width:88%;padding:10px 12px}.social-messages article.mine{background:#392d1d;border-color:#91764166;border-radius:6px 6px 0;align-self:flex-end}.social-messages p{white-space:pre-wrap;overflow-wrap:anywhere;margin:0 0 4px;font-size:13px;line-height:1.45}.social-messages time{color:#a3a18e;font-size:9px}.social-chat-start{color:#92998e;text-align:center;padding:18px}.social-chat form{gap:8px;display:flex}.social-chat form button{color:#fff0cc;background:#73592a;border:1px solid #bb9653;padding:10px 14px}.social-remove{color:#a99c87;background:0 0;align-self:center;min-height:30px;font-size:10px}.social-sr-only{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}.portal-cpu-choice{color:#c4b690;flex-wrap:wrap;align-items:center;gap:8px;padding:6px 0;font-size:11px;display:flex}.portal-cpu-choice>div{gap:5px;display:flex}.portal-cpu-choice button{color:#c6b27c;background:#101511;border:1px solid #756035;width:32px;height:32px}.portal-cpu-choice button[aria-pressed=true]{color:#ffe3a1;background:#483a23;border-color:#d4b16a}.portal-cpu-choice small{color:#979b8d;width:100%;font-size:9px}.portal-compact-dialog .social-panel{height:580px;max-height:calc(100dvh - 105px)}@media (width<=999px){.portal-cpu-choice{margin-top:6px}.portal-cpu-choice small{display:none}}@media (width<=599px){.social-panel input{font-size:16px}.social-chat{padding:12px}.portal-cpu-choice{justify-content:center;margin:0;padding:0}.portal-cpu-choice button{width:32px;height:28px}}@media (height<=499px){.portal-cpu-choice{margin-top:4px;padding:0}.portal-cpu-choice button{width:28px;height:26px}.social-empty>span{width:50px;height:50px;font-size:24px}}@media (prefers-reduced-motion:reduce){.social-panel button{transition:none}}.portal-lobby.is-desktop .portal-main{grid-template-rows:minmax(0,1fr)}.portal-lobby.is-desktop .portal-welcome>p,.portal-lobby.is-desktop .portal-cpu-choice small{display:none}.portal-lobby.is-desktop .portal-welcome .portal-opponents{margin-top:0}@media (width>=1000px) and (height<=900px){.portal-lobby.is-desktop .portal-actions{gap:8px}.portal-lobby.is-desktop .portal-actions .portal-action{min-height:56px;padding:9px 12px}.portal-lobby.is-desktop .guardian-shrine article{min-height:62px}.portal-lobby.is-desktop .guardian-shrine .guardian-portrait{height:58px}.portal-lobby.is-desktop .guardian-shrine{padding-top:18px;padding-bottom:16px}}.portal-lobby .social-panel{isolation:isolate;background:radial-gradient(at 50% 0,#88653223,#0000 45%),linear-gradient(145deg,#0d1518f7,#070b0ffb);border:1px solid #887044;border-radius:8px 8px 3px 3px;padding:24px 20px 18px;box-shadow:inset 0 0 0 3px #030709,inset 0 0 0 4px #75613c40,0 18px 40px #0009}.social-panel:before{opacity:.85;background:linear-gradient(90deg,#b4562b,#64b6d1,#cba34b,#6c9950);height:2px;top:0;left:18%;right:18%}.social-frame{pointer-events:none;z-index:2;position:absolute;inset:7px}.social-frame i{filter:drop-shadow(0 1px 2px #000);border:0 solid #aa8750;border-width:2px 0 0 2px;width:17px;height:17px;position:absolute}.social-frame i:first-child{top:0;left:0}.social-frame i:nth-child(2){top:0;right:0;transform:rotate(90deg)}.social-frame i:nth-child(3){bottom:0;right:0;transform:rotate(180deg)}.social-frame i:nth-child(4){bottom:0;left:0;transform:rotate(270deg)}.social-heading{border-bottom:1px solid #84693c55;gap:12px;padding:4px 0 17px}.social-heading>div{min-width:0}.social-heading h2{letter-spacing:.025em;margin-top:6px;font-size:clamp(15px,1.2vw,21px);line-height:1.25}.social-heading small{color:#a99c7f;letter-spacing:.16em;font-size:9px}.social-sigil{color:#e9ca8a;clip-path:polygon(0 0,100% 0,100% 75%,50% 100%,0 75%);background:linear-gradient(145deg,#51422a,#151916);border:1px solid #927443;flex-shrink:0;place-items:center;width:42px;height:48px;display:grid}.social-sigil svg{width:26px;height:26px}.social-summary{flex-wrap:wrap;gap:8px;padding:13px 0}.social-summary>span{background:#03090b80;border:1px solid #6f684234;border-radius:3px;align-items:center;gap:7px;padding:6px 10px;font-size:11px;display:flex}.social-summary strong{color:#e3d2a9;font-size:14px}.social-summary>span:first-child:before{content:"";background:#7c9b71;border-radius:50%;width:5px;height:5px}.social-tabs{background:#02070a99;border:1px solid #7c653747;border-radius:5px;gap:4px;padding:4px}.social-tabs button{color:#aeb5b4;border:1px solid #0000;border-radius:3px;flex-direction:column;justify-content:center;align-items:center;gap:6px;min-height:56px;padding:9px 3px;display:flex}.social-tabs svg{width:18px;height:18px}.social-tabs button[aria-pressed=true]{color:#ffe1a0;background:linear-gradient(155deg,#87623345,#32271950);border-color:#98774388;box-shadow:inset 0 1px #d5b17033}.social-tabs i{position:absolute;top:8px;right:8px}.social-content{flex-direction:column;padding:14px 0;display:flex}.social-content>.social-friends,.social-content>.social-feed{flex:1}:is(.social-content:has(>.social-empty),.social-content:has(.social-friends>.social-empty:only-child),.social-content:has(.social-feed>.social-empty:only-child)){justify-content:center}:is(.social-friends:has(>.social-empty:only-child),.social-feed:has(>.social-empty:only-child)){flex-direction:column;justify-content:center;display:flex}.social-empty{gap:14px;padding:12px 6px 20px}.social-alliance-seal{aspect-ratio:1;mix-blend-mode:screen;flex-shrink:0;width:clamp(160px,27vh,260px);max-width:90%;position:relative}.social-alliance-seal img{object-fit:contain;width:100%;height:100%;animation:6s ease-in-out infinite alternate alliance-light;display:block;-webkit-mask-image:radial-gradient(#000 50%,#0000 73%);mask-image:radial-gradient(#000 50%,#0000 73%)}.social-empty h3{color:#f0d9a5;text-wrap:balance;max-width:290px;font-size:clamp(18px,1.3vw,23px);line-height:1.25}.social-empty p{color:#b3bbb9;text-wrap:pretty;max-width:285px;font-size:12px;line-height:1.7}.social-panel .social-primary,.social-panel .social-empty button,.social-add form button{color:#f5dfb1;background:linear-gradient(130deg,#594325,#211f17 75%);border:1px solid #b18b4d;border-radius:3px;min-height:46px;margin-top:5px;font-size:12px;font-weight:700;box-shadow:inset 0 0 0 2px #090d0b,inset 0 0 16px #bb934519,0 4px 10px #0006}.social-panel button:focus-visible{outline-offset:2px;outline:2px solid #f0ce85}.social-footer{text-align:center;color:#929b97;border-image:linear-gradient(90deg,#0000,#a5804644,#0000) 1;padding:14px 7px 0;font-size:10px}.social-add{gap:16px;padding:9px 4px}.social-add h3{font-size:21px}.social-add p{color:#b3bbb9}.social-own-code{background:linear-gradient(120deg,#6454321a,#080e12);border:1px dashed #8d774867;border-radius:4px;padding:17px 12px}.social-friend{background:linear-gradient(110deg,#67543626,#07101766);border:1px solid #7966444a;border-radius:5px;padding:13px 10px}.social-avatar{background:radial-gradient(at top,#514731,#0b191c);border-radius:7px;box-shadow:inset 0 0 0 3px #0a0e0d}.social-friend small{color:#a2b5aa}.social-feed>button{background:linear-gradient(135deg,#67543620,#08101680);border:1px solid #69583255;border-radius:5px;margin-bottom:9px;padding:14px 10px}.social-feed>button>span{background:#322c1c66;border:1px solid #876d3e66;border-radius:50%;flex-shrink:0;place-items:center;width:26px;height:26px;display:grid}.social-requests{background:#83612915;border:1px solid #83612955;border-radius:4px;margin-bottom:12px;padding:10px}.social-requests h3{margin-top:0}.social-chat{background:radial-gradient(at top,#77552c25,#0000 55%),#080f14;border:1px solid #a17f43;border-radius:6px;box-shadow:inset 0 0 0 3px #03070b,0 20px 80px #000b}@keyframes alliance-light{0%{filter:brightness(.85)}to{filter:brightness(1.12)}}@media (width<=1199px){.portal-lobby .social-panel{padding:19px 14px 14px}.social-heading{gap:8px}.social-sigil{width:32px;height:39px}.social-heading small{font-size:8px}.social-summary>span{padding:5px 7px}}@media (width<=599px),(height<=699px){.social-alliance-seal{width:125px}.social-empty{gap:10px;padding-block:8px 14px}.social-empty h3{font-size:18px}.social-tabs button{min-height:48px;padding-block:6px}}@media (prefers-reduced-motion:reduce){.social-alliance-seal img{animation:none}}:root{color:#f8f8f4;font-synthesis:none;text-rendering:optimizelegibility;--safe-bottom:env(safe-area-inset-bottom,0px);background:#050812;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html,body,#root{width:100%;min-width:320px;height:100%;margin:0;overflow-x:hidden}body{overflow:hidden auto}button,input{font:inherit}button{cursor:pointer;border:0}.game-shell{background:radial-gradient(circle at 18% 15%,#1e58ff6b,#0000 23rem),radial-gradient(circle at 78% 24%,#ff1f2d75,#0000 26rem),linear-gradient(145deg,#050812 0%,#0b1429 44%,#28040a 100%);flex-direction:column;width:100%;height:100svh;display:flex;position:relative;overflow:hidden}.screen-auth .brand-rail{display:none}.game-shell.screen-devtools .brand-rail{min-height:56px;padding-top:6px}.game-shell.screen-devtools .brand-logo{width:min(24vw,150px)}.game-shell:before{content:"";pointer-events:none;background:linear-gradient(115deg,#0000 0 46%,#ff1f2d33 47% 49%,#0000 50%),radial-gradient(circle,#ffffff14,#0000 36rem);position:absolute;inset:-12%;transform:rotate(-6deg)}.brand-rail{z-index:4;justify-content:space-between;align-items:center;min-height:86px;padding:12px clamp(14px,4vw,36px) 0;display:flex}.brand-logo{filter:drop-shadow(0 18px 24px #00000075);width:min(46vw,260px);height:auto}.match-code{color:#ffc61a;background:#040812c2;border:1px solid #ffffff38;border-radius:999px;min-height:38px;padding:9px 14px;font-size:.78rem;font-weight:950;box-shadow:0 12px 28px #0000004d}.entry-stage{z-index:2;isolation:isolate;flex:1;place-items:center;width:100%;height:100%;min-height:0;padding:clamp(18px,4svh,34px) clamp(12px,4vw,36px) clamp(10px,3svh,18px);display:grid;position:relative}.scene-bg{z-index:0;pointer-events:none;position:absolute;inset:0;overflow:hidden}.scene-bg img{object-fit:cover;object-position:center;opacity:.24;filter:saturate(.82)contrast(1.05)brightness(.58);width:100%;height:100%;position:absolute;inset:0}.scene-bg:before{z-index:1;content:"";opacity:.98;mix-blend-mode:normal;transform-origin:50%;background-image:url(/assets/ui/elemental-arena-quadrants.webp);background-position:50%;background-size:cover;animation:7.5s ease-in-out infinite alternate elementalBreath;position:absolute;inset:-2.5%}.scene-bg:after{z-index:2;content:"";background:radial-gradient(28% 42% at 50% 52%,#03050cad,#03050c4d 46%,#0000 70%),radial-gradient(78% 78%,#0000 0 58%,#03050c57 82%,#03050c8a),radial-gradient(circle at 18% 18%,#ff53141f,#0000 24rem),radial-gradient(circle at 82% 16%,#56beff24,#0000 25rem),radial-gradient(circle at 18% 83%,#b9c4b71c,#0000 22rem),radial-gradient(circle at 82% 82%,#ffc61a24,#0000 24rem),linear-gradient(#03050c1f,#03050c03 44%,#03050c57);animation:7.5s ease-in-out infinite alternate arenaLightSweep;position:absolute;inset:0}.login-elemental-overlays{z-index:1;pointer-events:none;position:absolute;inset:0;overflow:hidden}.login-elemental-overlays:before,.login-elemental-overlays:after{z-index:5;content:"";pointer-events:none;position:absolute;inset:0}.login-elemental-overlays:before{background:radial-gradient(34% 48%,#02040ac7,#02040a75 46%,#0000 68%),radial-gradient(circle at 49% 46%,#ffffff0d,#0000 18rem),linear-gradient(90deg,#05081214,#0000 28% 72%,#05081214)}.login-elemental-overlays:after{opacity:.44;mix-blend-mode:screen;background:linear-gradient(115deg,#0000 0 30%,#ffffff0b 31%,#0000 32% 100%),radial-gradient(circle at 47% 19%,#ffffff1f,#0000 14rem),radial-gradient(circle at 52% 76%,#ffc61a14,#0000 18rem);animation:9s ease-in-out infinite alternate atmosphericDrift}.vfx-layer{pointer-events:none;-webkit-user-select:none;user-select:none;will-change:transform, opacity, filter;max-width:none;position:absolute}.elemental-zone{pointer-events:none;position:absolute;inset:0}.elemental-zone:before{content:"";pointer-events:none;position:absolute}.elemental-zone-fire:before{filter:blur(16px);mix-blend-mode:screen;background:radial-gradient(at 38% 38%,#ff7d1861,#ff231229 42%,#0000 72%);width:min(54vw,780px);height:min(44vh,430px);animation:2.2s ease-in-out infinite alternate heatPulse;top:-8vh;left:-7vw}.elemental-zone-water:before{filter:blur(18px);mix-blend-mode:screen;background:radial-gradient(at 56% 42%,#73dcff33,#146cb22e 46%,#0000 76%);width:min(56vw,840px);height:min(45vh,460px);animation:3.4s ease-in-out infinite alternate waterSurge;top:-5vh;right:-4vw}.elemental-zone-lightning{opacity:.72}.elemental-zone-lightning:before{filter:blur(13px);mix-blend-mode:screen;opacity:.22;background:radial-gradient(at 58% 62%,#ffe77947,#4599ff29 34%,#0000 72%);width:min(44vw,620px);height:min(42vh,420px);bottom:-2vh;right:2vw}.elemental-zone-stone:before{filter:blur(15px);mix-blend-mode:screen;background:radial-gradient(at 36% 58%,#f0d5a624,#685b4e2e 44%,#0000 78%);width:min(52vw,760px);height:min(44vh,430px);animation:4.2s ease-in-out infinite alternate dustBreath;bottom:-8vh;left:-8vw}.vfx-fire{opacity:.76;filter:saturate(1.18)contrast(1.05);mix-blend-mode:screen;width:min(76vw,1080px);top:-18vh;left:-18vw;-webkit-mask-image:radial-gradient(62% 58% at 36% 32%,#000 0 48%,#00000057 66%,#0000 86%);mask-image:radial-gradient(62% 58% at 36% 32%,#000 0 48%,#00000057 66%,#0000 86%)}.vfx-water{opacity:.74;filter:saturate(1.15)contrast(1.04);mix-blend-mode:screen;clip-path:polygon(28% 0,100% 0,100% 74%,65% 72%,48% 52%,30% 28%);width:min(76vw,1080px);top:-18vh;right:-23vw;-webkit-mask-image:radial-gradient(62% 50% at 80% 28%,#000 0 52%,#00000052 68%,#0000 86%);mask-image:radial-gradient(62% 50% at 80% 28%,#000 0 52%,#00000052 68%,#0000 86%)}.vfx-lightning{opacity:.76;filter:saturate(1.18)contrast(1.08)brightness(1.08);mix-blend-mode:screen;clip-path:polygon(30% 18%,100% 0,100% 100%,28% 100%,40% 66%,24% 38%);width:min(78vw,1120px);bottom:-17vh;right:-20vw;-webkit-mask-image:radial-gradient(64% 58% at 78% 70%,#000 0 52%,#00000047 70%,#0000 88%);mask-image:radial-gradient(64% 58% at 78% 70%,#000 0 52%,#00000047 70%,#0000 88%)}.vfx-stone{opacity:.72;filter:saturate(1.02)contrast(1.04)brightness(.94);mix-blend-mode:screen;clip-path:polygon(0 24%,76% 38%,100% 72%,100% 100%,0 100%);width:min(78vw,1120px);bottom:-18vh;left:-24vw;-webkit-mask-image:radial-gradient(74% 58% at 34% 76%,#000 0 54%,#00000047 74%,#0000 92%);mask-image:radial-gradient(74% 58% at 34% 76%,#000 0 54%,#00000047 74%,#0000 92%)}@keyframes elementalBreath{0%{opacity:.64;filter:saturate(1.05)contrast(1.06);transform:translate(-.6%,-.4%)scale(1.01)}42%{opacity:.8;filter:saturate(1.18)contrast(1.12);transform:translate(.35%,.2%)scale(1.028)}to{opacity:.72;filter:saturate(1.1)contrast(1.08);transform:translate(.7%,-.25%)scale(1.018)}}@keyframes arenaLightSweep{0%{opacity:.96;filter:brightness(.98)}to{opacity:1;filter:brightness(1.12)}}@keyframes atmosphericDrift{0%{opacity:.32;transform:translate(-.4%,-.2%)scale(1)}to{opacity:.5;transform:translate(.5%,.3%)scale(1.018)}}@keyframes heatPulse{0%{opacity:.52;transform:translate(-1.2%,.4%)scale(.98)}to{opacity:.86;transform:translate(1.6%,-1.1%)scale(1.06)}}@keyframes waterSurge{0%{opacity:.48;transform:translate(1.4%,-.8%)scale(.98)}to{opacity:.78;transform:translate(-1.6%,1.1%)scale(1.05)}}@keyframes dustBreath{0%{opacity:.34;transform:translate(.5%,.2%)scale(1)}to{opacity:.62;transform:translate(-.7%,-.4%)scale(1.035)}}@media (width<=720px){.vfx-fire{opacity:.68;width:132vw;top:-10vh;left:-36vw}.vfx-water{opacity:.68;width:136vw;top:-8vh;right:-46vw}.vfx-lightning{opacity:.6;width:138vw;bottom:-8vh;right:-52vw}.vfx-stone{opacity:.58;width:140vw;bottom:-8vh;left:-48vw}}.entry-form{z-index:3;-webkit-backdrop-filter:blur(22px)saturate(1.28);backdrop-filter:blur(22px)saturate(1.28);background:linear-gradient(138deg,#ffffff21,#0000 24%),radial-gradient(circle at 9% 18%,#ff1f2d33,#0000 14rem),radial-gradient(circle at 90% 20%,#1e58ff47,#0000 15rem),radial-gradient(circle at 50% 112%,#ffc61a1f,#0000 15rem),linear-gradient(115deg,#2b0b11b8,#050812c2 48%,#071539bd),#02050d94;border:1px solid #badaff38;border-radius:22px;gap:10px;width:min(100%,500px);max-height:calc(100svh - 42px);padding:clamp(14px,1.7vw,20px) clamp(20px,2.4vw,30px) clamp(16px,2vw,24px);display:grid;position:relative;overflow:visible;box-shadow:0 34px 130px #000000c7,0 0 52px #03050cdb,0 0 34px #1e58ff2e,0 0 26px #ff1f2d1f,inset 0 1px #fff3,inset 0 -22px 58px #0000003d}.entry-form>:not(.entry-glass-canvas){z-index:1;position:relative}.entry-glass-canvas{z-index:0;border-radius:inherit;opacity:.88;pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.entry-form:before{z-index:-1;border-radius:inherit;content:"";opacity:.68;filter:blur(.2px);background:linear-gradient(118deg,#ff1f2db8,#ffc61a24 39%,#1e58ffb3),radial-gradient(circle,#0000 0 55%,#ffffff42);position:absolute;inset:-2px}.entry-form:after{z-index:-1;content:"";border:1px dashed #ffffff1a;border-radius:11px;position:absolute;inset:9px}.entry-brand-logo{filter:drop-shadow(0 22px 28px #0000009e)drop-shadow(0 0 18px #ff1f2d2e)drop-shadow(0 0 16px #1e58ff1f);justify-self:center;width:clamp(140px,14vw,190px);margin:clamp(-34px,-3vw,-22px) 0 -7px}.entry-copy{text-align:center;gap:8px;margin:0 0 4px;padding:6px 0 4px;display:grid;position:relative}.entry-copy:before{z-index:-1;content:"";filter:blur(10px);opacity:.9;background:radial-gradient(#ffffff14,#0000 55%),linear-gradient(90deg,#0000,#1e58ff1f,#ff1f2d1a,#0000);border-radius:999px;position:absolute;inset:18% 5% 4%}.status-line{color:#07101f;text-transform:uppercase;background:linear-gradient(#ffd84b,#ffc61a 58%,#d88b00);border-radius:999px;justify-self:center;min-height:30px;padding:7px 14px;font-size:.74rem;font-weight:950;box-shadow:0 8px 20px #ffc61a2e,inset 0 1px #ffffff70}.entry-copy h1,.menu-header h1{color:#fff;text-shadow:0 5px #061124,0 12px 26px #0000005c;margin:0;font-size:clamp(1.85rem,7.2vw,4rem);line-height:.92}.entry-copy h1{text-transform:uppercase;letter-spacing:0;text-shadow:0 2px #000000b8,0 0 18px #ffffff1a,-2px 0 12px #ff1f2d61,2px 0 12px #1e58ff57,0 14px 28px #0000009e;font-family:Arial Black,Impact,sans-serif;font-size:clamp(1.72rem,3.15vw,2.72rem);line-height:.9}.entry-copy p,.instructions-panel p{color:#e8efffe0;margin:0;font-size:.86rem;line-height:1.42}label{color:#f8f8f4;text-shadow:0 2px 10px #00000094;gap:5px;font-size:.8rem;font-weight:900;display:grid}input{color:#fff;background:linear-gradient(90deg,#ffffff13,#ffffff06),linear-gradient(135deg,#ff1f2d14,#1e58ff12),#03050cb3;border:1px solid #ffffff2b;border-radius:10px;outline:none;width:100%;min-height:46px;padding:0 16px;font-weight:850;transition:border-color .16s,background .16s,box-shadow .16s,transform .16s;box-shadow:inset 0 1px #ffffff14,inset 0 -12px 22px #0000002e}input:hover{background:linear-gradient(90deg,#ffffff1a,#ffffff09),#03050cb8;border-color:#ffffff4d}input:focus{border-color:#ffc61a;transform:translateY(-1px);box-shadow:0 0 0 3px #ffc61a24,0 0 24px #ffc61a1f,inset 0 1px #ffffff1a}.form-error{color:#ffc61a;text-align:center;margin:0;font-size:.84rem;font-weight:850}.primary-action,.secondary-action,.call-action,.google-action,.icon-button{color:#fff;border-radius:10px;min-height:50px;font-size:.98rem;font-weight:950;transition:transform .16s,filter .16s,box-shadow .16s,border-color .16s}.primary-action:hover,.secondary-action:hover,.call-action:hover,.google-action:hover,.icon-button:hover{filter:brightness(1.08);transform:translateY(-1px)}.primary-action{background:linear-gradient(135deg,#ffffff3d,#0000 32%),linear-gradient(90deg,#ffc61a26,#0000 22% 78%,#1e58ff24),linear-gradient(160deg,#ff3341 0%,#ff1021 44%,#a70612 100%);border:1px solid #ffffff59;box-shadow:0 14px 30px #ff1f2d59,0 0 26px #ff1f2d29,inset 0 1px #ffffff47,inset 0 -4px #00000047}.primary-action:hover{border-color:#ffffff80;box-shadow:0 18px 36px #ff1f2d6b,0 0 34px #ff1f2d38,inset 0 1px #ffffff52,inset 0 -4px #00000047}.primary-action:active{transform:translateY(1px);box-shadow:0 8px 18px #ff1f2d42,inset 0 2px 8px #00000047}.secondary-action{background:linear-gradient(160deg,#1e58ff,#071f89);border:1px solid #ffffff2e}.call-action{color:#07101f;background:linear-gradient(160deg,#ffc61a,#ff8d00)}.google-action{color:#ffffff7a;background:linear-gradient(90deg,#ffffff0e,#ffffff06),#ffffff09;border:1px solid #ffffff29;box-shadow:inset 0 1px #ffffff0f}.google-action:disabled{cursor:not-allowed;filter:none;transform:none}.menu-stage,.game-stage,.rules-stage{z-index:2;background:linear-gradient(135deg,#ffffff14,#0000 32%),#050912ad;border:1px solid #ffffff26;border-radius:8px;flex:1;min-height:0;margin:0 12px 12px;position:relative;overflow:hidden}.rules-stage{background:linear-gradient(135deg,#ffc61a1f,#0000 30%),radial-gradient(circle at 85% 12%,#ff1f2d38,#0000 13rem),radial-gradient(circle at 12% 80%,#1e58ff42,#0000 14rem),#050912bd;grid-template-rows:auto minmax(0,1fr) auto;gap:clamp(12px,2svh,18px);padding:clamp(16px,4vw,36px);display:grid;overflow-y:auto}.rules-hero{gap:8px;max-width:740px;display:grid}.rules-hero .status-line{justify-self:start}.rules-hero h1{color:#fff;text-shadow:0 5px #061124,0 12px 26px #0000005c;margin:0;font-size:clamp(2rem,7vw,4.1rem);line-height:.92}.rules-hero p{color:#c8d2e5;max-width:38rem;margin:0;font-size:.96rem;line-height:1.42}.rules-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;min-height:0;display:grid}.rule-card{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:linear-gradient(135deg,#ffffff14,#0000 42%),#070b14cc;border:1px solid #ffffff29;border-radius:8px;align-content:start;gap:7px;min-height:132px;padding:13px;display:grid;box-shadow:0 16px 38px #00000047}.rule-card-main{background:linear-gradient(135deg,#ffc61a38,#0000 48%),#070b14db;border-color:#ffc61a73}.danger-rule{background:linear-gradient(135deg,#ff1f2d2e,#0000 48%),#070b14d6;border-color:#ff1f2d6b}.rule-card span{color:#07101f;text-transform:uppercase;background:#ffc61a;border-radius:999px;width:fit-content;padding:5px 9px;font-size:.66rem;font-weight:950}.rule-card strong{color:#fff;text-shadow:0 2px #06112494;font-size:clamp(1rem,2.6vw,1.22rem);line-height:1.08}.rule-card p{color:#c8d2e5;margin:0;font-size:.84rem;line-height:1.35}.rules-actions{grid-template-columns:minmax(0,1fr) minmax(0,.8fr);gap:8px;display:grid}.devtools-stage{z-index:2;background:linear-gradient(135deg,#15b8a629,#0000 36%),linear-gradient(160deg,#070b14f0,#0a1120f5);border:1px solid #ffffff26;border-radius:8px;flex:1;grid-template-rows:auto minmax(0,1fr);min-height:0;margin:0 12px 12px;display:grid;position:relative;overflow:hidden}.devtools-header{border-bottom:1px solid #ffffff21;justify-content:space-between;align-items:center;gap:14px;padding:10px 16px;display:flex}.devtools-header>div{gap:8px;display:grid}.devtools-header .status-line{justify-self:start}.devtools-header h1{color:#fff;text-shadow:0 4px #061124,0 14px 28px #00000061;margin:0;font-size:1.55rem;line-height:1}.devtools-header-actions{justify-content:end;align-items:center;gap:8px;display:flex}.devtools-header-actions .primary-action,.devtools-header-actions .secondary-action{min-width:132px;min-height:44px;padding:0 14px;font-size:.82rem}.devtools-header-actions .turn-direction-action{background:linear-gradient(#ffc61a2e,#15b8a61a),#060c18e6;border-color:#ffc61a8f}.devtools-header-actions .turn-next-action{background:linear-gradient(#12c8b233,#5080ff1a),#060c18e6;border-color:#12c8b29e;min-width:108px}.devtools-header-actions .devtools-mode-switch{background:linear-gradient(135deg,#ffffff14,#0000 44%),#040812db;border:1px solid #ffffff24;border-radius:8px;align-items:center;gap:3px;min-height:40px;padding:3px;display:inline-flex;box-shadow:0 12px 28px #00000042,inset 0 1px #ffffff14}.devtools-header-actions .devtools-mode-option,.devtools-header-actions .devtools-toolbar-action{color:#dce7f6;letter-spacing:0;text-transform:uppercase;background:linear-gradient(#ffffff13,#ffffff05),#060c18e0;border:1px solid #acbcd82e;border-radius:6px;min-height:34px;padding:0 12px;font-size:.69rem;font-weight:950;transition:transform .15s,filter .15s,border-color .15s,box-shadow .15s,background .15s;box-shadow:inset 0 1px #ffffff14,0 8px 18px #0000002e}.devtools-header-actions .devtools-mode-option{min-width:80px}.devtools-header-actions .devtools-toolbar-action{min-width:92px}.devtools-header-actions .devtools-mode-option:hover,.devtools-header-actions .devtools-toolbar-action:hover{filter:brightness(1.08);transform:translateY(-1px)}.devtools-header-actions .devtools-mode-option:active,.devtools-header-actions .devtools-toolbar-action:active{transform:translateY(1px)}.devtools-header-actions .devtools-mode-option.is-active{color:#08101e;background:linear-gradient(#ffdf55,#ffc61a);border-color:#ffc61ae0;box-shadow:0 0 18px #ffc61a42,inset 0 1px #ffffff6b}.devtools-header-actions .devtools-toolbar-action.is-active{color:#fff;background:linear-gradient(135deg,#ffffff2e,#0000 36%),linear-gradient(160deg,#ff3d4a 0%,#d51222 100%);border-color:#ff4654c7;box-shadow:0 12px 28px #ff1f2d47,inset 0 1px #ffffff3d}.devtools-header-actions .devtools-toolbar-action.turn-direction-action{background:linear-gradient(#ffc61a2e,#15b8a61a),#060c18e6;border-color:#ffc61a85;min-width:108px}.devtools-header-actions .devtools-toolbar-action.turn-next-action{background:linear-gradient(#12c8b233,#5080ff1a),#060c18e6;border-color:#12c8b29e;min-width:84px}.devtools-workspace{grid-template-columns:minmax(0,1fr) minmax(292px,360px);gap:12px;min-height:0;padding:clamp(10px,2vw,16px);display:grid;overflow:hidden}.arena-canvas-panel,.arena-blueprint-panel,.arena-devtools-inspector{background:#03060eb8;border:1px solid #ffffff24;border-radius:8px;min-width:0;min-height:0;box-shadow:inset 0 1px #ffffff0d,0 18px 44px #00000047}.arena-canvas-panel{display:grid;overflow:hidden}.arena-skeleton-host{background:#040712;min-width:0;min-height:0;position:relative;overflow:hidden}.arena-skeleton-host canvas{width:100%;height:100%;image-rendering:pixelated;display:block}.arena-blueprint-panel{grid-template-rows:auto minmax(0,1fr);display:grid;overflow:hidden}.arena-blueprint-toolbar{color:#fff;background:#ffffff0b;justify-content:space-between;align-items:center;gap:10px;min-height:48px;padding:10px 12px;display:flex}.arena-blueprint-toolbar strong,.arena-blueprint-toolbar span{font-size:.82rem;font-weight:950}.arena-blueprint-toolbar span{color:#8ee6d8;text-transform:uppercase}.arena-blueprint-frame{align-items:center;min-height:0;padding:10px;display:grid;overflow:auto}.arena-blueprint-map{aspect-ratio:16/9;background:#060915;border:1px solid #ffffff2e;border-radius:8px;width:100%;min-width:760px;height:auto;overflow:visible}.arena-map-bg{fill:#050812}.arena-grid-line{stroke:#ffffff1a;stroke-width:1px}.arena-grid-label{fill:#ffffff61;font-family:Segoe UI,Arial,sans-serif;font-size:18px;font-weight:800}.arena-region rect{fill-opacity:.18;stroke-width:3px}.arena-region text,.arena-point text{fill:#fff;paint-order:stroke;stroke:#050812db;stroke-width:5px;font-family:Segoe UI,Arial,sans-serif;font-size:24px;font-weight:950}.arena-region .arena-region-meta,.arena-point .arena-point-meta{fill:#ffffffbd;font-size:18px;font-weight:800}.arena-point circle{stroke:#fff;stroke-width:4px}.arena-point line{stroke:#fff;stroke-linecap:round;stroke-width:3px}.tone-neutral rect,.tone-neutral circle{fill:#8aa0b8;stroke:#c8d2e5}.tone-fire rect,.tone-fire circle{fill:#ff3341;stroke:#ff9a57}.tone-water rect,.tone-water circle{fill:#1e96ff;stroke:#8ee6ff}.tone-lightning rect,.tone-lightning circle{fill:#ffd43a;stroke:#fff0a3}.tone-stone rect,.tone-stone circle{fill:#7dbf56;stroke:#c9f39d}.tone-cards rect,.tone-cards circle{fill:#a978ff;stroke:#e0c9ff}.tone-ui rect,.tone-ui circle{fill:#15b8a6;stroke:#a9fff2}.arena-devtools-inspector{flex-direction:column;gap:12px;padding:12px;display:flex;overflow:auto}.arena-inspector-section{flex:none;align-content:start;gap:9px;min-height:max-content;display:grid}.arena-inspector-section h2{color:#fff;text-transform:uppercase;margin:0;font-size:.9rem;font-weight:950}.arena-layer-list,.arena-point-list{gap:8px;display:grid}.arena-tuning-section{border-bottom:1px solid #ffffff1a;padding-bottom:10px}.arena-podium-selector{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;display:grid}.arena-skin-character-group{gap:7px;display:grid}.arena-skin-character-group+.arena-skin-character-group{margin-top:10px}.arena-skin-character-group>strong{color:#dbe7f7;letter-spacing:0;text-transform:uppercase;font-size:.72rem}.arena-podium-selector button,.arena-tuning-copy,.arena-tuning-reset{color:#dbe7f7;background:#ffffff0e;border:1px solid #ffffff24;border-radius:8px;min-height:32px;font-family:Arial Black,Impact,sans-serif;font-size:.68rem;font-weight:900}.arena-podium-selector button.is-active{color:#fff;background:linear-gradient(90deg,#15b8a63d,#1e58ff1f),#ffffff14;border-color:#8ee6d8a8}.arena-podium-selector button:disabled{cursor:not-allowed;opacity:.46}.arena-tuning-panel{gap:8px;display:grid}.arena-toggle-row,.arena-tuning-range{background:#ffffff0a;border:1px solid #ffffff1a;border-radius:8px;align-items:center;gap:7px;min-height:32px;padding:7px 8px;display:grid}.arena-toggle-row{color:#fff;grid-template-columns:auto minmax(0,1fr);font-size:.74rem;font-weight:900}.arena-toggle-row input{accent-color:#15b8a6;width:18px;height:18px}.arena-tuning-range{grid-template-columns:minmax(86px,.84fr) minmax(90px,1fr) 58px}.arena-tuning-range span{color:#c8d2e5;text-overflow:ellipsis;white-space:nowrap;font-size:.7rem;font-weight:850;overflow:hidden}.arena-tuning-range input{accent-color:#15b8a6;width:100%}.arena-tuning-number{color:#fff;text-align:right;background:#03060ebd;border:1px solid #ffffff21;border-radius:6px;min-width:0;height:26px;padding:0 6px;font-family:Arial Black,Impact,sans-serif;font-size:.66rem;font-weight:900}.arena-tuning-number:focus{border-color:#8ee6d8a8;outline:none}.arena-tuning-divider{color:#8ee6d8;text-transform:uppercase;border-top:1px solid #8ee6d82e;margin-top:4px;padding-top:8px;font-size:.66rem;font-weight:950}.arena-tuning-copy,.arena-tuning-reset{color:#fff;margin-top:2px}.arena-tuning-copy{background:#15b8a638}.arena-tuning-reset{background:#ff1f2d38}.arena-tuning-json{resize:vertical;color:#c8d2e5;background:#03060eb8;border:1px solid #8ee6d82e;border-radius:8px;width:100%;min-height:88px;padding:8px;font-family:Cascadia Mono,Consolas,monospace;font-size:.66rem;line-height:1.34}.arena-layer-row,.arena-point-row{background:#ffffff0b;border:1px solid #ffffff21;border-radius:8px;gap:5px;padding:9px;display:grid}.arena-layer-row{width:100%;color:inherit;text-align:left}.arena-layer-row.is-active{background:linear-gradient(90deg,#15b8a629,#0000),#ffffff0e;border-color:#8ee6d885}.arena-layer-row:not(.is-active){opacity:.5}.arena-layer-row strong,.arena-point-row strong{color:#fff;font-size:.8rem;font-weight:950}.arena-layer-row span,.arena-point-row span{color:#c8d2e5;font-size:.74rem;line-height:1.36}.arena-point-row{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px}.arena-metric-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.arena-metric-grid article{background:#ffffff0b;border:1px solid #ffffff21;border-radius:8px;gap:4px;padding:9px;display:grid}.arena-metric-grid span{color:#c8d2e5;font-size:.72rem;font-weight:850}.arena-metric-grid strong{color:#fff;font-size:.9rem;font-weight:950}.devtools-stage{background:#040712;border:0;border-radius:0;flex:1;width:100%;min-height:0;margin:0;display:block}.devtools-stage:after{z-index:2;content:"";pointer-events:none;background:linear-gradient(#00000075,#0000 23% 72%,#0000007a),radial-gradient(circle at 18% 20%,#15b8a629,#0000 18rem),radial-gradient(circle at 78% 18%,#ff1f2d29,#0000 20rem);position:absolute;inset:0}.devtools-stage.is-simulation:after{background:linear-gradient(#0000003d,#0000 18% 78%,#00000057)}.devtools-stage .arena-canvas-panel{box-shadow:none;background:#040712;border:0;border-radius:0;display:block;position:absolute;inset:0;overflow:hidden}.devtools-stage .arena-skeleton-host{width:100%;height:100%;min-height:100%}.devtools-stage .devtools-header{z-index:6;pointer-events:none;border:0;justify-content:space-between;align-items:flex-start;gap:12px;padding:0;display:flex;position:absolute;top:14px;left:14px;right:14px}.devtools-title{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);pointer-events:auto;background:#040812ad;border:1px solid #ffffff1f;border-radius:8px;gap:8px;max-width:min(420px,42vw);padding:12px;display:grid;box-shadow:0 20px 44px #00000052}.devtools-stage.is-simulation .devtools-title{opacity:.18;transform:translateY(-6px)}.devtools-stage.is-simulation .devtools-title:hover{opacity:1;transform:none}.devtools-title .status-line{justify-self:start}.devtools-title h1{color:#fff;text-shadow:0 4px #061124,0 14px 28px #00000061;margin:0;font-size:clamp(1.2rem,2.4vw,2rem);line-height:1}.devtools-stage .devtools-header-actions{pointer-events:auto;flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px;max-width:min(1040px,72vw);display:flex}.devtools-stage .devtools-header-actions .primary-action,.devtools-stage .devtools-header-actions .secondary-action{border-radius:8px;min-width:132px;min-height:40px;padding:0 14px;font-size:.78rem}.devtools-stage.is-simulation .devtools-header-actions{max-width:min(760px,78vw)}.action-test-drop{background:linear-gradient(135deg,#ffffff3d,#0000 32%),linear-gradient(160deg,#ff3341 0%,#ff1021 44%,#a70612 100%)}.devtools-stage .arena-devtools-inspector{z-index:5;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#03060ed1;border-color:#8ee6d847;width:min(360px,100vw - 28px);position:absolute;top:78px;bottom:14px;right:14px}.devtools-workspace{display:contents}.menu-stage{grid-template-rows:auto minmax(0,1fr) auto;gap:clamp(10px,2svh,18px);padding:clamp(18px,4vw,42px);display:grid}.menu-stage:before{content:"";pointer-events:none;background:radial-gradient(circle at 18% 22%,#1e58ff61,#0000 13rem),radial-gradient(circle at 82% 18%,#ffc61a47,#0000 12rem),radial-gradient(circle at 58% 86%,#ff1f2d52,#0000 16rem);position:absolute;inset:0}.menu-orbit{z-index:1;pointer-events:none;position:absolute;inset:0;overflow:hidden}.menu-chip{aspect-ratio:.72;color:#fff;opacity:.82;text-shadow:0 3px #061124;border:4px solid #f8f8f4eb;border-radius:16px;place-items:center;width:clamp(68px,16vw,118px);font-family:Arial Black,Impact,sans-serif;font-size:clamp(1.2rem,3.6vw,2.6rem);font-weight:950;display:grid;position:absolute;box-shadow:0 24px 44px #00000057}.menu-chip-red{background:linear-gradient(145deg,#ff3444,#980511);top:9%;right:-22px;transform:rotate(16deg)}.menu-chip-blue{background:linear-gradient(145deg,#2f68ff,#071f89);bottom:16%;left:-26px;transform:rotate(-14deg)}.menu-chip-yellow{background:linear-gradient(145deg,#ffc61a,#ff7b00);bottom:-34px;right:10%;transform:rotate(8deg)}.menu-header,.menu-board,.instructions-panel,.menu-error{z-index:2;position:relative}.menu-header{justify-items:start;gap:10px;display:grid}.menu-header .status-line{justify-self:start}.menu-copy{gap:6px;display:grid}.menu-copy p{color:#c8d2e5;max-width:32rem;margin:0;font-size:.96rem;line-height:1.35}.menu-board{grid-template-columns:repeat(2,minmax(0,1fr));align-self:stretch;gap:clamp(10px,2vw,14px);min-height:0;display:grid}.action-card-cpu{background:linear-gradient(135deg,#ffffff2e,#0000 38%),linear-gradient(160deg,#1e58ff,#0b2a66);grid-column:1/-1}.cpu-count{color:#ffffffd1;background:#070b14b3;border:1px solid #ffffff24;border-radius:8px;grid-column:1/-1;justify-content:space-between;align-items:center;gap:10px;padding:8px 12px;font-size:.8rem;font-weight:850;display:flex}.cpu-count-buttons{gap:6px;display:flex}.cpu-count-btn{color:#fff;background:#ffffff0f;border:2px solid #ffffff47;border-radius:8px;width:34px;height:34px;font-family:Arial Black,Impact,sans-serif;font-weight:900}.cpu-count-btn.is-active{color:#07101f;background:#ffc61a;border-color:#ffc61a}.cpu-start-menu-button{color:#07101f;text-transform:uppercase;cursor:pointer;background:linear-gradient(135deg,#ffffff38,#0000 34%),linear-gradient(160deg,#ffd43a,#ff9d00);border:1px solid #ffffff47;border-radius:8px;grid-column:1/-1;min-height:48px;font-family:Arial Black,Impact,sans-serif;font-size:.86rem;font-weight:900;transition:transform .16s,filter .16s,box-shadow .16s;box-shadow:0 16px 34px #ffa6003d,inset 0 -4px #0000002e}.cpu-start-menu-button:hover,.cpu-start-menu-button:focus-visible{filter:brightness(1.06);outline:none;transform:translateY(-2px);box-shadow:0 20px 42px #ffa60057,inset 0 -4px #0000002e}.action-card,.room-panel,.instructions-panel{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#070b14c7;border:1px solid #ffffff29;border-radius:8px;box-shadow:0 18px 48px #00000052}.action-card{color:#fff;text-align:left;align-items:center;gap:12px;min-height:92px;padding:14px;transition:transform .16s,filter .16s,box-shadow .16s;display:flex}.action-card:hover{filter:brightness(1.06);transform:translateY(-2px);box-shadow:0 22px 52px #0000006b}.action-card-create{background:linear-gradient(135deg,#fff3,#0000 38%),linear-gradient(160deg,#ffc61a,#ff8d00)}.action-card-rules{background:linear-gradient(135deg,#ffffff29,#0000 38%),linear-gradient(160deg,#ff1f2d,#a70612)}.action-card-devtools{background:linear-gradient(135deg,#ffffff29,#0000 38%),linear-gradient(160deg,#15b8a6,#0d5d76)}.action-card-devtools .action-icon{font-size:1rem}.action-icon{color:#07101f;background:#ffffffe6;border:2px solid #ffffffb8;border-radius:50%;flex:none;place-items:center;width:46px;height:46px;font-family:Arial Black,Impact,sans-serif;font-size:1.6rem;font-weight:950;line-height:1;display:grid}.action-card strong,.action-card small{display:block}.action-card strong{color:#fff;text-shadow:0 2px #06112499;font-size:1.18rem;font-weight:950}.action-card small{color:#ffffffc7;margin-top:3px;font-size:.78rem;font-weight:850}.room-panel{background:linear-gradient(115deg,#1e58ff33,#0000 54%),#070b14d1;grid-column:1/-1;padding:12px}.join-control{grid-template-columns:minmax(0,1fr) minmax(108px,.34fr);gap:8px;display:grid}.table-preview{background:radial-gradient(#ff1f2d33,#0000 58%),linear-gradient(140deg,#ffffff14,#1e58ff1a),#050812a8;border:1px solid #ffffff21;border-radius:8px;grid-column:1/-1;min-height:128px;position:relative;overflow:hidden;box-shadow:inset 0 0 0 2px #ffffff0a}.table-preview:before{content:"";border:2px solid #ffc61a3d;border-radius:50%;position:absolute;inset:18% 10%}.preview-card,.preview-pile{aspect-ratio:.72;color:#fff;text-shadow:0 2px #061124;border:4px solid #f8f8f4;border-radius:12px;place-items:center;font-family:Arial Black,Impact,sans-serif;font-weight:950;display:grid;position:absolute}.preview-card{width:clamp(54px,12vw,82px);font-size:clamp(1rem,3vw,1.8rem);box-shadow:0 16px 28px #00000052}.preview-card-red{background:linear-gradient(145deg,#ff3444,#980511);top:16%;left:13%;transform:rotate(-16deg)}.preview-card-blue{background:linear-gradient(145deg,#2f68ff,#071f89);bottom:12%;left:33%;transform:rotate(8deg)}.preview-card-yellow{background:linear-gradient(145deg,#ffc61a,#ff7b00);top:18%;right:14%;transform:rotate(14deg)}.preview-pile{color:#ffc61a;background:linear-gradient(145deg,#232a39,#05070d);width:clamp(58px,13vw,90px);font-size:clamp(.78rem,2.4vw,1.1rem);top:50%;left:50%;transform:translate(-50%,-50%)rotate(-4deg)}.instructions-panel{max-width:720px;padding:16px}.menu-error{background:#070b14bd;border-radius:999px;justify-self:start;padding:7px 12px}.instructions-panel strong{color:#fff;margin-bottom:8px;font-size:1.1rem;display:block}.pixi-stage{position:absolute;inset:0}.pixi-stage canvas{width:100%;height:100%;display:block}.top-hud{z-index:2;pointer-events:none;grid-template-columns:1fr .8fr auto auto;gap:8px;display:grid;position:absolute;top:12px;left:12px;right:12px}.turn-badge,.connection-badge,.penalty-meter,.icon-button,.player-chip{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#070b14bd;border:1px solid #ffffff29;box-shadow:0 12px 32px #00000047}.turn-badge,.connection-badge,.penalty-meter{border-radius:8px;gap:2px;min-height:56px;padding:9px 12px;display:grid}.turn-badge span,.connection-badge span,.penalty-meter span{color:#9eb0d0;text-transform:uppercase;font-size:.72rem;font-weight:800}.turn-badge strong,.connection-badge strong{color:#fff;text-overflow:ellipsis;white-space:nowrap;font-size:1rem;overflow:hidden}.penalty-meter{background:linear-gradient(160deg,#ff1f2de6,#ffb000e0);min-width:82px}.penalty-meter strong{color:#fff;text-shadow:0 2px #061124;font-size:1.45rem;line-height:1}.icon-button{pointer-events:auto;min-width:58px}.players-strip{z-index:2;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;display:grid;position:absolute;bottom:96px;left:12px;right:12px}.player-chip{color:#fff;border-radius:8px;justify-content:space-between;align-items:center;min-width:0;min-height:44px;padding:7px 9px;font-weight:850;display:inline-flex}.player-chip span{text-overflow:ellipsis;white-space:nowrap;font-size:.78rem;overflow:hidden}.player-chip strong{color:#07101f;background:#fff;border-radius:999px;place-items:center;width:26px;height:26px;font-size:.8rem;display:grid}.player-chip.is-danger{background:#ff1f2da8;border-color:#ffc61a99}.hand-panel{z-index:3;grid-template-columns:1.3fr 1fr 1fr;gap:8px;display:grid;position:absolute;bottom:14px;left:12px;right:12px}.online-hand-panel button:disabled{cursor:not-allowed;filter:grayscale(.4)brightness(.68);opacity:.72;transform:none}.online-match-status,.online-match-error{z-index:4;color:#fff;text-align:center;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#070b14db;border:1px solid #ffc61a52;border-radius:8px;gap:8px;width:min(420px,100vw - 32px);padding:18px 20px;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 22px 60px #0000006b}.online-match-status span,.online-match-error{text-transform:uppercase;letter-spacing:.08em;font-size:.78rem;font-weight:900}.online-match-status strong{color:#eed59c;font-size:1rem}.online-match-error{background:#26090ce6;border-color:#ff705c94;top:auto;bottom:112px}@media (width<=640px){.game-shell{height:100svh;overflow:hidden}.brand-rail{min-height:58px;padding:6px 12px 0}.brand-logo{width:min(38vw,150px)}.match-code{min-height:30px;padding:6px 10px;font-size:.66rem}.entry-stage{height:100%;min-height:0;padding:18px 12px 8px}.entry-stage:before{height:56vh;inset:auto -14% 5%}.lobby-card{border-width:4px;border-radius:14px;width:clamp(62px,20vw,86px)}.card-red{top:13%;left:-12px}.card-blue{top:55%;left:-22px}.card-yellow{top:15%;right:-14px}.card-black{bottom:13%;right:-18px}.entry-form{gap:8px;width:min(100%,360px);max-height:calc(100svh - 24px);padding:12px;transform:none}.entry-brand-logo{width:clamp(118px,34vw,150px);margin:-32px 0 -6px}.entry-copy h1{font-size:clamp(1.68rem,8.4vw,2.52rem)}.entry-copy p{font-size:.78rem}input{min-height:40px}label{gap:4px;font-size:.72rem}.primary-action,.secondary-action,.call-action,.google-action{min-height:42px;font-size:.88rem}.menu-stage,.game-stage,.rules-stage,.devtools-stage{margin:0 8px 8px}.menu-stage{grid-template-rows:auto minmax(0,1fr) auto;gap:10px;padding:12px}.menu-header{gap:8px}.menu-copy h1{font-size:clamp(1.8rem,10vw,2.9rem)}.menu-copy p{font-size:.82rem}.menu-board{grid-template-rows:auto auto auto minmax(96px,1fr);grid-template-columns:1fr;gap:9px}.action-card{min-height:76px;padding:11px}.action-icon{width:40px;height:40px;font-size:1.35rem}.action-card strong{font-size:1.02rem}.room-panel{padding:10px}.join-control{grid-template-columns:1fr}.table-preview{min-height:96px}.rules-stage{grid-template-rows:auto auto auto;padding:12px}.devtools-stage{overflow-y:auto}.devtools-header{align-items:stretch;gap:10px;padding:12px;display:grid}.devtools-header h1{font-size:1.55rem}.devtools-header-actions{grid-template-columns:1fr;justify-self:stretch;width:100%;display:grid}.devtools-header-actions .primary-action,.devtools-header-actions .secondary-action{width:100%}.devtools-workspace{grid-template-columns:1fr;padding:10px;overflow:visible}.arena-devtools-inspector{grid-template-rows:auto auto auto}.arena-skeleton-host{min-height:0}.arena-canvas-panel{height:clamp(210px,58vw,280px)}.rules-hero{gap:7px}.rules-hero h1{font-size:clamp(1.86rem,10vw,3rem)}.rules-hero p{font-size:.82rem}.rules-grid{grid-template-columns:1fr;gap:8px}.rule-card{min-height:0;padding:11px}.rules-actions{background:linear-gradient(#0000,#050912eb 34%);grid-template-columns:1fr;padding-top:6px;position:sticky;bottom:0}.top-hud{grid-template-columns:1fr auto auto}.connection-badge{display:none}.players-strip{bottom:90px}.hand-panel{bottom:10px}}@media (width<=420px){.brand-rail{min-height:50px}.brand-logo{width:min(36vw,132px)}.screen-auth .brand-logo{width:clamp(104px,32vw,128px)}.match-code{min-height:32px;padding:6px 10px;font-size:.66rem}.entry-stage{padding:14px 10px 7px}.entry-form{gap:7px;width:min(100%,332px);max-height:calc(100svh - 20px);padding:10px}.entry-brand-logo{width:clamp(104px,32vw,128px);margin:-28px 0 -7px}.status-line{min-height:26px;padding:5px 10px;font-size:.66rem}.entry-copy h1{font-size:clamp(1.42rem,7.6vw,1.96rem)}.entry-copy p{font-size:.72rem}input{min-height:36px;padding:0 12px;font-size:.86rem}.primary-action,.secondary-action,.call-action,.google-action{min-height:38px;font-size:.84rem}.lobby-card{border-width:3px;border-radius:12px;width:58px;font-size:1.2rem}.menu-stage,.rules-stage{padding:10px}.rules-hero h1{font-size:clamp(1.64rem,9.4vw,2.45rem)}.rules-hero p{font-size:.78rem}.rule-card{gap:6px;padding:10px}.rule-card p{font-size:.78rem}.menu-copy h1{font-size:clamp(1.56rem,9.6vw,2.36rem)}.action-card{gap:10px;min-height:68px}.action-icon{width:36px;height:36px}.room-panel{padding:8px}.table-preview{min-height:84px}}@media (height<=720px) and (width<=640px){.brand-rail{min-height:46px}.brand-logo{width:min(34vw,120px)}.entry-stage{padding-top:12px}.entry-copy{gap:6px}.entry-copy h1{font-size:clamp(1.42rem,7.6vw,2rem)}.entry-copy p{display:none}.entry-form{gap:6px;max-height:calc(100svh - 18px);padding:8px}.entry-brand-logo{width:clamp(96px,30vw,116px);margin:-23px 0 -8px}.status-line{min-height:24px;padding:4px 9px}input{min-height:34px}.primary-action,.secondary-action,.call-action,.google-action{min-height:36px}.menu-stage{gap:8px;padding:9px}.menu-header{gap:6px}.menu-copy p,.action-card small{display:none}.action-card{min-height:58px;padding:8px}.room-panel{padding:7px}.table-preview{min-height:72px}.rules-hero p{display:none}.rule-card{padding:8px}.rule-card strong{font-size:.96rem}.rule-card p{font-size:.74rem}}@media (height<=620px) and (width<=420px){.brand-logo{width:min(32vw,104px)}.screen-auth .brand-logo{width:min(30vw,104px)}.match-code{min-height:28px;padding:5px 8px}.entry-stage{padding-top:8px}.entry-form{gap:5px;padding:7px}.entry-brand-logo{width:min(28vw,96px);margin:-18px 0 -7px}.entry-copy{gap:4px}.status-line{min-height:22px;padding:3px 8px;font-size:.62rem}.entry-copy h1{font-size:clamp(1.28rem,7.6vw,1.72rem)}label{font-size:.68rem}input{min-height:30px}.primary-action,.secondary-action,.call-action,.google-action{min-height:32px;font-size:.78rem}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}.vfx-layer,.scene-bg:before,.scene-bg:after,.login-elemental-overlays:after{transform:none!important}}.game-shell.screen-lobby{background:#03060c;height:100dvh;min-height:0}.game-shell.screen-lobby:before,.game-shell.screen-lobby>.brand-rail{display:none}.lobby-arena{z-index:2;isolation:isolate;background:#05070e;border:0;border-radius:0;flex-direction:column;flex:1;height:100dvh;min-height:0;margin:0;display:flex;position:relative;overflow:hidden}.lobby-arena-bg{z-index:0;pointer-events:none;position:absolute;inset:0;overflow:hidden}.lobby-arena-bg img{object-fit:cover;object-position:center 38%;filter:saturate(1.05)contrast(1.05)brightness(.62);width:100%;height:100%;position:absolute;inset:0;transform:scale(1.02)}.lobby-arena-scrim{z-index:1;pointer-events:none;background:radial-gradient(62% 46%,#0000 0 28%,#03050c57 60%,#03050cb8 100%),linear-gradient(#03050cdb 0%,#03050c33 24%,#03050c24 66%,#03050ce6 100%),radial-gradient(circle at 14% 10%,#ff6c2233,#0000 22rem),radial-gradient(circle at 88% 8%,#2d8cff2e,#0000 22rem);position:absolute;inset:0}.lobby-arena-head{z-index:2;background:radial-gradient(circle at 9% 35%,#1e58ff3d,#0000 20rem),radial-gradient(circle at 84% 35%,#ff1f2d2e,#0000 22rem),linear-gradient(#030812eb,#03050c94);border-bottom:1px solid #ffc61a2e;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:clamp(12px,2vw,24px);min-height:84px;padding:8px clamp(14px,2.8vw,38px);display:grid;position:relative;box-shadow:0 12px 34px #0000003d}.lobby-arena-logo{filter:drop-shadow(0 12px 18px #00000080);width:clamp(108px,12vw,174px);height:auto}.lobby-arena-title{gap:4px;min-width:0;display:grid}.lobby-arena-head h1{color:#fff;text-shadow:0 5px #061124,0 12px 26px #00000080;margin:0;font-size:clamp(1.35rem,2.8vw,2.3rem);line-height:.95}.lobby-arena-head p{color:#d7dfef;text-shadow:0 2px 8px #0009;max-width:34rem;margin:0;font-size:.86rem;line-height:1.35}.lobby-arena-meta{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:10px;min-width:min(32vw,330px);display:flex}.lobby-arena-meta .status-line{white-space:nowrap;justify-self:auto;min-height:30px;padding:7px 12px;font-size:.68rem}.lobby-head-code{color:#ffc61a;letter-spacing:.04em;background:#03060dbd;border:1px solid #fff3;border-radius:999px;min-height:36px;padding:0 16px;font-size:.78rem;font-weight:950;box-shadow:0 10px 24px #0000004d}.lobby-head-code:hover,.lobby-head-code:focus-visible{border-color:#ffd84b9e;outline:none;box-shadow:0 0 18px #ffc61a33,0 10px 24px #00000057}.lobby-head-code.is-copied{color:#85ffbb;border-color:#85ffbbad}.lobby-status-online{color:#04150b;background:linear-gradient(#85ffbb,#35d07f 58%,#147c46)}.lobby-status-connecting{background:linear-gradient(#ffd84b,#ffc61a 58%,#d88b00)}.lobby-status-offline{color:#22040a;background:linear-gradient(#ff8b91,#ff4d5a 58%,#a70612)}.lobby-arena-field{z-index:2;flex:1;min-height:0;position:relative}.lobby-ritual-core{z-index:5;pointer-events:none;justify-items:center;gap:8px;width:min(30vw,330px);display:grid;position:absolute;top:56%;left:50%;transform:translate(-50%,-50%)}.lobby-code-plaque{z-index:3;color:#fff;text-align:center;cursor:pointer;filter:drop-shadow(0 18px 26px #0000008f)drop-shadow(0 0 16px #ffc61a38);background:0 0;border:0;justify-items:center;gap:1px;width:clamp(220px,19vw,280px);padding:10px 20px 8px;transition:transform .16s,filter .16s;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.lobby-ritual-core .lobby-code-plaque{pointer-events:auto;width:min(100%,280px);position:relative;top:auto;left:auto;transform:none}.lobby-code-plaque:before{content:"";z-index:-1;aspect-ratio:2172/724;background:url(/assets/ui/action-plaque.png) 50%/100% 100% no-repeat;width:calc(100% + 96px);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.lobby-code-plaque:hover,.lobby-code-plaque:focus-visible{filter:drop-shadow(0 22px 32px #0000009e)drop-shadow(0 0 22px #ffc61a52);outline:none;transform:translate(-50%,-50%)translateY(-2px)scale(1.02)}.lobby-ritual-core .lobby-code-plaque:hover,.lobby-ritual-core .lobby-code-plaque:focus-visible{transform:translateY(-2px)scale(1.02)}.lobby-code-plaque.is-copied{filter:drop-shadow(0 18px 26px #0000008f)drop-shadow(0 0 22px #1e58ff66)}.lobby-code-plaque span{letter-spacing:.06em;text-transform:uppercase;color:#ffc61a;text-shadow:0 2px #000000db;font-size:.6rem;font-weight:950}.lobby-code-plaque strong{letter-spacing:.08em;color:#fff;text-shadow:0 2px #000000e6,0 0 18px #ffc61a80;font-family:Arial Black,Impact,sans-serif;font-size:clamp(1.5rem,4vw,2.3rem)}.lobby-code-plaque small{color:#ffffffd1;text-transform:none;text-shadow:0 2px #000000e6,0 0 10px #000c;font-size:.62rem;font-weight:800}.lobby-invite-panel{pointer-events:auto;background:radial-gradient(circle at 50% 0,#ffc61a2e,#0000 70%),linear-gradient(#070d18f0,#03060dd1);border:1px solid #ffc61a52;border-radius:8px;justify-items:center;gap:7px;width:min(100%,300px);padding:10px;display:grid;box-shadow:0 16px 30px #0000006b,inset 0 0 0 1px #ffffff0d}.lobby-invite-panel>span{color:#ffc61a;letter-spacing:.08em;text-transform:uppercase;font-size:.58rem;font-weight:950}.lobby-code-chip{color:#fff;letter-spacing:.08em;text-align:center;text-shadow:0 2px #000,0 0 18px #ffc61a6b;-webkit-user-select:all;user-select:all;cursor:copy;background:#020912;border:1px solid #ffffff2e;border-radius:8px;width:100%;min-height:48px;font-family:Arial Black,Impact,sans-serif;font-size:clamp(1.28rem,2.6vw,1.9rem);font-weight:950}.lobby-code-chip.is-copied{border-color:#85ffbba8;box-shadow:0 0 18px #35d07f38}.lobby-invite-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;width:100%;display:grid}.lobby-invite-actions button{color:#f4dfac;background:linear-gradient(#ffc61a2e,#09111cdb);border:1px solid #ffc61a52;border-radius:6px;min-width:0;min-height:36px;padding:0 10px;font-size:.72rem;font-weight:900}.lobby-invite-actions button:hover,.lobby-invite-actions button:focus-visible{border-color:#ffd84bb8;outline:none;box-shadow:0 0 16px #ffc61a2e}.lobby-choice-clock{text-align:center;pointer-events:auto;background:radial-gradient(circle at 50% 0,#ffc61a2e,#0000 68%),linear-gradient(#070d18e6,#03060dc7);border:1px solid #ffc61a57;border-radius:8px;justify-items:center;gap:2px;width:min(100%,244px);min-height:74px;padding:9px 12px;display:grid;box-shadow:0 16px 30px #0000006b,inset 0 0 0 1px #ffffff0d}.lobby-choice-clock span,.lobby-dragon-nameplate small,.lobby-dragon-nameplate em{text-transform:uppercase;font-weight:950}.lobby-choice-clock span{color:#ffc61a;font-size:.58rem}.lobby-choice-clock strong{color:#fff;text-shadow:0 2px #000,0 0 14px #ffc61a6b;font-family:Arial Black,Impact,sans-serif;font-size:clamp(1.35rem,3vw,2rem);line-height:1}.lobby-choice-clock small{color:#d7dfef;max-width:16rem;font-size:.68rem;font-weight:800;line-height:1.25}.lobby-choice-clock.is-warning{border-color:#ff4d5ac7;box-shadow:0 16px 30px #0000007a,0 0 28px #ff1f2d40,inset 0 0 0 1px #ffffff0f}.lobby-choice-clock.is-warning strong{color:#ff8b91;text-shadow:0 2px #000,0 0 18px #ff1f2d9e}.lobby-choice-ring{z-index:3;position:absolute;inset:0}.lobby-dragon-choice{left:calc(var(--fx,.5) * 100%);top:calc(var(--fy,.5) * 100%);color:#fff;cursor:pointer;width:clamp(124px,15vw,190px);min-width:0;transform:translate(-50%, -50%) scale(var(--seat-scale,1));background:0 0;border:0;justify-items:center;gap:4px;padding:0;transition:transform .16s,filter .16s,opacity .16s;display:grid;position:absolute}.lobby-dragon-choice:disabled{cursor:default}.lobby-dragon-choice:not(:disabled):hover,.lobby-dragon-choice:not(:disabled):focus-visible{transform:translate(-50%, -50%) scale(calc(var(--seat-scale,1) * 1.06));filter:brightness(1.08);outline:none}.lobby-dragon-choice.is-pending{filter:brightness(1.16)saturate(1.12)}.lobby-dragon-choice.is-taken:not(.is-yours){opacity:.82}.lobby-dragon-choice.is-yours{filter:drop-shadow(0 0 18px #ffc61a61)brightness(1.08)}.lobby-dragon-aura{z-index:-1;aspect-ratio:1;filter:blur(8px);opacity:.7;background:radial-gradient(circle,#ffc61a42,#0000 62%),radial-gradient(circle at 50% 64%,#1e58ff38,#0000 68%);border-radius:50%;width:88%;position:absolute;top:43%;left:50%;transform:translate(-50%,-50%)}.lobby-dragon-choice:not(.is-taken) .lobby-dragon-aura{animation:2.2s ease-in-out infinite lobbyDragonPulse}.lobby-dragon-choice.is-yours .lobby-dragon-aura{opacity:1;background:radial-gradient(circle,#ffc61a85,#0000 64%),radial-gradient(circle at 50% 62%,#fff3,#0000 68%)}.lobby-dragon-avatar{object-fit:contain;object-position:center bottom;filter:drop-shadow(0 18px 16px #00000080)drop-shadow(0 0 10px #ffc61a1f);pointer-events:none;width:100%;height:clamp(108px,18vh,170px)}.lobby-dragon-choice.is-taken:not(.is-yours) .lobby-dragon-avatar{filter:saturate(.78)brightness(.74)drop-shadow(0 18px 16px #00000085)}.lobby-dragon-nameplate{text-align:center;background:linear-gradient(#0a111ceb,#040810d1),#070b14db;border:1px solid #ffc61a42;border-radius:8px;justify-items:center;gap:2px;width:min(100%,174px);min-height:64px;padding:8px 10px;display:grid;box-shadow:0 12px 22px #0000005c,inset 0 0 0 1px #ffffff0d}.lobby-dragon-nameplate small{color:#ffc61a;font-size:.56rem}.lobby-dragon-nameplate strong{color:#fff;overflow-wrap:anywhere;text-shadow:0 2px #000;max-width:100%;font-size:clamp(.72rem,1.4vw,.92rem);font-weight:950;line-height:1.05}.lobby-dragon-nameplate em{color:#9fb0cc;font-size:.52rem;font-style:normal}.lobby-dragon-choice.is-yours .lobby-dragon-nameplate{background:linear-gradient(#4a3412f0,#0a0e16e6),#070b14e0;border-color:#ffc61ab8}.lobby-dragon-choice.is-yours .lobby-dragon-nameplate em{color:#ffd84b}@keyframes lobbyDragonPulse{0%,to{opacity:.42;transform:translate(-50%,-50%)scale(.94)}50%{opacity:.95;transform:translate(-50%,-50%)scale(1.08)}}.lobby-seat-ring{z-index:2;position:absolute;inset:0}.lobby-seat{left:calc(var(--fx,.5) * 100%);top:calc(var(--fy,.5) * 100%);transform:translate(-50%, -50%) scale(var(--seat-scale,1));cursor:default;background:0 0;border:0;justify-items:center;gap:4px;width:clamp(66px,8.4vw,104px);padding:0;display:grid;position:absolute}.lobby-seat-frame{aspect-ratio:1;width:100%;display:block;position:relative}.lobby-seat-podium{pointer-events:none;filter:drop-shadow(0 10px 12px #0000006b);width:128%;position:absolute;bottom:-6%;left:50%;transform:translate(-50%)}.lobby-seat-avatar{filter:drop-shadow(0 14px 14px #00000080);width:108%;height:auto;position:absolute;bottom:6%;left:50%;transform:translate(-50%)}.lobby-seat.is-away .lobby-seat-avatar{filter:grayscale(.7)brightness(.6)drop-shadow(0 14px 14px #00000080)}.lobby-seat-away-mark{z-index:2;color:#fff;background:#ff1f2d;border:2px solid #ffffffdb;border-radius:50%;place-items:center;width:22px;height:22px;font-size:.8rem;font-style:normal;font-weight:950;display:grid;position:absolute;top:2%;right:2%;box-shadow:0 4px 10px #0006}.lobby-seat-ghost{color:#fff6;border:2px dashed #ffffff52;border-radius:50%;place-items:center;font-size:1.6rem;font-style:normal;font-weight:900;animation:2.4s ease-in-out infinite lobbyGhostPulse;display:grid;position:absolute;inset:8%}.lobby-seat.is-empty{transition:transform .16s,filter .16s}.lobby-seat.is-empty:hover,.lobby-seat.is-empty:focus-visible{transform:translate(-50%, -50%) scale(calc(var(--seat-scale,1) * 1.05));outline:none}.lobby-seat.is-empty:hover .lobby-seat-ghost,.lobby-seat.is-empty:focus-visible .lobby-seat-ghost{color:#ffc61ad9;border-color:#ffc61a99}.lobby-seat-label{text-align:center;justify-items:center;gap:2px;max-width:120px;display:grid}.lobby-seat-label strong{color:#fff;text-shadow:0 2px #000,0 0 8px #000000b3;overflow-wrap:anywhere;font-size:.72rem;font-weight:900;line-height:1.1}.lobby-seat.is-empty .lobby-seat-label strong{color:#ffffff80;text-transform:uppercase;letter-spacing:.04em;font-size:.62rem;font-weight:800}.lobby-seat-tag{color:#fff;text-transform:uppercase;background:#1e58ff;border-radius:999px;padding:2px 7px;font-size:.56rem;font-style:normal;font-weight:900}.lobby-seat-tag.muted{color:#d7dfef;background:#ffffff2e}.lobby-seat-tag-you{color:#07101f;background:linear-gradient(#ffd84b,#ffc61a 58%,#d88b00)}.lobby-seat.is-you .lobby-seat-frame:before{content:"";z-index:-1;filter:blur(6px);background:radial-gradient(circle at 50% 55%,#ffc61a66,#0000 70%);border-radius:50%;animation:1.8s ease-in-out infinite lobbyYouPulse;position:absolute;inset:-14%}.lobby-seat-avatar-you{background:radial-gradient(circle at 38% 32%,#ffe8a8e6,#ff9a1adb 62%,#a70612db);border-radius:50%;width:56%;padding:10%;position:absolute;bottom:18%;left:50%;transform:translate(-50%);box-shadow:0 10px 18px #0006,inset 0 0 0 2px #ffffff80}@keyframes lobbyGhostPulse{0%,to{opacity:.55;transform:scale(1)}50%{opacity:.95;transform:scale(1.06)}}@keyframes lobbyYouPulse{0%,to{opacity:.7;transform:scale(1)}50%{opacity:1;transform:scale(1.12)}}.lobby-error{z-index:3;margin:0 clamp(16px,4vw,34px);position:relative}.lobby-command-bar{z-index:3;background:linear-gradient(#03050c1a,#03050cdb);flex-wrap:wrap;align-items:center;gap:10px;padding:12px clamp(16px,4vw,34px) clamp(14px,3vw,26px);display:flex;position:relative}.lobby-command-count{background:#ffffff0d;border:1px solid #ffffff29;border-radius:8px;gap:1px;margin-right:0;padding:6px 12px;display:grid}.lobby-command-bar .lobby-command-count:last-of-type{margin-right:auto}.lobby-command-count span{text-transform:uppercase;color:#9fb0cc;font-size:.6rem;font-weight:900}.lobby-command-count strong{color:#fff;font-size:1rem;font-weight:900}.lobby-command-bar .primary-action,.lobby-command-bar .secondary-action{min-height:44px;padding:0 18px}.lobby-wait{color:#d7dfef;text-align:center;background:#1e58ff24;border-radius:8px;margin:0;padding:10px 16px;font-size:.82rem;font-weight:800}@media (width<=760px){.lobby-arena{margin:0;overflow:hidden}.lobby-arena-field{grid-template-rows:auto minmax(0,1fr);align-items:center;gap:4px;min-height:0;padding:0 8px;display:grid}.lobby-arena-head{grid-template-columns:auto minmax(0,1fr);gap:6px 10px;min-height:0;padding:8px 10px}.lobby-arena-logo{width:clamp(82px,24vw,112px)}.lobby-arena-title{gap:2px}.lobby-arena-head h1{font-size:clamp(1.28rem,7vw,1.8rem)}.lobby-arena-head p{max-width:none;font-size:.74rem;line-height:1.25}.lobby-arena-meta{grid-column:1/-1;grid-template-columns:minmax(0,1fr) auto;gap:6px;width:100%;min-width:0;display:grid}.lobby-arena-meta .status-line{min-height:28px;padding:6px 9px;font-size:.6rem}.lobby-head-code{min-height:28px;padding:0 10px;font-size:.66rem}.lobby-ritual-core{grid-template-columns:minmax(0,1fr) minmax(96px,.46fr);place-items:stretch stretch;width:100%;margin:4px auto 2px;position:relative;top:auto;left:auto;transform:none}.lobby-ritual-core .lobby-code-plaque{width:100%;margin:0;padding:8px 12px 7px;position:relative;top:auto;left:auto;transform:none}.lobby-ritual-core .lobby-code-plaque:before{width:calc(100% + 50px)}.lobby-ritual-core .lobby-code-plaque:hover,.lobby-ritual-core .lobby-code-plaque:focus-visible{transform:translateY(-2px)scale(1.02)}.lobby-choice-clock{width:100%;min-height:0;padding:8px 10px}.lobby-invite-panel{gap:6px;width:100%;padding:8px}.lobby-code-chip{min-height:42px;font-size:1.12rem}.lobby-invite-actions{gap:5px}.lobby-invite-actions button{min-height:32px;padding:0 7px;font-size:.64rem}.lobby-choice-clock strong{font-size:1.2rem}.lobby-choice-ring{grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch;gap:6px 8px;min-height:0;display:grid;position:static}.lobby-dragon-choice{gap:2px;width:100%;position:relative;top:auto;left:auto;transform:none}.lobby-dragon-choice:not(:disabled):hover,.lobby-dragon-choice:not(:disabled):focus-visible{transform:translateY(-2px)}.lobby-dragon-avatar{height:clamp(78px,18vh,128px)}.lobby-dragon-nameplate{width:100%;min-height:50px;padding:6px 8px}.lobby-dragon-nameplate strong{font-size:.72rem}.lobby-command-bar{gap:6px;padding:8px 12px 10px}.lobby-command-count{flex:92px;margin-right:0;padding:5px 8px}.lobby-command-bar .lobby-command-count:last-of-type{margin-right:0}.lobby-command-bar .primary-action,.lobby-command-bar .secondary-action{flex:136px;min-height:40px;padding:0 12px}.lobby-wait{flex:100%;padding:8px 10px;font-size:.74rem}}@media (height<=640px){.lobby-arena-head p{display:none}.lobby-arena-head{min-height:64px;padding-top:6px;padding-bottom:6px}.lobby-arena-logo{width:clamp(86px,10vw,120px)}.lobby-arena-meta .status-line,.lobby-head-code{min-height:28px;padding-top:5px;padding-bottom:5px}.lobby-dragon-avatar{height:clamp(70px,16vh,112px)}.lobby-choice-clock{padding:7px 9px}.lobby-choice-clock small{display:none}.lobby-dragon-nameplate{min-height:46px}.lobby-dragon-nameplate small,.lobby-dragon-nameplate em{font-size:.48rem}}.menu-cardfan{pointer-events:none;z-index:0;opacity:.5;width:320px;height:220px;position:absolute;top:10%;right:3%}.fan-card{transform-origin:bottom;border-radius:8px;width:128px;position:absolute;box-shadow:0 16px 36px #00000080}.fan-card-1{top:20px;right:150px;transform:rotate(-14deg)}.fan-card-2{top:6px;right:100px;transform:rotate(-5deg)}.fan-card-3{z-index:1;top:0;right:50px;transform:rotate(4deg)}.fan-card-4{top:12px;right:4px;transform:rotate(13deg)}.fan-card-5{display:none}@media (width<=720px){.menu-cardfan{display:none}}.player-chip.is-current{border-color:#ffc61a;box-shadow:0 0 0 2px #ffc61a66}.player-chip.is-out{opacity:.4}.cpu-hand{z-index:3;flex-direction:column;gap:10px;padding:10px 12px 14px;display:flex;position:relative}.cpu-hand-cards{scrollbar-width:thin;gap:6px;padding-bottom:4px;display:flex;overflow-x:auto}.cpu-card{background:0 0;border:none;border-radius:8px;flex:none;width:84px;padding:0;transition:transform .12s,filter .12s}.cpu-card img{border-radius:8px;width:100%;display:block;box-shadow:0 10px 24px #00000080}.cpu-card.is-playable{cursor:pointer}.cpu-card.is-playable:hover{filter:drop-shadow(0 0 6px #ffc61ab3);transform:translateY(-10px)}.cpu-card.is-locked{filter:grayscale(.7)brightness(.6);cursor:not-allowed}.cpu-hand-actions{gap:8px;display:flex}.cpu-wait{color:#c8d2e5;text-align:center;margin:0;font-size:.82rem;font-weight:800}.cpu-choice,.cpu-result{z-index:3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#070b14e6;border:1px solid #ffffff29;border-radius:10px;flex-direction:column;align-items:center;gap:12px;margin:0 12px 14px;padding:18px;display:flex;position:relative}.cpu-choice span,.cpu-result strong{color:#fff;font-size:1.05rem;font-weight:900}.cpu-choice-buttons,.cpu-result-actions{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.cpu-choice-buttons button{color:#fff;cursor:pointer;background:#ffffff14;border:2px solid #ffffff47;border-radius:8px;min-height:42px;padding:0 16px;font-weight:900}.elem-btn.elem-ember{background:linear-gradient(160deg,#ff1f2d,#a70612);border-color:#ff1f2d}.elem-btn.elem-tide{background:linear-gradient(160deg,#1e58ff,#0b2a66);border-color:#1e58ff}.elem-btn.elem-volt{color:#07101f;background:linear-gradient(160deg,#ffc61a,#ff8d00);border-color:#ffc61a}.elem-btn.elem-stone{background:linear-gradient(160deg,#8a9a8f,#5f6b5f);border-color:#8a9a8f}.game-shell.screen-cpu .brand-rail,.game-shell.screen-game .brand-rail{display:none}.table-scene{--arena-x:0px;--arena-y:0px;--arena-w:100%;--arena-h:100%;--arena-scale:1;--dealer-anchor-x:clamp(134px, 12.8vw, 244px);--dealer-anchor-y:clamp(246px, 35vh, 334px);--dealer-size:clamp(72px, 6.3vw, 104px);--deck-focus-x:clamp(106px, 9.2vw, 182px);--deck-focus-y:clamp(574px, 72vh, 720px);--deck-focus-w:clamp(178px, 12.6vw, 240px);--deck-focus-h:clamp(88px, 7.1vw, 118px);--deck-glow-left:clamp(52px, 4.4vw, 86px);--deck-glow-top:clamp(514px, 68.7vh, 660px);--dealer-speech-x:clamp(132px, 10.8vw, 214px);--dealer-speech-y:clamp(142px, 20.8vh, 202px);--dealer-speech-w:clamp(168px, 11.8vw, 226px);--dealer-arrow-x:clamp(250px, 22.2vw, 320px);--dealer-arrow-y:clamp(358px, 50.2vh, 408px);--dealer-arrow-w:clamp(92px, 7.4vw, 124px);z-index:2;background:#05070e;flex:1;min-height:0;position:relative;overflow:hidden}.table-scene .pixi-stage{position:absolute;inset:0}.battle-organizer-lock{z-index:7;-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px);cursor:default;background:#03050a24;border:0;padding:0;position:absolute;inset:0}.battle-organizer{z-index:8;top:max(96px, env(safe-area-inset-top));left:max(clamp(16px, 7vw, 134px), env(safe-area-inset-left));pointer-events:none;width:158px;height:58px;position:absolute}.battle-settings-button{color:#e9c780;cursor:pointer;pointer-events:auto;background:#101111 url(/assets/arena-skins/hud/player-panel-v1.png) 50%/100% 100% no-repeat;border:0;border-radius:2px;justify-content:center;align-items:center;gap:10px;width:100%;height:100%;padding:12px 20px;transition:filter .15s,color .15s;display:flex;box-shadow:0 5px 14px #0009}.battle-settings-button svg{filter:drop-shadow(0 2px 1px #000);flex-shrink:0;width:25px;height:25px}.battle-settings-button span{letter-spacing:.08em;text-transform:uppercase;text-shadow:0 2px 2px #000;font-family:Arial Black,Impact,sans-serif;font-size:15px;font-weight:900}.battle-settings-button:hover,.battle-organizer.is-open .battle-settings-button{color:#ffe5a8;filter:brightness(1.18)}.battle-settings-button:focus-visible{outline-offset:4px;outline:2px solid #ffe5a8}.battle-organizer-panel{isolation:isolate;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);pointer-events:auto;background:linear-gradient(160deg,#110e0cd1,#06080ebd 58%,#0f0705c7),radial-gradient(circle at 9% 8%,#ff6c242e,#0000 46%),radial-gradient(circle at 96% 12%,#2c8bff29,#0000 42%);border:1px solid #ffc25657;border-radius:18px 16px 18px 12px;width:min(292px,100vw - 64px);max-height:calc(100dvh - 100px);padding:16px 16px 15px;animation:.18s ease-out both organizerPanelIn;position:absolute;top:calc(100% + 12px);left:0;overflow-y:auto;box-shadow:0 24px 48px #00000085,inset 0 0 0 1px #ffffff0d,inset 0 0 24px #ff97300f}.battle-organizer-panel .organizer-panel-head,.battle-organizer-panel .organizer-status,.battle-organizer-panel .organizer-speed,.battle-organizer-panel .organizer-actions{z-index:1;position:relative}.organizer-panel-head{border-bottom:1px solid #ffffff1a;gap:2px;padding:2px 4px 10px;display:grid}.organizer-panel-head span{color:#ffd35d;text-transform:uppercase;text-shadow:0 0 12px #ffaf2d57;font-family:Arial Black,Impact,sans-serif;font-size:.78rem;font-weight:900;line-height:1}.organizer-panel-head strong{color:#edf2ffb3;text-transform:uppercase;font-size:.66rem;font-weight:900;line-height:1}.organizer-status{background:linear-gradient(90deg,#ffc14d1a,#ffffff06),#00000038;border:1px solid #ffffff14;border-radius:7px;grid-template-columns:1fr;gap:4px;margin:10px 0;padding:10px 11px;display:grid}.organizer-status span{letter-spacing:.06em;text-transform:uppercase;color:#9aa8c4;font-size:.58rem;font-style:normal;font-weight:900}.organizer-status strong{color:#fff;text-shadow:0 2px #02040a,0 0 14px #ffc65629;font-family:Arial Black,Impact,sans-serif;font-size:1.08rem;line-height:1}.organizer-speed{background:radial-gradient(circle at 18% 18%,#ffc64a1a,#0000 48%),linear-gradient(145deg,#ffffff0e,#ffffff05),#0003;border:1px solid #ffd2621f;border-radius:8px;gap:9px;margin:0 0 10px;padding:10px;display:grid}.organizer-speed-head{justify-content:space-between;align-items:baseline;gap:10px;display:flex}.organizer-speed-head span,.organizer-speed-head strong{text-transform:uppercase;min-width:0;font-weight:900;line-height:1}.organizer-speed-head span{color:#ffd35d;text-shadow:0 0 10px #ffaf2d3d;font-family:Arial Black,Impact,sans-serif;font-size:.62rem}.organizer-speed-head strong{color:#edf2ff9e;text-align:right;font-size:.54rem}.organizer-speed-options{grid-template-columns:repeat(3,minmax(0,1fr));gap:5px;display:grid}.organizer-speed-options button{color:#edf2ffad;text-transform:uppercase;cursor:pointer;background:linear-gradient(#ffffff13,#ffffff05),#03050a7a;border:1px solid #ffffff1f;border-radius:7px;min-width:0;min-height:32px;padding:0 6px;font-family:Arial Black,Impact,sans-serif;font-size:.58rem;line-height:1;transition:transform .14s,border-color .14s,color .14s,background .14s}.organizer-speed-options button:hover,.organizer-speed-options button:focus-visible{color:#fff7dc;border-color:#ffd35d6b;outline:none;transform:translateY(-1px)}.organizer-speed-options button.is-active{color:#ffd35d;text-shadow:0 1px #000000e0,0 0 10px #ffc64a57;background:radial-gradient(circle at 50% 20%,#ffda6842,#0000 64%),linear-gradient(#ffc54b3d,#ff7a1e14),#08090dbd;border-color:#ffd35d9e}.organizer-actions{gap:8px;display:grid}.organizer-actions button{color:#fff;text-align:left;cursor:pointer;background:linear-gradient(90deg,#ffffff14,#ffffff06),#03050a66;border:1px solid #ffffff21;border-radius:7px;grid-template-columns:44px 1fr;align-items:center;gap:9px;width:100%;min-height:44px;padding:5px 10px 5px 5px;font-family:Arial Black,Impact,sans-serif;font-size:.78rem;transition:transform .14s,border-color .14s,background .14s;display:grid}.organizer-actions button i{color:#ffd35d;text-shadow:0 0 10px #ffc04252;background:radial-gradient(circle at 50% 38%,#ffcb5042,#0000 64%),#060910c7;border:1px solid #ffce5d47;border-radius:50%;place-items:center;width:34px;height:34px;font-size:.58rem;font-style:normal;line-height:1;display:grid}.organizer-actions button span{overflow-wrap:anywhere;min-width:0;line-height:1.05}.organizer-actions button:hover,.organizer-actions button:focus-visible{background:linear-gradient(90deg,#ffc95029,#2b88ff14),#03050a75;border-color:#ffcf5c75;outline:none;transform:translate(2px)}@keyframes organizerPanelIn{0%{opacity:0;transform-origin:0 42px;transform:translate(-18px)translateY(8px)scale(.9)}to{opacity:1;transform-origin:0 42px;transform:translate(0)translateY(0)scale(1)}}@media (width<=720px){.battle-organizer{top:max(92px, env(safe-area-inset-top));left:max(16px, env(safe-area-inset-left));width:144px;height:54px}}.table-topbar{z-index:3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#050810c7;border:1px solid #ffffff24;border-radius:999px;align-items:center;gap:10px;padding:6px 10px;display:flex;position:absolute;top:10px;left:50%;transform:translate(-50%)}.table-turn{flex-direction:column;padding:0 8px;line-height:1.1;display:flex}.table-turn em{text-transform:uppercase;color:#8fa0bf;font-size:.62rem;font-style:normal;font-weight:800}.table-turn strong{color:#fff;font-size:.92rem;font-weight:900}.table-mode{color:#fff;letter-spacing:.04em;background:#1e58ff;border-radius:999px;padding:3px 9px;font-size:.64rem;font-weight:900}.table-topbar .icon-button{color:#fff;background:#ffffff0f;border:1px solid #fff3;border-radius:50%;width:34px;height:34px;font-size:.95rem;line-height:1}.deck-focus-overlay{z-index:4;pointer-events:none;background:radial-gradient(ellipse var(--deck-focus-w) var(--deck-focus-h) at var(--deck-focus-x) var(--deck-focus-y), #ffe28e2e 0%, #ffc61a1a 32%, #00000005 54%, #00000029 84%), #00000005;mix-blend-mode:normal;animation:.32s ease-out both deckFocusIn;position:absolute;inset:0}.deck-focus-overlay:before{content:"";left:var(--deck-glow-left);top:var(--deck-glow-top);width:var(--deck-focus-w);height:var(--deck-focus-h);mix-blend-mode:screen;filter:blur(1.5px)drop-shadow(0 0 16px #ffc61a57);background:radial-gradient(#ffe28e57,#ff7a2229 42%,#0000 72%);border-radius:50%;animation:1.1s ease-in-out infinite deckTargetPulse;position:absolute;transform:rotate(-9deg)}.cpu-start-overlay{z-index:5;background:radial-gradient(circle at 50% 44%,#ffc61a1f,#0000 34%),#0000002e;place-items:center;padding:24px;animation:.32s ease-out both deckFocusIn;display:grid;position:absolute;inset:0}.cpu-start-card{isolation:isolate;color:#fff;cursor:pointer;text-align:center;text-transform:uppercase;filter:drop-shadow(0 20px 28px #0000008f)drop-shadow(0 0 18px #ffc61a3d);background:0 0;border:0;align-content:center;place-items:center;gap:3px;width:min(430px,100vw - 48px);min-height:108px;padding:28px 76px 24px;animation:1.8s ease-in-out infinite cpuStartFloat;display:grid;position:relative}.cpu-start-card:before{content:"";z-index:-1;background:url(/assets/ui/action-plaque.png) 50%/100% 100% no-repeat;position:absolute;inset:-22px -38px}.cpu-start-card:hover,.cpu-start-card:focus-visible{filter:drop-shadow(0 23px 34px #0000009e)drop-shadow(0 0 24px #ffc61a5c);outline:none;transform:translateY(-3px)scale(1.03)}.cpu-start-card span{letter-spacing:0;color:#fff;text-shadow:0 2px #000000e6,0 0 18px #ffc61a80;font-family:Arial Black,Impact,sans-serif;font-size:clamp(1.02rem,2.3vw,1.34rem);font-weight:900;line-height:1}.cpu-start-card strong{color:#ffc61a;text-shadow:0 2px #000000db;font-size:clamp(.62rem,1.25vw,.78rem);font-weight:900;line-height:1.1}.cpu-intro-overlay{z-index:11;pointer-events:auto;-webkit-backdrop-filter:blur(3px)saturate(1.18);backdrop-filter:blur(3px)saturate(1.18);background:radial-gradient(circle at 50% 42%,#ffc61a29,#0000 24rem),radial-gradient(circle at 25% 42%,#ff1f2d1f,#0000 22rem),radial-gradient(circle at 75% 38%,#1e58ff24,#0000 22rem),#02040a6b;place-items:center;padding:24px;animation:.28s ease-out both deckFocusIn;display:grid;position:absolute;inset:0}.cpu-intro-overlay.is-dealing{-webkit-backdrop-filter:blur(1.5px)saturate(1.12);backdrop-filter:blur(1.5px)saturate(1.12);background:radial-gradient(circle at 50% 42%,#ffc61a1a,#0000 24rem),radial-gradient(circle at 18% 62%,#ff7a2224,#0000 18rem),radial-gradient(circle at 78% 54%,#47b7ff21,#0000 20rem),#02040a38}.cpu-intro-card{isolation:isolate;text-align:center;text-transform:uppercase;color:#fff;filter:drop-shadow(0 28px 42px #000000ad)drop-shadow(0 0 22px #ffc61a3d);align-content:center;place-items:center;gap:8px;width:min(500px,100vw - 42px);min-height:156px;padding:34px 88px 28px;display:grid;position:relative}.cpu-intro-card:before{content:"";z-index:-1;background:url(/assets/ui/action-plaque.png) 50%/100% 100% no-repeat;position:absolute;inset:-34px -50px}.cpu-intro-card:after{content:"";z-index:-1;filter:blur(16px);opacity:.9;background:linear-gradient(90deg,#ff1f2d2e,#ffc61a24,#1e58ff33);border-radius:999px;animation:1.1s ease-in-out infinite introCorePulse;position:absolute;inset:22px 64px}.cpu-intro-mark{width:76px;height:46px;margin-bottom:2px;position:relative}.cpu-intro-mark:before,.cpu-intro-mark:after{content:"";background:linear-gradient(135deg,#ffc61a42,#03050cdb),url(/assets/cards/card-back.webp) 50%/cover no-repeat;border:2px solid #f8f8f4db;border-radius:6px;width:34px;height:46px;position:absolute;box-shadow:0 0 10px #ffc61a59,0 12px 18px #0000006b}.cpu-intro-mark:before{left:11px;transform:rotate(-13deg)}.cpu-intro-mark:after{right:11px;transform:rotate(13deg)}.cpu-intro-card span{color:#fff;text-shadow:0 2px #000000eb,0 0 18px #ffc61a85;font-family:Arial Black,Impact,sans-serif;font-size:clamp(1rem,2.6vw,1.45rem);font-weight:900;line-height:1}.cpu-intro-card strong{color:#ffc61a;text-shadow:0 2px #000000e0;font-size:clamp(.62rem,1.25vw,.78rem);font-weight:900;line-height:1.1}.cpu-intro-meter{background:#03050c94;border:1px solid #ffd65880;border-radius:999px;width:min(260px,72vw);height:8px;margin-top:5px;overflow:hidden;box-shadow:inset 0 0 10px #000000b8,0 0 14px #ffc61a38}.cpu-intro-meter b{border-radius:inherit;background:linear-gradient(90deg,#ff1f2d,#ffc61a,#1e58ff);width:42%;height:100%;animation:1.1s ease-in-out infinite introMeterSweep;display:block;box-shadow:0 0 16px #ffc61a8a}.cpu-intro-overlay.is-dealing .cpu-intro-meter b{width:68%;animation-duration:.72s}.dealer-speech-bubble{left:var(--dealer-speech-x);top:var(--dealer-speech-y);width:var(--dealer-speech-w);color:#fff;text-align:center;text-transform:uppercase;transform-origin:34% 88%;filter:drop-shadow(0 8px 10px #00000057)drop-shadow(0 0 7px #ffc61a24);background:radial-gradient(circle at 18% 30%,#ff532224,#0000 46%),radial-gradient(circle at 92% 68%,#219cff1f,#0000 42%),linear-gradient(145deg,#0c0907c7,#04060bb8);border:1px solid #ffcc5870;border-radius:13px 15px 14px 10px;align-content:center;place-items:center;gap:2px;min-height:clamp(50px,3.7vw,66px);padding:10px 18px;animation:1.8s ease-in-out infinite dealerSpeechFloat;display:grid;position:absolute;transform:rotate(-14deg)skew(-7deg);box-shadow:inset 0 0 0 1px #ffffff0f,inset 0 -6px 12px #00000042,0 8px 12px #0000004d,0 0 9px #ffb1381f}.dealer-speech-bubble:before{display:none}.dealer-speech-bubble:after{content:"";pointer-events:none;border:1px solid #fff4be29;border-radius:13px 15px 15px 7px;position:absolute;inset:6px}.dealer-speech-bubble span{letter-spacing:0;color:#fff;text-shadow:0 2px #000000e6,0 0 15px #ffc61a80;font-family:Arial Black,Impact,sans-serif;font-size:clamp(.58rem,.86vw,.74rem);font-weight:900;line-height:1}.dealer-speech-bubble strong{color:#ffc61a;text-shadow:0 2px #000000db;font-size:clamp(.38rem,.62vw,.5rem);font-weight:900;line-height:1.1}.dealer-deck-arrow{left:var(--dealer-arrow-x);top:var(--dealer-arrow-y);width:var(--dealer-arrow-w);transform-origin:0;filter:drop-shadow(0 0 6px #ffc61a9e)drop-shadow(0 0 12px #ff581f52)drop-shadow(0 2px 3px #00000080);height:30px;animation:1.05s ease-in-out infinite dealerArrowPulse;position:absolute;transform:rotate(103deg)skew(-3deg)}.dealer-deck-arrow:before,.dealer-deck-arrow:after{content:"";position:absolute}.dealer-deck-arrow:before{background:linear-gradient(#fff4beb8,#ffc61a61 48%,#94210eb8),linear-gradient(90deg,#ff5d1f14,#ff601fd1,#ffe69c);border-radius:999px;height:6px;top:12px;left:0;right:22px;box-shadow:0 0 8px #ffc61a94,0 0 18px #ff4e2257,inset 0 1px #fff8d247,inset 0 -1px #00000080}.dealer-deck-arrow:after{clip-path:polygon(100% 50%,0 0,30% 50%,0 100%);opacity:.92;background:linear-gradient(135deg,#fff4befa,#ffc61ae6 48%,#ff481fc7);width:36px;height:24px;top:3px;right:0;box-shadow:0 0 14px #ffc61a85,0 0 22px #ff4e2247}.deck-focus-overlay.is-danger{background:radial-gradient(255px 142px at clamp(106px,9.2vw,182px) clamp(574px,72vh,720px),#ff765638 0%,#ff1f2d1f 30%,#00000005 52%,#0000004d 84%),#0000003d}.deck-focus-overlay.is-danger .dealer-speech-bubble strong{color:#ff6a4d}.deck-focus-overlay.is-danger .dealer-deck-arrow:before,.deck-focus-overlay.is-danger .dealer-deck-arrow:after{background:linear-gradient(90deg,#ff1f2d14,#ff614ad6,#ffe28efa)}.deck-focus-overlay.is-roulette{background:radial-gradient(272px 150px at clamp(106px,9.2vw,182px) clamp(574px,72vh,720px),#ffc61a33 0%,#1e58ff1a 34%,#00000005 56%,#00000047 84%),#00000038}.deck-focus-overlay.is-roulette .dealer-speech-bubble strong{color:#ffe28a}.deck-focus-overlay.is-roulette .dealer-deck-arrow:before,.deck-focus-overlay.is-roulette .dealer-deck-arrow:after{background:linear-gradient(90deg,#1e58ff14,#ffc61ad1,#fff4befa)}.roulette-target-badge{--roulette-core:#ffc61a;--roulette-deep:#ffc61a2e;z-index:6;border:1px solid color-mix(in srgb, var(--roulette-core) 76%, transparent);color:#fff;text-align:left;text-transform:uppercase;pointer-events:none;background:linear-gradient(100deg, var(--roulette-deep), #060910b8 42%, #0609106b), radial-gradient(circle at 10% 45%, color-mix(in srgb, var(--roulette-core) 28%, transparent), transparent 58%);width:clamp(286px,23vw,372px);min-height:112px;box-shadow:inset 0 1px 0 #ffffff29, 0 16px 34px #00000070, 0 0 22px color-mix(in srgb, var(--roulette-core) 28%, transparent);-webkit-backdrop-filter:blur(4px)saturate(1.18);backdrop-filter:blur(4px)saturate(1.18);border-radius:8px;grid-template-rows:auto auto;grid-template-columns:92px minmax(0,1fr);align-content:center;gap:6px;padding:14px 22px 14px 10px;animation:.24s ease-out both rouletteBadgeIn,1.15s ease-in-out .2s infinite rouletteBadgePulse;display:grid;position:absolute;top:clamp(214px,34vh,356px);left:calc(50% + clamp(126px,10vw,206px));transform:rotate(-4deg)skew(-5deg)}.roulette-target-badge:before{content:"";background:linear-gradient(90deg, transparent, var(--roulette-core));width:48px;height:4px;box-shadow:0 0 14px var(--roulette-core);border-radius:999px;position:absolute;top:50%;left:-18px;transform:translateY(-50%)}.roulette-target-badge:after{content:"";border:1px dashed #ffffff24;border-radius:6px;position:absolute;inset:7px}.roulette-target-art{z-index:1;object-fit:contain;width:104px;height:104px;filter:drop-shadow(0 0 10px color-mix(in srgb, var(--roulette-core) 54%, transparent)) drop-shadow(0 14px 18px #0000008f);-webkit-user-select:none;user-select:none;grid-row:1/3;place-self:center;position:relative;transform:translate(4px)skew(5deg)scale(1.08)}.roulette-target-badge span,.roulette-target-badge strong{z-index:1;grid-column:2;position:relative;transform:skew(5deg)}.roulette-target-badge span{color:#edf2ffc7;font-size:.72rem;font-weight:900}.roulette-target-badge strong{color:var(--roulette-core);text-shadow:0 2px 0 #000000e0, 0 0 16px color-mix(in srgb, var(--roulette-core) 58%, transparent);font-family:Arial Black,Impact,sans-serif;font-size:clamp(1.04rem,1.72vw,1.48rem);font-weight:900;line-height:.98}.roulette-target-badge.target-ember{--roulette-core:#ff4050;--roulette-deep:#ff1f2d33}.roulette-target-badge.target-tide{--roulette-core:#47b7ff;--roulette-deep:#1e58ff33}.roulette-target-badge.target-volt{--roulette-core:#ffc61a;--roulette-deep:#ffc61a33}.roulette-target-badge.target-stone{--roulette-core:#b8d69e;--roulette-deep:#75d66b2e}.roulette-deck-target{--roulette-core:#ffc61a;--roulette-deep:#ffc61a2e;border:1px solid color-mix(in srgb, var(--roulette-core) 82%, transparent);color:#fff;text-align:left;text-transform:uppercase;background:linear-gradient(108deg, var(--roulette-deep), #05070cdb 48%, #05070c8f), radial-gradient(circle at 18% 52%, color-mix(in srgb, var(--roulette-core) 26%, transparent), transparent 58%);width:clamp(188px,14vw,246px);min-height:86px;box-shadow:inset 0 1px 0 #ffffff24, inset 0 -7px 14px #00000047, 0 14px 24px #00000085, 0 0 20px color-mix(in srgb, var(--roulette-core) 32%, transparent);-webkit-backdrop-filter:blur(3px)saturate(1.18);backdrop-filter:blur(3px)saturate(1.18);border-radius:8px;grid-template-rows:auto auto;grid-template-columns:74px minmax(0,1fr);align-content:center;column-gap:10px;padding:9px 14px 9px 5px;animation:.22s ease-out both rouletteDeckTargetIn,1.05s ease-in-out .18s infinite rouletteDeckTargetPulse;display:grid;position:absolute;top:clamp(584px,72vh,708px);left:clamp(188px,13.6vw,286px);transform:rotate(-8deg)skew(-6deg)}.roulette-deck-target:before{content:"";background:linear-gradient(90deg, transparent, var(--roulette-core));width:48px;height:4px;box-shadow:0 0 10px var(--roulette-core), 0 0 18px color-mix(in srgb, var(--roulette-core) 42%, transparent);border-radius:999px;position:absolute;top:52%;left:-42px;transform:translateY(-50%)}.roulette-deck-target:after{content:"";pointer-events:none;border:1px dashed #ffffff24;border-radius:6px;position:absolute;inset:6px}.roulette-deck-art{z-index:1;object-fit:contain;width:82px;height:82px;filter:drop-shadow(0 0 10px color-mix(in srgb, var(--roulette-core) 58%, transparent)) drop-shadow(0 12px 16px #0000008f);-webkit-user-select:none;user-select:none;grid-row:1/3;place-self:center;position:relative;transform:translate(2px)skew(6deg)scale(1.08)}.roulette-deck-target span,.roulette-deck-target strong{z-index:1;grid-column:2;min-width:0;position:relative;transform:skew(6deg)}.roulette-deck-target span{color:#edf2ffbd;font-size:.64rem;font-weight:900;line-height:1}.roulette-deck-target strong{overflow-wrap:anywhere;color:var(--roulette-core);text-shadow:0 2px 0 #000000e6, 0 0 16px color-mix(in srgb, var(--roulette-core) 58%, transparent);font-family:Arial Black,Impact,sans-serif;font-size:clamp(1.1rem,2vw,1.54rem);font-weight:900;line-height:.92}.roulette-deck-target.target-ember{--roulette-core:#ff4050;--roulette-deep:#ff1f2d38}.roulette-deck-target.target-tide{--roulette-core:#47b7ff;--roulette-deep:#1e58ff38}.roulette-deck-target.target-volt{--roulette-core:#ffc61a;--roulette-deep:#ffc61a38}.roulette-deck-target.target-stone{--roulette-core:#b8d69e;--roulette-deep:#75d66b33}.turn-command-panel{--turn-core:#ffc61a;z-index:7;color:#fff;text-transform:uppercase;pointer-events:none;-webkit-backdrop-filter:blur(2px)saturate(1.08);backdrop-filter:blur(2px)saturate(1.08);background:linear-gradient(100deg,#ffc61a1f,#06080e61 48%,#1e58ff0f),radial-gradient(circle at 14% 48%,#ffc61a33,#0000 58%);border:0;border-radius:7px;grid-template-columns:46px minmax(0,1fr);align-items:center;gap:8px;width:clamp(214px,15.2vw,286px);min-height:58px;padding:6px 8px 8px;animation:.22s ease-out both turnCommandIn;display:grid;position:absolute;bottom:clamp(48px,7.1vh,78px);right:clamp(92px,5.7vw,126px);transform:rotate(-2deg)skew(-5deg);box-shadow:inset 0 1px #ffffff14,inset 0 -8px 14px #00000029,0 0 14px #ffc61a1a}.turn-command-panel.has-action{grid-template-columns:46px minmax(0,1fr) 70px;width:clamp(282px,20vw,354px);right:clamp(66px,4.2vw,98px)}.turn-command-panel:before{content:"";z-index:-1;pointer-events:none;background:linear-gradient(90deg,#ffc61a1f,#080a102e 60%,#0000),linear-gradient(#ffffff0f,#0000 52%);border:1px solid #ffc61a29;border-radius:8px;position:absolute;inset:-3px -7px}.turn-command-panel:after{content:"";background:linear-gradient(90deg,#ff1f2d66,#ffc61aad,#1e58ff4d);border-radius:999px;height:2px;position:absolute;bottom:5px;left:52px;right:18px;box-shadow:0 0 10px #ffc61a3d}.turn-command-panel.is-warning{--turn-core:#ff4050;box-shadow:inset 0 1px #ffffff14,inset 0 -8px 14px #0000002e,0 0 18px #ff40503d}.turn-timer-ring{background:radial-gradient(circle at center, #05070ceb 0 54%, transparent 55%), conic-gradient(var(--turn-core) var(--turn-progress), #ffffff24 0);width:44px;height:44px;box-shadow:inset 0 0 0 1px #ffffff2e, 0 0 12px color-mix(in srgb, var(--turn-core) 34%, transparent);border-radius:50%;place-items:center;display:grid;position:relative;transform:skew(5deg)}.turn-timer-ring:after{content:"";border:1px solid #ffffff1f;border-radius:50%;position:absolute;inset:8px}.turn-timer-ring span{z-index:1;color:#fff;text-shadow:0 2px 0 #000000e6, 0 0 12px color-mix(in srgb, var(--turn-core) 54%, transparent);font-family:Arial Black,Impact,sans-serif;font-size:1.02rem;font-weight:900;line-height:1;position:relative}.turn-command-copy{z-index:1;gap:3px;min-width:0;display:grid;position:relative;transform:skew(5deg)}.turn-command-copy span{color:#edf2ffc2;font-size:.56rem;font-weight:900;line-height:1}.turn-command-copy strong{overflow-wrap:anywhere;color:var(--turn-core);text-shadow:0 2px 0 #000000e0, 0 0 14px color-mix(in srgb, var(--turn-core) 42%, transparent);font-family:Arial Black,Impact,sans-serif;font-size:clamp(.7rem,1.08vw,.9rem);font-weight:900;line-height:1}.turn-command-button{z-index:1;color:#0a0710;text-transform:uppercase;cursor:pointer;pointer-events:auto;background:linear-gradient(#ffe88c,#ffc61a 52%,#ff8a00);border:1px solid #fff4be70;border-radius:6px;min-width:0;min-height:34px;padding:0 9px;font-family:Arial Black,Impact,sans-serif;font-size:.62rem;font-weight:900;line-height:1;position:relative;transform:skew(5deg);box-shadow:inset 0 1px #ffffff6b,inset 0 -4px #70360042,0 8px 14px #0000005c,0 0 12px #ffc61a47}.turn-command-button:not(:disabled):hover,.turn-command-button:not(:disabled):focus-visible{filter:brightness(1.08);outline:none;transform:skew(5deg)translateY(-1px)}.turn-command-button:disabled{cursor:default;color:#ffffff9e;background:linear-gradient(#ffffff29,#0a0c128a);border-color:#ffffff2e;box-shadow:inset 0 1px #ffffff1f,0 6px 12px #00000047}@keyframes deckFocusIn{0%{opacity:0}to{opacity:1}}@keyframes deckNoticeFloat{0%,to{transform:translate(-50%,-50%)translateY(0)scale(1)}50%{transform:translate(-50%,-50%)translateY(-4px)scale(1.015)}}@keyframes turnCommandIn{0%{opacity:0;transform:translateY(8px)rotate(-2deg)skew(-5deg)}to{opacity:1;transform:translateY(0)rotate(-2deg)skew(-5deg)}}@keyframes rouletteDeckTargetIn{0%{opacity:0;transform:translateY(10px)rotate(-8deg)skew(-6deg)scale(.94)}to{opacity:1;transform:translateY(0)rotate(-8deg)skew(-6deg)scale(1)}}@keyframes rouletteDeckTargetPulse{0%,to{filter:brightness()saturate()}50%{filter:brightness(1.14)saturate(1.18)}}@keyframes rouletteDeckTargetMobileIn{0%{opacity:0;transform:translate(-50%)translateY(10px)rotate(-3deg)skew(-5deg)scale(.94)}to{opacity:1;transform:translate(-50%)translateY(0)rotate(-3deg)skew(-5deg)scale(1)}}@keyframes dealerSpeechFloat{0%,to{transform:rotate(-14deg)skew(-7deg)translateY(0)scale(1)}50%{transform:rotate(-14deg)skew(-7deg)translateY(-2px)scale(1.008)}}@keyframes cpuStartFloat{0%,to{transform:translateY(0)scale(1)}50%{transform:translateY(-4px)scale(1.015)}}@keyframes introCorePulse{0%,to{opacity:.58;transform:scaleX(.96)}50%{opacity:.95;transform:scaleX(1.04)}}@keyframes introMeterSweep{0%{transform:translate(-115%)}to{transform:translate(255%)}}@keyframes dealerArrowPulse{0%,to{opacity:.68;transform:translate(0)rotate(103deg)skew(-3deg)scaleX(1)}50%{opacity:1;transform:translate(1px,2px)rotate(103deg)skew(-3deg)scaleX(1.035)}}@keyframes deckTargetPulse{0%,to{opacity:.42;transform:rotate(-9deg)scale(.98)}50%{opacity:.78;transform:rotate(-9deg)scale(1.06)}}@keyframes deckRunePulse{0%,to{opacity:.42;transform:rotate(-8deg)skew(-9deg)scale(.98)}50%{opacity:.92;transform:rotate(-8deg)skew(-9deg)scale(1.04)}}@keyframes rouletteBadgeIn{0%{opacity:0;transform:translate(-12px)rotate(-4deg)skew(-5deg)scale(.95)}to{opacity:1;transform:translate(0)rotate(-4deg)skew(-5deg)scale(1)}}@keyframes rouletteBadgePulse{0%,to{filter:brightness()}50%{filter:brightness(1.15)}}@keyframes rouletteBadgeMobileIn{0%{opacity:0;transform:translate(-50%)translateY(8px)rotate(-2deg)skew(-4deg)scale(.95)}to{opacity:1;transform:translate(-50%)translateY(0)rotate(-2deg)skew(-4deg)scale(1)}}.table-overlay{z-index:5;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#03050c8c;place-items:center;display:grid;position:absolute;inset:0}.table-modal{background:#080b14f2;border:1px solid #ffffff29;border-radius:14px;flex-direction:column;align-items:center;gap:14px;padding:24px 28px;display:flex;box-shadow:0 30px 80px #0009}.table-modal strong,.table-modal span{color:#fff;text-align:center;font-size:1.05rem;font-weight:900}.choice-turn-timer{top:max(18px, env(safe-area-inset-top));color:#eed59c;text-shadow:0 2px 2px #000;background:#101212 url(/assets/arena-skins/hud/player-panel-v1.png) 50%/100% 100% no-repeat;align-items:center;gap:16px;padding:12px 24px;display:flex;position:absolute;left:50%;transform:translate(-50%)}.choice-turn-timer>span{text-transform:uppercase;white-space:nowrap;font-size:12px;font-weight:800}.choice-turn-timer>strong{font-variant-numeric:tabular-nums;font-size:28px}.choice-turn-timer small{font-size:14px}.choice-turn-timer.is-warning{color:#ff8b76}.elimination-choice-overlay{background:radial-gradient(#17141155,#030608b8)}.elimination-choice-modal{isolation:isolate;text-align:center;filter:drop-shadow(0 20px 38px #000b);align-content:center;place-items:center;gap:20px;width:min(600px,100vw - 32px);min-height:370px;max-height:calc(100dvh - 32px);padding:54px 64px 48px;animation:.2s ease-out both organizerPanelIn;display:grid;position:relative;overflow-y:auto}.elimination-choice-modal:before{content:"";z-index:-1;pointer-events:none;background:#101212 url(/assets/arena-skins/hud/player-panel-v1.png) 50%/100% 100% no-repeat;position:absolute;inset:0}.elimination-choice-modal>span{text-transform:uppercase;color:#d38b73;text-shadow:0 3px 2px #000;max-width:16ch;font-family:Arial Black,Impact,sans-serif;font-size:clamp(1.6rem,3vw,2.1rem);font-weight:900;line-height:1.08}.elimination-choice-modal>strong{color:#c6beae;text-shadow:0 2px 2px #000;max-width:32ch;font-size:.94rem;font-weight:600;line-height:1.5}.elimination-choice-modal .modal-buttons{flex-direction:column;gap:12px;width:100%;margin-top:4px}.elimination-choice-modal .modal-buttons button{letter-spacing:.04em;text-transform:uppercase;text-shadow:0 2px 2px #000;border:1px solid #75613e;border-radius:3px;width:100%;min-height:52px;padding:12px 18px;font-size:.85rem;box-shadow:inset 0 0 0 3px #0005,inset 0 1px #efd29b22,0 4px 10px #0005}.elimination-choice-modal .secondary-action{color:#eed59c;background:linear-gradient(160deg,#403523,#191b19 70%)}.elimination-choice-modal .primary-action{color:#cbb8a5;background:linear-gradient(160deg,#2b2220,#141616 70%);border-color:#654c40}.elimination-choice-modal .modal-buttons button:hover{filter:brightness(1.15);border-color:#c7a668}.elimination-choice-modal .modal-buttons button:focus-visible{outline-offset:3px;outline:2px solid #eed59c}.modal-buttons{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.modal-buttons button{color:#fff;cursor:pointer;background:#ffffff14;border:2px solid #ffffff3d;border-radius:10px;min-height:44px;padding:0 18px;font-weight:900}.element-choice-modal{isolation:isolate;text-transform:uppercase;background:radial-gradient(circle at 18% 18%,#ff3f1b24,#0000 32%),radial-gradient(circle at 80% 20%,#2c97ff24,#0000 34%),linear-gradient(145deg,#08090ef0,#03060ce6);border:1px solid #ffd67e47;border-radius:8px;gap:18px;width:min(520px,100vw - 32px);padding:clamp(24px,3vw,34px) clamp(22px,3vw,36px) clamp(26px,3.3vw,38px);position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #ffffff0f,inset 0 -18px 34px #00000057,0 28px 82px #000000b8,0 0 34px #ffc61a1f}.element-choice-modal:before,.element-choice-modal:after{content:"";pointer-events:none;z-index:-1;position:absolute}.element-choice-modal:before{background:linear-gradient(90deg,#0000 0 9%,#ffd67e29 10%,#0000 11% 89%,#ffd67e29 90%,#0000 91%),linear-gradient(0deg,#0000 0 9%,#ffd67e1f 10%,#0000 11% 89%,#ffd67e1f 90%,#0000 91%);border:1px solid #fff4be24;border-radius:6px;inset:9px}.element-choice-modal:after{opacity:.46;background:conic-gradient(from 18deg,#0000,#ffc61a29,#0000,#1e58ff24,#0000);animation:5.4s linear infinite elementalChoiceAura;inset:-42%}.element-choice-modal>strong{color:#f8f4e8;text-shadow:0 2px #000000eb,0 0 16px #ffc61a52;font-family:Arial Black,Impact,sans-serif;font-size:clamp(.96rem,1.8vw,1.18rem);line-height:1;position:relative}.element-choice-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(8px,1.1vw,12px);width:100%;display:grid}.element-choice-button{isolation:isolate;color:#fff;cursor:pointer;border:1px solid #ffffff2e;border-radius:8px;align-content:center;place-items:center;gap:7px;min-width:0;min-height:clamp(86px,8.2vw,112px);padding:11px 8px 10px;transition:transform .14s,filter .14s,border-color .14s;display:grid;position:relative;overflow:hidden;transform:translateY(0);box-shadow:inset 0 1px #ffffff2e,inset 0 -12px 18px #00000057,0 14px 24px #00000057}.element-choice-button:before,.element-choice-button:after{content:"";pointer-events:none;z-index:-1;position:absolute}.element-choice-button:before{opacity:.84;background:radial-gradient(circle at 50% 32%, var(--element-glow), transparent 38%), linear-gradient(145deg, #ffffff24, transparent 28%), linear-gradient(165deg, var(--element-core), var(--element-deep));inset:-18%}.element-choice-button:after{border:1px solid var(--element-line);mix-blend-mode:screen;opacity:.56;background:linear-gradient(115deg,#0000 0 40%,#fff3 42%,#0000 46%),repeating-linear-gradient(135deg,#ffffff0f 0 1px,#0000 1px 9px);border-radius:5px;inset:6px}.element-choice-button i{background:radial-gradient(circle at 36% 28%, #ffffffb3, transparent 22%), radial-gradient(circle at center, var(--element-hot), var(--element-core) 54%, #000000b8 72%);width:clamp(34px,3.2vw,46px);height:clamp(34px,3.2vw,46px);box-shadow:inset 0 0 0 2px #ffffff29, 0 0 12px var(--element-glow), 0 0 22px #0000006b;border-radius:50%;display:block}.element-choice-button span{color:#fff;text-shadow:0 2px 0 #000000e6, 0 0 12px var(--element-glow);font-family:Arial Black,Impact,sans-serif;font-size:clamp(.64rem,1.05vw,.82rem);line-height:1}.element-choice-button:hover,.element-choice-button:focus-visible{filter:brightness(1.15)saturate(1.12);border-color:var(--element-line);outline:none;transform:translateY(-4px)scale(1.035)}.element-choice-button:active{transform:translateY(-1px)scale(.98)}.element-choice-button.elem-ember{--slot-x:17.4%;--slot-y:50.7%;--slot-w:11.6%;--slot-h:43.5%;--element-core:#ff2637;--element-deep:#4e0308;--element-hot:#ffc044;--element-glow:#ff3c1fb8;--element-line:#ff7a44b8;--element-text:#ffd6c7}.element-choice-button.elem-tide{--slot-x:38.9%;--slot-y:50.7%;--slot-w:11.8%;--slot-h:43.5%;--element-core:#1678ff;--element-deep:#04184d;--element-hot:#9ee9ff;--element-glow:#1facffad;--element-line:#6bd7ffad;--element-text:#d8f6ff}.element-choice-button.elem-volt{--slot-x:61.4%;--slot-y:50.6%;--slot-w:11.8%;--slot-h:43.5%;--element-core:#ffc61a;--element-deep:#5d2d00;--element-hot:#fff4a8;--element-glow:#ffd632b8;--element-line:#ffea8ab8;--element-text:#fff1a6}.element-choice-button.elem-stone{--slot-x:82.8%;--slot-y:50.5%;--slot-w:11.9%;--slot-h:43.8%;--element-core:#9eaa99;--element-deep:#202a22;--element-hot:#e5f0d7;--element-glow:#97c4857a;--element-line:#cbe2be7a;--element-text:#e3f0d8}.element-choice-modal{width:min(850px,100vw - 32px);min-height:unset;aspect-ratio:1672/941;box-shadow:none;filter:drop-shadow(0 34px 58px #000000c2)drop-shadow(0 0 18px #ffc61a29);background:url(/assets/ui/element-choice-frame-v1.png) 50%/100% 100% no-repeat;border:0;border-radius:0;justify-content:center;gap:clamp(10px,1.2vw,16px);padding:clamp(88px,7.5vw,120px) clamp(78px,6.9vw,116px) clamp(86px,7.3vw,118px);overflow:visible}.element-choice-modal:before,.element-choice-modal:after{content:none}.element-choice-modal>strong{z-index:2;color:#fff7dc;text-shadow:0 3px #000000eb,0 0 14px #ffc61a7a,0 0 28px #ff541f2e;margin:0;font-size:clamp(1.16rem,1.72vw,1.52rem);position:absolute;bottom:-3%;left:50%;transform:translate(-50%)}.element-choice-grid{width:100%;display:block;position:absolute;inset:0}.element-choice-button{--slot-x:50%;--slot-y:50%;--slot-w:13%;--slot-h:43%;min-height:unset;left:var(--slot-x);top:var(--slot-y);width:var(--slot-w);height:var(--slot-h);aspect-ratio:auto;box-shadow:none;transform-origin:50%;filter:none;background:0 0;border:0;border-radius:18px;padding:0;position:absolute;overflow:hidden;transform:translate(-50%,-50%)}.element-choice-button:before,.element-choice-button:after{content:"";z-index:0;pointer-events:none;position:absolute}.element-choice-button:before{aspect-ratio:1;opacity:0;background:radial-gradient(circle at center, #ffffff9e 0%, var(--element-hot) 14%, var(--element-glow) 38%, #0000 76%);filter:blur(7px);mix-blend-mode:screen;border-radius:50%;width:74%;transition:opacity .16s,transform .16s;top:50%;left:50%;transform:translate(-50%,-50%)scale(.9)}.element-choice-button:after{aspect-ratio:1;opacity:0;background:radial-gradient(circle at center, #ffffff2e 0%, var(--element-glow) 24%, #0000 72%), repeating-conic-gradient(from 12deg, #ffffff14 0 4deg, transparent 4deg 18deg);width:102%;box-shadow:inset 0 0 34px var(--element-glow), 0 0 24px var(--element-glow);mix-blend-mode:screen;border:0;border-radius:50%;transition:opacity .16s;top:50%;left:50%;transform:translate(-50%,-50%)scale(.92)}.element-choice-button span{z-index:1;min-width:0;color:var(--element-text);letter-spacing:0;opacity:.96;text-shadow:0 2px 0 #000000f2, 0 0 8px var(--element-hot), 0 0 18px var(--element-glow), 0 0 26px #000000e0;background:0 0;border:0;border-radius:0;padding:0;font-family:Arial Black,Impact,sans-serif;font-size:clamp(.92rem,1.34vw,1.16rem);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.element-choice-button:hover,.element-choice-button:focus-visible{filter:none;outline:none;transform:translate(-50%,-50%)}.element-choice-button:hover:before,.element-choice-button:focus-visible:before{opacity:.9;transform:translate(-50%,-50%)scale(1.08)}.element-choice-button:hover:after,.element-choice-button:focus-visible:after{opacity:.62}.element-choice-button:hover span,.element-choice-button:focus-visible span{opacity:1}.table-modal.end .end-seal{mix-blend-mode:screen;filter:drop-shadow(0 10px 30px #0009);width:min(320px,70vw);height:auto}.table-overlay-end{-webkit-backdrop-filter:blur(2px)saturate(1.16);backdrop-filter:blur(2px)saturate(1.16);background:radial-gradient(circle at 50% 34%,#ffffff1a,#0000 22rem),radial-gradient(circle at 50% 48%,#ffc61a1a,#0000 31rem),#03050c57}.result-modal{isolation:isolate;-webkit-backdrop-filter:blur(11px)saturate(1.22);backdrop-filter:blur(11px)saturate(1.22);background:radial-gradient(circle at 50% 14%,#ffc61a2e,#0000 18rem),radial-gradient(circle at 50% 105%,#1e58ff1a,#0000 16rem),linear-gradient(145deg,#ffffff29,#ffffff09),#0709107a;border-radius:18px;gap:16px;width:min(560px,100vw - 32px);max-height:calc(100dvh - 28px);padding:clamp(18px,3vw,30px);position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffff38,inset 0 -28px 48px #0000001f,0 30px 90px #0000008a}.result-modal:before,.result-modal:after{content:"";pointer-events:none;z-index:-1;position:absolute}.result-modal:before{opacity:.55;animation:3.8s ease-in-out infinite resultGlowPulse;inset:-28%}.result-modal:after{mix-blend-mode:screen;border:1px dashed #ffffff24;border-radius:14px;inset:10px}.result-modal.victory{border-color:#ffc61a9e}.result-modal.victory:before{background:radial-gradient(circle at 50% 18%,#ffd34a5c,#0000 18rem),radial-gradient(circle at 12% 62%,#ff7a122e,#0000 15rem)}.result-modal.defeat{border-color:#ff1f2d9e}.result-modal.defeat:before{background:radial-gradient(circle at 50% 18%,#ff1f2d52,#0000 18rem),radial-gradient(circle at 86% 66%,#7c000e4d,#0000 15rem)}.result-art{place-items:center;width:100%;min-height:clamp(110px,22vw,184px);display:grid;position:relative}.result-art:before{content:"";filter:blur(22px);opacity:.52;border-radius:50%;width:min(380px,74vw);height:min(190px,36vw);position:absolute}.victory .result-art:before{background:radial-gradient(circle,#ffc61a80,#ff7a1214 62%,#0000 72%)}.defeat .result-art:before{background:radial-gradient(circle,#ff1f2d75,#4e000c24 62%,#0000 72%)}.result-modal .end-seal{z-index:1;mix-blend-mode:screen;width:min(340px,72vw);height:auto;animation:3.2s ease-in-out infinite resultSealFloat;position:relative}.victory .end-seal{filter:drop-shadow(0 18px 34px #000000b8)drop-shadow(0 0 24px #ffc61a80)}.defeat .end-seal{filter:drop-shadow(0 18px 34px #000000b8)drop-shadow(0 0 24px #ff1f2d70)}.result-sparks{opacity:.72;border-radius:999px;width:5px;height:5px;animation:2.6s ease-in-out infinite resultSparkDrift;position:absolute}.victory .result-sparks{background:#ffc61a;box-shadow:42px -22px #ffc61ac2,-58px 14px #ff7a1294,92px 36px #ffe8948c,-104px -34px #ffc61a6b}.defeat .result-sparks{background:#ff1f2d;box-shadow:48px -18px #ff1f2dad,-64px 18px #9d051394,96px 34px #ff5f5b6b,-102px -28px #ff1f2d5c}.result-sparks-b{animation-delay:-1.1s;transform:rotate(24deg)scale(.8)}.result-copy{text-align:center;gap:4px;display:grid}.result-copy strong{letter-spacing:0;text-transform:uppercase;font-family:Arial Black,Impact,sans-serif;font-size:clamp(1.02rem,2.4vw,1.42rem)}.victory .result-copy strong{color:#ffc61a;text-shadow:0 0 18px #ffc61a6b}.defeat .result-copy strong{color:#ff4050;text-shadow:0 0 18px #ff1f2d6b}.result-copy span{color:#fff;text-transform:uppercase;text-shadow:3px 0 #0b1222,-2px 2px #ff1f2dc7,2px -1px #2768ffa8;font-family:Arial Black,Impact,sans-serif;font-size:clamp(1.26rem,4vw,2.3rem);line-height:.98}.result-summary{-webkit-backdrop-filter:blur(5px)saturate(1.12);backdrop-filter:blur(5px)saturate(1.12);background:radial-gradient(circle at 50% 0,#ffffff17,#0000 14rem),linear-gradient(#ffffff17,#ffffff06),#03050c29;border:1px solid #ffffff29;border-radius:14px;width:100%;padding:14px}.result-summary h2{color:#ffffffb8;letter-spacing:0;text-align:center;text-transform:uppercase;margin:0 0 10px;font-family:Arial Black,Impact,sans-serif;font-size:.72rem}.result-stats{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.result-stats article{background:linear-gradient(#ffffff1b,#ffffff07),#03050c24;border:1px solid #ffffff24;border-radius:12px;place-items:center;gap:5px;min-height:104px;padding:10px 6px;display:grid}.result-stats strong{color:#fff;font-family:Arial Black,Impact,sans-serif;font-size:clamp(1.2rem,3vw,1.78rem);line-height:1}.result-stats span{color:#edf2ffb8;text-align:center;text-transform:uppercase;max-width:8.5rem;font-size:.72rem;font-weight:900;line-height:1.05}.stat-icon{width:28px;height:28px;display:block;position:relative}.stat-cards:before,.stat-cards:after{content:"";border:2px solid;border-radius:4px;position:absolute;inset:4px 7px;transform:rotate(-10deg)}.stat-cards:after{opacity:.68;transform:translate(6px,-2px)rotate(8deg)}.stat-special:before{content:"";clip-path:polygon(48% 0,100% 40%,62% 40%,84% 100%,0 50%,40% 50%);background:currentColor;width:12px;height:24px;position:absolute;top:2px;left:8px}.stat-clock:before{content:"";border:2px solid;border-radius:999px;position:absolute;inset:4px}.stat-clock:after{content:"";border-bottom:2px solid;border-left:2px solid;width:8px;height:9px;position:absolute;top:8px;left:13px}.victory .stat-icon{color:#ffc61a;filter:drop-shadow(0 0 10px #ffc61a57)}.defeat .stat-icon{color:#ff4050;filter:drop-shadow(0 0 10px #ff1f2d52)}.result-modal .modal-buttons{flex-direction:column;width:100%}.result-modal .modal-buttons button{text-transform:uppercase;border-radius:12px;width:100%;min-height:48px}.result-modal .modal-buttons .primary-action{border-color:#ffffff47}.result-modal.victory .modal-buttons .primary-action{color:#07101f;background:linear-gradient(160deg,#ffd43af5,#ff9d00f0);box-shadow:0 16px 34px #ffa6003d}.result-modal.defeat .modal-buttons .primary-action{color:#fff;background:linear-gradient(160deg,#ff4050f0,#b40414eb);box-shadow:0 16px 34px #ff1f2d3d}@keyframes resultGlowPulse{0%,to{opacity:.42;transform:scale(.98)}50%{opacity:.62;transform:scale(1.03)}}@keyframes resultSealFloat{0%,to{transform:translateY(0)scale(1)}50%{transform:translateY(-4px)scale(1.015)}}@keyframes resultSparkDrift{0%,to{opacity:.42;transform:translate(0,0)}50%{opacity:.9;transform:translate(8px,-8px)}}@keyframes elementalChoiceAura{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (width<=560px){.turn-command-panel{grid-template-columns:42px minmax(0,1fr);gap:7px;width:min(214px,100vw - 30px);min-height:54px;padding:6px 8px;bottom:calc(18svh + 30px);right:clamp(18px,5vw,30px)}.turn-command-panel.has-action{grid-template-columns:42px minmax(0,1fr) 64px;width:min(286px,100vw - 24px);right:clamp(12px,4vw,24px)}.turn-timer-ring{width:40px;height:40px}.turn-timer-ring span{font-size:.9rem}.turn-command-copy span{font-size:.52rem}.turn-command-copy strong{font-size:clamp(.62rem,3vw,.8rem)}.turn-command-button{min-height:32px;padding:0 7px;font-size:.58rem}.roulette-deck-target{grid-template-columns:66px minmax(0,1fr);width:min(292px,100vw - 30px);min-height:78px;padding:8px 14px 8px 4px;animation:.22s ease-out both rouletteDeckTargetMobileIn,1.05s ease-in-out .18s infinite rouletteDeckTargetPulse;top:auto;bottom:calc(31svh + 106px);left:50%;transform:translate(-50%)rotate(-3deg)skew(-5deg)}.roulette-deck-target:before{top:auto;bottom:-10px;left:50%;transform:translate(-50%)rotate(90deg)}.roulette-deck-art{width:74px;height:74px;transform:translate(2px)skew(5deg)scale(1.05)}.roulette-deck-target span,.roulette-deck-target strong{transform:skew(5deg)}.roulette-deck-target strong{font-size:clamp(.98rem,6vw,1.32rem)}.roulette-target-badge{grid-template-columns:78px minmax(0,1fr);column-gap:10px;width:min(326px,100vw - 34px);min-height:96px;padding:12px 18px 12px 8px;animation:.24s ease-out both rouletteBadgeMobileIn,1.15s ease-in-out .2s infinite rouletteBadgePulse;top:auto;bottom:calc(30svh + 18px);left:50%;transform:translate(-50%)rotate(-2deg)skew(-4deg)}.roulette-target-art{width:86px;height:86px;transform:translate(3px)skew(4deg)scale(1.06)}.roulette-target-badge span,.roulette-target-badge strong{transform:skew(4deg)}.roulette-target-badge:before{top:-12px;left:50%;transform:translate(-50%)rotate(90deg)}.element-choice-modal{width:calc(100vw - 14px);padding:50px 45px 48px}.element-choice-grid{width:100%;display:block;inset:0}.element-choice-button{min-height:unset}.element-choice-button span{font-size:clamp(.56rem,2.3vw,.74rem)}.element-choice-modal>strong{font-size:clamp(.84rem,3.5vw,1.08rem);bottom:-2%}.elimination-choice-modal{width:min(470px,100vw - 24px);min-height:340px;padding:42px 34px 36px}.elimination-choice-modal:before{inset:0}.elimination-choice-modal>span{font-size:clamp(1.42rem,8vw,2rem)}.elimination-choice-modal>strong{font-size:.78rem}.elimination-choice-modal .modal-buttons{gap:8px;width:min(320px,100%)}.elimination-choice-modal .modal-buttons button{min-height:44px;font-size:.68rem}.result-modal{gap:12px}.result-stats{grid-template-columns:1fr}.result-stats article{text-align:left;grid-template-columns:36px 64px 1fr;justify-items:start;min-height:76px}.result-stats span{text-align:left}}.game-shell.screen-devtools .brand-rail{display:none}.game-shell.screen-devtools{height:100svh}.game-shell.screen-devtools .devtools-stage{border:0;border-radius:0;flex:1;width:100%;min-height:0;margin:0;display:block;position:relative;overflow:hidden}.game-shell.screen-devtools .arena-canvas-panel{height:auto;min-height:0;box-shadow:none;background:#040712;border:0;border-radius:0;position:absolute;inset:0}.game-shell.screen-devtools .arena-skeleton-host{width:100%;height:100%;min-height:100%}.game-shell.screen-devtools .devtools-header{z-index:6;pointer-events:none;border:0;justify-content:space-between;align-items:flex-start;gap:12px;padding:0;display:flex;position:absolute;top:14px;left:14px;right:14px}.game-shell.screen-devtools .devtools-title{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);pointer-events:auto;background:#040812ad;border:1px solid #ffffff1f;border-radius:8px;gap:8px;max-width:min(420px,42vw);padding:12px;display:grid;box-shadow:0 20px 44px #00000052}.game-shell.screen-devtools .devtools-stage.is-simulation .devtools-title{display:none}.game-shell.screen-devtools .devtools-title h1{color:#fff;text-shadow:0 4px #061124,0 14px 28px #00000061;margin:0;font-size:clamp(1.2rem,2.4vw,2rem);line-height:1}.game-shell.screen-devtools .devtools-header-actions{pointer-events:auto;flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px;max-width:min(1040px,72vw);display:flex}.game-shell.screen-devtools .devtools-header-actions .primary-action,.game-shell.screen-devtools .devtools-header-actions .secondary-action{border-radius:8px;min-width:132px;min-height:40px;padding:0 14px;font-size:.78rem}.game-shell.screen-devtools .devtools-stage.is-simulation .devtools-header-actions{max-width:min(760px,78vw)}.game-shell.screen-devtools .arena-devtools-inspector{z-index:5;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#03060ed1;border-color:#8ee6d847;width:min(360px,100vw - 28px);position:absolute;top:78px;bottom:14px;right:14px}.game-shell.screen-devtools .devtools-workspace{display:contents}@media (width<=760px){.game-shell.screen-devtools .devtools-header{grid-template-columns:1fr;display:grid;top:8px;left:8px;right:8px}.game-shell.screen-devtools .devtools-title{max-width:min(100%,310px);padding:9px}.game-shell.screen-devtools .devtools-title h1{font-size:1.18rem}.game-shell.screen-devtools .status-line{min-height:24px;padding:5px 9px;font-size:.62rem}.game-shell.screen-devtools .devtools-header-actions{justify-content:flex-start;max-width:100%;display:flex}.game-shell.screen-devtools .devtools-header-actions .devtools-mode-switch{flex:100%;width:100%}.game-shell.screen-devtools .devtools-header-actions .devtools-mode-option{flex:1 1 0;min-width:0}.game-shell.screen-devtools .devtools-header-actions .devtools-toolbar-action{flex:auto;min-width:72px;min-height:34px;padding:0 9px;font-size:.64rem}.game-shell.screen-devtools .devtools-header-actions .primary-action,.game-shell.screen-devtools .devtools-header-actions .secondary-action{min-width:0;min-height:34px;padding:0 10px;font-size:.68rem}.game-shell.screen-devtools .devtools-stage.is-simulation .devtools-title{display:none}.game-shell.screen-devtools .devtools-stage.is-simulation .devtools-header{grid-template-columns:1fr}.game-shell.screen-devtools .devtools-stage.is-simulation .devtools-header-actions{justify-content:flex-end}.game-shell.screen-devtools .arena-devtools-inspector{width:calc(100vw - 16px);top:138px;bottom:8px;right:8px}}.arena-keyboard-controls{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}.arena-keyboard-controls:focus-within{z-index:70;clip-path:none;background:#080b12f5;border:1px solid #b79034;border-radius:8px;width:60%;height:auto;max-height:35%;padding:12px;top:12px;left:20%;overflow:auto}.arena-load-message{z-index:75;color:#fff;text-align:center;background:#10141e;padding:10px;position:absolute;top:8px;left:20%;right:20%}.game-shell.screen-menu{background:#04080b;height:auto;min-height:100svh;overflow:visible}.screen-menu>.brand-rail,.screen-menu:before{display:none}.portal-lobby{--gold:#dfbd76;isolation:isolate;color:#e8edf1;min-height:100svh;padding:20px clamp(24px,3vw,64px) 30px;position:relative;overflow:hidden}.portal-art,.portal-atmosphere{z-index:-2;pointer-events:none;position:absolute;inset:0}.portal-art{filter:brightness(.78);background:linear-gradient(90deg,#02070dbd,#0000 36% 67%,#02070d70),linear-gradient(#03070b90,#03070b22 20%,#0000 65%,#03080cd9),url(/assets/lobby/elemental-convergence-v1.webp) 50% 42%/cover no-repeat}.portal-atmosphere{z-index:-1;overflow:hidden}.portal-atmosphere i{background:radial-gradient(#fa430c22,#0000 65%);width:34%;height:45%;animation:7s ease-in-out infinite alternate portal-glow;position:absolute;top:32%;left:15%}.portal-atmosphere i:nth-child(2){background:radial-gradient(#089fff24,#0000 64%);animation-delay:-3s;left:52%}.portal-atmosphere i:nth-child(3){background:radial-gradient(#ffc43c18,#0000 65%);animation-delay:-5s;top:12%;left:32%}.portal-header{grid-template-columns:1fr auto 1fr;align-items:start;gap:24px;max-width:none;margin:auto;display:grid}.portal-logo{object-fit:contain;width:clamp(146px,13vw,215px);height:100px}.portal-nav{background:linear-gradient(#09131ee0,#040b12f5);border:1px solid #30405277;border-top:0;border-radius:0 0 18px 18px;padding:0 22px;display:flex;box-shadow:0 15px 45px #0007}.portal-nav button{color:#9daec5;background:0 0;border-bottom:2px solid #0000;flex-direction:column;align-items:center;gap:8px;min-width:86px;padding:14px 20px;font-size:11px;display:flex}.portal-nav svg{width:22px;height:22px}.portal-nav .is-current{color:#ff6b65;background:linear-gradient(#ff302a10,#b319152f);border-bottom-color:#ff443a}.portal-nav button:hover{color:#fff;background-color:#ffffff09}.portal-profile{z-index:5;justify-self:end;max-width:260px;margin-top:4px;position:relative}.portal-profile summary{cursor:pointer;background:#071018e8;border:1px solid #36506877;border-radius:30px;align-items:center;gap:12px;padding:8px 15px 8px 8px;font-size:12px;display:flex}.portal-profile summary b{color:#ecd8b0;background:#1e272c;border:1px solid #bca675;border-radius:50%;place-items:center;width:34px;height:34px;display:grid}.portal-profile summary span{text-overflow:ellipsis;white-space:nowrap;max-width:145px;overflow:hidden}.portal-profile i{font-style:normal}.portal-profile>div{overflow-wrap:anywhere;background:#071018f5;border:1px solid #364957;border-radius:6px;gap:8px;min-width:220px;padding:20px;display:grid;position:absolute;top:calc(100% + 10px);right:0}.portal-profile>div span,.portal-profile small{color:#97a8b6;font-size:12px}.portal-profile .portal-signout{color:#f0d4a0;cursor:pointer;background:linear-gradient(120deg,#332014,#131315);border:1px solid #886338;border-radius:4px;align-items:center;gap:10px;width:100%;margin-top:8px;padding:12px;display:flex}.portal-profile .portal-signout span{color:inherit;font-size:13px;font-weight:700}.portal-signout svg{flex-shrink:0;width:20px;height:20px}.portal-signout:hover{border-color:#dc9d56;box-shadow:inset 0 0 14px #dc9d5622}.portal-signout:focus-visible{outline-offset:3px;outline:2px solid #f0d4a0}.portal-main{grid-template-columns:clamp(240px,23vw,430px) minmax(340px,1fr) clamp(250px,23vw,430px);gap:clamp(20px,3vw,54px);max-width:none;min-height:clamp(480px,60vh,650px);margin:16px auto 24px;display:grid}.portal-welcome{padding-top:18px}.portal-eyebrow{color:#a7b6c4;letter-spacing:.12em;text-transform:uppercase;font-size:10px;font-weight:800;display:block}.portal-welcome h1{letter-spacing:.01em;text-shadow:0 4px 5px #000b;margin:14px 0 18px;font-family:Impact,Arial Black,sans-serif;font-size:clamp(35px,3.25vw,56px);font-style:italic;line-height:1.06}.portal-welcome h1 em{font-size:.65em;font-style:inherit;color:#ff4336}.portal-welcome h1 strong{color:#fff3d9;font-weight:inherit}.portal-welcome p{color:#a9b6c2;margin-bottom:26px;font-size:13px;line-height:1.7}.portal-actions{gap:12px;display:grid}.portal-action{--accent:#ff543b;text-align:left;color:#f2f2ee;background:linear-gradient(105deg,#40120af0,#180c09d9);border:1px solid #b44324;border-radius:4px;align-items:center;gap:13px;width:100%;min-height:72px;padding:14px 18px;transition:border-color .2s,box-shadow .2s;display:flex;box-shadow:inset 0 0 0 3px #05080960,0 6px 18px #0005}.portal-action.storm{--accent:#f5c845;background:linear-gradient(105deg,#382a0df0,#18150cd9);border-color:#8c6922}.portal-action.water{--accent:#4ac7fa;background:linear-gradient(105deg,#0e3046f0,#081c2bd9);border-color:#256887}.portal-actions .portal-action{text-shadow:0 1px 4px #000;background-image:url(/assets/lobby/elemental-banners-v1.webp);background-position:top;background-size:100% 300%;border-color:#675139;border-radius:0}.portal-actions .portal-action.storm{background-position:50%}.portal-actions .portal-action.water{background-position:bottom}.portal-action>svg:first-child{width:27px;height:27px;color:var(--accent);filter:drop-shadow(0 0 8px color-mix(in srgb,var(--accent),transparent 60%));flex-shrink:0}.portal-action>svg:last-child{flex-shrink:0;width:17px;height:17px;margin-left:auto}.portal-action strong{font-size:14px;display:block}.portal-action small{color:#c8c6c0;margin-top:6px;font-size:10px;display:block}.portal-action:hover{border-color:var(--accent);box-shadow:inset 0 0 0 3px #05080960,0 0 23px color-mix(in srgb,var(--accent),transparent 80%)}.portal-join-rune{background:radial-gradient(at 14% 0,#f5c84524,#0000 68%),linear-gradient(110deg,#10161ee8,#090d12f0);border:1px solid #8c6922;border-radius:4px;gap:9px;padding:13px;display:grid;box-shadow:inset 0 0 0 3px #05080960,0 6px 18px #0005}.portal-join-rune label{color:#f0d49b;align-items:center;gap:10px;min-width:0;display:flex}.portal-join-rune label svg{color:#f5c845;flex-shrink:0;width:22px;height:22px}.portal-join-rune label strong,.portal-join-rune label small{display:block}.portal-join-rune label strong{font-size:13px;font-weight:950}.portal-join-rune label small{color:#c8c6c0;margin-top:3px;font-size:10px;line-height:1.25}.portal-join-rune>div{grid-template-columns:minmax(0,1fr) minmax(78px,.34fr);gap:8px;display:grid}.portal-join-rune input{color:#fff;letter-spacing:.08em;text-transform:uppercase;background:#030912;border:1px solid #46566a;border-radius:4px;width:100%;min-width:0;height:42px;padding:0 12px;font-size:16px;font-weight:900}.portal-join-rune button{color:#1b1307;background:linear-gradient(#f0c65f,#c78d32);border:1px solid #e3b94c;border-radius:4px;min-width:0;height:42px;font-size:12px;font-weight:950}.portal-join-rune button:disabled{opacity:.5;cursor:not-allowed}.portal-future-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.portal-mini-action{color:#d8e1df;text-align:left;background:linear-gradient(110deg,#10181ddd,#070d11ea);border:1px solid #384850;border-radius:4px;align-items:center;gap:8px;min-width:0;min-height:48px;padding:9px 10px;display:flex}.portal-mini-action.water{border-color:#256887}.portal-mini-action.stone{border-color:#566845}.portal-mini-action svg{color:#c9b278;flex-shrink:0;width:18px;height:18px}.portal-mini-action>svg:last-child{opacity:.72;width:14px;height:14px;margin-left:auto}.portal-mini-action span{min-width:0}.portal-mini-action strong{font-size:11px;display:block}.portal-mini-action small{color:#9da9a7;font-size:9px;display:block}.portal-showcase{pointer-events:none;min-width:0;position:relative}.portal-deck{filter:drop-shadow(0 15px 18px #000d);width:150px;height:215px;position:absolute;bottom:90px;left:50%;transform:translate(-50%)}.portal-deck img{object-fit:contain;transform-origin:50% 100%;width:100%;height:100%;position:absolute}.portal-deck img:first-child{transform:rotate(-23deg)translate(-27px,-2px)}.portal-deck img:nth-child(2){transform:rotate(15deg)translate(24px,-8px)}.portal-deck img:last-child{transform:rotate(-4deg)}.portal-motto{text-align:center;background:linear-gradient(90deg,#0000,#050c14e0,#0000);width:100%;padding:14px 10px;position:absolute;bottom:18px;left:0}.portal-motto span{letter-spacing:.22em;color:#b4bdc1;font-size:9px}.portal-motto strong{letter-spacing:.08em;color:#ead6ad;margin-top:7px;font-size:clamp(12px,1.25vw,18px);display:block}.portal-panel{background:linear-gradient(135deg,#07111cef,#04090fef);border:1px solid #2a425580;border-radius:5px;box-shadow:inset 0 0 0 4px #05090e55,0 12px 35px #0006}.portal-modes{align-self:start;padding:22px 18px 18px}.portal-modes h2{margin:7px 0 20px;font-size:17px}.portal-mode{color:#ebebec;text-align:left;background:linear-gradient(110deg,#66150d80,#260d0944);border:1px solid #733325;border-radius:4px;align-items:center;gap:12px;width:100%;min-height:66px;margin-top:12px;padding:12px;display:flex}.portal-mode svg{flex-shrink:0;width:23px;height:23px}.portal-mode svg:last-child{width:15px;margin-left:auto}.portal-mode strong{font-size:12px;display:block}.portal-mode small{color:#a3aeb9;margin-top:5px;font-size:10px;display:block}.portal-mode.water{background:linear-gradient(110deg,#09374777,#08192255);border-color:#25485c}.portal-mode.stone{background:linear-gradient(110deg,#252c2977,#111a1855);border-color:#424b41}.portal-mode.storm{background:linear-gradient(110deg,#57410966,#221e1055);border-color:#625125}.portal-mode:disabled{opacity:.55;cursor:not-allowed}.portal-mode:not(:disabled):hover{border-color:#e2bd6c}.portal-element{text-align:center;color:#ff673a;width:26px;font-size:31px}.water .portal-element{color:#50c8ff}.storm .portal-element{color:#ffdf54}.portal-bots{color:#a6b1ba;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;padding:12px 3px 0;font-size:10px;display:flex}.portal-bots>div{gap:6px;display:flex}.portal-bots button{color:#b6c1cc;background:#121b22;border:1px solid #33404e;border-radius:3px;width:27px;height:26px}.portal-bots button[aria-pressed=true]{color:#ffe0a3;background:#382a15;border-color:#d3aa57}.portal-bots>small{width:100%;font-size:9px}.portal-footer{grid-template-columns:1.25fr 1fr;gap:24px;max-width:none;margin:auto;display:grid}.portal-opponents{padding:18px 22px}.portal-opponents h2{letter-spacing:.06em;align-items:center;gap:9px;margin:0 0 16px;font-size:10px;display:flex}.portal-opponents h2 svg{width:16px;height:16px}.portal-opponents>div{grid-template-columns:repeat(4,1fr);gap:8px;display:grid}.portal-opponents article{align-items:center;gap:10px;min-width:0;display:flex}.portal-opponents img{object-fit:contain;background:#15221d;border:1px solid #525e4e;border-radius:50%;width:44px;height:44px}.portal-opponents .fire img{border-color:#d5582e}.portal-opponents .water img{border-color:#4394c4}.portal-opponents .storm img{border-color:#af8a35}.portal-opponents strong{font-size:11px}.portal-opponents small{color:#8baba1;margin-top:4px;font-size:9px;display:block}.portal-join{background:linear-gradient(115deg,#090e19ef,#26090cea);border-color:#68322e;padding:19px 24px}.portal-join label{letter-spacing:.04em;font-size:11px;font-weight:800}.portal-join p{color:#a5aeb8;margin:5px 0 12px;font-size:10px}.portal-join>div{gap:10px;display:flex}.portal-join input{color:#fff;background:#040a13bb;border:1px solid #334153;border-radius:4px;flex:1;min-width:0;padding:10px 14px;font-size:12px}.portal-join button{color:#fff;background:linear-gradient(#ef3041,#bb0b20);border:1px solid #ed514e;border-radius:4px;min-width:115px;padding:10px 18px;font-size:12px;font-weight:800}.portal-join button span{margin-left:18px}.portal-join .portal-error{color:#ff9a8a;margin-bottom:0;font-size:12px}.portal-lobby button:focus-visible,.portal-lobby summary:focus-visible,.portal-lobby input:focus-visible{outline-offset:4px;outline:2px solid #efc679}.portal-dialog-backdrop{z-index:80;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#020609d9;place-items:center;padding:22px;display:grid;position:fixed;inset:0}.portal-catalog{text-align:center;max-width:760px;padding:44px;position:relative}.portal-catalog h2{color:#e8d3a6;font-size:24px}.portal-catalog>div{gap:12px;margin:26px 0;display:flex}.portal-catalog img{object-fit:contain;width:calc(25% - 9px)}.portal-catalog .portal-close{color:#fff;background:#19232b;border-radius:4px;width:32px;height:32px;font-size:24px;position:absolute;top:10px;right:10px}@keyframes portal-glow{0%{opacity:.3}to{opacity:.7}}body:has(.portal-lobby){height:auto;min-height:100%}#root:has(.portal-lobby){height:auto;min-height:100%}.portal-lobby{padding-left:max(20px, env(safe-area-inset-left));padding-right:max(20px, env(safe-area-inset-right));padding-bottom:max(24px, env(safe-area-inset-bottom));flex-shrink:0}.portal-header,.portal-main,.portal-footer{width:100%}.portal-header>*,.portal-main>*,.portal-footer>*,.portal-action span,.portal-mode span{min-width:0}.portal-action span,.portal-mode span,.portal-error{overflow-wrap:anywhere}.portal-element,.portal-opponents img{flex-shrink:0}.portal-bots button{min-width:36px;height:36px}.portal-join input,.portal-join button{min-height:44px}.portal-profile>div{max-width:min(300px,100vw - 40px)}.portal-catalog{overscroll-behavior:contain;width:min(760px,100%);max-height:calc(100dvh - 32px);overflow-y:auto}.portal-dialog-backdrop{padding:16px}.portal-catalog .portal-close{width:44px;height:44px}@media (width>=1600px){.portal-lobby{padding-top:28px}.portal-main{min-height:max(600px,100svh - 355px);margin-top:35px}.portal-modes{padding:28px 22px}.portal-deck{width:178px;height:253px;bottom:94px}}@media (width<=1199px){.portal-header{gap:16px}.portal-nav{padding:0 8px}.portal-nav button{min-width:64px;padding:12px}.portal-logo{height:80px}.portal-main{grid-template-columns:minmax(210px,1fr) minmax(180px,1.35fr) minmax(230px,1fr);gap:20px;margin-top:10px}.portal-welcome h1{font-size:36px}.portal-action{gap:9px;padding:12px}.portal-deck{width:116px;height:166px;bottom:100px}.portal-opponents{padding:17px 14px}.portal-opponents article{gap:6px}.portal-opponents img{width:34px;height:34px}}@media (width>=1000px) and (height<=800px){.portal-lobby{padding-top:12px}.portal-logo{height:72px}.portal-nav button{padding-top:9px;padding-bottom:9px}.portal-main{min-height:410px;margin-top:8px;margin-bottom:18px}.portal-welcome{padding-top:4px}.portal-welcome h1{margin:10px 0;font-size:32px}.portal-welcome p{margin:8px 0 14px}.portal-actions{gap:9px}.portal-action{min-height:60px;padding:10px 12px}.portal-modes{padding:16px}.portal-modes h2{margin-bottom:12px}.portal-mode{min-height:55px;margin-top:8px;padding:9px}.portal-bots{padding-top:8px}.portal-deck{width:120px;height:172px;bottom:83px}.portal-opponents,.portal-join{padding:14px 18px}}@media (width<=999px){.portal-header{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.portal-logo{width:150px}.portal-profile{grid-area:1/2}.portal-nav{grid-area:2/1/auto/-1;justify-content:center}.portal-nav button{flex:1;max-width:120px}.portal-main{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:24px;min-height:0;margin-top:24px}.portal-showcase{grid-area:1/2}.portal-modes{grid-column:1/-1;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:14px;display:grid}.portal-modes>.portal-eyebrow,.portal-modes>h2{grid-column:1/-1;margin:0}.portal-bots{grid-area:4/1/auto/-1;justify-content:start;gap:12px;padding:0}.portal-bots>small{width:auto}.portal-mode{margin:0}.portal-footer{grid-template-columns:minmax(0,1fr);gap:16px}.portal-art{background-color:#03080c;background-position:top;background-size:auto 1000px}.portal-deck{aspect-ratio:150/215;width:clamp(110px,18vw,170px);height:auto;bottom:105px}.portal-motto{bottom:20px}.portal-opponents img{width:44px;height:44px}.portal-bots button{min-width:44px;height:44px}}@media (width<=599px){.portal-lobby{padding-top:12px}.portal-header{gap:10px}.portal-logo{width:130px;height:72px}.portal-nav{padding:0}.portal-nav button{min-width:0;padding:12px 8px}.portal-profile summary{gap:7px;padding-right:10px}.portal-profile summary span{max-width:85px}.portal-profile summary b{flex-shrink:0;width:28px;height:28px}.portal-main{flex-direction:column;gap:16px;margin-top:24px;display:flex}.portal-welcome{display:contents}.portal-welcome>.portal-eyebrow{text-align:center;order:0}.portal-welcome h1{text-align:center;order:1;margin:0;font-size:clamp(32px,8vw,44px)}.portal-welcome p{text-align:center;order:2;margin:0;font-size:13px}.portal-showcase{order:3;min-height:255px}.portal-deck{width:110px;bottom:74px}.portal-motto{bottom:0}.portal-motto strong{font-size:14px}.portal-actions{order:4;gap:12px}.portal-action{min-height:76px;padding:16px 20px}.portal-action small{font-size:12px}.portal-modes{order:5;grid-template-columns:minmax(0,1fr);width:100%;margin-top:8px;padding:20px 16px}.portal-bots{grid-row:auto}.portal-bots>small{width:100%;font-size:11px}.portal-mode{min-height:72px;padding:14px}.portal-mode strong{font-size:14px}.portal-mode small{font-size:12px}.portal-opponents>div{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.portal-opponents{padding:20px 16px}.portal-opponents strong{font-size:13px}.portal-opponents small{font-size:11px}.portal-join{padding:20px 16px}.portal-join input{font-size:16px}.portal-join>div{flex-direction:column}.portal-join button{min-height:48px}.portal-join p{font-size:12px;line-height:1.5}.portal-catalog{padding:60px 20px 24px}.portal-catalog h2{font-size:20px}.portal-catalog>div{grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.portal-catalog img{width:100%;max-height:210px}.portal-art{background-position:52% 0;background-size:auto 940px}}@media (prefers-reduced-motion:reduce){.portal-atmosphere i{animation:none}.portal-action{transition:none}}.game-shell.screen-menu{height:100dvh;min-height:0;overflow:hidden}body:has(.portal-lobby){height:100dvh;min-height:0;overflow:hidden}#root:has(.portal-lobby){height:100dvh;min-height:0;overflow:hidden}.portal-lobby{grid-template-rows:auto minmax(0,1fr) auto;gap:20px;min-height:0;display:grid}.portal-lobby .portal-header,.portal-lobby .portal-main,.portal-lobby .portal-footer{margin:0 auto}.portal-lobby .portal-main{min-height:0}.portal-lobby.is-desktop .portal-logo{height:80px}.portal-lobby.is-desktop .portal-welcome h1{font-size:clamp(34px,3vw,48px)}.portal-lobby.is-desktop .portal-welcome{padding-top:0}.portal-lobby.is-desktop .portal-welcome p{margin:10px 0 18px}.portal-lobby.is-desktop .portal-modes{padding:18px}.portal-lobby.is-desktop .portal-mode{min-height:60px}.portal-lobby.is-desktop .portal-action{min-height:64px}.portal-lobby.is-desktop .portal-opponents,.portal-lobby.is-desktop .portal-join{padding:16px 20px}.portal-compact-dialog{color:#eee;overscroll-behavior:contain;background:#060d14;border:1px solid #8c713c;border-radius:8px;width:min(540px,100vw - 24px);max-height:calc(100dvh - 24px);padding:54px 14px 14px}.portal-compact-dialog::backdrop{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#020609db}.portal-panel-close{color:#e4c282;background:0 0;width:44px;height:44px;font-size:28px;position:absolute;top:6px;right:8px}.portal-compact-dialog .portal-modes{margin:0;display:block}.portal-compact-dialog .portal-mode,.portal-compact-dialog .portal-bots{margin-top:12px}.portal-compact-dialog .portal-footer{flex-direction:column-reverse;gap:14px;display:flex}.portal-quicklinks{gap:12px;display:flex}.portal-quicklinks button{color:#ecd6a5;background:#0a111ce8;border:1px solid #7b6137;border-radius:4px;flex:1;min-height:44px;padding:8px;font-size:12px}.portal-lobby.is-compact{padding:12px max(16px,env(safe-area-inset-right)) max(12px,env(safe-area-inset-bottom)) max(16px,env(safe-area-inset-left));gap:12px}.is-compact .portal-header{gap:6px}.is-compact .portal-logo{width:120px;height:58px}.is-compact .portal-nav button{gap:4px;padding:8px}.is-compact .portal-main{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:20px;display:grid}.is-compact .portal-welcome{padding:0;display:block}.is-compact .portal-welcome h1{text-align:left;margin:10px 0;font-size:clamp(26px,4vw,40px)}.is-compact .portal-welcome>.portal-eyebrow,.is-compact .portal-welcome p{text-align:left}.is-compact .portal-welcome p{margin:10px 0 16px}.is-compact .portal-showcase{height:100%;min-height:0}.is-compact .portal-deck{width:clamp(100px,16vw,160px);bottom:26%}.is-compact .portal-motto{bottom:10%}.is-compact .portal-action{min-height:60px;padding:10px 12px}.is-compact .portal-art{background-size:cover}@media (width<=599px) and (height>=500px){.is-compact .portal-main{flex-direction:column;align-items:stretch;gap:8px;display:flex}.is-compact .portal-welcome{display:contents}.is-compact .portal-welcome>.portal-eyebrow,.is-compact .portal-welcome p{display:none}.is-compact .portal-welcome h1{text-align:center;order:0;margin:0;font-size:clamp(23px,4.2dvh,36px);line-height:1}.is-compact .portal-welcome h1 br:first-of-type{display:none}.is-compact .portal-showcase{flex:1;order:1;min-height:65px}.is-compact .portal-deck{aspect-ratio:150/215;width:auto;height:min(100% - 20px,170px);bottom:16px}.is-compact .portal-motto{display:none}.is-compact .portal-actions{order:2;gap:8px}.is-compact .portal-action{min-height:52px;padding:8px 14px}.is-compact .portal-action small{margin-top:3px;font-size:10px}.is-compact .portal-art{background-position:50%}}.portal-lobby.is-desktop .portal-logo{width:clamp(220px,19vw,300px);height:125px}.portal-lobby.is-desktop .portal-welcome{flex-direction:column;gap:12px;display:flex}.portal-lobby.is-desktop .portal-welcome>p{margin:0}.portal-welcome .portal-opponents{margin-top:10px}.portal-welcome .portal-opponents>div{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.portal-welcome .portal-opponents img{width:64px;height:64px}.portal-welcome .portal-opponents strong{font-size:13px}.portal-welcome .portal-opponents small{font-size:11px}.portal-lobby.is-desktop>.portal-footer{width:min(600px,40%);margin-right:0;display:block}.portal-lobby .portal-showcase{pointer-events:auto;flex-direction:column;justify-content:end;gap:16px;min-height:0;display:flex}.portal-showcase h1{text-align:center;text-shadow:0 3px 12px #000;margin:auto 0 0;font-family:Impact,Arial Black,sans-serif;font-size:clamp(24px,2.9vw,46px);font-style:italic;line-height:1.08}.portal-showcase h1 em{color:#ff4336;font-size:.66em;display:block}.portal-showcase h1 strong{color:#fff0cc;display:block}.portal-lobby .portal-showcase .portal-motto{margin:0;padding:0;position:static}.card-carousel{flex-direction:column;gap:10px;width:100%;height:clamp(240px,34vh,390px);min-height:0;display:flex}.card-carousel-stage{flex:1;min-height:0;position:relative;overflow:hidden}.card-carousel-slide{object-fit:contain;filter:drop-shadow(0 8px 8px #0009);width:auto;max-width:52%;height:93%;transition:transform .8s,opacity .8s;position:absolute;top:50%;left:50%}.card-carousel-slide.slot-0{opacity:.35;z-index:0;transform:translate(-130%,-50%)rotate(-12deg)scale(.76)}.card-carousel-slide.slot-1{opacity:.8;z-index:1;transform:translate(-93%,-50%)rotate(-7deg)scale(.88)}.card-carousel-slide.slot-2{opacity:1;z-index:3;transform:translate(-50%,-50%)}.card-carousel-slide.slot-3{opacity:.8;z-index:1;transform:translate(-7%,-50%)rotate(7deg)scale(.88)}.card-carousel-slide.slot-4{opacity:.35;z-index:0;transform:translate(30%,-50%)rotate(12deg)scale(.76)}.card-carousel-controls{flex-shrink:0;justify-content:center;align-items:center;gap:8px;display:flex}.card-carousel-controls button{color:#ecd6a5;background:#070e16ec;border:1px solid #886d3c;border-radius:4px;min-width:36px;height:36px;padding:0 8px;font-size:21px}.card-carousel-caption{text-align:center;background:#070e16bd;min-width:105px;padding:4px 8px}.card-carousel-caption strong{color:#f4e5c8;font-size:12px;display:block}.card-carousel-caption small{color:#b1b9bf;margin-top:3px;font-size:10px;display:block}.portal-lobby.is-compact .portal-logo{width:160px;height:76px}.is-compact .portal-showcase h1{font-size:27px}.is-compact .card-carousel{height:min(42vh,360px)}@media (width<=599px) and (height>=500px){.portal-lobby.is-compact .portal-main{gap:8px}.portal-lobby.is-compact .portal-showcase{flex:1;order:1;gap:6px}.is-compact .portal-showcase h1{flex-shrink:0;margin:0;font-size:clamp(20px,3.5dvh,30px)}.is-compact .card-carousel{flex:1;gap:4px;height:auto}.card-carousel-controls{gap:5px}.card-carousel-controls button{min-width:36px;height:36px}.card-carousel-caption strong{font-size:10px}.is-compact .portal-showcase .portal-motto{display:none}}@media (height<=499px){.portal-lobby.is-compact .portal-logo{width:120px;height:52px}.is-compact .portal-showcase h1{margin:0;font-size:20px}.is-compact .portal-showcase h1 strong,.is-compact .portal-showcase h1 em{margin-left:5px;display:inline}.portal-lobby.is-compact .portal-showcase{gap:6px}.is-compact .card-carousel{flex:1;gap:4px;height:auto}.is-compact .portal-showcase .portal-motto{display:none}}.portal-lobby .guardian-shrine{background:url(/assets/arena-skins/hud/player-panel-v1.png) 50%/100% 100% no-repeat;border:0;border-radius:0;padding:23px 18px 20px;box-shadow:0 10px 24px #0006}.guardian-shrine h2{color:#dec692;letter-spacing:.1em;text-shadow:0 2px 4px #000;justify-content:center;margin-bottom:14px;font-size:10px}.portal-lobby .guardian-shrine article{--element:#ed602b;isolation:isolate;background:linear-gradient(115deg,#02050580,#10131344);border:1px solid #74604766;gap:6px;min-height:76px;padding:2px 5px;position:relative;box-shadow:inset 0 0 12px #0009}.portal-lobby .guardian-shrine article.stone{--element:#74bb58}.portal-lobby .guardian-shrine article.water{--element:#41bdfa}.portal-lobby .guardian-shrine article.storm{--element:#efc648}.guardian-shrine article:after{content:"";background:linear-gradient(90deg,transparent,var(--element),transparent);height:1px;box-shadow:0 0 8px var(--element);opacity:.65;position:absolute;bottom:0;left:12%;right:12%}.guardian-shrine .guardian-portrait{flex-shrink:1;width:64px;min-width:28px;height:70px;position:relative}.guardian-shrine article>span{flex-shrink:0}.portal-lobby .guardian-shrine img{z-index:1;object-fit:contain;filter:drop-shadow(0 3px 3px #000);background:0 0;border:0;border-radius:0;width:100%;height:100%;position:relative}.guardian-portrait i{background:radial-gradient(ellipse,color-mix(in srgb,var(--element),transparent 62%),transparent 70%);border-radius:50%;animation:4.8s ease-in-out infinite alternate guardian-embers;position:absolute;inset:8% -8%}.guardian-shrine .stone i{animation-delay:-2s}.guardian-shrine .water i{animation-delay:-3.2s}.guardian-shrine .storm i{animation-delay:-1s}.portal-lobby .guardian-shrine strong{color:#f0dfb7;letter-spacing:.02em;font-family:Georgia,serif;font-size:14px}.portal-lobby .guardian-shrine small{color:var(--element);text-transform:uppercase;letter-spacing:.12em;margin-top:6px;font-size:9px}.guardian-shrine article:hover{border-color:color-mix(in srgb,var(--element),transparent 35%);box-shadow:inset 0 0 18px color-mix(in srgb,var(--element),transparent 86%),0 0 10px #0006}@keyframes guardian-embers{0%{opacity:.3}to{opacity:.85}}.card-carousel-controls{filter:drop-shadow(0 5px 8px #0009);background:url(/assets/arena-skins/hud/player-panel-v1.png) 50%/100% 100% no-repeat;align-self:center;gap:8px;padding:7px 14px}.card-carousel-controls button{color:#f2d391;background:linear-gradient(145deg,#3b3422,#0c1110 45%,#282419);border:1px solid #8f7749;border-radius:0;transition:border-color .2s,box-shadow .2s;box-shadow:inset 0 0 0 2px #080b09,inset 0 0 8px #b48b3422}.card-carousel-controls button:hover{border-color:#e4c47c;box-shadow:inset 0 0 8px #e6b64733,0 0 10px #e6b64733}.card-carousel-caption{background:0 0}.card-carousel-caption strong{color:#f1ddad;font-family:Georgia,serif}.card-carousel-caption small{color:#b7a47b;letter-spacing:.1em}@media (width<=1199px){.guardian-shrine .guardian-portrait{width:48px;height:64px}.portal-lobby .guardian-shrine strong{font-size:12px}.portal-lobby .guardian-shrine{padding-left:12px;padding-right:12px}}@media (width<=599px){.card-carousel-controls{gap:5px;padding:6px 9px}}@media (prefers-reduced-motion:reduce){.guardian-portrait i{animation:none}.card-carousel-controls button,.card-carousel-slide{transition:none}}@media (width<=599px) and (height>=500px) and (height<=650px){.portal-lobby.is-compact .portal-logo{width:145px;height:62px}.is-compact .portal-showcase h1{font-size:20px}.is-compact .portal-showcase h1 em,.is-compact .portal-showcase h1 strong{margin-left:4px;display:inline}.is-compact .portal-actions{gap:6px}.is-compact .portal-actions .portal-action{min-height:44px;padding:6px 12px}.is-compact .portal-actions .portal-action small{display:none}}@media (height<=499px){.is-compact .portal-header{grid-template-columns:120px minmax(0,1fr) auto;align-items:center}.is-compact .portal-nav{grid-area:1/2}.is-compact .portal-profile{grid-column:3}.is-compact .portal-logo{height:44px}.is-compact .portal-nav button{min-width:40px;padding:5px 8px}.is-compact .portal-nav svg{width:17px;height:17px}.is-compact .portal-main{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px}.is-compact .portal-welcome h1{margin:0 0 8px;font-size:23px}.is-compact .portal-welcome h1 br{display:none}.is-compact .portal-welcome h1 em{margin:0 5px}.is-compact .portal-welcome>.portal-eyebrow,.is-compact .portal-welcome p,.is-compact .portal-action small{display:none}.is-compact .portal-actions{gap:6px}.is-compact .portal-action{min-height:40px;padding:6px 12px}.is-compact .portal-deck{width:80px;height:114px;bottom:20%}.is-compact .portal-motto{bottom:0}.is-compact .portal-quicklinks{position:absolute;bottom:12px;left:50%;right:16px}.is-compact .portal-main{grid-row:2/4;padding-bottom:40px}}.portal-lobby.is-desktop{grid-template-rows:auto minmax(0,1fr);grid-template-columns:clamp(320px,31vw,620px) minmax(0,1fr) clamp(250px,23vw,430px);column-gap:clamp(20px,2.3vw,44px)}.portal-lobby.is-desktop>.portal-header,.portal-lobby.is-desktop>.portal-main{display:contents}.portal-lobby.is-desktop .portal-nav{grid-area:1/2;justify-self:center}.portal-lobby.is-desktop .portal-profile{grid-area:1/3}.portal-lobby.is-desktop .portal-welcome{flex-direction:column;grid-area:1/1/3;gap:12px;height:100%;min-height:0;padding:0;display:flex}.portal-lobby.is-desktop .portal-welcome .portal-logo{object-fit:contain;filter:drop-shadow(0 6px 15px #000a);flex-shrink:0;align-self:center;width:100%;max-width:440px;height:clamp(180px,22vh,230px)}.portal-lobby.is-desktop .portal-welcome>.portal-eyebrow{color:#f1d9a5;letter-spacing:.02em;text-transform:none;text-shadow:0 2px 6px #000;margin:0;font-family:Georgia,serif;font-size:clamp(19px,1.3vw,25px);font-weight:700}.portal-lobby.is-desktop .portal-welcome>p{color:#e1e2dc;text-shadow:0 2px 5px #000;margin:-4px 0 2px;font-size:16px;line-height:1.5;display:block}.portal-lobby.is-desktop .portal-actions{gap:10px}.portal-lobby.is-desktop .portal-actions .portal-action{gap:16px;min-height:120px;padding:22px}.portal-lobby.is-desktop .portal-actions .portal-action strong{font-size:18px}.portal-lobby.is-desktop .portal-actions .portal-action small{color:#e1dcca;margin-top:7px;font-size:12px;line-height:1.4}.portal-lobby.is-desktop .portal-actions .portal-action>svg:first-child{width:33px;height:33px}.portal-lobby.is-desktop .portal-showcase{grid-area:2/2;min-width:0;padding-bottom:14px}.portal-lobby.is-desktop .social-panel{grid-area:2/3}.portal-lobby.is-desktop>.portal-footer{grid-area:3/3;width:100%;max-width:none}.portal-lobby.is-desktop .portal-showcase h1{margin:auto 0 0;position:relative;top:-32px}.portal-lobby.is-desktop .card-carousel{height:clamp(260px,39vh,480px)}.portal-lobby .guardian-shrine{box-shadow:none;background:linear-gradient(#060c0dc9,#050a0c55);border:0;border-top:1px solid #92774577;padding:12px 0 0}.portal-lobby .guardian-shrine h2{letter-spacing:.16em;color:#ddc48f;margin:0 0 12px;font-size:11px}.portal-lobby .guardian-shrine>div{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.portal-lobby .guardian-shrine article{background:radial-gradient(ellipse at 50% 70%,color-mix(in srgb,var(--element),transparent 87%),transparent 70%),linear-gradient(0deg,#0009,transparent);min-height:138px;box-shadow:none;text-align:center;border:0;border-radius:40px 40px 3px 3px;flex-direction:column;justify-content:end;gap:5px;padding:4px 2px 12px;display:flex}.portal-lobby .guardian-shrine article:before{content:"";border:1px solid color-mix(in srgb,var(--element),#706550 65%);background:radial-gradient(#565246,#1d211d 60%,#050909 75%);border-radius:50%;height:16px;position:absolute;bottom:48px;left:7%;right:7%;box-shadow:0 5px #141b18,0 8px 6px #0008}.portal-lobby .guardian-shrine article:after{left:22%;right:22%}.portal-lobby .guardian-shrine .guardian-portrait{flex-shrink:0;width:100%;min-width:0;height:94px}.portal-lobby .guardian-shrine img{filter:drop-shadow(0 0 5px color-mix(in srgb,var(--element),transparent 65%))}.portal-lobby .guardian-shrine article>span{z-index:1;position:relative}.portal-lobby .guardian-shrine strong{font-size:14px}.portal-lobby .guardian-shrine small{letter-spacing:.1em;margin-top:4px;font-size:9px}.portal-lobby .guardian-shrine article:hover{background-color:color-mix(in srgb,var(--element),transparent 94%);box-shadow:none}.portal-lobby.is-desktop .portal-welcome .guardian-shrine{margin-top:auto;padding:12px 0 0}@media (width>=1000px) and (height<=800px){.portal-lobby.is-desktop .portal-welcome{gap:10px}.portal-lobby.is-desktop .portal-welcome .portal-logo{height:180px}.portal-lobby.is-desktop .portal-actions .portal-action{min-height:108px;padding:20px 18px}.portal-lobby.is-desktop .portal-actions .portal-action strong{font-size:17px}.portal-lobby.is-desktop .portal-actions .portal-action small{font-size:11px}}@media (width<=599px){.portal-compact-dialog .guardian-shrine>div{grid-template-columns:repeat(2,minmax(0,1fr))}.portal-lobby.is-compact .portal-actions .portal-action{min-height:70px}.portal-lobby.is-compact .portal-logo{width:175px;height:82px}}@media (width<=599px) and (height<=650px){.portal-lobby.is-compact .portal-actions .portal-action{min-height:56px}.portal-lobby.is-compact .portal-logo{width:155px;height:68px}}.portal-lobby.is-desktop .portal-welcome .guardian-shrine{flex-direction:column;flex:1;min-height:155px;max-height:270px;margin-top:8px;display:flex}.portal-lobby.is-desktop .guardian-shrine>div{flex:1;min-height:0}.portal-lobby.is-desktop .guardian-shrine article{height:100%;min-height:0}.portal-lobby.is-desktop .guardian-shrine .guardian-portrait{flex:1;height:auto;min-height:0}@media (width<=599px) and (height>=500px) and (height<=650px){.portal-lobby.is-compact .portal-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.portal-lobby.is-compact .portal-actions .portal-action{gap:8px;padding:7px 9px}.portal-lobby.is-compact .portal-actions .portal-action>svg:first-child{width:22px}.portal-lobby.is-compact .portal-actions .portal-action>svg:last-child{display:none}.portal-lobby.is-compact .portal-actions .portal-action strong{font-size:13px}}.portal-lobby .guardian-shrine img{object-position:center bottom}.portal-lobby .portal-action-error{color:#ffb29c;overflow-wrap:anywhere;margin:0;font-size:12px;line-height:1.4;display:block}.card-carousel .card-carousel-stage{cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;background:0 0;border:0;width:100%;padding:0;display:block}.portal-lobby .card-carousel-stage:focus-visible{outline-offset:-3px;border-radius:6px;outline:2px solid #d6b273}.card-carousel .card-carousel-stage{cursor:grab;touch-action:pan-y;-webkit-user-select:none;user-select:none}.card-carousel .card-carousel-stage.is-dragging{cursor:grabbing}.card-carousel-stage .card-carousel-slide{transition:transform .8s,opacity .8s,translate .2s ease-out}.card-carousel-stage.is-dragging .card-carousel-slide{transition:transform .8s,opacity .8s}@media (prefers-reduced-motion:reduce){.card-carousel-stage .card-carousel-slide{transition:none}}.portal-lobby .guardian-shrine,.portal-lobby.is-desktop .portal-welcome .guardian-shrine{isolation:isolate;background:url(/assets/arena-skins/hud/player-panel-v1.png) 50%/100% 100% no-repeat;border:0;padding:24px 14px 16px;position:relative;box-shadow:0 8px 22px #0008}.portal-lobby .guardian-shrine h2{color:#f0d49b;letter-spacing:.12em;text-shadow:0 2px 4px #000;margin-bottom:10px;position:relative}.portal-lobby .guardian-shrine>div{gap:6px}.portal-lobby .guardian-shrine article{background:radial-gradient(ellipse at 50% 72%,color-mix(in srgb,var(--element),transparent 88%),transparent 72%)}.portal-lobby .guardian-shrine:after{content:"";pointer-events:none;opacity:.55;background:linear-gradient(90deg,#0000,#d76636,#7da556,#60b9de,#d7b14e,#0000);height:1px;position:absolute;bottom:7px;left:18%;right:18%}.portal-lobby.is-desktop{grid-template-rows:80px minmax(0,1fr)}.portal-lobby.is-desktop>.portal-header>.portal-logo{object-fit:contain;filter:drop-shadow(0 6px 15px #000a);grid-area:1/2;place-self:start center;width:min(100%,440px);height:clamp(180px,22vh,230px)}.portal-lobby .portal-action.is-coming-soon:disabled{opacity:1;cursor:not-allowed;filter:none}@media (width<=599px) and (height<=650px),(height<=499px){.portal-lobby.is-compact .portal-actions .is-coming-soon small{margin-top:2px;font-size:9px;display:block}}.portal-account-tools{z-index:5;grid-area:1/3;justify-self:end;align-items:center;gap:10px;min-width:0;display:flex}.portal-account-tools .portal-profile{min-width:0;margin-top:0}.portal-lobby .portal-devtools-gear{color:#e8c77e;cursor:pointer;background:linear-gradient(145deg,#302a1c,#081016 65%);border:1px solid #927745;border-radius:12px;flex-shrink:0;place-items:center;width:44px;height:44px;padding:10px;display:grid;box-shadow:inset 0 0 0 2px #080d10,0 3px 10px #0008}.portal-devtools-gear svg{width:22px;height:22px}.portal-lobby .portal-devtools-gear:hover{border-color:#f2d591;box-shadow:inset 0 0 12px #d5a34033,0 0 12px #d5a34033}.portal-devtools-gear:focus-visible{outline-offset:3px;outline:2px solid #f2d591}@media (width<=999px) and (height>=500px){.portal-account-tools{grid-column:2}.portal-lobby.is-compact .portal-header{grid-template-columns:minmax(0,1fr) auto}.portal-lobby.is-compact .portal-header>.portal-logo{max-width:100%}}@media (width<=599px){.portal-account-tools{gap:6px}}.portal-lobby .portal-welcome .portal-actions,.portal-lobby .portal-welcome .guardian-shrine{width:100%;min-width:0}.portal-lobby.is-desktop .portal-welcome .guardian-shrine{max-height:300px}@media (width>=600px) and (width<=999px){.portal-lobby.is-compact .portal-main{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr)}}.portal-welcome-intro{text-align:center;background:radial-gradient(at 50% 40%,#b58e3820,#0000 70%);flex-shrink:0;width:100%;margin-top:clamp(16px,4vh,44px);padding:18px 12px 22px;position:relative}.portal-welcome-intro:after{content:"";background:linear-gradient(90deg,#0000,#ac8b4d88,#0000);height:1px;position:absolute;bottom:0;left:12%;right:12%}.portal-welcome-intro h2{letter-spacing:.01em;color:#f4db9c;text-shadow:0 2px 3px #000,0 0 20px #bd84262b;margin:16px 0 12px;font:700 clamp(26px,1.9vw,36px)/1.15 Georgia,serif}.portal-lobby .portal-welcome .portal-welcome-intro p{text-align:center;color:#c8c3b6;text-shadow:0 2px 4px #000;margin:0;font-size:16px;line-height:1.65;display:block}.portal-welcome-intro p strong{color:#eee3cc;font-weight:500}.portal-welcome-ornament{justify-content:center;align-items:center;gap:10px;display:flex}.portal-welcome-ornament:before,.portal-welcome-ornament:after{content:"";background:linear-gradient(90deg,#0000,#b59150);width:clamp(28px,4vw,70px);height:1px}.portal-welcome-ornament:after{transform:rotate(180deg)}.portal-welcome-ornament i{--gem:#ec6531;border:1px solid var(--gem);background:color-mix(in srgb,var(--gem),#000 55%);width:7px;height:7px;box-shadow:0 0 9px color-mix(in srgb,var(--gem),transparent 55%);display:block;transform:rotate(45deg)}.portal-welcome-ornament i:nth-child(2){--gem:#4ac7fa}.portal-welcome-ornament i:nth-child(3){--gem:#f5c845}.portal-welcome-ornament i:nth-child(4){--gem:#9bbd69}@media (height<=800px){.portal-welcome-intro{margin-top:12px;padding-block:10px 16px}.portal-welcome-intro h2{margin-block:12px 8px;font-size:26px}}@media (width<=599px),(height<=599px){.portal-lobby .portal-welcome-intro{display:none}}.portal-lobby.is-desktop .portal-welcome>.portal-actions{flex-shrink:0;margin-block:auto}@media (width>=600px) and (width<=999px) and (height>=500px){.portal-lobby.is-compact .portal-welcome{flex-direction:column;min-height:0;display:flex}.portal-lobby.is-compact .portal-welcome>.portal-actions{flex-shrink:0;margin-block:auto}.portal-lobby.is-compact .portal-actions .portal-action{min-height:clamp(60px,8.2vh,84px)}}.portal-lobby .portal-actions .portal-action{isolation:isolate;background:url(/assets/lobby/button-stone-texture-v1.webp) 50%/cover;border:1px solid #675139;position:relative;overflow:hidden}.portal-action.stone{--accent:#9bbd69}.portal-action:after{content:"";pointer-events:none;z-index:3;border:5px solid #0000;border-image:url(/assets/lobby/button-frame-source-v1.webp) 32/5px;position:absolute;inset:0}.portal-actions .portal-action>svg,.portal-actions .portal-action>span:not(.portal-dragon-art){z-index:2;position:relative}.portal-actions .portal-action>svg:not(:last-child){width:27px;height:27px;color:var(--accent);flex-shrink:0}.portal-lobby.is-desktop .portal-actions .portal-action>svg:not(:last-child){width:33px;height:33px}.portal-actions .portal-action>.portal-dragon-art{z-index:0;pointer-events:none;mix-blend-mode:screen;position:absolute;inset:5px;overflow:hidden}.portal-dragon-art img{object-fit:cover;object-position:65% 48%;mix-blend-mode:screen;width:62%;height:100%;transition:opacity .28s,transform .42s cubic-bezier(.2,.7,.2,1),filter .32s;position:absolute;top:0;right:0;-webkit-mask-image:linear-gradient(90deg,#0000,#000 25% 94%,#0000),linear-gradient(#0000,#000 9% 91%,#0000);mask-image:linear-gradient(90deg,#0000,#000 25% 94%,#0000),linear-gradient(#0000,#000 9% 91%,#0000);-webkit-mask-composite:source-in;mask-composite:intersect}.portal-dragon-art .dragon-attack{opacity:0;transform-origin:100%;width:68%;transform:translate(10px)scale(.98)}.portal-action.stone .dragon-idle{object-position:75% 48%}.portal-action:before{content:"";z-index:1;pointer-events:none;opacity:0;background:radial-gradient(ellipse at 85% 50%,color-mix(in srgb,var(--accent),transparent 83%),transparent 70%);transition:opacity .3s;position:absolute;inset:4px}.portal-action.is-coming-soon{cursor:default}@media (hover:hover) and (pointer:fine){.portal-action:hover .dragon-idle{opacity:0;transform:translate(-4px)}.portal-action:hover .dragon-attack{opacity:1;filter:brightness(1.18);transform:translate(-4px)scale(1.09)}.portal-action:hover:before{opacity:1}.portal-lobby .portal-actions .portal-action:hover{border-color:var(--accent);box-shadow:inset 0 0 18px color-mix(in srgb,var(--accent),transparent 88%),0 0 18px color-mix(in srgb,var(--accent),transparent 80%)}}.portal-action:focus-visible .dragon-idle{opacity:0}.portal-action:focus-visible .dragon-attack{opacity:1;transform:translate(-4px)scale(1.09)}.portal-action:focus-visible:before{opacity:1}.portal-action:focus-visible{outline:2px solid var(--accent);outline-offset:3px}@media (prefers-reduced-motion:reduce){.portal-dragon-art img,.portal-action:before{transition:none}.portal-lobby .portal-actions .portal-action .portal-dragon-art img{transform:none}}.portal-lobby.is-desktop .portal-actions .portal-action{min-height:clamp(88px,11vh,112px)}.portal-lobby.is-desktop .portal-join-rune{padding:12px}.portal-lobby.is-desktop .portal-future-actions{flex-shrink:0}@media (width>=1000px) and (height<=800px){.portal-lobby.is-desktop .portal-actions .portal-action{min-height:82px;padding:16px}.portal-join-rune label small,.portal-mini-action small{display:none}}@media (width<=599px),(height<=599px){.portal-join-rune{padding:9px}.portal-join-rune label small,.portal-mini-action small{display:none}.portal-join-rune>div{grid-template-columns:minmax(0,1fr) minmax(72px,.35fr)}.portal-join-rune input,.portal-join-rune button{height:38px}.portal-future-actions{gap:6px}.portal-mini-action{min-height:40px;padding:7px 8px}}.portal-profile>.portal-settings{overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#8f7344 #080f13;background:radial-gradient(at 10% 0,#94703928,#0000 65%),linear-gradient(150deg,#111b1f,#060c10);border:1px solid #9c7c46;border-radius:8px;gap:0;width:340px;min-width:0;max-width:calc(100vw - 32px);max-height:calc(100dvh - 100px);padding:0 18px 12px;overflow:auto;box-shadow:inset 0 0 0 3px #04090c,inset 0 0 0 4px #82663a33,0 18px 60px #000c}.portal-settings-heading{border-bottom:1px solid #8c70404d;justify-content:space-between;align-items:center;gap:12px;padding:12px 0;display:flex}.portal-profile .portal-settings-heading>span{color:#edd29a;align-items:center;gap:9px;font:700 16px Georgia,serif;display:flex}.portal-settings-heading svg{width:20px;height:20px}.portal-settings-heading button{color:#c7b78f;background:#b28c3e0d;border:1px solid #8c704033;border-radius:4px;flex-shrink:0;place-items:center;width:32px;height:32px;padding:0;font-size:23px;display:grid}.portal-settings-account{align-items:center;gap:13px;padding:20px 0;display:flex}.portal-settings-account>b{color:#f4d894;background:radial-gradient(at top,#76603a,#172322);border:1px solid #bd9856;border-radius:50%;flex-shrink:0;place-items:center;width:52px;height:52px;font:700 26px Georgia,serif;display:grid;box-shadow:inset 0 0 0 4px #0a1013,0 0 18px #b5943318}.portal-settings-account>div{gap:4px;min-width:0;display:grid}.portal-profile .portal-settings-account small{color:#ad966c;letter-spacing:.16em;font-size:9px}.portal-settings-account strong{color:#f1e5c9;overflow-wrap:anywhere;font:700 18px Georgia,serif}.portal-profile .portal-settings-account span{color:#a1afaf;overflow-wrap:anywhere;font-size:11px;line-height:1.5}.portal-settings-options{border-bottom:1px solid #8c70404d;gap:8px;padding-bottom:16px;display:grid}.portal-profile-form{background:#0b1118a8;border:1px solid #ffffff14;border-radius:8px;gap:10px;margin-bottom:14px;padding:12px;display:grid}.portal-profile-form label{color:#c6ced1;gap:6px;font-size:11px;display:grid}.portal-profile-form input,.portal-profile-form select{color:#eef2ee;background:#121b24;border:1px solid #ffffff1f;border-radius:6px;width:100%;min-height:36px;padding:0 10px}.portal-profile-form button{color:#201508;background:linear-gradient(110deg,#f2bc68,#d99a43);border:1px solid #d9a24c99;border-radius:6px;min-height:36px;font-weight:700}.portal-profile-form p{color:#d8c59f;margin:0;font-size:11px}.portal-profile .portal-setting-row{color:#d9c18e;text-align:left;cursor:pointer;background:linear-gradient(120deg,#76603a15,#0a121880);border:1px solid #7263454d;border-radius:5px;align-items:center;gap:11px;width:100%;min-height:64px;padding:12px 10px;display:flex}.portal-setting-row>svg{flex-shrink:0;width:22px;height:22px}.portal-setting-row>span{flex:1;min-width:0}.portal-profile .portal-setting-row strong{color:#eee4cc;font-size:13px;display:block}.portal-profile .portal-setting-row small{color:#a3afad;margin-top:4px;font-size:10px;line-height:1.5;display:block}.portal-setting-row>svg:last-child{width:15px;height:15px;margin-left:auto}.portal-setting-switch{background:#111b1e;border:1px solid #6e746c;border-radius:12px;flex-shrink:0;width:34px;height:19px;position:relative}.portal-setting-switch:after{content:"";background:#89958e;border-radius:50%;width:11px;height:11px;transition:transform .18s,background .18s;position:absolute;top:3px;left:3px}.portal-setting-row[aria-checked=true] .portal-setting-switch{background:#77603255;border-color:#b69753}.portal-setting-row[aria-checked=true] .portal-setting-switch:after{background:#ebcc82;transform:translate(15px);box-shadow:0 0 8px #dfb65744}.portal-profile .portal-signout{color:#efc495;background:linear-gradient(110deg,#51251966,#181511);border-color:#91613e;min-height:46px;margin-top:16px}.portal-signout>svg:last-child{width:14px;margin-left:auto}.portal-settings-footer{letter-spacing:.14em;color:#b7a070;justify-content:center;align-items:center;gap:6px;padding-top:16px;font-size:9px;display:flex}.portal-profile .portal-settings-footer span{color:#c49e51;font-size:9px}.portal-profile .portal-settings-footer small{color:#7f8b88;letter-spacing:.08em;margin-left:5px;font-size:8px}.portal-settings button:hover{background-color:#bc91401a;border-color:#c2a263}.portal-settings button:focus-visible{outline-offset:2px;outline:2px solid #e8c47b}.portal-profile[open]>summary{border-color:#ae8c4d;box-shadow:0 0 16px #c99c3f16}.portal-profile[open]>summary>i{transform:rotate(180deg)}@media (width<=599px){.portal-profile>.portal-settings{width:310px;padding-inline:14px}.portal-settings-account{padding-block:15px}}@media (prefers-reduced-motion:reduce){.portal-setting-switch:after{transition:none}}