/* Account, inventory and interaction styling follows the reference typography and surfaces. */
.screen-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:44px 0 26px}.screen-heading h1{font:700 28px/1.25 Tektur,sans-serif;letter-spacing:0;margin:7px 0 0}.screen-heading p{font:400 13px/1.6 'Exo 2',sans-serif;color:#909198;margin:9px 0 0}.section-kicker{font-size:10px;line-height:1.4;color:#8d8e95;letter-spacing:1px;text-transform:uppercase}
.yellow-action,.outline-action,.text-action{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:40px;padding:9px 16px;font:600 13px/1.4 'Exo 2',sans-serif;white-space:nowrap;transition:background .16s,border-color .16s,transform .16s}.yellow-action{background:var(--yellow);color:#17181c;border:1px solid #e3bc00;border-radius:8px}.yellow-action:hover{background:#ffe732;transform:translateY(-1px)}.yellow-action:active{transform:translateY(0)}.yellow-action svg,.outline-action svg,.text-action svg{width:17px;height:17px;flex-shrink:0}.outline-action{border:1px solid #36383f;border-radius:8px;color:#bfc0c7;background:#1c1d22}.outline-action:hover{border-color:#6a6b71;background:#26272d}.text-action{padding:4px 0;min-height:30px;font-size:12px;color:var(--yellow);background:none;border:0}.text-action:hover{color:#fff}.ui-panel{border-radius:12px;background:#17181c;box-shadow:0 2px 16px #0002;min-width:0}
.sign-in.account-button{background:transparent;border:0;color:#e7e7eb;padding:0 0 0 3px;display:flex;align-items:center;gap:9px;font-family:'Exo 2',sans-serif;max-width:200px}.account-button .account-avatar{display:grid;place-items:center;flex-shrink:0;width:34px;height:34px;border:2px solid #4b4223;border-radius:50%;background:#28251b;color:var(--yellow);font:700 12px Tektur,sans-serif}.account-button-name{max-width:120px;overflow:hidden;text-overflow:ellipsis;font-size:13px;font-weight:600}.account-button>svg{width:13px;height:13px;color:#8d8e95}.account-button:hover .account-avatar{border-color:var(--yellow)}
.profile-identity{padding:26px;display:flex;align-items:center;gap:20px}.profile-avatar{width:78px;height:78px;display:grid;place-items:center;flex-shrink:0;background:#292619;color:var(--yellow);border:2px solid #615326;border-radius:50%;font:700 27px Tektur,sans-serif}.profile-person{min-width:0}.profile-name-line{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.profile-name-line h2{font:700 24px/1.3 Tektur,sans-serif;overflow-wrap:anywhere;margin:0}.test-badge{display:inline-flex;align-items:center;background:#38311a;color:var(--yellow);border-radius:4px;font-size:9px;font-weight:600;line-height:1.4;padding:4px 7px;white-space:nowrap}.profile-id{font-size:12px;color:#8d8e96;margin:8px 0 0}.profile-since{font-size:11px;color:#686b74;margin:5px 0 0}.profile-identity-actions{display:flex;align-items:center;gap:9px;margin-left:auto;flex-shrink:0}.account-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:14px 0 20px}.account-stat{background:#17181c;border-radius:10px;padding:19px 20px;min-width:0}.account-stat>span{display:flex;align-items:center;gap:7px;font-size:12px;color:#8e9099}.account-stat>span svg{width:15px;height:15px;color:#747780}.account-stat>strong{display:block;font:700 29px/1.15 'Exo 2',sans-serif;font-variant-numeric:tabular-nums;margin:12px 0 6px;letter-spacing:-.6px;overflow-wrap:anywhere}.account-stat>strong small{font-size:18px;color:#a2a4ad;margin-left:2px}.account-stat>small{font-size:10px;color:#737781}
.profile-columns{display:grid;grid-template-columns:minmax(0,1fr) 294px;gap:16px;align-items:start}.profile-main{overflow:hidden}.profile-tabs{display:flex;align-items:center;gap:24px;padding:0 24px;border-bottom:1px solid #2b2d33;background:#1e1f23}.profile-tabs button{padding:17px 0 14px;color:#90929d;font-size:14px;font-weight:600;border-bottom:3px solid transparent}.profile-tabs button.active{color:var(--yellow);border-bottom-color:var(--yellow)}.profile-overview,.profile-settings{padding:24px}.block-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:18px}.block-heading h2,.profile-settings>h2{font:700 16px/1.4 Tektur,sans-serif;letter-spacing:0;margin:0}.profile-empty{padding:32px 25px 38px;text-align:center;display:flex;flex-direction:column;align-items:center}.profile-empty>svg{width:37px;height:37px;color:#5b5f6a;margin-bottom:17px}.profile-empty h3{font:600 18px 'Exo 2',sans-serif;margin:0 0 8px}.profile-empty p{font-size:13px;color:#858995;max-width:300px;line-height:1.6;margin:0 0 21px}.account-details{border-top:1px solid #292c33;margin-top:20px;padding-top:19px;display:flex;flex-direction:column;gap:14px}.account-details>div{display:flex;align-items:center;justify-content:space-between;gap:12px}.account-details>div>span{font-size:12px;color:#8c909b}.account-details>div>strong{font-size:12px;font-weight:600}.account-details .text-action{font-size:12px;min-height:20px;padding:0}.recent-row{display:flex;align-items:center;gap:12px;padding:13px 0;border-bottom:1px solid #292b32}.recent-row:last-child{border-bottom:0}.recent-art{display:flex;align-items:center;gap:5px;flex-shrink:0}.recent-art .art{width:35px;height:35px;--size:35px;object-fit:contain}.recent-art>svg{width:13px;height:13px;color:#626774}.recent-description{display:flex;flex-direction:column;gap:4px;min-width:0}.recent-description strong{font-size:11px;font-weight:600;line-height:1.5}.recent-description>span{font-size:10px;color:#787e8b}.recent-row .status-pill{margin-left:auto;white-space:nowrap;font-size:9px}
.profile-aside{display:flex;flex-direction:column;gap:14px}.test-inventory-panel{padding:20px}.test-panel-heading{display:flex;align-items:center;gap:8px}.test-panel-heading>svg{color:var(--yellow);width:19px;height:19px}.test-panel-heading h2{font:700 15px Tektur,sans-serif;margin:0}.test-inventory-value{margin:21px 0 10px;display:flex;align-items:baseline;gap:9px}.test-inventory-value strong{font:700 35px/1.1 'Exo 2',sans-serif;color:#fff}.test-inventory-value>span{font-size:11px;color:#8b8e99}.test-preview-items{display:flex;align-items:center;justify-content:center;height:95px;gap:1px}.test-preview-items .art{width:77px;height:77px;--size:77px;object-fit:contain}.test-inventory-panel>p{font-size:12px;color:#8c909b;line-height:1.6;margin:10px 0 17px}.test-inventory-panel>.yellow-action{width:100%;font-size:12px}.test-inventory-panel>.open-pack{width:100%;margin-top:9px;font-size:11px}.test-panel-note{display:flex;align-items:flex-start;gap:7px;border-top:1px solid #2d3037;margin-top:15px;padding-top:15px;color:#6f7582;font-size:10px;line-height:1.6}.test-panel-note svg{width:14px;height:14px;flex-shrink:0;margin-top:1px}.profile-shortcuts{padding:5px 17px}.profile-shortcuts button{display:flex;align-items:center;gap:9px;width:100%;padding:15px 0;border-bottom:1px solid #292b32;font-size:12px;color:#a4a8b3}.profile-shortcuts button:last-child{border:0}.profile-shortcuts button>svg{width:17px;height:17px;color:#777e8c}.profile-shortcuts button>svg:last-child{margin-left:auto;width:14px;height:14px}.profile-shortcuts button:hover{color:var(--yellow)}
.profile-settings form{margin-top:22px}.field-label{display:block;font-size:13px;color:#aaaeb9;margin-bottom:10px}.name-form-row{display:flex;align-items:center;gap:9px}.name-form-row input{width:100%;min-width:0;background:#111216;border:1px solid #363943;color:#eee;border-radius:7px;height:41px;padding:0 12px;font-size:14px}.name-form-row .yellow-action{flex-shrink:0}.field-hint{font-size:10px;line-height:1.7;color:#737a89;margin:9px 0 0}.settings-subheading{margin-top:31px!important;margin-bottom:15px!important}.preference-row{display:flex;align-items:center;gap:11px;padding:17px 0;border-bottom:1px solid #292c34;cursor:pointer}.preference-icon{display:grid;place-items:center;width:32px;flex-shrink:0;color:#7f8795}.preference-icon>svg{width:21px;height:21px}.preference-row>span:nth-child(2){display:flex;flex-direction:column;gap:5px}.preference-row strong{font-size:13px;font-weight:600}.preference-row small{font-size:11px;color:#7a8290;line-height:1.6}.preference-switch{appearance:none;flex-shrink:0;position:relative;width:37px;height:21px;border:1px solid #4c515d;background:#2c3038;border-radius:20px;margin:0 0 0 auto;transition:background .2s,border-color .2s;cursor:pointer}.preference-switch:after{content:'';position:absolute;width:13px;height:13px;border-radius:50%;background:#9da3b0;left:3px;top:3px;transition:transform .2s,background .2s}.preference-switch:checked{background:#665719;border-color:#8c7619}.preference-switch:checked:after{background:var(--yellow);transform:translateX(15px)}
.inventory-summary{display:flex;align-items:center;gap:32px;background:#17181c;padding:21px 23px;border-radius:12px;margin:0 0 20px}.inventory-summary>div{display:flex;flex-direction:column;gap:9px}.inventory-summary>div>span{font-size:12px;color:#8a8f9b}.inventory-summary strong{font:700 24px/1.2 'Exo 2',sans-serif;font-variant-numeric:tabular-nums}.inventory-summary strong small{font-size:12px;font-weight:400;color:#808796}.inventory-summary>.yellow-action{margin-left:auto}.standalone-panel{margin-top:0}.standalone-panel .item-grid{grid-template-columns:repeat(6,minmax(0,1fr));padding:14px 12px 16px;gap:7px}.standalone-panel .item-card{padding:9px}.standalone-panel .item-name{font-size:12px}.standalone-panel .item-meta{font-size:10px}.standalone-panel .item-price{font-size:11px}.standalone-panel .item-card .art{width:75%;height:60%;--size:90px;left:12.5%;top:17%}.stats-strip{justify-content:flex-start;background:#17181c;padding:20px 24px;border-radius:12px;margin:0 0 20px}.stats-strip .stat{padding-right:34px}.stats-strip .stat strong{font:700 26px 'Exo 2',sans-serif}.stats-strip .stat>span{font-size:12px;color:#9297a4}.history-panel{padding:0;overflow:hidden;border-radius:12px;margin-top:0}.history-header{background:#1e1f23;padding:19px 23px;margin:0}.history-header h2{font:600 16px 'Exo 2',sans-serif}.history-header p{font-size:12px;color:#898e9b}.history-header>.reset-link{font-size:12px;color:#9297a5}.history-table th{padding:17px 20px;font-size:11px;color:#7a8291;background:#191a1f}.history-table td{padding:17px 20px;font-size:12px;border-color:#2a2d35}.history-items .art{width:40px;height:40px;--size:40px}.history-items .item-label{font-size:12px}.status-pill{padding:5px 9px;border-radius:5px;background:#273223;color:#a5cc92;font-size:10px}.status-pill.loss{background:#31252b;color:#c69aa7}.history-empty{padding:45px 20px}.history-empty>svg{width:36px;height:36px;margin:0 auto 17px;color:#5a6371}.history-empty h2{font:600 20px 'Exo 2',sans-serif}.history-empty p{font-size:13px;line-height:1.7;color:#7f8795}
dialog{background:#17181c;border:1px solid #25262c;border-radius:24px;padding:36px;max-width:520px;box-shadow:0 15px 80px #0009;max-height:calc(100dvh - 32px);overflow:auto}dialog::backdrop{background:#000a;backdrop-filter:blur(7px)}dialog h2{font:700 28px/1.2 Tektur,sans-serif;margin-bottom:21px}dialog p{font:400 14px/1.55 'Exo 2',sans-serif;color:#a3a3ab}dialog ol{font:400 14px/1.8 'Exo 2',sans-serif;color:#b9b9bf}dialog .modal-note{font-size:11px!important;color:#777b86!important}.modal-close{right:16px;top:16px;color:#6e7077;z-index:5;transition:color .15s,transform .2s}.modal-close:hover{color:#fff;transform:rotate(90deg)}.game-grid .game-button{font-size:14px;min-height:86px;border-radius:10px;transition:border-color .15s,background .15s}.game-grid .game-button.active{background:#312e1f}.game-grid .game-button:hover{border-color:#85806a}.help-dialog .modal-icon{border-radius:12px}.help-dialog .primary-button{font-size:15px;height:48px;border-radius:12px;margin-top:25px}
.auth-dialog{width:850px;max-width:calc(100vw - 36px);padding:0;border:0;border-radius:24px;overflow:hidden;background:transparent;box-shadow:none}.auth-layout{display:grid;grid-template-columns:325px minmax(0,1fr);gap:12px}.auth-art-panel{position:relative;min-height:428px;overflow:hidden;border-radius:24px;background:#ffdf17;display:flex;align-items:center;justify-content:center}.auth-tag{position:absolute;top:24px;left:22px;color:#3b3418;font:600 10px Tektur,sans-serif;letter-spacing:.2px;z-index:2}.auth-orbit{position:absolute;width:330px;height:330px;border:40px solid #e7c411;border-radius:50%;left:40px;top:57px;opacity:.65}.auth-orbit:before{content:'';position:absolute;inset:14px;border:2px solid #c5a810;border-radius:50%}.auth-item{position:absolute;width:290px;height:290px;object-fit:contain;left:20px;top:43px;z-index:1;filter:drop-shadow(0 15px 8px #4d440d55)}.auth-brand-mark{width:170px;height:170px;left:80px;top:85px;filter:brightness(.15)}.auth-pack-count{position:absolute;left:24px;bottom:48px;color:#262313;display:flex;flex-direction:column;gap:0;z-index:2}.auth-pack-count strong{font:700 59px/1 Tektur,sans-serif;letter-spacing:-2px}.auth-pack-count span{font:700 14px Tektur,sans-serif;letter-spacing:.5px}.auth-experience{position:absolute;left:22px;bottom:19px;color:#4c421e;font-size:12px;font-weight:600}.auth-form-panel{border-radius:24px;background:#17181c;min-height:428px;padding:43px 36px 27px;border:1px solid #212228}.auth-form-panel h2{font-size:28px;max-width:330px;margin:0 0 25px}.auth-form-panel>p{font-size:14px;line-height:1.6;max-width:340px;margin:0}.auth-benefits{display:flex;flex-direction:column;gap:14px;margin:31px 0}.auth-benefits>div{display:flex;gap:10px;align-items:center;font-size:12px;color:#8f919a}.auth-benefits svg{width:16px;height:16px;color:var(--yellow);flex-shrink:0}.auth-submit{width:100%;min-height:48px;font-size:14px;border-radius:12px;gap:10px}.auth-submit .roblox-symbol{width:17px;height:17px}.auth-submit .roblox-symbol:after{left:6px;top:6px;width:5px;height:5px}.auth-form-panel .auth-note{font-size:10px!important;color:#686c75;text-align:center;margin-top:13px;max-width:none}.auth-dialog .modal-close{right:16px;top:17px}
.item-card{transition:border-color .15s,background .15s,box-shadow .15s,transform .17s}.item-card:hover:not(:disabled){transform:translateY(-2px)}.item-card .art{transition:transform .2s}.item-card:hover:not(:disabled) .art{transform:scale(1.06)}.item-card:active:not(:disabled){transform:translateY(0)}.chosen-card{transition:box-shadow .2s}.chosen-card.has-item{box-shadow:0 0 10px #0004}.chosen-card.has-item:hover{box-shadow:0 0 0 1px #3a3b42,0 0 15px #0004}.upgrade-button{position:relative;overflow:hidden;transition:filter .16s,box-shadow .16s}.upgrade-button:before{content:'';position:absolute;top:-100%;left:-40%;width:25%;height:300%;background:#fff3;transform:skewX(-20deg);pointer-events:none;opacity:0}.upgrade-button:hover:not(:disabled):before{animation:button-sheen .75s ease-out}.is-rolling .dial-outline{animation:ring-breathe 1.2s ease-in-out infinite}.is-rolling .dial-content{box-shadow:0 0 24px #dccb1412}.is-rolling .dial-logo{animation:logo-breathe 1s ease-in-out infinite}.is-rolling .chosen-card{opacity:.75}.is-rolling .upgrade-button{background:#b79f20;box-shadow:0 0 15px #d6c12618}.upgrade-result{justify-content:flex-start;gap:12px;padding:14px 17px;border-radius:10px;min-width:0;background:#222719;border-color:#434b25;color:#cbd7a3}.upgrade-result.loss{background:#241e23;border-color:#3c303a;color:#bd9ba9}.upgrade-result .result-symbol{display:grid;place-items:center;width:35px;height:35px;flex-shrink:0;background:#374123;border-radius:50%;color:#c8e096}.upgrade-result.loss .result-symbol{color:#ba8c9e;background:#392b34}.upgrade-result strong{font:700 14px Tektur,sans-serif;letter-spacing:0}.upgrade-result p{font-size:12px;line-height:1.6;color:#8f9b7f;margin:5px 0 0}.upgrade-result.loss p{color:#8d7d89}.upgrade-result>.text-action{margin-left:auto;flex-shrink:0;font-size:12px}.result-burst{position:absolute;left:50%;top:46%;pointer-events:none;z-index:6}.result-burst i{position:absolute;width:5px;height:8px;background:#ffe631;border-radius:1px;animation:result-particle .85s cubic-bezier(.1,.7,.2,1) forwards}.result-burst i:nth-child(3n){background:#ebaf17;width:4px;height:4px}.result-burst i:nth-child(2n){background:#fff09d}.toast{background:#22231f;border-color:#5c5527;color:#e7dfb2;font-size:13px;border-radius:10px;box-shadow:0 10px 40px #0005;max-width:calc(100vw - 30px)}
@keyframes button-sheen{0%{opacity:0;left:-40%}15%{opacity:1}100%{opacity:0;left:140%}}@keyframes ring-breathe{50%{filter:brightness(1.25)}}@keyframes logo-breathe{50%{transform:scale(.96);opacity:.72}}@keyframes result-particle{0%{transform:translate(0,0) rotate(0);opacity:1}90%{opacity:1}100%{transform:translate(var(--x),var(--y)) rotate(var(--spin));opacity:0}}
html[data-motion="off"] *,html[data-motion="off"] *:before,html[data-motion="off"] *:after{animation:none!important;transition:none!important}
@media(max-width:1200px){.profile-identity{padding:22px;gap:16px}.profile-name-line h2{font-size:21px}.profile-identity-actions{flex-direction:column;align-items:stretch;gap:7px}.profile-identity-actions button{min-height:35px;font-size:12px;padding:7px 12px}.profile-columns{grid-template-columns:minmax(0,1fr) 260px;gap:12px}.account-stat{padding:17px 15px}.account-stat>strong{font-size:25px}.profile-overview,.profile-settings{padding:20px}.recent-row{flex-wrap:wrap;gap:8px}.recent-description{flex:1}.recent-row .status-pill{margin-left:auto}.recent-art .art{width:29px;height:29px;--size:29px}.test-inventory-panel{padding:18px}.test-preview-items .art{width:67px;height:67px;--size:67px}.test-panel-heading h2{font-size:14px}.inventory-summary{gap:23px}.inventory-summary>.yellow-action{font-size:12px}.standalone-panel .item-grid{grid-template-columns:repeat(5,minmax(0,1fr))}}
@media(max-width:1000px) and (min-width:901px){.profile-columns{grid-template-columns:minmax(0,1fr)}.profile-aside{display:grid;grid-template-columns:1fr 1fr}.account-stat>span{font-size:11px}.account-stat>span svg{display:none}.profile-identity{gap:13px}.profile-avatar{width:65px;height:65px;font-size:22px}.profile-name-line{gap:8px}.profile-name-line h2{font-size:19px}.profile-since{font-size:10px}.name-form-row{flex-wrap:wrap}.name-form-row input{flex-basis:100%}.inventory-summary{flex-wrap:wrap}.inventory-summary>.yellow-action{margin-left:0}}
@media(max-width:900px){.screen-heading{margin:31px 0 21px;gap:12px;align-items:center}.screen-heading h1{font-size:23px;margin-top:5px}.screen-heading p{font-size:12px;line-height:1.6;max-width:260px}.screen-heading>.outline-action{font-size:11px;min-height:35px;padding:7px 9px;flex-shrink:0}.screen-heading>.outline-action svg{width:14px;height:14px}.section-kicker{font-size:9px}.sign-in.account-button{height:34px;gap:6px;max-width:160px}.account-button .account-avatar{width:29px;height:29px;font-size:10px}.account-button-name{font-size:11px;max-width:90px}.account-button>svg{width:11px;height:11px}.profile-identity{padding:20px;gap:15px;flex-wrap:wrap}.profile-avatar{width:64px;height:64px;font-size:23px}.profile-name-line{gap:8px}.profile-name-line h2{font-size:20px}.test-badge{font-size:8px;padding:3px 6px}.profile-id{font-size:11px;margin-top:7px}.profile-since{font-size:10px}.profile-person{flex:1}.profile-identity-actions{margin:1px 0 0;width:100%;flex-direction:row}.profile-identity-actions .yellow-action{flex:1}.profile-identity-actions .outline-action{flex:0 0 110px}.profile-identity-actions button{font-size:12px;min-height:38px}.account-stats{grid-template-columns:1fr 1fr;gap:8px;margin:11px 0 16px}.account-stat{padding:16px}.account-stat>span{font-size:12px;gap:6px}.account-stat>span svg{width:14px;height:14px}.account-stat>strong{font-size:26px;margin:10px 0 5px}.account-stat>small{font-size:10px}.profile-columns{grid-template-columns:1fr;gap:14px}.profile-main{order:1}.profile-aside{order:2}.profile-tabs{padding:0 20px;gap:25px}.profile-tabs button{font-size:13px;padding:15px 0 12px}.profile-overview,.profile-settings{padding:20px}.block-heading{gap:10px}.block-heading h2{font-size:15px}.block-heading .text-action{font-size:11px}.profile-empty{padding:26px 10px 32px}.profile-empty p{font-size:12px}.profile-empty h3{font-size:18px}.profile-empty .yellow-action{font-size:12px}.account-details>div>span,.account-details>div>strong{font-size:12px}.recent-row{flex-wrap:wrap;padding:15px 0}.recent-description strong{font-size:11px}.recent-art .art{width:29px;height:29px;--size:29px}.recent-art{gap:3px}.recent-description>span{font-size:10px}.recent-row .status-pill{font-size:9px;margin-left:auto}.profile-aside{display:flex;gap:14px}.test-inventory-panel{padding:20px}.test-panel-heading h2{font-size:15px}.test-preview-items{height:105px;gap:12px}.test-preview-items .art{width:85px;height:85px;--size:85px}.test-inventory-value strong{font-size:36px}.test-inventory-value span{font-size:12px}.test-inventory-panel>p{font-size:12px}.test-inventory-panel>.yellow-action{font-size:13px;min-height:42px}.profile-settings>h2{font-size:16px}.name-form-row{flex-wrap:wrap;gap:10px}.name-form-row input{height:44px;font-size:16px;flex-basis:100%}.name-form-row .yellow-action{width:100%;min-height:42px;font-size:13px}.field-hint{font-size:11px}.preference-row{gap:8px;padding:17px 0}.preference-icon{width:26px}.preference-icon svg{width:19px;height:19px}.preference-row strong{font-size:13px}.preference-row small{font-size:11px}.preference-switch{margin-left:7px}.inventory-summary{gap:20px;flex-wrap:wrap;padding:18px}.inventory-summary>div{gap:7px;flex:1}.inventory-summary>div>span{font-size:10px;white-space:nowrap}.inventory-summary strong{font-size:21px}.inventory-summary strong small{font-size:10px}.inventory-summary>.yellow-action{flex-basis:100%;margin:0;min-height:39px;font-size:12px}.standalone-panel .item-grid{grid-template-columns:repeat(3,minmax(0,1fr));padding:10px 7px;gap:4px}.standalone-panel .item-card{padding:7px}.standalone-panel .item-name{font-size:9px}.standalone-panel .item-meta{font-size:8px}.standalone-panel .item-price{font-size:9px}.stats-strip{padding:17px 18px;gap:23px}.stats-strip .stat{padding-right:23px}.stats-strip .stat:last-child{padding:0}.stats-strip .stat strong{font-size:23px}.stats-strip .stat>span{font-size:10px}.history-header{padding:17px 16px}.history-header h2{font-size:15px}.history-header p{font-size:11px}.history-header>.reset-link{font-size:11px}.history-table th{padding:13px 10px;font-size:10px}.history-table td{padding:13px 10px;font-size:11px}.history-items .art{width:30px;height:30px;--size:30px}.history-items .item-label{font-size:10px}.history-empty{padding:35px 15px}.history-empty p{font-size:12px}.upgrade-result{padding:12px;gap:9px;flex-wrap:wrap}.upgrade-result strong{font-size:12px}.upgrade-result p{font-size:10px;max-width:265px}.upgrade-result .result-symbol{width:30px;height:30px}.upgrade-result>.text-action{margin-left:39px;font-size:11px}.toast{font-size:12px}dialog{padding:29px 25px;border-radius:20px}dialog h2{font-size:24px}dialog p,dialog ol{font-size:13px}.auth-dialog{max-width:calc(100vw - 28px);border-radius:20px}.auth-layout{grid-template-columns:1fr;gap:0}.auth-art-panel{min-height:160px;border-radius:20px 20px 0 0;justify-content:flex-start;display:block}.auth-tag{top:20px;left:24px;font-size:9px}.auth-orbit{width:220px;height:220px;border-width:28px;left:auto;right:-35px;top:-20px}.auth-item{width:175px;height:175px;top:-5px;left:auto;right:-1px}.auth-pack-count{left:24px;bottom:30px}.auth-pack-count strong{font-size:48px}.auth-pack-count span{font-size:11px}.auth-experience{left:24px;bottom:13px;font-size:10px}.auth-form-panel{min-height:0;padding:27px 25px 22px;border-radius:0 0 20px 20px}.auth-form-panel h2{font-size:24px;line-height:1.25;margin-bottom:17px}.auth-form-panel>p{font-size:13px}.auth-benefits{margin:23px 0;gap:12px}.auth-benefits>div{font-size:11px}.auth-submit{font-size:13px;min-height:45px;border-radius:9px}.auth-dialog .modal-close{right:12px;top:12px;background:#292416b3;border-radius:50%;color:#ffed8b;padding:5px}.auth-dialog .modal-close svg{width:16px!important;height:16px!important}.auth-brand-mark{width:100px;height:100px;right:30px;top:29px}}
@media(min-width:600px) and (max-width:900px){.profile-columns{grid-template-columns:minmax(0,1fr) 250px}.profile-aside{order:0}.profile-identity-actions{width:auto;flex:0 0 auto;margin-left:auto}.profile-identity{flex-wrap:nowrap}.profile-person{flex:1}.profile-identity-actions{flex-direction:column}.account-stats{grid-template-columns:repeat(4,minmax(0,1fr))}.account-stat{padding:17px 13px}.account-stat>span{font-size:10px}.account-stat>span svg{display:none}.account-stat>strong{font-size:24px}.standalone-panel .item-grid{grid-template-columns:repeat(5,minmax(0,1fr))}.test-preview-items{gap:0}.test-preview-items .art{width:65px;height:65px;--size:65px}.test-inventory-value span{font-size:10px}.test-panel-heading h2{font-size:13px}.test-inventory-panel{padding:17px}.test-inventory-panel>.yellow-action{font-size:11px}}
@media(max-width:350px){.account-button-name{max-width:70px}.profile-identity{padding:17px;gap:11px}.profile-avatar{width:53px;height:53px;font-size:20px}.profile-name-line h2{font-size:18px}.profile-name-line{gap:5px}.profile-identity-actions .outline-action{flex-basis:94px;padding:7px}.screen-heading h1{font-size:22px}.screen-heading>.outline-action{padding:7px;font-size:10px}.screen-heading>.outline-action svg{display:none}.account-stat{padding:14px}.account-stat>span{font-size:11px}.account-stat>strong{font-size:24px}.inventory-summary{gap:14px;padding:16px}.inventory-summary strong{font-size:19px}.test-preview-items{gap:0}.test-preview-items .art{width:77px;height:77px;--size:77px}.preference-icon{display:none}.auth-form-panel{padding:25px 20px 20px}.auth-form-panel h2{font-size:22px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}

/* The completed attempt lives inside the dial; item cards return on Continue. */
.dial{overflow:hidden;border-radius:50%}
.has-result .dial-pointer{visibility:hidden}
.has-result .dial-content{background:#1a1a1c}
.dial.is-win .dial-progress{stroke:#b5d870!important;stroke-dasharray:508.938 0}
.dial.is-loss .dial-progress{stroke:#ba6776!important;stroke-dasharray:508.938 0}
.circle-outcome{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;width:100%;height:100%;text-align:center;padding:12px;color:#cbe997}
.circle-outcome.loss{color:#e494a2}
.outcome-mark{width:68px;height:68px;flex-shrink:0;overflow:visible;filter:drop-shadow(0 0 13px #a5cd6230)}
.circle-outcome.loss .outcome-mark{filter:drop-shadow(0 0 13px #d8798d30)}
.outcome-mark path{fill:none;stroke:currentColor;stroke-width:6;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:54;stroke-dashoffset:0;animation:draw-outcome .55s ease-out both}
.circle-outcome.loss .outcome-mark path:nth-child(2){animation-delay:.13s}
.circle-outcome strong{font:700 14px/1.3 Tektur,sans-serif;letter-spacing:.1px}
.circle-outcome>span{font:400 12px/1.5 'Exo 2',sans-serif;color:#a6ac9a;max-width:150px;overflow-wrap:anywhere}
.circle-outcome.loss>span{color:#a3919b}
.dial-effects{position:absolute;inset:10%;border-radius:50%;overflow:hidden;pointer-events:none;z-index:8}
.circle-confetti{position:absolute;left:50%;top:48%;width:0;height:0}
.circle-confetti i{position:absolute;top:0;left:0;width:5px;height:9px;border-radius:1px;background:#f6d952;opacity:0;animation:circle-confetti 1.35s cubic-bezier(.12,.55,.25,1) var(--delay) both}
.circle-confetti i:nth-child(3n){background:#b8e28e;width:6px;height:6px;border-radius:2px}
.circle-confetti i:nth-child(4n){background:#f2a3b4}
.circle-confetti i:nth-child(5n){background:#b0d8f1;width:4px;height:10px}
@keyframes draw-outcome{from{stroke-dashoffset:54}to{stroke-dashoffset:0}}
@keyframes circle-confetti{0%{opacity:0;transform:translate(0,0) rotate(0) scale(.6)}8%{opacity:1}65%{opacity:1;transform:translate(var(--x),var(--y)) rotate(var(--spin)) scale(1)}100%{opacity:0;transform:translate(var(--x),calc(var(--y) + 50px)) rotate(var(--spin)) scale(.65)}}
@media(max-width:900px){
  .upgrade-layout.has-result{grid-template-rows:280px auto;gap:18px 7px}
  .has-result .upgrade-action{grid-row:2;margin-top:0}
  .circle-outcome{gap:6px;padding:10px}
  .outcome-mark{width:54px;height:54px}
  .circle-outcome strong{font-size:11px}
  .circle-outcome>span{font-size:10px;max-width:125px}
}
@media(max-width:350px){.upgrade-layout.has-result{grid-template-rows:255px auto}.circle-outcome{gap:5px}.outcome-mark{width:46px;height:46px}.circle-outcome strong{font-size:10px}.circle-outcome>span{font-size:9px}}
