:root{--bg: #0a0810;--panel: rgba(20, 16, 30, .94);--panel2: #221c30;--line: #4a3f60;--gold: #e8c46a;--text: #ece6da;--dim: #9a92a8;--good: #7fd88a;--bad: #ff6a5a;--energy: #ffcf4a;--attack: #c8392b;--skill: #2f7fd8;--power: #d9a83a;--font: "Segoe UI", "Yu Gothic UI", Meiryo, "Hiragino Sans", sans-serif;--serif: "Yu Mincho", "Hiragino Mincho ProN", "Noto Serif JP", Georgia, serif}*{box-sizing:border-box}html,body{margin:0;padding:0;background:var(--bg);color:var(--text);font-family:var(--font);overflow:hidden;height:100%;user-select:none}button{font-family:var(--font);cursor:pointer;background:linear-gradient(180deg,#2e2740,#1c1728);color:var(--text);border:1px solid var(--line);border-radius:6px;padding:7px 14px;font-size:14px;transition:background .12s,transform .08s,box-shadow .12s}button:hover{background:linear-gradient(180deg,#3c3352,#2a2238);box-shadow:0 0 10px #e8c46a40}button:active{transform:translateY(1px)}button:disabled{opacity:.4;cursor:default;box-shadow:none}button.primary{background:linear-gradient(180deg,#8a5f22,#5a3c14);border-color:#c99a3e;color:#fff3d6}button.primary:hover{background:linear-gradient(180deg,#a5732a,#6e4a19)}button.danger{background:linear-gradient(180deg,#6a2424,#3f1414);border-color:#a04040}button.ghost{background:transparent}button.big{font-size:18px;padding:12px 30px}button.active{border-color:var(--gold);box-shadow:inset 0 0 8px #e8c46a4d}.hidden{display:none!important}.dim{color:var(--dim)}.tiny{font-size:11px}.row{display:flex;gap:10px;align-items:center;justify-content:center}h2.screen-title{text-align:center;color:var(--gold);font-family:var(--serif);letter-spacing:6px;font-size:32px;margin:24px 0 8px}input[type=text]{background:#14101f;border:1px solid var(--line);color:var(--text);padding:6px 10px;border-radius:4px;font-family:var(--font)}#stage{width:100vw;height:100vh;display:flex;align-items:center;justify-content:center}#app{width:1440px;height:900px;position:relative;transform-origin:top left;background:var(--bg);flex:none;overflow:hidden}.screen{position:absolute;inset:0}.run-screen{position:absolute;inset:64px 0 0}#screen-title{display:flex;align-items:center;justify-content:center}#title-bg{position:absolute;inset:0;width:100%;height:100%}.title-inner{position:relative;text-align:center;max-width:760px}.logo{font-family:var(--serif);font-size:96px;letter-spacing:16px;margin:0;color:#f4e3b8;text-shadow:0 0 40px rgba(232,196,106,.5),0 4px 0 #6a4a1c,0 0 2px #000;font-weight:700}.tagline{font-size:18px;color:#c9bfae;margin:10px 0 36px;text-shadow:0 1px 3px #000}.title-buttons{display:flex;flex-direction:column;gap:12px;align-items:center}.title-buttons button{width:340px}.fineprint{margin-top:40px;color:#5a5468;font-size:12px}#screen-charselect{display:flex;flex-direction:column;align-items:center;background:radial-gradient(ellipse at 50% 30%,#1d1730,#0a0810 70%)}.char-list{display:flex;gap:20px;margin-top:10px}.char-card{width:230px;height:330px;border:2px solid var(--line);border-radius:12px;background:#15111f;cursor:pointer;display:flex;flex-direction:column;align-items:center;padding:10px;gap:6px;transition:transform .12s,border-color .12s}.char-card:hover{transform:translateY(-4px)}.char-card.selected{border-color:var(--gold);box-shadow:0 0 20px #e8c46a59}.char-card canvas{width:200px;height:220px}.char-card .c-name{font-size:20px;font-weight:700}.char-card .c-title{font-size:12px;color:var(--dim)}.char-detail{margin-top:14px;width:900px;min-height:120px;background:var(--panel);border:1px solid var(--line);border-radius:10px;padding:14px 18px;display:flex;gap:20px}.char-detail .cd-desc{flex:1;font-size:14px;line-height:1.6}.char-detail .cd-stats{width:240px;font-size:13px;color:var(--dim)}.char-detail .cd-relic{width:300px;font-size:13px}.charselect-bottom{margin-top:14px;display:flex;flex-direction:column;align-items:center;gap:10px}.asc-row,.seed-row{display:flex;gap:10px;align-items:center}.asc-row #asc-value{font-size:22px;color:var(--gold);width:40px;text-align:center}.asc-row #asc-desc{max-width:600px;font-size:12px}#screen-compendium{display:flex;flex-direction:column;padding:16px 24px;gap:10px}.comp-header{display:flex;align-items:center;gap:16px}.comp-header h2{margin:0;color:var(--gold);font-family:var(--serif)}.comp-tabs{display:flex;gap:6px}#comp-filters{display:flex;gap:6px;flex:1}.comp-body{flex:1;overflow-y:auto;background:var(--panel);border:1px solid var(--line);border-radius:10px;padding:14px}#topbar{position:absolute;left:0;right:0;top:0;height:64px;display:flex;align-items:center;padding:0 14px;gap:14px;background:linear-gradient(180deg,#17121f,#0d0a14);border-bottom:2px solid #3a2f4a;z-index:5}.tb-left{display:flex;align-items:center;gap:12px}.tb-name{font-weight:700;font-size:16px;color:var(--gold);white-space:nowrap}.bar{position:relative;height:22px;background:#2a1a1a;border:1px solid #5a3030;border-radius:4px;overflow:hidden}.bar .fill{height:100%;background:linear-gradient(180deg,#d03a3a,#8a1c1c);transition:width .25s}.bar-text{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:700;text-shadow:0 1px 2px #000}.tb-hp .bar{width:170px}.tb-gold{color:var(--gold);font-weight:700;font-size:15px;white-space:nowrap}.tb-gold:before{content:"◉ ";color:#e9b949}.tb-potions{display:flex;gap:4px}.potion-slot{width:34px;height:40px;border:1px solid var(--line);border-radius:6px;background:#14101f;display:flex;align-items:center;justify-content:center;cursor:pointer;position:relative}.potion-slot.empty{opacity:.4;cursor:default}.potion-slot canvas{width:26px;height:34px}.potion-slot:hover:not(.empty){border-color:var(--gold)}.tb-center{flex:1;min-width:0}.tb-relics{display:flex;gap:4px;flex-wrap:wrap;align-items:center}.relic-icon{width:34px;height:34px;border-radius:50%;border:2px solid #6a5a3a;background:radial-gradient(circle at 35% 35%,#4a3e5a,#1a1424);display:flex;align-items:center;justify-content:center;position:relative;cursor:default;font-size:16px}.relic-icon canvas{width:28px;height:28px}.relic-icon .counter{position:absolute;right:-4px;bottom:-4px;background:#000;color:var(--gold);font-size:10px;padding:0 4px;border-radius:6px;border:1px solid #6a5a3a}.relic-icon.flash{animation:relicflash .5s}@keyframes relicflash{0%{box-shadow:0 0 #ffdc7800}40%{box-shadow:0 0 18px #ffdc78e6}to{box-shadow:0 0 #ffdc7800}}.relic-icon.starter{border-color:#b08a40}.relic-icon.rare{border-color:#e0b040}.relic-icon.uncommon{border-color:#6fa8d8}.relic-icon.boss{border-color:#d05050}.relic-icon.shop{border-color:#7fd88a}.relic-icon.event{border-color:#b070d0}.tb-right{display:flex;align-items:center;gap:8px}.tb-floor{color:var(--dim);font-size:13px;white-space:nowrap}.tb-keys{display:flex;gap:4px}.key{width:16px;height:22px;border-radius:3px;opacity:.25}.key.on{opacity:1;box-shadow:0 0 8px currentColor}.key.ruby{background:#e04040;color:#e04040}.key.emerald{background:#40c060;color:#40c060}.key.sapphire{background:#4080e0;color:#4080e0}#screen-map{background:radial-gradient(ellipse at 50% 100%,#2a1d32,#120d18 60%)}#map-scroll{position:absolute;inset:0;overflow-y:auto;overflow-x:hidden}#map-inner{position:relative;width:1440px;height:1900px}#map-canvas{position:absolute;left:0;top:0}#map-nodes{position:absolute;inset:0}.map-node{position:absolute;width:56px;height:56px;margin:-28px 0 0 -28px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:default;transition:transform .12s}.map-node canvas{width:48px;height:48px}.map-node.available{cursor:pointer}.map-node.available:after{content:"";position:absolute;inset:-6px;border-radius:50%;border:2px solid rgba(232,196,106,.8);animation:pulse 1.2s infinite}@keyframes pulse{0%{transform:scale(1);opacity:1}to{transform:scale(1.35);opacity:0}}.map-node.available:hover{transform:scale(1.18)}.map-node.visited{opacity:.55}.map-node.current:before{content:"";position:absolute;inset:-8px;border-radius:50%;border:3px solid #fff}.map-node.unreachable{opacity:.35;filter:grayscale(.6)}.map-node.boss{width:110px;height:110px;margin:-55px 0 0 -55px}.map-node.boss canvas{width:100px;height:100px}.map-legend{position:absolute;right:16px;bottom:12px;background:var(--panel);border:1px solid var(--line);border-radius:8px;padding:8px 12px;font-size:12px;display:flex;gap:12px}.map-legend span{display:inline-flex;align-items:center;gap:4px}.map-legend canvas{width:20px;height:20px}#screen-combat{overflow:hidden}#battle-canvas{position:absolute;left:0;top:-64px;width:1440px;height:900px}#battle-overlay{position:absolute;inset:0;pointer-events:none}#creature-labels{position:absolute;inset:0}.creature-label{position:absolute;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:3px;pointer-events:none}.creature-label .cl-name{font-size:13px;font-weight:700;text-shadow:0 1px 3px #000,0 0 6px #000;white-space:nowrap}.creature-label .bar{width:130px;height:16px;position:relative}.creature-label .bar-text{font-size:11px}.creature-label .block-badge{position:absolute;left:-14px;top:18px;width:30px;height:30px;border-radius:6px;background:radial-gradient(circle,#a8c8e8,#4a6a9a);color:#fff;font-weight:700;display:flex;align-items:center;justify-content:center;font-size:13px;border:2px solid #dff;box-shadow:0 0 6px #4af}.creature-label .powers{display:flex;flex-wrap:wrap;gap:3px;max-width:220px;justify-content:center;pointer-events:auto}.power-icon{min-width:22px;height:22px;border-radius:4px;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;padding:0 3px;border:1px solid rgba(255,255,255,.3);background:#244;color:#fff;cursor:default}.power-icon.debuff{background:#6a2a2a;border-color:#d06060}.power-icon.buff{background:#2a5a3a;border-color:#60c080}.power-icon.neutral{background:#3a3a5a}.intent{position:absolute;transform:translate(-50%,-100%);display:flex;align-items:center;gap:4px;padding:3px 8px;border-radius:8px;background:#0000008c;border:1px solid rgba(255,255,255,.2);font-weight:700;font-size:16px;pointer-events:auto;cursor:default;white-space:nowrap}.intent canvas{width:30px;height:30px}.intent.attack{color:#ff8a70}.intent.hidden-intent{color:var(--dim)}.enemy-hit-zone{position:absolute;pointer-events:auto;cursor:pointer;border-radius:12px}.enemy-hit-zone.targetable:hover,.enemy-hit-zone.hovered{background:#ff503c1f;outline:2px solid rgba(255,120,90,.8)}.player-status{position:absolute;left:60px;top:90px;display:flex;flex-direction:column;gap:8px}.stance-badge{padding:4px 12px;border-radius:14px;font-weight:700;font-size:14px;border:2px solid;pointer-events:auto}.stance-badge.calm{color:#8fd8ff;border-color:#8fd8ff;background:#28507880}.stance-badge.wrath{color:#ff7a5a;border-color:#ff7a5a;background:#781e1480}.stance-badge.divinity{color:#ffe08a;border-color:#ffe08a;background:#785a1499}.orb-row{display:flex;gap:6px;pointer-events:auto}.orb{width:52px;height:52px;border-radius:50%;border:2px solid #557;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:11px;font-weight:700;background:radial-gradient(circle at 40% 35%,#223,#101020);cursor:default}.orb.empty{opacity:.35}.orb.lightning{border-color:#ffe060;color:#ffe060;background:radial-gradient(circle at 40% 35%,#8a7a20,#302a08)}.orb.frost{border-color:#8fd8ff;color:#dff;background:radial-gradient(circle at 40% 35%,#2a6a9a,#0a2a3a)}.orb.dark{border-color:#b070ff;color:#d8b0ff;background:radial-gradient(circle at 40% 35%,#4a2a7a,#120a20)}.orb.plasma{border-color:#ff9ad0;color:#ffd0e8;background:radial-gradient(circle at 40% 35%,#8a3a6a,#2a0a1a)}#combat-hud{position:absolute;inset:0;pointer-events:none}#combat-hud>*{pointer-events:auto}.energy-orb{position:absolute;left:30px;bottom:150px;width:92px;height:92px;border-radius:50%;background:radial-gradient(circle at 40% 35%,#ffe9a0,#d99a20 55%,#6a4010);border:3px solid #f2d27a;box-shadow:0 0 24px #ffc85080;display:flex;align-items:center;justify-content:center;font-size:26px;font-weight:800;color:#3a2508;text-shadow:0 1px 0 #ffe}.energy-orb.empty{filter:grayscale(.6) brightness(.7);box-shadow:none}.pile{position:absolute;width:86px;height:110px;border:2px solid var(--line);border-radius:8px;background:linear-gradient(160deg,#2a2238,#13101c);display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;gap:4px}.pile:hover{border-color:var(--gold)}.pile.draw{left:30px;bottom:26px}.pile.discard{right:30px;bottom:26px}.pile.exhaust{right:30px;bottom:150px;width:70px;height:80px;opacity:.8}.pile-label{font-size:12px;color:var(--dim)}.pile-count{font-size:26px;font-weight:800;color:var(--gold)}.end-turn{position:absolute;right:30px;bottom:250px;width:150px;height:56px;font-size:18px;font-weight:700;background:linear-gradient(180deg,#8a5f22,#5a3c14);border:2px solid #c99a3e;color:#fff3d6;border-radius:10px}.end-turn:disabled{filter:grayscale(.8)}.end-turn.ready{box-shadow:0 0 20px #ffc85099}#hand{position:absolute;left:150px;right:150px;bottom:0;height:260px;pointer-events:none}#hand .card{pointer-events:auto}.combat-hint{position:absolute;left:0;right:0;bottom:250px;text-align:center;color:var(--gold);font-size:15px;text-shadow:0 1px 3px #000;pointer-events:none}.combat-log{position:absolute;right:16px;top:16px;width:260px;max-height:120px;overflow:hidden;font-size:11px;color:#ece6dab3;text-shadow:0 1px 2px #000;pointer-events:none;display:flex;flex-direction:column;justify-content:flex-end}.target-arrow{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:20}.target-arrow path{fill:none;stroke:#ff6a4a;stroke-width:5;stroke-dasharray:12 8;filter:drop-shadow(0 0 4px #f84)}.target-arrow polygon{fill:#ff6a4a}.turn-banner{position:absolute;left:0;right:0;top:36%;text-align:center;font-family:var(--serif);font-size:44px;color:var(--gold);text-shadow:0 0 20px #000,0 2px 0 #000;pointer-events:none;animation:banner 1.1s ease-out forwards}@keyframes banner{0%{opacity:0;transform:scale(.8)}20%{opacity:1;transform:scale(1.05)}80%{opacity:1}to{opacity:0}}.card{position:relative;width:150px;height:214px;border-radius:9px;background:#1a1524;border:3px solid #4a3f60;box-shadow:0 6px 14px #0009;display:flex;flex-direction:column;overflow:hidden;cursor:pointer;transition:transform .15s,box-shadow .15s;font-size:11px}.card .c-cost{position:absolute;left:-2px;top:-2px;width:34px;height:34px;border-radius:50%;background:radial-gradient(circle at 40% 35%,#ffe9a0,#d99a20 60%,#6a4010);border:2px solid #f2d27a;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:17px;color:#3a2508;z-index:2}.card .c-cost.free{background:radial-gradient(circle at 40% 35%,#b0ffc0,#40a050 60%,#104020)}.card .c-cost.expensive{background:radial-gradient(circle at 40% 35%,#ffb0a0,#c04030 60%,#401010);color:#fff}.card .c-cost.unplayable{display:none}.card .c-name{text-align:center;padding:6px 8px 2px 30px;font-weight:700;font-size:12px;color:#f4e9d0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-shadow:0 1px 2px #000}.card .c-art{height:76px;margin:2px 8px;border-radius:4px;border:1px solid rgba(0,0,0,.5);position:relative;overflow:hidden}.card .c-art canvas{width:100%;height:100%;display:block}.card .c-type{text-align:center;font-size:10px;color:var(--dim);letter-spacing:1px;border-top:1px solid rgba(255,255,255,.1);border-bottom:1px solid rgba(255,255,255,.1);margin:0 10px;padding:1px}.card .c-desc{flex:1;padding:5px 9px;font-size:11px;line-height:1.35;text-align:center;color:#e8e0d0;display:flex;align-items:center;justify-content:center;white-space:pre-line}.card .c-desc b{color:#ffd66a;font-weight:700}.card.attack{border-color:#7a2a20;background:linear-gradient(180deg,#3a1a18,#1a0e0c)}.card.attack .c-type{color:#e08070}.card.skill{border-color:#24507a;background:linear-gradient(180deg,#16283a,#0c1420)}.card.skill .c-type{color:#80b0e0}.card.power{border-color:#8a6a20;background:linear-gradient(180deg,#3a2e12,#1c160a)}.card.power .c-type{color:#e0c070}.card.status{border-color:#555;background:linear-gradient(180deg,#2a2a2a,#141414)}.card.curse{border-color:#4a2a5a;background:linear-gradient(180deg,#2a1a34,#120a18)}.card.curse .c-type{color:#b080d0}.card.rare{box-shadow:0 0 14px #ffc85073,0 6px 14px #0009}.card.rare .c-name{color:#ffd66a}.card.uncommon .c-name{color:#a8d8ff}.card.upgraded .c-name{color:#7fd88a}.card.unplayable{filter:saturate(.6)}.card.selected{transform:translateY(-30px) scale(1.06);box-shadow:0 0 20px #ffdc78cc,0 10px 20px #000c;z-index:50!important}.card.disabled{opacity:.7}.card.disabled .c-cost{background:radial-gradient(circle at 40% 35%,#aaa,#666 60%,#333);color:#ddd}.card.chosen{outline:4px solid var(--gold);transform:translateY(-8px)}.card.small{width:120px;height:172px;font-size:10px}.card.small .c-art{height:58px}.card.small .c-desc{font-size:9.5px;padding:3px 6px}.card.small .c-cost{width:28px;height:28px;font-size:14px}#hand .card{position:absolute;bottom:10px;transform-origin:bottom center}#hand .card:hover:not(.selected){transform:translateY(-46px) scale(1.12) rotate(0)!important;z-index:40!important;box-shadow:0 0 16px #ffdc7899,0 12px 20px #000c}#hand .card.new{animation:cardin .3s ease-out}@keyframes cardin{0%{opacity:0;transform:translate(-200px,60px) scale(.6)}}.card-grid{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;max-height:620px;overflow-y:auto;padding:8px}.card-preview{position:absolute;z-index:300;pointer-events:none;transform:scale(1.5);transform-origin:top left}.panel{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);background:var(--panel);border:2px solid var(--line);border-radius:14px;padding:24px 32px;min-width:520px;text-align:center;box-shadow:0 20px 60px #000000b3}.panel h2{margin:0 0 12px;color:var(--gold);font-family:var(--serif);letter-spacing:4px}.reward-list{display:flex;flex-direction:column;gap:8px;margin-bottom:16px;min-width:420px}.reward-item{display:flex;align-items:center;gap:12px;padding:10px 14px;background:#221c30;border:1px solid var(--line);border-radius:8px;cursor:pointer;text-align:left;font-size:15px}.reward-item:hover{border-color:var(--gold);background:#2c2440}.reward-item.taken{opacity:.4;cursor:default;text-decoration:line-through}.reward-item canvas{width:36px;height:36px}.relic-choices{display:flex;gap:20px;justify-content:center;margin:16px 0}.relic-choice{width:220px;background:#221c30;border:2px solid var(--line);border-radius:10px;padding:14px;cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:8px}.relic-choice:hover{border-color:var(--gold)}.relic-choice canvas{width:64px;height:64px}.relic-choice .r-name{font-weight:700;color:var(--gold)}.relic-choice .r-desc{font-size:12px;color:#d8d0c0}#screen-rest{background:#000}#rest-canvas{position:absolute;inset:0;width:100%;height:100%}.rest-panel{top:auto;bottom:40px;transform:translate(-50%)}.rest-options{display:flex;gap:14px;justify-content:center;margin-bottom:14px}.rest-option{width:170px;background:#221c30;border:2px solid var(--line);border-radius:10px;padding:14px 10px;cursor:pointer}.rest-option:hover{border-color:var(--gold)}.rest-option.disabled{opacity:.4;cursor:default}.rest-option .ro-name{font-weight:700;font-size:16px;color:var(--gold)}.rest-option .ro-desc{font-size:12px;color:#d8d0c0;margin-top:6px}#screen-shop{background:radial-gradient(ellipse at 50% 0%,#2a2218,#0d0a08 70%)}.shop-panel{position:absolute;inset:14px;display:flex;flex-direction:column;gap:8px}.shop-header{display:flex;align-items:center;gap:20px}.shop-header h2{margin:0;color:var(--gold);font-family:var(--serif)}.shop-header button{margin-left:auto}.shop-row{display:flex;gap:12px;justify-content:center;align-items:flex-end}.shop-item{display:flex;flex-direction:column;align-items:center;gap:4px;cursor:pointer}.shop-item .price{color:var(--gold);font-weight:700;font-size:14px}.shop-item .price.sale{color:#ff8a5a}.shop-item.sold{opacity:.3;pointer-events:none}.shop-item.cant .price{color:var(--bad)}.shop-bottom{display:flex;gap:24px;align-items:flex-start;justify-content:center}.shop-relic,.shop-potion{width:120px;height:120px;background:#221c30;border:2px solid var(--line);border-radius:10px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;font-size:11px;text-align:center;padding:6px}.shop-relic canvas,.shop-potion canvas{width:44px;height:44px}.shop-remove{width:180px;height:130px;background:#221c30;border:2px solid var(--line);border-radius:10px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;cursor:pointer}.shop-remove:hover{border-color:var(--gold)}.treasure-panel canvas{display:block;margin:0 auto 10px}#screen-event,#screen-neow{background:#000}#event-canvas,#neow-canvas{position:absolute;inset:0;width:100%;height:100%}.event-panel{position:absolute;left:50%;bottom:30px;transform:translate(-50%);width:860px;background:var(--panel);border:2px solid var(--line);border-radius:14px;padding:20px 28px;box-shadow:0 20px 60px #000000b3}.event-panel h2{margin:0 0 10px;color:var(--gold);font-family:var(--serif);letter-spacing:3px}.event-text{font-size:15px;line-height:1.7;color:#e0d8c8;white-space:pre-line;margin-bottom:14px;max-height:220px;overflow-y:auto}.event-options{display:flex;flex-direction:column;gap:8px}.event-option{text-align:left;padding:10px 14px;font-size:14px;display:flex;gap:10px;align-items:baseline}.event-option .eo-label{color:var(--gold);font-weight:700;white-space:nowrap}.event-option .eo-desc{color:#d0c8b8;font-size:13px}.event-option .eo-drawback{color:var(--bad);font-size:13px}.cardselect-panel{position:absolute;inset:20px;background:var(--panel);border:2px solid var(--line);border-radius:14px;padding:16px 24px;display:flex;flex-direction:column;align-items:center;gap:12px}.cardselect-panel h2{margin:0;color:var(--gold);font-family:var(--serif)}.cardselect-panel .card-grid{flex:1;max-height:none;align-content:flex-start}.end-panel{min-width:600px}.end-panel h2{font-size:40px}.end-stats{display:grid;grid-template-columns:1fr 1fr;gap:6px 24px;text-align:left;margin:16px 0;font-size:14px}.end-stats b{color:var(--gold)}.modal{position:absolute;inset:0;background:#000000bf;display:flex;align-items:center;justify-content:center;z-index:100}.modal-box{background:var(--panel);border:2px solid var(--line);border-radius:14px;padding:22px 30px;min-width:420px;max-width:1200px;text-align:center;box-shadow:0 20px 60px #000c}.modal-box.wide{width:880px}.modal-box h3{margin:0 0 14px;color:var(--gold);font-family:var(--serif);letter-spacing:3px;font-size:22px}.modal-buttons{display:flex;flex-direction:column;gap:10px}.help-body{text-align:left;font-size:14px;line-height:1.7}.help-body li{margin-bottom:4px}.choose-box,.pile-box{width:1240px}.tooltip{position:absolute;z-index:400;background:#0c0912f7;border:1px solid var(--gold);border-radius:8px;padding:10px 12px;max-width:320px;font-size:12px;line-height:1.5;pointer-events:none;box-shadow:0 8px 24px #000c}.tooltip .tt-title{color:var(--gold);font-weight:700;font-size:13px;margin-bottom:4px}.tooltip .tt-sub{color:var(--dim);font-size:11px;margin-bottom:4px}.tooltip .tt-kw{margin-top:6px;padding-top:6px;border-top:1px solid var(--line)}.tooltip .tt-kw b{color:#ffd66a}#toasts{position:absolute;left:50%;top:80px;transform:translate(-50%);display:flex;flex-direction:column;gap:6px;pointer-events:none;z-index:200}.toast{background:#14101ef2;border:1px solid var(--gold);color:var(--text);padding:6px 16px;border-radius:16px;font-size:14px;animation:toast 2.4s forwards}@keyframes toast{0%{opacity:0;transform:translateY(-10px)}10%{opacity:1;transform:none}80%{opacity:1}to{opacity:0}}.comp-card-list{display:flex;flex-wrap:wrap;gap:10px}.comp-relic{display:flex;gap:10px;align-items:center;width:440px;padding:8px;background:#221c30;border-radius:8px;border:1px solid var(--line)}.comp-relic canvas{width:40px;height:40px;flex:none}.comp-relic .r-name{font-weight:700;color:var(--gold)}.comp-relic .r-desc{font-size:12px;color:#d8d0c0}.comp-grid{display:flex;flex-wrap:wrap;gap:10px}.comp-enemy{width:210px;padding:8px;background:#221c30;border-radius:8px;border:1px solid var(--line);display:flex;flex-direction:column;align-items:center;gap:4px}.comp-enemy canvas{width:180px;height:150px}.comp-enemy .e-name{font-weight:700}.comp-enemy .e-sub{font-size:11px;color:var(--dim)}