.tt-hub{height:100%;min-height:0;display:flex;flex-direction:column;position:relative;color:#f3f5f8;background:#080a0b;font-family:var(--cm-font-ui,'Golos Text',sans-serif);isolation:isolate}.tt-hub *{box-sizing:border-box}.tt-hub button{font:inherit;cursor:pointer}.tt-hub button:disabled{cursor:default;opacity:.38}.tt-hub button:focus-visible,.tt-hub input:focus-visible,.tt-hub select:focus-visible{outline:2px solid #ecf3ff;outline-offset:3px}.tt-header{display:grid;grid-template-columns:38px 1fr 38px;align-items:center;gap:8px;min-height:66px;padding:12px 18px;flex:none}.tt-header h2{margin:0;font-size:var(--pd-type-caption);letter-spacing:.1em;text-align:center;font-weight:700}.tt-header .me-back{font-size:var(--pd-type-submetric);color:#eee}.tt-scroll{min-height:0;overflow:auto;overscroll-behavior:contain;padding:0 18px 112px;scrollbar-width:none}.tt-scroll::-webkit-scrollbar{display:none}.tt-hero{border:1px solid #ffffff17;border-radius:20px;background:radial-gradient(ellipse at 50% 37%,#28334160,transparent 62%),linear-gradient(155deg,#191c21,#0c0f11 60%);overflow:hidden;padding:15px 16px 18px;position:relative}.tt-hero-top{display:flex;align-items:center;justify-content:space-between;color:#969da7;font-size:var(--pd-type-caption);letter-spacing:.13em;font-weight:700}.tt-hero-top button{display:flex;align-items:center;gap:4px;background:none;border:0;color:#d4d9df;letter-spacing:0;font-size:var(--pd-type-caption);padding:5px 0}.tt-model{height:272px;position:relative;display:block;margin:-9px -14px -10px}.tt-model canvas{display:block;width:100%;height:100%}.tt-model.tt-mini{height:120px;width:120px;margin:0}.tt-loading{position:absolute;inset:0;display:grid;place-items:center;color:#7e8792;font-size:var(--pd-type-caption)}.tt-identity{text-align:center}.tt-identity h1{font-family:var(--cm-font-display,'Play',sans-serif);font-size:var(--pd-type-metric);line-height:1.12;margin:0 0 7px;text-transform:uppercase;letter-spacing:.03em}.tt-identity>span{color:var(--tone);font-size:var(--pd-type-caption);display:flex;align-items:center;justify-content:center;gap:7px}.tt-identity i{height:5px;width:5px;border-radius:100%;background:currentColor;box-shadow:0 0 10px currentColor}.tt-identity p{font-size:var(--pd-type-caption);color:#858c97;margin:9px 0 20px}.tt-charge>div:first-child{display:flex;align-items:baseline;gap:3px}.tt-charge strong{font:700 var(--pd-type-title)/24px var(--cm-font-display,'Play',sans-serif);font-variant-numeric:tabular-nums}.tt-charge span{font-size:var(--pd-type-caption);color:#949ca6}.tt-charge b{margin-left:auto;font-size:var(--pd-type-caption);color:#c3cbd4;font-weight:400}.tt-charge-track{height:4px;margin:11px 0 10px;background:#ffffff15;border-radius:3px;overflow:hidden}.tt-charge-track>i{height:100%;display:block;background:linear-gradient(90deg,#818b99,#e9f5ff);transition:width .4s}.tt-charge small{display:block;color:#858c96;font-size:var(--pd-type-caption);line-height:1.5}.tt-payout{display:grid;grid-template-columns:1fr 1fr;padding:23px 0 17px;gap:15px}.tt-rate{border:0;background:none;padding:0;text-align:left;color:#f4f6f9}.tt-payout span{display:block;color:#8b94a0;font-size:var(--pd-type-caption);letter-spacing:.09em;font-weight:700}.tt-payout strong{display:block;font:700 var(--pd-type-metric)/40px var(--cm-font-display,'Play',sans-serif);font-variant-numeric:tabular-nums;margin:7px 0}.tt-rate strong small{font:inherit;margin-left:2px}.tt-rate em{font-style:normal;display:flex;align-items:center;gap:3px;font-size:var(--pd-type-caption);color:#c0c8d1}.tt-amount{border-left:1px solid #ffffff15;padding-left:17px}.tt-amount>small{color:#78828e;font-size:var(--pd-type-caption)}.tt-primary{width:100%;min-height:48px;border:1px solid #f34b55;border-radius:12px;color:#fff;background:linear-gradient(#ed2736,#bb0b1c);font-weight:700!important;letter-spacing:.07em;padding:12px 15px}.tt-history-link{width:100%;display:flex;align-items:center;justify-content:center;gap:5px;min-height:44px;font-size:var(--pd-type-caption)!important;color:#969eaa;border:0;background:none}.tt-section{padding:24px 0;border-top:1px solid #ffffff16;margin-top:9px}.tt-section-head{display:flex;align-items:center;justify-content:space-between;gap:8px}.tt-section h3{font-size:var(--pd-type-caption);letter-spacing:.08em;margin:0}.tt-section-head b{font-size:var(--pd-type-caption);font-weight:400}.tt-thermal-strip{display:flex;gap:4px;margin-top:20px}.tt-thermal-strip span{height:8px;flex:1;border-radius:2px;background:var(--step);opacity:.22}.tt-thermal-strip .active{opacity:1;box-shadow:0 0 12px color-mix(in srgb,var(--step),transparent 65%)}.tt-endpoints{display:flex;justify-content:space-between;color:#818b96;font-size:var(--pd-type-caption);margin:8px 0 20px}.tt-formats{padding:3px;display:flex;border:1px solid #ffffff18;border-radius:10px;gap:3px;margin-bottom:21px}.tt-formats button{flex:1;min-height:30px;background:none;border:0;border-radius:7px;color:#828b96;font-size:var(--pd-type-caption)}.tt-formats button[aria-pressed=true]{background:#252a31;color:#f1f4f7}.tt-signal{display:grid;grid-template-columns:1fr auto;gap:8px;margin-bottom:17px}.tt-signal>span{font-size:var(--pd-type-caption);color:#d3dae3}.tt-signal>b{font-size:var(--pd-type-caption);color:#8b95a2;font-weight:400}.tt-signal>div{grid-column:1/-1;height:3px;background:#ffffff0d}.tt-signal i{display:block;height:100%;transition:width .35s}.tt-muted{font-size:var(--pd-type-caption);line-height:1.65;color:#8c97a4;margin:15px 0 20px}.tt-range{padding:18px 0 22px;border-top:1px solid #ffffff15;border-bottom:1px solid #ffffff15}.tt-range>div{display:flex;justify-content:space-between;font-size:var(--pd-type-caption);color:#a4adba}.tt-range b{font:700 var(--pd-type-body)/24px var(--cm-font-display,'Play',sans-serif);color:#edf1f6}.tt-range .tt-range-track{height:5px;border-radius:5px;background:linear-gradient(90deg,#91d6ff,#afcfdd 36%,#dcb083 65%,#ed6241);margin:21px 6px 15px;position:relative}.tt-range-track i{position:absolute;width:13px;height:13px;top:-4px;transform:translateX(-50%);border:2px solid #101419;border-radius:50%;box-shadow:0 0 0 1px #c4ccd5}.tt-range small{font-size:var(--pd-type-caption);color:#818c99}.tt-card-entry{display:flex;align-items:center;gap:22px;width:100%;text-align:left;color:#eef2f7;background:radial-gradient(ellipse at 15% 50%,#515b7240,transparent 70%),#11151a;border:1px solid #ffffff1a;border-radius:16px;padding:23px 22px;margin-top:22px}.tt-card-art{transform:rotate(-8deg);filter:drop-shadow(0 9px 10px #0008)}.tt-card-entry>span:last-child{flex:1}.tt-card-entry small{display:block;color:#8a95a3;font-size:var(--pd-type-caption);letter-spacing:.07em}.tt-card-entry strong{display:block;font:700 var(--pd-type-submetric)/28px var(--cm-font-display,'Play',sans-serif);margin:9px 0;color:#e5c990}.tt-card-entry span span{font-size:var(--pd-type-caption);color:#969fac}.tt-card-entry b{display:flex;align-items:center;gap:4px;font-size:var(--pd-type-caption);margin-top:14px;font-weight:400}.tt-demo{margin:28px 0 0;border-top:1px dashed #ffffff20;padding-top:18px;font-size:var(--pd-type-caption);color:#7d8792}.tt-demo summary{cursor:pointer}.tt-demo p{line-height:1.6}.tt-demo label{display:block;margin:18px 0}.tt-demo select{display:block;width:100%;margin-top:8px;border:1px solid #ffffff20;border-radius:8px;padding:10px;background:#171b22;color:#fff}.tt-demo input{width:100%;accent-color:#d71921;margin-top:14px}.tt-demo-actions{display:flex;gap:7px}.tt-demo-actions button{background:#161c23;border:1px solid #ffffff20;color:#aeb8c5;flex:1;padding:10px 2px;border-radius:7px}.tt-states{display:flex;gap:3px;margin:20px 0}.tt-states button{flex:1;min-width:0;border:1px solid #ffffff12;border-radius:7px;padding:9px 0;color:#7f8994;background:#10141a}.tt-states button[aria-pressed=true]{border-color:var(--tone);color:var(--tone);background:#242a31}.tt-states span{display:block;font-size:var(--pd-type-title)}.tt-states small{font-size:var(--pd-type-caption);display:block;margin-top:5px}.tt-calc-hero{text-align:center;padding:0 0 24px}.tt-calc-hero .tt-model{margin:auto;height:190px;width:220px}.tt-calc-hero>span{font-size:var(--pd-type-caption);letter-spacing:.1em;color:#9ba4b0}.tt-calc-hero strong{display:block;font:700 var(--pd-type-feature)/48px var(--cm-font-display,'Play',sans-serif);margin:8px}.tt-calc-hero p{font-size:var(--pd-type-caption);color:var(--tone)}.tt-formula{margin-top:15px}.tt-formula>div{display:flex;align-items:center;justify-content:space-between;padding:19px 0;gap:16px;border-bottom:1px solid #ffffff14;font-size:var(--pd-type-caption)}.tt-formula small{display:block;margin-top:6px;font-size:var(--pd-type-caption);color:#8c96a4}.tt-formula b{font:700 var(--pd-type-body)/24px var(--cm-font-display,'Play',sans-serif);white-space:nowrap}.tt-formula-total b{color:#e6cc95}.tt-catalog{display:grid;grid-template-columns:1fr 1fr;gap:10px}.tt-catalog>button{border:1px solid #ffffff18;border-radius:14px;background:linear-gradient(145deg,#1a2028,#0e1115);padding:12px 8px 17px;color:#f3f5f9;text-align:left;overflow:hidden}.tt-catalog-number{display:flex;justify-content:space-between;color:#6f7b89;font:700 var(--pd-type-caption)/16px var(--cm-font-display,'Play',sans-serif);padding:0 4px}.tt-catalog-number i{color:#d6bd89;font:400 var(--pd-type-caption)/16px var(--cm-font-ui,sans-serif);font-style:normal}.tt-catalog .tt-model{width:100%;height:142px}.tt-catalog strong,.tt-catalog small{display:block;padding:0 7px}.tt-catalog strong{font-size:var(--pd-type-label);margin-bottom:5px}.tt-catalog small{font:700 var(--pd-type-caption)/16px var(--cm-font-display,'Play',sans-serif);color:#8f9aaa}.tt-preview-note{text-align:center;font-size:var(--pd-type-caption);color:#8894a3;padding:10px 0}.tt-about-title{font:700 var(--pd-type-metric)/40px var(--cm-font-display,'Play',sans-serif);padding:18px 0 28px}.tt-about-title span{color:#8e9bae}.tt-explainer{display:flex;gap:17px;padding:22px 0;border-top:1px solid #ffffff15}.tt-explainer>span{font:700 var(--pd-type-caption)/16px var(--cm-font-display,'Play',sans-serif);color:#e34a52;padding-top:3px}.tt-explainer h3{font-size:var(--pd-type-label);margin:0 0 10px}.tt-explainer p{font-size:var(--pd-type-caption);color:#99a3b0;line-height:1.7;margin:0}.tt-receipt{padding:20px 0;border-bottom:1px solid #ffffff15}.tt-receipt>div{display:flex;align-items:center;justify-content:space-between}.tt-receipt>div span{font-size:var(--pd-type-caption);color:#8d99a6}.tt-receipt strong{font:700 var(--pd-type-title)/24px var(--cm-font-display,'Play',sans-serif);color:#abd4b9}.tt-receipt p{font-size:var(--pd-type-caption);color:#cad0d9}.tt-receipt small{font-size:var(--pd-type-caption);color:#8c96a3}.tt-empty{text-align:center;padding:70px 18px;color:#8f9aaa;font-size:var(--pd-type-caption);line-height:1.7}.tt-empty h3{color:#eee}.tt-success{text-align:center;padding:30px 0}.tt-success-mark{width:84px;height:84px;display:grid;place-items:center;font-size:var(--pd-type-feature);color:#d4eee0;background:radial-gradient(#364b46,#161e20);border:1px solid #c1ebd450;border-radius:50%;margin:0 auto 28px;box-shadow:0 0 60px #acddbd13}.tt-success>span{font-size:var(--pd-type-caption);letter-spacing:.1em;color:#8d9aab}.tt-success>strong{display:block;font:700 var(--pd-type-feature)/48px var(--cm-font-display,'Play',sans-serif);margin:12px 0}.tt-success>p{color:#99a3af;font-size:var(--pd-type-caption)}.tt-success-note{padding:25px 0 35px;line-height:1.8;font-size:var(--pd-type-caption);color:#c4ccd5}.tt-overlay{position:absolute;inset:0;z-index:100;padding-top:46px;background:#080a0b}.tt-widget{display:flex;align-items:center;width:100%;text-align:left;border:1px solid #ffffff1c;border-radius:16px;background:linear-gradient(140deg,#1d232b,#0b0e11);color:#fff;padding:16px}.tt-widget>span{display:flex;flex-direction:column;gap:8px;flex:1}.tt-widget small{font-size:var(--pd-type-caption);color:#9ba5b4;letter-spacing:.07em}.tt-widget strong{font:700 var(--pd-type-metric)/40px var(--cm-font-display,'Play',sans-serif)}.tt-widget>span>span{font-size:var(--pd-type-caption);color:#99a4b3}.tt-widget .tt-model{width:105px;height:105px}
@media(prefers-reduced-motion:reduce){.tt-hub *{transition:none!important}}

.tt-detail .tt-header{padding-top:55px;min-height:105px}.tt-study{font-style:normal;display:block;color:#727b87;font-size:var(--pd-type-caption);padding:7px 7px 0}

/* Use existing PokerDot controls, without a separate help-button variant. */
.tt-info-holder.pd-luck-label{padding:0;margin:0;display:flex;justify-content:flex-end}.tt-header .me-back{display:grid;place-items:center}.tt-formats{display:block;padding:0;border:0;border-radius:0}.tt-formats button{font-family:inherit}.tt-hub .tt-primary{font-family:var(--cm-font-ui)!important}

.tt-hero .tt-identity{margin-bottom:20px}
/* Shared number treatment and restrained one-shot motion. */
.tt-hub .tt-number,.tt-hub .tt-number>span{display:inline;font:inherit;letter-spacing:inherit;color:inherit;white-space:nowrap;font-variant-numeric:tabular-nums}
.tt-hero .tt-model{height:232px}.tt-hero{padding-top:12px}.tt-hero .tt-identity h1{font-size:var(--pd-type-submetric)}.tt-hero .tt-identity{margin-bottom:18px}
.tt-card-entry{margin-top:16px;padding:18px 20px;gap:21px;position:relative;isolation:isolate;background:radial-gradient(ellipse at 8% 5%,#65758a32,transparent 65%),linear-gradient(135deg,#1b2027,#0d1116 80%);border-color:#8394aa35;overflow:hidden;transition:border-color .25s,transform .25s}
.tt-card-entry .tt-card-art{transform:rotate(-7deg);flex:none;transition:transform .5s cubic-bezier(.2,.8,.2,1)}
.tt-card-entry .tt-card-copy{display:block;flex:1;min-width:0}.tt-card-entry .tt-card-copy>small{font-size:var(--pd-type-caption);letter-spacing:.1em;color:#a4adba}.tt-card-entry .tt-card-copy>strong{font-size:var(--pd-type-metric);line-height:1.1;margin:8px 0;color:#ece4d1}.tt-card-entry .tt-card-copy>span{font-size:var(--pd-type-caption);color:#a1aab6}.tt-card-entry .tt-card-copy>b{display:flex;justify-content:space-between;color:#c7d0db;font-size:var(--pd-type-caption);letter-spacing:.02em;margin-top:11px}
.tt-card-entry>.tt-card-shine{position:absolute;inset:-70% -20%;width:50%;background:linear-gradient(90deg,transparent,#d8eaff0c,transparent);transform:rotate(25deg) translateX(-300%);pointer-events:none;animation:tt-card-shine 1.6s .3s ease-out both;z-index:-1}
.tt-card-entry:active{border-color:#bac9dc66}.tt-card-entry:active{transform:scale(.99)}
.tt-payout strong{font-size:var(--pd-type-metric);letter-spacing:-.015em;line-height:1.2}.tt-charge strong{font-size:var(--pd-type-submetric)}.tt-formula b{font-size:var(--pd-type-title)}.tt-formula-total b{font-size:var(--pd-type-submetric)}.tt-success>strong{font-size:var(--pd-type-feature)}
.tt-range-track i{transition:left .7s cubic-bezier(.16,1,.3,1),background .5s}.tt-signal i{transition:width .7s cubic-bezier(.16,1,.3,1),background .5s}.tt-thermal-strip span{transition:opacity .5s,box-shadow .5s}
.tt-scroll>.tt-payout,.tt-scroll>.tt-card-entry,.tt-success{animation:tt-block-in .6s cubic-bezier(.16,1,.3,1) both}
@keyframes tt-block-in{from{opacity:0;transform:translateY(9px)}to{opacity:1;transform:translateY(0)}}
@keyframes tt-card-shine{to{transform:rotate(25deg) translateX(520%)}}
@media(prefers-reduced-motion:reduce){.tt-hub *,.tt-hub *::before,.tt-hub *::after{animation:none!important;transition:none!important}.tt-card-entry>.tt-card-shine{display:none}}
.tt-hub:not(.tt-detail) .tt-scroll{padding-top:14px}.tt-hero{border-radius:16px;padding:13px 16px 19px;background:radial-gradient(ellipse at 50% 39%,#24303b66,transparent 65%),linear-gradient(145deg,#191d23,#0c1014 70%);border-color:#76869a2b;box-shadow:inset 0 1px 0 #d7e8ff09}
.tt-hero-top{font-size:var(--pd-type-caption);letter-spacing:.11em;color:#d1d9e3;font-weight:700}.tt-hero-tools{display:flex;align-items:center;gap:12px}.tt-hero-tools>button{font-size:var(--pd-type-caption);font-weight:400;color:#929ead}.tt-hero-tools .pd-luck-info-button{width:30px;height:30px}.tt-hero .tt-model{height:255px;margin:-4px -12px -6px}.tt-hero .tt-identity{margin-bottom:20px}.tt-hero .tt-identity h1{font-size:var(--pd-type-submetric);letter-spacing:.06em}.tt-charge{border-top:1px solid #adbed514;padding-top:16px}.tt-charge-track{height:5px}.tt-charge small{line-height:1.6;color:#8c98a6}

/* Compact hero: the object and identity share one row. */
.tt-hero{padding:12px 16px 14px}
.tt-hero-body{display:grid;grid-template-columns:53% 47%;align-items:center;min-height:172px;margin:0 -8px}
.tt-hero .tt-hero-body .tt-model{height:178px;width:100%;margin:0}
.tt-hero .tt-identity{text-align:left;margin:0;padding-left:4px}
.tt-hero .tt-identity h1{font-size:var(--pd-type-submetric);margin:0 0 9px;letter-spacing:.035em}
.tt-hero .tt-identity>span{justify-content:flex-start;font-size:var(--pd-type-caption)}
.tt-hero .tt-identity>small{display:block;font-size:var(--pd-type-caption);color:#75818e;margin-top:7px}
.tt-charge{padding-top:13px}.tt-charge-track{margin:9px 0 8px}.tt-charge small{font-size:var(--pd-type-caption)}
.tt-payout{padding:18px 0 15px}.tt-payout strong{margin:5px 0;font-size:var(--pd-type-metric)}
.tt-card-entry{margin-top:12px;padding:14px 18px;gap:18px}
.tt-card-entry .tt-card-copy>strong{font-size:var(--pd-type-submetric);margin:5px 0}
.tt-card-entry .tt-card-copy>b{margin-top:8px}.tt-history-link{min-height:38px}

.tt-model:not(.tt-mini) canvas{touch-action:pan-y;cursor:grab}.tt-model:not(.tt-mini) canvas:active{cursor:grabbing}.tt-model canvas:focus-visible{outline:1px solid #8e9cac;outline-offset:-8px;border-radius:14px}

/* Match the current dark Career typography: 12px captions, 14px screen titles. */
.tt-header h2{font-size:var(--pd-type-label);font-weight:700;line-height:1.3;letter-spacing:.04em}
.tt-charge small,.tt-card-entry .tt-card-copy>span,.tt-amount>small,.tt-range small{line-height:1.5;color:#9ca6b5}
.tt-charge>div:first-child{flex-wrap:wrap;row-gap:5px}.tt-charge b{white-space:nowrap}
.tt-payout span{letter-spacing:.055em;line-height:1.4}
.tt-muted,.tt-explainer p,.tt-success-note{font-size:var(--pd-type-caption);line-height:1.6}
.tt-card-entry .tt-card-copy>small{font-size:var(--pd-type-caption);letter-spacing:.07em}
.tt-card-entry .tt-card-copy>span{display:block}
/* DotCenter document revisions: profile, combinations and compact history. */
.career-identity{margin:16px 20px 0;padding:16px;border:1px solid #ffffff18;border-radius:20px;background:linear-gradient(135deg,#1a2027,#0d1013);color:#f4f6fa;font-family:var(--cm-font-ui,sans-serif)}
.career-person{display:flex;align-items:center;gap:14px}.career-avatar{position:relative;display:block;width:60px;height:60px;flex:none}.career-avatar>img{width:100%;height:100%;border-radius:50%;object-fit:cover}.career-person>div{min-width:0}.career-person strong{font-size:var(--pd-type-title);font-weight:700;letter-spacing:.02em;display:block}.career-person span:not(.career-avatar),.career-person small{display:block;font-size:var(--pd-type-caption);line-height:1.5;color:#9ba7b6;margin-top:3px}
.career-profile-bottom{display:grid;grid-template-columns:1fr 1.3fr;gap:12px;align-items:center;margin-top:16px;padding-top:13px;border-top:1px solid #ffffff10}.career-profile-bottom small{display:block;font-size:var(--pd-type-caption);color:#8e9cab;letter-spacing:.065em}.career-profile-bottom b{display:block;font:700 var(--pd-type-title)/24px var(--cm-font-display,sans-serif);margin-top:4px}.career-profile-bottom button{display:flex;align-items:center;gap:12px;padding:0;border:0;background:none;text-align:left;color:#ebd09a}.career-profile-bottom button>span{flex:1}.career-profile-bottom i{float:right;font-style:normal;color:#9eaab8}
.career-medals{display:flex;align-items:center;gap:8px;width:100%}.career-medals>span{color:var(--medal);flex:1;text-align:center;min-width:0}.career-medals svg{display:block;width:100%;height:40px}.career-medals strong{display:block;font:700 var(--pd-type-title)/24px var(--cm-font-display,sans-serif)}.career-medals small{display:block;font-size:var(--pd-type-caption);color:#94a0ae;white-space:nowrap;margin-top:3px}.ms-preview-lb .ms-preview-main{grid-template-columns:1fr 48%}.ms-preview-lb .ms-preview-art{height:auto;padding:0}
.ms-history-button{display:flex;justify-content:space-between;align-items:center;width:100%;padding:18px;border:1px solid #ffffff1a;border-radius:16px;background:#101418;color:#e8edf3;font-size:var(--pd-type-caption);font-weight:700;letter-spacing:.07em}.ms-history-button>span{font-size:var(--pd-type-submetric);color:#8593a3}
.combo-widget{display:block;text-align:left;width:100%;padding:18px;border:1px solid #ffffff18;border-radius:20px;background:radial-gradient(ellipse at 90% 20%,#56402b30,transparent 65%),#101316;color:#f2f5f8}.combo-widget-title{display:flex;justify-content:space-between;font-size:var(--pd-type-caption);font-weight:700;letter-spacing:.08em}.combo-widget-main{display:flex;justify-content:space-between;align-items:center;gap:12px;margin:18px 0}.combo-widget-main>div:first-child>strong,.combo-total>strong{font:700 var(--pd-type-metric)/40px var(--cm-font-display,sans-serif)}.combo-widget-main strong>small,.combo-total strong>small{font-size:var(--pd-type-title);color:#778695}.combo-widget-main>div:first-child>span{display:block;font-size:var(--pd-type-caption);color:#9ca6b4;margin-top:4px}.combo-widget-foot{border-top:1px solid #ffffff12;padding-top:13px;display:flex;justify-content:space-between;gap:8px;font-size:var(--pd-type-caption);color:#9ba6b3}.combo-widget-foot b{color:#dfc38d;margin-left:3px}
.combo-cards{display:flex;justify-content:center;align-items:center;padding:6px 0}.combo-cards>span{margin-left:-8px;transform:rotate(-5deg)}.combo-cards>span:first-child{margin-left:0}.combo-cards>span:nth-child(2){transform:rotate(-2deg)}.combo-cards>span:nth-child(3){transform:rotate(0)}.combo-cards>span:nth-child(4){transform:rotate(2deg)}.combo-cards>span:nth-child(5){transform:rotate(5deg)}
.combo-total{display:flex;align-items:center;gap:16px;margin:8px 0 22px}.combo-total>span{font-size:var(--pd-type-caption);color:#a3acb7}.combo-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.combo-item{min-width:0;padding:13px 10px;border:1px solid #ffffff12;border-radius:16px;background:linear-gradient(140deg,#1b2128,#0d1115)}.combo-item-head{display:flex;align-items:center;justify-content:space-between;gap:4px}.combo-item h3{font-size:var(--pd-type-caption);margin:0}.combo-item-head>span{color:#86b59e}.combo-item .combo-cards{margin:12px 0}.combo-count{display:flex;gap:7px;align-items:baseline}.combo-count strong{font:700 var(--pd-type-title)/24px var(--cm-font-display,sans-serif)}.combo-count>span{font-size:var(--pd-type-caption);color:#929eac}.combo-rare{border-color:#bca16b40;background:radial-gradient(ellipse at 50% 0,#80633420,transparent 80%),#111519}.combo-rare .combo-cards{margin:20px 0;transform:scale(1.05)}.combo-rare .combo-count strong{font-size:var(--pd-type-metric);color:#e9cb88}.combo-date{display:block;font-size:var(--pd-type-caption);color:#9da7b4;margin-top:9px}.combo-rare button{display:flex;align-items:center;justify-content:space-between;width:100%;border:0;background:none;color:#edce99;padding:14px 0 0;font-size:var(--pd-type-caption);letter-spacing:.035em}.combo-item[data-collected=false]{filter:saturate(.2);opacity:.62}.combo-notes{padding:12px 0 30px;color:#9aa6b5;font-size:var(--pd-type-caption);line-height:1.6}
.career-next-bonus{font:400 var(--pd-type-caption)/16px var(--cm-font-ui,sans-serif);color:#d6bf90;padding:7px 0 2px}.tt-charge>small{margin-top:10px}.tt-history-link{margin-top:12px}.tt-card-entry .tt-card-copy>span{line-height:1.5}

/* Main totem: freestanding, directly draggable 3D stage above its information card. */
.tt-stage{position:relative;background:radial-gradient(ellipse at 50% 55%,#26344228,transparent 67%);margin:-8px -8px 4px}
.tt-stage .tt-model{width:100%;height:280px;margin:0}
.tt-summary-card .tt-summary-identity{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 0 18px}
.tt-summary-card .tt-identity{padding:0}
.tt-summary-card .tt-rate{text-align:right}
.tt-summary-card .tt-rate>span{display:block;font-size:var(--pd-type-caption);color:#8b94a0;letter-spacing:.055em}
.tt-summary-card .tt-rate strong{display:block;font:700 var(--pd-type-metric)/40px var(--cm-font-display,'Play',sans-serif);margin:4px 0 5px;font-variant-numeric:tabular-nums}
.tt-summary-card .tt-rate em{justify-content:flex-end}
.tt-summary-card .tt-charge{padding-top:14px}
.tt-summary-card>.tt-primary{margin-top:16px}
@media(max-width:360px){.tt-stage .tt-model{height:250px}.tt-summary-card .tt-rate strong{font-size:var(--pd-type-submetric)}}


/* Reference composition: illuminated alcove, surrounding accumulation rail, card in plinth. */
.tt-hub:not(.tt-detail)>.tt-scroll{flex:1;margin-bottom:0;padding:0 18px 100px;background:#080a0b}
.tt-showcase{margin:0 -18px;position:relative;isolation:isolate;background:radial-gradient(ellipse at 50% 64%,rgba(var(--scene-rgb),.16),transparent 66%);--scene-rgb:255,151,99}
.tt-showcase-stage{height:470px;max-width:420px;margin:0 auto;position:relative;isolation:isolate}
.tt-showcase-wall{position:absolute;inset:0;background:radial-gradient(ellipse at 6% 45%,#49576418,transparent 64%),linear-gradient(120deg,#1e252940,transparent 40%,#12191c);mask-image:linear-gradient(transparent,#000 16%,#000 83%,transparent);z-index:-2}
.tt-showcase-wall:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 49.8%,#75879509 50%,transparent 50.2%),linear-gradient(0deg,transparent 49.8%,#75879507 50%,transparent 50.2%);background-size:62px 62px;opacity:.5}
.tt-showcase-vault{position:absolute;top:25px;bottom:37px;left:29px;right:29px;border-radius:50% 50% 8px 8px / 41% 41% 8px 8px;background:radial-gradient(ellipse at 48% 63%,rgba(var(--scene-rgb),.25),transparent 70%),linear-gradient(110deg,#080b0f,#15191e 55%,#06090c);box-shadow:inset 8px 10px 26px #000f,inset -8px 0 24px #000c,0 0 0 5px #151c22,0 0 0 6px #46515e40,0 5px 18px #000b;overflow:hidden}
.tt-showcase-vault:after{content:"";position:absolute;inset:0;border-radius:inherit;box-shadow:inset 0 0 0 1px rgba(var(--scene-rgb),.17),inset 0 -13px 23px rgba(var(--scene-rgb),.12);pointer-events:none}
.tt-scene-halo{position:absolute;inset:10% -10% -8%;background:radial-gradient(ellipse at 53% 70%,rgba(var(--scene-rgb),.42),transparent 65%),radial-gradient(ellipse at 85% 95%,rgba(var(--scene-rgb),.48),transparent 45%),radial-gradient(ellipse at 10% 96%,rgba(var(--scene-rgb),.32),transparent 42%);filter:blur(19px);transition:background .6s}
.tt-scene-floor{position:absolute;bottom:0;left:0;right:0;height:76px;background:radial-gradient(ellipse at 50% 100%,rgba(var(--scene-rgb),.28),transparent 75%),linear-gradient(0deg,#141a21 0,transparent 80%);box-shadow:inset 0 -2px 1px rgba(var(--scene-rgb),.23)}
.tt-scene-heading{display:flex;align-items:center;gap:15px;position:relative;z-index:8;padding:15px 23px 6px;max-width:420px;margin:auto}
.tt-scene-rate{padding:0!important;background:none!important;border:0!important;border-radius:0!important;box-shadow:none!important;color:#f0f3f6;text-align:left!important;flex:1}
.tt-scene-rate>span{display:block;font-size:var(--pd-type-caption);line-height:1.3;letter-spacing:.075em;color:#919da8}.tt-scene-rate>strong{display:flex;align-items:baseline;gap:3px;font:700 var(--pd-type-metric)/40px var(--cm-font-display,'Play',sans-serif);margin-top:4px}.tt-scene-rate strong>small{font-size:var(--pd-type-title);color:#a4afb8}.tt-scene-rate strong>svg{width:14px;align-self:center;color:#7b8996;margin-left:5px}

.tt-showcase-statue{position:absolute;bottom:122px;left:7%;width:86%;height:300px;z-index:3;filter:drop-shadow(0 2px 2px #0009)}
.tt-statue-art{height:260px;display:flex;align-items:center;justify-content:center;position:relative;isolation:isolate}
.tt-statue-art svg{height:100%;width:100%;overflow:hidden;display:block}
.tt-statue-art.tt-mini{height:170px;max-width:220px;margin:auto}
.tt-showcase-statue>.tt-statue-art{width:100%;height:100%;filter:saturate(.65) contrast(1.08) brightness(1.13);transition:filter .6s}
.tt-showcase[data-heat="0"] .tt-showcase-statue>.tt-statue-art{filter:saturate(.1) sepia(.4) hue-rotate(160deg) saturate(1.5) brightness(1.2)}
.tt-showcase[data-heat="1"] .tt-showcase-statue>.tt-statue-art{filter:saturate(.2) sepia(.3) hue-rotate(160deg) saturate(1.25) brightness(1.16)}
.tt-showcase[data-heat="2"] .tt-showcase-statue>.tt-statue-art{filter:saturate(.2) sepia(.16) hue-rotate(155deg) brightness(1.13)}
.tt-showcase[data-heat="5"] .tt-showcase-statue>.tt-statue-art{filter:sepia(.18) saturate(1.25) brightness(1.12) contrast(1.08)}
.tt-pedestal{position:absolute!important;z-index:2;left:50%;bottom:24px;transform:translateX(-50%);width:268px;height:114px;padding:35px 34px 16px!important;display:flex!important;align-items:center!important;gap:14px!important;color:#e8ded1;text-align:left!important;border:0!important;border-radius:0!important;background:none!important;box-shadow:none!important;isolation:isolate}
.tt-pedestal-body{position:absolute;inset:0;width:100%;height:100%;z-index:-1;overflow:visible;filter:drop-shadow(0 2px 1px #000b);pointer-events:none}
.tt-pedestal:after{content:"";position:absolute;left:25%;right:25%;top:8px;height:10px;border-radius:50%;background:#0008;filter:blur(3px);z-index:-1;pointer-events:none}

.tt-pedestal-card{position:relative;display:grid;place-items:center;flex:none;width:49px;height:65px;border-radius:6px;background:#080d11;border:1px solid #78869360;box-shadow:inset 2px 2px 5px #000,0 1px 0 #ffffff16}
.tt-pedestal-bonus{display:block;flex:1;min-width:0}.tt-pedestal-bonus>small{font-size:var(--pd-type-caption);letter-spacing:.065em;color:#a1a8b1;white-space:nowrap}.tt-pedestal-bonus>strong{display:block;font:700 var(--pd-type-submetric)/28px var(--cm-font-display,'Play',sans-serif);margin:2px 0 3px;color:#e5cf9f}.tt-pedestal-bonus>span{display:flex;align-items:center;white-space:nowrap;gap:2px;font-size:var(--pd-type-caption);color:#aab1ba}.tt-pedestal-bonus svg{width:12px;height:12px}
.tt-pedestal:active .tt-pedestal-card{border-color:#a0b0bd}.tt-pedestal:focus-visible,.tt-scene-rate:focus-visible{outline:2px solid #b2c2d0;outline-offset:3px}
.tt-scene-progress{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:5;overflow:visible}
.tt-scene-progress path{fill:none;stroke-linecap:round}.tt-scene-rail-edge{stroke:#444b533b;stroke-width:13}.tt-scene-rail{stroke:#151b22;stroke-width:9}.tt-scene-fill-glow{stroke:rgba(var(--scene-rgb),.48);stroke-width:15;filter:blur(7px)}.tt-scene-fill{stroke-width:6}.tt-scene-highlight{stroke:#fff3e5;stroke-width:1.1}.tt-scene-ticks{stroke:#b0becc4d;stroke-width:1}
.tt-scene-progress text{fill:#a4afb9;font:700 var(--pd-type-caption)/16px var(--cm-font-display,'Play',sans-serif)}.tt-cursor-halo{fill:rgba(var(--scene-rgb),.23);filter:blur(1px)}.tt-cursor-core{fill:#fff3e9;stroke:rgb(var(--scene-rgb));stroke-width:3}
.tt-scene-marker{position:absolute;z-index:7;border:1px solid rgba(var(--scene-rgb),.6);border-radius:7px;background:#090d11ef;color:#f3f5f7;padding:3px 6px;font:700 var(--pd-type-caption)/16px var(--cm-font-display,'Play',sans-serif);pointer-events:none;white-space:nowrap}
.tt-showcase-action{padding:0 22px 8px;max-width:420px;margin:auto}.tt-showcase-caption{display:flex;justify-content:space-between;gap:8px;font-size:var(--pd-type-caption);line-height:1.5;color:#87949f;padding:2px 2px 12px}.tt-showcase-caption b{color:#d5dce3;font-weight:700}.tt-showcase-caption>span:last-child{color:rgb(var(--scene-rgb));white-space:nowrap}
.tt-showcase-action>.tt-primary{width:100%;display:block;margin:0!important;min-height:48px;font-size:var(--pd-type-caption)!important;letter-spacing:.065em!important;box-shadow:0 9px 22px #76071726!important}.tt-showcase-action>.tt-primary:disabled{box-shadow:none!important}
.tt-asset-credit{display:block;color:#8291a2;margin-top:18px;font-size:var(--pd-type-caption);text-decoration:underline;text-underline-offset:3px}.tt-widget>.tt-statue-art{height:100px;width:95px;flex:none}.tt-statue-art[data-art]:not([data-art="tiger"]){mask-image:radial-gradient(ellipse at 50% 58%,#000 43%,transparent 72%)}
@media(max-width:360px){.tt-showcase-stage{height:440px}.tt-showcase-statue{height:272px;bottom:118px}.tt-pedestal{width:248px;height:110px;bottom:24px;padding:33px 25px 15px!important;gap:12px!important}.tt-scene-heading{padding:13px 20px 5px;gap:11px}.tt-scene-rate>strong{font-size:var(--pd-type-metric)}.tt-scene-identity>strong{font-size:var(--pd-type-caption)}.tt-showcase-action{padding-left:18px;padding-right:18px}.tt-showcase-caption{font-size:var(--pd-type-caption)}}
@media(prefers-reduced-motion:reduce){.tt-showcase *{transition:none!important}}

/* The pedestal meets the floor plane; the tight shadow anchors its lower rim. */
.tt-scene-floor{height:60px;background:linear-gradient(0deg,#111820 0,#202932 45%,#30343b 49%,#12171d 100%);transform:perspective(260px) rotateX(12deg);transform-origin:bottom;box-shadow:inset 0 2px 8px #0008,inset 0 -1px 0 rgba(var(--scene-rgb),.3)}
.tt-scene-floor:after{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 50% 50%,rgba(var(--scene-rgb),.23),transparent 70%)}
.tt-plinth-contact{position:absolute;z-index:2;width:276px;height:23px;left:50%;bottom:29px;transform:translateX(-50%);border-radius:50%;background:radial-gradient(ellipse,#000 35%,#000c 56%,transparent 73%);filter:blur(2px);pointer-events:none}
.tt-statue-art>.tt-thermal-fx{position:absolute;inset:0;overflow:visible;pointer-events:none;z-index:2}
.tt-fire-fx{opacity:calc(.35 + var(--fx-power)*.65);filter:drop-shadow(0 0 4px #ff6b1599);mix-blend-mode:screen}
.tt-flame-tongues>g{animation:tt-flame-lick 1.8s ease-in-out infinite alternate}
.tt-embers circle{animation:tt-ember-rise 3s linear infinite}
.tt-ice-fx{filter:drop-shadow(0 0 3px #a8e6ff66)}
.tt-ice-glints path{animation:tt-ice-glint 3.5s ease-in-out infinite}
@keyframes tt-flame-lick{0%{transform:scale(.8,.76) skewX(-4deg);opacity:.65}50%{transform:scale(1.05,1.08) skewX(3deg);opacity:1}100%{transform:scale(.88,.92) skewX(-2deg);opacity:.8}}
@keyframes tt-ember-rise{0%{transform:translate(0,10px);opacity:0}18%{opacity:.9}75%{opacity:.55}100%{transform:translate(13px,-130px);opacity:0}}
@keyframes tt-ice-glint{0%,65%,100%{opacity:.15}75%{opacity:1}85%{opacity:.3}}
@media(max-width:360px){.tt-plinth-contact{width:255px}}
@media(prefers-reduced-motion:reduce){.tt-thermal-fx *{animation:none!important}.tt-thermal-fx animate{display:none}}

.tt-showcase-statue{display:block;padding:0!important;margin:0;border:0!important;border-radius:0;background:transparent!important;box-shadow:none!important;color:inherit;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent}
.tt-showcase-statue:focus-visible{outline:1px solid #a4b4c5!important;outline-offset:6px;border-radius:24px}
.tt-info-overlay{font-family:var(--cm-font-ui,'Golos Text',sans-serif)}
.tt-info-overlay>[role=dialog]{max-width:350px!important;max-height:85%;overflow:auto!important;padding:24px!important;text-align:left!important;border:1px solid #ffffff1c!important;background:linear-gradient(145deg,#191e24,#101316)!important;border-radius:22px!important;outline:none}
.tt-info-overlay>[role=dialog]>span{display:none}
.tt-info-overlay>[role=dialog]>div{font-family:var(--cm-font-ui,'Golos Text',sans-serif)!important;letter-spacing:normal!important}
.tt-info-overlay>[role=dialog]>div:nth-of-type(1){font-size:var(--pd-type-caption)!important;font-weight:700!important;letter-spacing:.08em!important;color:#8d99a7!important}
.tt-info-overlay>[role=dialog]>div:nth-of-type(2){font:700 var(--pd-type-title)/24px var(--cm-font-display,'Play',sans-serif)!important;letter-spacing:0!important;margin-top:8px!important}
.tt-info-overlay>[role=dialog]>div:nth-of-type(3){font-size:var(--pd-type-label)!important;line-height:1.55!important;font-weight:400!important;color:#b7c0cb!important;margin-top:18px!important}
.tt-info-overlay>[role=dialog]>div:nth-of-type(3)>span+span{margin-top:14px!important}
.tt-info-overlay button{font:700 var(--pd-type-caption)/16px var(--cm-font-ui,'Golos Text',sans-serif)!important;min-height:44px}

/* Generated architectural plate contains the floor and pedestal in one perspective. */
.tt-scene-render{position:absolute;inset:4.255% 0 0;width:100%;height:95.745%;object-fit:fill;pointer-events:none;filter:saturate(.35);mask-image:linear-gradient(to bottom,transparent 0,#000 5%,#000 78%,rgba(0,0,0,.99) 81%,rgba(0,0,0,.95) 84%,rgba(0,0,0,.84) 87%,rgba(0,0,0,.64) 90%,rgba(0,0,0,.38) 93%,rgba(0,0,0,.14) 96%,rgba(0,0,0,.03) 98%,transparent 100%);transition:filter .6s}
.tt-showcase[data-heat="0"] .tt-scene-render,.tt-showcase[data-heat="1"] .tt-scene-render{filter:sepia(.5) hue-rotate(163deg) saturate(.8)}
.tt-showcase[data-heat="2"] .tt-scene-render{filter:saturate(.1)}
.tt-showcase[data-heat="5"] .tt-scene-render{filter:sepia(.25) saturate(1.1)}
.tt-render-light{position:absolute;inset:4.255% 7% 8%;border-radius:48% 48% 0 0;pointer-events:none;mix-blend-mode:screen;background:radial-gradient(ellipse at 50% 73%,rgba(var(--scene-rgb),.12),transparent 67%)}
.tt-showcase-statue{bottom:117px}
.tt-pedestal{bottom:52px;width:268px;height:56px;padding:0 30px!important;gap:14px!important;filter:none}
.tt-pedestal:after{display:none}
.tt-pedestal-card{width:39px;height:51px;box-shadow:inset 2px 3px 4px #000,0 1px 0 #ffffff20}
.tt-pedestal-bonus>small{font-size:var(--pd-type-caption);letter-spacing:.03em}.tt-pedestal-bonus>strong{font-size:var(--pd-type-submetric);margin:1px 0}.tt-pedestal-bonus>span{font-size:var(--pd-type-caption)}
.tt-scene-rail-edge{stroke:#4d515c30;stroke-width:7}.tt-scene-rail{stroke:#29282b99;stroke-width:5}.tt-scene-fill{stroke-width:4}.tt-scene-fill-glow{stroke-width:10;filter:blur(5px)}.tt-scene-highlight{stroke-width:.65}.tt-scene-ticks{stroke:#d3d6db36;stroke-width:.7}
@media(max-width:360px){.tt-showcase-statue{bottom:109px}.tt-pedestal{bottom:49px;height:54px;width:248px;padding:0 25px!important}}
/* One centered rate, with the card set into the plinth face. */
.tt-scene-heading{justify-content:center;padding-top:12px;padding-bottom:8px}
.tt-scene-rate{flex:0 1 auto;text-align:center!important;min-width:170px}
.tt-scene-rate>span{font-size:var(--pd-type-caption);letter-spacing:.11em}
.tt-scene-rate>strong{justify-content:center;font-size:var(--pd-type-feature);gap:4px;margin-top:5px}
.tt-scene-rate strong>svg{position:absolute;right:-23px;width:14px}
.tt-scene-rate>strong{position:relative;width:max-content;margin-left:auto;margin-right:auto}
/* Separate tangents follow the curved vertical wall of the cylindrical plinth. */
.tt-pedestal{width:240px;height:58px;bottom:53px;padding:0!important;gap:0!important;justify-content:center!important;z-index:4}
.tt-pedestal-face{position:relative;display:flex;align-items:center;justify-content:center;gap:19px;width:218px;height:56px;padding:0;box-sizing:border-box;transform:none;background:none;border:0;box-shadow:none}
.tt-pedestal-face:after{display:none}
.tt-pedestal-card{width:39px;height:52px;box-sizing:border-box;transform:perspective(500px) rotateY(-23deg) skewY(3deg);border-radius:4px;padding:2px;background:linear-gradient(90deg,#111518,#798284 48%,#1b2021);border:1px solid #737f8080;box-shadow:inset 2px 0 3px #000b,0 1px 0 #e2e5d533,-1px 0 1px #0009}
.tt-pedestal-card:after{content:'';position:absolute;inset:2px;border-radius:3px;pointer-events:none;background:linear-gradient(90deg,#0003,transparent 65%,#ecf0ec15)}
.tt-pedestal-bonus{position:relative;flex:0 0 auto;min-width:113px;transform:perspective(600px) rotateY(8deg) skewY(-1deg);text-shadow:0 1px 1px #000}
.tt-pedestal-bonus>small{display:none}
.tt-pedestal-bonus>strong{font-size:var(--pd-type-metric);line-height:34px;margin:0;color:#f0d7a2;letter-spacing:-.025em;text-shadow:0 -1px 0 #fff3,0 1px 1px #000d}
.tt-pedestal-bonus>span{display:flex;font-size:var(--pd-type-caption);line-height:14px;color:#c0c5c5}
.tt-pedestal-bonus svg{width:12px;height:12px}
.tt-showcase-caption{justify-content:center;text-align:center;padding-bottom:12px}
.tt-showcase-caption>span:last-child{color:#87949f}
.tt-showcase-caption b{font-size:var(--pd-type-body);font-variant-numeric:tabular-nums}
.tt-claim-burst{position:absolute;inset:0;width:100%;height:100%;z-index:12;pointer-events:none}
.tt-showcase[data-claiming=true] .tt-showcase-statue{animation:tt-release-statue 2.05s ease-out both}
.tt-showcase[data-claiming=true] .tt-render-light{animation:tt-release-light 2.05s ease-out both}
.tt-showcase[data-claiming=true] button{pointer-events:none}
@keyframes tt-release-statue{0%{filter:brightness(1)}20%{filter:brightness(1.45) drop-shadow(0 0 14px rgba(var(--scene-rgb),.7))}60%{filter:brightness(1.13)}100%{filter:brightness(1)}}
@keyframes tt-release-light{0%{opacity:1}20%{opacity:3}100%{opacity:1}}
@media(max-width:360px){.tt-pedestal{width:220px;height:55px;bottom:48px;padding:0!important;gap:0!important}.tt-pedestal-face{width:205px;height:54px;gap:16px}.tt-pedestal-bonus>strong{font-size:var(--pd-type-metric)}.tt-scene-rate>strong{font-size:var(--pd-type-metric)}}
@media(prefers-reduced-motion:reduce){.tt-showcase[data-claiming=true] *{animation:none!important}}

/* Full totem explanation follows the same typography and cards as DotCenter. */
.tt-totem-hero{text-align:center;padding:12px 0 25px}.tt-totem-hero>.tt-model,.tt-totem-hero>.tt-statue-art{height:250px;max-width:280px;margin:0 auto 12px}.tt-totem-hero h1{font:700 var(--pd-type-metric)/40px var(--cm-font-display,'Play',sans-serif);margin:12px 0 8px}.tt-totem-hero>span{font-size:var(--pd-type-label);font-weight:700}
.tt-info-card{background:#0e1115;border:1px solid #ffffff14;border-radius:20px;padding:20px;margin-bottom:16px}.tt-info-card h3{font:700 var(--pd-type-body)/24px var(--cm-font-display,'Play',sans-serif);margin:0 0 14px}.tt-info-card p,.tt-info-explanation{font-size:var(--pd-type-label);line-height:1.65;color:#a8b0ba;margin:0 0 18px}.tt-info-row{display:flex;align-items:center;justify-content:space-between;gap:12px;border-top:1px solid #ffffff12;padding:17px 0;color:#9ba5b0;font-size:var(--pd-type-caption)}.tt-info-row b{font:700 var(--pd-type-title)/24px var(--cm-font-display,'Play',sans-serif);color:#f0f2f5;white-space:nowrap}.tt-info-link{display:flex;align-items:center;justify-content:space-between;width:100%;padding:17px 0 0;border:0;border-top:1px solid #ffffff12;background:none;color:#e2e6eb;font:400 var(--pd-type-label)/20px var(--cm-font-ui,'Golos Text',sans-serif);text-align:left}.tt-info-link svg{flex:none;margin-left:10px}.tt-info-card .tt-range{margin:0;padding:12px 0 22px;border:0;background:none}.tt-info-signals{border-top:1px solid #ffffff12;padding-top:16px}.tt-info-card .tt-info-footnote{margin:12px 0 0;font-size:var(--pd-type-caption)}.tt-totem-details .tt-formula{margin:22px 0}.tt-totem-details .tt-formula small{max-width:220px;line-height:1.5}.tt-totem-details .tt-primary{margin:16px 0}.tt-totem-details{padding-bottom:20px}

/* Scrollable content ends above the persistent navigation, including on short screens. */
.tt-hub:not(.tt-detail)>.tt-scroll{margin-bottom:100px;padding-bottom:12px}
.tt-scene-size{height:470px;position:relative}
.tt-scene-size>.tt-showcase-stage{height:470px;transform:none}
.tt-hub:not(.tt-detail) .tt-history-link{margin:8px 0 0;min-height:44px;padding:12px 4px}
.iso53 .iso53-top{display:grid;grid-template-columns:44px 1fr 44px;gap:8px}
.iso53 .iso53-title{font:700 var(--pd-type-label)/20px var(--cm-font-ui,'Golos Text',sans-serif);letter-spacing:.08em;text-align:center}
.iso53 .iso53-count{font:400 var(--pd-type-caption)/16px var(--cm-font-ui,'Golos Text',sans-serif);color:#939ca7;white-space:nowrap;text-align:right}

/* Preserve full scene size; tighten only the gaps around the primary action. */
.tt-scene-heading{padding-top:6px;padding-bottom:2px}
.tt-showcase-caption{padding-bottom:8px}



/* The centered physical card projects its multiplier into the space above it. */
.tt-pedestal-face{width:100%;gap:0;justify-content:center;overflow:visible}
.tt-pedestal-card{position:relative;z-index:2;transform:none;box-shadow:inset 0 1px 3px #000c,0 1px 0 #ffffff2b,0 -3px 11px #f2c77026}
.tt-pedestal-card:before{content:'';position:absolute;top:-2px;left:6px;right:6px;height:2px;border-radius:50%;background:#ffe5a4;box-shadow:0 0 5px #ffdf95,0 -3px 14px #efb95d80;pointer-events:none}
.tt-pedestal-bonus{position:absolute;bottom:calc(100% + 8px);left:50%;min-width:0;transform:translateX(-50%);text-align:center;z-index:3;pointer-events:none;animation:tt-holo-light 4.8s ease-in-out infinite}
.tt-pedestal-bonus>strong{margin:0;font-size:var(--pd-type-metric);line-height:34px;letter-spacing:.005em;color:#ffedbb;text-shadow:0 0 3px #fff4cd80,0 0 12px #f8cb7480,0 0 27px #d89b473b;white-space:nowrap}
.tt-pedestal-bonus:after{content:'';position:absolute;inset:1px -4px;background:repeating-linear-gradient(0deg,transparent 0 3px,#fff5d528 3px 4px);mask-image:linear-gradient(transparent,#000 40%,transparent);pointer-events:none;opacity:.3;animation:tt-holo-scan 6s linear infinite}
.tt-holo-beam{position:absolute;bottom:49px;left:50%;width:140px;height:76px;transform:translateX(-50%);pointer-events:none;z-index:1;mix-blend-mode:screen;animation:tt-holo-light 4.8s ease-in-out infinite}
.tt-holo-beam svg{display:block;width:100%;height:100%}
@keyframes tt-holo-light{0%,100%{opacity:.83;filter:brightness(.98)}50%{opacity:1;filter:brightness(1.1)}}
@keyframes tt-holo-scan{from{background-position:0 0}to{background-position:0 24px}}
@media(prefers-reduced-motion:reduce){.tt-holo-beam,.tt-pedestal-bonus,.tt-pedestal-bonus:after{animation:none!important}}

/* Vadim composition, October 5: chrome instrumentation, thermal light, physical drum. */
.tt-vadim-scene{background:radial-gradient(ellipse at 50% 68%,rgba(var(--scene-rgb),.085),transparent 65%)}
.tt-vadim-scene .tt-summary{display:grid;grid-template-columns:1fr 1.08fr;gap:0;padding:5px 24px 13px;max-width:420px;align-items:stretch}
.tt-summary>button{position:relative;display:grid;grid-template-rows:17px 39px 17px;align-items:center;min-width:0;min-height:73px;padding:0!important;border:0!important;border-radius:0!important;background:none!important;box-shadow:none!important;text-align:left!important;color:#eef0f3;transition:opacity .2s}
.tt-summary>button:active{opacity:.65}
.tt-summary>button:focus-visible{outline-offset:6px;border-radius:4px!important}
.tt-summary .tt-summary-card{border-left:1px solid #ffffff14!important;padding-left:18px!important;margin-left:12px;grid-template-columns:40px minmax(0,1fr);column-gap:10px}
.tt-summary-label{display:flex;align-items:center;gap:4px;grid-column:1/-1;align-self:start;font:700 var(--pd-type-caption)/16px var(--cm-font-ui,'Golos Text',sans-serif);letter-spacing:.085em;white-space:nowrap;color:#9aA2ad}
.tt-summary-label svg{width:10px;height:10px;stroke:#68717c;flex:none}
.tt-summary strong{font:700 var(--pd-type-metric)/40px var(--cm-font-display,'Play',sans-serif);font-variant-numeric:tabular-nums;letter-spacing:-.025em;white-space:nowrap}
.tt-summary strong>small{font-size:var(--pd-type-title);letter-spacing:0;margin-left:3px;color:#d2d8de}
.tt-summary-note{font:400 var(--pd-type-caption)/16px var(--cm-font-ui,'Golos Text',sans-serif);color:#828c97;white-space:nowrap}
.tt-summary-card strong{grid-column:2;grid-row:2;color:#eed6a2;font-size:var(--pd-type-metric)}
.tt-summary-card .tt-summary-note{grid-column:2;grid-row:3;font-size:var(--pd-type-caption);letter-spacing:-.015em}
.tt-summary-card-face{grid-column:1;grid-row:2/4;align-self:center;justify-self:start;border-radius:4px;border:1px solid #c3cdd040;padding:2px;background:linear-gradient(130deg,#778086,#161a1d 30%,#444b4e);box-shadow:0 2px 5px #0008,inset 0 0 0 1px #ffffff0d;transform:rotate(-4deg)}
.tt-summary-card-face canvas{width:32px!important;height:45px!important;box-shadow:0 1px 3px #000a}
.tt-vadim-scene .tt-scene-size{height:444px}
.tt-vadim-scene .tt-showcase-stage{height:470px}
.tt-vadim-scene .tt-scene-render{filter:saturate(.15) brightness(.8);transition:filter 1s}
.tt-vadim-scene[data-heat="0"] .tt-scene-render,.tt-vadim-scene[data-heat="1"] .tt-scene-render{filter:sepia(.4) hue-rotate(165deg) saturate(.7) brightness(.77)}
.tt-vadim-scene[data-heat="5"] .tt-scene-render{filter:sepia(.1) saturate(.5) brightness(.84)}
.tt-vadim-scene .tt-showcase-statue{bottom:117px;height:280px;filter:drop-shadow(0 2px 1px #000c)}
.tt-vadim-scene .tt-showcase-statue>.tt-statue-art{filter:saturate(.45) contrast(1.1) brightness(1.12) drop-shadow(0 0 11px rgba(var(--scene-rgb),.17));transition:filter .8s}
.tt-vadim-scene[data-heat="0"] .tt-showcase-statue>.tt-statue-art{filter:saturate(.2) sepia(.25) hue-rotate(163deg) brightness(1.16) drop-shadow(0 0 12px #7ecaff3d)}
.tt-vadim-scene .tt-render-light{background:radial-gradient(ellipse at 50% 83%,rgba(var(--scene-rgb),.18),transparent 62%);transition:background .8s}
.tt-light-field{position:absolute;z-index:2;top:11%;bottom:26.5%;left:16.2%;right:16.2%;border-radius:50% 50% 0 0 / 40% 40% 0 0;overflow:hidden;pointer-events:none;mix-blend-mode:screen;mask-image:linear-gradient(#000 80%,transparent)}
.tt-light-field>i{position:absolute;display:block;pointer-events:none;will-change:transform,opacity}
.tt-light-pool{inset:0;background:radial-gradient(ellipse 92% 55% at 50% 98%,rgba(var(--scene-rgb),calc(.2 + var(--scene-power)*.3)),transparent 78%),radial-gradient(ellipse 66% 85% at 50% 53%,rgba(var(--scene-rgb),.08),transparent 80%);animation:tt-light-breath 7s ease-in-out infinite}
.tt-light-ribbon{inset:9% -44% -24%;filter:blur(14px);transform-origin:50% 80%;background:conic-gradient(from 195deg at 50% 100%,transparent 0 9deg,rgba(var(--scene-rgb),.02) 17deg,rgba(var(--scene-rgb),calc(.12 + var(--scene-power)*.18)) 26deg,transparent 46deg 130deg,rgba(var(--scene-rgb),.12) 143deg,transparent 162deg);animation:tt-light-sway 12s ease-in-out infinite alternate}
.tt-light-ribbon-b{inset:17% -30% -19%;opacity:.65;animation-duration:17s;animation-delay:-6s;animation-direction:alternate-reverse;filter:blur(20px);transform:rotate(15deg)}
.tt-light-crown{width:110%;height:28%;left:-5%;top:-11%;border-radius:50%;background:radial-gradient(ellipse,rgba(var(--scene-rgb),calc(.2 + var(--scene-power)*.14)),transparent 67%);filter:blur(9px);animation:tt-light-crown 9s ease-in-out infinite alternate}
.tt-light-grain{inset:0;background:radial-gradient(ellipse at 22% 76%,rgba(var(--scene-rgb),.24),transparent 23%),radial-gradient(ellipse at 81% 52%,rgba(var(--scene-rgb),.15),transparent 22%);filter:blur(14px);animation:tt-light-sway 15s -4s ease-in-out infinite alternate-reverse}
.tt-vadim-scene[data-heat="2"] .tt-light-field{opacity:.55}
.tt-vadim-scene[data-heat="0"] .tt-light-ribbon{animation-duration:10s}
.tt-vadim-scene[data-heat="5"] .tt-light-ribbon{animation-duration:7s}
@keyframes tt-light-sway{0%{transform:translate3d(-6%,2%,0) rotate(-13deg) scale(.96)}100%{transform:translate3d(5%,-5%,0) rotate(14deg) scale(1.1)}}
@keyframes tt-light-breath{0%,100%{opacity:.72;transform:scale(.98)}50%{opacity:1;transform:scale(1.04)}}
@keyframes tt-light-crown{from{transform:translateX(-12%);opacity:.6}to{transform:translateX(12%);opacity:1}}
.tt-vadim-scene .tt-scene-progress{overflow:visible}
.tt-vadim-scene .tt-scene-rail-edge{stroke:#868c922e;stroke-width:8}
.tt-vadim-scene .tt-scene-rail{stroke:#121619;stroke-width:4.8}
.tt-vadim-scene .tt-scene-fill{stroke-width:3.2}
.tt-vadim-scene .tt-scene-fill-glow{stroke:rgba(var(--scene-rgb),.5);stroke-width:10;filter:blur(5px);animation:tt-rail-breathe 5s ease-in-out infinite}
.tt-vadim-scene .tt-scene-highlight{stroke:#fffaed;stroke-width:.7}
.tt-rail-shimmer{stroke:#f4fbff;stroke-width:2;stroke-dashoffset:107;opacity:.8;filter:drop-shadow(0 0 3px rgb(var(--scene-rgb)));animation:tt-rail-flow 6.5s linear infinite}
.tt-vadim-scene[data-heat="0"] .tt-rail-shimmer{animation-direction:reverse;animation-duration:8s}
.tt-vadim-scene[data-heat="5"] .tt-rail-shimmer{animation-duration:4s}
.tt-vadim-scene .tt-scale-tick{stroke:#98a2ad4d;stroke-width:.8}
.tt-scale-mark path{stroke:#7d879156;stroke-width:1;transition:stroke .6s}
.tt-vadim-scene .tt-scale-mark text{font:400 var(--pd-type-caption)/16px var(--cm-font-ui,'Golos Text',sans-serif);font-variant-numeric:tabular-nums;fill:#68727c;letter-spacing:.02em;transition:fill .6s}
.tt-vadim-scene .tt-scale-mark.is-passed text{fill:#b9c1cb}
.tt-scale-mark.is-passed path{stroke:rgba(var(--scene-rgb),.8)}
.tt-vadim-scene .tt-scale-end text{font:700 var(--pd-type-caption)/16px var(--cm-font-display,'Play',sans-serif);fill:#b5bdc7;letter-spacing:.04em;paint-order:stroke;stroke:#080c0f;stroke-width:3px;stroke-linejoin:round}
.tt-vadim-scene .tt-cursor-core{stroke-width:1.7;fill:#fff8ee}
.tt-vadim-scene .tt-cursor-halo{fill:rgba(var(--scene-rgb),.27)}
@keyframes tt-rail-flow{to{stroke-dashoffset:-100}}
@keyframes tt-rail-breathe{0%,100%{filter:blur(4px)}50%{filter:blur(6px)}}
.tt-state-drum{position:absolute;z-index:5;left:14.5%;width:71%;height:58px;bottom:52px;cursor:grab;touch-action:pan-y;-webkit-tap-highlight-color:transparent;user-select:none}
.tt-state-drum[data-moving=true]{cursor:grabbing}
.tt-state-drum:focus-visible{outline:1px solid #dbe5ed;outline-offset:5px;border-radius:50% / 15%}
.tt-state-drum[aria-disabled=true]{pointer-events:none}
.tt-state-drum>svg{display:block;width:100%;height:100%;overflow:visible}
.tt-drum-tooth{fill:none;stroke:#bcc8cc;stroke-width:1}
.tt-drum-label text{font:700 var(--pd-type-body)/24px var(--cm-font-display,'Play',sans-serif);letter-spacing:.11em;fill:#b1b7bd;text-shadow:0 1px 1px #000;transition:fill .25s}
.tt-drum-label path{fill:none;stroke:var(--state-color);stroke-width:1.5;opacity:.3;stroke-linecap:round}
.tt-drum-label circle{fill:#79838b;opacity:.5}
.tt-drum-label.is-current text{font-size:var(--pd-type-body);fill:#f4eee5;text-shadow:0 0 8px rgba(var(--scene-rgb),.6),0 1px 1px #000}
.tt-drum-label.is-current path{stroke:rgb(var(--scene-rgb));stroke-width:2;opacity:1;filter:drop-shadow(0 0 3px rgba(var(--scene-rgb),.65))}
.tt-drum-label.is-current circle{fill:rgb(var(--scene-rgb));opacity:.8}
.tt-drum-pawl{filter:drop-shadow(1px 2px 1px #000c)}
.tt-vadim-scene .tt-showcase-action{position:relative;z-index:6;padding-top:0}
.tt-vadim-scene .tt-showcase-caption{padding-top:0;padding-bottom:10px;line-height:22px}
.tt-vadim-scene .tt-showcase-caption b{font:700 var(--pd-type-title)/24px var(--cm-font-display,'Play',sans-serif);letter-spacing:.015em;color:#e6e9ed}
.tt-vadim-scene .tt-xp-unit{font-size:var(--pd-type-caption);color:#7e8995;letter-spacing:.02em}
@media(max-width:360px){.tt-vadim-scene .tt-summary{padding-left:21px;padding-right:21px;grid-template-columns:.92fr 1.1fr}.tt-summary .tt-summary-card{margin-left:6px;padding-left:12px!important;column-gap:6px;grid-template-columns:35px minmax(0,1fr)}.tt-summary strong{font-size:var(--pd-type-metric)}.tt-summary-card strong{font-size:var(--pd-type-submetric)}.tt-summary-card-face canvas{width:28px!important;height:39.4px!important}.tt-summary-label{font-size:var(--pd-type-caption)}.tt-summary-note{font-size:var(--pd-type-caption)}.tt-summary-card .tt-summary-note{font-size:var(--pd-type-caption)}}
@media(prefers-reduced-motion:reduce){.tt-vadim-scene *{animation:none!important;transition:none!important}.tt-light-field>i{will-change:auto}.tt-rail-shimmer{display:none}}

/* Interpolate the light hue when the ratchet lands in a different state. */
@property --thermal-light{syntax:'<color>';inherits:true;initial-value:#ff8b4f}
.tt-vadim-scene{--thermal-light:rgb(var(--scene-rgb));transition:--thermal-light .8s ease}
.tt-light-pool{background:radial-gradient(ellipse 92% 55% at 50% 98%,color-mix(in srgb,var(--thermal-light),transparent 50%),transparent 78%),radial-gradient(ellipse 66% 85% at 50% 53%,color-mix(in srgb,var(--thermal-light),transparent 90%),transparent 80%)}
.tt-light-ribbon{background:conic-gradient(from 195deg at 50% 100%,transparent 0 9deg,color-mix(in srgb,var(--thermal-light),transparent 97%) 17deg,color-mix(in srgb,var(--thermal-light),transparent 64%) 26deg,transparent 46deg 130deg,color-mix(in srgb,var(--thermal-light),transparent 85%) 143deg,transparent 162deg)}
.tt-light-crown{background:radial-gradient(ellipse,color-mix(in srgb,var(--thermal-light),transparent 62%),transparent 67%)}

/* October 5 refinement: shared baselines and breathing room below the tabs. */
.tt-vadim-scene .tt-summary{grid-template-columns:1fr 1fr;column-gap:20px;padding:16px 24px 12px}
.tt-summary>button{grid-template-rows:14px 38px 16px;row-gap:4px;min-height:76px;align-items:center}
.tt-summary .tt-summary-rate{padding-right:18px!important;border-right:1px solid #ffffff12!important}
.tt-summary .tt-summary-card{grid-template-columns:minmax(0,1fr);column-gap:0;border-left:0!important;padding-left:0!important;margin-left:0}
.tt-summary-label{align-self:center;font-size:var(--pd-type-caption);line-height:14px;letter-spacing:.075em;color:#a5adb6;gap:6px}
.tt-summary strong,.tt-summary-card strong{grid-column:1;grid-row:2;font-size:var(--pd-type-metric);line-height:38px;letter-spacing:-.025em}
.tt-summary strong>small{font-size:var(--pd-type-title)}
.tt-summary-note,.tt-summary-card .tt-summary-note{grid-column:1;grid-row:3;font-size:var(--pd-type-caption);line-height:16px;letter-spacing:0;color:#9aa4af}
.tt-summary-card-face{position:absolute;right:0;top:21px;transform:rotate(-3deg);padding:2px}
.tt-summary-card-face canvas{width:28px!important;height:39.4px!important}
.tt-summary-card strong{padding-right:39px}
.tt-vadim-scene .tt-scene-size{height:432px}
.tt-vadim-scene .tt-showcase-stage{top:-9px}
/* Milestones share the arch scale: light notches and inset type, without badges. */
.tt-xp-milestone path{fill:none;stroke:#82909c;stroke-width:1;opacity:.42;stroke-linecap:round}
.tt-xp-milestone path.is-major{stroke-width:1.4;opacity:.7}
.tt-vadim-scene .tt-xp-milestone text{font:700 var(--pd-type-caption)/16px var(--cm-font-display,'Play',sans-serif);font-variant-numeric:tabular-nums;letter-spacing:.04em;fill:#7e8a96;paint-order:stroke;stroke:#080c0f;stroke-width:3px;stroke-linejoin:round;transition:fill .5s}
.tt-xp-milestone.is-passed path{stroke:#ead4bf}
.tt-vadim-scene .tt-xp-milestone.is-passed text{fill:#d4d9df}
/* Match the source image crop exactly; preserve that mapping at every viewport size. */
.tt-state-drum{left:14.70588%;width:70.22059%;top:75.2689%;bottom:auto;height:14.2824%}
.tt-drum-sector-edge{fill:none;stroke:var(--state-color);stroke-width:2}
.tt-drum-sector-seam{fill:none;stroke:#050708;stroke-width:4;filter:drop-shadow(2px 0 0 #e2e8ef30)}
.tt-drum-sector-label text{font:700 var(--pd-type-metric)/40px var(--cm-font-display,'Play',sans-serif);fill:#e0e4e8;paint-order:stroke;stroke:#101214;stroke-width:1.5px;text-shadow:0 2px 2px #000}
.tt-drum-sector.is-current .tt-drum-sector-label text{fill:#fff4e2;text-shadow:0 2px 2px #000,0 0 18px rgba(var(--scene-rgb),.35)}
/* State light extends up the whole niche, with a bright moving source at each side. */
.tt-light-field{top:10.8%;bottom:24%;mask-image:linear-gradient(#000 85%,transparent);opacity:calc(.46 + var(--scene-power)*.54)}
.tt-vadim-scene[data-heat="2"] .tt-light-field{opacity:.27}
.tt-light-pool{inset:-4% -10%;background:radial-gradient(ellipse 80% 80% at 50% 74%,color-mix(in srgb,var(--thermal-light),transparent 30%),color-mix(in srgb,var(--thermal-light),transparent 65%) 55%,transparent 85%);animation-duration:4.5s}
.tt-light-core{inset:27% -20% -12%;background:radial-gradient(ellipse at 50% 80%,#ffc8848a,transparent 66%);filter:blur(15px);animation:tt-core-rise 6s ease-in-out infinite alternate}
.tt-light-edge{width:50%;height:85%;bottom:-12%;filter:blur(12px);border-radius:50%;background:radial-gradient(ellipse at 50% 65%,color-mix(in srgb,var(--thermal-light),transparent 12%),color-mix(in srgb,var(--thermal-light),transparent 65%) 50%,transparent 72%);animation:tt-edge-dance 7s ease-in-out infinite alternate}
.tt-light-edge-left{left:-28%;transform-origin:100% 85%}
.tt-light-edge-right{right:-28%;transform-origin:0 85%;animation-delay:-3.5s;animation-direction:alternate-reverse}
.tt-light-ribbon{inset:-10% -60% -22%;filter:blur(8px);background:conic-gradient(from 193deg at 50% 100%,transparent 0 8deg,color-mix(in srgb,var(--thermal-light),transparent 20%) 24deg,transparent 44deg 133deg,color-mix(in srgb,var(--thermal-light),transparent 48%) 145deg,transparent 164deg);animation-duration:8s}
.tt-light-ribbon-b{filter:blur(15px);opacity:.65;animation-duration:11s}
.tt-light-crown{height:36%;top:-10%;background:radial-gradient(ellipse,color-mix(in srgb,var(--thermal-light),transparent 24%),transparent 69%);animation-duration:6s}
.tt-vadim-scene[data-heat="0"] .tt-light-core,.tt-vadim-scene[data-heat="1"] .tt-light-core,.tt-vadim-scene[data-heat="2"] .tt-light-core{background:radial-gradient(ellipse at 50% 70%,#b9eeffb3,#448cce55 48%,transparent 72%)}
.tt-vadim-scene[data-heat="0"] .tt-light-edge{height:105%;filter:blur(8px);animation-duration:9s}
.tt-vadim-scene[data-heat="5"] .tt-light-core{background:radial-gradient(ellipse at 50% 80%,#ffcf7ccc,#ff411766 48%,transparent 72%);animation-duration:3.2s}
.tt-vadim-scene[data-heat="5"] .tt-light-edge{animation-duration:4s}
/* Feather the light itself: its old rectangular bottom caused the brown seam. */
.tt-vadim-scene .tt-render-light{inset:4.255% 7% 0;background:radial-gradient(ellipse at 50% 74%,rgba(var(--scene-rgb),.3),transparent 72%);mask-image:linear-gradient(to bottom,#000 65%,rgba(0,0,0,.96) 72%,rgba(0,0,0,.82) 79%,rgba(0,0,0,.58) 85%,rgba(0,0,0,.28) 91%,rgba(0,0,0,.07) 96%,transparent 100%),linear-gradient(to right,transparent,#000 12%,#000 88%,transparent);mask-composite:intersect}
.tt-vadim-scene .tt-scene-fill-glow{stroke:rgba(var(--scene-rgb),.65);stroke-width:13}
@keyframes tt-core-rise{0%{transform:translateY(10%) scale(.88);opacity:.6}100%{transform:translateY(-11%) scale(1.12);opacity:1}}
@keyframes tt-edge-dance{0%{transform:rotate(-9deg) translateY(9%);opacity:.55}50%{opacity:1}100%{transform:rotate(12deg) translateY(-12%);opacity:.8}}
@media(max-width:360px){.tt-vadim-scene .tt-summary{padding:16px 20px 12px;column-gap:15px;grid-template-columns:1fr 1fr}.tt-summary .tt-summary-rate{padding-right:13px!important}.tt-summary .tt-summary-card{padding-left:0!important;margin-left:0;grid-template-columns:1fr}.tt-summary strong,.tt-summary-card strong{font-size:var(--pd-type-metric)}.tt-summary-label{font-size:var(--pd-type-caption)}.tt-summary-note,.tt-summary-card .tt-summary-note{font-size:var(--pd-type-caption)}.tt-summary-card-face canvas{width:25px!important;height:35.2px!important}.tt-summary-card-face{top:23px}.tt-summary-card strong{padding-right:34px}}
@media(prefers-reduced-motion:reduce){.tt-light-field>i,.tt-vadim-scene .tt-scene-fill-glow{animation:none!important}.tt-vadim-scene{transition:none!important}}
.tt-summary-card-face{grid-area:auto;align-self:auto;justify-self:auto}
/* Keep the center dimensional while the brighter state light moves along the walls. */
.tt-light-pool{background:radial-gradient(ellipse 90% 90% at 50% 83%,color-mix(in srgb,var(--thermal-light),transparent 38%),color-mix(in srgb,var(--thermal-light),transparent 80%) 58%,transparent 87%)}
.tt-light-grain{inset:2% -4% -7%;filter:blur(5px);background:radial-gradient(ellipse 17% 80% at 14% 73%,color-mix(in srgb,var(--thermal-light),transparent 37%),transparent 75%),radial-gradient(ellipse 13% 68% at 87% 67%,color-mix(in srgb,var(--thermal-light),transparent 32%),transparent 76%);animation-duration:8s}

/* One balanced composition: rate — collectible — multiplier. */
.tt-vadim-scene .tt-summary{grid-template-columns:minmax(0,1fr) 58px minmax(0,1fr);column-gap:10px;padding:13px 24px 9px;align-items:center}
.tt-summary:after{content:none}
.tt-summary>button,.tt-summary .tt-summary-card{grid-template-columns:minmax(0,1fr);grid-template-rows:16px 44px 16px;row-gap:4px;column-gap:0;min-height:84px;align-content:center;justify-items:center;text-align:center!important;isolation:isolate}
.tt-summary .tt-summary-rate{padding-right:0!important;border-right:0!important}
.tt-summary .tt-summary-label{grid-column:1;grid-row:1;justify-content:center;font-size:var(--pd-type-caption);line-height:16px;letter-spacing:.065em;gap:4px;color:#adb5be}
.tt-summary .tt-summary-label svg{width:9px;height:9px;stroke:#79838e}
.tt-summary-value{display:flex;grid-column:1;grid-row:2;align-items:center;justify-content:center;width:100%;min-width:0;height:44px}
.tt-summary strong,.tt-summary-card strong{padding:0;grid-area:auto;font-size:var(--pd-type-metric);line-height:40px;letter-spacing:-.025em}
.tt-summary strong>small{font-size:var(--pd-type-title);margin-left:2px}
.tt-summary-card strong{color:#ffe3a7;text-shadow:0 0 18px #ecbe5820}
.tt-summary .tt-summary-note{grid-column:1;grid-row:3;font-size:var(--pd-type-caption);line-height:16px;color:#929eaa;letter-spacing:0;text-align:center}
.tt-summary .tt-summary-collectible{display:flex;align-items:center;justify-content:center;min-height:84px;isolation:isolate}
.tt-summary-card-face{position:relative;grid-area:auto;right:auto;top:auto;flex:none;align-self:center;padding:2px;border:1px solid #d4bc8480;border-radius:5px;transform:none;background:linear-gradient(125deg,#dfd2ad,#494d4e 22%,#0c1215 56%,#b7a879);box-shadow:0 5px 10px #0009,0 0 20px #e4bc5321,inset 0 0 0 1px #ffffff19;transition:box-shadow .35s}
.tt-summary-card-face canvas{position:relative;z-index:1;width:40px!important;height:56.25px!important;border-radius:3px;filter:brightness(1.13) saturate(1.06)}
.tt-summary-card-face:before{content:none}
.tt-summary-card-face:after{content:'';position:absolute;z-index:2;inset:2px;border-radius:3px;pointer-events:none;background:linear-gradient(118deg,transparent 32%,#fff5ce00 40%,#fff5ce66 49%,#fff5ce0d 57%,transparent 65%);background-size:340% 100%;animation:tt-card-lustre 7s 1s ease-in-out infinite;mix-blend-mode:screen}
.tt-summary-collectible:active .tt-summary-card-face,.tt-summary-collectible:focus-visible .tt-summary-card-face{box-shadow:0 5px 12px #000a,0 0 23px #e4bc5340}
@keyframes tt-card-lustre{0%,65%{background-position:130% 0;opacity:0}70%{opacity:.8}90%{opacity:.8}100%{background-position:-30% 0;opacity:0}}

/* Surface effects stay saturated; only the chrome image receives its material grade. */
.tt-vadim-scene[data-heat] .tt-showcase-statue>.tt-statue-art{filter:none}
.tt-vadim-scene .tt-statue-art>svg:first-child{filter:contrast(1.1) brightness(1.13);transition:filter .9s}
.tt-vadim-scene[data-heat="0"] .tt-statue-art>svg:first-child{filter:sepia(.35) hue-rotate(165deg) saturate(.75) brightness(1.2) drop-shadow(0 0 9px #86dfff66)}
.tt-vadim-scene[data-heat="1"] .tt-statue-art>svg:first-child{filter:sepia(.2) hue-rotate(165deg) saturate(.7) brightness(1.17)}
.tt-vadim-scene[data-heat="4"] .tt-statue-art>svg:first-child{filter:contrast(1.14) brightness(1.12) drop-shadow(0 0 7px #ff98343b)}
.tt-vadim-scene[data-heat="5"] .tt-statue-art>svg:first-child{filter:contrast(1.14) brightness(1.14) drop-shadow(0 0 11px #ff6d3466)}
.tt-vadim-scene .tt-fire-fx{filter:drop-shadow(0 0 4px #ff791fbb);opacity:calc(.25 + var(--fx-power)*.75)}
.tt-vadim-scene .tt-flame-tongues{opacity:.8}
.tt-vadim-scene[data-heat="3"] .tt-flame-tongues{opacity:.38}
.tt-vadim-scene[data-heat="5"] .tt-flame-tongues{opacity:1}
.tt-vadim-scene .tt-ice-fx{filter:drop-shadow(0 0 4px #a8e6ff99)}
.tt-vadim-scene .tt-ice-glints path{stroke-width:2}

/* Distinct thermal motion fills the niche without changing the scene geometry. */
.tt-scene-weather{position:absolute;z-index:4;pointer-events:none;left:16%;right:16%;top:10.5%;bottom:25%;overflow:hidden;border-radius:50% 50% 0 0 / 39% 39% 0 0;mask-image:linear-gradient(transparent,#000 10%,#000 90%,transparent);opacity:calc(.35 + var(--weather-power)*.65);mix-blend-mode:screen}
.tt-weather-speck{position:absolute;display:block;left:var(--x);width:var(--size);height:var(--size);pointer-events:none;will-change:transform,opacity}
.is-hot .tt-weather-speck{bottom:2%;background:#ffdf9c;box-shadow:0 0 4px #ffdf94,0 0 8px #ff601d;border-radius:50%;animation:tt-hot-updraft var(--life) var(--delay) linear infinite}
.is-hot .tt-weather-speck:nth-child(4n){height:calc(var(--size)*3);background:linear-gradient(transparent,#ffb54e,#fff0c8);border-radius:50%;filter:blur(.25px)}
.is-cold .tt-weather-speck{top:2%;background:#e0faff;box-shadow:0 0 4px #88ddff;transform:rotate(45deg);animation:tt-cold-drift var(--life) var(--delay) linear infinite}
.is-cold .tt-weather-speck:nth-child(4n){width:5px;height:5px;background:linear-gradient(45deg,transparent 42%,#edfcff 46% 54%,transparent 58%),linear-gradient(-45deg,transparent 42%,#edfcff 46% 54%,transparent 58%);box-shadow:none;filter:drop-shadow(0 0 3px #8ee8ff)}
.tt-weather-mist{position:absolute;left:-30%;right:-30%;bottom:1%;height:27%;border-radius:50%;filter:blur(10px);transform-origin:50% 100%}
.is-hot .tt-weather-mist{background:radial-gradient(ellipse at 50% 85%,#ffd08099,#ff4d243d 40%,transparent 70%);animation:tt-thermal-plume 4s ease-in-out infinite alternate}
.is-hot .tt-weather-mist-b{bottom:10%;left:-50%;right:0;opacity:.7;animation-delay:-2s;animation-duration:5.5s}
.is-cold .tt-weather-mist{bottom:1%;height:21%;filter:blur(8px);background:radial-gradient(ellipse at 45% 60%,#d6f8ff88,#83cfff38 42%,transparent 68%);animation:tt-ground-mist 8s ease-in-out infinite alternate}
.is-cold .tt-weather-mist-b{bottom:7%;opacity:.65;animation-delay:-4s;animation-direction:alternate-reverse}
@keyframes tt-hot-updraft{0%{transform:translate3d(0,0,0) scale(.5);opacity:0}12%{opacity:.85}70%{opacity:.65}100%{transform:translate3d(var(--drift),-285px,0) scale(.3);opacity:0}}
@keyframes tt-cold-drift{0%{transform:translate3d(0,-12px,0) rotate(0);opacity:0}15%{opacity:.85}78%{opacity:.7}100%{transform:translate3d(var(--drift),295px,0) rotate(var(--turn));opacity:0}}
@keyframes tt-thermal-plume{0%{transform:translateX(-7%) scale(.85,1);opacity:.65}100%{transform:translateX(8%) scale(1.1,1.7);opacity:1}}
@keyframes tt-ground-mist{0%{transform:translateX(-15%) scale(1,.8);opacity:.45}100%{transform:translateX(14%) scale(1.1,1.3);opacity:.95}}
.tt-vadim-scene .tt-light-field{opacity:calc(.6 + var(--scene-power)*.4)}
.tt-vadim-scene .tt-light-ribbon{filter:blur(5px);animation-duration:5.5s}
.tt-vadim-scene .tt-light-ribbon-b{filter:blur(10px);animation-duration:8s}
.tt-vadim-scene[data-heat="5"] .tt-light-edge{filter:blur(7px);animation-duration:3s}
.tt-vadim-scene[data-heat="0"] .tt-light-ribbon{filter:blur(7px);animation-duration:9s}
.tt-vadim-scene[data-heat="2"] .tt-light-field{opacity:.35}
.tt-rail-energy{stroke:#ffebc6;stroke-width:3.7;filter:drop-shadow(0 0 4px rgb(var(--scene-rgb)));opacity:.85;animation:tt-rail-flow 4s linear infinite}
.tt-vadim-scene[data-heat="3"] .tt-rail-energy{opacity:.5;animation-duration:6s}
.tt-vadim-scene[data-heat="5"] .tt-rail-energy{animation-duration:2.8s;stroke-width:4.2}
.tt-vadim-scene[data-heat="0"] .tt-rail-energy,.tt-vadim-scene[data-heat="1"] .tt-rail-energy,.tt-vadim-scene[data-heat="2"] .tt-rail-energy{stroke:#ecfbff;stroke-dasharray:.25 6 .6 12 .3 18 .25 10 .6 20 .3 31.7;animation-direction:reverse;animation-duration:8s}
.tt-vadim-scene[data-heat="2"] .tt-rail-energy{opacity:.4}
@media(max-width:360px){
 .tt-vadim-scene .tt-summary{padding:13px 18px 9px;column-gap:6px;grid-template-columns:minmax(0,1fr) 50px minmax(0,1fr)}
 .tt-summary .tt-summary-card{grid-template-columns:minmax(0,1fr);column-gap:0}
 .tt-summary-card-face{top:auto;padding:2px}
 .tt-summary-card-face canvas{width:36px!important;height:50.625px!important}
 .tt-summary strong,.tt-summary-card strong{font-size:var(--pd-type-metric);padding-right:0}
 .tt-summary .tt-summary-label{font-size:var(--pd-type-caption);gap:3px}
 .tt-summary .tt-summary-note{font-size:var(--pd-type-caption)}
 .tt-summary .tt-summary-rate{padding-right:0!important}
}
@media(prefers-reduced-motion:reduce){
 .tt-summary-card-face:after,.tt-weather-speck,.tt-rail-energy{display:none}
 .tt-weather-mist{animation:none!important;opacity:.5}
 .tt-weather-speck{will-change:auto}
 .tt-vadim-scene .tt-statue-art>svg:first-child,.tt-summary-card-face{transition:none}
}
/* Rakeback introduction: opaque full-screen chapters, not a spotlight tour. */
.tt-tour.tt-splash{position:absolute;inset:0;z-index:1000;isolation:isolate;display:flex;flex-direction:column;overflow:hidden;background:#080a0c;color:#f4f5f7;font-family:var(--cm-font-ui,'Golos Text',sans-serif);box-sizing:border-box}
.tt-splash *{box-sizing:border-box}
.tt-splash-ambient{position:absolute;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(ellipse 83% 48% at 50% 31%,rgba(var(--splash-rgb),.13),transparent 77%),linear-gradient(155deg,#11161c20,transparent 50%);transition:background .8s}
.tt-splash-top{flex:none;display:flex;justify-content:space-between;align-items:center;gap:12px;padding:54px 26px 10px;min-height:94px}
.tt-splash-top>span{display:flex;gap:12px;align-items:center;font-size:var(--pd-type-caption);font-weight:700;letter-spacing:.13em;color:#cbd2d9}
.tt-splash-top>span>span{color:#48515b;font-weight:400}
.tt-splash-top button{min-height:40px;padding:8px 0 8px 10px;border:0;background:none;color:#9da7b3;font:400 var(--pd-type-caption)/16px var(--cm-font-ui,'Golos Text',sans-serif);cursor:pointer}
.tt-splash-chapter{flex:1;min-height:0;display:flex;flex-direction:column;overflow:auto;scrollbar-width:none;animation:tt-splash-enter .42s ease both}
.tt-splash-visual{position:relative;flex:1 0 240px;min-height:240px;isolation:isolate;overflow:hidden}
.tt-splash-scene{position:absolute;left:50%;top:50%;width:360px;height:435px;transform:translate(-50%,-50%) scale(var(--hero-scale,.8));transform-origin:center center;pointer-events:none}
.tt-splash-scene .tt-showcase{margin:0!important;background:transparent!important}
.tt-splash-scene .tt-summary{display:none!important}
.tt-splash-scene .tt-scene-size{height:470px!important}
.tt-splash-scene .tt-showcase-stage{height:470px!important;top:0!important;transform:none!important}
.tt-splash-scene .tt-showcase-action{display:none}
.tt-splash-visual[data-visual="1"] .tt-scene-progress,.tt-splash-visual[data-visual="1"] .tt-state-drum,.tt-splash-visual[data-visual="2"] .tt-scene-progress{display:none}
.tt-splash-visual[data-visual="1"] .tt-light-field{opacity:.28}
.tt-splash-visual[data-visual="1"] .tt-render-light{opacity:.18}
.tt-statue-art[data-outline=true][data-art=tiger] image{opacity:0}
.tt-statue-art[data-outline=true]:not([data-art=tiger]){opacity:.2;filter:grayscale(1) brightness(2)!important}
.tt-splash-visual[data-visual="2"] .tt-splash-scene{margin-top:-21px}
.tt-splash-state{position:absolute;left:0;right:0;bottom:4px;display:flex;justify-content:center;align-items:center;gap:7px;flex-wrap:wrap;color:#e7eaf0;font:700 var(--pd-type-title)/24px var(--cm-font-display,'Play',sans-serif)}
.tt-splash-state>i{width:6px;height:6px;border-radius:50%;box-shadow:0 0 15px rgba(var(--splash-rgb),.5)}
.tt-splash-state small{flex-basis:100%;text-align:center;font:400 var(--pd-type-caption)/16px var(--cm-font-ui,'Golos Text',sans-serif);color:#8694a1}
.tt-splash-copy{flex:none;padding:20px 28px 0}
.tt-splash-kicker{display:flex;align-items:center;gap:10px;margin-bottom:12px;color:#a0acb9;font-size:var(--pd-type-caption);font-weight:700;letter-spacing:.12em;text-transform:uppercase}
.tt-splash-kicker>span{color:#ed4954;font-variant-numeric:tabular-nums}
.tt-splash-copy h2{margin:0 0 14px;color:#f4f6f8;font:700 var(--pd-type-metric)/40px var(--cm-font-display,'Play',sans-serif);letter-spacing:-.035em;text-transform:none!important;outline:none!important;box-shadow:none!important}
.tt-splash-copy p{margin:0;color:#a6b0bb;font:400 var(--pd-type-label)/20px var(--cm-font-ui,'Golos Text',sans-serif);text-wrap:pretty}
.tt-splash-footer{flex:none;padding:20px 28px 30px;background:linear-gradient(transparent,#080a0c 35%)}
.tt-splash-progress{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}
.tt-splash-progress>span{color:#7c8794;font-size:var(--pd-type-caption);letter-spacing:.1em;font-variant-numeric:tabular-nums}
.tt-tour-dots{display:flex;gap:7px;align-items:center;height:7px}
.tt-tour-dots i{width:5px;height:5px;border-radius:10px;background:#363e48;transition:width .25s}
.tt-tour-dots i[data-done=true]{background:#b7313b}.tt-tour-dots i[data-current=true]{width:26px;background:#ed3543}
.tt-splash-actions{display:flex;gap:10px}
.tt-splash .tt-tour-next{flex:1;display:flex;align-items:center;justify-content:center;gap:14px;border:0;min-height:50px;margin:0;background:linear-gradient(#ed343d,#c60815);border-radius:999px;color:white;font:700 var(--pd-type-caption)/16px var(--cm-font-ui,'Golos Text',sans-serif);letter-spacing:.06em;cursor:pointer;text-transform:uppercase}
.tt-tour-next>span{font-size:var(--pd-type-title);font-weight:400;line-height:1}
.tt-splash .tt-splash-back{width:50px;height:50px;border:1px solid #ffffff23;border-radius:50%;background:#ffffff04;color:#bbc4ce;font:400 var(--pd-type-title)/24px var(--cm-font-ui,'Golos Text',sans-serif);cursor:pointer}
.tt-splash button:focus-visible{outline:2px solid #ff8b92;outline-offset:4px}
.tt-tour-replay{display:flex;align-items:center;justify-content:center;gap:7px;min-height:44px;width:100%;border:0;background:none;color:#929da8;font:400 var(--pd-type-caption)/16px var(--cm-font-ui,'Golos Text',sans-serif);cursor:pointer}
.tt-tour-replay svg{width:12px;height:12px}
.tt-splash-sr{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.tt-splash-card-hero{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:14px}
.tt-splash-multiplier{position:relative;z-index:3;text-align:center;color:#f8dfa5}
.tt-splash-multiplier small{display:block;font-size:var(--pd-type-caption);font-weight:700;letter-spacing:.13em;color:#b9a979;margin-bottom:5px}
.tt-splash-multiplier strong{font:700 var(--pd-type-display)/76px var(--cm-font-display,'Play',sans-serif);letter-spacing:-.045em;text-shadow:0 0 32px #f4cc6659}
.tt-splash-card{position:relative;flex:none;width:152px;aspect-ratio:512/720;border-radius:8px;box-shadow:0 15px 40px #0008,0 0 38px #bba36118;isolation:isolate}
.tt-splash-card canvas{display:block;width:100%!important;height:100%!important;border-radius:8px}
.tt-splash-card:after{content:'';position:absolute;inset:1px;pointer-events:none;border-radius:7px;border:1px solid #fff3;background:linear-gradient(125deg,transparent 25%,#fff2 46%,transparent 60%);background-size:260% 100%;animation:tt-splash-card-shine 6s ease-in-out infinite}
.tt-splash-card-hero>.tt-splash-card{width:clamp(110px,39%,164px);max-height:60%;animation:tt-splash-card-float 5s ease-in-out infinite}
.tt-splash-card-beam{position:absolute;left:calc(50% - 115px);top:15%;width:230px;height:58%;background:linear-gradient(0deg,#e7c7800a,#e7c78020 55%,transparent);clip-path:polygon(38% 100%,62% 100%,100% 0,0 0);filter:blur(9px);pointer-events:none}
.tt-splash-card-caption{color:#a99c7f;font-size:var(--pd-type-caption);letter-spacing:.03em}
.tt-tour-milestone{fill:#a0a6ad;font:700 var(--pd-type-caption)/16px var(--cm-font-ui,'Golos Text',sans-serif);paint-order:stroke;stroke:#080b0d;stroke-width:4px;stroke-linejoin:round}
.is-passed .tt-tour-milestone{fill:#ffe8ca}
.tt-tour-counter rect{fill:#16181c;stroke:rgba(var(--scene-rgb),.7);stroke-width:1}
.tt-tour-counter text{fill:#fff2dc;font:700 var(--pd-type-caption)/16px var(--cm-font-ui,'Golos Text',sans-serif);font-variant-numeric:tabular-nums}
@keyframes tt-splash-enter{from{opacity:0;transform:translateY(9px)}to{opacity:1;transform:translateY(0)}}
@keyframes tt-splash-card-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-6px)}}
@keyframes tt-splash-card-shine{0%,20%{background-position:140% 0}70%,100%{background-position:-70% 0}}
@media(prefers-reduced-motion:reduce){.tt-splash *{animation:none!important;transition:none!important}}

.tt-splash-visual[data-visual="1"] .tt-splash-scene{mask-image:linear-gradient(to bottom,transparent,#000 5% 86%,transparent 100%)}
@keyframes tt-splash-claim{0%,100%{filter:brightness(1)}50%{filter:brightness(1.35);box-shadow:0 0 34px #fa323b90}}

/* Mystery totem: the generated velvet cutout rests on the existing pedestal. */
.tt-velvet-veil{position:relative;width:100%;height:100%;filter:drop-shadow(0 2px 2px #000b)}
.tt-velvet-veil>img{position:absolute;height:112.5%;width:auto;max-width:none;left:50%;bottom:-7.2%;transform:translateX(-50%);pointer-events:none}
.tt-splash-replay-xp{display:block;margin:-8px auto 14px;padding:5px 12px;min-height:30px;border:0;background:none;color:#a9b5c3;font:400 var(--pd-type-caption)/16px var(--cm-font-ui,'Golos Text',sans-serif);cursor:pointer}
/* The XP chapter keeps the live scene and rail, without an illustrative action button. */
.tt-splash-visual[data-visual="4"] .tt-splash-scene{height:470px}
.tt-splash-visual[data-visual="4"] .tt-scene-size{height:432px!important}
.tt-splash-visual[data-visual="4"] .tt-showcase-action{display:block}
/* Feather the artwork into the splash on every edge, keeping the arch opaque. */
.tt-splash-scene .tt-showcase-stage{
 mask-image:linear-gradient(to right,transparent,#000 9% 91%,transparent),linear-gradient(to bottom,transparent,#000 3% 87%,transparent 99%);
 mask-composite:intersect;
}
.tt-splash-visual[data-visual="4"][data-phase="claim"] .tt-showcase-caption b{color:#fff0dc;text-shadow:0 0 18px rgba(var(--splash-rgb),.6)}

/* Rakeback history: received money, comparable game-day windows, frozen receipt rates. */
.tt-history{padding:2px 0 24px}.tt-history-total{border:1px solid #ffffff12;border-radius:20px;padding:22px 20px;background:#0e1115}
.tt-history-total>span,.tt-history-stats>button>span{font-size:var(--pd-type-caption);letter-spacing:.1em;color:#9da4ad;font-weight:400}.tt-history-total>strong{display:block;font:700 var(--pd-type-metric)/40px var(--cm-font-display,'Play',sans-serif);margin:9px 0 10px;font-variant-numeric:tabular-nums;letter-spacing:-.025em}.tt-history-total p{font-size:var(--pd-type-caption);line-height:1.5;color:#969fa9;margin:0;max-width:270px}
.tt-history-stats{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:12px 0}.tt-history-stats>button{text-align:left;color:#f4f5f7;background:#101316;border:1px solid #ffffff12;border-radius:16px;padding:15px 12px 12px;min-width:0;transition:border-color .2s}.tt-history-stats>button[aria-pressed=true]{border-color:#ffffff18}.tt-history-stats>button>div{display:flex;align-items:baseline;gap:5px;margin:8px 0}.tt-history-stats strong{font:700 var(--pd-type-submetric)/28px var(--cm-font-display,'Play',sans-serif);color:#f3f5f8;letter-spacing:-.035em}.tt-history-stats strong small{font-size:var(--pd-type-body)}.tt-history-stats em{font-size:var(--pd-type-caption);font-style:normal;color:#9da4ad;white-space:nowrap}.tt-history-stats p{margin:8px 0 0;font-size:var(--pd-type-caption);white-space:nowrap;font-variant-numeric:tabular-nums}.tt-history-stats p b{font-weight:400;color:#cdd1d6}.tt-history-stats p span{color:#828b96}.tt-history-meter{display:block;height:4px;border-radius:9px;background:#ffffff10;overflow:hidden}.tt-history-meter>i{height:100%;display:block;background:linear-gradient(90deg,#b90818,#ed2839);border-radius:inherit}
.tt-history-explanation,.tt-history-footnote{color:#969fa9;font-size:var(--pd-type-caption);line-height:1.65;margin:15px 1px 20px}.tt-history-period{display:flex;gap:4px;padding:3px;width:fit-content;background:#101316;border:1px solid #ffffff0c;border-radius:11px;margin-bottom:21px}.tt-history-period button{border:0;border-radius:8px;min-height:38px;background:none;color:#8d96a2;font-size:var(--pd-type-caption);font-weight:700;padding:0 12px;text-transform:uppercase;letter-spacing:.025em}.tt-history-period button[aria-pressed=true]{background:linear-gradient(#ed2736,#bb0b1c);color:#fff;box-shadow:inset 0 1px 0 #ffffff18}.tt-history-list-title{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #ffffff12;padding-bottom:10px}.tt-history-list-title h3{font-size:var(--pd-type-caption);letter-spacing:.1em;margin:0}.tt-history-list-title>span{color:#858e99;font-size:var(--pd-type-caption)}
.tt-history-row{display:grid;grid-template-columns:40px 1fr auto;gap:11px;align-items:center;min-height:86px;border-bottom:1px solid #ffffff0e;padding:12px 0}.tt-history-avatar{height:40px;width:40px;border:1px solid #ffffff15;border-radius:50%;background:radial-gradient(ellipse,#2d3239,#111519 70%);overflow:hidden}.tt-history-avatar .tt-statue-art{width:100%!important;height:100%!important;margin:0!important}.tt-history-avatar img{width:100%;height:100%;object-fit:contain}.tt-history-entry{min-width:0}.tt-history-entry h4{font-size:var(--pd-type-caption);margin:0 0 5px;font-weight:700;line-height:1.3}.tt-history-entry h4 span{font-weight:400;color:#bac1ca}.tt-history-entry p,.tt-history-entry small{font-size:var(--pd-type-caption);line-height:1.5;color:#89939f;margin:0;font-variant-numeric:tabular-nums}.tt-history-entry small{display:block}.tt-history-entry small>span{color:#626e7a;margin-left:4px;font-size:var(--pd-type-caption)}.tt-history-earned{text-align:right;align-self:center;font-variant-numeric:tabular-nums}.tt-history-earned strong{font:700 var(--pd-type-label)/20px var(--cm-font-ui,'Golos Text',sans-serif);color:#f3f5f8;display:block;white-space:nowrap}.tt-history-earned>span{display:block;color:#929aa5;font-size:var(--pd-type-caption);margin-top:6px}.tt-history-footnote{margin-bottom:10px}.tt-history>.tt-muted{font-size:var(--pd-type-caption);color:#727d8a;margin-top:0}
.tt-splash-tap-hint{display:flex;gap:10px;align-items:flex-start;margin-top:14px;color:#e1c5a5;font-size:var(--pd-type-caption);line-height:1.6}.tt-splash-tap-hint svg{width:22px;height:25px;flex-shrink:0;margin-top:2px}.tt-summary .tt-summary-label{white-space:nowrap;font-size:var(--pd-type-caption);letter-spacing:.07em}

.tt-history-avatar .tt-statue-art svg{width:100%;height:100%;display:block}.tt-history-entry h4{text-transform:none;letter-spacing:0}

/* History follows the application's neutral surfaces and red action accent. */
.tt-history-total{border-radius:18px;padding:22px 18px}.tt-history-total>strong{font-family:var(--cm-font-ui,'Golos Text',sans-serif);font-size:var(--pd-type-metric);letter-spacing:-.04em}.tt-history-stats>button{border-radius:14px;background:#0e1115}.tt-history-stats strong{font-family:var(--cm-font-ui,'Golos Text',sans-serif);font-weight:650}.tt-history-period{width:100%;border-color:#ffffff12;background:#0a0c0e;border-radius:12px;padding:3px;gap:3px}.tt-history-period button{flex:1;min-height:36px;border-radius:9px}.tt-history-total>span,.tt-history-stats>button>span{font-weight:700}.tt-history-earned strong{font-weight:650}



/* Readable mobile summary; scene camera independently removes legacy top headroom. */
.rb-card-journey{position:absolute;top:2px;left:18px;right:18px;z-index:6;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px 22px;padding:10px 0 14px;font-family:var(--cm-font-ui,'Golos Text',sans-serif);color:#f3f5f8}
.rb-card-journey:before{content:'';position:absolute;inset:-5px -18px -22px;z-index:-1;pointer-events:none;background:linear-gradient(#080a0b 60%,#080a0be6 76%,#080a0b70 90%,transparent)}
.rb-card-journey .rb-journey-card{display:grid;grid-template-columns:50px minmax(0,1fr);grid-template-rows:18px 30px;align-items:center;column-gap:10px;min-height:48px;background:none;border:0;padding:0;color:inherit;min-width:0;cursor:pointer;text-align:left;grid-row:1}.rb-journey-label{grid-column:2;grid-row:1;font-size:var(--pd-type-caption);line-height:18px;font-weight:400;letter-spacing:0;color:#b3bbc5;white-space:nowrap}.rb-journey-mark{grid-column:1;grid-row:1/3;display:flex;align-items:center;justify-content:flex-start;gap:2px;white-space:nowrap;line-height:1}.rb-journey-mark b{font:700 var(--pd-type-metric)/40px var(--cm-font-ui,'Golos Text',sans-serif);letter-spacing:-.04em;color:#f3f5f8}.rb-journey-mark>span{font-size:var(--pd-type-submetric);line-height:1}.rb-journey-card[aria-pressed=true] .rb-journey-label{color:#e2e7ee}.rb-journey-card:focus-visible{outline:2px solid #fff;outline-offset:4px;border-radius:5px}
.rb-journey-card strong{grid-column:2;grid-row:2;font-size:var(--pd-type-submetric);line-height:30px;letter-spacing:-.025em;font-weight:650;font-variant-numeric:tabular-nums;white-space:nowrap}
.rb-card-journey .rb-journey-card:last-child{grid-column:2;grid-template-columns:minmax(0,1fr) 50px;text-align:right}.rb-journey-card:last-child .rb-journey-label,.rb-journey-card:last-child strong{grid-column:1}.rb-card-journey .rb-journey-card:last-child .rb-journey-mark{grid-column:2;justify-content:flex-end}
.rb-journey-progress{grid-column:1/-1;grid-row:2;min-width:0}.rb-journey-track{height:4px;border-radius:8px;background:#ffffff16;overflow:hidden}.rb-journey-track>span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#b90818,#ed2839);transition:width .45s ease}.rb-journey-meta{display:flex;align-items:baseline;justify-content:space-between;gap:8px;margin-top:8px;line-height:18px}.rb-journey-status{font-size:var(--pd-type-caption);color:#c7cdd5}.rb-journey-count{font-size:var(--pd-type-caption);color:#929ca8;font-variant-numeric:tabular-nums;white-space:nowrap}.rb-journey-finish{grid-column:2;grid-row:1;display:flex;align-items:center;justify-content:flex-end;gap:8px;text-align:right}.rb-journey-finish>span{font-size:var(--pd-type-submetric);color:#f3f5f8}.rb-journey-finish>small{font-size:var(--pd-type-caption);line-height:18px;color:#b3bbc5}
.iso53 .rb-iso-ruler{top:122px;bottom:180px}.iso53 .rb-iso-tap{top:26%;bottom:16%;height:auto;width:72%}
@media(max-width:360px){.rb-card-journey{left:14px;right:14px;column-gap:14px}.rb-card-journey .rb-journey-card{column-gap:8px}.rb-journey-card strong{font-size:var(--pd-type-submetric)}}
@media(prefers-reduced-motion:reduce){.rb-journey-track>span{transition:none}}

/* Final onboarding chapter: an actionable statue, with a quiet repeating tap cue. */
.tt-splash-interaction{position:absolute;left:50%;top:50%;width:360px;height:435px;transform:translate(-50%,-50%) scale(var(--hero-scale,.8));transform-origin:center;pointer-events:none;z-index:4}
.tt-splash-try-totem{position:absolute;left:88px;top:68px;width:196px;height:295px;background:none;border:0;border-radius:70px 70px 20px 20px;cursor:pointer;pointer-events:auto;-webkit-tap-highlight-color:transparent}
.tt-splash-try-totem:focus-visible{outline:2px solid #f4f6fa;outline-offset:8px}.tt-tap-gesture{position:absolute;left:45%;top:42%;width:72px;height:88px;overflow:visible;filter:drop-shadow(0 5px 8px #0009);pointer-events:none}.tt-tap-hand{transform-origin:23px 15px;animation:tt-demo-tap 2.6s ease-in-out infinite}.tt-tap-ripple{transform-origin:23px 15px;animation:tt-demo-ripple 2.6s ease-out infinite}.tt-splash-visual[data-visual="5"] .tt-scene-progress{opacity:.3}.tt-splash[data-step="5"] .tt-splash-copy p{font-size:var(--pd-type-label);line-height:1.65}.tt-splash[data-step="5"] .tt-splash-visual{min-height:290px}
@keyframes tt-demo-tap{0%,12%{opacity:.45;transform:translate(10px,15px) rotate(-12deg)}30%,40%{opacity:1;transform:translate(0,0) rotate(-12deg)}46%{opacity:1;transform:translate(-2px,-3px) rotate(-12deg) scale(.93)}55%,68%{opacity:1;transform:translate(0,0) rotate(-12deg)}85%,100%{opacity:.45;transform:translate(10px,15px) rotate(-12deg)}}
@keyframes tt-demo-ripple{0%,39%{opacity:0;transform:scale(.45)}43%{opacity:.8;transform:scale(.65)}70%,100%{opacity:0;transform:scale(1.9)}}
@media(prefers-reduced-motion:reduce){.tt-tap-hand{animation:none;transform:rotate(-12deg)}.tt-tap-ripple{animation:none;opacity:.6}}

/* Separate transparent silver animal sprites. No radial mask over their legs/base. */
.tt-statue-art[data-art]{mask-image:none!important;-webkit-mask-image:none!important}
.tt-statue-art[data-outline=true]{opacity:.22;filter:grayscale(1) brightness(1.8)!important}
.tt-statue-art[data-outline=true] image{opacity:1!important}
.tt-statue-art[data-temperature="0"]>svg{filter:sepia(.18) hue-rotate(160deg) saturate(.9) drop-shadow(0 0 6px #91d9ff28)}
.tt-statue-art[data-temperature="1"]>svg{filter:sepia(.1) hue-rotate(160deg) saturate(.7)}
.tt-catalog .tt-statue-art.tt-mini{height:158px;width:100%;max-width:190px}

/* Keep the shared circled-i beside section titles, with a mobile-sized hit area. */
.pd-title-with-info{display:inline-flex!important;align-items:center;justify-content:center;gap:8px}
.pd-title-info{position:relative;letter-spacing:0!important;line-height:1!important}
.pd-title-info:after{content:"";position:absolute;inset:-12px;border-radius:50%}
.tt-info-overlay [role=dialog]{font-family:var(--cm-font-ui,'Golos Text',sans-serif)}
.tt-info-overlay [role=dialog]>div:nth-of-type(3){font-family:var(--cm-font-ui,'Golos Text',sans-serif)!important;font-size:var(--pd-type-label)!important;line-height:1.55!important;font-weight:400!important}