


.tr-tag{flex: none;display: inline-flex;align-items: center;gap: 3px;height: 22px;padding: 0 8px 0 3px;border-radius: var(--r-pill);background: var(--gold-soft);color: var(--gold-text);box-shadow: inset 0 0 0 1px var(--gold-line);font: 700 11px/1 var(--font-body);white-space: nowrap}.tr-tag img{width: 16px;height: 16px}.tr-tag.is-over{background: var(--fill);color: var(--ink-3);box-shadow: inset 0 0 0 1px var(--line)}.tr-tag.is-over img, .tr-strip.is-over .tr-strip-chest{filter: grayscale(1);opacity: .7}.tr-strip{display: flex;align-items: center;gap: 10px;width: 100%;min-height: 44px;margin: 4px 0 2px;padding: 5px 10px 5px 5px;border: 0;border-radius: 16px;background: var(--gold-soft);box-shadow: inset 0 0 0 1px var(--gold-line);color: var(--gold-text);font: 400 13px/1.3 var(--font-body);text-align: left;cursor: pointer}.tr-strip strong{color: var(--ink);font-weight: 700}.tr-strip-chest{flex: none;width: 40px;height: 40px;margin: -4px 0}.tr-strip-text{flex: 1;min-width: 0}.tr-strip.is-over{background: var(--fill);box-shadow: inset 0 0 0 1px var(--line);color: var(--ink-3)}.tr-dots{flex: none;display: flex;gap: 4px;margin-left: auto}.tr-dots i{width: 8px;height: 8px;border-radius: 50%;background: var(--gold)}.tr-dots i.is-found{background: var(--line-strong)}.tr-dots b{font: 700 12px/1 var(--font-body);color: var(--gold-text)}.tr-strip.is-shine{background-image: linear-gradient(100deg, transparent 30%, var(--sheen) 50%, transparent 70%);background-size: 250% 100%;background-repeat: no-repeat;animation: tr-shine 1.4s var(--ease) .4s 1 both}@keyframes tr-shine{from{background-position: 120% 0}to{background-position: -40% 0}}@media (hover: hover){.tr-strip:hover{filter: brightness(.98)}}.tr-found{display: flex;align-items: center;gap: 10px;width: 100%;min-height: 48px;margin: 6px 0 2px;padding: 8px 10px;border: 0;border-radius: 16px;background: var(--gold-soft);box-shadow: inset 0 0 0 1px var(--gold-line);color: var(--ink);font: 400 14px/1.3 var(--font-body);text-align: left;cursor: pointer}.tr-faces{display: flex;flex: none}.tr-faces .avatar + .avatar{margin-left: -9px}.tr-faces .avatar{box-shadow: 0 0 0 2px var(--card)}.tr-someone{background: var(--fill)}.tr-found-text{flex: 1;min-width: 0}.tr-found-n{flex: none;color: var(--gold-text);font-weight: 700}.tr-won{display: flex;align-items: center;gap: 4px;margin: 4px 0 0;color: var(--gold-text);font: 700 12px/1.3 var(--font-body)}.tr-won img{width: 16px;height: 16px}.tr-menu-row{background: var(--gold-soft);box-shadow: inset 0 0 0 1px var(--gold-line)}.tr-menu-row .sheet-icon{background: transparent}.sheet-row[aria-disabled="true"]{opacity: .55;cursor: not-allowed}.tr-sheet h2{margin: 0;font: 800 22px/1.15 var(--font-display)}.tr-sub{margin: 2px 0 12px;color: var(--ink-3);font-size: 13px}.tr-rules{display: grid;gap: 8px;margin: 0 0 12px;padding: 0;list-style: none}.tr-rules li{display: flex;gap: 10px;align-items: flex-start;padding: 10px;border-radius: 14px;background: var(--fill);color: var(--ink-2);font-size: 13px}.tr-rules li .icon{flex: none;width: 20px;height: 20px;color: var(--gold-text)}.tr-rules strong{display: block;color: var(--ink);font-size: 14px}.tr-bar{display: flex;gap: 8px;margin: 0 -18px 12px;padding: 6px 18px;overflow-x: auto;scroll-snap-type: x proximity;scrollbar-width: none}.tr-bar::-webkit-scrollbar{display: none}.tr-bar[hidden]{display: none}.tr-pz{flex: none;scroll-snap-align: start;display: flex;align-items: center;gap: 12px;min-width: 236px;min-height: 68px;padding: 8px 14px 8px 10px;border-radius: 20px;background: var(--gold-soft);box-shadow: inset 0 0 0 1px var(--gold-line)}.tr-bar.is-single .tr-pz{flex: 1 1 auto;min-width: 0}.tr-pz img, .tr-pz .coin{flex: none;width: 44px;height: 44px}.tr-pz-tx{flex: 1;min-width: 0;display: grid;line-height: 1.25}.tr-pz-tx strong{color: var(--ink);font: 800 17px/1.15 var(--font-display)}.tr-pz-tx small{color: var(--gold-text);font: 700 12px/1.3 var(--font-body)}.tr-pz-n{flex: none;min-width: 32px;padding: 0 8px;border-radius: var(--r-pill);background: var(--ink);color: var(--card);font: 700 14px/26px var(--font-body);text-align: center;font-variant-numeric: tabular-nums}.tr-pz.is-gone{background: var(--fill);box-shadow: inset 0 0 0 1px var(--line)}.tr-pz.is-gone img, .tr-pz.is-gone .coin{filter: grayscale(1);opacity: .45}.tr-pz.is-gone strong, .tr-pz.is-gone small{color: var(--ink-3)}.tr-pz.is-gone .tr-pz-n{background: var(--line-strong);color: var(--ink-3)}.tr-list{margin: 0 0 8px;padding: 0;list-style: none}.tr-list li{display: flex;gap: 10px;align-items: flex-start;padding: 10px 0;border-top: 1px solid var(--line)}.tr-list .tr-body{flex: 1;min-width: 0;font-size: 13px;color: var(--ink-2)}.tr-list .tr-body strong{color: var(--ink);font-size: 14px}.tr-list .is-slot .tr-body{color: var(--ink-3);font-style: italic}.tr-prize{flex: none;display: inline-flex;align-items: center;gap: 4px;color: var(--gold-text);font: 700 13px/1 var(--font-body);white-space: nowrap}.tr-prize img{width: 26px;height: 26px}.tr-prize .coin{width: 16px;height: 16px}.tr-how{display: flex;flex-wrap: wrap;gap: 4px;margin-top: 4px}.tr-how span{padding: 2px 8px;border-radius: var(--r-pill);background: var(--success-soft);color: var(--success);font-size: 11px}.tr-proof{display: flex;justify-content: space-between;gap: 8px;flex-wrap: wrap;margin: 6px 0 12px;color: var(--ink-3);font-size: 12px}.tr-proof a{color: var(--link)}.tr-proof span, .tr-proof code{min-width: 0;max-width: 100%;overflow-wrap: anywhere;word-break: break-all}.tr-link{min-height: 44px;padding: 0 4px;border: 0;background: none;color: var(--link);font: inherit;cursor: pointer}.tr-code{display: block;margin: 6px 0 12px;padding: 10px 12px;border-radius: 12px;background: var(--fill);color: var(--ink-2);font: 12px/1.5 ui-monospace, Consolas, monospace;overflow-wrap: anywhere;word-break: break-all}.tr-actions{display: grid;gap: 8px}.tr-setup{padding-bottom: 0}.tr-bar{display: flex;align-items: center;gap: 6px;margin: 0 0 4px}.tr-bar h2{flex: 1;margin: 0;text-align: center;font: 800 20px/1.2 var(--font-display)}.tr-progress{display: grid;grid-template-columns: repeat(4, 1fr);gap: 4px;margin: 4px 0 12px}.tr-progress i{height: 4px;border-radius: 2px;background: var(--fill)}.tr-progress i.is-on{background: var(--gold)}.tr-note{display: flex;gap: 8px;margin: 0 0 10px;padding: 8px 10px;border-radius: 14px;background: var(--fill);color: var(--ink-2);font-size: 12px}.tr-note strong{color: var(--ink)}.tr-rate{margin: 10px 0 2px;padding: 10px 12px;border-radius: 14px;background: var(--gold-soft);color: var(--gold-text);font-size: 12px;line-height: 1.45}.tr-rate strong{color: var(--gold-ink)}.tr-real{margin-top: 6px;text-align: right}.tr-before{margin: 12px 0 14px;padding: 14px 16px;border-radius: 16px;background: var(--fill);color: var(--ink-2);font-size: 13px;line-height: 1.5}.tr-before strong{display: block;margin-bottom: 4px;color: var(--ink);font-size: 14px}.tr-before p{margin: 0}.tr-label{margin: 12px 0 6px;font: 700 13px/1.3 var(--font-body)}.tr-seg{display: flex;gap: 4px;padding: 4px;border-radius: var(--r-pill);background: var(--fill)}.tr-seg button{flex: 1;min-height: 40px;border: 0;border-radius: var(--r-pill);background: transparent;color: var(--ink-2);font: 500 14px/1 var(--font-body);cursor: pointer}.tr-seg button[aria-checked="true"]{background: var(--card);color: var(--success);font-weight: 700;box-shadow: var(--shadow-card)}.tr-chips{display: flex;flex-wrap: wrap;gap: 6px}.tr-chip{min-height: 44px;display: inline-flex;align-items: center;gap: 4px;padding: 0 12px;border: 1px solid var(--line-strong);border-radius: var(--r-pill);background: var(--card);color: var(--ink);font: 600 14px/1 var(--font-body);cursor: pointer}.tr-chip[aria-checked="true"]{border-color: var(--success);background: var(--success-soft);color: var(--success)}.tr-chip .coin, .tr-total .coin, .tr-sum .coin, .tr-gift .coin{width: 14px;height: 14px}.tr-amount{display: flex;align-items: center;gap: 8px;margin-top: 8px;padding: 0 12px;min-height: 48px;border: 1px solid var(--line-strong);border-radius: var(--r-input);background: var(--card)}.tr-amount input{flex: 1;min-width: 0;border: 0;background: transparent;color: var(--ink);font: 700 18px/1 var(--font-body)}.tr-amount input:focus{outline: 0}.tr-stepper{display: flex;align-items: center;justify-content: space-between;padding: 4px;border: 1px solid var(--line);border-radius: 18px}.tr-stepper button{width: 44px;height: 44px;border: 0;border-radius: 14px;background: var(--fill);color: var(--ink);font: 700 22px/1 var(--font-body);cursor: pointer}.tr-stepper output{font: 800 26px/1 var(--font-display)}.tr-gifts{display: grid;grid-template-columns: repeat(4, minmax(0, 1fr));gap: 6px}.tr-gift-cell{position: relative}.tr-gift{position: relative;width: 100%;display: grid;justify-items: center;min-height: 88px;padding: 8px 2px 6px;border: 1px solid var(--line);border-radius: 16px;background: var(--card);color: var(--ink);font: 400 11px/1.2 var(--font-body);cursor: pointer}.tr-gift img{width: 36px;height: 36px;margin-bottom: 2px}.tr-gift b{font-size: 12px;font-weight: 600}.tr-gift span{color: var(--gold-text);font-weight: 700}.tr-gift.is-picked{border-color: var(--success);background: var(--success-soft)}.tr-gift-n{position: absolute;top: 4px;right: 4px;min-width: 20px;height: 20px;padding: 0 5px;border-radius: var(--r-pill);background: var(--success);color: var(--card);font: 700 11px/20px var(--font-body)}.tr-gift-less{position: absolute;top: 2px;left: 2px;width: 28px;height: 28px;border: 0;border-radius: 50%;background: var(--card);box-shadow: var(--shadow-card);color: var(--ink);font: 700 16px/1 var(--font-body);cursor: pointer}.tr-total{display: flex;justify-content: space-between;align-items: center;margin-top: 10px;padding: 10px 12px;border-radius: 16px;background: var(--fill);color: var(--ink-2);font-size: 13px}.tr-total b{display: inline-flex;align-items: center;gap: 4px;color: var(--ink);font: 800 20px/1 var(--font-display)}.tr-rows{display: grid;border: 1px solid var(--line);border-radius: 18px;overflow: hidden}.tr-row{display: flex;align-items: center;gap: 12px;width: 100%;min-height: 56px;padding: 8px 12px;border: 0;border-top: 1px solid var(--line);background: var(--card);color: var(--ink);text-align: left;cursor: pointer}.tr-row:first-child{border-top: 0}.tr-row > span:first-child{flex: 1;display: grid;line-height: 1.25}.tr-row strong{font-size: 14px;font-weight: 600}.tr-row small{color: var(--ink-3);font-size: 12px}.tr-row-value{color: var(--success);font: 700 13px/1 var(--font-body);white-space: nowrap}@media (hover: hover){.tr-row:hover, .tr-chip:hover, .tr-gift:hover{background: var(--hover)}}.tr-switch{position: relative;flex: none;width: 46px;height: 28px;border-radius: 14px;background: var(--line-strong);transition: background var(--t-fast) var(--ease)}.tr-switch::after{content: "";position: absolute;top: 3px;left: 3px;width: 22px;height: 22px;border-radius: 50%;background: var(--card);box-shadow: var(--shadow-card);transition: transform var(--t-fast) var(--ease)}[aria-checked="true"] > .tr-switch{background: var(--success)}[aria-checked="true"] > .tr-switch::after{transform: translateX(18px)}.tr-help{margin: 6px 2px 0;color: var(--ink-3);font-size: 12px}.tr-hide{display: flex;align-items: center;gap: 10px;margin-top: 12px;padding: 12px;border-radius: 18px;background: var(--gold-soft);box-shadow: inset 0 0 0 1px var(--gold-line);color: var(--gold-text);font-size: 13px}.tr-hide img{flex: none;width: 40px;height: 40px}.tr-hide strong{display: block;color: var(--ink);font-size: 14px}.tr-sum{display: grid;border: 1px solid var(--line);border-radius: 18px;overflow: hidden}.tr-sum div{display: flex;justify-content: space-between;gap: 10px;padding: 10px 12px;border-top: 1px solid var(--line);color: var(--ink-2);font-size: 13px}.tr-sum div:first-child{border-top: 0}.tr-sum b{display: inline-flex;align-items: center;gap: 4px;color: var(--ink);text-align: right}.tr-sum .is-big{background: var(--fill)}.tr-sum .is-big b{font: 800 20px/1 var(--font-display)}.tr-bottom{position: sticky;bottom: 0;margin: 12px -16px 0;padding: 10px 16px calc(12px + env(safe-area-inset-bottom, 0px));background: var(--card)}.tr-status{min-height: 18px;margin: 0 0 6px;color: var(--danger);font-size: 12px;text-align: center}.tr-next{width: 100%;min-height: 52px;display: flex;align-items: center;justify-content: center;gap: 8px;border: 0;border-radius: var(--r-pill);background: var(--gold);color: var(--gold-ink);font: 800 16px/1 var(--font-body);cursor: pointer}.tr-next[disabled]{opacity: .5;cursor: not-allowed}.tr-next.is-topup{background: var(--black);color: var(--on-black)}.tr-next .icon{width: 18px;height: 18px}.tr-tool img{width: 26px;height: 26px}.tr-tool.is-on{background: var(--gold-soft)}.composer-tr-card{display: flex;align-items: center;gap: 10px;margin: 8px 0;padding: 10px;border-radius: 18px;background: var(--gold-soft);box-shadow: inset 0 0 0 1px var(--gold-line)}.composer-tr-card[hidden]{display: none}.composer-tr-card img{flex: none;width: 40px;height: 40px}.composer-tr-card span{flex: 1;min-width: 0;color: var(--gold-text);font-size: 13px;line-height: 1.3}.composer-tr-card strong{display: block;color: var(--ink);font-size: 15px}.composer-tr-card button{flex: none;width: 44px;height: 44px;display: grid;place-items: center;border: 0;border-radius: 50%;background: transparent;color: var(--ink-3);cursor: pointer}.tr-hit{position: fixed;inset: 0;z-index: 90;display: grid;place-items: center}.tr-veil{position: absolute;inset: 0;background: var(--scrim);opacity: 0;transition: opacity .3s}.tr-hit.is-on .tr-veil{opacity: 1}.tr-col{position: relative;display: grid;justify-items: center;width: 100%;padding: 0 16px}.tr-box{position: relative;width: 210px;height: 210px;display: grid;place-items: center}.tr-chest{position: relative;z-index: 2;width: 170px;height: 170px;transform: scale(.3);opacity: 0}.tr-chest img{position: absolute;inset: 0;width: 100%;height: 100%}.tr-lid{transform-origin: 15% 50%;transition: transform .5s cubic-bezier(.3, 1.6, .5, 1)}.tr-hit.is-on .tr-chest{animation: tr-pop .45s var(--ease) forwards}@keyframes tr-pop{to{transform: scale(1);opacity: 1}}.tr-hit.is-shake .tr-chest{animation: tr-shake .55s ease-in-out forwards;transform: scale(1);opacity: 1}@keyframes tr-shake{0%, 100%{transform: rotate(0) scale(1)}20%{transform: rotate(-6deg) scale(1.03)}40%{transform: rotate(6deg) scale(1.05)}60%{transform: rotate(-4deg) scale(1.05)}80%{transform: rotate(3deg) scale(1.03)}}.tr-hit.is-open .tr-chest{animation: none;transform: scale(1);opacity: 1}.tr-hit.is-open .tr-lid{transform: translate(-6px, -16px) rotate(-32deg)}.tr-rays{position: absolute;inset: -40px;z-index: 1;border-radius: 50%;background: repeating-conic-gradient(from 0deg, transparent 0 7%, var(--gold-ring) 8% 10%, transparent 11% 12.5%);-webkit-mask: radial-gradient(circle, black 20%, transparent 68%);mask: radial-gradient(circle, black 20%, transparent 68%);opacity: 0;transform: scale(.4)}.tr-hit.is-open .tr-rays{opacity: 1;transform: scale(1);transition: opacity .4s, transform .6s var(--ease);animation: tr-spin 9s linear infinite}@keyframes tr-spin{to{rotate: 360deg}}.tr-burst{position: absolute;left: 50%;top: 46%;z-index: 3;margin: -12px;opacity: 0}.tr-hit.is-open .tr-burst{animation: tr-burst .9s var(--ease) forwards;animation-delay: var(--d, 0s)}@keyframes tr-burst{0%{opacity: 1;transform: translate(0, 10px) scale(.4)}100%{opacity: 1;transform: translate(var(--dx), var(--dy)) scale(1)}}.tr-giftout{position: absolute;left: 50%;top: 36%;z-index: 4;width: 96px;height: 96px;margin-left: -48px;opacity: 0}.tr-hit.is-open .tr-giftout{animation: tr-rise .8s cubic-bezier(.3, 1.5, .5, 1) .15s forwards}@keyframes tr-rise{from{opacity: 0;transform: translateY(40px) scale(.4)}to{opacity: 1;transform: translateY(-84px) scale(1)}}.tr-fly{position: fixed;z-index: 95;pointer-events: none;margin: 0}.tr-card{position: relative;z-index: 5;width: 100%;max-width: 320px;margin-top: 8px;padding: 16px;border-radius: var(--r-card);background: var(--card);box-shadow: var(--shadow-float);text-align: center;opacity: 0;transform: translateY(16px);transition: opacity .35s, transform .35s var(--ease)}.tr-hit.is-done .tr-card{opacity: 1;transform: none}.tr-card h2{margin: 0;font: 800 24px/1.1 var(--font-display)}.tr-amt{display: flex;justify-content: center;align-items: center;gap: 8px;margin: 4px 0;color: var(--gold-text);font: 800 32px/1.15 var(--font-display)}.tr-amt img{width: 40px;height: 40px}.tr-amt .coin{width: 28px;height: 28px}.tr-amt small{color: var(--ink-3);font: 600 13px/1 var(--font-body)}.tr-card p{margin: 0 0 12px;color: var(--ink-2);font-size: 13px}.top-chip.tr-bump{animation: tr-bump .5s var(--ease)}@keyframes tr-bump{40%{transform: scale(1.18)}}@media (prefers-reduced-motion: reduce){.tr-strip.is-shine{animation: none;background-image: none}.tr-hit *, .tr-hit{animation-duration: 1ms !important;animation-iteration-count: 1 !important;transition-duration: 1ms !important}}:root[data-saver="on"] .tr-strip.is-shine{animation: none;background-image: none}.tr-gone{display: none !important}