@font-face{font-family:"Oswald Local";src:url("/fonts/Oswald-SemiBold.woff2") format("woff2");font-weight:600;font-style:normal;font-display:swap}@font-face{font-family:"Roboto Local";src:url("/fonts/Roboto-Regular.woff2") format("woff2");font-weight:400;font-style:normal;font-display:swap}*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{min-height:100vh;-webkit-font-smoothing:antialiased}img{display:block;max-width:100%}a{color:inherit}input,select,button,textarea{font-family:inherit;font-size:inherit}.container{width:100%;max-width:1200px;margin-left:auto;margin-right:auto;padding-left:24px;padding-right:24px}.sticky-nav{position:fixed;top:0;left:0;width:100%;z-index:1000;background:linear-gradient(180deg,rgba(5,6,8,0.95) 0%,rgba(5,6,8,0.85) 100%);backdrop-filter:blur(14px);border-bottom:1px solid rgba(220,38,38,0.2);padding:14px 0;box-shadow:0 4px 24px rgba(0,0,0,0.3)}.sticky-nav .container{display:flex;justify-content:space-between;align-items:center}.logo img{max-height:44px;width:auto}.menu{display:flex;position:fixed;top:0;right:0;width:100%;height:100vh;background:rgba(5,6,8,0.97);flex-direction:row;justify-content:flex-end;align-items:center;transform:translate3d(100%,0,0);transition:transform 0.32s ease;will-change:transform;z-index:999}.menu.active{transform:translate3d(0,0,0);flex-direction:column;justify-content:center;align-items:center}.menu a{color:#b8b0a6;font-family:"Oswald Local","Segoe UI",Tahoma,sans-serif;font-size:15px;font-weight:400;text-decoration:none;text-transform:none;letter-spacing:0;margin:0 14px;transition:color 0.18s}.menu.active a{font-size:22px;font-weight:600;margin:16px 0;color:#e8e0d6;letter-spacing:0.5px}.menu a:hover{color:#f0ece4}.menu.active a:hover{color:var(--r-red-soft)}.hero-kicker,.hero-copy h1,.hero-note h2,.panel h2,.btn-primary,.btn-secondary,.btn-ghost,.faq-tab,.faq-panel h3,footer .center>p,footer .right>p,footer nav a,footer .social-icons .icon-link{font-family:"Oswald Local","Segoe UI",Tahoma,sans-serif}.menu-close{position:absolute;top:18px;right:20px;width:36px;height:36px;cursor:pointer;color:#b8b0a6;display:flex;align-items:center;justify-content:center;font-size:28px;line-height:1;transition:color 0.18s}.menu-close::before{content:'×'}.menu-close:hover{color:#f0ece4}.burger-menu{display:none;flex-direction:column;cursor:pointer;z-index:1001;gap:5px;padding:4px}.burger-menu span{display:block;background:#b8b0a6;height:3px;width:24px;border-radius:2px;transition:transform 0.3s ease,opacity 0.3s ease,background 0.18s}.burger-menu:hover span{background:#f0ece4}.burger-menu.active span:nth-child(1){transform:translateY(8px) rotate(45deg)}.burger-menu.active span:nth-child(2){opacity:0}.burger-menu.active span:nth-child(3){transform:translateY(-8px) rotate(-45deg)}@media (min-width:769px){.menu{position:relative;right:0;width:auto;height:auto;background:none;transform:none;flex-direction:row;justify-content:flex-end;transition:none;will-change:auto}.menu-close{display:none}.burger-menu{display:none}}@media (max-width:768px){.burger-menu{display:flex}}:root{--r-black:#06070a;--r-ink:#0d1016;--r-card:#11151d;--r-card-2:#171c26;--r-border:rgba(220,38,38,0.24);--r-border-soft:rgba(220,38,38,0.14);--r-border-strong:rgba(239,68,68,0.4);--r-red:#dc2626;--r-red-soft:#ef4444;--r-gold:#f0c46a;--r-gold-soft:#ffe0a6;--r-text:#fff4e8;--r-muted:#d2b89a;--r-good:#34d399;--r-warn:#f59e0b;--r-panel-shadow:0 18px 42px rgba(0,0,0,0.36)}body{background:radial-gradient(ellipse 120% 78% at 50% -18%,rgba(176,22,22,0.18) 0%,transparent 58%),radial-gradient(circle at 14% 78%,rgba(220,38,38,0.1) 0%,transparent 26%),radial-gradient(circle at 84% 8%,rgba(240,196,106,0.08) 0%,transparent 18%),linear-gradient(180deg,#040405 0%,#09070a 54%,#050507 100%);color:var(--r-text);font-family:"Roboto Local","Segoe UI",Tahoma,sans-serif;font-weight:400}#progress-bar{position:fixed;top:0;left:0;height:3px;width:100%;z-index:1000;background:linear-gradient(90deg,transparent 0%,var(--r-red-soft) 20%,var(--r-gold) 50%,var(--r-red-soft) 80%,transparent 100%);box-shadow:0 0 16px rgba(239,68,68,0.5)}.runes-main{padding:96px 0 72px}.runes-analysis,.runes-seo-content,footer{content-visibility:auto;contain-intrinsic-size:1px 900px}.runes-hero{margin-bottom:16px}.runes-hero-grid{display:grid;grid-template-columns:1.25fr 1fr;gap:18px;align-items:start}.hero-copy,.hero-note,.panel{position:relative;overflow:hidden;background:linear-gradient(rgba(239,68,68,0.2),rgba(239,68,68,0.2)) top left / 20px 1px no-repeat,linear-gradient(rgba(239,68,68,0.2),rgba(239,68,68,0.2)) top left / 1px 20px no-repeat,linear-gradient(rgba(245,158,11,0.18),rgba(245,158,11,0.18)) top right / 20px 1px no-repeat,linear-gradient(rgba(245,158,11,0.18),rgba(245,158,11,0.18)) top right / 1px 20px no-repeat,linear-gradient(rgba(185,28,28,0.12),rgba(185,28,28,0.12)) bottom right / 20px 1px no-repeat,linear-gradient(rgba(185,28,28,0.12),rgba(185,28,28,0.12)) bottom right / 1px 20px no-repeat,radial-gradient(circle at 12% 14%,rgba(240,196,106,0.08),transparent 24%),linear-gradient(165deg,rgba(24,17,19,0.98) 0%,rgba(10,9,12,0.995) 100%);border:1px solid rgba(220,38,38,0.16);border-radius:0;clip-path:polygon(0 0,calc(100% - 18px) 0,100% 18px,100% 100%,18px 100%,0 calc(100% - 18px));box-shadow:var(--r-panel-shadow),inset 0 0 0 1px rgba(255,255,255,0.02)}.hero-copy::before,.hero-note::before,.panel::before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(0deg,transparent 0,transparent 4px,rgba(255,255,255,0.01) 4px,rgba(255,255,255,0.01) 5px),linear-gradient(180deg,rgba(255,255,255,0.03),transparent 18%);pointer-events:none}.hero-copy,.hero-note{padding:20px}.hero-kicker{display:inline-flex;align-items:center;min-height:26px;margin:0 0 10px;padding:4px 10px;border:1px solid rgba(240,196,106,0.3);border-radius:6px;background:rgba(48,30,10,0.42);font-size:9px;letter-spacing:0.14em;text-transform:uppercase;color:var(--r-gold)}.hero-copy h1{margin:0 0 10px;color:var(--r-text);font-size:clamp(24px,3vw,40px);letter-spacing:-0.04em;line-height:0.96;text-shadow:0 2px 12px rgba(0,0,0,0.24);text-wrap:balance}.hero-copy p,.hero-note p,.hero-note li{color:var(--r-muted);line-height:1.5;font-size:13px}.hero-note h2{margin:0 0 10px;font-size:14px;line-height:1.2;color:var(--r-gold-soft)}.hero-note ul{margin:0;padding-left:18px;display:grid;gap:8px}.runes-grid{display:grid;grid-template-columns:1.05fr 1fr;gap:20px}.panel{padding:24px 22px}.panel h2{margin-top:0;margin-bottom:16px;font-size:22px;line-height:1.06;letter-spacing:-0.02em;color:#fff1e4;text-shadow:0 1px 10px rgba(0,0,0,0.22)}.runes-form label{display:block;margin-bottom:6px;color:#f0dcc8;font-weight:700;font-size:10px;font-family:ui-monospace,"JetBrains Mono",monospace;letter-spacing:0.12em;text-transform:uppercase}.runes-form input,.runes-form select{width:100%;background:linear-gradient(180deg,rgba(255,255,255,0.03),transparent),rgba(9,7,8,0.94);border:1px solid rgba(171,39,39,0.28);border-radius:8px;color:var(--r-text);padding:12px 13px;margin-bottom:14px;font-size:14px;box-shadow:inset 0 1px 0 rgba(255,255,255,0.02)}.runes-form input[type="color"]{height:48px;padding:6px;cursor:pointer}.runes-form input:focus,.runes-form select:focus{outline:none;border-color:rgba(239,68,68,0.7);box-shadow:0 0 0 3px rgba(220,38,38,0.14),inset 0 1px 0 rgba(255,255,255,0.02)}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.actions{display:grid;grid-template-columns:1fr 1fr 1fr;gap:10px;margin-top:8px}.btn-primary,.btn-secondary,.btn-ghost{border-radius:8px;border:1px solid transparent;padding:12px 14px;font-weight:700;cursor:pointer;transition:transform 0.2s ease,box-shadow 0.2s ease,border-color 0.2s ease;font-size:13px;letter-spacing:0.03em}.btn-primary{background:linear-gradient(135deg,#7d1717 0%,#c62828 46%,#f04a3a 100%);color:#fff7f1;box-shadow:0 14px 28px rgba(220,38,38,0.34),inset 0 1px 0 rgba(255,255,255,0.1)}.btn-secondary{background:linear-gradient(135deg,#2a1818 0%,#6f1c1c 100%);color:#fff2e7;box-shadow:inset 0 1px 0 rgba(255,255,255,0.05)}.btn-ghost{background:rgba(56,34,15,0.16);color:#f6e4d1;border-color:rgba(240,196,106,0.28);box-shadow:inset 0 1px 0 rgba(255,255,255,0.03)}.btn-small{font-size:13px;padding:8px 10px}.btn-primary:hover,.btn-secondary:hover,.btn-ghost:hover{transform:translateY(-2px)}.status{min-height:22px;margin:10px 0 0;color:var(--r-muted);font-size:12px}.status.error{color:#fda4af}.status.success{color:#86efac}.rune-string-wrap{position:relative;padding:16px;border:1px solid rgba(220,38,38,0.24);border-radius:10px;background:linear-gradient(rgba(239,68,68,0.16),rgba(239,68,68,0.16)) top left / 16px 1px no-repeat,linear-gradient(rgba(239,68,68,0.16),rgba(239,68,68,0.16)) top left / 1px 16px no-repeat,rgba(7,9,12,0.74);box-shadow:inset 0 0 0 1px rgba(255,255,255,0.015),0 8px 20px rgba(0,0,0,0.18)}.label{margin:0 0 6px;color:#d8bc99;font-size:10px;font-family:ui-monospace,"JetBrains Mono",monospace;text-transform:uppercase;letter-spacing:0.14em}.rune-string{margin:0;font-size:clamp(22px,2.8vw,38px);line-height:1.14;letter-spacing:0.02em;word-break:break-word;color:#fff7ee;text-shadow:0 0 26px rgba(240,196,106,0.28)}.rune-string.is-placeholder{color:#e3cfbd;font-size:clamp(20px,2vw,28px);line-height:1.28;letter-spacing:0;font-family:"Roboto Local","Segoe UI",Tahoma,sans-serif;font-weight:400;text-wrap:balance}.preview-actions{margin-top:14px;display:flex;gap:8px;flex-wrap:wrap}.preview-media{margin-top:16px}.rune-image{width:100%;min-height:260px;object-fit:contain;border-radius:10px;background:rgba(7,9,12,0.75);border:1px solid rgba(220,38,38,0.2);display:none;box-shadow:0 18px 34px rgba(0,0,0,0.24),inset 0 0 0 1px rgba(255,255,255,0.02)}.rune-image.is-visible{display:block}.download-link{display:none;margin-top:12px;color:var(--r-gold-soft);text-decoration:none;font-weight:700}.download-link.is-visible{display:inline-block}.download-link:hover{color:#ffe8be}.runes-analysis{margin-top:28px}.analysis-head{margin-bottom:12px;padding:16px 18px;border-radius:10px;border:1px solid rgba(220,38,38,0.16);background:linear-gradient(rgba(239,68,68,0.12),rgba(239,68,68,0.12)) top left / 14px 1px no-repeat,linear-gradient(rgba(239,68,68,0.12),rgba(239,68,68,0.12)) top left / 1px 14px no-repeat,linear-gradient(160deg,rgba(16,19,27,0.9) 0%,rgba(10,12,18,0.96) 100%)}.analysis-head h2{margin:0 0 6px}.analysis-head p{margin:0;color:var(--r-muted)}.table-panel{overflow-x:auto;border:1px solid rgba(220,38,38,0.22);box-shadow:inset 0 0 0 1px rgba(220,38,38,0.08),0 16px 30px rgba(0,0,0,0.28)}.runes-table{width:100%;border-collapse:separate;border-spacing:0}.runes-table th,.runes-table td{border-bottom:1px solid rgba(220,38,38,0.16);padding:12px;text-align:left;vertical-align:top}.runes-table th{position:sticky;top:0;z-index:1;background:rgba(17,20,28,0.96);color:#f4ede4;font-size:13px;letter-spacing:0.4px;text-transform:uppercase;box-shadow:inset 0 -1px 0 rgba(220,38,38,0.1)}.runes-table tbody tr:nth-child(even) td{background:rgba(255,255,255,0.012)}.runes-table tbody tr:hover td{background:rgba(220,38,38,0.06)}.runes-table td{color:#f0dfd1;font-size:16px}.runes-table .rune-cell{font-size:24px;color:#ffe9bb}.table-placeholder{text-align:center;color:var(--r-muted);padding:18px}.badge{display:inline-block;padding:4px 8px;border-radius:6px;font-size:11px;font-weight:700;letter-spacing:0.04em}.badge.mapped{background:rgba(52,211,153,0.18);color:var(--r-good)}.badge.separator{background:rgba(245,158,11,0.2);color:var(--r-warn)}.badge.skipped{background:rgba(239,68,68,0.2);color:#fda4af}.legend-grid{margin-top:18px;display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:14px}.legend-card{border:1px solid rgba(220,38,38,0.24);border-radius:10px;padding:16px;background:linear-gradient(rgba(239,68,68,0.12),rgba(239,68,68,0.12)) top left / 14px 1px no-repeat,linear-gradient(rgba(239,68,68,0.12),rgba(239,68,68,0.12)) top left / 1px 14px no-repeat,linear-gradient(160deg,rgba(13,15,21,0.94) 0%,rgba(8,10,14,0.98) 100%);box-shadow:0 12px 22px rgba(0,0,0,0.26);transition:transform 0.18s ease,border-color 0.18s ease,box-shadow 0.18s ease}.legend-card:hover{transform:translateY(-2px);border-color:rgba(239,68,68,0.45);box-shadow:0 14px 28px rgba(0,0,0,0.34)}.legend-rune{font-size:32px;color:#ffe9bb;margin:0 0 6px}.legend-title{margin:0 0 6px;font-size:18px}.legend-meta{margin:0;color:var(--r-muted);font-size:14px}.runes-seo-content{margin-top:28px}.seo-panel h2{margin:0 0 14px;font-size:28px;letter-spacing:0;font-weight:400}.faq-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-bottom:12px}.faq-tab{border:1px solid rgba(220,38,38,0.24);background:rgba(15,13,14,0.88);color:#f0dfcf;font-size:13px;font-weight:700;padding:10px 12px;border-radius:8px;cursor:pointer;text-align:center}.faq-tab.is-active{color:#fff;border-color:rgba(239,68,68,0.65);background:linear-gradient(135deg,rgba(185,28,28,0.28) 0%,rgba(153,27,27,0.16) 100%)}.faq-panels{position:relative}.faq-panel{display:none;border:1px solid rgba(220,38,38,0.18);border-radius:10px;background:linear-gradient(rgba(239,68,68,0.1),rgba(239,68,68,0.1)) top left / 14px 1px no-repeat,linear-gradient(rgba(239,68,68,0.1),rgba(239,68,68,0.1)) top left / 1px 14px no-repeat,linear-gradient(170deg,rgba(10,13,19,0.92) 0%,rgba(7,9,13,0.98) 100%);padding:16px;min-height:180px}.faq-panel.is-active{display:block}.faq-panel h3{margin:0 0 10px;color:#f5eee4;font-size:19px;line-height:1.25;text-transform:none;letter-spacing:0}.faq-panel p{margin:0;color:#e3cfbd;line-height:1.55;font-size:15px;text-transform:none;letter-spacing:0;font-family:"Roboto Local","Segoe UI",Tahoma,sans-serif;font-weight:400}footer{margin-top:56px;border-top:1px solid rgba(220,38,38,0.28);background:radial-gradient(ellipse 70% 120% at 50% 100%,rgba(220,38,38,0.07) 0%,transparent 65%),linear-gradient(180deg,#0a0c11 0%,#050608 100%)}footer .container{display:grid;grid-template-columns:1.3fr 1fr 1fr;align-items:start;width:100%;max-width:none;padding:0 40px}footer .left,footer .center,footer .right{padding:32px 28px;border:none;border-radius:0;background:transparent}footer .center{border-left:1px solid rgba(220,38,38,0.14);border-right:1px solid rgba(220,38,38,0.14)}footer .left .logo img{max-height:52px;width:auto;display:block;margin-bottom:14px;opacity:0.9}footer .left>p{margin:0;font-family:"Roboto Local","Segoe UI",Tahoma,sans-serif;font-size:13px;color:#6b6259;line-height:1.5;text-transform:none;letter-spacing:0}footer .center>p,footer .right>p{margin:0 0 16px;font-family:"Oswald Local","Segoe UI",Tahoma,sans-serif;font-size:20px;letter-spacing:3px;text-transform:uppercase;line-height:1;background:linear-gradient(135deg,#f0ece4 0%,#a89e93 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-weight:600}footer nav{display:flex;flex-direction:column;gap:2px}footer nav a{display:inline-flex;align-items:center;gap:8px;padding:6px 0;color:#b8b0a6;text-decoration:none;font-family:"Oswald Local","Segoe UI",Tahoma,sans-serif;font-size:13px;font-weight:400;text-transform:none;letter-spacing:0;transition:color 0.18s,padding-left 0.18s;border-radius:4px}footer nav a::before{content:'';display:inline-block;width:4px;height:4px;border-radius:50%;background:rgba(220,38,38,0.4);flex-shrink:0;transition:background 0.18s,transform 0.18s}footer nav a:hover{color:#f0ece4;padding-left:5px}footer nav a:hover::before{background:var(--r-red-soft);transform:scale(1.4)}footer .social-icons{display:flex;flex-wrap:wrap;gap:8px;margin-top:4px}footer .social-icons .icon-link{display:inline-flex;align-items:center;justify-content:center;padding:8px 16px;border-radius:6px;border:1px solid rgba(220,38,38,0.2);background:rgba(220,38,38,0.04);color:#c9c0b3;text-decoration:none;font-family:"Oswald Local","Segoe UI",Tahoma,sans-serif;font-size:12px;font-weight:700;text-transform:none;letter-spacing:0.5px;transition:background 0.18s,border-color 0.18s,color 0.18s,box-shadow 0.18s}footer .social-icons .icon-link:hover{background:rgba(220,38,38,0.12);border-color:rgba(239,68,68,0.55);color:#fff;box-shadow:0 0 12px rgba(220,38,38,0.2)}@media (max-width:1024px){.runes-hero-grid,.runes-grid{grid-template-columns:1fr}.faq-tabs{grid-template-columns:1fr}footer .container{grid-template-columns:1fr;padding:0 20px}footer .center{border-left:none;border-right:none;border-top:1px solid rgba(220,38,38,0.14);border-bottom:1px solid rgba(220,38,38,0.14)}footer .left,footer .center,footer .right{padding:24px 16px}}@media (max-width:700px){.runes-main{padding-top:88px}.sticky-nav{backdrop-filter:blur(8px);box-shadow:0 3px 16px rgba(0,0,0,0.24)}#progress-bar{box-shadow:0 0 10px rgba(239,68,68,0.26)}.actions,.form-row{grid-template-columns:1fr}.panel,.hero-copy,.hero-note{padding:16px;clip-path:polygon(0 0,calc(100% - 10px) 0,100% 10px,100% 100%,10px 100%,0 calc(100% - 10px));box-shadow:0 12px 28px rgba(0,0,0,0.24),inset 0 0 0 1px rgba(255,255,255,0.015);background:linear-gradient(rgba(239,68,68,0.16),rgba(239,68,68,0.16)) top left / 16px 1px no-repeat,linear-gradient(rgba(239,68,68,0.16),rgba(239,68,68,0.16)) top left / 1px 16px no-repeat,linear-gradient(rgba(245,158,11,0.12),rgba(245,158,11,0.12)) top right / 16px 1px no-repeat,linear-gradient(rgba(245,158,11,0.12),rgba(245,158,11,0.12)) top right / 1px 16px no-repeat,radial-gradient(circle at 12% 14%,rgba(240,196,106,0.06),transparent 22%),linear-gradient(165deg,rgba(24,17,19,0.97) 0%,rgba(10,9,12,0.995) 100%)}.panel h2{font-size:26px}.runes-form label{font-size:14px}.btn-primary,.btn-secondary,.btn-ghost{font-size:14px}.rune-string{font-size:clamp(22px,7vw,34px)}footer{padding-top:16px}footer .left,footer .center,footer .right{padding:12px}}@media (pointer:coarse){.legend-card{box-shadow:0 10px 20px rgba(0,0,0,0.24)}.legend-card:hover{transform:none;box-shadow:0 10px 20px rgba(0,0,0,0.24)}}