:root{--bg:#f4f2ec;--paper:#fffefa;--paper-2:#f8f6f0;--ink:#1b2026;--ink-2:#4d5863;--muted:#7a858f;--line:#d9d6ce;--line-strong:#b9b4aa;--brand:#b83b32;--brand-2:#d9a33e;--good:#168a55;--bad:#c34245;--shadow:0 20px 60px rgba(53,48,40,.10);--shadow-soft:0 10px 30px rgba(53,48,40,.07);--max:1480px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:Manrope,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-size:15px;line-height:1.6}body.menu-open{overflow:hidden}a{color:inherit;text-decoration:none}button,input,select{font:inherit}button{color:inherit}img{max-width:100%}.site-header{height:74px;position:sticky;top:0;z-index:120;display:flex;align-items:center;gap:26px;padding:0 max(24px,calc((100vw - var(--max))/2));background:rgba(255,254,250,.92);border-bottom:1px solid rgba(185,180,170,.7);backdrop-filter:blur(18px);box-shadow:0 5px 20px rgba(70,63,54,.04)}.brand{display:flex;align-items:center;gap:13px;margin-right:auto;min-width:0}.brand img{width:154px;height:40px;object-fit:contain;object-position:left center}.brand span{padding-left:13px;border-left:1px solid var(--line);color:var(--muted);font-size:9px;font-weight:800;text-transform:uppercase;letter-spacing:.17em;white-space:nowrap}.desktop-nav{display:flex;gap:22px;color:var(--ink-2);font-size:12px;font-weight:700}.desktop-nav a{position:relative;padding:26px 0}.desktop-nav a:after{content:"";position:absolute;left:0;right:0;bottom:15px;height:2px;background:var(--brand);transform:scaleX(0);transition:.2s}.desktop-nav a:hover:after{transform:scaleX(1)}.header-games{display:flex;gap:7px}.header-games a{width:44px;height:42px;display:grid;place-items:center;border:1px solid var(--line);background:#fff;border-radius:12px;position:relative;transition:.18s}.header-games a:before{content:"";position:absolute;left:7px;right:7px;bottom:4px;height:2px;background:var(--game-accent);transform:scaleX(0)}.header-games img{width:28px;height:28px;object-fit:contain}.header-games span{display:none}.header-games a:hover,.header-games a.active{border-color:color-mix(in srgb,var(--game-accent) 60%,var(--line));transform:translateY(-1px);box-shadow:0 8px 22px color-mix(in srgb,var(--game-accent) 14%,transparent)}.header-games a.active:before{transform:scaleX(1)}.menu-toggle{display:none;width:44px;height:44px;border:1px solid var(--line-strong);background:#fff;border-radius:12px}.menu-toggle span{display:block;width:18px;height:2px;background:var(--ink);margin:5px auto}.mobile-menu{display:none;position:fixed;top:74px;left:0;right:0;z-index:119;padding:18px 22px 26px;background:#fffefa;border-bottom:1px solid var(--line);box-shadow:var(--shadow)}.mobile-menu div{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-bottom:15px}.mobile-menu a{padding:13px;border:1px solid var(--line);border-radius:12px;background:#fff}.mobile-menu img{width:28px;height:28px;object-fit:contain;vertical-align:middle;margin-right:8px}.home{overflow:hidden}.home-hero{max-width:var(--max);min-height:720px;margin:auto;padding:96px 28px 80px;display:grid;grid-template-columns:minmax(0,1.04fr) minmax(480px,.96fr);align-items:center;gap:72px;position:relative}.home-hero:before{content:"";position:absolute;right:-180px;top:-220px;width:760px;height:760px;border-radius:50%;background:radial-gradient(circle,rgba(184,59,50,.10),rgba(217,163,62,.05) 32%,transparent 68%);pointer-events:none}.home-hero:after{content:"";position:absolute;left:-280px;bottom:-330px;width:700px;height:700px;border:1px solid rgba(184,59,50,.09);border-radius:50%;box-shadow:0 0 0 70px rgba(184,59,50,.025),0 0 0 140px rgba(217,163,62,.018);pointer-events:none}.hero-copy{position:relative;z-index:1}.eyebrow,.section-heading>span,.content-hero>span,.catalog-title small,.matrix-copy small{font-size:10px;font-weight:900;letter-spacing:.2em;text-transform:uppercase;color:var(--brand)}.hero-copy h1{font-size:clamp(54px,6vw,94px);line-height:.96;letter-spacing:-.055em;margin:20px 0 28px;max-width:820px}.hero-copy h1 em{font-style:normal;color:var(--brand)}.hero-copy>p{max-width:650px;color:var(--ink-2);font-size:18px;line-height:1.7}.hero-actions{display:flex;align-items:center;gap:22px;margin:34px 0}.primary-button{padding:14px 22px;border-radius:12px;background:var(--ink);color:#fff;font-weight:800;box-shadow:0 14px 30px rgba(27,32,38,.18)}.primary-button:hover{transform:translateY(-1px)}.text-button{color:var(--ink-2);font-weight:800}.trust-row{display:flex;gap:18px;flex-wrap:wrap;color:var(--muted);font-size:12px}.trust-row span{padding:7px 10px;background:rgba(255,255,255,.6);border:1px solid var(--line);border-radius:999px}.trust-row b{color:var(--ink)}.hero-stage{position:relative;z-index:1;background:linear-gradient(145deg,#fffefa,#f6f1e8);border:1px solid var(--line-strong);border-radius:28px;box-shadow:0 30px 90px rgba(66,58,47,.16);overflow:hidden;isolation:isolate}.hero-stage:before{content:"";position:absolute;inset:-40% 40% 30% -20%;background:radial-gradient(circle,color-mix(in srgb,var(--brand) 20%,transparent),transparent 64%);z-index:-1}.stage-top{min-height:55px;display:flex;align-items:center;justify-content:space-between;padding:0 20px;border-bottom:1px solid var(--line);font-size:9px;font-weight:900;letter-spacing:.15em}.stage-top span{color:var(--brand)}.stage-top b{color:var(--muted)}.stage-fighters{padding:25px;display:grid;grid-template-columns:1fr 58px 1fr;align-items:stretch}.stage-fighters article{padding:18px;border:1px solid var(--line);border-radius:16px;background:rgba(255,255,255,.78)}.stage-fighters small,.stage-result small{color:var(--muted);font-size:8px;font-weight:900;letter-spacing:.15em}.stage-fighters article>strong{display:block;margin:6px 0 18px;font-size:14px}.stage-fighters article div{display:flex;justify-content:space-between;gap:8px;padding:8px 0;border-top:1px dashed var(--line);font-size:11px;color:var(--ink-2)}.stage-fighters article div b{color:var(--ink)}.stage-cross{display:grid;place-items:center;align-content:center;gap:7px;color:var(--brand);font-size:10px;font-weight:900}.stage-cross i{width:1px;height:24px;background:linear-gradient(transparent,var(--brand))}.stage-cross i:last-child{background:linear-gradient(var(--brand),transparent)}.stage-result{margin:0 25px 20px;padding:22px;border-left:4px solid var(--brand);background:#fff;display:flex;align-items:center;justify-content:space-between;gap:20px}.stage-result strong{display:block;font-family:Rajdhani,sans-serif;font-size:38px;line-height:1;letter-spacing:-.04em}.stage-result span{color:var(--muted);font-size:11px}.result-orbit{width:72px;height:72px;position:relative;border:1px solid rgba(184,59,50,.22);border-radius:50%;animation:orbitSpin 9s linear infinite}.result-orbit i{position:absolute;width:9px;height:9px;background:var(--brand);border-radius:50%;box-shadow:0 0 0 5px rgba(184,59,50,.09)}.result-orbit i:nth-child(1){left:31px;top:-5px}.result-orbit i:nth-child(2){right:-4px;bottom:18px}.result-orbit i:nth-child(3){left:2px;bottom:6px}.stage-tabs{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line)}.stage-tabs button{height:48px;border:0;border-right:1px solid var(--line);background:rgba(255,255,255,.6);color:var(--muted);font-weight:900}.stage-tabs button:last-child{border-right:0}.stage-tabs button.active{background:var(--ink);color:#fff}.swap-in{animation:swapIn .28s ease-out}@keyframes swapIn{from{opacity:.25;transform:translateY(5px)}to{opacity:1;transform:none}}@keyframes orbitSpin{to{transform:rotate(360deg)}}.catalog-strip{max-width:var(--max);margin:0 auto;padding:34px 28px 42px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);display:grid;grid-template-columns:minmax(280px,.75fr) minmax(0,1.25fr);gap:34px;align-items:center}.catalog-title h2{font-size:25px;line-height:1.3;margin:8px 0 0;max-width:520px}.catalog-metrics{display:grid;grid-template-columns:1fr 1fr;gap:10px}.catalog-metric{min-height:78px;padding:12px 14px;display:grid;grid-template-columns:46px 1fr auto;gap:12px;align-items:center;border:1px solid var(--line);border-radius:16px;background:#fff;opacity:.7;transition:.25s}.catalog-metric.loaded{opacity:1}.catalog-metric:hover{border-color:color-mix(in srgb,var(--catalog-accent) 55%,var(--line));transform:translateY(-2px)}.catalog-metric img{width:42px;height:42px;object-fit:contain}.catalog-metric span small{display:block;color:var(--muted);font-size:8px;font-weight:900;text-transform:uppercase;letter-spacing:.1em}.catalog-metric span strong{font-size:14px}.catalog-metric em{font-style:normal;font-size:9px;color:var(--muted);text-align:right}.games-section,.experiment-section,.feature-section{max-width:var(--max);margin:auto;padding:112px 28px}.section-heading{max-width:800px;margin-bottom:44px}.section-heading h2{font-size:clamp(40px,4vw,64px);letter-spacing:-.048em;line-height:1.03;margin:12px 0 18px}.section-heading p{color:var(--ink-2);font-size:17px}.world-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.world-card{min-height:410px;display:grid;grid-template-columns:190px 1fr;border:1px solid var(--line-strong);border-radius:24px;background:#fff;overflow:hidden;transition:.25s;box-shadow:var(--shadow-soft)}.world-card:hover{transform:translateY(-5px);box-shadow:var(--shadow)}.world-art{position:relative;display:grid;place-items:center;padding:24px;background:linear-gradient(180deg,var(--world-soft),#f5f2eb);border-right:1px solid var(--line)}.world-art:before{content:"";position:absolute;inset:20px;border:1px solid color-mix(in srgb,var(--world-accent) 28%,transparent);border-radius:50%;animation:worldPulse 5s ease-in-out infinite}.world-art img{position:relative;width:138px;height:138px;object-fit:contain;filter:drop-shadow(0 18px 25px rgba(52,45,38,.18))}.world-art span{position:absolute;left:16px;right:16px;bottom:17px;text-align:center;color:var(--world-accent);font-size:8px;font-weight:900;text-transform:uppercase;letter-spacing:.14em}.world-copy{padding:30px;display:flex;flex-direction:column}.world-copy small{color:var(--world-accent);font-weight:900;letter-spacing:.14em}.world-copy h3{font-size:25px;line-height:1.25;margin:13px 0}.world-copy p{color:var(--ink-2);margin:0}.world-copy ul{list-style:none;padding:0;margin:20px 0;display:grid;gap:7px;color:var(--muted);font-size:11px}.world-copy li:before{content:"✓";color:var(--world-accent);font-weight:900;margin-right:7px}.world-copy>b{margin-top:auto;color:var(--world-accent);font-size:12px}.world-metin2{--world-accent:#b73b31;--world-soft:#f7e5dc}.world-knight{--world-accent:#8f2d27;--world-soft:#f2e8df}.world-osrs{--world-accent:#7e6424;--world-soft:#efe8cf}.world-albion{--world-accent:#b83d35;--world-soft:#f4e3df}@keyframes worldPulse{50%{transform:scale(1.04);opacity:.55}}.experiment-section{padding-top:70px}.experiment-lab{display:grid;grid-template-columns:360px 1fr;border:1px solid var(--line-strong);border-radius:24px;background:#fff;overflow:hidden;box-shadow:var(--shadow-soft)}.experiment-tabs{display:grid;background:#f4f1e9;border-right:1px solid var(--line)}.experiment-tabs button{min-height:76px;padding:16px 20px;text-align:left;border:0;border-bottom:1px solid var(--line);background:transparent;color:var(--ink-2);font-weight:800}.experiment-tabs button:last-child{border-bottom:0}.experiment-tabs button.active{background:#fff;color:var(--brand);box-shadow:inset 4px 0 var(--brand)}.experiment-output{padding:44px;min-height:360px;display:flex;flex-direction:column;justify-content:center}.experiment-output small{color:var(--brand);font-weight:900;letter-spacing:.17em}.experiment-output h3{font-size:36px;line-height:1.15;margin:14px 0}.experiment-output p{max-width:780px;color:var(--ink-2);font-size:16px}.experiment-output>div{display:flex;flex-wrap:wrap;gap:9px;margin:20px 0}.experiment-output>div span{padding:8px 11px;border:1px solid var(--line);background:var(--paper-2);border-radius:999px;color:var(--ink-2);font-size:11px}.experiment-output a{font-weight:900;color:var(--brand)}.feature-section{padding-top:70px}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.feature-grid article{min-height:265px;padding:28px;border:1px solid var(--line);border-radius:20px;background:#fff;display:flex;flex-direction:column}.feature-icon{width:48px;height:48px;display:grid;place-items:center;border:1px solid var(--line-strong);border-radius:14px;background:var(--paper-2);color:var(--brand);font-weight:900}.feature-grid h3{font-size:19px;margin:25px 0 10px}.feature-grid p{color:var(--ink-2);margin:0}.feature-grid span{margin-top:auto;padding-top:24px;color:var(--brand);font-size:10px;font-weight:900;text-transform:uppercase;letter-spacing:.1em}.model-matrix{max-width:calc(var(--max) - 56px);margin:0 auto 115px;padding:46px;display:grid;grid-template-columns:320px 1fr;gap:40px;background:#20252b;color:#fff;border-radius:24px}.matrix-copy h2{font-size:38px;line-height:1.05;margin:10px 0 18px}.matrix-copy p{color:#b9c1c9}.matrix-table{border:1px solid #424a52;border-radius:14px;overflow:hidden}.matrix-row{display:grid;grid-template-columns:1.1fr 1.1fr 1.25fr 1.4fr}.matrix-row>*{padding:14px;border-right:1px solid #424a52;border-bottom:1px solid #424a52;font-size:11px}.matrix-row>*:last-child{border-right:0}.matrix-row:last-child>*{border-bottom:0}.matrix-head{background:#2b3138;color:#aeb8c2;text-transform:uppercase;letter-spacing:.08em}.matrix-row strong{color:#f3d88b}.method-banner{max-width:calc(var(--max) - 56px);margin:0 auto 110px;padding:45px;display:flex;align-items:end;justify-content:space-between;gap:30px;background:linear-gradient(135deg,#fff,#f2ead8);border:1px solid #d9c8a7;border-radius:24px;box-shadow:var(--shadow-soft)}.method-banner span{font-size:10px;font-weight:900;letter-spacing:.18em;color:var(--brand)}.method-banner h2{font-size:40px;margin:8px 0}.method-banner p{max-width:850px;color:var(--ink-2)}.method-banner a{font-weight:900;white-space:nowrap;color:var(--brand)}.site-footer{max-width:var(--max);margin:auto;border-top:1px solid var(--line);padding:52px 28px 26px}.footer-brand{display:flex;justify-content:space-between;gap:30px}.footer-brand>div:first-child{max-width:620px}.footer-brand img{width:164px;object-fit:contain}.footer-brand p{color:var(--muted)}.footer-game-row{display:flex;gap:8px;align-items:flex-start}.footer-game-row a{width:54px;height:54px;display:grid;place-items:center;border:1px solid var(--line);background:#fff;border-radius:14px;position:relative}.footer-game-row img{width:34px;height:34px;object-fit:contain}.footer-game-row span{display:none}.footer-game-row a:after{content:"";position:absolute;left:12px;right:12px;bottom:4px;height:2px;background:var(--footer-accent)}.footer-links{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;max-width:720px;margin:48px 0 42px auto}.footer-links div{display:grid;gap:8px}.footer-links strong{margin-bottom:8px;font-size:10px;text-transform:uppercase;letter-spacing:.15em}.footer-links a{color:var(--muted)}.footer-links a:hover{color:var(--ink)}.footer-bottom{padding-top:22px;border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:24px;color:var(--muted);font-size:10px}.content-page{max-width:1100px;min-height:650px;margin:auto;padding:100px 28px}.content-hero{padding:55px;border:1px solid var(--line);background:#fff;border-radius:24px;box-shadow:var(--shadow-soft)}.content-hero h1{font-size:52px;letter-spacing:-.04em;margin:12px 0}.content-hero p{color:var(--ink-2);font-size:18px;max-width:850px}.method-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:20px}.method-grid article{padding:30px;border:1px solid var(--line);border-radius:20px;background:#fff}.method-grid b{color:var(--brand)}.method-grid h2{font-size:23px}.method-grid p{color:var(--ink-2)}.reveal-ready{opacity:0;transform:translateY(18px)}.reveal-in{opacity:1;transform:none;transition:opacity .55s ease,transform .55s ease}@media(max-width:1120px){.desktop-nav,.header-games{display:none}.menu-toggle{display:block}.mobile-menu.open{display:block}.home-hero{grid-template-columns:1fr;padding-top:65px}.hero-stage{max-width:820px}.catalog-strip{grid-template-columns:1fr}.world-grid{grid-template-columns:1fr}.feature-grid{grid-template-columns:1fr 1fr}.model-matrix{grid-template-columns:1fr}.experiment-lab{grid-template-columns:280px 1fr}}@media(max-width:720px){.site-header{height:64px;padding:0 16px}.brand img{width:132px}.brand span{display:none}.mobile-menu{top:64px}.home-hero{min-height:auto;padding:50px 18px 65px;gap:48px}.hero-copy h1{font-size:51px}.hero-copy>p{font-size:16px}.hero-actions{align-items:flex-start;flex-direction:column}.stage-fighters{grid-template-columns:1fr;gap:10px;padding:15px}.stage-cross{grid-template-columns:1fr auto 1fr}.stage-cross i{width:auto;height:1px}.stage-result{margin:0 15px 15px}.stage-result strong{font-size:30px}.result-orbit{display:none}.catalog-strip,.games-section,.experiment-section,.feature-section{padding-left:18px;padding-right:18px}.catalog-metrics{grid-template-columns:1fr}.catalog-metric{grid-template-columns:44px 1fr}.catalog-metric em{grid-column:2;text-align:left}.world-card{grid-template-columns:1fr}.world-art{min-height:230px;border-right:0;border-bottom:1px solid var(--line)}.world-art img{width:150px;height:150px}.feature-grid{grid-template-columns:1fr}.experiment-lab{grid-template-columns:1fr}.experiment-tabs{grid-template-columns:1fr 1fr;border-right:0;border-bottom:1px solid var(--line)}.experiment-tabs button{min-height:62px;border-right:1px solid var(--line)}.experiment-output{padding:28px}.experiment-output h3{font-size:30px}.model-matrix{margin:0 18px 80px;padding:25px}.matrix-table{overflow:auto}.matrix-row{min-width:700px}.method-banner{margin:0 18px 80px;padding:28px;align-items:flex-start;flex-direction:column}.method-banner h2{font-size:32px}.footer-brand,.footer-bottom{display:block}.footer-game-row{margin-top:24px}.footer-links{grid-template-columns:1fr 1fr;margin-left:0}.footer-bottom span{display:block;margin:6px 0}.content-page{padding:70px 18px}.content-hero{padding:30px}.content-hero h1{font-size:38px}}@media(max-width:430px){.hero-copy h1{font-size:44px}.stage-tabs button{font-size:11px}.experiment-tabs{grid-template-columns:1fr}.world-copy{padding:24px}.catalog-title h2{font-size:22px}.section-heading h2{font-size:40px}.footer-links{grid-template-columns:1fr}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}.reveal-ready{opacity:1;transform:none}}.mobile-menu-backdrop[hidden]{display:none!important}.mobile-menu-backdrop{position:fixed;inset:0;z-index:298;background:rgba(34,30,26,.38);backdrop-filter:blur(3px);opacity:0;transition:opacity .2s ease}.mobile-menu-backdrop.open{opacity:1}.mobile-menu{display:block;position:fixed;top:0;right:0;bottom:0;left:auto;z-index:300;width:min(390px,90vw);height:100dvh;padding:0 18px calc(22px + env(safe-area-inset-bottom));overflow-y:auto;background:#fffefa;border:0;border-left:1px solid var(--line);box-shadow:-24px 0 70px rgba(45,39,33,.18);transform:translateX(105%);visibility:hidden;transition:transform .22s ease,visibility .22s ease}.mobile-menu.open{transform:translateX(0);visibility:visible}.mobile-menu-head{position:sticky;top:0;z-index:2;min-height:76px;display:flex!important;grid-template-columns:none!important;align-items:center;justify-content:space-between;gap:14px!important;margin:0 -18px 18px!important;padding:calc(12px + env(safe-area-inset-top)) 18px 12px;background:rgba(255,254,250,.98);border-bottom:1px solid var(--line)}.mobile-menu-brand{padding:0!important;border:0!important;background:transparent!important}.mobile-menu-brand img{width:150px!important;height:42px!important;margin:0!important;object-fit:contain!important;object-position:left center!important}.mobile-menu-close{width:44px;height:44px;flex:0 0 44px;border:1px solid var(--line-strong);border-radius:13px;background:#fff;color:var(--ink);font-size:26px;line-height:1}.mobile-game-links{display:grid;gap:9px;margin-bottom:18px}.mobile-game-links a{min-height:72px;padding:10px 12px!important;display:grid;grid-template-columns:50px minmax(0,1fr);align-items:center;gap:12px;border:1px solid var(--line)!important;border-radius:14px!important;background:#fff!important;box-shadow:none!important}.mobile-game-links a.active{border-color:color-mix(in srgb,var(--menu-accent) 58%,var(--line))!important;background:color-mix(in srgb,var(--menu-accent) 7%,#fff)!important}.mobile-game-links img{width:46px!important;height:46px!important;margin:0!important;object-fit:contain!important}.mobile-game-links span{min-width:0}.mobile-game-links strong{display:block;color:var(--ink);font-size:14px;line-height:1.25}.mobile-game-links small{display:block;margin-top:3px;color:var(--muted);font-size:9px}.mobile-page-links{display:grid;gap:0;border-top:1px solid var(--line)}.mobile-page-links a{padding:15px 4px!important;border:0!important;border-bottom:1px solid var(--line)!important;border-radius:0!important;background:transparent!important;color:var(--ink-2);font-weight:750}@media(min-width:1121px){.mobile-menu,.mobile-menu-backdrop{display:none!important}}@media(max-width:1120px){.mobile-menu{display:block!important}}@media(prefers-reduced-motion:reduce){.mobile-menu,.mobile-menu-backdrop{transition:none!important}}.mobile-menu-head{pointer-events:auto!important}.mobile-menu-close{position:relative!important;z-index:20!important;display:grid!important;place-items:center!important;padding:0!important;pointer-events:auto!important;touch-action:manipulation!important;cursor:pointer!important;-webkit-tap-highlight-color:transparent}.mobile-menu.open .mobile-menu-close{visibility:visible!important;opacity:1!important}.game-page{background:#05070a}.lab-shell{--panel:#10141a;--panel-2:#151a21;--panel-3:#0b0e12;--line:#26303a;--line-strong:#3b4651;--ink:#f3f6f8;--ink-2:#aab5bf;--muted:#727f8b;--good:#63d795;--bad:#ff7f82;--warn:#f6c566;min-height:100vh;padding:0 max(18px,calc((100vw - 1540px)/2)) 100px;position:relative;color:var(--ink);font-family:var(--font-body);background:linear-gradient(90deg,rgba(4,6,8,.98) 0%,rgba(4,6,8,.90) 48%,rgba(4,6,8,.73) 100%),var(--game-bg);background-size:cover;background-position:center top;background-attachment:fixed}.lab-shell:before{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,transparent 0 70%,rgba(0,0,0,.5));opacity:.7}.lab-shell>*{position:relative;z-index:1}.game-hero{position:relative;min-height:230px;display:flex;align-items:center;justify-content:space-between;gap:36px;border-bottom:1px solid color-mix(in srgb,var(--accent) 24%,var(--line));overflow:hidden}.hero-art{position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 78% 20%,color-mix(in srgb,var(--accent) 18%,transparent),transparent 40%)}.game-identity{display:flex;align-items:center;gap:22px;min-width:0}.game-emblem{width:76px;height:76px;display:grid;place-items:center;flex:0 0 auto;border:1px solid color-mix(in srgb,var(--accent) 55%,var(--line));background:linear-gradient(145deg,color-mix(in srgb,var(--accent) 13%,#0a0d11),#080a0d);box-shadow:0 18px 45px rgba(0,0,0,.4),inset 0 0 28px color-mix(in srgb,var(--accent) 10%,transparent)}.game-emblem img{width:46px;height:46px;object-fit:contain;filter:drop-shadow(0 8px 16px rgba(0,0,0,.5))}.game-copy{min-width:0}.hero-kicker{display:block;color:var(--accent-2);font-size:10px;font-weight:900;letter-spacing:.22em;text-transform:uppercase}.game-copy h1{font-family:var(--font-display,var(--font-body));font-size:clamp(38px,4.8vw,68px);line-height:.95;letter-spacing:-.035em;margin:10px 0 12px;max-width:900px}.game-copy p{max-width:760px;margin:0;color:var(--ink-2);font-size:14px;line-height:1.65}.hero-status{min-width:245px;text-align:right;padding:18px 0 18px 24px;border-left:1px solid color-mix(in srgb,var(--accent) 20%,var(--line))}.hero-status small{display:block;color:var(--accent-2);font-size:9px;font-weight:900;text-transform:uppercase;letter-spacing:.15em}.hero-status strong{display:block;margin:9px 0 5px;font-family:var(--font-num,var(--font-body));font-size:18px}.hero-status span{display:block;color:var(--muted);font-size:10px;line-height:1.45}.lab-nav{height:68px;display:flex;align-items:stretch;gap:0;position:sticky;top:68px;z-index:90;background:rgba(5,7,10,.94);backdrop-filter:blur(16px);border-bottom:1px solid var(--line)}.lab-nav button{position:relative;min-width:126px;padding:0 22px;display:flex;align-items:center;justify-content:center;gap:10px;border:0;border-right:1px solid var(--line);background:transparent;color:var(--muted);font-size:11px;font-weight:900;text-transform:uppercase;letter-spacing:.1em;cursor:pointer}.lab-nav button:first-child{border-left:1px solid var(--line)}.lab-nav button em{font-style:normal;font-size:9px;color:var(--accent-2);opacity:.65}.lab-nav button span{white-space:nowrap}.lab-nav button:after{content:"";position:absolute;left:20px;right:20px;bottom:0;height:3px;background:var(--accent);transform:scaleX(0);transition:.18s}.lab-nav button:hover{color:var(--ink);background:color-mix(in srgb,var(--accent) 6%,transparent)}.lab-nav button.active{color:var(--ink);background:linear-gradient(180deg,color-mix(in srgb,var(--accent) 9%,transparent),transparent)}.lab-nav button.active:after{transform:scaleX(1)}.lab-toolbar{min-height:72px;display:flex;align-items:center;justify-content:space-between;gap:15px}.build-switch{display:flex;align-items:center;gap:8px}.build-switch>span{color:var(--muted);font-size:9px;font-weight:900;text-transform:uppercase;letter-spacing:.14em;margin-right:4px}.build-switch button{width:38px;height:38px;border:1px solid var(--line-strong);background:var(--panel);color:var(--ink);font-weight:900;cursor:pointer}.build-switch button.active{border-color:var(--accent);background:var(--accent);color:#07090b;box-shadow:0 0 22px color-mix(in srgb,var(--accent) 25%,transparent)}.build-switch strong{margin-left:8px;font-size:12px}.toolbar-actions{display:flex;gap:8px}.toolbar-actions button{min-height:38px;padding:0 14px;border:1px solid var(--line);background:rgba(12,16,21,.9);color:var(--ink-2);font-size:10px;font-weight:800;cursor:pointer}.lab-grid{display:grid;grid-template-columns:280px minmax(520px,1fr) 340px;gap:14px;align-items:start}.lab-panel{position:relative;background:linear-gradient(180deg,color-mix(in srgb,var(--panel) 96%,transparent),color-mix(in srgb,var(--panel-3) 97%,transparent));border:1px solid var(--line);overflow:hidden;box-shadow:0 24px 70px rgba(0,0,0,.28)}.lab-panel:before{content:"";position:absolute;left:0;top:0;width:64px;height:2px;background:var(--accent);z-index:3}.panel-title{min-height:72px;padding:0 18px;display:flex;align-items:center;gap:13px;border-bottom:1px solid var(--line);background:linear-gradient(90deg,color-mix(in srgb,var(--accent) 7%,transparent),transparent)}.panel-title>span{width:30px;height:30px;display:grid;place-items:center;flex:0 0 auto;border:1px solid color-mix(in srgb,var(--accent) 56%,var(--line));color:var(--accent-2);font-size:9px;font-weight:900}.panel-title>div{min-width:0}.panel-title small{display:block;color:var(--accent-2);font-size:8px;font-weight:900;letter-spacing:.16em}.panel-title h2{margin:4px 0 0;font-size:17px;letter-spacing:-.015em}.character-panel,.combat-panel{position:relative;top:auto}.gear-panel{grid-row:auto}.results-panel,.compare-panel{grid-column:1/-1;scroll-margin-top:150px}.character-panel,.gear-panel,.combat-panel{scroll-margin-top:150px}.lab-panel label{display:grid;gap:6px;color:var(--muted);font-size:8px;font-weight:900;text-transform:uppercase;letter-spacing:.1em}.lab-panel select,.lab-panel input{width:100%;min-height:42px;border:1px solid var(--line-strong);background:#080b0f;color:var(--ink);padding:0 11px;outline:none}.lab-panel select:focus,.lab-panel input:focus{border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 12%,transparent)}.character-visual{height:270px;position:relative;display:grid;place-items:center;overflow:hidden;background:linear-gradient(180deg,color-mix(in srgb,var(--accent) 10%,#0a0d10),#07090c);border-bottom:1px solid var(--line)}.character-visual:after{content:"";position:absolute;inset:auto 10% 20px;height:1px;background:linear-gradient(90deg,transparent,var(--accent),transparent);opacity:.7}.character-aura{position:absolute;width:190px;height:190px;border:1px solid color-mix(in srgb,var(--accent) 35%,transparent);transform:rotate(45deg);box-shadow:inset 0 0 55px color-mix(in srgb,var(--accent) 10%,transparent)}.character-visual img{max-width:84%;max-height:92%;position:relative;z-index:2;object-fit:contain;filter:drop-shadow(0 18px 24px rgba(0,0,0,.6))}.character-visual>span{position:absolute;bottom:15px;z-index:3;padding:5px 11px;border:1px solid var(--line-strong);background:#080a0d;color:var(--accent-2);font-size:8px;font-weight:900;text-transform:uppercase;letter-spacing:.12em}.control-grid{display:grid;grid-template-columns:1fr 82px;gap:8px;padding:15px}.attribute-list{padding:0 15px 17px}.attribute-list label{grid-template-columns:1fr 74px;align-items:center;margin-top:8px}.attribute-list input{text-align:center}.gear-board{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:15px}.gear-slot{min-height:82px;padding:8px;display:grid;grid-template-columns:1fr auto;gap:8px;align-items:center;border:1px solid var(--line);background:#080b0f;transition:.16s}.gear-slot:hover{border-color:color-mix(in srgb,var(--accent) 62%,var(--line));transform:translateY(-1px)}.gear-slot.filled{background:linear-gradient(90deg,color-mix(in srgb,var(--accent) 9%,#080b0f),#080b0f)}.slot-select{min-width:0;padding:0;display:grid;grid-template-columns:48px 1fr;gap:10px;align-items:center;text-align:left;border:0;background:transparent;cursor:pointer}.slot-icon{width:46px;height:46px;display:grid;place-items:center;border:1px solid var(--line-strong);background:#05070a;color:var(--accent-2);font-size:18px;overflow:hidden}.slot-icon img{width:100%;height:100%;object-fit:contain}.gear-slot small{display:block;color:var(--muted);font-size:7px;font-weight:900;letter-spacing:.1em}.gear-slot strong{display:block;margin-top:4px;color:var(--ink);font-size:11px;line-height:1.25}.slot-actions{display:grid;grid-template-columns:25px 30px 25px;gap:3px;align-items:center}.slot-actions button{width:25px;height:25px;padding:0;border:1px solid var(--line);background:var(--panel);color:var(--ink);cursor:pointer}.slot-actions button[data-remove]{grid-column:1/-1;width:100%;color:var(--bad)}.slot-actions em{text-align:center;color:var(--accent-2);font-size:9px;font-style:normal}.gear-summary{display:flex;gap:20px;padding:14px 16px;border-top:1px solid var(--line);color:var(--muted);font-size:10px}.gear-summary b{color:var(--accent-2)}.combat-panel{padding-bottom:0}.combat-step{padding:16px;border-bottom:1px solid var(--line)}.combat-step:last-child{border-bottom:0}.combat-step-head{display:flex;align-items:center;gap:9px;margin-bottom:11px}.combat-step-head em{width:22px;height:22px;display:grid;place-items:center;background:var(--accent);color:#080a0d;font-style:normal;font-size:9px;font-weight:900}.combat-step-head span{color:var(--ink-2);font-size:9px;font-weight:900;text-transform:uppercase;letter-spacing:.12em}.skill-card{margin-top:9px;padding:13px;border:1px solid var(--line);background:#080b0f}.skill-card div{display:flex;justify-content:space-between;gap:10px;align-items:center}.skill-card>strong{display:block;margin-top:12px;font-size:15px}.skill-card p{margin:5px 0 0;color:var(--muted);font-size:9px}.target-editor{display:grid;grid-template-columns:1fr 1fr;gap:8px}.mode-row{display:grid;grid-template-columns:1fr 1fr;gap:8px}.mode-row button{height:42px;border:1px solid var(--line-strong);background:#080b0f;color:var(--muted);font-weight:900;cursor:pointer}.mode-row button.active{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 16%,#080b0f);color:var(--ink)}.confidence{display:inline-flex;padding:4px 7px;border:1px solid;font-size:7px;font-weight:900;text-transform:uppercase;letter-spacing:.08em}.confidence.exact{color:#7ee0aa;border-color:#347d5b;background:#10261b}.confidence.source{color:#85cef5;border-color:#326887;background:#0e2230}.confidence.mixed{color:#f0ca79;border-color:#806b32;background:#29220e}.confidence.community{color:#cbb0f0;border-color:#63498a;background:#20172c}.confidence.estimate{color:#efa581;border-color:#814b31;background:#28170f}.confidence-line{display:flex;align-items:center;gap:12px;padding:14px 18px;border-bottom:1px solid var(--line);background:#090c10}.confidence-line p{margin:0;color:var(--muted);font-size:10px}.outcome-grid{display:grid;grid-template-columns:repeat(4,1fr)}.metric-card{min-height:178px;padding:24px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);position:relative;overflow:hidden}.metric-card:last-child{border-right:0}.metric-card:after{content:"";position:absolute;right:-35px;bottom:-55px;width:150px;height:150px;border-radius:50%;background:currentColor;opacity:.035}.metric-head{display:flex;align-items:center;justify-content:space-between;gap:10px}.metric-head small{color:var(--ink-2);font-size:8px;font-weight:900;letter-spacing:.13em}.metric-card strong{display:block;margin:20px 0 10px;font-family:var(--font-num,var(--font-body));font-size:clamp(30px,3.2vw,48px);letter-spacing:-.045em}.metric-card>span{color:var(--muted);font-size:10px}.metric-card.outgoing{color:var(--accent-2);background:linear-gradient(145deg,color-mix(in srgb,var(--accent) 12%,#0b0e12),#0b0e12)}.metric-card.incoming{color:#ff8b8e;background:linear-gradient(145deg,rgba(255,96,102,.10),#0b0e12)}.metric-card.dps{color:#73e2a0;background:linear-gradient(145deg,rgba(70,220,135,.10),#0b0e12)}.metric-card.ttk{color:#f6c96f;background:linear-gradient(145deg,rgba(246,190,75,.10),#0b0e12)}.result-detail-grid{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(340px,.85fr)}.breakdown,.exact-effects{padding:22px}.exact-effects{border-left:1px solid var(--line)}.breakdown-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:18px}.breakdown-head>span{display:flex;align-items:center;color:var(--ink);font-size:10px;font-weight:900;text-transform:uppercase;letter-spacing:.1em}.breakdown-head>b{color:var(--accent-2);font-size:9px}.breakdown>div:last-child>div{display:grid;grid-template-columns:180px 1fr 90px;gap:14px;align-items:center;margin:12px 0;color:var(--ink-2);font-size:10px}.breakdown i{height:7px;background:#1a222b;overflow:hidden}.breakdown i b{display:block;height:100%;background:linear-gradient(90deg,var(--accent),var(--accent-2));box-shadow:0 0 16px color-mix(in srgb,var(--accent) 26%,transparent)}.breakdown strong{text-align:right;color:var(--ink)}.exact-effects>div:last-child{display:grid;grid-template-columns:1fr 1fr;gap:8px}.exact-effects span{padding:12px;border:1px solid var(--line);background:#080b0f}.exact-effects small{display:block;color:var(--muted);font-size:7px;text-transform:uppercase}.exact-effects b{display:block;margin-top:4px;color:var(--accent-2);font-size:16px}.exact-effects p{margin:0;color:var(--muted)}.compare-hero{display:grid;grid-template-columns:1fr 80px 1fr;align-items:stretch;padding:20px;gap:0}.compare-hero article{padding:24px;border:1px solid var(--line);background:#090c10}.compare-hero>span{display:grid;place-items:center;color:var(--muted);font-family:var(--font-display,var(--font-body));font-size:18px}.compare-hero strong{display:block;margin-top:15px;font-family:var(--font-num,var(--font-body));font-size:46px;letter-spacing:-.045em}.compare-a{box-shadow:inset 4px 0 var(--accent)}.compare-b{box-shadow:inset -4px 0 color-mix(in srgb,var(--accent-2) 70%,#9d73ff)}.compare-a strong{color:var(--accent-2)}.compare-b strong{color:#c4a0ff}.compare-verdict{margin:0 20px 20px;padding:20px 22px;border-left:4px solid var(--good);background:linear-gradient(90deg,rgba(74,210,130,.10),#0a0d11)}.compare-verdict strong{display:block;font-size:18px}.compare-verdict span{display:block;margin-top:6px;color:var(--ink-2);font-size:11px}.compare-table-wrap{overflow:auto;border-top:1px solid var(--line)}.compare-table-wrap table{width:100%;border-collapse:collapse;min-width:720px}.compare-table-wrap th,.compare-table-wrap td{padding:15px 20px;text-align:left;border-bottom:1px solid var(--line);font-size:11px}.compare-table-wrap th{color:var(--muted);font-size:8px;text-transform:uppercase;letter-spacing:.1em}.positive{color:var(--good)!important}.negative{color:var(--bad)!important}.info-chip{margin-left:auto;width:30px;height:30px;display:grid;place-items:center;flex:0 0 auto;border:1px solid color-mix(in srgb,var(--accent) 48%,var(--line-strong));background:#080b0f;color:var(--accent-2);font-size:12px;font-weight:900;border-radius:50%;cursor:pointer}.info-chip.inline{width:20px;height:20px;font-size:9px;margin-left:7px}.metric-info{width:23px;height:23px;font-size:9px}.info-popover[hidden]{display:none}.info-popover{position:fixed;inset:0;z-index:99999;pointer-events:none}.info-popover.open{pointer-events:auto}.info-popover-card{position:fixed;width:min(360px,90vw);padding:17px;border:1px solid color-mix(in srgb,var(--accent) 48%,var(--line));background:#0d1117;box-shadow:0 24px 70px rgba(0,0,0,.56);opacity:0;transform:translateY(5px);transition:.14s}.info-popover.open .info-popover-card{opacity:1;transform:none}.info-popover-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:9px}.info-popover-head strong{font-size:15px}.info-popover-head button{width:30px;height:30px;border:1px solid var(--line);background:#080b0f;color:var(--ink);font-size:17px}.info-popover p{margin:0;color:var(--ink-2);font-size:12px;line-height:1.65}.item-drawer{position:fixed;inset:0;z-index:120;visibility:hidden}.item-drawer.open{visibility:visible}.drawer-backdrop{position:absolute;inset:0;border:0;background:rgba(0,0,0,.72);opacity:0}.item-drawer.open .drawer-backdrop{opacity:1}.drawer-sheet{position:absolute;right:0;top:0;bottom:0;width:min(620px,94vw);display:flex;flex-direction:column;background:#0b0e12;border-left:1px solid var(--line-strong);transform:translateX(100%);transition:.25s}.item-drawer.open .drawer-sheet{transform:none}.drawer-head{min-height:84px;padding:0 20px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.drawer-head small{color:var(--accent-2);font-size:8px}.drawer-head h2{margin:4px 0 0}.drawer-head button{width:38px;height:38px;border:1px solid var(--line);background:#11161c;color:var(--ink);font-size:20px}.drawer-tools{display:grid;grid-template-columns:1fr 150px;gap:8px;padding:14px}.drawer-tools input,.drawer-tools select{height:44px;padding:0 12px;border:1px solid var(--line);background:#07090c;color:var(--ink)}.drawer-meta{padding:0 14px 10px;color:var(--muted);font-size:10px}.item-list{overflow:auto;padding:0 14px 25px}.item-row{width:100%;min-height:74px;margin-bottom:7px;display:grid;grid-template-columns:52px 1fr;gap:12px;align-items:center;text-align:left;border:1px solid var(--line);background:#0e1217;padding:9px;cursor:pointer}.item-row:hover{border-color:var(--accent)}.item-image{width:50px;height:50px;display:grid;place-items:center;background:#07090c;border:1px solid var(--line);overflow:hidden}.item-image img{width:100%;height:100%;object-fit:contain}.item-row small{display:block;color:var(--accent-2);font-size:7px;font-weight:900}.item-row b{display:block;font-size:12px}.item-row em{color:var(--muted);font-size:9px;font-style:normal}.empty-item{grid-template-columns:52px 1fr}.empty-item>span{width:50px;height:50px;display:grid;place-items:center;border:1px dashed var(--line)}.game-metin2{--font-display:'Noto Serif TC',serif;--font-num:'Rajdhani',sans-serif}.game-metin2 .lab-shell{--panel:#160e0d;--panel-2:#211310;--panel-3:#0d0908;--line:#3a2420;--line-strong:#5a342d;--ink:#f5eadc;--ink-2:#c6ad92;--muted:#8f7967}.game-metin2 .game-emblem,.game-metin2 .lab-panel{clip-path:polygon(8px 0,100% 0,100% calc(100% - 8px),calc(100% - 8px) 100%,0 100%,0 8px)}.game-metin2 .game-copy h1{font-weight:700}.game-metin2 .character-aura{border-radius:50%;transform:none}.game-knight{--font-display:'Cinzel',serif;--font-num:'Rajdhani',sans-serif}.game-knight .lab-shell{--panel:#130e0d;--panel-2:#1b1210;--panel-3:#090807;--line:#382722;--line-strong:#604239;--ink:#f2e9dc;--ink-2:#c2ad94;--muted:#887868}.game-knight .lab-panel,.game-knight .game-emblem{clip-path:polygon(10px 0,calc(100% - 10px) 0,100% 10px,100% calc(100% - 10px),calc(100% - 10px) 100%,10px 100%,0 calc(100% - 10px),0 10px)}.game-knight .game-copy h1{text-transform:uppercase;letter-spacing:-.02em}.game-knight .character-aura{transform:rotate(45deg);border-color:color-mix(in srgb,#d4a454 48%,transparent)}.game-osrs{--font-display:'IM Fell English SC',serif;--font-num:'Rajdhani',sans-serif}.game-osrs .lab-shell{--panel:#18130d;--panel-2:#211a10;--panel-3:#0d0b08;--line:#3b3120;--line-strong:#5f5133;--ink:#efe4ca;--ink-2:#c0b18c;--muted:#8c8067}.game-osrs .lab-panel,.game-osrs .gear-slot,.game-osrs .lab-panel select,.game-osrs .lab-panel input{border-radius:3px}.game-osrs .character-aura{border-radius:50%;transform:none;box-shadow:0 0 0 14px rgba(116,96,55,.05)}.game-albion{--font-display:'Cinzel',serif;--font-num:'Rajdhani',sans-serif}.game-albion .lab-shell{--panel:#151312;--panel-2:#1d1917;--panel-3:#0c0b0a;--line:#342e2a;--line-strong:#574a42;--ink:#f3eee4;--ink-2:#c4b6a3;--muted:#897d70}.game-albion .lab-panel:before{width:100%;height:2px}.game-albion .character-aura{border-radius:50%;transform:none}@media(max-width:1250px){.lab-grid{grid-template-columns:260px minmax(430px,1fr)}.combat-panel{grid-column:1/-1;display:grid;grid-template-columns:repeat(4,1fr)}.combat-panel>.panel-title{grid-column:1/-1}.combat-step{border-right:1px solid var(--line);border-bottom:0}.combat-step:last-child{border-right:0}.results-panel,.compare-panel{grid-column:1/-1}.result-detail-grid{grid-template-columns:1fr 1fr}}@media(max-width:900px){.lab-shell{padding:0 12px 92px;background-attachment:scroll}.game-hero{min-height:auto;padding:24px 2px;align-items:flex-start}.game-emblem{width:56px;height:56px}.game-emblem img{width:34px;height:34px}.game-copy h1{font-size:36px}.game-copy p{display:none}.hero-status{display:none}.lab-nav{position:fixed;left:0;right:0;bottom:0;top:auto;height:auto;padding:6px 6px calc(6px + env(safe-area-inset-bottom));z-index:150;border-top:1px solid var(--line);border-bottom:0;box-shadow:0 -16px 40px rgba(0,0,0,.5)}.lab-nav button{min-width:0;flex:1;height:54px;padding:0 7px;flex-direction:column;gap:3px;border:0}.lab-nav button:first-child{display:none}.lab-nav button:after{left:12px;right:12px;top:0;bottom:auto}.lab-toolbar{padding:12px 0;flex-wrap:wrap}.build-switch>span{display:none}.lab-grid{display:block}.lab-panel{margin-bottom:12px}.lab-panel:not(.mobile-active){display:none}.lab-panel.mobile-active{display:block}.character-panel,.gear-panel,.results-panel{display:block!important}.compare-panel,.combat-panel{display:none}.combat-panel.mobile-active,.compare-panel.mobile-active{display:block!important}.results-panel:not(.mobile-active),.gear-panel:not(.mobile-active){display:none!important}.character-panel{display:block!important}.gear-board{grid-template-columns:1fr 1fr}.result-detail-grid{grid-template-columns:1fr}.exact-effects{border-left:0;border-top:1px solid var(--line)}.outcome-grid{grid-template-columns:1fr 1fr}.metric-card:nth-child(2){border-right:0}.item-drawer .drawer-sheet{left:0;right:0;top:auto;width:auto;height:min(84vh,780px);border-left:0;border-top:1px solid var(--line);transform:translateY(100%);padding-bottom:env(safe-area-inset-bottom)}.item-drawer.open .drawer-sheet{transform:none}.drawer-tools{grid-template-columns:1fr 112px}.info-popover{display:flex;align-items:flex-end;justify-content:center;background:rgba(0,0,0,.62);backdrop-filter:blur(4px);opacity:0;transition:.15s}.info-popover.open{opacity:1}.info-popover-card{position:static!important;width:100%;padding:20px 18px calc(20px + env(safe-area-inset-bottom));transform:translateY(100%);opacity:1}.info-popover.open .info-popover-card{transform:none}}@media(max-width:580px){.game-identity{gap:13px}.game-copy h1{font-size:31px}.lab-toolbar{gap:8px}.build-switch strong{font-size:10px}.toolbar-actions button{padding:0 9px}.gear-board{grid-template-columns:1fr;padding:10px}.outcome-grid{grid-template-columns:1fr}.metric-card{min-height:142px;border-right:0}.metric-card strong{font-size:34px;margin:15px 0 8px}.breakdown,.exact-effects{padding:17px}.breakdown>div:last-child>div{grid-template-columns:105px 1fr 55px;gap:8px}.exact-effects>div:last-child{grid-template-columns:1fr 1fr}.compare-hero{grid-template-columns:1fr 45px 1fr;padding:10px}.compare-hero article{padding:15px}.compare-hero strong{font-size:26px}.compare-verdict{margin:0 10px 10px;padding:16px}.panel-title{min-height:66px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}.item-list .item-row{min-height:88px;grid-template-columns:70px minmax(0,1fr);gap:14px;align-items:center}.item-list .item-image{width:66px;height:66px;min-width:66px;min-height:66px;display:flex;align-items:center;justify-content:center;padding:5px;box-sizing:border-box;overflow:hidden;background:#07090c;border:1px solid var(--line)}.item-list .item-image img{display:block;width:100%;height:100%;max-width:100%;max-height:100%;object-fit:contain!important;object-position:center!important;transform:none!important}.game-guide{margin-top:14px;padding:clamp(24px,4vw,48px);border:1px solid var(--line);background:linear-gradient(135deg,color-mix(in srgb,var(--accent) 8%,#090c10),#090c10 58%,color-mix(in srgb,var(--accent-2) 5%,#090c10));position:relative;overflow:hidden}.game-guide:before{content:"";position:absolute;left:0;top:0;width:120px;height:3px;background:linear-gradient(90deg,var(--accent),var(--accent-2))}.guide-heading{display:grid;grid-template-columns:minmax(320px,.9fr) minmax(380px,1.1fr);gap:42px;align-items:end;padding-bottom:26px;border-bottom:1px solid var(--line)}.guide-heading small{display:block;color:var(--accent-2);font-size:9px;font-weight:900;letter-spacing:.18em}.guide-heading h2{margin:8px 0 0;font-family:var(--font-display,var(--font-body));font-size:clamp(27px,3.2vw,44px);line-height:1.05}.guide-heading>p{margin:0;color:var(--ink-2);font-size:14px;line-height:1.75}.guide-steps{list-style:none;margin:0;padding:30px 0;display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line)}.guide-steps li{min-height:190px;padding:24px;display:flex;gap:16px;background:var(--panel-3)}.guide-steps li>span{width:34px;height:34px;display:grid;place-items:center;flex:0 0 auto;border:1px solid color-mix(in srgb,var(--accent) 60%,var(--line));color:var(--accent-2);font-family:var(--font-num,var(--font-body));font-weight:900}.guide-steps h3{margin:4px 0 10px;font-size:15px}.guide-steps p{margin:0;color:var(--muted);font-size:11px;line-height:1.7}.guide-tip{padding:20px 22px;border-left:4px solid var(--accent);background:color-mix(in srgb,var(--accent) 8%,#080b0f);display:grid;grid-template-columns:190px 1fr auto;gap:20px;align-items:center}.guide-tip strong{color:var(--accent-2);font-size:11px;text-transform:uppercase;letter-spacing:.08em}.guide-tip p{margin:0;color:var(--ink-2);font-size:11px;line-height:1.65}.guide-tip>div{display:flex;gap:7px}.guide-tip button{min-height:38px;padding:0 12px;border:1px solid var(--line-strong);background:#080b0f;color:var(--ink);font-size:9px;font-weight:900;cursor:pointer}.guide-tip button:hover{border-color:var(--accent);color:var(--accent-2)}.item-compare-panel{margin-top:14px;scroll-margin-top:150px}.item-compare-intro{padding:18px 20px;display:flex;align-items:center;justify-content:space-between;gap:25px;border-bottom:1px solid var(--line);background:#090c10}.item-compare-intro p{max-width:850px;margin:0;color:var(--ink-2);font-size:11px;line-height:1.7}.item-compare-compatible{display:flex!important;grid-template-columns:auto 1fr!important;align-items:center;gap:9px!important;min-width:285px}.item-compare-compatible input{width:18px!important;min-height:18px!important;margin:0;accent-color:var(--accent)}.item-compare-compatible span{color:var(--ink-2);font-size:10px;text-transform:none;letter-spacing:0}.item-compare-controls{padding:16px 20px;border-bottom:1px solid var(--line)}.item-compare-controls label{max-width:420px}.item-compare-grid{display:grid;grid-template-columns:minmax(0,1fr) 72px minmax(0,1fr);align-items:stretch;padding:20px;gap:0}.item-compare-side{padding:20px;border:1px solid var(--line);background:#080b0f}.item-compare-side.side-a{box-shadow:inset 4px 0 var(--accent)}.item-compare-side.side-b{box-shadow:inset -4px 0 var(--accent-2)}.item-compare-vs{display:grid;place-items:center;color:var(--muted);font-family:var(--font-display,var(--font-body));font-size:19px}.item-side-label{display:flex;align-items:end;justify-content:space-between;gap:16px;margin-bottom:13px}.item-side-label>span{color:var(--accent-2);font-size:10px;font-weight:900;letter-spacing:.14em}.item-side-label label{width:100px}.item-side-label input{text-align:center}.item-compare-card{min-height:182px;margin-top:13px;padding:15px;border:1px solid var(--line);background:linear-gradient(145deg,color-mix(in srgb,var(--accent) 6%,#0b0e12),#0b0e12)}.compare-item-empty{height:150px;display:grid;place-items:center;text-align:center;color:var(--muted);font-size:11px}.compare-item-identity{display:grid;grid-template-columns:82px 1fr;gap:15px;align-items:center}.compare-item-image{width:82px;height:82px;display:grid;place-items:center;padding:6px;border:1px solid var(--line-strong);background:#05070a;overflow:hidden}.compare-item-image img{width:100%;height:100%;object-fit:contain}.compare-item-identity small{display:block;color:var(--accent-2);font-size:7px;font-weight:900}.compare-item-identity strong{display:block;margin:5px 0;font-size:16px}.compare-item-identity em{color:var(--muted);font-size:9px;font-style:normal;text-transform:capitalize}.compare-item-preview{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin-top:14px}.compare-item-preview span{padding:9px;border:1px solid var(--line);background:#07090c}.compare-item-preview small{display:block;color:var(--muted);font-size:7px;text-transform:uppercase}.compare-item-preview b{display:block;margin-top:4px;color:var(--ink);font-size:13px}.compare-item-preview p{grid-column:1/-1;margin:0;color:var(--muted);font-size:10px}.item-equip-button{width:100%;min-height:42px;margin-top:12px;border:1px solid color-mix(in srgb,var(--accent) 55%,var(--line));background:color-mix(in srgb,var(--accent) 10%,#080b0f);color:var(--ink);font-size:9px;font-weight:900;text-transform:uppercase;letter-spacing:.06em;cursor:pointer}.item-equip-button:hover{background:color-mix(in srgb,var(--accent) 18%,#080b0f)}.item-equip-button:disabled{opacity:.35;cursor:not-allowed}.item-compare-verdict{margin:0 20px 12px;padding:18px 20px;border-left:4px solid var(--accent-2);background:linear-gradient(90deg,color-mix(in srgb,var(--accent-2) 9%,#090c10),#090c10)}.item-compare-verdict strong{display:block;font-size:16px}.item-compare-verdict span{display:block;margin-top:6px;color:var(--ink-2);font-size:10px;line-height:1.6}.item-compare-notice{min-height:18px;margin:0 20px 8px;color:var(--good);font-size:10px}.item-compare-table-wrap{overflow:auto;border-top:1px solid var(--line)}.item-compare-table-wrap table{width:100%;border-collapse:collapse;min-width:680px}.item-compare-table-wrap th,.item-compare-table-wrap td{padding:14px 20px;text-align:left;border-bottom:1px solid var(--line);font-size:11px}.item-compare-table-wrap th{color:var(--muted);font-size:8px;text-transform:uppercase;letter-spacing:.1em}.item-compare-table-wrap td:nth-child(n+2){font-family:var(--font-num,var(--font-body));font-weight:700}.lab-nav{overflow-x:auto;scrollbar-width:none}.lab-nav::-webkit-scrollbar{display:none}@media(max-width:1250px){.guide-steps{grid-template-columns:repeat(2,1fr)}.guide-tip{grid-template-columns:160px 1fr}.guide-tip>div{grid-column:1/-1}.item-compare-grid{grid-template-columns:1fr 55px 1fr}.compare-item-preview{grid-template-columns:1fr 1fr}}@media(max-width:900px){.game-guide{padding:24px 18px}.guide-heading{grid-template-columns:1fr;gap:13px}.guide-steps{grid-template-columns:1fr}.guide-steps li{min-height:auto}.guide-tip{grid-template-columns:1fr;gap:10px}.guide-tip>div{grid-column:auto;flex-wrap:wrap}.item-compare-panel.mobile-active{display:block!important}.item-compare-intro{align-items:flex-start;flex-direction:column}.item-compare-compatible{min-width:0}.item-compare-grid{grid-template-columns:1fr;gap:10px;padding:12px}.item-compare-vs{height:32px}.item-compare-side{padding:15px}.item-compare-verdict{margin:0 12px 10px}.item-compare-notice{margin:0 12px 8px}.lab-nav button{font-size:9px}.lab-nav button em{font-size:8px}}@media(max-width:580px){.item-list .item-row{grid-template-columns:64px minmax(0,1fr);min-height:82px;padding:8px}.item-list .item-image{width:60px;height:60px;min-width:60px;min-height:60px}.game-guide{padding:20px 12px}.guide-heading h2{font-size:28px}.guide-steps{padding:18px 0}.guide-steps li{padding:18px}.guide-tip>div{display:grid;grid-template-columns:1fr}.guide-tip button{width:100%}.item-compare-intro,.item-compare-controls{padding:14px}.compare-item-identity{grid-template-columns:68px 1fr}.compare-item-image{width:68px;height:68px}.compare-item-preview{grid-template-columns:1fr 1fr}.item-side-label{align-items:center}.item-side-label label{width:88px}}.game-page{background:#f4f2ec;color:#1c2228}.lab-shell{--panel:#fffefa;--panel-2:#f7f4ed;--panel-3:#efebe2;--line:#d9d5cc;--line-strong:#b7b1a5;--ink:#1b2026;--ink-2:#4e5963;--muted:#7a858e;--good:#158553;--bad:#c44347;--warn:#c68a20;min-height:100vh;padding:0 max(18px,calc((100vw - 1540px)/2)) 110px;color:var(--ink);background:linear-gradient(90deg,rgba(249,247,241,.97) 0%,rgba(249,247,241,.91) 50%,rgba(249,247,241,.74) 100%),var(--game-bg);background-size:cover;background-position:center top;background-attachment:fixed}.lab-shell:before{background:linear-gradient(180deg,rgba(255,255,255,.08),rgba(244,242,236,.72) 65%,#f4f2ec 100%);opacity:1}.game-hero{min-height:250px;border-bottom:1px solid color-mix(in srgb,var(--accent) 26%,var(--line))}.hero-art{background:radial-gradient(circle at 78% 22%,color-mix(in srgb,var(--accent) 16%,transparent),transparent 43%)}.game-emblem{width:88px;height:88px;border-color:color-mix(in srgb,var(--accent) 54%,var(--line));background:rgba(255,255,255,.82);box-shadow:0 18px 48px rgba(57,50,42,.12),inset 0 0 30px color-mix(in srgb,var(--accent) 7%,transparent)}.game-emblem img{width:70px;height:70px;filter:drop-shadow(0 10px 16px rgba(52,45,38,.16))}.hero-kicker{color:var(--accent);font-size:10px}.game-copy h1{color:var(--ink)}.game-copy p{color:var(--ink-2)}.hero-status{border-left-color:color-mix(in srgb,var(--accent) 24%,var(--line));background:rgba(255,255,255,.56);padding:18px 18px 18px 24px;border-radius:16px}.hero-status small{color:var(--accent)}.hero-status span{color:var(--muted)}.lab-nav{top:74px;background:rgba(255,254,250,.94);border-bottom:1px solid var(--line);box-shadow:0 7px 24px rgba(54,48,41,.05)}.lab-nav button{color:var(--muted);border-right-color:var(--line)}.lab-nav button:first-child{border-left-color:var(--line)}.lab-nav button:hover{color:var(--ink);background:color-mix(in srgb,var(--accent) 6%,#fff)}.lab-nav button.active{color:var(--ink);background:linear-gradient(180deg,color-mix(in srgb,var(--accent) 9%,#fff),#fff)}.lab-toolbar{min-height:76px}.build-switch button{border-color:var(--line-strong);background:#fff;color:var(--ink)}.build-switch button.active{border-color:var(--accent);background:var(--accent);color:#fff;box-shadow:0 8px 22px color-mix(in srgb,var(--accent) 22%,transparent)}.toolbar-actions button{border-color:var(--line);background:#fff;color:var(--ink-2)}.lab-panel{background:rgba(255,254,250,.96);border-color:var(--line);box-shadow:0 22px 65px rgba(57,50,42,.10);border-radius:18px}.lab-panel:before{height:3px}.panel-title{border-bottom-color:var(--line);background:linear-gradient(90deg,color-mix(in srgb,var(--accent) 8%,#fff),#fff)}.panel-title>span{border-color:color-mix(in srgb,var(--accent) 58%,var(--line));color:var(--accent)}.panel-title small{color:var(--accent)}.panel-title h2{color:var(--ink)}.lab-panel label{color:var(--muted)}.lab-panel select,.lab-panel input{border-color:var(--line-strong);background:#fff;color:var(--ink);border-radius:10px}.lab-panel select:focus,.lab-panel input:focus{border-color:var(--accent);box-shadow:0 0 0 4px color-mix(in srgb,var(--accent) 12%,transparent)}.character-visual{background:linear-gradient(180deg,color-mix(in srgb,var(--accent) 9%,#fff),#f2eee5);border-bottom-color:var(--line)}.character-visual:after{background:linear-gradient(90deg,transparent,var(--accent),transparent)}.character-aura{border-color:color-mix(in srgb,var(--accent) 30%,transparent);box-shadow:inset 0 0 55px color-mix(in srgb,var(--accent) 7%,transparent)}.character-visual img{filter:drop-shadow(0 18px 24px rgba(58,48,40,.24))}.character-visual>span{border-color:var(--line-strong);background:#fff;color:var(--accent)}.gear-slot{border-color:var(--line);background:#fff;border-radius:12px}.gear-slot:hover{border-color:color-mix(in srgb,var(--accent) 56%,var(--line));box-shadow:0 10px 24px color-mix(in srgb,var(--accent) 9%,transparent)}.gear-slot.filled{background:linear-gradient(90deg,color-mix(in srgb,var(--accent) 8%,#fff),#fff)}.slot-icon{border-color:var(--line);background:#f3f0e9;color:var(--accent);border-radius:10px}.gear-slot small{color:var(--muted)}.gear-slot strong{color:var(--ink)}.slot-actions button{border-color:var(--line);background:#fff;color:var(--ink)}.gear-summary{border-top-color:var(--line);color:var(--muted)}.gear-summary b{color:var(--accent)}.combat-step{border-bottom-color:var(--line)}.combat-step-head em{background:var(--accent);color:#fff;border-radius:50%}.combat-step-head span{color:var(--ink-2)}.skill-card{border-color:var(--line);background:#fff;border-radius:12px}.skill-card p{color:var(--muted)}.mode-row button{border-color:var(--line-strong);background:#fff;color:var(--muted);border-radius:10px}.mode-row button.active{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 12%,#fff);color:var(--ink)}.confidence.exact{color:#147b4a;border-color:#9ccdb6;background:#edf8f2}.confidence.source{color:#226c98;border-color:#a8cde3;background:#edf6fb}.confidence.mixed{color:#92681c;border-color:#dac38e;background:#fbf6e9}.confidence.community{color:#79529a;border-color:#c9b2dc;background:#f7f0fb}.confidence.estimate{color:#a45632;border-color:#dcb499;background:#fcf1eb}.confidence-line{border-bottom-color:var(--line);background:#fbfaf6}.confidence-line p{color:var(--muted)}.outcome-grid{background:#fff}.metric-card{border-color:var(--line);background:#fff}.metric-card.outgoing{color:var(--accent);background:linear-gradient(145deg,color-mix(in srgb,var(--accent) 10%,#fff),#fff)}.metric-card.incoming{color:#c74448;background:linear-gradient(145deg,#fff0f0,#fff)}.metric-card.dps{color:#188752;background:linear-gradient(145deg,#edf9f2,#fff)}.metric-card.ttk{color:#af7616;background:linear-gradient(145deg,#fff7e6,#fff)}.metric-head small{color:var(--ink-2)}.metric-card>span{color:var(--muted)}.result-detail-grid{background:#fff}.exact-effects{border-left-color:var(--line)}.breakdown>div:last-child>div{color:var(--ink-2)}.breakdown i{background:#e6e2da;border-radius:999px}.breakdown strong{color:var(--ink)}.exact-effects span{border-color:var(--line);background:#fbfaf6;border-radius:10px}.exact-effects small{color:var(--muted)}.exact-effects b{color:var(--accent)}.compare-hero article{border-color:var(--line);background:#fff;border-radius:14px}.compare-hero>span{color:var(--muted)}.compare-a strong{color:var(--accent)}.compare-b strong{color:#7856a6}.compare-verdict{border-left-color:var(--good);background:linear-gradient(90deg,#edf8f2,#fff);border-radius:12px}.compare-verdict span{color:var(--ink-2)}.compare-table-wrap{border-top-color:var(--line)}.compare-table-wrap th,.compare-table-wrap td{border-bottom-color:var(--line)}.compare-table-wrap th{color:var(--muted)}.info-chip{border-color:color-mix(in srgb,var(--accent) 48%,var(--line));background:#fff;color:var(--accent)}.info-chip:hover{background:color-mix(in srgb,var(--accent) 8%,#fff)}.info-popover{z-index:99999}.info-popover-card{border-color:color-mix(in srgb,var(--accent) 40%,var(--line));background:#fffefa;color:var(--ink);border-radius:16px;box-shadow:0 24px 70px rgba(53,46,38,.22)}.info-popover-head button{border-color:var(--line);background:#fff;color:var(--ink)}.info-popover p{color:var(--ink-2)}.item-drawer{z-index:180}.drawer-backdrop{background:rgba(40,36,31,.48)}.drawer-sheet{background:#fbfaf6;border-left-color:var(--line-strong);box-shadow:-20px 0 60px rgba(53,46,38,.14)}.drawer-head{border-bottom-color:var(--line)}.drawer-head small{color:var(--accent)}.drawer-head button{border-color:var(--line);background:#fff;color:var(--ink);border-radius:10px}.drawer-tools input,.drawer-tools select{border-color:var(--line);background:#fff;color:var(--ink);border-radius:10px}.drawer-meta{color:var(--muted)}.item-row{border-color:var(--line);background:#fff;border-radius:12px}.item-row:hover{border-color:var(--accent);box-shadow:0 9px 24px color-mix(in srgb,var(--accent) 9%,transparent)}.item-image{background:#f0ede6;border-color:var(--line);border-radius:10px;overflow:hidden}.item-row small{color:var(--accent)}.item-row em{color:var(--muted)}.empty-item>span{border-color:var(--line-strong)}.game-guide{background:#fffefa;border:1px solid var(--line);border-radius:22px;box-shadow:0 20px 60px rgba(57,50,42,.08)}.guide-heading{border-bottom-color:var(--line);background:linear-gradient(135deg,color-mix(in srgb,var(--accent) 7%,#fff),#fff)}.guide-heading small{color:var(--accent)}.guide-heading p,.guide-steps p,.guide-tip p{color:var(--ink-2)}.guide-steps li{border-color:var(--line);background:#fff;border-radius:14px}.guide-steps li>span{border-color:color-mix(in srgb,var(--accent) 46%,var(--line));color:var(--accent);background:color-mix(in srgb,var(--accent) 6%,#fff)}.guide-tip{border-color:color-mix(in srgb,var(--accent) 28%,var(--line));background:linear-gradient(90deg,color-mix(in srgb,var(--accent) 8%,#fff),#fff);border-radius:14px}.guide-tip button{border-color:var(--line-strong);background:#fff;color:var(--ink);border-radius:10px}.guide-tip button:hover{border-color:var(--accent);color:var(--accent)}.item-compare-panel{background:#fffefa}.item-compare-intro{border-bottom-color:var(--line);background:#fbfaf6}.item-compare-intro p{color:var(--ink-2)}.item-compare-compatible{color:var(--ink-2)}.item-compare-side{border-color:var(--line);background:#fff;border-radius:16px}.side-a{box-shadow:inset 4px 0 var(--accent)}.side-b{box-shadow:inset -4px 0 #7856a6}.item-compare-vs{color:var(--muted)}.item-compare-card{border-color:var(--line);background:#f8f6f0;border-radius:12px}.item-compare-card img{background:#fff;border-color:var(--line)}.item-compare-card small{color:var(--accent)}.item-equip-button{border-color:var(--line-strong);background:var(--ink);color:#fff;border-radius:11px}.side-b .item-equip-button{background:#7856a6}.item-compare-verdict{border-color:var(--line);background:#fbfaf6;border-radius:12px}.item-compare-verdict span{color:var(--ink-2)}.item-compare-table-wrap{border-top-color:var(--line)}.item-compare-table-wrap th,.item-compare-table-wrap td{border-bottom-color:var(--line)}.item-compare-table-wrap th{color:var(--muted)}.game-entry{position:fixed;inset:0;z-index:100000;display:grid;place-items:center;background:#f8f6ef;overflow:hidden;opacity:1;transition:opacity .5s ease,visibility .5s ease}.game-entry.leaving{opacity:0;visibility:hidden}.entry-backdrop{position:absolute;inset:-20%;background:radial-gradient(circle at 50% 45%,color-mix(in srgb,var(--game-accent,#b83b32) 18%,transparent),transparent 38%),linear-gradient(135deg,#fffefa,#eee9df);transform:scale(1.08);transition:transform 1.4s ease}.game-entry.ready .entry-backdrop{transform:scale(1)}.entry-mark{width:210px;height:210px;position:relative;display:grid;place-items:center}.entry-mark:before,.entry-mark:after{content:"";position:absolute;inset:10px;border:1px solid color-mix(in srgb,var(--game-accent,#b83b32) 48%,transparent);border-radius:50%;transform:scale(.6) rotate(-25deg);opacity:0;transition:.75s ease}.entry-mark:after{inset:31px;border-style:dashed;transition-delay:.1s}.game-entry.ready .entry-mark:before,.game-entry.ready .entry-mark:after{transform:scale(1) rotate(15deg);opacity:1}.entry-mark img{width:150px;height:150px;object-fit:contain;position:relative;z-index:2;opacity:0;transform:scale(.74) translateY(8px);transition:.6s cubic-bezier(.2,.8,.2,1)}.game-entry.ready .entry-mark img{opacity:1;transform:scale(1)}.entry-mark i,.entry-mark b{position:absolute;left:50%;top:50%;width:260px;height:2px;background:linear-gradient(90deg,transparent,var(--game-accent,#b83b32),transparent);transform:translate(-50%,-50%) scaleX(0) rotate(28deg);transition:.6s .18s}.entry-mark b{transform:translate(-50%,-50%) scaleX(0) rotate(-28deg)}.game-entry.ready .entry-mark i{transform:translate(-50%,-50%) scaleX(1) rotate(28deg)}.game-entry.ready .entry-mark b{transform:translate(-50%,-50%) scaleX(1) rotate(-28deg)}.entry-copy{position:absolute;left:20px;right:20px;bottom:12%;text-align:center;opacity:0;transform:translateY(14px);transition:.55s .3s}.game-entry.ready .entry-copy{opacity:1;transform:none}.entry-copy small{display:block;color:var(--game-accent,#b83b32);font-weight:900;letter-spacing:.18em;text-transform:uppercase}.entry-copy strong{display:block;margin:8px 0 4px;font-family:var(--font-display,Manrope);font-size:28px}.entry-copy span{color:#66717a;font-size:12px}.game-entry>button{position:absolute;right:22px;bottom:22px;border:1px solid #c9c4ba;background:#fff;color:#555f68;border-radius:999px;padding:9px 14px;font-size:10px;font-weight:800}.entry-open{overflow:hidden}.game-knight .entry-mark:before,.game-knight .entry-mark:after{border-radius:0;clip-path:polygon(50% 0,90% 17%,82% 72%,50% 100%,18% 72%,10% 17%)}.game-osrs .entry-mark:before{border-radius:18px;transform:scale(.6) rotate(45deg)}.game-osrs .game-entry.ready .entry-mark:before{transform:scale(1) rotate(45deg)}.game-albion .entry-mark:before{border-radius:50%;box-shadow:0 0 0 12px color-mix(in srgb,var(--accent) 8%,transparent)}.results-panel{isolation:isolate}.damage-float-layer{position:absolute;inset:72px 0 auto 0;height:260px;z-index:20;pointer-events:none;overflow:visible}.damage-float{position:absolute;left:50%;top:55%;display:grid;justify-items:center;opacity:0;transform:translate(-50%,0) scale(.6);filter:drop-shadow(0 8px 5px rgba(65,48,24,.25));white-space:nowrap}.damage-float small{font-size:11px;font-weight:900;letter-spacing:.12em}.damage-float strong{font-family:Rajdhani,sans-serif;font-size:58px;line-height:.85;font-weight:900}.damage-float.play{animation:damageRise 1.35s cubic-bezier(.15,.75,.25,1) forwards}.damage-metin2{color:#ffcf20;text-shadow:-2px -2px 0 #6f3d00,2px -2px 0 #6f3d00,-2px 2px 0 #6f3d00,2px 2px 0 #6f3d00,0 4px 0 #a34d00}.damage-metin2 small{color:#fff4a4;text-shadow:1px 1px #7c3600}.damage-knight-online{color:#ff9f1f;text-shadow:0 2px 0 #841d12,0 0 8px #ffd26a}.damage-knight-online:before,.damage-knight-online:after{content:"";position:absolute;top:50%;width:80px;height:3px;background:linear-gradient(90deg,transparent,#b52519);transform:rotate(-25deg)}.damage-knight-online:before{right:100%}.damage-knight-online:after{left:100%;transform:rotate(25deg)}.damage-osrs{color:#fff}.damage-osrs strong{min-width:74px;min-height:74px;padding:13px;display:grid;place-items:center;background:#c73535;border:7px solid #262b2f;border-radius:50%;font-size:38px;text-shadow:1px 1px #000}.damage-osrs small{display:none}.damage-albion-online{color:#fff;text-shadow:0 2px 0 #8a1717}.damage-albion-online strong{padding:7px 18px;background:linear-gradient(90deg,#b22626,#df554a);border:2px solid #741c18;border-radius:8px;font-size:48px}.damage-albion-online small{color:#8e1f1c;text-shadow:none}.number-pop{animation:numberPop .34s ease-out}@keyframes numberPop{0%{transform:scale(.94);opacity:.45}70%{transform:scale(1.045)}100%{transform:none;opacity:1}}@keyframes damageRise{0%{opacity:0;transform:translate(-50%,28px) scale(.56) rotate(-4deg)}18%{opacity:1;transform:translate(-50%,0) scale(1.08) rotate(2deg)}65%{opacity:1;transform:translate(-50%,-72px) scale(1)}100%{opacity:0;transform:translate(-50%,-132px) scale(.92)}}.knowledge-hub{margin-top:26px;border:1px solid var(--line);border-radius:24px;background:#fffefa;box-shadow:0 24px 70px rgba(57,50,42,.09);overflow:hidden}.knowledge-hero{padding:42px;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(320px,.95fr);gap:44px;align-items:end;background:linear-gradient(135deg,color-mix(in srgb,var(--accent) 9%,#fff),#fff);border-bottom:1px solid var(--line)}.knowledge-hero small,.knowledge-subhead small{color:var(--accent);font-weight:900;letter-spacing:.17em;text-transform:uppercase;font-size:9px}.knowledge-hero h2{font-size:clamp(34px,3.3vw,52px);line-height:1.05;letter-spacing:-.04em;margin:10px 0 0}.knowledge-hero p{margin:0;color:var(--ink-2);font-size:16px}.knowledge-quick{display:grid;grid-template-columns:repeat(4,1fr);border-bottom:1px solid var(--line)}.knowledge-quick article{min-height:210px;padding:25px;border-right:1px solid var(--line);background:#fff}.knowledge-quick article:last-child{border-right:0}.knowledge-quick span{display:inline-grid;place-items:center;width:30px;height:30px;border:1px solid color-mix(in srgb,var(--accent) 45%,var(--line));border-radius:50%;color:var(--accent);font-size:9px;font-weight:900}.knowledge-quick h3{font-size:17px;margin:22px 0 9px}.knowledge-quick p{margin:0;color:var(--ink-2);font-size:12px}.knowledge-articles{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;padding:22px;background:#f5f2eb}.knowledge-articles article{padding:28px;border:1px solid var(--line);border-radius:16px;background:#fff}.knowledge-articles h3{font-size:20px;margin:0 0 14px}.knowledge-articles p{color:var(--ink-2);font-size:13px}.knowledge-tools{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--line)}.comparison-checklist,.game-faq{padding:30px}.comparison-checklist{border-right:1px solid var(--line)}.knowledge-subhead h3{font-size:24px;margin:7px 0 20px}.comparison-checklist>div:last-child{display:grid;gap:8px}.comparison-checklist article{display:grid;grid-template-columns:170px 1fr;gap:16px;padding:13px 0;border-bottom:1px dashed var(--line)}.comparison-checklist article:last-child{border-bottom:0}.comparison-checklist strong{font-size:12px}.comparison-checklist span{color:var(--ink-2);font-size:12px}.game-faq details{border-bottom:1px solid var(--line)}.game-faq summary{padding:14px 28px 14px 0;cursor:pointer;font-weight:800;position:relative}.game-faq summary:after{content:"+";position:absolute;right:2px;color:var(--accent)}.game-faq details[open] summary:after{content:"−"}.game-faq p{margin:0 0 16px;color:var(--ink-2);font-size:12px}.source-ribbon{padding:24px 30px;display:grid;grid-template-columns:minmax(260px,.7fr) minmax(0,1.3fr);gap:30px;background:#20252b;color:#fff}.source-ribbon strong{display:block;color:#f2d98e}.source-ribbon span{display:block;color:#bbc4cc;font-size:11px}.source-ribbon nav{display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end}.source-ribbon a{padding:8px 10px;border:1px solid #4a535c;border-radius:999px;color:#dce4eb;font-size:9px}.source-ribbon a:hover{border-color:#f2d98e;color:#f2d98e}.game-metin2{--font-display:'Noto Serif TC',serif;--font-num:'Rajdhani',sans-serif}.game-metin2 .lab-shell{--panel:#fffaf5;--panel-2:#f7eee5;--panel-3:#efe1d6;--line:#dfcfc2;--line-strong:#bba18d;--ink:#2b211d;--ink-2:#66554b;--muted:#8b776b}.game-metin2 .lab-panel,.game-metin2 .knowledge-hub{clip-path:polygon(8px 0,100% 0,100% calc(100% - 8px),calc(100% - 8px) 100%,0 100%,0 8px)}.game-metin2 .game-copy h1{font-weight:700}.game-metin2 .character-aura{border-radius:50%;transform:none}.game-metin2 .knowledge-hero{background:linear-gradient(135deg,#f8e3d8,#fffaf5)}.game-knight{--font-display:'Cinzel',serif;--font-num:'Rajdhani',sans-serif}.game-knight .lab-shell{--panel:#fffaf3;--panel-2:#f4ece2;--panel-3:#e9ded1;--line:#dbcdbf;--line-strong:#aa9280;--ink:#28211d;--ink-2:#62564e;--muted:#84766d}.game-knight .lab-panel,.game-knight .game-emblem,.game-knight .knowledge-hub{clip-path:polygon(10px 0,calc(100% - 10px) 0,100% 10px,100% calc(100% - 10px),calc(100% - 10px) 100%,10px 100%,0 calc(100% - 10px),0 10px)}.game-knight .game-copy h1{text-transform:uppercase;letter-spacing:-.02em}.game-knight .character-aura{transform:rotate(45deg);border-color:color-mix(in srgb,#b98a3c 48%,transparent)}.game-knight .knowledge-hero{background:linear-gradient(135deg,#efe3d6,#fffaf3)}.game-osrs{--font-display:'IM Fell English SC',serif;--font-num:'Rajdhani',sans-serif}.game-osrs .lab-shell{--panel:#fffcf0;--panel-2:#f3ecd3;--panel-3:#e8dfc4;--line:#d8ccb0;--line-strong:#a99a73;--ink:#2d291d;--ink-2:#665f46;--muted:#837a5f}.game-osrs .lab-panel,.game-osrs .gear-slot,.game-osrs .lab-panel select,.game-osrs .lab-panel input,.game-osrs .knowledge-hub{border-radius:5px}.game-osrs .character-aura{border-radius:50%;transform:none;box-shadow:0 0 0 14px rgba(116,96,55,.05)}.game-osrs .knowledge-hero{background:linear-gradient(135deg,#eee3bf,#fffdf2)}.game-albion{--font-display:'Cinzel',serif;--font-num:'Rajdhani',sans-serif}.game-albion .lab-shell{--panel:#fffafa;--panel-2:#f5ece9;--panel-3:#eaded9;--line:#ddcfca;--line-strong:#ae9187;--ink:#2a2321;--ink-2:#655753;--muted:#86736e}.game-albion .lab-panel:before{width:100%;height:3px}.game-albion .character-aura{border-radius:50%;transform:none}.game-albion .knowledge-hero{background:linear-gradient(135deg,#f3dfda,#fffafa)}@media(max-width:1250px){.combat-step{border-right-color:var(--line)}}@media(max-width:900px){.lab-shell{padding:0 12px 94px;background-attachment:scroll}.game-hero{padding:28px 4px}.game-emblem{width:66px;height:66px}.game-emblem img{width:52px;height:52px}.lab-nav{background:rgba(255,254,250,.97);border-top:1px solid var(--line);box-shadow:0 -12px 38px rgba(57,50,42,.12)}.lab-nav button{color:var(--muted)}.lab-nav button.active{background:color-mix(in srgb,var(--accent) 9%,#fff)}.exact-effects{border-left:0;border-top:1px solid var(--line)}.item-drawer .drawer-sheet{background:#fffefa;border-top-color:var(--line)}.info-popover{background:rgba(50,45,39,.42)}.knowledge-hero{grid-template-columns:1fr;gap:18px;padding:30px}.knowledge-quick{grid-template-columns:1fr 1fr}.knowledge-quick article:nth-child(2){border-right:0}.knowledge-quick article:nth-child(-n+2){border-bottom:1px solid var(--line)}.knowledge-articles{grid-template-columns:1fr}.knowledge-tools{grid-template-columns:1fr}.comparison-checklist{border-right:0;border-bottom:1px solid var(--line)}.source-ribbon{grid-template-columns:1fr}.source-ribbon nav{justify-content:flex-start}.damage-float-layer{position:fixed;top:26%;left:0;right:0;height:220px;z-index:140}}@media(max-width:580px){.knowledge-quick{grid-template-columns:1fr}.knowledge-quick article{border-right:0;border-bottom:1px solid var(--line);min-height:auto}.knowledge-quick article:last-child{border-bottom:0}.comparison-checklist article{grid-template-columns:1fr;gap:4px}.source-ribbon{padding:22px}.entry-copy{bottom:15%}.entry-copy strong{font-size:23px}.entry-mark{width:170px;height:170px}.entry-mark img{width:120px;height:120px}.damage-float strong{font-size:46px}}@media(prefers-reduced-motion:reduce){.game-entry{display:none!important}.damage-float-layer{display:none!important}}@media (max-width:900px){.lab-shell{padding-bottom:42px!important;min-height:auto!important}.lab-nav{position:sticky!important;top:64px!important;bottom:auto!important;z-index:108!important;width:100%!important;min-height:62px!important;padding:0!important;display:flex!important;align-items:stretch!important;overflow-x:auto!important;overflow-y:hidden!important;scrollbar-width:none;-webkit-overflow-scrolling:touch;background:rgba(255,254,250,.98)!important;border-top:0!important;border-bottom:1px solid var(--line)!important;box-shadow:0 8px 24px rgba(57,50,42,.08)!important}.lab-nav::-webkit-scrollbar{display:none}.lab-nav button,.lab-nav button:first-child{display:flex!important;flex:0 0 88px!important;min-width:88px!important;height:62px!important;padding:0 8px!important;flex-direction:column!important;justify-content:center!important;gap:2px!important;border-right:1px solid var(--line)!important}.lab-nav button:after{top:auto!important;bottom:0!important}.lab-grid{display:block!important}.lab-grid>.lab-panel,.lab-grid>.lab-panel:not(.mobile-active),.lab-grid>.character-panel,.lab-grid>.gear-panel,.lab-grid>.combat-panel,.lab-grid>.results-panel,.lab-grid>.compare-panel,.item-compare-panel,.item-compare-panel:not(.mobile-active){display:block!important;visibility:visible!important;opacity:1!important}.lab-panel,.item-compare-panel{scroll-margin-top:136px!important}.combat-panel{display:block!important;grid-template-columns:none!important}.combat-step{border-right:0!important;border-bottom:1px solid var(--line)!important}.combat-step:last-child{border-bottom:0!important}.game-guide,.knowledge-hub{display:block!important;visibility:visible!important;opacity:1!important}}@media (max-width:580px){.lab-nav button,.lab-nav button:first-child{flex-basis:82px!important;min-width:82px!important;font-size:9px!important}.lab-toolbar{padding-top:14px!important}}@media (max-width:900px){.game-hero{min-height:124px!important;height:auto!important;padding:16px 6px!important;align-items:center!important;gap:12px!important}.game-identity{width:100%!important;min-height:0!important;align-items:center!important;gap:14px!important}.game-emblem{width:64px!important;height:64px!important;flex:0 0 64px!important}.game-emblem img{width:54px!important;height:54px!important;object-fit:contain!important}.game-copy{min-width:0!important;align-self:center!important}.hero-kicker{font-size:8px!important;line-height:1.2!important;letter-spacing:.16em!important}.game-copy h1{margin:5px 0 0!important;font-size:38px!important;line-height:.95!important}.game-copy p,.hero-status{display:none!important}.hero-art{opacity:.55!important}.item-compare-card{overflow:visible!important}.compare-item-identity{grid-template-columns:104px minmax(0,1fr)!important;align-items:center!important}.compare-item-image{width:104px!important;height:104px!important;min-width:104px!important;min-height:104px!important;padding:12px!important;display:flex!important;align-items:center!important;justify-content:center!important;overflow:visible!important;background:#fff!important}.compare-item-image img{display:block!important;width:78px!important;height:78px!important;max-width:78px!important;max-height:78px!important;object-fit:contain!important;object-position:center!important;transform:scale(.88)!important;transform-origin:center!important}}@media (max-width:580px){.game-hero{min-height:112px!important;padding:13px 4px!important}.game-emblem{width:58px!important;height:58px!important;flex-basis:58px!important}.game-emblem img{width:49px!important;height:49px!important}.game-copy h1{font-size:34px!important}.compare-item-identity{grid-template-columns:92px minmax(0,1fr)!important;gap:12px!important}.compare-item-image{width:92px!important;height:92px!important;min-width:92px!important;min-height:92px!important;padding:10px!important}.compare-item-image img{width:70px!important;height:70px!important;max-width:70px!important;max-height:70px!important}.compare-item-preview span{background:#fff!important;color:var(--ink)!important}.compare-item-preview small{color:var(--accent)!important}.compare-item-preview b{color:var(--ink)!important}}.game-entry{background:rgba(248,246,239,.72);backdrop-filter:blur(5px);transition:opacity .24s ease,visibility .24s ease}.entry-backdrop{opacity:.55}@media(max-width:900px){.lab-shell{background-image:linear-gradient(180deg,rgba(249,247,241,.82),rgba(249,247,241,.96)),var(--game-bg-mobile,var(--game-bg))!important}.game-entry{background:rgba(248,246,239,.54);backdrop-filter:blur(3px)}.entry-copy span{display:none}}.item-image img,.compare-item-image img{object-fit:contain!important;object-position:center!important;transform:none!important}

/* MOBILE SECTION OFFSET FIX 13.3.1 */
@media (max-width: 900px) {

    /* Üst sekme ile ilk içerik arasında nefes alanı */
    .lab-nav + .lab-toolbar {
        margin-top: 18px !important;
    }

    .lab-toolbar {
        padding-top: 12px !important;
        padding-bottom: 16px !important;
    }

    .lab-grid {
        padding-top: 14px !important;
    }

    /* Sekmeye basıldığında panel başlığının sabit menü altında kalmaması */
    [data-panel],
    .results-panel,
    .compare-panel,
    .item-compare-section,
    .item-comparison,
    .game-guide,
    .guide-section {
        scroll-margin-top: 24px !important;
    }

    /* Paneller arasında biraz daha belirgin boşluk */
    .lab-panel {
        margin-bottom: 18px !important;
    }
}

@media (max-width: 580px) {
    .lab-nav + .lab-toolbar {
        margin-top: 14px !important;
    }

    .lab-grid {
        padding-top: 12px !important;
    }
}

/* STATTUNER 13.3.3 ITEM ART + MOBILE OFFSET FINAL FIX */
@media (max-width: 900px) {
  html { scroll-padding-top: 188px !important; }
  .lab-toolbar { padding-top: 28px !important; margin-top: 0 !important; }
  .lab-grid { padding-top: 18px !important; }
  [data-panel] { scroll-margin-top: 188px !important; }
}
.compare-item-image {
  width: 112px !important;
  height: 112px !important;
  min-width: 112px !important;
  min-height: 112px !important;
  padding: 0 !important;
  display: grid !important;
  place-items: center !important;
  overflow: hidden !important;
  background: #fff !important;
}
.compare-item-image img {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  max-width: 100% !important;
  max-height: 100% !important;
  margin: 0 !important;
  padding: 5px !important;
  box-sizing: border-box !important;
  object-fit: contain !important;
  object-position: center center !important;
  transform: none !important;
  clip-path: none !important;
}
.item-image img,.slot-icon img {
  object-fit: contain !important;
  object-position: center center !important;
  transform: none !important;
  clip-path: none !important;
}
@media (max-width: 580px) {
  .compare-item-identity { grid-template-columns: 104px minmax(0,1fr) !important; }
  .compare-item-image {
    width: 104px !important;
    height: 104px !important;
    min-width: 104px !important;
    min-height: 104px !important;
  }
}

/* STATTUNER 13.3.4 GEAR BOARD FULL ITEM ART FIX */
.gear-board .slot-select {
  grid-template-columns:68px minmax(0,1fr)!important;
  gap:12px!important;
  width:100%!important;
  align-items:center!important;
}
.gear-board .slot-icon {
  width:64px!important;
  height:64px!important;
  min-width:64px!important;
  min-height:64px!important;
  aspect-ratio:1/1!important;
  padding:5px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  overflow:hidden!important;
  box-sizing:border-box!important;
}
.gear-board .slot-icon img {
  display:block!important;
  width:100%!important;
  height:100%!important;
  max-width:100%!important;
  max-height:100%!important;
  margin:0!important;
  padding:0!important;
  object-fit:contain!important;
  object-position:center center!important;
  clip-path:none!important;
  filter:none!important;
  transform-origin:center center!important;
}
.gear-board .slot-icon img:not([src*="/items-normalized/"]) {transform:scale(.78)!important;}
.gear-board .slot-icon img[src*="/items-normalized/"] {transform:none!important;}
.gear-board .gear-slot.filled {min-height:92px!important;}
@media(max-width:580px){
  .gear-board .slot-select{grid-template-columns:76px minmax(0,1fr)!important;}
  .gear-board .slot-icon{width:72px!important;height:72px!important;min-width:72px!important;min-height:72px!important;padding:6px!important;}
  .gear-board .gear-slot.filled{min-height:104px!important;}
}
/* STATTUNER 13.3.5 DRAWER ART + REAL MOBILE HEADER OFFSET */
.item-drawer .item-list .item-row {
  min-height: 102px !important;
  grid-template-columns: 88px minmax(0, 1fr) !important;
  gap: 14px !important;
  padding: 10px !important;
  align-items: center !important;
}
.item-drawer .item-list .item-image {
  width: 82px !important;
  height: 82px !important;
  min-width: 82px !important;
  min-height: 82px !important;
  padding: 0 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  overflow: hidden !important;
  box-sizing: border-box !important;
  background: #fff !important;
}
.item-drawer .item-list .item-image img {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  max-width: 100% !important;
  max-height: 100% !important;
  padding: 0 !important;
  margin: 0 !important;
  object-fit: contain !important;
  object-position: center center !important;
  clip-path: none !important;
  filter: none !important;
  transform-origin: center center !important;
}
/* Normalized files contain transparent safety margins. Zoom only in the drawer. */
.item-drawer .item-list .item-image img[src*="/items-normalized/"] {
  transform: scale(1.34) !important;
}
.item-drawer .item-list .item-image img:not([src*="/items-normalized/"]) {
  transform: scale(.94) !important;
}
.item-drawer .item-row b {
  font-size: 13px !important;
  line-height: 1.25 !important;
}
.item-drawer .item-row em {
  display: block !important;
  margin-top: 4px !important;
  font-size: 10px !important;
  line-height: 1.35 !important;
}

@media (max-width: 900px) {
  html {
    scroll-padding-top: calc(var(--st-mobile-header-height, 82px) + var(--st-mobile-labnav-height, 62px) + 18px) !important;
  }
  .game-page .site-header {
    position: sticky !important;
    top: 0 !important;
    z-index: 220 !important;
  }
  .game-page .lab-nav {
    position: sticky !important;
    top: var(--st-mobile-header-height, 82px) !important;
    z-index: 210 !important;
    margin-top: 0 !important;
  }
  .game-page .lab-nav + .lab-toolbar {
    margin-top: 16px !important;
  }
  .game-page .lab-toolbar {
    padding-top: 10px !important;
    padding-bottom: 14px !important;
  }
  .game-page [data-panel],
  .game-page .item-compare-panel,
  .game-page .game-guide,
  .game-page .knowledge-hub {
    scroll-margin-top: calc(var(--st-mobile-header-height, 82px) + var(--st-mobile-labnav-height, 62px) + 18px) !important;
  }
}

@media (max-width: 580px) {
  .item-drawer .item-list .item-row {
    min-height: 96px !important;
    grid-template-columns: 82px minmax(0, 1fr) !important;
    gap: 12px !important;
    padding: 8px !important;
  }
  .item-drawer .item-list .item-image {
    width: 76px !important;
    height: 76px !important;
    min-width: 76px !important;
    min-height: 76px !important;
  }
}
/* STATTUNER 13.3.7 DISPLAY ART RENDERER REPAIR */
.item-drawer { z-index: 520 !important; }
.item-drawer .drawer-backdrop { z-index: 1 !important; }
.item-drawer .drawer-sheet { z-index: 2 !important; }

.item-drawer .item-list .item-row {
  min-height: 114px !important;
  grid-template-columns: 98px minmax(0, 1fr) !important;
  gap: 16px !important;
  padding: 10px !important;
}
.item-drawer .item-list .item-image {
  width: 92px !important;
  height: 92px !important;
  min-width: 92px !important;
  min-height: 92px !important;
  padding: 2px !important;
  display: grid !important;
  place-items: center !important;
  overflow: hidden !important;
  box-sizing: border-box !important;
}
.item-drawer .item-list .item-image img,
.item-drawer .item-list .item-image img[src*="/items-display/"] {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  max-width: 100% !important;
  max-height: 100% !important;
  padding: 0 !important;
  margin: 0 !important;
  object-fit: contain !important;
  object-position: center !important;
  transform: none !important;
  clip-path: none !important;
  filter: none !important;
}

.gear-board .slot-icon,
.gear-slot .slot-icon {
  overflow: hidden !important;
  display: grid !important;
  place-items: center !important;
  padding: 3px !important;
  box-sizing: border-box !important;
}
.gear-board .slot-icon img,
.gear-board .slot-icon img[src*="/items-display/"],
.gear-slot .slot-icon img,
.gear-slot .slot-icon img[src*="/items-display/"] {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  max-width: 100% !important;
  max-height: 100% !important;
  padding: 0 !important;
  margin: 0 !important;
  object-fit: contain !important;
  object-position: center !important;
  transform: none !important;
  clip-path: none !important;
  filter: none !important;
}

@media (max-width: 580px) {
  .item-drawer .item-list .item-row {
    min-height: 108px !important;
    grid-template-columns: 94px minmax(0, 1fr) !important;
    gap: 14px !important;
    padding: 8px !important;
  }
  .item-drawer .item-list .item-image {
    width: 88px !important;
    height: 88px !important;
    min-width: 88px !important;
    min-height: 88px !important;
  }
}
/* STATTUNER 13.3.8 VISIBLE LARGE NORMALIZED ITEM ART */
/*
 * Normalized files contain a 154px object on a 224px safe canvas.
 * 1.38x visually restores it to about 212px while retaining the safety edge.
 */
.item-drawer .item-list .item-image,
.gear-board .slot-icon,
.gear-slot .slot-icon {
  overflow: hidden !important;
  display: grid !important;
  place-items: center !important;
}

.item-drawer .item-list .item-image img,
.gear-board .slot-icon img,
.gear-slot .slot-icon img {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  max-width: 100% !important;
  max-height: 100% !important;
  object-fit: contain !important;
  object-position: center !important;
  padding: 0 !important;
  margin: 0 !important;
  clip-path: none !important;
  filter: none !important;
  transform: scale(1.38) !important;
  transform-origin: center center !important;
}

.item-drawer .item-list .item-row {
  min-height: 114px !important;
  grid-template-columns: 98px minmax(0, 1fr) !important;
  gap: 16px !important;
}
.item-drawer .item-list .item-image {
  width: 92px !important;
  height: 92px !important;
  min-width: 92px !important;
  min-height: 92px !important;
  padding: 2px !important;
  box-sizing: border-box !important;
}

@media (max-width: 580px) {
  .item-drawer .item-list .item-row {
    min-height: 108px !important;
    grid-template-columns: 94px minmax(0, 1fr) !important;
    gap: 14px !important;
  }
  .item-drawer .item-list .item-image {
    width: 88px !important;
    height: 88px !important;
    min-width: 88px !important;
    min-height: 88px !important;
  }
}

/* STATTUNER 13.3.9 VERIFIED ITEM UI IMAGE RECOVERY */

.item-drawer .item-list .item-image,
.gear-board .slot-icon,
.gear-slot .slot-icon {
    position: relative !important;
    display: grid !important;
    place-items: center !important;
    overflow: hidden !important;
}

.item-drawer .item-list .item-image img,
.gear-board .slot-icon img,
.gear-slot .slot-icon img {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;

    width: 100% !important;
    height: 100% !important;
    min-width: 0 !important;
    min-height: 0 !important;
    max-width: 100% !important;
    max-height: 100% !important;

    object-fit: contain !important;
    object-position: center center !important;

    margin: 0 !important;
    padding: 5px !important;
    box-sizing: border-box !important;

    transform: none !important;
    scale: none !important;
    translate: none !important;
    clip-path: none !important;
    filter: none !important;
}

.item-drawer .item-list .item-row {
    min-height: 112px !important;
    grid-template-columns: 96px minmax(0, 1fr) !important;
    column-gap: 16px !important;
}

.item-drawer .item-list .item-image {
    width: 92px !important;
    height: 92px !important;
    min-width: 92px !important;
    min-height: 92px !important;
    padding: 0 !important;
}

.gear-board .slot-icon,
.gear-slot .slot-icon {
    padding: 0 !important;
}

@media (max-width: 580px) {
    .item-drawer .item-list .item-row {
        min-height: 108px !important;
        grid-template-columns: 92px minmax(0, 1fr) !important;
        column-gap: 14px !important;
    }

    .item-drawer .item-list .item-image {
        width: 88px !important;
        height: 88px !important;
        min-width: 88px !important;
        min-height: 88px !important;
    }

    .item-drawer .item-list .item-image img,
    .gear-board .slot-icon img,
    .gear-slot .slot-icon img {
        padding: 3px !important;
    }
}

/* ITEM COMPARISON TEXT OVERLAP FIX */
.compare-item-identity {
    grid-template-columns: 112px minmax(0, 1fr) !important;
    gap: 16px !important;
}

.compare-item-image {
    width: 112px !important;
    height: 112px !important;
    min-width: 112px !important;
}

.compare-item-identity > div {
    min-width: 0 !important;
    padding-left: 0 !important;
}

@media (max-width: 580px) {
    .compare-item-identity {
        grid-template-columns: 92px minmax(0, 1fr) !important;
        gap: 12px !important;
    }

    .compare-item-image {
        width: 92px !important;
        height: 92px !important;
        min-width: 92px !important;
    }
}

ROOT="/var/www/vhosts/stattuner.com/httpdocs"

cat >> "$ROOT/assets/css/stattuner.css" <<'CSS'

/* STATTUNER DESKTOP READABILITY 13.3.11 */
@media (min-width: 1100px) {

    /* Ana içerik */
    .lab-shell,
    .lab-panel,
    .item-compare-section,
    .item-comparison {
        font-size: 16px !important;
    }

    /* Üst BUILD / GEAR / COMBAT menüsü */
    .lab-nav button,
    .lab-nav a {
        min-height: 68px !important;
    }

    .lab-nav small {
        font-size: 10px !important;
        letter-spacing: .12em !important;
    }

    .lab-nav strong {
        font-size: 13px !important;
        letter-spacing: .1em !important;
    }

    /* Panel başlıkları */
    .panel-title h2,
    .panel-title h3,
    .item-compare-section h2,
    .item-comparison h2 {
        font-size: 27px !important;
        line-height: 1.2 !important;
    }

    .panel-title small,
    .panel-kicker,
    .section-kicker,
    .eyebrow {
        font-size: 11px !important;
        line-height: 1.4 !important;
    }

    /* Form etiketleri */
    .lab-shell label,
    .item-compare-section label,
    .item-comparison label,
    .compare-card label {
        font-size: 11px !important;
        line-height: 1.4 !important;
        letter-spacing: .08em !important;
    }

    /* Select, input ve butonlar */
    .lab-shell select,
    .lab-shell input,
    .lab-shell button,
    .item-compare-section select,
    .item-comparison select {
        font-size: 14px !important;
    }

    .item-compare-section select,
    .item-comparison select {
        min-height: 46px !important;
        padding-left: 14px !important;
        padding-right: 14px !important;
    }

    /* Seçilen item adı */
    .compare-item-identity h3,
    .compare-item-identity strong,
    .compare-item-card h3,
    .compare-item-card strong {
        font-size: 20px !important;
        line-height: 1.25 !important;
    }

    /* Reference data ve item türü */
    .compare-item-identity small,
    .compare-item-identity p,
    .compare-item-card small,
    .compare-item-card p {
        font-size: 12px !important;
        line-height: 1.55 !important;
    }

    /* Siyah stat kutuları */
    .compare-stat-grid small,
    .compare-stats small,
    .item-stat-grid small {
        font-size: 9px !important;
        line-height: 1.35 !important;
    }

    .compare-stat-grid strong,
    .compare-stats strong,
    .item-stat-grid strong {
        font-size: 17px !important;
        line-height: 1.3 !important;
    }

    /* Equip butonları */
    .compare-card > button,
    .item-compare-card > button,
    .equip-compare-item {
        min-height: 48px !important;
        font-size: 13px !important;
        letter-spacing: .04em !important;
    }

    /* Karşılaştırma sonucu */
    .compare-verdict strong,
    .compare-summary strong,
    .comparison-summary strong {
        font-size: 18px !important;
        line-height: 1.4 !important;
    }

    .compare-verdict span,
    .compare-verdict p,
    .compare-summary p,
    .comparison-summary p {
        font-size: 12px !important;
        line-height: 1.65 !important;
    }

    /* Alt karşılaştırma tablosu */
    .compare-table-wrap th {
        font-size: 10px !important;
        letter-spacing: .1em !important;
        padding: 16px 18px !important;
    }

    .compare-table-wrap td {
        font-size: 14px !important;
        line-height: 1.45 !important;
        padding: 16px 18px !important;
    }

    /* Genel açıklama metinleri */
    .lab-panel p,
    .lab-panel li {
        font-size: 14px;
        line-height: 1.65;
    }
}

CSS

# CSS önbellek sürümünü değiştir
sed -i -E \
's/stattuner\.css\?v=13\.3\.[0-9]+/stattuner.css?v=13.3.11/g' \
"$ROOT/includes/header.php"

php -l "$ROOT/includes/header.php"

grep -n "STATTUNER DESKTOP READABILITY 13.3.11" \
"$ROOT/assets/css/stattuner.css"

grep -n "stattuner.css?v=13.3.11" \
"$ROOT/includes/header.php"
/* =========================================================
   STATTUNER RESPONSIVE GAME TYPOGRAPHY 13.3.12
   Readable Rajdhani UI + responsive overflow protection
   ========================================================= */

/*
 * Araç arayüzünde okunaklı oyun fontu.
 * Ana oyun başlıklarının özel display fontlarına dokunulmaz.
 */
.lab-shell,
.lab-shell button,
.lab-shell input,
.lab-shell select,
.lab-shell textarea {
    font-family:
        "Rajdhani",
        "Segoe UI",
        Arial,
        sans-serif !important;

    font-kerning: normal;
    font-synthesis: none;
}

/* Oyun kimliği ve dekoratif başlıklar kendi oyun fontunda kalsın */
.game-copy h1,
.guide-heading h2,
.item-compare-vs {
    font-family:
        var(--font-display, "Rajdhani", sans-serif) !important;
}

/* Metin taşmasını genel olarak engelle */
.item-compare-side,
.item-compare-card,
.compare-item-identity,
.compare-item-identity > div,
.item-side-label,
.item-side-label > *,
.gear-slot,
.slot-select,
.slot-select > span {
    min-width: 0 !important;
}

.compare-item-identity strong,
.compare-item-identity em,
.compare-item-preview p,
.gear-slot strong,
.item-compare-verdict strong,
.item-compare-verdict span {
    overflow-wrap: anywhere;
    word-break: normal;
}

.item-compare-panel select,
.item-compare-side select,
.lab-panel select,
.lab-panel input {
    max-width: 100% !important;
}

/* Gereksiz geniş harf aralıklarını azalt */
.lab-shell label,
.lab-nav button,
.panel-title small,
.item-side-label > span,
.compare-item-identity small,
.compare-item-preview small,
.item-equip-button,
.item-compare-table-wrap th {
    letter-spacing: .035em !important;
}

/* =========================
   MASAÜSTÜ VE TABLET YATAY
   ========================= */
@media (min-width: 901px) {

    .lab-shell {
        font-size: 17px !important;
        line-height: 1.55 !important;
        font-weight: 600;
    }

    /* Üst Build / Gear / Combat / Items navigasyonu */
    .lab-nav button {
        min-height: 70px !important;
        padding-left: 20px !important;
        padding-right: 20px !important;
        font-size: 13px !important;
        line-height: 1.15 !important;
        font-weight: 700 !important;
    }

    .lab-nav button em {
        font-size: 11px !important;
    }

    .lab-nav button span {
        font-size: 13px !important;
    }

    /* Panel başlıkları */
    .panel-title {
        min-height: 82px !important;
    }

    .panel-title small {
        font-size: 11px !important;
        line-height: 1.3 !important;
    }

    .panel-title h2 {
        font-size: 23px !important;
        line-height: 1.2 !important;
        font-weight: 700 !important;
    }

    /* Form etiketleri */
    .lab-panel label,
    .item-compare-panel label,
    .item-compare-controls label,
    .item-compare-side label {
        font-size: 12px !important;
        line-height: 1.35 !important;
        font-weight: 700 !important;
    }

    /* Form kontrolleri */
    .lab-panel select,
    .lab-panel input,
    .item-compare-panel select,
    .item-compare-panel input {
        min-height: 48px !important;
        padding-left: 14px !important;
        padding-right: 14px !important;
        font-size: 16px !important;
        font-weight: 600 !important;
    }

    /* Build ve Equipment Board */
    .gear-slot {
        min-height: 96px !important;
    }

    .gear-slot small {
        font-size: 10px !important;
        line-height: 1.3 !important;
    }

    .gear-slot strong {
        margin-top: 5px !important;
        font-size: 15px !important;
        line-height: 1.3 !important;
        font-weight: 700 !important;
    }

    .gear-summary {
        font-size: 13px !important;
    }

    .build-switch > span,
    .build-switch strong {
        font-size: 13px !important;
    }

    .toolbar-actions button {
        min-height: 42px !important;
        font-size: 13px !important;
    }

    /* Combat alanı */
    .combat-step-head span {
        font-size: 12px !important;
    }

    .skill-card > strong {
        font-size: 18px !important;
    }

    .skill-card p,
    .confidence-line p {
        font-size: 12px !important;
        line-height: 1.55 !important;
    }

    /* Item Comparison açıklama */
    .item-compare-intro p {
        font-size: 14px !important;
        line-height: 1.65 !important;
    }

    .item-compare-compatible span {
        font-size: 13px !important;
    }

    .item-side-label > span {
        font-size: 13px !important;
        font-weight: 700 !important;
    }

    /* Seçilen eşya adı ve bilgisi */
    .compare-item-identity small {
        font-size: 10px !important;
        line-height: 1.3 !important;
    }

    .compare-item-identity strong {
        margin: 7px 0 !important;
        font-size: 22px !important;
        line-height: 1.2 !important;
        font-weight: 700 !important;
    }

    .compare-item-identity em {
        font-size: 13px !important;
        line-height: 1.45 !important;
    }

    /* Siyah stat kutuları */
    .compare-item-preview small {
        font-size: 10px !important;
        line-height: 1.3 !important;
    }

    .compare-item-preview b {
        margin-top: 6px !important;
        font-size: 17px !important;
        line-height: 1.25 !important;
        font-weight: 700 !important;
    }

    .compare-item-preview p {
        font-size: 13px !important;
        line-height: 1.55 !important;
    }

    /* Equip butonları */
    .item-equip-button {
        min-height: 50px !important;
        font-size: 13px !important;
        line-height: 1.25 !important;
        font-weight: 700 !important;
    }

    /* Karşılaştırma sonucu */
    .item-compare-verdict strong {
        font-size: 19px !important;
        line-height: 1.35 !important;
    }

    .item-compare-verdict span {
        font-size: 13px !important;
        line-height: 1.65 !important;
    }

    .item-compare-notice {
        font-size: 13px !important;
    }

    /* Alt karşılaştırma tablosu */
    .item-compare-table-wrap th {
        padding: 17px 20px !important;
        font-size: 11px !important;
        line-height: 1.35 !important;
    }

    .item-compare-table-wrap td {
        padding: 17px 20px !important;
        font-size: 15px !important;
        line-height: 1.4 !important;
    }

    /* Guide */
    .guide-heading > p {
        font-size: 16px !important;
        line-height: 1.7 !important;
    }

    .guide-steps h3 {
        font-size: 18px !important;
    }

    .guide-steps p,
    .guide-tip p {
        font-size: 14px !important;
        line-height: 1.65 !important;
    }
}

/* =========================
   MOBİL
   ========================= */
@media (max-width: 900px) {

    .lab-shell {
        font-size: 15px !important;
        line-height: 1.5 !important;
        font-weight: 600;
    }

    /*
     * Mobil inputlar 16px:
     * iPhone form alanına basıldığında otomatik zoom yapmaz.
     */
    .lab-panel select,
    .lab-panel input,
    .item-compare-panel select,
    .item-compare-panel input,
    .drawer-tools input,
    .drawer-tools select {
        min-width: 0 !important;
        max-width: 100% !important;
        font-size: 16px !important;
        font-weight: 600 !important;
    }

    .lab-nav button {
        font-size: 10px !important;
        line-height: 1.1 !important;
        letter-spacing: .025em !important;
    }

    .lab-nav button em {
        font-size: 9px !important;
    }

    .panel-title small {
        font-size: 10px !important;
    }

    .panel-title h2 {
        font-size: 21px !important;
        line-height: 1.2 !important;
    }

    .lab-panel label,
    .item-compare-panel label {
        font-size: 10px !important;
        line-height: 1.35 !important;
    }

    .gear-slot small {
        font-size: 9px !important;
    }

    .gear-slot strong {
        font-size: 14px !important;
        line-height: 1.3 !important;
    }

    .item-compare-intro p {
        font-size: 13px !important;
        line-height: 1.6 !important;
    }

    .item-side-label {
        flex-wrap: wrap !important;
        align-items: flex-start !important;
    }

    .item-side-label > span {
        font-size: 11px !important;
    }

    .item-side-label label {
        width: min(112px, 100%) !important;
        margin-left: auto;
    }

    .compare-item-identity strong {
        font-size: clamp(17px, 4.8vw, 20px) !important;
        line-height: 1.2 !important;
    }

    .compare-item-identity small {
        font-size: 9px !important;
    }

    .compare-item-identity em {
        font-size: 12px !important;
        line-height: 1.4 !important;
    }

    .compare-item-preview small {
        font-size: 9px !important;
    }

    .compare-item-preview b {
        font-size: 15px !important;
    }

    .item-equip-button {
        min-height: 48px !important;
        padding: 8px 10px !important;
        white-space: normal !important;
        font-size: 12px !important;
        line-height: 1.25 !important;
    }

    .item-compare-verdict strong {
        font-size: 17px !important;
        line-height: 1.35 !important;
    }

    .item-compare-verdict span {
        font-size: 12px !important;
        line-height: 1.6 !important;
    }

    .item-compare-table-wrap th {
        font-size: 10px !important;
    }

    .item-compare-table-wrap td {
        font-size: 14px !important;
    }

    .guide-heading > p,
    .guide-steps p,
    .guide-tip p {
        font-size: 13px !important;
        line-height: 1.6 !important;
    }
}

/* Çok dar telefonlarda item adı ve resim dengesi */
@media (max-width: 430px) {

    .compare-item-identity {
        grid-template-columns: 80px minmax(0, 1fr) !important;
        gap: 11px !important;
    }

    .compare-item-image {
        width: 80px !important;
        height: 80px !important;
        min-width: 80px !important;
    }

    .compare-item-preview {
        grid-template-columns: 1fr 1fr !important;
    }

    .item-compare-side {
        padding: 12px !important;
    }

    .gear-slot {
        grid-template-columns: minmax(0, 1fr) auto !important;
    }
}


/* STATTUNER 13.3.13 METIN2 + KNIGHT COMPARE IMAGE SIZE */

/*
 * Metin2 ve Knight ikonlarının dosya içinde geniş şeffaf alanı var.
 * Yalnızca item karşılaştırma kartında görüntü tuvali büyütülür.
 */
.game-metin2 .item-compare-panel .compare-item-image,
.game-knight .item-compare-panel .compare-item-image {
    overflow: hidden !important;
    isolation: isolate;
}

.game-metin2 .item-compare-panel .compare-item-image img {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    max-width: none !important;
    max-height: none !important;
    object-fit: contain !important;
    object-position: center !important;
    transform: scale(2.45) !important;
    transform-origin: center center !important;
}

.game-knight .item-compare-panel .compare-item-image img {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    max-width: none !important;
    max-height: none !important;
    object-fit: contain !important;
    object-position: center !important;
    transform: scale(2.25) !important;
    transform-origin: center center !important;
}

/* Mobilde kutudan taşmayı önlemek için biraz daha düşük oran */
@media (max-width: 900px) {
    .game-metin2 .item-compare-panel .compare-item-image img {
        transform: scale(2.15) !important;
    }

    .game-knight .item-compare-panel .compare-item-image img {
        transform: scale(2) !important;
    }
}


/* =========================================================
   STATTUNER 13.3.14
   Bigger Metin2/Knight compare images + prettier stat cards
   ========================================================= */

/* --- 1) Metin2 ve Knight compare görsellerini biraz daha büyüt --- */
.game-metin2 .item-compare-panel .compare-item-image,
.game-knight .item-compare-panel .compare-item-image {
    overflow: hidden !important;
    border-radius: 14px !important;
    background: linear-gradient(180deg, #f7f3ee 0%, #ece6dd 100%) !important;
    border: 1px solid rgba(168, 128, 96, 0.28) !important;
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.85),
        0 10px 24px rgba(53, 35, 18, .05) !important;
}

/* Metin2 */
.game-metin2 .item-compare-panel .compare-item-image img {
    transform: scale(2.85) !important;
    transform-origin: center center !important;
    object-fit: contain !important;
    object-position: center !important;
}

/* Knight */
.game-knight .item-compare-panel .compare-item-image img {
    transform: scale(2.6) !important;
    transform-origin: center center !important;
    object-fit: contain !important;
    object-position: center !important;
}

/* Mobilde taşma olmasın diye biraz düşür */
@media (max-width: 900px) {
    .game-metin2 .item-compare-panel .compare-item-image img {
        transform: scale(2.35) !important;
    }

    .game-knight .item-compare-panel .compare-item-image img {
        transform: scale(2.15) !important;
    }
}

/* --- 2) Siyah kutuları güzelleştir --- */
/* kutuların bulunduğu grid */
.compare-item-preview {
    gap: 10px !important;
}

/* stat kutuları */
.compare-item-preview > div,
.compare-item-preview article,
.compare-item-preview .compare-stat-card,
.compare-item-preview .item-stat-card {
    background:
        linear-gradient(180deg, #fffdfa 0%, #f7f1e8 100%) !important;
    border: 1px solid rgba(171, 130, 95, 0.34) !important;
    border-radius: 12px !important;
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.85),
        0 8px 18px rgba(65, 43, 18, .06) !important;
    padding: 12px 14px !important;
    min-height: 74px !important;
}

/* küçük başlıklar */
.compare-item-preview small,
.compare-item-preview .label,
.compare-item-preview .stat-label {
    display: block !important;
    color: #a0472d !important;
    font-size: 10px !important;
    font-weight: 700 !important;
    letter-spacing: .04em !important;
    line-height: 1.3 !important;
    margin-bottom: 6px !important;
    text-transform: uppercase !important;
}

/* değerler */
.compare-item-preview b,
.compare-item-preview strong,
.compare-item-preview .value,
.compare-item-preview .stat-value {
    display: block !important;
    color: #2e241d !important;
    font-size: 24px !important;
    font-weight: 700 !important;
    line-height: 1.1 !important;
    letter-spacing: -.01em !important;
}

/* boş/0 değerler bile biraz daha okunaklı dursun */
.compare-item-preview b:empty,
.compare-item-preview strong:empty {
    min-height: 1em;
}

/* item adı ve üst bilgi de biraz toparlansın */
.compare-item-identity strong {
    font-size: 21px !important;
    line-height: 1.2 !important;
    color: #2d231c !important;
}

.compare-item-identity small {
    color: #b24a2d !important;
    font-weight: 700 !important;
    letter-spacing: .05em !important;
}

.compare-item-identity em,
.compare-item-identity p {
    color: #7b6657 !important;
    font-size: 14px !important;
}

/* verdict kutusu da biraz güzelleşsin */
.item-compare-verdict {
    background: linear-gradient(180deg, #fffdfa 0%, #f8f3ec 100%) !important;
    border: 1px solid rgba(171, 130, 95, 0.24) !important;
    border-radius: 14px !important;
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.85),
        0 8px 18px rgba(65, 43, 18, .04) !important;
    padding: 18px 20px !important;
}

.item-compare-verdict strong {
    color: #2e241d !important;
    font-size: 17px !important;
    line-height: 1.35 !important;
}

.item-compare-verdict span,
.item-compare-verdict p {
    color: #6f6055 !important;
    font-size: 13px !important;
    line-height: 1.6 !important;
}

/* mobilde kutular düzgün kalsın */
@media (max-width: 900px) {
    .compare-item-preview > div,
    .compare-item-preview article,
    .compare-item-preview .compare-stat-card,
    .compare-item-preview .item-stat-card {
        padding: 10px 12px !important;
        min-height: 66px !important;
    }

    .compare-item-preview b,
    .compare-item-preview strong,
    .compare-item-preview .value,
    .compare-item-preview .stat-value {
        font-size: 20px !important;
    }

    .compare-item-identity strong {
        font-size: 18px !important;
    }

    .compare-item-identity em,
    .compare-item-identity p {
        font-size: 12px !important;
    }
}
/* =========================================================
   STATTUNER 13.3.15 FINAL ITEM COMPARE VISUAL FIX
   ========================================================= */

/* Kart içinde resim ve yazı alanının gerçek yerleşimi */
.game-metin2 .item-compare-panel .compare-item-identity,
.game-knight .item-compare-panel .compare-item-identity {
    grid-template-columns: 126px minmax(0, 1fr) !important;
    gap: 18px !important;
    align-items: center !important;
}

/* Görsel kutusu */
.game-metin2 .item-compare-panel .compare-item-image,
.game-knight .item-compare-panel .compare-item-image {
    width: 126px !important;
    height: 126px !important;
    min-width: 126px !important;
    padding: 0 !important;
    overflow: hidden !important;

    border: 1px solid #d8c5b4 !important;
    border-radius: 14px !important;
    background:
        radial-gradient(circle at center, #ffffff 0%, #f7f2eb 72%, #eee5da 100%)
        !important;

    box-shadow:
        inset 0 0 0 5px rgba(255,255,255,.62),
        0 7px 18px rgba(63,42,26,.07) !important;
}

/*
 * Görsellerin dosya içindeki şeffaf boşluklarını telafi eder.
 * Yalnızca item comparison alanına uygulanır.
 */
.game-metin2 .item-compare-panel .compare-item-image img {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    max-width: none !important;
    max-height: none !important;
    padding: 0 !important;
    margin: 0 !important;

    object-fit: contain !important;
    object-position: center center !important;

    transform: scale(3.85) !important;
    transform-origin: center center !important;
}

.game-knight .item-compare-panel .compare-item-image img {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    max-width: none !important;
    max-height: none !important;
    padding: 0 !important;
    margin: 0 !important;

    object-fit: contain !important;
    object-position: center center !important;

    transform: scale(3.65) !important;
    transform-origin: center center !important;
}

/* Item adı */
.item-compare-panel .compare-item-identity > div {
    min-width: 0 !important;
}

.item-compare-panel .compare-item-identity strong {
    margin: 6px 0 !important;
    color: #2d2119 !important;
    font-size: 23px !important;
    line-height: 1.18 !important;
    font-weight: 700 !important;
    overflow-wrap: anywhere;
}

.item-compare-panel .compare-item-identity small {
    color: #b63e30 !important;
    font-size: 10px !important;
    line-height: 1.3 !important;
    font-weight: 700 !important;
    letter-spacing: .045em !important;
}

.item-compare-panel .compare-item-identity em {
    color: #765f4e !important;
    font-size: 14px !important;
    line-height: 1.4 !important;
}

/* =========================================================
   GERÇEK STAT KARTLARI
   HTML öğesi: .compare-item-preview > span
   ========================================================= */

.item-compare-panel .compare-item-preview {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 10px !important;
    margin-top: 16px !important;

    /* Eski siyah grid arka planı kalmasın */
    background: transparent !important;
}

/* Önceki siyah span tasarımını tamamen geçersiz kıl */
.item-compare-panel .compare-item-preview > span {
    position: relative !important;
    min-width: 0 !important;
    min-height: 78px !important;
    padding: 13px 15px !important;

    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;

    border: 1px solid #dfd0c0 !important;
    border-radius: 12px !important;

    background:
        linear-gradient(145deg, #fffefa 0%, #f7f1e9 100%)
        !important;

    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.95),
        0 5px 14px rgba(65,42,24,.045) !important;

    overflow: hidden !important;
}

/* Kartın solundaki oyun renkli vurgu */
.item-compare-panel .compare-item-preview > span::before {
    content: "" !important;
    position: absolute !important;
    left: 0 !important;
    top: 12px !important;
    bottom: 12px !important;
    width: 3px !important;

    border-radius: 0 4px 4px 0 !important;
    background: var(--accent) !important;
    opacity: .9 !important;
}

/* Stat etiketi */
.item-compare-panel .compare-item-preview > span > small {
    display: block !important;
    margin: 0 0 6px !important;

    color: #9e503b !important;
    font-size: 10px !important;
    line-height: 1.25 !important;
    font-weight: 700 !important;

    text-transform: uppercase !important;
    letter-spacing: .045em !important;
    white-space: normal !important;
    overflow-wrap: anywhere;
}

/* Stat değeri */
.item-compare-panel .compare-item-preview > span > b {
    display: block !important;
    margin: 0 !important;

    color: #241c17 !important;
    font-family:
        "Rajdhani",
        "Segoe UI",
        sans-serif !important;

    font-size: 25px !important;
    line-height: 1 !important;
    font-weight: 700 !important;
}

/* Özel açıklama satırı varsa bütün genişliği kullansın */
.item-compare-panel .compare-item-preview > p {
    grid-column: 1 / -1 !important;
    margin: 3px 0 0 !important;
    padding: 10px 12px !important;

    border-left: 3px solid var(--accent) !important;
    background: #f7f2eb !important;

    color: #6e5a4c !important;
    font-size: 13px !important;
    line-height: 1.55 !important;
}

/* Kartların dış alanı */
.item-compare-panel .item-compare-card {
    background:
        linear-gradient(145deg, #fbf9f5 0%, #f6f1e9 100%)
        !important;

    border-color: #ddccbc !important;
    border-radius: 14px !important;
}

/* Verdict kutusu */
.item-compare-panel .item-compare-verdict {
    border: 1px solid #dfd1c2 !important;
    border-left: 4px solid var(--accent) !important;
    border-radius: 12px !important;

    background:
        linear-gradient(90deg, #fffdf9 0%, #f8f3ec 100%)
        !important;

    box-shadow: 0 5px 16px rgba(65,42,24,.035) !important;
}

/* =========================================================
   TABLET VE MOBİL
   ========================================================= */

@media (max-width: 900px) {

    .game-metin2 .item-compare-panel .compare-item-identity,
    .game-knight .item-compare-panel .compare-item-identity {
        grid-template-columns: 100px minmax(0, 1fr) !important;
        gap: 13px !important;
    }

    .game-metin2 .item-compare-panel .compare-item-image,
    .game-knight .item-compare-panel .compare-item-image {
        width: 100px !important;
        height: 100px !important;
        min-width: 100px !important;
    }

    .game-metin2 .item-compare-panel .compare-item-image img {
        transform: scale(3.15) !important;
    }

    .game-knight .item-compare-panel .compare-item-image img {
        transform: scale(3) !important;
    }

    .item-compare-panel .compare-item-preview {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 8px !important;
    }

    .item-compare-panel .compare-item-preview > span {
        min-height: 70px !important;
        padding: 11px 12px !important;
    }

    .item-compare-panel .compare-item-preview > span > small {
        font-size: 9px !important;
    }

    .item-compare-panel .compare-item-preview > span > b {
        font-size: 21px !important;
    }

    .item-compare-panel .compare-item-identity strong {
        font-size: 19px !important;
    }
}

@media (max-width: 430px) {

    .game-metin2 .item-compare-panel .compare-item-identity,
    .game-knight .item-compare-panel .compare-item-identity {
        grid-template-columns: 88px minmax(0, 1fr) !important;
        gap: 11px !important;
    }

    .game-metin2 .item-compare-panel .compare-item-image,
    .game-knight .item-compare-panel .compare-item-image {
        width: 88px !important;
        height: 88px !important;
        min-width: 88px !important;
    }

    .game-metin2 .item-compare-panel .compare-item-image img {
        transform: scale(2.8) !important;
    }

    .game-knight .item-compare-panel .compare-item-image img {
        transform: scale(2.7) !important;
    }
}


/* =========================================================
   STATTUNER 13.3.16
   COMPACT REFERENCE ICONS + LIVE COMBAT RESULT FEEDBACK
   ========================================================= */

/* Reference Trail bağlantıları küçük ikon butonları */
.source-ribbon nav {
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: center !important;
    justify-content: flex-end !important;
    gap: 7px !important;
}

.source-ribbon .source-icon-link {
    position: relative !important;

    width: 38px !important;
    height: 38px !important;
    min-width: 38px !important;
    min-height: 38px !important;

    padding: 0 !important;
    margin: 0 !important;

    display: grid !important;
    place-items: center !important;

    border: 1px solid rgba(242, 217, 142, .35) !important;
    border-radius: 11px !important;

    background:
        linear-gradient(
            145deg,
            rgba(255, 255, 255, .075),
            rgba(255, 255, 255, .025)
        ) !important;

    color: #f2d98e !important;

    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, .07),
        0 5px 14px rgba(0, 0, 0, .12) !important;

    text-decoration: none !important;
    transition:
        transform .16s ease,
        border-color .16s ease,
        background .16s ease !important;
}

.source-ribbon .source-icon-link:hover {
    transform: translateY(-2px) !important;
    border-color: #f2d98e !important;
    background: rgba(242, 217, 142, .11) !important;
}

.source-ribbon .source-icon-link:focus-visible {
    outline: 3px solid rgba(242, 217, 142, .32) !important;
    outline-offset: 3px !important;
}

.source-ribbon .source-icon-link svg {
    width: 17px !important;
    height: 17px !important;

    fill: none !important;
    stroke: currentColor !important;
    stroke-width: 1.8 !important;
    stroke-linecap: round !important;
    stroke-linejoin: round !important;

    pointer-events: none !important;
}

/* Ekranda yalnızca ikon görünür, metin erişilebilir kalır */
.source-ribbon .source-icon-link span {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    padding: 0 !important;
    margin: -1px !important;
    overflow: hidden !important;
    clip: rect(0, 0, 0, 0) !important;
    white-space: nowrap !important;
    border: 0 !important;
}

/* Fight Outcome ve Decision güncellenince kısa vurgu */
.combat-result-updated {
    animation: stattunerCombatResultUpdated .58s ease-out;
}

@keyframes stattunerCombatResultUpdated {
    0% {
        box-shadow:
            0 0 0 0 color-mix(in srgb, var(--accent) 42%, transparent),
            var(--shadow-soft);
    }

    45% {
        box-shadow:
            0 0 0 5px color-mix(in srgb, var(--accent) 16%, transparent),
            0 18px 44px color-mix(in srgb, var(--accent) 12%, transparent);
    }

    100% {
        box-shadow: var(--shadow-soft);
    }
}

/* Canlı uygulama mesajı */
.item-compare-notice {
    font-weight: 700 !important;
    color: var(--good) !important;
}

/* Tablet ve mobil */
@media (max-width: 900px) {
    .source-ribbon nav {
        justify-content: flex-start !important;
    }

    .source-ribbon .source-icon-link {
        width: 36px !important;
        height: 36px !important;
        min-width: 36px !important;
        min-height: 36px !important;
    }
}

@media (max-width: 430px) {
    .source-ribbon {
        padding: 19px 17px !important;
        gap: 17px !important;
    }

    .source-ribbon nav {
        gap: 6px !important;
    }

    .source-ribbon .source-icon-link {
        width: 34px !important;
        height: 34px !important;
        min-width: 34px !important;
        min-height: 34px !important;
        border-radius: 10px !important;
    }

    .source-ribbon .source-icon-link svg {
        width: 15px !important;
        height: 15px !important;
    }
}

@media (prefers-reduced-motion: reduce) {
    .combat-result-updated {
        animation: none !important;
    }

    .source-ribbon .source-icon-link {
        transition: none !important;
    }
}


/* =========================================================
   STATTUNER 13.3.17
   HOMEPAGE STRONG GAME IDENTITY CARDS
   ========================================================= */

.games-section .world-grid {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 20px !important;
}

/* Ana kart */
.games-section .world-card {
    min-width: 0 !important;
    min-height: 410px !important;

    display: grid !important;
    grid-template-columns: 230px minmax(0, 1fr) !important;

    border: 1px solid var(--line-strong) !important;
    border-radius: 24px !important;

    background: #fff !important;
    overflow: hidden !important;

    box-shadow:
        0 15px 35px rgba(55, 46, 37, .065),
        0 2px 6px rgba(55, 46, 37, .03) !important;

    transition:
        transform .22s ease,
        box-shadow .22s ease,
        border-color .22s ease !important;
}

.games-section .world-card:hover {
    transform: translateY(-5px) !important;

    border-color:
        color-mix(
            in srgb,
            var(--world-accent) 48%,
            var(--line-strong)
        ) !important;

    box-shadow:
        0 24px 55px rgba(55, 46, 37, .11),
        0 5px 12px rgba(55, 46, 37, .04) !important;
}

/* Görsel alan */
.games-section .world-art {
    position: relative !important;
    min-width: 0 !important;

    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    padding: 32px 24px 70px !important;

    border-right: 1px solid var(--line) !important;
    border-bottom: 0 !important;

    overflow: hidden !important;
    isolation: isolate;
}

/* Eski oval çizgiyi daha görünür yap */
.games-section .world-art::before {
    content: "" !important;
    position: absolute !important;

    inset: 20px 35px 47px !important;

    border:
        1px solid
        color-mix(
            in srgb,
            var(--world-accent) 32%,
            transparent
        ) !important;

    border-radius: 50% !important;

    background:
        radial-gradient(
            circle at center,
            rgba(255,255,255,.84) 0%,
            rgba(255,255,255,.28) 52%,
            transparent 72%
        ) !important;

    box-shadow:
        inset 0 0 45px
        color-mix(
            in srgb,
            var(--world-accent) 5%,
            transparent
        ) !important;

    z-index: 0 !important;
}

/* Hafif oyun renkli arka plan */
.games-section .world-art::after {
    content: "" !important;
    position: absolute !important;

    width: 240px !important;
    height: 240px !important;

    border-radius: 50% !important;

    background:
        radial-gradient(
            circle,
            color-mix(
                in srgb,
                var(--world-accent) 12%,
                transparent
            ),
            transparent 68%
        ) !important;

    z-index: 0 !important;
}

/* Büyük logo */
.games-section .world-art img {
    position: relative !important;
    z-index: 2 !important;

    width: 178px !important;
    height: 178px !important;
    max-width: 100% !important;

    object-fit: contain !important;
    object-position: center !important;

    transform: scale(1.12) !important;

    filter:
        drop-shadow(0 17px 23px rgba(43, 35, 28, .19))
        drop-shadow(0 3px 5px rgba(43, 35, 28, .12)) !important;

    transition: transform .22s ease !important;
}

.games-section .world-card:hover .world-art img {
    transform: scale(1.19) !important;
}

/* Görsel alanındaki oyun adı */
.games-section .world-art > span {
    position: absolute !important;
    z-index: 3 !important;

    left: 18px !important;
    right: 18px !important;
    bottom: 18px !important;

    width: auto !important;

    padding: 9px 8px !important;

    border:
        1px solid
        color-mix(
            in srgb,
            var(--world-accent) 32%,
            var(--line)
        ) !important;

    border-radius: 999px !important;

    background: rgba(255, 255, 255, .84) !important;
    backdrop-filter: blur(8px);

    color: var(--world-accent) !important;

    font-size: 10px !important;
    line-height: 1.25 !important;
    font-weight: 900 !important;
    letter-spacing: .12em !important;
    text-transform: uppercase !important;
    text-align: center !important;

    box-shadow:
        0 7px 18px rgba(52, 44, 36, .07) !important;
}

/* Yazı alanı */
.games-section .world-copy {
    min-width: 0 !important;

    display: flex !important;
    flex-direction: column !important;

    padding: 34px 36px 30px !important;
}

/* Üst küçük etiket */
.games-section .world-copy > small {
    display: block !important;

    margin: 0 0 13px !important;

    color: var(--world-accent) !important;

    font-size: 11px !important;
    line-height: 1.3 !important;
    font-weight: 850 !important;
    letter-spacing: .15em !important;
    text-transform: uppercase !important;
}

/* Büyük oyun adı */
.games-section .world-copy .world-name {
    margin: 0 0 13px !important;

    color: var(--ink) !important;

    font-family:
        "Rajdhani",
        "Segoe UI",
        Arial,
        sans-serif !important;

    font-size: clamp(37px, 3.1vw, 50px) !important;
    line-height: .96 !important;
    font-weight: 750 !important;
    letter-spacing: -.035em !important;

    overflow-wrap: anywhere;
}

/* Oyun mekaniği alt başlığı */
.games-section .world-copy .world-tagline {
    max-width: 560px !important;

    margin: 0 0 13px !important;

    color: #303944 !important;

    font-size: 20px !important;
    line-height: 1.28 !important;
    font-weight: 700 !important;
}

/* Açıklama */
.games-section .world-copy .world-description {
    max-width: 590px !important;

    margin: 0 !important;

    color: var(--ink-2) !important;

    font-size: 15px !important;
    line-height: 1.65 !important;
    font-weight: 500 !important;
}

/* Özellik listesi */
.games-section .world-copy ul {
    list-style: none !important;

    margin: 20px 0 25px !important;
    padding: 0 !important;

    display: grid !important;
    gap: 8px !important;

    color: var(--muted) !important;

    font-size: 13px !important;
    line-height: 1.45 !important;
}

.games-section .world-copy li {
    position: relative !important;
    padding-left: 19px !important;
}

.games-section .world-copy li::before {
    content: "✓" !important;

    position: absolute !important;
    left: 0 !important;
    top: 0 !important;

    color: var(--world-accent) !important;
    font-weight: 900 !important;
}

/* Open laboratory butonu */
.games-section .world-copy .world-cta {
    width: fit-content !important;
    max-width: 100% !important;

    min-height: 46px !important;

    margin-top: auto !important;
    padding: 0 17px !important;

    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 9px !important;

    border:
        1px solid
        color-mix(
            in srgb,
            var(--world-accent) 76%,
            #000
        ) !important;

    border-radius: 11px !important;

    background: var(--world-accent) !important;
    color: #fff !important;

    font-size: 13px !important;
    line-height: 1.2 !important;
    font-weight: 800 !important;

    box-shadow:
        0 10px 22px
        color-mix(
            in srgb,
            var(--world-accent) 18%,
            transparent
        ) !important;

    transition:
        transform .18s ease,
        box-shadow .18s ease !important;
}

.games-section .world-copy .world-cta span {
    font-size: 18px !important;
    line-height: 1 !important;
    transition: transform .18s ease !important;
}

.games-section .world-card:hover .world-cta {
    transform: translateY(-2px) !important;

    box-shadow:
        0 14px 28px
        color-mix(
            in srgb,
            var(--world-accent) 25%,
            transparent
        ) !important;
}

.games-section .world-card:hover .world-cta span {
    transform: translateX(3px) !important;
}

/* Tablet */
@media (max-width: 1180px) {
    .games-section .world-grid {
        grid-template-columns: 1fr !important;
    }

    .games-section .world-card {
        grid-template-columns: 250px minmax(0, 1fr) !important;
        min-height: 380px !important;
    }
}

/* Mobil */
@media (max-width: 720px) {
    .games-section .world-grid {
        gap: 15px !important;
    }

    .games-section .world-card {
        grid-template-columns: 1fr !important;
        min-height: 0 !important;
        border-radius: 20px !important;
    }

    .games-section .world-art {
        min-height: 245px !important;

        padding:
            25px 22px 66px !important;

        border-right: 0 !important;
        border-bottom: 1px solid var(--line) !important;
    }

    .games-section .world-art::before {
        inset: 17px 58px 45px !important;
    }

    .games-section .world-art img {
        width: 165px !important;
        height: 165px !important;
        transform: scale(1.08) !important;
    }

    .games-section .world-card:hover .world-art img {
        transform: scale(1.12) !important;
    }

    .games-section .world-art > span {
        left: 35px !important;
        right: 35px !important;
        bottom: 15px !important;
    }

    .games-section .world-copy {
        padding: 27px 22px 24px !important;
    }

    .games-section .world-copy > small {
        margin-bottom: 10px !important;
        font-size: 10px !important;
    }

    .games-section .world-copy .world-name {
        margin-bottom: 10px !important;

        font-size: clamp(36px, 11vw, 46px) !important;
        line-height: 1 !important;
    }

    .games-section .world-copy .world-tagline {
        font-size: 18px !important;
        line-height: 1.3 !important;
    }

    .games-section .world-copy .world-description {
        font-size: 15px !important;
        line-height: 1.6 !important;
    }

    .games-section .world-copy ul {
        margin: 18px 0 22px !important;
        font-size: 13px !important;
    }

    .games-section .world-copy .world-cta {
        width: 100% !important;
        min-height: 49px !important;
    }
}

/* Çok dar telefon */
@media (max-width: 390px) {
    .games-section .world-art {
        min-height: 220px !important;
    }

    .games-section .world-art::before {
        inset: 15px 42px 43px !important;
    }

    .games-section .world-art img {
        width: 145px !important;
        height: 145px !important;
    }

    .games-section .world-copy {
        padding: 24px 18px 20px !important;
    }

    .games-section .world-copy .world-name {
        font-size: 35px !important;
    }

    .games-section .world-copy .world-tagline {
        font-size: 17px !important;
    }
}

@media (prefers-reduced-motion: reduce) {
    .games-section .world-card,
    .games-section .world-art img,
    .games-section .world-cta,
    .games-section .world-cta span {
        transition: none !important;
    }
}


/* =========================================================
   STATTUNER DAMAGE VIEWPORT 13.3.18
   Always-visible combat feedback
   ========================================================= */

/*
 * Katman artık sonuç panelinde değil, doğrudan body altındadır.
 * Sayfa kaydırılmış olsa bile animasyon viewport içinde kalır.
 */
body > .damage-float-layer.damage-viewport-layer {
    position: fixed !important;
    inset: 0 !important;

    width: 100vw !important;
    height: 100dvh !important;
    min-height: 100vh !important;

    display: block !important;

    z-index: 10040 !important;

    pointer-events: none !important;
    overflow: visible !important;

    transform: none !important;
    contain: none !important;
    isolation: isolate !important;
}

/* Ekranın üst-orta bölümünde sabit sonuç kartı */
body > .damage-float-layer.damage-viewport-layer .damage-float {
    position: absolute !important;

    left: 50% !important;
    top: clamp(145px, 25dvh, 290px) !important;

    width: max-content !important;
    max-width: calc(100vw - 32px) !important;

    padding: 16px 28px 18px !important;

    display: grid !important;
    justify-items: center !important;
    align-content: center !important;
    gap: 4px !important;

    border: 1px solid rgba(255, 255, 255, .30) !important;
    border-radius: 18px !important;

    background:
        linear-gradient(
            145deg,
            rgba(29, 27, 25, .96),
            rgba(12, 13, 15, .94)
        ) !important;

    box-shadow:
        0 24px 65px rgba(0, 0, 0, .34),
        0 8px 20px rgba(0, 0, 0, .22),
        inset 0 1px 0 rgba(255, 255, 255, .12) !important;

    backdrop-filter: blur(13px) !important;
    -webkit-backdrop-filter: blur(13px) !important;

    opacity: 0;

    transform:
        translate(-50%, 24px)
        scale(.72) !important;

    transform-origin: center center !important;

    filter:
        drop-shadow(0 9px 8px rgba(35, 25, 15, .28)) !important;

    white-space: nowrap !important;
    will-change: opacity, transform !important;
}

/* Küçük DEADLY / HIT / CRITICAL etiketi */
body > .damage-float-layer.damage-viewport-layer .damage-float small {
    display: block !important;

    margin: 0 0 2px !important;

    font-size: 12px !important;
    line-height: 1.15 !important;
    font-weight: 900 !important;
    letter-spacing: .14em !important;
    text-transform: uppercase !important;
}

/* Büyük hasar değeri */
body > .damage-float-layer.damage-viewport-layer .damage-float strong {
    display: block !important;

    font-family:
        "Rajdhani",
        "Segoe UI",
        sans-serif !important;

    font-size: clamp(58px, 6vw, 82px) !important;
    line-height: .82 !important;
    font-weight: 900 !important;
}

/*
 * Önceki animasyon 1.35 saniyeydi.
 * Yeni animasyon daha uzun süre okunabilir kalır.
 */
body > .damage-float-layer.damage-viewport-layer .damage-float.play {
    animation:
        stattunerDamageViewport 2.2s
        cubic-bezier(.18, .78, .23, 1)
        forwards !important;
}

@keyframes stattunerDamageViewport {
    0% {
        opacity: 0;
        transform:
            translate(-50%, 28px)
            scale(.68)
            rotate(-3deg);
    }

    11% {
        opacity: 1;
        transform:
            translate(-50%, 0)
            scale(1.10)
            rotate(1deg);
    }

    22% {
        opacity: 1;
        transform:
            translate(-50%, -4px)
            scale(1)
            rotate(0);
    }

    72% {
        opacity: 1;
        transform:
            translate(-50%, -20px)
            scale(1);
    }

    100% {
        opacity: 0;
        transform:
            translate(-50%, -76px)
            scale(.92);
    }
}

/* Metin2 görünümü */
body > .damage-float-layer.damage-viewport-layer .damage-metin2 {
    border-color: rgba(255, 207, 32, .52) !important;

    box-shadow:
        0 24px 65px rgba(0, 0, 0, .34),
        0 0 34px rgba(255, 172, 18, .17),
        inset 0 1px 0 rgba(255, 255, 255, .12) !important;
}

/* Knight Online görünümü */
body > .damage-float-layer.damage-viewport-layer .damage-knight-online {
    border-color: rgba(255, 159, 31, .55) !important;

    box-shadow:
        0 24px 65px rgba(0, 0, 0, .34),
        0 0 36px rgba(255, 110, 28, .20),
        inset 0 1px 0 rgba(255, 255, 255, .12) !important;
}

/* Knight çizgileri kartın dışına çok taşmasın */
body > .damage-float-layer.damage-viewport-layer
.damage-knight-online::before,
body > .damage-float-layer.damage-viewport-layer
.damage-knight-online::after {
    width: 58px !important;
}

/* OSRS görünümü */
body > .damage-float-layer.damage-viewport-layer .damage-osrs {
    padding: 14px 22px !important;
    border-color: rgba(210, 64, 64, .55) !important;
}

/* OSRS hit splat değerinin eski yapısı korunsun */
body > .damage-float-layer.damage-viewport-layer
.damage-osrs strong {
    font-size: 42px !important;
}

/* Albion görünümü */
body > .damage-float-layer.damage-viewport-layer
.damage-albion-online {
    border-color: rgba(226, 80, 70, .52) !important;

    box-shadow:
        0 24px 65px rgba(0, 0, 0, .34),
        0 0 34px rgba(191, 43, 39, .19),
        inset 0 1px 0 rgba(255, 255, 255, .12) !important;
}

/* Tablet ve telefon */
@media (max-width: 900px) {

    body > .damage-float-layer.damage-viewport-layer .damage-float {
        top: max(152px, 23dvh) !important;

        max-width: calc(100vw - 26px) !important;

        padding: 14px 22px 16px !important;

        border-radius: 16px !important;
    }

    body > .damage-float-layer.damage-viewport-layer
    .damage-float strong {
        font-size: clamp(51px, 15vw, 68px) !important;
    }

    body > .damage-float-layer.damage-viewport-layer
    .damage-float small {
        font-size: 10px !important;
    }
}

/* Çok küçük telefonlar */
@media (max-width: 430px) {

    body > .damage-float-layer.damage-viewport-layer .damage-float {
        top: 148px !important;

        max-width: calc(100vw - 20px) !important;

        padding: 13px 18px 15px !important;
    }

    body > .damage-float-layer.damage-viewport-layer
    .damage-float strong {
        font-size: 50px !important;
    }

    body > .damage-float-layer.damage-viewport-layer
    .damage-knight-online::before,
    body > .damage-float-layer.damage-viewport-layer
    .damage-knight-online::after {
        width: 34px !important;
    }
}

/*
 * Hareket azaltma ayarı kullananlarda tamamen kaybolmak yerine
 * kısa ve sade bir görünürlük animasyonu çalışır.
 */
@media (prefers-reduced-motion: reduce) {

    body > .damage-float-layer.damage-viewport-layer {
        display: block !important;
    }

    body > .damage-float-layer.damage-viewport-layer
    .damage-float.play {
        animation:
            stattunerDamageReduced 1.6s
            linear
            forwards !important;
    }

    @keyframes stattunerDamageReduced {
        0% {
            opacity: 0;
            transform: translate(-50%, 0) scale(1);
        }

        12%,
        80% {
            opacity: 1;
            transform: translate(-50%, 0) scale(1);
        }

        100% {
            opacity: 0;
            transform: translate(-50%, 0) scale(1);
        }
    }
}




/* STATTUNER 13.3.19 STAT CHANGE FLOATS */
.st-stat-float-layer{
    position:fixed;
    top:118px;
    right:18px;
    z-index:10070;
    display:flex;
    flex-direction:column;
    gap:10px;
    pointer-events:none;
    width:min(320px,calc(100vw - 24px));
}

.st-stat-float{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:14px;
    padding:14px 16px;
    border-radius:16px;
    border:1px solid rgba(0,0,0,.08);
    background:rgba(255,255,255,.96);
    color:#1b222b;
    box-shadow:0 20px 50px rgba(0,0,0,.16);
    backdrop-filter:blur(8px);
    -webkit-backdrop-filter:blur(8px);
    opacity:0;
    transform:translateY(14px) scale(.94);
}

.st-stat-float.play{
    animation:stStatFloatInOut 1.7s cubic-bezier(.2,.8,.2,1) forwards;
}

.st-stat-float.out{
    opacity:0;
}

.st-stat-float.positive{
    border-color:rgba(43,163,99,.34);
    box-shadow:0 20px 50px rgba(38,138,83,.14);
}

.st-stat-float.negative{
    border-color:rgba(213,78,78,.34);
    box-shadow:0 20px 50px rgba(171,58,58,.14);
}

.st-stat-float-copy{
    display:grid;
    gap:3px;
    min-width:0;
}

.st-stat-float-copy small{
    font-size:11px;
    line-height:1;
    font-weight:900;
    letter-spacing:.12em;
    text-transform:uppercase;
    color:#6d7784;
}

.st-stat-float-copy strong{
    font-size:34px;
    line-height:1;
    font-weight:900;
    letter-spacing:-.03em;
}

.st-stat-float.positive .st-stat-float-copy strong{
    color:#1f9c5e;
}

.st-stat-float.negative .st-stat-float-copy strong{
    color:#d44c4c;
}

.st-stat-float-tag{
    flex:0 0 auto;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-height:30px;
    padding:0 10px;
    border-radius:999px;
    font-size:10px;
    font-weight:900;
    letter-spacing:.1em;
    text-transform:uppercase;
    border:1px solid currentColor;
    white-space:nowrap;
}

.st-stat-float.positive .st-stat-float-tag{
    color:#1f9c5e;
    background:rgba(31,156,94,.08);
}

.st-stat-float.negative .st-stat-float-tag{
    color:#d44c4c;
    background:rgba(212,76,76,.08);
}

@keyframes stStatFloatInOut{
    0%{
        opacity:0;
        transform:translateY(14px) scale(.94);
    }
    12%{
        opacity:1;
        transform:translateY(0) scale(1.02);
    }
    22%{
        opacity:1;
        transform:translateY(0) scale(1);
    }
    82%{
        opacity:1;
        transform:translateY(0) scale(1);
    }
    100%{
        opacity:0;
        transform:translateY(-8px) scale(.98);
    }
}

@media (max-width:900px){
    .st-stat-float-layer{
        top:138px;
        left:12px;
        right:12px;
        width:auto;
    }

    .st-stat-float{
        padding:13px 14px;
        border-radius:14px;
    }

    .st-stat-float-copy strong{
        font-size:30px;
    }

    .st-stat-float-tag{
        font-size:9px;
        padding:0 9px;
    }
}

@media (max-width:520px){
    .st-stat-float-layer{
        top:146px;
        left:10px;
        right:10px;
    }

    .st-stat-float{
        gap:10px;
    }

    .st-stat-float-copy small{
        font-size:10px;
    }

    .st-stat-float-copy strong{
        font-size:28px;
    }

    .st-stat-float-tag{
        min-height:26px;
        font-size:8px;
        padding:0 8px;
    }
}


/* STATTUNER 13.3.20 CORE STAT FLOATS */
/* Disable the older experimental stat toast, if it was installed. */
.st-stat-float-layer{display:none!important}

.st-core-float-layer{
    position:fixed;
    top:118px;
    left:50%;
    z-index:10120;
    width:min(360px,calc(100vw - 24px));
    display:flex;
    flex-direction:column;
    align-items:stretch;
    gap:10px;
    transform:translateX(-50%);
    pointer-events:none;
}

.st-core-float{
    min-width:0;
    display:grid;
    grid-template-columns:minmax(0,1fr) auto;
    grid-template-areas:"label value" "state value";
    align-items:center;
    gap:3px 18px;
    padding:14px 17px;
    border:1px solid rgba(0,0,0,.08);
    border-radius:16px;
    background:rgba(255,255,255,.97);
    box-shadow:0 22px 58px rgba(18,25,32,.20);
    backdrop-filter:blur(12px);
    -webkit-backdrop-filter:blur(12px);
    opacity:0;
    transform:translateY(16px) scale(.94);
}

.st-core-float.play{animation:stCoreFloat 2s cubic-bezier(.18,.82,.22,1) forwards}
.st-core-float span{grid-area:label;font-size:13px;line-height:1;font-weight:900;letter-spacing:.13em}
.st-core-float strong{grid-area:value;font:900 38px/1 "Rajdhani","Segoe UI",sans-serif;letter-spacing:-.035em}
.st-core-float small{grid-area:state;font-size:9px;line-height:1.2;font-weight:900;letter-spacing:.12em;color:#74808c}

.st-core-float.gain{
    border-color:rgba(25,153,87,.36);
    box-shadow:0 22px 58px rgba(23,130,76,.18),inset 4px 0 #199957;
}
.st-core-float.gain span,.st-core-float.gain strong{color:#168a55}

.st-core-float.loss{
    border-color:rgba(201,65,70,.38);
    box-shadow:0 22px 58px rgba(175,54,60,.18),inset 4px 0 #c94146;
}
.st-core-float.loss span,.st-core-float.loss strong{color:#c34245}

@keyframes stCoreFloat{
    0%{opacity:0;transform:translateY(16px) scale(.94)}
    12%{opacity:1;transform:translateY(0) scale(1.035)}
    22%,78%{opacity:1;transform:translateY(0) scale(1)}
    100%{opacity:0;transform:translateY(-12px) scale(.98)}
}

@media(max-width:900px){
    .st-core-float-layer{top:150px;width:calc(100vw - 20px)}
    .st-core-float{padding:13px 15px;border-radius:14px}
    .st-core-float strong{font-size:34px}
}

@media(max-width:430px){
    .st-core-float-layer{top:146px;width:calc(100vw - 16px)}
    .st-core-float{gap:2px 12px;padding:12px 14px}
    .st-core-float span{font-size:11px}
    .st-core-float strong{font-size:31px}
    .st-core-float small{font-size:8px}
}

@media(prefers-reduced-motion:reduce){
    .st-core-float.play{animation:stCoreFloatReduced 1.7s linear forwards}
    @keyframes stCoreFloatReduced{0%,100%{opacity:0}10%,85%{opacity:1}}
}

/* STATTUNER 13.3.21 LIVE METIN2 EVENTS */
.st-m2-live-events{display:none}
.game-metin2 .st-m2-live-events{
    display:grid;
    grid-template-columns:auto minmax(0,1fr) auto;
    align-items:center;
    gap:22px;
    min-height:84px;
    margin:18px 0 0;
    padding:14px 18px;
    color:#fff7e9;
    background:
        radial-gradient(circle at 18% 0,rgba(224,174,77,.18),transparent 34%),
        linear-gradient(112deg,#24110f 0%,#451a16 58%,#22110f 100%);
    border:1px solid color-mix(in srgb,var(--accent) 54%,#d9b46b);
    border-left:4px solid #26a269;
    box-shadow:0 16px 38px rgba(49,23,18,.18),inset 0 1px rgba(255,255,255,.06);
    overflow:hidden;
}
.st-m2-live-events__label{display:flex;align-items:center;gap:11px;white-space:nowrap}
.st-m2-live-events__label>span:last-child{display:grid;gap:2px}
.st-m2-live-events__label small{color:#e9c779;font-size:8px;font-weight:950;letter-spacing:.17em}
.st-m2-live-events__label b{font-size:11px;color:#e9f8ef}
.st-m2-live-events__pulse{
    width:11px;height:11px;display:block;flex:0 0 11px;border-radius:50%;background:#2fca7b;
    box-shadow:0 0 0 0 rgba(47,202,123,.52);animation:stM2EventPulse 1.8s ease-out infinite;
}
.st-m2-live-events__list{min-width:0;display:flex;align-items:stretch;gap:10px;overflow-x:auto;scrollbar-width:none}
.st-m2-live-events__list::-webkit-scrollbar{display:none}
.st-m2-live-events__item{
    min-width:min(500px,100%);padding:8px 14px;border-left:1px solid rgba(238,204,135,.22);
    display:flex;flex-direction:column;justify-content:center;
}
.st-m2-live-events__item strong{font:900 16px/1.25 var(--font-display,var(--font-body));color:#fff4dc}
.st-m2-live-events__item span{margin-top:3px;color:#cfb9aa;font-size:10px;line-height:1.45}
.st-m2-live-events__source{
    min-width:154px;padding:9px 12px;text-align:right;color:#f6d98f;font-size:10px;font-weight:900;
    border-left:1px solid rgba(238,204,135,.22);transition:.18s;
}
.st-m2-live-events__source:hover{color:#fff;transform:translateX(2px)}
.st-m2-live-events__source small{display:block;margin-top:3px;color:#aa9183;font-size:7px;font-weight:800;letter-spacing:.04em}
@keyframes stM2EventPulse{70%{box-shadow:0 0 0 10px rgba(47,202,123,0)}100%{box-shadow:0 0 0 0 rgba(47,202,123,0)}}
@media(max-width:900px){
    .game-metin2 .st-m2-live-events{grid-template-columns:auto minmax(0,1fr);gap:12px;margin-top:10px;padding:11px 12px;min-height:70px}
    .st-m2-live-events__label small{font-size:7px}.st-m2-live-events__label b{font-size:9px}
    .st-m2-live-events__item{min-width:100%;padding:5px 9px}.st-m2-live-events__item strong{font-size:14px}.st-m2-live-events__item span{display:none}
    .st-m2-live-events__source{grid-column:1/-1;min-width:0;padding:7px 0 0;border-left:0;border-top:1px solid rgba(238,204,135,.18);text-align:left}
    .st-m2-live-events__source small{display:inline;margin-left:8px}
}
@media(max-width:520px){
    .game-metin2 .st-m2-live-events{grid-template-columns:1fr}
    .st-m2-live-events__item{padding-left:0;border-left:0}
    .st-m2-live-events__source{grid-column:auto}
}
@media(prefers-reduced-motion:reduce){.st-m2-live-events__pulse{animation:none}}

/* STATTUNER 13.3.22 LIVE METIN2 EVENTS */
.st-m2-live-events{display:none}
.game-metin2 .st-m2-live-events{
    display:grid;
    grid-template-columns:auto minmax(0,1fr) auto;
    align-items:center;
    gap:22px;
    min-height:84px;
    margin:18px 0 0;
    padding:14px 18px;
    color:#fff7e9;
    background:
        radial-gradient(circle at 18% 0,rgba(224,174,77,.18),transparent 34%),
        linear-gradient(112deg,#24110f 0%,#451a16 58%,#22110f 100%);
    border:1px solid color-mix(in srgb,var(--accent) 54%,#d9b46b);
    border-left:4px solid #26a269;
    box-shadow:0 16px 38px rgba(49,23,18,.18),inset 0 1px rgba(255,255,255,.06);
    overflow:hidden;
}
.st-m2-live-events__label{display:flex;align-items:center;gap:11px;white-space:nowrap}
.st-m2-live-events__label>span:last-child{display:grid;gap:2px}
.st-m2-live-events__label small{color:#e9c779;font-size:8px;font-weight:950;letter-spacing:.17em}
.st-m2-live-events__label b{font-size:11px;color:#e9f8ef}
.st-m2-live-events__pulse{
    width:11px;height:11px;display:block;flex:0 0 11px;border-radius:50%;background:#2fca7b;
    box-shadow:0 0 0 0 rgba(47,202,123,.52);animation:stM2EventPulse 1.8s ease-out infinite;
}
.st-m2-live-events__list{min-width:0;display:flex;align-items:stretch;gap:10px;overflow-x:auto;scrollbar-width:none}
.st-m2-live-events__list::-webkit-scrollbar{display:none}
.st-m2-live-events__item{
    min-width:min(500px,100%);padding:8px 14px;border-left:1px solid rgba(238,204,135,.22);
    display:flex;flex-direction:column;justify-content:center;
}
.st-m2-live-events__item strong{font:900 16px/1.25 var(--font-display,var(--font-body));color:#fff4dc}
.st-m2-live-events__item span{margin-top:3px;color:#cfb9aa;font-size:10px;line-height:1.45}
.st-m2-live-events__source{
    min-width:154px;padding:9px 12px;text-align:right;color:#f6d98f;font-size:10px;font-weight:900;
    border-left:1px solid rgba(238,204,135,.22);transition:.18s;
}
.st-m2-live-events__source:hover{color:#fff;transform:translateX(2px)}
.st-m2-live-events__source small{display:block;margin-top:3px;color:#aa9183;font-size:7px;font-weight:800;letter-spacing:.04em}
@keyframes stM2EventPulse{70%{box-shadow:0 0 0 10px rgba(47,202,123,0)}100%{box-shadow:0 0 0 0 rgba(47,202,123,0)}}
@media(max-width:900px){
    .game-metin2 .st-m2-live-events{grid-template-columns:auto minmax(0,1fr);gap:12px;margin-top:10px;padding:11px 12px;min-height:70px}
    .st-m2-live-events__label small{font-size:7px}.st-m2-live-events__label b{font-size:9px}
    .st-m2-live-events__item{min-width:100%;padding:5px 9px}.st-m2-live-events__item strong{font-size:14px}.st-m2-live-events__item span{display:none}
    .st-m2-live-events__source{grid-column:1/-1;min-width:0;padding:7px 0 0;border-left:0;border-top:1px solid rgba(238,204,135,.18);text-align:left}
    .st-m2-live-events__source small{display:inline;margin-left:8px}
}
@media(max-width:520px){
    .game-metin2 .st-m2-live-events{grid-template-columns:1fr}
    .st-m2-live-events__item{padding-left:0;border-left:0}
    .st-m2-live-events__source{grid-column:auto}
}
@media(prefers-reduced-motion:reduce){.st-m2-live-events__pulse{animation:none}}

/* STATTUNER METIN2 TOOLS HERO CTA */
.metin2-tools-cta {
  margin-top: 22px;
  max-width: 610px;
}

.metin2-tools-cta a {
  position: relative;
  display: grid;
  grid-template-columns: 48px minmax(0, 1fr) 34px;
  align-items: center;
  gap: 14px;
  min-height: 92px;
  padding: 16px 18px;
  overflow: hidden;
  color: #fff;
  text-decoration: none;
  background:
    radial-gradient(circle at 10% 20%, rgba(224,184,106,.28), transparent 34%),
    linear-gradient(135deg, #7f241f 0%, #b73d32 55%, #72201d 100%);
  border: 1px solid rgba(255,225,168,.72);
  border-radius: 16px;
  box-shadow:
    0 14px 32px rgba(83,24,20,.24),
    inset 0 1px 0 rgba(255,255,255,.18);
  transition: transform .2s ease, box-shadow .2s ease, border-color .2s ease;
}

.metin2-tools-cta a::after {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background: linear-gradient(110deg, transparent 20%, rgba(255,255,255,.11) 47%, transparent 70%);
  transform: translateX(-120%);
  transition: transform .55s ease;
}

.metin2-tools-cta a:hover,
.metin2-tools-cta a:focus-visible {
  transform: translateY(-3px);
  border-color: #f0ce89;
  box-shadow:
    0 18px 42px rgba(83,24,20,.34),
    0 0 0 4px rgba(199,75,61,.11);
}

.metin2-tools-cta a:hover::after,
.metin2-tools-cta a:focus-visible::after {
  transform: translateX(120%);
}

.metin2-tools-cta-icon {
  width: 48px;
  height: 48px;
  display: grid;
  place-items: center;
  color: #422015;
  background: linear-gradient(145deg, #f5d99c, #dca452);
  border: 1px solid rgba(255,255,255,.55);
  border-radius: 13px;
  font-size: 25px;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.58);
}

.metin2-tools-cta-copy {
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 3px;
}

.metin2-tools-cta-copy small {
  color: #f5d99c;
  font-size: 10px;
  font-style: normal;
  font-weight: 800;
  line-height: 1.2;
  letter-spacing: .16em;
}

.metin2-tools-cta-copy strong {
  color: #fff;
  font-family: var(--font-display);
  font-size: 23px;
  line-height: 1.12;
}

.metin2-tools-cta-copy em {
  overflow: hidden;
  color: rgba(255,255,255,.82);
  font-size: 12px;
  font-style: normal;
  line-height: 1.3;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.metin2-tools-cta-arrow {
  display: grid;
  place-items: center;
  width: 34px;
  height: 34px;
  color: #4b2319;
  background: #f1ce84;
  border-radius: 50%;
  font-size: 21px;
  font-weight: 900;
  transition: transform .2s ease;
}

.metin2-tools-cta a:hover .metin2-tools-cta-arrow {
  transform: translateX(4px);
}

@media (max-width: 900px) {
  .game-copy .metin2-tools-cta {
    display: block !important;
    width: 100%;
    max-width: none;
    margin-top: 14px;
  }

  .game-identity {
    width: 100%;
    align-items: flex-start;
  }

  .game-copy {
    min-width: 0;
    flex: 1;
  }

  .metin2-tools-cta a {
    grid-template-columns: 40px minmax(0, 1fr) 30px;
    gap: 10px;
    min-height: 76px;
    padding: 12px;
    border-radius: 13px;
  }

  .metin2-tools-cta-icon {
    width: 40px;
    height: 40px;
    border-radius: 11px;
    font-size: 21px;
  }

  .metin2-tools-cta-copy small {
    font-size: 8px;
    letter-spacing: .12em;
  }

  .metin2-tools-cta-copy strong {
    font-size: 18px;
  }

  .metin2-tools-cta-copy em {
    font-size: 10px;
  }

  .metin2-tools-cta-arrow {
    width: 30px;
    height: 30px;
    font-size: 18px;
  }
}

@media (max-width: 480px) {
  .game-hero {
    padding-bottom: 16px !important;
  }

  .metin2-tools-cta-copy em {
    white-space: normal;
  }
}

/* STATTUNER METIN2 TOOLS NAV LINK */
.lab-nav .metin2-tools-nav-link {
  min-width: 178px;
  margin-left: auto;
  padding: 0 18px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 9px;
  flex: 0 0 auto;
  color: #fff;
  text-decoration: none;
  background:
    linear-gradient(135deg, #9f3028 0%, #c74b3d 62%, #a5322a 100%);
  border-left: 1px solid #b43c32;
  border-right: 1px solid #9a2e27;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.16),
    inset 4px 0 0 rgba(224,184,106,.9);
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: .04em;
  transition:
    filter .18s ease,
    box-shadow .18s ease,
    transform .18s ease;
}

.lab-nav .metin2-tools-nav-link em {
  color: #f0c878;
  font-size: 10px;
  font-style: normal;
  letter-spacing: .08em;
}

.lab-nav .metin2-tools-nav-link span {
  font-size: 12px;
}

.lab-nav .metin2-tools-nav-link b {
  min-width: 24px;
  height: 24px;
  padding: 0 6px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: #53221b;
  background: #f0cf88;
  border-radius: 999px;
  font-size: 10px;
  line-height: 1;
}

.lab-nav .metin2-tools-nav-link i {
  color: rgba(255,255,255,.88);
  font-size: 15px;
  font-style: normal;
  transition: transform .18s ease;
}

.lab-nav .metin2-tools-nav-link:hover,
.lab-nav .metin2-tools-nav-link:focus-visible {
  filter: brightness(1.08);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.22),
    inset 4px 0 0 #f0cf88,
    0 5px 18px rgba(113,33,27,.2);
}

.lab-nav .metin2-tools-nav-link:hover i,
.lab-nav .metin2-tools-nav-link:focus-visible i {
  transform: translate(2px,-2px);
}

.lab-nav .metin2-tools-nav-link:focus-visible {
  outline: 3px solid rgba(224,184,106,.48);
  outline-offset: -3px;
}

@media (max-width: 900px) {
  .lab-nav .metin2-tools-nav-link {
    min-width: 155px;
    margin-left: 0;
    padding: 0 14px;
    gap: 7px;
  }

  .lab-nav .metin2-tools-nav-link span {
    font-size: 11px;
  }

  .lab-nav .metin2-tools-nav-link b {
    min-width: 22px;
    height: 22px;
    font-size: 9px;
  }
}

/* STATTUNER METIN2 TOOLS STRIP */
.metin2-tools-strip {
  width: 100%;
  min-height: 72px;
  display: grid;
  grid-template-columns: 210px minmax(0, 1fr) 230px;
  align-items: stretch;
  margin: 12px 0 18px;
  overflow: hidden;
  color: #fff;
  text-decoration: none;
  background:
    linear-gradient(100deg, #2b100d 0%, #401410 58%, #571b16 100%);
  border-left: 4px solid #d3a153;
  border-top: 1px solid rgba(224,184,106,.32);
  border-bottom: 1px solid rgba(105,28,23,.72);
  box-shadow:
    0 12px 28px rgba(48,20,15,.12),
    inset 0 1px 0 rgba(255,255,255,.05);
  transition:
    transform .18s ease,
    box-shadow .18s ease,
    filter .18s ease;
}

.metin2-tools-strip:hover,
.metin2-tools-strip:focus-visible {
  transform: translateY(-2px);
  filter: brightness(1.06);
  box-shadow:
    0 16px 34px rgba(48,20,15,.2),
    inset 0 1px 0 rgba(255,255,255,.08);
}

.metin2-tools-strip:focus-visible {
  outline: 3px solid rgba(224,184,106,.48);
  outline-offset: 2px;
}

.metin2-tools-strip-status,
.metin2-tools-strip-copy,
.metin2-tools-strip-action {
  min-width: 0;
  display: flex;
  justify-content: center;
  flex-direction: column;
}

.metin2-tools-strip-status {
  position: relative;
  padding: 14px 18px 14px 42px;
  border-right: 1px solid rgba(224,184,106,.28);
}

.metin2-tools-strip-status i {
  position: absolute;
  left: 18px;
  top: 50%;
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background: #51d38a;
  box-shadow:
    0 0 0 7px rgba(81,211,138,.14),
    0 0 16px rgba(81,211,138,.42);
  transform: translateY(-50%);
}

.metin2-tools-strip-status small,
.metin2-tools-strip-action small {
  color: #d8aa61;
  font-size: 9px;
  font-weight: 800;
  letter-spacing: .12em;
  line-height: 1.3;
  text-transform: uppercase;
}

.metin2-tools-strip-status strong {
  margin-top: 3px;
  color: #fff;
  font-size: 13px;
  line-height: 1.2;
}

.metin2-tools-strip-copy {
  padding: 13px 22px;
}

.metin2-tools-strip-copy strong {
  font-family: var(--font-display);
  font-size: 22px;
  line-height: 1.1;
}

.metin2-tools-strip-copy small {
  margin-top: 5px;
  color: rgba(255,255,255,.76);
  font-size: 11px;
  line-height: 1.35;
}

.metin2-tools-strip-action {
  position: relative;
  align-items: flex-end;
  padding: 13px 48px 13px 20px;
  text-align: right;
  border-left: 1px solid rgba(224,184,106,.25);
  background: rgba(91,27,22,.34);
}

.metin2-tools-strip-action strong {
  color: #fff;
  font-size: 12px;
  line-height: 1.2;
}

.metin2-tools-strip-action small {
  margin-top: 4px;
  color: #d8aa61;
  letter-spacing: .04em;
  text-transform: none;
}

.metin2-tools-strip-action b {
  position: absolute;
  right: 18px;
  top: 50%;
  width: 26px;
  height: 26px;
  display: grid;
  place-items: center;
  color: #4b2119;
  background: #e2b968;
  border-radius: 50%;
  font-size: 14px;
  transform: translateY(-50%);
  transition: transform .18s ease;
}

.metin2-tools-strip:hover .metin2-tools-strip-action b {
  transform: translate(2px, calc(-50% - 2px));
}

@media (max-width: 900px) {
  .metin2-tools-strip {
    grid-template-columns: 145px minmax(0, 1fr) 54px;
    min-height: 66px;
    margin: 10px 0 14px;
  }

  .metin2-tools-strip-status {
    padding: 11px 10px 11px 35px;
  }

  .metin2-tools-strip-status i {
    left: 14px;
    width: 10px;
    height: 10px;
  }

  .metin2-tools-strip-status small {
    font-size: 7px;
  }

  .metin2-tools-strip-status strong {
    font-size: 11px;
  }

  .metin2-tools-strip-copy {
    padding: 10px 14px;
  }

  .metin2-tools-strip-copy strong {
    font-size: 16px;
  }

  .metin2-tools-strip-copy small {
    font-size: 9px;
  }

  .metin2-tools-strip-action {
    padding: 0;
    align-items: center;
    border-left: 1px solid rgba(224,184,106,.25);
  }

  .metin2-tools-strip-action strong,
  .metin2-tools-strip-action small {
    display: none;
  }

  .metin2-tools-strip-action b {
    position: static;
    width: 30px;
    height: 30px;
    transform: none;
  }

  .metin2-tools-strip:hover .metin2-tools-strip-action b {
    transform: translate(2px,-2px);
  }
}

@media (max-width: 580px) {
  .metin2-tools-strip {
    grid-template-columns: minmax(0, 1fr) 48px;
  }

  .metin2-tools-strip-status {
    display: none;
  }

  .metin2-tools-strip-copy {
    padding: 10px 12px;
  }

  .metin2-tools-strip-copy strong {
    font-size: 15px;
  }

  .metin2-tools-strip-copy small {
    white-space: normal;
  }
}