.defense-page{--ink:#edf9f4;--muted:#a0c4c9;--accent:#a0ebd0;color:var(--ink);background:radial-gradient(at 15% 10%,#28485b,#0000 60%),#0e202e;min-height:100vh;padding:24px max(20px,50vw - 660px);font-family:system-ui,sans-serif}.defense-page *{box-sizing:border-box}.defense-header{justify-content:space-between;gap:12px;font-size:13px;display:flex}.defense-page a{color:#d9eddf;text-decoration:none}.defense-title{margin:44px 0 20px}.defense-title>span,.defense-eyebrow{letter-spacing:2px;color:#a0ebd0;font-size:11px;font-weight:800}.defense-title h1{margin:10px 0;font-size:clamp(34px,5vw,62px);font-weight:900;line-height:1.2}.defense-title em{color:#b9abed;font-style:normal}.defense-title p{color:var(--muted);font-size:15px}.defense-page button{cursor:pointer;color:#102d37;background:#a1ebcf;border:0;border-radius:12px;min-height:44px;padding:12px 17px;font-size:14px;font-weight:800}.defense-page button:disabled{opacity:.4;cursor:default}.defense-page button.secondary{color:#dfefe8;background:#294553;border:1px solid #54717c}.defense-page button.text-button{color:#abc8cc;background:0 0;font-size:12px}.defense-page input,.defense-page select{color:#edf9f4;background:#102c3c;border:1px solid #52717a;border-radius:10px;width:100%;margin-top:8px;padding:12px;font-size:15px;display:block}.defense-page label{color:#c1d9d8;font-size:13px}.defense-page small{color:var(--muted);font-size:11px;line-height:1.6}.defense-feedback{color:#ffe0ab;min-height:28px;margin:10px 0;font-size:13px}.defense-entry{background:#163344;border:1px solid #53717a;border-radius:28px;grid-template-columns:1.2fr 1fr;max-width:1050px;margin:0 auto 70px;display:grid;overflow:hidden}.defense-entry>div{background:radial-gradient(at 20% 65%,#465577,#173849 75%);padding:40px}.defense-entry h2{margin:16px 0;font-size:34px;line-height:1.3}.defense-entry p{color:#bfd3d4;font-size:13px;line-height:1.7}.defense-entry form{flex-direction:column;gap:20px;padding:40px;display:flex}.defense-divider{color:#aac5cd;text-align:center;font-size:12px}.defense-hero{color:#c9d9dd;align-items:center;gap:16px;font-size:12px;line-height:2;display:flex}.defense-hero img{object-fit:contain;width:140px;height:160px}.defense-hero b{color:#ffe4b0}.defense-roomline{flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:18px;font-size:13px;display:flex}.defense-roomline b{letter-spacing:2px;color:#ffe0aa;margin-left:10px}.defense-layout{grid-template-columns:minmax(0,1fr) 270px;gap:20px;display:grid}.defense-arena{min-width:0}.defense-stats{background:#1b3949;border:1px solid #4b6972;border-bottom:0;border-radius:20px 20px 0 0;grid-template-columns:repeat(4,1fr);gap:10px;padding:18px 20px;display:grid}.defense-stats small{display:block}.defense-stats b{color:#fff2ca;font-size:24px}.defense-stats i{color:#9fbac2;font-size:12px;font-style:normal}.defense-board{border:1px solid #4b6972;border-radius:0 0 16px 16px;position:relative;overflow:hidden}.defense-board canvas{touch-action:manipulation;width:100%;height:auto;display:block}.defense-board-overlay{text-align:center;background:#112c43ba;flex-direction:column;justify-content:center;align-items:center;padding:20px;display:flex;position:absolute;inset:0}.defense-board-overlay h2{font-size:26px}.defense-board-overlay p{color:#d0dbe1;margin:5px;font-size:13px}.defense-team{grid-template-columns:repeat(4,1fr);gap:8px;margin:12px 0;display:grid}.defense-team>div{overflow-wrap:anywhere;background:#193543;border-left:3px solid;border-radius:8px;min-width:0;padding:10px}.defense-team b,.defense-team span,.defense-team small{font-size:11px;display:block}.defense-team span{color:#b7d9cf;margin:4px 0}.defense-actions{flex-wrap:wrap;align-items:end;gap:8px;margin:18px 0;display:flex}.defense-actions button{flex:1;padding:12px 9px;font-size:12px}.defense-actions label{flex:1;min-width:160px}.defense-actions small{color:inherit;display:inline}.defense-rules{color:#aac6cc;font-size:11px;line-height:1.9}.defense-units{background:#173342;border:1px solid #395b6a;border-radius:15px;padding:16px}.defense-units h3{margin:0 0 12px;font-size:14px}.defense-units h3 span{color:#b5d8d6;margin-left:8px;font-size:12px}.defense-units>div{grid-template-columns:repeat(4,1fr);gap:8px;display:grid}.defense-units button{color:#e4f3e9;text-align:left;background:#284957;border:1px solid #0000;min-width:0;padding:10px;font-size:11px}.defense-units button.selected{background:#435950;border-color:#ffe6ac}.defense-units small{font-size:10px;display:block}.defense-units p{color:#aec6d0;grid-column:1/-1;font-size:13px}.defense-chat{background:#163140;border:1px solid #446572;border-radius:20px;flex-direction:column;min-height:400px;max-height:680px;padding:18px;display:flex}.defense-chat h2{justify-content:space-between;margin:0 0 18px;font-size:16px;display:flex}.defense-chatlog{overflow-wrap:anywhere;flex:1;min-height:240px;overflow:auto}.defense-chatlog>p{color:#97b6c2;font-size:13px;line-height:1.8}.defense-chatlog>div{margin-bottom:14px}.defense-chatlog b{color:#acd8cc;font-size:11px}.defense-chatlog p{white-space:pre-wrap;margin:4px 0;font-size:13px;line-height:1.5}.defense-chat form{gap:6px;margin:12px 0 6px;display:flex}.defense-chat input{min-width:0;margin:0;padding:10px;font-size:12px}.defense-chat button{padding:10px;font-size:12px}.defense-page footer{text-align:center;color:#8ba9b4;margin:50px 0 10px;font-size:11px;line-height:1.7}.defense-page .sr-only{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}.defense-page :focus-visible{outline-offset:3px;outline:3px solid #ffdf9e}@media (max-width:900px){.defense-layout{grid-template-columns:1fr}.defense-chat{height:340px;min-height:340px}.defense-chatlog{min-height:180px}.defense-entry>div,.defense-entry form{padding:28px}.defense-entry h2{font-size:28px}}@media (max-width:600px){.defense-page{padding:18px 12px}.defense-title{margin-top:28px}.defense-title p{font-size:12px;line-height:1.7}.defense-entry{grid-template-columns:1fr}.defense-entry>div{padding:24px}.defense-entry h2{font-size:27px}.defense-hero img{width:100px;height:115px}.defense-entry form{padding:24px}.defense-team{grid-template-columns:repeat(2,1fr)}.defense-stats{padding:12px}.defense-stats b{font-size:20px}.defense-stats small{font-size:10px}.defense-board-overlay h2{font-size:18px}.defense-board-overlay p{font-size:10px}.defense-actions button{flex:40%}.defense-units>div{grid-template-columns:repeat(3,1fr)}.defense-roomline{gap:6px}.defense-roomline b{margin-left:5px;font-size:12px}.defense-roomline button{padding:7px 10px}.defense-header{font-size:11px}}.defense-chat form button{white-space:nowrap;min-width:46px}.defense-page:has(.defense-layout) .defense-title{margin-top:24px}.defense-page:has(.defense-layout) .defense-title h1{font-size:36px}.defense-page:has(.defense-layout) .defense-title>span{font-size:10px}@media (max-width:600px){.defense-page:has(.defense-layout) .defense-title{margin:18px 0 8px}.defense-page:has(.defense-layout) .defense-title h1{font-size:28px}.defense-page:has(.defense-layout) .defense-title>p{display:none}}.independent-consent{background:#173b3e;border:1px solid #628279;border-radius:12px;align-items:start;gap:10px;padding:14px;display:flex}.independent-consent input{flex:0 0 20px;width:20px;height:20px;margin:2px 0}.independent-consent span{font-size:11px;line-height:1.7}.independent-consent b{color:#d4f3ce;font-size:13px;display:block}.independent-mode{color:#b7ddd1;margin:12px 0;font-size:12px}.independent-tools{align-items:center;gap:16px;margin-bottom:16px;display:flex}.independent-tools label{max-width:240px}.independent-roster{max-height:160px;margin-bottom:12px;overflow:auto}.independent-roster>div{border-bottom:1px solid #446572;flex-direction:column;padding:7px;font-size:11px;display:flex}.independent-roster span{color:#afc8cc;margin-top:3px}.independent-ranks{background:#173342;border:1px solid #446572;border-radius:18px;max-width:950px;margin:28px 0;padding:22px}.independent-ranks>div{justify-content:space-between;align-items:center;gap:12px;display:flex}.independent-ranks h2{font-size:19px}.independent-ranks p{color:#b5cfd1;font-size:12px;line-height:1.8}.independent-ranks ol{padding:0;list-style:none}.independent-ranks li{border-bottom:1px solid #3d5c68;grid-template-columns:30px 1fr 110px 90px;gap:8px;padding:12px 0;font-size:13px;display:grid}.independent-ranks strong{color:#ffe1a7}.independent-legacy{border:1px solid #64727a;border-radius:10px;padding:12px;font-size:12px;line-height:1.7}.independent-legacy a{text-decoration:underline}.defense-chat{max-height:760px}@media (max-width:600px){.independent-ranks{padding:16px}.independent-ranks li{grid-template-columns:22px 1fr 85px;gap:5px}.independent-ranks li small{grid-column:2/-1}.independent-tools{align-items:end}.independent-tools label{min-width:150px}.independent-tools button{font-size:11px}}.independent-roster{flex-shrink:0}.independent-ranks button{white-space:nowrap}.independent-ranks li b{overflow-wrap:anywhere}.independent-tools{flex-wrap:wrap}.independent-tools button{white-space:nowrap}@media (max-width:600px){.defense-stats b{white-space:nowrap;font-size:17px}.defense-stats i{font-size:10px}.defense-chat:has(.independent-roster){height:auto;min-height:440px}.defense-chat:has(.independent-roster) .defense-chatlog{flex:0 0 180px;height:180px}.independent-ranks>div{flex-wrap:wrap;gap:8px}.independent-ranks h2{margin:0;font-size:17px}.independent-ranks button{padding:10px;font-size:11px}}.defense-render-controls{background:#102838;justify-content:flex-end;align-items:center;gap:8px;padding:4px 10px;display:flex}.defense-render-controls label{align-items:center;gap:7px;font-size:11px;display:flex}.defense-render-controls select{width:auto;margin:0;padding:6px 8px;font-size:11px}.defense-render-controls button{min-height:32px;padding:6px}.defense-render-status{color:#ffe7b4;background:#102838dd;border-radius:6px;padding:7px;font-size:11px;position:absolute;bottom:5px;left:8px;right:8px}.coop-original-wavy{background:url(/artwork/wavy-vinyl-characters.lossless.webp) 92.3161% 88.5182%/365.598% 533.617% no-repeat;flex:0 0 140px;width:140px;height:96px}.coop-next-scale{color:#ffe1a5;font-size:12px}.coop-rank-tabs{margin:16px 0;justify-content:flex-start!important}.coop-rank-tabs button{color:#a9c6ce;background:#284553}.coop-rank-tabs button[aria-pressed=true]{color:#201a3c;background:#b9a4e8}.independent-ranks details{color:#a9cece;grid-column:2/-1;font-size:12px}.independent-ranks li b small{display:block}.independent-mode>span{color:#a1bacb;font-size:11px}@media (max-width:600px){.coop-original-wavy{flex-basis:100px;width:100px;height:69px}.defense-render-controls{justify-content:space-between;padding:4px}.defense-render-controls button{font-size:10px!important}.defense-render-controls label{font-size:10px}}.defense-capacity,.defense-move-help{color:#bfe8de;margin:12px 0;font-size:12px;line-height:1.6}.defense-actions[aria-busy=true]{opacity:.7}.defense-actions{grid-template-columns:repeat(3,minmax(0,1fr))}@media (max-width:600px){.defense-actions{grid-template-columns:repeat(2,minmax(0,1fr))}.defense-capacity,.defense-move-help{font-size:11px}}.defense-rank-art{grid-template-columns:repeat(4,1fr);gap:4px;margin:20px 0;display:grid}.defense-rank-art figure{text-align:center;margin:0}.defense-rank-art img{aspect-ratio:1;object-fit:contain;width:100%;max-width:120px}.defense-rank-art figcaption{color:#dddfef;font-size:12px}.defense-unit-portrait{object-fit:contain;float:left;width:46px;height:46px;margin-right:6px}@media (max-width:600px){.defense-rank-art{grid-template-columns:repeat(2,1fr)}.defense-rank-art img{max-width:110px}}.defense-summon-guide{background:#163344;border:1px solid #52717a;border-radius:16px;margin:16px 0;padding:16px;font-size:12px;line-height:1.7}.defense-summon-guide summary{cursor:pointer;color:#e7edca;min-height:32px;font-weight:800}.summon-probabilities{flex-wrap:wrap;gap:8px;margin:12px 0;display:flex}.summon-probabilities span{background:#304656;border-radius:8px;padding:6px 12px}.defense-role-cards{grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;display:grid}.defense-role-cards article{border:1px solid;border-radius:12px;min-width:0;padding:12px}.defense-role-cards h3{margin:0 0 8px}.defense-role-cards dl{margin:0}.defense-role-cards dl div{justify-content:space-between;gap:8px;display:flex}.defense-role-cards dd{text-align:right;margin:0}.defense-role-cards p{color:#c1d9d8;font-size:11px}.defense-summon-guide>p{color:#bcd4d8}@media (max-width:1000px){.defense-role-cards{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width:600px){.defense-role-cards{grid-template-columns:1fr}.defense-summon-guide,.defense-role-cards article{padding:12px}.defense-role-cards dl{flex-wrap:wrap;gap:14px;display:flex}.defense-role-cards dl div{flex-direction:column;gap:0}.defense-role-cards dd{text-align:left}}.defense-selected-stats{background:#243948;border-left:3px solid #cab1ec;padding:10px 12px;font-size:12px;line-height:1.7}.defense-ultimate{width:100%;max-width:480px;margin-top:8px;display:block;background:#d4b2ed!important}.defense-ultimate small{color:#413557;font-size:10px;display:block}.defense-role-cards{grid-template-columns:repeat(3,minmax(0,1fr))}@media (max-width:600px){.defense-role-cards{grid-template-columns:1fr}}.defense-enemy-warning{color:#bfe5d8;background:#203b49;border:1px solid #4b6972;margin:0;padding:10px 14px;font-size:12px;line-height:1.6}.defense-enemy-warning.danger{color:#ffe1ab;background:#563742;border-color:#e5a276}.defense-legend-controls,.defense-awakening{display:block}.defense-awakening{border:1px solid #af8ec7;border-radius:10px;margin-top:12px;padding:12px}.defense-awakening span,.defense-awakening small{margin:6px 0;display:block}.defense-awakening button{max-width:100%;margin-top:8px}.defense-upgrades{grid-template-columns:1fr 1fr;gap:10px;margin:16px 0;display:grid}.defense-upgrades>div{background:#213d4c;border:1px solid #5a747c;border-radius:12px;padding:12px}.defense-upgrades b,.defense-upgrades span{font-size:12px;line-height:1.8;display:block}.defense-upgrades button{width:100%;margin-top:8px;font-size:12px}.defense-upgrades>small{grid-column:1/-1}@media (max-width:600px){.defense-upgrades{grid-template-columns:1fr}}.defense-enemy-warning{z-index:5;position:sticky;top:0}
