.tt-entrance{display:flex;align-items:center;gap:17px;width:100%;margin:24px 0;padding:19px 22px;border:1px solid #a8bed775;border-radius:23px;background:linear-gradient(115deg,#254b63,#393460);color:#fff7df;text-align:left;font:inherit;cursor:pointer;box-shadow:inset 0 1px #ffffff25,0 8px 24px #10183522}
.tt-entrance .tt-jewel{width:58px;flex:none}.tt-entrance>span:nth-child(2){flex:1}.tt-entrance strong{display:block;font-size:1.25rem}.tt-entrance small{display:block;color:#dae8f3;margin-top:4px;font-size:.88rem}.tt-entrance:active{transform:translateY(1px)}
.treasures{max-width:1200px;padding:calc(var(--st) + 18px) max(18px,var(--sr)) calc(var(--sb) + 26px) max(18px,var(--sl));margin:auto;color:#fff6df;font:700 17px/1.45 var(--sans)}
.treasures *{box-sizing:border-box}.treasures button{font:inherit;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent}.treasures button:disabled{opacity:.55;cursor:default}.treasures button:focus-visible,.treasures input:focus-visible,.tt-entrance:focus-visible{outline:3px solid #ffdb80;outline-offset:4px}.treasures h1,.treasures h2,.treasures h3,.treasures p{margin:0}.treasures .sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}
.tt-top{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:30px}.tt-top .kback{min-height:48px}.tt-tabs{display:flex;gap:4px;background:#111c3f;border:1px solid #92a7c555;border-radius:24px;padding:4px}.tt-tabs button{min-height:44px;border:0;border-radius:20px;padding:8px 17px;background:transparent;color:#d7e5f5}.tt-tabs button[aria-pressed=true]{background:#fff0c3;color:#263d50}
.tt-body{outline:0}.tt-heading{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:35px;align-items:center;margin:16px 0 32px}.tt-eyebrow{font-size:.74rem;letter-spacing:.11em;text-transform:uppercase;color:#b9dcef;margin-bottom:10px!important}.tt-heading h1,.tt-reward-copy h1{font-family:var(--serif);font-size:clamp(2.1rem,4vw,3.3rem);font-weight:600;line-height:1.08;margin-bottom:15px}.tt-heading>div>p:last-child{max-width:48ch;color:#d7e2f0;font-weight:650}.tt-progress{text-align:center;padding:20px 15px;border:1px solid #a2c1d04a;border-radius:24px;background:#26365a}.tt-progress strong{font-size:1.6rem;color:#ffe5a1}.tt-dots{display:flex;justify-content:center;gap:12px;margin:12px auto}.tt-dots>span{width:40px;opacity:.22}.tt-dots>span.on{opacity:1}.tt-progress-note{font-size:.8rem;color:#d2def0}.tt-jewel{display:inline-block;width:52px}.tt-jewel svg{display:block;width:100%;height:auto}
.tt-section-line{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:16px}.tt-section-line h2,.tt-body>h2{font-size:1.15rem}.tt-primary,.tt-secondary{min-height:48px;padding:11px 21px;border-radius:17px;border:1px solid #ffe5a0;background:#ffe39b;color:#213b4d;box-shadow:0 3px #a7883d;font-weight:900!important}.tt-secondary{background:#2d3f64;color:#fff4d5;border-color:#819abd;box-shadow:none}.tt-primary:active,.tt-secondary:active{transform:translateY(1px)}.tt-link{border:0;background:transparent;color:#bfe4f4;text-decoration:underline;text-underline-offset:4px;min-height:44px;padding:8px;font-size:.85rem!important}
.tt-page-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px}.tt-page-tile{display:flex;align-items:center;gap:18px;min-width:0;min-height:120px;text-align:left;padding:17px;border:1px solid #91b0cc55;border-radius:20px;background:#223658;color:#fff3d5;box-shadow:inset 0 1px #ffffff10}.tt-page-tile:hover{background:#2b4566}.tt-page-tile.counted{border-color:#96d3b575}.tt-page-tile>.ic{width:20px;flex:none;color:#d6d5a4}.tt-page-pockets{display:grid;grid-template-columns:repeat(3,1fr);gap:4px;width:62px;flex:none}.tt-page-pockets i{display:grid;place-items:center;min-height:18px;border-radius:4px;background:#a4c2d21a;color:#b2c9db;font-size:.75rem;font-style:normal}.tt-page-pockets i.met{background:#f8d67f;color:#214b52}.tt-page-copy{flex:1;min-width:0}.tt-page-copy strong,.tt-page-copy small{display:block}.tt-page-copy strong{font-size:1rem;line-height:1.2}.tt-page-copy small{font-size:.78rem;font-weight:650;color:#bfd4e4;margin-top:6px}.tt-paging{display:flex;align-items:center;justify-content:center;gap:20px;margin:25px 0}.tt-paging button{width:48px;height:46px;border-radius:15px;border:1px solid #849eb4;background:#253b5d;color:#fff5da}.tt-paging span{font-size:.85rem;color:#d2dfec}.tt-foot{font-size:.79rem;font-weight:650;line-height:1.5;color:#b6c9dc;margin:23px auto 0!important;max-width:75ch}.tt-warning{padding:15px;border:1px solid #f0cd7e;background:#514632;border-radius:15px;font-size:.9rem;margin-bottom:18px!important}.tt-detail-heading{text-align:center;margin:10px 0 25px}.tt-detail-heading h1{font-size:1.9rem}.tt-detail-heading p{color:#c4d8e8;margin-top:8px}.tt-card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;max-width:820px;margin:0 auto 25px}.tt-card-grid .tile{min-width:0}.tt-detail-heading~.tt-primary,.tt-detail-heading~.tt-secondary{display:block;margin:0 auto}.tt-counted{padding:17px 22px;background:#294d48;border-radius:17px;text-align:center}
.tt-reward-layout{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(280px,.8fr);gap:54px;align-items:center;max-width:1050px;margin:8px auto}.tt-reward-art{display:grid;place-items:center;min-width:0;perspective:1100px}.tt-reward-copy{display:flex;flex-direction:column;align-items:flex-start;gap:17px}.tt-reward-copy h1{margin:0}.tt-reward-copy>p:not(.tt-eyebrow){max-width:36ch}.tt-rarity{color:#e4edff;border:1px solid #a7c3ed88;border-radius:10px;padding:6px 12px;font-size:.82rem;background:#43557955}.tt-reward-copy .tt-foot{margin:0!important}.tt-holo{position:relative;isolation:isolate;width:100%;max-width:min(510px,calc((100dvh - 130px)*.7167));aspect-ratio:43/60;overflow:hidden;border-radius:16px;box-shadow:0 20px 60px #07102780,0 0 35px #a7dff42b;transform:none}.tt-holo>img{display:block;width:100%;height:100%;object-fit:contain}.tt-foil,.tt-light,.tt-fire{position:absolute;pointer-events:none;z-index:1}.tt-foil{inset:-55%;background:conic-gradient(from 20deg,#8af5ff00,#9ca8ff90,#ffa5e373,#fff4ae99,#a3ffd590,#8af5ff00);mix-blend-mode:soft-light;opacity:.28;animation:tt-prism 11s ease-in-out infinite alternate}.tt-light{inset:-40% -160%;background:linear-gradient(113deg,transparent 37%,#ffffff00 43%,#e9ffffaa 48%,#fff 50%,#ffdff6aa 52%,transparent 60%);mix-blend-mode:screen;opacity:.16;animation:tt-gloss 7s ease-in-out infinite}.tt-fire{inset:0;background:linear-gradient(135deg,#74dfff40,transparent 30%,#f4c8ff26 54%,transparent 70%,#fff3b638);mix-blend-mode:screen;opacity:.55}.tt-glint{position:absolute;left:var(--x);top:var(--y);width:16px;height:16px;z-index:2;pointer-events:none;background:#fff;clip-path:polygon(50% 0,59% 39%,100% 50%,59% 61%,50% 100%,41% 61%,0 50%,41% 39%);opacity:0;animation:tt-twinkle 5.4s ease-in-out var(--delay) infinite}.tt-still .tt-holo{transform:none}.tt-still .tt-foil,.tt-still .tt-light,.tt-still .tt-glint{animation:none!important}.tt-still .tt-foil{transform:translate(-3%,2%) rotate(8deg);opacity:.2}.tt-still .tt-light{opacity:.08}.tt-still .tt-glint{opacity:.35}
@keyframes tt-prism{from{transform:translate(-7%,-5%) rotate(-22deg)}to{transform:translate(8%,6%) rotate(26deg)}}@keyframes tt-gloss{0%,12%{transform:translateX(-35%)}65%,100%{transform:translateX(35%)}}@keyframes tt-twinkle{0%,65%,100%{opacity:0;transform:scale(.3) rotate(0)}75%{opacity:1;transform:scale(1.1) rotate(35deg)}86%{opacity:0;transform:scale(.6) rotate(60deg)}}
.tt-shelf-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;margin-top:22px}.tt-shelf-card{padding:0 0 15px;border:1px solid #9eb4d154;border-radius:18px;overflow:hidden;background:#253450;color:#fff6e2;min-width:0;text-align:center}.tt-shelf-card img{display:block;width:100%;height:auto;aspect-ratio:43/60;object-fit:contain}.tt-shelf-card strong,.tt-shelf-card small{display:block;margin:11px 10px 0}.tt-shelf-card strong{font-size:.9rem;line-height:1.2}.tt-shelf-card small{font-size:.72rem;color:#bdd8eb}.tt-empty{text-align:center;padding:35px 20px;border:1px solid #7599b25c;border-radius:25px;margin-top:20px;background:#233758}.tt-empty .tt-jewel{width:84px}.tt-empty h3{font-size:1.45rem;margin:15px 0 8px}.tt-empty p{color:#c2d7e6;margin-bottom:20px}
.tt-dialog{border:1px solid #a8c3ce;border-radius:25px;width:min(440px,calc(100vw - 28px));max-height:calc(100dvh - var(--st) - var(--sb) - 25px);overflow:auto;padding:30px 23px 23px;background:#fffaf0;color:#254554;box-shadow:0 20px 80px #08152d66;font:750 17px/1.45 var(--sans)}.tt-dialog::backdrop{background:#0c1735ba}.tt-dialog h2{font-size:1.5rem;line-height:1.2;padding-right:25px}.tt-dialog>p{margin:15px 0}.tt-dialog button{font:inherit;cursor:pointer}.tt-dialog>.tt-primary,.tt-dialog>.tt-secondary,.tt-dialog>.tt-link{display:block;width:100%;margin-top:13px}.tt-dialog .tt-link{color:#2d6175}.tt-dialog-x{position:absolute;top:9px;right:10px;width:44px;height:44px;border:0;border-radius:50%;background:#e5edf0;color:#365564;font-size:1.8rem!important}.tt-adult-check{display:flex;align-items:flex-start;gap:12px;margin:22px 0;font-size:.94rem}.tt-adult-check input{width:25px;height:25px;flex:none;accent-color:#296376}.tt-celebrate{text-align:center}.tt-celebrate .tt-jewel{width:85px}.tt-celebrate h2{padding:0;margin-top:16px}.tt-share-preview{display:block;width:100%;max-height:48dvh;object-fit:contain;margin:13px 0;background:#24334e;border-radius:12px}.tt-share-actions{display:flex;gap:10px}.tt-share-actions>*{flex:1}.tt-share-note{font-size:.84rem}.tt-ratios{display:flex;gap:8px;margin-top:17px}.tt-ratios button{border:1px solid #9db2bd;border-radius:12px;background:#e4edf0;color:#315461;padding:8px 18px;min-height:44px}.tt-ratios button[aria-pressed=true]{background:#254e5c;color:#fff7df;box-shadow:0 0 0 3px #e8c977}
@media(max-width:700px){.tt-heading{grid-template-columns:1fr;gap:20px;margin-top:7px}.tt-heading h1{font-size:2.1rem}.tt-progress{display:grid;grid-template-columns:1fr 1fr;gap:0 15px;padding:15px}.tt-progress>p:first-child{align-self:center;text-align:left;font-size:.85rem}.tt-progress strong{font-size:1.3rem}.tt-dots{margin:0;gap:7px}.tt-dots>span{width:31px}.tt-progress-note{grid-column:1/-1;margin-top:9px!important}.tt-top{gap:8px;margin-bottom:23px}.tt-top .kback{padding:0 10px;font-size:.8rem;min-width:44px}.tt-tabs{gap:0}.tt-tabs button{padding:8px 10px;font-size:.78rem}.tt-page-tile{padding:13px 11px;gap:10px;min-height:120px;flex-wrap:wrap}.tt-page-pockets{width:45px;gap:3px}.tt-page-pockets i{min-height:13px;font-size:.6rem}.tt-page-copy{flex:1 0 80px}.tt-page-copy strong{font-size:.84rem}.tt-page-copy small{font-size:.69rem}.tt-page-tile>.ic{display:none}.tt-section-line{align-items:flex-start}.tt-section-line h2{font-size:1rem}.tt-section-line>.tt-link{font-size:.7rem!important;padding-top:0;max-width:125px}.tt-shelf-grid{grid-template-columns:1fr 1fr;gap:14px}.tt-card-grid{gap:10px}.tt-reward-layout{grid-template-columns:1fr;gap:24px}.tt-holo{max-width:min(390px,calc((100dvh - 160px)*.55))}.tt-reward-copy{align-items:center;text-align:center;gap:13px}.tt-reward-copy h1{font-size:2.1rem}.tt-reward-copy>p{max-width:35ch}.tt-entrance{padding:17px;gap:13px}.tt-entrance strong{font-size:1.08rem}.tt-entrance small{font-size:.77rem}}
@media(orientation:landscape) and (max-height:560px){.treasures{padding-top:calc(var(--st) + 10px)}.tt-top{margin-bottom:17px}.tt-reward-layout{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:25px}.tt-holo{max-width:calc((100dvh - 95px)*.7167)}.tt-reward-copy h1{font-size:1.8rem}.tt-reward-copy{gap:10px}.tt-reward-copy .tt-foot{font-size:.69rem}.tt-heading{gap:20px}.tt-heading h1{font-size:2rem}}
@media(prefers-reduced-motion:reduce){.tt-foil,.tt-light,.tt-glint{animation:none!important}.tt-holo{transform:none}.tt-glint{opacity:.3}}

.tt-art-message{display:flex;position:absolute;inset:0;align-items:center;justify-content:center;flex-direction:column;gap:20px;padding:25px;text-align:center;background:#223957;color:#f9e4b4;font-size:.9rem;z-index:3}.tt-art-unavailable .tt-foil,.tt-art-unavailable .tt-light,.tt-art-unavailable .tt-fire,.tt-art-unavailable .tt-glint{display:none}.tt-share-preview{user-select:auto;-webkit-touch-callout:default}

/* Design pass02: separate native plate, expressive character and six optical foil finishes. */
.tt-holo{--foil-a:#c5ffff;--foil-b:#e0b5ff;--foil-c:#fff1b4;box-shadow:0 23px 65px #050d2b88,0 0 33px #9ce7ff4d,inset 0 0 0 1px #fff;border-radius:17px}
.tt-holo .tt-static{position:relative;z-index:0}.tt-live-art{position:absolute;overflow:hidden;z-index:0;opacity:0;pointer-events:none}.tt-live-art>svg{display:block;overflow:hidden}.tt-holo>.tt-plate{position:absolute;inset:0;z-index:1;opacity:0;pointer-events:none}
.tt-live-ready>.tt-static{opacity:0}.tt-live-ready>.tt-live-art,.tt-live-ready>.tt-plate{opacity:1}.tt-actor{transform-box:fill-box;transform-origin:50% 88%;animation:tt-character-float 6s ease-in-out infinite}.tt-live-aura{transform-box:fill-box;transform-origin:center;animation:tt-aura 8s ease-in-out infinite}.tt-live-shadow{transform-box:fill-box;transform-origin:center;animation:tt-shadow 6s ease-in-out infinite}
.tt-holo .tt-foil{z-index:2;inset:-55%;background:conic-gradient(from 20deg,transparent 12%,var(--foil-a) 24%,var(--foil-b) 36%,transparent 47%,var(--foil-c) 63%,var(--foil-a) 77%,transparent 90%);mix-blend-mode:soft-light;opacity:.44;animation:tt-prism 12s ease-in-out infinite alternate}
.tt-holo .tt-light{z-index:3;inset:-30% -130%;opacity:.34;background:linear-gradient(114deg,transparent 40%,#d6ffff00 44%,#f1fdffad 48%,#fff 49%,#fff 49.4%,#fff0c378 51%,transparent 56%);mix-blend-mode:screen;animation:tt-gloss 8.5s cubic-bezier(.4,0,.6,1) infinite}
.tt-holo .tt-fire{z-index:2;inset:0;opacity:.36;background:radial-gradient(ellipse at 10% 3%,var(--foil-a),transparent 34%),radial-gradient(ellipse at 100% 94%,var(--foil-b),transparent 32%);mix-blend-mode:soft-light}
.tt-holo .tt-glint{z-index:4;width:13px;height:19px;animation-duration:6.5s;filter:drop-shadow(0 0 3px #fff)}
.tt-finish-sapphire{--foil-a:#7df5ff;--foil-b:#9ebaff;--foil-c:#dcfcff}.tt-finish-sapphire .tt-foil{background:repeating-radial-gradient(ellipse at 20% 20%,transparent 0 7%,#9fd9ff80 9%,transparent 11% 16%,#bffaff88 18%,transparent 20% 23%);opacity:.35;animation-duration:16s}
.tt-finish-solar{--foil-a:#fff5ae;--foil-b:#ffd878;--foil-c:#fffefa}.tt-finish-solar .tt-foil{background:repeating-conic-gradient(from 10deg at 50% 40%,transparent 0deg 9deg,#fff8bdc0 11deg,transparent 14deg 29deg,#ffc56788 32deg,transparent 35deg);opacity:.38;animation-duration:22s}
.tt-finish-prism{--foil-a:#9bffff;--foil-b:#fface2;--foil-c:#e9ffa8}.tt-finish-prism .tt-foil{background:repeating-linear-gradient(112deg,transparent 0 8%,#98ffffbb 12%,#c5b6ffbb 16%,#ffb7dfaa 20%,#fff3b3bb 24%,#c2ffdcbb 28%,transparent 32% 40%);opacity:.37}
.tt-finish-rose{--foil-a:#fff4f9;--foil-b:#ff9fcf;--foil-c:#c5e8ff}.tt-finish-rose .tt-foil{background:repeating-conic-gradient(from 22deg at 40% 33%,transparent 0deg 40deg,#ffe3f7aa 43deg,#b5d9ff77 50deg,transparent 58deg 88deg);opacity:.36}
.tt-finish-starlight{--foil-a:#e0faff;--foil-b:#acbfff;--foil-c:#f6e0ff}.tt-finish-starlight .tt-foil{background:linear-gradient(132deg,transparent 25%,#b4edff99 36%,transparent 41%,#e1d4ff99 49%,transparent 58%,#d8ffff99 73%,transparent 78%);opacity:.34}
.tt-motion-wave .tt-actor{animation:tt-character-wave 5s ease-in-out infinite}.tt-motion-swim .tt-actor{transform-origin:center;animation:tt-character-swim 6s ease-in-out infinite}.tt-motion-hop .tt-actor{animation:tt-character-hop 5.4s ease-in-out infinite}.tt-motion-flutter .tt-actor{transform-origin:50% 58%;animation:tt-character-flutter 4.5s ease-in-out infinite}
@keyframes tt-character-wave{0%,100%{transform:translateY(1%) rotate(-3deg)}22%{transform:translateY(-3%) rotate(4deg)}43%{transform:translateY(-2%) rotate(-4deg)}65%{transform:translateY(-3%) rotate(3deg)}83%{transform:translateY(0) rotate(-1deg)}}
@keyframes tt-character-float{0%,100%{transform:translateY(1%) rotate(-1.2deg)}50%{transform:translateY(-5%) rotate(1.5deg)}}
@keyframes tt-character-swim{0%,100%{transform:translate(-5%,1%) rotate(-4deg)}50%{transform:translate(5%,-4%) rotate(4deg)}}
@keyframes tt-character-hop{0%,16%,100%{transform:translateY(1%) scale(1.008,.992)}42%{transform:translateY(-7%) rotate(-2deg)}66%{transform:translateY(0) scale(1.008,.992)}82%{transform:translateY(-2%) rotate(1deg)}}
@keyframes tt-character-flutter{0%,100%{transform:translate(-2%,1%) rotate(-3deg)}50%{transform:translate(2%,-5%) rotate(3deg)}}
@keyframes tt-aura{0%,100%{opacity:.035;transform:scale(.94)}50%{opacity:.13;transform:scale(1.06)}}
@keyframes tt-shadow{0%,100%{opacity:.25;transform:scaleX(1)}50%{opacity:.13;transform:scaleX(.87)}}
.tt-still .tt-actor,.tt-still .tt-live-aura,.tt-still .tt-live-shadow{animation:none!important;transform:none!important}.tt-still .tt-foil{opacity:.22}.tt-still .tt-light{opacity:.1}.tt-still .tt-live-aura{opacity:.07}
@media(prefers-reduced-motion:reduce){.tt-actor,.tt-live-aura,.tt-live-shadow{animation:none!important;transform:none!important}.tt-holo .tt-light{opacity:.12}.tt-holo .tt-foil{opacity:.24}}

/* A real living reward: native back/drag/spin, bounded celebration, legible copy. */
.tt-viewer{width:min(100%,475px,calc((100dvh - 245px)*.7167));min-width:145px;padding:14px 7px;position:relative;margin:auto}
.tt-viewer .lc-stage{--cw:100%;--ar:.7166667;width:100%;aspect-ratio:43/60}
.tt-viewer .lc-front>.tt-holo{position:absolute;inset:0;width:100%;height:100%;max-width:none;aspect-ratio:auto;border-radius:inherit;box-shadow:none;pointer-events:none}
.tt-viewer .lc-still[hidden],.tt-viewer .lc-anim[hidden]{display:none!important}
.tt-viewer-hint{color:#d8e8ff;text-align:center;font-size:.75rem;line-height:1.4;margin:18px -6px 10px!important;min-height:1.4em}
.tt-viewer-controls{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin:0 -18px}
.tt-card-action{display:flex;gap:7px;align-items:center;justify-content:center;min-height:44px;padding:8px 12px;border:1px solid #96b7ce88;border-radius:14px;background:#2b3c62;color:#fff5da;font-size:.78rem!important;box-shadow:inset 0 1px #ffffff20}
.tt-card-action .ic{width:19px;height:19px;flex:none}.tt-card-action[aria-pressed=true]{background:#f5db91;color:#243849;border-color:#ffe9ac}
.tt-card-action.tt-reveal-button{background:#ffe39b;color:#213b4d;min-height:54px;padding:12px 23px;font-size:1rem!important;font-weight:900;box-shadow:0 4px #9c7b35,0 0 26px #ffdc8340}
.tt-card-action:active{transform:translateY(1px)}
.tt-reward-actions{display:flex;flex-wrap:wrap;gap:12px}.tt-reward-actions[hidden],.tt-viewer-controls button[hidden]{display:none!important}
.tt-unlock-wow{font:900 clamp(1.3rem,2.5vw,1.8rem)/1.15 var(--sans);color:#ffdf8f}
.tt-reveal-pop:before{content:"";position:absolute;inset:4% -15% 25%;z-index:-1;border-radius:50%;background:radial-gradient(ellipse,#ffe19880,#9ee8ff45 45%,transparent 70%);animation:tt-reward-glow 1.6s ease-out both;pointer-events:none}
@keyframes tt-reward-glow{0%{opacity:0;transform:scale(.8)}35%{opacity:1;transform:scale(1.12)}100%{opacity:0;transform:scale(1.3)}}
/* Sparkles and character movement are independent settings. */
.tt-no-sparkles .tt-foil,.tt-no-sparkles .tt-light,.tt-no-sparkles .tt-glint,.tt-no-sparkles .tt-fire{display:none}
.tt-character-paused .tt-actor,.tt-character-paused .tt-live-aura,.tt-character-paused .tt-live-shadow,.tt-facing-back .tt-actor{animation-play-state:paused!important}
.tt-viewer .lite .tt-foil,.tt-viewer .lite .tt-light{display:none}.tt-viewer .lite .tt-glint{filter:none}
.tt-holo .tt-light{animation-duration:4.8s;opacity:.39}.tt-holo .tt-glint{animation-duration:3.6s}
.tt-motion-wave .tt-actor{animation:tt-character-wave 3.6s ease-in-out infinite}.tt-motion-swim .tt-actor{animation-duration:4s}.tt-motion-hop .tt-actor{animation-duration:3.8s}.tt-motion-flutter .tt-actor{animation-duration:3.2s}
@keyframes tt-character-wave{0%,100%{transform:translateY(1%) rotate(-5deg)}24%{transform:translateY(-6%) rotate(8deg)}47%{transform:translateY(-3%) rotate(-7deg)}70%{transform:translateY(-6%) rotate(7deg)}}
@keyframes tt-character-float{0%,100%{transform:translateY(1%) rotate(-2deg)}50%{transform:translateY(-7%) rotate(3deg)}}
.tt-share{width:min(520px,calc(100vw - 28px))}.tt-share .tt-share-preview{max-height:53dvh;border:1px solid #8fa8bd;border-radius:16px}
@media(max-width:700px){.tt-viewer{width:min(100%,350px,calc((100dvh - 280px)*.7167))}.tt-reward-copy{gap:12px}.tt-reward-actions{justify-content:center}.tt-unlock-wow{font-size:1.35rem}.tt-viewer-controls{gap:7px}.tt-card-action{font-size:.74rem!important;padding:8px 10px}.tt-reward-layout{gap:15px}}
@media(orientation:landscape) and (max-height:560px){.tt-viewer{width:calc((100dvh - 190px)*.7167);min-width:125px;padding-top:2px}.tt-viewer-controls{margin:0 -30px;gap:5px}.tt-card-action{min-height:40px;padding:6px;font-size:.65rem!important}.tt-card-action .ic{width:15px;height:15px}.tt-viewer-hint{font-size:.65rem;margin-top:10px!important}.tt-reward-copy .tt-eyebrow{font-size:.65rem}.tt-reward-copy h1{font-size:1.6rem}.tt-reward-copy>p{font-size:.82rem}.tt-reward-copy .tt-unlock-wow{font-size:1.15rem}}
@media(prefers-reduced-motion:reduce){.tt-reveal-pop:before{animation:none;display:none}}
/* Bound the native stage's particle pool to its art column; invisible finished
   particles must never widen a phone page. Keep the printed text's colors intact. */
.tt-reward-art{overflow:clip;padding:26px 0 6px}
.tt-viewer{width:min(100%,475px,calc((100dvh - 280px)*.7167))}
.tt-viewer .lc-holo{display:none}.tt-viewer .lc-glare{opacity:.2}
@media(max-width:700px){.tt-viewer{width:min(100%,350px,calc((100dvh - 300px)*.7167))}}
@media(orientation:landscape) and (max-height:560px){.tt-reward-art{padding:8px 0 4px}.tt-viewer{width:calc((100dvh - 205px)*.7167)}}
@media(orientation:landscape) and (max-height:560px){.tt-viewer{min-width:140px}.tt-card-action{min-height:44px}}

/* Approved complete-front diamond rewards: the characters and type stay in their original artwork. */
.tt-full-front.tt-finish-diamond{--foil-a:#d9fbff;--foil-b:#d6ccff;--foil-c:#fff3c8}
.tt-full-front.tt-finish-diamond-rose{--foil-a:#fff3fb;--foil-b:#ffc3e5;--foil-c:#d3f5ff}
.tt-full-front .tt-foil{opacity:.3}
.tt-full-front .tt-light{opacity:.3;animation-duration:6.5s}
.tt-full-front .tt-fire{opacity:.45;background:radial-gradient(ellipse at 0 0,var(--foil-a),transparent 23%),radial-gradient(ellipse at 100% 100%,var(--foil-b),transparent 23%)}
.tt-full-front .tt-glint{width:16px;height:21px;animation-duration:6s}
.tt-character-paused .tt-full-front .tt-foil,.tt-character-paused .tt-full-front .tt-light,.tt-character-paused .tt-full-front .tt-glint,.tt-facing-back .tt-full-front .tt-foil,.tt-facing-back .tt-full-front .tt-light,.tt-facing-back .tt-full-front .tt-glint{animation-play-state:paused!important}
.tt-still .tt-full-front .tt-foil{opacity:.2}.tt-still .tt-full-front .tt-light{opacity:.1}
@media(prefers-reduced-motion:reduce){.tt-full-front .tt-light{opacity:.1}.tt-full-front .tt-foil{opacity:.2}}