html { scroll-behavior: smooth; }
body { margin: 0; background: #050914; color: #f4e7cc; font-family: "Karla", sans-serif; -webkit-font-smoothing: antialiased; }
* { box-sizing: border-box; }
.rym-stage a { color: #f5c04a; text-decoration: none; }
.rym-stage { min-height: 100vh; position: relative; background: radial-gradient(1200px 600px at 15% -5%, rgba(29, 63, 154, 0.35), transparent 60%), radial-gradient(900px 700px at 100% 40%, rgba(29, 63, 154, 0.18), transparent 60%), radial-gradient(800px 500px at 0% 85%, rgba(185, 131, 31, 0.1), transparent 60%), #050914; }
.rym-bar { position: sticky; top: 0; z-index: 50; display: flex; align-items: center; justify-content: space-between; gap: 10px; min-height: 100px; padding: 8px clamp(10px, 3vw, 40px); background: rgba(10, 19, 48, 0.55); backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); border-bottom: 1px solid rgba(245, 192, 74, 0.22); transition: background 0.3s, box-shadow 0.3s, min-height 0.3s; }
.rym-bar.isSunk { min-height: 70px; background: rgba(5, 9, 20, 0.92); box-shadow: 0 10px 30px rgba(0, 0, 0, 0.5); }
.rym-brand { display: block; flex: 0 0 auto; width: 170px; height: 60px; }
.rym-bar.isSunk .rym-brand { width: 130px; height: 46px; }
.rym-brand img, .rym-footBrand img { width: 100%; height: 100%; object-fit: contain; display: block; filter: drop-shadow(0 4px 10px rgba(0, 0, 0, 0.5)); }
.rym-nav { display: none; flex: 1; min-width: 0; justify-content: center; }
.rym-nav .rym-menu { display: flex; flex-wrap: nowrap; align-items: flex-end; justify-content: center; gap: 6px; list-style: none; margin: 0; padding: 0; min-width: 0; }
.rym-nav .rym-link { display: inline-flex; align-items: center; justify-content: center; height: 46px; padding: 0 10px; white-space: nowrap; background: repeating-linear-gradient(179deg, transparent 0 3px, rgba(50, 20, 8, 0.28) 3px 4px, transparent 4px 6px, rgba(255, 205, 150, 0.08) 6px 8px), linear-gradient(180deg, #b0653a 0%, #8a4724 45%, #6a3219 100%); border: 2px solid #3e1d0b; border-radius: 6px; box-shadow: inset 0 2px 0 rgba(255, 215, 160, 0.35), inset 0 -3px 0 rgba(30, 10, 2, 0.45), 0 4px 10px rgba(0, 0, 0, 0.45); color: #fff3d6; font-weight: 800; font-size: 12px; letter-spacing: 0.03em; line-height: 1; text-transform: uppercase; text-shadow: 0 2px 0 rgba(40, 15, 5, 0.85); transition: transform 0.2s cubic-bezier(0.16, 1, 0.3, 1), filter 0.2s; }
.rym-bar.isSunk .rym-nav .rym-link { height: 40px; }
.rym-nav .rym-link.isHere { color: #ffe08a; }
.rym-nav .rym-link:hover, .rym-nav .rym-link:focus-visible { color: #ffe08a; transform: translateY(-3px); filter: brightness(1.18); }
.rym-acts { display: flex; align-items: center; gap: clamp(6px, 1.2vw, 14px); flex: 0 0 auto; }
.rym-login, .rym-join { display: inline-flex; align-items: center; justify-content: center; height: 48px; padding: 0 22px; border-radius: 12px; font-weight: 800; font-size: 15px; letter-spacing: 0.06em; text-transform: uppercase; cursor: pointer; transition: transform 0.2s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.2s, background 0.2s; }
.rym-bar.isSunk .rym-login, .rym-bar.isSunk .rym-join { height: 42px; }
.rym-stage a.rym-login { border: 2px solid #f5c04a; color: #ffe08a; background: rgba(5, 9, 20, 0.35); }
.rym-stage a.rym-login:hover, .rym-stage a.rym-login:focus-visible { transform: translateY(-3px); box-shadow: 0 10px 22px rgba(245, 192, 74, 0.25); background: rgba(245, 192, 74, 0.12); color: #ffe08a; }
.rym-stage a.rym-join { border: 2px solid #ffe08a; color: #2a1405; background: linear-gradient(180deg, #ffe08a 0%, #f5c04a 45%, #c98a1c 100%); box-shadow: inset 0 -3px 0 rgba(90, 45, 5, 0.35), 0 4px 14px rgba(245, 192, 74, 0.25); }
.rym-stage a.rym-join:hover, .rym-stage a.rym-join:focus-visible { transform: translateY(-3px); box-shadow: inset 0 -3px 0 rgba(90, 45, 5, 0.35), 0 12px 26px rgba(245, 192, 74, 0.45); color: #2a1405; }
.rym-burger { width: 44px; height: 44px; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 5px; border-radius: 12px; border: 2px solid rgba(245, 192, 74, 0.6); background: rgba(18, 32, 74, 0.7); cursor: pointer; padding: 0; }
.rym-burger span { display: block; width: 20px; height: 2px; border-radius: 2px; background: #ffe08a; }
.rym-burger span:last-child { width: 14px; margin-left: 6px; }
.rym-veil { position: fixed; inset: 0; z-index: 60; background: rgba(2, 4, 10, 0.6); opacity: 0; visibility: hidden; pointer-events: none; transition: opacity 0.3s; }
.rym-veil.isOpen { opacity: 1; visibility: visible; pointer-events: auto; }
.rym-drawer { position: fixed; top: 0; right: 0; bottom: 0; z-index: 61; width: min(320px, 86vw); display: flex; flex-direction: column; gap: 12px; padding: 20px; background: linear-gradient(180deg, #12204a, #0a1330 60%, #050914); border-left: 2px solid rgba(245, 192, 74, 0.4); transform: translateX(105%); visibility: hidden; pointer-events: none; overflow-y: auto; transition: transform 0.4s cubic-bezier(0.16, 1, 0.3, 1); }
.rym-drawer.isOpen { transform: none; visibility: visible; pointer-events: auto; }
.rym-drawer__top { display: flex; align-items: center; justify-content: space-between; margin-bottom: 8px; }
.rym-log { font-family: "Pirata One", serif; font-size: 28px; color: #f5c04a; }
.rym-shut { width: 44px; height: 44px; border-radius: 50%; border: 2px solid rgba(245, 192, 74, 0.6); background: transparent; color: #ffe08a; cursor: pointer; display: flex; align-items: center; justify-content: center; }
.rym-drawer .rym-menu { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 12px; }
.rym-drawer .rym-link { display: flex; align-items: center; justify-content: center; min-height: 52px; padding: 0 16px; background: radial-gradient(circle at 9px 50%, #e8d6ae 0 1.6px, #3a2210 2.2px, transparent 3px), radial-gradient(circle at calc(100% - 9px) 50%, #e8d6ae 0 1.6px, #3a2210 2.2px, transparent 3px), repeating-linear-gradient(179deg, transparent 0 3px, rgba(50, 20, 8, 0.28) 3px 4px, transparent 4px 6px, rgba(255, 205, 150, 0.08) 6px 8px), linear-gradient(180deg, #b0653a 0%, #8a4724 45%, #6a3219 100%); border: 2px solid #3e1d0b; border-radius: 5px 7px 4px 6px; box-shadow: inset 0 2px 0 rgba(255, 215, 160, 0.35), inset 0 -3px 0 rgba(30, 10, 2, 0.45), 0 4px 10px rgba(0, 0, 0, 0.45); clip-path: polygon(0 8%, 4% 0, 38% 3%, 40% 0, 96% 2%, 100% 10%, 99% 88%, 95% 100%, 60% 97%, 57% 100%, 5% 98%, 0 90%); color: #fff3d6; font-weight: 800; font-size: 16px; letter-spacing: 0.06em; text-transform: uppercase; text-shadow: 0 2px 0 rgba(40, 15, 5, 0.8); }
.rym-spy { width: 62%; height: auto; align-self: center; margin-top: auto; object-fit: contain; filter: drop-shadow(0 10px 18px rgba(0, 0, 0, 0.6)); }
.rym-main { display: flex; flex-direction: column; gap: clamp(28px, 4vw, 48px); padding: clamp(14px, 2.4vw, 28px) clamp(12px, 3vw, 40px) 0; max-width: 1440px; margin: 0 auto; }
.rym-hero { position: relative; border-radius: clamp(14px, 2vw, 26px); overflow: hidden; border: 1px solid rgba(245, 192, 74, 0.3); box-shadow: 0 30px 80px rgba(0, 0, 0, 0.55), inset 0 0 0 1px rgba(255, 255, 255, 0.04); background: radial-gradient(120% 60% at 30% 0%, rgba(29, 63, 154, 0.35), transparent 70%), #03060f; }
.rym-hero__pic { display: block; width: 100%; height: clamp(320px, 36.4vw, 524px); object-fit: cover; object-position: 72% center; }
.rym-hero__shade { position: absolute; inset: 0; background: linear-gradient(90deg, rgba(5, 9, 20, 0.75) 0%, rgba(5, 9, 20, 0.35) 40%, transparent 62%); pointer-events: none; }
.rym-hero__copy { position: absolute; top: 0; bottom: 0; left: 0; width: 52%; display: flex; flex-direction: column; justify-content: center; align-items: flex-start; text-align: left; gap: clamp(16px, 2.2vw, 28px); padding: clamp(18px, 4.5vw, 72px) clamp(18px, 4.5vw, 72px) clamp(48px, 9vw, 140px) clamp(28px, 8vw, 140px); }
.rym-title { margin: 0; font-family: "Pirata One", serif; font-weight: 400; font-size: clamp(30px, 4.6vw, 70px); line-height: 1; letter-spacing: 0.01em; background: linear-gradient(180deg, #fff3c4 0%, #f5c04a 55%, #c98a1c 100%); -webkit-background-clip: text; background-clip: text; color: #ffe08a; -webkit-text-fill-color: transparent; filter: drop-shadow(0 4px 0 rgba(20, 10, 0, 0.6)); text-wrap: balance; overflow-wrap: break-word; }
.rym-stage a.rym-claim { display: inline-flex; align-items: center; gap: 10px; height: clamp(48px, 4.4vw, 60px); padding: 0 clamp(22px, 2.6vw, 36px); border-radius: 14px; border: 2px solid #ffe08a; background: linear-gradient(180deg, #ffe08a 0%, #f5c04a 45%, #c98a1c 100%); color: #2a1405; font-weight: 800; font-size: clamp(15px, 1.3vw, 19px); letter-spacing: 0.08em; text-transform: uppercase; box-shadow: inset 0 -4px 0 rgba(90, 45, 5, 0.35), 0 10px 30px rgba(245, 192, 74, 0.35); cursor: pointer; transition: transform 0.2s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.2s; }
.rym-stage a.rym-claim:hover, .rym-stage a.rym-claim:focus-visible { transform: translateY(-4px); box-shadow: inset 0 -4px 0 rgba(90, 45, 5, 0.35), 0 18px 40px rgba(245, 192, 74, 0.5); color: #2a1405; }
.rym-panel { padding: clamp(16px, 2.6vw, 32px); border-radius: 24px; background: linear-gradient(180deg, rgba(18, 32, 74, 0.55), rgba(10, 19, 48, 0.45)); border: 1px solid rgba(245, 192, 74, 0.18); backdrop-filter: blur(6px); -webkit-backdrop-filter: blur(6px); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.05); }
.rym-panel h2, .rym-studios h2 { margin: 0 0 clamp(18px, 2.4vw, 28px); font-family: "Pirata One", serif; font-weight: 400; font-size: clamp(28px, 3vw, 42px); line-height: 1; color: #ffe08a; }
.rym-rows { display: flex; flex-direction: column; gap: clamp(14px, 1.6vw, 22px); }
.rym-row { display: grid; gap: clamp(10px, 1.4vw, 20px); align-items: start; }
.rym-tile { display: flex; flex-direction: column; gap: 8px; min-width: 0; color: #f4e7cc; }
.rym-gem { padding: 3px; border-radius: 50% 50% 16px 16px / 36% 36% 16px 16px; background: linear-gradient(160deg, #ffe08a, #c98a1c 36%, #1d3f9a 70%, #d23a3a); box-shadow: 0 10px 26px rgba(0, 0, 0, 0.5); }
.rym-frame { position: relative; display: block; width: 100%; overflow: hidden; aspect-ratio: 3 / 4; min-height: 0; border-radius: 50% 50% 13px 13px / 36% 36% 13px 13px; background: #0a1330; }
.rym-frame img { position: absolute; inset: 0; display: block; width: 100%; height: 100%; object-fit: cover; }
.rym-frame::after { content: ""; position: absolute; inset: -10% -40%; background: linear-gradient(110deg, transparent 35%, rgba(255, 243, 200, 0.6) 50%, transparent 65%); transform: translateX(-70%); transition: transform 0.9s cubic-bezier(0.16, 1, 0.3, 1); pointer-events: none; }
.rym-tile:hover .rym-frame::after, .rym-tile:focus-visible .rym-frame::after { transform: translateX(70%); }
.rym-cap { display: flex; flex-wrap: wrap; justify-content: center; gap: 4px 12px; font-size: 14px; font-weight: 700; color: #e9dcc0; }
.rym-cap:empty { display: none; }
.rym-likes, .rym-online { display: inline-flex; align-items: center; gap: 6px; }
.rym-dot { width: 8px; height: 8px; border-radius: 50%; background: #3ddc84; animation: rymPulse 2s infinite; }
.rym-moreWrap { display: flex; justify-content: center; margin-top: clamp(20px, 2.6vw, 32px); }
.rym-more { display: inline-flex; align-items: center; gap: 12px; height: 52px; padding: 0 10px 0 26px; border-radius: 999px; border: 2px solid #f5c04a; background: rgba(5, 9, 20, 0.5); color: #ffe08a; font-family: inherit; font-weight: 800; font-size: 15px; letter-spacing: 0.08em; text-transform: uppercase; cursor: pointer; transition: transform 0.2s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.2s; }
.rym-more:hover, .rym-more:focus-visible { transform: translateY(-3px); box-shadow: 0 10px 24px rgba(245, 192, 74, 0.25); }
.rym-more i { width: 34px; height: 34px; border-radius: 50%; display: flex; align-items: center; justify-content: center; background: radial-gradient(circle at 35% 30%, #ffe08a, #c98a1c 70%); }
.rym-more[hidden] { display: none; }
.rym-rule { display: flex; align-items: center; gap: 16px; padding: 0 4%; color: #f5c04a; }
.rym-rule b { flex: 1; height: 2px; background: linear-gradient(90deg, transparent, #c98a1c); }
.rym-rule b:last-child { background: linear-gradient(270deg, transparent, #c98a1c); }
.rym-rule.isRope { gap: 14px; padding: 0 6%; }
.rym-rule.isRope b { height: 7px; border-radius: 4px; background: repeating-linear-gradient(-55deg, #c9944e 0 4px, #8a5a26 4px 7px, #e0b06a 7px 9px); box-shadow: 0 2px 4px rgba(0, 0, 0, 0.5); }
.rym-rule.isRope b:last-child { background: repeating-linear-gradient(55deg, #c9944e 0 4px, #8a5a26 4px 7px, #e0b06a 7px 9px); }
.rym-winHead { display: flex; align-items: center; gap: 14px; }
.rym-winHead h2 { margin-bottom: 0; }
.rym-live { margin-left: auto; display: inline-flex; align-items: center; gap: 8px; font-size: 14px; font-weight: 700; color: #bfe9cf; }
.rym-live i { width: 9px; height: 9px; border-radius: 50%; background: #3ddc84; animation: rymPulse 1.6s infinite; }
.rym-winScroll { overflow-x: auto; max-width: 100%; padding: 4px 0 14px; scroll-snap-type: x proximity; scrollbar-width: thin; scrollbar-color: #c98a1c transparent; }
.rym-winTrack { display: flex; width: max-content; }
.rym-win { flex: 0 0 310px; width: 310px; padding-right: 14px; scroll-snap-align: start; }
.rym-win__card { position: relative; display: flex; align-items: center; gap: 14px; padding: 12px 14px 12px 12px; border-radius: 18px; background: linear-gradient(180deg, rgba(29, 63, 154, 0.45), rgba(10, 19, 48, 0.9)); border: 1px solid rgba(245, 192, 74, 0.28); box-shadow: 0 8px 22px rgba(0, 0, 0, 0.4); }
.rym-win__gem { flex: 0 0 auto; padding: 2px; border-radius: 50% 50% 9px 9px / 36% 36% 9px 9px; background: linear-gradient(160deg, #ffe08a, #c98a1c 36%, #1d3f9a 70%, #d23a3a); }
.rym-win__gem img { display: block; width: 58px; height: 78px; object-fit: cover; border-radius: 50% 50% 7px 7px / 36% 36% 7px 7px; }
.rym-win__meta { display: flex; flex-direction: column; gap: 3px; min-width: 0; }
.rym-win__who { display: flex; align-items: center; gap: 8px; font-size: 14px; color: #cdbf9f; }
.rym-win__who b { color: #f4e7cc; }
.rym-win__verb { font-size: 13px; letter-spacing: 0.08em; text-transform: uppercase; color: #9fb0d8; font-weight: 700; }
.rym-win__sum { font-family: "Pirata One", serif; font-size: 28px; line-height: 1; color: #ffe08a; text-shadow: 0 0 14px rgba(245, 192, 74, 0.35); }
.rym-win__new { position: absolute; top: 10px; right: 12px; padding: 2px 8px; border-radius: 999px; background: #d23a3a; color: #fff; font-size: 11px; font-weight: 800; letter-spacing: 0.08em; }
.rym-copy { position: relative; font-size: clamp(16px, 1.15vw, 18px); line-height: 1.65; color: #e9dcc0; }
.rym-prose { max-width: 960px; margin: 0 auto; display: flow-root; }
.rym-glass { float: right; width: 230px; height: auto; margin: 0 0 12px 20px; shape-outside: url("/wp-content/uploads/rum-cask/brass-glass-106cda.webp"); shape-margin: 14px; shape-image-threshold: 0.3; filter: drop-shadow(0 18px 24px rgba(0, 0, 0, 0.6)); object-fit: contain; }
.rym-copy h2 { margin: 0 0 18px; font-family: "Pirata One", serif; font-weight: 400; font-size: clamp(28px, 3vw, 42px); line-height: 1.05; color: #ffe08a; text-wrap: balance; }
.rym-copy h3, .rym-copy h4 { margin: 32px 0 14px; font-family: "Pirata One", serif; font-weight: 400; font-size: clamp(23px, 2.1vw, 30px); line-height: 1.1; color: #f5c04a; }
.rym-copy p { margin: 0 0 18px; }
.rym-copy strong { color: #fff3d6; }
.rym-copy ul, .rym-copy ol { margin: 0 0 18px; padding: 0; list-style: none; }
.rym-copy li { position: relative; margin-bottom: 10px; }
.rym-copy ul li { padding-left: 24px; }
.rym-copy ul li::before { content: ""; position: absolute; left: 2px; top: 9px; width: 10px; height: 10px; transform: rotate(45deg); background: linear-gradient(135deg, #ffe08a, #c98a1c); box-shadow: 0 0 8px rgba(245, 192, 74, 0.5); }
.rym-copy ol { counter-reset: rymstep; }
.rym-copy ol li { counter-increment: rymstep; padding-left: 48px; min-height: 34px; margin-bottom: 12px; }
.rym-copy ol li::before { content: counter(rymstep); position: absolute; left: 0; top: 0; width: 34px; height: 34px; border-radius: 50%; display: flex; align-items: center; justify-content: center; background: radial-gradient(circle at 35% 30%, #ffe08a, #c98a1c 70%); color: #2a1405; font-weight: 800; font-size: 16px; box-shadow: 0 0 0 2px rgba(245, 192, 74, 0.25); }
.rym-copy blockquote { margin: 24px 0; padding: 20px 24px 20px 64px; position: relative; border-radius: 16px; background: linear-gradient(180deg, rgba(124, 60, 30, 0.35), rgba(60, 28, 12, 0.35)); border: 1px solid rgba(201, 148, 78, 0.45); font-size: clamp(17px, 1.3vw, 20px); font-style: italic; color: #fff3d6; }
.rym-copy blockquote::before { content: "\201C"; position: absolute; left: 18px; top: 6px; font-family: "Pirata One", serif; font-size: 64px; line-height: 1; color: #f5c04a; font-style: normal; }
.rym-copy table { width: 100%; border-collapse: collapse; font-size: 16px; }
.rym-copy thead tr { background: linear-gradient(180deg, #1d3f9a, #12204a); }
.rym-copy th, .rym-copy td { text-align: left; padding: 12px 16px; border-top: 1px solid rgba(245, 192, 74, 0.15); }
.rym-copy th { color: #ffe08a; font-weight: 800; letter-spacing: 0.04em; border-top: 0; padding: 14px 16px; }
.rym-copy td:first-child { color: #fff3d6; font-weight: 700; }
.rym-copy tbody tr:nth-child(even) { background: rgba(255, 255, 255, 0.03); }
.rym-studios { padding: clamp(16px, 2.6vw, 32px) 0; border-radius: 24px; background: linear-gradient(180deg, rgba(18, 32, 74, 0.55), rgba(10, 19, 48, 0.45)); border: 1px solid rgba(245, 192, 74, 0.18); overflow: hidden; }
.rym-studios h2 { margin-left: clamp(16px, 2.6vw, 32px); margin-right: clamp(16px, 2.6vw, 32px); }
.rym-belts { display: flex; flex-direction: column; gap: 14px; -webkit-mask-image: linear-gradient(90deg, transparent, #000 6%, #000 94%, transparent); mask-image: linear-gradient(90deg, transparent, #000 6%, #000 94%, transparent); }
.rym-belt { overflow: hidden; }
.rym-belt__track { display: flex; width: max-content; gap: 14px; }
.rym-belt__track.isOut { animation: rymDrift 46s linear infinite; }
.rym-belt__track.isBack { animation: rymReturn 52s linear infinite; }
.rym-belt:hover .rym-belt__track { animation-play-state: paused; }
.rym-studio { flex: 0 0 auto; width: 176px; height: 78px; display: flex; align-items: center; justify-content: center; border-radius: 16px; background: rgba(5, 9, 20, 0.55); border: 1px solid rgba(245, 192, 74, 0.2); }
.rym-studio img { max-width: 78%; max-height: 52%; width: auto; height: auto; filter: brightness(0) saturate(100%) invert(80%) sepia(40%) saturate(700%) hue-rotate(350deg) brightness(102%); opacity: 0.9; transition: filter 0.3s, opacity 0.3s, transform 0.3s; }
.rym-studio:hover img, .rym-studio:focus-visible img { filter: none; opacity: 1; transform: scale(1.06); }
.rym-foot { position: relative; margin-top: clamp(40px, 6vw, 80px); background: linear-gradient(180deg, rgba(10, 19, 48, 0.6), #03060f 70%); border-top: 1px solid rgba(245, 192, 74, 0.25); }
.rym-rope { height: 7px; background: repeating-linear-gradient(-55deg, #c9944e 0 4px, #8a5a26 4px 7px, #e0b06a 7px 9px); box-shadow: 0 2px 6px rgba(0, 0, 0, 0.5); }
.rym-foot__grid { max-width: 1440px; margin: 0 auto; padding: clamp(32px, 4vw, 56px) clamp(16px, 3vw, 40px) 24px; display: grid; grid-template-columns: repeat(auto-fit, minmax(min(340px, 100%), 1fr)); gap: clamp(28px, 4vw, 56px); }
.rym-foot__pair { display: flex; align-items: flex-start; gap: clamp(20px, 4vw, 56px); }
.rym-kicker { display: block; font-family: "Pirata One", serif; font-size: 26px; color: #ffe08a; margin-bottom: 14px; }
.rym-footNav .rym-menu { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; align-items: flex-start; gap: 11px; }
.rym-footNav .rym-link { position: relative; display: inline-flex; align-items: center; padding-left: 16px; font-size: 16px; font-weight: 500; line-height: 1.3; color: #e9dcc0; transition: color 0.2s, transform 0.2s; }
.rym-footNav .rym-link::before { content: ""; position: absolute; left: 0; top: 0.45em; width: 6px; height: 6px; transform: rotate(45deg); background: #c98a1c; }
.rym-footNav .rym-link:hover, .rym-footNav .rym-link:focus-visible { color: #ffe08a; transform: translateX(4px); }
.rym-cask { width: clamp(110px, 14vw, 190px); height: auto; object-fit: contain; filter: drop-shadow(0 16px 20px rgba(0, 0, 0, 0.6)); }
.rym-pays { display: grid; grid-template-columns: repeat(auto-fill, minmax(96px, 1fr)); gap: 10px; max-width: 440px; }
.rym-pay { height: 52px; display: flex; align-items: center; justify-content: center; border-radius: 12px; background: rgba(18, 32, 74, 0.55); border: 1px solid rgba(245, 192, 74, 0.18); }
.rym-pay img { max-width: 76px; max-height: 28px; width: auto; height: auto; filter: brightness(0) saturate(100%) invert(80%) sepia(40%) saturate(700%) hue-rotate(350deg) brightness(102%); transition: filter 0.3s, transform 0.3s; }
.rym-pay:hover img { filter: none; transform: scale(1.08); }
.rym-legal { max-width: 1440px; margin: 0 auto; padding: 18px clamp(16px, 3vw, 40px) 28px; display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 16px; border-top: 1px solid rgba(245, 192, 74, 0.15); font-size: 14px; color: #9d916f; }
.rym-age { display: inline-flex; align-items: center; gap: 10px; }
.rym-age b { width: 34px; height: 34px; border-radius: 50%; display: flex; align-items: center; justify-content: center; border: 2px solid #d23a3a; color: #ffb3b3; font-weight: 800; font-size: 13px; }
.rym-soc { display: flex; gap: 12px; }
.rym-soc a { width: 44px; height: 44px; border-radius: 50%; display: flex; align-items: center; justify-content: center; border: 1px solid rgba(245, 192, 74, 0.35); color: #f5c04a; transition: transform 0.2s, color 0.2s, box-shadow 0.2s; }
.rym-soc a:hover, .rym-soc a:focus-visible { transform: scale(1.12); }
.rym-soc a:nth-child(1):hover, .rym-soc a:nth-child(1):focus-visible { color: #1877f2; box-shadow: 0 0 18px rgba(24, 119, 242, 0.45); }
.rym-soc a:nth-child(2):hover, .rym-soc a:nth-child(2):focus-visible { color: #25d366; box-shadow: 0 0 18px rgba(37, 211, 102, 0.45); }
.rym-soc a:nth-child(3):hover, .rym-soc a:nth-child(3):focus-visible { color: #e4405f; box-shadow: 0 0 18px rgba(228, 64, 95, 0.45); }
@keyframes rymPulse { 0%, 100% { box-shadow: 0 0 0 0 rgba(61, 220, 132, 0.6); } 50% { box-shadow: 0 0 0 5px rgba(61, 220, 132, 0); } }
@keyframes rymDrift { from { transform: translateX(0); } to { transform: translateX(-50%); } }
@keyframes rymReturn { from { transform: translateX(-50%); } to { transform: translateX(0); } }
@media (min-width: 1240px) {
  .rym-nav { display: flex; }
  .rym-burger { display: none; }
}
@media (max-width: 899px) {
  .rym-hero__pic { height: 380px; }
  .rym-hero__copy { width: 64%; padding: 24px 24px 48px 40px; }
  .rym-glass { width: 170px; }
}
@media (max-width: 767px) {
  .rym-bar { min-height: 64px; }
  .rym-brand { width: 118px; height: 42px; }
  .rym-login, .rym-join { height: 40px; padding: 0 14px; font-size: 13px; }
  .rym-foot__pair { flex-direction: column; align-items: flex-start; }
  .rym-legal { justify-content: center; text-align: center; }
}
@media (max-width: 599px) {
  .rym-hero { padding-top: 190px; }
  .rym-hero__pic { height: auto; aspect-ratio: 1560 / 757; object-position: 100% 50%; -webkit-mask-image: linear-gradient(180deg, transparent 0%, #000 30%); mask-image: linear-gradient(180deg, transparent 0%, #000 30%); }
  .rym-hero__shade { display: none; }
  .rym-hero__copy { bottom: auto; width: 100%; align-items: center; text-align: center; justify-content: flex-start; padding: 26px 20px 0; }
  .rym-glass { float: none; display: block; width: 120px; margin: 0 auto 16px; shape-outside: none; }
  .rym-studio { width: 132px; height: 60px; }
  .rym-footNav .rym-menu { align-items: center; }
}
@media (max-width: 419px) {
  .rym-brand { width: 78px; height: 34px; }
  .rym-login, .rym-join { height: 36px; padding: 0 8px; font-size: 11px; }
  .rym-acts { gap: 6px; }
}
@media (max-width: 768px) {
  table { display: block !important; overflow-x: auto !important; -webkit-overflow-scrolling: touch !important; }
  .rym-copy thead { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0, 0, 0, 0); }
  .rym-copy tr { display: block; margin: 0 0 12px; border-radius: 14px; overflow: hidden; }
  .rym-copy td { display: block; border: 0; border-bottom: 1px solid rgba(245, 192, 74, 0.18); overflow-wrap: normal; word-break: normal; }
  .rym-copy td::before { content: attr(data-rym-col); display: block; margin-bottom: 4px; color: #ffe08a; font-family: "Pirata One", serif; font-size: 14px; }
  .rym-copy tbody tr { background: rgba(5, 9, 20, 0.55); box-shadow: inset 0 0 0 1px rgba(245, 192, 74, 0.28); }
}
@media (min-width: 769px) {
  .rym-copy table { display: table; }
  .rym-copy thead { display: table-header-group; }
  .rym-copy tr { display: table-row; }
  .rym-copy td { display: table-cell; }
  .rym-copy td::before { content: none; }
}
@media (prefers-reduced-motion: reduce) {
  .rym-dot, .rym-live i, .rym-belt__track { animation: none; }
  .rym-frame::after { display: none; }
}
.rym-stage :focus-visible { outline: 2px solid #ffe08a; outline-offset: 2px; }