.bx-root,.bx-modal{--bx-gold: #ffd56a;--bx-cyan: #8fe3ff;--bx-font: "Segoe UI", "Noto Sans JP", "Microsoft JhengHei", system-ui, sans-serif;--bx-num: "Arial Black", "Segoe UI Black", sans-serif;--bx-outline: 0 0 2px #000, 0 1px 0 #000, 1px 0 0 #000, -1px 0 0 #000, 0 -1px 0 #000}.bx-root{--dock-h: clamp(128px, 34vh, 236px);position:fixed;top:0;right:0;bottom:0;left:0;overflow:hidden;color:#fff;font-family:var(--bx-font);background:#0b0f1c;user-select:none;-webkit-user-select:none}.bx-root button{font-family:inherit;color:inherit}.bx-root button:disabled{cursor:default}.bx-root svg{flex-shrink:0}.bx-bg{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0}.bx-bg img{width:100%;height:100%;max-width:none;object-fit:cover}.bx-bg:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,rgba(0,0,0,.55) 0%,transparent 18%),linear-gradient(0deg,rgba(4,8,20,.92) 0%,rgba(4,8,20,.6) 22%,transparent 45%)}.bx-bar{position:relative;display:block;width:100%;height:7px;overflow:hidden;background:#000000a6;border:1px solid rgba(255,255,255,.55);border-radius:2px}.bx-bar-fill{position:absolute;inset:0 auto 0 0;transition:width .5s ease}.bx-bar--ally .bx-bar-fill{background:linear-gradient(180deg,#a6ffb0,#23b14d)}.bx-bar--enemy .bx-bar-fill,.bx-bar--boss .bx-bar-fill{background:linear-gradient(180deg,#ff8a7a,#c4142c)}.bx-bar.is-low.bx-bar--ally .bx-bar-fill{background:linear-gradient(180deg,#ffe680,#e0a100)}.bx-bar--boss{height:12px;border-color:#ffd56ab3}.bx-bar-shield{position:absolute;top:0;right:0;height:3px;background:#8fd8ff;box-shadow:0 0 4px #8fd8ff}.bx-bank-cell{display:inline-flex;align-items:center;gap:2px;margin-right:7px}.bx-bank-cell b{font:900 13px var(--bx-num);color:#fff;text-shadow:var(--bx-outline)}.bx-bank{display:inline-flex;align-items:center}.bx-fx{display:flex;flex-wrap:wrap;gap:2px}.bx-fx-ico{position:relative;display:grid;place-items:center;width:16px;height:16px;background:#0009;border:1px solid rgba(255,255,255,.4);border-radius:3px}.bx-fx-ico img,.bx-fx-ico svg{width:12px;height:12px}.bx-fx-ico i{position:absolute;right:-3px;bottom:-4px;font:900 8px var(--bx-num);font-style:normal;text-shadow:var(--bx-outline)}.bx-top{position:absolute;top:0;left:0;right:0;z-index:6;display:flex;align-items:flex-start;gap:12px;padding:max(6px,env(safe-area-inset-top)) max(10px,env(safe-area-inset-right)) 0 max(10px,env(safe-area-inset-left));pointer-events:none}.bx-top>*{pointer-events:auto}.bx-boss{display:flex;align-items:center;gap:12px;width:min(46vw,560px);padding:4px 18px 4px 4px;background:linear-gradient(90deg,rgba(0,0,0,.72),rgba(0,0,0,.4) 75%,transparent)}.bx-boss-icon{position:relative;flex-shrink:0;width:46px;height:46px;min-height:0;margin:6px;padding:0;overflow:hidden;background:#2a1010;border:2px solid var(--bx-gold);box-shadow:0 0 0 2px #000,0 0 10px #ff505080;transform:rotate(45deg)}.bx-boss-img{width:140%;height:140%;max-width:none;margin:-20%;object-fit:cover;transform:rotate(-45deg);display:grid;place-items:center}.bx-boss-body{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px}.bx-boss-line{display:flex;align-items:center;gap:8px;min-width:0}.bx-boss-tag{flex-shrink:0;padding:0 7px;font:italic 900 10px var(--bx-font);letter-spacing:.12em;color:#fff;background:#b3122a;transform:skew(-12deg)}.bx-boss-tag.is-charge{background:#a87a12}.bx-boss-name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font:800 14px var(--bx-font);text-shadow:var(--bx-outline)}.bx-boss-hp{font:900 18px var(--bx-num);text-shadow:var(--bx-outline)}.bx-info{margin-left:auto;display:flex;flex-direction:column;align-items:flex-end;gap:1px;padding:4px 14px 6px 28px;background:linear-gradient(90deg,transparent,rgba(0,0,0,.7) 30%)}.bx-info div{display:flex;align-items:baseline;gap:8px}.bx-info span{font:900 10px var(--bx-font);letter-spacing:.14em;color:var(--bx-gold)}.bx-info b{font:900 20px var(--bx-num);text-shadow:var(--bx-outline)}.bx-info i{font-size:12px;font-style:normal;opacity:.7}.bx-info small{font:800 9px var(--bx-font);letter-spacing:.2em;color:#aab4d4}.bx-rhombi{display:flex;flex-direction:column;gap:14px;padding:10px 12px 0 6px}.bx-rhombus{display:grid;place-items:center;width:48px;height:48px;min-height:0;padding:0;background:linear-gradient(135deg,#34508f,#0f1a3a);border:2px solid #c9d6ff;box-shadow:0 0 0 2px #000,0 4px 10px #0009;transform:rotate(45deg);transition:filter .15s,transform .15s}.bx-rhombus>span{display:flex;flex-direction:column;align-items:center;gap:1px;transform:rotate(-45deg)}.bx-rhombus svg{width:18px;height:18px}.bx-rhombus small{font:900 7px var(--bx-font);letter-spacing:.08em}.bx-rhombus:hover{filter:brightness(1.25)}.bx-rhombus.is-danger{background:linear-gradient(135deg,#8f3434,#3a0f0f);border-color:#ffc2c2}.bx-notice{position:absolute;top:19vh;left:50%;z-index:8;display:flex;align-items:center;gap:12px;max-width:92vw;padding:8px 40px;transform:translate(-50%);background:linear-gradient(90deg,transparent,rgba(5,10,30,.92) 14%,rgba(5,10,30,.92) 86%,transparent);border-top:1px solid rgba(255,213,106,.6);border-bottom:1px solid rgba(255,213,106,.6);font:700 14px var(--bx-font);text-align:center;white-space:nowrap;animation:bx-slide .25s ease-out}.bx-notice span{overflow:hidden;text-overflow:ellipsis}.bx-notice-x{display:grid;place-items:center;flex-shrink:0;width:28px;height:28px;min-height:0;padding:0;border-radius:50%;background:#ffffff26;border:1px solid rgba(255,255,255,.6)}.bx-notice-x svg{width:14px;height:14px}.bx-field{position:absolute;left:0;right:0;top:11vh;bottom:calc(var(--dock-h) - 2vh);z-index:2}.bx-side{position:absolute;top:0;bottom:0}.bx-side--enemy{left:3vw;width:46vw}.bx-side--ally{right:7vw;width:42vw}.bx-unit{--uw: clamp(60px, min(13.5vw, calc((89vh - var(--dock-h)) * .5)), 170px);position:absolute;display:flex;flex-direction:column;align-items:center;width:var(--uw);min-height:0;padding:0;background:none;border:0;cursor:pointer;transition:filter .2s,opacity .3s}.bx-unit--enemy.s0{left:34%;top:22%;z-index:3}.bx-unit--enemy.s1{left:4%;top:2%;z-index:2}.bx-unit--enemy.s2{left:64%;top:0;z-index:1}.bx-unit--enemy.s3{left:10%;top:40%;z-index:4}.bx-unit--ally.s0{left:4%;top:30%;z-index:4}.bx-unit--ally.s1{left:28%;top:6%;z-index:2}.bx-unit--ally.s2{left:52%;top:32%;z-index:5}.bx-unit--ally.s3{left:74%;top:8%;z-index:3}.bx-unit-hud{display:flex;flex-direction:column;align-items:center;gap:2px;width:110%;margin-bottom:3px}.bx-unit-name{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font:800 11px var(--bx-font);text-shadow:var(--bx-outline)}.bx-unit-sprite{display:flex;align-items:flex-end;justify-content:center;width:100%;aspect-ratio:1 / 1.1;animation:bx-idle 3.2s ease-in-out infinite}.bx-unit.s1 .bx-unit-sprite{animation-delay:-.8s}.bx-unit.s2 .bx-unit-sprite{animation-delay:-1.6s}.bx-unit.s3 .bx-unit-sprite{animation-delay:-2.4s}.bx-unit-img{display:grid;place-items:center;width:100%;height:100%;max-width:none;object-fit:contain;object-position:50% 100%;filter:drop-shadow(0 6px 10px rgba(0,0,0,.65));border-radius:6px;font:900 22px var(--bx-num)}.bx-unit-shadow{width:72%;height:12px;margin-top:-7px;border-radius:50%;background:radial-gradient(closest-side,rgba(0,0,0,.6),transparent)}.bx-unit--enemy.is-target .bx-unit-img{filter:drop-shadow(0 0 10px rgba(255,60,60,.85)) drop-shadow(0 6px 10px rgba(0,0,0,.6))}.bx-unit.is-aimable .bx-unit-img{filter:drop-shadow(0 0 12px rgba(255,224,102,.95))}.bx-reticle{position:absolute;left:50%;bottom:18%;width:62%;aspect-ratio:1;color:#ff4242;opacity:.85;pointer-events:none;transform:translate(-50%)}.bx-reticle svg{width:100%;height:100%;stroke-width:1.4;filter:drop-shadow(0 0 4px currentColor);animation:bx-spin 5s linear infinite}.bx-reticle.is-aim{color:#ffe066}.bx-unit.is-dead{opacity:.45;filter:grayscale(1) brightness(.6)}.bx-unit.is-dead .bx-unit-sprite{animation:none}.bx-down{position:absolute;top:50%;left:50%;z-index:3;padding:2px 10px;transform:translate(-50%,-50%);font:900 11px var(--bx-font);letter-spacing:.24em;background:#000000c7;border:1px solid rgba(255,255,255,.3)}.bx-unit.was-hit .bx-unit-sprite{animation:bx-hit .55s ease-out}.bx-dock{position:absolute;left:0;right:0;bottom:0;z-index:4;display:flex;align-items:flex-end;gap:1vw;height:var(--dock-h);padding:0 max(8px,env(safe-area-inset-right)) max(4px,env(safe-area-inset-bottom)) max(8px,env(safe-area-inset-left))}.bx-root.bx-aiming .bx-dock{opacity:.5;pointer-events:none}.bx-panels{flex:1;min-width:0;height:100%;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;align-items:end}.bx-panel{position:relative;display:flex;flex-direction:column;justify-content:flex-end;gap:2px;height:100%;min-width:0;overflow:hidden;background:linear-gradient(180deg,transparent 0%,rgba(8,14,32,.2) 30%,rgba(8,14,32,.92) 64%);border-bottom:3px solid var(--accent, #ffd56a);animation:bx-rise .3s ease-out both}.bx-panel-art{position:absolute;inset:0 0 auto 0;z-index:0;width:100%;height:80%;max-width:none;object-fit:cover;object-position:50% 15%;-webkit-mask-image:linear-gradient(180deg,#000 45%,transparent 100%);mask-image:linear-gradient(180deg,#000 45%,transparent 100%);pointer-events:none}.bx-panel>:not(.bx-panel-art):not(.bx-down){position:relative;z-index:1}.bx-panel.is-armed{box-shadow:inset 0 0 0 2px #ffe066,inset 0 0 18px #ffe06666}.bx-panel.is-dead{filter:grayscale(1) brightness(.55)}.bx-panel .bx-fx{padding:0 6px}.bx-panel-skills{display:flex;gap:4px;padding:0 4px}.bx-skill{display:flex;flex-direction:column;align-items:center;gap:1px;width:clamp(28px,6.4vh,46px);min-height:0;padding:0;background:none;border:0}.bx-skill-icon{display:grid;place-items:center;width:100%;aspect-ratio:1;overflow:hidden;background:linear-gradient(160deg,#fff1bf,#d89a26 60%,#8a5a0c);border:2px solid #3a2a0a;box-shadow:inset 0 0 0 1px #fff3c4,0 2px 4px #000000b3;color:#4a2e00;transition:filter .2s,transform .12s}.bx-skill-icon img{width:100%;height:100%;object-fit:cover}.bx-skill-icon svg{width:60%;height:60%}.bx-skill.is-ready .bx-skill-icon{animation:bx-ready 1.8s ease-in-out infinite}.bx-skill.is-off .bx-skill-icon{filter:grayscale(1) brightness(.5)}.bx-skill:not(:disabled):active .bx-skill-icon{transform:scale(.92)}.bx-skill--card .bx-skill-icon{background:linear-gradient(160deg,#d9f1ff,#4f8fd8 60%,#1d3f7a);color:#fff}.bx-skill-cost{display:flex;align-items:center;justify-content:center;min-height:12px;padding:0 2px;font:800 8px var(--bx-font);background:#000000b8;border-radius:3px}.bx-skill-cost .combo-cost{gap:0}.bx-skill-cost .action-chip{padding:0;background:none;border:0;min-width:0;min-height:0}.bx-panel-stats{padding:2px 6px 0}.bx-stat-row{display:flex;align-items:center;justify-content:space-between;gap:6px}.bx-stat-label{font:italic 900 10px var(--bx-font);letter-spacing:.06em;color:var(--bx-cyan)}.bx-hp-num{display:flex;align-items:center;gap:6px;font:900 clamp(13px,2.8vh,19px) var(--bx-num);text-shadow:var(--bx-outline)}.bx-shield{display:inline-flex;align-items:center;gap:1px;font-size:11px;color:#8fd8ff}.bx-shield svg{width:11px;height:11px}.bx-orbs{display:flex;gap:3px}.bx-orb{display:grid;place-items:center;width:12px;height:12px;border-radius:50%;background:#0009;border:1px solid rgba(255,255,255,.4)}.bx-orb svg{width:8px;height:8px}.bx-panel-name{display:flex;align-items:center;gap:6px;margin-top:2px;padding:3px 6px 4px;background:linear-gradient(90deg,#000000d9,#00000040)}.bx-class{display:grid;place-items:center;flex-shrink:0;width:22px;height:22px;font:900 11px var(--bx-font);color:#3a2600;background:linear-gradient(180deg,#ffe9a0,#c08a12);clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%)}.bx-name-text{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font:800 12px var(--bx-font);text-shadow:var(--bx-outline)}.bx-panel .bx-down{z-index:2}.bx-command{display:flex;flex-direction:column;align-items:center;justify-content:flex-end;flex:0 0 auto;gap:6px;width:clamp(120px,25vh,200px);height:100%;padding-bottom:4px}.bx-stars{display:flex;align-items:center;gap:6px;padding:2px 4px 2px 10px;background:#0009;border:1px solid rgba(255,213,106,.55);border-radius:14px}.bx-stars-label{font:900 9px var(--bx-font);letter-spacing:.14em;color:var(--bx-gold)}.bx-attack{position:relative;display:grid;place-items:center;width:clamp(92px,20vh,150px);aspect-ratio:1;min-height:0;padding:0;border-radius:50%;border:3px solid #eaf5ff;background:radial-gradient(circle at 50% 32%,#8fdcff,#1d74d6 58%,#0a347a);box-shadow:0 0 0 4px #0a2864cc,0 0 0 7px #bee1ff8c,0 8px 20px #000000b3,inset 0 -8px 16px #00002880;transition:transform .12s,filter .2s}.bx-attack:before{content:"";position:absolute;top:-14px;right:-14px;bottom:-14px;left:-14px;border-radius:50%;border:2px dashed rgba(200,230,255,.55);animation:bx-spin 14s linear infinite;pointer-events:none}.bx-attack span{font:italic 900 clamp(18px,4.4vh,32px) "Trebuchet MS","Segoe UI",sans-serif;letter-spacing:.02em;color:#fff;text-shadow:0 2px 0 #0a347a,0 0 12px #9fdcff}.bx-attack:hover:not(:disabled){transform:scale(1.04)}.bx-attack:active:not(:disabled){transform:scale(.95)}.bx-attack:disabled{filter:grayscale(.85) brightness(.7)}.bx-attack.is-commit:not(:disabled){background:radial-gradient(circle at 50% 32%,#fff0a6,#f0a800 58%,#8a4b00)}.bx-attack.is-commit:not(:disabled):after{content:"";position:absolute;top:-4px;right:-4px;bottom:-4px;left:-4px;border-radius:50%;pointer-events:none;animation:bx-glow 1.1s ease-out infinite}.bx-attack.is-commit:not(:disabled) span{text-shadow:0 2px 0 #7a3c00,0 0 12px #ffe58a}.bx-back{display:flex;align-items:center;gap:2px;min-height:30px;padding:0 14px 0 8px;font:800 11px var(--bx-font);letter-spacing:.14em;background:#000000a6;border:1px solid rgba(255,255,255,.55);border-radius:16px}.bx-back svg{width:15px;height:15px}.bx-cardmode{flex:1;min-width:0;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:8px}.bx-chain{display:flex;gap:14px}.bx-chain-slot{position:relative;display:grid;place-items:center;width:44px;height:44px;min-height:0;padding:0;border-radius:50%;border:2px solid rgba(255,255,255,.55);background:#0009;color:var(--act, #fff)}.bx-chain-slot.is-filled{border-color:var(--act);box-shadow:0 0 12px var(--act);animation:bx-pop .25s ease-out}.bx-chain-no{position:absolute;top:-6px;left:-6px;display:grid;place-items:center;width:18px;height:18px;border-radius:50%;font:900 11px var(--bx-num);color:#111;background:#fff}.bx-chain-empty{width:8px;height:8px;border-radius:50%;background:#ffffff4d}.bx-chain-slot .bx-boost{position:absolute;bottom:-9px}.bx-hand{display:flex;align-items:flex-end;justify-content:center;gap:clamp(6px,1.2vw,16px);width:100%;height:calc(100% - 60px)}.bx-card{position:relative;flex:0 1 auto;height:100%;max-height:220px;aspect-ratio:3 / 4;min-width:0;min-height:0;padding:0;overflow:hidden;background:#111;border:3px solid var(--act);border-radius:6px;box-shadow:0 4px 14px #000000b3;transition:transform .18s cubic-bezier(.3,1.5,.6,1),box-shadow .18s;animation:bx-deal .35s ease-out both}.bx-card:nth-child(2){animation-delay:.04s}.bx-card:nth-child(3){animation-delay:.08s}.bx-card:nth-child(4){animation-delay:.12s}.bx-card:nth-child(5){animation-delay:.16s}.bx-card-art{position:absolute;top:0;right:0;bottom:0;left:0}.bx-card-art .char-card{width:100%;height:100%;border:0;border-radius:0}.bx-card-band{position:absolute;left:0;right:0;bottom:0;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;height:36%;padding-bottom:6%;background:linear-gradient(180deg,transparent,color-mix(in srgb,var(--act) 80%,#000) 55%)}.bx-card-band svg{filter:drop-shadow(0 1px 2px #000)}.bx-card-band b{font:italic 900 12px var(--bx-font);letter-spacing:.12em;text-transform:uppercase;text-shadow:var(--bx-outline)}.bx-card:hover:not(:disabled){transform:translateY(-6px)}.bx-card.is-picked{transform:translateY(-16px);box-shadow:0 0 0 2px #fff,0 0 20px var(--act)}.bx-card:disabled{opacity:.7}.bx-card-order{position:absolute;top:8px;left:50%;display:grid;place-items:center;width:30px;height:30px;transform:translate(-50%);border-radius:50%;font:900 17px var(--bx-num);color:#111;background:#fff;box-shadow:0 0 0 3px var(--act);animation:bx-pop .25s ease-out}.bx-boost{padding:0 5px;font:900 10px var(--bx-num);color:#3a2600;background:var(--bx-gold);border-radius:8px}.bx-card-boost{position:absolute;top:8px;right:6px}.modal.bx-modal{width:min(640px,94vw);overflow:hidden;color:#fff;font-family:Segoe UI,Noto Sans JP,system-ui,sans-serif;background:linear-gradient(180deg,#101834f7,#060a1af7);border:2px solid #b8c7ef;border-radius:6px;box-shadow:0 0 0 1px #000,0 14px 44px #000c;animation:bx-pop .22s ease-out}.bx-modal .modal-head{position:relative;justify-content:center;margin:0;padding:8px 52px;background:linear-gradient(180deg,#2a3e78,#101c3e);border-bottom:1px solid rgba(184,199,239,.55)}.bx-modal .modal-title{width:100%;text-align:center;font:700 21px Georgia,Times New Roman,serif;color:#fff;text-shadow:0 1px 0 #000}.bx-modal.is-win .modal-title{font-size:28px;letter-spacing:.24em;color:var(--bx-gold, #ffd56a);text-shadow:0 0 14px #ffb800}.bx-modal.is-lose .modal-title{font-size:26px;letter-spacing:.2em;color:#ff8a8a}.bx-modal .modal-head .icon-btn{position:absolute;right:8px;top:50%;display:grid;place-items:center;width:34px;height:34px;min-height:0;padding:0;transform:translateY(-50%);border-radius:50%;border:2px solid #fff;background:linear-gradient(180deg,#f2f4fa,#9aa4bc);color:#223}.bx-modal .modal-body{padding:14px 18px 16px;color:#fff}.bx-dialog-text{color:#e8ecf8;font-size:15px}.bx-dialog-actions{display:flex;justify-content:center;flex-wrap:wrap;gap:20px;margin-top:16px}.bx-pill{min-width:150px;min-height:40px;padding:0 24px;border:2px solid #fff;border-radius:22px;background:linear-gradient(180deg,#fff,#c9cfdc 55%,#a2a9ba);color:#20263a;font:700 16px Georgia,Times New Roman,serif;box-shadow:0 2px 8px #000000b3,inset 0 1px #fff;transition:filter .15s,transform .1s}.bx-pill:hover:not(:disabled){filter:brightness(1.06)}.bx-pill:active:not(:disabled){transform:translateY(1px)}.bx-pill:disabled{opacity:.45}.bx-pill.is-danger{background:linear-gradient(180deg,#ffb3b3,#d94a4a 60%,#8f1f1f);color:#fff;text-shadow:0 1px 0 #000}.bx-skill-row{display:flex;align-items:flex-start;gap:14px;padding:10px 0;border-bottom:1px solid rgba(255,255,255,.12)}.bx-skill-row:last-of-type{border-bottom:0}.bx-skill-row-icon{display:grid;place-items:center;flex-shrink:0;width:58px;height:58px;overflow:hidden;background:linear-gradient(160deg,#fff1bf,#d89a26 60%,#8a5a0c);border:2px solid #3a2a0a;box-shadow:inset 0 0 0 1px #fff3c4;color:#4a2e00}.bx-skill-row-icon img{width:100%;height:100%;object-fit:cover}.bx-skill-row-icon svg{width:60%;height:60%}.bx-skill-row.is-off .bx-skill-row-icon{filter:grayscale(1) brightness(.6)}.bx-skill-row-body{flex:1;min-width:0}.bx-skill-row-head{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px}.bx-skill-row-head h3{margin:0;font:800 18px var(--bx-font, sans-serif);color:#fff}.bx-skill-row-cost{display:inline-flex;align-items:center;gap:6px;font:800 12px var(--bx-font, sans-serif);letter-spacing:.1em;color:#8fe3ff}.bx-skill-row p{margin:4px 0 0;font-size:15px;line-height:1.45;color:#e8ecf8}.bx-skill-row p.bx-short{font-size:13px;color:#ff8a8a}.bx-matchups{display:flex;flex-direction:column;gap:6px;margin:0 0 10px;padding:0;list-style:none}.bx-matchups li{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:6px 12px;background:#ffffff0f;border:1px solid rgba(255,255,255,.14);border-left-width:4px;border-radius:4px;animation:bx-slide .3s ease-out both}.bx-matchups li:nth-child(2){animation-delay:.08s}.bx-matchups li:nth-child(3){animation-delay:.16s}.bx-mu--ally{border-left-color:#4fd18b}.bx-mu--enemy{border-left-color:#ff5a5a}.bx-mu-side{display:flex;align-items:center;gap:8px}.bx-mu-side:last-child{justify-self:end}.bx-mu-side small{font:800 10px var(--bx-font, sans-serif);letter-spacing:.16em;color:#aab4d4}.bx-mu-verdict{display:flex;align-items:center;gap:6px;font:italic 900 18px var(--bx-font, sans-serif);letter-spacing:.12em}.bx-mu--ally .bx-mu-verdict{color:#6dff9e}.bx-mu--enemy .bx-mu-verdict{color:#ff6b6b}.bx-mu--tie .bx-mu-verdict{color:#c8cfe6}.bx-events{max-height:32vh;overflow-y:auto;padding:8px 12px;font-size:13px;color:#dfe5f5;background:#00000059;border-radius:4px}.bx-events.is-log{max-height:60vh}.bx-events p{margin:3px 0}.bx-events .bx-ev--spell{color:#ffd56a}.bx-events .bx-ev--passive{color:#8fe3ff}.bx-result{--bx-gold: #ffd56a;position:fixed;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;padding:16px;overflow:auto;background:#05070f;color:#fff;font-family:Segoe UI,Noto Sans JP,system-ui,sans-serif}.bx-result-bg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;max-width:none;object-fit:cover;filter:blur(3px) brightness(.45);transform:scale(1.05)}.bx-result .bx-result-card{position:relative;max-width:none;width:min(560px,100%);padding:22px 26px 24px;text-align:center;background:linear-gradient(180deg,#101834f2,#060a1af2);border:2px solid #b8c7ef;border-radius:6px;box-shadow:0 0 0 1px #000,0 18px 50px #000c;animation:bx-pop .3s ease-out}.bx-result-kicker{margin:0;font:800 11px Segoe UI,sans-serif;letter-spacing:.3em;text-transform:uppercase;color:#aab4d4}.bx-result-title{margin:6px 0 2px;font:italic 900 clamp(32px,7vw,54px) / 1 "Trebuchet MS","Segoe UI",sans-serif;letter-spacing:.08em;color:var(--bx-gold);text-shadow:0 3px 0 #6b3d00,0 0 22px rgba(255,184,0,.7)}.bx-result-card.is-lose .bx-result-title{color:#ff8a8a;text-shadow:0 3px 0 #4a0b0b,0 0 20px rgba(255,60,60,.6)}.bx-result-sub{margin:0 0 10px;font:700 17px Georgia,Times New Roman,serif}.bx-result-text{margin:0 0 12px;font-size:14px;color:#c9d1ea}.bx-result-rewards{display:flex;flex-direction:column;gap:6px;margin:0;padding:0;list-style:none}.bx-result-rewards li{display:flex;justify-content:space-between;gap:12px;padding:8px 14px;font-weight:700;background:#ffffff0f;border:1px solid rgba(255,213,106,.35);border-radius:4px}.bx-result-rewards li.is-empty{justify-content:center;color:#aab4d4}.bx-result-rewards em{font-style:normal;color:var(--bx-gold)}.bx-result .bx-pill{display:inline-flex;align-items:center;justify-content:center;gap:6px}@keyframes bx-idle{50%{transform:translateY(-4px)}}@keyframes bx-spin{to{transform:rotate(360deg)}}@keyframes bx-hit{0%{transform:translate(0);filter:brightness(3) saturate(0)}25%{transform:translate(-8px)}50%{transform:translate(6px);filter:brightness(1.6)}75%{transform:translate(-3px)}to{transform:none;filter:none}}@keyframes bx-ready{50%{box-shadow:inset 0 0 0 1px #fff3c4,0 0 10px #ffe58a}}@keyframes bx-glow{0%{box-shadow:0 0 #ffd56ad9}to{box-shadow:0 0 0 18px #ffd56a00}}@keyframes bx-pop{0%{opacity:0;transform:scale(.85)}}@keyframes bx-slide{0%{opacity:0;transform:translate(-50%,-6px)}}.bx-matchups li{animation-name:bx-fade-up}@keyframes bx-fade-up{0%{opacity:0;transform:translateY(6px)}}@keyframes bx-rise{0%{opacity:0;transform:translateY(18px)}}@keyframes bx-deal{0%{opacity:0;transform:translateY(40px) rotate(-4deg)}}html.reduce-motion .bx-root *,html.reduce-motion .bx-root *:before,html.reduce-motion .bx-root *:after,html.reduce-motion .bx-modal{animation:none!important}@media (prefers-reduced-motion: reduce){.bx-root *,.bx-root *:before,.bx-root *:after,.bx-modal{animation:none!important}}@media (max-height: 460px){.bx-boss-icon{width:36px;height:36px}.bx-rhombi{gap:8px}.bx-rhombus{width:36px;height:36px}.bx-rhombus small{display:none}.bx-info b{font-size:16px}.bx-unit-name{font-size:9px}.bx-panel-skills .bx-skill-cost,.bx-stars-label,.bx-card-band b{display:none}.bx-bank-cell{margin-right:4px}.bx-chain-slot{width:36px;height:36px}.bx-hand{height:calc(100% - 48px)}.bx-orb{width:10px;height:10px}}@media (orientation: portrait){.bx-root{--dock-h: 290px}.bx-top{flex-wrap:wrap;gap:6px}.bx-boss{order:1;width:100%}.bx-info{order:2;flex-direction:row;align-items:center;gap:14px;margin-left:0;padding:2px 10px;background:#0009}.bx-info b{font-size:15px}.bx-rhombi{order:3;flex-direction:row;gap:16px;margin-left:auto;padding:6px 8px}.bx-rhombus{width:34px;height:34px}.bx-rhombus small{display:none}.bx-notice{top:150px;white-space:normal;padding:8px 20px}.bx-field{top:130px}.bx-side--enemy{left:2vw;right:2vw;width:auto;top:0;bottom:48%}.bx-side--ally{left:2vw;right:2vw;width:auto;top:50%}.bx-unit{--uw: 23vw}.bx-unit--enemy.s0{left:38%;top:14%}.bx-unit--enemy.s1{left:6%;top:0}.bx-unit--enemy.s2{left:70%;top:0}.bx-unit--enemy.s3{left:20%;top:26%}.bx-unit--ally.s0{left:2%;top:8%}.bx-unit--ally.s1{left:26%;top:0}.bx-unit--ally.s2{left:50%;top:8%}.bx-unit--ally.s3{left:74%;top:0}.bx-dock{flex-wrap:wrap;align-content:flex-end;gap:6px}.bx-panels,.bx-cardmode{order:2;flex:1 1 100%;height:170px}.bx-panels{gap:4px}.bx-command{order:1;flex:1 1 100%;flex-direction:row;justify-content:flex-end;width:auto;height:auto;gap:12px;padding:0 10px 0 0}.bx-attack{width:82px}.bx-attack span{font-size:19px}.bx-attack:before{top:-9px;right:-9px;bottom:-9px;left:-9px}.bx-cardmode{gap:6px}.bx-hand{height:116px;gap:5px}.bx-card-band b{display:none}.bx-skill{width:30px}.bx-panel-skills .bx-skill-cost{display:none}.bx-hp-num{font-size:13px}.bx-name-text{font-size:10px}.bx-class{width:16px;height:16px;font-size:9px}}.sx-player{position:fixed;top:0;right:0;bottom:0;left:0;overflow:hidden;font-family:var(--gx-body);color:var(--gx-navy);background:#9fd6ff;user-select:none;-webkit-user-select:none}.sx-player svg{flex-shrink:0}.sx-bg{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0}.sx-bg img{width:100%;height:100%;max-width:none;object-fit:cover;animation:sx-fade .5s ease-out}.sx-bg.is-sky{background:radial-gradient(ellipse 24% 9% at 20% 22%,rgba(255,255,255,.95),transparent 70%),radial-gradient(ellipse 30% 10% at 74% 16%,rgba(255,255,255,.85),transparent 70%),radial-gradient(ellipse 60% 20% at 50% 70%,rgba(255,255,255,.6),transparent 70%),linear-gradient(180deg,#3aa2f0,#86ceff 45%,#d8f0ff)}.sx-bg:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,rgba(23,48,94,.35) 0%,transparent 16%),linear-gradient(0deg,rgba(214,238,255,.55) 0%,transparent 34%)}.sx-stage{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none}.sx-sprite{position:absolute;bottom:0;height:86%;width:min(40vw,520px);display:flex;align-items:flex-end;justify-content:center;transform:translate(-50%);transition:filter .25s,transform .25s;animation:sx-enter .35s ease-out}.sx-sprite img{height:100%;width:100%;max-width:none;object-fit:contain;object-position:50% 100%;filter:drop-shadow(0 10px 22px rgba(23,48,94,.35))}.sx-sprite.is-dim{filter:brightness(.62) saturate(.8);transform:translate(-50%) scale(.97)}.sx-sprite.is-speaking{z-index:2}.sx-sprite-fallback{display:grid;place-items:center;width:60%;height:80%;font:900 18px var(--gx-display);color:var(--gx-blue);background:repeating-linear-gradient(-45deg,#ffffffb3 0,#ffffffb3 10px,#cfe9ffb3 10px,#cfe9ffb3 20px);border:3px dashed rgba(23,48,94,.4);border-bottom:0;border-radius:46% 46% 6px 6px/22% 22% 6px 6px}.sx-top{position:absolute;top:0;left:0;right:0;z-index:4;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:max(10px,env(safe-area-inset-top)) max(14px,env(safe-area-inset-right)) 0 max(14px,env(safe-area-inset-left))}.sx-title{min-width:0;margin:0;padding:5px 28px 5px 16px;background:var(--gx-navy);border-left:7px solid var(--gx-yellow);box-shadow:4px 4px 0 var(--gx-shadow);transform:skew(-14deg)}.sx-title span{display:block;max-width:50vw;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font:900 17px var(--gx-display);letter-spacing:.06em;color:#fff;transform:skew(14deg)}.sx-controls{display:flex;gap:8px}.sx-ctl{display:inline-flex;align-items:center;gap:6px;min-height:36px;padding:0 16px;font:900 12px var(--gx-body);letter-spacing:.14em;color:var(--gx-navy);background:#ffffffe6;border:2px solid var(--gx-navy);border-radius:18px;box-shadow:0 3px 0 var(--gx-shadow)}.sx-ctl svg{width:16px;height:16px}.sx-ctl:hover:not(:disabled){background:#fff}.sx-ctl:disabled{opacity:.5}.sx-box{position:absolute;left:50%;bottom:max(14px,env(safe-area-inset-bottom));z-index:3;width:min(1100px,calc(100% - 28px));min-height:clamp(110px,26vh,190px);padding:26px 30px 18px;transform:translate(-50%);background:linear-gradient(180deg,#fffffff2,#e4f3ffed);border:2px solid var(--gx-navy);border-radius:6px;box-shadow:0 0 0 4px #ffffff8c,8px 8px 0 var(--gx-shadow)}.sx-box:before{content:"";position:absolute;top:5px;right:5px;bottom:5px;left:5px;border:1.5px solid rgba(31,163,230,.45);border-radius:3px;pointer-events:none}.sx-box:after{content:"";position:absolute;right:18px;top:-8px;width:90px;height:6px;background:repeating-linear-gradient(90deg,var(--gx-cyan) 0 14px,transparent 14px 20px)}.sx-name{position:absolute;top:-20px;left:22px;padding:4px 28px 4px 16px;font:900 17px var(--gx-display);letter-spacing:.04em;color:#fff;background:var(--gx-navy);border-left:6px solid var(--spk, var(--gx-sky));box-shadow:3px 3px 0 var(--gx-shadow);transform:skew(-12deg)}.sx-dialogue{display:block;width:100%;min-height:0;padding:0;text-align:left;background:none;border:0;cursor:pointer}.sx-text{display:block;margin:0;font:600 clamp(15px,2.7vh,19px) / 1.65 var(--gx-body);color:var(--gx-navy);white-space:pre-wrap}.sx-caret{display:inline-block;width:2px;height:1.1em;margin-left:2px;vertical-align:-.15em;background:var(--gx-cyan);animation:sx-blink .9s steps(1) infinite}.sx-next{position:absolute;right:22px;bottom:12px;font:900 14px var(--gx-display);color:var(--gx-cyan);animation:sx-bounce 1s ease-in-out infinite}.sx-prompt{color:var(--gx-blue)}.sx-end{display:flex;align-items:center;justify-content:space-between;gap:16px}.sx-options{position:absolute;left:50%;bottom:calc(clamp(110px,26vh,190px) + 44px);z-index:3;display:flex;flex-direction:column;align-items:stretch;gap:10px;width:min(560px,calc(100% - 40px));transform:translate(-50%)}.sx-option{position:relative;display:flex;align-items:center;gap:12px;min-height:48px;padding:6px 22px 6px 16px;text-align:left;color:var(--gx-navy);background:linear-gradient(90deg,#fffffff5,#def2ffeb);border:2px solid var(--gx-navy);border-radius:26px;box-shadow:0 4px 0 var(--gx-shadow);animation:sx-enter-up .3s ease-out both;transition:transform .12s,background .15s}.sx-option:nth-child(2){animation-delay:.05s}.sx-option:nth-child(3){animation-delay:.1s}.sx-option:nth-child(4){animation-delay:.15s}.sx-option-gem{flex-shrink:0;width:12px;height:12px;background:var(--gx-cyan);border:2px solid #fff;box-shadow:0 0 0 1.5px var(--gx-navy);transform:rotate(45deg)}.sx-option-label{flex:1;font:800 15px var(--gx-body)}.sx-option-req{display:inline-flex;align-items:center;gap:4px;font:700 11px var(--gx-body);color:var(--gx-mute)}.sx-option-req svg{width:12px;height:12px}.sx-option:hover:not(:disabled){transform:translate(6px);background:linear-gradient(90deg,#fff,#c9eaff)}.sx-option:hover:not(:disabled) .sx-option-gem{background:var(--gx-yellow)}.sx-option:disabled{opacity:.6;cursor:not-allowed}.sx-backlog{display:flex;flex-direction:column;gap:8px;max-height:60vh;margin:0;padding:0;overflow-y:auto;list-style:none}.sx-backlog li{display:flex;flex-direction:column;gap:2px;padding:8px 12px;background:#fff;border-left:4px solid var(--gx-cyan)}.sx-backlog b{font:900 13px var(--gx-display);color:var(--gx-blue)}.sx-backlog span{font-size:14px;color:var(--gx-navy)}@keyframes sx-fade{0%{opacity:0}}@keyframes sx-enter{0%{opacity:0;transform:translate(-50%) translateY(16px)}}@keyframes sx-enter-up{0%{opacity:0;transform:translateY(10px)}}@keyframes sx-blink{50%{opacity:0}}@keyframes sx-bounce{50%{transform:translateY(3px)}}html.reduce-motion .sx-player *,html.reduce-motion .sx-player *:before,html.reduce-motion .sx-player *:after{animation:none!important}@media (max-height: 480px){.sx-box{padding:20px 22px 12px}.sx-name{font-size:14px;top:-16px}.sx-options{gap:6px}.sx-option{min-height:38px}}@media (orientation: portrait){.sx-sprite{width:70vw;height:62%;bottom:22%}.sx-title span{max-width:40vw;font-size:14px}.sx-ctl span{display:none}.sx-ctl{padding:0 10px}.sx-box{min-height:150px}}:root{--ink: #0c1226;--ink-2: #101838;--panel: #16203f;--panel-2: #1b2749;--gold: #e8c47a;--gold-dim: #a8894f;--scarlet: #e5484d;--scarlet-deep: #9c2a32;--text: #eef1fb;--muted: #9aa4c7;--line: rgba(232, 196, 122, .28);--line-soft: rgba(232, 196, 122, .16);--ok: #58c99b;--bad: #e5484d;--radius: 14px;--font-body: "Segoe UI", system-ui, -apple-system, "Helvetica Neue", sans-serif;--font-display: Georgia, "Times New Roman", "Noto Serif", serif;--nav-h: 64px}*{box-sizing:border-box}html,body{margin:0;padding:0;background:var(--ink);color:var(--text);font-family:var(--font-body);min-height:100%}body{min-height:100dvh;background:radial-gradient(1200px 600px at 80% -10%,rgba(229,72,77,.12),transparent 60%),radial-gradient(900px 500px at 10% 110%,rgba(126,168,224,.1),transparent 55%),var(--ink);overflow-x:hidden}h1,h2,h3{font-family:var(--font-display);font-weight:600;margin:0}p{margin:.2em 0;line-height:1.55}img{max-width:100%;display:block}button{font-family:inherit;color:inherit;cursor:pointer;min-height:44px}button:disabled{cursor:not-allowed}:focus-visible{outline:2px solid var(--gold);outline-offset:2px;border-radius:4px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.muted{color:var(--muted)}.small{font-size:.82rem}.currency{display:flex;align-items:center;gap:6px;font-size:.85rem;color:var(--gold);border:1px solid var(--line-soft);border-radius:999px;padding:5px 12px;background:#16203fb3}.card{background:linear-gradient(165deg,var(--panel-2),var(--panel));border:1px solid var(--line-soft);border-radius:var(--radius);padding:1rem;box-shadow:0 8px 26px #00000059}.primary-btn,.ghost-btn{display:inline-flex;align-items:center;justify-content:center;gap:.45rem;border-radius:10px;padding:.6rem 1.1rem;font-size:.9rem;border:1px solid transparent;transition:transform .12s ease,box-shadow .12s ease,background .12s ease}.primary-btn{background:linear-gradient(160deg,#f0d08c,#d9a84e);color:#241708;font-weight:700;box-shadow:0 4px 14px #e8c47a40}.primary-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 6px 18px #e8c47a66}.primary-btn:disabled{background:#3a3f55;color:#8a90a8;box-shadow:none}.primary-btn.danger{background:linear-gradient(160deg,#ef7d82,#c23340);color:#fff}.ghost-btn{background:#e8c47a12;border-color:var(--line-soft);color:var(--text)}.ghost-btn:hover:not(:disabled){background:#e8c47a24}.ghost-btn.danger{color:#f0a0a4}.ghost-btn:disabled{opacity:.45}.icon-btn{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:10px;border:1px solid var(--line-soft);background:#16203fb3}.icon-btn:disabled{opacity:.35}.tabs{display:flex;gap:.4rem;margin-bottom:1rem;flex-wrap:wrap}.tab{padding:.5rem 1.1rem;border-radius:999px;border:1px solid var(--line-soft);background:transparent;color:var(--muted);font-size:.88rem}.tab.is-active{color:var(--ink);background:var(--gold);border-color:var(--gold);font-weight:700}.segmented{display:inline-flex;border:1px solid var(--line-soft);border-radius:10px;overflow:hidden}.segment{padding:.45rem .9rem;background:transparent;border:0;color:var(--muted);font-size:.85rem;min-height:44px}.segment.is-active{background:#e8c47a29;color:var(--gold)}.action-chip{display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:50%;background:#00000059;border:1px solid var(--line-soft)}.action-chip[data-action=rock]{background:#e0a45829}.action-chip[data-action=paper]{background:#e8e2d224}.action-chip[data-action=scissors]{background:#7fb0e029}.combo-cost{display:inline-flex;gap:3px;margin-left:.5rem;vertical-align:middle}.combo-cost .action-chip{width:20px;height:20px}.rarity{color:var(--gold);display:inline-flex;gap:1px}.notice{margin:.6rem 0;padding:.6rem .9rem;border:1px solid rgba(229,72,77,.5);background:#e5484d24;border-radius:10px;color:#ffd6d8;font-size:.9rem}.result-rewards li{border:1px dashed var(--line);border-radius:8px;padding:3px 9px;font-size:.75rem;color:var(--muted)}.result-rewards em{color:var(--gold);font-style:normal;margin-left:4px}.collection-card{display:flex;flex-direction:column;width:100%;padding:0;overflow:hidden;border-radius:12px;border:1px solid var(--line-soft);background:linear-gradient(170deg,var(--panel-2),var(--panel));text-align:left;min-height:0}.collection-card:hover{border-color:var(--gold)}.collection-art{position:relative;display:block}.collection-art .char-card{border:0;border-radius:0}.collection-tag{position:absolute;left:6px;top:6px;background:#080b18cc;color:var(--gold);border:1px solid var(--line-soft);font-size:.62rem;padding:2px 7px;border-radius:999px;text-transform:uppercase;letter-spacing:.08em}.is-dimmed{opacity:.45}.picker{margin-top:.6rem}.picker h2{font-size:1.05rem;margin-bottom:.7rem;color:var(--gold)}.summon{padding:0;overflow:hidden;display:grid;grid-template-columns:1fr}.rates{border-collapse:collapse;margin:.6rem 0;font-size:.85rem}.rates th,.rates td{border:1px solid var(--line-soft);padding:.35rem 1rem;text-align:left}.rates th{color:var(--gold);font-family:var(--font-display)}@media (min-width: 760px){.summon{grid-template-columns:5fr 6fr}}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#050812b8;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:60;padding:1rem}.modal{width:min(560px,100%);max-height:min(86dvh,720px);display:flex;flex-direction:column;background:linear-gradient(170deg,var(--panel-2),var(--panel));border:1px solid var(--line);border-radius:16px;box-shadow:0 24px 60px #0000008c}.modal-head{display:flex;align-items:center;justify-content:space-between;gap:.6rem;padding:.9rem 1.1rem .4rem}.modal-title{font-size:1.15rem;color:var(--gold)}.modal-body{padding:.4rem 1.1rem 1.1rem;overflow-y:auto}.modal-actions{display:flex;gap:.6rem;justify-content:flex-end;margin-top:1rem}.card-modal-grid{display:grid;grid-template-columns:1fr;gap:1rem}.card-modal-art{position:relative;width:min(220px,60%);margin:0 auto}.card-title-text{color:var(--muted);font-style:italic;margin-top:0}.stat-grid{display:flex;gap:1.4rem;margin:.6rem 0}.stat-grid div{display:flex;flex-direction:column}.stat-grid dt{font-size:.68rem;text-transform:uppercase;letter-spacing:.12em;color:var(--muted)}.stat-grid dd{margin:0;font-size:1.25rem;font-family:var(--font-display);color:var(--gold)}.skill-block{border-top:1px solid var(--line-soft);padding:.6rem 0}.skill-block h3{font-size:.9rem;color:var(--text);font-family:var(--font-body);font-weight:700}.skill-block p{font-size:.82rem;color:var(--muted)}@media (min-width: 560px){.card-modal-grid{grid-template-columns:220px 1fr}.card-modal-art{width:100%;margin:0}}.settings-list{display:flex;flex-direction:column;gap:1rem}.settings-row{display:flex;align-items:center;justify-content:space-between;gap:1rem}.settings-row h3{font-size:.95rem;font-family:var(--font-body)}.settings-row p{font-size:.8rem;color:var(--muted);margin:0}.switch{width:52px;height:30px;min-height:30px;border-radius:999px;border:1px solid var(--line);background:#262f52;position:relative;flex-shrink:0;transition:background .15s ease}.switch-thumb{position:absolute;top:3px;left:3px;width:22px;height:22px;border-radius:50%;background:var(--muted);transition:transform .15s ease,background .15s ease}.switch.is-on{background:#e8c47a59}.switch.is-on .switch-thumb{transform:translate(22px);background:var(--gold)}.settings-note{font-size:.75rem;color:var(--muted);border-top:1px solid var(--line-soft);padding-top:.8rem}.help-body ol{padding-left:1.2rem;display:flex;flex-direction:column;gap:.45rem;font-size:.88rem;color:var(--text)}.help-note{margin-top:.8rem;font-size:.75rem;color:var(--muted)}@keyframes caret-blink{50%{opacity:0}}@keyframes slow-spin{to{transform:rotate(360deg)}}@keyframes aim-pulse{0%,to{box-shadow:0 0 0 2px #e8c47a8c,0 0 14px #e8c47a4d}50%{box-shadow:0 0 0 3px #e8c47acc,0 0 24px #e8c47a80}}.cast-cutin{position:fixed;top:0;right:0;bottom:0;left:0;z-index:80;pointer-events:none;display:flex;align-items:center;justify-content:center;overflow:hidden}.cast-cutin-ally{--dir: 1}.cast-cutin-enemy{--dir: -1}@keyframes cast-swipe{0%{transform:translate(calc(var(--dir) * -115vw)) skew(calc(var(--dir) * 20deg));opacity:0;animation-timing-function:cubic-bezier(.6,.05,.85,.45)}8%{opacity:1}16%{transform:translate(calc(var(--dir) * 5vw)) skew(calc(var(--dir) * -6deg));animation-timing-function:cubic-bezier(.25,.9,.35,1)}30%{transform:translate(calc(var(--dir) * -1vw)) skew(calc(var(--dir) * 2deg));animation-timing-function:cubic-bezier(.4,0,.6,1)}78%{transform:translate(calc(var(--dir) * 2vw)) skew(calc(var(--dir) * -2deg));opacity:1;animation-timing-function:cubic-bezier(.8,.05,.9,.5)}93%{opacity:1}to{transform:translate(calc(var(--dir) * 115vw)) skew(calc(var(--dir) * -20deg));opacity:0}}.cast-cutin-img{height:min(62vh,460px);max-width:80vw;object-fit:contain;filter:drop-shadow(0 18px 48px rgba(0,0,0,.65));animation:cast-swipe 1.75s cubic-bezier(.4,0,.2,1) both}.cast-cutin-initial{font-family:var(--font-display);font-size:9rem;animation:cast-swipe 1.75s cubic-bezier(.4,0,.2,1) both}@keyframes cast-flash{0%{opacity:0}30%{opacity:1}60%{opacity:1}to{opacity:0}}.cast-cutin-flash{position:absolute;top:0;right:0;bottom:0;left:0;animation:cast-flash 1.75s both}@keyframes cast-name{0%,16%{opacity:0;transform:translateY(16px) scale(.92)}26%{opacity:1;transform:none}62%{opacity:1;transform:none}80%,to{opacity:0;transform:translateY(-6px)}}.cast-cutin-name{position:absolute;bottom:18%;left:50%;transform:translate(-50%);font-family:var(--font-display);font-size:clamp(1.1rem,3.4vw,1.7rem);letter-spacing:.12em;padding:6px 22px;border:1px solid;border-radius:6px;background:#0a0c18d1;color:#fff;animation:cast-name 1.75s both}@keyframes hit-flash{0%{transform:translate(0)}25%{transform:translate(-4px);box-shadow:0 0 0 2px #e5484db3}55%{transform:translate(4px)}to{transform:translate(0)}}.hpbar{width:100%;display:flex;flex-direction:column;gap:2px}.hpbar-track{height:7px;border-radius:999px;background:#00000080;border:1px solid rgba(255,255,255,.1);overflow:hidden}.hpbar-fill{height:100%;border-radius:999px;transition:width .35s ease}.hpbar-ally .hpbar-fill{background:linear-gradient(90deg,#58c99b,#a8e0b8)}.hpbar-enemy .hpbar-fill{background:linear-gradient(90deg,#e5484d,#f09a9e)}.hpbar-text{display:flex;justify-content:space-between;align-items:center;font-size:.62rem;color:var(--muted);width:100%}.hpbar-shield{display:inline-flex;align-items:center;gap:2px;color:#9ec8f0}.bank{display:flex;align-items:center;gap:.4rem;border:1px solid var(--line-soft);border-radius:999px;padding:.25rem .7rem;background:#0e142acc}.hand{display:flex;gap:.5rem;justify-content:center;flex-wrap:nowrap;overflow-x:auto;padding:.3rem .1rem;scrollbar-width:thin}.slots{display:flex;gap:.5rem;justify-content:center}.slot{position:relative;width:104px;min-height:44px;display:flex;align-items:center;justify-content:center;padding:.3rem .45rem;border:1.5px dashed var(--line);border-radius:10px;background:#0e142a8c}.slot.is-filled{border-style:solid;border-color:var(--gold);background:#e8c47a14}.matchup{display:flex;align-items:center;justify-content:space-between;border:1px solid var(--line-soft);border-radius:10px;padding:.4rem .8rem;background:#0a0f2099}.event{font-size:.8rem;color:var(--muted);margin:.15rem 0}.result-card{width:min(520px,100%);text-align:center;padding:2rem 1.4rem}.result-card.is-win{border-color:#58c99b80}.result-card.is-lose{border-color:#e5484d80}.result-card h1{font-size:1.7rem;margin-bottom:.6rem}.result-rewards{list-style:none;display:flex;flex-wrap:wrap;gap:.45rem;justify-content:center;padding:0;margin:1rem 0}@media (max-width: 560px){.hand{gap:.4rem}.slot{width:96px}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}html.reduce-motion *,html.reduce-motion *:before,html.reduce-motion *:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.center-screen{min-height:100vh;display:grid;place-items:center;padding:1rem}.char-card{position:relative;width:100%;aspect-ratio:3 / 4;overflow:hidden;border-radius:12px;border:1px solid var(--line-soft, #2a3554);background:#141b36;container-type:inline-size;font-family:var(--font-body, inherit)}.cc-layer{line-height:1}.cc-fill{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.cc-fill-stretch{object-fit:fill}.cc-initials{display:flex;align-items:center;justify-content:center;font-family:var(--font-display, serif);font-size:20cqw;color:var(--text, #eef1fb)}.cc-combo-dot{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;background:#080b18b8;border:1px solid rgba(255,255,255,.28);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.cc-combo-dot svg{width:78%;height:78%}.cc-text{text-shadow:0 1px 3px rgba(0,0,0,.85);white-space:nowrap}.cc-name{font-weight:700}.action-glyph-img{display:block;object-fit:contain}:root{--ink: #10131c;--ink-2: #1b1f2a;--panel: #24232a;--panel-2: #31303a;--gold: #e4bd78;--gold-dim: #a68a5d;--scarlet: #b9464a;--scarlet-deep: #842d38;--text: #f5eee3;--muted: #ada9aa;--line: rgba(228, 189, 120, .38);--line-soft: rgba(228, 189, 120, .19);--radius: 4px;--font-body: "Segoe UI", system-ui, sans-serif;--font-display: Georgia, "Times New Roman", serif}body{background:#13151d}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;opacity:.17;background:radial-gradient(circle at 15% 8%,#ae5661,transparent 34%),radial-gradient(circle at 80% 90%,#8f826e,transparent 40%)}button,a,input,select{-webkit-tap-highlight-color:transparent}.currency{border:1px solid var(--line-soft);border-radius:3px;background:#24242c;padding:8px 12px;font-variant-numeric:tabular-nums;font-weight:650}.icon-btn{border-radius:3px;background:#f0e0c50f}.icon-btn:hover:not(:disabled){background:#e4bd7821;color:var(--gold)}.card{border:1px solid var(--line-soft);border-radius:var(--radius);background:linear-gradient(145deg,#302e32,#212128);box-shadow:0 15px 40px #0b0b1380}.primary-btn,.ghost-btn{min-height:46px;border-radius:3px;font-family:var(--font-display);font-weight:700;letter-spacing:.04em}.primary-btn{color:#fff8ee;background:linear-gradient(130deg,#b74449,#822f3b);border:1px solid #d77a72;box-shadow:inset 0 1px #ffffff30,0 5px 20px #36121b66}.primary-btn:hover:not(:disabled){background:linear-gradient(130deg,#c55,#923a42);box-shadow:0 6px 20px #9c364866}.primary-btn:disabled{color:#aaa4a0;background:#4c4848;border-color:#605653}.ghost-btn{border:1px solid var(--line);background:#16161a8c}.ghost-btn:hover:not(:disabled){background:#e4bd7824}.tab{border-radius:2px;font-family:var(--font-display);background:#26262d}.tab.is-active{background:#d7b87f;color:#2b2220}.segmented,.switch,.collection-card,.modal,.field input{border-radius:3px}.result-rewards li{border-style:solid;border-radius:2px;background:#110f1766}.collection-card{border-radius:3px;background:#24232a;padding:4px;box-shadow:0 10px 24px #0005;transition:transform .18s ease,border-color .18s ease}.collection-card:hover{transform:translateY(-5px)}.collection-art .char-card,.collection-tag{border-radius:2px}.summon{border-color:var(--line);background:linear-gradient(135deg,#393037,#22232c)}.rates{width:100%}.rates th{color:#f4deab}.rates td,.rates th{padding:.6rem}.modal{border-radius:3px;background:linear-gradient(150deg,#383239,#23222a);box-shadow:0 30px 90px #000b}.modal-title{color:#f7e9d2;font-size:1.5rem}.modal-head{border-bottom:1px solid var(--line-soft);padding-bottom:.8rem;margin-bottom:.4rem}.result-card{padding:2.5rem}@media (max-width: 760px){.currency{padding:5px 7px;font-size:.72rem}}@media (max-width: 520px){.currency{gap:3px;font-size:.69rem}}.bank{border-radius:2px;background:#18181de8}.slots{margin-top:.3rem}.slot{border-radius:2px}@media (max-width: 600px){.bank{padding:.2rem .35rem;gap:.2rem}.slot{width:30%;max-width:104px}}.field{display:flex;flex-direction:column;gap:.4rem;min-width:0}.field input,.field select{background:#171820;color:var(--text);border:1px solid var(--line);border-radius:2px;min-height:45px;padding:.65rem .8rem;font:inherit}.field input:focus{outline:2px solid var(--gold);outline-offset:1px}.field input::placeholder{color:var(--muted)}.card-modal{width:min(800px,100%)}.card-modal-grid{align-items:start}.card-modal-art{width:min(280px,75%)}.card-modal-info .rarity{margin-bottom:1rem}.stat-grid{padding:1rem;border:1px solid var(--line-soft);background:#14151baa}.stat-grid dd{font-size:1.7rem}.skill-block{padding:.85rem 0}.skill-block h3{color:#f2e1c7;font-family:var(--font-display);font-size:1.05rem}@media (min-width: 560px){.card-modal-grid{grid-template-columns:minmax(190px,280px) 1fr}.card-modal-art{width:100%}}.hand{position:absolute;right:1.5%;bottom:clamp(.8rem,2vh,1.5rem);z-index:5;width:min(66%,820px);height:clamp(130px,26vh,195px);margin:0;padding:14px 4px 4px;justify-content:flex-end;align-items:stretch;gap:clamp(3px,.6vw,10px);overflow:visible}.slots{position:absolute;top:clamp(92px,17vh,145px);left:50%;transform:translate(-50%);z-index:4;width:min(36%,365px);justify-content:center;gap:clamp(3px,.7vw,10px)}.slot{width:clamp(56px,8vw,95px);min-height:clamp(76px,14vh,112px);border:1px solid #dfddca88;border-radius:0;background:#111821c7;box-shadow:0 4px 12px #0008}.slot:not(.is-filled){background:linear-gradient(140deg,#111820df,#28323ddd)}.slot:not(.is-filled):after{content:"✧";font:2rem var(--font-display);color:#bdc3c46b}.slot.is-filled{border-color:#e2d0a9;background:linear-gradient(145deg,#545463,#222b38)}@keyframes spell-modal-fade{0%{opacity:0}to{opacity:1}}@keyframes spell-modal-pop{0%{opacity:0;transform:translateY(10px) scale(.96)}to{opacity:1;transform:none}}@media (max-width: 760px){.slots{top:12%;width:55%}.slot{width:min(15vw,65px);min-height:10vh}.hand{width:68%;height:clamp(95px,18vh,135px);right:.3rem;bottom:.5rem}}:root{--gx-navy: #17305e;--gx-navy-2: #23477f;--gx-blue: #2a5ea8;--gx-sky: #4fc3ff;--gx-cyan: #1fa3e6;--gx-yellow: #ffd33d;--gx-amber: #ffb800;--gx-red: #ff3b4f;--gx-paper: rgba(255, 255, 255, .93);--gx-mute: #3c5277;--gx-shadow: rgba(23, 48, 94, .28);--gx-display: "Arial Black", "Segoe UI Black", "Noto Sans JP", "Noto Sans TC", "Microsoft JhengHei", "PingFang TC", "Hiragino Sans", sans-serif;--gx-body: "Segoe UI", "Noto Sans JP", "Noto Sans TC", "Microsoft JhengHei", "PingFang TC", system-ui, sans-serif;--gx-safe-l: max(14px, env(safe-area-inset-left));--gx-safe-r: max(14px, env(safe-area-inset-right))}.gx-app,.gx-auth,.gx-center{position:fixed;top:0;right:0;bottom:0;left:0;overflow:hidden;font-family:var(--gx-body);color:var(--gx-navy);background:linear-gradient(180deg,#8fd3ff,#d9f0ff 60%,#eef8ff)}.gx-app{display:flex;flex-direction:column}.gx-app svg,.gx-auth svg,.gx-modal svg{flex-shrink:0}.gx-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none}.gx-backdrop.is-sky{background:radial-gradient(ellipse 22% 9% at 18% 22%,rgba(255,255,255,.95),transparent 70%),radial-gradient(ellipse 30% 11% at 30% 26%,rgba(255,255,255,.85),transparent 70%),radial-gradient(ellipse 26% 10% at 72% 14%,rgba(255,255,255,.9),transparent 70%),radial-gradient(ellipse 34% 12% at 84% 20%,rgba(255,255,255,.75),transparent 70%),radial-gradient(ellipse 60% 18% at 50% 64%,rgba(255,255,255,.7),transparent 70%),linear-gradient(180deg,#3aa2f0,#7cc8ff 38%,#c9e9ff 62%,#a9c7dd 62.4%,#b9d3e6)}.gx-backdrop.is-sky:before{content:"";position:absolute;left:0;right:0;top:55%;height:12%;background:repeating-linear-gradient(90deg,rgba(23,48,94,.28) 0 3px,transparent 3px 46px),linear-gradient(180deg,rgba(23,48,94,.32) 0 4px,transparent 4px calc(100% - 4px),rgba(23,48,94,.32) calc(100% - 4px))}.gx-backdrop img{width:100%;height:100%;max-width:none;object-fit:cover}.gx-app.is-home .gx-backdrop:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,rgba(23,48,94,.35) 0%,transparent 18%),linear-gradient(0deg,rgba(23,48,94,.25) 0%,transparent 30%)}.gx-app.is-page .gx-backdrop img{filter:blur(4px) saturate(1.1);transform:scale(1.06)}.gx-app.is-page .gx-backdrop:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#d6ecff8c,#e8f4ffd1),repeating-linear-gradient(-45deg,rgba(255,255,255,.08) 0 2px,transparent 2px 14px)}.gx-main{position:relative;z-index:1;flex:1;min-height:0}.gx-center{display:grid;place-items:center;padding:1rem}.gx-loading{font:italic 900 1.2rem var(--gx-display);color:#fff;-webkit-text-stroke:4px var(--gx-navy);paint-order:stroke fill;letter-spacing:.06em;animation:gx-pulse 1.4s ease-in-out infinite}.gx-error-card{max-width:480px}.gx-art{display:block;width:100%;height:100%;max-width:none;object-fit:cover}.gx-ph{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;padding:8px;text-align:center;color:var(--gx-blue);background:repeating-linear-gradient(-45deg,#4fc3ff29 0,#4fc3ff29 10px,#ffffff80 10px,#ffffff80 20px),linear-gradient(160deg,#e6f4ff,#bfdcf7);overflow:hidden}.gx-ph svg{width:clamp(18px,3.4vh,30px);height:clamp(18px,3.4vh,30px);opacity:.7}.gx-ph b{font:900 clamp(10px,1.8vh,14px) var(--gx-display);letter-spacing:.08em}.gx-ph small{font-size:10px;opacity:.8}.gx-hud{position:relative;z-index:5;display:flex;justify-content:space-between;align-items:flex-start;gap:12px;padding:max(10px,env(safe-area-inset-top)) var(--gx-safe-r) 6px var(--gx-safe-l);pointer-events:none}.gx-hud>*{pointer-events:auto}.gx-hud-left,.gx-hud-right{display:flex;align-items:center;gap:10px;min-width:0}.gx-badge{display:flex;align-items:center;gap:8px;height:48px;padding:0 18px 0 6px;background:linear-gradient(135deg,#3a7bd5,var(--gx-navy) 75%);border:2px solid #fff;box-shadow:0 0 0 2px var(--gx-navy),3px 4px 0 var(--gx-shadow);transform:skew(-10deg);min-width:0}.gx-badge>*{transform:skew(10deg)}.gx-badge-mark{width:34px;height:34px;object-fit:contain;background:#fff;border-radius:4px;padding:2px}.gx-badge-text{display:flex;flex-direction:column;line-height:1.05;min-width:0}.gx-badge-text small{font:800 9.5px var(--gx-body);letter-spacing:.16em;color:var(--gx-sky)}.gx-badge-text b{font:italic 900 17px var(--gx-display);color:#fff;max-width:16ch;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.gx-minis{display:flex;gap:4px}.gx-mini{display:flex;flex-direction:column;align-items:center;gap:1px;min-height:0;width:46px;padding:2px 0;background:none;border:0;color:#fff}.gx-mini svg{width:32px;height:32px;padding:6px;border-radius:50%;background:#17305e9e;border:2px solid rgba(255,255,255,.9);transition:transform .15s,background .15s}.gx-mini span{font:900 11px var(--gx-body);text-shadow:0 0 3px var(--gx-navy),0 1px 0 var(--gx-navy),1px 0 0 var(--gx-navy),-1px 0 0 var(--gx-navy)}.gx-mini:hover svg{background:var(--gx-cyan);transform:translateY(-1px)}.gx-cur{position:relative;display:flex;align-items:center;gap:8px;height:44px;padding:0 18px 0 4px;background:linear-gradient(90deg,#17305ef0,#2a5ea8e0);border:2px solid rgba(255,255,255,.92);box-shadow:3px 4px 0 var(--gx-shadow);transform:skew(-12deg)}.gx-cur>*{transform:skew(12deg)}.gx-cur-icon{display:grid;place-items:center;width:34px;height:34px;background:#fff;color:var(--gx-navy);border-radius:3px}.gx-cur-icon svg{width:20px;height:20px}.gx-cur--gold .gx-cur-icon svg{color:#d99a00}.gx-cur--gems .gx-cur-icon svg{color:#b44dff}.gx-cur-icon img{width:26px;height:26px;object-fit:contain}.gx-cur-text{display:flex;flex-direction:column;line-height:1.05}.gx-cur-text small{font:800 9.5px var(--gx-body);letter-spacing:.1em;color:var(--gx-sky)}.gx-cur-text b{font:900 18px var(--gx-display);color:#fff;font-variant-numeric:tabular-nums}.gx-cur-tag{position:absolute;right:4px;top:-9px;padding:0 5px;font:800 9px var(--gx-body);letter-spacing:.08em;text-transform:uppercase;color:var(--gx-navy);background:var(--gx-yellow);border:1.5px solid var(--gx-navy)}.gx-dot{position:absolute;top:-7px;right:-7px;z-index:4;display:grid;place-items:center;width:22px;height:22px;border-radius:50%;background:var(--gx-red);border:2px solid #fff;color:#fff;font:900 13px/1 var(--gx-display);box-shadow:0 2px 4px #0000004d;animation:gx-bob 1.6s ease-in-out infinite}.gx-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:44px;padding:0 22px;border:3px solid var(--gx-navy);background:linear-gradient(180deg,#ffe873,#ffc21a);color:var(--gx-navy);font:900 15px var(--gx-display);letter-spacing:.04em;transform:skew(-10deg);box-shadow:0 4px 0 var(--gx-navy);transition:transform .1s,box-shadow .1s,filter .15s}.gx-btn svg{width:18px;height:18px}.gx-btn:hover:not(:disabled){filter:brightness(1.06)}.gx-btn:active:not(:disabled){transform:skew(-10deg) translateY(3px);box-shadow:0 1px 0 var(--gx-navy)}.gx-btn:disabled{filter:grayscale(.85);opacity:.6}.gx-btn--ghost{background:linear-gradient(180deg,#fff,#e3f0ff)}.gx-btn--danger{background:linear-gradient(180deg,#ff7b7b,#ef3b4f);color:#fff}.gx-btn--sm{min-height:34px;padding:0 12px;font-size:12.5px;border-width:2px;box-shadow:0 3px 0 var(--gx-navy)}.gx-btn--sm svg{width:15px;height:15px}.gx-btn--lg{width:100%;min-height:52px;font-size:18px}.gx-link{display:inline-flex;align-items:center;gap:5px;min-height:32px;padding:0;background:none;border:0;color:#1666c5;font:700 13.5px var(--gx-body);text-decoration:underline;text-underline-offset:3px}.gx-link svg{width:15px;height:15px}.gx-panel{position:relative;padding:14px 16px 16px;background:var(--gx-paper);border:2px solid var(--gx-navy);box-shadow:6px 6px 0 var(--gx-shadow)}.gx-panel:before{content:"";position:absolute;top:-2px;left:-2px;width:26px;height:26px;background:linear-gradient(135deg,var(--gx-cyan) 50%,transparent 50%);pointer-events:none}.gx-sec{display:flex;align-items:baseline;gap:8px;margin:0 0 10px;font:900 18px var(--gx-display);color:var(--gx-navy)}.gx-sec>span{padding-left:9px;border-left:5px solid var(--gx-cyan);line-height:1.1}.gx-sec small{font:italic 800 10.5px var(--gx-body);letter-spacing:.22em;color:var(--gx-blue)}.gx-tabs{display:flex;flex-wrap:wrap;gap:8px;padding-left:4px}.gx-tab{min-height:38px;padding:0 18px;border:2px solid var(--gx-navy);background:#ffffffe0;color:var(--gx-navy);font:800 14px var(--gx-body);transform:skew(-12deg);box-shadow:0 3px 0 var(--gx-shadow);transition:background .15s,color .15s}.gx-tab>span{display:inline-block;transform:skew(12deg)}.gx-tab:hover:not(.is-on){background:#fff}.gx-tab.is-on{background:linear-gradient(180deg,#5fd6ff,var(--gx-cyan));color:#fff;text-shadow:0 1px 0 var(--gx-navy);box-shadow:0 3px 0 var(--gx-navy)}.gx-chip{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;font:800 12px var(--gx-body);color:var(--gx-navy);background:#e6f2ff;border:1.5px solid var(--gx-navy);border-radius:3px;white-space:nowrap}.gx-chip svg{width:13px;height:13px}.gx-chip--ok{color:#0d7d55;background:#d9f7e8;border-color:#0d7d55}.gx-chip--star{color:#d48a00;background:#fff4cf}.gx-progress{position:relative;display:block;width:180px;height:18px;overflow:hidden;background:#17305e38;border:2px solid var(--gx-navy);transform:skew(-12deg)}.gx-progress>span{position:absolute;inset:0 auto 0 0;background:linear-gradient(90deg,var(--gx-cyan),#6ff0ff);transition:width .4s ease}.gx-progress>b{position:relative;display:block;text-align:center;font:900 11px/14px var(--gx-display);color:#fff;text-shadow:0 1px 0 var(--gx-navy),0 0 3px var(--gx-navy)}.gx-fine{margin:6px 0;font-size:12.5px;line-height:1.5;color:var(--gx-mute)}.gx-lede{display:inline-block;margin:0 0 12px;padding:6px 14px;font-size:13.5px;font-weight:600;color:var(--gx-navy);background:#ffffffc7;border-left:4px solid var(--gx-cyan)}.gx-empty{grid-column:1 / -1;margin:0;padding:22px;text-align:center;color:var(--gx-mute);background:#ffffffb3;border:2px dashed #8fb3dd}.gx-ok{color:#0d7d55;font-weight:700}.gx-err{color:#d62839;font-weight:700}.gx-field{display:flex;flex-direction:column;gap:4px}.gx-field>span{font:800 11px var(--gx-body);letter-spacing:.12em;text-transform:uppercase;color:var(--gx-blue)}.gx-field input,.gx-field select{min-height:44px;padding:0 12px;border:2px solid var(--gx-navy);border-radius:3px;background:#fff;color:var(--gx-navy);font:600 15px var(--gx-body)}.gx-field input:focus,.gx-field select:focus{outline:3px solid var(--gx-sky);outline-offset:1px}.gx-inline{display:flex;flex-wrap:wrap;align-items:flex-end;gap:10px}.gx-inline .gx-field{flex:1 1 160px}.gx-form{display:flex;flex-direction:column;gap:12px;margin:14px 0 8px}.gx-app .rarity,.gx-modal .rarity{color:#e09b00}.gx-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(132px,1fr));gap:14px}.gx-grid .collection-card,.gx-modal .collection-card{padding:4px;background:#fff;border:2px solid var(--gx-navy)!important;border-radius:3px;box-shadow:4px 4px 0 var(--gx-shadow)}.gx-grid .collection-tag,.gx-modal .collection-tag{background:var(--gx-navy);color:var(--gx-yellow)}.gx-home{position:absolute;top:0;right:0;bottom:0;left:0}.gx-side{position:absolute;left:var(--gx-safe-l);top:3%;z-index:3;display:flex;flex-direction:column;gap:clamp(8px,2.2vh,18px)}.gx-side-btn{position:relative;display:flex;align-items:center;gap:8px;min-height:0;padding:0;background:none;border:0;text-align:left}.gx-side-icon{display:grid;place-items:center;width:clamp(40px,7.5vh,54px);height:clamp(40px,7.5vh,54px);background:linear-gradient(160deg,#f4faff,#b8d6f4);border:2px solid #fff;border-radius:10px;box-shadow:0 0 0 2px var(--gx-navy),0 4px 0 2px var(--gx-navy);color:var(--gx-navy);transition:transform .15s}.gx-side-btn:first-child .gx-side-icon{background:linear-gradient(160deg,#ffe873,#ffb800)}.gx-side-icon svg{width:55%;height:55%}.gx-side-label{font:italic 900 clamp(13px,2.4vh,17px) var(--gx-display);color:#fff;-webkit-text-stroke:4px var(--gx-navy);paint-order:stroke fill;letter-spacing:.06em}.gx-side-btn:first-child .gx-side-label{color:var(--gx-yellow)}.gx-side-btn .gx-dot{top:-8px;right:auto;left:clamp(30px,6vh,44px)}.gx-side-btn:hover .gx-side-icon{transform:translateY(-2px) rotate(-3deg)}.gx-mascot{position:absolute;left:clamp(70px,10vw,190px);bottom:0;z-index:1;width:min(36vw,560px);height:calc(100% + 36px);display:flex;align-items:flex-end;justify-content:center;pointer-events:none;animation:gx-breathe 5s ease-in-out infinite;transform-origin:50% 100%}.gx-mascot img.gx-mascot-art{width:100%;height:100%;object-fit:contain;object-position:50% 100%;filter:drop-shadow(0 10px 24px rgba(23,48,94,.35))}.gx-mascot .gx-ph.gx-mascot-art{width:52%;height:90%;border:3px dashed rgba(23,48,94,.45);border-bottom:0;border-radius:46% 46% 6px 6px/22% 22% 6px 6px;opacity:.85}.gx-menu{position:absolute;right:var(--gx-safe-r);top:0;bottom:max(4.5vh,env(safe-area-inset-bottom));z-index:2;width:min(53vw,800px);padding-right:1.5vw;display:flex;flex-direction:column;perspective:1600px}.gx-menu-title{margin:0 0 4px 3%;font:italic 900 clamp(26px,6.5vh,56px) / 1 var(--gx-display);letter-spacing:.03em;color:#fff;-webkit-text-stroke:3px var(--gx-navy);paint-order:stroke fill;text-shadow:4px 4px 0 var(--gx-navy);transform:rotate(-5deg);transform-origin:left bottom}.gx-menu-grid{position:relative;flex:1;min-height:0;display:grid;grid-template-columns:1fr 1fr 1.2fr 1.2fr;grid-template-rows:1fr 1fr 1.3fr;grid-template-areas:"summon friends team team" "summon friends archive archive" "trials story story story";gap:clamp(8px,1.8vh,16px) clamp(8px,1vw,14px);transform:rotateY(-9deg) rotate(-3deg) scale(.96);transform-origin:100% 50%;transform-style:preserve-3d}.gx-tile{position:relative;min-height:0;padding:0;background:none;border:0;text-align:left;filter:drop-shadow(2px 0 0 var(--gx-navy)) drop-shadow(-2px 0 0 var(--gx-navy)) drop-shadow(0 2px 0 var(--gx-navy)) drop-shadow(0 -2px 0 var(--gx-navy)) drop-shadow(5px 7px 0 rgba(23,48,94,.35));transition:transform .18s cubic-bezier(.3,1.6,.6,1)}.gx-tile:hover{transform:translateY(-4px) scale(1.025);z-index:2}.gx-tile:active{transform:scale(.97)}.gx-tile:focus-visible{outline:none}.gx-tile:focus-visible .gx-tile-frame{background:var(--gx-yellow)}.gx-tile-frame{position:absolute;top:0;right:0;bottom:0;left:0;padding:clamp(4px,.8vh,7px);background:#fff;clip-path:var(--clip)}.gx-tile-frame .gx-tile-art{clip-path:var(--clip)}.gx-tile--summon{grid-area:summon;--clip: polygon(5% 2%, 100% 0, 96% 100%, 0 97%)}.gx-tile--friends{grid-area:friends;--clip: polygon(3% 0, 100% 4%, 100% 100%, 0 96%)}.gx-tile--team{grid-area:team;--clip: polygon(2% 8%, 100% 0, 98% 100%, 0 100%)}.gx-tile--archive{grid-area:archive;--clip: polygon(0 0, 99% 3%, 100% 95%, 3% 100%)}.gx-tile--trials{grid-area:trials;--clip: polygon(6% 0, 100% 4%, 94% 100%, 0 95%)}.gx-tile--story{grid-area:story;--clip: polygon(1% 5%, 100% 0, 98% 100%, 0 97%)}.gx-tile .gx-ph b{display:none}.gx-tile-label{position:absolute;left:7%;bottom:7%;z-index:2;display:flex;flex-direction:column;align-items:flex-start;transform:rotate(-4deg);pointer-events:none}.gx-tile-label b{font:italic 900 clamp(20px,4.8vh,42px) / 1 var(--gx-display);letter-spacing:.05em;color:#fff;-webkit-text-stroke:6px var(--gx-navy);paint-order:stroke fill}.gx-tile-label small{margin-top:2px;padding:1px 8px;font:italic 900 clamp(9px,1.5vh,12px) var(--gx-body);letter-spacing:.22em;color:var(--gx-yellow);background:var(--gx-navy)}.gx-tile--team .gx-tile-label,.gx-tile--archive .gx-tile-label{left:auto;right:6%;align-items:flex-end}.gx-tile--team .gx-tile-label{top:10%;bottom:auto}.gx-tile--story .gx-tile-label b{font-size:clamp(26px,6.4vh,58px)}.gx-tile-sub{position:absolute;left:8%;top:8%;z-index:2;max-width:70%;padding:3px 10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font:800 clamp(9px,1.6vh,12px) var(--gx-body);color:#fff;background:#17305ed1;transform:skew(-10deg);pointer-events:none}.gx-tile--team .gx-tile-sub,.gx-tile--archive .gx-tile-sub{top:auto;bottom:9%;left:7%}.gx-tile .gx-dot{top:-6px;right:8%}.gx-start{grid-area:story;align-self:end;justify-self:end;z-index:3;display:flex;align-items:center;gap:8px;max-width:62%;min-height:0;margin:0 5% 6% 0;padding:clamp(5px,1vh,9px) 22px clamp(5px,1vh,9px) 14px;background:linear-gradient(180deg,#ffe873,var(--gx-amber));border:3px solid var(--gx-navy);box-shadow:0 5px 0 var(--gx-navy);color:var(--gx-navy);transform:skew(-12deg) rotate(-4deg);transition:transform .12s,box-shadow .12s}.gx-start svg{width:clamp(18px,3vh,26px);height:clamp(18px,3vh,26px);fill:currentColor}.gx-start span{font:italic 900 clamp(16px,3.4vh,28px) var(--gx-display);letter-spacing:.08em}.gx-start small{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font:800 clamp(10px,1.7vh,13px) var(--gx-body)}.gx-start:hover{transform:skew(-12deg) rotate(-4deg) translateY(-2px)}.gx-start:active{transform:skew(-12deg) rotate(-4deg) translateY(3px);box-shadow:0 2px 0 var(--gx-navy)}.gx-page{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column}.gx-app.is-page .gx-hud{position:absolute;top:0;right:0}.gx-app.is-page .gx-hud-left{display:none}.gx-page-head{display:flex;align-items:center;gap:14px;min-height:60px;padding:max(8px,env(safe-area-inset-top)) calc(var(--gx-safe-r) + 300px) 10px var(--gx-safe-l)}.gx-back{display:grid;place-items:center;width:48px;height:48px;min-height:0;flex-shrink:0;padding:0;border-radius:50%;background:#fff;border:3px solid var(--gx-navy);box-shadow:0 4px 0 var(--gx-navy);color:var(--gx-navy);transition:transform .1s}.gx-back svg{width:28px;height:28px;stroke-width:3}.gx-back:active{transform:translateY(3px);box-shadow:0 1px 0 var(--gx-navy)}.gx-plate{display:flex;align-items:baseline;gap:12px;margin:0;padding:6px 30px 6px 18px;background:var(--gx-navy);border-left:8px solid var(--gx-yellow);box-shadow:5px 5px 0 var(--gx-shadow);transform:skew(-14deg)}.gx-plate>*{transform:skew(14deg)}.gx-plate-cjk{font:900 26px/1.1 var(--gx-display);color:#fff;letter-spacing:.08em}.gx-plate-en{font:italic 900 12px var(--gx-body);letter-spacing:.3em;color:var(--gx-sky)}.gx-page-aside{margin-left:auto}.gx-stat{display:flex;flex-direction:column;align-items:flex-end;padding:3px 16px;background:var(--gx-paper);border:2px solid var(--gx-navy);box-shadow:4px 4px 0 var(--gx-shadow);transform:skew(-12deg)}.gx-stat>*{transform:skew(12deg)}.gx-stat small{font:800 10px var(--gx-body);letter-spacing:.16em;color:var(--gx-blue)}.gx-stat b{font:900 22px/1.1 var(--gx-display);color:var(--gx-navy)}.gx-stat i{font-size:13px;font-style:normal;color:var(--gx-mute)}.gx-page-body{flex:1;min-height:0;overflow-y:auto;padding:4px max(var(--gx-safe-r),calc((100% - 1240px)/2)) max(28px,env(safe-area-inset-bottom)) max(var(--gx-safe-l),calc((100% - 1240px)/2));scrollbar-width:thin;scrollbar-color:var(--gx-blue) transparent}.gx-toolbar{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;margin-bottom:12px}.gx-resume{display:flex;align-items:center;gap:10px;width:100%;margin-bottom:14px;padding:8px 16px;background:linear-gradient(90deg,#ff5a6a,#ff9a3d);border:2px solid var(--gx-navy);box-shadow:0 4px 0 var(--gx-navy);color:#fff;font:700 14px var(--gx-body);text-align:left}.gx-resume svg{width:20px;height:20px}.gx-resume-cta{display:inline-flex;align-items:center;gap:4px;margin-left:auto;padding:4px 14px;background:#fff;color:#d62839;font:900 13px var(--gx-display);transform:skew(-10deg)}.gx-resume-cta svg{width:14px;height:14px}.gx-banner-note{margin:0 0 10px;font-size:13px;font-weight:600;color:var(--gx-navy)}.gx-reward{display:inline-flex;align-items:center;gap:5px;font:700 12px var(--gx-body);color:var(--gx-navy)}.gx-reward small{padding:1px 5px;font:800 9.5px var(--gx-body);letter-spacing:.1em;color:#fff;background:var(--gx-navy)}.gx-stage-list{display:flex;flex-direction:column;gap:12px}.gx-stage{display:grid;grid-template-columns:auto minmax(0,1fr) auto auto;align-items:center;gap:16px;padding-right:16px;background:var(--gx-paper);border:2px solid var(--gx-navy);box-shadow:6px 6px 0 var(--gx-shadow);transition:transform .15s}.gx-stage:hover{transform:translate(4px)}.gx-stage-no{align-self:stretch;display:grid;place-items:center;width:68px;padding-right:10px;background:var(--gx-navy);color:var(--gx-yellow);font:italic 900 28px var(--gx-display);clip-path:polygon(0 0,100% 0,78% 100%,0 100%)}.gx-stage.is-cleared .gx-stage-no{background:var(--gx-cyan);color:#fff}.gx-stage-main{min-width:0;padding:10px 0}.gx-stage-sub{margin:0;font:italic 800 11px var(--gx-body);letter-spacing:.18em;text-transform:uppercase;color:var(--gx-blue)}.gx-stage-name{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin:1px 0 2px;font:900 20px var(--gx-display);color:var(--gx-navy)}.gx-stage-desc{margin:0;font-size:13px;color:var(--gx-mute);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.gx-stage-facts{display:flex;flex-wrap:wrap;align-items:center;gap:6px 12px;margin-top:8px}.gx-stage-foes{display:flex;padding-left:12px}.gx-foe{display:grid;place-items:center;width:54px;height:54px;margin-left:-12px;overflow:hidden;object-fit:cover;border-radius:50%;border:3px solid #fff;box-shadow:0 0 0 2px var(--gx-navy);background:#dbe8f7;font:900 14px var(--gx-display)}.gx-stage-go{font-size:17px}.gx-presets{display:flex;gap:10px;padding:2px 4px 8px;margin-bottom:8px;overflow-x:auto}.gx-preset{display:inline-flex;align-items:center;flex-shrink:0;min-height:38px;border:2px solid var(--gx-navy);background:#ffffffe6;color:var(--gx-navy);transform:skew(-12deg);box-shadow:0 3px 0 var(--gx-shadow)}.gx-preset.is-on{background:linear-gradient(180deg,#5fd6ff,var(--gx-cyan));color:#fff;box-shadow:0 3px 0 var(--gx-navy)}.gx-preset>*{transform:skew(12deg)}.gx-preset-pick,.gx-preset-del{min-height:34px;background:none;border:0;color:inherit}.gx-preset-pick{padding:0 14px;font:800 13px var(--gx-body)}.gx-preset.is-on .gx-preset-pick{text-shadow:0 1px 0 var(--gx-navy)}.gx-preset-del{display:grid;place-items:center;width:28px;padding:0}.gx-preset-del svg{width:14px;height:14px}.gx-preset-add{gap:4px;padding:0 14px;border-style:dashed;font:800 13px var(--gx-body)}.gx-preset-add svg{width:15px;height:15px}.gx-lineup{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(12px,2vw,24px);max-width:min(940px,calc((100dvh - 250px)*3 + 72px));margin:14px auto 8px}.gx-unit{display:flex;flex-direction:column;gap:10px;min-width:0}.gx-unit-slot{position:relative;min-height:0;padding:5px;background:#fff;border:3px solid var(--gx-navy);box-shadow:6px 6px 0 var(--gx-shadow);transition:transform .15s}.gx-unit-slot:hover{transform:translateY(-4px)}.gx-unit.is-support .gx-unit-slot{border-color:var(--gx-cyan);box-shadow:0 0 0 2px var(--gx-navy),6px 6px 0 var(--gx-shadow)}.gx-unit-no{position:absolute;top:-12px;left:-12px;z-index:3;display:grid;place-items:center;width:38px;height:38px;background:var(--gx-navy);border:2px solid #fff;color:var(--gx-yellow);font:italic 900 16px var(--gx-display);transform:rotate(-8deg)}.gx-unit-tag{position:absolute;top:10px;right:-6px;z-index:3;max-width:90%;padding:2px 10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font:900 11px var(--gx-body);letter-spacing:.08em;color:#fff;background:var(--gx-cyan);border:2px solid var(--gx-navy)}.gx-unit-change{position:absolute;left:50%;bottom:12px;z-index:3;padding:3px 14px;font:900 11px var(--gx-display);letter-spacing:.22em;color:var(--gx-navy);background:var(--gx-yellow);border:2px solid var(--gx-navy);transform:translate(-50%) skew(-12deg);opacity:0;transition:opacity .15s}.gx-unit-slot:hover .gx-unit-change,.gx-unit-slot:focus-visible .gx-unit-change{opacity:1}@media (hover: none){.gx-unit-change{opacity:1}}.gx-unit-empty{display:grid;place-items:center;aspect-ratio:3 / 4;color:var(--gx-blue);background:repeating-linear-gradient(-45deg,#e6f4ff 0,#e6f4ff 10px,#fff 10px,#fff 20px)}.gx-unit-empty svg{width:40px;height:40px}.gx-cardchip{display:flex;align-items:center;gap:8px;min-height:54px;padding:6px 8px;background:var(--gx-paper);border:2px solid var(--gx-navy);color:var(--gx-navy);text-align:left;box-shadow:3px 3px 0 var(--gx-shadow)}.gx-cardchip.is-empty{border-style:dashed;background:#ffffffb8}.gx-cardchip.is-readonly{cursor:default}.gx-cardchip-art{display:grid;place-items:center;flex-shrink:0;width:38px;height:38px;overflow:hidden;background:#dbe8f7;border:1.5px solid var(--gx-navy);color:var(--gx-blue)}.gx-cardchip-art img{width:100%;height:100%;object-fit:cover}.gx-cardchip-art svg{width:18px;height:18px}.gx-cardchip-text{display:flex;flex-direction:column;min-width:0}.gx-cardchip-text b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font:800 13px var(--gx-body)}.gx-cardchip-text small{font-size:11px;color:var(--gx-blue)}.gx-friend-pick{display:flex;flex-direction:column;gap:4px}.gx-publish{margin-top:16px}.gx-summon-page .gx-page-body{display:flex;flex-direction:column}.gx-summon-page .gx-page-aside{margin:0 auto}.gx-wish-tabs{display:flex;gap:10px}.gx-wish-tab{position:relative;display:grid;place-items:center;width:96px;height:42px;min-height:0;padding:0;overflow:hidden;background:linear-gradient(180deg,var(--gx-navy-2),var(--gx-navy));border:2px solid rgba(255,255,255,.85);border-radius:4px;box-shadow:0 0 0 2px var(--gx-navy),0 3px 0 2px var(--gx-shadow);color:#fff;opacity:.72;transition:transform .15s,opacity .15s}.gx-wish-tab img{width:100%;height:100%;object-fit:cover;object-position:50% 20%}.gx-wish-tab svg{width:18px;height:18px}.gx-wish-tab:hover{opacity:.92}.gx-wish-tab.is-on{opacity:1;border-color:var(--gx-yellow);transform:translateY(2px) scale(1.06);box-shadow:0 0 0 2px var(--gx-navy),0 0 14px #ffd33dcc}.gx-wish{flex:1;min-height:0;display:flex;flex-direction:column;gap:12px;animation:gx-pop .3s ease-out both}.gx-wish-frame{--notch: 30px;position:relative;flex:1;min-height:280px;overflow:hidden;clip-path:polygon(var(--notch) 0,calc(100% - var(--notch)) 0,100% var(--notch),100% calc(100% - var(--notch)),calc(100% - var(--notch)) 100%,var(--notch) 100%,0 calc(100% - var(--notch)),0 var(--notch));background:radial-gradient(ellipse 60% 80% at 28% 70%,rgba(143,230,255,.85),transparent 60%),radial-gradient(ellipse 50% 70% at 80% 30%,rgba(79,195,255,.55),transparent 65%),linear-gradient(160deg,#2b86d8,#1a4f9e,#0e2a62)}.gx-wish-frame:after{content:"";position:absolute;top:8px;right:8px;bottom:8px;left:8px;z-index:3;pointer-events:none;border:2px solid rgba(200,238,255,.85);clip-path:polygon(calc(var(--notch) - 6px) 0,calc(100% - var(--notch) + 6px) 0,100% calc(var(--notch) - 6px),100% calc(100% - var(--notch) + 6px),calc(100% - var(--notch) + 6px) 100%,calc(var(--notch) - 6px) 100%,0 calc(100% - var(--notch) + 6px),0 calc(var(--notch) - 6px));box-shadow:inset 0 0 30px #8fe6ff73}.gx-wish-art{position:absolute;top:0;right:0;bottom:0;left:0}.gx-wish-art>img:not(.gx-wish-lead){width:100%;height:100%;max-width:none;object-fit:cover}.gx-wish-ph{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;gap:4px;padding-top:18px;color:#ffffff8c;background:repeating-linear-gradient(45deg,rgba(255,255,255,.06) 0 2px,transparent 2px 34px),repeating-linear-gradient(-45deg,rgba(255,255,255,.06) 0 2px,transparent 2px 34px)}.gx-wish-ph svg{width:20px;height:20px}.gx-wish-ph small{font-size:11px}.gx-wish-lead{position:absolute;left:5%;bottom:0;height:94%;width:auto;max-width:46%;object-fit:contain;object-position:50% 100%;-webkit-mask-image:linear-gradient(180deg,#000 72%,transparent);mask-image:linear-gradient(180deg,#000 72%,transparent);filter:drop-shadow(0 0 22px rgba(143,230,255,.6))}.gx-wish-cast{position:absolute;right:5%;top:12%;bottom:22%;width:40%;display:flex;align-items:center;justify-content:flex-end}.gx-wish-cast img{width:36%;aspect-ratio:3 / 4;margin-left:-7%;object-fit:cover;border:3px solid #fff;box-shadow:0 0 0 2px var(--gx-navy),0 8px 18px #0006;transform:rotate(-5deg)}.gx-wish-cast img:nth-child(2){transform:translateY(14%) rotate(3deg)}.gx-wish-cast img:nth-child(3){transform:translateY(-6%) rotate(7deg)}.gx-wish-sparkle{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none;background:radial-gradient(2px 2px at 18% 24%,#fff,transparent),radial-gradient(2px 2px at 42% 12%,#fff,transparent),radial-gradient(3px 3px at 64% 34%,#e6fbff,transparent),radial-gradient(2px 2px at 82% 18%,#fff,transparent),radial-gradient(2px 2px at 30% 62%,#fff,transparent),radial-gradient(3px 3px at 72% 70%,#e6fbff,transparent),radial-gradient(2px 2px at 90% 52%,#fff,transparent);animation:gx-twinkle 3.5s ease-in-out infinite}.gx-wish-head{position:absolute;top:22px;left:40px;z-index:2;display:flex;flex-direction:column;align-items:flex-start;gap:4px}.gx-wish-kicker{display:inline-flex;align-items:center;gap:5px;padding:2px 12px;font:italic 900 11px var(--gx-body);letter-spacing:.2em;color:var(--gx-yellow);background:var(--gx-navy);transform:skew(-12deg)}.gx-wish-kicker svg{width:13px;height:13px}.gx-wish-title{margin:0;font:italic 900 clamp(18px,3.6vh,30px) / 1.1 var(--gx-display);color:#fff;-webkit-text-stroke:4px var(--gx-navy);paint-order:stroke fill}.gx-wish-timer{padding:1px 10px;font:700 11px var(--gx-body);color:var(--gx-navy);background:#ffffffd9;border-radius:10px}.gx-wish-lead-plate{position:absolute;left:5%;bottom:10%;z-index:2;display:flex;flex-direction:column;align-items:flex-start;max-width:52%;padding:8px 40px 10px 18px;background:linear-gradient(90deg,rgba(10,30,72,.88),rgba(10,30,72,.5) 75%,transparent);border-left:5px solid var(--gx-yellow)}.gx-wish-lead-plate b{font:900 clamp(24px,5.6vh,46px) / 1.05 var(--gx-display);color:#fff;text-shadow:0 3px 0 var(--gx-navy),0 0 16px rgba(143,230,255,.7)}.gx-wish-up{position:absolute;top:-12px;right:8px;font:italic 900 22px var(--gx-display);color:var(--gx-yellow);-webkit-text-stroke:4px var(--gx-navy);paint-order:stroke fill;transform:rotate(-8deg);animation:gx-bob 1.6s ease-in-out infinite}.gx-wish-stars{font-size:20px;letter-spacing:3px;color:var(--gx-yellow);text-shadow:0 2px 0 var(--gx-navy)}.gx-wish-desc{margin:4px 0 0;max-width:48ch;font-size:12.5px;color:#ffffffe6;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.gx-wish-side{position:absolute;right:5%;bottom:10%;z-index:2;display:flex;flex-direction:column;align-items:flex-end;gap:8px;margin:0;padding:0;list-style:none}.gx-wish-side li{display:flex;align-items:center;gap:8px;padding:3px 16px 3px 3px;color:#fff;background:#0a1e48c7;border:1.5px solid rgba(200,238,255,.7);border-radius:30px;animation:gx-pop .35s ease-out both}.gx-wish-side li:nth-child(2){animation-delay:.06s}.gx-wish-side li:nth-child(3){animation-delay:.12s}.gx-wish-side li>span:last-child{display:flex;flex-direction:column;line-height:1.1}.gx-wish-side b{font:800 14px var(--gx-body)}.gx-wish-side small{font-size:11px;letter-spacing:1px;color:var(--gx-yellow)}.gx-wish-side-img{display:grid;place-items:center;width:38px;height:38px;overflow:hidden;object-fit:cover;border-radius:50%;border:2px solid #fff;background:#dbe8f7;font:900 12px var(--gx-display);color:var(--gx-navy)}.gx-wish-side-img img{width:100%;height:100%;object-fit:cover}.gx-wish-bar{display:flex;align-items:flex-end;justify-content:space-between;flex-wrap:wrap;gap:12px}.gx-wish-tools{display:flex;align-items:center;flex-wrap:wrap;gap:8px}.gx-wish-chip,.gx-wish-pity,.gx-wish-bal{display:inline-flex;align-items:center;gap:6px;min-height:34px;padding:0 16px;font:800 13px var(--gx-body);color:var(--gx-navy);background:#ffffffed;border:2px solid var(--gx-navy);border-radius:18px;box-shadow:0 3px 0 var(--gx-shadow)}.gx-wish-chip svg,.gx-wish-bal svg{width:15px;height:15px}.gx-wish-chip:hover{background:#fff}.gx-wish-pity small{font:900 10px var(--gx-body);letter-spacing:.1em;color:var(--gx-blue)}.gx-wish-pity b{font:900 15px var(--gx-display)}.gx-wish-pity i{font-size:11px;font-style:normal;color:var(--gx-mute)}.gx-wish-pulls{display:flex;gap:16px}.gx-wish-pull{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;min-width:200px;min-height:58px;padding:4px 30px;border:2px solid #fff;border-radius:30px;background:linear-gradient(180deg,#fff,#dcefff);box-shadow:0 0 0 2px var(--gx-navy),0 5px 0 2px var(--gx-navy);color:var(--gx-navy);transition:transform .1s,box-shadow .1s,filter .15s}.gx-wish-pull:before,.gx-wish-pull:after{content:"";position:absolute;top:50%;width:8px;height:8px;background:var(--gx-cyan);transform:translateY(-50%) rotate(45deg)}.gx-wish-pull:before{left:14px}.gx-wish-pull:after{right:14px}.gx-wish-pull.is-ten{background:linear-gradient(180deg,#fff9d6,#ffd33d)}.gx-wish-pull.is-ten:before,.gx-wish-pull.is-ten:after{background:#e08a00}.gx-wish-pull b{display:flex;align-items:center;gap:6px;font:900 16px var(--gx-display);letter-spacing:.03em}.gx-wish-pull b svg{width:15px;height:15px}.gx-wish-pull small{display:inline-flex;align-items:center;gap:4px;font:800 13px var(--gx-body);color:var(--gx-blue)}.gx-wish-pull small svg{width:14px;height:14px}.gx-wish-pull:hover:not(:disabled){filter:brightness(1.04)}.gx-wish-pull:active:not(:disabled){transform:translateY(4px);box-shadow:0 0 0 2px var(--gx-navy),0 1px 0 2px var(--gx-navy)}.gx-wish-pull:disabled{filter:grayscale(.8);opacity:.6}.gx-wish-note{margin:0;text-align:right}@keyframes gx-twinkle{50%{opacity:.35}}.gx-rates{width:100%;border-collapse:collapse;font-size:13px}.gx-rates th{padding:6px 8px;text-align:left;font:800 11px var(--gx-body);letter-spacing:.12em;text-transform:uppercase;color:#fff;background:var(--gx-navy)}.gx-rates td{padding:6px 8px;border-bottom:1px solid #c5d9f0}.gx-rates tr:nth-child(2n) td{background:#eef6ff}.gx-reveal{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:12px}.gx-reveal-card{display:flex;flex-direction:column;align-items:center;gap:3px;padding:6px;text-align:center;background:#fff;border:3px solid #8fb3dd;animation:gx-pop .45s cubic-bezier(.3,1.5,.6,1) both}.gx-reveal-card b{font:900 13px var(--gx-body);color:var(--gx-navy)}.gx-reveal-card small{font-size:11px;color:var(--gx-mute)}.gx-two-col{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);align-items:start;gap:18px}.gx-col{display:flex;flex-direction:column;gap:18px}.gx-code-row{display:flex;align-items:center;gap:12px;margin-bottom:12px}.gx-code{padding:4px 14px;font:900 22px ui-monospace,Cascadia Mono,Consolas,monospace;letter-spacing:.18em;color:var(--gx-navy);background:#e6f2ff;border:2px dashed var(--gx-blue)}.gx-support-preview{display:flex;align-items:center;gap:12px;margin-bottom:8px}.gx-friend-list{display:flex;flex-direction:column;gap:10px}.gx-friend{display:flex;align-items:center;gap:12px;padding:8px 12px;background:var(--gx-paper);border:2px solid var(--gx-navy);box-shadow:4px 4px 0 var(--gx-shadow)}.gx-friend-avatar{display:grid;place-items:center;flex-shrink:0;width:54px;height:54px;overflow:hidden;object-fit:cover;border-radius:50%;border:3px solid #fff;box-shadow:0 0 0 2px var(--gx-navy);background:#dbe8f7;font:900 14px var(--gx-display)}.gx-friend-avatar.is-empty{background:repeating-linear-gradient(-45deg,#e6f4ff 0,#e6f4ff 6px,#fff 6px,#fff 12px)}.gx-friend-info{display:flex;flex-direction:column;flex:1;min-width:0;color:var(--gx-navy)}.gx-friend-info>b{font:900 15px var(--gx-body)}.gx-friend-info small{font-size:12px;color:var(--gx-mute)}.gx-friend-info>span{font-size:13px}.gx-row-actions{display:flex;gap:8px}.gx-cta{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:18px}.gx-auth{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(320px,420px);align-items:center;gap:4vw;padding:max(16px,env(safe-area-inset-top)) max(5vw,var(--gx-safe-r)) 16px max(5vw,var(--gx-safe-l))}.gx-auth:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;background:linear-gradient(90deg,transparent 40%,rgba(214,236,255,.55));pointer-events:none}.gx-auth-mascot{position:absolute;left:34%;bottom:0;z-index:1;height:94%;max-width:none;object-fit:contain;pointer-events:none}.gx-auth-brand{position:relative;z-index:2;display:flex;flex-direction:column;align-items:flex-start;gap:10px}.gx-auth-logo{width:72px;height:72px;object-fit:contain;padding:6px;background:#fff;border:3px solid var(--gx-navy);box-shadow:4px 4px 0 var(--gx-navy);transform:rotate(-6deg)}.gx-auth-title{display:flex;flex-direction:column;margin:0;line-height:.95;transform:rotate(-4deg);transform-origin:left}.gx-auth-title span{font:italic 900 clamp(22px,4vw,44px) var(--gx-display);letter-spacing:.12em;color:var(--gx-yellow);-webkit-text-stroke:5px var(--gx-navy);paint-order:stroke fill}.gx-auth-title b{font:italic 900 clamp(38px,7.5vw,92px) var(--gx-display);color:#fff;-webkit-text-stroke:7px var(--gx-navy);paint-order:stroke fill;text-shadow:6px 6px 0 var(--gx-navy)}.gx-auth-tag{margin:8px 0 0;padding:4px 14px;font:800 13px var(--gx-body);color:#fff;background:var(--gx-navy);transform:skew(-12deg)}.gx-auth-card{position:relative;z-index:2;width:100%;max-width:440px;justify-self:end}.gx-auth>.gx-auth-card:only-child{grid-column:1 / -1;justify-self:center}.modal.gx-modal{width:min(580px,100%);max-height:min(88dvh,760px);overflow:hidden;background:#f5f9ff;color:var(--gx-navy);border:3px solid var(--gx-navy);border-radius:4px;box-shadow:0 0 0 3px #fff,12px 12px 0 3px #17305e73;font-family:var(--gx-body);animation:gx-pop .25s cubic-bezier(.3,1.4,.6,1) both}.modal.gx-modal--wide,.modal.card-modal.gx-modal{width:min(980px,100%)}.gx-modal .modal-head{margin:0;padding:8px 10px 8px 20px;background:var(--gx-navy);border-bottom:4px solid var(--gx-yellow)}.gx-modal .modal-title{font:italic 900 19px var(--gx-display);letter-spacing:.04em;color:#fff}.gx-modal .modal-head .icon-btn{color:#fff;background:#ffffff1f;border:2px solid rgba(255,255,255,.7);border-radius:50%;width:38px;height:38px;min-height:0}.gx-modal .modal-body{padding:16px 20px 20px;color:var(--gx-navy)}.gx-modal p{color:var(--gx-navy)}.gx-modal .muted,.gx-modal .gx-fine,.gx-modal .settings-row p,.gx-modal .settings-note,.gx-modal .help-note,.gx-modal .skill-block p{color:var(--gx-mute)}.gx-modal-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:12px;margin-top:16px}.gx-modal .card-title-text{color:var(--gx-blue)}.gx-modal .stat-grid{background:#fff;border:2px solid var(--gx-navy)}.gx-modal .stat-grid dt{color:var(--gx-blue)}.gx-modal .stat-grid dd{color:var(--gx-navy)}.gx-modal .skill-block{border-bottom:1px dashed #b7cde8}.gx-modal .skill-block h3,.gx-modal .settings-row h3{color:var(--gx-navy);font-family:var(--gx-display)}.gx-modal .help-body li{color:var(--gx-navy)}.gx-modal .segmented{background:#e6f2ff;border:2px solid var(--gx-navy)}.gx-modal .segment{color:var(--gx-navy)}.gx-modal .segment.is-active{background:var(--gx-cyan);color:#fff}.gx-modal .switch{background:#c5d9f0;border:2px solid var(--gx-navy)}.gx-modal .switch.is-on{background:var(--gx-cyan)}.gx-modal .gx-tabs{margin-bottom:12px}.gx-daily{display:grid;grid-template-columns:repeat(auto-fill,minmax(96px,1fr));gap:10px;margin:0;padding:0;list-style:none}.gx-daily li{position:relative;display:flex;flex-direction:column;align-items:center;gap:4px;padding:10px 6px;text-align:center;background:#fff;border:2px solid var(--gx-navy);box-shadow:3px 3px 0 var(--gx-shadow)}.gx-daily li b{font:800 12px var(--gx-body)}.gx-daily-day{font:italic 900 11px var(--gx-display);letter-spacing:.1em;color:var(--gx-blue)}.gx-daily-gift{font-size:26px;line-height:1;color:var(--gx-amber);text-shadow:0 2px 0 var(--gx-navy)}.gx-daily-state{font:900 10px var(--gx-body);letter-spacing:.1em;color:var(--gx-mute)}.gx-daily li.is-claimed{background:#e3eefc;opacity:.72}.gx-daily li.is-claimed .gx-daily-state{color:#0d7d55}.gx-daily li.is-next{background:linear-gradient(180deg,#fffbe6,#ffe98f);border-color:var(--gx-amber);box-shadow:0 0 0 2px var(--gx-navy),0 0 16px #ffc40099}.gx-daily li.is-next .gx-daily-state{color:#d62839}@keyframes gx-pulse{50%{opacity:.55}}@keyframes gx-bob{50%{transform:translateY(-3px) scale(1.08)}}@keyframes gx-breathe{50%{transform:translateY(-4px) scale(1.006)}}@keyframes gx-pop{0%{opacity:0;transform:translateY(14px) scale(.92)}}html.reduce-motion .gx-mascot,html.reduce-motion .gx-dot,html.reduce-motion .gx-loading{animation:none}@media (max-height: 500px){.gx-hud{padding-top:max(6px,env(safe-area-inset-top))}.gx-badge{height:38px}.gx-badge-mark{width:26px;height:26px}.gx-badge-text b{font-size:14px}.gx-mini{width:38px}.gx-mini svg{width:28px;height:28px;padding:5px}.gx-mini span{display:none}.gx-cur{height:36px}.gx-cur-icon{width:26px;height:26px}.gx-cur-text b{font-size:15px}.gx-back{width:40px;height:40px}.gx-plate-cjk{font-size:20px}.gx-page-head{min-height:0;padding-bottom:6px;padding-right:calc(var(--gx-safe-r) + 250px)}}@media (max-width: 1000px){.gx-cur-text small{display:none}.gx-stage{grid-template-columns:auto minmax(0,1fr) auto}.gx-stage-foes{display:none}.gx-two-col{grid-template-columns:minmax(0,1fr)}}@media (max-width: 760px) and (orientation: portrait){.gx-hud{flex-wrap:wrap}.gx-hud-right{gap:8px;margin-left:auto}.gx-minis{display:none}.gx-cur{height:38px;padding-right:12px}.gx-cur-icon{width:28px;height:28px}.gx-cur-text b{font-size:15px}.gx-badge-text b{max-width:9ch}.gx-side{top:1%;flex-direction:row;gap:14px}.gx-side-label{display:none}.gx-mascot{left:-6vw;width:76vw;height:66%;bottom:auto;top:2%}.gx-menu{top:auto;left:var(--gx-safe-l);width:auto;height:58%}.gx-menu-title{font-size:30px}.gx-menu-grid{transform:rotate(-2deg)}.gx-tile-label b{font-size:20px;-webkit-text-stroke-width:5px}.gx-tile--story .gx-tile-label b{font-size:28px}.gx-tile-sub,.gx-tile .gx-ph small,.gx-start small{display:none}.gx-page-head{flex-wrap:wrap;padding-top:58px;padding-right:var(--gx-safe-r)}.gx-lineup{grid-template-columns:repeat(2,minmax(0,1fr));max-width:420px}.gx-stage-desc{display:none}.gx-stage-no{width:48px;font-size:20px}.gx-stage-go{padding:0 12px}.gx-grid{grid-template-columns:repeat(auto-fill,minmax(104px,1fr));gap:10px}.gx-auth{grid-template-columns:minmax(0,1fr);align-content:center;gap:24px}.gx-auth-mascot{left:20%;height:60%;top:4%;bottom:auto;opacity:.6}.gx-auth-card{justify-self:stretch;max-width:none}}@media (max-height: 500px){.gx-wish{gap:8px}.gx-wish-frame{--notch: 20px;min-height:0}.gx-wish-head{top:12px;left:26px}.gx-wish-desc,.gx-wish-ph small{display:none}.gx-wish-side li{padding-right:10px}.gx-wish-side-img{width:28px;height:28px}.gx-wish-tab{width:72px;height:32px}.gx-wish-pull{min-width:150px;min-height:46px}}@media (max-width: 760px) and (orientation: portrait){.gx-summon-page .gx-page-aside{margin:0;width:100%;overflow-x:auto}.gx-wish-frame{--notch: 18px;min-height:360px}.gx-wish-head{left:22px}.gx-wish-lead{max-width:80%;height:72%}.gx-wish-cast{top:18%;bottom:auto;height:30%;width:50%}.gx-wish-lead-plate{max-width:88%;bottom:6%}.gx-wish-lead-plate b{font-size:30px}.gx-wish-ph small{display:none}.gx-wish-ph{align-items:flex-end;padding:18px 22px 0 0}.gx-wish-pull b{font-size:14px;white-space:nowrap}.gx-wish-side{top:92px;bottom:auto}.gx-wish-side li>span:last-child{display:none}.gx-wish-side li{padding:3px}.gx-wish-pulls{width:100%}.gx-wish-pull{flex:1;min-width:0;padding:4px 22px}}