.card-art:after{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48'%3E%3Cpath fill='black' d='M8 28c6-10 12-14 20-16 4 8 6 16 4 24-8-2-16-4-24-8z'/%3E%3Cpath fill='black' d='M12 14l22 18M18 10l18 22' stroke='black' stroke-width='3'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48'%3E%3Cpath fill='black' d='M8 28c6-10 12-14 20-16 4 8 6 16 4 24-8-2-16-4-24-8z'/%3E%3Cpath fill='black' d='M12 14l22 18M18 10l18 22' stroke='black' stroke-width='3'/%3E%3C/svg%3E");border-radius:0}.card.type-attack .card-art:after{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48'%3E%3Cpath fill='black' d='M6 38 L30 8 l6 4 L14 42 z'/%3E%3Cpath fill='black' d='M32 6 l8 6 -4 4 -8-6z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48'%3E%3Cpath fill='black' d='M6 38 L30 8 l6 4 L14 42 z'/%3E%3Cpath fill='black' d='M32 6 l8 6 -4 4 -8-6z'/%3E%3C/svg%3E")}.card.type-skill .card-art:after{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48'%3E%3Ccircle cx='24' cy='24' r='10' fill='none' stroke='black' stroke-width='4'/%3E%3Cpath fill='black' d='M24 8 v6 M24 34 v6 M8 24 h6 M34 24 h6'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48'%3E%3Ccircle cx='24' cy='24' r='10' fill='none' stroke='black' stroke-width='4'/%3E%3Cpath fill='black' d='M24 8 v6 M24 34 v6 M8 24 h6 M34 24 h6'/%3E%3C/svg%3E")}.card.type-power .card-art:after{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48'%3E%3Cpath fill='black' d='M24 6l4 12h12l-10 8 4 12-10-7-10 7 4-12-10-8h12z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48'%3E%3Cpath fill='black' d='M24 6l4 12h12l-10 8 4 12-10-7-10 7 4-12-10-8h12z'/%3E%3C/svg%3E")}.map-vista-paper:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;opacity:.18;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.55'/%3E%3C/svg%3E");background-size:180px 180px;mix-blend-mode:multiply;pointer-events:none}.map-path.next{stroke:#e0b85a;stroke-width:1.85;stroke-dasharray:none;stroke-opacity:.95;filter:url(#pathGlow);animation:map-path-next 1.8s ease-in-out infinite}#toast-root{position:fixed;top:18px;right:18px;z-index:var(--toast-z, 50);display:flex;flex-direction:column;align-items:flex-end;gap:8px;max-width:min(340px,92vw);pointer-events:none}.toast{padding:11px 16px;border-radius:2px;border:1px solid #4a3e32;border-left:3px solid var(--gold-dim, #8a7340);background:linear-gradient(180deg,#28221cf7,#181410fa);color:var(--cream, #f0e6d2);font-family:var(--font-body);font-size:.9rem;font-weight:500;line-height:1.35;letter-spacing:.01em;box-shadow:0 8px 20px #00000073,inset 0 1px #ffe6be0f;animation:stt-toast-in .22s ease-out}.toast.error{border-left-color:#a05040;border-color:#5a3830;color:#e8c8bc}.toast.info{border-left-color:var(--gold-dim, #8a7340)}@keyframes stt-toast-in{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.screen-title{position:relative;align-items:stretch;justify-content:flex-end;padding:0;overflow:hidden;background:#0a080c}.title-vista{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;overflow:hidden;pointer-events:none}.title-vista-dim .vista-sky{filter:brightness(.5) saturate(.85)}.title-vista-dim .vista-horizon,.title-vista-dim .vista-spire,.title-vista-dim .vista-midground{opacity:.75;filter:brightness(.7)}.vista-sky{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse 90% 55% at 48% 108%,#5a3018 0%,transparent 42%),radial-gradient(ellipse 50% 35% at 72% 18%,rgba(180,90,40,.1),transparent 55%),radial-gradient(ellipse 40% 30% at 22% 28%,rgba(60,40,70,.18),transparent 50%),linear-gradient(180deg,#0b0a10,#141018 22%,#1c1418,#2a1a16 62%,#3a2418 78%,#1a100c)}.vista-grain{position:absolute;top:0;right:0;bottom:0;left:0;opacity:.18;mix-blend-mode:soft-light;background-image:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(0,0,0,.04) 2px,rgba(0,0,0,.04) 3px),repeating-linear-gradient(90deg,transparent,transparent 3px,rgba(255,220,180,.02) 3px,rgba(255,220,180,.02) 4px)}.vista-stars{position:absolute;top:0;right:0;bottom:48%;left:0;opacity:.45;background-image:radial-gradient(1px 1px at 8% 22%,rgba(255,240,210,.65),transparent),radial-gradient(1px 1px at 22% 48%,rgba(255,235,200,.4),transparent),radial-gradient(1.5px 1.5px at 38% 12%,rgba(255,248,220,.75),transparent),radial-gradient(1px 1px at 52% 38%,rgba(255,230,190,.35),transparent),radial-gradient(1px 1px at 68% 18%,rgba(255,240,200,.55),transparent),radial-gradient(1.5px 1.5px at 78% 42%,rgba(255,220,180,.4),transparent),radial-gradient(1px 1px at 88% 28%,rgba(255,240,200,.5),transparent),radial-gradient(1px 1px at 14% 62%,rgba(255,210,170,.3),transparent),radial-gradient(1px 1px at 44% 6%,rgba(255,245,210,.5),transparent),radial-gradient(1.2px 1.2px at 94% 8%,rgba(255,240,200,.45),transparent);animation:stt-stars-twinkle 10s ease-in-out infinite alternate}@keyframes stt-stars-twinkle{0%{opacity:.28}to{opacity:.55}}.vista-horizon{position:absolute;left:-10%;right:-10%;bottom:24%;height:22%;background:radial-gradient(ellipse 70% 80% at 50% 100%,rgba(200,90,35,.28),transparent 70%),linear-gradient(180deg,transparent 0%,rgba(180,70,30,.12) 40%,rgba(120,50,25,.2) 100%);filter:blur(1px)}.vista-spire{position:absolute;bottom:26%;width:13%;max-width:150px;min-width:68px;background:linear-gradient(90deg,rgba(0,0,0,.35) 0%,transparent 45%,rgba(0,0,0,.2) 100%),linear-gradient(180deg,#2e2220,#1a1210 55%,#0e0a08);clip-path:polygon(38% 0%,62% 0%,88% 100%,12% 100%);box-shadow:0 0 48px #0000008c}.vista-spire:before{content:"";position:absolute;inset:10% 20% auto 20%;height:10%;background:#c8501e1f;filter:blur(10px)}.vista-spire-a{left:16%;height:40%;transform:skew(-1.5deg);opacity:.92}.vista-spire-b{right:14%;height:50%;transform:skew(2deg);opacity:.88}.vista-spire-b:after{content:"";position:absolute;top:-6%;left:38%;width:22%;height:10%;background:linear-gradient(180deg,rgba(220,100,40,.55),transparent);filter:blur(7px);opacity:.55}.vista-midground{position:absolute;left:0;right:0;bottom:16%;height:30%;background-color:#16100e;background-image:linear-gradient(180deg,transparent 0%,rgba(12,8,6,.85) 100%),repeating-linear-gradient(100deg,transparent 0 36px,rgba(0,0,0,.14) 36px 38px);clip-path:polygon(0 48%,5% 36%,12% 52%,18% 30%,26% 46%,34% 22%,42% 44%,50% 18%,58% 40%,66% 24%,74% 48%,82% 28%,90% 50%,100% 34%,100% 100%,0 100%);box-shadow:0 -20px 40px #00000040}.vista-scrap{position:absolute;bottom:14%;width:22%;height:12%;background:radial-gradient(ellipse 80% 100% at 50% 100%,#1c1410 0%,transparent 70%);opacity:.9}.vista-scrap-l{left:0;clip-path:polygon(0 60%,15% 40%,30% 70%,50% 30%,70% 55%,90% 25%,100% 50%,100% 100%,0 100%)}.vista-scrap-r{right:0;clip-path:polygon(0 45%,20% 25%,40% 60%,60% 20%,80% 50%,100% 30%,100% 100%,0 100%)}.vista-road{position:absolute;left:-8%;right:-8%;bottom:0;height:24%;background:linear-gradient(180deg,#2a2018,#161210 38%,#0c0a08);transform:perspective(220px) rotateX(11deg);transform-origin:bottom center}.vista-road:before{content:"";position:absolute;left:0;right:0;top:0;height:40%;background:linear-gradient(180deg,rgba(60,40,28,.35),transparent)}.vista-road:after{content:"";position:absolute;left:18%;right:18%;top:38%;height:2px;background:repeating-linear-gradient(90deg,rgba(200,160,70,.18) 0 22px,transparent 22px 40px);opacity:.85}.vista-fog{position:absolute;left:0;right:0;bottom:8%;height:42%;background:linear-gradient(180deg,transparent,rgba(48,28,20,.28) 45%,rgba(18,12,10,.5));animation:stt-fog-drift 16s ease-in-out infinite alternate}@keyframes stt-fog-drift{0%{transform:translate(-1.5%);opacity:.75}to{transform:translate(1.5%);opacity:1}}.vista-embers{display:none}.vista-vignette{position:absolute;top:0;right:0;bottom:0;left:0;box-shadow:inset 0 0 120px 40px #00000094,inset 0 -100px 90px #00000080,inset 0 60px 80px #00000040}.vista-readability{position:absolute;left:0;right:0;bottom:0;height:55%;background:linear-gradient(180deg,transparent 0%,rgba(10,8,6,.35) 40%,rgba(8,6,5,.72) 100%)}.title-content{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;justify-content:space-between;width:100%;min-height:100%;padding:clamp(32px,7vh,64px) 24px clamp(22px,4vh,40px);text-align:center}.title-logo-block{margin-top:clamp(8px,3vh,36px);max-width:720px}.title-eyebrow{display:none}.game-title{margin:0;font-family:var(--font-title);font-weight:700;font-size:clamp(2.75rem,7.2vw,4.4rem);line-height:1.02;letter-spacing:.01em;color:var(--cream, #f0e6d2);text-shadow:0 2px 4px rgba(0,0,0,.7),0 8px 28px rgba(0,0,0,.45);text-transform:none;filter:none}.title-logo-rule{display:block;width:min(200px,40vw);height:1px;margin:14px auto 0;border:none;background:linear-gradient(90deg,transparent,rgba(196,163,90,.55) 20%,rgba(196,163,90,.75) 50%,rgba(196,163,90,.55) 80%,transparent)}.game-tagline{margin:12px 0 0;font-family:var(--font-body);font-size:.95rem;font-weight:500;color:var(--ink-dim, #a89880);letter-spacing:.06em;text-transform:none;text-shadow:0 1px 6px rgba(0,0,0,.8)}.title-menu{display:flex;flex-direction:column;align-items:stretch;gap:2px;width:min(340px,100%);margin:16px 0 8px}.title-name-field{display:flex;align-items:center;gap:12px;margin-bottom:12px;padding:0 6px 14px;border-bottom:1px solid rgba(196,163,90,.16)}.title-name-label{font-family:var(--font-body);font-size:.8rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--ink-mute, #6e6254);flex-shrink:0}.title-name-input{flex:1;min-width:0;padding:6px 0;border:none;border-radius:0;background:transparent;color:var(--cream, #f0e6d2);font-family:var(--font-body);font-size:1.1rem;font-weight:600;letter-spacing:.02em;outline:none;text-align:left;box-shadow:none}.title-name-input::placeholder{color:#a8988066}.title-name-input:focus{color:#fff8ec}.menu-item{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:0;padding:12px 18px;border:none;border-radius:2px;background:transparent;color:#e0d4c0;cursor:pointer;position:relative;transition:color .12s ease,background .12s ease}.menu-item:after{content:"";position:absolute;left:28%;right:28%;bottom:6px;height:1px;background:linear-gradient(90deg,transparent,rgba(196,163,90,.75),transparent);opacity:0;transform:scaleX(.6);transition:opacity .14s ease,transform .14s ease}.menu-item:before{display:none}.menu-item:hover{background:#e8c88c0f;color:#fff6e4;transform:none;box-shadow:none}.menu-item:hover:after,.menu-item:focus-visible:after{opacity:1;transform:scaleX(1)}.menu-item:focus-visible{outline:1px solid rgba(196,163,90,.45);outline-offset:2px;background:#e8c88c0d}.menu-item:active{background:#00000026}.menu-item-text{font-family:var(--font-title);font-size:1.35rem;font-weight:600;letter-spacing:.04em;text-transform:none;line-height:1.2}.menu-item-primary .menu-item-text{font-size:1.65rem;font-weight:700;color:var(--cream, #f0e6d2);text-shadow:0 1px 8px rgba(0,0,0,.45)}.menu-item:hover .menu-item-text,.menu-item:focus-visible .menu-item-text{color:#fffaf0}.menu-item-sub{display:none}.menu-join{margin-top:12px;padding-top:14px;border-top:1px solid rgba(196,163,90,.14)}.menu-join-label{display:none}.menu-join-row{display:flex;gap:8px;align-items:stretch}.title-code-input{flex:1;min-width:0;padding:10px 12px;border-radius:2px;border:1px solid #4a4034;background:#08060573;color:var(--cream, #f0e6d2);font-family:var(--font-body);font-size:.95rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase;text-align:center;outline:none;transition:border-color .12s ease,background .12s ease}.title-code-input::placeholder{letter-spacing:.04em;text-transform:none;color:#a8988066;font-weight:500}.title-code-input:focus{border-color:#c4a35a8c;background:#0c0a088c;box-shadow:0 0 0 1px #c4a35a1f}.menu-join-btn{padding:10px 18px;border-radius:2px;border:1px solid #5a4c3c;background:#2a241e;color:var(--cream, #f0e6d2);font-family:var(--font-body);font-size:.9rem;font-weight:600;letter-spacing:.02em;text-transform:none;cursor:pointer;transition:border-color .12s ease,background .12s ease,color .12s ease}.menu-join-btn:hover{border-color:#8a7350;background:#342c24;color:#fff8ec;box-shadow:none}.menu-join-btn:focus-visible{outline:1px solid rgba(196,163,90,.5);outline-offset:2px}.title-footer{display:flex;align-items:center;justify-content:center;gap:10px;font-family:var(--font-body);font-size:.72rem;letter-spacing:.1em;text-transform:uppercase;color:#a08c786b}.conn-status{letter-spacing:.1em;text-transform:uppercase}.conn-status.online{color:#82aa78b3}.conn-status.offline{color:#b4645ab3}.screen-lobby{position:relative;align-items:center;justify-content:center;padding:24px;background:#0a080c;overflow:hidden}.screen-lobby .lobby-panel{position:relative;z-index:2}.lobby-panel{width:min(520px,100%);padding:28px 30px;background:linear-gradient(165deg,#241e18,#1a1612 48%,#16120e);border:1px solid #4a4034;border-radius:3px;box-shadow:0 16px 40px #0000008c,inset 0 1px #ffe6be0d,inset 0 0 0 1px #00000059}.lobby-header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:22px;padding-bottom:16px;border-bottom:1px solid rgba(196,163,90,.14)}.lobby-header h2{margin:0;font-family:var(--font-title);font-size:1.55rem;font-weight:700;letter-spacing:.02em;color:var(--cream, #f0e6d2);text-shadow:none}.room-code{font-family:var(--font-title);font-size:1.65rem;font-weight:700;letter-spacing:.16em;color:var(--gold, #c4a35a);text-shadow:none;line-height:1.1}.room-meta{margin-top:5px;font-family:var(--font-body);font-size:.78rem;font-weight:600;color:var(--ink-mute, #6e6254);text-transform:uppercase;letter-spacing:.08em}.player-list{list-style:none;margin:0 0 22px;padding:0;display:flex;flex-direction:column;gap:8px}.player-row{display:flex;align-items:center;gap:12px;padding:11px 14px;border-radius:2px;background:#00000047;border:1px solid #3a3228}.player-swatch{width:10px;height:10px;border-radius:50%;box-shadow:none;flex-shrink:0;border:1px solid rgba(255,255,255,.12)}.player-name{flex:1;font-weight:600;font-size:1rem;color:var(--ink, #e6dcc8);text-align:left}.player-badge{font-size:.7rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;padding:3px 8px;border-radius:2px;border:1px solid #3a3228;color:var(--ink-mute, #6e6254);background:transparent}.player-badge.ready{border-color:#6a8a5a8c;color:#8aaa78}.player-badge.host{border-color:#c4a35a66;color:var(--gold-dim, #8a7340)}.lobby-actions{display:flex;flex-wrap:wrap;gap:10px;justify-content:flex-end;align-items:center}.screen-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:var(--modal-z, 40);display:flex;align-items:center;justify-content:center;padding:24px 16px;overflow:auto;background:radial-gradient(ellipse 70% 60% at 50% 45%,rgba(40,28,18,.35),transparent 70%),#060504d1;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.overlay-panel{position:relative;width:min(720px,100%);max-width:100%;padding:32px 36px 28px;text-align:center;background:linear-gradient(168deg,#2a221a,#1c1814 42%,#16120e);border:1px solid #4a4034;border-radius:3px;box-shadow:0 20px 48px #0009,inset 0 1px #ffe6be0f,inset 0 0 0 1px #0000004d}.overlay-panel:before{content:"";position:absolute;left:24px;right:24px;top:0;height:2px;background:linear-gradient(90deg,transparent,rgba(196,163,90,.35) 20%,rgba(196,163,90,.55) 50%,rgba(196,163,90,.35) 80%,transparent);opacity:.9}.overlay-panel h2{margin:0 0 8px;font-family:var(--font-title);font-size:clamp(1.6rem,3.5vw,2rem);font-weight:700;letter-spacing:.02em;color:var(--cream, #f0e6d2);text-shadow:0 1px 8px rgba(0,0,0,.4)}.overlay-sub{font-family:var(--font-body);font-size:.98rem;font-weight:400;line-height:1.45;color:var(--ink-dim, #a89880);max-width:36em;margin:0 auto 22px}.overlay-panel .placeholder-note,.placeholder-note{color:var(--ink-mute, #6e6254);font-size:.95rem;margin:0 0 16px}.reward-row{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:center;gap:16px 20px;margin:8px auto 0;padding:8px 4px 4px;min-height:120px}.screen-overlay .card,.screen-overlay .card-pick{margin:0}.screen-overlay .card-pick{width:148px;height:210px;transition:transform .14s ease,filter .14s ease}.screen-overlay .card-pick:hover:not(.disabled){transform:translateY(-8px);filter:brightness(1.05)}.screen-overlay .card-pick:focus-visible{outline:1px solid rgba(196,163,90,.6);outline-offset:4px}.rest-actions{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;margin-top:4px}.rest-actions .btn{min-width:132px}.overlay-panel.victory h2{color:#e8d8b0}.overlay-panel.defeat h2{color:#d4b0a4}.overlay-panel.victory .overlay-sub,.overlay-panel.defeat .overlay-sub{margin-bottom:24px}.overlay-panel>.btn{margin-top:4px}.splash-icon{display:none!important}@media(max-width:720px){.title-content{padding:28px 18px 20px}.game-title{font-size:clamp(2.2rem,10vw,3rem)}.menu-item-primary .menu-item-text{font-size:1.45rem}.menu-item-text{font-size:1.2rem}.lobby-panel{padding:22px 18px}.lobby-header{flex-direction:column;align-items:stretch;gap:12px}.room-code{font-size:1.4rem}.lobby-actions{justify-content:stretch}.lobby-actions .btn{flex:1}.overlay-panel{padding:26px 18px 22px}.reward-row{gap:12px}.screen-overlay .card-pick{width:120px;height:172px}}@media(max-width:400px){.menu-join-row{flex-direction:column}}:root{--bg-deep: #12100e;--bg-panel: #1c1814;--bg-panel-2: #241f1a;--bg-elevated: #2c2620;--bg-btn: #2a241e;--bg-btn-hover: #342c24;--bg-btn-active: #221c18;--asphalt: #161310;--border: #3d342c;--border-bright: #5c4e40;--border-btn: #5a4c3c;--border-btn-hover: #8a7350;--radius: 3px;--radius-lg: 4px;--ink: #e6dcc8;--ink-dim: #a89880;--ink-mute: #6e6254;--cream: #f0e6d2;--cream-bright: #fff8ec;--gold: #c4a35a;--gold-dim: #8a7340;--rust: #b54a32;--rust-dim: #7a3222;--green: #6a8a5a;--green-soft: #4a7a4a;--red: #b5453a;--orange: #c47840;--orange-dim: #8a5428;--yellow: #c4a35a;--cyan: #6a8a9a;--cyan-dim: #4a6570;--cyan-glow: transparent;--orange-glow: transparent;--magenta: #8a6068;--shadow-neon: none;--shadow-orange: none;--text: var(--ink);--text-dim: var(--ink-dim);--text-mute: var(--ink-mute);--rarity-common: #7a7060;--rarity-uncommon: #4a7a4a;--rarity-rare: #4a6a9a;--rarity-legendary: #b08830;--card-parchment-top: #ece0cc;--card-parchment-mid: #d8c8ac;--card-parchment-bot: #c8b898;--card-ink: #1a1410;--card-ink-soft: #2a2018;--card-banner: #2a2218;--card-cost-hi: #ffe080;--card-cost-mid: #e07000;--card-cost-lo: #803000;--card-cost-rim: #fff0c0;--card-w: 136px;--card-h: 192px;--card-pick-w: 148px;--card-pick-h: 210px;--type-attack: #8a4840;--type-skill: #4a6880;--type-power: #6a5080;--type-status: #5a5850;--type-curse: #5a3038;--font-title: "EB Garamond", "Palatino Linotype", Palatino, Georgia, serif;--font-body: "Source Sans 3", "Segoe UI", system-ui, sans-serif;--shadow-sm: 0 2px 6px rgba(0, 0, 0, .35);--shadow-md: 0 6px 16px rgba(0, 0, 0, .4);--shadow-lg: 0 10px 28px rgba(0, 0, 0, .45);--shadow-card: 0 8px 20px rgba(0, 0, 0, .55);--hud-z: 20;--modal-z: 40;--toast-z: 50;--ease-out: cubic-bezier(.22, 1, .36, 1);--dur-fast: .12s;--dur-med: .18s}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;padding:0;width:100%;height:100%;overflow:hidden;background:var(--bg-deep);color:var(--text);font-family:var(--font-body);font-size:16px;font-weight:400;letter-spacing:0;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}button,input,select,textarea{font-family:inherit;font-size:inherit;color:inherit}button{cursor:pointer;border:none;background:none}#app{position:relative;width:100%;height:100%;overflow:hidden}#canvas-root{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;background:var(--asphalt)}#canvas-root.hidden{visibility:hidden;pointer-events:none}#canvas-root canvas{display:block;width:100%;height:100%}#ui-root{position:absolute;top:0;right:0;bottom:0;left:0;z-index:var(--hud-z);pointer-events:none}#ui-root>*{pointer-events:auto}#toast-root{position:fixed;top:16px;right:16px;z-index:var(--toast-z);display:flex;flex-direction:column;gap:8px;max-width:min(360px,90vw);pointer-events:none}.screen{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;overflow:auto}.screen.hidden{display:none!important}.panel{background:var(--bg-panel);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg)}.panel-neon,.panel-orange{border-color:var(--border-bright);box-shadow:var(--shadow-lg)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:11px 20px;border-radius:var(--radius);border:1px solid var(--border-btn);background:var(--bg-btn);color:var(--cream);font-weight:600;font-size:.95rem;letter-spacing:.02em;text-transform:none;transition:background var(--dur-fast),border-color var(--dur-fast),color var(--dur-fast);-webkit-user-select:none;user-select:none}.btn:hover:not(:disabled){border-color:var(--border-btn-hover);background:var(--bg-btn-hover);color:var(--cream-bright);box-shadow:none;transform:none}.btn:active:not(:disabled){background:var(--bg-btn-active)}.btn:disabled{opacity:.4;cursor:not-allowed}.btn:focus-visible{outline:1px solid var(--gold-dim);outline-offset:2px}.btn-primary{border-color:#6a5030;background:#3a2c1c;color:#f0e0c0;text-shadow:none}.btn-primary:hover:not(:disabled){background:#4a3824;border-color:#9a7850;box-shadow:none}.btn-danger{border-color:#6a3830;background:#3a221c;color:#e8c8b8}.btn-danger:hover:not(:disabled){box-shadow:none;border-color:#9a5040;background:#4a2c24}.btn-ghost{background:transparent;border-color:transparent;color:var(--ink-dim)}.btn-ghost:hover:not(:disabled){color:var(--cream);border-color:transparent;box-shadow:none;background:transparent}.btn-sm{padding:8px 14px;font-size:.9rem}.input{width:100%;padding:12px 14px;border-radius:var(--radius);border:1px solid var(--border);background:#00000073;color:var(--text);outline:none;letter-spacing:.04em;transition:border-color var(--dur-med),box-shadow var(--dur-med)}.input:focus{border-color:var(--gold-dim);box-shadow:0 0 0 2px #c4a35a26}.input::placeholder{color:var(--text-mute)}.field-label{display:block;margin-bottom:6px;font-size:.85rem;font-weight:600;letter-spacing:.02em;text-transform:none;color:var(--ink-dim)}.toast{padding:10px 14px;border-radius:var(--radius);border:1px solid var(--border);background:var(--bg-panel);color:var(--ink);font-size:.9rem;box-shadow:var(--shadow-md);animation:toast-in .2s ease-out}.toast.error{border-color:#6a3830;color:#e8b8b0}.toast.info{border-color:var(--border-bright)}@keyframes toast-in{0%{opacity:0;transform:translate(12px)}to{opacity:1;transform:translate(0)}}.hidden{display:none!important}.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}.ink-dim{color:var(--ink-dim)}.ink-mute{color:var(--ink-mute)}.gold{color:var(--gold)}.rust{color:var(--rust)}.title-font{font-family:var(--font-title)}.flex-center{display:flex;align-items:center;justify-content:center}.flex-col{display:flex;flex-direction:column}.card{width:var(--card-w);height:var(--card-h);padding:0;border:none;background:transparent;cursor:pointer;-webkit-user-select:none;user-select:none;position:relative;flex-shrink:0;-webkit-tap-highlight-color:transparent;transition:transform var(--dur-med) var(--ease-out),filter var(--dur-med),opacity var(--dur-med)}.card:focus{outline:none}.card:focus-visible .card-frame{outline:1px solid var(--gold);outline-offset:2px}.card-frame{width:100%;height:100%;border-radius:var(--radius-lg);border:2px solid var(--rarity-common);background:linear-gradient(180deg,var(--card-parchment-top) 0%,var(--card-parchment-mid) 42%,var(--card-parchment-bot) 100%);box-shadow:var(--shadow-card),inset 0 1px #ffffff59,inset 0 -1px #281e141f;display:flex;flex-direction:column;overflow:hidden;position:relative;color:var(--card-ink);transition:border-color var(--dur-fast),box-shadow var(--dur-med),transform var(--dur-med) var(--ease-out)}.card-frame:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;opacity:.07;background-image:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(40,28,16,.35) 2px,rgba(40,28,16,.35) 3px);mix-blend-mode:multiply;z-index:0}.card-frame>*{position:relative;z-index:1}.card.rarity-common .card-frame{border-color:var(--rarity-common)}.card.rarity-uncommon .card-frame{border-color:var(--rarity-uncommon)}.card.rarity-rare .card-frame{border-color:var(--rarity-rare)}.card.rarity-legendary .card-frame{border-color:var(--rarity-legendary)}.card-cost{position:absolute;top:5px;left:5px;z-index:3;width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-family:var(--font-body);font-weight:700;font-size:1rem;line-height:1;color:#fffef8;background:radial-gradient(circle at 35% 30%,var(--card-cost-hi),var(--card-cost-mid) 58%,var(--card-cost-lo));border:1.5px solid var(--card-cost-rim);box-shadow:0 2px 4px #0006,inset 0 1px #ffffff59}.card-art{height:72px;margin:8px 7px 0;border-radius:2px;border:1px solid rgba(40,30,20,.32);background:radial-gradient(circle at 50% 60%,rgba(255,255,255,.1),transparent 55%),linear-gradient(160deg,#3a4550,#1a2028);position:relative;overflow:hidden;flex-shrink:0}.card-art:after{content:"";position:absolute;top:18%;right:22%;bottom:18%;left:22%;opacity:.45;background:currentColor;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center}.card-art:after{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48'%3E%3Cpath fill='black' d='M8 28c6-10 12-14 20-16 4 8 6 16 4 24-8-2-16-4-24-8z'/%3E%3Cpath fill='black' d='M12 14l22 18M18 10l18 22' stroke='black' stroke-width='3'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48'%3E%3Cpath fill='black' d='M8 28c6-10 12-14 20-16 4 8 6 16 4 24-8-2-16-4-24-8z'/%3E%3Cpath fill='black' d='M12 14l22 18M18 10l18 22' stroke='black' stroke-width='3'/%3E%3C/svg%3E");border-radius:0}.card.type-attack .card-art{background:radial-gradient(circle at 60% 40%,rgba(180,80,50,.35),transparent 52%),linear-gradient(160deg,#4a2824,#18100e);color:var(--type-attack)}.card.type-attack .card-art:after{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48'%3E%3Cpath fill='black' d='M6 38 L30 8 l6 4 L14 42 z'/%3E%3Cpath fill='black' d='M32 6 l8 6 -4 4 -8-6z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48'%3E%3Cpath fill='black' d='M6 38 L30 8 l6 4 L14 42 z'/%3E%3Cpath fill='black' d='M32 6 l8 6 -4 4 -8-6z'/%3E%3C/svg%3E")}.card.type-skill .card-art{background:radial-gradient(circle at 40% 50%,rgba(70,110,140,.35),transparent 52%),linear-gradient(160deg,#243848,#101820);color:var(--type-skill)}.card.type-skill .card-art:after{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48'%3E%3Ccircle cx='24' cy='24' r='10' fill='none' stroke='black' stroke-width='4'/%3E%3Cpath fill='black' d='M24 8 v6 M24 34 v6 M8 24 h6 M34 24 h6'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48'%3E%3Ccircle cx='24' cy='24' r='10' fill='none' stroke='black' stroke-width='4'/%3E%3Cpath fill='black' d='M24 8 v6 M24 34 v6 M8 24 h6 M34 24 h6'/%3E%3C/svg%3E")}.card.type-power .card-art{background:radial-gradient(circle at 50% 40%,rgba(140,100,160,.32),transparent 52%),linear-gradient(160deg,#342848,#141018);color:var(--type-power)}.card.type-power .card-art:after{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48'%3E%3Cpath fill='black' d='M24 6l4 12h12l-10 8 4 12-10-7-10 7 4-12-10-8h12z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48'%3E%3Cpath fill='black' d='M24 6l4 12h12l-10 8 4 12-10-7-10 7 4-12-10-8h12z'/%3E%3C/svg%3E")}.card.type-status .card-art,.card.type-curse .card-art{background:radial-gradient(circle at 50% 50%,rgba(80,70,60,.3),transparent 55%),linear-gradient(160deg,#2a2824,#12100e);color:var(--type-status)}.card.type-curse .card-art{color:var(--type-curse)}.card-type-banner{margin:5px 7px 0;padding:3px 0 2px;text-align:center;font-family:var(--font-body);font-size:.62rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--cream);background:var(--card-banner);border-radius:2px;border:1px solid rgba(0,0,0,.2);flex-shrink:0}.card.type-attack .card-type-banner{background:#2a1814;color:#e0c8b8}.card.type-skill .card-type-banner{background:#141c24;color:#c8d4e0}.card.type-power .card-type-banner{background:#1c1424;color:#d4c8e0}.card-name{margin:6px 8px 0;font-family:var(--font-title);font-size:.9rem;font-weight:600;letter-spacing:.01em;text-align:center;line-height:1.15;color:var(--card-ink);min-height:2.1em;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.card-desc{margin:3px 8px 6px;flex:1;font-family:var(--font-body);font-size:.7rem;font-weight:600;line-height:1.28;text-align:center;color:var(--card-ink-soft);overflow:hidden;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical}.card-keyword{position:absolute;bottom:5px;left:0;right:0;text-align:center;font-family:var(--font-body);font-size:.55rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:#5a30188c;pointer-events:none}.card-keyword:before,.card-keyword:after{content:"·";margin:0 .35em;opacity:.6}.card-frame:has(.card-keyword) .card-desc{margin-bottom:18px;-webkit-line-clamp:3}.card.disabled{opacity:.48;cursor:not-allowed;filter:grayscale(.28)}.card.disabled:hover{transform:none}.card.disabled:hover .card-frame{transform:none;box-shadow:var(--shadow-card),inset 0 1px #ffffff59}.card.unplayable{filter:brightness(.72) saturate(.55)}.card.unplayable:hover:not(.disabled){filter:brightness(.78) saturate(.6)}.card.selected .card-frame{border-color:var(--orange);box-shadow:var(--shadow-card),0 0 0 1px #c4784073,inset 0 1px #ffffff59}.card-pick{width:var(--card-pick-w);height:var(--card-pick-h);margin:0 6px}.card-pick .card-art{height:82px}.card-pick .card-name{font-size:.98rem}.card-pick .card-desc{font-size:.74rem}.card-pick:hover:not(.disabled){transform:translateY(-10px) scale(1.04);z-index:5}.card-pick:hover:not(.disabled) .card-frame{box-shadow:0 14px 28px #0000008c,inset 0 1px #fff6}.screen-overlay .card{margin:0 8px}.hand-fan .card{margin:0 -20px;transform:translateY(var(--fan-y, 0)) translate(var(--fan-x, 0)) rotate(var(--fan-rot, 0deg));z-index:var(--fan-z, 1);transform-origin:bottom center;transition:transform .14s ease-out,z-index 0s,filter .15s}.hand-fan .card:hover:not(.disabled):not(.unplayable){transform:translateY(-52px) translate(var(--fan-x, 0)) rotate(0) scale(1.1);z-index:50;filter:drop-shadow(0 12px 20px rgba(0,0,0,.55))}.hand-fan .card:hover:not(.disabled).unplayable{transform:translateY(-36px) translate(var(--fan-x, 0)) rotate(0) scale(1.04);z-index:40}.hand-fan .card.selected{transform:translateY(-60px) translate(var(--fan-x, 0)) rotate(0) scale(1.12);z-index:51}.hand-fan .card.disabled:hover{transform:translateY(var(--fan-y, 0)) translate(var(--fan-x, 0)) rotate(var(--fan-rot, 0deg))!important;filter:grayscale(.28);z-index:var(--fan-z, 1)}@media(max-width:900px){.card{width:110px;height:158px}.card-cost{width:24px;height:24px;font-size:.9rem}.card-art{height:56px}.card-name{font-size:.78rem;min-height:1.9em}.card-desc{font-size:.64rem;-webkit-line-clamp:3}.card-pick{width:128px;height:180px}.hand-fan .card{margin:0 -24px}}@media(max-width:720px){.card{width:100px;height:144px}.card-art{height:48px;margin-top:6px}.card-type-banner{font-size:.55rem;padding:2px 0}.hand-fan .card{margin:0 -22px}}.screen-map{position:relative;padding:0;overflow:hidden;background:#16120e;color:var(--cream, #f0e6d2);font-family:var(--font-body, "Source Sans 3", system-ui, sans-serif)}.map-vista{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;overflow:hidden}.map-vista-paper{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse 90% 70% at 50% 55%,rgba(72,48,28,.42),transparent 72%),radial-gradient(ellipse 50% 40% at 20% 80%,rgba(40,28,18,.5),transparent 60%),radial-gradient(ellipse 40% 35% at 85% 15%,rgba(55,38,22,.35),transparent 55%),linear-gradient(180deg,#2e241c,#241c16 28%,#1a1410 58%,#12100c)}.map-vista-paper:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;opacity:.18;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.55'/%3E%3C/svg%3E");background-size:180px 180px;mix-blend-mode:multiply;pointer-events:none}.map-vista-stain{position:absolute;top:0;right:0;bottom:0;left:0;opacity:.22;background-image:radial-gradient(ellipse 28% 18% at 18% 28%,rgba(0,0,0,.75),transparent 70%),radial-gradient(ellipse 22% 22% at 82% 68%,rgba(0,0,0,.65),transparent 70%),radial-gradient(ellipse 35% 12% at 55% 8%,rgba(90,55,30,.35),transparent 70%),repeating-linear-gradient(0deg,transparent,transparent 3px,rgba(0,0,0,.035) 3px,rgba(0,0,0,.035) 4px)}.map-vista-edge{position:absolute;top:0;right:0;bottom:0;left:0;box-shadow:inset 0 0 100px 28px #0000009e,inset 0 0 0 1px #c8a05a12}.map-vista-edge:before{content:"";position:absolute;left:50%;top:8%;bottom:10%;width:min(480px,92%);transform:translate(-50%);border-radius:8px;box-shadow:inset 0 0 60px 10px #0003;border:1px solid rgba(180,140,80,.06);pointer-events:none}.map-header{position:relative;z-index:3;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:12px;padding:12px 20px 10px;background:linear-gradient(180deg,rgba(10,8,6,.94) 0%,rgba(10,8,6,.55) 70%,transparent 100%);flex-shrink:0}.map-header-left{text-align:left}.map-header-center{text-align:center}.map-header-right{text-align:right;display:flex;flex-direction:column;align-items:flex-end;gap:3px}.map-eyebrow{margin:0 0 1px;font-family:var(--font-body, "Source Sans 3", system-ui, sans-serif);font-size:.62rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:#c8aa7873}.map-title{margin:0;font-family:var(--font-title, "EB Garamond", Georgia, serif);font-size:1.45rem;font-weight:600;letter-spacing:.06em;color:var(--cream, #f0e6d2);text-shadow:0 2px 10px rgba(0,0,0,.55)}.map-act-badge{display:inline-flex;flex-direction:column;align-items:center;gap:2px;padding:8px 26px 9px;border-radius:3px;border:1px solid rgba(196,163,90,.45);background:linear-gradient(180deg,#302416d9,#120e0aeb);box-shadow:0 4px 18px #0006,inset 0 1px #ffdca014}.map-act-num{font-family:var(--font-body, "Source Sans 3", system-ui, sans-serif);font-size:.68rem;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:var(--gold, #c4a35a)}.map-act-name{font-family:var(--font-title, "EB Garamond", Georgia, serif);font-size:1.05rem;font-weight:600;letter-spacing:.04em;color:#f2e6d0;line-height:1.15}.map-progress{font-family:var(--font-body, "Source Sans 3", system-ui, sans-serif);font-size:.72rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:#b4a0828c}.map-hint{font-family:var(--font-body, "Source Sans 3", system-ui, sans-serif);font-size:.78rem;font-weight:600;letter-spacing:.04em;color:#d8b870;animation:map-hint-pulse 2.4s ease-in-out infinite}@keyframes map-hint-pulse{0%,to{opacity:.55}50%{opacity:1}}.map-scroll{position:relative;z-index:2;flex:1;overflow:auto;display:flex;justify-content:center;padding:6px 12px 8px;scrollbar-width:thin;scrollbar-color:rgba(180,140,70,.35) transparent;scroll-behavior:smooth}.map-scroll::-webkit-scrollbar{width:6px}.map-scroll::-webkit-scrollbar-thumb{background:#b48c4659;border-radius:3px}.map-canvas{position:relative;width:min(460px,100%);min-height:640px;flex-shrink:0;margin:0 auto}.map-floors{position:absolute;left:2px;top:0;width:32px;pointer-events:none;z-index:1}.map-floor-label{position:absolute;left:0;transform:translateY(-50%);font-family:var(--font-title, "EB Garamond", Georgia, serif);font-size:.58rem;font-weight:600;letter-spacing:.1em;color:#96825f61;-webkit-user-select:none;user-select:none}.map-floor-label.is-boss{color:#b45a468c;letter-spacing:.12em;font-size:.55rem}.map-floor-label.is-current-floor{color:#d2b478a6}.map-svg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none;overflow:visible;z-index:1}.map-path{stroke:#785f3c47;stroke-width:.95;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:2.2 2.4;fill:none}.map-path.taken,.map-path.done{stroke:#c49b509e;stroke-dasharray:none;stroke-width:1.45;stroke-opacity:1}.map-path.next{stroke:#e0b85a;stroke-width:1.85;stroke-dasharray:none;stroke-opacity:.95;filter:url(#pathGlow);animation:map-path-next 1.8s ease-in-out infinite}@keyframes map-path-next{0%,to{stroke-opacity:.7}50%{stroke-opacity:1}}.map-node{position:absolute;width:54px;height:54px;margin-left:-27px;margin-top:-27px;padding:0;border:none;background:transparent;cursor:default;z-index:3;color:#d8c8a8;transition:transform .14s ease}.map-node:disabled{cursor:default;opacity:1}.map-node-ring{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;border:2px solid rgba(110,90,60,.55);background:radial-gradient(circle at 32% 28%,#3e342a,#1a1510 62%,#100c0a);box-shadow:0 5px 14px #00000080,inset 0 1px #ffdca012,inset 0 -2px 6px #00000059;transition:border-color .15s ease,box-shadow .15s ease,transform .12s ease}.map-node-inner{position:absolute;top:5px;right:5px;bottom:5px;left:5px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at 40% 32%,#372c20f2,#100d0afa);border:1px solid rgba(0,0,0,.4);overflow:hidden}.map-node-icon{display:flex;align-items:center;justify-content:center;width:100%;height:100%;line-height:1;filter:drop-shadow(0 1px 2px rgba(0,0,0,.65))}.map-node-icon svg{width:22px;height:22px;display:block}.map-node-icon .map-glyph{font-family:var(--font-title, "EB Garamond", Georgia, serif);font-size:1.15rem;font-weight:700;line-height:1;color:#e8d8b0}.map-node-pulse{position:absolute;top:-5px;right:-5px;bottom:-5px;left:-5px;border-radius:50%;border:1.5px solid rgba(220,180,90,.45);animation:map-node-ring-pulse 2.1s ease-out infinite;pointer-events:none}@keyframes map-node-ring-pulse{0%{transform:scale(1);opacity:.75}to{transform:scale(1.42);opacity:0}}.map-you-are-here{position:absolute;bottom:-18px;left:50%;transform:translate(-50%);font-family:var(--font-title, "EB Garamond", Georgia, serif);font-size:.58rem;font-weight:700;letter-spacing:.12em;color:#e8a060;text-shadow:0 1px 4px rgba(0,0,0,.85);white-space:nowrap;pointer-events:none}.map-you-marker{position:absolute;top:-10px;left:50%;width:10px;height:10px;margin-left:-5px;border-radius:50%;background:radial-gradient(circle at 40% 35%,#f0c070,#c47840);box-shadow:0 0 0 2px #140e0ad9,0 2px 6px #00000080;pointer-events:none;z-index:4}.map-node.available{cursor:pointer;z-index:6}.map-node.available .map-node-ring{border-color:#d4a84a;box-shadow:0 0 0 1px #d4a84a33,0 0 14px #c8963c47,0 5px 14px #00000080,inset 0 1px #ffdca01f}.map-node.available:hover{transform:scale(1.07)}.map-node.available:hover .map-node-ring{border-color:#ecc878;box-shadow:0 0 0 1px #ecc87847,0 0 18px #dcaa4659,0 6px 16px #00000080}.map-node.available:focus-visible{outline:2px solid rgba(220,180,90,.65);outline-offset:4px;border-radius:50%}.map-node.current{z-index:7}.map-node.current .map-node-ring{border-color:#d48848;box-shadow:0 0 0 1px #d4884840,0 0 12px #c86e3247,0 5px 14px #00000080}.map-node.cleared{opacity:.4}.map-node.cleared .map-node-ring{border-color:#64584466;box-shadow:0 3px 8px #0000004d}.map-node.cleared.current{opacity:.85}.map-node.type-combat .map-node-ring{border-color:#826e5099}.map-node.type-combat .map-node-icon .map-glyph,.map-node.type-combat .map-node-icon svg{color:#d8c8a0;stroke:#d8c8a0}.map-node.type-elite{width:58px;height:58px;margin-left:-29px;margin-top:-29px}.map-node.type-elite .map-node-ring{border-color:#9a3c34;background:radial-gradient(circle at 32% 28%,#4a2820,#140c0a 70%)}.map-node.type-elite.available .map-node-ring{border-color:#c45040;box-shadow:0 0 0 1px #c4504038,0 0 14px #a0322847,0 5px 14px #00000080}.map-node.type-elite .map-node-icon svg{stroke:#e0a090;color:#e0a090}.map-node.type-rest .map-node-ring{border-color:#5a78828c}.map-node.type-rest .map-node-inner{background:radial-gradient(circle at 40% 32%,#2a3840,#101418)}.map-node.type-rest .map-node-icon svg{stroke:#a8c0c8;color:#a8c0c8}.map-node.type-shop .map-node-ring{border-color:#9678328c}.map-node.type-shop .map-node-inner{background:radial-gradient(circle at 40% 32%,#3a3420,#181410)}.map-node.type-shop .map-node-icon svg{stroke:#e0c870;color:#e0c870}.map-node.type-event .map-node-ring{border-color:#8c785a8c}.map-node.type-event .map-node-icon .map-glyph{font-size:1.35rem;font-weight:800;color:#e8d080}.map-node.type-treasure .map-node-ring{border-color:#b89038}.map-node.type-treasure .map-node-icon svg{stroke:#ecc868;color:#ecc868;fill:#ecc86826}.map-node.boss,.map-node.type-boss{width:78px;height:78px;margin-left:-39px;margin-top:-39px;z-index:5}.map-node.boss .map-node-inner,.map-node.type-boss .map-node-inner{top:7px;right:7px;bottom:7px;left:7px}.map-node.boss .map-node-icon svg,.map-node.type-boss .map-node-icon svg{width:34px;height:34px;stroke:#e8b0a0;color:#e8b0a0}.map-node.boss .map-node-ring,.map-node.type-boss .map-node-ring{border-width:3px;border-color:#8a3028;background:radial-gradient(circle at 32% 28%,#4a2018,#100808 72%);box-shadow:0 6px 20px #0000008c,inset 0 1px #ffa07814}.map-node.boss.available .map-node-ring,.map-node.type-boss.available .map-node-ring{border-color:#c44838;box-shadow:0 0 0 1px #c4483840,0 0 20px #a0281e52,0 6px 18px #0000008c}.map-node.boss .map-node-pulse{top:-7px;right:-7px;bottom:-7px;left:-7px;border-color:#c85a4666}.map-start-marker{position:absolute;transform:translate(-50%,-50%);z-index:2;pointer-events:none;display:flex;flex-direction:column;align-items:center;gap:4px}.map-start-marker:before{content:"";width:8px;height:8px;border-radius:50%;background:#b4966473;box-shadow:0 0 0 2px #b4966426}.map-start-marker span{font-family:var(--font-title, "EB Garamond", Georgia, serif);font-size:.62rem;font-weight:700;letter-spacing:.16em;color:#b496647a}.map-legend{position:relative;z-index:3;display:flex;flex-wrap:wrap;gap:4px 12px;justify-content:center;align-items:center;padding:8px 14px 12px;background:linear-gradient(0deg,#080604f5,#0a0806c7 70%,#0a080659);border-top:1px solid rgba(180,140,70,.12);flex-shrink:0}.map-legend-item{display:inline-flex;align-items:center;gap:5px;font-family:var(--font-body, "Source Sans 3", system-ui, sans-serif);font-size:.68rem;color:#b4a0828c;letter-spacing:.03em}.map-legend-icon{width:20px;height:20px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-size:.65rem;background:#0006;border:1px solid rgba(130,105,65,.4);color:#d0c0a0;flex-shrink:0}.map-legend-icon svg{width:11px;height:11px;display:block;stroke:currentColor}.map-legend-icon .map-glyph{font-family:var(--font-title, "EB Garamond", Georgia, serif);font-size:.72rem;font-weight:800;color:#e0d090;line-height:1}.map-legend-label{white-space:nowrap}.map-legend-item.type-boss .map-legend-icon{border-color:#a037288c;color:#e0a898}.map-legend-item.type-elite .map-legend-icon{border-color:#a037327a;color:#e0a090}.map-legend-item.type-treasure .map-legend-icon{border-color:#b48c3280;color:#ecc868}.map-legend-item.type-rest .map-legend-icon{border-color:#50788273;color:#a8c0c8}.map-legend-item.type-shop .map-legend-icon{border-color:#a0823273;color:#e0c870}@media(max-width:640px){.map-header{grid-template-columns:1fr;text-align:center;gap:8px;padding:10px 12px 8px}.map-header-left,.map-header-right{text-align:center;align-items:center}.map-title{font-size:1.2rem}.map-act-badge{padding:6px 18px 7px}.map-canvas{width:min(360px,100%)}.map-floors{display:none}.map-legend{gap:3px 10px;padding:6px 10px 10px}.map-legend-label{display:none}.map-node{width:48px;height:48px;margin-left:-24px;margin-top:-24px}.map-node.type-elite{width:52px;height:52px;margin-left:-26px;margin-top:-26px}.map-node.boss,.map-node.type-boss{width:66px;height:66px;margin-left:-33px;margin-top:-33px}.map-node.boss .map-node-icon svg,.map-node.type-boss .map-node-icon svg{width:28px;height:28px}.map-node-icon svg{width:18px;height:18px}}#canvas-root{background:#100c0a}.battle-stage-bg{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;transform-origin:center center;background:#120e0c}.stage-sky{position:absolute;top:0;right:0;bottom:28%;left:0;background:radial-gradient(ellipse 90% 55% at 50% 100%,rgba(120,48,22,.55),transparent 58%),radial-gradient(ellipse 28% 22% at 18% 42%,rgba(180,70,30,.12),transparent 55%),radial-gradient(ellipse 36% 28% at 78% 30%,rgba(200,90,40,.1),transparent 50%),linear-gradient(180deg,#0a080c,#141018 22%,#1c1416 48%,#2a1a14 72%,#3a2418)}.stage-clouds{position:absolute;top:4%;right:0;bottom:42%;left:0;opacity:.32;background:radial-gradient(ellipse 42% 22% at 18% 48%,rgba(90,55,40,.85),transparent),radial-gradient(ellipse 48% 24% at 62% 32%,rgba(70,42,32,.75),transparent),radial-gradient(ellipse 30% 18% at 88% 50%,rgba(60,36,28,.6),transparent);animation:combat-fog-drift 22s ease-in-out infinite alternate}.stage-far-ruins{position:absolute;left:0;right:0;bottom:36%;height:24%;background-color:#16100e;background-image:linear-gradient(180deg,transparent,rgba(10,6,4,.7)),repeating-linear-gradient(92deg,transparent 0 46px,rgba(0,0,0,.18) 46px 48px);clip-path:polygon(0 70%,4% 45%,9% 62%,14% 28%,20% 55%,26% 35%,32% 58%,40% 22%,48% 48%,54% 30%,62% 52%,70% 18%,78% 50%,86% 32%,93% 58%,100% 38%,100% 100%,0 100%);opacity:.9}.stage-pillar{position:absolute;bottom:26%;width:6.5%;max-width:68px;min-width:34px;height:40%;background:linear-gradient(90deg,#120e0a,#2a2218 38%,#1a1410 70%,#0e0a08),repeating-linear-gradient(0deg,transparent 0 14px,rgba(0,0,0,.12) 14px 15px);box-shadow:0 0 28px #0000008c;opacity:.62}.stage-pillar-l{left:3.5%;clip-path:polygon(18% 0,78% 2%,100% 100%,0 100%)}.stage-pillar-r{right:4%;height:46%;clip-path:polygon(12% 4%,82% 0,100% 100%,4% 100%)}.stage-mid{position:absolute;left:0;right:0;bottom:20%;height:22%;background:linear-gradient(180deg,transparent,rgba(18,12,10,.55))}.stage-ground{position:absolute;left:0;right:0;bottom:0;height:44%;background:linear-gradient(180deg,transparent 0%,rgba(16,12,10,.45) 6%,#181410 28%,#100c0a 70%,#0a0806 100%)}.stage-ground:before{content:"";position:absolute;left:18%;right:18%;top:22%;height:3px;background:linear-gradient(90deg,transparent,rgba(180,150,90,.12) 20%,rgba(180,150,90,.18) 50%,rgba(180,150,90,.12) 80%,transparent);border-radius:2px;opacity:.7}.stage-floor-glow{position:absolute;left:12%;right:12%;bottom:16%;height:42%;background:radial-gradient(ellipse 68% 48% at 50% 82%,rgba(200,90,35,.09),transparent 68%);pointer-events:none}.stage-debris{position:absolute;bottom:18%;width:13%;height:9%;background:linear-gradient(160deg,#2a2018,#1a1410 55%,#100c08);opacity:.72;border-radius:6px 10px 3px 5px;box-shadow:10px -6px 0 -2px #221810,-8px -4px 0 -3px #1a1210}.stage-debris-l{left:7%;transform:rotate(-7deg)}.stage-debris-r{right:9%;transform:rotate(9deg);height:11%;width:11%}.stage-tires{position:absolute;bottom:22%;width:48px;height:56px;opacity:.45;pointer-events:none}.stage-tires:before,.stage-tires:after{content:"";position:absolute;left:50%;width:42px;height:14px;margin-left:-21px;border-radius:50%;border:3px solid #1a1210;background:radial-gradient(ellipse at 50% 40%,#2a2018,#100c08);box-shadow:inset 0 0 0 4px #14100c}.stage-tires:before{bottom:18px}.stage-tires:after{bottom:4px;width:46px;margin-left:-23px}.stage-tires-l{left:14%}.stage-tires-r{right:16%;transform:scaleX(-1)}.stage-wreck{position:absolute;bottom:24%;width:90px;height:36px;opacity:.35;pointer-events:none;background:linear-gradient(180deg,#2a1c16,#120e0a);clip-path:polygon(0 70%,8% 45%,22% 50%,30% 20%,55% 15%,70% 35%,88% 40%,100% 65%,100% 100%,0 100%)}.stage-wreck-l{left:20%;transform:rotate(-3deg)}.stage-wreck-r{right:18%;width:110px;height:42px;transform:rotate(4deg) scaleX(-1)}.stage-haze{position:absolute;top:22%;right:0;bottom:18%;left:0;background:radial-gradient(ellipse 82% 48% at 50% 55%,rgba(200,80,30,.045),transparent 70%);pointer-events:none;animation:combat-haze-breathe 8s ease-in-out infinite alternate}.stage-vignette{position:absolute;top:0;right:0;bottom:0;left:0;box-shadow:inset 0 0 120px 48px #00000094,inset 0 -110px 90px #00000073;pointer-events:none}.stage-fx{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;overflow:hidden}@keyframes combat-fog-drift{0%{transform:translate(-2%)}to{transform:translate(2%)}}@keyframes combat-haze-breathe{0%{opacity:.7}to{opacity:1}}.battle-stage-bg.shake-enemy{animation:combat-shake-e .3s ease-out}.battle-stage-bg.shake-player{animation:combat-shake-p .3s ease-out}.battle-stage-bg.shake-heavy{animation-duration:.42s}.battle-stage-bg.shake-heavy.shake-enemy{animation-name:combat-shake-e-heavy}.battle-stage-bg.flash-hit:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:#ffecc81f;animation:combat-flash-fade .28s ease-out forwards;pointer-events:none;z-index:10}.battle-stage-bg.flash-block:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:#8caac81a;animation:combat-flash-fade .3s ease-out forwards;pointer-events:none;z-index:10}@keyframes combat-shake-e{0%,to{transform:translate(0)}25%{transform:translate(8px,-3px)}50%{transform:translate(-7px,2px)}75%{transform:translate(4px,1px)}}@keyframes combat-shake-p{0%,to{transform:translate(0)}25%{transform:translate(-8px,2px)}50%{transform:translate(7px,-2px)}75%{transform:translate(-3px,-1px)}}@keyframes combat-shake-e-heavy{0%,to{transform:translate(0)}12%{transform:translate(14px,-5px)}28%{transform:translate(-12px,4px)}44%{transform:translate(9px,2px)}60%{transform:translate(-7px,-2px)}76%{transform:translate(4px,1px)}}@keyframes combat-flash-fade{0%{opacity:1}to{opacity:0}}.screen-combat{pointer-events:none!important;background:transparent}.screen-combat>*{pointer-events:auto}.screen-combat.is-targeting .unit-enemy.targetable .unit-portrait{animation:combat-target-pulse 1s ease-in-out infinite}.screen-combat.is-targeting .unit-enemy.targetable{cursor:crosshair}.screen-combat.is-enemy-turn .turn-banner{border-color:#6a3830;color:#e8c4b8;background:#1c0c0aeb}@keyframes combat-target-pulse{0%,to{box-shadow:0 0 #c8782826}50%{box-shadow:0 0 0 7px #c8782833}}.combat-topbar{position:absolute;top:0;left:0;right:0;z-index:6;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:12px 18px;background:linear-gradient(180deg,rgba(8,6,5,.78),transparent);pointer-events:none}.turn-banner{display:flex;align-items:center;gap:8px;padding:8px 24px;border-radius:999px;border:2px solid rgba(196,163,90,.38);background:#0c0a08e6;box-shadow:0 4px 18px #00000080,inset 0 1px #ffe6b40f;font-family:var(--font-title);font-size:.8rem;letter-spacing:.1em;text-transform:uppercase;color:var(--cream, #f0e6d2)}.turn-banner.player{border-color:#4a5848;color:#d8e0d0}.turn-banner.enemy{border-color:#6a3830;color:#e8c4b8}.turn-num{opacity:.88}.turn-sep{opacity:.35}.targeting-hint{justify-self:end;font-family:var(--font-body);font-size:.82rem;font-weight:700;letter-spacing:.06em;color:#e0a048;text-shadow:0 1px 4px #000;animation:combat-hint-pulse 1.2s ease-in-out infinite}@keyframes combat-hint-pulse{0%,to{opacity:.75}50%{opacity:1}}.combat-topbar-right{text-align:right}.combat-log-side{position:absolute;top:56px;left:12px;width:min(220px,22vw);z-index:5;pointer-events:none;opacity:.88}.combat-log-title{font-family:var(--font-title);font-size:.58rem;letter-spacing:.14em;text-transform:uppercase;color:#b4966e6b;margin-bottom:4px}.combat-log-body{max-height:9.5em;overflow:hidden;-webkit-mask-image:linear-gradient(180deg,black 45%,transparent);mask-image:linear-gradient(180deg,black 45%,transparent)}.combat-log-line{font-family:var(--font-body);font-size:.72rem;line-height:1.35;color:#d2c3aa8c;text-shadow:0 1px 2px #000;margin-bottom:2px}.battle-field{position:absolute;left:0;right:0;top:9%;bottom:34%;display:flex;align-items:flex-end;justify-content:space-between;padding:0 5% 0 6%;gap:20px;pointer-events:none;z-index:3}.battle-field>*{pointer-events:auto}.unit{display:flex;flex-direction:column;align-items:center;gap:6px;background:none;border:none;color:inherit;max-width:210px;padding:0}.unit-player{margin-bottom:4px}.unit-enemy{cursor:pointer;transition:transform .14s ease-out}.unit-enemy:hover:not(.dead):not(:disabled){transform:translateY(-7px)}.unit-enemy.selected .unit-portrait{outline:3px solid #c47840;outline-offset:5px;box-shadow:0 0 0 1px #f0c87840,0 0 22px #b4642866,0 12px 28px #0000008c}.unit-enemy.dead{opacity:.28;filter:grayscale(.95) brightness(.7);cursor:default;pointer-events:none;transform:translateY(8px) scale(.96)}.unit-enemy.dead .intent-orb{opacity:0;pointer-events:none}.unit-enemy.boss .unit-portrait{width:148px;height:176px}.unit-enemy.elite .unit-portrait{width:122px;height:146px}.enemy-row{display:flex;align-items:flex-end;gap:36px;flex-wrap:wrap;justify-content:flex-end}.enemy-empty{font-family:var(--font-title);font-size:.78rem;letter-spacing:.12em;color:#b496646b;text-transform:uppercase;padding:40px}.unit-stage{position:relative;display:flex;flex-direction:column;align-items:center}.unit-shadow{position:absolute;bottom:-8px;width:72%;height:16px;background:radial-gradient(ellipse,rgba(0,0,0,.58),transparent 72%);border-radius:50%;z-index:0}.unit-portrait{position:relative;z-index:1;width:112px;height:138px;border-radius:8px 8px 5px 5px;overflow:hidden;border:2px solid rgba(28,20,16,.95);box-shadow:0 12px 30px #0000009e,inset 0 1px #ffdca00f}.unit-portrait:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;box-shadow:inset 0 0 0 1px #5a463059;pointer-events:none;z-index:6}.player-portrait{background:radial-gradient(ellipse 80% 50% at 50% 100%,rgba(180,90,40,.15),transparent 55%),linear-gradient(165deg,#2e3438,#1c2228 42%,#101418)}.enemy-portrait{background:radial-gradient(ellipse 70% 40% at 50% 100%,rgba(160,50,30,.18),transparent 55%),linear-gradient(165deg,#4a2820,#2a1410 48%,#120a08)}.portrait-boss{background:radial-gradient(ellipse 70% 45% at 50% 100%,rgba(180,40,20,.28),transparent 55%),linear-gradient(165deg,#5c2018,#2a0c08 48%,#100604);border-color:#6a2820}.portrait-elite{background:radial-gradient(ellipse 70% 40% at 50% 100%,rgba(140,40,70,.2),transparent 55%),linear-gradient(165deg,#4a2030,#281018 48%,#12080c);border-color:#5a2840}.port-head{position:absolute;left:31%;top:11%;width:38%;height:23%;border-radius:46% 46% 36% 36%;background:linear-gradient(180deg,#9aa4ae,#5a646e 55%,#3a4248);box-shadow:inset 0 -5px 10px #00000059,inset 0 2px #ffffff1f;z-index:3}.player-portrait .port-head:after{content:"";position:absolute;left:10%;right:10%;top:-8%;height:28%;background:linear-gradient(180deg,#c4a35a,#6a5430);border-radius:40% 40% 20% 20%;box-shadow:0 1px 2px #0006}.enemy-portrait .port-head{background:linear-gradient(180deg,#b07058,#6a3020 55%,#3a1810);border-radius:42% 50% 38% 40%}.portrait-boss .port-head{background:linear-gradient(180deg,#c06048,#5a1810 55%,#2a0a08);width:42%;left:29%}.port-visor{position:absolute;left:36%;top:20%;width:28%;height:6%;border-radius:2px;background:linear-gradient(90deg,#3a2010,#c47840 40%,#e8c060,#c47840 60%,#3a2010);z-index:4;box-shadow:0 0 6px #c8782859}.enemy-portrait .port-visor{background:linear-gradient(90deg,#2a0808,#b5453a 45%,#e07050 55%,#2a0808);box-shadow:0 0 6px #b4321e66}.port-torso{position:absolute;left:22%;top:31%;width:56%;height:44%;border-radius:38% 38% 22% 22%;background:linear-gradient(180deg,#6a7a88,#3a4854 45%,#222c34);box-shadow:inset 0 4px 8px #ffffff14;z-index:2}.port-torso:before{content:"";position:absolute;left:42%;top:18%;width:16%;height:55%;background:linear-gradient(180deg,#c4a35a8c,#c4a35a1f);border-radius:2px}.enemy-portrait .port-torso{background:linear-gradient(180deg,#8a4838,#4a2018,#2a100c);border-radius:34% 38% 28% 28%}.enemy-portrait .port-torso:before{background:linear-gradient(180deg,rgba(180,80,50,.5),transparent)}.port-arm{position:absolute;top:35%;width:15%;height:34%;border-radius:40%;background:linear-gradient(180deg,#6a7a88,#2a343c);z-index:1}.port-arm-l{left:8%;transform:rotate(14deg)}.port-arm-r{right:8%;transform:rotate(-14deg)}.enemy-portrait .port-arm{background:linear-gradient(180deg,#7a4030,#301810)}.port-blade{position:absolute;right:6%;top:16%;width:11px;height:54%;background:linear-gradient(180deg,#f4efe4,#c8c0b0 28%,#8a8070 55%,#4a4038);border-radius:2px 2px 1px 1px;transform:rotate(-22deg);box-shadow:0 0 8px #c88c3c40,1px 0 #ffe6b459;z-index:4}.port-blade:after{content:"";position:absolute;left:0;right:0;top:0;height:18%;background:linear-gradient(180deg,#fff8e8,transparent);border-radius:2px}.port-cape{position:absolute;left:16%;top:28%;width:68%;height:52%;background:linear-gradient(180deg,#281c14bf,#140e0a26);border-radius:40% 40% 18% 18%;z-index:0}.port-accent{position:absolute;bottom:0;left:0;right:0;height:30%;background:linear-gradient(0deg,rgba(180,90,35,.22),transparent);z-index:5;pointer-events:none}.port-scrap{position:absolute;left:6%;top:14%;width:32%;height:20%;background:linear-gradient(145deg,#7a5040,#3a2018);border-radius:3px;transform:rotate(-16deg);box-shadow:8px 20px #3a2018,4px 8px #5a3020;z-index:3}.port-scrap:after{content:"";position:absolute;right:-18px;top:28px;width:14px;height:10px;background:#4a2820;transform:rotate(30deg);border-radius:2px}.port-glow{position:absolute;bottom:0;left:0;right:0;height:32%;background:linear-gradient(0deg,rgba(200,60,25,.22),transparent);z-index:5;pointer-events:none}.port-spikes{position:absolute;left:18%;top:8%;width:64%;height:14%;z-index:4;background:linear-gradient(135deg,transparent 40%,#3a2018 40%,#3a2018 55%,transparent 55%) 0 0 / 33% 100%,linear-gradient(135deg,transparent 40%,#4a2820 40%,#4a2820 55%,transparent 55%) 33% 0 / 33% 100%,linear-gradient(135deg,transparent 40%,#3a2018 40%,#3a2018 55%,transparent 55%) 66% 0 / 34% 100%;opacity:.9}.portrait-boss .port-spikes{height:16%;opacity:1}.port-crown{position:absolute;left:26%;top:2%;width:48%;height:14%;background:linear-gradient(180deg,#e8a848,#a05818 55%,#6a3010);clip-path:polygon(0 100%,12% 0,28% 72%,50% 0,72% 72%,88% 0,100% 100%);z-index:5;filter:drop-shadow(0 2px 3px rgba(0,0,0,.5))}.port-pauldron{position:absolute;top:30%;width:22%;height:16%;border-radius:50% 50% 30% 30%;background:linear-gradient(160deg,#8a9aaa,#3a4850);z-index:3;box-shadow:inset 0 1px #ffffff26}.port-pauldron-l{left:4%;transform:rotate(-18deg)}.port-pauldron-r{right:4%;transform:rotate(18deg)}.enemy-portrait .port-pauldron{background:linear-gradient(160deg,#9a5040,#4a2018)}.target-reticle{position:absolute;top:-12px;right:-12px;bottom:-12px;left:-12px;border:2px dashed rgba(196,163,90,.72);border-radius:12px;pointer-events:none;animation:combat-reticle-spin 5s linear infinite;z-index:3;box-shadow:0 0 0 1px #00000059}.target-reticle:before,.target-reticle:after{content:"";position:absolute;background:#c4a35ad9}.target-reticle:before{left:50%;top:-2px;bottom:-2px;width:1px;margin-left:-.5px;opacity:.35}.target-reticle:after{top:50%;left:-2px;right:-2px;height:1px;margin-top:-.5px;opacity:.35}@keyframes combat-reticle-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.intent-orb{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:0;min-width:52px;min-height:52px;padding:6px 10px 5px;margin-bottom:8px;border-radius:50%;background:radial-gradient(circle at 32% 28%,#4a3a28,#1a1410 68%);border:3px solid #c4a35a;box-shadow:0 5px 16px #00000094,inset 0 1px #ffdca02e,inset 0 -2px 6px #00000059;color:#f8e8c8;z-index:4;position:relative;animation:combat-intent-bob 2.2s ease-in-out infinite}.intent-orb:before{content:"";position:absolute;top:3px;right:3px;bottom:3px;left:3px;border-radius:50%;border:1px solid rgba(255,230,180,.08);pointer-events:none}.intent-orb.intent-attack{border-color:#c44030;background:radial-gradient(circle at 32% 28%,#6a2820,#1a0a08 70%);color:#ffd4c8;box-shadow:0 5px 16px #00000094,0 0 12px #b4321e47,inset 0 1px #ffb48c26}.intent-orb.intent-defend{border-color:#6a8498;background:radial-gradient(circle at 32% 28%,#2a3848,#0c1014 70%);color:#d0dce8;box-shadow:0 5px 16px #00000094,0 0 10px #506e8c38,inset 0 1px #b4c8dc1f}.intent-orb.intent-buff{border-color:#d0a040;background:radial-gradient(circle at 32% 28%,#4a3820,#141008 70%);color:#ffe8b0;box-shadow:0 5px 16px #00000094,0 0 10px #c8963238,inset 0 1px #ffdc8c26}.intent-orb.intent-debuff{border-color:#8a6098;background:radial-gradient(circle at 32% 28%,#3a2840,#100c14 70%);color:#e8d0f0;box-shadow:0 5px 16px #00000094,0 0 10px #78468c33,inset 0 1px #dcb4ff1a}.intent-orb.intent-special{border-color:#c47840;background:radial-gradient(circle at 32% 28%,#4a3020,#140c08 70%);color:#ffe0c0}.intent-orb.intent-unknown{border-color:#6a5a48;background:radial-gradient(circle at 32% 28%,#2a2420,#100c0a 70%);color:#c8b8a0}.intent-icon{font-size:1.25rem;line-height:1;filter:drop-shadow(0 1px 1px rgba(0,0,0,.6))}.intent-val{font-family:var(--font-title);font-weight:700;font-size:1.05rem;font-variant-numeric:tabular-nums;line-height:1;margin-top:1px;text-shadow:0 1px 2px #000}.unit-enemy.selected .intent-orb{animation:combat-intent-bob 1s ease-in-out infinite,combat-intent-alert .8s ease-in-out infinite}@keyframes combat-intent-bob{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}@keyframes combat-intent-alert{0%,to{box-shadow:0 5px 16px #00000094}50%{box-shadow:0 5px 16px #00000094,0 0 18px #c88c3273}}.unit-meta{text-align:center;min-width:154px}.unit-name{font-family:var(--font-title);font-size:.98rem;letter-spacing:.02em;color:var(--cream, #f0e6d2);text-shadow:0 1px 4px #000,0 0 12px rgba(0,0,0,.4);margin-bottom:6px}.unit-enemy.boss .unit-name{color:#f0c8a0;font-size:1.05rem}.vitals{display:flex;align-items:center;justify-content:center;gap:6px}.hp-cluster{display:flex;align-items:center;gap:5px}.hp-heart{width:15px;height:15px;flex-shrink:0;background:radial-gradient(circle at 35% 30%,#e85858,#8a1818);border-radius:50%/40% 40% 60% 60%;box-shadow:0 0 5px #a0282859;transform:rotate(-45deg) scale(.88)}.hp-heart.enemy{background:radial-gradient(circle at 35% 30%,#d04848,#601010)}.hp-track{width:96px;height:16px;border-radius:3px;background:#160a0a;border:1px solid #5a2820;overflow:hidden;box-shadow:inset 0 1px 4px #000000b3,0 1px #ffc8a00d}.hp-fill{height:100%;background:linear-gradient(180deg,#e86060,#9a2020 52%,#5a1010);transition:width .3s ease-out;box-shadow:inset 0 1px #ffc8c847;position:relative}.hp-fill:after{content:"";position:absolute;left:0;right:0;top:0;height:45%;background:linear-gradient(180deg,rgba(255,255,255,.18),transparent)}.hp-fill.enemy{background:linear-gradient(180deg,#d05050,#781818 52%,#400808)}.hp-text{font-family:var(--font-body);font-size:.82rem;font-weight:700;font-variant-numeric:tabular-nums;color:#f0d8d0;text-shadow:0 1px 3px #000;min-width:54px;text-align:left}.hp-max{font-weight:600;opacity:.52;font-size:.75em}.block-orb{display:inline-flex;align-items:center;justify-content:center;min-width:28px;height:28px;padding:0 6px;border-radius:50%;background:radial-gradient(circle at 35% 28%,#b0c8e0,#3a5a7a 58%,#1a3048);border:2px solid #d0dce8;color:#fff;font-family:var(--font-title);font-size:.8rem;font-weight:700;box-shadow:0 2px 8px #00000073,0 0 8px #648cb440;font-variant-numeric:tabular-nums}.statuses{display:flex;flex-wrap:wrap;gap:4px;justify-content:center;margin-top:6px;min-height:22px}.status-chip{display:inline-flex;align-items:center;gap:2px;font-family:var(--font-body);font-size:.72rem;padding:2px 6px;border-radius:4px;border:1px solid rgba(200,170,100,.35);background:#080604b8;color:#f0e0a0;box-shadow:0 2px 4px #00000059}.status-chip .st-n{font-weight:800;font-variant-numeric:tabular-nums}.status-bleed{border-color:#b428288c;color:#ffb0b0}.status-boost{border-color:#c896288c;color:#ffe0a0}.status-overheat{border-color:#dc64288c;color:#ffc080}.status-lock{border-color:#786ea080;color:#c8c0e8}.status-spike{border-color:#a08c6480;color:#e0d0b0}.status-plated{border-color:#6482a080;color:#c0d0e0}.status-nitro{border-color:#c878288c;color:#ffd0a0}.combat-bottom-bar{position:absolute;left:0;right:0;bottom:0;height:36%;min-height:230px;display:grid;grid-template-columns:84px 104px 1fr 130px 84px;align-items:end;padding:0 14px 16px;gap:6px;background:linear-gradient(0deg,rgba(6,4,4,.96) 42%,rgba(8,6,5,.55) 72%,transparent);z-index:5}.pile{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;width:74px;height:102px;margin-bottom:10px;border:none;background:transparent;color:inherit;cursor:default;padding:0}.pile-stack{position:absolute;top:6px;right:8px;bottom:30px;left:8px;border-radius:6px;border:2px solid rgba(140,110,70,.55);background:linear-gradient(155deg,#4a3c30,#2a2018 45%,#181410);box-shadow:3px 3px #1a1410,6px 6px #100c0a,0 4px 12px #0006}.pile-stack:before{content:"";position:absolute;top:6px;right:6px;bottom:6px;left:6px;border-radius:3px;border:1px solid rgba(196,163,90,.18);background:linear-gradient(180deg,rgba(240,220,180,.06),transparent)}.pile-draw .pile-stack{border-color:#5a789680}.pile-draw .pile-stack:before{border-color:#8caac826}.pile-discard .pile-stack{border-color:#a0643c80}.pile-count{position:relative;z-index:1;font-family:var(--font-title);font-size:1.55rem;font-weight:700;color:#e8dcc0;text-shadow:0 2px 4px #000;margin-bottom:2px;line-height:1}.pile-label{position:relative;z-index:1;font-family:var(--font-body);font-size:.62rem;letter-spacing:.1em;text-transform:uppercase;color:#bea0789e;font-weight:600}.energy-cluster{display:flex;flex-direction:column;align-items:center;gap:6px;margin-bottom:16px}.energy-orb-big{width:76px;height:76px;border-radius:50%;display:flex;align-items:baseline;justify-content:center;gap:1px;border:3px solid #5a3c24;background:radial-gradient(circle at 32% 28%,#2a1c14,#0c0806 72%);box-shadow:inset 0 3px 10px #000000a6,inset 0 -2px 6px #0006,0 6px 18px #00000073;font-family:var(--font-title);color:#6a5040;position:relative}.energy-orb-big:before{content:"";position:absolute;top:5px;right:5px;bottom:5px;left:5px;border-radius:50%;border:1px solid rgba(255,200,120,.08);pointer-events:none}.energy-orb-big.lit{border-color:#d09030;background:radial-gradient(circle at 32% 26%,#fff0b0,#f0a830 32%,#c05810 62%,#602010 88%);box-shadow:0 0 18px #c86e1e66,inset 0 2px 6px #ffffc859,inset 0 -4px 10px #50140059,0 6px 16px #0006;color:#fff8e8;text-shadow:0 1px 3px rgba(60,20,0,.65)}.energy-orb-big.lit:after{content:"";position:absolute;top:14%;left:22%;width:28%;height:18%;border-radius:50%;background:#fffff059;filter:blur(2px);pointer-events:none}.energy-orb-big.empty{color:#5a4030}.energy-current{font-size:1.7rem;font-weight:700;line-height:1;position:relative;z-index:1}.energy-slash{font-size:.85rem;opacity:.55;position:relative;z-index:1}.energy-max{font-size:.95rem;opacity:.72;position:relative;z-index:1}.energy-pips{display:flex;gap:4px}.energy-pip{width:9px;height:9px;border-radius:50%;background:#221610;border:1px solid #4a3020;box-shadow:inset 0 1px 2px #00000080}.energy-pip.on{background:radial-gradient(circle at 35% 30%,#ffe8a0,#e07020);border-color:#e0a050;box-shadow:0 0 5px #c86e1e66}.energy-label{font-family:var(--font-body);font-size:.65rem;letter-spacing:.12em;text-transform:uppercase;color:#c8a0648c;font-weight:700}.hand-fan{display:flex;justify-content:center;align-items:flex-end;min-height:210px;padding-bottom:4px;position:relative}.hand-fan .card{margin:0 -20px;transform:translateY(var(--fan-y, 0)) translate(var(--fan-x, 0)) rotate(var(--fan-rot, 0deg));z-index:var(--fan-z, 1);transform-origin:bottom center;transition:transform .15s ease-out,z-index 0s,filter .15s}.hand-fan .card:hover:not(.disabled){transform:translateY(-54px) translate(var(--fan-x, 0)) rotate(0) scale(1.1);z-index:50;filter:drop-shadow(0 14px 22px rgba(0,0,0,.55))}.hand-fan .card.selected{transform:translateY(-62px) translate(var(--fan-x, 0)) rotate(0) scale(1.12);z-index:51}.hand-fan .card.unplayable{filter:brightness(.68) saturate(.45)}.hand-fan .card.unplayable:hover{filter:brightness(.72) saturate(.5)}.hand-empty{font-family:var(--font-body);font-size:.85rem;color:#a08c6e66;letter-spacing:.08em;padding:40px}.end-turn-wrap{display:flex;justify-content:center;margin-bottom:22px}.btn-end-turn{width:112px;height:112px;border-radius:50%;border:3px solid #5a4a38;background:radial-gradient(circle at 40% 32%,#3a3028,#1c1612 70%);color:var(--ink-dim, #a89880);cursor:pointer;box-shadow:0 6px 18px #00000080,inset 0 2px #ffe6b40f,inset 0 -3px 8px #00000059;transition:border-color .12s,background .12s,color .12s,transform .1s;position:relative}.btn-end-turn:before{content:"";position:absolute;top:8px;right:8px;bottom:8px;left:8px;border-radius:50%;border:1px solid rgba(196,163,90,.15);pointer-events:none}.btn-end-turn.ready{border-color:#8a6a40;color:var(--cream, #f0e6d2);background:radial-gradient(circle at 40% 32%,#4a3a2a,#2a2018 68%);box-shadow:0 6px 18px #00000080,inset 0 2px #ffe6b41a,inset 0 -3px 8px #0000004d}.btn-end-turn.ready:hover:not(:disabled){border-color:#b08848;color:#fff8ec;background:radial-gradient(circle at 40% 32%,#5a4834,#34281c 68%);transform:scale(1.04);box-shadow:0 8px 20px #00000080,0 0 0 1px #c4a35a33}.btn-end-turn.ready:active:not(:disabled){transform:scale(.97)}.btn-end-turn:disabled{opacity:.38;cursor:not-allowed}.end-turn-label{font-family:var(--font-title);font-size:.95rem;font-weight:600;letter-spacing:.04em;text-transform:none;line-height:1.2;position:relative;z-index:1}.exhaust-hint{position:absolute;bottom:6px;left:50%;transform:translate(-50%);font-family:var(--font-body);font-size:.68rem;color:#a082647a;letter-spacing:.1em;z-index:6;pointer-events:none}.combat-fx-layer{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;pointer-events:none;overflow:hidden}.fx-float-num{position:fixed;transform:translate(-50%,-50%);font-family:var(--font-title);font-weight:700;font-size:clamp(1.85rem,4.5vw,2.9rem);line-height:1;letter-spacing:.02em;pointer-events:none;z-index:70;animation:fx-num-rise .88s cubic-bezier(.2,.85,.2,1) forwards;text-shadow:0 2px 0 rgba(0,0,0,.9),0 0 14px rgba(0,0,0,.45),-1px -1px 0 #000,1px -1px 0 #000,-1px 1px 0 #000,1px 1px 0 #000;will-change:transform,opacity}.fx-damage{color:#e84838}.fx-crit{color:#f0d848;font-size:clamp(2.3rem,5.5vw,3.5rem);animation:fx-num-rise-crit .98s cubic-bezier(.2,.85,.2,1) forwards}.fx-block{color:#7aa8d0;font-size:clamp(1.5rem,3.5vw,2.2rem)}.fx-heal{color:#6ab86a}.fx-block-label{color:#8eb0c8;font-size:1.05rem;letter-spacing:.14em;text-transform:uppercase;font-weight:600}.fx-ko{color:#e07050;font-size:clamp(1.6rem,3.5vw,2.2rem);letter-spacing:.16em;text-transform:uppercase;font-weight:700;animation:fx-ko-pop 1.1s cubic-bezier(.2,.85,.2,1) forwards;text-shadow:0 3px 0 rgba(0,0,0,.9),0 0 20px rgba(160,40,20,.5),-1px -1px 0 #000,1px 1px 0 #000}.fx-text{color:#f0e0c0;font-size:1.1rem}.fx-miss{color:#a89880;font-size:1.15rem;letter-spacing:.08em}@keyframes fx-num-rise{0%{opacity:0;transform:translate(-50%,-35%) scale(.35)}10%{opacity:1;transform:translate(-50%,-52%) scale(1.28)}28%{transform:translate(-50%,-68%) scale(1)}to{opacity:0;transform:translate(-50%,-138%) scale(.88)}}@keyframes fx-num-rise-crit{0%{opacity:0;transform:translate(-50%,-35%) scale(.25) rotate(-10deg)}14%{opacity:1;transform:translate(-50%,-58%) scale(1.42) rotate(5deg)}to{opacity:0;transform:translate(-50%,-155%) scale(1) rotate(0)}}@keyframes fx-ko-pop{0%{opacity:0;transform:translate(-50%,-30%) scale(.4)}18%{opacity:1;transform:translate(-50%,-55%) scale(1.35)}55%{opacity:1;transform:translate(-50%,-75%) scale(1.05)}to{opacity:0;transform:translate(-50%,-120%) scale(.95)}}.fx-card-fly{position:fixed;left:0;top:0;width:90px;height:124px;margin-left:-45px;margin-top:-62px;z-index:65;pointer-events:none;animation:fx-card-arc .44s cubic-bezier(.35,.05,.2,1) forwards;--x0: 50vw;--y0: 80vh;--x1: 70vw;--y1: 40vh;will-change:transform,opacity}.fx-card-fly-frame{width:100%;height:100%;border-radius:8px;border:2px solid #5a4a38;background:linear-gradient(180deg,#ece0cc,#c8b898);box-shadow:0 10px 28px #00000094;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;position:relative}.fx-card-fly.type-attack .fx-card-fly-frame{border-color:#a04030;box-shadow:0 10px 28px #00000094,0 0 14px #b43c1e47}.fx-card-fly.type-skill .fx-card-fly-frame{border-color:#4a6a88;box-shadow:0 10px 28px #00000094,0 0 12px #5078a038}.fx-card-fly.type-power .fx-card-fly-frame{border-color:#7a5088}.fx-card-fly-cost{position:absolute;top:4px;left:4px;width:22px;height:22px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#ffe080,#c05810);color:#fff;font-size:.72rem;font-weight:800;display:flex;align-items:center;justify-content:center;border:1px solid #fff0c0;font-family:var(--font-title)}.fx-card-fly-name{font-family:var(--font-title);font-size:.58rem;font-weight:700;letter-spacing:.03em;text-align:center;color:#1a120c;padding:0 6px;line-height:1.15}@keyframes fx-card-arc{0%{opacity:.95;transform:translate(var(--x0),var(--y0)) scale(1) rotate(-8deg)}55%{opacity:1;transform:translate(calc(var(--x0) * .35 + var(--x1) * .65),calc(var(--y0) * .45 + var(--y1) * .55 - 48px)) scale(.88) rotate(6deg)}to{opacity:0;transform:translate(var(--x1),var(--y1)) scale(.32) rotate(14deg)}}.fx-slash{position:fixed;width:130px;height:9px;margin-left:-65px;margin-top:-4.5px;border-radius:4px;background:linear-gradient(90deg,transparent,rgba(255,250,230,.95) 25%,rgba(255,200,120,.92) 48%,rgba(200,70,35,.75) 78%,transparent);box-shadow:0 0 10px #ffb4508c,0 0 22px #b4461e4d;transform-origin:center;animation:fx-slash-swipe .34s ease-out forwards;z-index:68;will-change:transform,opacity}.fx-slash.heavy{height:13px;width:160px;margin-left:-80px;box-shadow:0 0 16px #ffd264a6,0 0 32px #b43c1966}.fx-slash-b{animation-name:fx-slash-swipe-b}@keyframes fx-slash-swipe{0%{opacity:0;transform:rotate(-38deg) scaleX(.15)}22%{opacity:1;transform:rotate(-30deg) scaleX(1.12)}to{opacity:0;transform:rotate(-22deg) scaleX(1.25) translate(12px,8px)}}@keyframes fx-slash-swipe-b{0%{opacity:0;transform:rotate(42deg) scaleX(.15)}22%{opacity:1;transform:rotate(34deg) scaleX(1.12)}to{opacity:0;transform:rotate(28deg) scaleX(1.25) translate(-10px,10px)}}.fx-impact-ring{position:fixed;width:44px;height:44px;margin-left:-22px;margin-top:-22px;border-radius:50%;border:3px solid rgba(255,210,130,.85);box-shadow:0 0 14px #c8783266;animation:fx-ring .48s ease-out forwards;z-index:67}.fx-impact-ring.player{border-color:#c87850cc}@keyframes fx-ring{0%{opacity:1;transform:scale(.25)}to{opacity:0;transform:scale(2.4)}}.fx-spark-dot{position:fixed;width:6px;height:6px;margin-left:-3px;margin-top:-3px;border-radius:50%;background:#ffe8a0;box-shadow:0 0 6px #c47840;animation:fx-spark .48s ease-out forwards;--dx: 0px;--dy: 0px;z-index:69}@keyframes fx-spark{0%{opacity:1;transform:translate(0) scale(1)}to{opacity:0;transform:translate(var(--dx),var(--dy)) scale(.15)}}.fx-dust{position:fixed;width:28px;height:28px;margin-left:-14px;margin-top:-14px;border-radius:50%;background:radial-gradient(circle,rgba(180,140,100,.45),transparent 70%);animation:fx-dust .5s ease-out forwards;z-index:66;pointer-events:none}@keyframes fx-dust{0%{opacity:.7;transform:scale(.4)}to{opacity:0;transform:scale(2.2) translateY(6px)}}.unit-portrait.hit-flash{animation:combat-portrait-hit .36s ease-out}.unit-portrait.block-flash{animation:combat-portrait-block .42s ease-out}.unit.hit-shake{animation:combat-unit-hit-shake .36s ease-out}.unit.ko-fade{animation:combat-ko-fade .7s ease-out forwards}@keyframes combat-portrait-hit{0%{filter:brightness(2.4) saturate(.4);box-shadow:0 0 28px #c83c1ebf}35%{filter:brightness(1.35) sepia(.35) hue-rotate(-15deg)}to{filter:none;box-shadow:0 12px 30px #0000009e,inset 0 1px #ffdca00f}}@keyframes combat-portrait-block{0%{filter:brightness(1.7);box-shadow:0 0 26px #648cb4b3}to{filter:none;box-shadow:0 12px 30px #0000009e,inset 0 1px #ffdca00f}}@keyframes combat-unit-hit-shake{0%,to{transform:translate(0)}18%{transform:translate(7px,-2px)}36%{transform:translate(-9px,2px)}54%{transform:translate(6px,1px)}72%{transform:translate(-4px,-1px)}}@keyframes combat-ko-fade{0%{opacity:1;filter:brightness(1.5)}40%{opacity:.7;filter:grayscale(.5) brightness(1.1)}to{opacity:.28;filter:grayscale(.95) brightness(.7);transform:translateY(8px) scale(.96)}}@media(max-width:900px){.combat-bottom-bar{grid-template-columns:56px 78px 1fr 100px 56px;height:40%}.hand-fan .card{margin:0 -24px}.btn-end-turn{width:96px;height:96px}.end-turn-label{font-size:.82rem}.unit-portrait{width:86px;height:106px}.unit-enemy.boss .unit-portrait{width:112px;height:134px}.unit-enemy.elite .unit-portrait{width:96px;height:116px}.energy-orb-big{width:60px;height:60px}.energy-current{font-size:1.3rem}.enemy-row{gap:16px}.combat-log-side,.stage-wreck,.stage-tires{display:none}}@media(max-width:720px){.battle-field{top:14%;bottom:40%}.intent-orb{min-width:42px;min-height:42px;padding:4px 8px}.intent-icon{font-size:1.05rem}.intent-val{font-size:.9rem}.unit-portrait{width:78px;height:96px}}