/* Scoped layout boundary: the host theme must not size the standalone portal. */
body.trl-standalone{padding:0!important;min-width:0!important;width:100%!important;max-width:none!important;overflow-x:clip;background:#08090e!important}
body.trl-standalone #trl-app{display:block!important;box-sizing:border-box!important;width:100%!important;max-width:none!important;min-width:0!important;margin:0!important;padding:0!important;--trl-admin-offset:0px;--trl-nav-height:86px}
#trl-app :is(h1,h2,h3,h4,h5,h6){color:#f6f3fb!important;font-family:inherit;overflow-wrap:break-word}
#trl-app :is(button,input,select,textarea){box-sizing:border-box;max-width:100%}
#trl-app :is(section,article,nav,header,footer,div){min-width:0}
#trl-app .trl-nav{position:sticky!important;inset:auto!important;top:var(--trl-admin-offset,0px)!important;display:flex!important;align-items:center!important;justify-content:space-between!important;flex-wrap:nowrap!important;gap:20px!important;width:100%!important;height:auto!important;min-height:86px!important;max-height:none!important;margin:0!important;padding:16px clamp(20px,4vw,80px)!important;box-sizing:border-box!important;z-index:1600;overflow:visible!important;background:#0b0c15f5}
#trl-app .trl-wordmark{flex:0 0 auto;line-height:1.35!important;align-self:center}
#trl-app .trl-nav nav{position:static!important;inset:auto!important;float:none!important;transform:none!important;display:flex!important;align-items:center!important;justify-content:center!important;flex-wrap:nowrap!important;gap:4px!important;flex:0 1 auto;order:0!important;width:auto!important;height:auto!important;min-height:0!important;max-height:none!important;margin:0!important;padding:0!important;line-height:1.4}
#trl-app .trl-nav nav button{flex:0 0 auto;white-space:nowrap;line-height:1.4;min-height:36px;font-size:12px;padding:9px 10px!important;margin:0!important}
#trl-app .trl-nav-actions{display:flex!important;flex:0 0 auto;gap:10px!important;align-items:center!important;margin:0!important}
#trl-app .trl-nav-actions button{white-space:nowrap;line-height:1.4}
#trl-app .trl-editorial-hero{box-sizing:border-box!important;width:100%!important;max-width:none!important;margin:0!important;min-height:560px;padding:64px clamp(24px,7vw,110px) 56px!important;grid-template-columns:minmax(0,1.12fr) minmax(0,1fr);gap:36px;overflow:hidden}
#trl-app .trl-hero-copy h1{font-size:clamp(42px,5.6vw,82px)!important;line-height:1.08!important;letter-spacing:-.045em!important;margin:22px 0!important;font-weight:750}
#trl-app .trl-hero-copy h1 em{color:transparent!important;display:inline-block;padding-bottom:.12em;background:linear-gradient(100deg,#ff547c,#efb5fb);background-clip:text;-webkit-background-clip:text}
#trl-app .trl-hero-copy>p{line-height:1.8!important;font-size:15px}
#trl-app .trl-hero-art{width:100%;max-width:520px;margin:0 auto}
#trl-app .trl-hero-emblem{width:100%;padding:22px 0 12px}
#trl-app .trl-hero-emblem img{display:block;width:min(100%,440px)!important;height:auto!important;max-width:100%!important;margin:0 auto}
#trl-app .trl-hero-emblem>span{display:block;letter-spacing:clamp(1.5px,.35vw,5px);font-size:9px;margin-top:15px;line-height:1.5}
#trl-app .trl-hero-actions{display:flex;align-items:center;flex-wrap:wrap;gap:14px;margin-top:24px}
#trl-app .trl-hero-actions button{white-space:normal;text-align:center;justify-content:center;line-height:1.5}
#trl-app .trl-hero-meta{display:flex;flex-wrap:wrap;align-items:center;gap:13px 22px;margin-top:30px;line-height:1.6}
#trl-app .trl-content{box-sizing:border-box!important;width:100%!important;max-width:1400px!important;padding:65px clamp(20px,6vw,85px) 0!important;margin:0 auto!important}
#trl-app :is(#trl-lobby,#trl-ranking,#trl-promotions,#trl-contests,#trl-announcements,#trl-creator-section){scroll-margin-top:calc(var(--trl-nav-height,86px) + var(--trl-admin-offset,0px) + 18px)}
#trl-app .trl-section-heading{gap:24px;flex-wrap:wrap}
#trl-app .trl-section-heading>div:first-child{flex:1 1 320px}
#trl-app .trl-section-heading h2{line-height:1.18!important;margin:12px 0!important;font-size:clamp(28px,3.5vw,42px)!important}
#trl-app .trl-section-heading p{max-width:850px;line-height:1.8!important;overflow-wrap:anywhere}
#trl-app .trl-ranking-tools{gap:20px;flex-wrap:wrap}
#trl-app .trl-tabs{max-width:100%;flex-wrap:wrap}
#trl-app .trl-categories{display:flex;flex-wrap:wrap;gap:8px}
#trl-app .trl-game-grid,#trl-app .trl-prize-grid,#trl-app .trl-contest-grid{min-width:0;max-width:100%}
#trl-app .trl-footer{box-sizing:border-box;width:100%!important;max-width:none!important;margin:0!important;gap:18px;padding:30px clamp(20px,6vw,85px)!important;line-height:1.7}
#trl-app .trl-footer a,#trl-app .trl-footer button{overflow-wrap:anywhere}
body.trl-standalone #wpadminbar{overflow:hidden!important}
#trl-app .trl-modal{padding:calc(20px + var(--trl-admin-offset,0px)) 20px 20px!important}
#trl-app .trl-modal-card{box-sizing:border-box;width:min(680px,100%)!important;max-width:100%!important;max-height:calc(100dvh - var(--trl-admin-offset,0px) - 40px);overflow-y:auto}
@media(max-width:1050px){
 #trl-app .trl-nav{display:grid!important;grid-template-columns:minmax(0,1fr) auto;gap:12px 16px!important;min-height:0!important;padding:14px 24px 10px!important}
 #trl-app .trl-nav nav{grid-column:1/-1;grid-row:2;width:100%!important;justify-content:flex-start!important;overflow-x:auto!important;scrollbar-width:thin;scrollbar-color:#62435d transparent;padding-bottom:3px!important;max-width:100%;overscroll-behavior-x:contain}
 #trl-app .trl-nav-actions{grid-column:2;grid-row:1}
 #trl-app .trl-editorial-hero{gap:24px;padding:44px 6% 40px!important}
 #trl-app .trl-hero-copy h1{font-size:clamp(40px,5.8vw,60px)!important}
}
@media(max-width:700px){
 body.trl-standalone #wpadminbar{height:46px!important;max-height:46px!important}
 body.trl-standalone #wpadminbar #wp-toolbar{display:flex;flex-wrap:nowrap;height:46px;overflow:hidden}
 body.trl-standalone #wpadminbar .ab-top-menu{display:flex;flex-wrap:nowrap;min-width:0;overflow:hidden}
 body.trl-standalone #wpadminbar #wp-admin-bar-top-secondary{flex:0 0 auto;margin-left:auto}
 #trl-app .trl-nav{padding:12px 18px 8px!important;gap:10px 12px!important}
 #trl-app .trl-wordmark{font-size:10px;letter-spacing:1px;gap:8px}
 #trl-app .trl-wordmark small{font-size:8px}
 #trl-app .trl-mark{width:30px;font-size:24px}
 #trl-app .trl-nav-actions{gap:7px!important}
 #trl-app .trl-nav-actions .trl-small{font-size:10px;padding:10px 12px;gap:7px}
 #trl-app .trl-nav-actions .trl-icon{width:32px;height:32px}
 #trl-app .trl-nav nav{gap:3px!important;flex-wrap:wrap!important;overflow:visible!important;justify-content:center!important}
 #trl-app .trl-nav nav button{font-size:11px!important;padding:8px 6px!important;min-height:34px}
 #trl-app .trl-eyebrow{font-size:9px;letter-spacing:1.8px;line-height:1.7;flex-wrap:wrap}
 #trl-app .trl-editorial-hero{display:grid;grid-template-columns:minmax(0,1fr);gap:16px;padding:35px 22px 30px!important;min-height:0}
 #trl-app .trl-hero-copy h1{font-size:clamp(36px,10.3vw,58px)!important;letter-spacing:-.04em!important;line-height:1.1!important}
 #trl-app .trl-hero-copy>p{font-size:13px}
 #trl-app .trl-hero-copy{text-align:center}
 #trl-app .trl-hero-copy .trl-eyebrow{justify-content:center}
 #trl-app .trl-hero-actions,#trl-app .trl-hero-meta{justify-content:center}
 #trl-app .trl-hero-actions{gap:10px;align-items:stretch}
 #trl-app .trl-hero-actions button{padding:12px 15px;font-size:12px;min-height:44px}
 #trl-app .trl-hero-meta{font-size:10px;gap:10px 18px;margin-top:24px}
 #trl-app .trl-hero-meta b{font-size:16px}
 #trl-app .trl-hero-art{max-width:330px}
 #trl-app .trl-hero-emblem{padding-top:25px}
 #trl-app .trl-hero-emblem img{max-width:280px!important}
 #trl-app .trl-content{padding:42px 20px 0!important}
 #trl-app .trl-section-heading{flex-direction:column;align-items:stretch;gap:18px}
 #trl-app .trl-section-heading{text-align:center}
 #trl-app .trl-section-heading .trl-eyebrow{justify-content:center}
 #trl-app .trl-section-heading p{margin-left:auto;margin-right:auto}
 #trl-app .trl-section-heading>div:first-child{flex:0 1 auto}
 #trl-app .trl-season-timer{text-align:center}
 #trl-app .trl-categories{justify-content:center}
 #trl-app .trl-vote-status,#trl-app .trl-ranking-note{text-align:center}
 #trl-app .trl-prize-heading{align-items:center;text-align:center}
 #trl-app .trl-prize-item>div,#trl-app .trl-prize-note{text-align:center}
 #trl-app .trl-creator-section>div:first-child{text-align:center}
 #trl-app .trl-creator-section>div:first-child>.trl-eyebrow{justify-content:center}
 #trl-app .trl-creator-section>div:first-child>.trl-button{margin-left:auto;margin-right:auto}
 #trl-app .trl-footer{justify-content:center;text-align:center}
 #trl-app .trl-footer p,#trl-app .trl-footer small{flex-basis:100%}
 #trl-app .trl-tabs{display:flex;width:100%;gap:4px}
 #trl-app .trl-tabs button{padding:10px 8px;font-size:10px;flex:1 1 85px;white-space:normal}
 #trl-app .trl-search{display:block;width:100%}
 #trl-app .trl-search input{width:100%!important}
 #trl-app .trl-prize-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 #trl-app .trl-game-card{display:block}
 #trl-app .trl-card-cover{width:100%;min-height:0;height:210px}
 #trl-app .trl-card-bottom{gap:10px;flex-wrap:wrap}
 #trl-app .trl-card-buttons{flex-wrap:wrap}
 #trl-app .trl-card-body,#trl-app .trl-contest-card,#trl-app .trl-news-item{text-align:center}
 #trl-app .trl-card-body .trl-badges,#trl-app .trl-card-bottom,#trl-app .trl-card-buttons{justify-content:center}
 #trl-app .trl-news-item>img{margin-left:auto;margin-right:auto}
 #trl-app .trl-guide-panel{width:min(350px,calc(100vw - 28px))}
 #trl-app .trl-modal{padding:calc(12px + var(--trl-admin-offset,0px)) 12px 12px!important}
 #trl-app .trl-modal-card{padding:24px 18px;max-height:calc(100dvh - var(--trl-admin-offset,0px) - 24px)}
}
body.trl-standalone .gt_switcher_wrapper,body.trl-standalone .gtranslate_wrapper,body.trl-legal-body .gt_switcher_wrapper,body.trl-legal-body .gtranslate_wrapper{display:none!important}
#trl-app .trl-modal-toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;position:sticky;top:0;z-index:3;background:#11131c;padding:8px 0 16px;margin-bottom:16px;border-bottom:1px solid #ffffff15}
#trl-app .trl-modal-toolbar>span{font-size:10px;letter-spacing:.08em;color:#aaa3bb}
#trl-app .trl-modal-close,#trl-app #trl-guide-close{position:static;inset:auto;width:auto;height:auto;flex-shrink:0;border-radius:10px;padding:10px 14px;font:600 12px/1.3 system-ui;background:#292333;border:1px solid #b585a8;color:#fff;cursor:pointer}
#trl-app .trl-modal-close:hover,#trl-app #trl-guide-close:hover{background:#54314a;border-color:#efb1d2}
#trl-app .trl-modal-close:focus-visible,#trl-app #trl-guide-close:focus-visible{outline:2px solid #efb1d2;outline-offset:3px}
@media(max-width:420px){#trl-app .trl-modal-toolbar>span{max-width:90px}#trl-app .trl-modal-close{padding:10px;font-size:11px}}

#trl-app .trl-wordmark .trl-header-logo{display:block;flex:0 0 64px;width:64px!important;height:64px!important;max-width:none;object-fit:contain;margin:0;user-select:none;-webkit-user-drag:none;pointer-events:none}@media(max-width:700px){#trl-app .trl-wordmark .trl-header-logo{flex-basis:48px;width:48px!important;height:48px!important}}

#trl-app .trl-hero-emblem{position:relative;perspective:1000px;padding:45px 0 30px;overflow:visible}
#trl-app .trl-hero-emblem .trl-hero-level-art{display:block;width:100%;height:auto;object-fit:contain;transform-origin:50% 55%;backface-visibility:hidden;filter:drop-shadow(0 15px 28px #0008) drop-shadow(0 0 20px #9975e425)}
#trl-app .trl-hero-emblem>span{position:relative;display:block;margin-top:30px}
#trl-app .trl-hero-sparks{position:absolute;inset:0;pointer-events:none;overflow:hidden;z-index:2}
#trl-app .trl-hero-sparks i{position:absolute;left:var(--x);top:var(--y);width:var(--s,5px);height:var(--s,5px);background:#fff0c9;box-shadow:0 0 9px #ffd38d,0 0 18px #ec8cd5;border-radius:1px;opacity:0;animation:trl-hero-spark 3.8s ease-in-out infinite;animation-delay:var(--d);transform:rotate(45deg)}
#trl-app .trl-hero-sparks i:nth-child(3n){background:#a5ecff;box-shadow:0 0 12px #71cfff}
@keyframes trl-hero-spark{0%,100%{opacity:0;transform:translate3d(0,12px,0) rotate(45deg) scale(.3)}35%{opacity:.9}65%{opacity:.6}85%{opacity:0;transform:translate3d(12px,-38px,0) rotate(135deg) scale(.6)}}
@media(max-width:650px){#trl-app .trl-hero-emblem{perspective:750px;padding:26px 0 18px}#trl-app .trl-hero-sparks i:nth-child(n+7){display:none}#trl-app .trl-hero-emblem>span{margin-top:18px}}
@media(prefers-reduced-motion:reduce){#trl-app .trl-hero-sparks{display:none}#trl-app .trl-hero-emblem .trl-hero-level-art{will-change:auto}}
#trl-app .trl-hero-sparks i:nth-child(1){--x:8%;--y:44%;--d:-0.00s;--s:4px}
#trl-app .trl-hero-sparks i:nth-child(2){--x:18%;--y:20%;--d:-0.37s;--s:5px}
#trl-app .trl-hero-sparks i:nth-child(3){--x:32%;--y:15%;--d:-0.74s;--s:6px}
#trl-app .trl-hero-sparks i:nth-child(4){--x:47%;--y:12%;--d:-1.11s;--s:4px}
#trl-app .trl-hero-sparks i:nth-child(5){--x:65%;--y:18%;--d:-1.48s;--s:5px}
#trl-app .trl-hero-sparks i:nth-child(6){--x:85%;--y:28%;--d:-1.85s;--s:6px}
#trl-app .trl-hero-sparks i:nth-child(7){--x:93%;--y:50%;--d:-2.22s;--s:4px}
#trl-app .trl-hero-sparks i:nth-child(8){--x:79%;--y:75%;--d:-2.59s;--s:5px}
#trl-app .trl-hero-sparks i:nth-child(9){--x:60%;--y:83%;--d:-2.96s;--s:6px}
#trl-app .trl-hero-sparks i:nth-child(10){--x:43%;--y:76%;--d:-3.33s;--s:4px}
#trl-app .trl-hero-sparks i:nth-child(11){--x:24%;--y:80%;--d:-3.70s;--s:5px}
#trl-app .trl-hero-sparks i:nth-child(12){--x:9%;--y:68%;--d:-4.07s;--s:6px}

/* LEVEL: block avatar and compact command card. */
#trl-app .trl-level-guide{right:18px;bottom:16px}
#trl-app .trl-guide-launch{width:100px;height:144px;transform:none}
#trl-app .level-avatar{left:10px;top:9px;filter:drop-shadow(0 10px 8px #0006)}
#trl-app .level-avatar .level-head{--w:48px;--h:41px;--depth:35px;left:17px;top:3px}
#trl-app .level-avatar .level-head .face{background:#f5c78e;border-color:#dca773;box-shadow:inset 0 0 7px #ffdfb933}
#trl-app .level-avatar .level-head .left{background:#dca675}
#trl-app .level-avatar .level-head .top{background:#382521}
#trl-app .level-avatar .level-antenna{top:-4px;left:14px;width:55px;height:16px;border-radius:8px 8px 2px 2px;background:linear-gradient(110deg,#653ae7,#a36dff);transform:translateZ(20px);box-shadow:0 3px 0 #251d42;z-index:2}
#trl-app .level-avatar .level-antenna:before{width:39px;height:7px;top:12px;left:19px;border-radius:2px 8px 8px 2px;background:#704be0;box-shadow:0 3px 0 #251d42;transform:rotate(-4deg)}
#trl-app .level-avatar .level-visor{left:23px;top:17px;width:37px;height:19px;border:0;background:none;box-shadow:none;border-radius:0;gap:13px;align-items:flex-start}
#trl-app .level-avatar .level-visor i{width:4px;height:7px;border-radius:2px;background:#25202a;box-shadow:none}
#trl-app .level-avatar .level-visor:after{content:'';position:absolute;width:15px;height:7px;left:11px;top:9px;border:2px solid #33252b;border-top:0;border-radius:0 0 12px 12px}
#trl-app .level-avatar .level-body{--w:45px;--h:44px;top:49px;left:19px}
#trl-app .level-avatar .level-body .face{background:#7543ca;border-color:#a06ce5}
#trl-app .level-avatar .level-body .front{background:linear-gradient(135deg,#8b55e6,#42275e);border-top:5px solid #b58aff}
#trl-app .level-avatar .level-arm{--w:17px;--h:39px;top:50px}
#trl-app .level-avatar .level-arm .face{background:linear-gradient(#7743c9 0 67%,#f1c08a 67%);border-color:#886492}
#trl-app .level-avatar .level-leg .face{background:#293650;border-color:#52627b}
#trl-app .level-avatar .level-leg .front{background:linear-gradient(#293650 0 77%,#e5e0f0 77%);border-bottom:0}
#trl-app .level-avatar .level-chest{color:#fff;text-shadow:none;top:55px}
#trl-app .level-avatar .level-chest>span{color:#d9c8ff}
#trl-app .level-avatar .level-exhaust{top:124px;left:10px;width:63px;height:10px;background:#aa7dff55;filter:blur(6px);border-radius:50%}
#trl-app .trl-guide-name{left:4px;right:4px;font-size:9px;letter-spacing:2px;padding:5px}
#trl-app .trl-guide-panel{bottom:151px;width:min(290px,calc(100vw - 28px));max-height:min(420px,calc(100dvh - 225px));border-radius:18px;background:linear-gradient(145deg,#21182f,#11131e);border-color:#bf8dea66;box-shadow:0 16px 50px #0009}
#trl-app .trl-guide-panel>header{padding:12px 14px;gap:12px}
#trl-app .trl-guide-panel>header b{font-size:13px;letter-spacing:2px}
#trl-app .trl-guide-panel>header small{font-size:9px;margin-top:2px}
#trl-app #trl-guide-close{font-size:10px;padding:8px 10px;border-radius:8px}
#trl-app .trl-guide-answer{padding:13px 15px;min-height:0;max-height:150px;overflow:auto}
#trl-app .trl-guide-answer h3{font-size:19px;margin:6px 0;line-height:1.25}
#trl-app .trl-guide-answer p{font-size:11px;line-height:1.6;margin:5px 0;color:#d6cfe2}
#trl-app .trl-guide-speaker{font-size:8px;letter-spacing:1.3px;color:#c5a1f5}
#trl-app .trl-guide-options{padding:0 12px 12px;gap:7px}
#trl-app .trl-guide-options button{min-height:39px;padding:9px 8px;font-size:10px;border-radius:11px;background:linear-gradient(135deg,#31203c,#1b1b2e);transition:transform .18s,background .18s,border-color .18s}
#trl-app .trl-guide-options button:last-child{grid-column:1/-1;text-align:center}
#trl-app .trl-guide-options button:hover,#trl-app .trl-guide-options button[aria-pressed=true]{background:#54306b;border-color:#c69af7;transform:translateY(-2px)}
#trl-app .trl-guide-panel footer{padding:9px 12px;gap:8px}
#trl-app .trl-guide-panel footer span{font-size:8px;max-width:150px;line-height:1.4}
#trl-app .trl-guide-panel footer button{font-size:9px;white-space:nowrap}
#trl-app .trl-guide-nudge{right:91px;bottom:81px;width:145px;font-size:10px}
@media(max-width:650px){#trl-app .trl-level-guide{right:10px;bottom:10px}#trl-app .trl-guide-launch{height:123px;width:86px}#trl-app .level-avatar{transform-origin:bottom right;scale:.82;left:0;top:-6px}#trl-app .trl-guide-panel{bottom:130px;max-height:min(390px,calc(100dvh - 210px))}#trl-app .trl-guide-nudge{right:80px;bottom:70px}}
@media(prefers-reduced-motion:reduce){#trl-app .trl-guide-options button{transition:none}#trl-app .trl-guide-options button:hover{transform:none}}

#trl-app .trl-guide-panel{max-height:min(390px,calc(100dvh - var(--trl-admin-offset,0px) - var(--trl-nav-height,100px) - 180px))}@media(max-width:650px){#trl-app .trl-guide-panel{max-height:min(370px,calc(100dvh - var(--trl-admin-offset,0px) - var(--trl-nav-height,130px) - 155px))}}

#trl-app #trl-categories{scroll-margin-top:calc(var(--trl-nav-height,100px) + var(--trl-admin-offset,0px) + 24px)}
