@import"https://fonts.googleapis.com/css2?family=Noto+Serif+SC:wght@400;600;700;900&family=Noto+Sans+SC:wght@400;500;700&display=swap";:root{--font-display: "Noto Serif SC", Georgia, serif;--font-body: "Noto Sans SC", -apple-system, sans-serif;--bg: #faf8f5;--bg-warm: #f5f1eb;--bg-card: #fff;--bg-inset: #f0ece5;--text: #3b3532;--text-main: #3b3532;--text-secondary: #7a716a;--text-muted: #b0a89e;--accent: #c06040;--accent-hover: #a84e32;--accent-soft: #e8c4b0;--blue: #5b8fb9;--green: #6a9e6d;--red: #c45c5c;--gold: #c09a50;--rose-gold: #b76e79;--radius: 12px;--radius-lg: 20px;--shadow: 0 2px 12px rgba(80,60,40,.07);--shadow-lg: 0 8px 32px rgba(80,60,40,.1)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body{font-size:16px;font-family:var(--font-body);background:var(--bg);color:var(--text);line-height:1.65;min-height:100vh;overflow-x:hidden;-webkit-font-smoothing:antialiased}#app{width:100%;max-width:1200px;margin:0 auto;padding:12px;min-height:100vh;display:flex;flex-direction:column}h1,h2,h3{font-family:var(--font-display);font-weight:700;line-height:1.3}.section-title{font-family:var(--font-display);font-size:1.05rem;text-align:center;margin-bottom:14px;letter-spacing:.06em;color:var(--text-secondary)}.panel{background:var(--bg-card);border-radius:var(--radius-lg);padding:24px 20px;box-shadow:var(--shadow);min-width:0;max-width:100%}.btn{font-family:var(--font-body);font-weight:600;font-size:.88rem;padding:9px 22px;border-radius:999px;border:1.5px solid transparent;cursor:pointer;transition:all .18s;display:inline-flex;align-items:center;justify-content:center;gap:5px;-webkit-user-select:none;user-select:none}.btn:active:not(:disabled){transform:scale(.97)}.btn:disabled{opacity:.4;cursor:not-allowed}.btn-primary{background:var(--accent);color:#fff;border-color:var(--accent)}.btn-primary:hover:not(:disabled){background:var(--accent-hover)}.btn-secondary{background:transparent;color:var(--text);border-color:var(--bg-inset)}.btn-secondary:hover:not(:disabled){background:var(--bg-inset)}.btn-success{background:var(--green);color:#fff;border-color:var(--green)}.btn-lg{padding:13px 30px;font-size:.95rem}.btn-group{display:flex;flex-direction:column;gap:10px;margin-top:10px}input[type=text]{background:var(--bg-inset);border:1.5px solid transparent;color:var(--text);padding:11px 15px;border-radius:var(--radius);font-family:var(--font-body);font-size:.93rem;font-weight:500;outline:none;transition:all .2s;width:100%}input[type=text]:focus{border-color:var(--accent-soft);background:var(--bg-card)}input[type=text]::placeholder{color:var(--text-muted)}.lobby{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:20px 0}.lobby .title-main{font-family:var(--font-display);font-size:2.4rem;font-weight:900;color:var(--accent);text-align:center;margin-bottom:4px}.lobby .title-sub{font-size:.93rem;color:var(--text-secondary);text-align:center;margin-bottom:18px}.lobby .panel{width:100%;max-width:380px}.room-row{display:flex;gap:8px}.room-row input{flex:1}.room-row .btn{flex-shrink:0}.status-msg{color:var(--text-secondary);font-style:italic;text-align:center}.modal-overlay.pve-opponent-modal{display:none;align-items:center;justify-content:center;padding:20px;z-index:1200}.modal-overlay.pve-opponent-modal.is-open{display:flex}.pve-opponent-panel{width:min(760px,94vw);max-height:min(760px,88vh);display:flex;flex-direction:column;background:var(--bg-card);border:1px solid var(--bg-inset);border-radius:12px;box-shadow:var(--shadow-lg);overflow:hidden}.pve-opponent-header{height:58px;display:flex;align-items:center;justify-content:space-between;padding:0 18px;border-bottom:1px solid var(--bg-inset);flex:0 0 auto}.pve-opponent-header h2{font-family:var(--font-display);font-size:1.08rem;color:var(--text);letter-spacing:0}.pve-opponent-close{width:34px;height:34px;display:grid;place-items:center;border:0;border-radius:6px;background:var(--bg-inset);color:var(--text-secondary);font-size:1.35rem;line-height:1;cursor:pointer}.pve-opponent-close:hover,.pve-opponent-close:focus-visible{background:var(--accent);color:#fff;outline:none}.pve-opponent-grid{min-height:0;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:9px;padding:14px 16px;overflow-y:auto}.pve-opponent-option{min-width:0;display:grid;grid-template-rows:auto 20px 17px;align-items:center;padding:6px;border:1px solid var(--bg-inset);border-radius:8px;background:var(--bg-card);color:var(--text);cursor:pointer;transition:border-color .16s ease,box-shadow .16s ease,transform .16s ease}.pve-opponent-option:hover,.pve-opponent-option:focus-visible{border-color:var(--accent-soft);box-shadow:0 3px 10px #503c281a;outline:none;transform:translateY(-1px)}.pve-opponent-option.selected{border-color:var(--accent);box-shadow:0 0 0 2px #c0604024}.portrait-frame{position:relative;display:block;overflow:hidden;background:var(--bg-inset);isolation:isolate}.portrait-frame>img{position:relative;z-index:1;width:100%;height:100%;display:block;object-fit:cover}.pve-opponent-portrait{width:100%;aspect-ratio:1/1;border-radius:6px}.pve-opponent-option img{width:100%;height:100%;object-fit:cover;background:var(--bg-inset)}.pve-opponent-option span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.72rem;font-weight:800}.pve-opponent-option small{font-size:.61rem;color:var(--text-muted)}.pve-opponent-footer{min-height:58px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:9px 16px;border-top:1px solid var(--bg-inset);background:var(--bg-card);flex:0 0 auto}.pve-opponent-footer>span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--text-secondary);font-size:.78rem;font-weight:700}.pve-opponent-footer .btn{min-width:116px}.schedule-bar{display:flex;justify-content:center;gap:6px;padding:8px 0;overflow-x:auto}.schedule-item{display:flex;flex-direction:column;align-items:center;padding:7px 11px;border-radius:var(--radius);background:var(--bg-inset);min-width:54px;transition:all .25s}.schedule-item.active{background:var(--accent);color:#fff;transform:translateY(-3px);box-shadow:0 4px 12px #c0604040}.schedule-item .icon{font-size:1.2rem}.schedule-item .label{font-size:.7rem;font-weight:600;margin-top:2px}.prep-opponent-summary{min-height:64px;display:flex;align-items:center;justify-content:center;gap:10px;padding:10px 16px!important;text-align:left}.prep-opponent-avatar{width:44px;height:44px;flex:0 0 44px;border-radius:8px;border:1px solid var(--bg-inset)}.prep-opponent-summary>div{display:grid;grid-template-columns:auto auto;align-items:baseline;gap:2px 7px}.prep-opponent-summary span{color:var(--text-muted);font-size:.7rem;font-weight:700}.prep-opponent-summary strong{color:var(--accent);font-size:.9rem}.prep-opponent-summary small{grid-column:1/-1;color:var(--text-secondary);font-size:.72rem}@media(max-width:680px){.pve-opponent-modal{padding:10px}.pve-opponent-panel{width:100%;max-height:92vh}.pve-opponent-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;padding:10px}}@media(max-width:430px){.pve-opponent-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.pve-opponent-footer{padding-inline:10px}}.avatar-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(88px,104px));gap:12px;padding:10px 16px;justify-content:center;max-width:1040px;margin:0 auto}.avatar-cell{position:relative;width:100%;aspect-ratio:1;border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow);cursor:pointer;transition:all .2s;border:2.5px solid transparent}.avatar-cell:hover{transform:translateY(-3px);box-shadow:var(--shadow-lg)}.avatar-cell.selected{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent-soft),var(--shadow-lg)}.avatar-img{width:100%;height:100%;background:var(--bg-inset)}.avatar-img>img{width:100%;height:100%;object-fit:cover}.avatar-name{position:absolute;bottom:0;left:0;right:0;background:#ffffffd9;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);color:var(--text);font-size:.65rem;font-weight:700;text-align:center;padding:2px 0;font-family:var(--font-display);border-top:1px solid var(--bg-inset)}.card{width:230px;background:var(--bg-card);border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow);cursor:pointer;transition:all .25s;border:2px solid transparent}.card:hover{transform:translateY(-5px);box-shadow:var(--shadow-lg)}.card.selected{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft),var(--shadow-lg)}.card-image-wrap{width:100%;height:190px;overflow:hidden;position:relative;background:var(--bg-inset)}.card-detail-portrait{width:100%;height:100%}.card-image-wrap img{width:100%;height:100%;object-fit:cover;transition:transform .4s}.card:hover .card-image-wrap img{transform:scale(1.06)}.card-image-wrap:after{content:"";position:absolute;bottom:0;left:0;right:0;height:50px;background:linear-gradient(to top,var(--bg-card),transparent)}.card-badge{position:absolute;top:8px;right:8px;background:#ffffffe0;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);padding:2px 9px;border-radius:999px;font-size:.72rem;font-weight:700;color:var(--text-secondary)}.card-body{padding:10px 14px 14px}.card-name{font-family:var(--font-display);font-size:1.15rem;font-weight:700}.card-title{font-size:.75rem;color:var(--text-secondary);margin-bottom:8px}.card-stats{display:flex;justify-content:space-between;background:var(--bg-inset);padding:7px 9px;border-radius:var(--radius);margin-bottom:8px}.card-stats .stat-val{font-size:1rem;font-weight:800}.card-stats .stat-lbl{font-size:.6rem;color:var(--text-muted);text-transform:uppercase}.card-skills{display:flex;flex-direction:column;gap:5px;padding-top:4px}.skill-line{font-size:.75rem;line-height:1.4;color:var(--text-secondary)}.skill-line strong{color:var(--text-main)}.skill-line.pos{color:#3d6e40;background:#3d6e400d;padding:4px 8px;border-radius:4px}.skill-line.neg{color:#944;background:#9944440d;padding:4px 8px;border-radius:4px}.skill-line ul{padding-left:16px;margin:2px 0;list-style-type:disc}.skill-line li{margin-bottom:2px}.modal-content-card{width:90%;max-width:300px;animation:popUp .3s cubic-bezier(.175,.885,.32,1.275);position:relative}.modal-close{position:absolute;top:-12px;right:-12px;width:32px;height:32px;background:var(--bg-card);color:var(--text-muted);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.2rem;cursor:pointer;box-shadow:var(--shadow-lg);z-index:1001;border:1px solid var(--bg-inset);transition:all .2s}.modal-close:hover{background:var(--red);color:#fff;transform:rotate(90deg)}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#faf8f5bf;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);display:flex;align-items:flex-end;justify-content:center;z-index:9000;animation:fadeIn .2s}.modal-content{background:var(--bg-card);width:100%;max-width:480px;border-radius:24px 24px 0 0;padding:24px 20px 30px;box-shadow:0 -4px 20px #0000001a;animation:slideUp .3s cubic-bezier(.175,.885,.32,1.275);position:relative;max-height:85vh;overflow-y:auto}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.modal-close{position:absolute;top:16px;right:20px;font-size:1.5rem;color:var(--text-muted);cursor:pointer;line-height:1}.modal-header{display:flex;gap:16px;margin-bottom:20px}.modal-avatar{width:90px;height:90px;border-radius:var(--radius-lg);object-fit:cover;box-shadow:var(--shadow)}.modal-title{flex:1}.modal-name{font-family:var(--font-display);font-size:1.6rem;font-weight:900;color:var(--text);line-height:1.2}.modal-sub{font-size:.85rem;color:var(--text-secondary);margin-bottom:4px}.modal-tags{display:flex;gap:6px;flex-wrap:wrap}.modal-tag{background:var(--bg-inset);color:var(--text-secondary);font-size:.7rem;padding:2px 8px;border-radius:999px;font-weight:600}.modal-stats{display:flex;background:var(--bg-inset);border-radius:var(--radius);padding:12px;gap:12px;margin-bottom:20px;text-align:center}.modal-stat{flex:1}.modal-stat-val{font-size:1.1rem;font-weight:700;color:var(--text)}.modal-stat-val.hp{color:var(--green)}.modal-stat-lbl{font-size:.65rem;color:var(--text-muted);text-transform:uppercase}.modal-skills{display:flex;flex-direction:column;gap:10px;margin-bottom:24px}.modal-skill{background:var(--bg-card);border:1px solid var(--bg-inset);padding:12px;border-radius:var(--radius)}.modal-skill.pos{border-left:4px solid var(--green)}.modal-skill.neg{border-left:4px solid var(--red)}.modal-skill-title{font-weight:700;font-size:.9rem;margin-bottom:4px}.modal-skill-desc{font-size:.8rem;color:var(--text-secondary);line-height:1.4}.modal-action{text-align:center}.battle-view{width:100%;display:flex;flex-direction:column;gap:10px}.arena{display:flex;flex-direction:column;gap:10px;min-height:0}.battle-topbar{min-width:0;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;padding:8px 10px;background:var(--bg-card);border:1px solid var(--bg-inset);border-radius:8px;box-shadow:var(--shadow)}.battle-day{display:flex;flex-direction:column;justify-content:center;min-width:74px;padding:0 8px;border-right:1px solid var(--bg-inset);line-height:1.25}.battle-day span{font-size:.61rem;color:var(--text-muted);font-weight:700}.battle-day strong{font-family:var(--font-display);font-size:.86rem;color:var(--accent)}.battle-schedule-track{min-width:0;display:grid;grid-template-columns:repeat(6,minmax(62px,1fr));gap:6px;overflow-x:auto}.battle-reschedule{min-height:36px;padding:6px 14px;border-radius:7px;white-space:nowrap}.sch-item{display:flex;align-items:center;justify-content:center;gap:6px;min-height:34px;padding:5px 8px;border-radius:7px;font-size:.76rem;transition:background .2s,color .2s,box-shadow .2s;background:var(--bg-inset)}.sch-item.active{background:var(--accent);color:#fff;font-weight:700;box-shadow:0 2px 8px #c0604033}.sch-item.past{opacity:.35}.sch-label{font-weight:500}.reroll-count{text-align:center;font-size:.85rem;color:var(--text-secondary)}.reroll-hint{font-size:.72rem;color:var(--text-muted);text-align:center}.arena-center{display:flex;flex-direction:column;align-items:center;gap:8px;min-height:0;min-width:0;max-width:100%}.card-row{width:100%;display:flex;align-items:center;justify-content:center;gap:clamp(28px,7vw,92px);min-height:0;padding:14px 0 8px}.battle-card-wrap{display:flex;flex-direction:column;align-items:center;gap:6px;position:relative;transition:transform .3s;width:176px}.battle-card{box-sizing:border-box;width:156px;height:204px;border:2px solid transparent;border-radius:8px;overflow:hidden;background:var(--bg-inset);box-shadow:0 7px 20px #503c281f;position:relative;flex-shrink:0;isolation:isolate}.battle-card-wrap.active-attacker .battle-card{border:2px solid var(--red);box-shadow:0 0 0 3px #c45c5c21,0 9px 24px #503c2829}.battle-card-wrap.active-attacker{z-index:2}.battle-card-wrap.dead{filter:grayscale(.82);opacity:.76}.atk-badge-lg{display:none;position:absolute;z-index:3;top:7px;left:50%;transform:translate(-50%);padding:2px 8px;border-radius:999px;background:var(--red);color:#fff;font-size:.6rem;font-weight:850;letter-spacing:.04em;box-shadow:0 2px 7px #7e343433}.battle-card-wrap.active-attacker .atk-badge-lg{display:block}.battle-card img{position:relative;z-index:1;width:100%;height:100%;object-fit:cover}.portrait-fallback{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;display:grid;place-items:center;background:linear-gradient(145deg,#ede7df,#ded5ca);color:#8b7d73;font-family:var(--font-display);font-size:1.45rem;font-weight:800}.bc-name{position:absolute;z-index:2;bottom:0;left:0;right:0;background:linear-gradient(to top,rgba(255,255,255,.92) 0%,rgba(255,255,255,.5) 70%,transparent 100%);color:var(--text);font-family:var(--font-display);font-size:.85rem;font-weight:800;padding:22px 8px 6px;text-align:center}.bc-hp{width:100%;height:12px;background:var(--bg-inset);border-radius:6px;overflow:hidden;position:relative}.hp-bar-h{position:absolute;left:0;height:100%;border-radius:6px;transition:width .5s ease}.hp-bar-h.friendly{background:linear-gradient(to right,#5a9a5d,#7cb87e)}.hp-bar-h.enemy{background:linear-gradient(to right,#b35555,#d07070)}.hp-label{position:absolute;top:0;width:100%;text-align:center;font-size:.55rem;font-weight:800;line-height:12px;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.4);transition:transform .2s ease,color .2s ease}.bc-hp.hp-critical{box-shadow:0 0 0 2px #c45c5c1f}.bc-hp.hp-critical .hp-bar-h{animation:criticalHpPulse 1.35s ease-in-out infinite}.bc-hp.hp-loss .hp-label{color:#ffe3e0;transform:scale(1.12)}.bc-hp.hp-gain .hp-label{color:#e7f8e8;transform:scale(1.12)}@keyframes criticalHpPulse{50%{filter:brightness(1.2);opacity:.78}}.skill-details{width:100%}.skill-desc-box{width:100%;background:var(--bg-card);border:1.5px solid var(--bg-inset);border-radius:8px;padding:6px;font-size:.65rem;line-height:1.3;color:var(--text-secondary);text-align:center;box-shadow:0 2px 6px #00000008}.skill-desc-line{margin-bottom:2px;text-align:left}.skill-desc-line:last-child{margin-bottom:0}.skill-desc-line.pos{color:#3d6e40}.skill-desc-line.neu{color:#4a5568}.skill-desc-line.neg{color:#944}.skill-desc-line ul{padding-left:14px;margin-top:2px}.skill-desc-line li{margin-bottom:2px}.bc-multi{font-size:.72rem;white-space:nowrap;margin-top:-2px}.multiplier{padding:2px 7px;border-radius:999px;font-weight:700;font-size:.68rem}.multiplier.x2{background:#fef3e2;color:#b67721}.multiplier.x1{background:var(--bg-inset);color:var(--text-muted)}.multiplier.x05{background:#fde8e8;color:#944}.vs-area{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;min-width:86px;max-width:130px}.vs-area:before{content:none}.battle-flow{height:18px;display:flex;align-items:center;gap:0;color:var(--accent);opacity:.78}.flow-line{width:34px;height:1px;background:currentColor;position:relative}.flow-arrow{font-family:var(--font-display);font-size:1.1rem;line-height:1;transform:translateY(-1px)}.battle-flow.toward-opponent{color:var(--red);flex-direction:row-reverse}.battle-flow.toward-me{color:var(--blue)}.battle-flow.neutral{color:var(--text-muted)}.battle-round{font-size:.6rem;color:var(--text-muted);font-weight:750;white-space:nowrap}.phase-text{font-family:var(--font-display);font-size:.82rem;font-weight:700;text-align:center;color:var(--text-secondary);line-height:1.4}.battle-control-panel{width:min(720px,100%);min-height:116px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;padding:10px 12px;background:var(--bg-card);border:1px solid var(--bg-inset);border-radius:8px;box-shadow:var(--shadow);transition:min-height .25s ease,padding .25s ease,box-shadow .25s ease}.battle-control-panel.is-idle{min-height:0;padding:5px 12px;gap:0;box-shadow:0 2px 8px #503c280f}.battle-control-panel.is-idle .dice-area{display:none;min-height:0}.battle-control-panel.is-idle .action-bar{min-height:48px}.battle-control-panel.is-idle .reroll-hint{display:none}.dice-area{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;min-height:52px}.dice-row{display:flex;align-items:center;gap:8px}.dice-label{font-weight:700;font-size:.8rem;width:28px;text-align:right}.die{width:40px;height:40px;display:flex;align-items:center;justify-content:center;font-family:var(--font-display);font-weight:900;font-size:1.15rem;border-radius:9px;box-shadow:0 3px 8px #00000014;position:relative;transition:outline .15s}.die-corner{position:absolute;top:-4px;right:-4px;background:var(--bg-card);font-size:.55rem;font-weight:800;font-family:var(--font-body);padding:1px 4px;border-radius:4px;border:1px solid currentColor;line-height:1}.die.attack{background:#fff;border:2px solid var(--gold);color:var(--gold)}.die.defense{background:#fff;border:2px solid var(--blue);color:var(--blue)}.die.rolling{animation:diceRoll .45s cubic-bezier(.175,.885,.32,1.275)}@keyframes diceRoll{0%{transform:perspective(400px) rotateX(0) rotateY(0) scale(.5);opacity:.3}50%{transform:perspective(400px) rotateX(360deg) rotateY(180deg) scale(1.15);opacity:1}to{transform:perspective(400px) rotateX(720deg) rotateY(360deg) scale(1)}}.shake-screen{animation:screenImpulse .25s cubic-bezier(.36,.07,.19,.97) both}@keyframes screenImpulse{10%,90%{transform:translate3d(-2px,0,0)}20%,80%{transform:translate3d(3px,-1px,0)}30%,50%,70%{transform:translate3d(-3px,2px,0)}40%,60%{transform:translate3d(3px,1px,0)}}.die.selectable{cursor:pointer;transition:transform .15s ease,outline .15s ease}.die.selectable:hover{outline:2px solid var(--accent-soft);outline-offset:2px;transform:translateY(-2px) scale(1.04)}.die.selected{outline:2.5px solid var(--accent);outline-offset:2px;background:var(--accent-soft)!important;transform:scale(1.06)}.dice-sum{font-weight:700;font-size:.88rem;white-space:nowrap}.action-bar{display:flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:4px 0}.battle-control-strip{width:100%;min-height:34px;display:flex;align-items:center;justify-content:center;gap:10px;padding-top:6px;border-top:1px solid var(--bg-inset);position:relative}.battle-control-strip .reroll-count{font-size:.75rem;white-space:nowrap}.battle-control-strip .reroll-hint{font-size:.68rem}.battle-control-strip>.btn{min-height:30px;padding:5px 12px;border-radius:6px;font-size:.75rem}.battle-menu{position:absolute;right:0;top:5px;z-index:120}.battle-menu>summary{width:32px;height:32px;display:grid;place-items:center;border:1px solid var(--bg-inset);border-radius:7px;background:var(--bg-card);color:var(--text-secondary);font-size:1.35rem;line-height:1;cursor:pointer}.battle-menu[open]>summary{border-color:var(--accent-soft);color:var(--accent)}.battle-menu-popover{position:absolute;right:0;bottom:calc(100% + 6px);width:132px;display:flex;flex-direction:column;gap:6px;padding:8px;background:var(--bg-card);border:1px solid var(--bg-inset);border-radius:8px;box-shadow:var(--shadow-lg)}.battle-menu-popover .btn{width:100%;padding:7px 9px;border-radius:6px;font-size:.76rem}.skill-alert{font-size:.78rem;font-weight:700;padding:3px 12px;border-radius:999px;animation:alertSlide .3s ease-out;display:inline-block;margin:2px}.skill-alert.positive{background:#6a9e6d26;color:#3d6e40}.skill-alert.negative{background:#c45c5c1f;color:#944}@keyframes alertSlide{0%{transform:translateY(-6px);opacity:0}to{transform:translateY(0);opacity:1}}.resolution-summary{font-size:.68rem;font-weight:800;color:var(--text-muted);margin-bottom:2px;animation:alertSlide .22s ease-out}.resolution-summary.damage{color:var(--red)}.resolution-summary.self-damage{color:#a64141}.resolution-summary.guarded{color:var(--green)}.skill-glass-banner{position:absolute;top:15%;left:50%;transform:translate(-50%) translateY(-10px);padding:6px 18px;border-radius:999px;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);font-family:var(--font-display);font-size:.85rem;font-weight:800;letter-spacing:.05em;box-shadow:var(--shadow-lg);animation:bannerSlideIn .3s cubic-bezier(.175,.885,.32,1.275) forwards;pointer-events:none;z-index:150;white-space:nowrap}.skill-glass-banner.pos{background:#ebf7eee0;border:1px solid rgba(106,158,109,.4);color:#2d5a30;box-shadow:var(--shadow)}.skill-glass-banner.neg{background:#fdeeeee0;border:1px solid rgba(196,92,92,.4);color:#944;box-shadow:var(--shadow)}.skill-glass-banner.neu{background:#f5f0ffe0;border:1px solid rgba(168,85,247,.4);color:#6b21a8;box-shadow:var(--shadow)}@keyframes bannerSlideIn{0%{opacity:0;transform:translate(-50%) translateY(-20px) scale(.92)}to{opacity:1;transform:translate(-50%) translateY(0) scale(1)}}.card-attacking{animation:cardAtk .6s ease-in-out}@keyframes cardAtk{0%{transform:translate(0) scale(1)}35%{transform:translate(60px) scale(1.08)}50%{transform:translate(60px) scale(1.08)}to{transform:translate(0) scale(1)}}.self-side.card-attacking{animation-name:cardAtkSelf}@keyframes cardAtkSelf{0%{transform:translate(0) scale(1)}35%{transform:translate(-60px) scale(1.08)}50%{transform:translate(-60px) scale(1.08)}to{transform:translate(0) scale(1)}}.card-hit{animation:cardHit .4s ease .3s}@keyframes cardHit{0%{transform:translate(0)}20%{transform:translate(-8px)}40%{transform:translate(8px)}60%{transform:translate(-4px)}80%{transform:translate(4px)}to{transform:translate(0)}}.floating-damage{position:absolute;top:30%;left:50%;transform:translate(-50%);font-family:var(--font-display);font-size:1.8rem;font-weight:900;color:var(--red);animation:floatUp 1.2s ease-out forwards;pointer-events:none;z-index:10;text-shadow:0 2px 6px rgba(0,0,0,.15)}.floating-damage.miss{color:var(--green);font-size:1.15rem}.floating-damage.tone-pierce{color:var(--blue)}.floating-damage.tone-heavy{color:var(--gold)}.floating-damage.tone-revival{color:var(--gold);text-shadow:0 0 12px rgba(192,154,80,.45)}.floating-damage.tone-counter{color:#795e9f}@keyframes floatUp{0%{opacity:1;transform:translate(-50%) translateY(0)}to{opacity:0;transform:translate(-50%) translateY(-50px)}}.class-change-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#faf8f5eb;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:9200;animation:fadeIn .22s}.class-change-content{text-align:center;animation:popUp .4s cubic-bezier(.175,.885,.32,1.275)}.cc-icon{font-size:4rem;margin-bottom:8px}.cc-label{font-size:1rem;color:var(--text-muted);margin-bottom:4px;letter-spacing:.1em}.cc-name{font-family:var(--font-display);font-size:2.2rem;font-weight:900;color:var(--accent)}.cc-day{font-family:var(--font-display);font-size:2.8rem;font-weight:900;color:var(--text);margin-bottom:6px}.class-change-overlay.compact{inset:18px auto auto 50%;transform:translate(-50%);width:min(360px,calc(100vw - 28px));padding:12px 18px;background:#fffffff0;border:1px solid var(--bg-inset);border-radius:8px;box-shadow:var(--shadow-lg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.class-change-overlay.compact .class-change-content{width:100%;display:grid;grid-template-columns:auto auto;align-items:center;justify-content:center;gap:2px 10px;animation:alertSlide .25s ease-out}.class-change-overlay.compact .cc-icon{grid-row:1/3;font-size:1.8rem;margin:0}.class-change-overlay.compact .cc-label{font-size:.7rem;line-height:1.2;margin:0;text-align:left;letter-spacing:0}.class-change-overlay.compact .cc-name{font-size:1.05rem;line-height:1.25;text-align:left}.class-change-overlay.fade-out{animation:fadeOut .35s forwards}@keyframes fadeOut{to{opacity:0}}.battle-log{width:100%;margin-bottom:72px;scroll-margin-bottom:72px;background:var(--bg-card);border:1px solid var(--bg-inset);border-radius:8px;box-shadow:0 2px 8px #503c280d;flex-shrink:0;overflow:visible}.battle-log-summary{height:40px;display:grid;grid-template-columns:auto minmax(0,1fr) 20px;align-items:center;gap:10px;padding:0 12px;cursor:pointer;list-style:none;-webkit-user-select:none;user-select:none;color:var(--text-secondary)}.battle-log-summary::-webkit-details-marker{display:none}.battle-log-heading{font-size:.75rem;font-weight:800;color:var(--text);white-space:nowrap}.battle-log-heading span{display:inline-flex;min-width:20px;height:20px;align-items:center;justify-content:center;margin-left:3px;padding:0 5px;border-radius:5px;background:var(--bg-inset);font-size:.68rem;color:var(--text-secondary)}.battle-log-latest{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.72rem;text-align:right}.battle-log-chevron{font-size:1.05rem;text-align:center;transition:transform .18s ease}.battle-log[open] .battle-log-chevron{transform:rotate(180deg)}.battle-log-content{max-height:min(42vh,360px);overflow-y:auto;border-top:1px solid var(--bg-inset);padding:8px 12px 12px}.battle-log-empty{padding:20px 8px;text-align:center;color:var(--text-muted);font-size:.75rem}.battle-log-class{padding-top:8px}.battle-log-class+.battle-log-class{margin-top:8px;border-top:1px solid var(--bg-inset)}.battle-log-class>h3{font-family:var(--font-body);font-size:.76rem;color:var(--text);font-weight:800;margin-bottom:5px}.battle-log-round{display:grid;grid-template-columns:70px minmax(0,1fr);gap:8px;padding:5px 0}.battle-log-round>h4{font-family:var(--font-body);font-size:.68rem;color:var(--text-muted);font-weight:700;padding-top:5px}.battle-log-entries{min-width:0;border-left:2px solid var(--bg-inset);padding-left:9px}.log-entry{position:relative;min-width:0;display:flex;align-items:flex-start;gap:7px;padding:5px 2px;font-size:.72rem;color:var(--text-secondary);line-height:1.4;overflow:hidden}.log-entry+.log-entry{border-top:1px solid rgba(240,236,229,.75)}.log-entry-turn{display:block}.log-entry-main,.log-target-result{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px;min-width:0}.log-entry-main span,.log-target-result span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--text);font-weight:650}.log-entry-main strong,.log-target-result strong{font-size:.7rem;white-space:nowrap}.log-entry-main strong.damage,.log-target-result strong.damage{color:var(--red)}.log-entry-main strong.miss,.log-target-result strong.miss{color:var(--green)}.log-target-result+.log-target-result{margin-top:4px}.log-target-result small{grid-column:1/-1;color:var(--text-muted);font-size:.65rem}.log-entry-notes{margin-top:3px;color:var(--text-muted);font-size:.66rem}.log-type{flex:0 0 auto;min-width:34px;padding:1px 4px;border-radius:4px;background:var(--bg-inset);color:var(--text-secondary);font-size:.62rem;font-weight:800;text-align:center}.log-entry-tactical .log-type{background:#c09a5024;color:#8a6828}.log-entry-skill .log-type{background:#5b8fb921;color:#3f7097}.log-entry-text{min-width:0;overflow-wrap:anywhere}.log-entry-new{background:#c09a5014}.result-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#faf8f5d9;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);display:flex;align-items:center;justify-content:center;z-index:100;animation:fadeIn .25s}.result-content{background:var(--bg-card);padding:36px 32px;border-radius:var(--radius-lg);text-align:center;box-shadow:var(--shadow-lg);animation:popUp .35s cubic-bezier(.175,.885,.32,1.275)}@keyframes popUp{0%{transform:scale(.88);opacity:0}to{transform:scale(1);opacity:1}}.result-title{font-family:var(--font-display);font-size:2.2rem;font-weight:900;margin-bottom:10px}.result-title.win{color:var(--gold)}.result-title.lose{color:var(--text-muted)}.result-title.draw{color:var(--blue)}.subject-picker{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin-top:10px}.subject-picker button{font-family:var(--font-body);font-size:.8rem;font-weight:600;padding:7px 4px;border:1.5px solid var(--bg-inset);border-radius:var(--radius);background:var(--bg-card);cursor:pointer;transition:all .15s}.subject-picker button:hover{border-color:var(--accent-soft);background:var(--bg-warm)}.picker-section-label{grid-column:1/-1;font-size:.68rem;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:.1em;padding:3px 0 0}@media(max-width:680px){.battle-topbar{grid-template-columns:auto minmax(0,1fr);gap:7px;padding:7px}.battle-day{min-width:56px;padding:0 6px}.battle-day span{font-size:.54rem}.battle-day strong{font-size:.75rem}.battle-schedule-track{grid-template-columns:repeat(6,66px);gap:5px}.battle-reschedule{grid-column:1/-1;width:100%;min-height:32px;padding:5px 10px}.sch-item{min-width:66px;white-space:nowrap;font-size:.69rem;padding:4px 6px}.card-row{flex-direction:row;align-items:center;gap:7px;min-height:auto;padding:9px 0 5px}.battle-card-wrap{width:112px;flex-direction:column;gap:4px}.battle-card{width:104px;height:138px}.vs-area{min-width:58px;max-width:64px}.vs-area:before{font-size:.78rem}.battle-flow{height:14px}.flow-line{width:22px}.flow-arrow{font-size:.9rem}.battle-round{font-size:.56rem}.phase-text{font-size:.68rem;line-height:1.35}.skill-details>summary{font-size:.65rem!important}.battle-control-panel{min-height:104px;padding:8px 9px}.battle-control-panel.is-idle{min-height:0;padding:4px 9px}.battle-control-strip{justify-content:flex-start;padding-right:36px;gap:7px}.reroll-hint{display:none}.reroll-count{font-size:.78rem}.battle-menu{right:0}.battle-log-summary{grid-template-columns:auto minmax(0,1fr) 18px;gap:7px;padding:0 9px}.battle-log{margin-bottom:72px;scroll-margin-bottom:72px}.battle-log-latest{font-size:.67rem}.battle-log-content{max-height:50vh;padding:7px 9px 10px}.battle-log-round{grid-template-columns:1fr;gap:2px}.battle-log-round>h4{padding-top:0}.battle-log-entries{margin-left:3px}.status-effect>summary{max-width:116px}#app{max-width:100%}html{font-size:15px}}.class-banner{position:fixed;top:40%;left:50%;transform:translate(-50%,-50%);background:#ffffffe0;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);color:var(--accent);border:1px solid rgba(220,200,180,.6);padding:20px 40px;border-radius:16px;font-size:2rem;font-weight:700;font-family:var(--font-display);z-index:9999;box-shadow:var(--shadow-lg),0 10px 30px #503c281f;animation:popIn .3s cubic-bezier(.175,.885,.32,1.275) forwards}.class-banner.fade-out{opacity:0;transform:translate(-50%,-60%);transition:all .5s ease}.game-over-screen{position:fixed;top:0;right:0;bottom:0;left:0;background:#faf8f5d9;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);display:flex;align-items:center;justify-content:center;z-index:10000;animation:fadeIn .4s ease-out;font-family:var(--font-display);color:var(--text)}.go-content{background:#ffffffeb;border:1px solid rgba(220,200,180,.5);padding:50px 60px;border-radius:24px;text-align:center;box-shadow:var(--shadow-lg),0 20px 50px #503c281f;animation:popUp .6s cubic-bezier(.175,.885,.32,1.275);max-width:92%;width:760px;color:var(--text);max-height:90vh;overflow-y:auto}.go-title{font-size:3.5rem;font-weight:900;margin-bottom:40px;text-transform:uppercase;letter-spacing:.1em;text-shadow:0 2px 10px rgba(192,96,64,.15);color:var(--text)}.chat-widget{position:fixed;bottom:20px;right:90px;width:300px;height:400px;background:#ffffffeb;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(220,200,180,.5);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);display:flex;flex-direction:column;z-index:8500;transform:translateY(0);transition:transform .3s cubic-bezier(.175,.885,.32,1.275),opacity .3s}.chat-widget.collapsed{width:48px;height:48px;right:90px;bottom:20px;overflow:visible;border-radius:50%;transform:none;opacity:1}.chat-header{width:100%;height:48px;display:flex;align-items:center;justify-content:space-between;padding:0 16px;background:var(--accent);color:#fff;border-radius:var(--radius-lg) var(--radius-lg) 0 0;cursor:pointer;font-weight:700;font-family:var(--font-display);border:0}.chat-title{display:flex;align-items:center;gap:7px;min-width:0}.chat-icon{font-size:1rem;line-height:1}.chat-label{white-space:nowrap}.chat-unread{min-width:19px;height:19px;display:grid;place-items:center;padding:0 4px;border-radius:9px;background:#fff;color:var(--accent);font-family:var(--font-body);font-size:.62rem;font-weight:900;box-shadow:0 1px 5px #0000002e}.chat-unread[hidden]{display:none}.chat-toggle-icon{transition:transform .3s}.chat-widget.collapsed .chat-header{width:48px;height:48px;justify-content:center;padding:0;border-radius:50%;box-shadow:var(--shadow-lg)}.chat-widget.collapsed .chat-label,.chat-widget.collapsed .chat-toggle-icon{display:none}.chat-widget.collapsed .chat-unread{position:absolute;top:-5px;right:-5px}.chat-widget.collapsed .chat-messages,.chat-widget.collapsed .chat-input-area{display:none}.chat-widget.collapsed .chat-toggle-icon{transform:rotate(180deg)}.chat-messages{flex:1;overflow-y:auto;padding:12px;display:flex;flex-direction:column;gap:8px}.chat-msg{font-size:.85rem;line-height:1.4;word-break:break-all}.chat-msg-sender{font-weight:700;color:var(--accent);margin-right:4px}.chat-msg.system{color:var(--text-muted);font-style:italic;text-align:center;font-size:.75rem}.chat-input-area{display:flex;padding:10px;border-top:1px solid var(--bg-inset);gap:8px}.chat-input-area input{flex:1;padding:8px 12px;font-size:.85rem}.chat-input-area .btn{padding:8px 16px}.go-content.win .go-title{color:var(--gold)}.go-content.lose .go-title{color:var(--text-muted)}.go-content.draw .go-title{color:var(--blue)}.go-stats{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px;background:var(--bg-inset);padding:30px;border-radius:16px;border:1px solid rgba(220,200,180,.3)}.go-player{display:flex;flex-direction:column;align-items:center;flex:1}.go-avatar{width:100px;height:100px;border-radius:50%;object-fit:cover;border:4px solid var(--bg-card);margin-bottom:16px;transition:all .3s;box-shadow:var(--shadow)}.go-avatar.dead{filter:grayscale(100%) opacity(.6);border-color:var(--text-muted)}.go-name{font-family:var(--font-body);font-weight:700;font-size:1.1rem;color:var(--text);margin-bottom:8px}.go-hp{font-size:2.2rem;font-weight:900}.go-hp.alive{color:var(--green)}.go-hp.dead{color:var(--red)}.go-hp span{font-size:1rem;color:var(--text-muted)}.go-vs{font-size:2rem;font-weight:900;color:var(--text-muted);font-style:italic;opacity:.5;padding:0 20px}.go-reason{color:var(--text-secondary);font-family:var(--font-body);margin:-24px 0 20px}.go-footer{display:flex;justify-content:center;gap:10px;margin-top:20px}.go-footer .btn{min-width:150px}.go-review{font-family:var(--font-body);text-align:left;margin-top:4px}.go-review>h2{font-family:var(--font-display);font-size:1rem;color:var(--text);margin-bottom:9px;letter-spacing:0}.go-review-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));border:1px solid var(--bg-inset);border-radius:8px;overflow:hidden;background:var(--bg-card)}.go-review-metric{min-width:0;padding:10px 7px;text-align:center}.go-review-metric+.go-review-metric{border-left:1px solid var(--bg-inset)}.go-review-metric strong{display:block;font-family:var(--font-display);font-size:1.2rem;color:var(--accent);line-height:1.1}.go-review-metric span{display:block;margin-top:4px;color:var(--text-muted);font-size:.65rem;white-space:nowrap}.go-battle-log{margin-top:10px;border:1px solid var(--bg-inset);border-radius:8px;background:var(--bg-card);overflow:hidden}.go-battle-log>summary{height:38px;display:flex;align-items:center;justify-content:space-between;padding:0 11px;cursor:pointer;list-style:none;color:var(--text);font-size:.75rem;font-weight:800}.go-battle-log>summary::-webkit-details-marker{display:none}.go-battle-log>summary span{min-width:22px;padding:2px 6px;border-radius:5px;background:var(--bg-inset);color:var(--text-secondary);font-size:.66rem;text-align:center}.go-battle-log-content{max-height:260px;overflow-y:auto;padding:5px 11px 10px;border-top:1px solid var(--bg-inset)}.battle-room-actions{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-top:auto;padding-top:12px}.battle-room-actions .btn{min-width:0;padding:7px 8px;font-size:.76rem}.waiting-room-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:12px}.waiting-room-actions .btn{min-width:0;padding:8px 6px;font-size:.78rem}.lobby-info-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;width:100%;max-width:800px;margin-top:30px}.info-card{background:var(--bg-card);border-radius:var(--radius-lg);padding:20px;box-shadow:var(--shadow);border:1px solid var(--bg-inset)}.info-title{font-size:1.1rem;color:var(--accent);margin-bottom:12px;border-bottom:2px solid var(--bg-inset);padding-bottom:6px}.info-list{list-style:none;font-size:.85rem;color:var(--text-secondary)}.info-list li{margin-bottom:8px;position:relative;padding-left:14px}.info-list li:before{content:"•";position:absolute;left:0;color:var(--accent);font-weight:700}.tutorial-steps{display:flex;flex-direction:column;gap:12px}.step{display:flex;gap:12px;align-items:flex-start}.step-num{width:20px;height:20px;background:var(--accent);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:900;flex-shrink:0;margin-top:2px}.step p{font-size:.85rem;color:var(--text-secondary);line-height:1.5}.rule-sections{display:flex;flex-direction:column;gap:16px}.rule-group h3{font-size:.95rem;color:var(--text-main);margin-bottom:6px;display:flex;align-items:center;gap:6px}.rule-group p{font-size:.85rem;color:var(--text-secondary);line-height:1.6;margin-bottom:8px}.rule-list{list-style:none;padding-left:0}.rule-list li{font-size:.85rem;color:var(--text-secondary);margin-bottom:6px;padding-left:12px;position:relative}.rule-list li:before{content:"•";position:absolute;left:0;color:var(--accent)}.rule-list code{background:var(--bg-inset);padding:2px 4px;border-radius:4px;color:var(--accent)}.changelog{display:flex;flex-direction:column;gap:12px}.log-entry{position:relative;padding-left:50px}.log-ver{position:absolute;left:0;top:0;font-size:.7rem;font-weight:900;background:var(--bg-inset);color:var(--text-muted);padding:2px 6px;border-radius:4px}.log-entry p{font-size:.82rem;color:var(--text-secondary);line-height:1.4}@media(max-width:680px){.lobby-info-grid{grid-template-columns:1fr}}.go-stats .player-box{display:flex;align-items:center;gap:14px;flex:1}.go-stats .avatar-area{position:relative;flex-shrink:0}.go-stats .avatar{width:72px;height:72px;border-radius:50%;object-fit:cover;border:3px solid var(--bg-inset)}.go-stats .badge-me{position:absolute;bottom:-2px;right:-2px;background:var(--accent);color:#fff;font-size:.65rem;padding:1px 6px;border-radius:8px;font-weight:700}.go-stats .player-info{min-width:0;flex:1}.go-stats .name-row{display:flex;align-items:baseline;gap:6px;margin-bottom:6px}.go-stats .nickname{font-weight:700;font-size:1rem;color:var(--text)}.go-stats .card-name{font-size:.8rem;color:var(--text-muted)}.go-stats .hp-container{margin-bottom:4px}.go-stats .hp-bar{height:8px;background:var(--bg-card);border-radius:4px;overflow:hidden;border:1px solid var(--bg-inset)}.go-stats .hp-bar-fill{height:100%;border-radius:4px;background:linear-gradient(90deg,var(--green),#68d391);transition:width .4s}.go-stats .player-box.op .hp-bar-fill{background:linear-gradient(90deg,var(--red),#fc8181)}.go-stats .hp-text{font-size:.75rem;color:var(--text-muted);margin-top:2px}.go-stats .buffs-row{font-size:.7rem;color:var(--text-muted)}@media(max-width:520px){.go-content{padding:28px 18px;width:95%;max-width:none;border-radius:16px}.go-title{font-size:2rem;margin-bottom:20px}.go-stats{flex-direction:column;gap:12px;padding:16px;margin-bottom:24px}.go-stats .player-box{width:100%}.go-vs{padding:10px 0;font-size:1.5rem}.go-footer{flex-direction:column}.go-footer .btn{width:100%}.go-review-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.go-review-metric:nth-child(4){border-left:0;border-top:1px solid var(--bg-inset)}.go-review-metric:nth-child(5),.go-review-metric:nth-child(6){border-top:1px solid var(--bg-inset)}.go-review-metric span{font-size:.62rem}.go-battle-log-content{max-height:220px;padding-inline:8px}.waiting-room-actions{grid-template-columns:1fr}}.ffa-opponents-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(104px,1fr));gap:10px;width:min(100%,680px);margin:0 auto 12px;padding:2px}.ffa-micro-card{position:relative;width:100%;min-width:0;background:var(--bg-card);border:1.5px solid var(--bg-inset);border-radius:8px;padding:8px 7px 7px;text-align:center;transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease,opacity .2s ease;box-sizing:border-box;overflow:visible}.ffa-micro-card:hover{transform:translateY(-2px)}.ffa-card-topline{display:flex;align-items:center;justify-content:space-between;gap:5px;min-width:0;margin-bottom:6px;text-align:left}.ffa-player-name{min-width:0;color:var(--text-main);font-size:.7rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ffa-state-label{flex:0 0 auto;color:var(--text-muted);font-size:.55rem;font-weight:800}.ffa-card-meta{display:flex;align-items:center;gap:5px;min-width:0;margin-top:6px;text-align:left}.ffa-character-name{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--text-secondary);font-size:.58rem}.ffa-hp-row{display:flex;align-items:center;gap:5px;margin-top:6px;color:var(--text-main);font-size:.62rem;font-weight:800}.ffa-hp-row>span:last-child{flex:0 0 auto}.ffa-hp-track{flex:1;height:5px;overflow:hidden;border-radius:99px;background:var(--bg-inset)}.ffa-hp-track span{display:block;height:100%;border-radius:inherit;background:var(--red);transition:width .35s ease}.micro-avatar-wrap{position:relative;width:48px;height:48px;margin:0 auto}.micro-avatar-wrap img{display:block;width:48px;height:48px;border-radius:50%;object-fit:cover;border:2px solid rgba(255,255,255,.75);filter:var(--ffa-avatar-filter, none)}.atk-badge{position:absolute;left:50%;bottom:-5px;transform:translate(-50%);padding:2px 5px;border-radius:4px;background:var(--red);color:#fff;font-size:.53rem;line-height:1;font-weight:900;white-space:nowrap}.ffa-dead-mark{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;border-radius:50%;background:#1c1b1894;color:#fff;font-size:.58rem;font-weight:900}.ffa-micro-card.dead{--ffa-avatar-filter: grayscale(1);filter:grayscale(.8);opacity:.62}.ffa-micro-card.dead .ffa-state-label{color:var(--red)}.ffa-micro-card.selectable-target{border-color:var(--accent);cursor:pointer;box-shadow:0 0 0 2px #0ea5e91f}.ffa-micro-card.selectable-target:hover,.ffa-micro-card.selectable-target:focus-visible{transform:translateY(-3px);border-color:var(--gold);outline:none;box-shadow:0 0 0 3px #c09a5040,0 8px 18px #503c281f}.ffa-micro-card.active-target{border-color:var(--red);box-shadow:0 0 0 2px #c45c5c29,0 0 14px #c45c5c2e}.ffa-micro-card.active-target .ffa-state-label{color:var(--red)}.ffa-micro-card.active-attacker{border-color:var(--gold);animation:attacker-pulse 2s infinite}.ffa-micro-card.active-attacker .ffa-state-label{color:#9a762c}.ffa-micro-card.aoe-target-hit{animation:ffaAoeHit .42s ease both}.ffa-opponents-grid.aoe-resolving .ffa-micro-card:not(.aoe-target-hit){opacity:.68}.ffa-targeting-hint{display:flex;align-items:baseline;justify-content:center;gap:8px;margin:0 auto 12px;color:var(--accent)}.ffa-targeting-hint strong{font-size:.9rem}.ffa-targeting-hint span:last-child{color:var(--text-secondary);font-size:.7rem}@keyframes ffaAoeHit{0%{transform:scale(1);filter:brightness(1)}35%{transform:scale(1.06);filter:brightness(1.35)}55%{transform:translate(-5px) scale(1.02)}75%{transform:translate(4px) scale(1.02)}to{transform:scale(1);filter:brightness(1)}}@keyframes attacker-pulse{0%{box-shadow:0 0 #c09a5066}70%{box-shadow:0 0 0 10px #c09a5000}to{box-shadow:0 0 #c09a5000}}.identity-badge{position:absolute;top:-4px;right:-4px;background:var(--bg-card);border-radius:10px;font-size:10px;padding:0 4px;border:1px solid var(--bg-inset);box-shadow:var(--shadow)}.die-mini{width:22px;height:22px;display:inline-flex;align-items:center;justify-content:center;font-family:var(--font-display);font-weight:800;font-size:.75rem;border-radius:5px;background:#fff;border:1.5px solid currentColor;margin:0 2px;position:relative;vertical-align:middle;box-shadow:0 1px 3px #0000001a}.die-mini-corner{position:absolute;top:-3px;right:-3px;font-size:.4rem;font-weight:800;font-family:var(--font-body);padding:0 2px;border-radius:2px;border:1px solid currentColor;line-height:1}.stats-matrix-wrap{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;margin-top:10px;border-radius:var(--radius);min-width:0;max-width:100%}.stats-modal{min-width:0;max-width:100%}.stats-matrix{border-collapse:collapse;width:100%;min-width:800px;text-align:center;font-size:.85rem}.stats-matrix th,.stats-matrix td{border:1px solid var(--bg-inset);padding:6px}.stats-matrix th{background:var(--bg-inset);font-family:var(--font-display);position:sticky;top:0;left:0;z-index:2}.stats-matrix thead th{z-index:3}.stats-matrix td.win-high{background:#6a9e6d33;color:#3d6e40;font-weight:700}.stats-matrix td.win-low{background:#c45c5c33;color:#944;font-weight:700}@media(max-width:680px){.stats-matrix{font-size:.75rem}.stats-matrix th,.stats-matrix td{padding:4px 3px}}.vfx-heavy-hit{animation:heavyHitShake .4s cubic-bezier(.36,.07,.19,.97) both}@keyframes heavyHitShake{10%,90%{transform:translate3d(-2px,0,0)}20%,80%{transform:translate3d(3px,0,0)}30%,50%,70%{transform:translate3d(-4px,0,0)}40%,60%{transform:translate3d(4px,0,0)}}.aura-gpy-rage{box-shadow:0 0 16px #dc262699,inset 0 0 10px #dc262666!important;border-color:#ef4444!important;animation:auraPulseRed 1.8s infinite ease-in-out}@keyframes auraPulseRed{0%,to{box-shadow:0 0 12px #dc262680}50%{box-shadow:0 0 24px #dc2626e6}}.aura-dream-domain{box-shadow:0 0 16px #a855f799,inset 0 0 10px #a855f766!important;border-color:#c084fc!important;animation:auraPulsePurple 2s infinite ease-in-out}@keyframes auraPulsePurple{0%,to{box-shadow:0 0 12px #a855f780}50%{box-shadow:0 0 22px #a855f7d9}}.aura-zxs-water{box-shadow:0 0 14px #38bdf899!important;border-color:#38bdf8!important;animation:auraPulseBlue 2s infinite ease-in-out}@keyframes auraPulseBlue{0%,to{box-shadow:0 0 10px #38bdf866}50%{box-shadow:0 0 20px #38bdf8cc}}.aura-yzm-gold{box-shadow:0 0 14px #eab30899!important;border-color:#facc15!important}.aura-wyc-redheat{box-shadow:0 0 16px #ef4444b3!important;border-color:#ef4444!important;animation:auraPulseRedHeat 1.5s infinite ease-in-out}@keyframes auraPulseRedHeat{0%,to{box-shadow:0 0 10px #ef444480}50%{box-shadow:0 0 24px #ef4444e6}}.aura-whd-sugar{box-shadow:0 0 16px #ec489999!important;border-color:#ec4899!important;animation:auraGlitchPink .3s infinite}@keyframes auraGlitchPink{0%{transform:translate(0)}20%{transform:translate(-1px,1px)}40%{transform:translate(-1px,-1px)}60%{transform:translate(1px,1px)}80%{transform:translate(1px,-1px)}to{transform:translate(0)}}.dream-target-modal-panel{max-width:440px;width:92%;padding:24px 20px;background:#ffffffe0;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1.5px solid var(--accent-soft);border-radius:20px;box-shadow:var(--shadow-lg),0 12px 36px #7850a01f;color:var(--text);text-align:center;margin:auto}.dream-target-cards-container{display:flex;justify-content:center;gap:12px;margin:18px 0}.dream-target-btn{flex:1;padding:16px 6px;background:var(--bg-card);border:1.5px solid var(--accent-soft);border-radius:14px;color:var(--text);font-weight:700;font-size:.95rem;box-shadow:var(--shadow);cursor:pointer;transition:all .2s ease;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}.dream-target-btn:hover,.dream-target-btn:active{transform:scale(.96);background:var(--accent-soft);color:var(--accent-hover)}@media(max-width:480px){.dream-target-cards-container{gap:8px}.dream-target-btn{padding:14px 4px;font-size:.85rem}}.bc-buffs{position:relative;width:100%;min-height:24px;display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:center;gap:4px;overflow:visible;z-index:20}.status-empty{font-size:.65rem;color:var(--text-muted);line-height:22px}.status-effect{position:relative;max-width:100%;overflow:visible;transform-origin:center}.status-effect>summary{height:22px;max-width:132px;display:inline-flex;align-items:center;gap:4px;padding:0 6px;border:1px solid transparent;border-radius:6px;list-style:none;cursor:pointer;font-size:.65rem;font-weight:750;line-height:1;white-space:nowrap;-webkit-user-select:none;user-select:none}.status-effect>summary::-webkit-details-marker{display:none}.status-name{min-width:0;overflow:hidden;text-overflow:ellipsis}.status-value{flex:0 0 auto;font-size:.61rem;font-weight:850}.status-debuff>summary{background:#c45c5c1c;border-color:#c45c5c40;color:#a64141}.status-buff>summary{background:#6a9e6d1f;border-color:#6a9e6d45;color:#3d7842}.status-blessing>summary{background:#c09a5021;border-color:#c09a504d;color:#866522}.status-neutral>summary{background:#5b8fb91a;border-color:#5b8fb93b;color:#466f91}.status-effect[open]>summary{box-shadow:0 0 0 2px #c060401f}.status-popover{position:absolute;top:calc(100% + 6px);left:50%;z-index:80;width:min(240px,calc(100vw - 32px));transform:translate(-50%);display:flex;flex-direction:column;gap:3px;padding:9px 10px;background:var(--bg-card);border:1px solid var(--bg-inset);border-radius:7px;box-shadow:var(--shadow-lg);color:var(--text-secondary);font-size:.7rem;line-height:1.45;text-align:left;white-space:normal}.status-popover strong{color:var(--text);font-size:.73rem}.status-popover small{padding-top:3px;border-top:1px solid var(--bg-inset);color:var(--accent);font-size:.64rem;font-weight:700}.ffa-buffs{margin-top:3px;min-height:0;max-height:48px;overflow:visible}.ffa-buffs .status-effect>summary{max-width:68px;height:19px;padding:0 4px;font-size:.58rem}.ffa-buffs .status-empty{font-size:.55rem;line-height:18px}.tactical-layer{display:contents}.tactical-header{display:flex;align-items:center;justify-content:space-between;font-size:.82rem;font-weight:700;color:var(--text)}.tp-badge{display:inline-flex;align-items:center;gap:4px;background:#00ced126;border:1px solid #00ced1;color:#0ea5e9;padding:2px 8px;border-radius:999px;font-size:.78rem;font-weight:800}.hand-cards-list{display:flex;gap:6px;overflow-x:auto;padding-bottom:2px;scrollbar-width:none}.hand-cards-list::-webkit-scrollbar{display:none}.tactical-card-item{flex:1;min-width:130px;max-width:180px;background:var(--bg);border:1px solid var(--bg-inset);border-radius:8px;padding:6px 8px;display:flex;flex-direction:column;justify-content:space-between;gap:4px;transition:all .18s ease;position:relative}.tactical-card-item:hover{border-color:var(--accent-soft);transform:translateY(-2px);box-shadow:var(--shadow)}.card-tag-row{display:flex;align-items:center;justify-content:space-between;font-size:.65rem;font-weight:800;gap:4px;flex-shrink:0}.card-tag-type{padding:2px 7px;border-radius:6px;font-size:.64rem;font-weight:700;line-height:1.2;max-width:38%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex-shrink:1}.card-timing{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--text-secondary);font-size:.59rem;font-weight:800}.card-tag-type.blessing{background:#6a9e6d26;color:#2e7d32;border:1px solid rgba(106,158,109,.35)}.card-tag-type.buff{background:#5b8fb926;color:#1e6091;border:1px solid rgba(91,143,185,.35)}.card-tag-type.debuff{background:#c45c5c26;color:#b91c1c;border:1px solid rgba(196,92,92,.35)}.card-tag-type.other{background:#b76e7926;color:#9f1239;border:1px solid rgba(183,110,121,.35)}.card-tp-cost{color:#d97706;background:#fbbf2426;border:1px solid rgba(245,158,11,.4);padding:1px 7px;border-radius:999px;font-size:.7rem;font-weight:900;flex-shrink:0}.card-title-text{font-family:var(--font-display);font-size:.82rem;font-weight:800;color:var(--text-main);margin:2px 0 3px;line-height:1.25;border-bottom:1px solid var(--bg-inset);padding-bottom:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex-shrink:0}.card-desc-text{font-size:.68rem;color:var(--text-secondary);line-height:1.35;min-height:0;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;flex:1;margin-top:2px;word-break:break-word}.btn-play-card{width:100%;padding:3px 0;font-size:.72rem;font-weight:800;background:var(--accent);color:#fff;border:none;border-radius:5px;cursor:pointer;transition:opacity .15s}.btn-play-card:disabled{opacity:.4;cursor:not-allowed}.card-disable-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#ffffffd1;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:10;padding:8px;border-radius:inherit;animation:fadeIn .15s ease-out;pointer-events:none}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.card-disable-badge{background:#dc26261f;color:#dc2626;border:1px solid rgba(220,38,38,.3);font-weight:800;font-size:.72rem;padding:4px 10px;border-radius:999px;letter-spacing:.02em;box-shadow:0 2px 8px #dc26261f;white-space:nowrap;max-width:90%;overflow:hidden;text-overflow:ellipsis;text-align:center}.draft-shop-panel{width:92%;max-width:680px;background:#fffffff5;border:1.5px solid var(--accent);border-radius:16px;padding:16px 20px;box-shadow:var(--shadow-lg);color:var(--text);animation:bannerSlideIn .3s ease-out}.draft-slots-container{display:flex;gap:12px;margin:14px 0;flex-wrap:wrap;justify-content:center}.draft-slot-card{flex:1;min-width:180px;max-width:210px;background:var(--bg);border:1px solid var(--bg-inset);border-radius:12px;padding:12px;display:flex;flex-direction:column;justify-content:flex-start;gap:3px;text-align:left;position:relative;overflow:hidden;transition:all .2s ease;box-shadow:var(--shadow);box-sizing:border-box}.draft-slot-card:hover{border-color:var(--accent-soft);background:var(--bg-card);transform:translateY(-2px)}.draft-btn-row{display:flex;gap:6px;margin-top:auto}.btn-draft-action{flex:1;padding:6px 0;font-size:.75rem;font-weight:800;border-radius:6px;border:none;cursor:pointer;transition:all .15s}.btn-draft-buy{background:var(--accent);color:#fff}.btn-draft-buy:hover{background:var(--accent-hover)}.btn-draft-refresh{background:var(--bg-inset);color:var(--text-secondary);border:1px solid transparent}.fxr-dream-bg{position:fixed;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at center top,#f5ebffbf,#ebe1fad9);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);z-index:-1;pointer-events:none;animation:dreamSpread 1.5s ease-out forwards}@keyframes dreamSpread{0%{opacity:0;transform:scale(1.1);filter:brightness(1.5)}to{opacity:1;transform:scale(1);filter:brightness(1)}}.revival-halo{position:absolute;top:50%;left:50%;width:200%;height:200%;transform:translate(-50%,-50%);border-radius:50%;box-shadow:0 0 20px 20px #ffeba0cc,inset 0 0 20px 20px #ffffff80;pointer-events:none;animation:revivalHaloFade 1.5s ease-out forwards;z-index:5}@keyframes revivalHaloFade{0%{transform:translate(-50%,-50%) scale(.1);opacity:0}20%{opacity:1}to{transform:translate(-50%,-50%) scale(1.2);opacity:0}}.defense-sweep{position:absolute;bottom:-20%;left:0;right:0;height:40%;background:linear-gradient(to top,transparent,rgba(100,255,180,.6),transparent);border-top:1px solid rgba(150,255,200,.8);border-radius:50% 50% 0 0;pointer-events:none;animation:sweepUp .6s ease-out forwards;z-index:5}@keyframes sweepUp{0%{bottom:-30%;opacity:0;transform:scaleY(.5)}30%{opacity:1;transform:scaleY(1)}to{bottom:120%;opacity:0;transform:scaleY(1.2)}}.damage-flash{animation:dmgFlash .5s ease-out forwards}@keyframes dmgFlash{0%{box-shadow:0 0 30px #ff1e1ecc,inset 0 0 20px #ff1e1e80;filter:brightness(1.5) sepia(1) hue-rotate(-50deg) saturate(3)}to{box-shadow:none;filter:none}}.pierce-sweep{position:absolute;top:50%;left:-30%;width:160%;height:3px;background:linear-gradient(90deg,transparent,#fff 50%,transparent);box-shadow:0 0 10px 3px #fffc;transform:translateY(-50%) rotate(-15deg);pointer-events:none;animation:pierceLine .4s cubic-bezier(.1,.9,.2,1) forwards;z-index:6}@keyframes pierceLine{0%{left:-100%;opacity:0;width:50%}50%{opacity:1;width:160%}to{left:100%;opacity:0;width:50%}}.btn-draft-refresh:hover:not(:disabled){background:var(--bg-warm);color:var(--accent)}.btn-draft-action:disabled{opacity:.4;cursor:not-allowed}summary::-webkit-details-marker{display:none}summary{list-style:none}@keyframes pulse{0%{transform:scale(1);opacity:1}50%{transform:scale(1.05);opacity:.8}to{transform:scale(1);opacity:1}}@keyframes popIn{0%{transform:scale(.9);opacity:0}to{transform:scale(1);opacity:1}}.draft-slots-container{display:flex;gap:14px;margin:16px 0;flex-wrap:wrap;justify-content:center}.draft-slot-card{flex:1;min-width:170px;max-width:200px;height:200px;background:var(--bg-card);border:1.5px solid rgba(220,200,180,.6);border-radius:14px;padding:12px;display:flex;flex-direction:column;justify-content:flex-start;gap:3px;text-align:left;position:relative;overflow:hidden;transition:transform .25s cubic-bezier(.175,.885,.32,1.275),box-shadow .25s ease,border-color .25s ease;box-shadow:0 4px 14px #503c280f;box-sizing:border-box}.draft-slot-card.clickable:hover{transform:translateY(-4px);border-color:var(--gold);box-shadow:0 8px 24px #c09a5033,0 0 0 2px #c09a504d}.draft-slot-card.disabled{opacity:.8;filter:grayscale(.2);cursor:not-allowed}.draft-slot-card.empty{border:1.5px dashed var(--text-muted);display:flex;align-items:center;justify-content:center;color:var(--text-muted);font-size:.95rem;border-radius:14px;height:200px;background:#00000005}.btn-icon-refresh{position:absolute;top:8px;right:8px;background:var(--bg-inset);color:var(--text-secondary);border:1px solid rgba(0,0,0,.06);border-radius:50%;width:26px;height:26px;font-size:13px;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:5;transition:all .2s ease}.btn-icon-refresh:hover:not(:disabled){background:var(--accent-soft);color:var(--accent);transform:rotate(180deg)}.btn-icon-refresh:disabled{opacity:.35;cursor:not-allowed}.draft-card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:2px;padding-right:28px;flex-shrink:0}.draft-card-star{color:var(--gold);font-size:.85rem;letter-spacing:2px;font-weight:700;flex-shrink:0}.draft-card-title{font-family:var(--font-display);font-size:.92rem;font-weight:800;color:var(--text-main);margin:2px 0 3px;line-height:1.25;border-bottom:1px solid var(--bg-inset);padding-bottom:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex-shrink:0}.draft-card-desc{font-size:.72rem;color:var(--text-secondary);line-height:1.35;min-height:0;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;flex:1;word-break:break-word}.toast{position:fixed;top:20px;left:50%;transform:translate(-50%) translateY(-20px);background:var(--primary);color:#fff;padding:10px 20px;border-radius:8px;opacity:0;pointer-events:none;transition:.3s;z-index:10000;box-shadow:0 4px 15px #00000080;font-weight:700}.toast.show{opacity:1;transform:translate(-50%) translateY(0)}@media(max-width:680px){.chat-widget{bottom:0;right:0;left:0;width:100%;height:min(68vh,520px);border-radius:20px 20px 0 0;z-index:8500}.chat-widget.collapsed{left:auto;right:14px;bottom:max(14px,env(safe-area-inset-bottom));width:48px;height:48px;border-radius:50%}.chat-widget.collapsed .chat-header{padding:0;border-radius:50%;font-size:.78rem}}.fxr-domain-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 50% 40%,#f5ebffe0,#e6d7faeb 70%,#dcc8f5f2);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);z-index:9900;pointer-events:none;overflow:hidden;animation:domainOverlayFadeIn .5s cubic-bezier(.175,.885,.32,1.275) forwards}@keyframes domainOverlayFadeIn{0%{opacity:0;transform:scale(1.05)}to{opacity:1;transform:scale(1)}}.domain-ring{position:absolute;top:50%;left:50%;border-radius:50%;border:1.5px solid rgba(168,85,247,.35);box-shadow:0 0 25px #a855f740,inset 0 0 15px #a855f726;transform:translate(-50%,-50%);pointer-events:none}.domain-ring.ring-1{width:300px;height:300px;animation:domainRingRotate 12s linear infinite}.domain-ring.ring-2{width:500px;height:500px;animation:domainRingRotate 20s linear infinite reverse;border-style:dashed}.domain-ring.ring-3{width:750px;height:750px;animation:domainRingRotate 30s linear infinite}@keyframes domainRingRotate{0%{transform:translate(-50%,-50%) rotate(0)}to{transform:translate(-50%,-50%) rotate(360deg)}}.domain-shard{position:absolute;border-radius:4px;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);box-shadow:0 4px 12px #a855f733;pointer-events:none}.skill-glass-banner{position:fixed;top:14%;left:50%;transform:translate(-50%);padding:10px 26px;border-radius:20px;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);font-family:var(--font-display);font-size:.92rem;font-weight:800;letter-spacing:.04em;box-shadow:0 12px 32px #503c281f,0 2px 8px #0000000d;pointer-events:none;z-index:9950;text-align:center;white-space:nowrap}.banner-title-text{font-size:1.05rem;font-weight:900;line-height:1.2}.banner-subtitle-text{font-size:.76rem;font-weight:600;opacity:.88;margin-top:2px}.skill-glass-banner.pos{background:#f0fdf4e0;border:1.5px solid rgba(74,222,128,.5);color:#166534}.skill-glass-banner.neg{background:#fef2f2e0;border:1.5px solid rgba(248,113,113,.5);color:#991b1b}.skill-glass-banner.neu{background:#f5f3ffe0;border:1.5px solid rgba(192,132,252,.5);color:#6b21a8}.skill-glass-banner.gold{background:#fefce8e0;border:1.5px solid rgba(250,204,21,.6);color:#854d0e}.skill-glass-banner.crimson{background:#fef2f2eb;border:1.5px solid rgba(239,68,68,.6);color:#991b1b}.skill-glass-banner.azure{background:#f0f9ffe0;border:1.5px solid rgba(56,189,248,.6);color:#075985}.redheat-vignette{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9800;pointer-events:none;box-shadow:inset 0 0 120px #ef44448c,inset 0 0 40px #dc262659;animation:vignettePulse .8s infinite ease-in-out alternate}@keyframes vignettePulse{0%{opacity:.7}to{opacity:1}}.gold-beam-sweep{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9800;pointer-events:none;background:linear-gradient(125deg,transparent 35%,rgba(250,204,21,.4) 50%,transparent 65%);mix-blend-mode:overlay;animation:beamSweep 1.5s cubic-bezier(.175,.885,.32,1.275) forwards}@keyframes beamSweep{0%{transform:translate(-100%);opacity:0}40%{opacity:1}to{transform:translate(100%);opacity:0}}.azure-water-wave{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9800;pointer-events:none;background:linear-gradient(180deg,transparent 30%,rgba(14,165,233,.35) 50%,rgba(56,189,248,.2) 65%,transparent 80%);mix-blend-mode:overlay;animation:waveSweep 1.6s cubic-bezier(.25,1,.5,1) forwards}@keyframes waveSweep{0%{transform:translateY(100%);opacity:0}30%{opacity:1}to{transform:translateY(-100%);opacity:0}}.star-constellation-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9800;pointer-events:none;background:radial-gradient(circle at 50% 50%,rgba(56,189,248,.25) 0%,rgba(250,204,21,.2) 50%,transparent 80%);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);animation:constellationExpand 1.6s cubic-bezier(.175,.885,.32,1.275) forwards}@keyframes constellationExpand{0%{transform:scale(.6);opacity:0}30%{opacity:1}to{transform:scale(1.15);opacity:0}}.revival-halo-ring{position:absolute;top:50%;left:50%;width:140px;height:140px;border-radius:50%;border:3px solid var(--gold);box-shadow:0 0 25px var(--gold),inset 0 0 15px var(--gold);pointer-events:none;transform:translate(-50%,-50%);z-index:50}.tactical-card-sheen{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(105deg,transparent 30%,rgba(255,255,255,.65) 50%,transparent 70%);mix-blend-mode:overlay;pointer-events:none;z-index:20}.turn-transition-ring{position:absolute;top:-7px;right:-7px;bottom:-7px;left:-7px;z-index:75;border:2px solid var(--gold);border-radius:8px;box-shadow:0 0 14px #c09a504d,inset 0 0 10px #c09a501f;pointer-events:none;transform-origin:center}.turn-transition-ring.extra{border-color:var(--blue);box-shadow:0 0 16px #5b8fb961,inset 0 0 10px #5b8fb924}.turn-transition-ring span{position:absolute;top:-11px;left:50%;transform:translate(-50%);height:20px;display:flex;align-items:center;padding:0 7px;border-radius:5px;background:var(--bg-card);border:1px solid currentColor;color:#8a6828;font-size:.62rem;font-weight:850;white-space:nowrap;box-shadow:var(--shadow)}.turn-transition-ring.extra span{color:#466f91}.skill-trigger-flash{position:absolute;top:0;right:0;bottom:0;left:0;z-index:70;border:1px solid var(--skill-trigger-color);border-radius:inherit;background:color-mix(in srgb,var(--skill-trigger-color) 14%,transparent);box-shadow:0 0 14px color-mix(in srgb,var(--skill-trigger-color) 45%,transparent);pointer-events:none;transform-origin:center}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}.aura-gpy-rage{position:relative;box-shadow:0 0 20px #ef444499,inset 0 0 12px #ef444459!important;border-color:#ef4444!important;animation:auraPulseRed 1.8s infinite ease-in-out}.aura-gpy-rage:before{content:"";position:absolute;top:-6px;right:-6px;bottom:-6px;left:-6px;border-radius:inherit;background:radial-gradient(circle,rgba(239,68,68,.4) 0%,transparent 70%);mix-blend-mode:screen;pointer-events:none;z-index:-1}.aura-dream-domain{position:relative;box-shadow:0 0 20px #a855f799,inset 0 0 12px #a855f759!important;border-color:#c084fc!important;animation:auraPulsePurple 2s infinite ease-in-out}.aura-dream-domain:before{content:"";position:absolute;top:-6px;right:-6px;bottom:-6px;left:-6px;border-radius:inherit;background:radial-gradient(circle,rgba(168,85,247,.45) 0%,transparent 70%);mix-blend-mode:screen;pointer-events:none;z-index:-1}.aura-zxs-water{position:relative;box-shadow:0 0 18px #38bdf899,inset 0 0 10px #38bdf84d!important;border-color:#38bdf8!important;animation:auraPulseBlue 2s infinite ease-in-out}.aura-zxs-water:before{content:"";position:absolute;top:-6px;right:-6px;bottom:-6px;left:-6px;border-radius:inherit;background:radial-gradient(circle,rgba(56,189,248,.4) 0%,transparent 70%);mix-blend-mode:overlay;pointer-events:none;z-index:-1}.aura-yzm-gold{position:relative;box-shadow:0 0 18px #eab30899,inset 0 0 10px #eab3084d!important;border-color:#facc15!important}.aura-yzm-gold:before{content:"";position:absolute;top:-6px;right:-6px;bottom:-6px;left:-6px;border-radius:inherit;background:radial-gradient(circle,rgba(234,179,8,.4) 0%,transparent 70%);mix-blend-mode:overlay;pointer-events:none;z-index:-1}.aura-wyc-redheat{position:relative;box-shadow:0 0 20px #ef4444b3!important;border-color:#ef4444!important;animation:auraPulseRedHeat 1.5s infinite ease-in-out}.aura-wyc-redheat:before{content:"";position:absolute;top:-6px;right:-6px;bottom:-6px;left:-6px;border-radius:inherit;background:radial-gradient(circle,rgba(239,68,68,.5) 0%,transparent 70%);mix-blend-mode:screen;pointer-events:none;z-index:-1}.aura-whd-sugar{position:relative;box-shadow:0 0 18px #ec489999!important;border-color:#ec4899!important;animation:auraGlitchPink .3s infinite}.aura-whd-sugar:before{content:"";position:absolute;top:-6px;right:-6px;bottom:-6px;left:-6px;border-radius:inherit;background:radial-gradient(circle,rgba(236,72,153,.4) 0%,transparent 70%);mix-blend-mode:overlay;pointer-events:none;z-index:-1}@media(max-width:680px){.status-popover{position:fixed;left:12px;right:12px;bottom:calc(62px + env(safe-area-inset-bottom));top:auto;width:auto;max-height:42vh;overflow-y:auto;transform:none;z-index:10000}}#ffa-grid-container{flex:1 1 0;width:100%;min-width:0;max-width:680px}#ffa-grid-container .ffa-opponents-grid{width:100%}.hand-fab-container{position:fixed;right:20px;bottom:max(20px,env(safe-area-inset-bottom));z-index:10000;display:flex;flex-direction:column;align-items:flex-end;gap:8px}.hand-fab{position:relative;z-index:3;width:66px;height:66px;padding:7px 5px;border:2px solid var(--accent);border-radius:50%;background:var(--primary);color:#fff;box-shadow:0 7px 20px #2a221a38;cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;transition:transform .2s ease,background .2s ease,box-shadow .2s ease}.hand-fab:hover,.hand-fab.active{transform:translateY(-2px) scale(1.04);background:var(--primary-dark, #3b82f6);box-shadow:0 10px 24px #2a221a47}.fab-icon{position:relative;width:20px;height:16px;border:2px solid currentColor;border-radius:3px;transform:skewY(-8deg)}.fab-icon:before{content:"";position:absolute;top:3px;right:-4px;bottom:-5px;left:3px;border:2px solid currentColor;border-radius:3px;opacity:.55}.fab-count{position:absolute;top:7px;right:7px;min-width:17px;height:17px;padding:0 3px;border-radius:99px;background:var(--gold);color:#fff;font-size:.62rem;line-height:17px;font-weight:900}.fab-tp{color:#075985;background:#fff;padding:1px 5px;border:1px solid rgba(14,165,233,.3);border-radius:4px;font-size:.62rem;font-weight:900}.hand-tray-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;width:100vw;height:100vh;border:0;padding:0;background:#18141052;opacity:0;pointer-events:none;transition:opacity .22s ease}.hand-tray-backdrop.expanded{opacity:1;pointer-events:auto}.hand-fan-container{position:fixed;left:50%;right:auto;bottom:calc(94px + env(safe-area-inset-bottom));z-index:2;width:min(720px,calc(100vw - 28px));height:auto;max-height:min(430px,calc(100vh - 116px));padding:14px 16px 11px;border:1px solid rgba(192,154,80,.42);border-radius:10px;background:color-mix(in srgb,var(--bg-card) 96%,transparent);box-shadow:0 18px 48px #261e183d,0 0 0 1px #ffffff73 inset;opacity:0;visibility:hidden;pointer-events:none;transform:translate(-50%,22px);transition:opacity .22s ease,transform .22s ease,visibility 0s linear .22s;box-sizing:border-box;overflow:auto}.hand-fan-container.expanded{opacity:1;visibility:visible;pointer-events:auto;transform:translate(-50%);transition-delay:0s}.hand-tray-header{display:flex;align-items:center;justify-content:space-between;gap:14px;padding-bottom:10px;border-bottom:1px solid var(--bg-inset)}.hand-tray-header>div:first-child{display:flex;flex-direction:column;gap:2px;min-width:0}.hand-tray-eyebrow{color:var(--accent);font-size:.62rem;font-weight:850;letter-spacing:.08em;text-transform:uppercase}.hand-tray-header strong{color:var(--text-main);font-size:.94rem}.hand-tray-meta{display:flex;align-items:center;gap:10px;color:#075985;font-size:.74rem;font-weight:900;white-space:nowrap}.hand-tray-close{width:28px;height:28px;border:1px solid var(--bg-inset);border-radius:50%;background:var(--bg);color:var(--text-secondary);font-size:1.15rem;line-height:1;cursor:pointer}.hand-tray-close:hover,.hand-tray-close:focus-visible{color:var(--text);border-color:var(--accent);outline:none}.hand-tray-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:11px}.hand-card-kards{position:relative;left:auto;bottom:auto;width:100%;min-width:0;height:188px;margin:0;padding:11px;border:1.5px solid rgba(220,200,180,.72);border-radius:8px;background:var(--bg-card);box-shadow:0 3px 12px #503c2814;color:var(--text);text-align:left;cursor:pointer;overflow:hidden;display:flex;flex-direction:column;gap:5px;box-sizing:border-box;transform:none;transform-origin:center;transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease,opacity .2s ease}.hand-card-kards:hover:not(:disabled),.hand-card-kards:focus-visible:not(:disabled){transform:translateY(-4px);border-color:var(--gold);box-shadow:0 10px 22px #c09a5033,0 0 0 2px #c09a5033;outline:none}.hand-card-kards.disabled,.hand-card-kards:disabled{opacity:.78;cursor:not-allowed;filter:grayscale(.08)}.hand-card-kards .card-tag-row{gap:6px}.hand-card-kards .card-tag-type{max-width:42%}.hand-card-kards .card-title-text{white-space:normal;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;min-height:2.35em}.hand-card-kards .card-desc-text{-webkit-line-clamp:4}.hand-card-footer{display:flex;align-items:center;justify-content:space-between;gap:5px;margin-top:auto;padding-top:6px;border-top:1px solid var(--bg-inset)}.hand-card-footer .card-tp-cost{padding:2px 5px;font-size:.58rem;white-space:nowrap}.hand-card-action{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--accent);font-size:.65rem;font-weight:850}.hand-card-kards.disabled .hand-card-action{color:#b45309}.hand-empty-state{grid-column:1/-1;min-height:155px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;color:var(--text-secondary);text-align:center}.hand-empty-state strong{color:var(--text);font-size:.9rem}.hand-empty-state span:last-child{font-size:.7rem}.hand-empty-icon{position:relative;width:28px;height:22px;border:1.5px dashed var(--text-muted);border-radius:5px;opacity:.7}.hand-empty-icon:after{content:"+";position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;color:var(--accent);font-size:1.1rem}.hand-tray-note{margin:9px 0 0;color:var(--text-muted);font-size:.65rem;text-align:right}.blessing-badges{max-width:min(420px,calc(100vw - 100px));display:flex;flex-wrap:wrap;justify-content:flex-end;gap:4px}.blessing-badge{display:inline-flex;align-items:center;gap:4px;max-width:150px;padding:3px 7px;border:1px solid rgba(163,230,53,.46);border-radius:5px;background:var(--bg-card);color:#557b25;font-size:.63rem;font-weight:800;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.draft-shop-panel{width:min(680px,calc(100vw - 24px));max-height:min(88vh,650px);overflow:auto;padding:20px;border:1px solid rgba(192,154,80,.52);border-radius:10px;background:var(--bg-card);color:var(--text);box-shadow:0 20px 60px #281e1442;box-sizing:border-box;animation:draftShopIn .28s ease-out both}@keyframes draftShopIn{0%{opacity:0;transform:translateY(-14px) scale(.97)}to{opacity:1;transform:none}}.draft-shop-title-row{display:flex;align-items:center;justify-content:space-between;gap:14px}.draft-shop-title-row h2{margin:2px 0 0;color:var(--text-main);font-size:1.28rem}.draft-shop-eyebrow,.draft-shop-kicker{color:var(--accent);font-size:.62rem;font-weight:850;letter-spacing:.08em}.draft-shop-icon,.draft-ready-mark{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:#c09a5024;color:var(--gold);font-size:1rem}.draft-shop-status{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:13px;padding:10px 11px;border:1px solid var(--bg-inset);border-radius:7px;background:var(--bg)}.draft-shop-status-copy{min-width:0;display:flex;flex-direction:column;gap:2px}.draft-shop-status-copy strong{color:var(--text-main);font-size:.78rem}.draft-shop-metrics{display:flex;flex:0 0 auto;gap:6px}.draft-metric{display:flex;flex-direction:column;align-items:center;gap:1px;min-width:58px;padding:4px 7px;border:1px solid var(--bg-inset);border-radius:5px;background:var(--bg-card)}.draft-metric small{color:var(--text-muted);font-size:.56rem}.draft-metric b{color:var(--text-main);font-size:.72rem}.draft-metric.tp b{color:#075985}.draft-slots-container{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:14px 0}.draft-slot-card{min-width:0;max-width:none;min-height:208px;height:auto;padding:13px 12px 11px;border:1px solid var(--bg-inset);border-radius:8px;background:var(--bg);box-shadow:0 3px 12px #503c280f}.draft-slot-card.clickable{cursor:pointer}.draft-slot-card.clickable:hover,.draft-slot-card.clickable:focus-visible{transform:translateY(-3px);border-color:var(--gold);box-shadow:0 10px 22px #c09a502e;outline:none}.draft-slot-card.disabled{opacity:.74;filter:grayscale(.08);cursor:not-allowed}.draft-slot-card.empty{min-height:208px;height:auto;gap:4px;border:1px dashed var(--text-muted);background:#00000004}.draft-purchased-mark{display:grid;place-items:center;width:30px;height:30px;margin-bottom:4px;border-radius:50%;background:#6a9e6d29;color:#3d7842;font-size:1.05rem;font-weight:900}.draft-slot-card.empty strong{color:var(--text);font-size:.82rem}.draft-slot-card.empty small{color:var(--text-muted);font-size:.65rem}.btn-icon-refresh{width:31px;height:25px;display:inline-flex;align-items:center;justify-content:center;gap:2px;border-radius:5px}.btn-icon-refresh small{font-size:.55rem;font-weight:850}.draft-card-title{white-space:normal;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;min-height:2.4em}.draft-card-desc{-webkit-line-clamp:4}.draft-card-footer{display:flex;align-items:center;justify-content:space-between;gap:6px;margin-top:auto;padding-top:7px;border-top:1px solid var(--bg-inset)}.draft-card-cost{color:#075985;font-size:.67rem;font-weight:900;white-space:nowrap}.draft-card-action{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--accent);font-size:.65rem;font-weight:850}.draft-slot-card.disabled .draft-card-action{color:#b45309}.draft-slot-card.is-buying{opacity:.58;pointer-events:none;transform:scale(.98)}.draft-slot-card.is-refreshing .btn-icon-refresh{animation:refreshSpin .65s linear infinite}.draft-slot-card.just-refreshed{animation:draftRefreshIn .4s ease both}.draft-slot-card.just-purchased{animation:draftPurchaseIn .55s ease both}@keyframes refreshSpin{to{transform:rotate(360deg)}}@keyframes draftRefreshIn{0%{opacity:.35;transform:translateY(5px)}to{opacity:1;transform:none}}@keyframes draftPurchaseIn{0%{opacity:.3;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.draft-shop-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:8px}.draft-shop-footer>span{color:var(--text-muted);font-size:.66rem}.draft-shop-footer .btn{min-width:150px}.draft-waiting-state{display:flex;align-items:center;gap:8px;min-height:62px;margin-top:14px;padding:12px;border:1px solid rgba(14,165,233,.22);border-radius:7px;background:#0ea5e90f;color:var(--text-secondary);font-size:.78rem}.draft-waiting-state strong{color:var(--accent)}.draft-waiting-dot{width:8px;height:8px;border-radius:50%;background:var(--accent);box-shadow:0 0 0 5px #0ea5e91f;animation:waitingDot 1.4s ease-in-out infinite}@keyframes waitingDot{50%{opacity:.4;transform:scale(.75)}}@media(max-width:680px){#ffa-grid-container{max-width:calc(100% - 119px)}.hand-fab-container{right:14px;bottom:max(14px,env(safe-area-inset-bottom))}.hand-fan-container{bottom:calc(86px + env(safe-area-inset-bottom));width:calc(100vw - 16px);height:auto;max-height:min(76vh,460px);padding:13px 11px 10px}.hand-tray-cards{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;padding:1px 1px 5px;scrollbar-width:none}.hand-tray-cards::-webkit-scrollbar{display:none}.hand-card-kards{flex:0 0 min(238px,calc(100vw - 42px));min-height:188px;scroll-snap-align:start}.hand-empty-state{flex:0 0 100%;width:100%;min-height:118px}.hand-tray-note{text-align:center}.blessing-badges{max-width:calc(100vw - 102px)}.draft-shop-panel{padding:16px 12px 13px}.draft-slots-container{display:flex;flex-wrap:nowrap;justify-content:flex-start;gap:9px;overflow-x:auto;padding:1px 1px 6px;scroll-snap-type:x mandatory;scrollbar-width:none}.draft-slots-container::-webkit-scrollbar{display:none}.draft-slot-card,.draft-slot-card.empty{flex:0 0 min(286px,calc(100vw - 64px));min-width:0;min-height:184px;scroll-snap-align:start}.draft-card-desc{-webkit-line-clamp:3}.draft-shop-status{align-items:stretch;flex-direction:column}.draft-shop-metrics{width:100%}.draft-metric{flex:1}.draft-shop-footer{align-items:stretch;flex-direction:column-reverse}.draft-shop-footer .btn{width:100%}.ffa-opponents-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}}@media(prefers-reduced-motion:reduce){.hand-fan-container,.hand-fab,.ffa-micro-card,.draft-slot-card,.draft-waiting-dot{transition:none!important;animation:none!important}}.ac-page{max-width:1100px;margin:0 auto;padding:12px;min-height:100vh;display:grid;grid-template-columns:1fr;gap:14px}@media(min-width:900px){.ac-page{grid-template-columns:1fr 300px;grid-template-areas:"topbar topbar" "board side";align-items:start}.ac-topbar-wrapper{grid-area:topbar}.ac-board-section{grid-area:board;display:flex;flex-direction:column;align-items:center;min-height:440px}.ac-sidebar{grid-area:side;display:flex;flex-direction:column;gap:10px;position:sticky;top:12px}}.ac-loading{text-align:center;padding:60px 20px;color:var(--text-secondary);font-family:var(--font-display);font-size:1.1rem}.ac-topbar{display:flex;align-items:center;background:var(--bg-card);border-radius:var(--radius);padding:6px 12px;gap:12px;box-shadow:var(--shadow)}.ac-stat{display:flex;align-items:baseline;gap:4px;font-size:.82rem}.ac-label{color:var(--text-muted);font-size:.7rem}.ac-val{font-family:var(--font-display);font-weight:700;color:var(--text);font-size:.92rem}.ac-stat-gold .ac-val{color:var(--gold)}.ac-hp-wrap{display:flex;align-items:center;gap:6px;flex:1;min-width:100px}.ac-hp-bar-bg{flex:1;height:8px;background:var(--bg-inset);border-radius:4px;overflow:hidden}.ac-hp-bar-fill{height:100%;border-radius:4px;transition:width .4s ease}.ac-hp-text{font-family:var(--font-display);font-weight:700;font-size:.78rem;white-space:nowrap;color:var(--text)}.ac-streak{margin-left:auto;font-size:.78rem;font-weight:600;color:var(--text-muted);white-space:nowrap}.ac-streak.win{color:var(--accent)}.ac-streak.lose{color:var(--blue)}.ac-planes{display:flex;align-items:center;justify-content:center;gap:3px;padding:6px 0 2px;overflow-x:auto;font-size:.72rem}.ac-plane{display:flex;flex-direction:column;align-items:center;padding:4px 8px;border-radius:8px;background:var(--bg-inset);min-width:44px;transition:all .25s}.ac-plane.active{background:var(--accent);color:#fff;font-weight:700;transform:scale(1.08);box-shadow:0 2px 10px #c060404d}.ac-plane.done{opacity:.4}.ac-plane-icon{font-size:1rem}.ac-plane-label{font-size:.58rem;margin-top:1px}.ac-plane-node{font-size:.52rem;opacity:.85;background:#ffffff40;padding:0 3px;border-radius:3px;margin-top:2px}.ac-plane-arrow{color:var(--text-muted);font-size:.65rem}.ac-plane-progress{width:100%;max-width:200px;height:4px;background:var(--bg-inset);border-radius:2px;margin:4px auto 0;overflow:hidden}.ac-plane-progress-fill{height:100%;background:var(--accent);transition:width .3s ease}.ac-board{position:relative;width:340px;height:340px;margin:10px auto 4px}.ac-hex-slot,.ac-core-slot{position:absolute;width:110px;height:96px;display:flex;flex-direction:column;align-items:center;justify-content:center;background:var(--bg-inset);clip-path:polygon(25% 0%,75% 0%,100% 50%,75% 100%,25% 100%,0% 50%);cursor:pointer;transition:all .2s;text-align:center;transform:translate(-50%,-50%)}.ac-hex-slot:before,.ac-core-slot:before{content:"";position:absolute;top:2px;right:2px;bottom:2px;left:2px;background:var(--bg);clip-path:polygon(25% 0%,75% 0%,100% 50%,75% 100%,25% 100%,0% 50%);z-index:-1;transition:all .2s}.ac-hex-slot:has(.ac-hex-char):before{background:var(--bg-warm)}.drag-over:before{background:var(--accent-soft)!important}.drag-over{filter:brightness(1.05);transform:translate(-50%,-50%) scale(1.08)!important;z-index:10}.ac-hex-slot:hover,.ac-core-slot:hover{transform:translate(-50%,-50%) scale(1.06);z-index:5}.ac-hex-slot:hover:before,.ac-core-slot:hover:before{background:var(--bg-card)}.ac-core-slot{top:50%;left:50%;background:var(--accent)}.ac-core-slot:before{background:var(--accent-soft)}.ac-core-slot:has(.ac-core-char):before{background:#c0604026}.ac-hex-slot[data-index="0"]{top:calc(50% - 100px);left:50%}.ac-hex-slot[data-index="1"]{top:calc(50% - 50px);left:calc(50% + 86px)}.ac-hex-slot[data-index="2"]{top:calc(50% + 50px);left:calc(50% + 86px)}.ac-hex-slot[data-index="3"]{top:calc(50% + 100px);left:50%}.ac-hex-slot[data-index="4"]{top:calc(50% + 50px);left:calc(50% - 86px)}.ac-hex-slot[data-index="5"]{top:calc(50% - 50px);left:calc(50% - 86px)}.dragging{opacity:.4}.ac-avatar{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;border:none;border-radius:0;z-index:0;opacity:.8;mask-image:linear-gradient(to bottom,#000 60%,#0000);-webkit-mask-image:linear-gradient(to bottom,rgba(0,0,0,1) 60%,rgba(0,0,0,.2) 100%)}.ac-core-slot .ac-avatar{width:100%;height:100%;border:none;z-index:0}.ac-hex-label{font-size:.55rem;color:var(--text-muted);position:absolute;top:7px;z-index:2;font-weight:600;text-shadow:0 1px 2px rgba(255,255,255,.8)}.ac-hex-empty{color:var(--text-muted);font-size:.65rem;margin-top:6px;font-style:italic}.ac-hex-char{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;padding-bottom:8px;z-index:2}.ac-char-star{color:var(--gold);font-size:.62rem;letter-spacing:-1px;margin-top:1px;text-shadow:0 1px 2px rgba(0,0,0,.8)}.ac-efficacy{font-size:.5rem;padding:1px 3px;border-radius:3px;font-weight:700;margin-top:1px;box-shadow:0 1px 2px #0000004d}.ac-hex-char.matched .ac-efficacy{background:#6a9e6d33;color:var(--green)}.ac-hex-char.env-match .ac-efficacy{background:#c09a5033;color:var(--gold)}.ac-hex-char.mismatched .ac-efficacy{background:#c45c5c26;color:var(--red)}.ac-core-label{font-family:var(--font-display);font-size:.52rem;color:var(--accent);font-weight:700}.ac-core-empty{font-family:var(--font-display);font-size:.7rem;color:var(--accent);line-height:1.3}.ac-actions{display:flex;gap:8px;justify-content:center;flex-wrap:wrap;margin-top:12px;padding:10px 0;border-top:1px solid var(--bg-inset)}.ac-actions .btn{font-size:.82rem;padding:8px 16px}.ac-actions .btn-lg{font-size:.92rem;padding:10px 22px;flex:1}.ac-shop{background:var(--bg-card);border-radius:var(--radius);padding:10px;box-shadow:var(--shadow)}.ac-shop h3{font-family:var(--font-display);font-size:.82rem;margin-bottom:6px;color:var(--text-secondary)}.ac-shop-items{display:flex;gap:6px;justify-content:center}.ac-shop-slot{width:52px;height:64px;padding:0;border-radius:10px;border:2px solid var(--bg-inset);background:var(--bg-warm);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;cursor:pointer;transition:all .2s;position:relative}.ac-shop-slot:hover:not(:disabled):not(.empty){transform:translateY(-3px);box-shadow:var(--shadow-lg)}.ac-shop-slot:disabled{opacity:.4;cursor:not-allowed}.ac-shop-slot.empty{opacity:.25;cursor:default;border-style:dashed;background:transparent;font-size:.6rem;color:var(--text-muted)}.ac-shop-slot.cost-1{border-color:var(--text-muted)}.ac-shop-slot.cost-2{border-color:var(--green);box-shadow:0 0 0 1px #6a9e6d26}.ac-shop-slot.cost-3{border-color:var(--blue);box-shadow:0 0 0 1px #5b8fb926}.ac-shop-slot.cost-4{border-color:#9b59b6;box-shadow:0 0 6px #9b59b626}.ac-shop-slot.cost-5{border-color:var(--gold);box-shadow:0 0 8px #c09a5033}.ac-shop-cost{font-family:var(--font-display);font-weight:700;font-size:.6rem;position:absolute;top:-6px;right:-6px;width:18px;height:18px;display:flex;align-items:center;justify-content:center;background:var(--bg-card);border-radius:50%;border:1.5px solid var(--bg-inset)}.ac-shop-slot.cost-1 .ac-shop-cost{color:var(--text-muted)}.ac-shop-slot.cost-2 .ac-shop-cost{color:var(--green);border-color:var(--green)}.ac-shop-slot.cost-3 .ac-shop-cost{color:var(--blue);border-color:var(--blue)}.ac-shop-slot.cost-4 .ac-shop-cost{color:#9b59b6;border-color:#9b59b6}.ac-shop-slot.cost-5 .ac-shop-cost{color:var(--gold);border-color:var(--gold)}.ac-shop-star{color:var(--gold);font-size:.5rem;letter-spacing:-1px;position:relative;z-index:2}.ac-bench{background:var(--bg-card);border-radius:var(--radius);padding:10px;box-shadow:var(--shadow)}.ac-bench h3{font-family:var(--font-display);font-size:.82rem;margin-bottom:4px;color:var(--text-secondary)}.ac-bench-list{display:flex;gap:5px;flex-wrap:wrap;min-height:56px;padding:4px;border-radius:8px;border:1.5px dashed transparent;transition:all .2s}.ac-bench-list.drag-over{border-color:var(--accent);background:#c060400d}.ac-bench-item{width:48px;height:60px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;border-radius:10px;background:var(--bg-warm);border:2px solid var(--bg-inset);cursor:grab;position:relative;transition:all .15s}.ac-bench-item:active{cursor:grabbing}.ac-bench-item:hover{box-shadow:var(--shadow)}.ac-bench-item.cost-1{border-color:var(--text-muted)}.ac-bench-item.cost-2{border-color:var(--green)}.ac-bench-item.cost-3{border-color:var(--blue)}.ac-bench-item.cost-4{border-color:#9b59b6}.ac-bench-item.cost-5{border-color:var(--gold)}.ac-bench-avatar{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;border-radius:0;border:none;z-index:0;opacity:.85}.ac-bench-item .ac-bench-star,.ac-shop-slot .ac-shop-star{z-index:1;margin-top:auto;margin-bottom:2px;text-shadow:0 1px 2px rgba(0,0,0,.8)}.ac-bench-star{color:var(--gold);font-size:.5rem;letter-spacing:-1px}.ac-bench-sell{position:absolute;top:-4px;right:-4px;width:14px;height:14px;border-radius:50%;background:var(--red);color:#fff;font-size:.5rem;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .15s;line-height:1;z-index:5}.ac-bench-item:hover .ac-bench-sell{opacity:1}.ac-empty-hint{color:var(--text-muted);font-size:.72rem;text-align:center;width:100%;margin-top:12px;font-style:italic}.ac-beverage-shop{background:linear-gradient(135deg,#c09a500f,#c060400a);border:1px solid rgba(192,154,80,.2);border-radius:var(--radius);padding:10px}.ac-beverage-shop h3{font-family:var(--font-display);font-size:.82rem;color:var(--gold);margin-bottom:5px}.ac-bev-list{display:flex;gap:5px;flex-wrap:wrap}.ac-bev-item{flex:1;min-width:80px;padding:6px;border-radius:var(--radius);border:1px solid var(--bg-inset);background:var(--bg-card);cursor:pointer;display:flex;flex-direction:column;gap:1px;font-size:.68rem;transition:all .2s}.ac-bev-item:hover:not(:disabled){border-color:var(--gold);transform:translateY(-2px)}.ac-bev-item:disabled{opacity:.35;cursor:not-allowed}.ac-bev-name{font-family:var(--font-display);font-weight:700;font-size:.72rem}.ac-bev-cost{color:var(--gold);font-weight:700;font-size:.65rem}.ac-bev-desc{color:var(--text-muted);font-size:.58rem}.ac-combat-log{position:fixed;top:0;right:0;bottom:0;left:0;background:#faf8f5f5;z-index:100;display:flex;align-items:center;justify-content:center;padding:16px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.ac-combat-replay{width:100%;max-width:480px;background:var(--bg-card);border-radius:var(--radius-lg);padding:20px;border:1.5px solid var(--accent-soft);box-shadow:var(--shadow-lg)}.ac-combat-replay h3{font-family:var(--font-display);text-align:center;margin-bottom:8px;font-size:1.1rem}.ac-combat-hp-bars{display:flex;align-items:center;justify-content:center;gap:14px;margin-bottom:10px;font-size:.95rem;font-family:var(--font-display);font-weight:700}.ac-hp-bar{color:var(--green)}.ac-hp-bar.enemy{color:var(--red)}.ac-replay-content{max-height:300px;overflow-y:auto;display:flex;flex-direction:column;gap:3px;margin-bottom:8px}.ac-replay-round{display:flex;flex-wrap:wrap;gap:4px;font-size:.75rem;padding:4px 8px;background:var(--bg-inset);border-radius:6px;animation:acSlide .2s ease}@keyframes acSlide{0%{opacity:0;transform:translateY(-4px)}to{opacity:1}}.round-num{font-family:var(--font-display);font-weight:700;color:var(--accent);min-width:24px}.dmg{color:var(--red);font-weight:700}.heal{color:var(--green);font-weight:700}.debuff{color:#e67e22}#ac-skip-combat{width:100%;margin-top:4px}.ac-manual-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#faf8f5f5;z-index:100;display:flex;align-items:center;justify-content:center;padding:16px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.ac-manual-panel{width:100%;max-width:500px;background:var(--bg-card);border-radius:var(--radius-lg);padding:20px;box-shadow:var(--shadow-lg);border:1.5px solid var(--accent-soft)}.ac-manual-vs{display:flex;align-items:center;justify-content:center;gap:20px;margin-bottom:14px}.ac-fighter-card{text-align:center;padding:10px;background:var(--bg-warm);border-radius:var(--radius);min-width:120px}.ac-fighter-card h4{font-family:var(--font-display);font-size:.9rem;margin-bottom:4px}.ac-fighter-stat{font-size:.72rem;color:var(--text-secondary)}.ac-dice-area{background:var(--bg-inset);border-radius:var(--radius);padding:12px;margin:10px 0;text-align:center;min-height:60px}.ac-dice-result{font-family:var(--font-display);font-size:1.4rem;font-weight:900;color:var(--accent)}.ac-manual-actions{display:flex;gap:8px}.ac-manual-actions .btn{flex:1}.ac-modal{position:fixed;top:0;right:0;bottom:0;left:0;background:#faf8f5f0;z-index:200;display:flex;align-items:center;justify-content:center;padding:16px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.ac-modal-content{background:var(--bg-card);border-radius:var(--radius-lg);padding:18px;max-width:360px;width:100%;border:1.5px solid var(--gold);box-shadow:var(--shadow-lg)}.ac-modal-content h3{font-family:var(--font-display);text-align:center;margin-bottom:12px;color:var(--gold);font-size:1rem}.ac-invest-option{display:flex;flex-direction:column;width:100%;padding:8px 10px;margin-bottom:6px;border-radius:var(--radius);border:1px solid var(--bg-inset);background:var(--bg-card);cursor:pointer;font-size:.82rem;text-align:left;transition:all .2s;color:var(--text)}.ac-invest-option:hover{border-color:var(--gold);background:#c09a500d}.ac-invest-option strong{color:var(--accent);margin-bottom:2px;font-size:.88rem}.ac-invest-option span{color:var(--text-secondary);font-size:.72rem}.ac-toast{position:fixed;top:14px;left:50%;transform:translate(-50%) translateY(-14px);background:var(--bg-card);color:var(--red);padding:7px 18px;border-radius:999px;font-weight:700;font-size:.8rem;opacity:0;transition:all .3s;z-index:500;pointer-events:none;box-shadow:var(--shadow-lg);border:1.5px solid var(--red)}.ac-toast.show{opacity:1;transform:translate(-50%) translateY(0)}.ac-toast.success{color:var(--green);border-color:var(--green)}.ac-result{background:var(--bg-card);border-radius:var(--radius-lg);padding:24px;text-align:center;box-shadow:var(--shadow-lg);max-width:360px;margin:12px auto}.ac-result.ac-victory{border:1.5px solid var(--gold)}.ac-result.ac-defeat{border:1.5px solid var(--red)}.ac-result-title{font-family:var(--font-display);font-size:1.5rem;font-weight:900;margin-bottom:4px}.ac-victory .ac-result-title{color:var(--gold)}.ac-defeat .ac-result-title{color:var(--red)}.ac-result-subtitle{color:var(--text-secondary);font-size:.82rem;margin-bottom:16px}.ac-result-stats{display:flex;flex-direction:column;gap:6px;background:var(--bg-inset);border-radius:var(--radius);padding:12px;text-align:left}.ac-rs{display:flex;justify-content:space-between;font-size:.85rem;border-bottom:1px solid rgba(0,0,0,.03);padding-bottom:4px}.ac-rs:last-child{border-bottom:none;padding-bottom:0}.ac-rs span:first-child{color:var(--text-secondary)}.ac-rs span:last-child{font-family:var(--font-display);font-weight:700;color:var(--text)}.ac-domain-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 50% 40%,#f5ebffe0,#e6d7faeb 70%,#dcc8f5f2);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);z-index:9900;pointer-events:none;overflow:hidden;animation:acDomainFade .5s cubic-bezier(.175,.885,.32,1.275) forwards}@keyframes acDomainFade{0%{opacity:0;transform:scale(1.04)}to{opacity:1;transform:scale(1)}}