*{box-sizing:border-box}:root{--bg: #10141f;--panel: #1a2130;--panel-2: #212a3d;--line: #33405c;--text: #e8ecf3;--muted: #9aa6bd;--gold: #ffd479;--accent: #69b7ff;--danger: #ff6666}body{margin:0;font-family:Hiragino Sans,Noto Sans JP,sans-serif;background:radial-gradient(1200px 600px at 50% -10%,#1d2940 0%,transparent 60%),var(--bg);color:var(--text)}button{background:linear-gradient(180deg,#4a68a8,#3a5288);color:#fff;border:1px solid #5a78b8;border-radius:6px;padding:6px 14px;cursor:pointer;font-size:14px}button:hover:not(:disabled){filter:brightness(1.15)}button:disabled{background:#3a4358;border-color:#454f66;color:#8a93a6;cursor:not-allowed}input,textarea,select{background:#121826;color:var(--text);border:1px solid var(--line);border-radius:6px;padding:6px 8px;font:inherit}input:focus,textarea:focus,select:focus{outline:none;border-color:var(--accent)}h1,h2,h3{margin:0}.app-shell{min-height:100vh;display:flex;flex-direction:column}.top-nav{display:flex;align-items:center;gap:20px;padding:10px 20px;background:#10141fe6;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:20;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.nav-brand{font-weight:700;font-size:18px;color:var(--gold);text-decoration:none}.top-nav nav{display:flex;gap:4px;flex-wrap:wrap}.nav-link{color:var(--muted);text-decoration:none;padding:6px 12px;border-radius:6px}.nav-link:hover{color:var(--text);background:var(--panel-2)}.nav-link.active{color:var(--text);background:var(--panel-2);box-shadow:inset 0 -2px 0 var(--gold)}.page{flex:1;width:100%;max-width:1280px;margin:0 auto;padding:16px}.page-title{font-size:22px;margin-bottom:4px}.page-sub{color:var(--muted);font-size:13px;margin-bottom:16px}.panel{background:var(--panel);border:1px solid var(--line);border-radius:10px;padding:14px}.badge{display:inline-block;padding:2px 8px;border-radius:999px;font-size:12px;border:1px solid var(--line);background:var(--panel-2)}.badge-gold{color:var(--gold);border-color:#8a6d2f;background:#2c2413}.badge-danger{color:var(--danger);border-color:#7a3a3a;background:#2c1515}.home-title{font-size:28px;margin:24px 0 8px}.home-sub{color:var(--muted);margin-bottom:24px}.home-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:14px}.home-card{display:block;text-decoration:none;color:var(--text);background:linear-gradient(160deg,var(--panel-2),var(--panel));border:1px solid var(--line);border-radius:12px;padding:20px;transition:transform .12s ease,border-color .12s ease}.home-card:hover{transform:translateY(-3px);border-color:var(--gold)}.home-card-icon{font-size:34px}.home-card-title{font-weight:700;margin:10px 0 6px}.home-card-desc{color:var(--muted);font-size:13px;line-height:1.5}.tcg-card{position:relative;width:130px;min-height:176px;padding:26px 7px 30px;border-radius:10px;border:2px solid #6a5a34;background:linear-gradient(160deg,#3b4763,#232c42 55%,#1a2233);box-shadow:0 2px 6px #00000080,inset 0 0 0 1px #ffffff0f;display:flex;flex-direction:column;gap:4px;font-size:12px;transition:transform .12s ease,box-shadow .12s ease}.tcg-card-sm{width:108px;min-height:150px;font-size:11px}.tcg-cost{position:absolute;top:-8px;left:-8px;width:30px;height:30px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#7fb2ff,#2a56b8 70%);border:2px solid #bcd6ff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:15px;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.6);z-index:1}.tcg-name-plate{margin:-18px -2px 0;padding:3px 6px;text-align:center;background:linear-gradient(180deg,#4a5570,#333d55);border:1px solid #5a688c;border-radius:5px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.tcg-name{font-weight:700;font-size:12px}.tcg-rank{position:absolute;top:2px;right:6px;font-size:10px;letter-spacing:-1px}.rank-stars .star{color:#4a5268}.rank-stars .star.lit{color:var(--gold);text-shadow:0 0 4px rgba(255,212,121,.6)}.tcg-art{height:40px;display:flex;align-items:center;justify-content:center;font-size:30px;background:radial-gradient(circle at 50% 40%,rgba(105,183,255,.18),transparent 70%),linear-gradient(180deg,#2a3550,#1d2536);border:1px solid #39455f;border-radius:6px}.tcg-tags{display:flex;gap:3px;flex-wrap:wrap}.tcg-tag{font-size:10px;padding:1px 6px;border-radius:999px;border:1px solid}.tag-provocation{color:#ffd479;border-color:#8a6d2f;background:#2c2413}.tag-stealth{color:#b9a7ff;border-color:#574a8a;background:#1f1a33}.tag-rush{color:#7fe08a;border-color:#2f7a3f;background:#12261a}.tag-charge{color:#ff9c6b;border-color:#8a4a2f;background:#2c1a13}.tag-other{color:var(--muted)}.tcg-effect{flex:1;font-size:10.5px;line-height:1.4;color:#cfe3ff;background:#0a0e1673;border:1px solid #2c3852;border-radius:5px;padding:4px 5px;min-height:30px}.tcg-effect-empty{border-style:dashed}.tcg-stats{position:absolute;left:0;right:0;bottom:4px;display:flex;justify-content:space-between;padding:0 6px;font-size:15px;font-weight:700}.tcg-atk{color:#ffb066;text-shadow:0 0 6px rgba(255,176,102,.5)}.tcg-stm{color:#7fe08a;text-shadow:0 0 6px rgba(127,224,138,.5)}.tcg-stm-max{font-size:11px;color:#4f8a5a}.tcg-note{position:absolute;bottom:-18px;left:0;right:0;text-align:center;font-size:10px;color:var(--muted)}.tcg-card.playable{border-color:var(--accent);cursor:pointer}.tcg-card.playable:hover{transform:translateY(-6px) scale(1.04);box-shadow:0 8px 16px #0009,0 0 12px #69b7ff66}.tcg-card.disabled{opacity:.45;filter:grayscale(.4)}.tcg-card.selected{border-color:var(--gold);box-shadow:0 0 14px #ffd479a6;transform:translateY(-6px)}.tcg-card.targetable{border-color:var(--danger);cursor:pointer;animation:target-pulse 1s ease-in-out infinite}@keyframes target-pulse{0%,to{box-shadow:0 0 4px #f666}50%{box-shadow:0 0 16px #f66c}}.two-col{display:grid;grid-template-columns:minmax(320px,420px) 1fr;gap:16px;align-items:start}.form-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.form-field{display:flex;flex-direction:column;gap:4px;font-size:13px;color:var(--muted)}.form-field.full{grid-column:1 / -1}.form-actions{display:flex;gap:10px;margin-top:12px;align-items:center}.tag-checks{display:flex;gap:10px;flex-wrap:wrap}.tag-checks label{display:flex;align-items:center;gap:4px;font-size:13px;color:var(--text)}.assess-result{margin-top:12px;display:flex;flex-direction:column;gap:8px;font-size:13px}.assess-row{display:flex;gap:8px;align-items:baseline}.assess-label{color:var(--muted);min-width:96px}.assess-notes{color:var(--muted);border-left:3px solid var(--line);padding-left:8px;line-height:1.5}.error-text{color:var(--danger)}.muted{color:var(--muted)}.card-gallery{display:flex;flex-wrap:wrap;gap:16px}.card-gallery-item{display:flex;flex-direction:column;gap:6px;align-items:center}.decks-layout{display:grid;grid-template-columns:240px 1fr;gap:16px;align-items:start}.deck-list{display:flex;flex-direction:column;gap:8px}.deck-list-item{padding:10px;border:1px solid var(--line);border-radius:8px;background:var(--panel-2);cursor:pointer}.deck-list-item.active{border-color:var(--gold)}.deck-list-item .deck-name{font-weight:700}.deck-list-item .deck-meta{font-size:12px;color:var(--muted)}.deck-editor{display:grid;grid-template-columns:1fr 1fr;gap:16px}.deck-entries{display:flex;flex-direction:column;gap:6px}.deck-entry-row{display:flex;align-items:center;gap:8px;padding:6px 8px;background:var(--panel-2);border:1px solid var(--line);border-radius:6px;font-size:13px}.deck-entry-row .entry-name{flex:1;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.deck-entry-row button{padding:2px 8px;font-size:13px}.palette{display:flex;flex-wrap:wrap;gap:12px}.palette-item{display:flex;flex-direction:column;align-items:center;gap:4px}.battle-layout{display:flex;gap:12px}.board{position:relative;flex:1;min-width:0;display:flex;flex-direction:column;gap:10px;padding:12px;border-radius:14px;border:1px solid #3d4a2a;background:radial-gradient(700px 300px at 50% 50%,rgba(90,140,70,.16),transparent 70%),repeating-linear-gradient(45deg,rgba(255,255,255,.015) 0 12px,transparent 12px 24px),linear-gradient(180deg,#16211a,#121a15)}.status-bar{display:flex;align-items:center;gap:12px;padding:8px 12px;background:#10141fb3;border:1px solid var(--line);border-radius:8px}.opponent-area,.player-area{display:flex;flex-direction:column;gap:8px;padding:10px;background:#10141f73;border:1px solid rgba(51,64,92,.6);border-radius:10px}.area-row{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.leader{padding:10px 16px;background:linear-gradient(160deg,#31405c,#232f47);border-radius:10px;border:2px solid #46587e;min-width:170px;position:relative}.leader.targetable{border-color:var(--danger);cursor:pointer;animation:target-pulse 1s ease-in-out infinite}.leader.damage-flash{animation:damage-flash .5s ease}@keyframes damage-flash{0%{box-shadow:0 0 #ff505000}30%{box-shadow:0 0 24px #ff5050e6;border-color:var(--danger)}to{box-shadow:0 0 #ff505000}}.leader-name{font-weight:700;margin-bottom:4px}.leader-hp{color:#ff8f8f;font-weight:700}.leader-mana{color:#8fc5ff}.hand-count{color:var(--muted)}.field{display:flex;gap:12px;min-height:190px;padding:12px 8px 8px;background:#0a0e1666;border:1px dashed #2c3852;border-radius:8px;flex-wrap:wrap}.hand{display:flex;gap:12px;flex-wrap:wrap;padding-top:8px}.tcg-card.summon-pop{animation:summon-pop .35s ease}@keyframes summon-pop{0%{transform:scale(.6);opacity:0}70%{transform:scale(1.08)}to{transform:scale(1);opacity:1}}.attack-leader-btn{align-self:center;background:linear-gradient(180deg,#b85050,#8a3838);border-color:#d07070}.overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#0a0e16cc;display:flex;align-items:center;justify-content:center;border-radius:14px;z-index:5}.result{text-align:center;display:flex;flex-direction:column;gap:16px}.result-text{font-size:44px;font-weight:700;color:var(--gold);text-shadow:0 0 20px rgba(255,212,121,.5)}.result-text.lose{color:#8a93a6;text-shadow:none}.battle-setup{max-width:520px;margin:40px auto;display:flex;flex-direction:column;gap:14px}.log-panel{width:340px;flex-shrink:0;display:flex;flex-direction:column}.log{flex:1;max-height:720px;overflow-y:auto;background:#0d121c;border:1px solid var(--line);border-radius:8px;padding:8px;font-family:ui-monospace,Menlo,monospace;font-size:11px;line-height:1.55;white-space:pre-wrap;word-break:break-all}.log-line{color:#8a93a6}.log-warn{color:#ff9c6b}.log-event{color:#cfe3ff;border-left:2px solid var(--line);padding-left:6px;margin:2px 0}.log-event-Death{border-color:var(--danger);color:#ffb3b3}.log-event-Summon{border-color:#7fe08a}.log-event-AttackResolved,.log-event-Attack{border-color:#ffb066}.log-event-Damage{border-color:var(--danger)}.log-event-TurnStart{border-color:var(--gold);color:var(--gold);margin-top:6px}.log-event-gameover{border-color:var(--gold);color:var(--gold);font-weight:700}.pools-layout{display:grid;grid-template-columns:minmax(280px,380px) 1fr;gap:16px;align-items:start}.pool-list{display:flex;flex-direction:column;gap:10px}.pool-card{text-align:left;width:100%;padding:12px;border:1px solid var(--line);border-radius:10px;background:var(--panel-2);color:var(--text);cursor:pointer}.pool-card.active{border-color:var(--gold)}.pool-card:hover{border-color:var(--accent)}.pool-card .pool-name{font-weight:700;margin-bottom:6px}.pool-status{font-size:11px;padding:2px 8px;border-radius:999px;border:1px solid}.status-recruiting{color:#7fe08a;border-color:#2f7a3f}.status-formed{color:#8fc5ff;border-color:#2f5a8a}.status-implementing{color:#ffd479;border-color:#8a6d2f}.status-beta{color:#b9a7ff;border-color:#574a8a}.status-released{color:var(--muted);border-color:var(--line)}.slot-meter{height:8px;border-radius:999px;background:#121826;border:1px solid var(--line);overflow:hidden;margin:8px 0 4px}.slot-meter-fill{height:100%;background:linear-gradient(90deg,#3d6fd1,#69b7ff)}.pool-meta{font-size:12px;color:var(--muted);display:flex;justify-content:space-between;gap:8px;flex-wrap:wrap}.pool-detail{display:flex;flex-direction:column;gap:14px}.entry-table{width:100%;border-collapse:collapse;font-size:13px}.entry-table th,.entry-table td{text-align:left;padding:6px 8px;border-bottom:1px solid var(--line)}.entry-table th{color:var(--muted);font-weight:400}.entry-mine{color:#7fe08a}.entry-picker{display:flex;flex-wrap:wrap;gap:12px}.entry-picker-item{display:flex;flex-direction:column;align-items:center;gap:4px}@media (max-width: 960px){.two-col,.decks-layout,.deck-editor,.pools-layout{grid-template-columns:1fr}.battle-layout{flex-direction:column}.log-panel{width:100%}.log{max-height:240px}.field{min-height:150px}}