:root{--accent:#f3ba5a;--bg:#10182e;--panel:#151d34;--border:#32405e;--ink:#f6f8ff;--muted:#aab7d0}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:radial-gradient(circle at 80% 0%,color-mix(in srgb,var(--accent) 18%,transparent),transparent 35%),var(--bg);font:16px/1.6 system-ui,-apple-system,Segoe UI,sans-serif}a{color:inherit;text-decoration:none}button,input,select{font:inherit}button,.button{border:0;border-radius:13px;padding:12px 17px;background:var(--accent);color:#101626;font-weight:850;cursor:pointer;display:inline-block}button:hover,.button:hover{filter:brightness(1.09)}button:disabled{opacity:.5;cursor:default}.outline{background:transparent;color:var(--ink);border:1px solid #7484aa}.shell{max-width:1160px;margin:auto;padding:0 22px}header{border-bottom:1px solid #ffffff20;background:#0b1124d9;position:sticky;top:0;z-index:5;backdrop-filter:blur(14px)}nav{min-height:78px;display:flex;align-items:center;justify-content:space-between;gap:12px}.brand{display:flex;align-items:center;gap:12px;font-weight:950;letter-spacing:.06em}.brand img{width:45px;height:45px;border-radius:12px}.toplinks{display:flex;gap:14px;align-items:center}.eyebrow{color:var(--accent);font-weight:900;letter-spacing:.15em;text-transform:uppercase;font-size:12px}.hero{display:grid;grid-template-columns:1.15fr .85fr;gap:38px;align-items:center;padding:75px 0 55px}.hero h1{font-size:clamp(42px,5.7vw,76px);line-height:1.04;letter-spacing:-.05em;margin:15px 0}.hero p{font-size:19px;color:var(--muted);max-width:640px}.hero img{width:100%;border-radius:30px;border:1px solid #ffffff30;box-shadow:0 24px 95px #0007}.actions{display:flex;gap:12px;flex-wrap:wrap;margin:28px 0}.chips{display:flex;gap:8px;flex-wrap:wrap}.chip{border:1px solid #7d8cba77;border-radius:99px;padding:6px 12px;font-size:12px;color:#dae6ff}.section{padding:42px 0 70px}.section h2{font-size:37px;letter-spacing:-.035em}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.card,.panel{background:linear-gradient(150deg,#1b2542,#11182c);border:1px solid var(--border);padding:24px;border-radius:22px}.card .num{color:var(--accent);font-size:13px;font-weight:900}.card h3{font-size:22px;line-height:1.15}.card p,.subtle{color:var(--muted)}footer{border-top:1px solid var(--border);padding:28px 0;color:var(--muted);font-size:13px}.apphead{padding:46px 0 18px}.apphead h1{font-size:clamp(34px,5vw,58px);letter-spacing:-.04em;line-height:1.1;margin:10px 0}.appgrid{display:grid;grid-template-columns:1fr 1fr;gap:18px;padding:15px 0 60px}.field{margin:13px 0}.field label{display:block;color:#b9c7e3;font-size:13px;margin:0 0 5px}.field input,.field select{width:100%;background:#0d1629;color:#fff;border:1px solid #4a587b;padding:12px;border-radius:11px;outline-color:var(--accent)}.inputs{display:grid;grid-template-columns:1fr 1fr;gap:12px}.buttonrow{display:flex;gap:9px;flex-wrap:wrap;margin:20px 0}.outputgrid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.metric{background:#0e1830;border:1px solid #364767;border-radius:14px;padding:13px}.metric strong{display:block;font-size:clamp(20px,3vw,29px);color:var(--accent);word-break:break-word}.metric span{font-size:12px;color:var(--muted)}.status{color:var(--accent);min-height:23px;font-size:13px}.note{background:#13263b;border:1px solid #3b6580;border-radius:12px;padding:14px;margin:16px 0;color:#d5e8ff;font-size:13px}.scroll{overflow-x:auto}table{border-collapse:collapse;width:100%;font-size:13px}td,th{padding:10px 7px;border-bottom:1px solid #3c4b66;text-align:left}th{color:var(--accent)}.empty{color:var(--muted);font-size:13px}.tilegrid{display:grid;grid-template-columns:repeat(4,1fr);gap:9px;max-width:460px;margin:auto}.tile{aspect-ratio:1;min-height:62px;font-size:34px;background:#182544;color:#fff;border:1px solid #52628b;border-radius:14px;display:grid;place-items:center;transition:transform .12s}.tile.revealed,.tile.matched{background:color-mix(in srgb,var(--accent) 22%,#172a3c);border-color:var(--accent)}.tile.matched{opacity:.8}.tile:focus-visible{outline:3px solid #fff}.gamebar{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin:18px 0}.gamebar .metric strong{font-size:25px}.gameboard{padding:20px;background:#0d142b;border-radius:17px}.badgepreview{background:#0e1730;border:1px solid #34446c;min-height:180px;border-radius:14px;display:grid;place-items:center;padding:16px}.badgepreview svg{max-width:100%;height:auto}button:focus-visible,a:focus-visible{outline:3px solid var(--accent);outline-offset:3px}@media(max-width:800px){.hero,.appgrid{grid-template-columns:1fr}.cards{grid-template-columns:1fr}.hero{padding:34px 0}.hero img{max-width:450px}.section{padding:25px 0}.inputs{grid-template-columns:1fr 1fr}}@media(max-width:470px){.shell{padding:0 13px}.toplinks{gap:8px}.toplinks a{font-size:12px}.hero h1{font-size:43px}.card,.panel{padding:17px}.inputs{gap:7px}.metric{padding:9px}.tile{font-size:27px;min-height:55px}.tilegrid{gap:6px}}