:root{--bg-top: #f4f8ff;--bg-bottom: #dfeeff;--panel: rgba(250, 253, 255, .9);--panel-strong: rgba(255, 255, 255, .96);--ink: #17304f;--muted: #64758f;--line: rgba(46, 83, 132, .14);--accent: #4f86d9;--accent-dark: #2f5f9f;--good: #3f78be;--danger: #d65a71;--shadow: 0 16px 34px rgba(32, 60, 68, .11);--shadow-soft: 0 8px 22px rgba(32, 60, 68, .08);--radius-lg: 18px;--radius-md: 12px;--radius-sm: 8px;--page-width: min(1680px, calc(100vw - 36px) );--surface-gradient: linear-gradient(180deg, rgba(255, 255, 255, .94), rgba(246, 250, 255, .88));--hp-bg: rgba(79, 134, 217, .12);--hp-fill: linear-gradient(90deg, #8fb8f6, #4f86d9)}*{box-sizing:border-box;font-family:Microsoft YaHei,PingFang SC,Noto Sans SC,sans-serif}html{overflow-y:scroll}body{margin:0;min-height:100vh;scrollbar-gutter:stable both-edges;color:var(--ink);background:linear-gradient(180deg,#f4f8ff61,#dfeeff57),url(/assets/ui/background.webp) center center / cover fixed no-repeat,linear-gradient(180deg,var(--bg-top),var(--bg-bottom))}a{color:inherit}.app-shell{width:var(--page-width);max-width:none;margin:0 auto;padding:16px 18px 28px;display:grid;gap:16px}.topbar{position:relative;width:100%;margin:0 auto;display:grid;grid-template-rows:auto 1fr;gap:10px;min-height:148px;padding:14px 16px;border-radius:var(--radius-lg);border:1px solid rgba(255,255,255,.26);background:linear-gradient(180deg,#111c2a1f,#111c2a57),var(--topbar-image, none) center center / cover no-repeat,linear-gradient(135deg,#a8c8f5,#80b4ea 46%,#b2caee);box-shadow:inset 0 1px #ffffff38,0 14px 32px #1e314824;overflow:hidden}.topbar:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,rgba(7,17,28,.34),transparent 34%,rgba(7,17,28,.18)),linear-gradient(180deg,rgba(7,17,28,.04),transparent 52%,rgba(7,17,28,.34));pointer-events:none}.topbar>*{position:relative;z-index:1}.topbar-nav-row{display:flex;justify-content:space-between;align-items:center;gap:12px}.topbar-tools{display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:10px;min-width:0}.brand{display:grid;align-content:end;gap:4px;width:fit-content;min-height:70px;padding:0 8px;border:0;background:transparent;-webkit-backdrop-filter:none;backdrop-filter:none;box-shadow:none}.brand-title-image{display:block;width:min(190px,38vw);height:auto;filter:drop-shadow(0 10px 18px rgba(0,0,0,.18))}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.title{font-size:clamp(32px,4vw,54px);line-height:.95;font-weight:900;letter-spacing:2px}.subtitle{display:inline-flex;align-items:center;min-height:20px;padding-left:4px;color:#f7fbfff0;font-size:12px;font-weight:900;letter-spacing:.18em;text-transform:uppercase;text-shadow:0 2px 10px rgba(10,18,30,.22)}.status{display:inline-flex;align-items:center;min-height:42px;max-width:min(42vw,520px);padding:0 16px;border-radius:999px;background:#121c2ba8;border:1px solid rgba(255,255,255,.18);color:#f4f9ffeb;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.panel{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius-lg);box-shadow:var(--shadow)}label{display:block;font-size:13px;color:var(--muted)}input{width:100%;min-height:42px;border-radius:var(--radius-md);border:1px solid rgba(56,102,154,.18);padding:9px 12px;background:#ffffffe6;color:var(--ink)}input:focus,textarea:focus{border-color:#4f86d96b;box-shadow:0 0 0 3px #4f86d91f;outline:none}.checkbox-row{display:flex;align-items:center;gap:10px;color:var(--muted);font-size:14px}.checkbox-row input{width:auto}button{border:0;border-radius:var(--radius-md);background:var(--accent);color:#fff;padding:10px 14px;cursor:pointer;font-weight:800;transition:transform .12s ease,background .12s ease,box-shadow .12s ease;box-shadow:var(--shadow-soft)}button:hover{transform:translateY(-1px);background:var(--accent-dark);box-shadow:0 12px 24px #4f86d92e}button.alt{background:#ffffffd6;color:var(--ink);border:1px solid var(--line);box-shadow:none}button.alt:hover{background:#eef6ff}.button-link,.nav-link{text-decoration:none}.button-link{display:inline-flex;align-items:center;justify-content:center;border-radius:var(--radius-md);background:var(--accent);color:#fff;padding:9px 13px;transition:transform .12s ease,background .12s ease}.button-link:hover{transform:translateY(-1px);background:var(--accent-dark)}.button-link.alt{background:#ffffffd6;color:var(--ink);border:1px solid var(--line)}.page-nav{display:flex;flex-wrap:wrap;gap:4px;align-items:center;justify-content:flex-start;flex:1;min-width:0;padding:6px;border-radius:12px;background:linear-gradient(180deg,#101b288a,#101b2857);border:1px solid rgba(255,255,255,.16);box-shadow:inset 0 1px #ffffff14,0 10px 22px #1019261f;-webkit-backdrop-filter:blur(10px) saturate(1.06);backdrop-filter:blur(10px) saturate(1.06)}.announcement-tag,.admin-badge{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;padding:5px 10px;background:#4f86d91f;color:var(--accent-dark);font-size:12px;font-weight:800}.announcement-body{color:var(--ink);font-size:13px;line-height:1.65;max-height:180px;overflow:auto}.markdown-body h1,.markdown-body h2,.markdown-body h3{margin:0 0 10px;line-height:1.2}.markdown-body p,.markdown-body ul{margin:0 0 10px}.markdown-body ul{padding-left:18px}.markdown-body ol{margin:0 0 10px;padding-left:22px}.markdown-body code{padding:2px 6px;border-radius:8px;background:#13324f14;font-size:12px}.markdown-body pre{margin:0 0 12px;padding:12px 14px;border-radius:var(--radius-md);background:#0d2030eb;color:#f4fafff0;overflow:auto}.markdown-body pre code{display:block;padding:0;background:transparent;color:inherit;white-space:pre}.admin-shell{gap:16px}.admin-hero,.admin-section{padding:20px}.admin-hero{display:flex;justify-content:space-between;gap:18px;align-items:start;background:var(--surface-gradient)}.admin-hero-actions{display:flex;flex-wrap:wrap;gap:10px;justify-content:flex-end}.admin-hero-actions button{min-width:108px}.admin-hero-actions button.active{background:#4f86d9;color:#fff;border-color:#4f86d9b8;box-shadow:0 12px 22px #4f86d933}.admin-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.admin-section-head{display:flex;justify-content:space-between;gap:12px;align-items:start;margin-bottom:14px}.admin-textarea{width:100%;min-height:360px;resize:vertical;border-radius:var(--radius-md);border:1px solid var(--line);padding:14px;background:#fffffff5;color:var(--ink);font:inherit}.admin-preview{min-height:360px;padding:14px;border-radius:var(--radius-md);background:#ffffffb8;border:1px dashed rgba(56,102,154,.18)}.admin-user-placeholder,.admin-card-table{display:grid;gap:12px}.admin-user-card,.admin-card-row{display:flex;justify-content:space-between;gap:14px;align-items:start;padding:14px;border-radius:var(--radius-md);background:#ffffffbd;border:1px solid rgba(56,102,154,.14)}.admin-user-card p{margin:6px 0 0;color:var(--muted);font-size:13px}.admin-user-state{border-radius:999px;padding:6px 10px;font-size:12px;font-weight:800}.admin-user-state.online{background:#3f78be24;color:var(--good)}.admin-user-state.idle{background:#4f86d924;color:var(--accent-dark)}.admin-user-state.admin{background:#d65a7124;color:var(--danger)}.admin-card-meta{min-width:130px;display:grid;gap:6px}.admin-card-meta span{color:var(--muted);font-size:12px}.admin-card-fields{flex:1;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.admin-card-fields label{display:grid;gap:6px}.admin-empty{padding:18px;border-radius:var(--radius-md);background:#ffffffb8;color:var(--muted)}.admin-card-editor{display:grid;grid-template-columns:minmax(220px,300px) minmax(0,1fr);gap:14px;align-items:start}.admin-card-list{display:grid;gap:8px;max-height:720px;overflow:auto;padding-right:4px}.admin-card-tab{display:grid;justify-items:start;gap:4px;width:100%;text-align:left;border:1px solid rgba(56,102,154,.12);background:#ffffffc2;color:var(--ink);box-shadow:none}.admin-card-tab.active{border-color:#4f86d975;background:#4f86d924}.admin-card-tab span{color:var(--muted);font-size:12px}.admin-card-form{display:grid;gap:14px}.admin-card-form-actions{display:flex;justify-content:flex-end;padding-top:14px;border-top:1px solid rgba(56,102,154,.12)}.admin-card-form-actions button{min-width:180px}.admin-card-form-head{display:flex;justify-content:space-between;gap:12px;align-items:start;padding-bottom:8px;border-bottom:1px solid rgba(56,102,154,.12)}.admin-card-form-head h3{margin:0;font-size:26px;line-height:1.1}.admin-card-fields select,.admin-wide-field select{width:100%;min-height:42px;border-radius:var(--radius-md);border:1px solid rgba(56,102,154,.18);padding:9px 12px;background:#ffffffe6;color:var(--ink);font:inherit}.admin-wide-field{display:grid;gap:6px}.admin-small-textarea{width:100%;min-height:96px;resize:vertical;border-radius:var(--radius-md);border:1px solid var(--line);padding:12px;background:#fffffff5;color:var(--ink);font:inherit}.admin-tuner-section{display:grid;gap:14px}@media(max-width:1080px){.topbar{min-height:142px;padding:14px}.topbar-nav-row{width:100%;flex-direction:column;align-items:stretch}.topbar-tools{justify-content:flex-start}.brand{min-height:62px}.admin-grid{grid-template-columns:1fr}.admin-card-fields{grid-template-columns:repeat(2,minmax(0,1fr))}.admin-card-editor{grid-template-columns:1fr}}@media(max-width:720px){.topbar{min-height:138px;gap:10px;padding:12px;border-radius:16px}.admin-hero,.admin-card-row{flex-direction:column}.admin-card-fields{grid-template-columns:1fr}}.nav-link{display:inline-flex;align-items:center;justify-content:center;min-height:34px;border-radius:8px;border:1px solid transparent;background:transparent;color:#f8fbffeb;padding:7px 12px;font-weight:900;font-size:15px;letter-spacing:0;text-shadow:0 2px 8px rgba(9,16,28,.28)}.nav-link.active,.nav-link:hover{color:#fff;background:linear-gradient(180deg,#ffffff42,#ffffff24);border-color:#ffffff2e;box-shadow:inset 0 1px #ffffff1f}.nav-button{-webkit-appearance:none;-moz-appearance:none;appearance:none;font:inherit}.nav-user{cursor:default;color:#f7fafff5;background:#101b289e;border-color:#ffffff29;box-shadow:0 10px 18px #1019261f;pointer-events:none;text-transform:none;letter-spacing:.02em;text-shadow:none}.topbar-status{font-size:13px;font-weight:800}button:disabled,button.disabled{cursor:not-allowed;transform:none;background:#798b9c59;color:#13324f7a;border:1px solid rgba(56,102,154,.1)}button:disabled:hover,button.disabled:hover{transform:none;background:#798b9c59}.button-row{display:flex;flex-wrap:wrap;gap:10px}.topbar-modal{position:fixed;top:0;right:0;bottom:0;left:0;display:none;align-items:center;justify-content:center;padding:24px;background:#111f316b;z-index:9800}.topbar-modal.visible{display:flex}.topbar-dialog{width:min(720px,calc(100vw - 32px));max-height:min(78vh,820px);padding:22px;overflow:auto;background:var(--surface-gradient)}.topbar-dialog-head{display:flex;justify-content:space-between;gap:14px;align-items:start;margin-bottom:16px}.topbar-dialog-head h2{margin:0}.topbar-dialog-body{padding:16px 18px;border-radius:var(--radius-md);background:#fffc;border:1px solid rgba(56,102,154,.14);line-height:1.7}.topbar-notice-body{min-height:min(58vh,620px)}.topbar-announcement-dialog,.topbar-docs-dialog{width:min(1040px,calc(100vw - 32px))}.topbar-docs-layout{display:grid;grid-template-columns:210px minmax(0,1fr);gap:14px;min-height:min(58vh,620px)}.topbar-doc-tabs{display:grid;align-content:start;gap:10px}.topbar-doc-tab{display:grid;gap:4px;justify-items:start;width:100%;min-height:72px;padding:13px 14px;border-radius:var(--radius-md);background:#ffffffb8;color:var(--ink);border:1px solid rgba(56,102,154,.14);box-shadow:none;text-align:left}.topbar-doc-tab:hover,.topbar-doc-tab.active{background:linear-gradient(135deg,#4f86d92e,#ffffffe6);color:var(--accent-dark);border-color:#4f86d947}.topbar-doc-tab span{font-size:15px;font-weight:900}.topbar-doc-tab small{color:var(--muted);font-size:12px}.topbar-doc-content{max-height:min(58vh,620px);overflow:auto}.topbar-password-form{display:grid;gap:12px}.topbar-helper{margin:0;color:var(--muted);line-height:1.6}.eyebrow{margin:0 0 8px;color:var(--accent-dark);text-transform:uppercase;letter-spacing:.08em;font-size:12px;font-weight:900}.hero-copy{max-width:560px;color:var(--muted);line-height:1.65;margin:14px 0 0}.board-empty{min-height:110px;display:grid;place-items:center;color:var(--muted)}@keyframes cardEnter{0%{opacity:0;transform:translateY(8px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@media(max-width:720px){.page-nav{width:100%;padding:8px 10px;gap:6px}.nav-link{min-height:32px;font-size:13px;padding:6px 10px}.nav-user{box-shadow:none}.status{max-width:100%;white-space:normal}.topbar-dialog{width:100%;padding:18px}.topbar-dialog-head{flex-direction:column}.topbar-docs-layout{grid-template-columns:1fr;min-height:auto}.topbar-doc-tabs{grid-template-columns:1fr}.topbar-doc-tab{min-height:58px}}.home-shell{gap:20px}.home-topbar .page-nav{width:100%}.home-topbar .status{font-weight:800}.home-hero{padding:clamp(22px,3.8vw,40px);display:grid;grid-template-columns:minmax(0,1.35fr) minmax(320px,440px);gap:24px;align-items:stretch;position:relative;overflow:hidden;border-radius:var(--radius-lg);background:linear-gradient(180deg,#ffffff94,#eef6ff6b);box-shadow:0 22px 48px #2b528021,inset 0 1px #ffffffeb}.home-hero:before{content:"";position:absolute;inset:auto 24px 20px 24px;height:1px;background:linear-gradient(90deg,transparent,rgba(79,134,217,.32),transparent);pointer-events:none}.home-hero-copy{position:relative;z-index:1;display:grid;align-content:center;gap:10px;min-height:300px}.home-hero h1{margin:0;max-width:760px;font-size:clamp(36px,4.8vw,58px);line-height:1.04;letter-spacing:0}.home-hero .hero-copy{max-width:640px;margin:0;font-size:17px;line-height:1.75}.home-hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:14px}.home-hero-actions button,.home-hero-actions .button-link{min-height:48px;padding:0 22px;font-weight:900}.profile-panel{position:relative;z-index:1;border-radius:var(--radius-lg);border:1px solid rgba(56,102,154,.16);background:linear-gradient(180deg,#ffffff94,#f3f8ff70);padding:22px;display:grid;gap:12px;align-content:start;box-shadow:inset 0 1px #fffffff5,0 14px 28px #2b528017}.profile-head{display:grid;gap:6px}.profile-label,.session-label{font-size:12px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}.profile-head strong{font-size:clamp(28px,3vw,38px);line-height:1.05}.profile-panel input{min-height:48px;border-radius:var(--radius-md);font-size:15px}.profile-help{margin:0;color:var(--muted);line-height:1.65;font-size:14px}.profile-meta{display:grid;gap:10px;margin-top:4px;padding:12px;border-radius:var(--radius-md);border:1px solid rgba(56,102,154,.12);background:#ffffff9e}.profile-meta span{font-weight:800}.profile-meta button{justify-self:start}.profile-meta-actions{display:flex;flex-wrap:wrap;gap:10px}.home-overview{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(320px,.9fr);gap:14px}.overview-card{padding:22px;display:grid;gap:10px;min-height:190px;align-content:start;background:linear-gradient(180deg,#ffffff8f,#f4f9ff6b);border-color:#38669a24}.overview-card h2{margin:0;font-size:24px;line-height:1.12}.overview-card p{margin:0;color:var(--muted);line-height:1.72}.text-link{display:inline-flex;align-items:center;gap:6px;margin-top:auto;color:var(--accent-dark);font-weight:800;text-decoration:none}.text-link:hover{text-decoration:underline}.home-session{padding:18px;grid-template-columns:1fr;gap:10px;background:linear-gradient(180deg,#4f86d914,#ffffff7a)}.home-session>div{display:grid;gap:6px;padding:10px 12px;border-radius:var(--radius-md);background:#ffffff94;border:1px solid rgba(56,102,154,.1)}.home-session strong{font-size:18px}.entry-modal{position:fixed;top:0;right:0;bottom:0;left:0;display:none;align-items:center;justify-content:center;padding:20px;background:#0a142061;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:9200}.entry-modal.visible{display:flex}.entry-dialog{width:min(760px,100%);padding:28px;position:relative;background:linear-gradient(180deg,#ffffffad,#f2f8ff8f);box-shadow:0 26px 80px #10203647}.entry-close{position:absolute;top:18px;right:18px}.entry-dialog h2{margin:0;font-size:clamp(28px,4vw,40px);line-height:1.08}.entry-copy{margin:10px 0 0;color:var(--muted);line-height:1.7}.entry-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:24px}.entry-action{min-height:150px;border-radius:var(--radius-lg);display:grid;gap:10px;align-content:end;justify-items:start;padding:22px;background:linear-gradient(145deg,#4f86d9,#2f5f9f);box-shadow:0 16px 34px #4f86d933}.entry-action span{font-size:26px;font-weight:900}.entry-action small{font-size:14px;color:#ffffffe0}.entry-action.alt-action{background:linear-gradient(145deg,#fffffffa,#f2f8fffa);color:var(--ink);border:1px solid rgba(56,102,154,.12);box-shadow:0 18px 34px #0f172a14}.entry-action.alt-action small{color:var(--muted)}.entry-form{display:grid;gap:14px}.play-type-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.play-type-option{min-height:86px;display:grid;gap:6px;align-content:center;justify-items:start;text-align:left;border:1px solid rgba(56,102,154,.16);background:#ffffffd1;color:var(--ink);box-shadow:none}.play-type-option.active{background:linear-gradient(145deg,#4f86d92e,#fffffff5);border-color:#4f86d96b}.play-type-option span{font-size:18px;font-weight:900}.play-type-option small{color:var(--muted);font-weight:800}.first-player-control{display:grid;grid-template-columns:minmax(120px,.8fr) repeat(2,minmax(0,1fr));gap:8px;align-items:stretch;padding:10px;border-radius:var(--radius-md);border:1px solid rgba(56,102,154,.12);background:#ffffff80}.first-player-label{display:grid;gap:3px;align-content:center;min-width:0}.first-player-label span{color:var(--ink);font-size:13px;font-weight:900}.first-player-label small{color:var(--muted);font-size:11px;font-weight:800;line-height:1.25}.first-player-option{min-height:42px;padding:8px 12px;border-radius:var(--radius-md);border:1px solid rgba(56,102,154,.16);background:#ffffffd1;color:var(--muted);font-size:13px;font-weight:900;box-shadow:none}.first-player-option.active{border-color:#2f5f9fdb;background:linear-gradient(180deg,#4f86d9,#2f5f9f);color:#fff;box-shadow:0 10px 20px #4f86d938,inset 0 0 0 2px #ffffff47}.entry-form input{min-height:50px;border-radius:16px}.entry-form-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:10px}.entry-form-actions button{min-height:48px;font-weight:900}@media(max-width:1100px){.home-hero,.home-overview,.home-session{grid-template-columns:1fr}.home-hero-copy{min-height:auto}}@media(max-width:720px){.entry-grid,.play-type-options,.first-player-control,.home-hero-actions,.entry-form-actions{grid-template-columns:1fr}.entry-grid{display:grid}.home-hero h1{font-size:38px}.home-hero-actions button,.home-hero-actions .button-link,.entry-form-actions button{width:100%}}.cards-shell{gap:16px}.cards-hero{padding:clamp(22px,4vw,36px);display:grid;grid-template-columns:minmax(0,1fr) auto;gap:24px;align-items:end;overflow:hidden;position:relative;border-radius:var(--radius-lg);background:linear-gradient(180deg,#ffffff94,#faf8ef75)}.cards-hero h1{margin:0;font-size:clamp(34px,5vw,56px);line-height:1.04;letter-spacing:0}.cards-filter{display:grid;gap:10px;position:relative;z-index:1}.cards-filter-group{display:flex;flex-wrap:wrap;gap:10px;justify-content:flex-end}.cards-filter button{min-width:92px;font-weight:800}.cards-filter button.active{background:var(--accent);color:#fff;box-shadow:0 10px 22px #4f86d938}.cards-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.summary-chip{padding:16px 18px;display:grid;gap:6px;background:linear-gradient(180deg,#ffffff94,#faf8ef75)}.summary-label{font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);font-weight:800}.summary-chip strong{font-size:22px;color:var(--ink)}.cards-density-note{display:flex;justify-content:flex-end;color:var(--muted);font-size:13px}.card-gallery{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,190px));justify-content:center;gap:14px}.catalog-card{overflow:visible;position:relative;aspect-ratio:5 / 7;border-width:3px;border-radius:var(--radius-lg);background:linear-gradient(180deg,#ffffff85,#eef6ff57);transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease;cursor:default}.catalog-card.catalog-card-character{border-color:red}.catalog-card.catalog-card-skill{border-color:#00f}.catalog-card:hover{transform:translateY(-4px);box-shadow:0 20px 38px #203c4424;border-color:#4f86d942}.catalog-art{position:relative;width:100%;height:100%;aspect-ratio:5 / 7;border-radius:inherit;background:radial-gradient(circle at top,rgba(255,255,255,.4),transparent 42%),linear-gradient(180deg,#4f86d914,#4f86d905),linear-gradient(135deg,#d5e7ff,#f3f8ff);overflow:visible}.catalog-art:after{content:"双击查看高清图";position:absolute;right:8px;top:8px;border-radius:999px;padding:4px 7px;font-size:10px;font-weight:800;color:#f5fbff;background:#10284494;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);opacity:0;transform:translateY(6px);transition:opacity .16s ease,transform .16s ease}.catalog-card:hover .catalog-art:after{opacity:1;transform:translateY(0)}.catalog-art.no-image:after{content:"无图";top:0;left:0;height:auto;right:0;bottom:0;display:grid;place-items:center;font-size:28px;color:#13324f4d;font-weight:900;background:transparent;opacity:1;transform:none;-webkit-backdrop-filter:none;backdrop-filter:none}.catalog-art>img:not(.card-rarity-frame){width:100%;height:100%;object-fit:cover;object-position:top center;display:block;border-radius:inherit;transition:transform .22s ease}.catalog-card:hover .catalog-art>img:not(.card-rarity-frame){transform:scale(1.04)}.catalog-card .card-cost-badge{position:absolute;top:-11px;left:-11px;z-index:5;width:calc(16.7% + 2px);aspect-ratio:1;display:grid;place-items:center;border-radius:50%;border:0;background:var(--action-point-image, url(card-textures/cards/actionPoints)) center / contain no-repeat,#0f243db8;color:#fff;font-size:clamp(18px,8.3%,25px);font-weight:900;line-height:1;-webkit-text-stroke:1.35px rgba(0,0,0,.95);paint-order:stroke fill;text-shadow:0 1.5px 0 #000,1.5px 0 0 #000,0 -1.5px 0 #000,-1.5px 0 0 #000,0 3px 7px rgba(0,0,0,.58);box-shadow:none;filter:drop-shadow(0 7px 8px rgba(0,0,0,.34));transform:rotate(0);pointer-events:none}.catalog-card .card-rarity-frame{position:absolute;top:50%;right:50%;bottom:50%;left:50%;z-index:2;width:120%;height:120%;object-fit:fill;border-radius:0;transform:translate(-50%,-50%);pointer-events:none}.catalog-card-caption{position:absolute;left:10px;right:10px;bottom:10px;z-index:3;display:grid;justify-items:start;gap:5px;pointer-events:none}.catalog-card.card-framed .catalog-card-caption{top:-2.4%;bottom:auto;left:16%;right:14%;height:6%;justify-items:center;align-items:center;text-align:center}.catalog-card-caption h2{max-width:100%;margin:0;border-radius:var(--radius-sm);padding:5px 8px;background:#0d1c2aa8;color:#fff;font-size:15px;line-height:1.18;letter-spacing:0;text-shadow:0 1px 6px rgba(0,0,0,.34);overflow-wrap:anywhere}.catalog-card.card-framed .catalog-card-caption h2{padding:0;background:transparent;color:#6a3f06;font-size:clamp(18px,8.3%,25px);line-height:1.05;text-shadow:0 1px 0 rgba(255,255,255,.72),0 2px 5px rgba(84,45,0,.2)}.catalog-entry,.catalog-stats span{border-radius:var(--radius-sm);border:1px solid var(--line);background:#ffffffc7;color:var(--muted);padding:4px 6px;font-size:10px;font-weight:800}.catalog-entry{display:inline-flex;align-items:center;gap:5px;white-space:nowrap}.catalog-entry strong{color:var(--ink);font-size:inherit;line-height:1}.catalog-entry.primary{background:#4f86d91f;color:var(--accent-dark)}.catalog-entry.primary strong{color:var(--accent-dark)}.catalog-stats{display:flex;flex-wrap:wrap;gap:6px}.card-preview-modal{position:fixed;top:0;right:0;bottom:0;left:0;display:none;align-items:center;justify-content:center;padding:24px;background:#0b1d348f;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:9100}.card-preview-modal.visible{display:flex}.card-preview-dialog{width:min(1080px,100%);min-height:auto;padding:18px;display:grid;grid-template-columns:minmax(280px,380px) minmax(0,1fr);gap:24px;position:relative;background:linear-gradient(180deg,#ffffffad,#f2f8ff8a)}.card-preview-close{position:absolute;top:18px;right:18px;z-index:1}.card-preview-media{width:min(380px,100%);aspect-ratio:5 / 7;justify-self:center;border-radius:var(--radius-lg);overflow:hidden;background:radial-gradient(circle at top,rgba(255,255,255,.26),transparent 40%),linear-gradient(135deg,#c9defb,#f4f9ff);display:grid;place-items:center}.card-preview-media img{width:100%;height:100%;object-fit:contain;display:block;background:linear-gradient(180deg,#ffffff2e,#ffffff0d)}.card-preview-media.no-image:before{content:"暂无高清图片";font-size:28px;font-weight:900;color:#13324f5c}.card-preview-info{display:grid;grid-template-rows:auto auto minmax(0,1fr);gap:18px;padding:22px 16px 16px;min-height:100%}.card-preview-head{display:flex;flex-wrap:wrap;gap:10px}.card-preview-title{display:grid;gap:14px}.card-preview-info h2{margin:0;font-size:clamp(28px,4vw,44px);line-height:1.02;letter-spacing:0}.card-preview-body{display:grid;grid-template-rows:minmax(0,auto) auto;gap:22px;align-content:start}.card-preview-info p{margin:0;color:var(--muted);line-height:1.92;font-size:15px;padding:16px 18px;border-radius:var(--radius-lg);background:#ffffff8a;border:1px solid rgba(56,102,154,.1)}.card-preview-stats{margin-top:4px}.card-preview-meta{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.preview-meta-block{padding:18px;border-radius:var(--radius-lg);background:#ffffff85;border:1px solid rgba(56,102,154,.1);display:grid;gap:8px}.preview-meta-block strong{font-size:20px;line-height:1.25}@media(max-width:1100px){.cards-hero{grid-template-columns:1fr;align-items:start}.cards-summary{grid-template-columns:1fr}.card-preview-dialog{grid-template-columns:1fr;min-height:auto}.card-preview-media{width:min(340px,100%)}.card-preview-meta{grid-template-columns:1fr}}@media(max-width:720px){.cards-hero h1{font-size:38px}.card-gallery{grid-template-columns:repeat(auto-fill,minmax(158px,1fr))}.card-preview-modal,.card-preview-dialog{padding:14px}.card-preview-media{width:min(280px,100%)}.card-preview-info{padding:12px 4px 4px}.card-preview-info h2{font-size:36px}}.battle-shell{gap:16px}.table{padding:16px;background:linear-gradient(180deg,#fffcf48a,#eff7ff6b);border-color:#38669a24}.table-layout{display:grid;grid-template-columns:1fr;gap:0;align-items:start}.arena{display:block}.battle-board{display:grid;grid-template-rows:auto auto minmax(280px,auto);gap:12px}.battle-top-strip{border:1px solid rgba(56,102,154,.18);border-radius:var(--radius-lg);display:grid;grid-template-columns:minmax(360px,.72fr) minmax(0,.9fr) 124px;gap:10px;align-items:stretch;padding:10px;min-height:204px;background:linear-gradient(135deg,rgba(79,134,217,.12),transparent 52%),var(--surface-gradient),#ffffff94;box-shadow:inset 0 1px #fffc,0 16px 30px #4972a314}.battle-headline{border-radius:var(--radius-md);border:1px solid rgba(28,28,28,.34);background:linear-gradient(180deg,#ffffff57,#f6faff33);padding:12px 14px;display:flex;flex-wrap:wrap;align-items:center;gap:12px;align-content:center;min-height:174px}.battle-exit-action{min-height:32px;padding:6px 14px;color:var(--danger);font-weight:900;font-size:13px}.battle-headline-actions{display:flex;flex-wrap:wrap;gap:8px;margin-left:auto}.battle-inline-action{min-height:34px;padding:6px 12px;font-weight:900;font-size:13px}.top-log-actions{padding:0;display:grid;align-content:center;gap:12px}.top-log-actions .battle-inline-action,.top-log-actions .battle-exit-action{width:100%;min-height:58px;border-radius:var(--radius-md);font-size:15px;box-shadow:0 10px 18px #1e242a1a}.top-log-actions .battle-inline-action{border-color:#2f5f9f99;background:linear-gradient(180deg,#4f86d9,#2f5f9f);color:#fff}.top-log-actions .battle-exit-action{border-color:#d65a7175;background:#ffffffe6;color:var(--danger)}.battle-status-item span,.compact-effects>span{font-size:12px;line-height:1;color:var(--muted)}.battle-status-item{min-height:42px;padding:7px 12px;border:2px solid rgba(30,36,42,.82);border-radius:7px;display:grid;gap:3px;background:#ffffffe6;box-shadow:0 2px #1e242a24}.battle-status-item strong{font-size:18px;color:var(--ink);line-height:1.12}.action-point-box{background:linear-gradient(180deg,#4f86d929,#ffffffc7),#ffffffd1;border-color:#4f86d947}.action-point-box strong{color:var(--accent-dark)}.pile-inline-action{width:100%;min-height:44px;padding:10px 18px;border-radius:var(--radius-md);border:1px solid rgba(79,134,217,.42);background:linear-gradient(180deg,#4f86d9fa,#2f69befa);color:#fff;font-size:15px;font-weight:900;letter-spacing:0;box-shadow:0 10px 18px #4f86d93d}.pile-inline-action:hover{border-color:#2f69bead;background:linear-gradient(180deg,#407ad2,#225bb0)}.compact-effects{border-radius:var(--radius-md);border:1px solid rgba(56,102,154,.14);background:#ffffffb8;padding:12px;display:grid;grid-template-rows:auto minmax(0,1fr);gap:8px;min-width:0;min-height:116px;max-height:116px}.effect-list{display:flex;flex-wrap:wrap;gap:6px;align-content:flex-start;min-height:0;overflow:auto;padding-right:2px}.battle-main-grid{display:grid;grid-template-columns:minmax(0,1fr) 380px;gap:18px;align-items:stretch;min-height:512px;max-height:512px}.battle-lanes{position:relative;display:grid;gap:16px;border:1px solid rgba(56,102,154,.18);border-radius:var(--radius-lg);overflow:hidden;background:linear-gradient(90deg,#fff4ea33,#fffcf229 46%,#f6fcf933);box-shadow:inset 0 0 0 1px #ffffff94,0 18px 30px #1e242a1a}.battle-player-row{display:grid;grid-template-columns:136px minmax(560px,1fr);gap:14px;align-items:stretch}.player-panel{display:grid;justify-items:center;align-content:center;gap:8px;min-width:0}.player-avatar{width:132px;aspect-ratio:1;border:1px solid rgba(19,50,79,.22);border-radius:999px;position:relative;display:grid;place-items:end center;text-align:center;font-size:20px;font-weight:800;background:radial-gradient(circle at 30% 24%,rgba(255,255,255,.95),transparent 36%),linear-gradient(180deg,#fffffff5,#edf6ffe0);box-shadow:var(--shadow-soft),inset 0 1px #fffffff0;align-self:center;overflow:hidden;transition:transform .16s ease,box-shadow .16s ease,outline-color .16s ease}.player-avatar-image{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:contain}.player-avatar-info{width:100%;display:grid;gap:5px;text-align:center;font-size:15px;font-weight:900;line-height:1.2}.player-name{color:var(--ink);font-size:16px;line-height:1.15;overflow-wrap:anywhere}.player-compact-status{width:min(132px,100%);justify-self:center;display:grid;grid-template-columns:22px minmax(0,1fr) 30px;gap:6px;align-items:center;padding:2px 0}.player-score{width:22px;aspect-ratio:1;display:grid;place-items:center;border-radius:999px;color:#fff;font-size:13px;line-height:1}.player-health-track{height:9px;border-radius:999px;background:#1e242a1f;overflow:hidden;box-shadow:inset 0 1px 2px #1e242a29}.player-health-fill{height:100%;min-width:2px;border-radius:inherit;transition:width .22s ease}.player-health-text{color:var(--ink);font-size:12px;line-height:1;text-align:left}.player-compact-status.tone-p1 .player-score{background:#2f5f9f}.player-compact-status.tone-p1 .player-health-fill{background:#4f86d9}.player-compact-status.tone-p2 .player-score{background:#b5263f}.player-compact-status.tone-p2 .player-health-fill{background:#e1586d}.player-avatar.targetable{cursor:pointer;outline:3px dashed rgba(79,134,217,.5)}.battle-right-rail{display:grid;grid-template-rows:110px 110px 118px 118px;gap:14px;min-height:512px;max-height:512px;height:512px;overflow:hidden}.pile-pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;min-height:118px}.summon-zone{border:1px solid rgba(28,28,28,.82);border-radius:var(--radius-lg);padding:14px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;min-height:240px;height:240px;align-items:stretch;background:#ffffff2e;box-shadow:0 0 0 1px #ffffffe0,inset 0 0 0 2px #1c1c1cb8,inset 0 0 26px #ffffff94}.pile-box,.effects-panel{border:1px solid rgba(28,28,28,.48);border-radius:var(--radius-lg);background:linear-gradient(180deg,#ffffff9e,#faf8ef80);box-shadow:inset 0 0 0 1px #ffffffd1,0 10px 18px #1e242a0f}.pile-box{min-height:118px;display:grid;place-items:center;align-content:center;gap:2px;text-align:center;font-size:20px;font-weight:800;line-height:1.45;position:relative;overflow:hidden}.compact-pile-box{min-height:118px;font-size:15px;padding:8px}.compact-pile-box strong{font-size:22px}.compact-pile-box small{max-width:calc(100% - 8px);font-size:11px}.pile-box strong{font-size:24px;line-height:1.1}.pile-box small{max-width:calc(100% - 24px);min-height:20px;color:var(--muted);font-size:13px;font-weight:800;line-height:1.25;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.action-point-box{gap:4px}.action-point-box small{min-height:18px;font-size:12px;color:#13324fc7}.draw-pile-box{margin-top:0}.effects-panel{display:grid;grid-template-rows:auto 1fr;padding:12px;min-height:110px;max-height:110px;overflow:hidden}.player-effects-panel{min-height:110px;max-height:110px}.effects-title{font-size:13px;font-weight:800;letter-spacing:.04em;color:var(--muted);margin-bottom:8px}.row-effects{display:flex;flex-wrap:wrap;gap:8px;align-content:flex-start;overflow:auto;min-height:0;padding-right:2px}.battle-bottom-row{display:grid;grid-template-columns:minmax(560px,1fr) 320px;gap:18px;align-items:stretch}.hand-zone,.battle-log-panel{border:1px solid rgba(28,28,28,.48);border-radius:var(--radius-lg);background:linear-gradient(180deg,#ffffff94,#faf8ef75);padding:14px;min-width:0;box-shadow:inset 0 0 0 1px #ffffffd1,0 14px 26px #1e242a12}.hand-zone{min-height:285px;transition:box-shadow .22s ease,transform .22s ease}.battle-log-panel{height:100%;min-height:0;max-height:100%;display:grid;grid-template-rows:auto 1fr;overflow:hidden}.top-log-panel{min-height:174px;max-height:174px;padding:12px}.top-log-panel .zone-title{margin-bottom:6px;font-size:15px}.top-log-panel .logs{padding:8px;gap:6px}.top-log-panel .log-entry.empty{min-height:116px}.top-log-panel .log-entry{padding:6px 8px}.turn-actions-panel{border:1px solid rgba(28,28,28,.48);border-radius:var(--radius-lg);background:linear-gradient(180deg,#ffffff94,#faf8ef75);padding:14px;display:grid;box-shadow:inset 0 0 0 1px #ffffffd1,0 14px 26px #1e242a12}.zone-title{font-size:18px;font-weight:800;text-align:center;margin-bottom:10px;color:var(--ink)}.logs{border-radius:var(--radius-md);padding:12px;background:#ffffffbd;color:var(--ink);min-height:0;max-height:none;overflow:auto;border:1px solid var(--line);display:grid;gap:8px;align-content:flex-start;height:100%}.log-entry{display:grid;grid-template-columns:34px minmax(0,1fr);gap:10px;align-items:start;padding:8px 10px;border-radius:var(--radius-md);background:#ffffffc7;border:1px solid rgba(79,134,217,.08);line-height:1.55;font-size:13px;transition:background .22s ease,border-color .22s ease,transform .22s ease,box-shadow .22s ease}.log-entry.empty{grid-template-columns:1fr;place-items:center;min-height:160px;color:var(--muted)}.log-entry.latest{background:#dff4eeeb;border-color:#4f86d942;box-shadow:0 14px 24px #4f86d91f;transform:translate(2px)}.log-index{display:inline-flex;justify-content:center;align-items:center;min-height:24px;border-radius:999px;background:#4f86d91f;color:var(--accent-dark);font-size:11px;font-weight:800}.log-text{min-width:0;overflow-wrap:anywhere;white-space:normal;word-break:break-word}.log-mark-self{color:#0057d8;font-weight:900}.log-mark-enemy{color:#d00000;font-weight:900}.effect-badge{border-radius:999px;padding:6px 10px;font-size:12px;border:1px solid rgba(79,134,217,.12);background:#ffffffe6;color:var(--muted);line-height:1.35}.effect-badge.buff{background:#3f78be1a;color:var(--good)}.effect-badge.debuff{background:#d65a711a;color:var(--danger)}.summon-zone>.summon-slot{width:100%}.summon-zone>.summon-slot .card{width:min(154px,100%)}.summon-zone>.summon-slot .card-body{padding:8px;gap:4px}.summon-zone>.summon-slot .card.card-framed .card-body{padding:0}.summon-zone>.summon-slot .card-name{font-size:14px}.summon-zone>.summon-slot .card.card-framed .card-name{font-size:clamp(16px,16.7%,23px)}.summon-slot{height:100%;min-height:0;border-radius:var(--radius-md);border:2px solid rgba(28,28,28,.82);background:#ffffff1f;padding:10px;display:grid;place-items:center}.summon-slot.empty{color:var(--muted);font-size:13px}.hand-row{display:flex;flex-wrap:nowrap;gap:0;justify-content:var(--hand-row-justify, flex-start);overflow-x:hidden;overflow-y:visible;padding-top:28px;padding-left:var(--hand-row-padding-x, 14px);padding-right:var(--hand-row-padding-x, 22px);padding-bottom:10px;min-width:0;min-height:221px;align-items:flex-end}.hand-row .card{width:154px;z-index:var(--hand-card-z, 1);margin-left:0;margin-right:calc(var(--hand-card-gap, 0px) - var(--hand-card-overlap, 15px));transition:margin .18s ease,transform .16s ease,box-shadow .16s ease,filter .16s ease}.hand-row .card:hover{z-index:120;transform:translateY(-18px) scale(1.04)}.hand-row .card:has(+.card:hover){margin-right:calc(var(--hand-card-gap, 0px) - var(--hand-card-overlap, 15px) + var(--hand-hover-spread, 0px))}.hand-row .card:hover+.card{margin-left:var(--hand-hover-spread, 0px);margin-right:calc(var(--hand-card-gap, 0px) - var(--hand-card-overlap, 15px) - var(--hand-hover-spread, 0px))}.hand-row .card:last-child{margin-right:0}.turn-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:minmax(72px,1fr);gap:12px;justify-items:stretch;align-content:stretch;height:100%}.turn-actions button{width:100%;min-height:66px;padding:14px 12px;border-radius:var(--radius-md);border:1px solid transparent;font-size:17px;font-weight:900;box-shadow:0 12px 22px #4f86d929}.turn-actions .action-confirm{background:#4f86d9;color:#fff;box-shadow:0 12px 22px #4f86d933}.turn-actions .action-sacrifice{background:red;color:#fff;box-shadow:0 12px 22px #ff00003d}.turn-actions .action-sort{background:#00bcd4;color:#fff;box-shadow:0 12px 22px #00bcd438}.turn-actions .action-end-turn{background:#172026;color:#fff;box-shadow:0 12px 22px #17202638}.turn-actions button:disabled,.turn-actions button.disabled{background:#8a8f98;color:#fff;border-color:#8a8f98;box-shadow:none;opacity:1;cursor:not-allowed}.card{width:140px;flex:0 0 auto;aspect-ratio:5 / 7;--card-radius: 14px;--card-border-width: 4px;--card-art-inset: -1px;--card-inner-radius: calc(var(--card-radius) - var(--card-art-inset));border-radius:var(--card-radius);overflow:visible;border:var(--card-border-width) solid rgba(79,134,217,.16);box-shadow:0 10px 22px #203c441f;position:relative;-webkit-user-select:none;user-select:none;background:linear-gradient(180deg,#eef8f3,#dcebe7)}.card.card-character{border-color:red}.card.card-skill{border-color:#00f}.card:before,.card:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:9;pointer-events:none;opacity:0;transition:opacity .18s ease,transform .18s ease,box-shadow .18s ease}.card:before{border-radius:inherit;top:-2px;right:-2px;bottom:-2px;left:-2px}.card:after{border-radius:inherit}.card.selectable{cursor:pointer;transition:margin .18s ease,transform .14s ease,box-shadow .14s ease,filter .14s ease}.card.selectable:hover{transform:translateY(-6px) scale(1.02);box-shadow:0 18px 28px #203c442e;filter:saturate(1.06)}.hand-row .card.selectable:hover{transform:translateY(-18px) scale(1.04)}.card.selected{transform:translateY(-12px) scale(1.045);box-shadow:0 24px 38px #4f86d957,0 0 0 1px #4f86d938}.card.selected:before{opacity:1;border:4px solid rgba(79,134,217,.96);box-shadow:0 0 0 4px #ffffffe0,0 0 38px #4f86d975}.card.selected:after{opacity:1;background:linear-gradient(135deg,#ffffff42,#4f86d91f),radial-gradient(circle at 50% 20%,rgba(255,255,255,.28),transparent 58%)}.hand-row .card.selected{z-index:110;filter:saturate(1.16) brightness(1.04)}.hand-row .card.discard-selected{z-index:110;transform:translateY(-12px) scale(1.045);box-shadow:0 24px 38px #ff000047,0 0 0 1px #ff000052}.hand-row .card.discard-selected:before{opacity:1;border:4px solid rgba(255,0,0,.96);box-shadow:0 0 0 4px #ffffffe0,0 0 38px #ff000061}.hand-row .card.discard-target:before{opacity:1;border:3px solid rgba(255,112,67,.9);box-shadow:0 0 0 3px #ffffffb8,0 0 24px #ff704352}.card.attacker-selected:before{opacity:1;border:3px solid rgba(63,120,190,.92);box-shadow:0 0 0 3px #ffffffc2,0 0 24px #3f78be61}.card.attack-target{cursor:crosshair}.card.attack-target:before{opacity:1;border:2px dashed rgba(214,90,113,.72);transform:scale(1.02)}.card.sacrifice-target:before{opacity:1;border:3px dashed rgba(185,127,75,.88);box-shadow:0 0 0 3px #ffffffc2,0 0 26px #b97f4b52}.card-surface{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;overflow:visible}.card-figure,.card-overlay{left:var(--card-art-inset);right:var(--card-art-inset)}.card-effect-stack{position:absolute;top:5px;left:38px;z-index:6;display:flex;flex-wrap:wrap;gap:3px;max-width:calc(100% - 38px);pointer-events:none}.card .card-cost-badge,.detail-card .card-cost-badge{position:absolute;top:-11px;left:-11px;z-index:12;width:calc(16.7% + 2px);aspect-ratio:1;display:grid;place-items:center;border-radius:50%;border:0;background:var(--action-point-image, url(card-textures/cards/actionPoints)) center / contain no-repeat,#0f243db8;color:#fff;font-size:clamp(18px,8.3%,25px);font-weight:900;line-height:1;-webkit-text-stroke:1.35px rgba(0,0,0,.95);paint-order:stroke fill;text-shadow:0 1.5px 0 #000,1.5px 0 0 #000,0 -1.5px 0 #000,-1.5px 0 0 #000,0 3px 7px rgba(0,0,0,.58);box-shadow:none;filter:drop-shadow(0 8px 9px rgba(0,0,0,.38));transform:rotate(0);pointer-events:none}.card .card-flip-button{position:absolute;top:-9px;right:-9px;z-index:13;width:34px;height:34px;display:grid;place-items:center;border-radius:50%;border:1px solid rgba(255,255,255,.72);background:#172026e0;color:#fff;font-size:15px;font-weight:900;line-height:1;box-shadow:0 8px 18px #17202657}.card .card-flip-button:hover{background:#00bcd4}.card .card-rarity-frame,.detail-card .card-rarity-frame{position:absolute;top:50%;right:50%;bottom:50%;left:50%;z-index:2;width:120%;height:120%;object-fit:fill;transform:translate(-50%,-50%);pointer-events:none}.card-effect-badge{min-height:18px;border-radius:999px;padding:2px 6px;border:1px solid rgba(255,255,255,.42);background:#f4fbffe0;color:var(--accent-dark);box-shadow:0 4px 10px #0f243d1f;font-size:9px;font-weight:900;line-height:1.2;text-shadow:none;white-space:nowrap}.card-effect-badge.debuff{color:var(--danger)}.card-figure{position:absolute;top:var(--card-art-inset);bottom:var(--card-art-inset);z-index:0;border-radius:var(--card-inner-radius);background:linear-gradient(180deg,#4f86d91f,#4f86d905),linear-gradient(135deg,#c6ded7,#eef7f3);overflow:hidden}.card-figure img{width:100%;height:100%;object-fit:cover;object-position:top center;display:block}.card-figure.no-image:after{content:attr(data-mark);position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;font-size:34px;letter-spacing:6px;color:#13324f42;font-weight:800}.card-overlay{position:absolute;bottom:var(--card-art-inset);z-index:1;height:42%;border-bottom-right-radius:var(--card-inner-radius);border-bottom-left-radius:var(--card-inner-radius);background:linear-gradient(180deg,#0f243d00,#0f243d0f 20%,#0f243d29),#f5faff1a;backdrop-filter:blur(10px) saturate(1.08);-webkit-backdrop-filter:blur(10px) saturate(1.08)}.hand-row .card-overlay{background:linear-gradient(180deg,#0f243d00,#0f243d0f 20%,#0f243d29),#f5faff1a}.card-body{position:absolute;left:0;right:0;bottom:0;z-index:3;min-height:42%;padding:10px;display:flex;flex-direction:column;gap:5px;color:#f4fbff;text-shadow:0 1px 2px rgba(0,0,0,.22)}.mini-stats{display:flex;flex-wrap:wrap;gap:5px}.mini-stats span{font-size:11px;border-radius:999px;padding:3px 6px;background:#f4fbff24;border:1px solid rgba(255,255,255,.14)}.card-top{display:flex;justify-content:space-between;gap:10px}.card-name-block{min-width:0}.card-name{font-size:16px;font-weight:900;line-height:1.1;overflow-wrap:anywhere}.card-kind{font-size:11px;color:#eef7ffcc}.card.card-framed .card-overlay,.detail-card.card-framed .card-overlay{height:42%}.card.card-framed .card-body,.detail-card.card-framed .card-body{top:0;right:0;bottom:0;left:0;min-height:100%;padding:0;justify-content:flex-end;pointer-events:none}.card.card-framed .mini-stats,.detail-card.card-framed .mini-stats,.detail-card.card-framed .stat-badges,.detail-card.card-framed .card-text,.detail-card.card-framed .card-foot{margin-left:-6.7%;margin-right:30%}.card.card-framed .mini-stats{margin-bottom:40%}.detail-card.card-framed .stat-badges{margin-top:auto}.detail-card.card-framed .card-foot{margin-bottom:18px}.card.card-framed .card-top,.detail-card.card-framed .card-top{position:absolute;top:-2.4%;left:16%;right:14%;height:6%;display:grid;place-items:center;text-align:center;color:#6a3f06;text-shadow:0 1px 0 rgba(255,255,255,.72),0 2px 5px rgba(84,45,0,.2)}.card.card-framed .card-name,.detail-card.card-framed .card-name{color:#6a3f06;font-size:clamp(18px,8.3%,25px);line-height:1.05}.card.card-framed .mini-stats,.detail-card.card-framed .mini-stats,.detail-card.card-framed .stat-badges{justify-content:center}.stat{font-size:11px;border-radius:999px;padding:4px 7px;background:#f4fbff29;border:1px solid rgba(255,255,255,.16)}.detail-modal{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f233d80;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:none;align-items:center;justify-content:center;z-index:9000;padding:24px}.detail-modal.visible{display:flex}.detail-card{width:min(480px,94vw);aspect-ratio:5 / 7;--card-art-inset: 0px;--card-inner-radius: var(--radius-lg);border-radius:var(--radius-lg);overflow:visible;position:relative;box-shadow:0 30px 80px #203c443d;background:#e9f4ef}.detail-card .card-overlay{left:0;right:0;bottom:0;height:42%;border-bottom-right-radius:var(--radius-lg);border-bottom-left-radius:var(--radius-lg);background:linear-gradient(180deg,#12233600,#12233675 30%,#122336ad),#f4fbff14;backdrop-filter:blur(12px) saturate(1.12);-webkit-backdrop-filter:blur(12px) saturate(1.12)}.detail-card .card-body{min-height:42%;padding:20px;gap:12px}.detail-card .card-name{font-size:34px;line-height:1.05}.detail-card .card-kind{font-size:14px}.detail-card .card-cost-badge{top:-11px;left:-11px;width:82px;font-size:40px;-webkit-text-stroke-width:1.4px}.detail-card .stat{font-size:14px;padding:6px 10px}.stat-badges{display:flex;gap:6px;flex-wrap:wrap}.card-text{font-size:12px;color:#f4fbffeb;line-height:1.4;flex:1;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.card-foot{display:flex;justify-content:space-between;align-items:center;font-size:11px;color:#eef7ffcc}.detail-card .card-text{font-size:16px;line-height:1.65;overflow:visible;display:block;-webkit-line-clamp:unset}.detail-card .card-foot{font-size:14px}.detail-close{position:absolute;top:16px;right:16px;z-index:2}.deck-composition-dialog{width:min(520px,94vw);max-height:min(720px,86vh);padding:20px;position:relative;display:grid;grid-template-rows:auto minmax(0,1fr);gap:14px;overflow:hidden}.deck-composition-head{display:grid;gap:6px;padding-right:82px}.deck-composition-head span,.deck-composition-head small{color:var(--muted);font-size:13px;font-weight:800}.deck-composition-head strong{color:var(--ink);font-size:24px;line-height:1.15}.deck-composition-summary{display:flex;flex-wrap:wrap;gap:6px;padding-top:4px}.deck-composition-list{min-height:0;overflow:auto;display:grid;gap:8px;padding-right:4px}.deck-composition-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:center;padding:10px 12px;border-radius:var(--radius-md);border:1px solid rgba(79,134,217,.12);background:#ffffffc7}.deck-composition-row.type-character{border-left:5px solid #ff0000}.deck-composition-row.type-skill{border-left:5px solid #0000ff}.deck-composition-row.rarity-rare{background:linear-gradient(90deg,rgba(255,205,76,.18),transparent 52%),#ffffffd1;border-color:#d2971d4d}.deck-composition-row div{min-width:0;display:grid;gap:3px}.deck-composition-row strong{color:var(--ink);font-size:15px;line-height:1.25}.deck-composition-tags{display:flex;flex-wrap:wrap;gap:6px}.deck-composition-tag{min-height:24px;display:inline-flex;align-items:center;border-radius:999px;padding:4px 9px;font-size:12px;font-weight:900;line-height:1;border:1px solid transparent}.deck-composition-tag.type-character{background:#ff00001f;border-color:#ff000052;color:#b00000}.deck-composition-tag.type-skill{background:#0000ff1a;border-color:#0000ff4d;color:#0000c0}.deck-composition-tag.rarity-common{background:#596f841a;border-color:#596f842e;color:var(--muted)}.deck-composition-tag.rarity-rare{background:#ffc42e38;border-color:#d2971d6b;color:#8a5700}.deck-composition-row em{min-width:42px;padding:5px 9px;border-radius:999px;background:#4f86d91f;color:var(--accent-dark);font-size:13px;font-style:normal;font-weight:900;text-align:center}.deck-composition-empty{min-height:180px;display:grid;place-items:center;color:var(--muted);font-weight:800}.result-modal{z-index:9200}.result-dialog{width:min(780px,94vw);max-height:min(720px,88vh);padding:22px;display:grid;gap:18px;overflow:auto}.result-head{display:grid;gap:6px;text-align:center}.result-head span,.result-head small{color:var(--muted);font-size:13px;font-weight:800}.result-head strong{color:var(--ink);font-size:32px;line-height:1.1}.result-stat-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.result-player-card{border-radius:var(--radius-md);border:1px solid rgba(28,28,28,.28);background:linear-gradient(180deg,#ffffffc7,#f6faff8f);padding:14px;display:grid;gap:14px;box-shadow:0 12px 24px #1e242a14}.result-player-card.winner{border-color:#2f94676b;background:linear-gradient(135deg,#dff4eecc,#ffffffc2)}.result-player-card.self{box-shadow:0 12px 24px #1e242a14,inset 0 0 0 2px #4f86d929}.result-player-top{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:8px;align-items:center}.result-player-top span,.result-player-top em{border-radius:999px;padding:5px 9px;background:#4f86d91a;color:var(--accent-dark);font-size:12px;font-style:normal;font-weight:900}.result-player-top em{background:#d65a711a;color:var(--danger)}.result-player-card.winner .result-player-top em{background:#2f94671f;color:var(--good)}.result-player-top strong{min-width:0;color:var(--ink);font-size:20px;line-height:1.2;overflow-wrap:anywhere}.result-metrics{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.result-metrics div{min-height:76px;border-radius:var(--radius-md);border:1px solid rgba(79,134,217,.12);background:#ffffffad;padding:10px;display:grid;align-content:center;gap:4px}.result-metrics span{color:var(--muted);font-size:12px;font-weight:800}.result-metrics strong{color:var(--ink);font-size:28px;line-height:1}.result-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.result-actions button{width:100%;min-height:46px;border-radius:var(--radius-md);font-size:15px;font-weight:900}@media(max-width:1600px){.battle-main-grid{grid-template-columns:minmax(0,1fr) 340px;gap:14px;min-height:500px;max-height:500px}.battle-right-rail{min-height:500px;max-height:500px;height:500px}.battle-player-row{grid-template-columns:124px minmax(420px,1fr);gap:14px}.battle-bottom-row{grid-template-columns:minmax(420px,1fr) 300px;gap:14px}}@media(max-width:1100px){.battle-main-grid,.battle-top-strip,.battle-player-row,.battle-bottom-row,.turn-actions{grid-template-columns:1fr}.battle-top-strip,.battle-headline,.compact-effects,.battle-main-grid{min-height:auto;max-height:none}.player-panel{justify-self:center}.summon-zone{grid-template-columns:repeat(3,minmax(0,1fr));height:auto;min-height:220px}.battle-right-rail{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:110px 118px;min-height:auto;max-height:none;height:auto}.top-log-panel{grid-column:1 / -1}}@media(max-width:720px){.battle-top-strip,.battle-right-rail,.result-stat-grid,.result-actions{grid-template-columns:1fr}.compact-effects,.effects-panel{max-height:none}.summon-zone{grid-template-columns:1fr;height:auto}.turn-actions{grid-template-columns:1fr}.card{width:160px}}.fx-summoned{animation:summonGlow .95s ease}.fx-attacking{z-index:80;animation:attackLunge .42s cubic-bezier(.2,.72,.22,1)}.fx-hit{animation:hitFlash .76s ease}.fx-prevent-skill{animation:preventSkillGlow 1.15s ease}.fx-prevent-attack{animation:preventAttackGlow 1.15s ease}.fx-revived{animation:reviveGlow 1.3s ease}.fx-draw-source:after{content:"";position:absolute;top:12px;right:12px;bottom:12px;left:12px;border-radius:18px;border:2px solid rgba(79,134,217,.36);animation:drawPulseRing .82s ease}.fx-draw-receive{box-shadow:0 18px 40px #4972a324,inset 0 0 0 2px #4f86d92e;animation:drawZoneFlash .82s ease}.fx-draw-arrival{animation:drawCardArrival .96s ease}@keyframes summonGlow{0%{transform:translateY(14px) scale(.92);opacity:.2;filter:saturate(1.5) brightness(1.12)}45%{transform:translateY(-8px) scale(1.05);box-shadow:0 0 0 3px #fffc,0 0 34px #4f86d96b}to{transform:translateY(0) scale(1);opacity:1;filter:none}}@keyframes attackLunge{0%{transform:translate(0) scale(1)}20%{transform:translate(calc(var(--attack-x, 36px) * .28),calc(var(--attack-y, 0px) * .28)) scale(1.05) rotate(1deg)}48%{transform:translate(calc(var(--attack-x, 36px) * .92),calc(var(--attack-y, 0px) * .92)) scale(1.1) rotate(2deg);filter:saturate(1.22) brightness(1.08)}64%{transform:translate(calc(var(--attack-x, 36px) * .72),calc(var(--attack-y, 0px) * .72)) scale(1.06) rotate(.6deg)}to{transform:translate(0) scale(1);filter:none}}@keyframes hitFlash{0%{box-shadow:0 10px 22px #4972a31f;transform:translate(0) scale(1);filter:none}10%{transform:translate(-7px) rotate(-1.4deg) scale(1.025);filter:saturate(1.28) brightness(1.08)}20%{transform:translate(6px) rotate(1.2deg) scale(1.025);box-shadow:0 0 0 5px #d65a713d,0 0 34px #d65a715c;filter:saturate(1.38) brightness(1.08)}34%{transform:translate(-4px) rotate(-.8deg) scale(1.015)}52%{transform:translate(2px) rotate(.4deg) scale(1.01)}to{box-shadow:0 10px 22px #4972a31f;transform:translate(0) scale(1);filter:none}}@keyframes preventSkillGlow{0%{box-shadow:0 10px 22px #4972a31f;transform:scale(1);filter:none}18%{box-shadow:0 0 0 5px #2e80ff52,0 0 34px #2e80ff85,inset 0 0 0 2px #ffffff9e;transform:scale(1.035);filter:saturate(1.28) brightness(1.08)}58%{box-shadow:0 0 0 9px #2e80ff29,0 0 42px #2e80ff61,inset 0 0 0 2px #ffffff80}to{box-shadow:0 10px 22px #4972a31f;transform:scale(1);filter:none}}@keyframes preventAttackGlow{0%{box-shadow:0 10px 22px #4972a31f;transform:scale(1);filter:none}16%{box-shadow:0 0 0 5px #e5393557,0 0 34px #e539358a,inset 0 0 0 2px #ffffff9e;transform:scale(1.035);filter:saturate(1.32) brightness(1.08)}58%{box-shadow:0 0 0 9px #e5393529,0 0 42px #e5393561,inset 0 0 0 2px #ffffff80}to{box-shadow:0 10px 22px #4972a31f;transform:scale(1);filter:none}}@keyframes reviveGlow{0%{box-shadow:0 10px 22px #4972a31f;transform:translateY(0) scale(1);filter:none}18%{box-shadow:0 0 0 5px #20b46657,0 0 34px #20b46694,inset 0 0 0 2px #ffffff9e;transform:translateY(-6px) scale(1.045);filter:saturate(1.38) brightness(1.12)}52%{box-shadow:0 0 0 10px #20b46629,0 0 46px #20b4666b,inset 0 0 0 2px #ffffff80;transform:translateY(-2px) scale(1.02)}to{box-shadow:0 10px 22px #4972a31f;transform:translateY(0) scale(1);filter:none}}@keyframes drawPulseRing{0%{opacity:0;transform:scale(.94)}25%{opacity:1}to{opacity:0;transform:scale(1.06)}}@keyframes drawZoneFlash{0%{transform:translateY(0)}25%{transform:translateY(-4px);box-shadow:0 24px 44px #4f86d933,inset 0 0 0 2px #4f86d93d}to{transform:translateY(0)}}@keyframes drawCardArrival{0%{transform:translateY(-22px) rotate(-4deg) scale(.9);opacity:0}45%{transform:translateY(-8px) rotate(1deg) scale(1.04);opacity:1}to{transform:translateY(0) rotate(0) scale(1);opacity:1}}.tuner-shell{gap:16px}.tuner-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(340px,440px);gap:16px;align-items:start}.tuner-stage,.tuner-controls{padding:16px}.tuner-toolbar{display:flex;flex-wrap:wrap;gap:12px;align-items:end;margin-bottom:18px}.tuner-toolbar label{display:grid;gap:6px;color:var(--muted);font-size:13px;font-weight:800}.tuner-toolbar select,.tuner-toolbar input,.tuner-control input[type=number]{min-height:38px;border:1px solid var(--line);border-radius:var(--radius-sm);padding:8px 10px;background:#ffffffe6;color:var(--text);font:inherit}.tuner-card-wrap{min-height:620px;display:grid;place-items:center;padding:52px;overflow:auto;border-radius:var(--radius-lg);background:linear-gradient(90deg,rgba(79,134,217,.07) 1px,transparent 1px),linear-gradient(180deg,rgba(79,134,217,.07) 1px,transparent 1px),#ffffff94;background-size:24px 24px}.tuner-card{width:var(--tuner-card-width);aspect-ratio:5 / 7;border-radius:16px;position:relative;overflow:visible;box-shadow:0 24px 60px #203c4438}.tuner-card-surface{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;overflow:visible}.tuner-card-art{position:absolute;inset:var(--tuner-art-inset);border-radius:inherit;overflow:hidden;background:linear-gradient(180deg,#4f86d91f,#4f86d905),linear-gradient(135deg,#d5e7ff,#f3f8ff)}.tuner-card-art img{width:100%;height:100%;object-fit:cover;object-position:top center;display:block}.tuner-card-art.no-image:after{content:attr(data-mark);position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;color:#13324f47;font-size:64px;font-weight:900}.tuner-card-overlay{position:absolute;left:0;right:0;bottom:0;height:var(--tuner-overlay-height);border-bottom-left-radius:inherit;border-bottom-right-radius:inherit;background:linear-gradient(180deg,#0f243d00,#0f243d14 20%,#0f243d38),#f5faff1a;-webkit-backdrop-filter:blur(10px) saturate(1.08);backdrop-filter:blur(10px) saturate(1.08)}.tuner-rarity-frame{position:absolute;z-index:2;top:50%;left:50%;width:var(--tuner-frame-scale);height:var(--tuner-frame-scale);object-fit:fill;transform:translate(-50%,-50%);pointer-events:none}.tuner-cost-badge{position:absolute;z-index:5;top:var(--tuner-cost-top);left:var(--tuner-cost-left);width:var(--tuner-cost-size);aspect-ratio:1;display:grid;place-items:center;border-radius:50%;background:var(--action-point-image, url(card-textures/cards/actionPoints)) center / contain no-repeat,#0f243db8;color:#fff;font-size:var(--tuner-cost-font);font-weight:900;line-height:1;-webkit-text-stroke:1.35px rgba(0,0,0,.95);paint-order:stroke fill;text-shadow:0 1.5px 0 #000,1.5px 0 0 #000,0 -1.5px 0 #000,-1.5px 0 0 #000,0 3px 7px rgba(0,0,0,.58);filter:drop-shadow(0 8px 9px rgba(0,0,0,.38));transform:rotate(var(--tuner-cost-rotate));pointer-events:none}.tuner-name-band{position:absolute;z-index:4;top:var(--tuner-name-top);left:var(--tuner-name-left);right:var(--tuner-name-right);height:var(--tuner-name-height);display:grid;place-items:center;text-align:center;pointer-events:none}.tuner-card-name{max-width:100%;color:#6a3f06;font-size:var(--tuner-name-font);font-weight:900;line-height:1.05;overflow-wrap:anywhere;text-shadow:0 1px 0 rgba(255,255,255,.72),0 2px 5px rgba(84,45,0,.2)}.tuner-stats{position:absolute;z-index:4;left:var(--tuner-stats-left);right:var(--tuner-stats-right);bottom:var(--tuner-stats-bottom);display:flex;flex-wrap:wrap;justify-content:center;gap:6px;pointer-events:none}.tuner-stats span{border-radius:999px;padding:4px 7px;background:#f4fbff29;border:1px solid rgba(255,255,255,.16);color:#f4fbff;font-size:var(--tuner-stats-font);font-weight:800;text-shadow:0 1px 2px rgba(0,0,0,.22)}.tuner-controls{display:grid;gap:14px;position:sticky;top:14px}.tuner-controls-head{display:flex;justify-content:space-between;gap:12px;align-items:start}.tuner-controls-head h1{margin:0;font-size:28px;line-height:1.1}.tuner-control-grid{display:grid;gap:9px;max-height:58vh;overflow:auto;padding-right:4px}.tuner-control{display:grid;grid-template-columns:90px minmax(0,1fr) 72px 32px;gap:8px;align-items:center;color:var(--muted);font-size:12px;font-weight:800}.tuner-control input[type=range]{width:100%}.tuner-control small{color:var(--muted)}.tuner-output{max-height:220px;overflow:auto;margin:0;border-radius:var(--radius-md);border:1px solid rgba(56,102,154,.12);background:#0f243de0;color:#d9edff;padding:12px;font-size:12px;line-height:1.5}@media(max-width:980px){.tuner-layout{grid-template-columns:1fr}.tuner-controls{position:static}.tuner-card-wrap{min-height:520px;padding:36px}}