html { scroll-behavior: smooth; }
body { margin: 0; background: #0d0b08; color: #efe6d2; font-family: "Source Sans 3", sans-serif; }
* { box-sizing: border-box; }
button { font-family: inherit; cursor: pointer; }
.hwt_hall { min-height: 100vh; background: radial-gradient(1200px 600px at 70% -10%, rgba(250, 176, 5, 0.1), transparent 60%), #0d0b08; color: #efe6d2; }
.hwt_hall a { color: #ffd43b; text-decoration: none; }
.hwt_hall a:hover { color: #ffe066; }
.hwt_side { display: none; }
.hwt_main { min-width: 0; }
.hwt_bar { position: sticky; top: 0; z-index: 30; display: flex; align-items: center; gap: 12px; padding: 14px clamp(12px, 3vw, 40px); background: transparent; border-bottom: 1px solid transparent; backdrop-filter: blur(10px); transition: background 0.3s, border-color 0.3s, padding 0.3s; }
.hwt_bar.isSet { padding-top: 10px; padding-bottom: 10px; background: rgba(13, 11, 8, 0.94); border-bottom-color: rgba(252, 196, 25, 0.18); }
.hwt_brand { display: block; flex: none; }
.hwt_bar .hwt_brand { width: 120px; height: 56px; }
.hwt_bar.isSet .hwt_brand { width: 96px; height: 46px; }
.hwt_brand img { width: 100%; height: 100%; object-fit: contain; display: block; }
.hwt_burger { width: 40px; height: 40px; flex: none; display: grid; place-items: center; background: transparent; border: 1px solid rgba(252, 196, 25, 0.4); color: #ffd43b; border-radius: 2px; padding: 0; }
.hwt_seek { display: none; align-items: center; gap: 10px; width: min(380px, 40vw); height: 42px; padding: 0 14px; background: rgba(255, 236, 190, 0.04); border: 1px solid rgba(252, 196, 25, 0.14); border-radius: 2px; color: #8d7c58; }
.hwt_seek input { flex: 1; min-width: 0; background: transparent; border: 0; color: #efe6d2; font: inherit; font-size: 14px; }
.hwt_seek input:focus { outline: none; }
.hwt_grow { flex: 1; }
.hwt_acts { display: flex; gap: 10px; align-items: center; }
.hwt_hall button.hwt_enter, .hwt_hall button.hwt_join, .hwt_hall button.hwt_claim, .hwt_hall button.hwt_take { display: inline-flex; align-items: center; justify-content: center; border-radius: 2px; white-space: nowrap; letter-spacing: 0.03em; transition: transform 0.25s, box-shadow 0.25s, color 0.25s, background 0.25s; }
.hwt_hall button.hwt_enter { height: 44px; padding: 0 clamp(12px, 1.6vw, 22px); border: 1.5px solid #fab005; background: transparent; color: #ffd43b; font-weight: 700; font-size: 14px; }
.hwt_hall button.hwt_enter:hover, .hwt_hall button.hwt_enter:focus-visible { transform: translateY(-3px); box-shadow: 0 8px 18px rgba(250, 176, 5, 0.25); color: #ffec99; }
.hwt_hall button.hwt_join, .hwt_hall button.hwt_claim, .hwt_hall button.hwt_take { border: 0; background: linear-gradient(180deg, #ffd43b, #f59f00); color: #1a1205; font-weight: 800; box-shadow: inset 0 -2px 0 #9e5000; }
.hwt_hall button.hwt_join { height: 44px; padding: 0 clamp(12px, 1.6vw, 22px); font-size: 14px; }
.hwt_hall button.hwt_join:hover, .hwt_hall button.hwt_join:focus-visible { transform: translateY(-3px); box-shadow: inset 0 -2px 0 #9e5000, 0 10px 22px rgba(250, 176, 5, 0.4); color: #1a1205; }
.hwt_hall button.hwt_claim { height: 52px; padding: 0 28px; gap: 10px; font-family: Manrope, sans-serif; font-weight: 800; font-size: 16px; letter-spacing: 0.04em; box-shadow: inset 0 -3px 0 #9e5000, 0 0 30px rgba(250, 176, 5, 0.35); }
.hwt_bar.isSet button.hwt_enter, .hwt_bar.isSet button.hwt_join { height: 38px; }
.hwt_hall button.hwt_claim:hover, .hwt_hall button.hwt_claim:focus-visible { transform: translateY(-3px); box-shadow: inset 0 -3px 0 #9e5000, 0 14px 30px rgba(250, 176, 5, 0.5); color: #1a1205; }
.hwt_hall button.hwt_take { margin-top: 14px; padding: 8px 16px; font-size: 12px; letter-spacing: 0.04em; position: relative; z-index: 1; }
.hwt_hall button.hwt_take:hover, .hwt_hall button.hwt_take:focus-visible { transform: translateY(-2px); box-shadow: inset 0 -2px 0 #9e5000, 0 6px 14px rgba(250, 176, 5, 0.45); color: #1a1205; }
.hwt_veil { position: fixed; inset: 0; z-index: 60; background: rgba(0, 0, 0, 0.6); backdrop-filter: blur(3px); opacity: 0; visibility: hidden; pointer-events: none; transition: opacity 0.3s; }
.hwt_veil.isOpen { opacity: 1; visibility: visible; pointer-events: auto; }
.hwt_drawer { position: fixed; top: 0; left: 0; bottom: 0; width: min(300px, 86vw); z-index: 61; display: flex; flex-direction: column; gap: 16px; padding: 16px; background: #13100a; border-right: 1px solid rgba(252, 196, 25, 0.25); transform: translateX(-105%); visibility: hidden; pointer-events: none; overflow-y: auto; transition: transform 0.35s ease; }
.hwt_drawer.isOpen { transform: none; visibility: visible; pointer-events: auto; }
.hwt_drawerTop { display: flex; justify-content: flex-end; }
.hwt_shut { width: 44px; height: 44px; display: grid; place-items: center; background: transparent; border: 1px solid rgba(252, 196, 25, 0.35); color: #ffd43b; border-radius: 2px; padding: 0; }
.hwt_menu { list-style: none; margin: 0; padding: 0; }
.hwt_side .hwt_menu, .hwt_drawer .hwt_menu { display: flex; flex-direction: column; gap: 2px; }
.hwt_side a.hwt_link, .hwt_drawer a.hwt_link { display: flex; align-items: center; min-height: 44px; padding: 10px 12px; border-radius: 8px; color: #d9cdb3; font-weight: 600; font-size: 16px; transition: color 0.2s, background 0.2s, box-shadow 0.2s; }
.hwt_side a.hwt_link:hover, .hwt_side a.hwt_link:focus-visible, .hwt_side a.hwt_link.isLit, .hwt_drawer a.hwt_link:hover, .hwt_drawer a.hwt_link:focus-visible, .hwt_drawer a.hwt_link.isLit { color: #ffe066; background: rgba(252, 196, 25, 0.08); text-shadow: 0 0 12px rgba(252, 196, 25, 0.75); box-shadow: inset 0 0 18px rgba(252, 196, 25, 0.1); }
.hwt_plaque { position: relative; margin-top: auto; padding: 16px; border-radius: 14px; background: linear-gradient(135deg, #1a2578 0%, #253693 55%, #14110b 130%); border: 1px solid rgba(252, 196, 25, 0.35); overflow: hidden; }
.hwt_plaque b { display: block; font-family: Cinzel, serif; font-weight: 900; font-size: 19px; line-height: 1.1; color: #ffe066; }
.hwt_plaque img { position: absolute; right: -6px; bottom: -6px; width: 76px; height: auto; object-fit: contain; pointer-events: none; filter: drop-shadow(0 6px 14px rgba(0, 0, 0, 0.5)); }
.hwt_body { display: flex; flex-direction: column; max-width: 1440px; margin: 0 auto; min-width: 0; }
.hwt_tapeWrap { padding: 16px clamp(16px, 3vw, 40px) 0; overflow: hidden; }
.hwt_tape { overflow: hidden; -webkit-mask-image: linear-gradient(90deg, transparent, #000 4%, #000 92%, transparent); mask-image: linear-gradient(90deg, transparent, #000 4%, #000 96%, transparent); }
.hwt_tapeTrack { display: flex; gap: 10px; width: max-content; animation: hwtMarch 60s linear infinite; }
.hwt_tape:hover .hwt_tapeTrack { animation-play-state: paused; }
.hwt_chip { display: flex; align-items: center; gap: 10px; padding: 6px 14px 6px 6px; background: linear-gradient(180deg, #1b170f, #14110b); border: 1px solid rgba(252, 196, 25, 0.12); border-radius: 8px; flex: none; }
.hwt_chip img { width: 38px; height: 50px; object-fit: cover; border-radius: 19px 19px 4px 4px; border: 1.5px solid #fab005; display: block; }
.hwt_chip span { display: flex; flex-direction: column; gap: 2px; }
.hwt_chip small { font-size: 12px; color: #a8977a; font-weight: 600; }
.hwt_chip strong { display: flex; align-items: center; gap: 6px; font-size: 14px; font-weight: 800; color: #fff; }
.hwt_chip i { width: 10px; height: 10px; border-radius: 50%; background: radial-gradient(circle at 35% 35%, #ffe066, #e67700); }
.hwt_hero { padding: 16px clamp(16px, 3vw, 40px) 0; }
.hwt_heroFrame { position: relative; max-width: 1360px; margin: 0 auto; aspect-ratio: 1909 / 824; }
.hwt_heroPic { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; object-position: 78% 50%; display: block; border-radius: 14px; }
.hwt_heroCopy { position: absolute; left: 6%; top: 50%; width: 42%; transform: translateY(-50%); display: flex; flex-direction: column; align-items: flex-start; gap: clamp(14px, 2vw, 28px); text-align: left; }
.hwt_title { margin: 0; font-family: Cinzel, serif; font-weight: 900; font-size: clamp(24px, 3.5vw, 54px); line-height: 1.08; color: #fff3bf; text-wrap: balance; text-shadow: 0 2px 0 #6e3700, 0 0 30px rgba(250, 176, 5, 0.35); overflow-wrap: break-word; }
.hwt_rule { display: flex; align-items: center; gap: 14px; padding: 36px clamp(16px, 3vw, 40px) 12px; }
.hwt_rule b { flex: 1; height: 1px; background: linear-gradient(90deg, transparent, rgba(252, 196, 25, 0.5)); }
.hwt_rule b:last-child { background: linear-gradient(270deg, transparent, rgba(252, 196, 25, 0.5)); }
.hwt_gem { width: 10px; height: 10px; transform: rotate(45deg); background: #fab005; box-shadow: 0 0 10px #fab005; }
.hwt_gems { justify-content: center; gap: 10px; padding: 0 clamp(16px, 3vw, 40px); }
.hwt_gems s, .hwt_gems u { display: block; transform: rotate(45deg); }
.hwt_gems s { width: 6px; height: 6px; background: #f59f00; text-decoration: none; }
.hwt_gems u { width: 10px; height: 10px; border: 1.5px solid #ffd43b; text-decoration: none; }
.hwt_block { padding: 20px clamp(16px, 3vw, 40px) 28px; min-width: 0; }
.hwt_head { display: flex; align-items: center; gap: 14px; margin-bottom: 22px; }
.hwt_head h2, .hwt_prose h2 { margin: 0; font-family: Marcellus, serif; font-weight: 400; color: #fff3bf; }
.hwt_head h2 { font-size: clamp(20px, 2vw, 26px); letter-spacing: 0.02em; }
.hwt_head svg { flex: none; }
.hwt_reel { display: flex; gap: clamp(10px, 1.2vw, 16px); overflow-x: auto; scroll-snap-type: x mandatory; scrollbar-width: none; padding: 6px 2px 4px; min-width: 0; }
.hwt_reel::-webkit-scrollbar { display: none; }
.hwt_hall button.hwt_tomb { flex: none; width: clamp(132px, 14vw, 188px); scroll-snap-align: start; display: flex; flex-direction: column; align-items: stretch; gap: 8px; padding: 0; border: 0; background: transparent; color: #bfae8c; text-align: left; }
.hwt_stone { position: relative; display: block; aspect-ratio: 2 / 3; border-radius: 999px 999px 10px 10px / 90px 90px 10px 10px; border: 2px solid #fab005; overflow: hidden; background: #1b170f; box-shadow: 0 8px 20px rgba(0, 0, 0, 0.45); }
.hwt_stone img { width: 100%; height: 100%; object-fit: cover; display: block; }
.hwt_shine { position: absolute; inset: 0; background: linear-gradient(115deg, transparent 35%, rgba(255, 236, 170, 0.55) 50%, transparent 65%); background-size: 260% 100%; background-position: 140% 0; transition: background-position 0.7s ease; pointer-events: none; }
.hwt_hall button.hwt_tomb:hover .hwt_shine, .hwt_hall button.hwt_tomb:focus-visible .hwt_shine { background-position: -40% 0; }
.hwt_meta { display: flex; gap: 12px; font-size: 12px; font-weight: 700; color: #bfae8c; padding: 0 4px; }
.hwt_meta:empty { display: none; }
.hwt_meta span { display: flex; align-items: center; gap: 5px; }
.hwt_meta i { width: 7px; height: 7px; border-radius: 50%; background: #51cf66; box-shadow: 0 0 8px #51cf66; }
.hwt_hall button.hwt_step { width: 40px; height: 40px; display: grid; place-items: center; background: #17140d; border: 1px solid rgba(252, 196, 25, 0.3); color: #ffd43b; border-radius: 2px; padding: 0; transition: background 0.2s, color 0.2s; }
.hwt_hall button.hwt_step:hover, .hwt_hall button.hwt_step:focus-visible { background: #fab005; color: #1a1205; }
.hwt_stats { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 340px), 1fr)); gap: clamp(12px, 1.4vw, 20px); padding: 0 clamp(16px, 3vw, 40px) 36px; }
.hwt_stat { position: relative; display: flex; align-items: center; min-height: 150px; padding: 22px clamp(18px, 2.5vw, 36px); border-radius: 14px; overflow: hidden; }
.hwt_stat.isPaid { justify-content: flex-end; background: linear-gradient(110deg, #0f3618 0%, #152a14 35%, #15120c 75%); border: 1px solid rgba(81, 207, 102, 0.22); }
.hwt_stat.isPot { background: linear-gradient(250deg, #1a2578 0%, #17183a 40%, #15120c 80%); border: 1px solid rgba(252, 196, 25, 0.25); }
.hwt_stat img { position: absolute; width: auto; object-fit: contain; filter: drop-shadow(0 10px 18px rgba(0, 0, 0, 0.5)); pointer-events: none; }
.hwt_stat.isPaid img { left: -10px; bottom: -18px; height: 150%; max-height: 200px; }
.hwt_stat.isPot img { right: -16px; bottom: -14px; height: 140%; max-height: 190px; }
.hwt_stat p { position: relative; margin: 0; display: flex; flex-direction: column; gap: 6px; }
.hwt_stat.isPaid p { text-align: right; }
.hwt_stat small { font-size: clamp(13px, 1.1vw, 16px); font-weight: 600; }
.hwt_stat.isPaid small { color: #c9d7c4; }
.hwt_stat.isPot small { color: #c8cde8; }
.hwt_paid { font-weight: 800; font-size: clamp(26px, 2.8vw, 40px); color: #69db7c; letter-spacing: -0.01em; font-variant-numeric: tabular-nums; text-shadow: 0 0 18px rgba(81, 207, 102, 0.35); }
.hwt_jack { font-weight: 800; font-size: clamp(26px, 2.8vw, 40px); color: #ffd43b; letter-spacing: -0.01em; font-variant-numeric: tabular-nums; animation: hwtGlow 2.4s ease-in-out infinite; }
.hwt_prose { max-width: 920px; margin: 0 auto; display: flex; flex-direction: column; gap: 18px; font-size: 16px; line-height: 1.75; color: #d8ccb2; padding: 48px clamp(16px, 3vw, 40px); background: linear-gradient(180deg, rgba(255, 236, 190, 0.035), rgba(255, 236, 190, 0.02)); border-top: 1px solid rgba(252, 196, 25, 0.08); border-bottom: 1px solid rgba(252, 196, 25, 0.08); }
.hwt_prose h2 { font-size: clamp(22px, 2.6vw, 34px); line-height: 1.2; text-wrap: balance; }
.hwt_prose h2::after { content: ""; display: block; width: 120px; height: 3px; margin-top: 14px; background: linear-gradient(90deg, #fab005, #5c7cfa); }
.hwt_prose h3 { margin: 18px 0 0; display: flex; align-items: center; gap: 12px; font-family: Marcellus, serif; font-size: clamp(18px, 1.8vw, 22px); font-weight: 400; color: #ffe066; }
.hwt_prose h3::before { content: ""; width: 10px; height: 10px; transform: rotate(45deg); background: #fab005; flex: none; }
.hwt_prose p { margin: 0; text-wrap: pretty; }
.hwt_prose ul, .hwt_prose ol { margin: 0; padding: 0; list-style: none; }
.hwt_prose li { position: relative; margin: 0 0 10px; padding-left: 24px; }
.hwt_prose ul li::before { content: ""; position: absolute; left: 2px; top: 0.65em; width: 7px; height: 7px; transform: rotate(45deg); border: 1.5px solid #fab005; }
.hwt_prose ol { counter-reset: hwtStep; }
.hwt_prose ol li { counter-increment: hwtStep; padding-left: 44px; margin-bottom: 12px; }
.hwt_prose ol li::before { content: counter(hwtStep); position: absolute; left: 0; top: 0; width: 30px; height: 30px; display: flex; align-items: center; justify-content: center; font-family: Marcellus, serif; font-size: 14px; color: #1a1205; background: linear-gradient(180deg, #ffd43b, #f59f00); clip-path: polygon(50% 0, 100% 50%, 50% 100%, 0 50%); }
.hwt_prose strong { color: #fff3bf; }
.hwt_prose blockquote { margin: 12px 0; padding: 22px clamp(16px, 4vw, 48px); text-align: center; border-top: 1px solid rgba(252, 196, 25, 0.35); border-bottom: 1px solid rgba(252, 196, 25, 0.35); background: radial-gradient(ellipse at center, rgba(252, 196, 25, 0.07), transparent 70%); font-family: Marcellus, serif; font-size: clamp(17px, 1.8vw, 21px); line-height: 1.5; color: #fff3bf; }
.hwt_prose blockquote::before { content: "\201C"; display: block; font-size: 44px; line-height: 0.6; color: #fab005; }
.hwt_prose table { width: 100%; border-collapse: collapse; font-size: 14px; }
.hwt_prose th { text-align: left; padding: 12px 16px; font-family: Marcellus, serif; color: #ffd43b; font-weight: 400; border-bottom: 1px solid rgba(252, 196, 25, 0.3); }
.hwt_prose thead tr { background: linear-gradient(180deg, #2a2210, #1d180d); }
.hwt_prose td { padding: 12px 16px; border-bottom: 1px solid rgba(252, 196, 25, 0.1); color: #d8ccb2; }
.hwt_prose td:first-child { color: #fff3bf; font-weight: 700; }
.hwt_prose tbody tr:nth-child(even) td { background: rgba(255, 236, 190, 0.025); }
.hwt_slotRule { display: flex; align-items: center; gap: 16px; padding: 28px clamp(16px, 3vw, 40px) 0; }
.hwt_slotRule b { flex: 1; height: 1px; background: linear-gradient(90deg, transparent, rgba(252, 196, 25, 0.45)); }
.hwt_slotRule b:last-child { background: linear-gradient(270deg, transparent, rgba(252, 196, 25, 0.45)); }
.hwt_slotRule img { width: 54px; height: auto; object-fit: contain; }
.hwt_belt { overflow: hidden; -webkit-mask-image: linear-gradient(90deg, transparent, #000 8%, #000 92%, transparent); mask-image: linear-gradient(90deg, transparent, #000 8%, #000 92%, transparent); }
.hwt_track { display: flex; gap: 14px; width: max-content; animation: hwtMarch 45s linear infinite; }
.hwt_belt:hover .hwt_track { animation-play-state: paused; }
.hwt_hall button.hwt_studio { flex: none; width: 170px; height: 76px; display: grid; place-items: center; padding: 0; background: linear-gradient(180deg, #1b170f, #13100a); border: 1px solid rgba(252, 196, 25, 0.14); border-radius: 8px; transition: border-color 0.25s, box-shadow 0.25s; }
.hwt_hall button.hwt_studio:hover, .hwt_hall button.hwt_studio:focus-visible { border-color: rgba(252, 196, 25, 0.55); box-shadow: 0 0 18px rgba(252, 196, 25, 0.18); }
.hwt_mark { display: block; background: linear-gradient(120deg, #ffe066, #f59f00 50%, #748ffc); -webkit-mask-size: contain; mask-size: contain; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-position: center; mask-position: center; }
.hwt_studio .hwt_mark { width: 124px; height: 40px; }
.hwt_pay .hwt_mark { width: 58px; height: 26px; }
.hwt_foot { border-top: 1px solid rgba(252, 196, 25, 0.18); background: linear-gradient(180deg, #110e09, #0a0806); padding: 48px clamp(16px, 3vw, 40px) 28px; }
.hwt_footGrid { max-width: 1360px; margin: 0 auto; display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 240px), 1fr)); gap: 36px; }
.hwt_kicker { display: block; font-family: Marcellus, serif; font-size: 12px; letter-spacing: 0.18em; text-transform: uppercase; color: #fab005; margin-bottom: 14px; }
.hwt_safeKicker { margin-top: 26px; }
.hwt_footBrand { display: block; width: 180px; height: 86px; margin: 0 0 16px; }
.hwt_footBrand img { width: 100%; height: 100%; object-fit: contain; display: block; }
.hwt_note { margin: 0; font-size: 13px; line-height: 1.7; color: #8d7c58; max-width: 320px; }
.hwt_footNav .hwt_menu { display: flex; flex-direction: column; align-items: flex-start; gap: 11px; }
.hwt_foot a.hwt_link { color: #cfc2a6; font-size: 14px; font-weight: 500; line-height: 1.3; }
.hwt_foot a.hwt_link:hover, .hwt_foot a.hwt_link:focus-visible { color: #ffe066; }
.hwt_pays { display: flex; flex-wrap: wrap; gap: 10px; }
.hwt_pay { display: grid; place-items: center; width: 78px; height: 44px; background: rgba(255, 236, 190, 0.04); border: 1px solid rgba(252, 196, 25, 0.12); border-radius: 8px; }
.hwt_safe { display: flex; flex-wrap: wrap; gap: 16px; align-items: center; margin-top: 8px; }
.hwt_safe img { height: auto; width: auto; max-height: 40px; object-fit: contain; opacity: 0.85; transition: opacity 0.2s, transform 0.2s; }
.hwt_safe img:hover { opacity: 1; transform: scale(1.06); }
.hwt_legal { max-width: 1360px; margin: 28px auto 0; padding-top: 18px; border-top: 1px solid rgba(252, 196, 25, 0.1); display: flex; flex-wrap: wrap; align-items: center; gap: 12px; font-size: 12px; color: #6f6247; }
.hwt_age { width: 34px; height: 34px; display: grid; place-items: center; border-radius: 50%; border: 2px solid #fab005; color: #ffe066; font-family: Marcellus, serif; font-size: 12px; }
.hwt_hall :focus-visible { outline: 2px solid #ffd43b; outline-offset: 3px; }
@keyframes hwtMarch { from { transform: translateX(0); } to { transform: translateX(-50%); } }
@keyframes hwtGlow { 0%, 100% { text-shadow: 0 0 10px rgba(252, 196, 25, 0.35); } 50% { text-shadow: 0 0 24px rgba(252, 196, 25, 0.85); } }
@media (min-width: 1024px) {
  .hwt_side { position: fixed; top: 0; left: 0; bottom: 0; z-index: 40; width: 248px; display: flex; flex-direction: column; gap: 16px; padding: 22px 16px; background: linear-gradient(180deg, #14110b, #0f0d09); border-right: 1px solid rgba(252, 196, 25, 0.14); overflow-y: auto; }
  .hwt_side .hwt_brand { width: 200px; height: 96px; margin: 0 auto; }
  .hwt_sideNav { padding: 10px; background: rgba(255, 236, 190, 0.03); border: 1px solid rgba(252, 196, 25, 0.08); border-radius: 8px; }
  .hwt_bar .hwt_brand, .hwt_burger, .hwt_veil, .hwt_drawer { display: none; }
  .hwt_seek { display: flex; }
  .hwt_main { margin-left: 248px; }
  .hwt_bar { padding-top: 22px; padding-bottom: 22px; }
  .hwt_bar.isSet { padding-top: 10px; padding-bottom: 10px; }
}
@media (max-width: 639px) {
  .hwt_bar { gap: 8px; }
  .hwt_hall button.hwt_enter, .hwt_hall button.hwt_join { height: 40px; padding: 0 14px; font-size: 13px; }
  .hwt_bar.isSet button.hwt_enter, .hwt_bar.isSet button.hwt_join { height: 36px; }
  .hwt_heroFrame { aspect-ratio: auto; }
  .hwt_heroPic { position: relative; inset: auto; height: auto; aspect-ratio: 1909 / 1100; object-position: 88% 45%; }
  .hwt_heroCopy { position: relative; left: auto; top: auto; width: auto; transform: none; margin-top: 20px; align-items: center; text-align: center; }
  .hwt_stat { align-items: flex-start; }
  .hwt_stat.isPaid img { height: 115%; opacity: 0.55; }
  .hwt_stat.isPot img { height: 105%; opacity: 0.55; }
}
@media (max-width: 399px) {
  .hwt_bar { gap: 8px; padding-left: 12px; padding-right: 12px; }
  .hwt_bar .hwt_brand { width: 72px; height: 42px; }
  .hwt_hall button.hwt_enter, .hwt_hall button.hwt_join { height: 40px; padding: 0 10px; font-size: 12px; }
  .hwt_bar.isSet button.hwt_enter, .hwt_bar.isSet button.hwt_join { height: 36px; }
}
@media (max-width: 768px) {
  table { display: block !important; overflow-x: auto !important; -webkit-overflow-scrolling: touch !important; }
  .hwt_prose thead { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0, 0, 0, 0); }
  .hwt_prose tr { display: block; margin: 0 0 12px; border: 1px solid rgba(252, 196, 25, 0.2); border-radius: 8px; overflow: hidden; }
  .hwt_prose td { display: block; }
  .hwt_prose td::before { content: attr(data-hwt-col); display: block; margin-bottom: 4px; color: #ffd43b; font-family: Marcellus, serif; font-size: 13px; }
}
@media (min-width: 769px) {
  .hwt_prose table { display: table; overflow: visible; }
  .hwt_prose thead { position: static; width: auto; height: auto; overflow: visible; clip: auto; }
  .hwt_prose tr { display: table-row; }
  .hwt_prose td { display: table-cell; }
  .hwt_prose td::before { content: none; }
}

.hwt_st0{-webkit-mask-image:url("/wp-content/uploads/sand-cartouche/thebes-7696b1.svg");mask-image:url("/wp-content/uploads/sand-cartouche/thebes-7696b1.svg");}.hwt_st1{-webkit-mask-image:url("/wp-content/uploads/sand-cartouche/memphis-ac5cc7.svg");mask-image:url("/wp-content/uploads/sand-cartouche/memphis-ac5cc7.svg");}.hwt_st2{-webkit-mask-image:url("/wp-content/uploads/sand-cartouche/luxor-7e9fa9.svg");mask-image:url("/wp-content/uploads/sand-cartouche/luxor-7e9fa9.svg");}.hwt_st3{-webkit-mask-image:url("/wp-content/uploads/sand-cartouche/abydos-5ab985.svg");mask-image:url("/wp-content/uploads/sand-cartouche/abydos-5ab985.svg");}.hwt_st4{-webkit-mask-image:url("/wp-content/uploads/sand-cartouche/karnak-6ad79e.svg");mask-image:url("/wp-content/uploads/sand-cartouche/karnak-6ad79e.svg");}.hwt_st5{-webkit-mask-image:url("/wp-content/uploads/sand-cartouche/edfu-a44097.svg");mask-image:url("/wp-content/uploads/sand-cartouche/edfu-a44097.svg");}.hwt_st6{-webkit-mask-image:url("/wp-content/uploads/sand-cartouche/dendera-281481.svg");mask-image:url("/wp-content/uploads/sand-cartouche/dendera-281481.svg");}.hwt_st7{-webkit-mask-image:url("/wp-content/uploads/sand-cartouche/philae-9d620d.svg");mask-image:url("/wp-content/uploads/sand-cartouche/philae-9d620d.svg");}.hwt_st8{-webkit-mask-image:url("/wp-content/uploads/sand-cartouche/saqqara-91ab91.svg");mask-image:url("/wp-content/uploads/sand-cartouche/saqqara-91ab91.svg");}.hwt_st9{-webkit-mask-image:url("/wp-content/uploads/sand-cartouche/giza-35f47d.svg");mask-image:url("/wp-content/uploads/sand-cartouche/giza-35f47d.svg");}.hwt_st10{-webkit-mask-image:url("/wp-content/uploads/sand-cartouche/amarna-dde7c9.svg");mask-image:url("/wp-content/uploads/sand-cartouche/amarna-dde7c9.svg");}.hwt_st11{-webkit-mask-image:url("/wp-content/uploads/sand-cartouche/tanis-45fd20.svg");mask-image:url("/wp-content/uploads/sand-cartouche/tanis-45fd20.svg");}.hwt_py0{-webkit-mask-image:url("/wp-content/uploads/sand-cartouche/deben-9164c5.webp");mask-image:url("/wp-content/uploads/sand-cartouche/deben-9164c5.webp");}.hwt_py1{-webkit-mask-image:url("/wp-content/uploads/sand-cartouche/kite-4fc002.webp");mask-image:url("/wp-content/uploads/sand-cartouche/kite-4fc002.webp");}.hwt_py2{-webkit-mask-image:url("/wp-content/uploads/sand-cartouche/shekel-e7f682.webp");mask-image:url("/wp-content/uploads/sand-cartouche/shekel-e7f682.webp");}.hwt_py3{-webkit-mask-image:url("/wp-content/uploads/sand-cartouche/ring-37c57a.webp");mask-image:url("/wp-content/uploads/sand-cartouche/ring-37c57a.webp");}.hwt_py4{-webkit-mask-image:url("/wp-content/uploads/sand-cartouche/ingot-67d35a.webp");mask-image:url("/wp-content/uploads/sand-cartouche/ingot-67d35a.webp");}.hwt_py5{-webkit-mask-image:url("/wp-content/uploads/sand-cartouche/grain-e7851e.webp");mask-image:url("/wp-content/uploads/sand-cartouche/grain-e7851e.webp");}.hwt_py6{-webkit-mask-image:url("/wp-content/uploads/sand-cartouche/linenpay-2cb90a.webp");mask-image:url("/wp-content/uploads/sand-cartouche/linenpay-2cb90a.webp");}.hwt_py7{-webkit-mask-image:url("/wp-content/uploads/sand-cartouche/goldleaf-d7a1c9.webp");mask-image:url("/wp-content/uploads/sand-cartouche/goldleaf-d7a1c9.webp");}