/* Single-screen black/yellow meme landing. These selectors never theme the desk. */
body:has(.cabal-landing){background:#080808;color:#fff}
#app .landing.cabal-landing{--acid:#ffe100;width:100%;max-width:none;min-height:100svh;margin:0;padding:0;display:flex;flex-direction:column;position:relative;isolation:isolate;overflow:hidden;background:#080808;color:#fff;font-family:Arial,Helvetica,sans-serif}
.cabal-landing *{box-sizing:border-box}
.cc-icon{display:inline-flex;align-items:center;justify-content:center;width:1em;height:.7em;vertical-align:middle;flex:none}
.cc-arrow{display:block;width:1em;height:1em;flex:none;pointer-events:none}
.cc-world{position:absolute;inset:0;z-index:-1;overflow:hidden;pointer-events:none;transform:translate3d(var(--look-x,0),var(--look-y,0),0);transition:transform 1.2s ease-out}
.cc-meme-layer{position:absolute;inset:-4%;background:url('/brand/cabal-cashout/meme-battle-v1.png') center center/cover no-repeat;animation:cc-breathe 14s ease-in-out infinite alternate;will-change:transform}
.cc-center-shadow{position:absolute;inset:0;background:radial-gradient(ellipse at 50% 45%,#08080800 20%,#08080800 38%,#08080830 73%),linear-gradient(#080808b8 0%,transparent 20%,transparent 68%,#080808eb 91%)}
.cc-print-grain{position:absolute;inset:0;opacity:.12;background-image:radial-gradient(#fff 0.6px,transparent .6px);background-size:4px 4px;mix-blend-mode:soft-light}
.cc-header{height:100px;min-height:100px;display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;padding:0 4.5%;gap:25px;position:relative;z-index:1}
.cc-logo img{width:190px;height:64px;object-fit:contain;display:block}.cc-logo{grid-column:2;grid-row:1;justify-self:center}
.cc-header nav{grid-column:3;grid-row:1;justify-self:end;display:flex;align-items:center;gap:28px}.cc-header nav a,.cc-header nav button{font:600 12px Arial;text-decoration:none;color:#eee;border:0;background:#08080880;padding:10px 0;cursor:pointer;text-shadow:0 1px 5px #000}.cc-header nav a>span{margin-left:5px;color:var(--acid)}.cc-header nav button{border:1px solid #727272;border-radius:4px;padding:10px 20px}.cc-header nav a:hover,.cc-header nav button:hover{color:var(--acid);border-color:var(--acid)}
.cc-stage{display:grid;place-items:center;flex:1;min-height:470px;padding:18px 22px 34px;position:relative}
.cc-center{text-align:center;position:relative;z-index:1;width:100%;max-width:650px}.cc-eyebrow{display:inline-block;background:var(--acid);color:#080808;padding:8px 12px;transform:rotate(-2deg);font:700 10px 'Courier New',monospace;letter-spacing:2px;margin:0 0 19px;box-shadow:3px 3px 0 #080808}
#app .cabal-landing h1{margin:0 0 18px;font:900 clamp(88px,10.5vw,150px)/.79 Impact,'Arial Black','Helvetica Neue',sans-serif;letter-spacing:-3px;text-transform:uppercase;filter:drop-shadow(5px 7px 0 #080808)}
#app .cabal-landing h1>span{display:block;color:#fff;font-style:normal;transform:rotate(-2deg)}
#app .cabal-landing h1 em{display:block;margin-top:11px;color:var(--acid);font-family:inherit;font-style:normal;transform:rotate(-3deg) skew(-5deg);letter-spacing:-4px}
.cc-intro{font:15px/1.6 Arial;color:#e0e0e0;text-shadow:0 2px 5px #000,0 2px 10px #000;margin:25px 0 21px}.cc-actions{display:flex;align-items:center;justify-content:center;gap:14px}
.cabal-landing .cc-play,.cabal-landing .cc-ranked{display:inline-flex;align-items:center;justify-content:space-between;gap:27px;min-height:54px;padding:16px 23px;cursor:pointer;border:2px solid var(--acid);background:var(--acid);color:#080808;font:800 14px Arial;box-shadow:4px 4px 0 #080808;transform:rotate(-1deg);transition:transform .16s,box-shadow .16s}
.cabal-landing .cc-play:hover{transform:rotate(-2deg) translateY(-4px);box-shadow:6px 7px 0 #080808}.cabal-landing .cc-ranked{background:#080808;color:#fff;border-color:#fff;transform:rotate(1deg);font-weight:600}.cabal-landing .cc-ranked:hover{color:var(--acid);border-color:var(--acid);transform:rotate(2deg) translateY(-4px)}.cc-actions button>span{font:26px/.7 Arial}.cc-demo-note{color:#bbb;font:9px/1.5 'Courier New',monospace;margin:16px 0 0;text-shadow:0 2px 5px #000;letter-spacing:.2px}
.cc-side-note{position:absolute;font:700 12px/1.3 Impact,'Arial Black',sans-serif;background:var(--acid);color:#080808;padding:11px 14px;border:3px solid #080808;box-shadow:4px 4px 0 #ffe100;z-index:1;text-align:center;pointer-events:none}.cc-side-note span{display:block;font:700 9px 'Courier New',monospace;letter-spacing:1px}.cc-side-note b{font-size:22px;letter-spacing:.3px}.cc-note-left{left:8%;top:36%;transform:rotate(-12deg);animation:cc-note-left 6s ease-in-out infinite}.cc-note-right{right:7%;top:62%;transform:rotate(10deg);animation:cc-note-right 7s ease-in-out infinite}
.cc-money{position:absolute;display:grid;place-items:center;width:62px;height:32px;background:#ffe100;color:#080808;border:4px double #080808;outline:1px solid #ffe100;font:900 23px Georgia;opacity:.8;animation:cc-money-drift 8s ease-in-out infinite alternate}.money-one{left:29%;top:16%;transform:rotate(25deg);animation-delay:-3s}.money-two{right:13%;top:32%;transform:rotate(-20deg);animation-delay:-1s;width:43px;height:25px;font-size:16px}.money-four{right:31%;bottom:18%;transform:rotate(16deg);animation-delay:-4s}
.cc-bottom{position:relative;z-index:1;width:min(1000px,calc(100% - 80px));align-self:center;margin-top:5px}
.cc-live-band{display:grid;grid-template-columns:120px minmax(0,1fr) auto;align-items:center;gap:20px;background:#080808e8;border:1px solid #555;padding:16px 20px;box-shadow:5px 5px 0 #0007}.cc-server{display:grid;gap:8px}.cc-server>span:last-child{font:8px 'Courier New',monospace;letter-spacing:1px;color:#999}.cc-server .live{font:10px Arial;color:var(--acid)}.cc-server .live:before{background:var(--acid)}.cc-server .live.off{color:#ccc}
.cabal-landing .lobby-waiting{display:grid;grid-template-columns:145px minmax(0,1fr) 130px;gap:17px;padding:0;border:0}.cabal-landing .waiting-clock{display:grid;grid-template-columns:1fr 1fr;gap:4px 10px;align-items:center;grid-row:auto;grid-column:auto}.cabal-landing .waiting-clock>span,.cabal-landing .waiting-heading{font:8px 'Courier New',monospace;color:#aaa;letter-spacing:.2px}.cabal-landing .waiting-clock>strong{grid-column:2;grid-row:1/3;font:700 26px/.9 'Courier New',monospace;letter-spacing:-1px;color:var(--acid)}.cabal-landing .waiting-clock>small{grid-column:1;grid-row:2;color:#aaa;font:8px Arial;white-space:nowrap}.cabal-landing .waiting-status{display:grid;grid-row:auto;grid-column:auto;border-left:1px solid #444;padding-left:17px;gap:5px}.cabal-landing .waiting-status>strong{font:400 10px Arial;color:#ddd}.cabal-landing .waiting-status>span{font:9px/1.3 Arial;color:#999}.cabal-landing .waiting-players{display:grid;grid-row:auto;grid-column:auto;gap:4px}.cabal-landing .waiting-counts{gap:5px}.cabal-landing .waiting-counts>span{background:#202020;color:#ccc;font:9px Arial;padding:3px 6px;gap:4px}.cabal-landing .waiting-counts b{color:#fff;font-size:12px}#app .cabal-landing .waiting-counts .selected{background:#ffe1001a;color:var(--acid)}#app .cabal-landing .waiting-counts .selected b{color:var(--acid)}.cabal-landing .waiting-players>small{font:8px Arial;color:#999}
.cc-seat{display:flex;align-items:center;gap:15px;background:none;color:var(--acid);border:0;border-left:1px solid #444;padding:14px 0 14px 18px;font:600 11px Arial;cursor:pointer;white-space:nowrap}.cc-seat span{font-size:20px}.cc-seat:hover{color:#fff}
.cc-footer{display:flex;align-items:center;justify-content:space-between;padding:12px 0;gap:20px;color:#aaa;font:9px 'Courier New',monospace;letter-spacing:.15px}.cc-footer>a{color:#ddd;text-decoration:none;font:10px Arial}.cc-footer>a:hover{color:var(--acid)}.cabal-landing .street-motion{display:block!important;font:9px 'Courier New',monospace;background:#080808!important;border:1px solid #666;color:#ddd!important;padding:6px 10px;min-height:30px;border-radius:0;cursor:pointer}.cc-footer .street-motion[aria-pressed=false]{color:#aaa!important}
.cc-ticker{position:relative;background:var(--acid);color:#080808;overflow:hidden;border-top:3px solid #080808;flex:none;height:31px;display:flex;align-items:center;width:100%;margin-top:2px}.cc-ticker>div{display:flex;white-space:nowrap;animation:cc-ticker 32s linear infinite;width:max-content}.cc-ticker span{font:800 12px 'Courier New',monospace;letter-spacing:2px;flex:none}
.cc-account-dialog{background:#111;color:#fff;border:2px solid var(--acid);border-radius:0;padding:24px;max-width:440px;width:calc(100% - 32px);max-height:calc(100dvh - 40px);box-shadow:8px 8px 0 #ffe100;overscroll-behavior:contain}.cc-account-dialog::backdrop{background:#000d;backdrop-filter:blur(5px)}.cc-dialog-top{display:flex;align-items:center;justify-content:space-between;gap:15px;font:700 10px 'Courier New',monospace;letter-spacing:1.5px;color:var(--acid);margin-bottom:10px}.cc-dialog-top button{font:26px/1 Arial;color:#fff;min-width:40px;height:40px;background:none;border:0;cursor:pointer}
#app .cabal-landing .entry-card{background:none;border:0;border-radius:0;box-shadow:none;padding:0}#app .cabal-landing .entry-card h2{font:700 28px/1.1 Arial;letter-spacing:-1px;margin:21px 0;color:#fff}#app .cabal-landing .account-tabs{border-color:#444}#app .cabal-landing .account-tabs button{font:12px Arial;min-height:44px}#app .cabal-landing .account-tabs button[aria-selected=true]{color:var(--acid);border-color:var(--acid)}#app .cabal-landing .entry-card label{font-size:12px;color:#ccc;margin-bottom:16px}#app .cabal-landing .entry-card input:not([type=checkbox]){background:#080808;border-color:#555;border-radius:0;min-height:48px;color:#fff;font:14px Arial}#app .cabal-landing .entry-card input::placeholder{color:#999}#app .cabal-landing .entry-card .btn.primary{background:var(--acid);border-color:var(--acid);border-radius:0;color:#080808;min-height:50px;font:700 13px Arial}#app .cabal-landing .entry-card .btn.primary:hover{background:#fff;border-color:#fff}#app .cabal-landing .entry-card .auth-hint{color:#aaa;font-size:10px}#app .cabal-landing .entry-card .account-note{font:11px/1.6 Arial;color:#aaa;margin:14px 0 0}#app .cabal-landing .password-field button{color:var(--acid)}
#app .cabal-landing :is(button,a,summary,input):focus-visible{outline:2px solid var(--acid);outline-offset:5px}
@keyframes cc-breathe{0%{transform:scale(1) rotate(-.35deg)}100%{transform:scale(1.045) rotate(.35deg)}}
@keyframes cc-money-drift{from{translate:0 -8px;rotate:-7deg}to{translate:12px 14px;rotate:12deg}}
@keyframes cc-note-left{0%,100%{translate:0 0;rotate:0deg}50%{translate:0 -8px;rotate:3deg}}
@keyframes cc-note-right{0%,100%{translate:0 0;rotate:0deg}50%{translate:0 7px;rotate:-3deg}}
@keyframes cc-ticker{to{transform:translateX(-50%)}}
.motion-off .cc-world{transform:none!important}.motion-off .cc-meme-layer{will-change:auto}.motion-off .cc-ticker>div{transform:none}
@media(min-width:1600px){.cc-stage{padding-bottom:45px}#app .cabal-landing h1{font-size:166px}.cc-eyebrow{margin-bottom:25px;font-size:11px}.cc-intro{font-size:16px;margin-top:29px}.cc-actions{margin-top:24px}.cc-header{height:115px;min-height:115px}.cc-logo img{width:215px;height:72px}.cc-bottom{width:min(1100px,calc(100% - 100px))}}
@media(max-height:800px) and (min-width:850px){.cc-header{height:80px;min-height:80px}.cc-logo img{width:170px;height:57px}.cc-stage{min-height:415px;padding:8px 20px 20px}#app .cabal-landing h1{font-size:112px}.cc-eyebrow{margin-bottom:16px;font-size:9px}.cc-intro{margin:20px 0 18px;font-size:14px}.cc-footer{padding:9px 0}.cc-live-band{padding:12px 17px}.cc-actions{margin-top:0}.cc-bottom{margin-top:0}.cc-note-left{left:5%}.cc-note-right{right:4%}}
@media(max-width:1100px){.cc-bottom{width:calc(100% - 50px)}.cc-live-band{grid-template-columns:85px minmax(0,1fr) auto;gap:14px;padding:14px}.cabal-landing .lobby-waiting{grid-template-columns:130px minmax(0,1fr) 110px;gap:12px}.cabal-landing .waiting-status{padding-left:12px}.cc-seat{font-size:10px;gap:10px;padding-left:13px}.cc-side-note{scale:.8}.cc-note-left{left:3%}.cc-note-right{right:2%}.cc-header nav{gap:22px}.cc-money{scale:.8}}
@media(max-width:850px){.cc-header{height:90px;min-height:90px;padding:0 25px}.cc-logo img{width:175px;height:58px}.cc-header nav{gap:18px}.cc-header nav a{font-size:10px}.cc-header nav a:first-child{display:none}.cc-stage{min-height:460px}#app .cabal-landing h1{font-size:122px}.cc-side-note{display:none}.cc-live-band{grid-template-columns:1fr auto;gap:12px}.cc-server{display:none}.cabal-landing .lobby-waiting{grid-template-columns:130px 1fr 110px;gap:14px}.cc-footer{font-size:8px;gap:12px}.cc-footer>a{font-size:9px}.cc-center-shadow{background:radial-gradient(ellipse at 50% 45%,#08080885 0%,#08080850 32%,#08080810 68%),linear-gradient(#080808a8,transparent 25%,transparent 65%,#080808eb 90%)}.cc-money{opacity:.6}.money-one{left:12%;top:15%}.money-two{right:5%;top:32%}.money-four{right:10%;bottom:20%}}
@media(max-width:620px){#app .landing.cabal-landing{min-height:100svh}.cc-header{height:77px;min-height:77px;padding:0 19px;gap:12px}.cc-logo img{width:151px;height:50px}.cc-header nav{gap:12px}.cc-header nav a{font-size:10px;white-space:nowrap}.cc-header nav a>span{display:none}.cc-header nav button{font-size:10px;padding:8px 12px}.cc-stage{min-height:350px;padding:30px 14px 24px}.cc-center{max-width:400px}.cc-eyebrow{font-size:8px;letter-spacing:1.25px;padding:7px 9px;margin-bottom:22px}#app .cabal-landing h1{font-size:clamp(79px,23vw,125px);letter-spacing:-2px}#app .cabal-landing h1 em{letter-spacing:-3px;margin-top:9px}.cc-intro{font-size:12px;line-height:1.6;max-width:285px;margin:24px auto 21px}.cc-actions{gap:10px}.cabal-landing .cc-play,.cabal-landing .cc-ranked{min-height:48px;padding:13px 16px;font-size:12px;gap:18px}.cabal-landing .cc-ranked{padding:13px 14px;gap:14px}.cc-actions button>span{font-size:22px}.cc-demo-note{font-size:7.5px;letter-spacing:0;margin-top:14px}.cc-meme-layer{inset:-2% -46%;background-position:center center;background-size:auto 100%;opacity:.88}.cc-center-shadow{background:radial-gradient(ellipse at 50% 45%,#0808088c 8%,#0808083b 44%,#08080800 75%),linear-gradient(#080808b0,transparent 20%,transparent 65%,#080808f2 94%)}.cc-money{scale:.6;opacity:.5}.money-one{left:8%;top:14%}.money-two{right:0;top:46%}.money-four{right:5%;bottom:28%}.cc-bottom{width:calc(100% - 32px);margin-top:0}.cc-live-band{display:block;padding:12px 13px}.cabal-landing .lobby-waiting{grid-template-columns:1fr 1fr;gap:10px 18px}.cabal-landing .waiting-clock{grid-template-columns:1fr auto;gap:4px}.cabal-landing .waiting-clock>strong{font-size:26px;grid-column:2;grid-row:1/3}.cabal-landing .waiting-clock>span{font-size:7px}.cabal-landing .waiting-clock>small{font-size:7px;grid-row:2}.cabal-landing .waiting-players{grid-column:2;grid-row:1;gap:3px}.cabal-landing .waiting-heading{font-size:7px}.cabal-landing .waiting-players>small{font-size:7px}.cabal-landing .waiting-counts>span{font-size:8px;padding:3px 5px}.cabal-landing .waiting-counts b{font-size:11px}.cabal-landing .waiting-status{grid-column:1/-1;grid-row:2;border:0;border-top:1px solid #333;padding:8px 0 0;display:flex;align-items:baseline;gap:7px;flex-wrap:wrap}.cabal-landing .waiting-status>strong{font-size:9px}.cabal-landing .waiting-status>span{font-size:8px}.cc-seat{display:none}.cc-footer{display:grid;grid-template-columns:1fr auto;gap:5px 10px;padding:10px 0}.cc-footer>span{grid-column:1;font-size:7px;color:#999}.cc-footer>a{grid-row:1;grid-column:1;font-size:9px}.cc-footer>span{grid-row:2}.cc-footer>.street-motion{grid-row:1/3;grid-column:2;font-size:8px;min-height:30px;padding:6px 8px}.cc-ticker{height:26px;margin-top:0}.cc-ticker span{font-size:10px;letter-spacing:1px}.cc-account-dialog{padding:19px;box-shadow:5px 5px 0 #ffe100}.cc-dialog-top{font-size:9px;letter-spacing:1px}#app .cabal-landing .entry-card h2{font-size:26px}#app .cabal-landing .entry-card input:not([type=checkbox]){font-size:16px}}
@media(max-width:360px){.cc-header{padding:0 14px;height:70px;min-height:70px}.cc-logo img{width:132px;height:44px}.cc-header nav{gap:10px}.cc-header nav button{padding:8px 10px}.cc-header nav a{font-size:9px}.cc-eyebrow{font-size:7px}.cc-stage{padding-top:23px;min-height:340px}.cabal-landing .cc-play,.cabal-landing .cc-ranked{padding:13px 12px;font-size:11px;gap:14px}.cc-intro{font-size:11px}.cc-bottom{width:calc(100% - 24px)}.cc-live-band{padding:11px}.cabal-landing .lobby-waiting{gap:9px 12px}.cabal-landing .waiting-clock>strong{font-size:23px}.cabal-landing .waiting-status{display:grid;gap:4px}}
@media(prefers-reduced-motion:reduce){.cabal-landing *,.cabal-landing *::before,.cabal-landing *::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.cc-world{transform:none!important}.cc-meme-layer{will-change:auto}}
/* Portrait artwork is composed for narrow screens so the meme faces stay visible. */
@media(max-width:850px){.cc-meme-layer{background-image:url('/brand/cabal-cashout/meme-battle-mobile-v1.png');background-size:cover;background-position:center;inset:-3%;opacity:.87}}

/* Keep the approved CC logo centered, with phone navigation on either side. */
@media(max-width:620px){
 .cc-header nav{display:contents}
 .cc-header nav a:nth-child(2){grid-column:1;grid-row:1;justify-self:start}
 .cc-header nav button{grid-column:3;grid-row:1;justify-self:end}
}