*,:before,:after{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:#3b82f680;--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::-ms-backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:#3b82f680;--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:#3b82f680;--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }*,:before,:after{box-sizing:border-box;border:0 solid #e5e7eb}:before,:after{--tw-content:""}html,:host{-webkit-text-size-adjust:100%;tab-size:4;-webkit-font-feature-settings:normal;font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent;font-family:ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;line-height:1.5}body{line-height:inherit;margin:0}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{-webkit-font-feature-settings:normal;font-feature-settings:normal;font-variation-settings:normal;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{-webkit-font-feature-settings:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-family:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:#0000;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{margin:0;padding:0;list-style:none}dialog{padding:0}textarea{resize:vertical}input::-webkit-input-placeholder{opacity:1;color:#9ca3af}textarea::-webkit-input-placeholder{opacity:1;color:#9ca3af}:is(input:-ms-placeholder-shown,textarea:-ms-placeholder-shown){opacity:1;color:#9ca3af}:is(input:placeholder-shown,textarea:placeholder-shown){opacity:1;color:#9ca3af}input::-moz-placeholder{opacity:1;color:#9ca3af}textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}:root{--css-interop-darkMode:media;--css-interop:true;--css-interop-nativewind:true}.visible{visibility:visible}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.block{display:block}.inline{display:inline}.flex{display:flex}.table{display:table}.grid{display:grid}.hidden{display:none}.grow{flex-grow:1}.transform{-webkit-transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.border{border-width:1px}.uppercase{text-transform:uppercase}.capitalize{text-transform:capitalize}.shadow{--tw-shadow:0px 1px 4px #00000059;--tw-shadow-colored:0px 1px 4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000), var(--tw-ring-shadow,0 0 #0000), var(--tw-shadow)}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}html,body,#root{color:#f3ead8;background:#08070b;height:100%;min-height:100%}body{font-family:Outfit,system-ui,sans-serif}.tr-atmosphere{background:radial-gradient(90% 55% at 50% -8%,#e85d2a2e,#0000 58%),radial-gradient(70% 55% at 100% 110%,#d4af3717,#0000 62%),radial-gradient(55% 45% at -5% 85%,#67e8f90d,#0000 60%),linear-gradient(#1a1208 0%,#08070b 42%,#0a0814 100%);flex-direction:column;flex:auto;width:100%;height:100%;min-height:100%;display:flex;position:relative;overflow:hidden}.tr-atmosphere:before{content:"";pointer-events:none;z-index:0;background:radial-gradient(#0000 50%,#0000008c 100%);position:absolute;inset:0}.tr-atmosphere>*{z-index:1;position:relative}.tr-panel{background:linear-gradient(#1a1624eb,#121018f5);border:1px solid #c4a35a47;border-radius:16px;padding:22px;box-shadow:0 0 0 1px #0006,0 20px 50px #00000073,inset 0 1px #f0d78c14}.tr-crest{filter:drop-shadow(0 0 18px #d4af3759);place-items:center;width:96px;height:96px;margin:0 auto 18px;display:grid}.tr-btn-gold{color:#1a1408;box-shadow:0 8px 24px #d4af3747,inset 0 1px #fff6;background:linear-gradient(#f0d78c,#c9a227)!important}.tr-play-cta{box-shadow:0 16px 40px #e85d2a2e;background:radial-gradient(at 50% 0,#e85d2a59,#0000 60%),linear-gradient(#2a1c0c,#161018)!important;border:1px solid #d4af37!important}.tr-hall-play{background:radial-gradient(90% 80% at 0 100%,#e85d2a47,#0000 55%),linear-gradient(#24160c 0%,#120e0c 100%)!important}.tr-hall-play.warn{background:radial-gradient(80% 70% at 100% 0,#d4af3724,#0000 50%),linear-gradient(#1a1610 0%,#0e0c0a 100%)!important}.tr-mode-ranked{box-shadow:0 14px 36px #e85d2a1f,inset 0 1px #f0d78c14;background:radial-gradient(at 0 0,#e85d2a38,#0000 55%),linear-gradient(#2a1c0ce6,#121018f5)!important}.tr-mode-bots{box-shadow:inset 0 1px #67e8f914;background:radial-gradient(at 100% 0,#67e8f91f,#0000 55%),linear-gradient(#121c20e6,#121018f5)!important}.tr-mode-locked{background:linear-gradient(#121018b3,#0c0a10e6)!important}.tr-input{box-shadow:inset 0 1px #00000059;background:#0c0a12!important;border:1px solid #c4a35a47!important}.tr-input:focus{outline:none;box-shadow:0 0 0 3px #d4af3726;border-color:#d4af37!important}.tr-pack-open{width:100vw;max-width:none;height:100dvh;box-shadow:none;z-index:10000;background:#050409eb;border:none;border-radius:0;outline:none;flex-direction:column;justify-content:flex-start;align-items:stretch;margin:0;padding:0;display:flex;position:fixed;inset:0;overflow:hidden}.tr-pack-flash{pointer-events:none;opacity:0;z-index:1;position:absolute;inset:0}.tr-pack-flash.rare{background:#60a5fa}.tr-pack-flash.epic{background:#a78bfa}.tr-pack-flash.legendary{background:#fbbf24}.tr-pack-flash.go{animation:.7s ease-out forwards tr-pack-flash}@keyframes tr-pack-flash{0%{opacity:.5}to{opacity:0}}.tr-pack-open-scroll{z-index:2;-webkit-overflow-scrolling:touch;flex-direction:column;flex:auto;align-items:center;min-height:0;padding:28px 20px 16px;display:flex;position:relative;overflow:hidden auto}.tr-pack-open-stage{text-align:center;flex-shrink:0;width:100%;max-width:none;margin-top:auto;margin-bottom:auto;position:relative}.tr-pack-open-stage h2{color:#f0d78c;letter-spacing:.12em;text-transform:uppercase;margin:0 0 8px;font-family:Cinzel,serif;font-size:clamp(22px,3vw,32px);font-weight:700}.tr-pack-hint{color:#c9b896;margin:0 0 8px;font-family:Outfit,system-ui,sans-serif;font-size:14px}.tr-pack-seals{width:100%;min-height:360px;max-width:calc(5 * var(--seal-slot-w,180px) + 4 * 32px);flex-wrap:wrap;justify-content:center;align-items:flex-start;gap:28px 32px;margin:28px auto;display:flex}.tr-seal-slot{flex-direction:column;align-items:center;gap:12px;transition:transform .25s;display:flex}.tr-seal-rarity{letter-spacing:.14em;text-transform:uppercase;color:#8f836c;min-height:18px;font-family:Outfit,system-ui,sans-serif;font-size:12px;font-weight:600;transition:color .25s,text-shadow .25s,transform .25s,letter-spacing .25s,font-size .25s}.tr-seal-rarity.shown{font-weight:700}.tr-seal-slot:has(.tr-seal-card.revealed):hover .tr-seal-rarity.shown{letter-spacing:.2em;text-shadow:0 0 16px,0 0 28px;font-size:14px;transform:translateY(2px)}.tr-seal-card{perspective:1400px;cursor:pointer;will-change:transform, filter;transition:transform .3s,filter .3s;animation:.7s cubic-bezier(.2,.9,.3,1.2) both tr-seal-fly-in}.tr-seal-slot:first-child .tr-seal-card{animation-delay:80ms}.tr-seal-slot:nth-child(2) .tr-seal-card{animation-delay:.2s}.tr-seal-slot:nth-child(3) .tr-seal-card{animation-delay:.32s}.tr-seal-slot:nth-child(4) .tr-seal-card{animation-delay:.44s}.tr-seal-slot:nth-child(5) .tr-seal-card{animation-delay:.56s}.tr-seal-slot:nth-child(6) .tr-seal-card{animation-delay:.68s}.tr-seal-slot:nth-child(7) .tr-seal-card{animation-delay:.8s}.tr-seal-card.settled{animation:none}.tr-seal-card.settled.rare.charging{animation:.28s ease-out tr-rare-charge}.tr-seal-card.settled.epic.charging{animation:.42s ease-in-out tr-epic-charge}.tr-seal-card.settled.legendary.charging{animation:.55s ease-in-out tr-legend-charge}@keyframes tr-seal-fly-in{0%{opacity:0;transform:translateY(-280px)scale(.2)rotate(-18deg)}to{opacity:1;transform:none}}.tr-seal-inner{width:100%;height:100%;-webkit-transform-style:preserve-3d;transform-style:preserve-3d;transition:transform .45s ease-in-out;position:relative}.tr-seal-card.revealed .tr-seal-inner{transform:rotateY(180deg)}.tr-seal-card.rare.revealed .tr-seal-inner{transition-duration:.56s}.tr-seal-card.epic.revealed .tr-seal-inner{transition-duration:.74s}.tr-seal-card.legendary.revealed .tr-seal-inner{transition-duration:.98s}.tr-seal-face{backface-visibility:hidden;background:0 0;border:none;border-radius:8px;position:absolute;inset:0;overflow:visible}.tr-seal-back{box-shadow:none;justify-content:center;align-items:center;display:flex}.tr-seal-back .crest-mark{filter:grayscale(.2);font-size:clamp(40px,8vw,64px);line-height:1}.tr-seal-back .crest-img{aspect-ratio:1;-o-object-fit:contain;object-fit:contain;opacity:.92;width:46%;max-width:120px}.tr-seal-back .mark{letter-spacing:.08em;color:#d4af37;opacity:.85;font-family:Outfit,system-ui,sans-serif;font-size:clamp(8px,1.2vw,11px);font-weight:800;position:absolute;bottom:16px}.tr-seal-front{justify-content:center;align-items:center;display:flex;transform:rotateY(180deg)}.tr-seal-shimmer{pointer-events:none;opacity:0;z-index:4;background:linear-gradient(115deg, transparent 0%, transparent 38%, #ffffff14 46%, var(--seal-shimmer,#ffffff73) 50%, #ffffff14 54%, transparent 62%, transparent 100%);mix-blend-mode:screen;background-position:-120% 0;background-size:220% 100%;border-radius:8px;position:absolute;inset:0;overflow:hidden}.tr-seal-shimmer.common{--seal-shimmer:#9ca3afb3}.tr-seal-shimmer.rare{--seal-shimmer:#60a5fad9}.tr-seal-shimmer.epic{--seal-shimmer:#a78bfae6}.tr-seal-shimmer.legendary{--seal-shimmer:#fbbf24f2}.tr-seal-card.revealed:hover .tr-seal-shimmer{animation:1.1s ease-out forwards tr-card-shimmer}@keyframes tr-card-shimmer{0%{opacity:0;background-position:-120% 0}12%{opacity:1}85%{opacity:1}to{opacity:0;background-position:120% 0}}.tr-seal-card:not(.revealed):not(.charging):hover{filter:drop-shadow(0 10px 18px #d4af3747);transform:translateY(-6px)scale(1.03)}.tr-seal-card.common.revealed:hover{filter:drop-shadow(0 0 10px #9ca3af8c)drop-shadow(0 14px 28px #00000073);z-index:5;transform:translateY(-10px)scale(1.06)}.tr-seal-card.rare.revealed:hover{filter:drop-shadow(0 0 18px #60a5fad9)drop-shadow(0 0 36px #60a5fa73)drop-shadow(0 16px 32px #00000073);z-index:5;animation:1.6s ease-in-out infinite tr-rare-hover-pulse;transform:translateY(-12px)scale(1.08)}.tr-seal-card.epic.revealed:hover{filter:drop-shadow(0 0 22px #a78bfae6)drop-shadow(0 0 44px #a78bfa80)drop-shadow(0 18px 34px #00000080);z-index:5;animation:1.4s ease-in-out infinite tr-epic-hover-pulse;transform:translateY(-14px)scale(1.09)}.tr-seal-card.legendary.revealed:hover{filter:drop-shadow(0 0 26px #fbbf24f2)drop-shadow(0 0 52px #fbbf248c)drop-shadow(0 20px 36px #0000008c);z-index:5;animation:1.2s ease-in-out infinite tr-legend-hover-pulse;transform:translateY(-16px)scale(1.1)}.tr-collection-card{cursor:pointer;border-radius:8px;transition:transform .25s,filter .25s;position:relative}.tr-collection-card:hover{z-index:5}.tr-collection-card:hover .tr-seal-shimmer{animation:1.1s ease-out forwards tr-card-shimmer}.tr-collection-card.common:hover{filter:drop-shadow(0 0 10px #9ca3af8c)drop-shadow(0 14px 28px #00000073);transform:translateY(-10px)scale(1.06)}.tr-collection-card.rare:hover{filter:drop-shadow(0 0 18px #60a5fad9)drop-shadow(0 0 36px #60a5fa73)drop-shadow(0 16px 32px #00000073);transform:translateY(-12px)scale(1.08)}.tr-collection-card.epic:hover{filter:drop-shadow(0 0 22px #a78bfae6)drop-shadow(0 0 44px #a78bfa80)drop-shadow(0 18px 34px #00000080);transform:translateY(-14px)scale(1.09)}.tr-collection-card.legendary:hover{filter:drop-shadow(0 0 26px #fbbf24f2)drop-shadow(0 0 52px #fbbf248c)drop-shadow(0 20px 36px #0000008c);transform:translateY(-16px)scale(1.1)}.tr-collection-card.is-disabled,.tr-collection-card.is-disabled:hover{filter:none;cursor:default;animation:none;transform:none}.tr-collection-card.is-disabled:hover .tr-seal-shimmer{animation:none}@keyframes tr-rare-hover-pulse{0%,to{filter:drop-shadow(0 0 14px #60a5fab3)drop-shadow(0 0 28px #60a5fa59)drop-shadow(0 16px 32px #00000073)}50%{filter:drop-shadow(0 0 24px #60a5fa)drop-shadow(0 0 48px #60a5fa8c)drop-shadow(0 16px 32px #00000073)}}@keyframes tr-epic-hover-pulse{0%,to{filter:drop-shadow(0 0 18px #a78bfabf)drop-shadow(0 0 36px #a78bfa66)drop-shadow(0 18px 34px #00000080)}50%{filter:drop-shadow(0 0 28px #a78bfa)drop-shadow(0 0 56px #a78bfa99)drop-shadow(0 18px 34px #00000080)}}@keyframes tr-legend-hover-pulse{0%,to{filter:drop-shadow(0 0 20px #fbbf24cc)drop-shadow(0 0 40px #fbbf2473)drop-shadow(0 20px 36px #0000008c)}50%{filter:drop-shadow(0 0 34px #fbbf24)drop-shadow(0 0 64px #fbbf24b3)drop-shadow(0 20px 36px #0000008c)}}.tr-seal-card.rare.charging{animation:.28s ease-out tr-rare-charge}.tr-seal-card.epic.charging{animation:.42s ease-in-out tr-epic-charge}.tr-seal-card.legendary.charging{animation:.55s ease-in-out tr-legend-charge}@keyframes tr-rare-charge{0%,to{filter:none;transform:scale(1)}50%{filter:drop-shadow(0 0 16px #60a5fa);transform:scale(1.12)}}@keyframes tr-epic-charge{0%,to{filter:none;transform:scale(1)}20%{filter:drop-shadow(0 0 18px #a78bfa);transform:translate(-5px)scale(1.16)}40%{transform:translate(5px)scale(1.16)}60%{filter:drop-shadow(0 0 22px #a78bfa);transform:translate(-4px)scale(1.18)}80%{transform:translate(4px)scale(1.14)}}@keyframes tr-legend-charge{0%{filter:none;transform:scale(1)}30%{filter:drop-shadow(0 0 22px #fbbf24);transform:translate(-6px)scale(1.2)}50%{filter:drop-shadow(0 0 36px #fbbf24);transform:translate(6px)scale(1.28)}70%{transform:translate(-4px)scale(1.24)}to{filter:drop-shadow(0 0 28px #fbbf24);transform:scale(1.08)}}.tr-seal-card.rare.revealed{filter:drop-shadow(0 0 14px #60a5fa8c)}.tr-seal-card.epic.revealed{filter:drop-shadow(0 0 18px #a78bfab3)}.tr-seal-card.legendary.revealed{filter:drop-shadow(0 0 24px #fbbf24d9)}.tr-pack-collect{z-index:3;width:100%;padding:16px 20px calc(20px + env(safe-area-inset-bottom,0px));background:linear-gradient(#0000 0%,#050409eb 28%,#050409f5 100%);border-top:1px solid #c4a35a2e;flex-wrap:wrap;flex-shrink:0;justify-content:center;align-items:stretch;gap:12px;display:flex;position:relative}.tr-pack-collect>*{flex:160px;width:auto;max-width:280px}.tr-shop-offer,.tr-shop-stock{--shop-accent:#d4af37;transition:transform .28s,box-shadow .28s,border-color .28s,filter .28s}.tr-shop-offer.standard,.tr-shop-stock.standard,.tr-shop-decide.standard{--shop-accent:#d4af37}.tr-shop-offer.fire,.tr-shop-stock.fire,.tr-shop-decide.fire{--shop-accent:#ef4444}.tr-shop-offer.water,.tr-shop-stock.water,.tr-shop-decide.water{--shop-accent:#3b82f6}.tr-shop-offer.earth,.tr-shop-stock.earth,.tr-shop-decide.earth{--shop-accent:#4ade80}.tr-shop-offer.shadow,.tr-shop-stock.shadow,.tr-shop-decide.shadow{--shop-accent:#a78bfa}.tr-shop-offer.light,.tr-shop-stock.light,.tr-shop-decide.light{--shop-accent:#f5d78e}.tr-shop-offer.thunder,.tr-shop-stock.thunder,.tr-shop-decide.thunder{--shop-accent:#38bdf8}.tr-shop-offer:hover{z-index:2;transform:translateY(-8px)scale(1.015);border-color:color-mix(in srgb, var(--shop-accent) 55%, #c4a35a47)!important;box-shadow:0 0 0 1px #00000059, 0 22px 48px #00000073, 0 0 28px color-mix(in srgb, var(--shop-accent) 38%, transparent), 0 0 56px color-mix(in srgb, var(--shop-accent) 18%, transparent), inset 0 1px 0 #f0d78c1f!important}.tr-shop-stock.owned:hover{transform:translateY(-3px);border-color:color-mix(in srgb, var(--shop-accent) 50%, #c4a35a47)!important;box-shadow:0 14px 32px #0006, 0 0 22px color-mix(in srgb, var(--shop-accent) 30%, transparent)!important}.tr-shop-shimmer{pointer-events:none;z-index:1;opacity:0;border-radius:inherit;background:linear-gradient(115deg, transparent 0%, transparent 38%, color-mix(in srgb, var(--shop-accent) 15%, transparent) 46%, color-mix(in srgb, var(--shop-accent) 70%, white) 50%, color-mix(in srgb, var(--shop-accent) 15%, transparent) 54%, transparent 62%, transparent 100%);mix-blend-mode:screen;background-position:-120% 0;background-size:220% 100%;position:absolute;inset:0}.tr-shop-offer:hover .tr-shop-shimmer{animation:1.1s ease-out forwards tr-shop-shimmer-sweep}@keyframes tr-shop-shimmer-sweep{0%{opacity:0;background-position:-120% 0}12%{opacity:.85}85%{opacity:.85}to{opacity:0;background-position:120% 0}}.tr-shop-seal{z-index:2;animation:3.2s ease-in-out infinite tr-shop-seal-pulse;position:relative}.tr-shop-offer.fire .tr-shop-seal{animation-delay:.1s}.tr-shop-offer.water .tr-shop-seal{animation-delay:.35s}.tr-shop-offer.earth .tr-shop-seal{animation-delay:.55s}.tr-shop-offer.shadow .tr-shop-seal{animation-delay:.75s}.tr-shop-offer.light .tr-shop-seal{animation-delay:.95s}.tr-shop-offer.thunder .tr-shop-seal{animation-delay:1.15s}@keyframes tr-shop-seal-pulse{0%,to{filter:drop-shadow(0 0 6px color-mix(in srgb, var(--shop-accent) 35%, transparent));transform:translateY(0)}50%{filter:drop-shadow(0 0 18px color-mix(in srgb, var(--shop-accent) 70%, transparent));transform:translateY(-2px)}}.tr-shop-seal-glow{pointer-events:none;background:radial-gradient(circle at 50% 42%, color-mix(in srgb, var(--shop-accent) 35%, transparent), transparent 68%);opacity:.55;animation:2.8s ease-in-out infinite tr-shop-glow-breathe;position:absolute;inset:-20%}@keyframes tr-shop-glow-breathe{0%,to{opacity:.35;transform:scale(.92)}50%{opacity:.75;transform:scale(1.08)}}.tr-shop-offer:hover .tr-shop-seal{animation:.9s ease-in-out infinite tr-shop-seal-hover}@keyframes tr-shop-seal-hover{0%,to{filter:drop-shadow(0 0 12px color-mix(in srgb, var(--shop-accent) 65%, transparent));transform:scale(1.04)}50%{filter:drop-shadow(0 0 26px color-mix(in srgb, var(--shop-accent) 95%, transparent));transform:scale(1.08)}}.tr-shop-element-tag{box-shadow:0 0 12px color-mix(in srgb, var(--shop-accent) 35%, transparent)}.tr-shop-offer:hover .tr-shop-element-tag{box-shadow:0 0 18px color-mix(in srgb, var(--shop-accent) 55%, transparent)}.tr-shop-qty-btn{transition:background .2s,border-color .2s,transform .15s}.tr-shop-qty-btn:hover{transform:scale(1.06);background:color-mix(in srgb, var(--shop-accent) 14%, #08070bb3)!important;border-color:color-mix(in srgb, var(--shop-accent) 45%, #c4a35a47)!important}.tr-shop-qty-input:focus{box-shadow:0 0 0 3px color-mix(in srgb, var(--shop-accent) 22%, transparent);border-color:var(--shop-accent)!important}.tr-shop-vault-stat{transition:border-color .25s,box-shadow .25s,transform .25s}.tr-shop-vault-stat:hover{transform:translateY(-2px);box-shadow:0 0 18px #d4af372e;border-color:#d4af3773!important}.tr-shop-mode-bar{box-shadow:inset 0 1px #f0d78c0f}.tr-shop-stock.owned .tr-shop-seal{animation:2.6s ease-in-out infinite tr-shop-seal-pulse}.tr-shop-decide{--shop-accent:#d4af37;box-shadow:0 30px 80px #0000008c, 0 0 40px color-mix(in srgb, var(--shop-accent) 28%, transparent), inset 0 1px 0 #f0d78c1a!important}.tr-shop-decide .tr-shop-shimmer{opacity:.45;animation:2s ease-in-out infinite tr-shop-shimmer-idle}@keyframes tr-shop-shimmer-idle{0%{background-position:-120% 0}to{background-position:120% 0}}@media (prefers-reduced-motion:reduce){.tr-shop-offer,.tr-shop-stock,.tr-shop-seal,.tr-shop-seal-glow,.tr-shop-shimmer{transition:none!important;animation:none!important}.tr-shop-offer:hover,.tr-shop-stock.owned:hover{transform:none}}