:root{color:#e5f2ff;font-synthesis:none;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--cyan:#34c3ee;--red:#f0687c;--app-height:100dvh;--safe-top:0px;--safe-bottom:0px;--safe-left:0px;--safe-right:0px;background:#07101d;font-family:Inter,Segoe UI,Arial,sans-serif}*{box-sizing:border-box}body{background:radial-gradient(at 50% 0,#123752 0,#07101d 70%);margin:0;overflow:hidden}button,input{font:inherit}button{cursor:pointer;color:inherit;-webkit-tap-highlight-color:transparent;touch-action:manipulation;background:0 0;border:0}button:focus-visible,input:focus-visible{outline-offset:2px;outline:2px solid #a9eaff}button:disabled{cursor:default}svg{flex-shrink:0;width:22px;height:22px}h1,h2,h3,p{margin:0}button:hover{filter:brightness(1.14)}button:active{filter:brightness(.9)}.app-shell{height:var(--app-height);max-width:540px;padding:calc(max(var(--safe-top), env(safe-area-inset-top)) + 8px) calc(max(var(--safe-right), env(safe-area-inset-right)) + 12px) calc(max(var(--safe-bottom), env(safe-area-inset-bottom)) + 6px) calc(max(var(--safe-left), env(safe-area-inset-left)) + 12px);flex-direction:column;gap:7px;margin:auto;display:flex;overflow:hidden}.app-heading{flex:0 0 38px;align-items:center;gap:10px;display:flex}.brand-mark{letter-spacing:-4px;color:#dbf5ff;padding-right:5px;font-size:22px;font-weight:850;transform:skew(-9deg)}.brand-mark span{color:var(--cyan)}.eyebrow{letter-spacing:2px;color:#83a6bf;font-size:8px;font-weight:650;line-height:1.4}.app-heading h1{letter-spacing:.1px;font-size:16px;font-weight:600}.stage-tag{letter-spacing:1px;color:#8ac8df;border:1px solid #24445d;border-radius:3px;margin-left:auto;padding:5px 7px;font-size:9px}.arena{flex:1;grid-template-rows:minmax(0,1fr) 48px minmax(0,1fr);gap:7px;min-height:0;display:grid}.player-card{--accent:#37c7f4;--accent-rgb:55, 199, 244;background:linear-gradient(135deg,#0e2c47,#0b2138 45%,#091b2f);border:1px solid #266389;border-radius:3px;min-height:0;position:relative;overflow:hidden;box-shadow:inset 0 0 24px #0002,0 3px 12px #0003;container-type:size}.player-card:before,.player-card:after{content:"";pointer-events:none;border-color:var(--accent);opacity:.9;width:13px;height:13px;position:absolute}.player-card:before{border-left:2px solid var(--accent);border-top:2px solid var(--accent);top:0;left:0}.player-card:after{border-right:2px solid var(--accent);border-bottom:2px solid var(--accent);bottom:0;right:0}.player-1{--accent:#ef7188;--accent-rgb:239, 113, 136;background:linear-gradient(135deg,#172a40,#0e2136 45%,#171e30);border-color:#624052}.card-inner{--slot-size:clamp(32px, 10cqh, 42px);flex-direction:column;gap:4px;height:100%;padding:7px 10px;display:flex}.player-heading{flex-shrink:0;align-items:center;gap:8px;min-height:38px;display:flex}.slot{width:var(--slot-size);height:var(--slot-size);background:linear-gradient(135deg,#091826,#0b2136);border:1px solid #48768c;border-radius:2px;flex-shrink:0;position:relative;box-shadow:inset 0 0 0 2px #030e1966}.slot:before,.slot:after{content:"";opacity:.6;width:5px;height:5px;position:absolute}.slot:before{border-left:1px solid var(--accent);border-top:1px solid var(--accent);top:-1px;left:-1px}.slot:after{border-right:1px solid var(--accent);border-bottom:1px solid var(--accent);bottom:-1px;right:-1px}.slot:hover{border-color:var(--accent);background:#103249}.slot-avatar{border-color:var(--accent);width:35px;height:35px}.player-identity{flex:1;min-width:0}.player-identity .eyebrow{letter-spacing:1.5px;color:var(--accent);font-size:7px}.name{text-align:left;align-items:center;gap:6px;width:100%;padding:0;font-size:17px;font-weight:600;line-height:1.2;display:flex}.name>span:first-child{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.edit-mark{color:#7793ab;font-size:12px}.power{text-align:right;flex-shrink:1;min-width:0;max-width:48%;padding:0}.power>span{letter-spacing:1px;color:#95aac0;font-size:7px;display:block}.power strong{color:#f3d17c;text-overflow:ellipsis;font-size:clamp(12px,4.2vw,18px);font-weight:750;line-height:1.3;display:block;overflow:hidden}.section-label{color:#c1e6f5;letter-spacing:.2px;background:linear-gradient(90deg,#17457980,#1c4f83,#17457980);border-top:1px solid #3872a25c;flex-shrink:0;justify-content:center;align-items:center;gap:5px;height:17px;font-size:11px;line-height:16px;display:flex}.section-label>span{color:#52d5ff;font-size:17px;line-height:12px}.equipment-top{min-height:calc(var(--slot-size) * 2 + 4px);flex:1;justify-content:space-between;align-items:center;padding:0 8px;display:flex}.slot-column{flex-direction:column;gap:4px;display:flex}.fighter-space{background:radial-gradient(#20669c22,#0000 70%);justify-content:center;align-items:center;width:46%;height:100%;display:flex;position:relative}.slot-fighter{width:calc(var(--slot-size) * 1.8);height:calc(var(--slot-size) * 1.8);background:linear-gradient(135deg,#10294288,#071729bb);border-color:#3c6981}.slot-row{flex-shrink:0;justify-content:space-between;padding:0 8px;display:flex}.base-row .slot{border-bottom-color:#b19b5c}.base-stats{flex-shrink:0;grid-template-columns:1fr 1fr;gap:1px 8px;display:grid}.stat-button{text-align:left;justify-content:space-between;align-items:baseline;gap:4px;min-width:0;padding:2px 0;font-size:12px;line-height:14px;display:flex}.stat-button>span{color:#62b9d7;min-width:0}.stat-button strong{white-space:nowrap;flex-shrink:0;font-weight:500}.base-stats .stat-button:nth-child(2n){font-size:12px}.card-actions{flex-shrink:0;gap:8px;margin-top:1px;display:flex}.card-actions button{color:#c4eafb;background:linear-gradient(#16476b99,#10344a88);border:1px solid #376782;flex:1;justify-content:center;align-items:center;gap:6px;height:26px;padding:0 3px;font-size:11px;display:flex}.card-actions button>span{color:#76afc8;font-size:10px}.player-1 .card-actions button{border-color:#655069}.battle-actions{grid-template-columns:repeat(3,1fr);gap:6px;display:grid}.battle-actions button{text-align:left;color:#cbe7f5;background:linear-gradient(140deg,#173c56,#10263a);border:1px solid #315770;border-radius:3px;justify-content:center;align-items:center;gap:7px;padding:4px;font-size:11px;line-height:13px;display:flex}.battle-actions svg{color:#86bcd4;width:18px;height:18px}.battle-actions .battle-button{color:#ffe6b4;background:linear-gradient(135deg,#755125,#44311c);border-color:#c2974b}.battle-button svg{color:#f7ce88}.app-footer{letter-spacing:.1px;color:#6b8ca3;flex-shrink:0;justify-content:space-between;font-size:8px;line-height:12px;display:flex}.app-footer>span{align-items:center;gap:5px;display:flex}.app-footer i{background:#55bdaf;border-radius:50%;width:4px;height:4px}.notice{color:#ffe2a9;background:#352b1e;border:1px solid #816c43;flex-shrink:0;align-items:center;gap:6px;padding:6px;font-size:11px;line-height:14px;display:flex}.notice button{margin-left:auto;font-size:22px}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.modal{width:calc(100% - 24px);max-width:480px;max-height:calc(var(--modal-height,100dvh) - max(var(--safe-top), env(safe-area-inset-top)) - max(var(--safe-bottom), env(safe-area-inset-bottom)) - 28px);top:calc(var(--modal-top,0px) + max(var(--safe-top), env(safe-area-inset-top)));bottom:max(var(--safe-bottom), env(safe-area-inset-bottom));color:#e5f2ff;background:linear-gradient(145deg,#112c46,#0b192b);border:1px solid #357799;border-radius:6px;margin:auto;padding:0;position:fixed;overflow:hidden;box-shadow:0 20px 70px #0009}.modal[open]{flex-direction:column;display:flex}.modal.wide{height:calc(var(--modal-height,100dvh) - max(var(--safe-top), env(safe-area-inset-top)) - max(var(--safe-bottom), env(safe-area-inset-bottom)) - 28px)}.modal::backdrop{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#020914c9}.modal-heading{background:linear-gradient(110deg,#164777,#11304e);border-bottom:1px solid #387393;flex-shrink:0;justify-content:space-between;align-items:flex-start;gap:12px;padding:16px;display:flex}.modal-heading h2{overflow-wrap:anywhere;margin-top:4px;font-size:19px;font-weight:600;line-height:1.25}.modal-heading p{color:#a3c6de;overflow-wrap:anywhere;margin-top:5px;font-size:11px}.close{background:#3686aa3d;border:1px solid #6cc4e080;border-radius:3px;flex-shrink:0;width:32px;height:32px;font-size:27px;line-height:28px}.modal-scroll{overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#39667f #0a1b2e;-webkit-overflow-scrolling:touch;min-height:0;scroll-padding:12px;overflow-y:auto}.duel-heading{background:#0a1b2e;border-bottom:1px solid #2c465e;flex-shrink:0;justify-content:space-between;align-items:center;gap:12px;padding:12px 16px;display:flex}.duel-heading>span{color:var(--cyan);overflow-wrap:anywhere;flex:1;min-width:0;font-size:13px;font-weight:600}.duel-heading>span:last-child{color:var(--red);text-align:right}.duel-heading b{color:#55758e;font-size:13px;font-style:italic}.comparison-list{padding:0 16px 12px}.comparison-row{border-bottom:1px solid #25415b;padding:14px 0}.comparison-row h3{text-align:center;color:#a3bad1;font-size:13px;font-weight:500;line-height:18px}.comparison-values{grid-template-columns:1fr 1fr;gap:22px;display:grid}.comparison-values button{text-align:left;min-width:0;padding:7px 0 0;font-size:15px}.comparison-values button>span:first-child{overflow-wrap:anywhere}.comparison-values button:last-child{text-align:right}.bar-track{background:#040d19;height:3px;margin-top:5px;display:block}.bar-track>span{background:#29b9ec;max-width:100%;height:100%;display:block}.comparison-values button:last-child .bar-track>span{background:#ec536d;margin-left:auto}.single-form{padding:20px;overflow:auto}.input-label{color:#a1bed2;flex-direction:column;gap:8px;font-size:13px;display:flex}input{color:#edf7ff;background:#081a2c;border:1px solid #3d6380;border-radius:3px;outline:none;width:100%;min-width:0;min-height:44px;padding:8px 10px;font-size:16px;line-height:24px;display:block}input[aria-invalid=true]{border-color:#ee7889}.form-actions{background:#0d2137;border-top:1px solid #2e4860;flex-shrink:0;gap:10px;padding:14px 16px;display:flex}.single-form .form-actions{background:0 0;border:0;padding:20px 0 0}.primary,.secondary{border-radius:3px;min-height:44px;padding:12px 16px;font-size:14px;font-weight:600}.primary{color:#e6f8ff;background:linear-gradient(130deg,#167fab,#155379);border:1px solid #46add0}.secondary{color:#afc9dc;background:#192f44;border:1px solid #46627a}.form-actions button{flex:1}.manual-form{flex-direction:column;flex:1;min-height:0;display:flex}.editor-scroll{flex:1;padding:0 16px 14px}.editor-row{border-bottom:1px solid #243d54;padding:12px 0}.editor-label{color:#adcadc;text-align:center;margin-bottom:8px;font-size:12px;line-height:17px}.editor-label small{color:#6389a3}.input-pair{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px;display:grid}.input-pair label{min-width:0}.input-pair label:first-child input{border-left:2px solid #27b4e1}.input-pair label:last-child input{border-right:2px solid #d6697c}.error{color:#ffa0aa;margin-top:6px;font-size:11px;line-height:15px;display:block}.expanded-stats{padding:12px 18px 20px}.expanded-stats .stat-button{border-bottom:1px solid #2c4259;gap:12px;width:100%;padding:12px 0;font-size:14px;line-height:20px}.message-body{text-align:center;padding:24px;overflow:auto}.message-symbol{color:#58caee;font-size:42px}.message-body p{color:#acc9de;margin:12px 0 24px;font-size:15px;line-height:1.6}.message-body .primary{width:100%}.gate{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:16px;max-width:420px;min-height:100dvh;margin:auto;padding:30px;display:flex}.gate .brand-mark{font-size:48px}.gate h1{font-size:25px}.gate p{color:#99b4c9;font-size:14px;line-height:1.7}.gate .primary{margin-top:10px}@media (width>=600px){.app-shell{max-height:1020px}.app-heading h1{font-size:18px}.app-footer{font-size:10px}.stat-button{font-size:13px}.base-stats .stat-button:nth-child(2n)>span{font-size:11px}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}.card-inner{--slot-size:clamp(32px, 8.5cqh, 42px);gap:2px;padding:4px 10px}.player-heading{min-height:34px}.slot-avatar{width:32px;height:32px}.section-label{height:16px;line-height:15px}.slot-column{gap:2px}.equipment-top{min-height:calc(var(--slot-size) * 2 + 2px)}.base-stats .stat-button:nth-child(2n)>span{font-size:12px;line-height:13px}.stat-button{padding:1px 0;font-size:12px;line-height:13px}.base-stats .stat-button strong{white-space:normal;overflow-wrap:anywhere;max-width:50%}.compact .card-inner{--slot-size:clamp(32px, 11.5cqh, 44px)}.compact .slot-fighter{width:calc(var(--slot-size) * 2);height:calc(var(--slot-size) * 2)}:root[data-density=tight] .app-heading,:root[data-density=tight] .app-footer,:root[data-density=minimal] .app-heading,:root[data-density=minimal] .app-footer{display:none}:root[data-density=minimal] .compact .card-inner{gap:1px;padding:2px 8px}:root[data-density=minimal] .compact .player-heading{min-height:32px}:root[data-density=minimal] .compact .section-label{height:14px;line-height:13px}:root[data-density=minimal] .compact .card-actions button{height:22px}.notice{top:calc(max(var(--safe-top), env(safe-area-inset-top)) + 48px);z-index:5;max-width:508px;margin-inline:auto;position:fixed;left:16px;right:16px;box-shadow:0 6px 20px #0008}