:root{color-scheme:dark;--gold:#d0b477;--ink:#101112;--paper:#eee7d5;--header:76px}
.hero-title-kicker{display:block;font-size:clamp(18px,1.7vw,22px);line-height:1.3;color:var(--gold);margin-bottom:8px;letter-spacing:.06em}.hero-title-name{display:block;font-size:clamp(48px,6vw,76px);line-height:1.2;letter-spacing:.08em}
.raid-element{display:flex;align-items:center;gap:6px}.raid-element img{width:22px;height:22px;object-fit:contain}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:var(--ink);color:var(--paper);font-family:'Segoe UI','Malgun Gothic',sans-serif}a{color:inherit;text-decoration:none}button,a{-webkit-tap-highlight-color:transparent}a:focus-visible{outline:2px solid var(--gold);outline-offset:5px}[hidden]{display:none!important}
.portal-header{height:var(--header);display:flex;align-items:center;gap:clamp(24px,4vw,64px);padding:0 4vw;border-bottom:0;background:rgba(16,17,18,.45);position:sticky;top:0;z-index:10}.brand{display:flex;align-items:center;gap:12px;flex-shrink:0}.brand-mark{font:32px Georgia;color:var(--gold)}.brand strong{font:700 23px Georgia,'Malgun Gothic',serif;letter-spacing:3px}.portal-nav{display:flex;height:100%;gap:36px;align-items:stretch}.portal-nav a{display:flex;align-items:center;position:relative;font-weight:600;font-size:14px;color:#bdb9b0;white-space:nowrap}.portal-nav a:hover,.portal-nav a[aria-current]{color:#f1d99d}.portal-nav a[aria-current]:after{content:'';position:absolute;bottom:0;left:0;right:0;height:2px;background:var(--gold)}.header-note{margin-left:auto;font-size:10px;color:#8f826b;letter-spacing:3px}
.hero{min-height:580px;height:min(72vh,760px);position:relative;display:flex;align-items:flex-end;justify-content:center;isolation:isolate;background:#171516 url('./img/calculator/bg.png') center 42%/cover no-repeat;text-align:center;padding:70px 24px}.hero:before{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,#10111205,#10111255 30%,#101112e8 80%,#101112)}.hero-content{max-width:900px;transform:translateY(clamp(-55px,-4vw,-28px))}.hero-content::before{content:'';display:block;width:64px;height:1px;margin:0 auto 22px;background:linear-gradient(90deg,transparent,var(--gold),transparent)}.hero h1{font:500 clamp(24px,2.4vw,30px) Georgia,'Malgun Gothic',serif;letter-spacing:.02em;line-height:1.5;word-break:keep-all;margin:0 0 14px;text-shadow:0 3px 25px #000}.hero-description{color:#d2c8b5;font-size:16px;line-height:1.9;word-break:keep-all;margin: 0 auto clamp(36px, 3.5vw, 12px);}.hero-actions{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}.hero-actions a{padding:14px 25px;border:1px solid #a68a50;background:#151617d9;font-weight:600;font-size:14px;transition:background .2s,transform .2s}.hero-actions a:first-child{background:linear-gradient(135deg,#e2cb91,#ad8d4e);color:#211c12}.hero-actions a:hover{transform:translateY(-3px);background:#685638;color:white}
.portal-footer{text-align:center;padding:25px;border-top:1px solid #ffffff0c;color:#706d65;font-size:11px;letter-spacing:2px}.tool-view{height:calc(100dvh - var(--header));height:calc(100vh - var(--header))}.tool-view iframe{width:100%;height:100%;border:0;display:block;background:#101112}body.tool-open{overflow:hidden}
@supports(height:100dvh){.tool-view{height:calc(100dvh - var(--header))}}
body:not(.tool-open) #home{margin-top:calc(-1 * var(--header))}body:not(.tool-open) .hero{padding-top:calc(var(--header) + 70px);min-height:calc(510px + var(--header))}
@media(max-width:800px){.portal-header{gap:28px;padding:0 22px}.portal-nav{gap:22px}.header-note{display:none}.brand strong{font-size:19px}.hero{min-height:510px}}
@media(max-width:560px){:root{--header:108px}.portal-header{flex-direction:column;align-items:flex-start;gap:0;padding:14px 20px 0}.brand strong{font-size:18px}.brand-mark{font-size:25px}.portal-nav{width:100%;justify-content:space-between;gap:12px;min-height:47px}.portal-nav a{font-size:13px}.hero{height:auto;min-height:510px;padding:70px 20px 30px;background-position:center}.hero h1{font-size:24px}.hero-description{font-size:14px}.hero-actions{gap:8px}.hero-actions a{padding:12px 15px;font-size:12px}}
.schedule{max-width:1100px;margin:0 auto;padding:45px 40px 70px;display:grid;grid-template-columns:1fr 1fr;gap:0}.schedule-events{text-align:right;padding:0 75px 0 20px;display:grid;gap:35px;border-right:1px solid var(--gold)}.schedule h2{font-family:Georgia,'Malgun Gothic',serif;color:var(--paper);margin:0 0 10px;font-weight:500}.schedule-event h2{font-size:32px}.schedule p{color:#ac9c87;font-size:13px;line-height:1.7;margin:4px 0}.schedule .schedule-label{margin-top:15px}.schedule-countdown{font-size:24px;font-variant-numeric:tabular-nums;font-weight:600;color:var(--paper);white-space:nowrap}.schedule-raid{padding:0 20px 0 75px;text-align:left}.schedule-raid > .schedule-label:first-child{margin-top:0}.schedule-raid h2{font-size:clamp(30px,4vw,52px);margin-top:10px;word-break:keep-all}.schedule-raid .raid-element{color:var(--gold);margin-bottom:36px}.schedule-raid .schedule-countdown{font-size:44px}@media(max-width:700px){.schedule{padding:25px 20px 45px}.schedule-events{padding:0 20px 0 0}.schedule-raid{padding:0 0 0 20px}.schedule-event h2{font-size:25px}.schedule-raid h2{font-size:30px}.schedule-countdown{font-size:19px}.schedule-raid .schedule-countdown{font-size:26px}}@media(max-width:380px){.schedule{grid-template-columns:1fr}.schedule-events{border-right:0;padding:0 0 24px;border-bottom:1px solid var(--gold)}.schedule-raid{padding:25px 0 0}}
.hero-actions {
    position: relative;
    top: 70px;
}