:root{color-scheme:dark;--night: #173944;--deep-night: #102a34;--shadow-violet: #5a3f68;--dawn-red: #ff6b63;--brass: #ffb74e;--lantern: #ffd764;--cream: #fffdf1;--teal: #49d4c2;--berry: #ef70a1;--leaf: #78c986;--glass: rgba(20, 61, 70, .84);--glass-strong: rgba(15, 47, 57, .96);--ink: #fffdf1}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}[hidden]{display:none!important}html,body,#app{width:100%;height:100%;margin:0;overflow:hidden;background:var(--deep-night);color:var(--ink);font-family:Noto Sans Thai,Leelawadee UI,Tahoma,system-ui,-apple-system,BlinkMacSystemFont,sans-serif;overscroll-behavior:none;user-select:none}body{position:fixed;inset:0}button{font:inherit;color:inherit}#app{position:relative;width:var(--app-width, 100dvw);height:var(--app-height, 100dvh);min-width:0;min-height:0;touch-action:manipulation}#app:fullscreen{width:100vw;height:100vh}#game-root{position:absolute;inset:0;width:100%;height:100%;min-width:0;min-height:0;overflow:hidden}#game-root canvas{display:block;max-width:none;max-height:none}.screen,.hud,.touch-controls,.settings-panel,.orientation-lock{position:absolute;z-index:5}.screen{inset:0;display:none;align-items:center;justify-content:center;flex-direction:column;padding:max(26px,env(safe-area-inset-top)) max(22px,env(safe-area-inset-right)) max(26px,env(safe-area-inset-bottom)) max(22px,env(safe-area-inset-left));text-align:center;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;touch-action:pan-y;-webkit-overflow-scrolling:touch;background:linear-gradient(180deg,#102a340f,#102a3494),linear-gradient(90deg,#10343deb,#1c4c4d66 48%,#1a414608 78%)}.screen[data-visible=true]{display:flex}.screen-menu{justify-content:flex-start;align-items:flex-start;text-align:left;padding-left:clamp(28px,7vw,104px);padding-top:clamp(28px,9vh,92px);animation:lobby-breathe 18s ease-in-out infinite alternate;background:linear-gradient(90deg,#0e272dd1,#18484a57 45%,#fff2c205 74%),linear-gradient(180deg,#0a1c272e,#102b309e),url(/assets/environment/lobby-festival-v2.webp) center / cover no-repeat}.screen-menu:before{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,rgba(255,245,201,.16),transparent 28%),linear-gradient(90deg,rgba(11,36,43,.44),transparent 52%);mix-blend-mode:screen;opacity:.52}.screen-menu:after{content:"";position:absolute;inset:-7%;z-index:0;pointer-events:none;background:url(/assets/fx/ribbonTrail.png) right 9% top 10% / min(250px,20vw) no-repeat,url(/assets/objects/festivalToken.png) right 18% bottom 20% / min(82px,8vw) no-repeat,url(/assets/fx/passiveCrest.png) right 31% top 31% / min(74px,7vw) no-repeat;opacity:.48;filter:drop-shadow(0 12px 20px rgba(16,63,78,.42));animation:lobby-float 6.5s ease-in-out infinite}@keyframes lobby-breathe{0%{background-size:auto,auto,104% auto;background-position:center,center,48% 50%}to{background-size:auto,auto,112% auto;background-position:center,center,54% 47%}}@keyframes lobby-float{0%,to{transform:translateZ(0) rotate(-1deg)}50%{transform:translate3d(-18px,12px,0) rotate(2deg)}}.auth-screen{align-items:flex-start;justify-content:center;text-align:left;padding-left:clamp(28px,8vw,116px);background:linear-gradient(90deg,#100b27f5,#1d0f35d1 46%,#100b272e 76%),linear-gradient(180deg,#100b271f,#100b279e)}.auth-panel{position:relative;z-index:2;width:min(430px,43vw)}.auth-panel h1{margin-top:14px;font-size:clamp(48px,7vw,78px)}.auth-tabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));margin-top:24px;padding:4px;border:1px solid rgba(255,212,103,.42);border-radius:6px;background:#1c0e35db}.auth-tabs button{min-height:40px;border:0;border-radius:4px;background:transparent;color:#fff4cfad;cursor:pointer;font-weight:800}.auth-tabs button[aria-selected=true]{background:linear-gradient(180deg,#ffe681,#f3a63c);color:#4a1839}#auth-form{display:grid;gap:11px;margin-top:14px}#auth-form label span{display:block;margin-bottom:5px;color:#fff4cfbd;font-size:13px;font-weight:700}#auth-form input{width:100%;min-height:44px;padding:9px 12px;border:1px solid rgba(255,212,103,.52);border-radius:5px;outline:0;background:#1d1034e6;color:var(--cream);font:inherit;user-select:text}#auth-form input:focus{border-color:var(--lantern);box-shadow:0 0 0 3px #ffd46721}#auth-form .primary-action{width:100%;margin-top:3px}.auth-error{min-height:20px;color:#ff9ca4;font-size:13px}.auth-cast{position:absolute;right:clamp(18px,5vw,78px);bottom:0;width:min(58vw,760px);height:92%;pointer-events:none}.auth-cast img{position:absolute;bottom:-4%;width:min(29vw,350px);max-height:90%;object-fit:contain;filter:drop-shadow(0 22px 20px rgba(5,3,17,.55))}.auth-cast img:nth-child(1){left:0;z-index:1;transform:rotate(-3deg) scale(.86);opacity:.9}.auth-cast img:nth-child(2){left:31%;z-index:3}.auth-cast img:nth-child(3){right:-2%;z-index:2;transform:rotate(3deg) scale(.9)}.brand-mark{width:fit-content;padding:7px 14px;border:2px solid rgba(255,212,103,.82);border-radius:6px;background:#52225fe0;color:var(--lantern);font-size:clamp(13px,1.7vw,16px);letter-spacing:0}.version-badge{margin-left:6px;color:#bff7e8;font-size:10px;font-weight:900;white-space:nowrap}.menu-character{position:absolute;z-index:2;right:clamp(30px,8vw,132px);bottom:clamp(20px,5vh,58px);width:min(35vw,430px);height:auto;pointer-events:none;filter:drop-shadow(0 20px 0 rgba(43,15,54,.35)) drop-shadow(0 24px 26px rgba(11,6,28,.55));animation:hero-float 2.8s ease-in-out infinite}.screen-menu>:not(.menu-character){position:relative;z-index:3}.account-bar{position:absolute!important;top:max(14px,env(safe-area-inset-top));right:max(14px,env(safe-area-inset-right));display:flex;align-items:center;gap:8px;padding:5px 6px 5px 12px;border:1px solid rgba(255,212,103,.42);border-radius:6px;background:#23123bd1}.account-bar span{max-width:180px;overflow:hidden;color:var(--cream);font-weight:800;text-overflow:ellipsis;white-space:nowrap}.account-bar .rainbow-balance,.loadout-wallet span{display:inline-flex;align-items:center;gap:4px;color:var(--lantern)}.rainbow-balance img,.loadout-wallet img{width:25px;height:25px;object-fit:contain}.logout-button{width:36px;height:36px;font-size:20px}h1,h2,p{margin:0}h1{margin-top:18px;color:var(--cream);font-size:clamp(52px,8vw,92px);line-height:.96;text-shadow:0 5px 0 #8f3c54,0 9px 0 #401c4d,0 0 30px rgba(255,212,103,.34)}h2{color:var(--cream);font-size:clamp(30px,5vw,52px);line-height:1.05;text-shadow:0 4px 0 #8f3c54,0 7px 0 #401c4d}.screen-menu p{max-width:520px;margin-top:14px;color:#ffe4a3;font-size:clamp(20px,3vw,30px);line-height:1.25}.menu-actions{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;margin-top:28px}.screen-menu .menu-actions{justify-content:flex-start}.primary-action,.secondary-action,.icon-button,.control-button{border:0;cursor:pointer;box-shadow:0 8px #451948e6,0 17px 25px #1207224d}.primary-action,.secondary-action{min-width:148px;min-height:54px;padding:12px 24px;border-radius:7px;font-weight:800}.primary-action:disabled,.secondary-action:disabled{cursor:wait;filter:saturate(.72);opacity:.78}.primary-action{border:2px solid #fff0b6;background:linear-gradient(180deg,#ffe681,#f3a63c);color:#4a1839}.secondary-action{border:2px solid rgba(255,212,103,.74);background:linear-gradient(180deg,#70357df5,#3e1c5bf5);color:var(--cream)}.primary-action:active,.secondary-action:active,.icon-button:active,.control-button:active{transform:translateY(4px);box-shadow:0 6px #37171ca6,0 14px 24px #00000042}.menu-strip{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px}.menu-strip span{padding:7px 12px;border-radius:6px;border:1px solid rgba(255,212,103,.3);background:#562569d1;color:#fff0bd;font-size:15px}.lobby-dashboard{width:min(620px,48vw);display:grid;grid-template-columns:minmax(190px,.72fr) minmax(260px,1fr);gap:10px;margin-top:16px}.event-card,.mission-board{border:1px solid rgba(255,236,169,.4);border-radius:7px;background:linear-gradient(180deg,rgba(255,253,241,.1),transparent),#13313ac2;box-shadow:inset 0 1px #ffffff29,0 8px #1f12396b;backdrop-filter:blur(10px)}.event-card{display:grid;grid-template-columns:58px minmax(0,1fr);align-items:center;gap:9px;min-height:102px;padding:10px}.event-card img{width:58px;height:58px;object-fit:contain;filter:drop-shadow(0 0 14px rgba(255,215,100,.36))}.event-card span,.mission-board-title span,.mission-item span{display:block;color:#fffdf1b8;font-size:10px;font-weight:900}.event-card strong{display:block;color:#ffe681;font-size:20px;line-height:1.05}.event-card small{display:block;margin-top:3px;color:#fffdf1b8;font-size:10px;line-height:1.25}.mission-board{min-height:102px;padding:9px}.mission-board-title{display:flex;align-items:center;justify-content:space-between;gap:8px}.mission-board-title b{min-width:38px;padding:3px 6px;border-radius:5px;background:#ffd7642e;color:#ffe681;font-size:11px;text-align:center}.mission-list{display:grid;gap:5px;margin-top:7px}.mission-item{display:grid;grid-template-columns:28px minmax(0,1fr) auto;align-items:center;gap:7px;min-height:34px;padding:5px 6px;border-radius:5px;background:#08182475}.mission-item img{width:28px;height:28px;object-fit:contain}.mission-item strong{display:block;overflow:hidden;color:var(--cream);font-size:11px;line-height:1.15;text-overflow:ellipsis;white-space:nowrap}.mission-item b{color:#bff7e8;font-size:10px;white-space:nowrap}.mission-item[data-complete=true]{border:1px solid rgba(120,201,134,.52);background:#22564480}.stage-picker{width:min(560px,62vw);display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;margin-top:15px;padding:5px;border:1px solid rgba(255,212,103,.42);border-radius:7px;background:#23123bd1}.stage-picker button{min-width:0;min-height:38px;padding:6px 9px;border:1px solid transparent;border-radius:5px;background:transparent;color:#fff4cfb8;cursor:pointer;font-weight:800;overflow-wrap:anywhere}.stage-picker button[data-selected=true]{border-color:#ffd467b8;background:linear-gradient(180deg,#e74852d1,#8d3c8fd1);color:var(--cream)}.hud{inset:0;display:none;pointer-events:none}.hud[data-visible=true]{display:block}.hud-cluster{position:absolute;display:flex;align-items:center;gap:10px;padding:9px 12px;border:1px solid rgba(255,222,139,.7);border-radius:5px;background:linear-gradient(180deg,#482264e0,#1f123bdb);box-shadow:inset 0 1px #fff4cf29,0 4px #230f36a8,0 12px 26px #0b061c38;backdrop-filter:blur(7px);clip-path:polygon(0 0,calc(100% - 9px) 0,100% 9px,100% 100%,9px 100%,0 calc(100% - 9px))}.hud-left{top:max(12px,env(safe-area-inset-top));left:max(12px,env(safe-area-inset-left))}.hud-center{top:max(12px,env(safe-area-inset-top));left:50%;transform:translate(-50%)}.hud-right{top:max(12px,env(safe-area-inset-top));right:max(12px,env(safe-area-inset-right));pointer-events:auto}.portrait{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;overflow:hidden;background:radial-gradient(circle at 50% 35%,#fff4cf,#e74852 62%,#4a2464);border:2px solid rgba(255,212,103,.95)}.portrait img{width:64px;height:64px;object-fit:contain;transform:translateY(9px) scale(1.25)}.meter-stack{min-width:156px}label,.scorebox label,.distancebox label{display:block;color:#fff2c2b8;font-size:12px;line-height:1.1}.meter{width:100%;height:11px;overflow:hidden;border-radius:4px;background:#050714b8;box-shadow:inset 0 0 0 1px #ffffff14,0 1px #ffde8b1f}.meter span{display:block;height:100%;width:0%;transition:width .12s linear;box-shadow:inset 0 2px #ffffff57}.energy-meter span{background:linear-gradient(90deg,#ee4059,#ff8e4f,#ffd467)}.surge-meter span{background:linear-gradient(90deg,#56d7ca,#70b9ff,#ef6ca9,#ffd467)}.scorebox,.distancebox{min-width:96px}.distancebox{display:grid;gap:1px}.scorebox strong,.distancebox strong{display:block;color:var(--cream);font-size:22px;line-height:1.1}.race-distance-status{display:none;color:#bff7e8;font-size:9px;font-weight:900;line-height:1.05;white-space:nowrap}#app[data-screen=race] .race-distance-status{display:block}.combo-chip{min-width:54px;min-height:40px;display:grid;place-items:center;padding:5px 10px;border-radius:5px;border:1px solid rgba(255,212,103,.52);background:linear-gradient(180deg,#612369bd,#391852db),url(/assets/fx/comboCrest.png?v=2) center / 39px 36px no-repeat;color:#ffe18d;font-weight:900;text-shadow:0 2px 0 rgba(62,20,58,.9);transition:transform .16s ease,filter .16s ease}.combo-chip[data-hot=true]{filter:saturate(1.28) brightness(1.08);transform:scale(1.06);box-shadow:0 0 18px #ef6ca957}.checkpoint-status{width:78px;min-height:42px;display:grid;grid-template-columns:1fr auto;align-content:center;gap:3px 5px;padding:4px 6px;border:1px solid rgba(73,212,194,.48);border-radius:5px;background:#103b41ad}.checkpoint-status>span,.checkpoint-status>small{color:#dffdf4;font-size:9px;font-weight:900;white-space:nowrap}.checkpoint-status>small{color:#fffdf1ad;font-size:8px}.checkpoint-status>div{grid-column:1 / -1;width:100%;height:4px;overflow:hidden;border-radius:2px;background:#03191f94}.checkpoint-status i{display:block;width:0;height:100%;background:linear-gradient(90deg,var(--teal),var(--lantern));transition:width .12s linear}.checkpoint-status[data-active=true]{border-color:var(--lantern);filter:brightness(1.18)}.icon-button{position:relative;width:42px;height:42px;border-radius:7px;border:1px solid rgba(255,212,103,.42);background:linear-gradient(180deg,#70357deb,#3e1c5beb);color:var(--cream);font-weight:900}.audio-button{font-size:21px;line-height:1}.audio-button[data-muted=true]{color:#fff4cf7a;background:#22143ae6}.audio-button[data-muted=true]:after{content:"";position:absolute;left:8px;top:19px;width:25px;height:2px;border-radius:2px;background:#ee4059;transform:rotate(-42deg)}.surge-strip{position:absolute;left:max(12px,env(safe-area-inset-left));top:max(80px,calc(env(safe-area-inset-top) + 68px));bottom:auto;width:190px;display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:5px;transform:none;padding:3px 7px 3px 25px;border-radius:5px;border:1px solid rgba(86,215,202,.68);background:#162844d1;box-shadow:0 2px #1f123994,0 0 14px #56d7ca14;clip-path:polygon(5px 0,100% 0,100% calc(100% - 5px),calc(100% - 5px) 100%,0 100%,0 5px)}.surge-strip:before{content:"";position:absolute;left:5px;top:50%;width:17px;height:18px;background:url(/assets/fx/surgeCrest.png?v=2) center / contain no-repeat;filter:drop-shadow(0 0 7px rgba(86,215,202,.42));transform:translateY(-50%)}.surge-strip span{display:block;margin-bottom:0;color:#fff2c2b8;font-size:7px;font-weight:900;line-height:1}.surge-meter{height:5px}.auto-status{position:absolute;left:50%;bottom:max(14px,env(safe-area-inset-bottom));width:min(520px,48vw);display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;transform:translate(-50%);pointer-events:none}.auto-status-card{min-width:0;height:64px;display:grid;grid-template-columns:44px minmax(0,1fr) auto;align-items:center;gap:8px;padding:6px 8px;border:1px solid color-mix(in srgb,var(--status-accent, #ffd467) 68%,white);border-radius:5px;background:linear-gradient(180deg,#2c1848c2,#150f2fd1);box-shadow:inset 0 1px #ffffff21,0 4px #140b2a8c;backdrop-filter:blur(8px);transition:border-color .16s ease,filter .16s ease}.auto-status-card>img{width:42px;height:48px;object-fit:contain;filter:drop-shadow(0 2px 3px rgba(7,5,20,.55))}.auto-status-copy{min-width:0}.auto-status-copy small,.auto-status-copy strong,.auto-status-copy span{display:block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;letter-spacing:0}.auto-status-copy small{color:color-mix(in srgb,var(--status-accent, #ffd467) 72%,white);font-size:9px;font-weight:900}.auto-status-copy strong{color:var(--cream);font-size:14px;line-height:1.2}.auto-status-copy span{color:#fff2c2ad;font-size:9px}.auto-cooldown{min-width:45px;padding:5px 6px;border-radius:4px;background:#080a1cad;color:#ffe29a;font-size:10px;line-height:1;text-align:center;white-space:nowrap}.auto-status-card[data-active=true]{border-color:color-mix(in srgb,var(--status-accent, #ffd467) 82%,white);filter:brightness(1.15) saturate(1.16);box-shadow:inset 0 1px #ffffff2e,0 0 20px color-mix(in srgb,var(--status-accent, #ffd467) 30%,transparent)}.auto-status-card[data-active=true] .auto-cooldown{background:color-mix(in srgb,var(--status-accent, #ffd467) 34%,rgba(8,10,28,.78));color:#fff}.item-status{--status-accent: #ef72b8}.auto-status-card[data-empty=true]{opacity:.58;filter:saturate(.4)}.perfect-callout{position:absolute;left:50%;top:19%;min-width:180px;transform:translate(-50%) translateY(-10px);opacity:0;color:#fff2c2;text-align:center;font-size:clamp(28px,4vw,44px);font-weight:900;text-shadow:0 4px 0 rgba(109,43,28,.76),0 0 28px rgba(255,215,131,.58);pointer-events:none}.perfect-callout:before{content:"";display:inline-block;width:48px;height:52px;margin-right:8px;vertical-align:middle;background:url(/assets/fx/perfectLotus.png?v=2) center / contain no-repeat;filter:drop-shadow(0 0 12px rgba(255,215,131,.46))}.perfect-callout[data-visible=true]{animation:callout .78s ease-out}.stage-intro{position:absolute;left:50%;top:max(92px,calc(env(safe-area-inset-top) + 86px));width:min(420px,calc(100vw - 40px));min-height:70px;display:grid;grid-template-columns:58px minmax(0,1fr);align-items:center;gap:10px;padding:8px 18px 8px 10px;opacity:0;transform:translate(-50%,-10px);border-top:1px solid color-mix(in srgb,var(--stage-accent, #56d7ca) 70%,white);border-bottom:1px solid color-mix(in srgb,var(--stage-accent, #56d7ca) 52%,transparent);background:linear-gradient(90deg,#180d3433,#180d34e0 18% 82%,#180d3433);pointer-events:none}.stage-intro img{width:56px;height:56px;object-fit:contain;filter:drop-shadow(0 0 12px color-mix(in srgb,var(--stage-accent, #56d7ca) 45%,transparent))}.stage-intro span,.stage-intro strong,.stage-intro small{display:block;letter-spacing:0}.stage-intro span{color:color-mix(in srgb,var(--stage-accent, #56d7ca) 72%,white);font-size:10px;font-weight:900}.stage-intro strong{color:var(--cream);font-size:22px;line-height:1.15}.stage-intro small{margin-top:2px;color:#fff2c2b8;font-size:12px}.stage-intro[data-visible=true]{animation:stage-intro-reveal 2.35s ease-out both}.hud[data-low-energy=true] .hud-left{border-color:#ff6570e0;box-shadow:0 0 24px #e748524d,0 4px #230f36a8;animation:low-energy-pulse .72s ease-in-out infinite alternate}.hud[data-surge-active=true] .surge-strip{border-color:#89ffefeb;box-shadow:0 0 30px #56d7ca52,0 4px #1f1239ad}.touch-controls{inset:auto 0 max(18px,env(safe-area-inset-bottom)) 0;display:none;justify-content:space-between;align-items:flex-end;padding:0 max(18px,env(safe-area-inset-right)) 0 max(18px,env(safe-area-inset-left));pointer-events:none}.touch-controls[data-visible=true]{display:flex}.control-button{position:relative;width:clamp(96px,15vw,138px);height:clamp(68px,10vw,90px);display:grid;place-content:center;gap:1px;border-radius:7px;background:#ffd4673d;border:2px solid rgba(255,236,169,.84);color:var(--cream);font-weight:900;text-shadow:0 2px 0 rgba(24,12,42,.72);box-shadow:inset 0 1px #ffffff42,0 4px #160d2d9e,0 8px 20px #07051433;pointer-events:auto;backdrop-filter:blur(8px);contain:layout paint;touch-action:none;transition:transform .06s ease,background .06s ease,border-color .06s ease}.control-symbol{display:block;height:27px;font-size:28px;line-height:.9}.control-label{display:block;font-size:14px;line-height:1}.control-button.jump{background:linear-gradient(180deg,#ffd66757,#e37e3545);border-color:#ffe79ae6}.control-button.slide{background:linear-gradient(180deg,#56d7ca54,#306fa24a);border-color:#97f5ede0}.control-button.action{display:none;width:clamp(82px,12vw,112px);margin-left:auto;margin-right:10px;background:linear-gradient(180deg,#ef70a157,#5934914d);border-color:#ffd783e0}#app[data-screen=race] .control-button.action{display:grid}.control-icon{width:30px;height:30px;justify-self:center;object-fit:contain;filter:drop-shadow(0 2px 3px rgba(15,8,34,.55))}.control-button.action b{display:block;color:var(--lantern);font-size:10px;line-height:1}.control-button.action[disabled]{opacity:.56;filter:saturate(.72)}.control-button[data-pressed=true]{transform:scale(.95);border-color:#fff;background:#ffffff57;box-shadow:inset 0 0 18px #ffffff2e,0 2px #160d2d94}.hud[data-shielded=true] .portrait{border-color:#76e9ff;box-shadow:0 0 20px #67d7ffb8}.pause-screen,.result-screen{background:linear-gradient(180deg,#1b0c32b8,#100826eb),radial-gradient(circle at 50% 36%,rgba(255,212,103,.2),transparent 36%)}.result-grid{width:min(680px,calc(100vw - 34px));display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:24px}.result-grid div{min-height:74px;padding:12px;border:2px solid rgba(255,212,103,.48);border-radius:7px;background:#3d1b56e0}.result-grid span{display:block;color:#fff2c2ad;font-size:13px}.result-grid strong{display:block;margin-top:6px;color:#ffe08a;font-size:clamp(22px,3vw,32px)}.result-reward{width:min(520px,calc(100vw - 34px));display:grid;grid-template-columns:54px 1fr auto;align-items:center;gap:4px 12px;margin-top:12px;padding:10px 14px;border:1px solid rgba(255,215,100,.7);border-radius:7px;background:#124246e6;text-align:left}.result-reward img{grid-row:1 / 3;width:52px;height:52px;object-fit:contain}.result-reward strong{color:var(--lantern);font-size:24px}.result-reward small{grid-column:2 / 4;color:#fffdf1b8}.result-missions{width:min(520px,calc(100vw - 34px));margin-top:10px;padding:9px 12px;border:1px solid rgba(120,201,134,.52);border-radius:7px;background:#123b39c7;color:#dffdf4;text-align:center}.result-missions span,.result-missions strong{display:block}.result-missions span{color:#fffdf1ad;font-size:11px;font-weight:900}.result-missions strong{margin-top:2px;color:var(--cream);font-size:16px}.new-record{display:none;margin-top:16px;padding:7px 14px;border-radius:6px;background:#ffd78333;color:#ffe08a;font-weight:900}.new-record[data-visible=true]{display:block}.settings-panel{top:max(14px,env(safe-area-inset-top));right:max(14px,env(safe-area-inset-right));width:min(360px,calc(100vw - 28px));display:none;padding:16px;border:2px solid rgba(255,212,103,.64);border-radius:7px;background:var(--glass-strong);box-shadow:0 24px 70px #0000006b;max-height:calc(100dvh - 28px);overflow-y:auto;z-index:8}.settings-panel,.loadout-panel,.auth-screen{overscroll-behavior:contain;touch-action:pan-y;-webkit-overflow-scrolling:touch}.loadout-panel{position:absolute;z-index:10;inset:4.5dvh 50% auto auto;width:min(1040px,calc(100vw - 36px));max-height:91dvh;display:none;overflow-y:auto;transform:translate(50%);padding:16px;border:2px solid rgba(73,212,194,.78);border-radius:7px;background:linear-gradient(180deg,#f9fffaf7,#e0faf3fa),url(/assets/environment/lobby-festival-v2.webp) center / cover no-repeat;box-shadow:0 24px 80px #070313b8}#game-root,.hud,.touch-controls,.orientation-lock{touch-action:none}.fullscreen-button[data-active=true]{border-color:#76e9ffe6;background:linear-gradient(180deg,#43b4bff0,#2e558ef0)}.loadout-panel[data-visible=true]{display:block}.loadout-header,.section-heading{display:flex;align-items:center;justify-content:space-between;gap:16px}.loadout-header{position:sticky;top:-16px;z-index:2;margin:-16px -16px 0;padding:14px 16px 12px;border-bottom:1px solid rgba(23,82,86,.18);background:#f4fff8f5;backdrop-filter:blur(14px)}.loadout-header>div>span,.section-heading>span{color:#55777a;font-size:12px}.loadout-header h2{margin-top:2px;font-size:30px}.loadout-header h2,.loadout-section h3{color:#173f48;text-shadow:none}.loadout-wallet{display:flex;align-items:center;gap:9px}.loadout-wallet span{padding:5px 9px;border:1px solid rgba(255,183,78,.5);border-radius:6px;background:#fff8db;color:#805224}.loadout-section{margin-top:18px;padding:12px;border:1px solid rgba(24,92,92,.16);border-left:5px solid rgba(73,212,194,.58);border-radius:7px;background:#ffffffc2;box-shadow:0 10px 28px #16505214}.loadout-section h3{margin:0;color:#173f48;font-size:18px}.stage-grid,.skill-grid,.active-item-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;margin-top:9px}.character-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:9px;margin-top:9px}.equipment-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:9px;margin-top:9px}.passive-slots{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:9px}.passive-slot{min-width:0;min-height:64px;display:grid;grid-template-columns:24px 48px minmax(0,1fr);align-items:center;gap:8px;padding:7px;border:1px solid rgba(24,92,92,.22);border-radius:6px;background:linear-gradient(180deg,#fffffff5,#e7faf4f5);color:#244950;cursor:pointer;text-align:left}.passive-slot>span{display:grid;place-items:center;width:22px;height:22px;border-radius:50%;background:#e7f7f1;color:#247c79;font-size:11px;font-weight:900}.passive-slot img{width:46px;height:46px;object-fit:contain}.passive-slot[data-selected=true]{border-color:#ff836d;background:linear-gradient(180deg,#fff5ef,#e8fbf4);box-shadow:inset 0 0 0 2px #ff836d33,0 8px 18px #ff836d1f}.equipment-filters{display:flex;gap:6px;margin-top:9px;overflow-x:auto;scrollbar-width:thin}.equipment-filters button{flex:0 0 auto;min-height:34px;padding:5px 11px;border:1px solid rgba(25,91,91,.22);border-radius:6px;background:#fff;color:#416b70;cursor:pointer;font-weight:800}.equipment-filters button[data-selected=true]{border-color:#39bcae;background:#dff8f0;color:#176d6d}.synergy-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:9px;margin-top:9px}.synergy-section{padding-top:14px;border-left-color:#ffb74eb8}.shop-section{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px 18px;padding:14px;border:1px solid rgba(255,183,78,.46);border-radius:7px;background:#fff9df}.shop-copy span{display:block;margin-top:3px;color:#6d7770;font-size:12px}.shop-draw{min-width:150px}.shop-draw img{width:28px;height:28px;margin-right:4px;vertical-align:middle}.shop-message{grid-column:1 / -1;min-height:20px;color:#3c6a6b;font-weight:800}.shop-message[data-kind=success]{color:#178268}.shop-message[data-kind=error]{color:#c84654}.character-card{min-height:220px;padding:0 9px 10px;overflow:hidden;border-top:4px solid var(--character-accent, var(--lantern));text-align:center}.character-card img{width:100%;height:128px;float:none;margin:0 0 4px;object-fit:contain;object-position:center bottom;filter:drop-shadow(0 8px 9px rgba(10,4,24,.45))}.character-card strong{font-size:15px}.character-ability-summary{display:grid;grid-template-columns:auto minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:8px 12px;margin-top:10px;padding:10px 12px;border-left:5px solid var(--character-accent, var(--lantern));background:#1e1139c2}.character-ability-summary strong{color:var(--character-accent, var(--lantern));font-size:13px}.character-ability-summary span{color:#fff4cfc7;font-size:12px;line-height:1.35}.active-item-card{min-height:96px}.catalog-card{position:relative;min-width:0;min-height:104px;padding:9px;border:1px solid rgba(28,89,91,.18);border-radius:6px;background:linear-gradient(180deg,#fffffffa,#f0fbf7fa);color:#21464d;cursor:pointer;text-align:left;box-shadow:0 7px 18px #104e530f;transition:transform .15s ease,border-color .15s ease,box-shadow .15s ease}.catalog-card[data-selected=true]{border-color:#ff7d68;background:linear-gradient(180deg,#fff2e8,#e9fbf4);box-shadow:inset 0 0 0 1px #ff7d682e,0 10px 20px #ff7d6824;transform:translateY(-2px)}.catalog-card img{width:54px;height:54px;float:left;margin-right:8px;object-fit:contain}.catalog-card strong,.catalog-card small{display:block}.catalog-card strong{color:#21464d;font-size:14px;line-height:1.2}.catalog-card small{margin-top:5px;color:#637d7f;font-size:11px;line-height:1.3}.catalog-card em{position:absolute;right:6px;top:6px;padding:3px 5px;border-radius:4px;background:#e9efed;color:#718481;font-size:9px;font-style:normal;font-weight:900}.catalog-card[data-locked=true]{filter:grayscale(.78);opacity:.62}.synergy-card[data-compatible=true]{border-left:4px solid #49d4c2}.powerup-status{position:static;grid-column:1 / -1;display:flex;align-items:center;justify-content:center;gap:4px;min-height:28px;pointer-events:none}.powerup-chip{width:auto;min-width:49px;height:27px;display:none;grid-template-columns:22px auto;align-items:center;gap:3px;padding:2px 6px 2px 3px;border:1px solid rgba(255,253,241,.44);border-radius:5px;background:#103b41c7;color:#fff;backdrop-filter:blur(6px)}.powerup-chip[data-active=true],.currency-chip{display:grid}.powerup-chip img{width:22px;height:22px;object-fit:contain}.powerup-chip span{display:none}.powerup-chip b{color:var(--lantern);font-size:9px;white-space:nowrap}.tutorial-panel{position:absolute;z-index:30;inset:0;display:none;place-items:center;padding:max(16px,env(safe-area-inset-top)) max(16px,env(safe-area-inset-right)) max(16px,env(safe-area-inset-bottom)) max(16px,env(safe-area-inset-left));background:#092128ad;touch-action:pan-y}.tutorial-panel[data-visible=true]{display:grid}.tutorial-card{width:min(540px,calc(100vw - 32px));max-height:calc(100dvh - 32px);overflow-y:auto;border:2px solid #74d8ca;border-radius:8px;background:#f7fff9;color:#21464d;box-shadow:0 22px 70px #051d236b}.tutorial-card header,.tutorial-card footer{display:flex;align-items:center;justify-content:space-between;padding:10px 12px}.tutorial-card header{border-bottom:1px solid #d8eee7;color:#387377;font-weight:900}.tutorial-pages article{min-height:250px;padding:16px 24px;text-align:center}.tutorial-pages img{width:122px;height:122px;object-fit:contain}.tutorial-pages h2{margin-top:4px;color:#174c52;font-size:27px;text-shadow:none}.tutorial-pages p{margin-top:8px;color:#567174;line-height:1.55}.tutorial-progress{display:flex;gap:6px}.tutorial-progress i{width:9px;height:9px;border-radius:50%;background:#c5dcd7}.tutorial-progress i[data-active=true]{background:#ff7d68}@media(max-height:520px)and (orientation:landscape){.powerup-status{min-height:25px;gap:3px}.powerup-chip{min-width:43px;height:24px;grid-template-columns:19px auto;padding:1px 4px 1px 2px}.powerup-chip img{width:19px;height:19px}.passive-slots{grid-template-columns:repeat(3,minmax(160px,1fr))}.synergy-grid{grid-template-columns:repeat(5,minmax(150px,1fr))}.tutorial-card{width:min(680px,calc(100vw - 24px))}.tutorial-pages article{min-height:160px;display:grid;grid-template-columns:130px 1fr;align-items:center;padding:10px 20px;text-align:left}.tutorial-pages img{grid-row:1 / 3;width:110px;height:110px}.tutorial-pages h2{font-size:23px}.tutorial-pages p{font-size:13px}.result-reward{width:min(720px,calc(100vw - 28px));min-height:48px;margin-top:7px;padding-block:5px}.result-reward img{width:40px;height:40px}}.catalog-card.character-card{min-height:182px;padding:0 9px 10px;text-align:center}.catalog-card.character-card img{width:100%;height:104px;float:none;margin:0 0 4px;object-fit:contain;object-position:center bottom}.catalog-card.character-card strong{font-size:14px}.catalog-card.character-card small{font-size:10px}.stage-card{min-height:76px;border-left:5px solid var(--stage-accent, var(--lantern))}.skill-card{min-height:92px}.skill-card img{width:62px;height:62px}.settings-panel[data-visible=true]{display:block}.settings-panel>div{display:flex;align-items:center;justify-content:space-between;gap:12px}.settings-panel h2{font-size:26px}.settings-panel p{margin-top:14px;color:#fff2c2b8;font-size:13px;line-height:1.45}.toggle-row{display:flex;align-items:center;gap:10px;margin-top:16px;color:var(--cream);font-size:16px}.toggle-row input{width:22px;height:22px;accent-color:var(--brass)}.volume-row{display:grid;grid-template-columns:auto minmax(100px,1fr) 42px;align-items:center;gap:10px;margin-top:16px;color:var(--cream);font-size:16px}.volume-row input{width:100%;accent-color:var(--lantern)}.volume-row output{color:var(--lantern);text-align:right;font-size:13px;font-weight:900}.orientation-lock{inset:0;display:none;place-items:center;align-content:center;row-gap:30px;padding:24px;background:var(--deep-night);color:var(--cream);text-align:center;z-index:12}.orientation-lock:before{content:"";width:48px;height:76px;border:3px solid var(--lantern);border-radius:7px;box-shadow:0 0 30px #ffd7833d;transform:rotate(90deg)}.orientation-lock strong{max-width:360px;font-size:clamp(20px,5vw,30px);line-height:1.35}@keyframes callout{0%{opacity:0;transform:translate(-50%) translateY(12px) scale(.94)}18%{opacity:1}to{opacity:0;transform:translate(-50%) translateY(-18px) scale(1.04)}}@keyframes stage-intro-reveal{0%{opacity:0;transform:translate(-50%,-12px) scale(.97)}14%,72%{opacity:1;transform:translate(-50%) scale(1)}to{opacity:0;transform:translate(-50%,8px) scale(1.01)}}@keyframes low-energy-pulse{0%{filter:brightness(.95)}to{filter:brightness(1.16)}}@keyframes hero-float{0%,to{transform:translateY(0) rotate(-1deg)}50%{transform:translateY(-9px) rotate(1deg)}}body[data-reduce-motion=true] .stage-intro,body[data-reduce-motion=true] .perfect-callout,body[data-reduce-motion=true] .hud[data-low-energy=true] .hud-left{animation-duration:.01ms;animation-iteration-count:1}@media(orientation:portrait)and (max-width:1024px){.orientation-lock{display:grid}}#app[data-orientation-blocked=true] .orientation-lock{display:grid}@media(max-width:760px){.screen-menu{padding-left:24px;padding-top:46px}.hud-cluster{padding:7px 8px}.hud-center{top:72px}.meter-stack{min-width:118px}.scorebox,.distancebox{min-width:auto}.scorebox strong,.distancebox strong{font-size:18px}.surge-strip{left:max(8px,env(safe-area-inset-left));top:max(65px,calc(env(safe-area-inset-top) + 58px));bottom:auto;width:176px}.auto-status{width:min(520px,58vw)}.result-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-height:520px)and (orientation:landscape){.auth-screen{justify-content:flex-start;overflow-y:auto;padding:max(10px,env(safe-area-inset-top)) max(20px,env(safe-area-inset-right)) max(10px,env(safe-area-inset-bottom)) max(24px,env(safe-area-inset-left));touch-action:pan-y}.auth-panel{width:min(410px,48vw)}.auth-panel .brand-mark{padding:4px 9px;font-size:11px}.auth-panel h1{margin-top:6px;font-size:clamp(38px,12vh,52px)}.auth-tabs{margin-top:7px}.auth-tabs button{min-height:31px;font-size:12px}#auth-form{gap:5px;margin-top:6px}#auth-form label span{margin-bottom:2px;font-size:10px}#auth-form input{min-height:34px;padding:5px 9px;font-size:13px}#auth-form .primary-action{min-height:39px;padding-block:6px}.auth-error{min-height:14px;font-size:11px}.auth-cast{right:max(8px,env(safe-area-inset-right));width:53vw}.screen{padding-top:max(14px,env(safe-area-inset-top));padding-bottom:max(14px,env(safe-area-inset-bottom))}.screen-menu{padding-left:max(28px,env(safe-area-inset-left));padding-top:max(18px,env(safe-area-inset-top))}.screen-menu h1{margin-top:9px;font-size:clamp(44px,8vh,62px)}.screen-menu p{margin-top:7px;font-size:clamp(18px,4.8vh,24px)}.stage-intro{top:max(60px,calc(env(safe-area-inset-top) + 54px));width:min(320px,42vw);min-height:50px;grid-template-columns:40px minmax(0,1fr);padding:5px 12px 5px 7px}.stage-intro img{width:38px;height:38px}.stage-intro strong{font-size:17px}.stage-intro small{font-size:10px}.screen-menu .menu-actions{max-width:520px;margin-top:12px;gap:8px}.screen-menu .primary-action,.screen-menu .secondary-action{min-width:126px;min-height:44px;padding:8px 14px}.screen-menu .loadout-action{min-width:168px}.stage-picker{width:min(520px,62vw);margin-top:9px}.stage-picker button{min-height:32px;padding:4px 7px;font-size:12px}.menu-character{right:max(18px,env(safe-area-inset-right));bottom:12px;width:min(31vw,235px)}.menu-strip{display:none}.lobby-dashboard{width:min(500px,58vw);grid-template-columns:minmax(150px,.72fr) minmax(220px,1fr);gap:7px;margin-top:8px}.event-card,.mission-board{min-height:76px;padding:7px}.event-card{grid-template-columns:42px minmax(0,1fr)}.event-card img{width:42px;height:42px}.event-card strong{font-size:15px}.event-card small,.mission-item span{display:none}.mission-list{gap:4px;margin-top:5px}.mission-item{min-height:26px;grid-template-columns:22px minmax(0,1fr) auto;padding:3px 5px}.mission-item img{width:22px;height:22px}.mission-item strong{font-size:9px}.loadout-panel{inset:8px 50% auto auto;width:calc(100vw - 16px);max-height:calc(100dvh - 16px);padding:13px}.loadout-header{top:-13px;margin:-13px -13px 0;padding:10px 13px}.loadout-header h2{font-size:23px}.loadout-section{margin-top:13px}.character-card{min-height:166px}.character-card img{height:86px}.character-card strong{font-size:12px}.character-card small{font-size:9px}.character-ability-summary{grid-template-columns:auto minmax(0,1fr)}.equipment-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.catalog-card{min-height:88px;padding:7px}.catalog-card img{width:44px;height:44px}.catalog-card.character-card{min-height:148px}.catalog-card.character-card img{width:100%;height:76px}.hud-left,.hud-center,.hud-right{top:max(7px,env(safe-area-inset-top))}.hud-cluster{gap:7px;padding:6px 8px}.portrait{width:36px;height:36px}.meter-stack{min-width:112px}.scorebox,.distancebox{min-width:76px}.scorebox strong,.distancebox strong{font-size:17px}.icon-button{width:38px;height:38px}.surge-strip{left:max(7px,env(safe-area-inset-left));top:max(64px,calc(env(safe-area-inset-top) + 57px));bottom:auto;width:min(176px,27vw);padding:2px 6px 2px 24px}.auto-status{bottom:max(5px,env(safe-area-inset-bottom));width:min(330px,38vw);gap:4px}.auto-status-card{height:48px;grid-template-columns:31px minmax(0,1fr) auto;gap:5px;padding:3px 5px}.auto-status-card>img{width:30px;height:36px}.auto-status-copy small{font-size:8px}.auto-status-copy strong{font-size:11px}.auto-status-copy span{display:none}.auto-cooldown{min-width:39px;padding-inline:4px;font-size:9px}.touch-controls{inset-block-end:max(9px,env(safe-area-inset-bottom));padding-inline:max(16px,env(safe-area-inset-left)) max(16px,env(safe-area-inset-right))}.control-button{width:clamp(96px,14vw,120px);height:clamp(64px,9vw,76px)}.control-button.action{width:clamp(82px,12vw,104px);margin-right:8px}.control-icon{width:26px;height:26px}.result-grid{width:min(940px,calc(100vw - 28px));grid-template-columns:repeat(6,minmax(0,1fr));gap:6px;margin-top:12px}.result-grid div{min-height:58px;padding:7px 5px}.result-grid span{font-size:11px;line-height:1.2}.result-grid strong{margin-top:3px;font-size:19px}.result-screen .menu-actions,.pause-screen .menu-actions{margin-top:12px}.new-record{margin-top:8px;padding-block:4px}}@media(hover:hover)and (pointer:fine){.touch-controls[data-visible=true]{display:none}}#app[data-mobile-experience=true] .touch-controls[data-visible=true]{display:flex}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.001ms!important;transition-duration:.001ms!important}}.loadout-panel .loadout-section h3{color:#173f48;text-shadow:none}.loadout-panel .section-heading>span{color:#55777a}.mode-board{width:min(640px,54vw);display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;margin-top:12px}.mode-board button{min-width:0;min-height:64px;padding:8px;border:1px solid rgba(255,236,169,.38);border-radius:7px;background:#0f3439c7;color:var(--cream);cursor:pointer;text-align:left;box-shadow:inset 0 1px #ffffff1f}.mode-board button[data-selected=true]{border-color:#ffd764e6;background:linear-gradient(180deg,#ffd76447,#ef70a140)}.mode-board span,.race-room-panel span,.race-rank-card span,.race-item-card span,.race-attack-card span{display:block;color:#bff7e8;font-size:10px;font-weight:900}.mode-board strong{display:block;margin-top:3px;font-size:13px;line-height:1.2}.race-room-panel{width:min(640px,54vw);display:none;grid-template-columns:minmax(96px,.8fr) minmax(82px,.48fr) minmax(130px,1fr) auto;align-items:center;gap:7px;margin-top:8px;padding:8px;border:1px solid rgba(73,212,194,.42);border-radius:7px;background:#092228b8;backdrop-filter:blur(8px)}.race-room-panel[data-visible=true]{display:grid}.race-room-panel input{width:100%;min-height:34px;padding:5px 8px;border:1px solid rgba(255,236,169,.35);border-radius:5px;background:#fffdf1e6;color:#173944;font:inherit;user-select:text}.race-room-panel .secondary-action{min-width:68px;min-height:36px;padding:5px 10px}.race-room-panel small{grid-column:1 / -1;color:#fffdf1bd;font-size:11px}.race-hud{position:absolute;inset:max(58px,calc(env(safe-area-inset-top) + 46px)) max(10px,env(safe-area-inset-right)) auto auto;z-index:6;width:min(260px,31vw);display:none;grid-template-columns:70px minmax(0,1fr) 66px;gap:5px;pointer-events:none}.race-hud[data-visible=true]{display:none}.race-hud[data-final=true] .race-rank-card,.race-hud[data-final=true] .race-item-card,.race-hud[data-final=true] .race-attack-card{border-color:#ffd764e6;background:linear-gradient(180deg,#ffd7643d,#ef70a133),#102f39e0;box-shadow:inset 0 1px #ffffff29,0 0 22px #ffd7642e}.race-rank-card,.race-item-card,.race-attack-card,.race-ranking,.race-feed,.race-result-board{border:1px solid rgba(255,236,169,.44);border-radius:7px;background:#102f39d6;box-shadow:inset 0 1px #ffffff1f,0 8px 24px #05081242;backdrop-filter:blur(8px)}.race-rank-card,.race-item-card,.race-attack-card{position:relative;padding:5px 7px;overflow:hidden}.race-item-card,.race-attack-card{pointer-events:auto;cursor:pointer;text-align:left}.race-rank-card strong,.race-item-card strong,.race-attack-card strong{display:block;color:var(--lantern);font-size:16px;line-height:1.05}.race-attack-card{background:linear-gradient(180deg,#ef70a13d,#102f39db),#102f39d6}.race-attack-card[disabled]{cursor:default;opacity:.56}.race-attack-card[data-ready=true]{border-color:#ffd764db;filter:brightness(1.12)}.race-rank-card i{display:block;width:0;height:4px;margin-top:6px;border-radius:3px;background:linear-gradient(90deg,var(--teal),var(--lantern),var(--berry))}.race-ranking{grid-column:1 / -1;display:grid;gap:2px;grid-template-columns:repeat(5,minmax(0,1fr));padding:4px}.race-ranking div,.race-result-board div div{display:grid;grid-template-columns:17px minmax(0,1fr);align-items:center;gap:3px;min-height:19px;padding:2px 3px;border-radius:5px;background:#fffdf114;color:var(--cream)}.race-ranking div[data-player=true],.race-result-board div div[data-player=true]{background:#ffd7643d}.race-ranking b,.race-result-board b{color:var(--lantern)}.race-ranking span,.race-result-board span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:10px;font-weight:900}.race-ranking small,.race-result-board small{display:none;color:#bff7e8;font-size:10px;white-space:nowrap}.race-feed{grid-column:1 / -1;display:grid;gap:2px;padding:4px}.race-feed span{color:#fffdf1d1;font-size:9px;line-height:1.18}.race-feed span:nth-child(n+2),.race-ranking div:nth-child(n+6){display:none}#app[data-screen=race] .auto-status-card{height:44px}#app[data-screen=race] .auto-status{left:50%;right:auto;bottom:max(5px,env(safe-area-inset-bottom));width:min(330px,38vw);transform:translate(-50%)}.race-result-board{width:min(560px,calc(100vw - 42px));margin-top:12px;padding:10px}.race-result-board>span{display:block;margin-bottom:7px;color:var(--lantern);font-weight:900}@media(max-width:900px)and (orientation:landscape){.mode-board{width:min(500px,58vw);grid-template-columns:repeat(2,minmax(0,1fr))}.mode-board button{min-height:46px;padding:5px 6px}.mode-board strong{font-size:10px}.race-room-panel{width:min(500px,58vw);grid-template-columns:minmax(82px,.8fr) 66px minmax(104px,1fr) 58px;padding:6px}.race-hud{top:max(46px,calc(env(safe-area-inset-top) + 38px));width:min(286px,38vw);grid-template-columns:62px minmax(0,1fr) 58px;gap:4px}.race-rank-card span,.race-item-card span,.race-attack-card span{font-size:8px}.race-rank-card strong,.race-item-card strong,.race-attack-card strong{font-size:14px}.race-ranking{grid-template-columns:repeat(5,minmax(0,1fr))}.race-ranking div:nth-child(n+6){display:none}}