/* Logo zamku, spokojna ekspozycja itemshopu i wspólny styl głównych działań. */
/* Dyskretny suwak we wszystkich oknach konta, także w dłuższej historii. */
dialog { scrollbar-width: thin; scrollbar-color: #9c844d transparent; }
dialog::-webkit-scrollbar { width: 6px; height: 6px; }
dialog::-webkit-scrollbar-track { background: transparent; margin-block: 18px; }
dialog::-webkit-scrollbar-thumb { background: #9c844d; border-radius: 6px; }
dialog::-webkit-scrollbar-thumb:hover { background: #d0b46c; }
dialog::-webkit-scrollbar-corner { background: transparent; }
@supports selector(::-webkit-scrollbar) { dialog { scrollbar-width: auto; scrollbar-color: auto; } }

.hero-copy .hero-buttons { gap: 12px; }
.hero-copy .hero-buttons .button {
  min-height: 49px; padding: 12px 17px; border-radius: 9px;
  border-color: #c8ac647d; background: #131d25ed; color: #fff2cf;
  font-size: 12px; font-weight: 700;
  box-shadow: 0 5px 18px #0003,inset 0 1px 0 #fff1b90a;
  transition: background .22s,border-color .22s,box-shadow .22s,color .22s;
}
.hero-copy .hero-buttons .hero-server-button { background: #1b272ef2; border-color: #aab8bf63; color: #eef0e6; }
.hero-copy .hero-buttons .button:is(:hover,:focus-visible) { background: #2a3027f5; border-color: #e5c475; color: #fff5d8; box-shadow: 0 6px 22px #0004,0 0 18px #e4bd4f12; }
.hero-copy .hero-buttons .hero-server-button:is(:hover,:focus-visible) { background: #263333f5; border-color: #c3b279; }
.hero-copy .hero-buttons .button:focus-visible { outline: 2px solid #e4c578; outline-offset: 4px; }
.hero-copy .hero-buttons .discord-button-icon .discord-voxel { width: 23px; height: 22px; }
.hero-copy .hero-buttons .discord-button::before { opacity: .65; }
.hero-copy .hero-buttons .discord-button:is(:hover,:focus-visible)::before { opacity: 1; }
.hero-copy .hero-buttons .button > .icon { color: #e8d494; opacity: 1; }
.hero-server-button .server-address-label > .icon { color: #c3cdca; }
.discord-voxel .discord-voxel-eye { transform: none; clip-path: inset(0 0); }
:is(.discord-button,.footer-discord,.shop-discord-button):is(:hover,:focus-visible) .discord-eye--right { animation: discord-voxel-wink .8s ease; }
.discord-button:is(:hover,:focus-visible) .discord-button-icon .discord-voxel,.footer-discord:is(:hover,:focus-visible) .discord-button-icon .discord-voxel,.shop-discord-button:is(:hover,:focus-visible) .discord-button-icon .discord-voxel,.contact-box:has(> .discord-voxel):is(:hover,:focus-within) > .discord-voxel,.article-copy [data-action="discord"]:is(:hover,:focus-visible) > .discord-voxel { animation: discord-voxel-greet .8s ease-in-out; }
.contact-box:has(> .discord-voxel):is(:hover,:focus-within) > .discord-voxel .discord-eye--right,.article-copy [data-action="discord"]:is(:hover,:focus-visible) .discord-eye--right { animation: discord-voxel-wink .8s ease; }
@keyframes discord-voxel-wink { 0%,30%,72%,100% { clip-path: inset(0 0); } 44%,56% { clip-path: inset(42% 0); } }
@keyframes discord-voxel-greet { 0%,100% { transform: translateY(0) rotate(0); } 30% { transform: translateY(-2px) rotate(-4deg); } 65% { transform: translateY(-1px) rotate(3deg); } }
@media(max-width:420px) {
  .hero-copy .hero-buttons { display: grid; grid-template-columns: minmax(0,1fr); width: 100%; max-width: 340px; gap: 9px; }
  .hero-copy .hero-buttons .button { width: 100%; min-height: 46px; padding: 11px 15px; font-size: 12px; }
  .hero-copy .hero-buttons .server-address-value { font-size: 12px; }
}
@media(prefers-reduced-motion:reduce) {
  .hero-copy .hero-buttons .button { transition: none; }
  .discord-voxel,.discord-voxel .discord-voxel-eye { animation: none !important; }
}
/* Czytelne opisy i wspólna skala symboli, również na telefonie. */
.intro-benefits .benefits strong { font-size: 13px; line-height: 1.5; }
.intro-benefits .benefits small { font-size: 12px; line-height: 1.6; color: #b2bdc7; }
.benefit-icon > .icon { width: 34px; height: 34px; object-fit: contain; }
.desktop-nav > a > .site-symbol { width: 22px; height: 22px; flex-shrink: 0; }
.profile-panel .profile-caption,.profile-panel .profile-stats small,.profile-panel .wallet-line small { font-size: 11px; line-height: 1.6; }
.profile-panel .profile-stats b { font-size: 12px; line-height: 1.5; }
.profile-stats > div { min-width: 0; }
.profile-stats small { white-space: normal; }
.shop-banner p,.news-preview p,.info-card p { font-size: 12px; line-height: 1.75; }
.section-mini-heading .text-button,.profile-panel .profile-edit,.info-card .mini-link { font-size: 11px; line-height: 1.6; }
.news-card .tag { font-size: 9px; line-height: 1.5; padding: 3px 6px; }
.news-card .section-mini-heading h2 > .icon { width: 24px; height: 24px; }
.payment-preview .payment-method { font-size: 12px; }
.payment-preview .payment-method-icon { flex-shrink: 0; }
.activity-panel .activity-heading > div > span,.purchase small { font-size: 11px; line-height: 1.6; }
.activity-panel .purchase strong { font-size: 12px; }
.topup-lead,.topup-explainer p,.topup-bonus-callout p { font-size: 13px; line-height: 1.75; color: #b5c1cc; }
.topup-heading .shop-eyebrow,.topup-summary > .shop-eyebrow { font-size: 10px; line-height: 1.6; }
.topup-amount-row > label,.topup-presets button { font-size: 13px; }
.topup-range-labels,.topup-payment-note,.topup-bonus-tag,.topup-total-visual > span:not(.topup-total-glow) { font-size: 11px; line-height: 1.6; }
.purchase-consent { font-size: 12px; line-height: 1.75; color: #bdc8d2; }
.purchase-consent input { flex-shrink: 0; margin-top: 3px; }
.rules-intro p,.rules-section-body,.faq-item > div,.article-copy p,.contact-box p,.contact-bottom p { font-size: 14px; line-height: 1.85; }
.rules-section summary h2,.faq-item summary { font-size: 15px; }
.footer .footer-copy p,.footer .footer-links,.footer-discord { font-size: 12px; }
.footer-discord small { font-size: 11px; line-height: 1.6; }
.header .profile-button #header-nickname { font-size: 12px; }
.account-trigger-identity > small { font-size: 9px; }
.account-dropdown-top small,.account-profile-eyebrow { font-size: 10px; letter-spacing: 1.4px; }
.account-dropdown-top [data-menu-rank],.account-dropdown-balance span,.account-dropdown-links button small,.account-profile-identity p { font-size: 11px; line-height: 1.6; }
.account-dropdown-links button { font-size: 12px; }
.account-dropdown-logout,.login-form .field-help { font-size: 12px; line-height: 1.6; }
.account-profile-identity p { color: #b1bebc; }
.account-dropdown-links button > .site-symbol:first-child { width: 28px; height: 28px; flex-shrink: 0; }
.account-dropdown-links button:nth-child(3) { animation-delay: .18s; }

/* Historia jest częścią profilu, z tym samym tłem i akcentami portfela. */
dialog:has(.account-history-view) { width: min(650px,calc(100vw - 32px)); border-color: #36434b; background: linear-gradient(155deg,#182229,#10181f 78%); box-shadow: 0 24px 80px #0008; }
.account-view-tabs { display: flex; gap: 6px; padding: 5px; margin: 4px 0 24px; border: 1px solid #36434b80; border-radius: 10px; background: #0d151a; }
.account-view-tabs button { display: flex; align-items: center; justify-content: center; gap: 8px; flex: 1; min-width: 0; min-height: 44px; padding: 10px; border: 1px solid transparent; border-radius: 7px; background: transparent; color: #aebbc4; font: inherit; font-size: 12px; cursor: pointer; transition: color .2s,background .2s,border-color .2s; }
.account-view-tabs button > .icon { width: 23px; height: 23px; flex-shrink: 0; }
.account-view-tabs button[aria-current] { background: #d5bd6610; border-color: #d5bd6638; color: #f0d891; }
.account-view-tabs button:hover { color: #f5e8ba; background: #ffffff06; }
.account-view-tabs button:focus-visible { outline: 2px solid #c9b877; outline-offset: 2px; }
.account-history-heading { display: flex; align-items: flex-start; justify-content: space-between; gap: 16px; padding-right: 10px; }
.account-history-heading h2 { margin: 8px 0 20px; font-size: 25px; line-height: 1.3; }
.dialog-content .account-history-heading h2 { margin-bottom: 20px; }
.account-history-heading .account-refresh { margin-top: 3px; flex-basis: 30px; width: 30px; height: 30px; }
.history-intro { color: #b5c1ca; font-size: 13px; line-height: 1.75; margin: -7px 0 20px; }
.order-history-list { display: grid; gap: 12px; padding: 0; margin: 0; list-style: none; }
.order-history-row { padding: 18px; border: 1px solid #34424a; border-radius: 12px; background: #ffffff03; animation: history-row-in .32s ease-out both; }
.order-history-row-top,.order-history-row-bottom { display: flex; justify-content: space-between; align-items: center; gap: 12px; }
.order-history-title { display: flex; align-items: center; gap: 11px; min-width: 0; }
.order-history-title h3 { font-size: 13px; line-height: 1.5; margin: 0 0 3px; color: #e7ebe7; }
.order-history-title time { font-size: 11px; line-height: 1.6; color: #b1bec6; }
.order-history-icon { display: grid; place-items: center; width: 37px; height: 42px; flex-shrink: 0; }
.order-history-icon > .icon { width: 35px; height: 38px; }
.order-history-amount { color: #f2d479; font-size: 21px; font-variant-numeric: tabular-nums; white-space: nowrap; }
.order-history-tags { display: flex; align-items: center; flex-wrap: wrap; gap: 8px; margin: 14px 0; }
.order-state,.order-test-label { display: inline-flex; align-items: center; gap: 6px; border-radius: 5px; padding: 4px 7px; color: #c6cdd0; background: #a6b5bf0e; font-size: 11px; line-height: 1.5; }
.order-state > span,.order-state .icon { display: block; width: 13px; height: 13px; }
.order-state--fulfilled { color: #9de0b4; background: #66c88d12; }
.order-state--paid { color: #eed18b; background: #dbb85e12; }
.order-state--verification { color: #d6c0ee; background: #b895dc12; }
.order-test-label { color: #b2bec7; border: 1px solid #a7b9c522; background: transparent; }
.order-history-credit { display: grid; grid-template-columns: 1fr 1.7fr; gap: 14px; padding: 14px 0; margin: 0; border-block: 1px solid #ffffff0b; }
.order-history-credit dt { font-size: 11px; color: #afbec5; line-height: 1.5; margin-bottom: 4px; }
.order-history-credit dd { font-size: 15px; margin: 0; font-weight: 650; color: #e2dfcf; font-variant-numeric: tabular-nums; }
.order-history-credit > div:last-child { text-align: right; }
.order-history-row-bottom { padding-top: 11px; align-items: flex-start; }
.order-history-row-bottom > span { max-width: 65%; font-size: 11px; color: #9eafb9; line-height: 1.7; }
.order-history-row-bottom button { flex-shrink: 0; padding: 3px 0; font-size: 12px; }
.history-more { display: flex; justify-content: center; width: 100%; margin-top: 16px; font-size: 13px; min-height: 44px; }
.order-history [hidden] { display: none !important; }
.history-feedback { font-size: 12px; color: #b7c4cc; line-height: 1.7; }
.history-feedback:not(:empty) { margin-bottom: 14px; }
.history-feedback .history-retry { margin-top: 10px; }
.history-empty { text-align: center; padding: 20px 10px 12px; }
.history-empty > .icon { width: 64px; height: 68px; }
.history-empty h3 { color: #e9eadf; font-size: 17px; margin: 18px 0 10px; }
.history-empty p { font-size: 13px; color: #acbbc5; line-height: 1.8; margin: 0 0 22px; }
.history-empty .button { font-size: 12px; }
.history-skeleton { display: grid; gap: 12px; }
.history-skeleton span { height: 180px; border-radius: 12px; background: #ffffff04; animation: history-pulse 1.3s ease-in-out infinite alternate; }
.history-return { display: block; margin: 20px auto 0; padding: 8px 0; font-size: 12px; }
.account-actions .account-refresh-symbol { width: 16px; height: 16px; }
@keyframes history-pulse { to { opacity: .3; } }
@keyframes history-row-in { from { opacity: 0; transform: translateY(5px); } to { opacity: 1; transform: translateY(0); } }
@media(max-width:760px) {
  .intro-benefits .benefits > div { align-items: flex-start; min-width: 0; }
  .intro-benefits .benefits small { font-size: 11px; }
  .intro-benefits .benefits strong { font-size: 12px; }
  .intro-benefits .benefits .benefit-icon { flex-shrink: 0; }
  .shop-banner p,.info-card p,.news-preview p { font-size: 12px; }
  .purchase-consent { font-size: 12px; }
  .rules-section summary h2,.faq-item summary { font-size: 14px; }
}
@media(max-width:420px) {
  .order-history-row { padding: 14px; }
  .order-history-title { gap: 7px; }
  .order-history-title h3 { font-size: 12px; }
  .order-history-amount { font-size: 18px; }
  .order-history-icon { width: 26px; }
  .order-history-icon > .icon { width: 27px; height: 31px; }
  .account-view-tabs button { gap: 6px; font-size: 11px; padding: 8px 5px; }
  .account-view-tabs button > .icon { width: 20px; height: 20px; }
  .account-history-heading h2 { font-size: 22px; }
  .order-history-credit { grid-template-columns: 1fr 1.5fr; }
}
@media(prefers-reduced-motion:reduce) { .order-history-row,.history-skeleton span { animation: none; } .account-view-tabs button { transition: none; } }
.header .brand > .server-emblem {
  width: 78px; height: 72px; object-fit: contain; background: transparent;
  filter: drop-shadow(0 2px 7px #0003);
}
.header.is-scrolled .brand > .server-emblem { width: 56px; height: 52px; }
.hero-copy .hero-title { position: relative; isolation: isolate; transform-origin: 45% 60%; }
.hero-title::before {
  content: ''; position: absolute; z-index: -1; inset: -35% -12%; pointer-events: none;
  background: radial-gradient(ellipse,#efad3f17,transparent 67%);
}
.hero-title img {
  filter: brightness(1.06) saturate(1.12) sepia(.04) contrast(1.04) drop-shadow(0 2px 0 #281c0d) drop-shadow(0 6px 13px #0007) drop-shadow(0 0 12px #eea52b1a);
}
.scene-ready .hero-copy .hero-title.hero-sequence {
  animation: wordmark-arrive 1.2s cubic-bezier(.16,1,.3,1) var(--entrance-delay,120ms) both;
}
.scene-ready .hero-title img { animation: wordmark-drift 7s ease-in-out 1.6s infinite; }
.motion-paused .hero-title img { animation-play-state: paused; }
@keyframes wordmark-arrive {
  from { opacity: 0; transform: translate3d(-32px,12px,0) rotate(-1deg) scale(.94); }
  to { opacity: 1; transform: translate3d(0,0,0) rotate(0) scale(1); }
}
@keyframes wordmark-drift { 0%,100% { transform: translateY(0); } 50% { transform: translateY(-2px); } }
@media(min-width:1360px) { .hero-copy .hero-title { width: min(37vw,555px); margin-bottom: 18px; } }
.footer .footer-brand { padding: 0; gap: 0; }
.footer .footer-brand > .server-emblem { width: 124px; height: 124px; object-fit: contain; background: transparent; filter: drop-shadow(0 4px 12px #0003); }
.header .header-inner::after { content: none; animation: none; }
.scene-preparing .hero-art,.scene-entering .hero-art { will-change: transform,opacity; backface-visibility: hidden; }
.scene-preparing .hero-title,.scene-entering .hero-title { will-change: transform,opacity; }
.scene-preparing .hero-title img,.scene-entering .hero-title img { will-change: transform; }
.page-hero-art.art-preparing { will-change: opacity; }
.topup-explainer .coin-pile--small { display: block; flex: 0 0 38px; width: 38px; height: 34px; }
.topup-bonus-icon .rendered-item { width: 40px; height: 40px; }
.topup-explainer > div > .rendered-item { width: 36px; height: 36px; }
.rendered-item { overflow: hidden; }
.rules-section-body ul { padding-left: 24px; margin: 0; display: grid; gap: 12px; }
.rules-section-body ul li::marker { color: #d0bb7d; }
.rules-section-body :is(ul,ol)+p,.rules-section-body p+:is(ul,ol) { margin-top: 16px; }
.skin-guest .skin-placeholder { color: #e2cf9f; font-size: 28px; font-weight: 700; }
.footer-crown { margin-bottom: 18px; }
.topup-total-visual > .coin-pile { display: block; width: 210px; height: 154px; margin: -20px 0 -3px; }
.coin-pile { position: relative; }
.topup-symbol .coin-pile--small { display: block; width: 51px; height: 49px; }
.coin-pile--small svg { object-fit: contain; }
.coin-pile svg { position: absolute; inset: 0; display: block; width: 100%; height: 100%; overflow: hidden; }
.coin-layer { opacity: 0; transform: translateY(4px) scale(.97); transform-origin: center bottom; transition: opacity .42s ease,transform .5s cubic-bezier(.2,.8,.2,1); }
.coin-layer.is-visible { opacity: 1; transform: translateY(0) scale(1); }
.coin-pile.is-invalid { opacity: .35; }
.coin-deposit { position: absolute; z-index: 2; left: calc(50% - 18px); top: 0; display: block; width: 36px; height: 30px; opacity: 0; pointer-events: none; }
.coin-deposit svg { clip-path: polygon(20% 8%,62% 4%,90% 24%,97% 53%,81% 84%,48% 96%,13% 84%,3% 59%,6% 31%); }

.button-primary,.button-small,.topup-summary .topup-submit {
  position: relative; isolation: isolate; overflow: hidden;
  border: 1px solid #f3d77b; border-radius: 8px;
  background: #f0cc64; background-image: none; color: #282210;
  font-weight: 700; text-shadow: none;
  box-shadow: 0 4px 18px #e2b8470c; transform: none;
  transition: background .22s,border-color .22s,box-shadow .22s,transform .22s,color .22s;
}
.button-primary::before,.button-small::before,.topup-summary .topup-submit::before {
  content: ''; position: absolute; z-index: -1; inset: 0; pointer-events: none;
  background: linear-gradient(105deg,transparent 25%,#fff5 48%,transparent 72%);
  transform: translateX(-110%); transition: transform .6s ease;
}
.button-primary::after,.button-small::after,.topup-summary .topup-submit::after { content: none; }
.button-primary:not(:disabled):is(:hover,:focus-visible),
.button-small:not(:disabled):is(:hover,:focus-visible),
.topup-summary .topup-submit:not(:disabled):is(:hover,:focus-visible) {
  background: #ffdf81; color: #282210; border-color: #ffe79d;
  box-shadow: 0 5px 25px #f3cc5026; transform: translateY(-1px);
}
.button-primary:not(:disabled):is(:hover,:focus-visible)::before,
.button-small:not(:disabled):is(:hover,:focus-visible)::before,
.topup-summary .topup-submit:not(:disabled):is(:hover,:focus-visible)::before { transform: translateX(110%); }
.button-primary:not(:disabled):active,.button-small:not(:disabled):active,
.topup-summary .topup-submit:not(:disabled):active { background: #e5bd50; border-color: #e5bd50; transform: none; box-shadow: none; }
.button-primary:focus-visible,.button-small:focus-visible,.topup-summary .topup-submit:focus-visible { outline: 2px solid #f5da88; outline-offset: 4px; }
.button-primary:disabled,.button-small:disabled,.topup-summary .topup-submit:disabled { opacity: .45; box-shadow: none; transform: none; cursor: not-allowed; }
.button-primary > .icon,.button-small > .icon,.topup-submit > .icon { transition: translate .22s ease; }
.button-primary:not(:disabled):hover > .icon,.button-small:not(:disabled):hover > .icon,.topup-submit:not(:disabled):hover > .icon { translate: 3px 0; }

.shop-banner {
  min-height: 234px; border-color: #b89b444d;
  background: radial-gradient(ellipse at 16% 50%,#b6802428,transparent 48%),linear-gradient(110deg,#181b18,#10181e 55%,#0c141a);
  transition: border-color .3s,box-shadow .3s;
}
.shop-banner:hover { border-color: #ddbd6470; box-shadow: 0 10px 34px #0003,0 0 24px #d0a74109; }
.shop-banner h2 { font-size: clamp(20px,1.5vw,23px); }
.shop-banner .shop-illustration { container-type: size; }
.shop-banner .shop-illustration::before,.shop-banner .shop-illustration::after { content: none; }
.shop-banner .treasure-glow {
  inset: 12% -10% 6%; width: auto; height: auto; border-radius: 50%;
  background: radial-gradient(ellipse,#e8b64630,transparent 68%);
  animation: chest-aura 5s ease-in-out infinite;
}
.shop-illustration .treasure.treasure-image {
  inset: 10px 4px; height: calc(100% - 20px); object-position: center;
  filter: drop-shadow(0 7px 14px #0004) drop-shadow(0 0 10px #ffc64c1a);
  animation: chest-float 6s ease-in-out infinite;
}
.chest-sparks { position: absolute; inset: 12% 12%; pointer-events: none; }
.chest-sparks i { position: absolute; width: 3px; height: 3px; border-radius: 1px; background: #ffe298; box-shadow: 0 0 8px #f9ca55; opacity: 0; animation: chest-spark 4.6s ease-in-out infinite; }
.chest-sparks i:nth-child(1) { left: 12%; top: 51%; animation-delay: -.4s; }
.chest-sparks i:nth-child(2) { left: 73%; top: 40%; animation-delay: -2.7s; }
.chest-sparks i:nth-child(3) { left: 31%; top: 20%; animation-delay: -1.4s; width: 2px; height: 2px; }
.chest-sparks i:nth-child(4) { left: 90%; top: 65%; animation-delay: -3.6s; width: 2px; height: 2px; }
.chest-sparks i:nth-child(5) { left: 52%; top: 76%; animation-delay: -1.9s; }
.chest-sparks i:nth-child(6) { left: 5%; top: 82%; animation-delay: -4s; width: 2px; height: 2px; }
.chest-glints { position: absolute; z-index: 2; inset: 10px 4px; display: grid; place-items: center; pointer-events: none; animation: chest-float 6s ease-in-out infinite; }
.chest-glint-map { position: relative; width: min(calc(100cqw - 8px),calc(100cqh - 20px)); aspect-ratio: 1; }
.chest-glint-map i { position: absolute; width: 20px; height: 20px; opacity: 0; transform: translate(-50%,-50%); background: radial-gradient(circle,#fffdf4 0 6%,#fff2beaa 14%,#ffd66c33 32%,transparent 66%); filter: drop-shadow(0 0 2px #ffcf5a70); }
.chest-glint-map i::before,.chest-glint-map i::after { content: ''; position: absolute; pointer-events: none; }
.chest-glint-map i::before { top: 0; left: calc(50% - .6px); width: 1.2px; height: 100%; background: linear-gradient(transparent,#fff8d8 42%,#fffef5 50%,#fff8d8 58%,transparent); }
.chest-glint-map i::after { left: 8%; top: calc(50% - .5px); width: 84%; height: 1px; background: linear-gradient(90deg,transparent,#fff4ca 38%,#fffef5 50%,#fff4ca 62%,transparent); }
@keyframes chest-float { 0%,100% { transform: translateY(2px); } 50% { transform: translateY(-5px); } }
@keyframes chest-aura { 0%,100% { opacity: .6; transform: scale(.96); } 50% { opacity: 1; transform: scale(1.04); } }
@keyframes chest-spark { 0%,100% { opacity: 0; transform: translateY(8px) scale(.6); } 28% { opacity: .7; } 70% { opacity: 0; transform: translateY(-23px) scale(.3); } }

@media(max-width:760px) {
  .hero-copy .hero-title { width: 94%; }
  .header .brand > .server-emblem { width: 70px; height: 66px; }
  .header.is-scrolled .brand > .server-emblem { width: 54px; height: 50px; }
  .footer .footer-brand > .server-emblem { width: 104px; height: 104px; }
  .footer-crown { gap: 16px; }
  .shop-banner { min-height: 0; }
}
@media(min-width:761px) and (max-width:1359px) { .hero-copy .hero-title { width: min(55vw,500px); } }
@media(prefers-reduced-motion:reduce) {
  .coin-layer { transition: none; }
  .coin-deposit { display: none; }
  .scene-ready .hero-copy .hero-title.hero-sequence,.scene-ready .hero-title img { animation: none; }
  .shop-banner .treasure-image,.shop-banner .treasure-glow,.chest-sparks i { animation: none; }
  .chest-sparks,.chest-glints { display: none; }
  .button-primary,.button-small,.topup-summary .topup-submit { transition: none; }
  .button-primary::before,.button-small::before,.topup-summary .topup-submit::before { content: none; }
}