*{box-sizing:border-box}:root{font-family:PingFang SC,Microsoft YaHei,Inter,system-ui,sans-serif;color:#fff;background:#070707;font-synthesis:none;text-rendering:geometricPrecision;letter-spacing:0}body{margin:0;min-width:320px;min-height:100vh;overflow:auto}button,select{border:0;font:inherit}button{color:inherit;cursor:pointer}button:disabled{cursor:not-allowed;filter:grayscale(.7);opacity:.72}.app-shell{display:grid;place-items:center;min-height:100vh;padding:10px;background:radial-gradient(circle at 50% 12%,rgba(216,158,63,.18),transparent 34%),linear-gradient(180deg,#08080a,#14110d 58%,#050505)}.phone-screen{position:relative;width:min(100vw,430px);height:min(100vh,932px);overflow-x:hidden;overflow-y:auto;background:linear-gradient(180deg,#00000057,#000000c4),url(/arena-board.png) center / cover,#101014;box-shadow:0 20px 80px #000000b3}.phone-screen:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 50% 32%,rgba(0,55,180,.28),transparent 31%),linear-gradient(180deg,#0000002e,#00000059);pointer-events:none}.version{position:absolute;top:32px;right:48px;z-index:30;color:#fffc;font-size:13px;font-weight:700}.mini-menu{position:absolute;top:61px;right:14px;z-index:30;display:flex;align-items:center;gap:6px;height:39px;padding:0 10px;border-radius:999px;background:#0000006b;border:1px solid rgba(255,255,255,.08)}.mini-menu span{width:7px;height:7px;border-radius:50%;background:#fff;opacity:.92}.userbar{position:relative;z-index:5;display:grid;grid-template-columns:86px 52px 1fr 1fr;gap:8px;align-items:center;padding:22px 78px 0 10px}.avatar-btn{display:grid;place-items:end center;width:78px;height:78px;border-radius:50%;border:2px solid #d9b46a;background:radial-gradient(circle at 50% 38%,#111 0 34%,transparent 35%),linear-gradient(180deg,#e6f4ff,#41505a);color:#f8e3a6;font-weight:900;text-shadow:0 2px 2px #000}.avatar-btn span{min-width:72px;transform:translateY(16px);border-radius:6px;background:#2b160e;border:1px solid #d9b46a}.rename{display:grid;justify-items:center;gap:1px;background:transparent;color:#fff;font-size:13px;font-weight:800;text-shadow:0 2px 2px #000}.currency{display:flex;align-items:center;justify-content:space-between;height:28px;min-width:86px;border-radius:5px;padding:0 5px;background:#2d1812e6;color:#f8e3a6;border:1px solid rgba(226,176,94,.7);font-weight:900}.currency svg:last-child{color:#6fff24}.ruby svg:first-child{color:#d05d38}.rail{position:absolute;z-index:8;display:grid;gap:10px;top:140px}.left-rail{left:0}.right-rail{right:0}.rail button{display:grid;place-items:center;width:54px;min-height:54px;padding:4px;border-radius:999px 6px 6px 999px;background:linear-gradient(180deg,#f7d990,#a56d22);color:#fff;font-size:12px;font-weight:900;text-shadow:0 2px 2px #402000;border:1px solid #f6d487}.left-rail button{border-radius:6px 999px 999px 6px}.edition-tabs{position:relative;z-index:4;display:flex;justify-content:center;gap:0;margin-top:54px}.edition-tabs button{min-width:92px;height:40px;transform:skew(-16deg);background:linear-gradient(180deg,#ffe694,#e28a2f);color:#6d2b0b;font-size:20px;font-weight:900;box-shadow:inset 0 0 0 1px #ffffff61}.edition-tabs button:first-child{background:linear-gradient(180deg,#fff1b6,#f0c65c);color:#fff}.mode-grid{position:relative;z-index:3;display:grid;grid-template-columns:1fr 1fr;gap:18px 14px;width:74%;margin:26px auto 0}.mode-card{position:relative;display:grid;align-content:end;min-height:146px;padding:10px 8px;border-radius:18px 18px 8px 8px;overflow:hidden;background:linear-gradient(145deg,#1c396c,#0d1426);border:2px solid #f0d39b;box-shadow:0 9px 20px #00000061}.mode-card:before{content:"";position:absolute;inset:8px;border-radius:14px 14px 5px 5px;background:linear-gradient(135deg,rgba(255,255,255,.28),transparent 45%),repeating-linear-gradient(-28deg,rgba(255,255,255,.06) 0 7px,transparent 7px 14px)}.mode-card.gold{background:linear-gradient(145deg,#8b6124,#19120a)}.mode-card.red{background:linear-gradient(145deg,#b13c20,#23100c)}.mode-card.black{background:linear-gradient(145deg,#393029,#090909)}.mode-card.cyan{background:linear-gradient(145deg,#2f88ae,#0b2028)}.mode-card.purple{background:linear-gradient(145deg,#61309a,#140d24)}.mode-badge,.mode-art,.mode-card strong,.mode-card small{position:relative;z-index:2}.mode-badge{position:absolute;top:8px;right:-20px;width:82px;transform:rotate(45deg);background:#d71923;font-size:13px;font-weight:900}.mode-art{align-self:center;justify-self:center;margin-bottom:18px;font-size:42px}.mode-card strong{color:#ffe1a2;font-size:25px;font-weight:900;line-height:1.05;text-shadow:0 3px 2px #000}.mode-card small{margin-top:7px;color:#fff;font-size:14px}.disclaimer{position:absolute;z-index:2;bottom:10px;left:22px;right:22px;margin:0;color:#fff;font-size:18px;text-align:center;text-shadow:0 2px 2px #000}.page-title{position:relative;z-index:4;display:flex;align-items:center;gap:6px;margin:78px 0 18px 26px;width:78%;padding:6px 12px;border-top:2px solid #b99348;border-bottom:2px solid #b99348;background:linear-gradient(90deg,#000,rgba(0,0,0,.62),transparent);font-size:32px;line-height:1.1;text-shadow:0 3px 2px #000}.blue-ribbon{position:relative;z-index:4;width:94%;margin:0 auto;padding:7px 8px;background:linear-gradient(90deg,#1966ca,#2f75de);border:1px solid rgba(255,255,255,.46);color:#fff;text-align:center;font-size:22px;font-weight:900}.select-grid{position:relative;z-index:4;display:grid;grid-template-columns:repeat(4,1fr);width:94%;margin:0 auto;border:1px solid rgba(255,255,255,.55);background:linear-gradient(180deg,#e50027f5,#7c0000db)}.select-grid button{position:relative;display:grid;place-items:center;min-height:61px;padding:4px;background:#ffffff08;border-right:1px solid rgba(255,255,255,.28);border-bottom:1px solid rgba(255,255,255,.16);color:#fff;font-size:18px;font-weight:900;line-height:1.08;text-shadow:0 2px 2px rgba(0,0,0,.4)}.select-grid .coach-cell{background:linear-gradient(180deg,#1965cacc,#041f52e6),#ffffff08}.select-grid small{color:#ffdea0;font-size:11px}.coach-mark{position:absolute;top:5px;left:7px;color:#ffe17b;font-size:13px}.checkmark{position:absolute;color:#19d553;filter:drop-shadow(0 2px 1px #052)}.countline{position:relative;z-index:4;margin:12px 0 8px;color:#fff;font-size:23px;font-weight:900;text-align:center;text-shadow:0 3px 2px #000}.paper-button{position:relative;z-index:5;display:flex;align-items:center;justify-content:center;gap:7px;width:176px;min-height:44px;margin:0 auto;color:#2b1209;background:linear-gradient(180deg,#fff,#d8d8d8);clip-path:polygon(11% 0,89% 0,100% 50%,89% 100%,11% 100%,0 50%);border:2px solid #fff;font-size:23px;font-weight:900}.paper-button.gold{background:linear-gradient(180deg,#fff0b8,#f0b84f)}.paper-button.mini{position:absolute;bottom:16px;left:50%;width:178px;transform:translate(-50%);font-size:20px}.note{position:relative;z-index:4;width:94%;margin:13px auto 0;color:#ecf6b7;font-size:16px;font-weight:700;text-shadow:0 2px 2px #000}.court-board{position:relative;z-index:4;width:95%;height:236px;margin:28px auto 0;background:radial-gradient(ellipse at center,transparent 0 23%,rgba(255,255,255,.75) 24% 25%,transparent 26%),linear-gradient(180deg,#9d0505,#ef2c0a 52%,#a00000);border:5px solid #fff;outline:6px solid #b31212;clip-path:polygon(9% 0,91% 0,100% 100%,0 100%)}.court-board:before,.court-board:after{content:"";position:absolute;inset:11% 8%;border:4px solid rgba(255,255,255,.86);border-bottom:0;border-radius:50% 50% 0 0;pointer-events:none}.court-board:after{inset:38% 38% 0;border:3px dashed #ffd875}.slot{display:grid;place-items:center;min-width:100px;min-height:45px;padding:4px;background:linear-gradient(180deg,#5e5da9e0,#50a6dae0);border:2px solid #15b8ff;color:#fff;text-align:center;font-weight:900;line-height:1;box-shadow:inset 0 0 0 1px #ffffff2e}.slot.active{border-color:#42ff7b;box-shadow:0 0 0 4px #42ff7b33,0 0 16px #42ff7b73}.starter{position:absolute;transform:translate(-50%,-50%)}.slot b{font-size:18px;line-height:.95}.slot span{color:#811212;font-size:14px}.bench-row{position:relative;z-index:4;display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:32px auto 12px;width:98%}.bench-row .slot{min-width:0;width:100%}.coach-pill{position:relative;z-index:5;display:grid;place-items:center;width:210px;min-height:50px;margin:0 auto;border-radius:8px;color:#6b0a0a;background:linear-gradient(180deg,#6f73c4,#5ab3e6);font-size:16px;font-weight:900;text-align:center}.coach-pill small{color:#131b45;font-size:12px}.helper{position:relative;z-index:4;margin:18px 0 8px;text-align:center;font-size:21px;font-weight:900;text-shadow:0 3px 2px #000}.lineup-panel{position:relative;z-index:4;width:94%;height:168px;margin:0 auto;padding:9px;background:linear-gradient(180deg,#eff6ff,#0c338c 42%,#06163b);border:2px solid #e4d7a8}.lineup-panel h3{margin:-4px 0 16px;color:#3f7ef6;text-align:center;font-size:24px}.lineup-panel div{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;text-align:center;font-size:16px;font-weight:900}.players-header{position:relative;z-index:6;padding:82px 28px 0}.players-header>.player-chip{position:absolute;top:28px;display:grid;justify-items:center}.players-header>.player-chip:first-child{left:72px}.players-header>.player-chip:nth-child(2){right:40px}.round-avatar{display:block;width:78px;height:78px;border-radius:50%;border:2px solid #e2bd79;background:linear-gradient(180deg,#e9edf5,#596372)}.round-avatar.swan:after{content:"●";display:grid;place-items:center;color:#050505;font-size:50px}.round-avatar.sun{background:linear-gradient(145deg,#81c7ff,#ffc6a2)}.players-header b{min-width:86px;margin-top:-10px;padding:2px 8px;color:#f5d88e;background:#2a160f;border:1px solid #d9b56f;border-radius:6px;text-align:center}.triangle-button{width:18px;height:12px;margin-top:2px;clip-path:polygon(0 0,100% 0,50% 100%);background:#ffe68e;border:0;padding:0}.players-header nav{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:78px}.players-header nav button{height:36px;color:#fff;background:#1f2225;border:2px solid #dbc46f;clip-path:polygon(13% 0,87% 0,100% 50%,87% 100%,13% 100%,0 50%);font-size:22px;font-weight:900}.lineup-popovers{position:relative;z-index:20;margin:10px auto 0;display:grid;grid-template-columns:1fr 1fr;gap:8px;width:96%}.info-popover{position:relative;z-index:20;max-height:230px;overflow:auto;padding:12px;border:2px solid #e6c36a;border-radius:10px;background:#160e08eb;box-shadow:0 14px 34px #0000006b}.strategy-popover{width:92%;margin:10px auto 0}.half-popover{width:100%}.info-popover strong{display:block;margin-bottom:8px;color:#ffe38c;font-size:18px;text-align:center}.info-popover p{margin:5px 0;color:#fff5d4;font-size:14px;line-height:1.35}.coach-title{position:relative;z-index:5;margin:54px 0 4px;text-align:center;font-size:27px;text-shadow:0 3px 2px #000}.style-label,.section-title{position:relative;z-index:5;display:flex;align-items:center;justify-content:center;gap:16px;margin:0 auto 18px;color:#f3db83;font-size:28px;font-weight:900}.style-label:before,.style-label:after,.section-title:before,.section-title:after{content:"";width:102px;height:2px;background:linear-gradient(90deg,transparent,#d9bd67,transparent)}.style-box{position:relative;z-index:5;width:84%;margin:0 auto 72px;padding:12px;background:linear-gradient(100deg,#1f65ba,#071d41);border:2px solid #b4652b;color:#fff;font-size:21px;font-weight:900;text-align:center}.section-title{margin-bottom:56px}.tactic-cards{position:relative;z-index:5;display:grid;grid-template-columns:repeat(3,1fr);gap:18px;width:88%;margin:0 auto 48px}.tactic-cards button{min-height:220px;padding:15px 9px;border-radius:8px;color:#e7f8e9;background:linear-gradient(180deg,#2c4b70eb,#1e304af5),repeating-linear-gradient(0deg,transparent 0 32px,rgba(255,255,255,.05) 32px 34px);border:2px solid #647c99}.tactic-cards button.picked{border-color:#30ee65;box-shadow:0 0 0 3px #30ee6529}.tactic-cards b{display:block;margin-bottom:34px;font-size:18px}.tactic-cards span{display:block;font-size:17px;font-weight:800;line-height:1.28}.match-screen{background:linear-gradient(180deg,#0000006b,#000000d1),radial-gradient(circle at 50% 20%,rgba(222,126,34,.22),transparent 40%),#111}.close-x{position:absolute;z-index:4;top:205px;right:44px;background:transparent;color:#e71e2d;font-size:70px;font-weight:900;line-height:1}.vs-panel{position:relative;z-index:5;display:grid;grid-template-columns:1fr 1fr;align-items:center;height:260px;margin-top:348px}.blue-side,.red-side{height:200px;background:linear-gradient(180deg,#68d3ff,#0839e7);clip-path:polygon(0 0,100% 0,76% 100%,0 100%)}.red-side{display:grid;place-items:center;padding-left:52px;background:#ef202d;clip-path:polygon(24% 0,100% 0,100% 100%,0 100%);color:#fff6a9;font-size:22px;font-weight:900}.vs{position:absolute;left:50%;top:76px;transform:translate(-50%) rotate(-8deg);color:#ffe575;font-size:74px;font-weight:900;text-shadow:0 5px 0 #b33b1d,0 0 18px #fff}.wait{position:relative;z-index:5;margin-top:12px;text-align:center;font-size:28px;text-shadow:0 3px 2px #000}.team-banner{position:relative;z-index:5;width:54%;margin:14px auto 0;padding:8px 10px;color:#fff;background:linear-gradient(100deg,#df255a,#224dff);border:2px solid #e2c35d;font-size:25px;font-weight:900;text-align:center}.report-card{position:relative;z-index:4;width:94%;height:610px;margin:-2px auto 0;padding:44px 24px 80px;overflow:auto;border:3px solid #e6be59;border-radius:14px;background:radial-gradient(ellipse at 50% -10%,rgba(255,255,255,.85),transparent 34%),linear-gradient(180deg,#f7d184,#fff3d7 44%,#d8dbe0);color:#433b31;font-size:26px;line-height:1.35}.report-card p{margin:0 0 18px}.report-card .full-report{white-space:pre-line}.inline-settlement{margin:26px 0 8px;padding:18px 12px 8px;border-top:2px solid rgba(73,57,31,.25)}.inline-settlement h2{margin:0 0 12px;color:#17110b;text-align:center;font-size:42px}.report-card small{position:absolute;bottom:2px;left:0;right:0;color:#9dff62;text-align:center;font-size:16px;font-weight:900;text-shadow:0 2px 2px #000}.phase-tag{width:260px;margin:0 auto 28px;padding:8px;color:#cdbf8d;background:#222;clip-path:polygon(8% 0,92% 0,100% 50%,92% 100%,8% 100%,0 50%);text-align:center;font-size:18px;font-weight:900}.result-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px}.result-actions .paper-button{width:156px}@media(max-height:820px){.mode-card{min-height:128px}.select-grid button{min-height:54px;font-size:16px}.report-card{height:570px;font-size:23px}}@media(min-width:760px){.phone-screen{border-radius:18px}}