.dragon-warrior-overlay{--mono: "JetBrains Mono", ui-monospace, monospace;--sans: "Outfit", system-ui, sans-serif;--ink-muted: #c1b18c;--dw-gold: #e9c984;position:absolute;inset:0;color:#f1eee5;font-family:var(--sans);font-weight:500;-webkit-font-smoothing:antialiased}.dw-backdrop{position:absolute;inset:0;background:radial-gradient(ellipse at 50% 75%,#203951,transparent 65%),linear-gradient(145deg,#0b1421,#172a40 55%,#0d1929)}.dw-rail{position:absolute;top:0;bottom:0;width:400px;padding:24px 22px;display:flex;flex-direction:column;gap:14px;overflow:hidden;background:radial-gradient(ellipse at 0 0,#20364b,transparent 65%),#101c2c}.dw-left{left:0;border-right:1px solid #c9a35a55}.dw-right{right:0;border-left:1px solid #c9a35a55}.dw-filled .dw-rail{background:#101c2c99}.dw-brand{text-align:center;color:var(--dw-gold);padding-bottom:20px;border-bottom:1px solid #c9a35a44}.dw-brand span,.dw-brand strong{display:block;font-family:Georgia,serif;font-weight:700;line-height:.95;letter-spacing:4px}.dw-brand span{font-size:36px}.dw-brand strong{font-size:46px;margin-top:5px}.dw-hero{text-align:center;padding:6px 0}.dw-emblem{width:76px;height:76px;margin:0 auto 12px;display:grid;place-items:center;border:1px solid #c9a35a77;border-radius:50%;background:radial-gradient(circle,#d7ad5430,transparent 70%);box-shadow:0 0 0 7px #c9a35a0a,inset 0 0 0 7px #c9a35a0a}.dw-emblem svg{width:44px;height:56px;color:var(--dw-gold)}.dw-hero h1{font-family:Georgia,serif;font-size:34px;font-weight:400;letter-spacing:3px;margin:8px 0}.dw-level{font:12px var(--mono);letter-spacing:2px;color:#c1b18c}.dw-level b{font-size:26px;color:#f1eee5;margin-left:8px}.dragon-warrior-overlay .panel{background:linear-gradient(145deg,#ffffff07,transparent),#08132188;border:1px solid #c9a35a40;border-radius:4px;padding:14px;box-shadow:0 6px 18px #0002;flex-shrink:0}.dragon-warrior-overlay .panel h2{font:500 12px/18px var(--sans);color:var(--dw-gold);text-transform:uppercase;text-align:left;letter-spacing:2px;margin:0 0 14px}.dragon-warrior-overlay .health-row{height:32px;font-size:14px}.dragon-warrior-overlay .meter{border-radius:2px;height:8px}.dragon-warrior-overlay .meter>div{box-shadow:none}.dragon-warrior-overlay .stats{gap:8px}.dragon-warrior-overlay .stat{border-radius:3px;background:#ffffff06;padding:9px 10px;box-shadow:none;min-width:0;height:62px;display:flex;flex-direction:column;align-items:flex-start;justify-content:space-between}.dragon-warrior-overlay .stat span{color:#c1b18c;font-size:10px;letter-spacing:.8px}.dragon-warrior-overlay .stat b{font-size:23px}.dw-no-magic{display:flex;justify-content:space-between;font:13px/32px var(--mono);color:#c1b18c}.dw-spells{display:grid;grid-template-columns:1fr 1fr;gap:6px}.dw-spells span{font-size:15px;line-height:20px;padding:5px 9px;border-left:2px solid #b6965366;background:#ffffff04}.dw-location{padding:10px 0 18px;border-bottom:1px solid #c9a35a44}.dw-location h2{font:400 33px/1.2 Georgia,serif;margin:0 0 12px;overflow-wrap:anywhere}.dw-enemy-mark{font:52px/52px Georgia,serif;color:#c1b18c;text-align:center}.dw-enemy h3{font:400 30px/1.2 Georgia,serif;margin:0 0 18px;text-align:center;overflow-wrap:anywhere}.dw-enemy .stats,.dw-abilities{margin-top:16px}.dw-abilities span{font-size:10px;color:#c1b18c;text-transform:uppercase;letter-spacing:1.5px}.dw-abilities p{font-size:16px;margin:6px 0 0;line-height:1.5;overflow-wrap:anywhere}.dw-items{list-style:none;margin:14px 0 0;padding:0;display:flex;flex-direction:column;gap:5px}.dw-items li{display:flex;align-items:baseline;gap:12px;font-size:15px;line-height:24px;overflow-wrap:anywhere}.dw-slot{color:#a18b60;font:11px var(--mono);flex-shrink:0}*{box-sizing:border-box}html,body,#root{margin:0;width:100%;height:100%;overflow:hidden;background:transparent}body{font-family:Trebuchet MS,Arial,sans-serif}.overlay-scene{position:relative;transform-origin:top left;overflow:hidden}.connection-status{position:absolute;inset:0;z-index:10;display:grid;place-items:center;color:#f4f6fb;font-family:Outfit,Segoe UI,system-ui,sans-serif;background:radial-gradient(circle at 50% 42%,#2a5fa033,transparent 45%),radial-gradient(circle at 12% 8%,#3a4f8a40,transparent 40%),radial-gradient(circle at 88% 95%,#2b6f8f33,transparent 40%),linear-gradient(160deg,#080a12,#111827)}.connection-status:before{content:"";position:absolute;inset:0;background-image:radial-gradient(#ffffff0d 1px,transparent 1px);background-size:32px 32px;-webkit-mask-image:radial-gradient(circle at 50% 45%,#000,transparent 70%);mask-image:radial-gradient(circle at 50% 45%,#000,transparent 70%)}.connection-center{position:relative;display:flex;flex-direction:column;align-items:center;text-align:center}.connection-pulse{position:relative;width:180px;height:180px;display:grid;place-items:center;margin-bottom:36px}.connection-pulse span{position:absolute;inset:0;border-radius:50%;border:2px solid #7cc4ff;opacity:0;animation:connection-ping 3s cubic-bezier(.2,.6,.3,1) infinite}.connection-pulse span:nth-child(2){animation-delay:1s}.connection-pulse span:nth-child(3){animation-delay:2s}.connection-pulse i{width:64px;height:64px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#d6eeff,#4ea4f0 55%,#1d5fae);box-shadow:0 0 40px #4ea4f0aa,0 0 100px #4ea4f055}.connection-title{font-size:64px;font-weight:700;line-height:1.1;letter-spacing:-1.2px;max-width:1200px}.connection-detail{margin-top:18px;padding:6px 20px;border-radius:999px;background:#ffffff10;border:1px solid #ffffff22;color:#c9cedb;font-size:22px;font-style:normal;font-weight:600}.connection-steps{display:grid;grid-template-columns:repeat(3,300px);gap:20px;margin:64px 0 0;padding:0;list-style:none}.connection-steps li{display:flex;flex-direction:column;align-items:flex-start;gap:6px;padding:22px 24px;text-align:left;background:linear-gradient(180deg,#ffffff0f,transparent 50%),#0b0d14b8;border:1px solid #ffffff1a;border-radius:18px}.connection-steps b{display:grid;place-items:center;width:34px;height:34px;margin-bottom:8px;border-radius:50%;background:#4ea4f022;color:#9fd2ff;font-size:16px;font-weight:700;box-shadow:inset 0 0 0 1px #4ea4f055}.connection-steps span{font-size:21px;font-weight:700}.connection-steps small{color:#8d94a6;font-size:15px;line-height:1.4}@keyframes connection-ping{0%{transform:scale(.35);opacity:.9}to{transform:scale(1.2);opacity:0}}@media(prefers-reduced-motion:reduce){.connection-pulse span{animation:none;opacity:.3}}@font-face{font-family:Outfit;src:url(./Outfit-Variable-Bc-8i84L.woff2) format("woff2");font-weight:100 900;font-display:block}@font-face{font-family:JetBrains Mono;src:url(./JetBrainsMono-Variable-B9CIFXIH.woff2) format("woff2");font-weight:100 800;font-display:block}.overlay-scene{pointer-events:none;-webkit-user-select:none;user-select:none}.panel{position:relative;background:linear-gradient(180deg,var(--glass-highlight),transparent 40%),var(--glass);border:1px solid var(--glass-edge);border-radius:var(--radius);box-shadow:0 10px 30px #0006,inset 0 1px #ffffff1a}.panel{padding:12px}.panel h2{margin:0;text-align:center;font-size:24px;font-weight:700;line-height:32px;letter-spacing:-.3px}.health-row{display:grid;grid-template-columns:26px minmax(0,1fr) auto;align-items:center;gap:8px;height:24px;font:600 13px var(--mono);padding:2px 0}.health-row>span:first-child{color:var(--ink-muted);font:700 11px var(--sans);letter-spacing:1px}.health-row>span:last-child{min-width:48px;text-align:right;font-variant-numeric:tabular-nums}.meter{height:10px;flex:1;background:#ffffff14;overflow:hidden;border-radius:999px;box-shadow:inset 0 1px 2px #0008}.meter>div{height:100%;border-radius:inherit;background-color:#3ddc84;background-image:linear-gradient(180deg,#ffffff55,transparent 60%);box-shadow:0 0 10px #3ddc8466;transition:width .4s ease}.stats{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-top:4px}.stat{--stat: #8d94a6;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;height:52px;padding:6px 12px 6px 14px;background:linear-gradient(90deg,var(--stat-tint),var(--tile) 70%);border-radius:var(--radius-sm);box-shadow:inset 3px 0 0 var(--stat)}.stat span{font-size:12px;font-weight:600;letter-spacing:1.2px;text-transform:uppercase;color:var(--ink-soft)}.stat b{text-align:right;font:700 24px/1 var(--mono);font-variant-numeric:tabular-nums}.stat-hp{--stat: #5fd38a;--stat-tint: #5fd38a33}.stat-speed{--stat: #c48ff0;--stat-tint: #c48ff033}.stat-attack{--stat: #f2b552;--stat-tint: #f2b55233}.stat-special_attack{--stat: #4fd1c5;--stat-tint: #4fd1c533}.stat-defense{--stat: #f08a5d;--stat-tint: #f08a5d33}.stat-special_defense,.stat-special{--stat: #7f9cf5;--stat-tint: #7f9cf533}