*{box-sizing:border-box}body{margin:0;background:#050505;color:#eee;font-family:Arial,sans-serif}.app{max-width:1500px;margin:auto;padding:14px;background:radial-gradient(circle at 50% 35%,#2b1a04 0,#090909 38%,#030303 75%)}header{display:grid;grid-template-columns:220px 1fr 180px;align-items:center}.brand{text-align:center;color:#d9a62d}.brand b{display:block;font-size:56px;line-height:.8}.brand small{letter-spacing:7px}.crown{font-size:35px}.hero{text-align:center}.hero h1{font:italic 52px Georgia;margin:0;color:#ead39b}.hero p{letter-spacing:5px}.hero span{color:#d9a62d;font-weight:bold}.clock{text-align:right}.clock b{font-size:28px}.clock small{display:block}nav{display:grid;grid-template-columns:repeat(8,1fr);gap:10px;margin:14px 0}.tab,button{background:linear-gradient(#171717,#0c0c0c);border:1px solid #393939;color:#eee;border-radius:6px;padding:16px 8px;cursor:pointer}.tab:hover,.tab.active,button:hover{border-color:#d9a62d;box-shadow:0 0 18px #b77a1844;color:#f6d26e}main{display:grid;grid-template-columns:250px 1fr 230px;gap:10px}section,.left section,.right section{border:1px solid #303030;background:#0c0c0de8;border-radius:5px;padding:12px;margin-bottom:10px}h3{margin:0 0 12px}.left p{padding:6px;margin:0}.decks{display:grid;grid-template-columns:1fr 1fr;gap:10px}.deck{display:grid;grid-template-columns:35px 1fr 55px;gap:10px;padding:10px;border:1px solid #333;background:#0c0c0c}.deck strong,.deck small{display:block}.deck button{padding:8px 18px}.wave{height:45px;margin:7px 0;background:repeating-linear-gradient(90deg,transparent 0 4px,currentColor 5px 6px,transparent 7px 10px);clip-path:polygon(0 48%,10% 30%,20% 60%,30% 20%,40% 75%,50% 35%,60% 60%,70% 25%,80% 70%,90% 40%,100% 52%,100% 58%,90% 50%,80% 80%,70% 35%,60% 70%,50% 45%,40% 85%,30% 30%,20% 70%,10% 40%,0 58%)}.gold{color:#d9a62d}.blue{color:#17aee8}.announcement{text-align:center;min-height:355px;display:flex;flex-direction:column;justify-content:center;background:radial-gradient(circle,#5b3807,#151006 45%,#070707 75%);border:1px solid #6d4a12}.announcement h2{font-size:64px;color:#efc54c;margin:8px}.announcement h3{font-size:38px}.announcement p{color:#d7c190}.miniLogo strong{display:block;font-size:60px;color:#d9a62d}.products{display:grid;grid-template-columns:repeat(6,1fr);gap:8px}.product{min-height:135px;text-align:center;padding:12px;border:1px solid #3a3a3a;background:#101010;cursor:pointer}.product:hover{border-color:#d9a62d;transform:translateY(-2px)}.product b{display:block;margin:10px 0}.product span{color:#d9a62d;font-size:30px}.right button{display:block;width:100%;text-align:left;border:0;padding:12px}.meter{height:120px;width:28px;margin:10px auto;background:linear-gradient(to top,#17bd4d 0 55%,#e4c629 55% 80%,#d72a20 80%);mask:repeating-linear-gradient(#000 0 5px,transparent 5px 8px)}.status{display:grid;grid-template-columns:1fr 1.3fr 1fr;gap:10px;margin-top:10px}.status i{float:right;color:#49bb55;font-style:normal}.gauges{display:flex;justify-content:space-around}.gauges span{width:85px;height:85px;border:7px solid #343434;border-top-color:#d9a62d;border-radius:50%;display:flex;align-items:center;justify-content:center;text-align:center}.links{text-align:center;margin-top:35px;padding:28px}.links h2{color:#e7bd4d}.linkgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:20px}.linkgrid a{text-decoration:none;color:#eee;border:1px solid #4b3b1b;background:#0b0b0b;padding:20px;border-radius:8px}.linkgrid a:hover{border-color:#d9a62d;box-shadow:0 0 20px #d9a62d22}.linkgrid b,.linkgrid span{display:block}.linkgrid span{margin-top:8px;color:#aaa}footer{padding:24px;color:#777}footer span{float:right;color:#b58a2c;letter-spacing:3px}#toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);background:#111;border:1px solid #d9a62d;padding:14px 24px;opacity:0;pointer-events:none;transition:.25s}#toast.show{opacity:1}@media(max-width:900px){header{grid-template-columns:1fr}.brand,.clock{display:none}nav{grid-template-columns:repeat(2,1fr)}main{grid-template-columns:1fr}.left,.right{display:none}.decks{grid-template-columns:1fr}.products{grid-template-columns:repeat(2,1fr)}.status,.linkgrid{grid-template-columns:1fr}.announcement h2{font-size:42px}footer span{float:none;display:block;margin-top:10px}}