:root{--bg:#05070d;--panel:#080d18c7;--panel-strong:#0f1626f5;--ink:#f7fbff;--muted:#91a0b7;--line:#87ecff33;--gold:#ffd166;--mint:#4dffbe;--red:#ff4d6d;--blue:#4f8cff;--teal:#37e6ff;--shadow:0 28px 72px #00000085}*{box-sizing:border-box}html,body{background:var(--bg);min-height:100%;color:var(--ink);letter-spacing:0;margin:0;font-family:Trebuchet MS,Arial,Microsoft YaHei,sans-serif}button,input{font:inherit}button{cursor:pointer}.game-shell{background:linear-gradient(#4cd6ff0f 1px,#0000 1px) 0 0/44px 44px,linear-gradient(90deg,#4cd6ff0d 1px,#0000 1px) 0 0/44px 44px,linear-gradient(135deg,#05070d 0%,#10182a 46%,#1b1020 100%);place-items:center;min-height:100vh;padding:16px;display:grid}.game-frame{aspect-ratio:1/2;width:min(100vw - 32px,50vh - 16px,1080px);min-height:0;box-shadow:0 0 0 1px #ffd1662e, 0 0 34px #37e6ff2e, var(--shadow);touch-action:none;overscroll-behavior:none;-webkit-user-select:none;user-select:none;background:#08111f;border:1px solid #5ee1ff7a;border-radius:8px;position:relative;overflow:hidden}.game-frame:before,.game-frame:after{content:"";z-index:1;pointer-events:none;position:absolute;inset:0}.game-frame:before{mix-blend-mode:screen;background:linear-gradient(90deg,#ff4d6d38,#0000 16% 84%,#4f8cff33),linear-gradient(#ffffff09 1px,#0000 1px) 0 0/100% 5px}.game-frame.blue-left:before{background:linear-gradient(90deg,#4f8cff38,#0000 16% 84%,#ff4d6d33),linear-gradient(#ffffff09 1px,#0000 1px) 0 0/100% 5px}.game-frame.blue-right:before{background:linear-gradient(90deg,#ff4d6d38,#0000 16% 84%,#4f8cff33),linear-gradient(#ffffff09 1px,#0000 1px) 0 0/100% 5px}.game-frame:after{box-shadow:inset 0 0 64px #000000b8}.playfield{z-index:0;touch-action:none;overscroll-behavior:none;width:100%;height:100%;display:block;position:absolute;inset:0}.start-screen{z-index:6;background:radial-gradient(circle at 34% 24%,#ff4d6d38,#0000 22%),radial-gradient(circle at 68% 26%,#4f8cff3d,#0000 24%),linear-gradient(90deg,#ff4d6d2e,#0000 36% 64%,#4f8cff33),linear-gradient(#6cb6ff12 1px,#0000 1px) 0 0/62px 62px,linear-gradient(90deg,#6cb6ff0f 1px,#0000 1px) 0 0/62px 62px,#050914;grid-template-rows:1fr auto 1.15fr auto .9fr;place-items:center;padding:42px 30px;display:grid;position:absolute;inset:0;overflow:hidden}.start-screen:before,.start-screen:after{content:"";pointer-events:none;position:absolute;inset:0}.start-screen:before{mix-blend-mode:screen;background:linear-gradient(90deg,#ff4d6d5c,#0000 18% 82%,#229dff61),radial-gradient(circle at 18% 78%,#ff4d6d2e,#0000 24%),radial-gradient(circle at 82% 78%,#229dff2e,#0000 24%)}.start-screen:after{box-shadow:inset 0 0 46px #000000db,inset 18px 0 28px #ff4d6d47,inset -18px 0 28px #229dff4d}.start-border{pointer-events:none;clip-path:polygon(7% 0,38% 0,40% 8px,60% 8px,62% 0,93% 0,100% 7%,100% 93%,93% 100%,62% 100%,60% calc(100% - 8px),40% calc(100% - 8px),38% 100%,7% 100%,0 93%,0 7%);border:1px solid #5da7ff61;border-radius:8px;position:absolute;inset:28px;box-shadow:inset 10px 0 24px #ff4d6d85,inset -10px 0 24px #229dff8f,0 0 30px #229dff38}.start-title-wrap{grid-row:2;place-items:center;width:min(92%,420px);display:grid;position:relative}.start-orbit{filter:drop-shadow(0 0 16px #ffd16661);border-top:6px solid #ffd166b8;border-left:6px solid #ff4d6dd6;border-right:6px solid #4f8cffd6;border-radius:50%;height:150px;position:absolute;inset:-76px -12px auto;transform:rotate(-8deg)}.start-ball{border-radius:50%;width:54px;height:54px;position:absolute;top:-16px;box-shadow:inset 0 -10px 18px #00000047,inset 0 4px #ffffff6b,0 0 22px}.start-ball:after{content:"★";color:#fff;place-items:center;font-size:28px;font-weight:900;display:grid;position:absolute;inset:0}.start-ball.red{color:#ff4d6d;background:linear-gradient(145deg,#ffe06d,#ff455d 58%,#9d102a);left:22%}.start-ball.blue{color:#4f8cff;background:linear-gradient(145deg,#8cf5ff,#287dff 58%,#1229ad);right:22%}.start-title{color:#fff7d6;text-align:center;text-shadow:0 4px #7d190c,0 9px #2a0610,0 0 22px #ffd166a3;filter:drop-shadow(0 16px 22px #0000008f);justify-content:center;align-items:center;gap:6px;margin:0;font-size:clamp(48px,12.5vw,90px);font-weight:900;line-height:.98;display:flex;position:relative}.start-title b{color:#dff8ff;text-shadow:0 4px #083d9d,0 9px #04134b,0 0 22px #4f8cffad;font-weight:900}.start-title:after{content:"⚡";color:#ffd166;text-shadow:0 4px #9d3b00,0 0 20px #ffd166eb;margin:0 -4px;font-size:.82em}.start-button{z-index:2;color:#4b2200;text-shadow:0 2px #ffffff57;pointer-events:auto;background:linear-gradient(90deg,#0000 0 26px,#ffffff2e 26px 30px,#0000 30px),linear-gradient(#ffe875,#ffbd21 48%,#ff981a);border:0;border-radius:16px;grid-row:5;width:min(82%,370px);min-height:76px;font-size:clamp(30px,8vw,48px);font-weight:900;position:relative;box-shadow:0 0 0 4px #ffd16647,0 0 30px #ffa61aa8,inset 0 4px #ffffff57,inset 0 -8px #a8520029}.start-button:before,.start-button:after{content:"‹‹";color:#ffcf48;text-shadow:0 0 14px #ffd166eb;font-size:34px;position:absolute;top:50%;transform:translateY(-50%)}.start-button:before{left:-42px}.start-button:after{content:"››";right:-42px}.start-button:hover{filter:brightness(1.08)}.start-profile-card{z-index:2;background:linear-gradient(#0c1c3ad1,#040914b8);border:1px solid #7aeaff5c;border-radius:8px;grid-row:3;grid-template-columns:54px minmax(0,1fr);align-self:end;align-items:center;gap:12px;width:min(78%,330px);padding:10px 14px;display:grid;position:relative;box-shadow:inset 0 1px #ffffff1a,0 12px 28px #00000047}.start-profile-name{color:#f5fbff;text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:18px;font-weight:900;overflow:hidden}.start-profile-subtitle{color:var(--teal);margin-top:2px;font-size:12px;font-weight:900}.start-actions{z-index:2;grid-row:4;grid-template-columns:1fr 1fr;gap:10px;width:min(82%,360px);display:grid;position:relative}.menu-button{color:#dff8ff;background:linear-gradient(#142b52db,#070d1cdb);border:1px solid #7aeaff5c;border-radius:8px;min-height:42px;font-size:14px;font-weight:900;box-shadow:inset 0 1px #ffffff1f,0 10px 22px #0000003d}.menu-button:hover{color:#fff7d6;border-color:#ffd1669e}.matching-screen{z-index:5;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);background:linear-gradient(90deg,#235cbe2e,#0000 36% 64%,#c4234629),#02060eb8;place-items:center;padding:28px;display:grid;position:absolute;inset:0}.matching-panel{width:min(100%,360px);box-shadow:0 0 36px #4f8cff42, var(--shadow);background:linear-gradient(#0d1934f5,#050812f5);border:1px solid #7aeaff57;border-radius:8px;justify-items:center;gap:16px;padding:24px 20px;display:grid;position:relative;overflow:hidden}.matching-kicker{color:var(--teal);font-size:12px;font-weight:900}.matching-title{color:#f5fbff;text-align:center;margin:0;font-size:28px;font-weight:900;line-height:1.08}.matching-arena{background:linear-gradient(90deg,#4f8cff2e,#0000 50%,#ff4d6d29),#030812c7;border:1px solid #ffffff1f;border-radius:8px;width:min(100%,270px);height:92px;position:relative;overflow:hidden}.matching-scan{background:linear-gradient(90deg,#0000,#4dffbe85,#0000);width:42%;position:absolute;inset:-20% auto -20% -36%;transform:skew(-18deg)}.matching-ball{border-radius:50%;width:38px;height:38px;position:absolute;top:28px;box-shadow:inset 0 -8px 13px #00000047,inset 0 3px #ffffff5c,0 0 20px}.matching-ball.blue{color:#4f8cff;background:radial-gradient(circle at 32% 24%,#dcf8ff,#4f8cff 58%,#102c9e);left:26%}.matching-ball.red{color:#ff4d6d;background:radial-gradient(circle at 32% 24%,#fff4d4,#ff4d6d 58%,#87152f);right:26%}.matching-count{color:#d8e7ff;text-align:center;min-height:24px;font-size:15px;font-weight:900}.matching-player-card{color:#f4fbff;background:#040c1ab8;border:1px solid #7aeaff42;border-radius:8px;grid-template-columns:34px minmax(0,1fr) auto auto;align-items:center;gap:8px;width:min(100%,270px);padding:9px 10px;display:grid;box-shadow:inset 0 1px #ffffff14}.matching-player-card span,.matching-player-card b,.matching-player-card em{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.matching-player-card span{font-size:14px;font-weight:900}.matching-player-card b{color:#ffcf48;font-size:12px}.matching-player-card em{color:var(--teal);font-size:12px;font-style:normal;font-weight:900}.matching-steps{grid-template-columns:repeat(3,38px);justify-content:center;gap:7px;display:grid}.matching-step{background:#ffffff29;border-radius:999px;height:5px;box-shadow:inset 0 1px #ffffff1f}.matching-step.active{background:linear-gradient(90deg,#4f8cff,#67ffd6);box-shadow:0 0 12px #67ffd685}.matching-step.fallback{background:linear-gradient(90deg,#ffcf48,#ff6f89);box-shadow:0 0 12px #ffcf487a}.hud{z-index:3;pointer-events:none;grid-template-columns:minmax(0,1fr) 132px minmax(0,1fr);align-items:start;gap:10px;display:grid;position:absolute;inset:14px 18px auto}.player-chip,.timer-chip,.status-chip,.mini-chip{color:var(--ink);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(#121b30e6,#060a13d1);border:1px solid #7aeaff47;box-shadow:inset 0 1px #ffffff14,0 12px 28px #0000004d}.player-chip{text-transform:uppercase;border-radius:16px;grid-template-columns:46px minmax(0,1fr);align-items:center;gap:10px;min-width:0;min-height:66px;padding:8px 14px 8px 8px;display:grid;position:relative;transform:skew(-5deg)}.player-chip>*{transform:skew(5deg)}.player-chip:before,.timer-chip:before,.status-chip:before,.editor-link:before,.mini-chip:before{content:"";border-radius:inherit;pointer-events:none;border:1px solid #ffffff14;position:absolute;inset:5px}.player-chip.right{text-align:right;grid-template-columns:minmax(0,1fr) 46px;padding:8px 8px 8px 14px}.player-chip.red{background:radial-gradient(circle at 24% 22%,#ffffff29,#0000 26%),linear-gradient(#751022f5,#300813e0);border-color:#ff4d6db8;box-shadow:0 0 0 2px #ff4d6d38,0 0 32px #ff4d6d57,inset 0 1px #ffffff29}.player-chip.blue{background:radial-gradient(circle at 76% 20%,#ffffff29,#0000 26%),linear-gradient(#114098fa,#071248e6);border-color:#399fffd1;box-shadow:0 0 0 2px #399fff3d,0 0 32px #399fff5c,inset 0 1px #ffffff29}.player-chip.active{border-color:#ffe57be6;box-shadow:0 0 0 2px #ffe57b3d,0 0 34px #ffe57b4d,inset 0 1px #ffffff1a}.avatar{color:#fff;border-radius:12px;place-items:center;width:46px;height:46px;font-size:26px;font-weight:900;display:grid;box-shadow:inset 0 -10px 18px #0000003d,inset 0 2px #ffffff3d,0 0 18px}.avatar.blue{background:linear-gradient(145deg,#86c5ff,#3d7cff 55%,#162bc0)}.avatar.red{background:linear-gradient(145deg,#ff9a7a,#ff315f 55%,#9b1533)}.matching-player-card .avatar,.leaderboard-row .avatar{border-radius:9px;width:34px;height:34px;font-size:18px}.start-profile-card .avatar,.avatar-choice .avatar{width:44px;height:44px;font-size:23px}.avatar.aqua-spark{background:linear-gradient(145deg,#e9fff8,#37e6ff 48%,#1647e8)}.avatar.gold-star{background:linear-gradient(145deg,#fff7b8,#ffd166 50%,#b65300)}.avatar.mint-orbit{background:linear-gradient(145deg,#eafff6,#67ffd6 50%,#0a7a78)}.avatar.red-bot{background:linear-gradient(145deg,#ffe2d6,#ff6f89 48%,#611126)}.avatar.rose-flare{background:linear-gradient(145deg,#ffd7f1,#ff4d6d 52%,#7d1432)}.player-loadout{justify-items:center;gap:4px;min-width:46px;display:grid}.shot-rack{justify-content:center;gap:2px;width:46px;display:grid}.shot-token-grid{grid-template-columns:repeat(5,6px);grid-auto-rows:6px;justify-content:center;gap:3px;display:grid}.shot-token{border-radius:50%;width:6px;height:6px;box-shadow:inset 0 -2px 2px #00000057,0 0 7px}.shot-rack.p1 .shot-token{color:#6aa3ff;background:radial-gradient(circle at 34% 28%,#effbff,#4f8cff 58%,#1736a8)}.shot-rack.p2 .shot-token{color:#ff6b7e;background:radial-gradient(circle at 34% 28%,#fff6dc,#ff4d6d 58%,#80162b)}.shot-token.used{color:#262b35;opacity:.42;background:radial-gradient(circle at 34% 28%,#858d9d,#4a505c 58%,#171a21);border:1px solid #aab2c06b;box-shadow:inset 0 -1px 2px #00000094,0 0 2px #8791a02e}.shot-count{color:#dce9ff;text-align:center;text-shadow:0 0 7px #ffffff47;font-size:9px;font-weight:900;line-height:1}.shot-rack.p1 .shot-count{color:#d8e7ff}.shot-rack.p2 .shot-count{color:#ffd5dc}.player-name{text-overflow:ellipsis;white-space:nowrap;color:#fff;text-shadow:0 2px #00000047;min-width:0;font-size:15px;font-weight:900;overflow:hidden}.player-score{color:#fff;text-shadow:0 0 14px #ffffff52;font-size:34px;font-weight:900;line-height:1}.hud-center{justify-items:center;gap:8px;min-width:0;display:grid}.timer-chip{text-align:center;width:132px;min-width:0;color:var(--gold);font-variant-numeric:tabular-nums;text-shadow:0 0 16px #ffd16670;background:linear-gradient(#111726f5,#080b14f5);border-color:#ffd1667a;border-radius:18px;padding:10px 12px;font-size:34px;font-weight:900;line-height:1;position:relative}.status-chip{text-align:center;color:#e5feff;white-space:nowrap;background:linear-gradient(#0c4050e6,#081424e6);border-color:#4dffbe85;border-radius:14px;max-width:142px;padding:8px 12px;font-size:15px;font-weight:900;position:relative;box-shadow:0 0 0 1px #4dffbe2e,0 0 24px #4dffbe2e,inset 0 1px #ffffff1a}.round-stack{pointer-events:none;justify-content:space-between;align-items:flex-end;gap:8px;display:flex;position:absolute;bottom:12px;left:12px;right:12px}.editor-link{z-index:3;color:#dffff8;text-overflow:ellipsis;white-space:nowrap;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);pointer-events:auto;background:linear-gradient(#125d50e6,#082128e0);border:2px solid #4dffbe8f;border-radius:14px;place-items:center;max-width:150px;min-height:46px;padding:0 16px;font-size:15px;font-weight:900;text-decoration:none;display:inline-grid;position:absolute;top:166px;right:26px;overflow:hidden;box-shadow:0 0 0 1px #ffffff1f,0 0 28px #4dffbe38,0 12px 28px #00000061}.turn-banner{z-index:4;color:#fff7d6;text-align:center;pointer-events:none;background:linear-gradient(90deg,#ff4d6d3d,#0000 38%,#4f8cff3d),linear-gradient(#101a30e6,#050812d1);border:1px solid #ffd16680;border-radius:8px;place-items:center;width:min(76%,360px);min-height:92px;padding:12px 18px 14px;display:grid;position:absolute;top:118px;left:50%;overflow:hidden;transform:translate(-50%);box-shadow:0 0 0 1px #ffffff1a,0 16px 34px #0000006b,0 0 36px #ffd16629}.turn-banner.blue{background:linear-gradient(90deg,#4f8cff5c,#0000 68%),linear-gradient(#101e42ed,#050812d6)}.turn-banner.red{background:linear-gradient(90deg,#ff4d6d57,#0000 68%),linear-gradient(#3d0d1bed,#050812d6)}.turn-banner-flare{background:linear-gradient(90deg, transparent, var(--gold), transparent);transform-origin:50%;height:3px;position:absolute;top:0;left:10%;right:10%;box-shadow:0 0 18px #ffd166c7}.turn-banner-kicker{color:var(--teal);font-size:11px;font-weight:900}.turn-banner-title{color:#fff7d6;text-shadow:0 0 16px #ffd16670;font-size:25px;font-weight:900;line-height:1.08}.turn-banner-subtitle{color:#dce9ff;text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:13px;font-weight:900;overflow:hidden}.modal-layer{z-index:7;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#03050ab8;place-items:center;padding:22px;display:grid;position:absolute;inset:0}.profile-panel,.leaderboard-panel{width:min(100%,360px);box-shadow:0 0 42px #37e6ff2e, var(--shadow);background:linear-gradient(#14203dfa,#060a15fa);border:1px solid #7aeaff5c;border-radius:8px;gap:14px;padding:18px;display:grid}.modal-head{grid-template-columns:minmax(0,1fr) 38px;align-items:start;gap:12px;display:grid}.modal-head h2{color:#fff7d6;margin:3px 0 0;font-size:25px;font-weight:900;line-height:1.05}.modal-kicker{color:var(--teal);font-size:11px;font-weight:900}.icon-button{color:#f5fbff;background:#ffffff14;border:1px solid #ffffff24;border-radius:8px;width:38px;height:38px;font-size:24px;font-weight:900;line-height:1}.profile-field{color:#d8e7ff;gap:7px;font-size:12px;font-weight:900;display:grid}.profile-field input{color:#fff;background:#030813b8;border:1px solid #7aeaff47;border-radius:8px;outline:none;width:100%;min-height:44px;padding:0 12px;font-size:16px;font-weight:900}.profile-field input:focus{border-color:#ffd166ad}.avatar-picker{grid-template-columns:repeat(3,1fr);gap:9px;display:grid}.avatar-choice{color:#dff8ff;background:#040a169e;border:1px solid #7aeaff38;border-radius:8px;justify-items:center;gap:6px;min-width:0;padding:9px 6px;font-weight:900;display:grid}.avatar-choice.selected{border-color:#ffd166db;box-shadow:0 0 22px #ffd16633}.avatar-choice b{text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:12px;overflow:hidden}.leaderboard-list{gap:8px;max-height:min(52vh,390px);padding-right:2px;display:grid;overflow:auto}.leaderboard-row{background:#040a169e;border:1px solid #7aeaff2e;border-radius:8px;grid-template-columns:42px 38px minmax(0,1fr) 42px;align-items:center;gap:9px;min-width:0;min-height:50px;padding:6px 8px;display:grid}.leaderboard-rank{color:var(--gold);font-weight:900}.leaderboard-name{color:#f5fbff;text-overflow:ellipsis;white-space:nowrap;min-width:0;font-weight:900;overflow:hidden}.leaderboard-row b{color:var(--teal);text-align:right;font-size:18px}.leaderboard-empty{color:#d8e7ff;border:1px solid #7aeaff29;border-radius:8px;place-items:center;min-height:92px;font-weight:900;display:grid}.editor-title{font-size:14px;font-weight:900}.editor-subtitle{color:var(--muted);margin-top:2px;font-size:12px;font-weight:800}.editor-controls{border-top:1px solid var(--line);gap:8px;padding:8px 0;display:grid}.editor-controls label{min-height:30px;color:var(--muted);grid-template-columns:42px minmax(0,1fr) 42px;align-items:center;gap:8px;font-size:12px;font-weight:900;display:grid}.editor-controls input[type=range]{width:100%;accent-color:var(--teal)}.editor-controls strong{color:var(--ink);text-align:right;font-size:12px}.editor-actions{border-top:1px solid var(--line);grid-template-columns:1fr 1fr;gap:8px;padding-top:10px;display:grid}.editor-page{background:linear-gradient(#4cd6ff0f 1px,#0000 1px) 0 0/44px 44px,linear-gradient(90deg,#4cd6ff0d 1px,#0000 1px) 0 0/44px 44px,linear-gradient(135deg,#05070d 0%,#10182a 46%,#1b1020 100%);min-height:100vh;padding:18px}.editor-stage{grid-template-columns:minmax(320px,min(50vh,540px)) minmax(320px,1fr);align-items:start;gap:18px;width:min(1180px,100%);min-height:calc(100vh - 36px);margin:0 auto;display:grid}.editor-preview{aspect-ratio:1/2;width:100%;min-height:0;box-shadow:0 0 0 1px #ffd1662e, 0 0 34px #37e6ff2e, var(--shadow);touch-action:none;background:#08111f;border:1px solid #5ee1ff7a;border-radius:8px;position:relative;overflow:hidden}.standalone-editor-panel{min-width:0;max-height:calc(100vh - 36px);box-shadow:inset 0 1px 0 #ffffff14, var(--shadow);background:linear-gradient(#121b30f0,#060a13e6);border:1px solid #7aeaff47;border-radius:8px;flex-direction:column;align-self:stretch;gap:12px;padding:14px;display:flex;overflow:auto}.standalone-editor-panel button{color:#e7f7ff;background:#0a111fc7;border:1px solid #7aeaff3d;border-radius:6px;min-height:34px;font-size:12px;font-weight:900}.standalone-editor-head{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.standalone-editor-head a,.editor-secondary-link{color:#dffff8;background:#080d18c7;border:1px solid #4dffbe5c;border-radius:6px;place-items:center;min-height:34px;padding:0 12px;font-size:12px;font-weight:900;text-decoration:none;display:inline-grid}.zone-tabs{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.zone-tabs button{color:#e7f7ff;background:#0a111fc7;border:1px solid #7aeaff3d;border-radius:6px;min-height:34px;font-size:12px;font-weight:900}.zone-tabs button.active{border-color:var(--gold);color:#07111e;background:linear-gradient(135deg,#ffd166eb,#37e6ffb8)}.export-box{resize:vertical;color:#dff7ff;background:#03070edb;border:1px solid #7aeaff3d;border-radius:8px;width:100%;min-height:220px;padding:10px;font-family:Consolas,Courier New,monospace;font-size:12px;line-height:1.45}.editor-message{color:#a9b9d0;font-size:12px;font-weight:800}.mini-chip{color:#f4fbff;text-overflow:ellipsis;white-space:nowrap;background:linear-gradient(#0b233ff0,#060d1aeb);border-color:#52d7ff8a;border-radius:17px;place-items:center;max-width:58%;min-height:52px;padding:0 22px;font-size:18px;font-weight:900;display:inline-grid;position:relative;overflow:hidden;box-shadow:0 0 0 1px #ffffff1f,0 0 22px #37e6ff38,inset 0 1px #ffffff1a}.settlement{z-index:4;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#03050ac2;place-items:center;padding:22px;display:grid;position:absolute;inset:0}.settlement-panel{text-align:center;width:min(100%,340px);box-shadow:0 0 44px #ffd1662e, var(--shadow);background:linear-gradient(#151d31fa,#080a13fa);border:1px solid #ffd16670;border-radius:8px;padding:22px}.settlement-kicker{color:var(--teal);font-size:13px;font-weight:900}.settlement-title{margin:8px 0 12px;font-size:30px;font-weight:900;line-height:1.05}.settlement-score{color:#fff7d6;text-shadow:0 0 18px #ffd16657;justify-content:center;gap:14px;margin:0 0 18px;font-size:42px;font-weight:900;line-height:1;display:flex}.settlement-stats{grid-template-columns:1fr 1fr;gap:8px;margin:0 0 18px;display:grid}.settlement-stats span{color:#d8e4f6;text-align:center;background:#040a169e;border:1px solid #7aeaff2e;border-radius:6px;place-items:center;min-height:32px;padding:6px 8px;font-size:12px;font-weight:900;display:grid}.primary-button{color:#08101b;background:linear-gradient(135deg,#ff4d6d,#ffd166 52%,#37e6ff);border:0;border-radius:8px;width:100%;min-height:44px;font-weight:900;box-shadow:0 12px 28px #37e6ff29}@media (max-width:520px){.game-shell{padding:0}.game-frame{aspect-ratio:1/2;border:0;border-radius:0;width:min(100vw,50vh);min-height:0}.start-screen{padding:34px 24px}.start-profile-card,.start-actions{width:min(88%,330px)}.start-profile-name{font-size:16px}.menu-button{min-height:40px;font-size:13px}.start-border{inset:18px}.start-title{font-size:clamp(44px,15vw,66px)}.start-orbit{height:118px;inset:-58px -8px auto}.start-ball{width:42px;height:42px}.start-ball:after{font-size:22px}.start-button{border-radius:13px;width:min(78%,300px);min-height:60px;font-size:clamp(28px,10vw,38px)}.start-button:before,.start-button:after{display:none}.hud{grid-template-columns:minmax(0,1fr) 86px minmax(0,1fr);gap:6px;inset:8px 10px auto}.player-chip{border-radius:12px;grid-template-columns:34px minmax(0,1fr);gap:6px;min-height:48px;padding:6px 9px 6px 6px}.player-chip.right{grid-template-columns:minmax(0,1fr) 34px;padding:6px 6px 6px 9px}.avatar{border-radius:9px;width:34px;height:34px;font-size:18px}.timer-chip{border-radius:14px;min-width:86px;padding:8px 7px;font-size:22px}.player-score{font-size:24px}.player-name{font-size:11px}.status-chip{border-radius:12px;max-width:98px;padding:6px 8px;font-size:12px}.matching-panel{width:min(100%,310px);padding:20px 16px}.matching-title{font-size:24px}.matching-arena{height:78px}.matching-ball{width:32px;height:32px;top:23px}.turn-banner{width:min(82%,300px);min-height:76px;padding:10px 14px 12px;top:86px}.turn-banner-title{font-size:20px}.turn-banner-subtitle{font-size:11px}.editor-toolbar{top:86px;right:8px}.editor-link{border-radius:12px;min-height:38px;padding:0 12px;font-size:12px;top:116px;right:10px}.editor-panel{width:auto;max-height:42vh;bottom:48px;left:8px;right:8px}.mini-chip{border-radius:12px;min-height:38px;padding:0 12px;font-size:13px}.settlement-panel{width:min(100%,310px);padding:18px}.settlement-score{font-size:34px}.settlement-stats{grid-template-columns:1fr;gap:6px}.editor-page{padding:0}.editor-stage{grid-template-columns:1fr;justify-items:center;gap:0;min-height:100vh}.editor-preview{aspect-ratio:1/2;border:0;border-radius:0;width:min(100vw,50vh);min-height:0}.standalone-editor-panel{border-radius:0;max-height:none}}