@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-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--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}}}@layer theme{:root,:host{--font-sans:ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--color-white:#fff;--spacing:.25rem;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.sticky{position:sticky}.isolate{isolation:isolate}.container{width:100%}@media (min-width:40rem){.container{max-width:40rem}}@media (min-width:48rem){.container{max-width:48rem}}@media (min-width:64rem){.container{max-width:64rem}}@media (min-width:80rem){.container{max-width:80rem}}@media (min-width:96rem){.container{max-width:96rem}}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline-block{display:inline-block}.grow{flex-grow:1}.border-collapse{border-collapse:collapse}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.resize{resize:both}.border{border-style:var(--tw-border-style);border-width:1px}.bg-white{background-color:var(--color-white)}.px-3{padding-inline:calc(var(--spacing) * 3)}.pe-3{padding-inline-end:calc(var(--spacing) * 3)}.text-center{text-align:center}.text-start{text-align:start}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.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,)}.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,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}}:root{--primary:#009cff;--secondary:#777;--light:#f8f8f8;--dark:#252525;--body-bg:#fff;--surface-bg:#fff;--surface-soft:#f6f9fb;--border-color:#e8ecef;--text-main:#252525;--text-muted:#777}*{box-sizing:border-box;margin:0;padding:0}body{color:var(--text-main);background:var(--body-bg);font-family:Open Sans,sans-serif;line-height:1.6}html,body{width:100%;max-width:100%;overflow-x:clip}body:has(.playground-shell){height:100dvh;overflow:hidden}.playground-shell .topbar{color:#94a3b8;background:#0c1018eb;border-bottom:1px solid #2a3548}.playground-shell .topbar-page-link{color:#64748b}.playground-shell .topbar-page-link:hover,.playground-shell .topbar-page-link.active{color:#7dd3fc}.playground-shell .topbar-separator{color:#334155}.playground-shell .topbar-social-label{color:#64748b}.playground-shell .topbar-social-btn{color:#94a3b8;background:#ffffff0f;border-color:#334155}.playground-shell .topbar-social-btn:hover{color:#7dd3fc;background:#009cff26;border-color:#009cff}img{max-width:100%}a{color:inherit;text-decoration:none}.site-container{max-width:1320px;margin:0 auto;padding:0 1.5rem}.site-container>*{min-width:0}.site-section{padding:5rem 0}.bg-white{background:var(--surface-bg)}.bg-light{background:var(--light)}.text-primary{color:var(--primary)}.px-3{padding-left:1rem;padding-right:1rem}.pe-3{padding-right:1rem}.section-title{text-transform:uppercase;font-size:1.1rem;font-weight:700;display:inline-block;position:relative}.topbar{background:var(--light);border-bottom:1px solid var(--border-color);padding:.4rem 0;font-size:.82rem}.topbar-inner{justify-content:space-between;align-items:center;max-width:1320px;margin:0 auto;padding:0 2rem;display:flex}.topbar-breadcrumb{flex-wrap:wrap;align-items:center;gap:.35rem .2rem;min-width:0;display:flex}.topbar-crumb{flex-shrink:0;align-items:center;gap:.35rem;display:inline-flex}.topbar-page-link{color:var(--secondary);border-radius:999px;align-items:center;padding:2px 4px;display:inline-flex}.topbar-page-link:hover{color:var(--primary)}.topbar-separator{color:#aaa}.topbar-page-link.active{color:var(--primary);font-weight:600}.topbar-meta{flex-shrink:0;align-items:center;display:flex}.topbar-social{align-items:center;gap:2px;display:flex}.topbar-social-label{color:var(--secondary);margin-right:6px;font-size:.8rem}.topbar-social-btn{width:36px;height:36px;color:var(--primary);border-right:1px solid #dee2e6;justify-content:center;align-items:center;font-size:.8rem;transition:color .3s;display:inline-flex}.topbar-social-btn:last-child{border-right:none}.topbar-social-btn:hover{color:var(--dark)}.brand-bar{border-bottom:1px solid var(--border-color);background-color:var(--surface-soft);padding:1.25rem 0}.brand-bar-inner{align-items:center;gap:1rem;max-width:1320px;margin:0 auto;padding:0 2rem;display:flex}.brand-logo{flex-shrink:0;align-items:center;gap:.75rem;display:flex}.brand-logo-text h2{color:var(--dark);font-size:1.5rem;font-weight:700;line-height:1.1}.brand-logo-text span{color:var(--secondary);letter-spacing:.05em;text-transform:uppercase;font-size:.75rem}.brand-info-cols{gap:2rem;margin-left:auto;display:flex}.brand-info-item{align-items:center;gap:.75rem;display:flex}.brand-info-icon{width:48px;height:48px;color:var(--primary);border:1px solid #dee2e6;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:1rem;display:flex}.brand-info-text p{color:var(--secondary);margin-bottom:2px;font-size:.8rem}.brand-info-text h6{color:var(--dark);margin:0;font-size:.85rem;font-weight:600}.brand-info-text h6,.footer-col p,.contact-info-item a,.contact-info-item p{overflow-wrap:anywhere}.site-navbar{background:var(--primary);z-index:200;position:sticky;top:0}.nav-inner{align-items:center;max-width:1320px;margin:0 auto;padding-inline:2rem;display:flex;position:relative}.nav-mobile-brand{color:#fff;padding:14px 0;font-size:1rem;font-weight:600;display:none}.hamburger-btn{cursor:pointer;background:0 0;border:1px solid #ffffff80;border-radius:4px;flex-direction:column;justify-content:center;align-items:center;gap:5px;margin-left:auto;padding:5px 9px;display:none}.hamburger-btn span{background:#fff;width:22px;height:2px;display:block}.nav-links{flex-grow:1;align-items:center;padding-block:.35rem;display:flex}.nav-links-list{flex-grow:1;align-items:center;margin:0;padding:0;list-style:none;display:flex}.nav-link-item{color:#fff;white-space:nowrap;margin-right:30px;padding:20px 0;font-size:.9rem;font-weight:500;text-decoration:none;transition:color .3s}.nav-link-item:hover,.nav-link-item.active{color:var(--dark)}.nav-get-started{background:var(--surface-bg);white-space:nowrap;border-radius:999px;align-items:center;font-size:.85rem;font-weight:500;transition:background .3s;display:inline-flex;color:var(--dark)!important;padding:7px 20px!important}.nav-get-started:hover{background:#dbe5f0}@media (max-width:1120px){.brand-info-cols{display:none}.nav-mobile-brand{display:block}.hamburger-btn{display:flex}.nav-links{background:var(--primary);z-index:99;border-top:1px solid #ffffff26;flex-direction:column;align-items:flex-start;padding:.75rem 2rem 1rem;display:none;position:absolute;top:100%;left:0;right:0}.nav-links.open{display:flex}.nav-links-list{flex-direction:column;align-items:flex-start;width:100%}.nav-link-item{margin-right:0;padding:8px 0}.nav-get-started{margin-top:.5rem}}@media (max-width:991px){.brand-info-cols{display:none}}.hero-carousel{aspect-ratio:16/9;width:100%;height:auto;margin-bottom:3rem;position:relative;overflow:hidden}.hero-slide{width:100%;height:100%;position:absolute;inset:0}.hero-slide.hidden,.hero-slide.incoming-right{transform:translate(100%)}.hero-slide.incoming-left{transform:translate(-100%)}.hero-slide.active{z-index:2;transition:transform .6s ease-in-out;transform:translate(0)}.hero-slide.exit-left{z-index:1;transition:transform .6s ease-in-out;transform:translate(-100%)}.hero-slide.exit-right{z-index:1;transition:transform .6s ease-in-out;transform:translate(100%)}.carousel-control{z-index:10;color:#fff;opacity:.5;cursor:pointer;background:0 0;border:0;justify-content:center;align-items:center;width:10%;padding:0;transition:opacity .3s;display:flex;position:absolute;top:0;bottom:0}.carousel-control:hover,.carousel-control:focus{opacity:.9;outline:0}.carousel-control.prev{left:0}.carousel-control.next{right:0}.carousel-ctrl-icon{background-position:50%;background-repeat:no-repeat;background-size:100% 100%;width:3rem;height:3rem;display:inline-block}.carousel-ctrl-prev{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0z'/%3e%3c/svg%3e")}.carousel-ctrl-next{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e")}.carousel-indicators{z-index:10;justify-content:center;gap:8px;margin:0;padding:0;display:flex;position:absolute;bottom:15px;left:10%;right:10%}.carousel-thumb{cursor:pointer;opacity:.5;background:0 0;border:2px solid #fff;border-radius:60px;flex-shrink:0;width:60px;height:60px;padding:0;transition:opacity .3s;overflow:hidden}.carousel-thumb.active{opacity:1}.carousel-thumb img{object-fit:cover;width:100%;height:100%;display:block}.visually-hidden{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (max-width:768px){.carousel-control{width:15%}.carousel-ctrl-icon{width:2rem;height:2rem}.carousel-thumb{width:44px;height:44px}}.facts-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1.5rem;display:grid}.fact-item{background:var(--light);text-align:center;border-radius:6px;height:100%;padding:3rem 1.5rem;transition:all .5s}.fact-item:hover{background:#fff;margin-top:-10px;box-shadow:0 0 45px #00000014}.fact-item i{color:var(--primary);margin-bottom:1.25rem;font-size:3.5rem;display:block}.fact-item h5{color:var(--dark);margin-bottom:.5rem;font-size:1rem;font-weight:600}.fact-item .count{color:var(--dark);font-size:2.5rem;font-weight:700}@media (max-width:520px){.facts-grid{grid-template-columns:1fr}}.img-border-wrapper{aspect-ratio:5/4;isolation:isolate;--img-frame-offset:clamp(.75rem, 3vw, 1.75rem);--img-frame-radius:14px;--img-frame-border:3px;--img-photo-shadow:0 18px 40px #0c182e33;width:100%;height:100%;min-height:clamp(280px,42vw,460px);position:relative}.img-border-frame{inset:0 var(--img-frame-offset) var(--img-frame-offset) 0;border:var(--img-frame-border) solid var(--primary);border-radius:var(--img-frame-radius);z-index:0;pointer-events:none;background:linear-gradient(#009cff14,#009cff00);position:absolute;box-shadow:0 10px 24px #009cff2e}.img-border-photo{inset:var(--img-frame-offset) 0 0 var(--img-frame-offset);border-radius:var(--img-frame-radius);z-index:1;box-shadow:var(--img-photo-shadow);background:#fff;position:absolute;overflow:hidden}.img-border-photo img{object-fit:cover;width:100%;height:100%;display:block}@media (max-width:991px){.img-border-wrapper{--img-frame-offset:clamp(.7rem, 2.8vw, 1.3rem);--img-frame-border:3px;--img-frame-radius:12px;min-height:clamp(260px,52vw,420px)}}@media (max-width:575px){.img-border-wrapper{aspect-ratio:4/3;--img-frame-offset:.6rem;--img-frame-border:2px;--img-frame-radius:10px;min-height:250px}}.services-grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1.5rem;display:grid}.services-lead{color:#5f646c;max-width:760px;margin:.85rem auto 0}.service-item{text-align:left;height:100%;color:var(--dark);background:linear-gradient(#fff 0%,#f9fbfd 100%);border:1px solid #e8edf3;border-radius:14px;padding:1rem 1rem 1.25rem;text-decoration:none;transition:transform .35s,box-shadow .35s,border-color .35s;display:block;box-shadow:0 14px 35px #11182714}.service-item:hover{color:var(--dark);border-color:#006aff4d;transform:translateY(-7px);box-shadow:0 18px 40px #11182726}.service-item .svc-img{object-fit:cover;border-radius:10px;width:100%;height:200px;margin-bottom:.95rem;display:block}.service-chip{color:var(--primary);letter-spacing:.04em;text-transform:uppercase;background:#006aff1a;border-radius:999px;align-items:center;gap:.25rem;margin-bottom:.7rem;padding:.35rem .65rem;font-size:.72rem;font-weight:700;display:inline-flex}.service-item h4{margin-bottom:.45rem;font-size:1.05rem;font-weight:700}.service-item p{color:#626972;margin:0;font-size:.9rem;line-height:1.55}@media (max-width:560px){.services-grid{grid-template-columns:1fr}}.skill-row{margin-bottom:1.25rem}.skill-labels{justify-content:space-between;margin-bottom:5px;font-size:.9rem;display:flex}.skill-track{background:#e9ecef;border-radius:5px;height:5px;overflow:hidden}.skill-bar{background:var(--primary);border-radius:5px;width:0;height:100%;transition:width 2.5s}.projects-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1.25rem;display:grid}.project-item{background:#fff;border:1px solid #0f172a14;border-radius:14px;height:100%;padding:.9rem;transition:transform .25s,box-shadow .25s,border-color .25s;box-shadow:0 10px 30px #0f172a12}.project-item:hover{border-color:#006aff47;transform:translateY(-4px);box-shadow:0 14px 34px #006aff29}.project-thumb{border-radius:10px;margin-bottom:.9rem;position:relative;overflow:hidden}.project-thumb img{object-fit:cover;border-radius:10px;width:100%;height:200px;transition:transform .45s;display:block}.project-overlay{color:#fff;opacity:0;background:linear-gradient(#0000000d,#0000008f);border-radius:10px;justify-content:center;align-items:center;font-size:1.15rem;transition:opacity .3s;display:flex;position:absolute;inset:0}.project-overlay i{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#ffffff29;border:1px solid #ffffff59;border-radius:999px;justify-content:center;align-items:center;width:42px;height:42px;display:inline-flex}.project-item:hover .project-overlay{opacity:1}.project-item:hover .project-thumb img{transform:scale(1.04)}.project-item h6{color:#111827;margin:0 0 .2rem;font-size:.96rem;font-weight:700}.project-item span{color:#6b7280;font-size:.82rem;line-height:1.35;display:inline-block}@media (max-width:520px){.projects-grid{grid-template-columns:1fr}}.team-grid{grid-template-columns:repeat(3,1fr);gap:1.5rem;display:grid}.team-item{text-align:center;border-radius:6px;padding:1.5rem;box-shadow:0 0 45px #00000012}.team-item .team-photo{aspect-ratio:1;object-fit:cover;border:1px solid #dee2e6;border-radius:50%;width:75%;margin:0 auto 1rem;padding:8px;display:block}.team-text{height:65px;position:relative;overflow:hidden}.team-title{flex-direction:column;justify-content:center;align-items:center;transition:all .5s;display:flex;position:absolute;inset:0}.team-title h5{margin:0;font-size:1rem;font-weight:600}.team-title span{color:var(--secondary);font-size:.8rem}.team-item:hover .team-title{top:-65px}.team-social{background:#fff;justify-content:center;align-items:center;gap:6px;width:100%;height:100%;transition:all .5s;display:flex;position:absolute;top:65px;left:0}.team-item:hover .team-social{top:0}.team-social-btn{background:var(--primary);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:34px;height:34px;font-size:.78rem;transition:background .3s;display:inline-flex}.team-social-btn:hover{color:#fff;background:#007acc}@media (max-width:767px){.team-grid{grid-template-columns:1fr 1fr}}@media (max-width:480px){.team-grid{grid-template-columns:1fr}}.testimonial-slider{overflow:hidden;container-type:inline-size}.testimonial-track{justify-content:center;gap:1.5rem;width:100%;display:flex}.testimonial-item{background:var(--light);border-radius:6px;flex:0 0 calc(33.3333cqi - 1rem);width:calc(33.3333cqi - 1rem);min-width:0;padding:1.5rem;transition:background .5s,color .5s}.testimonial-item.center-item{background:var(--primary);color:#fff}.testimonial-item.center-item *{color:#fff!important}.testimonial-header{margin-bottom:1rem}.testimonial-header h5{margin:0 0 2px;font-size:.95rem;font-weight:600}.testimonial-header span{color:var(--secondary);font-size:.8rem}.testimonial-quote{text-align:left;width:100%;font-size:.9rem;font-style:italic;line-height:1.75}.testimonial-quote-clamped{-webkit-line-clamp:3;cursor:pointer;color:inherit;background:0 0;border:none;-webkit-box-orient:vertical;padding:0;font-family:inherit;display:-webkit-box;overflow:hidden}.testimonial-quote-clamped:hover{opacity:.92}.testimonial-modal-overlay{z-index:1000;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#2525258c;justify-content:center;align-items:center;padding:1.5rem;display:flex;position:fixed;inset:0}.testimonial-modal{background:#fff;border-radius:8px;width:100%;max-width:560px;padding:2rem;position:relative;box-shadow:0 20px 60px #0003}.testimonial-modal .testimonial-header span{color:var(--secondary)}.testimonial-modal-close{background:var(--light);width:36px;height:36px;color:var(--dark);cursor:pointer;border:none;border-radius:50%;justify-content:center;align-items:center;font-size:1rem;transition:background .2s;display:flex;position:absolute;top:1rem;right:1rem}.testimonial-modal-close:hover{background:#e8e8e8}.testimonial-quote-full{color:var(--dark);margin:0}@media (max-width:991px){.testimonial-item{flex:0 0 100cqi;width:100cqi}}.contact-grid{grid-template-columns:1fr 1fr;align-items:start;gap:3rem;display:grid}.contact-info-item{gap:1rem;margin-bottom:1.5rem;display:flex}.contact-icon{background:var(--primary);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;font-size:1rem;display:flex}.contact-form-group{margin-bottom:1rem}.contact-form-group input,.contact-form-group textarea{border:1px solid #dee2e6;border-radius:4px;outline:none;width:100%;padding:12px 16px;font-family:inherit;font-size:.9rem;transition:border-color .3s}.contact-form-group input:focus,.contact-form-group textarea:focus{border-color:var(--primary)}.contact-form-row{grid-template-columns:1fr 1fr;gap:1rem;display:grid}@media (max-width:991px){.contact-grid,.contact-form-row{grid-template-columns:1fr}}.cta-btn{background:var(--primary);color:#fff;cursor:pointer;border:none;border-radius:999px;align-items:center;padding:12px 2rem;font-size:.9rem;font-weight:500;transition:all .5s;display:inline-flex}.cta-btn:hover{color:#fff;background:#007acc}.cta-btn-outline{color:var(--dark);cursor:pointer;background:0 0;border:1px solid #dee2e6;border-radius:999px;align-items:center;padding:11px 2rem;font-size:.9rem;font-weight:500;transition:all .5s;display:inline-flex}.cta-btn-outline:hover{border-color:var(--primary);color:var(--primary)}.site-footer{color:var(--secondary);background-color:#252525;background-image:radial-gradient(circle at 20% 15%,#009cff14 0%,#0000 42%),radial-gradient(circle at 85% 80%,#ffffff0d 0%,#0000 38%),linear-gradient(#ffffff06 1px,#0000 1px),linear-gradient(90deg,#ffffff06 1px,#0000 1px);background-size:auto,auto,24px 24px,24px 24px;margin-top:3rem;padding-top:5rem;position:relative;overflow:hidden}.site-footer:before,.site-footer:after{display:none}.site-footer>*{z-index:1;position:relative}.footer-inner{grid-template-columns:repeat(4,1fr);gap:2rem;max-width:1320px;margin:0 auto;padding:0 2rem 3rem;display:grid}.footer-col h5{color:#fff;margin-bottom:1.25rem;font-size:1rem}.footer-col p{margin-bottom:.5rem;font-size:.875rem}.footer-col p i{margin-right:10px}.footer-link{color:var(--secondary);align-items:center;gap:6px;padding:3px 0;font-size:.875rem;transition:all .3s;display:flex}.footer-link:before{content:"›";font-size:1rem}.footer-link:hover{color:var(--primary);letter-spacing:.3px}.footer-gallery{grid-template-columns:repeat(3,1fr);gap:5px;display:grid}.footer-gallery img{aspect-ratio:1;object-fit:cover;border-radius:3px;width:100%;display:block}.footer-social{gap:6px;margin-top:.75rem;display:flex}.footer-social-btn{color:#6c757d;border:1px solid #6c757d;border-radius:50%;justify-content:center;align-items:center;width:38px;height:38px;font-size:.8rem;transition:all .3s;display:inline-flex}.footer-social-btn:hover{color:var(--primary);border-color:var(--primary)}.newsletter-wrap{margin-top:.5rem;position:relative}.newsletter-input{color:#fff;background:0 0;border:1px solid #6c757d;border-radius:4px;outline:none;width:100%;padding:11px 80px 11px 14px;font-size:.875rem}.newsletter-input::placeholder{color:#6c757d}.newsletter-btn{background:var(--primary);color:#fff;cursor:pointer;border:none;border-radius:4px;padding:6px 14px;font-size:.82rem;transition:background .3s;position:absolute;top:50%;right:4px;transform:translateY(-50%)}.newsletter-btn:hover{background:#007acc}.copyright-bar{border-top:1px solid #ffffff1a;flex-wrap:wrap;justify-content:space-between;gap:.5rem;max-width:1320px;margin:0 auto;padding:1.5rem 2rem;font-size:.85rem;display:flex}.copyright-bar a{color:#f8f8f8}.copyright-bar a:hover{color:var(--primary)}@media (max-width:991px){.footer-inner{grid-template-columns:1fr 1fr}}@media (max-width:480px){.footer-inner{grid-template-columns:1fr}}.back-to-top{z-index:999;background:var(--primary);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;font-size:1.1rem;transition:background .3s;display:flex;position:fixed;bottom:30px;right:30px}.back-to-top:hover{color:#fff;background:#007acc}.two-col{grid-template-columns:repeat(2,minmax(0,1fr));align-items:center;gap:3rem;display:grid}.two-col>*{min-width:0}@media (max-width:1100px){.two-col{grid-template-columns:1fr;gap:2rem}}.page-header{text-align:center;color:#fff;background:linear-gradient(#0000008c,#0000008c),url(/landing1.png) 50%/cover no-repeat;margin-bottom:3rem;padding:5rem 0}.page-header h1{text-shadow:0 2px 8px #0000004d;margin:.75rem 0 .5rem;font-size:clamp(2rem,5vw,3rem);font-weight:700}.page-header .page-header-sub{opacity:.88;max-width:560px;margin:0 auto .75rem;font-size:1.05rem;line-height:1.6}.page-header-breadcrumb{opacity:.75;justify-content:center;align-items:center;gap:.4rem;margin-top:1rem;font-size:.85rem;display:flex}.page-header-breadcrumb a{color:#fff}.page-header-breadcrumb a:hover{opacity:1;text-decoration:underline}.page-header-breadcrumb span{color:#ffffff80}.cta-banner{background:var(--primary);color:#fff;text-align:center;padding:5rem 0;position:relative;overflow:hidden}.cta-banner:before{content:"";pointer-events:none;background:radial-gradient(80% 80% at 50% 100%,#ffffff14 0%,#0000 70%);position:absolute;inset:0}.cta-banner>*{z-index:1;position:relative}.cta-banner h2{margin-bottom:.75rem;font-size:clamp(1.5rem,3vw,2.25rem);font-weight:700}.cta-banner p{opacity:.9;max-width:540px;margin:0 auto 2rem;font-size:1rem}.cta-banner-btn{color:var(--primary);background:#fff;border-radius:999px;align-items:center;gap:.5rem;padding:13px 2.25rem;font-size:.9rem;font-weight:600;transition:all .3s;display:inline-flex}.cta-banner-btn:hover{background:var(--dark);color:#fff}.blog-grid{grid-template-columns:repeat(3,1fr);gap:2rem;display:grid}.blog-card{border:1px solid #e8ecef;border-radius:10px;flex-direction:column;transition:box-shadow .3s,transform .3s;display:flex;overflow:hidden}.blog-card:hover{transform:translateY(-4px);box-shadow:0 8px 30px #0000001a}.blog-card-img-wrap{height:200px;overflow:hidden}.blog-card-img-wrap img{object-fit:cover;width:100%;height:100%;transition:transform .4s;display:block}.blog-card:hover .blog-card-img-wrap img{transform:scale(1.05)}.blog-card-body{flex-direction:column;flex:1;padding:1.5rem;display:flex}.blog-card-cat{text-transform:uppercase;letter-spacing:.08em;color:var(--primary);margin-bottom:.5rem;font-size:.72rem;font-weight:700}.blog-card-title{color:var(--dark);flex:1;margin-bottom:.6rem;font-size:.98rem;font-weight:700;line-height:1.4}.blog-card-excerpt{color:var(--secondary);margin-bottom:1.25rem;font-size:.84rem;line-height:1.65}.blog-card-footer{color:var(--secondary);border-top:1px solid #f0f0f0;justify-content:space-between;align-items:center;padding-top:.75rem;font-size:.78rem;display:flex}.blog-card-footer a{color:var(--primary);font-size:.82rem;font-weight:600}.blog-card-footer a:hover{text-decoration:underline}@media (max-width:991px){.blog-grid{grid-template-columns:1fr 1fr}}@media (max-width:575px){.blog-grid{grid-template-columns:1fr}}.process-steps{grid-template-columns:repeat(5,1fr);gap:1.5rem;display:grid;position:relative}.process-steps:before{content:"";background:linear-gradient(90deg, var(--primary), #007acc);z-index:0;height:2px;position:absolute;top:27px;left:10%;right:10%}.process-step{text-align:center;z-index:1;position:relative}.process-step-num{background:var(--primary);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:56px;height:56px;margin:0 auto 1rem;font-size:1.25rem;font-weight:700;display:flex;box-shadow:0 4px 16px #009cff4d}.process-step h5{margin-bottom:.4rem;font-size:.9rem;font-weight:700}.process-step p{color:var(--secondary);font-size:.8rem;line-height:1.5}@media (max-width:991px){.process-steps{grid-template-columns:1fr 1fr}.process-steps:before{display:none}}@media (max-width:480px){.process-steps{grid-template-columns:1fr}}.service-detail-grid{grid-template-columns:repeat(3,1fr);gap:2rem;display:grid}.service-detail-card{background:#fff;border:1px solid #e8ecef;border-radius:10px;padding:2rem;transition:box-shadow .3s,transform .3s}.service-detail-card:hover{transform:translateY(-4px);box-shadow:0 8px 30px #009cff1f}.service-detail-icon{background:#009cff1a;border-radius:12px;justify-content:center;align-items:center;width:64px;height:64px;margin-bottom:1.25rem;display:flex}.service-detail-icon i{color:var(--primary);font-size:1.5rem}.service-detail-card h4{margin-bottom:.6rem;font-size:1rem;font-weight:700}.service-detail-card>p{color:var(--secondary);margin-bottom:1rem;font-size:.875rem;line-height:1.65}.service-features{margin:0;padding:0;list-style:none}.service-features li{color:var(--secondary);align-items:baseline;gap:8px;padding:3px 0;font-size:.82rem;display:flex}.service-features li:before{content:"✓";color:var(--primary);flex-shrink:0;font-weight:700}@media (max-width:991px){.service-detail-grid{grid-template-columns:1fr 1fr}}@media (max-width:575px){.service-detail-grid{grid-template-columns:1fr}}.timeline{max-width:720px;margin:0 auto;position:relative}.timeline:before{content:"";background:linear-gradient(180deg, var(--primary), #007acc);width:2px;position:absolute;top:0;bottom:0;left:24px}.timeline-item{align-items:flex-start;gap:1.5rem;margin-bottom:2rem;display:flex}.timeline-dot{background:var(--primary);color:#fff;z-index:1;border-radius:50%;justify-content:center;align-items:center;width:48px;min-width:48px;height:48px;font-size:.9rem;font-weight:700;display:flex;position:relative;box-shadow:0 4px 16px #009cff4d}.timeline-content{background:var(--light);border:1px solid #e8ecef;border-radius:8px;flex:1;padding:1.25rem 1.5rem}.timeline-year{color:var(--primary);margin-bottom:.3rem;font-size:1.1rem;font-weight:700}.timeline-content h5{margin-bottom:.3rem;font-size:.95rem;font-weight:700}.timeline-content p{color:var(--secondary);margin:0;font-size:.85rem;line-height:1.6}.industry-grid{grid-template-columns:repeat(4,1fr);gap:1.5rem;display:grid}.industry-card{background:var(--light);text-align:center;border:1px solid #e8ecef;border-radius:10px;padding:1.75rem 1.5rem;transition:box-shadow .3s,transform .3s}.industry-card:hover{transform:translateY(-3px);box-shadow:0 6px 20px #00000014}.industry-card i{color:var(--primary);margin-bottom:.75rem;font-size:2rem;display:block}.industry-card h5{margin-bottom:.4rem;font-size:.9rem;font-weight:700}.industry-card p{color:var(--secondary);margin:0;font-size:.8rem}@media (max-width:991px){.industry-grid{grid-template-columns:1fr 1fr}}@media (max-width:480px){.industry-grid{grid-template-columns:1fr}}@media (max-width:767px){.topbar{padding:.35rem 0;display:block}.topbar-inner{flex-direction:column;align-items:stretch;gap:.35rem;padding:0 1rem}.topbar-breadcrumb{white-space:nowrap;scrollbar-width:none;-webkit-overflow-scrolling:touch;scroll-snap-type:x proximity;gap:.3rem;width:100%;padding-bottom:.1rem;overflow-x:auto}.topbar-breadcrumb::-webkit-scrollbar{display:none}.topbar-breadcrumb>span{flex-shrink:0;align-items:center;display:inline-flex}.topbar-crumb{gap:.2rem}.topbar-page-link{scroll-snap-align:start;background:#fff;border:1px solid #e7ebef;padding:.25rem .55rem;font-size:.75rem}.topbar-page-link.active{color:#fff;background:var(--primary);border-color:var(--primary)}.topbar-separator,.topbar-meta,.topbar-social-label{display:none}.topbar-social{scrollbar-width:none;-webkit-overflow-scrolling:touch;width:100%;overflow-x:auto}.topbar-social::-webkit-scrollbar{display:none}.topbar-social-btn{background:#fff;border:1px solid #dbe2e8;border-radius:999px;width:34px;height:34px}.site-container{padding:0 1rem}.site-section{padding:3.25rem 0}.brand-bar{padding:.9rem 0}.brand-bar-inner{padding:0 1rem}.brand-logo img{width:44px;height:44px}.brand-logo-text h2{font-size:1.2rem}.brand-logo-text span{font-size:.68rem}.nav-inner{padding-inline:1rem}.nav-links{max-height:calc(100vh - 64px);padding:.75rem 1rem 1rem;overflow-y:auto}.nav-links-list{gap:.15rem}.nav-link-item{width:100%;font-size:.95rem}.nav-get-started{justify-content:center;width:100%;margin-top:.7rem}.hero-carousel{aspect-ratio:4/3;margin-bottom:1.5rem}.carousel-control{width:18%}.carousel-indicators{gap:6px;bottom:10px;left:6%;right:6%}.carousel-thumb{width:36px;height:36px}.two-col,.contact-grid{gap:1.5rem}.contact-info-item{gap:.75rem;margin-bottom:1rem}.contact-icon{width:42px;height:42px;font-size:.9rem}.cta-btn,.cta-btn-outline{justify-content:center;width:100%;padding-left:1rem;padding-right:1rem}.page-header{margin-bottom:2rem;padding:3.5rem 0}.page-header .page-header-sub{font-size:.95rem}.page-header-breadcrumb{flex-wrap:wrap;row-gap:.2rem}.site-footer{margin-top:2rem;padding-top:3.5rem}.footer-inner{gap:1.5rem;padding:0 1rem 2rem}.copyright-bar{padding:1rem;font-size:.8rem}.back-to-top{width:42px;height:42px;font-size:1rem;bottom:14px;right:14px}}@media (max-width:480px){.site-container{padding:0 .85rem}.site-section{padding:2.75rem 0}.hero-carousel{aspect-ratio:1}.carousel-indicators{display:none}.carousel-control{width:20%}.carousel-ctrl-icon{width:1.7rem;height:1.7rem}.fact-item{padding:2rem 1rem}.fact-item i{margin-bottom:.85rem;font-size:2.5rem}.fact-item .count{font-size:2rem}.service-item .svc-img,.project-thumb img,.blog-card-img-wrap{height:180px}.testimonial-modal-overlay{padding:.85rem}.testimonial-modal{padding:1.35rem 1rem}}.section-head{text-align:center;margin-bottom:3rem}.section-head h2{margin-top:1.25rem;font-size:clamp(1.45rem,3vw,2rem);font-weight:700;line-height:1.3}.section-head p{color:var(--secondary);max-width:580px;margin:.75rem auto 0;font-size:.95rem}.body-copy{color:var(--secondary);font-size:.95rem;line-height:1.75}.two-col-media{justify-content:center;display:flex}.two-col-media img{border-radius:10px;width:100%;height:auto;box-shadow:0 20px 50px #0000001a}.project-showcase-list{flex-direction:column;gap:4rem;display:flex}.project-showcase{direction:ltr}.project-showcase.reverse{direction:rtl}.project-showcase>*{direction:ltr}.featured-post{background:var(--light);border:1px solid #e8ecef;border-radius:12px;grid-template-columns:1fr 1fr;align-items:center;gap:3rem;display:grid;overflow:hidden}.featured-post-media{height:100%;min-height:320px;overflow:hidden}.featured-post-media img{object-fit:cover;width:100%;height:100%;display:block}.featured-post-body{padding:2.5rem}.chip{color:var(--primary);text-transform:uppercase;letter-spacing:.08em;background:#009cff1a;border-radius:999px;padding:4px 12px;font-size:.72rem;font-weight:700;display:inline-block}.projects-filter{flex-wrap:wrap;justify-content:center;gap:.65rem;display:flex}.projects-filter-btn{color:#4b5563;cursor:pointer;background:#fff;border:1px solid #d9e1eb;border-radius:999px;padding:.5rem .95rem;font-size:.82rem;font-weight:600;transition:all .2s}.projects-filter-btn:hover,.projects-filter-btn.active{background:var(--primary);color:#fff;border-color:var(--primary)}.contact-map{border:1px solid #e8ecef;border-radius:10px;height:380px;overflow:hidden;box-shadow:0 8px 30px #0000000f}.faq-list{flex-direction:column;gap:1rem;max-width:760px;margin:0 auto;display:flex}.faq-card{background:#fff;border:1px solid #e8ecef;border-radius:8px;padding:1.25rem 1.5rem}@media (max-width:991px){.featured-post{grid-template-columns:1fr;gap:0}.featured-post-media{min-height:240px}.featured-post-body{padding:1.5rem 1.25rem}}@media (max-width:1200px){.topbar-inner,.brand-bar-inner,.nav-inner,.footer-inner,.copyright-bar{padding-left:1rem;padding-right:1rem}.topbar-breadcrumb{white-space:nowrap;padding-bottom:2px;overflow-x:auto}}@media (max-width:767px){.section-head{margin-bottom:2rem}.section-head h2{margin-top:1rem}.project-showcase-list{gap:2.5rem}.project-showcase,.project-showcase.reverse{direction:ltr}.contact-map{height:300px}}@media (max-width:480px){.featured-post-media{min-height:200px}.projects-filter{justify-content:flex-start}.projects-filter-btn{padding:.45rem .75rem;font-size:.78rem}.faq-card{padding:1rem}.contact-map{height:240px}}.playground-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.25rem;display:grid}.play-card{background:#fff;border:1px solid #e8ecef;border-radius:12px;padding:1.25rem;box-shadow:0 10px 24px #0f172a0f}.play-card h3{margin-bottom:.45rem;font-size:1.1rem;font-weight:700}.play-card p{color:var(--secondary);margin-bottom:1rem;font-size:.9rem}.play-controls{flex-wrap:wrap;align-items:center;gap:.65rem;display:flex}.play-controls input{min-width:110px;font:inherit;border:1px solid #dbe2ea;border-radius:999px;padding:.55rem .85rem}.play-controls .cta-btn,.play-controls .cta-btn-outline{padding:.55rem 1rem}.play-status{color:var(--secondary);flex-direction:column;gap:.2rem;margin-top:.95rem;font-size:.88rem;display:flex}.play-status strong{color:var(--dark)}.playground-shell{flex-direction:column;height:100dvh;max-height:100dvh;display:flex;overflow:hidden}.playground-page{color:#e8edf4;background:radial-gradient(120% 80% at 50% 0,#1a2840 0%,#0000 55%),linear-gradient(#0c1018 0%,#0f1419 45%,#0a0e14 100%);flex-direction:column;flex:1;min-height:0;padding:.75rem;display:flex;overflow:hidden}.playground-page .hb-lobby,.playground-page .hb-intro,.playground-page .hb-room-waiting{color:#e8edf4}.playground-page .hb-lobby h3,.playground-page .hb-lobby h4,.playground-page .hb-intro h3{color:#f8fafc}.playground-page .hb-lobby-lead,.playground-page .hb-intro p{color:#b8c9dc}.playground-page .hb-muted{color:#9fb0c4}.playground-page .hb-intro-points li{color:#e2e8f0;background:#ffffff0f;border-color:#334155}.playground-page .hb-intro a{color:#7dd3fc}.playground-page .hb-intro a:hover{color:#bae6fd}.playground-page .hb-lobby-nick label,.playground-page .hb-lobby-list-head h4{color:#f1f5f9}.playground-page .hb-lobby-nick input,.playground-page .hb-lobby-join-inline input{color:#f8fafc;background:#0f141cd9;border-color:#3a4f66}.playground-page .hb-lobby-nick input::placeholder,.playground-page .hb-lobby-join-inline input::placeholder{color:#64748b}.playground-page .hb-lobby-table{color:#e2e8f0}.playground-page .hb-lobby-table th{color:#94a3b8;background:#00000040}.playground-page .hb-lobby-table td{border-bottom-color:#2a3548}.playground-page .hb-lobby-room-name{color:#f8fafc}.playground-page .hb-lobby-filter{color:#c8d4e4}.playground-page .hb-lobby-filter.is-active{color:#f8fafc}.playground-page .hb-lobby-modal{color:#e8edf4}.playground-page .hb-lobby-modal h4,.playground-page .hb-lobby-modal legend{color:#f8fafc}.playground-page .hb-lobby-modal label{color:#c8d4e4}.playground-page .hb-lobby-squad-btn{color:#e2e8f0}.playground-page .hb-room-code-display{color:#f8fafc}.playground-page .hb-room-players li{color:#e2e8f0}.playground-page .hb-root{flex:1;width:100%;max-width:100%;min-height:0;margin:0 auto}.playground-page .hb-root--draft{min-height:calc(100vh - 5rem)}.playground-page .hb-root--playground{flex-direction:column;height:100%;min-height:0;max-height:100%;display:flex;overflow:hidden}.playground-loading{flex:1;justify-content:center;align-items:center;min-height:0;display:flex}.playground-loading-inner{text-align:center;color:#c8d4e4}.playground-loading-logo{margin-bottom:.75rem;font-size:2.5rem;animation:1.4s ease-in-out infinite playground-pulse;display:block}.playground-loading-inner p{letter-spacing:.02em;font-size:.95rem;font-weight:600}.playground-loading-bar{background:#ffffff14;border-radius:999px;width:160px;height:4px;margin:.85rem auto 0;overflow:hidden}.playground-loading-bar span{border-radius:inherit;background:linear-gradient(90deg,#009cff,#4db8ff);width:40%;height:100%;animation:1.2s ease-in-out infinite playground-load-slide;display:block}@keyframes playground-load-slide{0%{transform:translate(-100%)}to{transform:translate(350%)}}.smart-scroll{--smart-scroll-thumb:#4db8ff38;--smart-scroll-thumb-active:#4db8ffb8;--smart-scroll-track:transparent;--smart-scroll-fade:#0c1018eb;min-height:0;position:relative;overflow:hidden}.smart-scroll-viewport,.hb-smart-scroll{scrollbar-width:thin;scrollbar-color:var(--smart-scroll-thumb) var(--smart-scroll-track);scroll-behavior:smooth;-webkit-overflow-scrolling:touch;overscroll-behavior:contain}.smart-scroll-viewport{width:100%;height:100%;max-height:100%;overflow:hidden auto}.smart-scroll--x .smart-scroll-viewport{overflow:auto hidden}.smart-scroll--both .smart-scroll-viewport{overflow:auto}.smart-scroll-viewport::-webkit-scrollbar{width:6px;height:6px}.hb-smart-scroll::-webkit-scrollbar{width:6px;height:6px}.smart-scroll-viewport::-webkit-scrollbar-track{background:0 0;margin:4px 0}.hb-smart-scroll::-webkit-scrollbar-track{background:0 0;margin:4px 0}.smart-scroll-viewport::-webkit-scrollbar-thumb{background:var(--smart-scroll-thumb);border:1px solid #4db8ff1f;border-radius:999px;transition:background .22s,opacity .22s}.hb-smart-scroll::-webkit-scrollbar-thumb{background:var(--smart-scroll-thumb);border:1px solid #4db8ff1f;border-radius:999px;transition:background .22s,opacity .22s}.smart-scroll:hover .smart-scroll-viewport::-webkit-scrollbar-thumb{background:var(--smart-scroll-thumb-active)}.smart-scroll.is-active .smart-scroll-viewport::-webkit-scrollbar-thumb{background:var(--smart-scroll-thumb-active)}.hb-smart-scroll:hover::-webkit-scrollbar-thumb{background:var(--smart-scroll-thumb-active)}.hb-smart-scroll:focus-within::-webkit-scrollbar-thumb{background:var(--smart-scroll-thumb-active)}.smart-scroll-fade{pointer-events:none;z-index:2;opacity:0;transition:opacity .22s;position:absolute}.smart-scroll-fade--top,.smart-scroll-fade--bottom{height:28px;left:0;right:6px}.smart-scroll-fade--top{background:linear-gradient(180deg, var(--smart-scroll-fade), transparent);top:0}.smart-scroll-fade--bottom{background:linear-gradient(0deg, var(--smart-scroll-fade), transparent);bottom:0}.smart-scroll-fade--left,.smart-scroll-fade--right{width:28px;top:0;bottom:6px}.smart-scroll-fade--left{background:linear-gradient(90deg, var(--smart-scroll-fade), transparent);left:0}.smart-scroll-fade--right{background:linear-gradient(270deg, var(--smart-scroll-fade), transparent);right:0}.smart-scroll.can-scroll-up .smart-scroll-fade--top,.smart-scroll.can-scroll-down .smart-scroll-fade--bottom,.smart-scroll.can-scroll-left .smart-scroll-fade--left,.smart-scroll.can-scroll-right .smart-scroll-fade--right{opacity:1}.playground-page .hb-inspector,.playground-page .hb-root--playground.hb-root--draft .hb-draft-layout,.playground-page .hb-lobby-body{scrollbar-width:thin;scrollbar-color:#4db8ff38 transparent;scroll-behavior:smooth;overscroll-behavior:contain}.playground-page .hb-inspector::-webkit-scrollbar{width:6px}.playground-page .hb-root--playground.hb-root--draft .hb-draft-layout::-webkit-scrollbar{width:6px}.playground-page .hb-lobby-body::-webkit-scrollbar{width:6px}.playground-page .hb-inspector::-webkit-scrollbar-track{background:0 0}.playground-page .hb-root--playground.hb-root--draft .hb-draft-layout::-webkit-scrollbar-track{background:0 0}.playground-page .hb-lobby-body::-webkit-scrollbar-track{background:0 0}.playground-page .hb-inspector::-webkit-scrollbar-thumb{background:#4db8ff38;border:1px solid #4db8ff1f;border-radius:999px;transition:background .22s}.playground-page .hb-root--playground.hb-root--draft .hb-draft-layout::-webkit-scrollbar-thumb{background:#4db8ff38;border:1px solid #4db8ff1f;border-radius:999px;transition:background .22s}.playground-page .hb-lobby-body::-webkit-scrollbar-thumb{background:#4db8ff38;border:1px solid #4db8ff1f;border-radius:999px;transition:background .22s}.playground-page .hb-inspector:hover::-webkit-scrollbar-thumb{background:#4db8ffb8}.playground-page .hb-root--playground.hb-root--draft .hb-draft-layout:hover::-webkit-scrollbar-thumb{background:#4db8ffb8}.playground-page .hb-lobby-body:hover::-webkit-scrollbar-thumb{background:#4db8ffb8}.hb-lobby-sidebar.smart-scroll{flex-direction:column;min-height:0;display:flex}.hb-lobby-sidebar-inner{flex-direction:column;gap:.85rem;padding-right:2px;display:flex}.hb-lobby-table-wrap.smart-scroll{background:#0000002e;border:1px solid #2f3d50;border-radius:8px;flex:1;min-height:0}.hb-lobby-table-wrap.smart-scroll .smart-scroll-viewport{padding-bottom:2px}.hb-room-waiting.smart-scroll{flex:1;min-height:0}.hb-room-waiting.smart-scroll .smart-scroll-viewport{justify-content:center;align-items:center;padding:1rem .5rem;display:flex}.hb-log-scroll-wrap.smart-scroll{flex:1;min-height:0}.hb-log-scroll-wrap .hb-log-scroll{flex-direction:column;gap:.2rem;max-height:none;display:flex;overflow:visible}@keyframes playground-pulse{0%,to{opacity:.45;transform:scale(.96)}50%{opacity:1;transform:scale(1)}}.hb-root{border:1px solid var(--border-color);background:#fff;border-radius:16px;padding:1.25rem;box-shadow:0 12px 30px #0f172a12}.hb-muted{color:var(--secondary);font-size:.85rem}.hb-intro{text-align:center;max-width:640px;margin:0 auto;padding:1.5rem .5rem}.hb-intro-badge{background:var(--primary);color:#fff;letter-spacing:.06em;text-transform:uppercase;border-radius:999px;margin-bottom:.9rem;padding:.35rem .8rem;font-size:.72rem;font-weight:700;display:inline-block}.hb-intro h3{margin-bottom:.7rem;font-size:1.55rem;font-weight:800}.hb-intro p{color:var(--secondary);margin-bottom:1.1rem}.hb-intro-points{text-align:left;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:.5rem;max-width:520px;margin:0 auto 1.4rem;list-style:none;display:grid}.hb-intro-points li{background:var(--surface-soft);border:1px solid var(--border-color);border-radius:10px;padding:.6rem .8rem;font-size:.9rem;font-weight:600}.hb-handoff{padding:2.5rem .5rem}.hb-root--draft{background:radial-gradient(ellipse 80% 50% at 50% -10%, var(--player-color), transparent), linear-gradient(180deg, #1a2332 0%, #121820 100%);border:2px solid #2a3544;border-radius:14px}@supports (color:color-mix(in lab, red, red)){.hb-root--draft{background:radial-gradient(ellipse 80% 50% at 50% -10%, color-mix(in srgb, var(--player-color) 18%, transparent), transparent), linear-gradient(180deg, #1a2332 0%, #121820 100%)}}.hb-root--draft{color:#e8edf4;padding:1rem;box-shadow:inset 0 1px #ffffff0f,0 16px 40px #00000073}.hb-root--playground{color:#e8edf4;background:radial-gradient(90% 60% at 50% -20%,#009cff1f,#0000),linear-gradient(#1a2332 0%,#121820 100%);border:2px solid #3a4a62;border-radius:14px;padding:1rem;box-shadow:inset 0 1px #ffffff0f,0 16px 40px #00000073}.hb-root--playground .hb-battle-hud,.hb-root--playground .hb-victory{flex-shrink:0;margin-bottom:.65rem}.hb-root--playground .hb-battle-layout{flex:1;grid-template-columns:minmax(0,1fr) minmax(300px,400px);min-height:0;overflow:hidden}.hb-root--playground .hb-board-wrap{flex-direction:column;min-height:0;display:flex;overflow:hidden}.hb-root--playground .hb-board-wrap--arena{flex:1}.hb-root--playground .hb-board-viewport{cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;flex:1;min-height:0;overflow:hidden}.hb-root--playground .hb-board-viewport:active{cursor:grabbing}.hb-root--playground .hb-board-pan{transform-origin:0 0}.hb-root--playground .hb-board-end-turn{z-index:3;position:absolute;bottom:3.25rem;right:1rem;box-shadow:0 8px 24px #00000073}.hb-board-zoom{z-index:3;flex-direction:column;gap:.3rem;display:flex;position:absolute;bottom:3.25rem;left:1rem}.hb-board-zoom-btn{color:#e8edf4;cursor:pointer;background:#0000008c;border:1px solid #4a5d78;border-radius:8px;width:2rem;height:2rem;font-size:1.1rem;font-weight:800;line-height:1;box-shadow:0 4px 14px #00000059}.hb-board-zoom-btn:hover{background:#009cff40;border-color:#009cff}.hb-board-zoom-btn:active{transform:scale(.96)}.hb-root--playground .hb-legend{flex-shrink:0;gap:.45rem .65rem;margin-top:.45rem;font-size:.68rem}.hb-root--playground .hb-side{flex-direction:column;min-height:0;display:flex;overflow:hidden}.hb-root--playground .hb-inspector{flex:1;min-height:0;max-height:none;overflow:hidden auto}.hb-root--playground .hb-log{flex-direction:column;flex:1;min-height:0;display:flex;overflow:hidden}.hb-root--playground .hb-log-scroll{flex:1;min-height:0;max-height:none;overflow-y:auto}.hb-root--playground .hb-muted{color:#8b9cb3}.hb-root--playground .hb-victory{color:#f8fafc;background:#00000059;border-width:2px}.hb-root--playground .hb-inspector-empty{flex:1;min-height:180px}.hb-root--playground .hb-inspector--profile{padding:.85rem 1rem}.hb-root--playground .hb-inspector--profile .hb-unit-profile-main{grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);align-items:start;gap:.85rem}.hb-root--playground .hb-inspector--profile .hb-unit-profile-left{max-width:none;margin:0}.hb-root--playground .hb-inspector--profile .hb-char-portrait--profile{width:108px}.hb-root--playground .hb-inspector--profile .hb-stat-list{grid-template-columns:1fr;gap:.35rem}.hb-root--playground .hb-inspector--profile .hb-skill-icon{width:40px;height:40px}.hb-root--playground .hb-inspector--profile .hb-skill-icon-emoji{font-size:1.15rem}.hb-root--playground .hb-inspector--profile .hb-unit-profile-blurb{font-size:.82rem;line-height:1.45}.hb-root--playground .hb-log h4{color:#c8d4e4}.hb-root--playground .hb-log-line{border-bottom-color:#2f3d50}.hb-root--playground .hb-log-turn{color:#f1f5f9}.hb-root--playground .hb-tag{color:#c8d4e4;background:#ffffff0f;border-color:#3a4f66}.hb-root--playground .hb-hint{color:#8b9cb3}.hb-root--playground .hb-legend{color:#9fb0c4}.hb-root--playground .hb-legend i{border-color:#4a5d78}.hb-root--playground .hb-vs{color:#8b9cb3}.hb-root--playground .hb-skill{color:#d4dde8;background:#141c28;border-color:#2f3d50}.hb-root--playground .hb-skill p{color:#8b9cb3}.hb-root--playground .hb-skill-active{border-color:var(--accent);box-shadow:inset 3px 0 0 var(--accent);background:#141c28}.hb-root--playground .hb-stat-row{background:#00000040}.hb-root--playground .hb-stat-row-value{color:#f1f5f9}.hb-root--playground .hb-unit-profile-section h5{color:#6b7d94}.hb-root--playground .hb-unit-profile-blurb{color:#9fb0c4}.hb-root--playground .hb-unit-profile-vitals-row{color:#c8d4e4}.hb-root--playground .hb-unit-profile-hpbar{background:#0d1218;border-color:#2f3d50}.hb-root--playground .hb-game-btn-secondary{background:linear-gradient(#3a4a5e 0%,#2a3544 100%);border-color:#5a6d84;box-shadow:0 3px #1a2332,0 6px 16px #00000059}.hb-root--playground .hb-game-btn-secondary:active:not(:disabled){box-shadow:0 1px #1a2332,0 3px 8px #0000004d}.hb-root--playground .hb-actions .hb-game-btn,.hb-root--playground .hb-actions .hb-game-btn-secondary{width:100%}.hb-battle-hud{background:#00000059;border:1px solid #2f3d50;border-radius:10px;grid-template-columns:1fr auto 1fr;align-items:center;gap:1rem;margin-bottom:.85rem;padding:.75rem 1rem;display:grid;box-shadow:inset 0 1px #ffffff0d}.hb-battle-hud-left{align-items:center;gap:1rem;min-width:0;display:flex}.hb-board-wrap--arena{background:radial-gradient(70% 50%,#1e2a3a 0%,#121820 100%);border:2px solid #4a5d78;border-radius:12px;padding:1.25rem .85rem .85rem;position:relative;box-shadow:inset 0 0 40px #00000073,inset 0 2px #ffffff0a,0 8px 24px #00000059}.hb-board-wrap--arena:before,.hb-board-wrap--arena:after{content:"";opacity:.6;pointer-events:none;border:2px solid #6b7d94;width:18px;height:18px;position:absolute}.hb-board-wrap--arena:before{border-bottom:none;border-right:none;border-radius:4px 0 0;top:8px;left:8px}.hb-board-wrap--arena:after{border-top:none;border-left:none;border-radius:0 0 4px;bottom:8px;right:8px}.hb-board-frame-label{letter-spacing:.18em;text-transform:uppercase;color:#6b7d94;pointer-events:none;font-size:.62rem;font-weight:800;position:absolute;top:.45rem;left:50%;transform:translate(-50%)}.hb-root--playground .hb-board{max-width:100%}.hb-root--draft .hb-muted{color:#8b9cb3}.hb-root--playground.hb-root--draft .hb-draft-hud,.hb-root--playground.hb-root--draft .hb-draft-slots{flex-shrink:0}.hb-root--playground.hb-root--draft .hb-draft-layout{flex:auto;min-height:0;overflow-y:auto}.hb-draft-hud{background:#00000059;border:1px solid #2f3d50;border-radius:10px;grid-template-columns:1fr auto 1fr;align-items:center;gap:1rem;margin-bottom:.85rem;padding:.75rem 1rem;display:grid;box-shadow:inset 0 1px #ffffff0d}.hb-draft-hud-left{align-items:center;gap:1rem;min-width:0;display:flex}.hb-draft-logo{letter-spacing:.12em;color:#6b7d94;white-space:nowrap;font-size:.72rem;font-weight:800}.hb-draft-player{align-items:center;gap:.55rem;display:flex}.hb-draft-player-badge{background:var(--player-color);color:#fff;width:36px;height:36px;box-shadow:0 0 12px var(--player-color);border-radius:8px;place-items:center;font-size:.8rem;font-weight:800;display:grid}@supports (color:color-mix(in lab, red, red)){.hb-draft-player-badge{box-shadow:0 0 12px color-mix(in srgb, var(--player-color) 50%, transparent)}}.hb-draft-player-name{font-size:.95rem;font-weight:800;line-height:1.2;display:block}.hb-draft-phase{letter-spacing:.08em;text-transform:uppercase;color:var(--player-color);font-size:.68rem;font-weight:700;display:block}.hb-draft-hud-center{flex-direction:column;align-items:center;gap:.3rem;min-width:200px;display:flex}.hb-draft-count{color:#8b9cb3;font-size:.78rem;font-weight:600}.hb-draft-count b{color:#fff;font-size:.95rem}.hb-draft-status{letter-spacing:.06em;text-transform:uppercase;color:#f59e0b;font-size:.68rem;font-weight:700}.hb-draft-status.is-ready{color:#4ade80}.hb-game-btn{min-width:140px;font:inherit;letter-spacing:.04em;text-transform:uppercase;color:#fff;cursor:pointer;background:linear-gradient(#2a8fd4 0%,#0070b8 100%);border:2px solid #4db8ff;border-radius:8px;justify-content:center;justify-self:end;align-items:center;padding:.65rem 1.25rem;font-size:.82rem;font-weight:800;transition:transform .1s,box-shadow .1s,filter .1s;display:inline-flex;box-shadow:0 3px #004d80,0 6px 16px #00000059}.hb-game-btn:hover:not(:disabled){filter:brightness(1.08);transform:translateY(-1px)}.hb-game-btn:active:not(:disabled){transform:translateY(2px);box-shadow:0 1px #004d80,0 3px 8px #0000004d}.hb-game-btn:disabled{opacity:.45;cursor:not-allowed;filter:grayscale(.4)}.hb-draft-slots{background:#00000040;border:1px solid #2f3d50;border-radius:10px;align-items:flex-end;gap:.75rem;margin-bottom:1rem;padding:.75rem .5rem;display:flex;overflow-x:auto}.hb-draft-slots .hb-draft-slot:not(.is-filled){justify-content:center}.hb-draft-slot{min-height:160px;font:inherit;color:#5a6d84;cursor:default;background:0 0;border:none;flex-direction:column;flex:0 0 128px;justify-content:flex-end;align-items:center;gap:.15rem;padding:0;transition:transform .12s,filter .12s;display:flex}.hb-draft-slot.is-filled{cursor:pointer}.hb-draft-slot.is-filled:hover{filter:brightness(1.08);transform:translateY(-3px)}.hb-draft-slot-empty{color:#5a6d84;font-size:1.35rem;font-weight:800;line-height:1}.hb-panel-label{letter-spacing:.14em;text-transform:uppercase;color:#6b7d94;margin-bottom:.65rem;font-size:.68rem;font-weight:800}.hb-draft-layout{grid-template-columns:1.55fr 1fr;align-items:start;gap:1rem;display:grid}.hb-draft-roster-panel{background:#00000038;border:1px solid #2f3d50;border-radius:10px;min-height:420px;padding:.85rem}.hb-roster{grid-template-columns:repeat(auto-fill,minmax(120px,1fr));align-content:start;gap:.5rem;display:grid}.hb-roster-card{cursor:pointer;font:inherit;background:0 0;border:none;padding:0;transition:transform .12s,opacity .12s;position:relative}.hb-roster-card:hover:not(.is-disabled){transform:translateY(-3px)}.hb-roster-card.is-disabled{opacity:.4;cursor:not-allowed}.hb-roster-card-frame{box-shadow:none;background:0 0;border:none;flex-direction:column;align-items:center;gap:.2rem;padding:0;display:flex;position:relative}.hb-roster-card.is-preview .hb-char-portrait--roster{filter:drop-shadow(0 0 10px var(--accent))}.hb-roster-card.is-picked .hb-char-portrait--roster{opacity:.55}.hb-roster-emoji{filter:drop-shadow(0 2px 4px #0006);font-size:2rem;line-height:1}.hb-char-portrait{object-fit:cover;object-position:center top;filter:drop-shadow(0 2px 4px #00000059);display:block}.hb-char-portrait--roster,.hb-char-portrait--profile{object-fit:unset;height:auto}.hb-char-portrait--roster{width:110px}.hb-char-portrait--draft{filter:drop-shadow(0 4px 8px #00000073);width:120px;height:auto}.hb-char-portrait--profile{width:220px}.hb-roster-name{text-align:center;color:#f1f5f9;font-size:.8rem;font-weight:800}.hb-roster-lang{color:#7d8fa6;font-size:.65rem}.hb-roster-stats{color:#9fb0c4;gap:.35rem;margin-top:.2rem;font-size:.62rem;font-weight:700;display:flex}.hb-roster-check{background:var(--accent);color:#fff;border:2px solid #0f1419;border-radius:50%;place-items:center;width:22px;height:22px;font-size:.75rem;font-weight:800;display:grid;position:absolute;top:-7px;right:-7px;box-shadow:0 2px 6px #0006}.hb-role-badge{background:#0f1419eb;border:2px solid #2f3d50;border-radius:50%;flex-shrink:0;place-items:center;width:22px;height:22px;line-height:1;display:inline-grid;box-shadow:0 2px 6px #0006}.hb-role-badge--melee{color:#fb923c;border-color:#fb923c80}.hb-role-badge--ranged{color:#38bdf8;border-color:#38bdf880}.hb-role-icon{width:12px;height:12px;display:block}.hb-roster-role{z-index:1;position:absolute;bottom:2px;left:2px}.hb-role-badge--inline{width:18px;height:18px;box-shadow:none;border-width:1.5px}.hb-role-badge--inline .hb-role-icon{width:10px;height:10px}.hb-draft-slot-frame{display:flex;position:relative}.hb-unit-tag-role{text-transform:none;letter-spacing:0;align-items:center;gap:.3rem;display:inline-flex}.hb-unit-role-badge{-webkit-user-select:none;user-select:none;pointer-events:none}.hb-preview{border:1px solid var(--border-color);border-top:4px solid var(--accent);background:var(--surface-soft);border-radius:12px;align-self:start;padding:1rem}.hb-preview--game{border:1px solid #2f3d50;border-top:3px solid var(--accent);background:#00000047;border-radius:10px;padding:.85rem;overflow:visible}.hb-unit-profile{flex-direction:column;gap:.75rem;display:flex;overflow:visible}.hb-unit-profile-section{overflow:visible}.hb-unit-profile-main{grid-template-columns:auto minmax(0,1fr);align-items:start;gap:1rem;display:grid}.hb-unit-profile-left{flex-direction:column;flex-shrink:0;align-items:center;gap:.55rem;width:220px;display:flex}.hb-unit-profile-right{min-width:0}.hb-unit-profile-right-label{letter-spacing:.1em;text-transform:uppercase;color:#6b7d94;margin-bottom:.45rem;font-size:.68rem;font-weight:800}.hb-unit-profile-portrait{flex-shrink:0;justify-content:center;align-items:center;display:flex}.hb-unit-profile-emoji{filter:drop-shadow(0 2px 4px #00000059);font-size:4rem;line-height:1}.hb-unit-profile-identity{text-align:center;width:100%}.hb-unit-profile-identity h4{color:#f8fafc;margin-bottom:.35rem;font-size:.95rem;font-weight:800;line-height:1.2}.hb-unit-profile-tags{flex-wrap:wrap;justify-content:center;gap:.3rem;display:flex}.hb-unit-tag{letter-spacing:.05em;text-transform:uppercase;color:#c8d4e4;background:#ffffff14;border:1px solid #3a4f66;border-radius:999px;padding:.15rem .4rem;font-size:.58rem;font-weight:800}.hb-unit-tag-owner{background:var(--accent);border-color:var(--accent);color:#fff}.hb-unit-profile-blurb{color:#9fb0c4;text-align:center;-webkit-line-clamp:3;-webkit-box-orient:vertical;font-size:.72rem;line-height:1.35;display:-webkit-box;overflow:hidden}.hb-unit-profile-vitals{background:#00000038;border:1px solid #2f3d50;border-radius:8px;width:100%;padding:.55rem .6rem}.hb-unit-profile-vitals-row{justify-content:space-between;align-items:center;margin-bottom:.35rem;font-size:.72rem;font-weight:700;display:flex}.hb-unit-profile-hpbar{background:#0d1218;border:1px solid #2f3d50;border-radius:999px;height:7px;margin-bottom:.4rem;overflow:hidden}.hb-unit-profile-hpfill{background:#22c55e;border-radius:999px;height:100%;transition:width .2s,background .2s}.hb-unit-profile-hpfill--enemy{background:#ef4444}.hb-unit-profile-vitals-row--skill{color:#c4b5fd;margin-top:.15rem;margin-bottom:.3rem}.hb-unit-profile-manabar{background:#0d1218;border:1px solid #4c1d95;border-radius:999px;height:6px;margin-bottom:.4rem;overflow:hidden}.hb-unit-profile-manafill{background:linear-gradient(90deg,#6366f1,#a855f7);border-radius:999px;height:100%;transition:width .25s}.hb-unit-profile-manafill.is-ready{background:linear-gradient(90deg,#818cf8,#c084fc);box-shadow:0 0 6px #a855f78c}.hb-unit-profile-status,.hb-unit-status-icons{border-top:1px solid #2f3d50;flex-wrap:wrap;align-items:center;gap:.45rem;margin-top:.55rem;padding-top:.55rem;display:flex}.hb-status-effect-icon-wrap{flex-shrink:0;position:relative}.hb-status-effect-icon-btn{cursor:help;width:36px;height:36px;font:inherit;background:#141c28;border:2px solid #3a4f66;border-radius:50%;place-items:center;padding:0;transition:border-color .12s,transform .12s,background .12s;display:grid}.hb-status-effect-icon-wrap--positive .hb-status-effect-icon-btn{background:#22c55e1f;border-color:#22c55e8c}.hb-status-effect-icon-wrap--negative .hb-status-effect-icon-btn{background:#ef44441f;border-color:#ef44448c}.hb-status-effect-icon-wrap--neutral .hb-status-effect-icon-btn{background:#94a3b81a;border-color:#94a3b873}.hb-status-effect-icon-emoji{font-size:1.05rem;line-height:1}.hb-status-effect-icon-wrap:hover .hb-status-effect-icon-btn,.hb-status-effect-icon-btn:focus-visible{transform:translateY(-2px)}.hb-status-effect-icon-wrap--positive:hover .hb-status-effect-icon-btn,.hb-status-effect-icon-wrap--positive .hb-status-effect-icon-btn:focus-visible{border-color:#86efac}.hb-status-effect-icon-wrap--negative:hover .hb-status-effect-icon-btn,.hb-status-effect-icon-wrap--negative .hb-status-effect-icon-btn:focus-visible{border-color:#fca5a5}.hb-status-effect-icon-wrap--neutral:hover .hb-status-effect-icon-btn,.hb-status-effect-icon-wrap--neutral .hb-status-effect-icon-btn:focus-visible{border-color:#cbd5e1}.hb-skill-tip-meta--positive{color:#86efac}.hb-skill-tip-meta--negative{color:#fca5a5}.hb-skill-tip-meta--neutral{color:#94a3b8}.hb-unit-profile-section h5{letter-spacing:.1em;text-transform:uppercase;color:#6b7d94;margin-bottom:.45rem;font-size:.68rem;font-weight:800}.hb-stat-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:.35rem;display:grid}.hb-stat-row{background:#ffffff0a;border-radius:8px;justify-content:space-between;align-items:center;gap:.35rem;min-width:0;padding:.35rem .45rem;display:flex}.hb-stat-row-icon{flex-shrink:0;font-size:.9rem;line-height:1}.hb-stat-row-value{color:var(--dark);text-align:right;text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:.72rem;font-weight:800;line-height:1.2;overflow:hidden}.hb-sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.hb-skill-icons{flex-wrap:wrap;align-items:center;gap:.55rem;display:flex}.hb-skill-icon-wrap{flex-shrink:0;position:relative}.hb-skill-icon{cursor:help;width:44px;height:44px;font:inherit;background:#141c28;border:2px solid #3a4f66;border-radius:50%;place-items:center;padding:0;transition:border-color .12s,transform .12s;display:grid}.hb-skill-icon-wrap.is-active .hb-skill-icon{border-color:var(--accent);background:var(--accent)}.hb-skill-icon-emoji{font-size:1.25rem;line-height:1}.hb-skill-icon-wrap:hover .hb-skill-icon,.hb-skill-icon:focus-visible{border-color:var(--accent);transform:translateY(-2px)}.hb-skill-tip--fixed{z-index:10000;pointer-events:none;background:#0d1218;border:1px solid #3a4f66;border-radius:8px;width:max-content;max-width:min(240px,100vw - 24px);padding:.55rem .65rem;position:fixed;box-shadow:0 8px 24px #00000073}.hb-skill-tip--fixed.is-above{transform:translate(-50%,-100%)}.hb-skill-tip--fixed.is-below{transform:translate(-50%)}.hb-skill-tip--fixed.is-above:after{content:"";border:6px solid #0000;border-top-color:#3a4f66;position:absolute;top:100%;left:50%;transform:translate(-50%)}.hb-skill-tip--fixed.is-below:after{content:"";border:6px solid #0000;border-bottom-color:#3a4f66;position:absolute;bottom:100%;left:50%;transform:translate(-50%)}.hb-skill-tip strong{color:#f1f5f9;margin-bottom:.15rem;font-size:.78rem;font-weight:800;display:block}.hb-skill-tip-meta{letter-spacing:.05em;text-transform:uppercase;color:var(--accent,#009cff);margin-bottom:.25rem;font-size:.6rem;font-weight:700;display:block}.hb-skill-tip p{color:#9fb0c4;margin:0;font-size:.72rem;line-height:1.4}.hb-unit-profile-left .hb-actions{width:100%}.hb-inspector--profile{border-top:3px solid var(--accent);padding:.65rem;overflow:hidden}.hb-inspector--profile .hb-unit-profile{overflow:hidden}.hb-inspector--profile .hb-unit-profile-main{grid-template-columns:1fr;gap:.65rem}.hb-inspector--profile .hb-unit-profile-left{width:100%;max-width:96px;margin:0 auto}.hb-inspector--profile .hb-char-portrait--profile{width:96px}.hb-inspector--profile .hb-stat-list{grid-template-columns:1fr;gap:.35rem}.hb-inspector--profile .hb-stat-row{width:100%;min-width:0;padding:.45rem .65rem}.hb-inspector--profile .hb-stat-row-value{white-space:normal;text-overflow:unset;text-align:right;flex:1;overflow:visible}.hb-inspector--profile .hb-skill-icons{gap:.4rem}.hb-inspector--profile .hb-skill-icon{width:36px;height:36px}.hb-inspector--profile .hb-skill-icon-emoji{font-size:1.05rem}.hb-root--draft .hb-stat-row{background:#00000040}.hb-root--draft .hb-stat-row-value{color:#f1f5f9}.hb-preview-portrait{border:1px solid #2f3d50;border-left:4px solid var(--accent);background:#0d1218;border-radius:8px;align-items:center;gap:.75rem;margin-bottom:.65rem;padding:.7rem;display:flex}.hb-preview-emoji{filter:drop-shadow(0 3px 6px #00000080);font-size:2.6rem;line-height:1}.hb-preview-portrait-info h4{color:#f8fafc;font-size:1.15rem;font-weight:800}.hb-preview-meta{color:#8b9cb3;font-size:.75rem;font-weight:600}.hb-preview-blurb{color:#9fb0c4;margin-bottom:.75rem;font-size:.82rem;line-height:1.45}.hb-preview-section{margin-bottom:.75rem}.hb-preview-section h5{letter-spacing:.1em;text-transform:uppercase;color:#6b7d94;margin-bottom:.4rem;font-size:.68rem;font-weight:800}.hb-preview-head{align-items:center;gap:.7rem;margin-bottom:.5rem;display:flex}.hb-preview-head h4{font-size:1.1rem;font-weight:800}.hb-root--draft .hb-stats li{color:#d4dde8;border-bottom-color:#2f3d50}.hb-root--draft .hb-stats li span{color:#7d8fa6}.hb-root--draft .hb-skill{color:#d4dde8;background:#141c28;border-color:#2f3d50}.hb-root--draft .hb-skill p{color:#8b9cb3}.hb-root--draft .hb-skill-active{border-color:var(--accent);box-shadow:inset 3px 0 0 var(--accent);background:#141c28}.hb-stats{grid-template-columns:repeat(2,1fr);gap:.3rem .8rem;margin:.6rem 0 .9rem;list-style:none;display:grid}.hb-stats li{border-bottom:1px dashed var(--border-color);justify-content:space-between;padding-bottom:.15rem;font-size:.82rem;display:flex}.hb-stats li span{color:var(--secondary)}.hb-skills{flex-direction:column;gap:.45rem;display:flex}.hb-skill{border:1px solid var(--border-color);background:#fff;border-radius:9px;padding:.5rem .65rem}.hb-skill-active{border-color:var(--accent);box-shadow:inset 3px 0 0 var(--accent);background:#fff}.hb-skill-head{justify-content:space-between;align-items:center;gap:.5rem;font-size:.84rem;font-weight:700;display:flex}.hb-skill p{color:var(--secondary);margin-top:.15rem;font-size:.78rem}.hb-skill-tag{letter-spacing:.04em;background:var(--accent);color:#fff;white-space:nowrap;border-radius:999px;padding:.1rem .4rem;font-size:.62rem;font-weight:800}.hb-skill-tag-passive{background:var(--secondary)}.hb-topbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.8rem;margin-bottom:1rem;display:flex}.hb-score{align-items:center;gap:.5rem;display:flex}.hb-score-chip{color:#fff;border-radius:999px;padding:.3rem .7rem;font-size:.82rem;font-weight:700}.hb-vs{color:var(--secondary);font-size:.8rem;font-weight:700}.hb-turn-indicator{font-size:1rem;font-weight:800}.hb-topbar-actions{gap:.5rem;display:flex}.hb-topbar-actions .cta-btn,.hb-topbar-actions .cta-btn-outline{padding:.5rem 1rem}.hb-battle-hud .hb-topbar-actions{flex-wrap:wrap;justify-self:end}.hb-victory{border:2px solid var(--primary);text-align:center;background:var(--surface-soft);border-radius:12px;margin-bottom:1rem;padding:.8rem 1rem;font-size:1.1rem;font-weight:800}.hb-battle-layout{grid-template-columns:minmax(0,1fr) minmax(260px,320px);gap:1rem;min-height:0;display:grid}.hb-battle-layout>.hb-board-wrap,.hb-battle-layout>.hb-side{min-height:0}.hb-board-wrap{background:var(--surface-soft);border:1px solid var(--border-color);border-radius:12px;padding:.6rem;overflow:hidden}.hb-board-viewport{cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;overflow:hidden}.hb-board-viewport:active{cursor:grabbing}.hb-board-pan{transform-origin:0 0;width:max-content;max-width:100%;margin:0 auto}.hb-hex-move{pointer-events:none}.hb-board{touch-action:none;width:100%;max-width:960px;height:auto;margin:0 auto;display:block}.hb-hex-group{cursor:pointer}.hb-hex{transition:fill .1s}.hb-hex-group:hover .hb-hex{stroke:#475569}.hb-terrain-icon{-webkit-user-select:none;user-select:none;pointer-events:none;opacity:.92}.hb-terrain-texture{-webkit-user-select:none;user-select:none;pointer-events:none}.hb-unit{pointer-events:all;cursor:pointer}.hb-unit-body{transform-box:fill-box;transform-origin:50%}.hb-unit-emoji{-webkit-user-select:none;user-select:none}.hb-unit-owner-ring{pointer-events:none}.hb-unit-hp-track,.hb-unit-hp-fill{pointer-events:none;transition:stroke .25s}.hb-unit-avatar-bg{pointer-events:none}.hb-unit-body.is-attacking{animation:.42s ease-out hb-unit-attack}.hb-unit-body.is-hit{animation:.45s ease-out hb-unit-hit-shake}.hb-unit-body.is-skill-ready .hb-unit-avatar-bg{filter:drop-shadow(0 0 4px #a855f7bf)}.hb-unit-body.is-selected{transform:scale(1.06)}.hb-unit--dead{pointer-events:none}.hb-unit-body.is-dead{pointer-events:none;animation:1.5s ease-out forwards hb-unit-death}.hb-unit-death-shroud{opacity:0;animation:1.5s ease-out forwards hb-unit-death-shroud}.hb-unit-death-skull{-webkit-user-select:none;user-select:none;pointer-events:none;opacity:0;animation:1.5s ease-out forwards hb-unit-death-skull}.hb-unit-body.is-skill-casting{animation:1.2s ease-out hb-unit-skill-cast}.hb-unit-body.is-skill-hit{animation:.7s ease-out hb-unit-skill-hit}.hb-unit-skill-cast-fx,.hb-skill-target-fx{pointer-events:none}.hb-skill-cast-burst{opacity:0;animation:1.15s ease-out forwards hb-skill-cast-burst}.hb-skill-cast-ring{transform-box:fill-box;transform-origin:50%}.hb-skill-cast-ring--1{animation:1.1s ease-out forwards hb-skill-cast-expand}.hb-skill-cast-ring--2{animation:1.1s ease-out .12s forwards hb-skill-cast-expand}.hb-skill-cast-ring--3{animation:1.1s ease-out .24s forwards hb-skill-cast-expand}.hb-skill-cast-emoji{-webkit-user-select:none;user-select:none;pointer-events:none;animation:1.2s ease-out forwards hb-skill-cast-emoji}.hb-skill-target-glow{opacity:0;animation:1.1s ease-out forwards hb-skill-target-glow}.hb-skill-target-ring{opacity:0;transform-box:fill-box;transform-origin:50%;animation:1.1s ease-out forwards hb-skill-target-ring}.hb-skill-target-emoji{-webkit-user-select:none;user-select:none;pointer-events:none;animation:1.1s ease-out forwards hb-skill-target-emoji}.hb-skill-target-fx--positive .hb-skill-target-glow{fill:#22c55e}.hb-skill-target-fx--positive .hb-skill-target-ring{stroke:#86efac}.hb-skill-target-fx--negative .hb-skill-target-glow{fill:#ef4444}.hb-skill-target-fx--negative .hb-skill-target-ring{stroke:#fca5a5}.hb-skill-target-fx--damage .hb-skill-target-glow{fill:#f97316}.hb-skill-target-fx--damage .hb-skill-target-ring{stroke:#fde047}.hb-unit-skill-hit-ring{opacity:0;transform-box:fill-box;transform-origin:50%;animation:.75s ease-out forwards hb-skill-cast-expand}.hb-board-status-badge--positive{fill:#22c55ee0;stroke:#86efac;stroke-width:1px}.hb-board-status-badge--negative{fill:#ef4444e0;stroke:#fca5a5;stroke-width:1px}.hb-board-status-badges text{-webkit-user-select:none;user-select:none;pointer-events:none}.hb-unit-skill-ring{animation:1.6s ease-in-out infinite hb-unit-skill-pulse}.hb-unit-skill-glow{animation:1.6s ease-in-out infinite hb-unit-skill-glow}.hb-unit-skill-emoji{-webkit-user-select:none;user-select:none;pointer-events:none;animation:1.6s ease-in-out infinite hb-unit-skill-bob}.hb-unit-attack-fx{animation:.42s ease-out forwards hb-unit-attack-ring}.hb-unit-hit-fx line{animation:.45s ease-out forwards hb-unit-hit-slash}.hb-unit-hit-flash{animation:.45s ease-out forwards hb-unit-hit-flash}.hb-damage-float{paint-order:stroke fill;stroke:#0f172ad9;stroke-width:3px;pointer-events:none;-webkit-user-select:none;user-select:none;font-size:13px;font-weight:800;animation:.9s ease-out forwards hb-damage-float}.hb-damage-float--hit{fill:#fca5a5}.hb-damage-float--crit{fill:#fde047;font-size:15px}.hb-damage-float--reflect{fill:#c4b5fd;font-size:12px}.hb-damage-float--miss{fill:#94a3b8;font-size:12px}@keyframes hb-unit-attack{0%,to{transform:translate(0)scale(1)}35%{transform:translateY(-3px)scale(1.1)}60%{transform:translateY(1px)scale(1.04)}}@keyframes hb-unit-hit-shake{0%,to{transform:translate(0)}20%{transform:translate(-2px)}40%{transform:translate(2px)}60%{transform:translate(-1px)}}@keyframes hb-unit-attack-ring{0%{opacity:0;transform:scale(.75)}35%{opacity:1;transform:scale(1.05)}to{opacity:0;transform:scale(1.2)}}@keyframes hb-unit-hit-slash{0%{opacity:0;stroke-width:1px}25%{opacity:1;stroke-width:3px}to{opacity:0;stroke-width:1px}}@keyframes hb-unit-hit-flash{0%{opacity:.65}to{opacity:0}}@keyframes hb-unit-skill-pulse{0%,to{opacity:.55;stroke-width:2px}50%{opacity:1;stroke-width:3.5px}}@keyframes hb-unit-skill-glow{0%,to{opacity:.1;transform:scale(.95)}50%{opacity:.28;transform:scale(1.05)}}@keyframes hb-unit-skill-bob{0%,to{opacity:.85;transform:translateY(0)}50%{opacity:1;transform:translateY(-2px)}}@keyframes hb-unit-death{0%{opacity:1;transform:scale(1)}18%{opacity:1;transform:scale(1.08)}to{opacity:0;transform:scale(.82)translateY(8px)}}@keyframes hb-unit-death-shroud{0%{opacity:0}20%{opacity:.72}to{opacity:.88}}@keyframes hb-unit-death-skull{0%{opacity:0;transform:scale(.4)translateY(6px)}22%{opacity:1;transform:scale(1.25)translateY(-4px)}to{opacity:0;transform:scale(.85)translateY(-14px)}}@keyframes hb-unit-skill-cast{0%,to{transform:translate(0)scale(1)}18%{filter:brightness(1.35);transform:translateY(-4px)scale(1.22)}42%{transform:translateY(-2px)scale(1.12)}}@keyframes hb-unit-skill-hit{0%,to{transform:translate(0)scale(1)}12%{transform:translate(-3px)scale(1.1)}24%{transform:translate(3px)scale(1.08)}36%{transform:translate(-2px)scale(1.05)}48%{transform:translate(2px)scale(1.03)}}@keyframes hb-skill-cast-burst{0%{opacity:.55;transform:scale(.65)}35%{opacity:.35;transform:scale(1.05)}to{opacity:0;transform:scale(1.45)}}@keyframes hb-skill-cast-expand{0%{opacity:.85;transform:scale(.55)}to{opacity:0;transform:scale(1.85)}}@keyframes hb-skill-cast-emoji{0%{opacity:0;transform:scale(.35)translateY(10px)}22%{opacity:1;transform:scale(1.4)translateY(-8px)}to{opacity:0;transform:scale(.95)translateY(-24px)}}@keyframes hb-skill-target-glow{0%{opacity:.55;transform:scale(.7)}40%{opacity:.38;transform:scale(1.08)}to{opacity:0;transform:scale(1.35)}}@keyframes hb-skill-target-ring{0%{opacity:.9;transform:scale(.6)}to{opacity:0;transform:scale(1.7)}}@keyframes hb-skill-target-emoji{0%{opacity:0;transform:scale(.4)translateY(8px)}25%{opacity:1;transform:scale(1.2)translateY(-6px)}to{opacity:0;transform:scale(.9)translateY(-18px)}}@keyframes hb-damage-float{0%{opacity:0;transform:translateY(6px)scale(.85)}18%{opacity:1;transform:translateY(0)scale(1.08)}to{opacity:0;transform:translateY(-22px)scale(1)}}.hb-legend{color:var(--secondary);flex-wrap:wrap;gap:.75rem;margin-top:.5rem;font-size:.74rem;display:flex}.hb-legend span{align-items:center;gap:.3rem;display:inline-flex}.hb-legend i{border:1px solid #cbd5e1;border-radius:3px;width:14px;height:14px;display:inline-block}.hb-legend-terrain-icon{object-fit:cover;border:1px solid #cbd5e1;border-radius:3px;width:14px;height:14px}.hb-side{flex-direction:column;gap:.85rem;min-width:0;min-height:0;display:flex;overflow:hidden}.hb-inspector{border:1px solid var(--border-color);border-top:4px solid var(--accent,var(--primary));background:#fff;border-radius:12px;min-height:0;padding:.75rem}.hb-root--playground .hb-inspector,.hb-root--playground .hb-log{color:#e8edf4;background:#00000047;border-color:#2f3d50}.hb-inspector-empty{text-align:center;place-items:center;min-height:90px;display:grid}.hb-hp-line{flex-wrap:wrap;align-items:center;gap:.4rem;margin:.4rem 0 .7rem;font-weight:700;display:flex}.hb-tag{background:var(--surface-soft);border:1px solid var(--border-color);border-radius:999px;padding:.1rem .5rem;font-size:.7rem;font-weight:700}.hb-actions{flex-direction:column;gap:.5rem;margin-bottom:.8rem;display:flex}.hb-actions .cta-btn,.hb-actions .cta-btn-outline{padding:.55rem .9rem}.hb-actions .cta-btn:disabled{opacity:.5;cursor:not-allowed}.hb-hint{color:var(--secondary);font-size:.78rem}.hb-log{border:1px solid var(--border-color);background:#fff;border-radius:12px;padding:.7rem .9rem}.hb-log h4{margin-bottom:.4rem;font-size:.9rem;font-weight:800}.hb-log-scroll{flex-direction:column;gap:.2rem;max-height:260px;display:flex;overflow-y:auto}.hb-log-line{border-bottom:1px dashed var(--border-color);padding:.15rem 0;font-size:.8rem;line-height:1.4}.hb-log-turn{color:var(--dark);font-weight:800}.hb-log-crit{color:#b91c1c;font-weight:700}.hb-log-hit{color:#334155}.hb-log-miss{color:var(--secondary);font-style:italic}.hb-log-heal{color:#15803d}.hb-log-skill{color:#7c3aed;font-weight:600}.hb-log-death{color:#be123c;font-weight:700}.hb-log-overlay{z-index:200;background:#0000008c;justify-content:flex-end;align-items:stretch;padding:1rem;display:flex;position:fixed;inset:0}.hb-log-drawer{flex-direction:column;width:min(360px,100%);max-height:100%;display:flex;overflow:hidden;box-shadow:0 16px 48px #00000073}.hb-log-drawer-head{flex-shrink:0;justify-content:space-between;align-items:center;gap:.75rem;margin-bottom:.4rem;display:flex}.hb-log-drawer-head h4{margin-bottom:0}.hb-log-close{border:1px solid var(--border-color);width:2rem;height:2rem;color:inherit;cursor:pointer;background:0 0;border-radius:8px;font-size:.9rem;line-height:1}.hb-log-close:hover{background:#0000000f}.hb-log-drawer .hb-log-scroll{flex:1;min-height:0;max-height:none}.hb-root--playground .hb-game-btn-secondary.is-active{border-color:#4db8ff;box-shadow:0 0 0 1px #4db8ff59,0 3px #1a2332,0 6px 16px #00000059}.hb-root--playground .hb-log-overlay .hb-log{color:#e8edf4;background:#121820fa;border-color:#2f3d50}.hb-root--playground .hb-log-overlay .hb-log-close{color:#c8d4e4;border-color:#3a4f66}.hb-root--playground .hb-log-overlay .hb-log-close:hover{background:#ffffff0f}.hb-root--lobby{flex-direction:column;flex:1;width:100%;max-width:1200px;min-height:0;margin:0 auto;display:flex;overflow:hidden}.hb-lobby-hud{background:#00000059;border:1px solid #2f3d50;border-radius:10px;flex-shrink:0;grid-template-columns:1fr auto auto;align-items:center;gap:1rem;margin-bottom:.85rem;padding:.75rem 1rem;display:grid;box-shadow:inset 0 1px #ffffff0d}.hb-lobby-hud-left{align-items:center;gap:1rem;min-width:0;display:flex}.hb-lobby-hud-meta{flex-direction:column;gap:.1rem;min-width:0;display:flex}.hb-lobby-hud-title{color:#f1f5f9;font-size:.95rem;font-weight:800;line-height:1.2}.hb-lobby-hud-sub{letter-spacing:.08em;text-transform:uppercase;color:#009cff;font-size:.68rem;font-weight:700}.hb-lobby-hud-stats{gap:1.25rem;display:flex}.hb-lobby-stat{color:#8b9cb3;white-space:nowrap;font-size:.78rem;font-weight:600}.hb-lobby-stat b{color:#f1f5f9;font-size:.95rem}.hb-lobby-body{flex:1;grid-template-columns:minmax(280px,340px) minmax(0,1fr);gap:1rem;min-height:0;display:grid;overflow:hidden}.hb-lobby-sidebar{min-height:0}.hb-lobby-main{background:#00000038;border:1px solid #2f3d50;border-radius:10px;flex-direction:column;min-height:0;padding:.85rem;display:flex;overflow:hidden}.hb-lobby-hero{text-align:center;padding:.25rem .5rem 0}.hb-lobby-hero h3{color:#f8fafc;margin:.35rem 0 .55rem;font-size:1.35rem;font-weight:800}.hb-lobby-features{grid-template-columns:1fr 1fr;gap:.45rem;margin:0;padding:0;list-style:none;display:grid}.hb-lobby-features li{color:#c8d4e4;background:#00000040;border:1px solid #2f3d50;border-radius:8px;align-items:center;gap:.45rem;padding:.5rem .65rem;font-size:.78rem;font-weight:600;display:flex}.hb-lobby-panel{background:#00000038;border:1px solid #2f3d50;border-radius:10px;padding:.85rem}.hb-lobby-panel--actions{flex-direction:column;gap:.75rem;display:flex}.hb-lobby{max-width:960px;margin:0 auto;padding:1.5rem 1rem 2.5rem}.hb-lobby h3{margin:.5rem 0 .75rem;font-size:1.75rem}.hb-lobby-lead{color:#b8c9dc;margin-bottom:0;font-size:.88rem;line-height:1.55}.hb-lobby-nick{flex-direction:column;gap:.35rem;display:flex}.hb-lobby-nick label{letter-spacing:.04em;text-transform:uppercase;color:#8b9cb3;font-size:.78rem;font-weight:700}.hb-lobby-nick input{color:#f8fafc;width:100%;font:inherit;background:#0f141cd9;border:1px solid #3a4f66;border-radius:8px;padding:.55rem .75rem}.hb-lobby-status{letter-spacing:.04em;text-transform:uppercase;color:#94a3b8;white-space:nowrap;font-size:.78rem;font-weight:700}.hb-lobby-status.is-online{color:#4ade80}.hb-lobby-actions{flex-direction:column;gap:.65rem;display:flex}.hb-lobby-create-btn{width:100%;min-width:0}.hb-lobby-join-inline{gap:.5rem;display:flex}.hb-lobby-join-inline input{color:#f8fafc;text-transform:uppercase;letter-spacing:.08em;min-width:0;font:inherit;background:#0f141cd9;border:1px solid #3a4f66;border-radius:8px;flex:1;padding:.55rem .75rem;font-weight:700}.hb-lobby-join-inline .hb-game-btn{flex-shrink:0;min-width:5rem}.hb-lobby-local-link{text-align:center;color:#7dd3fc;padding-top:.25rem;font-size:.85rem;font-weight:600;text-decoration:none;display:block}.hb-lobby-local-link:hover{color:#bae6fd}.hb-lobby-mode{color:#7dd3fc;font-weight:700}.hb-lobby-players{font-variant-numeric:tabular-nums;font-weight:700}.hb-lobby-row-btn{min-width:4.5rem!important;padding:.45rem .75rem!important;font-size:.72rem!important}.hb-lobby-modal-head{margin-bottom:1rem}.hb-lobby-modal-head h4{color:#f8fafc;margin:.25rem 0 0;font-size:1.15rem;font-weight:800}.hb-lobby-list-head{flex-wrap:wrap;flex-shrink:0;justify-content:space-between;align-items:center;gap:.75rem;margin-bottom:.75rem;display:flex}.hb-lobby-list-head h4{color:#f1f5f9;margin:0;font-size:.95rem;font-weight:800}.hb-lobby-filters{gap:.35rem;display:flex}.hb-lobby-filter{color:#c8d4e4;cursor:pointer;background:0 0;border:1px solid #3a4f66;border-radius:999px;padding:.35rem .7rem;font-size:.82rem;font-weight:600;transition:background .12s,border-color .12s}.hb-lobby-filter:hover{background:#ffffff0a}.hb-lobby-filter.is-active{color:#f8fafc;background:#4db8ff33;border-color:#4db8ff}.hb-lobby-table-wrap{flex:1;min-height:0}.hb-lobby-table{border-collapse:collapse;width:100%;font-size:.88rem}.hb-lobby-table th,.hb-lobby-table td{text-align:left;border-bottom:1px solid #2a3548;padding:.65rem .85rem}.hb-lobby-table th{z-index:1;letter-spacing:.06em;text-transform:uppercase;color:#64748b;background:#0f141cf2;font-size:.72rem;font-weight:700;position:sticky;top:0}.hb-lobby-table tbody tr:hover{background:#009cff0a}.hb-lobby-room-name{color:#f8fafc;font-weight:700;display:block}.hb-lobby-room-code{color:#64748b;letter-spacing:.08em;margin-top:.1rem;font-size:.72rem;font-weight:600;display:block}.hb-lobby-badge{letter-spacing:.03em;text-transform:uppercase;border-radius:999px;padding:.2rem .55rem;font-size:.72rem;font-weight:700;display:inline-block}.hb-lobby-badge--waiting{color:#fde047;background:#facc151f;border:1px solid #facc1540}.hb-lobby-badge--playing{color:#4ade80;background:#4ade801f;border:1px solid #4ade8040}.hb-lobby-empty{text-align:center;color:#64748b;font-weight:600;padding:2.5rem 1rem!important}.hb-lobby-modal-backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:100;background:#000000a6;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.hb-lobby-modal{color:#e8edf4;background:radial-gradient(80% 50% at 50% -10%,#009cff1a,#0000),linear-gradient(#1a2332 0%,#121820 100%);border:2px solid #3a4a62;border-radius:14px;width:100%;max-width:420px;padding:1.25rem;box-shadow:inset 0 1px #ffffff0f,0 24px 60px #0000008c}.hb-lobby-modal label{color:#c8d4e4;flex-direction:column;gap:.35rem;margin-bottom:1rem;font-size:.85rem;font-weight:600;display:flex}.hb-lobby-modal input{color:#f8fafc;font:inherit;background:#0f141cd9;border:1px solid #3a4f66;border-radius:8px;padding:.55rem .75rem}.hb-lobby-modal fieldset{border:1px solid #2f3d50;border-radius:8px;margin:0 0 .5rem;padding:.75rem}.hb-lobby-modal legend{letter-spacing:.04em;text-transform:uppercase;color:#8b9cb3;padding:0 .35rem;font-size:.78rem;font-weight:700}.hb-lobby-squad-pick{flex-wrap:wrap;gap:.5rem;margin:.5rem 0;display:flex}.hb-lobby-squad-btn{color:#e2e8f0;font:inherit;cursor:pointer;background:#0003;border:1px solid #3a4f66;border-radius:8px;padding:.45rem .85rem;font-weight:700;transition:background .12s,border-color .12s}.hb-lobby-squad-btn:hover{background:#ffffff0a}.hb-lobby-squad-btn.is-active{color:#f8fafc;background:#4db8ff26;border-color:#4db8ff}.hb-lobby-modal-actions{justify-content:flex-end;gap:.5rem;margin-top:1rem;display:flex}.hb-lobby-error{color:#fecaca;background:#ef44441f;border:1px solid #ef444459;border-radius:8px;justify-content:space-between;align-items:center;gap:.5rem;padding:.65rem .85rem;font-size:.85rem;font-weight:600;display:flex}.hb-lobby-error button{color:inherit;cursor:pointer;background:0 0;border:none;font-size:1rem;line-height:1}.hb-room-waiting{flex:1;min-height:0}.hb-room-waiting .hb-intro{max-width:480px}.hb-room-code-display{letter-spacing:.2em;color:#f8fafc;text-shadow:0 0 24px #009cff59;margin:.5rem 0 1rem;font-size:2rem;font-weight:800}.hb-room-players{background:#00000038;border:1px solid #2f3d50;border-radius:10px;margin:1rem 0;padding:0;list-style:none;overflow:hidden}.hb-room-players li{border-bottom:1px solid #2a3548;justify-content:space-between;padding:.65rem .85rem;font-weight:600;display:flex}.hb-room-players li:last-child{border-bottom:none}@media (max-width:900px){.hb-draft-layout,.hb-battle-layout{grid-template-columns:1fr}.hb-draft-hud,.hb-battle-hud,.hb-lobby-hud{text-align:center;grid-template-columns:1fr}.hb-draft-hud-left,.hb-battle-hud-left,.hb-lobby-hud-left{flex-direction:column;align-items:center}.hb-lobby-hud-stats{justify-content:center}.hb-lobby-body{grid-template-columns:1fr;overflow-y:auto}.hb-lobby-sidebar.smart-scroll{flex:none}.hb-lobby-sidebar.smart-scroll .smart-scroll-viewport{max-height:none;overflow:visible}.hb-lobby-main{min-height:280px}.hb-lobby-features{grid-template-columns:1fr}.hb-game-btn{justify-self:center;width:100%;max-width:280px}.hb-topbar-actions{flex-wrap:wrap;justify-content:center}.hb-unit-profile-main{grid-template-columns:1fr}.hb-unit-profile-left{width:100%}.hb-stat-list{grid-template-columns:repeat(2,minmax(0,1fr))}}@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-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}