:root{--bg:#080a0b;--panel:rgba(9,12,13,.94);--line:rgba(159,155,134,.24);--strong:rgba(188,163,99,.45);--text:#eeeae0;--muted:#98988e;--gold:#bca363;--ice:#8baab0}
*{box-sizing:border-box}html,body{width:100%;height:100%;margin:0;overflow:hidden;background:var(--bg);color:var(--text);font-family:Georgia,'Times New Roman',serif}body{display:grid;place-items:center}
.backdrop{position:fixed;inset:0;background:linear-gradient(104deg,rgba(4,6,7,.98),rgba(8,11,12,.88),rgba(9,12,13,.6)),radial-gradient(circle at 72% 32%,rgba(118,145,151,.14),transparent 30%),linear-gradient(135deg,#171b1c,#090b0c 56%,#141718)}
.backdrop:after{content:'';position:absolute;right:-8vw;bottom:-18vh;width:62vw;height:64vh;background:linear-gradient(155deg,transparent 0 38%,rgba(108,124,125,.1) 39% 41%,transparent 42%),linear-gradient(25deg,transparent 0 43%,rgba(94,104,103,.09) 44% 46%,transparent 47%)}
.grain{position:fixed;inset:0;pointer-events:none;opacity:.05;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 160 160' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}
.vignette{position:fixed;inset:0;box-shadow:inset 0 0 190px 55px rgba(0,0,0,.84);pointer-events:none}
.shell{position:relative;width:min(1180px,calc(100vw - 80px));min-height:650px;padding:34px;border:1px solid var(--strong);background:linear-gradient(180deg,rgba(8,10,11,.95),rgba(6,8,9,.92));box-shadow:0 34px 95px rgba(0,0,0,.65)}
.shell:before,.shell:after{content:'';position:absolute;top:-2px;width:90px;height:24px;border-top:2px solid var(--gold)}.shell:before{left:-2px;border-left:2px solid var(--gold)}.shell:after{right:-2px;border-right:2px solid var(--gold)}
.brand{display:flex;align-items:center;gap:22px;min-height:128px;padding:10px 0 26px;border-bottom:1px solid var(--line)}.rune{display:grid;place-items:center;width:66px;height:66px;border:1px solid rgba(188,163,99,.5);color:var(--gold);font-size:38px;background:rgba(188,163,99,.035)}
.eyebrow,.label,small{color:var(--gold);font-family:Arial,sans-serif;font-size:11px;font-weight:800;letter-spacing:.18em}.brand h1{margin:5px 0 2px;font-size:clamp(46px,5.7vw,78px);line-height:.92;letter-spacing:-.045em}.brand p{margin:14px 0 0;color:var(--muted);font:14px Arial,sans-serif}
.chip{margin-left:auto;display:flex;align-items:center;gap:9px;padding:11px 15px;border:1px solid rgba(188,163,99,.25);background:rgba(188,163,99,.05);font:800 11px Arial,sans-serif;letter-spacing:.12em}.chip span{width:7px;height:7px;border-radius:50%;background:var(--gold);box-shadow:0 0 12px rgba(188,163,99,.65);animation:pulse 1.6s infinite}
.grid{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(290px,.8fr);gap:18px;margin-top:26px}.card,.tip{border:1px solid var(--line);background:var(--panel)}.loading{padding:24px}.status{display:flex;justify-content:space-between;margin:22px 0 12px;font:15px Arial,sans-serif}.status strong{color:var(--gold)}
.track{height:12px;padding:2px;border:1px solid var(--strong);background:#030405}.track div{width:0;height:100%;background:linear-gradient(90deg,#5f5435,var(--gold));box-shadow:0 0 18px rgba(188,163,99,.18);transition:width .35s}
.facts{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:22px}.facts div{padding:14px;border-left:2px solid rgba(188,163,99,.42);background:rgba(255,255,255,.022)}.facts b{display:block;margin-top:7px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font:13px Arial,sans-serif;letter-spacing:.04em}
.help{position:relative;padding:24px;overflow:hidden}.help:after{content:'ᛉ';position:absolute;right:14px;bottom:-38px;color:rgba(188,163,99,.045);font-size:132px}.help h2{max-width:310px;margin:19px 0 10px;font-size:26px;line-height:1.12}.help p{position:relative;z-index:1;margin:0;color:var(--muted);font:14px/1.55 Arial,sans-serif}.help a{position:absolute;left:24px;right:24px;bottom:24px;z-index:2;padding:14px;border:1px solid rgba(188,163,99,.42);background:rgba(188,163,99,.08);color:#e1d7b8;text-align:center;text-decoration:none;font:800 12px Arial,sans-serif}
.tip{display:grid;grid-template-columns:52px 1fr auto;align-items:center;gap:18px;min-height:110px;margin-top:18px;padding:18px 22px}.tipicon{display:grid;place-items:center;width:46px;height:46px;border:1px solid rgba(139,170,176,.46);color:var(--ice);font-size:24px}.tip p{margin:8px 0 0;color:#d7d8d2;font:16px/1.4 Arial,sans-serif;transition:opacity .18s}.tip #tip-count{color:var(--muted);font:800 11px Arial,sans-serif;letter-spacing:.12em}
footer{display:flex;align-items:center;gap:12px;margin-top:22px;color:#696d69;font:800 10px Arial,sans-serif;letter-spacing:.13em}footer i{width:34px;height:1px;background:var(--strong)}
@keyframes pulse{0%,100%{opacity:.45}50%{opacity:1}}@media(max-width:850px){.shell{width:calc(100vw - 28px);min-height:auto;padding:22px}.grid{grid-template-columns:1fr}.help{min-height:220px}.chip{display:none}}@media(max-height:760px){.shell{transform:scale(.88)}}