.tiny-siege-entry .fast-click-art{background:#bbd8be;color:#253c39}#ts-dialog{position:fixed;inset:0;margin:0;padding:0;width:100%;height:100dvh;max-width:none;max-height:none;background:#213d38;color:#f7efd9;border:0;overflow:auto;font-family:inherit}#ts-dialog *{box-sizing:border-box}#ts-dialog [hidden]{display:none!important}#ts-dialog button,#ts-dialog input{font:inherit}#ts-dialog button{border:2px solid #203b36;background:#fff3d8;color:#203b36;border-radius:10px;padding:11px 15px;font-weight:850;cursor:pointer;box-shadow:0 3px 0 #142b27;transition:transform .15s}#ts-dialog button:not(:disabled):hover{transform:translateY(-2px);background:#ffe3a4}#ts-dialog button:disabled{opacity:.45;cursor:default;box-shadow:none}#ts-dialog button:focus-visible,#ts-dialog input:focus-visible{outline:3px solid #f9ca6f;outline-offset:3px}#ts-dialog .ts-primary{background:#f9ca6f;min-height:48px}.ts-header{display:flex;align-items:center;justify-content:space-between;padding:14px 25px;background:#b9d6bf;color:#203b36;border-bottom:3px solid #142b27;position:sticky;top:0;z-index:10}.ts-header h2{font-size:28px;letter-spacing:-1px;margin:4px 0}.ts-header small{font-size:9px;letter-spacing:2px;font-weight:900}.ts-header>div:last-child{display:flex;gap:10px}#ts-close{font-size:24px!important;background:#eeb49b!important;width:45px}.ts-content{max-width:1280px;margin:auto;padding:26px}.ts-hero{display:grid;grid-template-columns:1.2fr 1fr;gap:25px;align-items:center;background:#b9d6bf;color:#203b36;border:3px solid #142b27;border-radius:20px;padding:30px 35px;box-shadow:6px 6px #142b27}.ts-hero h1{font-size:clamp(35px,4.5vw,60px);line-height:1.02;letter-spacing:-2px;margin:18px 0}.ts-hero small{font-size:10px;letter-spacing:1.5px;font-weight:850}.ts-hero p{max-width:460px;line-height:1.7;font-size:14px}#ts-cover svg{width:100%;max-height:260px}.ts-tags{display:flex;gap:8px;flex-wrap:wrap}.ts-tags span{font-size:9px;font-weight:900;border:1px solid #203b3666;padding:7px 10px;border-radius:20px}.ts-tabs{display:flex;gap:18px;margin:28px 0}.ts-tabs button{flex:1;text-align:left;min-height:55px}.ts-tabs [aria-pressed=true]{background:#f9ca6f!important}.ts-section-title{display:flex;justify-content:space-between;align-items:center}.ts-section-title h3{font-size:23px;margin:10px 0}.ts-section-title span{font-size:12px;color:#b9d6bf}#ts-levels{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:13px}.ts-region{grid-column:1/-1;margin-top:12px;font-size:11px;letter-spacing:1px;color:#b9d6bf}#ts-levels button{display:flex;flex-direction:column;align-items:center;padding:10px;gap:4px}#ts-levels svg{height:76px;width:100%}#ts-levels strong{font-size:20px}#ts-levels small{font-size:9px}#ts-levels .selected{outline:3px solid #f9ca6f;outline-offset:2px}#ts-levels .done{background:#a9d5b6}.ts-selection{display:flex;justify-content:space-between;align-items:center;gap:18px;background:#142f2a;padding:18px 20px;border-radius:14px;margin:24px 0}.ts-selection h3{margin:0 0 8px}.ts-selection p{font-size:12px;color:#bed8c7;margin:0}.ts-online-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}.ts-online-grid article{background:#f7efd9;color:#203b36;border:3px solid #142b27;border-radius:15px;padding:25px}.ts-online-grid p{line-height:1.7;font-size:14px}#ts-join label{font-size:12px}#ts-join>div{display:flex;gap:10px;margin:10px 0 20px}#ts-code-input{width:100%;min-width:0;padding:12px;text-align:center;font-size:24px;letter-spacing:6px;border:2px solid #203b36;border-radius:10px}#ts-account,.ts-tip{font-size:12px;line-height:1.7;color:#bed8c7}#ts-error{background:#683c37;border:1px solid #ecb3a0;padding:13px;border-radius:10px}.ts-hud{display:flex;gap:12px;justify-content:space-between;margin-bottom:15px}.ts-hud>div{flex:1;border:2px solid #142b27;background:#fff1d4;color:#203b36;padding:10px 13px;border-radius:10px}.ts-hud small{display:block;font-size:8px;letter-spacing:1px;font-weight:900}.ts-hud b{font-size:22px;font-variant-numeric:tabular-nums}.ts-battle{position:relative;border:3px solid #142b27;border-radius:16px;overflow:hidden;background:#bad9d0}#ts-canvas{width:100%;display:block;aspect-ratio:1000/420}#ts-countdown{position:absolute;inset:0;display:grid;place-items:center;font-size:75px;font-weight:950;pointer-events:none;color:#fff4d5;text-shadow:4px 5px #203b36}#ts-paused{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#19332ee8}.ts-orders{display:flex;justify-content:space-between;gap:14px;flex-wrap:wrap;margin:17px 0}.ts-orders>div{display:flex;gap:8px;align-items:center}.ts-orders span{font-size:10px;margin-right:8px}.ts-orders [aria-pressed=true]{background:#f9ca6f!important}.ts-management{display:grid;grid-template-columns:1.6fr 1fr;gap:22px}.ts-management>section{border:2px solid #142b27;background:#35554b;border-radius:14px;padding:16px}.ts-management h3{margin:0 0 15px;font-size:18px}.ts-management h3 small{display:block;font-size:10px;color:#bed8c7;font-weight:500;margin-top:5px}#ts-units{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}#ts-units button{padding:7px;display:flex;flex-direction:column;align-items:center;font-size:11px}#ts-units svg{width:62px;height:62px}#ts-units small{font-size:10px;margin-top:5px}#ts-upgrades{display:grid;grid-template-columns:1fr 1fr;gap:11px}#ts-upgrades button{text-align:left;min-height:94px}#ts-upgrades small{display:block;font-size:10px;margin-top:6px;font-weight:500}#ts-upgrades b{display:block;margin-top:8px;font-size:12px}#ts-result,#ts-wait{text-align:center;max-width:750px;margin:25px auto;background:#142f2a;border:2px solid #b9d6bf44;padding:30px;border-radius:20px}#ts-code{display:block;font-size:64px;letter-spacing:10px;color:#f9ca6f;margin:15px}#ts-players{display:flex;gap:15px;justify-content:center;margin:20px}#ts-players>div{padding:18px;background:#35554b;border-radius:10px}#ts-result h2{font-size:43px;letter-spacing:-1px}#ts-result-art svg{width:160px;height:130px}#ts-result-art{animation:ts-arrive .45s ease-out}.ts-result-actions{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;margin-top:25px}.ts-reward{margin:20px 0;padding:17px;background:#35554b;border-radius:12px}.ts-reward p{font-size:12px;line-height:1.6}.ts-reward button{margin:5px}.ts-tip{margin-top:15px}@keyframes ts-arrive{from{opacity:0;transform:translateY(20px) scale(.8)}}@media(max-width:800px){.ts-content{padding:15px}.ts-hero{padding:23px}.ts-management{grid-template-columns:1fr}.ts-hud{gap:6px}.ts-hud>div{padding:9px 6px}.ts-hud b{font-size:17px}.ts-hud small{font-size:7px}.ts-online-grid{grid-template-columns:1fr}#ts-levels{gap:9px}.ts-orders button{padding:9px!important}.ts-orders span{display:none}}@media(max-width:500px){.ts-hero{grid-template-columns:1fr}.ts-hero h1{font-size:38px}#ts-cover svg{height:150px}.ts-tabs{gap:10px}.ts-tabs button{font-size:12px!important}#ts-levels{grid-template-columns:repeat(3,minmax(0,1fr))}#ts-levels svg{height:58px}.ts-selection{align-items:stretch;flex-direction:column}.ts-header{padding:10px 14px}.ts-header h2{font-size:23px}.ts-hud>div:nth-child(2){display:none}.ts-hud b{font-size:14px}#ts-units{grid-template-columns:repeat(3,minmax(0,1fr))}.ts-section-title h3{font-size:19px}.ts-section-title span{font-size:10px}.ts-orders{gap:10px}#ts-result{padding:20px}#ts-result h2{font-size:32px}}@media(prefers-reduced-motion:reduce){#ts-dialog button{transition:none}#ts-result-art{animation:none}}
/* Compact lobby: the primary action stays in the viewport. */
#ts-dialog[open][data-screen="home"]{overflow:hidden;display:flex;flex-direction:column}
#ts-dialog[open][data-screen="home"] .ts-header{flex:none;padding:10px 24px}
#ts-dialog[open][data-screen="home"] .ts-content{width:100%;flex:1;min-height:0;padding:18px 24px;display:flex;flex-direction:column;max-width:1380px}
#ts-dialog[open][data-screen="home"] #ts-error{margin:0 0 8px;flex:none}
#ts-home{display:grid;grid-template-columns:260px minmax(0,1fr);grid-template-rows:44px minmax(0,1fr) 40px;gap:14px 24px;flex:1;min-height:0}
#ts-home>[data-tutorial-slot]{grid-column:1;grid-row:1;align-self:center}
#ts-home .ts-hero{grid-column:1;grid-row:2;display:flex;flex-direction:column;justify-content:space-between;gap:12px;padding:24px 20px;min-height:0;box-shadow:4px 4px #142b27;overflow:hidden}
#ts-home .ts-hero h1{font-size:34px;letter-spacing:-1px;margin:15px 0;line-height:1.08}
#ts-home .ts-hero p{font-size:12px;line-height:1.6;margin:12px 0}
#ts-home .ts-hero small{font-size:8px;letter-spacing:1px}
#ts-home .ts-tags{gap:5px}#ts-home .ts-tags span{font-size:8px;padding:5px 7px}
#ts-home #ts-cover{width:100%;min-height:0}#ts-home #ts-cover svg{max-height:180px;display:block}
#ts-home .ts-tabs{grid-column:2;grid-row:1;margin:0;gap:12px}
#ts-home .ts-tabs button{min-height:40px;padding:9px 16px}
#ts-campaign{grid-column:2;grid-row:2;display:flex;flex-direction:column;min-height:0;position:relative;gap:10px}
#ts-home .ts-section-title{flex:none;min-height:28px}#ts-home .ts-section-title h3{font-size:20px;margin:0}
#ts-home #ts-levels{flex:1;min-height:0;grid-template-columns:repeat(5,minmax(0,1fr));grid-template-rows:repeat(4,minmax(0,1fr));gap:10px;padding:4px}
#ts-home .ts-region{display:none}
#ts-home #ts-levels button{min-height:0;justify-content:center;gap:2px;padding:5px 3px;overflow:hidden}
#ts-home #ts-levels svg{height:clamp(20px,5vh,52px);flex:0 1 auto;min-height:0;max-height:46%}
#ts-home #ts-levels strong{font-size:18px;line-height:1.1}
#ts-home #ts-levels small{font-size:8px;line-height:1.2;white-space:nowrap}
#ts-home .ts-selection{flex:none;margin:0;padding:13px 16px;gap:16px;min-height:76px;flex-direction:row;align-items:center}
#ts-home .ts-selection h3{font-size:17px;margin:0 0 5px}
#ts-home .ts-selection p{font-size:11px;line-height:1.4;max-width:460px}
#ts-start{flex:none;font-size:13px!important;min-height:50px!important}
#ts-home #ts-account{grid-column:1;grid-row:3;margin:0;align-self:center;font-size:11px;line-height:1.4}
#ts-home #ts-login{grid-column:2;grid-row:3;justify-self:start;font-size:12px;padding:8px 12px;min-height:36px}
#ts-reward-panel{flex:none;font-size:11px;color:#bed8c7;z-index:3}
#ts-reward-panel summary{cursor:pointer;list-style-position:inside;padding:8px 12px;border:1px solid #b9d6bf44;border-radius:9px;background:#29493f;display:flex;justify-content:space-between;gap:10px}
#ts-reward-panel summary:before{content:'▸';margin-right:3px}#ts-reward-panel[open] summary:before{content:'▾'}
#ts-rewards{position:absolute;bottom:39px;right:0;width:min(100%,500px);max-height:min(350px,60dvh);overflow:auto;overscroll-behavior:contain;padding:12px;background:#142f2a;border:2px solid #b9d6bf;border-radius:12px;box-shadow:0 12px 30px #0006}
#ts-rewards .ts-reward{margin:0 0 10px}#ts-rewards .ts-reward:last-child{margin-bottom:0}
#ts-home #ts-online{grid-column:2;grid-row:2;min-height:0;overflow:auto}
#ts-home .ts-online-grid{gap:15px}#ts-home .ts-online-grid article{padding:20px}#ts-home .ts-online-grid h3{font-size:20px}#ts-home .ts-online-grid p{font-size:13px}
@media(max-width:800px){
 #ts-dialog[open][data-screen="home"] .ts-content{padding:12px 14px}
 #ts-home{grid-template-columns:1fr auto;grid-template-rows:80px 40px minmax(0,1fr) 34px;gap:10px}
 #ts-home .ts-hero{grid-column:1/-1;grid-row:1;flex-direction:row;align-items:center;padding:10px 16px;border-radius:12px;gap:10px;box-shadow:none}
 #ts-home .ts-hero h1{font-size:21px;line-height:1.1;margin:3px 0}#ts-home .ts-hero h1 br{display:none}
 #ts-home .ts-hero p,#ts-home .ts-tags,#ts-home .ts-hero small{display:none}
 #ts-home #ts-cover{width:85px;flex:none}#ts-home #ts-cover svg{height:65px}
 #ts-home>[data-tutorial-slot]{grid-column:2;grid-row:2}#ts-home>[data-tutorial-slot] button{padding:9px 12px;font-size:11px;min-height:36px;margin:0}
 #ts-home .ts-tabs{grid-column:1;grid-row:2;gap:8px}#ts-home .ts-tabs button{font-size:11px;padding:8px;min-height:36px}
 #ts-campaign,#ts-home #ts-online{grid-column:1/-1;grid-row:3;gap:7px}
 #ts-home #ts-levels{gap:7px}#ts-home .ts-section-title h3{font-size:17px}
 #ts-home .ts-selection{padding:10px;gap:10px;min-height:65px}#ts-home .ts-selection h3{font-size:14px;margin:0}#ts-home .ts-selection p{display:none}
 #ts-start{max-width:50%;font-size:11px!important;min-height:44px!important;padding:8px!important}
 #ts-home #ts-account{grid-column:1;grid-row:4;font-size:9px}
 #ts-home #ts-login{grid-column:2;grid-row:4;font-size:10px;min-height:30px;padding:5px 8px;max-width:160px}
 #ts-home .ts-online-grid{grid-template-columns:1fr 1fr;gap:10px}#ts-home .ts-online-grid article{padding:12px}#ts-home .ts-online-grid h3{font-size:15px}#ts-home .ts-online-grid p{font-size:11px}
}
@media(max-height:650px){
 #ts-home .ts-hero h1{font-size:26px}#ts-home .ts-hero p{font-size:11px;margin:8px 0}#ts-home #ts-cover svg{max-height:115px}
 #ts-home #ts-levels svg{display:none}#ts-home .ts-selection{min-height:62px;padding:8px 12px}#ts-home .ts-selection p{display:none}
 #ts-dialog[open][data-screen="home"] .ts-header{padding:6px 16px}#ts-dialog[open][data-screen="home"] .ts-header h2{font-size:23px}
}
@media(max-width:800px) and (max-height:650px){#ts-home{grid-template-rows:40px minmax(0,1fr) 30px}#ts-home .ts-hero{display:none}#ts-home .ts-tabs,#ts-home>[data-tutorial-slot]{grid-row:1}#ts-campaign,#ts-home #ts-online{grid-row:2}#ts-home #ts-account,#ts-home #ts-login{grid-row:3}}
@media(max-height:420px){#ts-home .ts-selection{min-height:48px}#ts-home .ts-section-title{display:none}#ts-home #ts-levels small{display:none}#ts-home #ts-levels strong{font-size:15px}#ts-home #ts-levels button{min-height:26px}#ts-home{gap:6px}#ts-home #ts-levels{gap:5px}}