.world-shell{isolation:isolate;background:#06140f;position:fixed;inset:0;overflow:hidden}.world-shell:has(.world-chat.is-expanded){z-index:60}.world-canvas{width:100%;height:100%;position:absolute;inset:0}.world-title{top:max(18px, env(safe-area-inset-top));z-index:4;text-align:center;text-shadow:0 4px 24px #000;display:grid;position:fixed;left:50%;transform:translate(-50%)}.world-title small{color:#5ee6b4;letter-spacing:.22em;font-size:9px;font-weight:900}.world-title strong{letter-spacing:-.03em;margin-top:3px;font-size:clamp(18px,3vw,28px)}.world-tip{top:max(88px,calc(env(safe-area-inset-top) + 76px));z-index:7;color:#dff8ef;text-align:center;pointer-events:none;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#03130ec7;border:1px solid #6ee7b742;border-radius:999px;align-items:center;gap:9px;max-width:min(620px,100vw - 32px);padding:9px 14px;font-size:11px;font-weight:750;line-height:1.35;animation:.3s cubic-bezier(.2,.8,.2,1) world-tip-in;display:flex;position:fixed;left:50%;transform:translate(-50%);box-shadow:0 12px 38px #00000057,inset 0 1px #ffffff0f}.world-tip small{color:#6ee7b7;letter-spacing:.18em;flex:none;font-size:8px;font-weight:950}.world-tip span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}@keyframes world-tip-in{0%{opacity:0;transform:translate(-50%,-8px)scale(.96)}to{opacity:1;transform:translate(-50%)scale(1)}}.world-entry-overlay{z-index:12;pointer-events:none;-webkit-backdrop-filter:blur(1.5px);backdrop-filter:blur(1.5px);background:#010a0785;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.world-entry-overlay>div{color:#eefcf7;text-align:center;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#03130ead;border:1px solid #6ee7b752;border-radius:24px;gap:10px;width:min(520px,100vw - 40px);padding:30px 34px;display:grid;box-shadow:0 24px 90px #0000007a,inset 0 1px #ffffff14}.world-entry-overlay small{color:#6ee7b7;letter-spacing:.24em;font-size:9px;font-weight:950}.world-entry-overlay strong{letter-spacing:-.04em;font-size:clamp(22px,4vw,38px)}.world-entry-overlay p{color:#a8c6bb;margin:2px 0 0;font-size:13px;font-weight:700}.world-entry-overlay kbd{color:#fff;letter-spacing:.08em;background:#ffffff1a;border:1px solid #ffffff47;border-bottom-width:3px;border-radius:7px;place-items:center;min-width:58px;min-height:29px;margin-right:5px;font:900 11px/1 system-ui;display:inline-grid}.mobile-entry-hint{display:none}.world-sectors{z-index:1;pointer-events:none;position:absolute;inset:0;overflow:hidden}.world-sectors span{color:#c0ebdb2e;letter-spacing:.08em;text-shadow:0 2px 18px #00000042;white-space:nowrap;font-size:clamp(34px,7vw,78px);font-weight:950;position:absolute;transform:translate(-50%,-50%)}.world-avatar{z-index:3;min-width:110px;color:inherit;filter:drop-shadow(0 12px 22px #00000059);cursor:pointer;background:0 0;border:0;place-items:center;padding:0;display:grid;position:absolute;transform:translate(-50%,-50%)}.world-avatar:active{transform:translate(-50%,-50%)}.world-avatar:active .world-cell{transform:scale(.96)}.world-avatar.is-self{pointer-events:none}.world-avatar.is-dashing .world-cell-wrap{animation:.18s ease-in-out infinite alternate world-dash-lunge}.world-avatar.is-dashing .world-cell{filter:saturate(1.25)brightness(1.12);box-shadow:inset -8px -10px 20px #0000003d,0 0 0 7px #6ee7b72e,0 0 24px #6ee7b7c7,0 0 68px #2dd4bf7a}.world-cell-wrap{width:clamp(46px,6vw,68px);height:clamp(46px,6vw,68px);display:block;position:relative}.world-cell{z-index:2;background:radial-gradient(circle at 35% 28%,#94f4d0,#10b981 42%,#075f46 100%);border:3px solid #ffffff52;border-radius:50%;width:100%;height:100%;display:block;position:relative;box-shadow:inset -8px -10px 20px #0000003d,0 0 28px #10b9813d}.world-avatar:not(.is-self) .world-cell{background:radial-gradient(circle at 35% 28%,#fca5b6,#f43f5e 46%,#881337 100%);box-shadow:inset -8px -10px 20px #0000003d,0 0 28px #f43f5e33}.world-avatar b{color:#f4fbf8;text-overflow:ellipsis;white-space:nowrap;max-width:130px;margin-top:6px;font-size:11px;overflow:hidden}.world-avatar small{margin-top:2px;font-size:9px;font-weight:850}.world-game-status{color:#fde68a;white-space:nowrap;background:#422b03c7;border:1px solid #facc1557;border-radius:999px;margin-top:5px;padding:4px 7px;font-size:8px;font-weight:850;box-shadow:0 5px 18px #00000047}.world-avatar.is-playing .world-cell{box-shadow:inset -8px -10px 20px #0000003d,0 0 0 5px #facc151f,0 0 30px #facc1533}.world-speech{z-index:7;color:#092018;overflow-wrap:anywhere;background:#f0fdf8f0;border:1px solid #ffffff3d;border-radius:12px;width:max-content;max-width:180px;padding:7px 10px;font-size:10px;font-weight:750;line-height:1.35;position:absolute;bottom:calc(100% + 10px);left:50%;transform:translate(-50%);box-shadow:0 9px 26px #00000047}.world-speech:after{content:"";background:#f0fdf8f0;border-bottom:1px solid #ffffff3d;border-right:1px solid #ffffff3d;width:9px;height:9px;position:absolute;top:100%;left:50%;transform:translate(-50%,-50%)rotate(45deg)}.dash-fx{z-index:1;pointer-events:none;position:absolute;inset:-8px}.dash-ghost{filter:blur(.2px);background:#10b98124;border:2px solid #6ee7b78f;border-radius:50%;position:absolute;inset:10px}.world-avatar:not(.is-self) .dash-ghost{background:#f43f5e1a;border-color:#fb718573}.dash-ghost:first-of-type{transform:translate(var(--trail-x-1),var(--trail-y-1));opacity:.62}.dash-ghost:nth-of-type(2){transform:translate(var(--trail-x-2),var(--trail-y-2));opacity:.43}.dash-ghost:nth-of-type(3){transform:translate(var(--trail-x-3),var(--trail-y-3));opacity:.28}.dash-ghost:nth-of-type(4){transform:translate(var(--trail-x-4),var(--trail-y-4));opacity:.16}.dash-ghost:nth-of-type(5){transform:translate(var(--trail-x-5),var(--trail-y-5));opacity:.07}.dash-wave{border:2px solid #a7f3d0b8;border-radius:50%;animation:.42s cubic-bezier(.16,.8,.28,1) infinite world-dash-wave;position:absolute;inset:0}.dash-wave:nth-of-type(2){animation-delay:.2s}.dash-speed-field{width:118px;height:76px;transform:translate(-92%,-50%) rotate(var(--dash-angle));transform-origin:92%;position:absolute;top:50%;left:50%}.dash-speed-line{background:linear-gradient(90deg,#0000,#a7f3d02e 35%,#d1fae5eb);border-radius:999px;width:100%;height:2px;animation:.28s ease-in infinite world-speed-line;position:absolute;right:0;box-shadow:0 0 10px #6ee7b773}.dash-speed-line:first-child{width:72%;animation-delay:-.08s;top:8%}.dash-speed-line:nth-child(2){width:96%;animation-delay:-.2s;top:35%}.dash-speed-line:nth-child(3){width:84%;animation-delay:-.14s;top:65%}.dash-speed-line:nth-child(4){width:58%;animation-delay:-.02s;top:91%}@keyframes world-dash-lunge{0%{transform:scaleX(1.04)scaleY(.96)}to{transform:scaleX(1.13)scaleY(.9)}}@keyframes world-dash-wave{0%{opacity:.9;scale:.72}to{opacity:0;scale:1.65}}@keyframes world-speed-line{0%{opacity:0;translate:-34px}35%{opacity:1}to{opacity:0;translate:12px}}.ping-great{color:#4ade80}.ping-good{color:#facc15}.ping-fair{color:#fb923c}.ping-poor{color:#fb7185}.ping-unknown{color:#7f968d}.world-minimap{left:50%;bottom:max(94px, calc(env(safe-area-inset-bottom) + 86px));z-index:6;aspect-ratio:1;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#020b08d1;border:1px solid #7ee6c161;border-radius:0;width:clamp(130px,18vw,180px);position:fixed;overflow:hidden;transform:translate(-50%);box-shadow:0 16px 44px #0000006b,inset 0 0 24px #34d3990f}.minimap-sectors{grid-template-rows:repeat(10,1fr);grid-template-columns:repeat(10,1fr);display:grid;position:absolute;inset:0}.minimap-sectors span{color:#d2e7df94;border-bottom:1px solid #ffffff1f;border-right:1px solid #ffffff1f;place-items:center;font-size:5px;font-weight:850;display:grid}.minimap-sectors span:nth-child(10n){border-right:0}.minimap-sectors span:nth-child(n+91){border-bottom:0}.world-minimap i{background:currentColor;border-radius:50%;width:5px;height:5px;position:absolute;transform:translate(-50%,-50%);box-shadow:0 0 8px}.world-minimap i.is-self{color:#38bdf8;width:7px;height:7px}.world-joystick{left:max(30px, calc(env(safe-area-inset-left) + 18px));bottom:max(58px, calc(env(safe-area-inset-bottom) + 36px));z-index:7;aspect-ratio:1;touch-action:none;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);background:#020b087a;border:1px solid #ffffff47;border-radius:50%;place-items:center;width:clamp(68px,11vw,96px);display:grid;position:fixed}.world-joystick span{aspect-ratio:1;background:#ffffff3d;border-radius:50%;width:40%;transition:transform 40ms linear}.challenge-card{z-index:20;text-align:center;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#03100cf0;border:1px solid #7ee6c157;border-radius:24px;gap:9px;width:min(88vw,340px);padding:24px;display:grid;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 32px 100px #000000ad}.challenge-card>small{color:#5ee6b4;letter-spacing:.2em;font-weight:900}.challenge-card>strong{font-size:24px}.challenge-card>span{color:#9eb8ae;font-size:12px}.challenge-card>div{grid-template-columns:1fr 1.4fr;gap:9px;margin-top:7px;display:grid}.challenge-card button{color:#d7e6e0;background:#ffffff12;border:1px solid #ffffff24;border-radius:13px;min-height:44px;font-weight:850}.challenge-card button.accept{color:#052016;background:linear-gradient(135deg,#6ee7b7,#34d399);border-color:#34d39975}.challenge-pending{top:max(72px,calc(env(safe-area-inset-top) + 62px));z-index:10;color:#bdd2ca;white-space:nowrap;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#03100ce0;border:1px solid #ffffff24;border-radius:999px;align-items:center;gap:10px;padding:7px 8px 7px 14px;font-size:11px;display:flex;position:fixed;left:50%;transform:translate(-50%)}.challenge-pending button{color:#fecdd3;background:#9f123947;border:1px solid #fb718559;border-radius:999px;min-height:30px;padding:0 11px;font-size:10px;font-weight:850}.world-live-games{top:max(72px,calc(env(safe-area-inset-top) + 60px));left:max(18px,env(safe-area-inset-left));z-index:9;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#120f05b8;border:1px solid #facc1533;border-radius:16px;gap:5px;width:min(270px,34vw);padding:11px;display:grid;position:fixed;box-shadow:0 18px 50px #00000047}.world-live-games header{justify-content:space-between;align-items:center;margin-bottom:2px;display:flex}.world-live-games header small{color:#facc15;letter-spacing:.18em;font-size:7px;font-weight:950}.world-live-games header strong{font-size:10px}.world-live-games>button{color:#e8f3ef;text-align:left;background:#ffffff0a;border:1px solid #ffffff14;border-radius:10px;justify-content:space-between;align-items:center;gap:8px;min-width:0;min-height:42px;padding:7px 9px;display:flex}.world-live-games>button span{min-width:0;display:grid}.world-live-games>button b,.world-live-games>button small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.world-live-games>button b{font-size:9px}.world-live-games>button small{color:#c9ad54;margin-top:2px;font-size:7px}.world-live-games>button em{color:#fde68a;flex:none;font-size:8px;font-style:normal;font-weight:900}.world-chat{left:max(18px, env(safe-area-inset-left));bottom:max(170px, calc(env(safe-area-inset-bottom) + 150px));z-index:8;-webkit-backdrop-filter:blur(13px);backdrop-filter:blur(13px);background:#020c09c2;border:1px solid #ffffff1c;border-radius:18px;width:min(320px,44vw);position:fixed;overflow:hidden;box-shadow:0 20px 60px #0000004d}.world-chat>header{color:#6ee7b7;letter-spacing:.14em;justify-content:space-between;align-items:center;padding:9px 10px 6px 12px;font-size:9px;display:flex}.chat-heading{align-items:center;gap:7px;display:flex}.chat-heading em{color:#b7d1c7;background:#ffffff14;border-radius:999px;place-items:center;min-width:18px;height:18px;padding:0 4px;font-size:8px;font-style:normal;display:grid}.chat-header-actions{gap:5px;display:flex}.chat-expand-button,.chat-minimize-button{color:#c7ddd5;background:#ffffff0f;border:1px solid #ffffff1f;border-radius:9px;min-height:28px;padding:0 9px;font-size:9px;font-weight:850;display:none}.mobile-chat-reopen{display:none}.chat-filters{gap:5px;padding:0 8px 7px;display:flex}.chat-filters button{color:#849d93;background:#ffffff09;border:1px solid #ffffff1a;border-radius:999px;min-height:27px;padding:0 9px;font-size:9px;font-weight:800}.chat-filters button.is-active{color:#d9fff1;background:#10b98129;border-color:#6ee7b76b}.chat-feed{min-height:80px;max-height:150px;padding:2px 12px 8px;overflow:auto}.chat-feed p{grid-template-columns:auto minmax(0,1fr);align-items:start;gap:4px 6px;margin:7px 0;font-size:10px;display:grid}.chat-feed p small{color:#6ee7b7;letter-spacing:.04em;background:#10b9811f;border-radius:4px;margin-top:1px;padding:2px 4px;font-size:6px;font-weight:900}.chat-feed p b{color:#b7d1c7;text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.chat-feed p span{overflow-wrap:anywhere;color:#e1eee9;grid-column:1/-1;min-width:0;line-height:1.4}.world-chat form{border-top:1px solid #ffffff14;grid-template-columns:1fr auto;gap:6px;padding:8px;display:grid}.world-chat input{color:#fff;min-width:0;font:inherit;background:#ffffff0f;border:1px solid #ffffff1a;border-radius:10px;outline:none;padding:9px 10px;font-size:11px}.world-chat form button{color:#052016;background:#6ee7b7;border:0;border-radius:10px;padding:0 11px;font-size:10px;font-weight:900}.world-leaderboard{top:max(72px,calc(env(safe-area-inset-top) + 58px));right:max(18px,env(safe-area-inset-right));z-index:8;-webkit-backdrop-filter:blur(13px);backdrop-filter:blur(13px);background:#020c09bd;border:1px solid #ffffff1c;border-radius:20px;width:min(280px,36vw);padding:14px;position:fixed;box-shadow:0 20px 60px #0000004d}.world-leaderboard header{display:grid}.world-leaderboard header small{color:#6ee7b7;letter-spacing:.2em;font-size:8px;font-weight:900}.world-leaderboard header strong{letter-spacing:.05em;margin-top:2px;font-size:13px}.world-leaderboard ol{gap:5px;margin:10px 0 0;padding:0;list-style:none;display:grid}.world-leaderboard li{background:#ffffff09;border-radius:9px;grid-template-columns:20px 1fr auto;align-items:center;gap:7px;padding:6px;font-size:9px;display:grid}.world-leaderboard li em{color:#6ee7b7;font-style:normal;font-weight:900}.world-leaderboard li span{min-width:0;display:grid}.world-leaderboard li span b{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.world-leaderboard li span small{color:#718a80}.world-leaderboard li>strong{color:#facc15;font-size:9px}.random-match-button{left:50%;bottom:max(16px,calc(env(safe-area-inset-bottom) + 10px));z-index:9;color:#042016;background:linear-gradient(135deg,#a7f3d0,#34d399);border:1px solid #6ee7b7a6;border-radius:18px;place-items:center;width:min(440px,100vw - 180px);min-height:64px;font-weight:950;display:grid;position:fixed;transform:translate(-50%);box-shadow:0 18px 54px #10b98147,inset 0 1px #fff9}.random-match-button small{letter-spacing:.2em;font-size:8px}.random-match-button strong{font-size:clamp(14px,2.4vw,20px)}.random-match-button:disabled{opacity:.78}.ai-practice-button{right:max(22px,env(safe-area-inset-right));bottom:max(24px,calc(env(safe-area-inset-bottom) + 18px));z-index:9;color:#d9e9e3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#03100cc7;border:1px solid #ffffff29;border-radius:14px;min-height:46px;padding:0 18px;font-size:11px;font-weight:850;position:fixed}.world-dash-button{--dash-gauge:0deg;right:max(30px,calc(env(safe-area-inset-right) + 18px));bottom:max(92px,calc(env(safe-area-inset-bottom) + 78px));z-index:10;color:#fff;background:conic-gradient(#fda4af var(--dash-gauge),#ffffff29 0);letter-spacing:.08em;touch-action:none;border:0;border-radius:50%;place-items:center;width:72px;height:72px;padding:4px;font-size:12px;font-weight:950;transition:filter .12s,box-shadow .12s;display:grid;position:fixed;box-shadow:0 12px 38px #e11d4857,inset 0 0 0 2px #ffffff40}.world-dash-button span{background:linear-gradient(145deg,#fb7185,#be123c);border-radius:50%;place-items:center;width:100%;height:100%;display:grid;box-shadow:inset 0 1px 1px #ffffff47}.world-dash-button.is-active{filter:brightness(1.25)saturate(1.2);animation:.28s ease-in-out infinite alternate world-dash-button-active;box-shadow:0 0 0 8px #fb718526,0 0 42px #f43f5ed9,inset 0 0 0 2px #ffffffb3}.world-dash-button.is-active span{text-shadow:0 0 12px #fff;background:linear-gradient(145deg,#fecdd3,#fb7185 42%,#e11d48)}@keyframes world-dash-button-active{0%{transform:scale(1)}to{transform:scale(1.08)}}@media (width<=640px),(pointer:coarse){.world-chat{cursor:zoom-in;background:#020c099e;width:210px;bottom:154px;left:12px}.chat-expand-button,.chat-minimize-button{display:block}.world-chat.is-minimized{display:none}.mobile-chat-reopen{top:max(72px,calc(env(safe-area-inset-top) + 62px));left:max(12px,env(safe-area-inset-left));z-index:11;color:#d9fff1;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#031811d1;border:1px solid #6ee7b752;border-radius:999px;align-items:center;gap:7px;min-height:38px;padding:0 12px;font-size:10px;font-weight:850;display:flex;position:fixed;box-shadow:0 10px 30px #0000004d}.mobile-chat-reopen span{background:#6ee7b729;border-radius:999px;place-items:center;min-width:18px;height:18px;font-size:8px;display:grid}.chat-filters{overflow-x:auto}.chat-feed{min-height:52px;max-height:76px}.world-chat.is-expanded{inset:auto 0;top:var(--chat-viewport-top,0px);z-index:50;width:auto;height:var(--chat-viewport-height,100dvh);max-height:var(--chat-viewport-height,100dvh);padding:max(10px,env(safe-area-inset-top)) max(10px,env(safe-area-inset-right)) max(10px,env(safe-area-inset-bottom)) max(10px,env(safe-area-inset-left));overscroll-behavior:contain;cursor:default;box-sizing:border-box;background:#010a07fa;border:0;border-radius:0;flex-direction:column;display:flex;overflow:hidden}.world-chat.is-expanded>header{flex:none;padding:8px 4px 10px}.world-chat.is-expanded .chat-filters{flex:none;padding:0 4px 10px}.world-chat.is-expanded .chat-filters button{min-height:36px;padding:0 14px;font-size:11px}.world-chat.is-expanded .chat-feed{flex:1;min-height:0;max-height:none;padding:8px 6px 14px}.world-chat.is-expanded .chat-feed p{gap:8px;margin:12px 0;font-size:13px}.world-chat.is-expanded form{flex:none;padding:10px 4px 4px}.world-chat.is-expanded input{min-height:44px;font-size:14px}.world-chat.is-expanded form button{min-width:58px;font-size:12px}.world-leaderboard{width:160px;padding:10px;top:76px;right:10px}.world-leaderboard li:nth-child(n+5){display:none}.random-match-button{width:min(54vw,270px);min-height:58px}.ai-practice-button{right:10px;bottom:max(24px,calc(env(safe-area-inset-bottom) + 18px));padding:0 12px}.world-minimap{bottom:88px}.world-joystick{bottom:max(64px,calc(env(safe-area-inset-bottom) + 42px))}.desktop-entry-hint{display:none}.mobile-entry-hint{display:block}.world-entry-overlay>div{padding:24px 20px}.world-tip{top:max(68px,calc(env(safe-area-inset-top) + 58px));max-width:calc(100vw - 24px);padding:8px 11px;font-size:10px}}@media (width<=640px){.world-chat:not(.is-expanded){bottom:max(240px,calc(env(safe-area-inset-bottom) + 220px))}}@media (pointer:coarse) and (height<=500px){.world-chat:not(.is-expanded){top:max(62px,calc(env(safe-area-inset-top) + 52px));max-height:205px;bottom:auto}.world-chat:not(.is-expanded) .chat-feed{max-height:58px}.mobile-chat-reopen{top:max(62px,calc(env(safe-area-inset-top) + 52px))}}@media (width<=640px),(pointer:coarse){.world-live-games{width:160px;max-height:180px;padding:9px;top:310px;left:auto;right:10px;overflow:auto}.world-live-games>button{min-height:38px}.world-live-games>button:nth-of-type(n+5){display:none}}@media (pointer:fine) and (width>=800px){.world-joystick{opacity:.32}}:root{color:#eef6f3;font-synthesis:none;background:#07110e;font-family:Inter,Apple SD Gothic Neo,Noto Sans KR,system-ui,sans-serif}*{box-sizing:border-box}html,body,#root{width:100%;height:100%;overflow:hidden}body{background:radial-gradient(circle at 50% -20%,#17352a 0,#07110e 48%,#040806 100%);min-width:320px;margin:0}button{font:inherit;transform-origin:50%;-webkit-tap-highlight-color:transparent;transition:transform 90ms,filter .12s,box-shadow .16s}button:active{filter:brightness(.91)}.app{align-content:center;place-items:center;gap:12px;min-height:100svh;padding:clamp(8px,2vw,22px);display:grid;overflow:hidden}.game-shell{isolation:isolate;background:#10251f;border:1px solid #ffffff24;border-radius:clamp(12px,2vw,24px);width:min(100%,720px,100svh - 142px);position:relative;overflow:hidden;box-shadow:0 24px 90px #00000094,inset 0 0 0 1px #ffffff0a}.game-shell:after{content:"";z-index:1;pointer-events:none;position:absolute;inset:0;box-shadow:inset 0 0 70px #00000070}canvas{aspect-ratio:1;touch-action:none;width:100%;display:block}.hud{z-index:3;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);pointer-events:none;background:#040a08eb;border-bottom:1px solid #ffffff24;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:clamp(8px,2vw,24px);width:100%;min-height:58px;padding:9px clamp(14px,3vw,30px);display:grid;position:relative;box-shadow:0 10px 28px #00000038}.identity{align-items:center;gap:8px;min-width:0;font-size:clamp(10px,1.5vw,16px);display:flex}.identity strong{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.identity-ai{justify-content:flex-end}.identity i{border-radius:50%;flex:0 0 10px;width:10px;height:10px}.identity-human i{background:#38bdf8;box-shadow:0 0 14px #38bdf8}.identity-ai i{background:#fb7185;box-shadow:0 0 14px #fb7185}.scoreboard{place-items:center;min-width:90px;line-height:1;display:grid}.scoreboard span{letter-spacing:.06em;font-size:clamp(18px,3vw,34px);font-weight:900}.scoreboard small{color:#b7c9c2;font-variant-numeric:tabular-nums;margin-top:5px;font-size:clamp(9px,1.1vw,12px)}.controls{left:max(32px, calc(env(safe-area-inset-left) + 16px));right:max(32px, calc(env(safe-area-inset-right) + 16px));bottom:max(60px, calc(env(safe-area-inset-bottom) + 36px));z-index:30;pointer-events:none;justify-content:space-between;align-items:end;display:flex;position:fixed}.joystick,.action-button{pointer-events:auto;touch-action:none;-webkit-user-select:none;user-select:none}.joystick{-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);background:#040a088a;border:1px solid #ffffff52;border-radius:50%;place-items:center;width:clamp(62px,10.4vw,94px);height:clamp(62px,10.4vw,94px);display:grid;box-shadow:inset 0 0 24px #00000057,0 8px 30px #0000003d}.joystick span{will-change:transform;background:#ffffff3b;border-radius:50%;width:42%;height:42%;transition:transform 40ms linear;box-shadow:inset 0 0 0 1px #fff3}.touch-zone{z-index:24;touch-action:none;-webkit-user-select:none;user-select:none;width:50%;height:72%;position:fixed;bottom:0;left:0}.actions{pointer-events:none;align-items:end;gap:clamp(9px,1.8vw,16px);display:flex}.action-button{color:#fff;background:linear-gradient(145deg, #fb7185, #e11d48) padding-box, conic-gradient(#f8fafc var(--ability-gauge), #ffffff2e 0) border-box;letter-spacing:.08em;border:2px solid #0000;border-radius:50%;width:clamp(53px,8.8vw,80px);height:clamp(53px,8.8vw,80px);font-size:clamp(11px,1.8vw,16px);font-weight:900;position:relative;box-shadow:0 10px 34px #e11d4857,inset 0 1px #ffffff59}.action-button.fire{background:linear-gradient(145deg, #22d3ee, #0284c7) padding-box, conic-gradient(#f8fafc var(--ability-gauge), #ffffff2e 0) border-box;width:clamp(47px,7.7vw,70px);height:clamp(47px,7.7vw,70px);box-shadow:0 10px 34px #0284c752,inset 0 1px #ffffff59}.action-button:active{scale:.94}.panel{z-index:5;color:#fff;text-align:center;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#030806d1;align-content:center;place-items:center;gap:14px;padding:24px;font-size:clamp(18px,4vw,32px);display:grid;position:absolute;inset:0}.panel small{color:#b9cbc4;font-size:.5em}.result-panel span{font-size:2.2em;font-weight:900}.result-panel button{color:#052016;background:#6ee7b7;border:0;border-radius:999px;padding:12px 22px;font-weight:900}.mode-pill{z-index:4;white-space:nowrap;background:#040a08b8;border:1px solid #ffffff29;border-radius:999px;padding:9px 15px;font-size:12px;position:absolute;top:14px;left:50%;transform:translate(-50%)}.random-match-tooltip{top:max(62px,calc(env(safe-area-inset-top) + 52px));z-index:45;color:#dcfce7;white-space:nowrap;pointer-events:none;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#031e15e6;border:1px solid #6ee7b773;border-radius:999px;padding:10px 16px;font-size:12px;font-weight:850;animation:.25s ease-out matchmaking-tooltip-in;position:fixed;left:50%;transform:translate(-50%);box-shadow:0 15px 50px #10b9813d}@keyframes matchmaking-tooltip-in{0%{opacity:0;transform:translate(-50%,-7px)scale(.96)}to{opacity:1;transform:translate(-50%)scale(1)}}.streak-pill{z-index:4;color:#fde68a;white-space:nowrap;background:#2a1902c7;border:1px solid #fbbf2461;border-radius:999px;padding:7px 13px;font-size:11px;font-weight:800;position:absolute;top:54px;left:50%;transform:translate(-50%)}.tips{color:#91a59d;gap:16px;font-size:12px;display:flex}kbd{color:#dce9e4;background:#101c18;border:1px solid #ffffff24;border-bottom-width:2px;border-radius:5px;padding:2px 6px;font-family:inherit}.matchmaking-setting{top:max(12px, env(safe-area-inset-top));left:max(12px, env(safe-area-inset-left));z-index:20;color:#c8d8d2;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#040c0ab8;border:1px solid #ffffff24;border-radius:999px;align-items:center;gap:9px;padding:7px 10px;font-size:12px;font-weight:700;display:flex;position:fixed}.toggle-switch{cursor:pointer;background:#33413c;border:0;border-radius:999px;width:38px;height:22px;padding:2px;transition:background .18s;position:relative}.toggle-switch span{background:#fff;border-radius:50%;width:18px;height:18px;transition:transform .18s;display:block;box-shadow:0 2px 7px #00000059}.toggle-switch[aria-checked=true]{background:#10b981}.toggle-switch[aria-checked=true] span{transform:translate(16px)}@media (pointer:fine) and (width>=800px){.controls{opacity:.34;transition:opacity .2s}.game-shell:hover .controls{opacity:.72}}@media (height<=560px){.app{gap:4px;padding:48px 4px 4px}.game-shell{border-radius:10px;width:min(100%,100svh - 96px)}.hud{gap:8px;min-height:44px;padding:5px 12px}.identity{font-size:11px}.identity strong{max-width:92px}.identity i{flex-basis:8px;width:8px;height:8px}.scoreboard{min-width:76px}.scoreboard span{font-size:20px}.scoreboard small{margin-top:3px;font-size:9px}.tips{display:none}}@media (width<=560px){.app{padding:6px}.identity strong{max-width:78px}.tips{display:none}.matchmaking-setting{font-size:10px}}.emotes{left:50%;bottom:max(14px, env(safe-area-inset-bottom));z-index:30;gap:6px;display:flex;position:fixed;transform:translate(-50%)}.emotes button{touch-action:manipulation;background:#040a088c;border:1px solid #ffffff38;border-radius:50%;width:40px;height:40px;font-size:19px;line-height:1}.emotes button:active{scale:.9}@media (prefers-reduced-motion:reduce){button{transition-duration:.01ms}}.server-status{top:max(12px, env(safe-area-inset-top));right:max(12px, env(safe-area-inset-right));z-index:20;color:#ffffffb8;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#040c0ab8;border:1px solid #ffffff29;border-radius:999px;padding:7px 11px;font-size:12px;font-weight:700;position:fixed}.server-status.is-online{color:#86efac;border-color:#34d3996b}.leave-match-button{top:max(56px,calc(env(safe-area-inset-top) + 48px));right:max(12px,env(safe-area-inset-right));z-index:40;color:#fecdd3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#300812c2;border:1px solid #fb71855c;border-radius:999px;padding:8px 12px;font-size:11px;font-weight:850;position:fixed}.leave-match-confirm{z-index:120;color:#fff;text-align:center;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#16060bf5;border:1px solid #fb718557;border-radius:22px;gap:10px;width:min(88vw,360px);padding:24px;display:grid;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 30px 100px #000000b3}.leave-match-confirm>span{color:#d5b4bd;font-size:12px;line-height:1.5}.leave-match-confirm>div{grid-template-columns:1fr 1.2fr;gap:8px;margin-top:6px;display:grid}.leave-match-confirm button{color:#e9dce0;background:#ffffff12;border:1px solid #ffffff24;border-radius:12px;min-height:43px;font-weight:850}.leave-match-confirm button.danger{color:#fff;background:#e11d48;border-color:#fb718575}