@font-face{font-family:Pretendard Variable;font-style:normal;font-weight:45 920;font-display:swap;src:url(/fonts/PretendardVariable.woff2)format("woff2")}:root{--sulab-navy:#0d2b5b;--sulab-navy-deep:#071a39;--sulab-navy-ink:#0f172a;--sulab-teal:#00a3a0;--sulab-teal-deep:#008f91;--sulab-teal-tint:#f0fdfa;--sulab-amber:#ffb12d;--sulab-bg:#f8fafc;--sulab-surface:#fff;--sulab-surface-soft:#e6e9ef;--sulab-border:#e2e8f0;--sulab-text:#1e293b;--sulab-muted:#475569;--sulab-font-sans:"Pretendard Variable", "Pretendard", system-ui, -apple-system, "Segoe UI", "Malgun Gothic", sans-serif;--sulab-font-mono:"JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;--sulab-radius-sm:10px;--sulab-radius-md:16px;--sulab-radius-lg:24px}.sulab-num{font-variant-numeric:tabular-nums}:root{--bg:var(--sulab-bg);--surface:var(--sulab-surface);--surface-soft:var(--sulab-surface-soft);--border:var(--sulab-border);--navy:var(--sulab-navy);--navy-deep:var(--sulab-navy-deep);--navy-ink:var(--sulab-navy-ink);--teal:var(--sulab-teal);--teal-deep:var(--sulab-teal-deep);--teal-tint:var(--sulab-teal-tint);--amber:var(--sulab-amber);--text:var(--sulab-text);--muted:var(--sulab-muted);--danger:#ef4444;--success:#10b981;--page-max:76rem}*,:before,:after{box-sizing:border-box}html{font-family:var(--sulab-font-sans);color:var(--text);background:var(--bg);scrollbar-gutter:stable;line-height:1.6}body{background:radial-gradient(circle at 12% 0%, #00a3a014, transparent 38%), radial-gradient(circle at 92% 4%, #0d2b5b14, transparent 40%), var(--bg);flex-direction:column;min-height:100vh;margin:0;display:flex}main{flex:1}h1,h2,h3,h4,p{margin:0}h1,h2,h3{color:var(--navy);letter-spacing:-.03em;word-break:keep-all}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button{cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent}.container{width:min(100% - 2rem, var(--page-max));margin-inline:auto}.skip-link{position:absolute;left:-9999px}.skip-link:focus{z-index:100;background:var(--navy);color:#fff;border-radius:8px;padding:.5rem .9rem;top:1rem;left:1rem}.site-header{z-index:40;backdrop-filter:blur(12px);border-bottom:1px solid var(--border);background:#ffffffeb;position:sticky;top:0}.header-inner{justify-content:space-between;align-items:center;gap:1rem;min-height:64px;padding-block:.5rem;display:flex}.brand-lockup{flex-shrink:0;align-items:center;gap:.65rem;display:inline-flex}.brand-lockup img{width:auto;height:24px;display:block}.brand-divider{background:#cbd5e1;width:1.5px;height:18px}.brand-service{color:var(--teal-deep);letter-spacing:-.02em;font-size:.96rem;font-weight:800}.desktop-nav{flex-wrap:wrap;align-items:center;gap:.25rem;display:flex}.desktop-nav a{color:var(--muted);border-radius:999px;padding:.42rem .72rem;font-size:.9rem;font-weight:600;transition:background-color .15s,color .15s}.desktop-nav a:hover{background:var(--surface-soft);color:var(--navy)}.desktop-nav a[aria-current=page]{background:var(--navy);color:#fff}.header-actions{align-items:center;gap:.45rem;display:flex;position:relative}.settings-popover{z-index:60;border:1px solid var(--border);background:var(--surface);border-radius:14px;gap:.7rem;width:min(260px,100vw - 2rem);padding:.9rem 1rem;display:grid;position:absolute;top:calc(100% + .55rem);right:0;box-shadow:0 18px 40px #0d2b5b24}.settings-popover[hidden]{display:none}.settings-popover-title{color:var(--navy);letter-spacing:-.01em;border-bottom:1px solid var(--border);padding-bottom:.35rem;font-size:.82rem;font-weight:800}.settings-row{color:var(--text);justify-content:space-between;align-items:center;gap:.65rem;font-size:.85rem;font-weight:600;display:flex}.settings-range-row{flex-direction:column;align-items:stretch;gap:.35rem}.settings-range-row span{justify-content:space-between;align-items:center;display:flex}.settings-range-row input[type=range]{width:100%;accent-color:var(--teal)}.icon-btn{border:1px solid var(--border);background:var(--surface);min-width:38px;height:38px;color:var(--navy);border-radius:10px;justify-content:center;align-items:center;padding:0 .65rem;font-size:.85rem;font-weight:700;display:inline-flex}.icon-btn:hover{border-color:var(--teal);background:var(--teal-tint)}.menu-toggle,.mobile-nav{display:none}@media (width<=960px){.desktop-nav{display:none}.menu-toggle{display:inline-flex}.mobile-nav:not([hidden]){border-top:1px solid var(--border);background:var(--surface);flex-direction:column;gap:.35rem;padding:.85rem 1rem 1.1rem;display:flex}.mobile-nav a{color:var(--text);border-radius:10px;padding:.65rem .85rem;font-weight:600}.mobile-nav a[aria-current=page]{background:var(--navy);color:#fff}}.page-shell{padding-block:1.75rem 3.5rem}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--sulab-radius-md);padding:1.35rem;box-shadow:0 8px 24px #0d2b5b0a}.eyebrow{letter-spacing:.1em;text-transform:uppercase;color:var(--teal-deep);font-size:.76rem;font-weight:800}.hero-block{gap:.75rem;margin-bottom:1.5rem;display:grid}.hero-block h1{font-size:clamp(1.75rem,3.6vw,2.55rem);font-weight:800;line-height:1.22}.hero-block h1 em{color:var(--teal-deep);font-style:normal}.hero-block p{color:var(--muted);max-width:62ch;font-size:1rem}.btn{border:1px solid #0000;border-radius:12px;justify-content:center;align-items:center;gap:.45rem;padding:.72rem 1.2rem;font-size:.95rem;font-weight:700;transition:transform .12s,background-color .15s,border-color .15s;display:inline-flex}.btn:active{transform:translateY(1px)}.btn:disabled{opacity:.48;cursor:not-allowed}.btn-primary{background:var(--navy);color:#fff}.btn-primary:hover:not(:disabled){background:#133b7a}.btn-teal{background:var(--teal);color:#fff}.btn-teal:hover:not(:disabled){background:var(--teal-deep)}.btn-outline{background:var(--surface);border-color:var(--border);color:var(--navy)}.btn-outline:hover:not(:disabled){border-color:var(--teal);background:var(--teal-tint)}.btn-sm{border-radius:9px;padding:.45rem .8rem;font-size:.84rem}.btn-full{width:100%}.badge{background:var(--teal-tint);color:var(--teal-deep);border:1px solid #99f6e4;border-radius:999px;align-items:center;gap:.35rem;padding:.25rem .62rem;font-size:.76rem;font-weight:800;display:inline-flex}.badge-amber{color:#b45309;background:#fffbeb;border-color:#fde68a}.badge-navy{color:var(--navy);background:#eef2ff;border-color:#c7d2fe}.hidden{display:none!important}.summary-strip{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:.75rem;margin-bottom:1.5rem;display:grid}.summary-tile{background:var(--surface);border:1px solid var(--border);border-radius:14px;gap:.2rem;padding:.9rem 1rem;display:grid}.summary-tile span{color:var(--muted);font-size:.78rem;font-weight:600}.summary-tile strong{color:var(--navy);font-variant-numeric:tabular-nums;font-size:1.35rem}.catalog-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;margin-bottom:2rem;display:grid}@media (width<=960px){.catalog-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=640px){.catalog-grid{grid-template-columns:1fr}}.test-card{background:var(--surface);border:1.5px solid var(--border);border-radius:var(--sulab-radius-md);flex-direction:column;justify-content:space-between;gap:.85rem;padding:1.25rem;transition:border-color .16s,transform .16s,box-shadow .16s;display:flex}.test-card:hover{border-color:var(--teal);transform:translateY(-2px);box-shadow:0 14px 30px #0d2b5b14}.test-card.featured{background:linear-gradient(135deg, var(--navy-deep) 0%, var(--navy) 100%);border-color:var(--navy);color:#f8fafc;grid-column:span 2}@media (width<=640px){.test-card.featured{grid-column:span 1}}.test-card.featured h2,.test-card.featured p{color:#f8fafc}.test-card.featured p{color:#cbd5e1}.test-card h2{margin-top:.35rem;font-size:1.28rem}.test-card p{color:var(--muted);font-size:.92rem}.test-card-meta{border-top:1px solid #94a3b840;justify-content:space-between;align-items:center;gap:.5rem;padding-top:.75rem;font-size:.84rem;display:flex}.test-card-best{color:var(--teal-deep);font-variant-numeric:tabular-nums;font-weight:800}.test-card.featured .test-card-best{color:var(--amber)}.arena-shell{background:radial-gradient(circle at 50% 0%, #00a3a029, transparent 60%), linear-gradient(160deg, var(--navy-deep) 0%, var(--navy-ink) 100%);color:#f8fafc;border-radius:var(--sulab-radius-lg);border:1px solid #94a3b838;padding:1.25rem;position:relative;overflow:hidden;box-shadow:0 24px 50px #071a3940}.arena-shell h2,.arena-shell h3{color:#fff}.arena-topbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;margin-bottom:1rem;font-size:.86rem;display:flex}.arena-status-pill{font-variant-numeric:tabular-nums;background:#ffffff14;border:1px solid #ffffff24;border-radius:999px;align-items:center;gap:.45rem;padding:.3rem .72rem;font-weight:700;display:inline-flex}.live-dot{background:var(--teal);width:8px;height:8px;box-shadow:0 0 8px var(--teal);border-radius:50%}.reflex-pad{text-align:center;user-select:none;cursor:pointer;background:#0f172aa6;border:2px dashed #94a3b859;border-radius:18px;flex-direction:column;justify-content:center;align-items:center;gap:.65rem;min-height:310px;padding:2rem 1.25rem;transition:background-color 80ms,border-color 80ms,transform 80ms;display:flex}.reflex-pad.state-wait{background:#7f1d1d;border-style:solid;border-color:#f87171}.reflex-pad.state-go{background:#008f91;border-style:solid;border-color:#5eead4}.reflex-pad.state-nogo{background:#b45309;border-style:solid;border-color:#fde68a}.reflex-pad.state-fail{background:#450a0a;border-style:solid;border-color:#ef4444}.reflex-pad.state-result{border-style:solid;border-color:var(--teal);background:#0d2b5be6}.reflex-pad-big{letter-spacing:-.03em;font-variant-numeric:tabular-nums;font-size:clamp(1.75rem,4vw,2.75rem);font-weight:800}.reflex-pad-sub{color:#cbd5e1;max-width:44ch;font-size:.98rem}.aim-board{user-select:none;cursor:crosshair;background:radial-gradient(circle,#00a3a014,#071a39f2);border:1px solid #94a3b840;border-radius:18px;height:380px;position:relative;overflow:hidden}.aim-target-btn{background:radial-gradient(circle at 35% 35%, #5eead4, var(--teal-deep));color:#fff;border:3px solid #fff;border-radius:50%;justify-content:center;align-items:center;font-weight:800;display:flex;position:absolute;transform:translate(-50%,-50%);box-shadow:0 0 22px #00a3a0a6}.aim-target-btn:after{content:"";background:var(--amber);border-radius:50%;width:34%;height:34%}.two-col{grid-template-columns:minmax(0,1.4fr) minmax(280px,.85fr);align-items:start;gap:1.25rem;display:grid}@media (width<=900px){.two-col{grid-template-columns:1fr}}.setup-section-title{letter-spacing:.08em;text-transform:uppercase;color:var(--teal-deep);margin:1.1rem 0 .45rem;font-size:.78rem;font-weight:800}.setup-section-title:first-child{margin-top:0}.choice-row{grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:.65rem;display:grid}.choice-card{text-align:left;border:1.5px solid var(--border);background:var(--surface);color:var(--text);border-radius:12px;gap:.2rem;padding:.85rem .95rem;display:grid}.choice-card strong{color:var(--navy);font-size:.96rem}.choice-card span{color:var(--muted);font-size:.82rem}.choice-card.selected{border-color:var(--teal);background:var(--teal-tint);box-shadow:inset 0 0 0 1px var(--teal)}.preset-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.65rem;display:grid}@media (width<=560px){.preset-grid{grid-template-columns:1fr}}.preset-card{text-align:left;border:1.5px solid var(--border);background:var(--surface);border-radius:12px;align-items:center;gap:.75rem;padding:.75rem .85rem;display:flex}.preset-card.selected{border-color:var(--teal);background:var(--teal-tint)}.preset-icon{background:var(--navy);color:#fff;border-radius:10px;flex-shrink:0;place-items:center;width:40px;height:40px;display:grid}.preset-card strong{color:var(--navy);font-size:.9rem;display:block}.preset-card small{color:var(--muted);font-size:.78rem;display:block}.field-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:.75rem;margin-top:.75rem;display:grid}.field-box{gap:.3rem;font-size:.86rem;display:grid}.field-box label{color:var(--navy);font-weight:700}.field-box select,.field-box input[type=text],.field-box input[type=number],.field-box textarea{border:1px solid var(--border);background:var(--surface);width:100%;color:var(--text);border-radius:10px;padding:.55rem .75rem}.toggle-line{border:1px solid var(--border);background:#f8fafc;border-radius:10px;justify-content:space-between;align-items:center;gap:.75rem;padding:.65rem .85rem;font-size:.88rem;font-weight:600;display:flex}.health-panel{gap:.5rem;margin-bottom:1rem;display:grid}.health-head{justify-content:space-between;align-items:baseline;gap:.5rem;display:flex}.core-hp-num{color:#fff;font-variant-numeric:tabular-nums;font-size:clamp(1.2rem,2.8vw,1.65rem);font-weight:800}.core-hp-num.blinded{color:var(--amber);letter-spacing:.04em}.health-track{background:#020617d9;border:1.5px solid #94a3b859;border-radius:999px;height:28px;position:relative;overflow:hidden}.health-track.regen-active{border-color:#34d399;box-shadow:0 0 18px #34d39959}.health-trail{background:#ffb12d66;transition:width .16s ease-out;position:absolute;inset:0 auto 0 0}.health-fill{background:linear-gradient(90deg,#008f91 0%,#00a3a0 65%,#38bdf8 100%);position:absolute;inset:0 auto 0 0}.hp-marker{z-index:4;width:3px;position:absolute;top:0;bottom:0}.smite-marker{background:#fff;box-shadow:0 0 8px #fff}.combo-marker{background:var(--amber);box-shadow:0 0 8px var(--amber)}.health-sub{color:#cbd5e1;flex-wrap:wrap;justify-content:space-between;gap:.5rem;font-size:.82rem;display:flex}.target-hint.targeted{color:#5eead4;font-weight:700}.target-hint.untargeted{color:#fca5a5;font-weight:700}.core-stage{place-items:center;min-height:220px;margin-block:.75rem;display:grid;position:relative}.pause-overlay{z-index:20;backdrop-filter:blur(6px);text-align:center;color:#f8fafc;background:#071a39e0;border-radius:14px;flex-direction:column;justify-content:center;align-items:center;gap:.65rem;padding:1rem;display:flex;position:absolute;inset:0}.pause-overlay strong{color:var(--amber);font-size:1.2rem}.pause-overlay span{color:#cbd5e1;font-size:.86rem}.core-hitbox{cursor:crosshair;user-select:none;border:2px dashed #94a3b866;border-radius:50%;place-items:center;width:190px;height:190px;transition:border-color .12s,transform .12s,box-shadow .12s;display:grid;position:relative}.core-hitbox.targeted{border-color:var(--teal);border-style:solid;box-shadow:0 0 36px #00a3a059}.core-hitbox.hit{transform:scale(.95)}.arena-shell.vision-denied .core-stage{filter:blur(2px)brightness(.72)}.floating-layer,.vfx-layer{pointer-events:none;position:absolute;inset:0;overflow:hidden}.float-damage{color:#e2e8f0;text-shadow:0 2px 6px #000000bf;font-variant-numeric:tabular-nums;font-size:1rem;font-weight:800;animation:.85s ease-out forwards floatUp;position:absolute}.float-damage.enemy-damage{color:#fda4af}.float-damage.burst-damage{color:var(--amber);font-size:1.2rem}.float-damage.smite-damage{color:#5eead4;font-size:1.35rem}.float-damage.heal-regen{color:#34d399}@keyframes floatUp{0%{opacity:1;transform:translateY(0)scale(1)}to{opacity:0;transform:translateY(-42px)scale(.94)}}.smite-bolt{background:linear-gradient(180deg, #fff 0%, var(--amber) 55%, transparent 100%);width:10px;height:75%;box-shadow:0 0 28px var(--amber);animation:.3s ease-out forwards boltFade;position:absolute;top:0;left:50%;transform:translate(-50%)}@keyframes boltFade{0%{opacity:1;transform:translate(-50%)scaleX(1.3)}to{opacity:0;transform:translate(-50%)scaleX(.2)}}.combat-flash{opacity:0;pointer-events:none;background:#ffb12d47;position:absolute;inset:0}.combat-flash.flash{animation:.24s ease-out flashOut}@keyframes flashOut{0%{opacity:1}to{opacity:0}}.shake{animation:.25s ease-in-out arenaShake}@keyframes arenaShake{0%,to{transform:translate(0)}25%{transform:translate(-4px,3px)}50%{transform:translate(4px,-3px)}75%{transform:translate(-3px,-2px)}}.smite-controls{grid-template-columns:repeat(auto-fit,minmax(175px,1fr));gap:.7rem;margin-top:1rem;display:grid}.action-btn{color:#fff;text-align:left;background:#ffffff14;border:1.5px solid #ffffff29;border-radius:14px;align-items:center;gap:.75rem;padding:.85rem 1rem;display:flex}.action-btn.smite-primary{color:#0f172a;background:linear-gradient(135deg,#d97706 0%,#f59e0b 100%);border-color:#fde68a}.action-btn.skill-primary{background:linear-gradient(135deg, var(--teal-deep) 0%, var(--teal) 100%);border-color:#99f6e4}.action-btn kbd{color:#fff;min-width:34px;height:34px;font-weight:800;font-family:var(--sulab-font-mono);background:#00000059;border-radius:8px;place-items:center;display:grid}.action-btn strong{font-size:.96rem;display:block}.action-btn small{opacity:.9;font-size:.78rem;display:block}.combat-log{background:#0206178c;border:1px solid #94a3b833;border-radius:12px;gap:.25rem;max-height:132px;margin-top:1rem;padding:.75rem .95rem;font-size:.82rem;display:grid;overflow-y:auto}.combat-log p{color:#cbd5e1}.combat-log p.log-good{color:#5eead4;font-weight:700}.combat-log p.log-warn{color:#fde68a}.combat-log p.log-burst{color:#fda4af;font-weight:700}.metric-grid{grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:.7rem;margin-top:1rem;display:grid}.metric-box{border:1px solid var(--border);background:#f8fafc;border-radius:12px;padding:.8rem .95rem}.metric-box span{color:var(--muted);font-size:.78rem;display:block}.metric-box strong{color:var(--navy);font-variant-numeric:tabular-nums;font-size:1.35rem}.round-pills{flex-wrap:wrap;gap:.45rem;margin-top:.75rem;display:flex}.round-pill{font-variant-numeric:tabular-nums;background:#ffffff1a;border:1px solid #fff3;border-radius:999px;padding:.32rem .65rem;font-size:.82rem;font-weight:700}.table-scroll{overflow-x:auto}table{border-collapse:collapse;width:100%;font-size:.9rem}th,td{text-align:left;border-bottom:1px solid var(--border);white-space:nowrap;padding:.68rem .75rem}th{color:var(--muted);background:#f8fafc;font-size:.8rem;font-weight:700}tr.highlight-row{background:var(--teal-tint)}.tab-bar{flex-wrap:wrap;gap:.45rem;margin-bottom:1rem;display:flex}.tab-btn{border:1px solid var(--border);background:var(--surface);color:var(--muted);border-radius:999px;padding:.45rem .85rem;font-size:.85rem;font-weight:700}.tab-btn.active{background:var(--navy);border-color:var(--navy);color:#fff}.overlay{z-index:80;backdrop-filter:blur(4px);background:#071a39ad;place-items:center;padding:1rem;display:grid;position:fixed;inset:0}.modal-card{background:var(--surface);border:1px solid var(--border);border-radius:20px;gap:.9rem;width:min(100%,520px);max-height:90vh;padding:1.5rem;display:grid;position:relative;overflow-y:auto;box-shadow:0 28px 60px #071a394d}.modal-close{border:1px solid var(--border);background:#f8fafc;border-radius:50%;width:34px;height:34px;font-size:1.2rem;position:absolute;top:.9rem;right:.9rem}.toast{background:var(--navy-deep);color:#fff;opacity:0;pointer-events:none;z-index:120;border-radius:999px;padding:.65rem 1.15rem;font-size:.88rem;font-weight:600;transition:opacity .2s,transform .2s;position:fixed;bottom:1.5rem;left:50%;transform:translate(-50%)translateY(20px)}.toast.show{opacity:1;transform:translate(-50%)translateY(0)}.site-footer{border-top:1px solid var(--border);background:var(--surface);color:var(--muted);margin-top:auto;padding-block:2rem;font-size:.88rem}.footer-row{flex-wrap:wrap;justify-content:space-between;gap:1.25rem;display:flex}.footer-links{flex-wrap:wrap;gap:.9rem;font-weight:600;display:flex}.footer-services{border-top:1px solid var(--border);flex-wrap:wrap;align-items:center;gap:.75rem;margin-top:1rem;padding-top:1rem;font-size:.82rem;display:flex}.footer-services span{color:var(--navy);font-weight:800}.footer-bottom{flex-wrap:wrap;justify-content:space-between;gap:.5rem;margin-top:.9rem;font-size:.8rem;display:flex}