@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-gradient-position:initial;--tw-gradient-from:#0000;--tw-gradient-via:#0000;--tw-gradient-to:#0000;--tw-gradient-stops:initial;--tw-gradient-via-stops:initial;--tw-gradient-from-position:0%;--tw-gradient-via-position:50%;--tw-gradient-to-position:100%;--tw-leading:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-backdrop-blur:initial;--tw-backdrop-brightness:initial;--tw-backdrop-contrast:initial;--tw-backdrop-grayscale:initial;--tw-backdrop-hue-rotate:initial;--tw-backdrop-invert:initial;--tw-backdrop-opacity:initial;--tw-backdrop-saturate:initial;--tw-backdrop-sepia:initial;--tw-duration:initial;--tw-scale-x:1;--tw-scale-y:1;--tw-scale-z:1}}}.pointer-events-auto{pointer-events:auto}.pointer-events-none{pointer-events:none}.collapse{visibility:collapse}.invisible{visibility:hidden}.visible{visibility:visible}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.sticky{position:sticky}.top-1\/2{top:50%}.right-1\/4{right:25%}.bottom-full{bottom:100%}.left-1\/2{left:50%}.left-1\/4{left:25%}.isolate{isolation:isolate}.z-10{z-index:10}.z-20{z-index:20}.z-40{z-index:40}.z-50{z-index:50}.z-\[100\]{z-index:100}.z-\[120\]{z-index:120}.z-\[300\]{z-index:300}.z-\[15000\]{z-index:15000}.z-\[999999\]{z-index:999999}.col-span-3{grid-column:span 3/span 3}.container{width:100%}.mx-auto{margin-inline:auto}.ml-auto{margin-left:auto}.line-clamp-2{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.block{display:block}.contents{display:contents}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.inline-block{display:inline-block}.inline-flex{display:inline-flex}.table{display:table}.table-cell{display:table-cell}.aspect-\[3\/4\]{aspect-ratio:3/4}.aspect-square{aspect-ratio:1}.h-\[calc\(100\%-64px\)\]{height:calc(100% - 64px)}.h-\[calc\(100vh-80px-8px\)\]{height:calc(100vh - 88px)}.h-full{height:100%}.h-px{height:1px}.h-screen{height:100vh}.max-h-\[80vh\]{max-height:80vh}.min-h-screen{min-height:100vh}.w-1\/2{width:50%}.w-1\/3{width:33.3333%}.w-\[92vw\]{width:92vw}.w-\[420px\]{width:420px}.w-\[720px\]{width:720px}.w-auto{width:auto}.w-full{width:100%}.w-px{width:1px}.w-screen{width:100vw}.max-w-\[90vw\]{max-width:90vw}.max-w-none{max-width:none}.min-w-\[220px\]{min-width:220px}.flex-1{flex:1}.flex-shrink{flex-shrink:1}.flex-shrink-0{flex-shrink:0}.shrink{flex-shrink:1}.flex-grow,.grow{flex-grow:1}.-translate-x-1\/2{--tw-translate-x:calc(calc(1/2*100%)*-1);translate:var(--tw-translate-x)var(--tw-translate-y)}.translate-x-full{--tw-translate-x:100%;translate:var(--tw-translate-x)var(--tw-translate-y)}.-translate-y-1\/2{--tw-translate-y:calc(calc(1/2*100%)*-1);translate:var(--tw-translate-x)var(--tw-translate-y)}.transform{transform:var(--tw-rotate-x,)var(--tw-rotate-y,)var(--tw-rotate-z,)var(--tw-skew-x,)var(--tw-skew-y,)}.cursor-not-allowed{cursor:not-allowed}.cursor-pointer{cursor:pointer}.resize{resize:both}.resize-none{resize:none}.list-none{list-style-type:none}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.flex-col{flex-direction:column}.flex-nowrap{flex-wrap:nowrap}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.items-start{align-items:flex-start}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.self-center{align-self:center}.self-end{align-self:flex-end}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.overflow-y-auto{overflow-y:auto}.overflow-y-scroll{overflow-y:scroll}.rounded-full{border-radius:3.40282e38px}.border{border-style:var(--tw-border-style);border-width:1px}.border-2{border-style:var(--tw-border-style);border-width:2px}.border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.border-r{border-right-style:var(--tw-border-style);border-right-width:1px}.border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.border-l{border-left-style:var(--tw-border-style);border-left-width:1px}.border-l-4{border-left-style:var(--tw-border-style);border-left-width:4px}.border-none{--tw-border-style:none;border-style:none}.border-t-transparent{border-top-color:#0000}.bg-transparent{background-color:#0000}.bg-gradient-to-b{--tw-gradient-position:to bottom in oklab;background-image:linear-gradient(var(--tw-gradient-stops))}.bg-gradient-to-br{--tw-gradient-position:to bottom right in oklab;background-image:linear-gradient(var(--tw-gradient-stops))}.bg-gradient-to-r{--tw-gradient-position:to right in oklab;background-image:linear-gradient(var(--tw-gradient-stops))}.bg-\[url\(\'\/grid\.svg\'\)\]{background-image:url(/grid.svg)}.from-transparent{--tw-gradient-from:transparent;--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.to-transparent{--tw-gradient-to:transparent;--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.bg-clip-text{-webkit-background-clip:text;background-clip:text}.object-contain{object-fit:contain}.object-cover{object-fit:cover}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.text-\[11px\]{font-size:11px}.leading-none{--tw-leading:1;line-height:1}.break-words{overflow-wrap:break-word}.whitespace-normal{white-space:normal}.whitespace-nowrap{white-space:nowrap}.whitespace-pre-wrap{white-space:pre-wrap}.text-transparent{color:#0000}.capitalize{text-transform:capitalize}.lowercase{text-transform:lowercase}.uppercase{text-transform:uppercase}.italic{font-style:italic}.line-through{text-decoration-line:line-through}.overline{text-decoration-line:overline}.underline{text-decoration-line:underline}.underline-offset-2{text-underline-offset:2px}.opacity-0{opacity:0}.opacity-10{opacity:.1}.opacity-25{opacity:.25}.opacity-50{opacity:.5}.opacity-60{opacity:.6}.opacity-70{opacity:.7}.opacity-75{opacity:.75}.opacity-80{opacity:.8}.opacity-90{opacity:.9}.opacity-100{opacity:1}.ring{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(1px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.ring-2{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(2px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.grayscale{--tw-grayscale:grayscale(100%);filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.invert{--tw-invert:invert(100%);filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.filter{filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.backdrop-filter{-webkit-backdrop-filter:var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,ease);transition-duration:var(--tw-duration,0s)}.transition-all{transition-property:all;transition-timing-function:var(--tw-ease,ease);transition-duration:var(--tw-duration,0s)}.transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,ease);transition-duration:var(--tw-duration,0s)}.transition-opacity{transition-property:opacity;transition-timing-function:var(--tw-ease,ease);transition-duration:var(--tw-duration,0s)}.transition-transform{transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,ease);transition-duration:var(--tw-duration,0s)}.duration-150{--tw-duration:.15s;transition-duration:.15s}.duration-200{--tw-duration:.2s;transition-duration:.2s}.duration-300{--tw-duration:.3s;transition-duration:.3s}.duration-500{--tw-duration:.5s;transition-duration:.5s}.duration-1000{--tw-duration:1s;transition-duration:1s}.outline-none{--tw-outline-style:none;outline-style:none}.select-none{-webkit-user-select:none;user-select:none}.\[k\:string\]{k:string}@media (hover:hover){.group-hover\:scale-110:is(:where(.group):hover *){--tw-scale-x:110%;--tw-scale-y:110%;--tw-scale-z:110%;scale:var(--tw-scale-x)var(--tw-scale-y)}.group-hover\:scale-\[1\.02\]:is(:where(.group):hover *){scale:1.02}.group-hover\:transform:is(:where(.group):hover *){transform:var(--tw-rotate-x,)var(--tw-rotate-y,)var(--tw-rotate-z,)var(--tw-skew-x,)var(--tw-skew-y,)}.group-hover\:underline:is(:where(.group):hover *){text-decoration-line:underline}.group-hover\:opacity-100:is(:where(.group):hover *){opacity:1}.hover\:scale-105:hover{--tw-scale-x:105%;--tw-scale-y:105%;--tw-scale-z:105%;scale:var(--tw-scale-x)var(--tw-scale-y)}.hover\:transform:hover{transform:var(--tw-rotate-x,)var(--tw-rotate-y,)var(--tw-rotate-z,)var(--tw-skew-x,)var(--tw-skew-y,)}.hover\:underline:hover{text-decoration-line:underline}.hover\:opacity-80:hover{opacity:.8}.hover\:opacity-90:hover{opacity:.9}.hover\:opacity-100:hover{opacity:1}}.focus\:ring-2:focus{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(2px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.focus\:outline-none:focus{--tw-outline-style:none;outline-style:none}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:opacity-40:disabled{opacity:.4}.disabled\:opacity-50:disabled{opacity:.5}@layer utilities{.vtt-modern-panel-content::-webkit-scrollbar{width:8px!important}.vtt-modern-panel-content::-webkit-scrollbar-track{background:#242424!important;border-radius:4px!important}.vtt-modern-panel-content::-webkit-scrollbar-thumb{background:#4a4a4a!important;border-radius:4px!important}.vtt-modern-panel-content::-webkit-scrollbar-thumb:hover{background:#5a5a5a!important}.vtt-modern-panel-content{scrollbar-width:thin!important;scrollbar-color:#4a4a4a #242424!important}}@keyframes pulse{0%{box-shadow:0 0 20px #fbbf24,0 0 40px #fbbf24}50%{box-shadow:0 0 30px #fbbf24,0 0 60px #fbbf24}to{box-shadow:0 0 20px #fbbf24,0 0 40px #fbbf24}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes glow-pulse{0%{box-shadow:0 0 12px 2px gold,0 0 24px 4px #f59e0b}to{box-shadow:0 0 24px 6px gold,0 0 48px 12px #f59e0b}}:root{--background:radial-gradient(circle at 20% 15%,#6366f129 0%,transparent 45%),radial-gradient(circle at 75% 10%,#fbbf241a 0%,transparent 50%),radial-gradient(circle at 50% 90%,#22c55e14 0%,transparent 55%),linear-gradient(180deg,#070b14 0%,#0b1220 55%,#070b14 100%);--card-bg:#fff;--primary:#22223b;--secondary:#6366f1;--accent:#f472b6;--accent2:#38bdf8;--border:#e0e7ff;--anime-purple:#8b5cf6;--anime-pink:#ec4899;--anime-blue:#3b82f6;--anime-gold:#f59e0b;--vtt-text-primary:#fff;--vtt-text-secondary:#d1d5db;--vtt-text-muted:#9ca3af;--vtt-secondary-bg:#374151;--vtt-border:#4b5563}body:before{content:none}body{z-index:1;background:var(--background);color:var(--primary);min-height:100vh;margin:0;padding:0;font-family:Open Sans,sans-serif;position:relative;overflow-x:hidden}main{min-height:100vh;margin:0;padding:0}html{height:100%;margin:0;padding:0}@keyframes fadeIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.language-indicator{z-index:1000;align-items:center;gap:.75rem;display:flex;position:fixed;top:1rem;right:1rem}.language-toggle{color:#fff;cursor:pointer;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:2px solid #fff3;border-radius:12px;align-items:center;gap:.5rem;padding:.5rem 1rem;font-family:Open Sans,sans-serif;font-size:.875rem;font-weight:600;transition:all .3s;display:flex;transform:translateY(0)}.language-toggle:hover{background:#fff3;transform:translateY(-1px);box-shadow:0 8px 25px #6366f14d}.page-nav{z-index:1000;justify-content:space-between;align-items:center;display:flex;position:fixed!important;top:1rem!important;left:1rem!important;right:1rem!important}.page-nav-right{align-items:center;gap:.75rem;display:flex}.nav-link{color:#fff;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:2px solid #fff3;border-radius:12px;padding:.5rem 1rem;font-family:Open Sans,sans-serif;font-size:.875rem;font-weight:600;text-decoration:none;transition:all .3s;display:inline-block;transform:translateY(0)}.nav-link:hover{background:#fff3;transform:translateY(-1px);box-shadow:0 8px 25px #6366f14d}h1,h2,h3{color:var(--secondary);font-family:Cinzel,serif;font-weight:700}.card{background:var(--card-bg);border:1px solid var(--border);border-radius:1.5rem;margin-bottom:2rem;padding:2rem;transition:box-shadow .2s;box-shadow:0 4px 24px #38bdf81a}.card:hover{box-shadow:0 8px 32px #6366f12e}.anime-card{background:linear-gradient(135deg,#fffffff2 0%,#f8fafcf2 100%) padding-box padding-box;border:2px solid #0000;border-radius:2rem;margin-bottom:1.5rem;padding:2rem;transition:all .3s;position:relative;overflow:hidden;box-shadow:0 8px 32px #8b5cf626}.anime-card:before{content:"";background:linear-gradient(135deg,var(--anime-purple),var(--anime-pink),var(--anime-blue));z-index:-1;border-radius:inherit;margin:-2px;position:absolute;inset:0}.anime-card:hover{transform:translateY(-2px);box-shadow:0 12px 48px #8b5cf640}.anime-input{background:#ffffffe6;border:2px solid #8b5cf633;border-radius:1.5rem;align-items:center;width:100%;height:3.5rem;margin-bottom:1rem;padding:1rem 1.5rem;font-size:1rem;transition:all .3s;display:flex}.anime-input:focus{border-color:var(--anime-purple);outline:none;transform:scale(1.02);box-shadow:0 0 0 4px #8b5cf61a,0 0 20px #8b5cf64d}.anime-button{background:linear-gradient(135deg,var(--anime-purple),var(--anime-pink));color:#fff;cursor:pointer;text-transform:uppercase;letter-spacing:.5px;border:none;border-radius:1.5rem;padding:1rem 2rem;font-size:1rem;font-weight:700;transition:all .3s;position:relative;overflow:hidden}.anime-button:hover{transform:translateY(-2px);box-shadow:0 8px 32px #8b5cf666}.anime-button:active{transform:translateY(0)}.anime-button.secondary{background:linear-gradient(135deg,var(--anime-blue),var(--anime-gold))}.anime-button.disabled{cursor:not-allowed;background:#9ca3af;transform:none}.anime-tab{cursor:pointer;color:var(--anime-purple);background:#8b5cf61a;border:2px solid #8b5cf633;border-radius:1.5rem;margin-bottom:.5rem;margin-right:.5rem;padding:.75rem 1.5rem;font-weight:600;transition:all .3s}.anime-tab:hover{background:#8b5cf633;transform:translateY(-1px)}.anime-tab.active{background:linear-gradient(135deg,var(--anime-purple),var(--anime-pink));color:#fff;box-shadow:0 4px 16px #8b5cf64d}.anime-section{background:linear-gradient(135deg,#fffc 0%,#f8fafccc 100%);border:1px solid #8b5cf61a;border-radius:1.5rem;margin-bottom:2rem;padding:2rem}.anime-section.abilities{border-color:#ec48994d}.anime-section.techniques{border-color:#3b82f64d}.anime-title{color:var(--anime-purple);text-align:center;margin-bottom:1.5rem;font-family:Cinzel,serif;font-size:1.5rem;font-weight:700;position:relative}.anime-title:after{content:"";background:linear-gradient(90deg,var(--anime-purple),var(--anime-pink));border-radius:2px;width:3rem;height:3px;position:absolute;bottom:-.5rem;left:50%;transform:translate(-50%)}a{color:var(--secondary);font-weight:600;text-decoration:none}a:hover{color:var(--accent);text-decoration:underline}button,.btn-primary{background:linear-gradient(90deg,var(--secondary),var(--accent2));color:#fff;cursor:pointer;border:none;border-radius:9999px;padding:.75rem 2rem;font-size:1rem;font-weight:700;transition:background .2s,box-shadow .2s;box-shadow:0 2px 8px #6366f11a}button:hover,.btn-primary:hover{background:linear-gradient(90deg,var(--accent),var(--secondary));box-shadow:0 4px 16px #f472b626}.react-select__control{color:var(--primary)!important;box-shadow:none!important;background:#ffffffe6!important;border:2px solid #8b5cf633!important;border-radius:1.5rem!important;margin-bottom:1rem!important;padding:.5rem 1rem!important;font-size:1rem!important;transition:all .3s!important}.react-select__control:hover{border-color:#8b5cf666!important}.react-select__control--is-focused{border-color:var(--anime-purple)!important;box-shadow:0 0 0 4px #8b5cf61a,0 0 20px #8b5cf64d!important}.react-select__menu{z-index:9999!important;background:#fff!important;border:1px solid #8b5cf633!important;border-radius:1rem!important;box-shadow:0 8px 32px #8b5cf626!important}.react-select__menu-list{background:#fff!important;padding:.5rem!important}.react-select__option{color:var(--primary)!important;cursor:pointer!important;background:#fff!important;border-radius:.5rem!important;margin-bottom:.25rem!important;padding:.75rem 1rem!important}.react-select__option:hover{color:var(--anime-purple)!important;background:#8b5cf61a!important}.react-select__option--is-selected{background:var(--anime-purple)!important;color:#fff!important}.react-select__option--is-focused{color:var(--anime-purple)!important;background:#8b5cf61a!important}.react-select__single-value{color:var(--primary)!important}.react-select__placeholder{color:#9ca3af!important}.react-select__indicator-separator{background-color:#8b5cf633!important}.react-select__dropdown-indicator,.react-select__clear-indicator{color:var(--anime-purple)!important}.react-select__clear-indicator:hover{color:var(--anime-pink)!important}input,select,.react-select__control{border:1px solid var(--border);color:var(--primary);background:#f8fafc;margin-bottom:.5rem;padding:.5rem 1.25rem;font-size:1rem;border-radius:9999px!important;height:3.5rem!important;min-height:3.5rem!important}.react-select__option{color:var(--primary)!important}.tabs{flex-wrap:wrap;gap:.5rem;margin-bottom:1.5rem;display:flex}.tab{color:var(--secondary);cursor:pointer;background:#e0e7ff;border:none;border-radius:9999px;padding:.5rem 1.5rem;font-weight:600;transition:background .2s,color .2s}.tab.active,.tab:hover{background:var(--secondary);color:#fff}.form-field{flex-direction:column;justify-content:flex-start;min-height:5rem;display:flex}.form-field label{color:var(--primary);align-items:center;height:1.5rem;margin-bottom:.5rem;font-weight:600;display:flex}.gok-character-builder-epic{z-index:0;background:0 0;min-height:100vh;position:relative}.gok-character-builder-epic:before{content:"";z-index:0;pointer-events:none;background-image:-webkit-image-set(url(/background/GokBG.avif) 1x type("image/avif"),url(/background/GokBG.webp) 1x type("image/webp"),url(/background/GokBG.jpg) 1x type("image/jpeg"));background-image:image-set("/background/GokBG.avif" 1x type("image/avif"),"/background/GokBG.webp" 1x type("image/webp"),"/background/GokBG.jpg" 1x type("image/jpeg"));background-position:50%;background-repeat:no-repeat;background-size:cover;position:fixed;inset:0}.gok-character-builder-epic>:not(.gok-fixed-toolbar):not(.gok-toast){z-index:1;position:relative}@keyframes fantasy-aurora{0%{opacity:1;background-position:30% 30%,70% 70%,50% 80%,0 0}25%{opacity:.95;background-position:40% 35%,60% 65%,55% 85%,20% 10%}50%{opacity:1;background-position:35% 40%,65% 60%,60% 75%,40% 20%}75%{opacity:.92;background-position:25% 25%,75% 75%,45% 90%,60% 30%}to{opacity:1;background-position:30% 30%,70% 70%,50% 80%,0 0}}.epic-header{justify-content:center;align-items:center;height:300px;margin-bottom:2rem;display:flex;position:relative;overflow:hidden}.header-bg{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:linear-gradient(135deg,#05040bfa 0%,#0a0d13fa 100%);border-bottom:2px solid #3b82f64d;position:absolute;inset:0}.header-content{z-index:2;text-align:center;position:relative}.epic-title{-webkit-text-fill-color:transparent;text-shadow:0 0 40px #3b82f680;background:linear-gradient(135deg,#fff 0%,#3b82f6 50%,#a855f7 100%);-webkit-background-clip:text;background-clip:text;margin-bottom:1rem;font-family:Cinzel,serif;font-size:4rem;font-weight:800;animation:3s ease-in-out infinite title-glow}@keyframes title-glow{0%,to{filter:drop-shadow(0 0 20px #3b82f680)}50%{filter:drop-shadow(0 0 30px #a855f7b3)}}.epic-subtitle{color:#e2e8f0;text-shadow:0 2px 4px #00000080;margin-bottom:.5rem;font-family:Open Sans,sans-serif;font-size:1.5rem;font-weight:600}.epic-tagline{color:#94a3b8;text-shadow:0 2px 4px #00000080;font-family:Open Sans,sans-serif;font-size:1.125rem;font-style:italic}.header-decoration{pointer-events:none;background:linear-gradient(45deg,#0000 30%,#ffffff1a 50%,#0000 70%);animation:4s infinite shimmer;position:absolute;inset:0}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.epic-nav{z-index:100;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);-webkit-overflow-scrolling:touch;background:#0f0f23e6;border-bottom:1px solid #3b82f64d;width:100%;margin-bottom:2rem;position:sticky;top:0;overflow-x:auto}.nav-container{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);z-index:100;background:#ffffff0d;border-bottom:1px solid #3b82f64d;justify-content:space-between;align-items:center;width:100%;max-width:none;margin:0;padding:1rem 2rem;display:flex;position:sticky;top:0}.nav-home{align-items:center;display:flex}.nav-sections{flex:1;justify-content:center;gap:.5rem;display:flex}@media (min-width:769px){.nav-container{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);z-index:100;background:#ffffff0d;border-bottom:1px solid #3b82f64d;flex-direction:row;justify-content:space-between;align-items:center;gap:0;width:100%;max-width:none;margin:0;padding:1rem 2rem;display:flex;position:sticky;top:0}.nav-home{align-items:center;display:flex}.nav-sections{flex-wrap:nowrap;flex:1;order:0;justify-content:center;gap:.5rem;width:auto;display:flex}.nav-actions{border-top:none;order:0;align-items:center;gap:.5rem;width:auto;margin-top:0;padding-top:0;display:flex}.nav-item{color:#e2e8f0;cursor:pointer;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:1;-webkit-user-select:none;user-select:none;background:#ffffff0d;border:2px solid #3b82f64d;border-radius:2rem;align-items:center;gap:.5rem;width:auto;height:auto;padding:.5rem 1rem;font-family:Open Sans,sans-serif;font-size:.875rem;font-weight:600;text-decoration:none;transition:all .3s;display:flex;position:relative}.nav-item:hover{background:#3b82f633;border-color:#3b82f680;transform:translateY(-2px);box-shadow:0 8px 25px #3b82f64d}.nav-item.active{color:#fff;background:linear-gradient(135deg,#3b82f6 0%,#a855f7 100%);border-color:#3b82f6;transform:translateY(-2px);box-shadow:0 8px 25px #3b82f666}.nav-icon{pointer-events:none;-webkit-user-select:none;user-select:none;font-size:1.25rem}.nav-label{text-transform:uppercase;letter-spacing:.05em;pointer-events:none;-webkit-user-select:none;user-select:none;font-size:.875rem;display:inline}.nav-item:after{display:none}}.nav-actions{align-items:center;gap:.5rem;display:flex}.nav-item{color:#e2e8f0;cursor:pointer;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:1;-webkit-user-select:none;user-select:none;background:#ffffff0d;border:2px solid #3b82f64d;border-radius:2rem;align-items:center;gap:.5rem;padding:.5rem 1rem;font-family:Open Sans,sans-serif;font-size:.875rem;font-weight:600;text-decoration:none;transition:all .3s;display:flex;position:relative}.nav-item:hover{background:#3b82f633;border-color:#3b82f680;transform:translateY(-2px);box-shadow:0 8px 25px #3b82f64d}.nav-item.active{color:#fff;background:linear-gradient(135deg,#3b82f6 0%,#a855f7 100%);border-color:#3b82f6;transform:translateY(-2px);box-shadow:0 8px 25px #3b82f666}.nav-icon{pointer-events:none;-webkit-user-select:none;user-select:none;font-size:1.25rem}.nav-label{text-transform:uppercase;letter-spacing:.05em;pointer-events:none;-webkit-user-select:none;user-select:none;font-size:.875rem}@media (max-width:768px){.nav-container{background:linear-gradient(135deg,#0f0f23f2 0%,#1e1e3cf2 100%);flex-direction:column;align-items:center;gap:1rem;padding:1rem 1.5rem}.nav-sections{flex-wrap:nowrap;order:1;justify-content:center;gap:.75rem;width:100%;display:flex}.nav-home{display:none}.nav-actions{border-top:1px solid #3b82f633;order:2;justify-content:center;gap:1rem;width:100%;margin-top:.5rem;padding-top:.75rem;display:flex}.nav-item{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#ffffff14;border:1.5px solid #3b82f640;border-radius:50%;justify-content:center;align-items:center;width:3rem;height:3rem;padding:.75rem;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;position:relative;box-shadow:0 2px 8px #0000001a}.nav-item:active{transform:scale(.92)}.nav-item.active{background:linear-gradient(135deg,#3b82f6 0%,#8b5cf6 100%);border-color:#3b82f6;transform:translateY(-1px);box-shadow:0 4px 20px #3b82f666}.nav-icon{font-size:1.25rem}.nav-label{display:none}.nav-item:after{content:attr(data-tooltip);color:#fff;white-space:nowrap;opacity:0;visibility:hidden;pointer-events:none;z-index:1000;background:#0f0f23f2;border-radius:.375rem;padding:.25rem .5rem;font-size:.75rem;transition:all .2s;position:absolute;bottom:-2.5rem;left:50%;transform:translate(-50%)}.nav-item:hover:after{opacity:1;visibility:visible}.nav-actions .nav-icon{background:#ffffff14;border:1.5px solid #3b82f640;border-radius:50%;width:2.75rem;height:2.75rem;font-size:1.1rem;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 2px 8px #0000001a}.nav-actions .nav-icon:active{transform:scale(.9)}.nav-actions .nav-icon:hover{background:#3b82f626;border-color:#3b82f666;box-shadow:0 4px 16px #3b82f633}}@media (max-width:480px){.nav-container{gap:.875rem;padding:.875rem 1rem}.nav-sections{gap:.5rem}.nav-item{width:2.75rem;height:2.75rem;padding:.625rem}.nav-icon{font-size:1.125rem}.nav-actions{gap:.75rem;margin-top:.25rem;padding-top:.5rem}.nav-actions .nav-icon{width:2.5rem;height:2.5rem;font-size:1rem}}@media (max-width:768px) and (orientation:landscape){.nav-container{flex-flow:row;gap:.25rem;padding:.5rem 1rem}.nav-sections{flex:1;order:1;width:auto;margin:0}.nav-actions{order:2;width:auto;margin-top:0;margin-left:.5rem}.nav-item{padding:.25rem .5rem}.epic-nav{margin-bottom:1rem}}@media (hover:none) and (pointer:coarse){.nav-item:hover{box-shadow:none;transform:none}.nav-item:active{background:#3b82f633;transform:scale(.96)}.nav-item.active:active{transform:scale(.96)}.nav-icon:hover{transform:none}.nav-icon:active{background:#3b82f633;transform:scale(.9)}}@media (max-width:768px){.nav-sections .nav-item:nth-child(5){background:#8b5cf626;border-color:#8b5cf666}.nav-sections .nav-item:nth-child(5).active{background:linear-gradient(135deg,#8b5cf6 0%,#a855f7 100%)}}.nav-icons{gap:.5rem;margin-left:auto;display:flex}.nav-icon{color:#cbd5e1;cursor:pointer;background:0 0;border:none;border-radius:0;justify-content:center;align-items:center;width:auto;height:auto;font-size:1rem;transition:color .2s,transform .2s;display:inline-flex;position:relative}.nav-icon:hover{color:#f8fafc;transform:translateY(-2px)}.nav-icon:hover .tooltip{opacity:1;visibility:visible;transform:translateY(-5px)}.tooltip{color:#f8fafc;white-space:nowrap;opacity:0;visibility:hidden;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:1000;background:#0f0f23f2;border:1px solid #94a3b84d;border-radius:.5rem;padding:.5rem .75rem;font-size:.75rem;font-weight:500;transition:all .3s;position:absolute;bottom:100%;left:50%;transform:translate(-50%)}.action-icon{color:#e2e8f0;cursor:pointer;background:0 0;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:3rem;min-width:3rem;max-width:3rem;height:3rem;min-height:3rem;max-height:3rem;font-size:1.25rem;text-decoration:none;transition:all .3s;display:flex;position:relative;overflow:hidden}.action-icon:hover{box-shadow:none;background:0 0;border:none;transform:translateY(-2px)}.action-icon:disabled{opacity:.5;cursor:not-allowed}.action-icon:disabled:hover{background:0 0;border:none;transform:none}.pdf-wrapper{position:relative}.pdf-wrapper>div{justify-content:center;align-items:center;width:100%;height:100%;display:flex}.pdf-wrapper button{color:inherit!important;background:0 0!important;border:none!important;justify-content:center!important;align-items:center!important;width:100%!important;height:100%!important;margin:0!important;padding:0!important;font-size:1.25rem!important;display:flex!important}.tooltip{color:#fff;white-space:nowrap;opacity:0;visibility:hidden;z-index:1000;pointer-events:none;background:#000000e6;border-radius:.5rem;padding:.5rem .75rem;font-size:.75rem;transition:all .3s;position:absolute;bottom:-2.5rem;left:50%;transform:translate(-50%)}.tooltip:before{content:"";border-bottom:.25rem solid #000000e6;border-left:.25rem solid #0000;border-right:.25rem solid #0000;position:absolute;top:-.25rem;left:50%;transform:translate(-50%)}.action-icon:hover .tooltip{opacity:1;visibility:visible}.action-icon{font-family:Apple Color Emoji,Segoe UI Emoji,Noto Color Emoji,sans-serif}.action-icon>:not(.tooltip){justify-content:center;align-items:center;width:100%;height:100%;display:flex}.action-icon,.action-icon button,.action-icon div{border-radius:50%!important;flex-shrink:0!important;width:3rem!important;min-width:3rem!important;max-width:3rem!important;height:3rem!important;min-height:3rem!important;max-height:3rem!important}.epic-content{z-index:1;width:100%;min-height:calc(100vh - 100px);padding:0 2rem 72px;position:relative}.content-section{margin-bottom:3rem}.section-header{text-align:center;margin-bottom:3rem}.section-title{color:#f8fafc;-webkit-text-fill-color:transparent;text-shadow:0 0 20px #3b82f680;background:linear-gradient(135deg,#f8fafc 0%,#3b82f6 100%);-webkit-background-clip:text;background-clip:text;margin-bottom:1rem;font-family:Cinzel,serif;font-size:2.5rem;font-weight:700}.section-subtitle{color:#94a3b8;font-family:Open Sans,sans-serif;font-size:1.25rem;font-style:italic}.techniques-filters{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff0d;border:2px solid #3b82f64d;border-radius:1.5rem;margin-bottom:2rem;padding:1.5rem}.filter-row{flex-wrap:wrap;justify-content:space-between;align-items:end;gap:1.5rem;display:flex}.filter-controls{flex-wrap:wrap;flex:1;align-items:end;gap:1.5rem;display:flex}.filter-reset-container{align-items:end;margin-left:auto;display:flex}.filter-group{flex-direction:column;gap:.5rem;min-width:150px;display:flex}.filter-group label{color:#f8fafc;font-family:Open Sans,sans-serif;font-size:.875rem;font-weight:600}.filter-reset-btn{color:#fff;cursor:pointer;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#6366f1 0%,#8b5cf6 100%);border:2px solid #ffffff1a;border-radius:.75rem;align-items:center;gap:.5rem;padding:.625rem 1.25rem;font-size:.875rem;font-weight:600;transition:all .3s;display:flex}.filter-reset-btn:hover{background:linear-gradient(135deg,#4f46e5 0%,#7c3aed 100%);transform:translateY(-2px);box-shadow:0 8px 25px #6366f14d}@media (max-width:768px){.techniques-filters{margin-bottom:1.5rem;padding:1rem}.filter-row{flex-direction:column;align-items:stretch;gap:1rem}.filter-controls{flex-direction:column;gap:1rem}.filter-group{width:100%;min-width:auto}.filter-reset-container{justify-content:center;margin-top:.5rem;margin-left:0}.filter-reset-btn{width:fit-content}}.item-card,.item-card *{-webkit-hyphens:none;hyphens:none;word-break:normal;overflow-wrap:break-word}@media (max-width:480px){.techniques-filters{padding:.75rem}.filter-row{gap:.75rem}.filter-group label{font-size:.8rem}.filter-reset-btn{padding:.5rem 1rem;font-size:.8rem}}.identity-grid{grid-template-rows:repeat(2,1fr);grid-template-columns:repeat(3,1fr);gap:1.5rem;max-width:1200px;margin:0 auto;padding:2rem;display:grid}@media (max-width:768px){.identity-grid{grid-template-rows:repeat(3,1fr);grid-template-columns:repeat(2,1fr);gap:1rem;padding:1rem}}@media (max-width:480px){.identity-grid{grid-template-rows:repeat(6,1fr);grid-template-columns:1fr;gap:.75rem;padding:.75rem}}@media (max-width:768px){.identity-card{border-radius:1.25rem;min-height:180px;padding:1.25rem}.card-header{gap:.75rem;margin-bottom:.75rem}.card-icon{width:2.5rem;height:2.5rem;padding:.625rem;font-size:1.25rem}.card-title{font-size:.9rem;line-height:1.2}.card-content{gap:.625rem}}@media (max-width:480px){.identity-card{border-radius:1rem;min-height:160px;padding:1rem}.card-header{gap:.5rem;margin-bottom:.5rem}.card-icon{width:2.25rem;height:2.25rem;padding:.5rem;font-size:1.125rem}.card-title{font-size:.875rem;line-height:1.1}.card-content{gap:.5rem}.identity-card:hover{transform:none}.identity-card:active{transform:scale(.98)}}.identity-card{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#0f172a8c;border:2px solid #3b82f640;border-radius:1.25rem;flex-direction:column;min-height:140px;padding:1.25rem;transition:all .25s;display:flex;position:relative;overflow:hidden}.identity-card:before{content:"";opacity:0;pointer-events:none;background:linear-gradient(135deg,#3b82f61a 0%,#a855f71a 100%);transition:opacity .3s;position:absolute;inset:0}.identity-card:hover{border-color:#3b82f680;transform:translateY(-3px);box-shadow:0 14px 28px #3b82f62e}.identity-card:hover:before{opacity:1}.card-header{z-index:1;align-items:center;gap:1rem;margin-bottom:.75rem;display:flex;position:relative}.card-icon{background:linear-gradient(135deg,#3b82f6 0%,#a855f7 100%);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:3rem;height:3rem;padding:.75rem;font-size:1.5rem;display:flex;box-shadow:0 8px 25px #3b82f64d}.card-title{color:#f8fafc;margin:0;padding:0;font-family:Cinzel,serif;font-size:1rem;font-weight:600;line-height:1}.card-content{z-index:1;flex-direction:column;flex-grow:1;display:flex;position:relative}.epic-input,.epic-select{color:#f8fafc;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:2px solid #3b82f64d;border-radius:1rem;width:100%;height:3rem;padding:.75rem 1rem;font-family:Open Sans,sans-serif;font-size:.9rem;transition:all .3s}.epic-input:focus,.epic-select:focus{background:#ffffff26;border-color:#3b82f6;outline:none;transform:translateY(-2px);box-shadow:0 0 0 4px #3b82f633,0 0 30px #3b82f666}.epic-input::placeholder{color:#94a3b8;font-style:italic}.epic-select option{color:#f8fafc;background:#1e293b;padding:.75rem}.blessed-seeds-section{margin-bottom:3rem;padding:0 2rem}.subsection-title{color:#f8fafc;text-align:center;margin-bottom:1.5rem;font-family:Cinzel,serif;font-size:1.25rem;font-weight:600}.rpg-knowledge-bonus{color:#fbbf24;text-shadow:0 0 10px #fbbf2480;font-family:Open Sans,sans-serif;font-size:.8rem;font-weight:500}.seeds-grid{grid-template-columns:repeat(4,1fr);gap:1rem;max-width:600px;margin:0 auto;display:grid}.seed-button{color:#e2e8f0;cursor:pointer;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border:2px solid #94a3b84d;border-radius:1rem;flex-direction:column;align-items:center;gap:.5rem;padding:1rem;font-family:Open Sans,sans-serif;transition:all .3s;display:flex}.seed-button:hover{background:#94a3b81a;border-color:#94a3b880;transform:translateY(-2px)}.seed-button.selected{background:#94a3b833;border-color:#94a3b8;box-shadow:0 0 20px #94a3b866}.seed-icon{font-size:1.5rem}.seed-name{text-align:center;font-size:.8rem;font-weight:500}.abilities-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem;max-width:none;margin-bottom:2rem;padding:0 2rem;display:grid}.ability-card{text-align:center;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff0d;border:2px solid #94a3b84d;border-radius:1.5rem;flex-direction:column;gap:1rem;padding:1.5rem;transition:all .3s;display:flex;position:relative;overflow:hidden}.ability-header{justify-content:center;align-items:center;gap:.5rem;display:flex;position:relative}.blessed-seed-icon{background:#ffd70033;border:1px solid #ffd70080;border-radius:50%;padding:.2rem;font-size:1rem;position:absolute;top:-5px;right:-5px}.ability-values{flex-direction:column;gap:.25rem;font-size:.8rem;display:flex}.race-value{color:#cbd5e1;font-weight:500}.bonus-value{color:#60a5fa;font-weight:500}.mandatory-bonus{color:#34d399;background:#34d3991a;border-radius:4px;padding:2px 6px;font-weight:600}.selectable-bonus{color:#60a5fa;font-weight:500}.total-value{color:#f8fafc;font-size:1.1rem;font-weight:700}.ability-controls{justify-content:center;align-items:center;gap:1rem;margin-top:.5rem;display:flex}.bonus-btn{color:#e2e8f0;cursor:pointer;background:#ffffff1a;border:2px solid #3b82f64d;border-radius:50%;justify-content:center;align-items:center;width:2rem;height:2rem;font-size:1rem;font-weight:700;transition:all .3s;display:flex}.bonus-btn:hover:not(:disabled){background:#3b82f633;border-color:#3b82f680;transform:scale(1.1)}.bonus-btn:disabled{opacity:.5;cursor:not-allowed}.bonus-display{color:#60a5fa;text-align:center;min-width:2rem;font-size:1.1rem;font-weight:600}.ability-card:hover{border-color:#3b82f699;transform:translateY(-5px);box-shadow:0 20px 40px #3b82f633}.ability-icon{filter:drop-shadow(0 0 10px #3b82f680);margin-bottom:1rem;font-size:2.5rem}.ability-name{color:#f8fafc;text-transform:capitalize;margin-bottom:.5rem;font-family:Cinzel,serif;font-size:1rem;font-weight:600}.ability-value{-webkit-text-fill-color:transparent;background:linear-gradient(135deg,#3b82f6 0%,#a855f7 100%);-webkit-background-clip:text;background-clip:text;font-family:Cinzel,serif;font-size:1.8rem;font-weight:800}.rank-bonus-info{justify-content:center;margin:2rem 0;padding:0 2rem;display:flex}.info-message{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);text-align:center;border:2px solid;border-radius:1rem;align-items:center;gap:.75rem;max-width:500px;padding:1rem 1.5rem;font-family:Open Sans,sans-serif;font-weight:500;display:flex}.info-message.legendary{color:#f8fafc;background:#ffd7001a;border-color:#ffd7004d}.info-message.prode{color:#f8fafc;background:#64748b1a;border-color:#64748b4d}.info-message.selectable{color:#f8fafc;background:#3b82f61a;border-color:#3b82f64d}.info-icon{flex-shrink:0;font-size:1.2rem}.info-text{font-size:.85rem;line-height:1.4}.stats-summary{background:0 0;justify-content:center;margin-top:3rem;padding:0 2rem;display:flex}.stat-item{text-align:center;background:0 0}.stat-label{color:#cbd5e1;text-transform:uppercase;letter-spacing:.1em;opacity:.8;margin-bottom:.5rem;font-family:Open Sans,sans-serif;font-size:.9rem;font-weight:600;display:block}.stat-value{-webkit-text-fill-color:transparent;text-shadow:0 0 20px #3b82f64d;filter:drop-shadow(0 2px 4px #0000004d);background:linear-gradient(135deg,#60a5fa 0%,#3b82f6 50%,#1d4ed8 100%);-webkit-background-clip:text;background-clip:text;font-family:Cinzel,serif;font-size:2.5rem;font-weight:900}.techniques-grid{grid-template-columns:repeat(5,1fr);justify-items:center;gap:1rem;max-width:1400px;margin-left:auto;margin-right:auto;padding:0 1rem;display:grid}.technique-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);cursor:pointer;background:#ffffff0d;border:2px solid #3b82f64d;border-radius:1.5rem;padding:1.5rem;transition:all .3s;position:relative;overflow:hidden}.technique-card:hover{border-color:#3b82f699;transform:translateY(-3px);box-shadow:0 15px 30px #3b82f633}.technique-card.selected{background:#22c55e1a;border-color:#22c55e;box-shadow:0 15px 30px #22c55e4d}.technique-card.normale{border-color:#94a3b84d}.technique-card.normale:hover{border-color:#94a3b899;box-shadow:0 15px 30px #94a3b833}.technique-card.normale .technique-icon{background:#424242;box-shadow:0 4px 15px #4242424d}.technique-card.fuoco{border-color:#d4242b4d}.technique-card.fuoco:hover{border-color:#d4242b99;box-shadow:0 15px 30px #d4242b33}.technique-card.fuoco .technique-icon{background:#d4242b;box-shadow:0 4px 15px #d4242b4d}.technique-card.acqua{border-color:#00aeef4d}.technique-card.acqua:hover{border-color:#00aeef99;box-shadow:0 15px 30px #00aeef33}.technique-card.acqua .technique-icon{background:#00aeef;box-shadow:0 4px 15px #00aeef4d}.technique-card.natura{border-color:#40ae494d}.technique-card.natura:hover{border-color:#40ae4999;box-shadow:0 15px 30px #40ae4933}.technique-card.natura .technique-icon{background:#40ae49;box-shadow:0 4px 15px #40ae494d}.technique-card.veleno{border-color:#ea0a8d4d}.technique-card.veleno:hover{border-color:#ea0a8d99;box-shadow:0 15px 30px #ea0a8d33}.technique-card.veleno .technique-icon{background:#ea0a8d;box-shadow:0 4px 15px #ea0a8d4d}.technique-card.ghiaccio{border-color:#138ca54d}.technique-card.ghiaccio:hover{border-color:#138ca599;box-shadow:0 15px 30px #138ca533}.technique-card.ghiaccio .technique-icon{background:#138ca5;box-shadow:0 4px 15px #138ca54d}.technique-card.terra{border-color:#50201a4d}.technique-card.terra:hover{border-color:#50201a99;box-shadow:0 15px 30px #50201a33}.technique-card.terra .technique-icon{background:#50201a;box-shadow:0 4px 15px #50201a4d}.technique-card.fulmine{border-color:#f69e264d}.technique-card.fulmine:hover{border-color:#f69e2699;box-shadow:0 15px 30px #f69e2633}.technique-card.fulmine .technique-icon{background:#f69e26;box-shadow:0 4px 15px #f69e264d}.technique-card.vento{border-color:#0fbbbf4d}.technique-card.vento:hover{border-color:#0fbbbf99;box-shadow:0 15px 30px #0fbbbf33}.technique-card.vento .technique-icon{background:#0fbbbf;box-shadow:0 4px 15px #0fbbbf4d}.technique-card.luce{border-color:#fac7274d}.technique-card.luce:hover{border-color:#fac72799;box-shadow:0 15px 30px #fac72733}.technique-card.luce .technique-icon{background:#fac727;box-shadow:0 4px 15px #fac7274d}.technique-card.oscurita{border-color:#7149994d}.technique-card.oscurita:hover{border-color:#71499999;box-shadow:0 15px 30px #71499933}.technique-card.oscurita .technique-icon{background:#714999;box-shadow:0 4px 15px #7149994d}.technique-header{align-items:center;gap:1rem;margin-bottom:1rem;display:flex}.technique-header-right{align-items:center;gap:.5rem;margin-left:auto;display:flex}.technique-warning-icons{align-items:center;gap:.25rem;display:flex}.warning-icon{color:#f59e0b;text-shadow:0 0 8px #f59e0b80;cursor:default;font-size:1rem}.warning-icon.clickable{cursor:pointer;transition:all .3s}.warning-icon.clickable:hover{color:#fbbf24;text-shadow:0 0 12px #fbbf24b3;transform:scale(1.1)}.technique-card.has-warning{border-color:#f59e0b80;box-shadow:0 4px 20px #f59e0b33}.technique-icon{background:linear-gradient(135deg,#a855f7 0%,#9333ea 100%);border-radius:50%;justify-content:center;align-items:center;width:3rem;height:3rem;padding:.5rem;font-size:1.5rem;display:flex;position:relative;box-shadow:0 4px 15px #a855f74d}.element-icon{object-fit:cover;filter:drop-shadow(0 0 8px #ffffff4d);background:0 0;border-radius:50%;width:3.8rem;height:3.8rem;padding:0}.default-icon{color:#f8fafc;text-shadow:0 0 10px #ffffff80;font-size:1.5rem}.technique-name{color:#f8fafc;flex:1;font-family:Cinzel,serif;font-size:1rem;font-weight:600}.technique-suit{color:#f8fafc;text-shadow:0 0 10px #ffffff80;background:#fff3;border:2px solid #fff6;border-radius:.5rem;justify-content:center;align-items:center;min-width:2rem;height:2rem;margin-left:auto;padding:.25rem .5rem;font-size:1.5rem;font-weight:700;display:flex}.technique-rank{color:#cbd5e1;text-transform:uppercase;letter-spacing:.05em;background:#ffffff1a;border-radius:.5rem;margin-left:auto;padding:.25rem .5rem;font-family:Open Sans,sans-serif;font-size:.75rem;font-weight:500}.technique-description{color:#cbd5e1;margin-bottom:.75rem;font-family:Open Sans,sans-serif;font-size:.8rem;line-height:1.4}.technique-details{flex-direction:column;gap:.25rem;margin-bottom:.75rem;display:flex}.technique-stat{align-items:flex-start;gap:.5rem;font-family:Open Sans,sans-serif;font-size:.77rem;line-height:1;display:flex}.technique-stat .stat-label{color:#94a3b8;min-width:fit-content;font-weight:500;line-height:1}.technique-stat .stat-value{color:#f8fafc;white-space:nowrap;font-size:.77rem;font-weight:600;line-height:1;transform:translateY(1px)}.technique-effect{color:#94a3b8;background:#ffffff0d;border-left:3px solid #a855f7;border-radius:.5rem;padding:.5rem 1rem;font-family:Open Sans,sans-serif;font-size:.75rem;font-style:italic;line-height:1.3}.innates-info{flex-wrap:wrap;justify-content:center;align-items:center;gap:2rem;margin:1.5rem 0;padding:0 2rem;display:flex}.innates-info .info-message{background:#3b82f61a;border:1px solid #3b82f64d;border-radius:.75rem;align-items:center;gap:.75rem;min-width:300px;max-width:400px;padding:1rem;display:flex}.innates-info .info-message.warning{background:#f59e0b1a;border-color:#f59e0b4d}.innates-info .info-icon{flex-shrink:0;font-size:1.2rem}.innates-info .info-text{color:#f8fafc;font-size:.9rem;line-height:1.4}.innates-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem;padding:0 2rem;display:grid}.innate-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);cursor:pointer;background:#ffffff0d;border:2px solid #3b82f64d;border-radius:1.5rem;padding:1.5rem;transition:all .3s;position:relative;overflow:hidden}.innate-card:hover{border-color:#3b82f699;transform:translateY(-3px);box-shadow:0 15px 30px #3b82f633}.innate-card.selected{background:#22c55e1a;border-color:#22c55e;box-shadow:0 15px 30px #22c55e4d}.innate-card.race-innate{background:#10b9811a;border-color:#10b981;box-shadow:0 15px 30px #10b9814d}.innate-card.race-innate .innate-icon{background:linear-gradient(135deg,#10b981 0%,#059669 100%);box-shadow:0 4px 15px #10b9814d}.innate-card.disabled{opacity:.5;cursor:not-allowed;background:#6b72801a;border-color:#6b72804d}.innate-card.disabled:hover{box-shadow:none;border-color:#6b72804d;transform:none}.disabled-overlay{color:#fff;z-index:10;background:#000000b3;border-radius:1.5rem;justify-content:center;align-items:center;font-size:.9em;font-weight:700;display:flex;position:absolute;inset:0}.innate-header{align-items:center;gap:1rem;margin-bottom:1rem;display:flex}.innate-icon{background:linear-gradient(135deg,#a855f7 0%,#9333ea 100%);border-radius:50%;justify-content:center;align-items:center;padding:.5rem;font-size:1.5rem;display:flex;box-shadow:0 4px 15px #a855f74d}.innate-name{color:#f8fafc;font-family:Cinzel,serif;font-size:1rem;font-weight:600}.innate-type{color:#cbd5e1;text-transform:uppercase;letter-spacing:.05em;background:#ffffff1a;border-radius:.5rem;margin-left:auto;padding:.25rem .5rem;font-family:Open Sans,sans-serif;font-size:.7rem;font-weight:500}.innate-description{color:#cbd5e1;margin-bottom:.75rem;font-family:Open Sans,sans-serif;font-size:.85rem;line-height:1.6}.innate-effect{color:#94a3b8;background:#ffffff0d;border-left:3px solid #a855f7;border-radius:.5rem;padding:.5rem 1rem;font-family:Open Sans,sans-serif;font-size:.8rem;font-style:italic}.summary-grid{grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:2rem;padding:2rem;display:grid}.summary-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff0d;border:2px solid #3b82f64d;border-radius:1.5rem;padding:2rem;transition:all .3s}.summary-card:hover{border-color:#3b82f699;transform:translateY(-5px);box-shadow:0 20px 40px #3b82f633}.summary-title{color:#f8fafc;text-align:center;-webkit-text-fill-color:transparent;background:linear-gradient(135deg,#3b82f6 0%,#a855f7 100%);-webkit-background-clip:text;background-clip:text;margin-bottom:1.5rem;font-family:Cinzel,serif;font-size:1.5rem;font-weight:700}.summary-content{flex-direction:column;gap:1rem;display:flex}.summary-item{border-bottom:1px solid #3b82f633;justify-content:space-between;align-items:center;padding:.75rem 0;display:flex}.summary-item:last-child{border-bottom:none}.summary-label{color:#cbd5e1;font-family:Open Sans,sans-serif;font-weight:600}.summary-value{color:#f8fafc;text-align:right;font-family:Open Sans,sans-serif;font-weight:500}.summary-details{border-top:1px solid #3b82f633;margin-top:1rem;padding-top:1rem}.summary-detail-item{flex-direction:column;gap:.5rem;margin-bottom:1rem;display:flex}.summary-detail-item:last-child{margin-bottom:0}.detail-label{color:#94a3b8;font-family:Open Sans,sans-serif;font-size:.875rem;font-weight:600}.detail-value{color:#f8fafc;font-family:Open Sans,sans-serif;font-size:.875rem;line-height:1.5}.attribute-bonus{color:#fff;background:linear-gradient(135deg,#059669 0%,#10b981 100%);border-radius:.5rem;margin-bottom:.25rem;margin-right:.5rem;padding:.25rem .5rem;font-size:.75rem;font-weight:600;display:inline-block}.innate-summary,.specialization-summary{background:#3b82f61a;border:1px solid #3b82f64d;border-radius:.75rem;margin-bottom:.75rem;padding:1rem;font-size:.875rem;line-height:1.5}.innate-summary:last-child,.specialization-summary:last-child{margin-bottom:0}.innate-summary-header{align-items:center;gap:10px;margin-bottom:5px;display:flex}.innate-source{color:#666;font-size:.8em;font-style:italic}.innate-summary-description{color:#2f4f4f;margin-bottom:5px;font-size:.9em}.innate-summary-effect{color:#8b4513;font-size:.9em;font-style:italic}.specialization-header{align-items:center;gap:.5rem;margin-bottom:.5rem;display:flex}.specialization-category{color:#94a3b8;font-size:.75rem;font-style:italic}.specialization-description{color:#cbd5e1;margin-bottom:.75rem}.specialization-effect{background:#3b82f626;border-left:3px solid #3b82f6;border-radius:.5rem;padding:.75rem;font-size:.8rem;line-height:1.4}.technique-summary{background:#a855f71a;border:1px solid #a855f74d;border-radius:.75rem;margin-bottom:.75rem;padding:1rem}.technique-summary:last-child{margin-bottom:0}.technique-summary-header{justify-content:space-between;align-items:center;margin-bottom:.5rem;display:flex}.technique-element{color:#a855f7;font-size:.875rem;font-weight:500}.technique-summary-details{color:#94a3b8;flex-wrap:wrap;gap:1rem;font-size:.75rem;display:flex}.technique-summary-details span{background:#ffffff1a;border-radius:.375rem;padding:.25rem .5rem}.epic-actions{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#0f0f23f2;border-top:1px solid #94a3b84d;justify-content:center;gap:1rem;margin-top:3rem;padding:1.5rem 2rem;display:flex;position:sticky;bottom:0}.epic-button{cursor:pointer;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);text-transform:uppercase;letter-spacing:.05em;border:2px solid #0000;border-radius:2rem;align-items:center;gap:.75rem;padding:1rem 2rem;font-family:Open Sans,sans-serif;font-size:1rem;font-weight:600;transition:all .3s;display:flex}.epic-button.primary{color:#fff;background:linear-gradient(135deg,#64748b 0%,#475569 100%);border-color:#64748b;box-shadow:0 8px 25px #94a3b84d}.epic-button.primary:hover{background:linear-gradient(135deg,#475569 0%,#334155 100%);transform:translateY(-2px);box-shadow:0 12px 35px #94a3b866}.epic-button.secondary{color:#e2e8f0;background:#ffffff1a;border-color:#94a3b84d}.epic-button.secondary:hover{background:#94a3b833;border-color:#94a3b880;transform:translateY(-2px);box-shadow:0 8px 25px #94a3b84d}.button-icon{font-size:1.25rem}.gok-loading,.gok-error{color:#f8fafc;background:linear-gradient(135deg,#0f0f23 0%,#1a1a2e 100%);flex-direction:column;justify-content:center;align-items:center;min-height:100vh;font-family:Open Sans,sans-serif;display:flex}.loading-spinner{border:4px solid #94a3b84d;border-top-color:#64748b;border-radius:50%;width:60px;height:60px;margin-bottom:2rem;animation:1s linear infinite spin}.loading-text,.error-text{text-align:center;font-size:1.25rem;font-weight:600}.error-icon{margin-bottom:1rem;font-size:4rem}.epic-react-select .epic-select__control{box-shadow:none!important;-webkit-backdrop-filter:blur(10px)!important;backdrop-filter:blur(10px)!important;background:#ffffff1a!important;border:2px solid #3b82f64d!important;border-radius:1rem!important;height:3.5rem!important;min-height:3.5rem!important;padding:.5rem 1rem!important;font-size:1rem!important;transition:all .3s!important}.epic-react-select .epic-select__control:hover{border-color:#3b82f680!important}.epic-react-select .epic-select__control--is-focused{background:#ffffff26!important;border-color:#3b82f6!important;box-shadow:0 0 0 4px #3b82f633,0 0 30px #3b82f666!important}.epic-react-select .epic-select__value-container{padding:0 .5rem!important}.epic-react-select .epic-select__single-value{color:#f8fafc!important}.epic-react-select .epic-select__placeholder{color:#94a3b8!important;font-style:italic!important}.epic-react-select .epic-select__indicator-separator{background-color:#3b82f64d!important}.epic-react-select .epic-select__dropdown-indicator,.epic-react-select .epic-select__clear-indicator{color:#94a3b8!important}.epic-react-select .epic-select__clear-indicator:hover{color:var(--anime-pink)!important}.epic-react-select .epic-select__menu{-webkit-backdrop-filter:blur(20px)!important;backdrop-filter:blur(20px)!important;z-index:50!important;background:#1e293bf2!important;border:1px solid #3b82f64d!important;border-radius:1rem!important;box-shadow:0 20px 40px #00000080!important}.epic-react-select .epic-select__option{color:#f8fafc!important;cursor:pointer!important;background:0 0!important;padding:.75rem 1rem!important;transition:all .2s!important}.epic-react-select .epic-select__option:hover{color:#f8fafc!important;background:#3b82f64d!important}.epic-react-select .epic-select__option--is-selected{color:#fff!important;background:#3b82f6!important}.epic-react-select .epic-select__option--is-focused{color:#f8fafc!important;background:#3b82f633!important}.character-builder-indicator{display:none!important}*{box-sizing:border-box}.character-builder-container{max-width:100vw;overflow-x:hidden}.gok-home-epic{z-index:0;min-height:100vh;padding:2rem 0;position:relative}.gok-home-epic:before{content:"";z-index:0;pointer-events:none;background-image:-webkit-image-set(url(/background/GokBG.avif) 1x type("image/avif"),url(/background/GokBG.webp) 1x type("image/webp"),url(/background/GokBG.jpg) 1x type("image/jpeg"));background-image:image-set("/background/GokBG.avif" 1x type("image/avif"),"/background/GokBG.webp" 1x type("image/webp"),"/background/GokBG.jpg" 1x type("image/jpeg"));background-position:50%;background-repeat:no-repeat;background-size:cover;position:fixed;inset:0}.gok-home-epic>:not(.language-indicator):not(.page-nav){z-index:1;position:relative}.stars-overlay{pointer-events:none;z-index:3;position:fixed;inset:0}.stars-overlay .star{background:#fff;border-radius:9999px;animation-name:star-twinkle;animation-timing-function:ease-in-out;animation-iteration-count:infinite;display:block;position:absolute}@keyframes star-twinkle{0%,to{opacity:.2;filter:drop-shadow(0 0 #fff0)}50%{opacity:.9;filter:drop-shadow(0 0 6px #fff6)}}.gok-home-epic:after{content:none!important}@keyframes fantasy-glow{0%,to{filter:blur()brightness()}50%{filter:blur(2.5px)brightness(1.15)}}.home-header{text-align:center;z-index:2;margin-bottom:4rem;position:relative}.logo-container{justify-content:center;align-items:center;margin-bottom:2rem;display:flex}.main-logo{filter:drop-shadow(0 0 20px #3b82f64d);width:auto;max-width:100%;height:120px;animation:3s ease-in-out infinite logo-glow}@keyframes logo-glow{0%,to{filter:drop-shadow(0 0 20px #3b82f64d)}50%{filter:drop-shadow(0 0 30px #3b82f699)}}@media (max-width:768px){.main-logo{height:80px}.tools-grid{grid-template-columns:1fr;margin-left:auto;margin-right:auto;padding:0 1.25rem}}@media (max-width:480px){.main-logo{height:60px}}.character-image-section{border-top:1px solid #3b82f633;flex-direction:column;align-items:center;gap:1rem;margin-top:1.5rem;padding-top:1.5rem;display:flex}.character-image-preview{background:#ffffff0d;border:2px solid #3b82f64d;border-radius:12px;flex-shrink:0;width:200px;max-width:200px;height:200px;max-height:200px;display:inline-block;position:relative;overflow:hidden}.character-image{object-fit:cover;object-position:center;width:200px;max-width:200px;height:200px;max-height:200px;display:block}.remove-image-btn{color:#fff;cursor:pointer;background:#ef4444e6;border:none;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;font-size:16px;font-weight:700;transition:background .2s;display:flex;position:absolute;top:8px;right:8px}.remove-image-btn:hover{background:#ef4444}.character-image-placeholder{color:#94a3b8;background:#ffffff0d;border:2px dashed #3b82f64d;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;width:200px;height:200px;display:flex}.placeholder-icon{margin-bottom:.5rem;font-size:3rem}.image-upload-section{flex-direction:column;align-items:center;gap:.5rem;display:flex}.image-input{display:none}.image-upload-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#3b82f6 0%,#1d4ed8 100%);border:none;border-radius:8px;padding:.75rem 1.5rem;font-family:Open Sans,sans-serif;font-size:.875rem;font-weight:600;text-decoration:none;transition:all .3s;display:inline-block}.image-upload-btn:hover{background:linear-gradient(135deg,#1d4ed8 0%,#1e40af 100%);transform:translateY(-2px);box-shadow:0 8px 25px #3b82f64d}.image-info{color:#94a3b8;text-align:center;margin:0;font-size:.75rem}.home-title{-webkit-text-fill-color:transparent;text-shadow:0 0 40px #3b82f680;background:linear-gradient(135deg,#fff 0%,#3b82f6 50%,#a855f7 100%);-webkit-background-clip:text;background-clip:text;margin-bottom:1rem;font-family:Cinzel,serif;font-size:4rem;font-weight:800;animation:3s ease-in-out infinite title-glow}.home-subtitle{color:#a78bfa;text-shadow:0 0 20px #a78bfa4d;margin-top:1.25rem;margin-bottom:1rem;font-family:Open Sans,sans-serif;font-size:1.8rem;font-weight:600}.home-tagline{color:#94a3b8;text-shadow:0 2px 4px #00000080;font-family:Open Sans,sans-serif;font-size:1.2rem;font-style:italic}.card-button{cursor:pointer;border:none;border-radius:1rem;justify-content:center;align-items:center;width:100%;padding:1rem 2rem;font-family:Open Sans,sans-serif;font-size:1.1rem;font-weight:600;text-decoration:none;transition:all .3s;display:flex}.card-button.active{color:#fff;background:linear-gradient(135deg,#3b82f6 0%,#a855f7 100%);box-shadow:0 8px 25px #3b82f666}.card-button.active:hover{transform:translateY(-2px);box-shadow:0 12px 30px #3b82f680}.card-button.disabled{color:#64748b;cursor:not-allowed;background:#ffffff1a;border:2px solid #64748b4d}.modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:2147483646;background:#000000b3;width:100%;height:100%;position:fixed;top:0;left:0}.vtt-modern-panel{background:linear-gradient(135deg,#1a1a2e 0%,#16213e 50%,#0f172a 100%);border:1px solid #ffffff1a;box-shadow:0 8px 32px #0000004d}.vtt-modern-panel-header{border-bottom:1px solid #ffffff1a;justify-content:space-between;align-items:center;padding-bottom:8px;display:flex}.vtt-modern-panel-title{color:#e5e7eb;margin:0;font-size:1.2rem;font-weight:600}.vtt-card{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;padding:12px}.warning-modal-overlay{z-index:10000;justify-content:center;align-items:center;width:100%;height:100%;padding:1rem;display:flex;position:fixed;top:0;left:0}.modal-backdrop{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#000000b3;width:100%;height:100%;position:absolute;top:0;left:0}.warning-modal-container{z-index:10001;justify-content:center;align-items:center;width:100%;height:100%;padding:1rem;display:flex;position:relative}.warning-modal{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:linear-gradient(135deg,#1e293b 0%,#334155 100%);border:3px solid #f59e0b4d;border-radius:2rem;width:100%;max-width:500px;max-height:80vh;padding:2rem;animation:.3s ease-out modalSlideIn;position:relative;overflow-y:auto;box-shadow:0 0 50px #f59e0b4d,0 20px 40px #00000080,inset 0 1px #ffffff1a}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-20px)scale(.95)}to{opacity:1;transform:translateY(0)scale(1)}}.warning-modal-header{border-bottom:2px solid #f59e0b4d;justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding-bottom:1rem;display:flex}.warning-modal-header h3{color:#f59e0b;text-shadow:0 0 10px #f59e0b80;margin:0;font-family:Cinzel,serif;font-size:1.5rem;font-weight:600}.warning-modal-content{margin-bottom:2rem}.warning-technique-info{background:#f59e0b1a;border:1px solid #f59e0b4d;border-radius:1rem;margin-bottom:1rem;padding:1rem}.warning-technique-info h4{color:#f8fafc;margin:0 0 .5rem;font-family:Cinzel,serif;font-size:1.1rem}.warning-technique-details{color:#cbd5e1;gap:1rem;font-size:.9rem;display:flex}.warning-message{color:#f8fafc;font-family:Open Sans,sans-serif;font-size:.95rem;line-height:1.6}.warning-modal-footer{border-top:1px solid #f59e0b4d;justify-content:center;padding-top:1rem;display:flex}.modal-button{color:#fff;cursor:pointer;background:linear-gradient(135deg,#f59e0b 0%,#d97706 100%);border:none;border-radius:1rem;min-width:120px;min-height:44px;padding:.75rem 2rem;font-family:Open Sans,sans-serif;font-weight:600;transition:all .3s;box-shadow:0 4px 15px #f59e0b4d}.modal-button:hover{background:linear-gradient(135deg,#d97706 0%,#b45309 100%);transform:translateY(-2px);box-shadow:0 6px 20px #f59e0b66}@media (max-width:768px){.warning-modal-overlay,.warning-modal-container{padding:.5rem}.warning-modal{border-radius:1.5rem;max-width:100%;max-height:90vh;padding:1.5rem}.warning-modal-header h3{font-size:1.2rem}.warning-technique-info{padding:.75rem}.warning-technique-info h4{font-size:1rem}.warning-technique-details{flex-direction:column;gap:.5rem;font-size:.8rem}.warning-message{font-size:.9rem}.modal-button{min-width:100px;padding:1rem 1.5rem;font-size:.9rem}}@media (max-width:480px){.warning-modal-overlay{padding:.25rem}.warning-modal{border-radius:1rem;max-height:95vh;padding:1rem}.warning-modal-header{margin-bottom:1rem;padding-bottom:.75rem}.warning-modal-header h3{font-size:1.1rem}.warning-modal-content{margin-bottom:1.5rem}.warning-technique-info{padding:.5rem}.warning-technique-info h4{font-size:.9rem}.warning-technique-details{font-size:.75rem}.warning-message{font-size:.85rem}.modal-button{min-width:80px;padding:.75rem 1rem;font-size:.85rem}}@media (max-width:768px){.home-title{font-size:2.5rem}.home-subtitle{font-size:1.4rem}.home-tagline{font-size:1rem}.main-logo{height:80px}}@media (max-width:480px){.home-title{font-size:2rem}.home-subtitle{font-size:1.2rem}.home-tagline{font-size:.9rem}.main-logo{height:60px}}@media (max-width:768px){html{scroll-behavior:smooth;-webkit-overflow-scrolling:touch}body{overflow-x:hidden}.epic-nav{z-index:100;position:sticky;top:0}.epic-actions{z-index:50;position:sticky;bottom:0}.epic-input,.epic-select{font-size:16px}.epic-react-select .epic-select__menu{z-index:9999!important;width:90vw!important;max-width:400px!important;max-height:60vh!important;position:fixed!important;top:50%!important;left:50%!important;transform:translate(-50%,-50%)!important}.techniques-grid,.innates-grid{-webkit-overflow-scrolling:touch;grid-template-columns:repeat(3,1fr);gap:1rem;max-height:70vh;overflow-y:auto}.warning-modal{-webkit-overflow-scrolling:touch;max-height:90vh;overflow-y:auto}.character-image-section{padding:1rem}.character-image-preview,.character-image{width:150px;max-width:150px;height:150px;max-height:150px}.character-image-placeholder{width:150px;height:150px}.placeholder-icon{font-size:2rem}.image-upload-btn{padding:.75rem 1rem;font-size:.9rem}.image-info{font-size:.7rem}}@media (max-width:480px){.techniques-grid{grid-template-columns:repeat(2,1fr);gap:.75rem}.epic-input,.epic-select{height:44px;padding:.75rem;font-size:16px}.character-image-preview,.character-image{width:120px;max-width:120px;height:120px;max-height:120px}.character-image-placeholder{width:120px;height:120px}.placeholder-icon{font-size:1.5rem}.image-upload-btn{padding:.5rem .75rem;font-size:.8rem}.image-info{font-size:.65rem}}@media (hover:none) and (pointer:coarse){.nav-item,.seed-button,.ability-card,.technique-card,.innate-card{min-height:44px}.bonus-btn,.action-icon{min-width:44px;min-height:44px}.nav-item:hover,.seed-button:hover,.ability-card:hover,.technique-card:hover,.innate-card:hover{box-shadow:none;transform:none}.nav-item:focus,.seed-button:focus,.technique-card:focus,.innate-card:focus{outline-offset:2px;outline:2px solid #64748b}.technique-card,.innate-card{cursor:pointer;-webkit-tap-highlight-color:#94a3b81a}.epic-button,.modal-button,.seed-button{-webkit-tap-highlight-color:#94a3b81a}.nav-item,.seed-button,.technique-card,.innate-card,.ability-card{-webkit-user-select:none;user-select:none}}.virtual-tabletop-container{color:#fff;background:linear-gradient(135deg,#05040bfa 0%,#0a0d13fa 50%,#000000fa 100%);flex-direction:column;height:100vh;display:flex;overflow:hidden}.vtt-header-gaming{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);z-index:50;background:linear-gradient(135deg,#0f172af2 0%,#1e293bf2 100%);border-bottom:3px solid #f59e0b4d;justify-content:space-between;align-items:center;padding:1rem 2rem;display:flex;position:relative;box-shadow:0 4px 20px #00000080}.vtt-header-gaming:before{content:"";pointer-events:none;background:linear-gradient(90deg,#0000 0%,#f59e0b1a 50%,#0000 100%);position:absolute;inset:0}.header-left-gaming{flex-direction:column;gap:.5rem;display:flex}.game-title{-webkit-text-fill-color:transparent;text-shadow:0 0 20px #f59e0b80;letter-spacing:2px;background:linear-gradient(135deg,#fbbf24,#f59e0b,#d97706);-webkit-background-clip:text;background-clip:text;margin:0;font-family:Cinzel,serif;font-size:1.8rem;font-weight:700}.connection-status{align-items:center;display:flex}.status-indicator{border-radius:20px;align-items:center;gap:.5rem;padding:.25rem .75rem;font-size:.85rem;font-weight:600;transition:all .3s;display:flex}.status-indicator.connected{color:#22c55e;background:#22c55e33;border:1px solid #22c55e80}.status-indicator.disconnected{color:#ef4444;background:#ef444433;border:1px solid #ef444480}.status-dot{background:currentColor;border-radius:50%;width:8px;height:8px;animation:2s infinite pulse}.header-center-gaming{align-items:center;gap:1rem;display:flex}.background-load-trigger{color:#e2e8f0;cursor:pointer;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#3b82f633 0%,#a855f733 100%);border:2px solid #3b82f64d;border-radius:12px;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-weight:600;transition:all .3s;display:flex}.background-load-trigger:hover{background:linear-gradient(135deg,#3b82f64d 0%,#a855f74d 100%);border-color:#3b82f680;transform:translateY(-2px);box-shadow:0 8px 25px #3b82f633}.background-load-icon{font-size:1.2rem}.header-right-gaming{align-items:center;gap:1rem;display:flex}.player-info-gaming{align-items:center;gap:.75rem;display:flex}.clickable-avatar{transition:all .3s}.clickable-avatar:hover{transform:scale(1.1);box-shadow:0 0 20px #ffd70080}.vtt-main-gaming{background:linear-gradient(135deg,#0f172a4d 0%,#1e293b4d 100%);flex:1;justify-content:center;align-items:flex-start;height:calc(100vh - 200px);min-height:0;padding:0 0 800px;display:flex;position:relative;overflow:hidden}.game-board-container{flex:1;justify-content:center;align-items:flex-start;width:100%;height:100%;margin-top:0;padding-top:0;padding-bottom:800px;display:flex}.tabletop-canvas{cursor:crosshair;box-shadow:none;background:0 0;border:none;border-radius:0;margin:0 auto;display:block}.techniques-section{align-items:center;display:flex}.techniques-container{flex-direction:column;gap:6px;display:flex}.techniques-row{gap:6px;display:flex}.technique-square{cursor:pointer;background:linear-gradient(135deg,#05040bfa 0%,#0a0d13fa 100%);border:2px solid #d4af37;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;width:50px;height:50px;transition:all .3s;display:flex;position:relative;overflow:hidden}.technique-square:hover{border-color:gold;transform:translateY(-3px);box-shadow:0 8px 25px #d4af3766}.technique-number{color:#ffffffb3;font-size:.7rem;font-weight:600;position:absolute;top:2px;left:4px}.technique-icon{color:#d4af37;font-size:1.2rem}.center-spacer{flex:1;min-width:200px}.vtt-no-global .center-spacer{padding-right:8rem}.hand-card{opacity:0;animation:.5s ease-out forwards cardDeal;transform:translateY(100px)}@keyframes cardDeal{to{opacity:1;transform:translateY(0)}}.hand-card:hover{filter:brightness(1.1)contrast(1.05)}.hand-card-fallback{-webkit-user-select:none;user-select:none;pointer-events:none}.ev-deck-simple{flex-direction:column;align-items:center;gap:.5rem;display:flex;position:relative}.ev-deck-display{display:inline-block;position:relative}.ev-deck-display:hover img{border-color:gold;transform:translateY(-3px);box-shadow:0 8px 25px #ffd7004d}.deck-count,.fatigue-count{color:#000;background:linear-gradient(135deg,gold,#f59e0b);border:2px solid #0000001a;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;font-size:.8rem;font-weight:700;display:flex;position:absolute;box-shadow:0 2px 8px #0000004d}.deck-count{top:-8px;right:-8px}.fatigue-count{color:#fff;background:linear-gradient(135deg,#ef4444,#dc2626);bottom:-8px;right:-8px}@media (max-width:1024px){.techniques-grid{grid-template-columns:repeat(2,1fr);gap:.875rem;padding:0 .75rem}.technique-card-compact{width:200px;height:280px}.vtt-header-gaming{flex-direction:column;gap:1rem;height:auto;padding:.75rem 1rem}.game-title{font-size:1.5rem}.technique-square{width:40px;height:40px}.technique-icon{font-size:1rem}.ev-deck-simple img{width:50px;height:70px}}@media (max-width:768px){.virtual-tabletop-container{height:100vh}.vtt-main-gaming{height:calc(100vh - 240px);padding:1rem}.techniques-section{order:1}.ev-deck-simple{order:2}.center-spacer{display:none}}@keyframes techniqueSelected{0%,to{box-shadow:0 0 15px #ffd700cc,inset 0 0 15px #ffd70033}50%{box-shadow:0 0 25px gold,inset 0 0 25px #ffd70066}}@keyframes techniqueGlow{0%,to{box-shadow:0 0 8px #ffd7004d}50%{box-shadow:0 0 15px #ffd70080}}.technique-card-compact{border:3px solid var(--element-color,#6b7280);cursor:pointer;background:linear-gradient(135deg,#1a1a2e 0%,#16213e 50%,#0f172a 100%);border-radius:12px;flex-direction:column;width:240px;height:336px;transition:all .3s;display:flex;position:relative;overflow:hidden;box-shadow:0 4px 15px #0000004d}.technique-card-compact:hover{border-color:var(--element-color,#6b7280);transform:translateY(-5px);box-shadow:0 8px 25px #0006}.technique-card-compact.selected{border-color:gold;box-shadow:0 0 20px #ffd70080}.technique-card-compact.disabled{opacity:.45;filter:grayscale(40%);cursor:not-allowed}.technique-card-compact.disabled:after{content:"";pointer-events:none;background:#00000073;border-radius:12px;position:absolute;inset:0}.technique-card-compact.disabled:hover{transform:none;box-shadow:0 4px 15px #0000004d}.technique-card-compact.has-warning{border-color:#f59e0b;box-shadow:0 0 15px #f59e0b4d}.technique-card-compact-image{justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:relative}.technique-card-compact-img{object-fit:cover;cursor:pointer;border-radius:9px;width:100%;height:100%;transition:all .3s}.technique-card-compact-img:hover{transform:scale(1.05)}.technique-card-compact-fallback{cursor:pointer;background:linear-gradient(135deg,#1a1a2e 0%,#16213e 50%,#0f172a 100%);border-radius:9px;flex-direction:column;justify-content:space-between;align-items:center;width:100%;height:100%;padding:8px;display:flex}.technique-compact-header{justify-content:space-between;align-items:center;width:100%;margin-bottom:4px;display:flex}.technique-compact-icon{justify-content:center;align-items:center;width:20px;height:20px;display:flex;position:relative}.element-icon-compact{object-fit:contain;width:16px;height:16px}.default-icon-compact{color:#d4af37;font-size:14px}.technique-compact-name{color:#f8fafc;text-align:center;text-overflow:ellipsis;white-space:nowrap;flex:1;margin:0;padding:0 4px;font-size:10px;font-weight:600;line-height:1.2;overflow:hidden}.technique-compact-suit{color:#d4af37;font-size:12px;font-weight:700}.technique-compact-element{color:#94a3b8;text-align:center;text-transform:uppercase;background:#0000004d;border-radius:4px;margin-top:auto;padding:2px 4px;font-size:8px;font-weight:500}.technique-selected-overlay-compact{pointer-events:none;background:#ffd70033;border-radius:9px;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.selected-checkmark-compact{color:#000;background:gold;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;font-size:14px;font-weight:700;display:flex;box-shadow:0 2px 8px #0000004d}.technique-warning-triangle{z-index:10;pointer-events:auto;position:absolute;top:8px;right:8px}.warning-triangle-icon{cursor:pointer;background:#f59e0be6;border-radius:50%;justify-content:center;align-items:center;width:20px;height:20px;font-size:12px;transition:all .3s;display:flex;box-shadow:0 2px 8px #0000004d}.warning-triangle-icon:hover{background:#f59e0b;transform:scale(1.1);box-shadow:0 4px 12px #0006}@media (max-width:768px){.technique-card-compact{width:150px;height:210px}.technique-compact-name{font-size:9px}.technique-compact-suit{font-size:11px}.technique-compact-element{font-size:7px}.warning-triangle-icon{width:18px;height:18px;font-size:11px}}@media (max-width:480px){.technique-card-compact{width:130px;height:182px}.technique-compact-name{font-size:8px}.technique-compact-suit{font-size:10px}.technique-compact-element{font-size:6px}.warning-triangle-icon{width:16px;height:16px;font-size:10px}}.enlarged-card-modal-overlay{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:9999;background:#000c;justify-content:center;align-items:center;padding:2rem;display:flex;position:fixed;inset:0}.enlarged-card-modal-close{color:#fff;cursor:pointer;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:none;border-radius:50%;width:50px;height:50px;font-size:1.5rem;transition:all .3s;position:absolute;top:2rem;right:2rem}.enlarged-card-modal-close:hover{background:#fff3;transform:scale(1.1)}.enlarged-card-modal-content{background:linear-gradient(135deg,#1a1a2e 0%,#16213e 50%,#0f172a 100%);border:3px solid #3b82f64d;border-radius:20px;flex-direction:row;max-width:65vw;max-height:75vh;padding:0;display:flex;position:relative;overflow:hidden;box-shadow:0 20px 60px #00000080}.enlarged-card-image{object-fit:contain;background:#0000004d;border-radius:20px 0 0 20px;width:100%;height:100%;box-shadow:0 8px 25px #0000004d}.enlarged-card-left-column{flex:0 0 50%;position:relative;overflow:hidden}.enlarged-card-right-column{flex-direction:column;flex:0 0 50%;justify-content:flex-start;align-items:flex-start;padding:2rem;display:flex;overflow:hidden auto}.enlarged-card-header{align-items:center;gap:.75rem;width:100%;margin-bottom:1rem;display:flex}.enlarged-card-icon{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#3b82f633;border-radius:50%;justify-content:center;align-items:center;width:50px;height:50px;display:flex}.enlarged-element-icon{object-fit:contain;width:40px;height:40px}.enlarged-default-icon{color:#d4af37;font-size:30px}.enlarged-card-name{color:#f8fafc;flex:1;margin:0;font-size:2rem;font-weight:700;line-height:1.2}.enlarged-card-suit{color:#d4af37;font-size:1.8rem;font-weight:700}.enlarged-card-description{color:#cbd5e1;margin-bottom:1rem;font-size:1rem;line-height:1.4}.enlarged-card-stats{flex-direction:column;gap:.5rem;width:100%;margin-bottom:1rem;display:flex}.enlarged-stat-item{background:#ffffff0d;border:1px solid #3b82f633;border-radius:8px;justify-content:flex-start;align-items:center;gap:.75rem;width:100%;padding:.5rem;display:flex}.enlarged-stat-label{color:#94a3b8;font-size:.9rem;font-weight:500}.enlarged-stat-value{color:#f8fafc;font-size:.9rem;font-weight:600}.enlarged-card-effect{color:#e0e7ff;background:#3b82f61a;border:1px solid #3b82f64d;border-radius:12px;padding:1rem;font-size:.9rem;line-height:1.4}@media (max-width:1024px) and (min-width:768px){.enlarged-card-modal-overlay{align-items:flex-start;padding:1rem;overflow-y:auto}.enlarged-card-modal-close{z-index:10000;width:40px;height:40px;font-size:1.2rem;top:1rem;right:1rem}.enlarged-card-modal-content{flex-direction:column;max-width:90vw;max-height:90vh;margin:auto;overflow-y:auto}.enlarged-card-left-column{flex:none;min-height:250px;max-height:40vh}.enlarged-card-right-column{flex:auto;min-height:0;padding:1.5rem;overflow-y:auto}.enlarged-card-header{flex-wrap:wrap;gap:.5rem}.enlarged-card-name{word-wrap:break-word;font-size:1.5rem;line-height:1.3}.enlarged-card-suit{font-size:1.5rem}.enlarged-card-description{word-wrap:break-word;overflow-wrap:break-word;font-size:.95rem;line-height:1.5}.enlarged-stat-label,.enlarged-stat-value{font-size:.9rem}.enlarged-card-effect{word-wrap:break-word;overflow-wrap:break-word;padding:1rem;font-size:.95rem}.enlarged-card-stats{gap:.4rem}.enlarged-stat-item{flex-wrap:wrap;padding:.4rem}}@media (max-width:767px){.enlarged-card-modal-overlay{align-items:flex-start;padding:.5rem;overflow-y:auto}.enlarged-card-modal-close{z-index:10000;width:36px;height:36px;font-size:1.1rem;top:.5rem;right:.5rem}.enlarged-card-modal-content{border-radius:16px;flex-direction:column;max-width:95vw;max-height:95vh;margin:auto;overflow-y:auto}.enlarged-card-left-column{flex:none;min-height:200px;max-height:35vh}.enlarged-card-right-column{flex:auto;min-height:0;max-height:60vh;padding:1rem;overflow-y:auto}.enlarged-card-header{flex-wrap:wrap;gap:.5rem;margin-bottom:.75rem}.enlarged-card-icon{width:40px;height:40px}.enlarged-element-icon{width:32px;height:32px}.enlarged-default-icon{font-size:24px}.enlarged-card-name{word-wrap:break-word;overflow-wrap:break-word;font-size:1.25rem;line-height:1.3}.enlarged-card-suit{font-size:1.25rem}.enlarged-card-description{word-wrap:break-word;overflow-wrap:break-word;margin-bottom:.75rem;font-size:.875rem;line-height:1.5}.enlarged-card-stats{gap:.4rem;margin-bottom:.75rem}.enlarged-stat-item{flex-wrap:wrap;gap:.5rem;padding:.4rem}.enlarged-stat-label,.enlarged-stat-value{word-wrap:break-word;overflow-wrap:break-word;font-size:.85rem}.enlarged-card-effect{word-wrap:break-word;overflow-wrap:break-word;padding:.75rem;font-size:.875rem;line-height:1.5}}@media (max-width:767px) and (max-height:500px){.enlarged-card-modal-overlay{padding:.25rem}.enlarged-card-modal-content{flex-direction:row;max-width:98vw;max-height:98vh}.enlarged-card-left-column{flex:0 0 35%;min-height:auto;max-height:98vh}.enlarged-card-right-column{flex:65%;max-height:98vh;padding:.75rem;overflow-y:auto}.enlarged-card-name,.enlarged-card-suit{font-size:1.1rem}.enlarged-card-description{margin-bottom:.5rem;font-size:.8rem}.enlarged-stat-label,.enlarged-stat-value{font-size:.75rem}.enlarged-card-effect{padding:.5rem;font-size:.8rem}}.adaptability-selector{background:linear-gradient(135deg,#fef3c7 0%,#fde68a 100%);border:2px solid #f59e0b;border-radius:1rem;margin:1.5rem 0;padding:1.5rem;box-shadow:0 4px 15px #f59e0b33}.adaptability-title{color:#92400e;text-align:center;margin-bottom:.5rem;font-family:Cinzel,serif;font-size:1.25rem;font-weight:700}.adaptability-description{color:#92400e;text-align:center;margin-bottom:1.5rem;font-size:.95rem}.adaptability-options{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;display:grid}.adaptability-option{cursor:pointer;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffc;border:2px solid #f59e0b;border-radius:.75rem;align-items:center;gap:.75rem;padding:1rem;transition:all .3s;display:flex}.adaptability-option:hover{background:#fffffff2;border-color:#d97706;transform:translateY(-2px);box-shadow:0 8px 25px #f59e0b4d}.adaptability-option .ability-icon{flex-shrink:0;font-size:1.5rem}.adaptability-option .ability-name{color:#92400e;flex:1;font-weight:600}.adaptability-option .bonus-indicator{color:#fff;background:#f59e0b;border-radius:.5rem;padding:.25rem .5rem;font-size:.875rem;font-weight:700}.adaptability-choice-display{background:linear-gradient(135deg,#dbeafe 0%,#bfdbfe 100%);border:2px solid #3b82f6;border-radius:1rem;margin:1.5rem 0;padding:1rem 1.5rem;box-shadow:0 4px 15px #3b82f633}.choice-icon{font-size:1.25rem}.choice-text{color:#1e40af;font-size:1rem;font-weight:600}.change-choice-btn{color:#fff;cursor:pointer;background:#3b82f6;border:none;border-radius:.5rem;padding:.5rem 1rem;font-size:.875rem;font-weight:600;transition:all .3s}.adaptability-bonus{color:#f59e0b;font-size:.875rem;font-weight:600}@media (max-width:768px){.adaptability-options{grid-template-columns:1fr}.adaptability-option{padding:.875rem}.choice-info{text-align:center;flex-direction:column;gap:.5rem}.change-choice-btn{width:100%;max-width:200px}}.adaptability-modal{background:linear-gradient(135deg,#1e293b 0%,#334155 100%);border:2px solid #f59e0b;width:95%;max-width:700px;box-shadow:0 20px 60px #f59e0b4d,0 0 40px #f59e0b33}.adaptability-modal .warning-modal-header{background:0 0;border-bottom:2px solid #f59e0b}.adaptability-modal .warning-modal-header h3{color:#f8fafc;text-shadow:0 2px 4px #00000080;font-family:Cinzel,serif;font-weight:700}.adaptability-modal .close-button{color:#f59e0b;background:#1e293bcc;border:2px solid #f59e0b}.adaptability-modal .close-button:hover{color:#1e293b;background:#f59e0b}.adaptability-modal-description{text-align:center;color:#e2e8f0;text-shadow:0 1px 2px #00000080;margin-bottom:2rem;font-size:1.1rem;font-weight:500;line-height:1.6}.adaptability-modal-options{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;margin-bottom:2rem;display:grid}.adaptability-modal-option{cursor:pointer;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#3b82f61a 0%,#93c5fd1a 100%);border:2px solid #3b82f64d;border-radius:1rem;align-items:center;gap:1rem;padding:1.5rem;transition:all .4s;display:flex;position:relative;overflow:hidden}.adaptability-modal-option:before{content:"";background:linear-gradient(90deg,#0000,#f59e0b1a,#0000);width:100%;height:100%;transition:left .5s;position:absolute;top:0;left:-100%}.adaptability-modal-option:hover:before{left:100%}.adaptability-modal-option:hover{background:linear-gradient(135deg,#f59e0b26 0%,#fbbf2426 100%);border-color:#f59e0b;transform:translateY(-4px)scale(1.02);box-shadow:0 12px 40px #f59e0b4d,0 0 20px #f59e0b33}.adaptability-modal-option.selected{background:linear-gradient(135deg,#f59e0b40 0%,#fbbf2440 100%);border-color:#f59e0b;transform:translateY(-2px);box-shadow:0 8px 30px #f59e0b66,0 0 20px #f59e0b4d}.adaptability-modal-option .ability-icon{filter:drop-shadow(0 2px 4px #0000004d);flex-shrink:0;font-size:2rem}.adaptability-modal-option .ability-name{color:#f8fafc;text-shadow:0 2px 4px #00000080;flex:1;font-family:Cinzel,serif;font-size:1.1rem;font-weight:700}.adaptability-modal-option .bonus-indicator{color:#1e293b;background:linear-gradient(135deg,#f59e0b 0%,#d97706 100%);border:2px solid #fff3;border-radius:.75rem;padding:.5rem 1rem;font-size:1rem;font-weight:800;box-shadow:0 4px 12px #f59e0b66}.adaptability-choice-display{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#3b82f626 0%,#93c5fd26 100%);border:2px solid #3b82f6;border-radius:1rem;margin:1.5rem 0;padding:1.5rem;box-shadow:0 8px 30px #3b82f633,0 0 20px #3b82f61a}.choice-info{justify-content:center;align-items:center;gap:1rem;display:flex}.choice-icon{filter:drop-shadow(0 2px 4px #0000004d);font-size:1.5rem}.choice-text{color:#f8fafc;text-shadow:0 2px 4px #00000080;font-family:Cinzel,serif;font-size:1.1rem;font-weight:700}.change-choice-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#3b82f6 0%,#1d4ed8 100%);border:2px solid #fff3;border-radius:.75rem;padding:.75rem 1.5rem;font-family:Open Sans,sans-serif;font-size:.95rem;font-weight:700;transition:all .3s;box-shadow:0 4px 15px #3b82f666}.change-choice-btn:hover{background:linear-gradient(135deg,#2563eb 0%,#1e40af 100%);transform:translateY(-2px);box-shadow:0 8px 25px #3b82f699}.adaptability-bonus{color:#f59e0b;text-shadow:0 1px 2px #00000080;font-size:.95rem;font-weight:700}@media (max-width:768px){.adaptability-modal-options{grid-template-columns:1fr}.adaptability-modal-option{padding:1.25rem}.choice-info{text-align:center;flex-direction:column;gap:.75rem}.change-choice-btn{width:100%;max-width:250px}}.adaptability-modal .warning-modal-footer{justify-content:center;gap:1rem;padding:1.5rem;display:flex}.adaptability-modal .modal-button{flex:1;max-width:200px}.technique-card-compact.legendary-weapon{position:relative;overflow:visible}.technique-card-compact.legendary-weapon.water:before{content:"";border-radius:inherit;z-index:-1;opacity:.8;background:linear-gradient(45deg,#3b82f6,#06b6d4,#0891b2,#0ea5e9);animation:3s ease-in-out infinite waterAura;position:absolute;inset:-4px}@keyframes waterAura{0%,to{opacity:.8;transform:scale(1)}50%{opacity:1;transform:scale(1.05)}}.technique-card-compact.legendary-weapon.lightning:before{content:"";border-radius:inherit;z-index:-1;opacity:.9;background:linear-gradient(45deg,#f59e0b,#fbbf24,#fcd34d,#fef3c7);animation:2s ease-in-out infinite lightningAura;position:absolute;inset:-4px}@keyframes lightningAura{0%,to{opacity:.9;filter:brightness();transform:scale(1)}25%{opacity:1;filter:brightness(1.3);transform:scale(1.02)}50%{opacity:1;filter:brightness(1.5);transform:scale(1.05)}75%{opacity:1;filter:brightness(1.3);transform:scale(1.02)}}.technique-card-compact.legendary-weapon.fire:before{content:"";border-radius:inherit;z-index:-1;opacity:.85;background:linear-gradient(45deg,#ef4444,#f97316,#dc2626,#b91c1c);animation:2.5s ease-in-out infinite fireAura;position:absolute;inset:-4px}@keyframes fireAura{0%,to{opacity:.85;transform:scale(1)}33%{opacity:1;transform:scale(1.03)}66%{opacity:.95;transform:scale(1.06)}}.technique-card-compact.legendary-weapon.ice:before{content:"";border-radius:inherit;z-index:-1;opacity:.8;background:linear-gradient(45deg,#06b6d4,#0891b2,#0e7490,#155e75);animation:4s ease-in-out infinite iceAura;position:absolute;inset:-4px}@keyframes iceAura{0%,to{opacity:.8;filter:brightness();transform:scale(1)}50%{opacity:1;filter:brightness(1.2);transform:scale(1.04)}}.technique-card-compact.legendary-weapon.light:before{content:"";border-radius:inherit;z-index:-1;opacity:.9;background:linear-gradient(45deg,#f9fafb,#f3f4f6,#e5e7eb,#d1d5db);animation:3.5s ease-in-out infinite lightAura;position:absolute;inset:-4px}@keyframes lightAura{0%,to{opacity:.9;filter:brightness();transform:scale(1)}50%{opacity:1;filter:brightness(1.4);transform:scale(1.05)}}.technique-card-compact.legendary-weapon.nature:before{content:"";border-radius:inherit;z-index:-1;opacity:.85;background:linear-gradient(45deg,#22c55e,#16a34a,#15803d,#166534);animation:3.2s ease-in-out infinite natureAura;position:absolute;inset:-4px}@keyframes natureAura{0%,to{opacity:.85;transform:scale(1)}33%{opacity:.95;transform:scale(1.02)}66%{opacity:1;transform:scale(1.04)}}.technique-card-compact.legendary-weapon.darkness:before{content:"";border-radius:inherit;z-index:-1;opacity:.8;background:linear-gradient(45deg,#374151,#1f2937,#111827,#030712);animation:3.8s ease-in-out infinite shadowAura;position:absolute;inset:-4px}@keyframes shadowAura{0%,to{opacity:.8;transform:scale(1)}50%{opacity:1;transform:scale(1.03)}}.technique-card-compact.legendary-weapon.earth:before{content:"";border-radius:inherit;z-index:-1;opacity:.85;background:linear-gradient(45deg,#8b5cf6,#7c3aed,#6d28d9,#5b21b6);animation:3.3s ease-in-out infinite earthAura;position:absolute;inset:-4px}@keyframes earthAura{0%,to{opacity:.85;transform:scale(1)}50%{opacity:1;transform:scale(1.04)}}.technique-card-compact.legendary-weapon.poison:before{content:"";border-radius:inherit;z-index:-1;opacity:.8;background:linear-gradient(45deg,#84cc16,#65a30d,#4d7c0f,#3f6212);animation:2.8s ease-in-out infinite poisonAura;position:absolute;inset:-4px}@keyframes poisonAura{0%,to{opacity:.8;transform:scale(1)}33%{opacity:.9;transform:scale(1.02)}66%{opacity:1;transform:scale(1.05)}}.technique-card-compact.legendary-weapon.wind:before{content:"";border-radius:inherit;z-index:-1;opacity:.85;background:linear-gradient(45deg,#10b981,#059669,#047857,#065f46);animation:2.7s ease-in-out infinite windAura;position:absolute;inset:-4px}@keyframes windAura{0%,to{opacity:.85;transform:scale(1)}25%{opacity:.9;transform:scale(1.01)}50%{opacity:1;transform:scale(1.03)}75%{opacity:.9;transform:scale(1.01)}}.technique-card-compact.legendary-weapon:hover{transition:all .4s cubic-bezier(.175,.885,.32,1.275);transform:translateY(-8px)scale(1.05);box-shadow:0 15px 35px #ffd70066}.protected-image,.protected-image img{-webkit-user-select:none;user-select:none;-webkit-user-drag:none;-khtml-user-drag:none;-moz-user-drag:none;-o-user-drag:none;pointer-events:none}.protected-image,.protected-image img,.technique-card img,.innate-card img,.character-image,.enlarged-card-image,.avatar-image,.main-logo,.card-image,.element-icon,.element-icon-compact,.enlarged-element-icon,img[src*="/icons/"],img[src*="/icons/elements/"]{-webkit-context-menu:none;-moz-context-menu:none;-ms-context-menu:none}.element-icon,.element-icon-compact,.enlarged-element-icon,img[src*="/icons/"],img[src*="/icons/elements/"]{-webkit-user-drag:none;-khtml-user-drag:none;-moz-user-drag:none;-o-user-drag:none;-webkit-user-select:none;user-select:none;-khtml-user-select:none;pointer-events:none}.image-protection-overlay{z-index:10;pointer-events:none;background:0 0;width:100%;height:100%;position:absolute;top:0;left:0}.technique-card,.innate-card{position:relative}.technique-card:before,.innate-card:before{content:"";z-index:5;pointer-events:none;background:0 0;width:100%;height:100%;position:absolute;top:0;left:0}canvas{-webkit-user-select:none;user-select:none;-webkit-user-drag:none;-khtml-user-drag:none;-moz-user-drag:none;-o-user-drag:none}.nav-item,.seed-button,.technique-card,.innate-card,.ability-card,.character-image-preview,.enlarged-card-modal-content{-webkit-user-select:none;user-select:none}.technique-zoom-icon{cursor:pointer;z-index:10;color:#000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#ffd700e6;border:1px solid #fff3;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;font-size:12px;transition:all .3s;display:flex;position:absolute;bottom:8px;right:8px;box-shadow:0 2px 8px #0000004d}.technique-zoom-icon:hover{background:gold;transform:scale(1.1);box-shadow:0 4px 12px #0006}.technique-zoom-icon:active{transform:scale(.95)}.technique-card-compact .technique-zoom-icon{width:20px;height:20px;font-size:10px;bottom:6px;right:6px}@media (max-width:768px){.technique-zoom-icon{width:20px;height:20px;font-size:10px;bottom:6px;right:6px}.technique-card-compact .technique-zoom-icon{width:18px;height:18px;font-size:9px;bottom:4px;right:4px}}@media (max-width:480px){.technique-zoom-icon{width:18px;height:18px;font-size:9px;bottom:4px;right:4px}.technique-card-compact .technique-zoom-icon{width:16px;height:16px;font-size:8px;bottom:3px;right:3px}}.enlarged-card-innate-info{background:#ffffff0d;border:1px solid #ffd70033;border-radius:12px;margin-top:1.5rem;padding:1rem}.enlarged-card-innate-info .enlarged-card-effect{color:#e2e8f0;margin-bottom:1rem;line-height:1.6}.enlarged-card-innate-info .enlarged-card-effect:last-child{margin-bottom:0}.enlarged-card-innate-info .enlarged-card-effect strong{color:gold;text-transform:uppercase;letter-spacing:.5px;margin-bottom:.5rem;font-size:.9rem;font-weight:600;display:block}.combat-log-container::-webkit-scrollbar{display:none}.combat-log-container{scrollbar-width:none;-ms-overflow-style:none}.hero-loader{color:#e0e7ff;background:linear-gradient(135deg,#232946 80%,#3b3b58 100%);border:2.5px solid #8b5cf6;border-radius:18px;max-width:420px;margin:2.5rem auto;padding:2.5rem 2rem 2rem;font-family:Cinzel,Open Sans,serif;position:relative;box-shadow:0 8px 32px #8b5cf62e,0 1.5px 8px #0008}.hero-loader-header{justify-content:space-between;align-items:center;margin-bottom:1.2rem;display:flex}.hero-loader-header h3{color:#a78bfa;letter-spacing:1px;margin:0;font-size:1.5rem}.clear-hero-btn{color:#f59e0b;cursor:pointer;background:0 0;border:none;font-size:1.5rem;transition:color .2s}.clear-hero-btn:hover{color:#f43f5e}.upload-area{flex-direction:column;align-items:center;gap:1.2rem;display:flex}.file-input{display:none}.file-label{cursor:pointer;background:#181825;border:1.5px solid #6366f1;border-radius:2rem;align-items:center;gap:1.2rem;padding:.8rem 2rem;font-size:1.1rem;transition:border .2s,box-shadow .2s;display:flex;box-shadow:0 2px 8px #0004}.file-label:hover{border:1.5px solid #a78bfa;box-shadow:0 4px 16px #8b5cf6aa}.upload-icon{color:gold;font-size:2.1rem}.upload-text{color:#e0e7ff;flex-direction:column;display:flex}.upload-subtext{color:#a5b4fc;font-size:.95rem}.loading-state{align-items:center;gap:.7rem;display:flex}.spinner{border:3px solid #a78bfa;border-top-color:#232946;border-radius:50%;width:1.5rem;height:1.5rem;animation:1s linear infinite spin}.error-message{color:#f43f5e;background:#232946;border-radius:8px;margin-top:.5rem;padding:.5rem 1rem;font-size:1rem;box-shadow:0 2px 8px #0003}.hero-display{align-items:flex-start;gap:1.5rem;margin-top:1.2rem;display:flex}.hero-avatar{color:#a78bfa;background:#232946;border-radius:50%;justify-content:center;align-items:center;width:64px;height:64px;font-size:2.2rem;display:flex;overflow:hidden;box-shadow:0 2px 8px #8b5cf6aa}.hero-avatar img{object-fit:cover;border-radius:50%;width:100%;height:100%}.avatar-placeholder{color:#a78bfa;font-size:2.2rem;font-weight:700}.hero-info{flex-direction:column;flex:1;gap:.5rem;display:flex}.hero-name{color:gold;margin:0 0 .2rem;font-size:1.3rem;font-weight:700}.hero-details{flex-wrap:wrap;gap:.3rem 1.2rem;font-size:1.05rem;display:flex}.detail-row{gap:.3rem;display:flex}.detail-label{color:#a5b4fc;font-weight:600}.detail-value{color:#e0e7ff}.hero-abilities{margin-top:.5rem}.abilities-grid{gap:.7rem;display:flex}.ability-stat{text-align:center;background:#181825;border-radius:8px;min-width:48px;padding:.3rem .7rem}.ability-label{color:#a5b4fc;font-size:.9rem;font-weight:600}.ability-value{color:gold;font-size:1.2rem;font-weight:700}.hero-ev{margin-top:.7rem}.ev-bar{color:#a5b4fc;justify-content:space-between;align-items:center;font-size:1.05rem;display:flex}.ev-label{font-weight:600}.ev-value{color:gold;font-weight:700}.ev-progress{background:#232946;border-radius:6px;width:100%;height:10px;margin-top:.2rem;overflow:hidden;box-shadow:0 1px 4px #0002}.ev-fill{background:linear-gradient(90deg,#a5b4fc 0%,gold 100%);border-radius:6px;height:100%;transition:width .4s cubic-bezier(.4,2,.6,1)}@media (max-width:600px){.hero-loader{max-width:98vw;padding:1.2rem .5rem 1.5rem}.hero-display{flex-direction:column;align-items:center;gap:.7rem}.hero-avatar{width:54px;height:54px;font-size:1.5rem}.abilities-grid{gap:.3rem}}.hero-loader-modern{color:#e0e7ff;background:linear-gradient(135deg,#232946 80% 100%);border:2.5px solid #8b5cf6;border-radius:18px;flex-direction:column;align-items:center;max-width:420px;margin:2.5rem auto;padding:2.5rem 2rem 2rem;font-family:Cinzel,Open Sans,serif;animation:.5s fadeIn;display:flex;position:relative;box-shadow:0 8px 32px #8b5cf62e,0 1.5px 8px #0008}.hero-loader-modern-header{justify-content:center;align-items:center;gap:1rem;width:100%;margin-bottom:1.5rem;display:flex;position:relative}.hero-loader-modern-icon{color:gold;filter:drop-shadow(0 0 8px #8b5cf6cc);font-size:2.2rem}.hero-loader-modern-title{color:#a78bfa;letter-spacing:1px;text-shadow:0 2px 8px #232946cc;font-size:1.5rem;font-weight:700}.hero-loader-modern-close{color:#f59e0b;cursor:pointer;background:0 0;border:none;padding:0 .5rem;font-size:1.5rem;transition:color .2s;position:absolute;top:50%;right:0;transform:translateY(-50%)}.hero-loader-modern-close:hover{color:#f43f5e}.hero-loader-modern-upload{flex-direction:column;align-items:center;gap:1.2rem;width:100%;display:flex}.hero-loader-modern-droparea{cursor:pointer;background:#181825;border:2px dashed #6366f1;border-radius:1.5rem;flex-direction:column;justify-content:center;align-items:center;gap:.7rem;min-width:220px;min-height:90px;padding:1.2rem 2.2rem;font-size:1.1rem;transition:border .2s,box-shadow .2s;display:flex;box-shadow:0 2px 8px #0004}.hero-loader-modern-droparea:hover{border:2px solid #a78bfa;box-shadow:0 4px 16px #8b5cf6aa}.hero-loader-modern-uploadicon{color:gold;font-size:2.5rem}.hero-loader-modern-uploadtext{color:#e0e7ff;text-align:center;font-size:1.1rem}.hero-loader-modern-uploadsub{color:#a5b4fc;font-size:.95rem}.hero-loader-modern-preview{justify-content:center;align-items:center;gap:1.5rem;width:100%;margin-top:1.2rem;display:flex}.hero-loader-modern-avatar{color:#a78bfa;background:#232946;border-radius:50%;justify-content:center;align-items:center;width:70px;height:70px;font-size:2.2rem;display:flex;overflow:hidden;box-shadow:0 2px 8px #8b5cf6aa}.hero-loader-modern-avatar img{object-fit:cover;border-radius:50%;width:100%;height:100%}.hero-loader-modern-avatar-placeholder{color:#a78bfa;font-size:2.2rem;font-weight:700}.hero-loader-modern-info{flex-direction:column;flex:1;align-items:flex-start;gap:.5rem;display:flex}.hero-loader-modern-name{color:gold;margin-bottom:.2rem;font-size:1.3rem;font-weight:700}.hero-loader-modern-details{color:#a5b4fc;flex-wrap:wrap;gap:.3rem 1.2rem;font-size:1.05rem;display:flex}.hero-loader-modern-details span{margin-right:1.2rem}.hero-loader-modern-abilities{gap:.7rem;margin-top:.3rem;font-size:1.1rem;display:flex}.hero-loader-modern-abilities span{color:gold;background:#181825;border-radius:8px;padding:.2rem .7rem;font-size:1.1rem;font-weight:700}.hero-loader-modern-ev{width:100%;margin-top:.7rem}.hero-loader-modern-ev span{color:#a5b4fc;font-size:1.05rem;font-weight:600}.hero-loader-modern-evbar{background:#232946;border-radius:6px;width:100%;height:10px;margin-top:.2rem;overflow:hidden;box-shadow:0 1px 4px #0002}.hero-loader-modern-evfill{background:linear-gradient(90deg,#a5b4fc 0%,gold 100%);border-radius:6px;height:100%;transition:width .4s cubic-bezier(.4,2,.6,1)}@media (max-width:600px){.hero-loader-modern{max-width:98vw;padding:1.2rem .5rem 1.5rem}.hero-loader-modern-preview{flex-direction:column;align-items:center;gap:.7rem}.hero-loader-modern-avatar{width:54px;height:54px;font-size:1.5rem}.hero-loader-modern-abilities{gap:.3rem}}.suit-picker-btn{color:#fff;background:#222;border:3px solid #fff;justify-content:center;align-items:center;font-size:26px;display:flex;box-shadow:0 2px 12px #0008;border-radius:50%!important;width:48px!important;min-width:48px!important;max-width:48px!important;height:48px!important;min-height:48px!important;max-height:48px!important;padding:0!important}input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input[type=number]{appearance:textfield}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-gradient-position{syntax:"*";inherits:false}@property --tw-gradient-from{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-via{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-to{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-stops{syntax:"*";inherits:false}@property --tw-gradient-via-stops{syntax:"*";inherits:false}@property --tw-gradient-from-position{syntax:"<length-percentage>";inherits:false;initial-value:0%}@property --tw-gradient-via-position{syntax:"<length-percentage>";inherits:false;initial-value:50%}@property --tw-gradient-to-position{syntax:"<length-percentage>";inherits:false;initial-value:100%}@property --tw-leading{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-backdrop-blur{syntax:"*";inherits:false}@property --tw-backdrop-brightness{syntax:"*";inherits:false}@property --tw-backdrop-contrast{syntax:"*";inherits:false}@property --tw-backdrop-grayscale{syntax:"*";inherits:false}@property --tw-backdrop-hue-rotate{syntax:"*";inherits:false}@property --tw-backdrop-invert{syntax:"*";inherits:false}@property --tw-backdrop-opacity{syntax:"*";inherits:false}@property --tw-backdrop-saturate{syntax:"*";inherits:false}@property --tw-backdrop-sepia{syntax:"*";inherits:false}@property --tw-duration{syntax:"*";inherits:false}@property --tw-scale-x{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-y{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-z{syntax:"*";inherits:false;initial-value:1}
.SocialBar-module__SygXUG__socialBar{z-index:1000;min-width:32px;box-shadow:none;background:0 0;border-radius:0;flex-direction:column;align-items:center;gap:.7rem;padding:.5rem .2rem;display:flex;position:fixed;top:50%;right:0;transform:translateY(-50%)}.SocialBar-module__SygXUG__followLabel{color:#fff;letter-spacing:.04em;text-shadow:0 2px 12px #471f6755;writing-mode:vertical-rl;text-orientation:mixed;text-align:end;justify-content:center;align-items:center;height:120px;margin-bottom:.2rem;font-family:Open Sans,sans-serif;font-size:1.1rem;font-weight:700;display:flex;transform:rotate(0)}.SocialBar-module__SygXUG__verticalLine{background:#fff;border-radius:2px;width:2px;height:32px;margin-bottom:.5rem}.SocialBar-module__SygXUG__icons{flex-direction:column;gap:.7rem;display:flex}.SocialBar-module__SygXUG__iconLink{width:36px;height:36px;box-shadow:none;background:0 0;border-radius:50%;justify-content:center;align-items:center;transition:background .2s,box-shadow .2s;display:flex}.SocialBar-module__SygXUG__iconLink:hover{background:linear-gradient(135deg,#471f67 0%,#0d3869 100%);box-shadow:0 4px 16px #471f6777}
.HomeCornerLogo-module__bIeVqG__corner{z-index:9999;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);opacity:.95;background:#0206178c;border:1px solid #ffffff1a;border-radius:12px;justify-content:center;align-items:center;padding:8px;transition:opacity .12s,transform .12s,border-color .12s;display:inline-flex;position:fixed;top:10px;left:10px;box-shadow:0 12px 40px #00000073}.HomeCornerLogo-module__bIeVqG__corner:hover{opacity:1;border-color:#ffffff2e;transform:translateY(-1px)}.HomeCornerLogo-module__bIeVqG__logo{filter:drop-shadow(0 0 22px #3b82f659);width:auto;max-width:100%;height:48px}@media (max-width:768px){.HomeCornerLogo-module__bIeVqG__logo{height:32px}}@media (max-width:480px){.HomeCornerLogo-module__bIeVqG__logo{height:24px}}