:root{font-family:Inter,Yu Gothic UI,Hiragino Kaku Gothic ProN,Meiryo,sans-serif;color:#f0f2ee;background:#101822;font-synthesis:none;font-weight:500;--mint:#8ce8d5;--muted:#98a7b5;--line:#ffffff16;--panel:#1a2532}*{box-sizing:border-box}body{margin:0}button,select{font:inherit}button,a,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer;color:inherit}button:focus-visible,a:focus-visible,select:focus-visible{outline:2px solid var(--mint);outline-offset:4px}button{border:0}a{color:inherit;text-decoration:none}button:hover{filter:brightness(1.12)}button:active{transform:translateY(1px)}.lobby{max-width:1420px;margin:auto;padding:0 6%}.topbar{height:90px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:12px;letter-spacing:2px;font-size:18px;font-weight:900}.brand-light{font-weight:400;color:#c3cdd4}.brand-icon{font-size:29px;color:var(--mint)}.top-right{display:flex;align-items:center;gap:24px}.version{font-size:10px;letter-spacing:1.5px;color:#b2bfc9}.version i{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--mint);margin-right:8px}.icon-button{background:#ffffff08;border:1px solid var(--line);padding:10px 12px;border-radius:7px;font-size:11px}.hero{display:grid;grid-template-columns:1fr 1.05fr;gap:30px;align-items:center;padding:52px 0 42px}.eyebrow{font-size:10px;letter-spacing:2px;color:var(--mint);font-weight:700}.hero .eyebrow{font-size:11px;letter-spacing:1px;display:flex;align-items:center;gap:10px}.eyebrow>span{width:22px;height:2px;background:var(--mint)}h1{font-size:clamp(35px,3.8vw,57px);line-height:1.42;letter-spacing:2px;margin:20px 0 18px;font-weight:900}h1 em{font-style:normal;color:var(--mint)}.hero-copy p{font-size:13px;line-height:2;color:#aab8c4}.hero-tags{display:flex;gap:9px;margin-top:24px}.hero-tags span{font-size:10px;border:1px solid #ffffff22;border-radius:5px;padding:6px 10px;color:#c6d1d9}.hero-art{height:315px;border-radius:18px;position:relative;overflow:hidden;background-size:auto 100%;background-position:64%;border:1px solid #ffffff20;isolation:isolate}.hero-art:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(0deg,#101b29e8,transparent 50%);z-index:2}.art-label{position:absolute;left:20px;top:18px;color:#f0f4e9;letter-spacing:2px;font-size:8px;z-index:3}.hero-circle{position:absolute;left:12%;top:14%;width:220px;height:220px;border:1px solid #ecf7dc55;border-radius:50%}.hero-circle:after{content:"";position:absolute;top:20px;right:20px;bottom:20px;left:20px;border:1px solid #ecf7dc44;border-radius:50%}.hero-character{position:absolute}.hero-character img{width:100%;filter:drop-shadow(0 10px 10px #14283566)}.hero-character.lead{width:195px;left:25%;top:36px;transform:rotate(-8deg);z-index:2}.hero-character.rear{width:134px;left:2%;top:97px;transform:rotate(-9deg)}.hero-character.rival{width:169px;right:1%;top:57px;transform:scaleX(-1) rotate(-9deg)}.art-caption{position:absolute;bottom:20px;left:22px;z-index:3;display:flex;flex-direction:column;gap:6px}.art-caption b{font-size:13px;letter-spacing:2px}.art-caption span{font-size:10px;color:#cedcd9}.setup{padding-bottom:40px}.section-title{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px}.section-title h2{font-size:21px;letter-spacing:1px;margin:8px 0 0}.sample-note{font-size:10px;color:#9babb9;border:1px solid var(--line);border-radius:20px;padding:7px 12px}.setup-layout{display:grid;grid-template-columns:1.55fr 1fr;gap:28px}.side-tabs{display:flex;gap:12px}.side-tabs button{flex:1;text-align:left;padding:14px 17px;background:#182330;border:1px solid var(--line);border-radius:9px;display:grid;grid-template-columns:1fr;gap:5px;position:relative}.side-tabs small{font-size:8px;letter-spacing:1.5px;color:var(--muted)}.side-tabs b{font-size:13px}.side-tabs span{font-size:10px;color:var(--muted)}.side-tabs .active{background:#1e3439;border-color:#8ce8d580}.side-tabs .active small{color:var(--mint)}.side-tabs .enemy{border-color:#ef9b8177;background:#352b31}.filters{display:flex;gap:8px;padding:20px 0 16px}.filters button{font-size:11px;background:transparent;color:#98aab9;padding:8px 12px;border-radius:5px}.filters .active{background:#2a3743;color:#f1f3ee}.team-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.team-card{padding:0;text-align:left;background:#1b2733;border:1px solid var(--line);border-radius:10px;overflow:hidden}.team-card.selected{border-color:var(--team-color);box-shadow:0 0 0 1px var(--team-color)}.team-card-art{height:135px;background:radial-gradient(ellipse at 50% 120%,color-mix(in srgb,var(--team-color) 32%,transparent),transparent 80%);position:relative;display:flex;align-items:flex-end;justify-content:center;overflow:hidden}.team-card-art img{width:111px;height:120px;z-index:1;transition:transform .2s}.team-card:hover img{transform:translateY(-4px)}.card-orbit{position:absolute;width:105px;height:105px;border:1px solid #ffffff17;border-radius:50%;top:34px}.team-tier{position:absolute;left:9px;top:9px;font-size:8px;color:var(--team-color)}.check{position:absolute;right:8px;top:8px;font-size:10px;background:#101a2566;border:1px solid #ffffff22;border-radius:50%;width:18px;height:18px;text-align:center}.selected .check{background:var(--team-color);color:#132b2d}.card-copy{padding:12px 9px 15px;border-top:1px solid var(--line)}.card-copy small{font-size:7px;letter-spacing:1.7px;color:var(--team-color)}.card-copy h3{font-size:12px;margin:6px 0}.card-copy p{font-size:9px;color:var(--muted);margin:0}.team-detail{padding:22px;border:1px solid #ffffff19;border-radius:12px;background:linear-gradient(135deg,#21303b,#17222e)}.detail-title{display:flex;justify-content:space-between;align-items:center}.pill{font-size:9px;padding:5px 8px;border-radius:4px;background:#ffffff0a;color:#a9bac8}.team-detail h3{font-size:22px;margin:12px 0 8px}.description{font-size:11px;color:#aabac7;line-height:1.8;margin:0 0 13px}.lineup{display:grid;grid-template-columns:repeat(8,1fr);gap:4px}.lineup-unit{text-align:center;background:#101c2766;border-radius:4px;padding:3px 0 6px;overflow:hidden}.lineup-unit img{width:100%;height:46px;object-fit:contain}.lineup-unit b,.lineup-unit small{display:block;white-space:nowrap;font-size:8px}.lineup-unit small{font-size:7px;color:#aebcc7;margin-top:3px}.special-preview{display:flex;align-items:center;gap:10px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin:17px 0;padding:13px 0}.special-preview>span{font-size:30px;color:#edcd8d}.special-preview small{display:block;font-size:7px;letter-spacing:1.2px;color:#d7bd89}.special-preview b{font-size:12px}.special-preview p{font-size:9px;color:#aab9c6;margin-left:auto}.background-label{font-size:10px;color:#a6b5c0;display:block;margin-bottom:6px}select{color:#dae4e7;background:#14202c;border:1px solid #ffffff20;border-radius:5px;width:100%;padding:9px;font-size:12px}.primary{background:var(--mint);color:#112e30;width:100%;border-radius:6px;padding:15px 18px;font-size:13px;font-weight:800;margin-top:14px;text-align:center;box-shadow:0 3px #5ea596}.primary span{float:right}.under-button{font-size:8px;color:#91a5b2;text-align:center;margin:13px 0 0}footer{border-top:1px solid var(--line);padding:22px 0;display:flex;align-items:center;gap:18px;font-size:8px;color:#8599a9}footer>span{font-size:8px;letter-spacing:1px;white-space:nowrap}footer b,.battle-foot b{color:#57717f;margin:0 8px}footer p{margin:0;line-height:1.7}footer button{margin-left:auto}.text-button{background:transparent;color:#aebecb;font-size:10px;padding:5px;white-space:nowrap}.rotate-hint{display:none}.battle-screen{height:100dvh;min-height:340px;display:flex;flex-direction:column;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);background:#111d29;overflow:hidden}.battle-hud{height:83px;flex-shrink:0;display:flex;align-items:center;gap:25px;padding:13px 28px;border-bottom:1px solid #ffffff14}.base-hud{flex:1;min-width:0}.base-hud>div:first-child{display:flex;align-items:center;gap:12px;margin-bottom:9px}.base-hud small{font-size:8px;letter-spacing:1.2px;color:var(--mint)}.base-hud b{font-size:13px}.base-hud span{margin-left:auto;color:#c2ced6;font-size:10px}.hp-track{height:6px;background:#2b3b48;border-radius:5px;overflow:hidden}.hp-track i{display:block;height:100%;background:var(--mint);transition:width .15s}.base-hud.enemy small{color:#ffb099}.enemy .hp-track i{background:#f49c83}.match-clock{text-align:center;width:125px;flex-shrink:0}.match-clock small{display:block;font-size:7px;letter-spacing:2px;color:#9bacba}.match-clock strong{font-size:28px;font-variant-numeric:tabular-nums;letter-spacing:2px;line-height:1.35}.match-clock>span{display:block;font-size:6px;letter-spacing:1px;color:#8d9faa}.arena{position:relative;flex:1;min-height:140px;background:#426a80;overflow:hidden}#phaser{position:absolute;top:0;right:0;bottom:0;left:0;touch-action:none}#phaser canvas{display:block}.arena-top,.arena-bottom{position:absolute;left:24px;right:24px;display:flex;justify-content:space-between;align-items:center;pointer-events:none}.arena-top{top:17px}.arena-location{font-size:9px;letter-spacing:2px;color:#f0f3e2;text-shadow:0 1px 4px #1235}.arena-location small{display:block;font-size:8px;letter-spacing:1px;margin-top:5px;color:#e4ecde99}.camera-controls{display:flex;gap:7px;pointer-events:auto}.camera-controls button{font-size:10px;padding:7px 10px;background:#18303e88;border:1px solid #ecf5df44;border-radius:5px;color:#f0f5e9}.arena-bottom{bottom:12px;font-size:9px;color:#dbe9e1;text-shadow:0 1px 4px #123}.arena-bottom>span:first-child,.arena-bottom>span:last-child{background:#17303b88;border:1px solid #ffffff20;padding:5px 11px;border-radius:15px}.command-deck{padding:14px 24px 10px;flex-shrink:0;border-top:1px solid #ffffff20;background:linear-gradient(#1d2c39,#15222e)}.economy{display:flex;gap:18px;align-items:center;margin-bottom:12px}.points{min-width:175px;position:relative}.points>small{display:block;font-size:9px;color:#a0b2bf;margin-bottom:2px}.points strong{font-size:27px;color:#f3dfaa;font-variant-numeric:tabular-nums;line-height:1.1}.points>span{font-size:10px;color:#9eafbd;margin-left:7px}.point-track{height:3px;background:#ffffff12;margin-top:5px;border-radius:3px}.point-track i{display:block;height:100%;background:#ddc98e}.upgrade{padding:10px 16px;background:#2a3e4c;border:1px solid #86b7bf77;border-radius:6px;text-align:left;min-width:180px}.upgrade>span{display:block;font-size:13px}.upgrade b{color:var(--mint);margin-left:12px;font-size:11px}.upgrade small{font-size:9px;color:#b5c4cf;display:block;margin-top:6px}.upgrade.unavailable{border-color:#ffffff18;color:#99acb9}.income small{font-size:9px;display:block;color:#98abba}.income b{font-size:15px;display:block;margin-top:5px;color:#cfddd9}.special-button{margin-left:auto;min-width:245px;position:relative;padding:11px 22px;border:1px solid #bea57377;border-radius:6px;background:#4b4439;overflow:hidden}.special-button>span{font-size:14px;display:block;color:#f2dcab;position:relative;z-index:1}.special-button small{display:block;margin-top:5px;font-size:9px;letter-spacing:1px;color:#cfbe9d;position:relative;z-index:1}.special-button i{position:absolute;bottom:0;left:0;top:0;background:#d8b34a26;transition:width .2s}.special-button.ready{background:#f0d394;box-shadow:0 0 18px #ebc16633}.special-button.ready>span,.special-button.ready>small{color:#352d22}.deploy-grid{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:9px}.deploy{position:relative;isolation:isolate;min-height:141px;padding:9px 5px 0;border:1px solid #75cfba99;border-radius:8px;background:radial-gradient(ellipse at 50% 55%,#4b716c66,#22313e 70%);overflow:hidden;transition:background .2s}.deploy img{height:76px;display:block;margin:6px auto -5px;max-width:100%;filter:drop-shadow(0 2px 5px #101d2877)}.slot-key{position:absolute;left:7px;top:6px;font-size:8px;color:#92aaa9}.slot-role{position:absolute;right:6px;top:6px;font-size:8px;color:#c6ddd2}.unit-name{font-size:12px;font-weight:700}.deploy>strong{font-size:13px;color:#f1dcad;display:block;margin:2px 0 6px}.deploy>strong small{font-size:8px}.deploy-status{display:block;background:#25473f;color:#9ce4cc;font-size:8px;padding:5px 0;margin:0 -5px;white-space:nowrap}.deploy.unavailable{border-color:#ffffff19;background:#1d2a37}.deploy.unavailable img{opacity:.52;filter:saturate(.6)}.deploy.unavailable .deploy-status{background:#14212c;color:#93a6b6}.deploy.unavailable>strong{color:#acb3b2}.battle-foot{height:31px;flex-shrink:0;display:flex;align-items:center;gap:14px;padding:0 24px;border-top:1px solid #ffffff0a;font-size:8px;color:#758e9f}.battle-foot>span:first-child{display:flex;align-items:center;gap:5px;font-size:7px;letter-spacing:1px;margin-right:auto}.battle-foot .brand-icon{font-size:15px}.battle-foot .text-button{font-size:8px}#toast{position:absolute;bottom:52px;left:50%;transform:translate(-50%,8px);background:#12232eef;border:1px solid #bcdfd766;border-radius:7px;padding:10px 20px;font-size:12px;color:#eff9ec;opacity:0;pointer-events:none;transition:.2s;white-space:nowrap}#toast.visible{opacity:1;transform:translate(-50%)}.cutin{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:#0e213acc;z-index:5;pointer-events:none}.cutin[hidden]{display:none}.cutin-inner{display:flex;flex-direction:column;align-items:center;gap:9px;width:100%;border-top:1px solid #8ce8d599;border-bottom:1px solid #8ce8d599;padding:22px;background:linear-gradient(90deg,transparent,#316974aa,transparent);transform:skewY(-3deg)}.cutin-inner small{letter-spacing:5px;font-size:10px;color:var(--mint)}.cutin-inner strong{font-size:clamp(24px,5vw,60px);font-weight:900;color:#d5fff1;text-shadow:0 0 30px #8ce8d5}.cutin-inner>span{font-size:12px}.cutin-inner.enemy{border-color:#f2a791;background:linear-gradient(90deg,transparent,#9f4d57aa,transparent)}.cutin-inner.enemy strong{color:#ffd7b3;text-shadow:0 0 30px #f0a16b}dialog{color:#eaf1ed;background:#1a2936;border:1px solid #ffffff2b;border-radius:16px;max-width:500px;width:90%;padding:30px;box-shadow:0 25px 100px #0008}dialog::backdrop{background:#081420bb;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}dialog h2{font-size:25px;margin:12px 0 20px}dialog p{font-size:12px;line-height:1.8;color:#bccbd4}dialog ol{padding-left:22px}dialog li{font-size:13px;margin:16px 0}dialog li p{margin:6px 0}.secondary{display:block;width:100%;margin-top:12px;padding:13px;background:#ffffff08;border:1px solid #ffffff1f;border-radius:6px;font-size:12px}.muted{color:#93a9b7}.result-dialog{text-align:center;max-width:520px}.result-mark{font-size:60px;color:#f1d28d;margin:8px}.result-dialog h2{letter-spacing:8px;font-size:40px;margin:0}.result-reason{font-size:11px;color:#96b2c0;margin:16px}.result-stats{display:grid;grid-template-columns:repeat(3,1fr);padding:20px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin:20px 0}.result-stats small{font-size:9px;color:#9eb1bf;display:block}.result-stats b{font-size:20px;display:block;margin-top:7px}.portrait-overlay{display:none}@media(min-width:1500px){.battle-screen{max-width:1800px;margin:auto}.command-deck{padding-inline:5%}.deploy{min-height:165px}.deploy img{height:95px}}@media(max-width:1000px){.lobby{padding:0 4%}.hero{padding:30px 0;gap:15px}.hero-art{height:290px}.hero-character.lead{left:18%}.hero-character.rival{right:-9%}.setup-layout{gap:16px;grid-template-columns:1.25fr 1fr}.team-grid{grid-template-columns:repeat(2,1fr)}.team-card-art{height:105px}.team-card-art img{height:98px}.card-copy{padding:8px 10px}.card-copy p{display:none}.team-detail{padding:18px}.lineup{grid-template-columns:repeat(4,1fr)}.lineup-unit img{height:46px}.battle-hud{padding:10px 18px;gap:14px;height:68px}.base-hud>div:first-child{flex-wrap:wrap;gap:4px 10px}.base-hud b{font-size:11px}.base-hud span{font-size:8px}.base-hud small{font-size:6px}.command-deck{padding:10px 14px 8px}.economy{gap:12px;margin-bottom:9px}.special-button{min-width:200px}.points{min-width:145px}.upgrade{min-width:155px;padding:9px 12px}.deploy-grid{gap:6px}.deploy{min-height:125px}.deploy img{height:61px}.battle-foot{padding:0 14px}.battle-foot>span:nth-child(2){display:none}.top-right{gap:12px}.version{font-size:8px}}@media(max-height:560px)and (orientation:landscape){.battle-hud{height:52px;padding:6px 16px;gap:14px}.match-clock strong{font-size:21px}.match-clock{width:86px}.match-clock>span{display:none}.base-hud>div:first-child{margin-bottom:5px}.base-hud span{font-size:8px}.hp-track{height:4px}.command-deck{padding:6px 12px}.economy{margin-bottom:5px;gap:12px}.points{min-width:128px}.points strong{font-size:21px}.points>small{font-size:7px}.points>span{font-size:8px}.point-track{margin-top:2px}.upgrade{min-width:150px;padding:6px 11px}.upgrade>span{font-size:10px}.upgrade small{font-size:7px;margin-top:3px}.upgrade b{font-size:9px}.income small{font-size:7px}.income b{font-size:11px;margin-top:3px}.special-button{min-width:190px;padding:7px 14px}.special-button>span{font-size:11px}.special-button small{font-size:7px;margin-top:3px}.deploy{min-height:85px;padding:5px 3px 0;border-radius:5px}.deploy img{height:43px;margin:7px auto -9px}.slot-key,.slot-role{font-size:6px;top:4px}.unit-name{font-size:9px;position:relative;text-shadow:0 1px 3px #102}.deploy>strong{font-size:10px;margin:1px 0 2px}.deploy-status{font-size:7px;padding:3px 0;margin:0 -3px}.battle-foot{height:22px}.arena-top{top:9px;left:14px;right:14px}.arena-location{font-size:7px}.arena-location small{font-size:6px;margin-top:2px}.camera-controls button{font-size:8px;padding:5px 8px}.arena-bottom{bottom:6px;font-size:7px}.arena-bottom>span:first-child,.arena-bottom>span:last-child{padding:3px 9px}.arena{min-height:100px}.battle-hud>.icon-button{padding:6px 10px}.cutin-inner{padding:10px}.cutin-inner strong{font-size:30px}.cutin-inner small{font-size:8px}dialog{max-height:90dvh;padding:20px}dialog h2{font-size:22px}.result-mark{font-size:30px;margin:0}.result-dialog h2{font-size:28px}.result-dialog p{margin:8px}.result-stats{padding:9px 0;margin:9px 0}.result-reason{margin:8px}.result-stats b{font-size:16px}}@media(max-width:650px)and (orientation:portrait){.topbar{height:70px}.brand{font-size:13px;letter-spacing:1px;gap:7px}.version{display:none}.hero{grid-template-columns:1fr;padding-top:28px}.hero h1{font-size:38px}.hero-art{height:230px;margin-top:6px}.hero-character.lead{width:157px;top:15px;left:31%}.hero-character.rear{width:119px;top:57px;left:10%}.hero-character.rival{width:146px;top:26px;right:4%}.hero-copy p{font-size:12px}.hero-tags{margin-top:17px}.section-title{align-items:flex-start;gap:10px}.section-title h2{font-size:18px}.sample-note{font-size:8px;padding:6px 8px;max-width:140px;line-height:1.5}.setup-layout{grid-template-columns:1fr}.team-grid{grid-template-columns:repeat(4,1fr)}.team-card-art{height:90px}.team-card-art img{width:83px;height:91px}.team-tier{font-size:6px;left:4px}.card-copy{padding:7px 5px}.card-copy h3{font-size:9px}.card-copy small{font-size:6px;letter-spacing:.4px}.check{right:4px;width:14px;height:14px;font-size:8px}.team-grid{gap:7px}.lineup{grid-template-columns:repeat(8,1fr)}.side-tabs button{padding:12px}.team-detail{margin-top:4px}.rotate-hint{display:block;background:#233b41;color:#bde7d8;font-size:10px;text-align:center;padding:10px;position:sticky;bottom:0}footer{flex-wrap:wrap;gap:10px}footer p{order:3}.portrait-overlay{display:flex;position:fixed;top:0;right:0;bottom:0;left:0;z-index:20;background:#101e2bf5;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:30px}.portrait-overlay>span{font-size:70px;color:var(--mint)}.portrait-overlay h2{font-size:20px}.portrait-overlay p{font-size:12px;color:#9eafbc}}