/* styles/bundle.css */ /* styles/00-foundation.css */ :root{--pink:#ff3fa4;--yellow:#ffd635;--cyan:#48e8ff;--purple:#7c4dff;--bg:#15111d;--panel:#241a31}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:white;font-family:Arial,Helvetica,sans-serif}button,input{font:inherit}button{cursor:pointer}.hud{height:68px;display:flex;justify-content:space-between;align-items:center;padding:0 22px;background:#15111df2;border-bottom:2px solid #372947;position:sticky;top:0;z-index:20}.brand{font-weight:900;font-size:20px;background:none;border:0;color:white}.stats{display:flex;gap:7px;align-items:center}.stats span,.stats i{background:#2b2138;padding:8px 11px;border-radius:12px;font-style:normal}.stats i{background:linear-gradient(135deg,var(--pink),var(--purple));font-weight:900}.primary,.secondary,.buy,.owned{border:0;border-radius:12px;padding:13px 16px;font-weight:900}.primary{background:linear-gradient(135deg,var(--pink),#ff7745);color:white}.secondary{background:#30243f;color:white;border:2px solid #4e3a62}.big{font-size:16px;padding:16px 24px}.toast{position:fixed;top:82px;left:50%;transform:translateX(-50%);background:white;color:#25152d;border:4px solid #25152d;box-shadow:6px 6px 0 var(--pink);padding:12px 20px;border-radius:8px;font-weight:900;z-index:99}.start{min-height:100vh;display:grid;grid-template-columns:1.1fr .9fr}.hero{position:relative;display:grid;place-items:center;overflow:hidden;background:linear-gradient(155deg,#8423b8,#ff3fa4 45%,#ff8a39 75%,#ffd635)}.sun{position:absolute;width:700px;height:700px;border-radius:50%;background:repeating-conic-gradient(#fff2 0 12deg,transparent 12deg 24deg)}.dj{font-size:230px;z-index:2;filter:drop-shadow(15px 15px #2a143f)}.crowd{position:absolute;bottom:7%;font-size:65px;z-index:3}.logo{padding:7vw;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;background:radial-gradient(circle at top right,#342348,#15111d 62%)}small{color:var(--yellow);font-weight:900;letter-spacing:2px}.logo h1,.creator h2,.sectionhead h2,.result h2{font-size:clamp(58px,7vw,108px);line-height:.82;margin:15px 0;font-weight:1000;letter-spacing:-4px}.logo h1 em{color:var(--pink);font-style:normal;text-shadow:5px 5px #4c1d82}.logo p{max-width:420px;color:#c7b8d2}.logo button{width:100%;max-width:360px;margin:6px 0}.muted{font-size:11px;color:#8d8197;margin-top:16px}.creator{min-height:100vh;display:grid;grid-template-columns:1fr 1fr;gap:8vw;padding:7vh 8vw;align-items:center}.creator h2{font-size:66px}.creator label,.label{font-size:11px;font-weight:900;letter-spacing:1.5px;color:#bdaecc}.creator input{width:100%;background:#21182b;color:white;border:3px solid #49365d;border-radius:12px;padding:15px;font-size:24px;font-weight:900}.choices{font-size:34px;word-spacing:12px;background:#21182b;padding:12px;border-radius:12px;margin-bottom:18px}.avatar{min-height:560px;border:6px solid #17101e;border-radius:30px;background:linear-gradient(160deg,var(--cyan),var(--purple),var(--pink));box-shadow:16px 16px #0b080e;display:flex;flex-direction:column;align-items:center;justify-content:center}.avatar div{font-size:130px;line-height:.8}.avatar b{font-size:45px;margin-top:30px}.avatar span{font-size:12px;font-weight:900}.room{min-height:calc(100vh - 68px);position:relative;overflow:hidden;background:linear-gradient(#815e92 0 63%,#664543 63%)}.room:after{content:"";position:absolute;left:0;right:0;bottom:0;height:37%;background:repeating-linear-gradient(90deg,#654445 0 70px,#744e4e 70px 140px)}.poster{position:absolute;left:7%;top:10%;background:var(--yellow);color:#28142e;border:6px solid #28142e;box-shadow:9px 9px var(--pink);padding:18px;font-size:42px;font-weight:1000;line-height:.8;transform:rotate(-3deg)}.hot{position:absolute;background:none;border:0;font-size:72px;z-index:4;filter:drop-shadow(6px 7px #1b122655)}.hot span{display:block;color:white;background:#1c1325;border:2px solid white;border-radius:9px;font-size:10px;padding:4px;font-weight:900}.laptop{left:40%;top:24%}.decks{left:48%;top:44%;font-size:90px}.phone{right:17%;top:21%}.shop{left:16%;bottom:23%}.clothes{right:4%;top:40%;font-size:85px}.bed{position:absolute;right:20%;bottom:18%;font-size:125px;z-index:3}.quest{position:absolute;right:24px;top:24px;width:320px;background:#1b1424f2;border:3px solid #51396c;border-radius:18px;padding:20px;z-index:9;box-shadow:10px 10px #24142e}.quest h3{font-size:31px;margin:6px 0}.quest p{color:#cdbfd6}.quest button{width:100%;margin-top:8px}.quest button:disabled{filter:grayscale(1);opacity:.45}.career{position:absolute;left:0;right:0;bottom:0;height:90px;background:#19121f;z-index:8;display:flex;align-items:center;gap:25px;padding:12px 25px}.career>div:first-child b,.career>div:first-child span{display:block}.career>div:first-child b{font-size:23px}.career>div:first-child span{font-size:10px;color:#a790b5}.xp{height:10px;background:#34263f;border-radius:10px;flex:1;overflow:hidden}.xp i{display:block;height:100%;background:linear-gradient(90deg,var(--cyan),var(--purple))}.store{padding:32px 5vw 80px}.sectionhead{display:flex;gap:15px;align-items:flex-start;margin-bottom:25px}.sectionhead h2{font-size:54px;margin:2px 0}.sectionhead p{margin:0;color:#a99ab4}.back{width:45px;height:45px;border-radius:12px;background:#2c2138;border:2px solid #4c385f;color:white;font-size:22px}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:18px}.card{background:linear-gradient(160deg,#2b2037,#1b1522);border:2px solid #49375a;border-radius:20px;padding:18px}.disc{text-align:center;font-size:78px}.card small{background:#543a6c;padding:5px 7px;border-radius:5px;font-size:9px}.card p{display:flex;justify-content:space-between;color:#b8a9c3;font-size:12px}.card .cyan{color:var(--cyan);font-weight:900}.buy,.owned{width:100%;background:var(--yellow);color:#28192d}.owned{background:#3a2d43;color:#8f8198}.gig{min-height:calc(100vh - 68px);position:relative;padding:25px 5vw 0;background:radial-gradient(circle at 50% 10%,#4c246b,#130f1a 62%);overflow:hidden}.meter{position:absolute;right:5vw;top:32px;width:300px}.meter>b{font-size:11px}.meter div{height:15px;background:#352743;border:2px solid #574068;border-radius:20px;overflow:hidden;margin:6px 0}.meter i{display:block;height:100%;background:linear-gradient(90deg,var(--yellow),#ff7a30,var(--pink))}.stage{display:grid;grid-template-columns:1fr .55fr 1fr;gap:20px;max-width:950px;margin:50px auto 30px}.stage article{background:linear-gradient(150deg,#30253b,#17121d);border:4px solid #09070c;border-radius:25px;min-height:250px;box-shadow:0 14px #09070c;padding:24px;display:flex;flex-direction:column;align-items:center;justify-content:center}.pink{border:5px solid var(--pink)}.stage article>span{font-size:11px;color:#ab9db5}.stage .mixer{font-size:27px;line-height:2;color:var(--yellow)}.stage .mixer b{color:white}.timing{text-align:center;max-width:700px;margin:auto}.timing h3{font-size:28px;margin:8px}.bar{height:30px;background:#251b31;border:4px solid white;border-radius:30px;position:relative;margin:12px 0 20px}.bar i{position:absolute;left:43%;width:14%;top:0;bottom:0;background:var(--yellow)}.bar b{position:absolute;top:-10px;width:8px;height:42px;background:var(--pink);box-shadow:0 0 20px var(--pink);transform:translateX(-50%)}.mega{font-size:28px;padding:14px 55px}.people{text-align:center;font-size:50px;white-space:nowrap;margin-top:12px}.results{min-height:calc(100vh - 68px);display:grid;place-items:center;padding:40px;background:radial-gradient(circle,#5b2379,#16101d 65%)}.result{width:min(640px,95vw);background:white;color:#23182a;border:7px solid #23182a;border-radius:25px;padding:35px;box-shadow:16px 16px var(--pink);text-align:center}.result h2{font-size:65px;margin:8px}.stars{font-size:40px;color:#ffad15}.resultgrid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:25px 0}.resultgrid span{background:#f2edf5;border-radius:12px;padding:13px 6px;font-size:9px;font-weight:900}.resultgrid b{display:block;font-size:18px}.unlock{padding:15px;background:#fff0ad;border:2px dashed #9d6f00;border-radius:12px;margin-bottom:18px}.result button{width:100%;margin-top:8px}.phoneview{min-height:calc(100vh - 68px);display:grid;place-items:center;position:relative;background:linear-gradient(135deg,#2a183d,#10141f)}.phoneview>.back{position:absolute;left:25px;top:25px}.device{width:360px;height:680px;background:linear-gradient(165deg,#7b3eff,#fc3a99 55%,#ff8d39);border:10px solid #09070c;border-radius:48px;box-shadow:0 30px 60px #0008;padding:35px 20px;position:relative}.notch{position:absolute;top:0;left:50%;transform:translateX(-50%);width:140px;height:26px;background:#09070c;border-radius:0 0 18px 18px}.device header{display:flex;justify-content:space-between;font-size:11px;margin-bottom:30px}.apps{display:grid;grid-template-columns:repeat(4,1fr);gap:22px 12px}.apps div{text-align:center;font-size:9px;font-weight:700}.apps i{display:grid;place-items:center;margin:auto auto 5px;width:54px;height:54px;background:#ffffffdf;border-radius:14px;font-style:normal;font-size:30px}.message{position:absolute;left:20px;right:20px;bottom:35px;background:#ffffffe8;color:#28172e;padding:14px;border-radius:16px}.message p{font-size:12px}@media(max-width:850px){.start,.creator{grid-template-columns:1fr}.hero{min-height:42vh}.dj{font-size:140px}.crowd{font-size:35px}.logo{min-height:58vh;padding:40px 24px}.creator{padding:30px 20px}.avatar{min-height:340px}.hud{padding:0 8px}.stats span{padding:7px;font-size:11px}.quest{width:280px}.career p{display:none}.hot{font-size:50px}.clothes{font-size:60px}.stage{grid-template-columns:1fr 1fr}.stage .mixer{grid-column:1/3;min-height:100px;order:3}.meter{position:relative;top:auto;right:auto;width:100%}.people{font-size:28px}.resultgrid{grid-template-columns:1fr 1fr}} .sound{border:0;background:#2b2138;color:#fff;border-radius:10px;padding:8px}.city{min-height:calc(100vh - 68px);background:radial-gradient(circle at 60% 20%,#55336c,#17111f 60%)}.venues{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:22px}.venue{background:linear-gradient(155deg,#332341,#1a1421);border:3px solid #563c6b;border-radius:22px;padding:18px;box-shadow:9px 9px #0c0910}.venueart{height:160px;display:grid;place-items:center;font-size:100px;background:linear-gradient(145deg,#fe3d9c,#7b3eff 55%,#00d8d6);border-radius:16px;margin-bottom:15px}.venue h3{font-size:25px;margin:7px 0}.venue p{color:#bbaac6;font-size:12px;min-height:35px}.venue button{width:100%;border:0;border-radius:12px;padding:13px;font-weight:900}.venue.locked{filter:grayscale(.8);opacity:.55}.venue.locked button{background:#31283a;color:#9e92a6}.quest .secondary{width:100%;margin-top:8px}@media(max-width:850px){.stats span:nth-of-type(3),.stats span:nth-of-type(4){display:none}.venues{grid-template-columns:1fr}} .crowdhint{min-height:45px!important;color:#ffd45c!important}.resident{border-color:#ffd45c;box-shadow:9px 9px #392700}.resident .venueart{background:linear-gradient(145deg,#ffdc45,#ff7a30,#ff3fa4)}.combo{max-width:950px;margin:0 auto -25px;display:flex;gap:12px;align-items:center;font-weight:1000;color:#ffcf3f}.combo b{font-size:28px;color:#fff}.combo span{margin-left:auto;font-size:10px;color:#a99ab4}.stage.advanced article{min-width:0}.stage select{width:100%;background:#21182b;border:2px solid #5a4270;color:white;padding:10px;border-radius:9px;font-weight:900}.stage article small{margin-top:7px}.pitch{display:flex;gap:8px;align-items:center;margin:12px 0}.pitch button{width:38px;height:38px;border-radius:9px;border:0;background:#ffcf3f;font-size:24px;font-weight:1000}.pitch strong{min-width:105px}.mixer span{font-size:10px;color:#cdbfd6;display:block;line-height:1.35}.cross{font-size:14px;color:#00ded7;margin-top:10px}.mixskills{max-width:950px;margin:0 auto 15px;display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.mixskills div{background:#201728;border:2px solid #4a365d;border-radius:12px;padding:10px;text-align:center}.mixskills small,.mixskills strong{display:block}.mixskills strong{font-size:15px;margin-top:4px}.timing{display:grid;grid-template-columns:120px 1fr 120px;gap:12px;align-items:center}.timing .bar{grid-column:1/4;width:100%;margin-bottom:4px}.npcgrid{max-width:900px}.npc{text-align:center}.relbar{height:10px;background:#3a2b46;border-radius:10px;overflow:hidden}.relbar i{display:block;height:100%;background:linear-gradient(90deg,#00ded7,#7b3eff,#fc3a99)}.npc button{width:100%;border:0;border-radius:10px;padding:12px;background:#ffcf3f;font-weight:1000}.npclocked{filter:grayscale(1);opacity:.5}.result.residency p{font-size:16px;line-height:1.55}.contract{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin:20px 0}.contract span{background:#f2edf5;border-radius:12px;padding:12px;font-size:11px}.contract b{display:block;font-size:22px}.apps>div[data-go]{cursor:pointer}.meter small{display:block;color:#ffd45c;margin-top:7px}@media(max-width:850px){.mixskills{grid-template-columns:1fr}.timing{grid-template-columns:80px 1fr 80px}.contract{grid-template-columns:1fr}.combo{margin:0 5px -20px}.stage.advanced article{min-height:210px}.pitch strong{min-width:90px;font-size:12px}} .chartpage{background:radial-gradient(circle at top right,#3a2250,#15111d 55%)}.chartlegend{background:#fff0ad;color:#3b2910;border:2px solid #7e5813;border-radius:12px;padding:12px 16px;margin-bottom:16px;font-weight:900}.chartlist{display:flex;flex-direction:column;gap:8px}.chartrow{display:grid;grid-template-columns:55px 52px minmax(180px,1fr) 70px 65px 115px;align-items:center;gap:10px;background:#22182d;border:2px solid #443254;border-radius:13px;padding:9px 12px}.chartrow.top{border-color:#ffd635;background:linear-gradient(90deg,#392c18,#26182f)}.chartrow .rank{font-size:20px;color:#ffd635}.cover{font-size:30px}.trackmeta strong,.trackmeta span{display:block}.trackmeta span{font-size:11px;color:#ad9bb8;margin-top:3px}.trend{font-weight:900;text-align:center}.trend.up{color:#62efb4}.trend.down{color:#ff6d8f}.hype{font-weight:900}.chartrow button{padding:9px 7px}.genregrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:16px}.genrecard{background:#22182d;border:2px solid #49375a;border-radius:18px;padding:18px}.genrecard.signature{border-color:#ffd635;box-shadow:7px 7px #382c0b}.genrecard h3{font-size:23px;margin:8px 0}.genrecard>strong{font-size:24px;color:#48e8ff}.genrecard>p,.genrecard>span{display:block;color:#ad9bb8;font-size:12px;line-height:1.45}.venueReq{display:flex;flex-wrap:wrap;gap:6px;margin:12px 0}.venueReq span{background:#2c2038;border:1px solid #563c6b;border-radius:8px;padding:6px 8px;font-size:10px;font-weight:900}.rankingpage{background:radial-gradient(circle at top,#34254b,#15111d 60%)}.rankinghero{background:linear-gradient(135deg,#ff3fa4,#7c4dff);border:4px solid #100b15;border-radius:20px;padding:20px;text-align:center;box-shadow:10px 10px #0c0910;margin-bottom:20px}.rankinghero span,.rankinghero strong{display:block}.rankinghero b{display:block;font-size:72px;line-height:1}.ranklist{display:flex;flex-direction:column;gap:8px}.djrank{display:grid;grid-template-columns:60px 45px 1fr 100px;align-items:center;background:#22182d;border:2px solid #443254;border-radius:12px;padding:12px}.djrank.you{background:#fff0ad;color:#34240a;border-color:#ffd635}.djrank em{text-align:right;font-style:normal;font-size:12px}.awards{margin-top:22px;background:#2a1d36;border-radius:14px;padding:16px}.awards span{display:block;padding:6px 0}.apps>div{cursor:pointer}.stats span:nth-of-type(4){max-width:170px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media(max-width:850px){.chartrow{grid-template-columns:48px 1fr 80px}.chartrow .cover,.chartrow .trend,.chartrow .hype{display:none}.trackmeta{grid-column:2}.chartrow button{grid-column:3;grid-row:1}.djrank{grid-template-columns:48px 35px 1fr}.djrank em{display:none}} .studiohero{display:grid;grid-template-columns:1.3fr 1fr;gap:18px;background:#21172b;border:3px solid #523b67;border-radius:20px;padding:18px;margin-bottom:18px}.studioart{min-height:210px;display:grid;place-items:center;font-size:70px;background:linear-gradient(135deg,#49336a,#1b1621);border-radius:16px}.studiohero>div:last-child{display:flex;flex-direction:column;justify-content:center}.studiohero span{font-size:11px;color:#b9a8c6}.studiohero b{font-size:64px;color:#48e8ff}.producerform{background:#22182d;border:2px solid #4d385d;border-radius:18px;padding:20px;margin-bottom:22px}.producerform label{display:block;margin-top:12px;font-size:10px;font-weight:900;color:#ffd45c}.producerform input,.producerform select{width:100%;box-sizing:border-box;margin-top:6px;background:#15101c;color:#fff;border:2px solid #5a4270;border-radius:10px;padding:12px}.catalogue{display:flex;flex-direction:column;gap:10px}.production{display:grid;grid-template-columns:1fr auto;gap:15px;align-items:center;background:#21172b;border:2px solid #453255;border-radius:14px;padding:14px}.production small,.production span{display:block;color:#ac9ab7;font-size:11px}.production h3{margin:5px 0;font-size:22px}.production>div:last-child{display:flex;flex-direction:column;gap:7px;min-width:190px}.eventspage{background:radial-gradient(circle at 15% 5%,#46234c,#15111d 58%)}.eventstats{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:18px}.eventstats span{background:#241a2f;border:2px solid #4d385d;border-radius:12px;padding:14px;text-align:center}.eventstats b{display:block;font-size:24px;margin-top:4px}.eventlog{display:flex;flex-direction:column;gap:9px}.eventlog article{background:#21172b;border:2px solid #453255;border-radius:13px;padding:14px}.eventlog article b,.eventlog article span{display:block}.eventlog article span{font-size:10px;color:#b6a5c0;margin:4px 0}.eventlog p{margin:0;color:#ffd45c}.eventscene{background:radial-gradient(circle,#65335d,#160f1c 66%)}.eventcard{max-width:620px}.eventcard h2{font-size:42px}.eventcard>p{font-size:16px;line-height:1.5}.eventicon{font-size:80px}.eventchoices{display:grid;gap:8px;margin-top:20px}.eventchoices button{width:100%}@media(max-width:850px){.studiohero{grid-template-columns:1fr}.studioart{font-size:44px;min-height:150px}.production{grid-template-columns:1fr}.eventstats{grid-template-columns:1fr 1fr}.eventcard h2{font-size:32px}} .mediapage{background:radial-gradient(circle at 75% 4%,#24435d,#15111d 58%)}.card button:disabled,.producerform button:disabled{opacity:.42;filter:grayscale(1);cursor:not-allowed}.card button{width:100%;border:0;border-radius:11px;padding:11px;font-weight:900;background:#ffd635;color:#28192d}.card .disc{filter:drop-shadow(5px 6px #0005)} @media(max-width:850px){} .worldpage{background:radial-gradient(circle at 75% 0,#214867,#15111d 58%)}.worldstatus{background:#fff0ad;color:#34240a;border:3px solid #19111e;border-radius:14px;padding:14px 18px;margin-bottom:18px;font-weight:900}.worldgrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(235px,1fr));gap:16px;margin-bottom:28px}.worldcity{background:#22182d;border:2px solid #4b375b;border-radius:18px;padding:16px;box-shadow:7px 7px #0c0910}.worldcity.here{border-color:#48e8ff;box-shadow:7px 7px #07343b}.worldcity.locked{filter:grayscale(.8);opacity:.48}.worldcity .cityicon{font-size:58px}.worldcity h3{font-size:25px;margin:5px 0}.worldcity p{font-size:12px;color:#b8a8c3;line-height:1.45}.worldcity button{width:100%;padding:11px;border:0;border-radius:10px;background:#ffd635;color:#28192d;font-weight:1000}.worldcity button:disabled{opacity:.45}.worldtitle{margin:25px 0 12px;color:#48e8ff}.timepage{background:radial-gradient(circle at 25% 0,#4a315d,#15111d 58%)}.timehero{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:18px}.timehero div{background:#22182d;border:2px solid #4d385d;border-radius:15px;padding:18px;text-align:center}.timehero span,.timehero b{display:block}.timehero span{font-size:10px;color:#b9a8c6}.timehero b{font-size:28px;margin-top:5px}.timeline{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:18px 0}.timeslot{background:#22182d;border:2px solid #4b375b;border-radius:14px;padding:18px;text-align:center}.timeslot b,.timeslot span{display:block}.timeslot span{font-size:10px;color:#b7a7c0;margin-top:7px}.timeslot.now{background:#fff0ad;color:#34240a;border-color:#ffd635;transform:translateY(-4px)}.timeslot.done{opacity:.38}.hud .stats span:nth-of-type(5),.hud .stats span:nth-of-type(6){font-size:11px}@media(max-width:850px){.timehero,.timeline{grid-template-columns:1fr 1fr}.worldgrid{grid-template-columns:1fr}.hud .stats span:nth-of-type(5),.hud .stats span:nth-of-type(6){display:none}} .bookingpage{background:radial-gradient(circle at 80% 0,#50324d,#15111d 58%)} .calendarActions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:16px 0 22px}.calendarActions button{min-height:48px} .bookinglist,.offergrid{display:flex;flex-direction:column;gap:12px}.bookingcard{display:grid;grid-template-columns:150px 1fr 190px;gap:16px;align-items:center;background:#22182d;border:2px solid #4d385d;border-radius:16px;padding:16px}.bookingcard.today{border-color:#ffd635;box-shadow:7px 7px #362b0b}.bookingdate b,.bookingdate span{display:block}.bookingdate b{font-size:17px}.bookingdate span{margin-top:6px;color:#48e8ff;font-size:10px;font-weight:1000}.bookingmain h3{font-size:25px;margin:4px 0}.bookingmain small{color:#b8a8c3}.bookingmain p{margin:5px 0;color:#d7cadd}.bookingchips{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}.bookingchips span{background:#30223c;border:1px solid #614979;border-radius:9px;padding:6px 8px;font-size:10px;font-weight:900}.bookingbuttons{display:grid;gap:8px}.bookingbuttons button,.offerbuttons button{border:0;border-radius:10px;padding:10px;font-weight:1000}.offercard{background:#22182d;border:2px solid #4d385d;border-radius:18px;padding:18px;box-shadow:7px 7px #0d0911}.offercard.conflict{border-color:#ff6d8f}.offerhero{font-size:48px;float:right}.offercard h3{font-size:28px;margin:5px 0}.offercard>small{color:#ffd45c}.offercard>strong{display:block;color:#48e8ff;margin-bottom:8px}.offercard>p{color:#b8a8c3;line-height:1.45}.offerbuttons{display:grid;grid-template-columns:1fr 1.3fr;gap:8px;margin-top:14px}.conflictwarn{background:#5a2134;border-radius:9px;padding:8px;margin-top:10px;color:#ffb6c5;font-weight:1000;text-align:center}@media(max-width:850px){.bookingcard{grid-template-columns:1fr}.bookingbuttons{grid-template-columns:1fr 1fr}.calendarActions,.offerbuttons{grid-template-columns:1fr}.offerhero{float:none}.bookingdate{display:flex;justify-content:space-between;align-items:center}} .lifestylepage{background:radial-gradient(circle at 80% 0,#5a314d,#15111d 58%)}.lifestats{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:16px}.lifestats span{background:#241a2f;border:2px solid #4d385d;border-radius:13px;padding:14px;text-align:center}.lifestats b{display:block;font-size:23px;margin-top:4px}.lifehero{display:grid;grid-template-columns:.8fr 1.4fr;gap:18px;background:linear-gradient(135deg,#2c1b39,#1a1521);border:3px solid #604473;border-radius:20px;padding:20px;margin-bottom:18px}.lifehero h3{font-size:30px;margin:8px 0 3px}.lifehero>div:last-child{display:flex;flex-direction:column;justify-content:center;gap:5px}.lifehero>div:last-child>b{font-size:24px;color:#48e8ff}.lifehero small{color:#b8a8c3;font-weight:900}.outfitpreview{font-size:32px;margin-top:12px}.lifegrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px}.lifecard{background:#22182d;border:2px solid #4b375b;border-radius:17px;padding:16px;box-shadow:6px 6px #0c0910}.lifecard.active{border-color:#ffd635;background:linear-gradient(145deg,#382e1d,#22182d)}.lifecard>div:first-child{font-size:50px}.lifecard small{display:block;color:#b8a8c3;font-size:10px;font-weight:900;margin-top:5px}.lifecard h3{font-size:22px;margin:6px 0}.lifecard p{font-size:12px;color:#c9b9d2;min-height:36px;line-height:1.45}.lifecard strong{display:block;color:#48e8ff;font-size:12px;margin:9px 0}.lifecard button{width:100%;border:0;border-radius:10px;padding:10px;font-weight:1000;background:#ffd635;color:#28192d}.lifecard button:disabled{opacity:.4}.lifecard.gym{border-color:#62efb4}@media(max-width:850px){.lifestats{grid-template-columns:1fr 1fr}.lifehero{grid-template-columns:1fr}.lifegrid{grid-template-columns:1fr}} /* v1.0 fixed top navigation */ .hud{position:sticky;top:0;z-index:80;height:62px}.room,.gig,.results,.phoneview{min-height:calc(100vh - 110px)}.toast{top:122px}.quest{top:18px;max-height:calc(100vh - 145px);overflow:auto}.careerpage{background:radial-gradient(circle at 72% 0,#423267,#15111d 58%)}.goalhero{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:20px}.goalhero>div{background:#21172b;border:3px solid #503963;border-radius:18px;padding:18px}.goalhero small,.goalhero strong{display:block}.goalhero b{display:block;font-size:54px;color:#48e8ff;margin:7px 0}.careeractions{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.achievementgrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:11px}.achievement{background:#21172b;border:2px solid #49365a;border-radius:15px;padding:15px;opacity:.48}.achievement.done{opacity:1;border-color:#ffd635}.achievement>b{font-size:38px;display:block}.achievement strong,.achievement span,.achievement em{display:block}.achievement strong{font-size:17px;margin:6px 0}.achievement span{color:#b7a7c2;font-size:11px;min-height:30px}.achievement em{font-style:normal;color:#ffd635;font-size:9px;font-weight:1000;margin-top:7px}.collectiongrid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.collectiongrid article{background:#22182d;border:2px solid #49365a;border-radius:14px;padding:17px;text-align:center}.collectiongrid b,.collectiongrid span{display:block}.collectiongrid b{font-size:23px}.collectiongrid span{font-size:10px;color:#b8a8c3;margin-top:6px}.festivalpage{background:radial-gradient(circle at 70% 0,#623b1d,#15111d 58%)}.seasonbar{display:flex;gap:9px;overflow-x:auto;margin-bottom:20px}.seasonbar span{flex:0 0 auto;background:#22182d;border:2px solid #4b375b;border-radius:13px;padding:11px 14px;font-size:11px;font-weight:900;opacity:.5}.seasonbar span.live{opacity:1;background:#fff0ad;color:#35250c;border-color:#ffd635}.seasonbar b{display:block;font-size:9px;margin-top:4px} @media(max-width:850px){.hud{height:58px}.stats span:nth-of-type(n/**/+4){display:none}.brand{font-size:16px}.room,.gig,.results,.phoneview{min-height:calc(100vh - 104px)}.goalhero,.careeractions,.collectiongrid{grid-template-columns:1fr}.quest{right:10px;width:260px;max-height:calc(100vh - 135px)}.hot span{display:none}} /* v1.1 Polish & Feel */ html{scroll-behavior:smooth}body{overflow-x:hidden}.pageEnter{opacity:.96;transform:translateY(3px) scale(.999);transition:opacity .16s ease,transform .16s ease}.pageEnter.pageEnterOn{opacity:1;transform:none} .topnav button,.primary,.secondary,.card button,.lifecard button{transition:transform .12s ease,box-shadow .12s ease,filter .12s ease}.topnav button:hover,.primary:hover,.secondary:hover,.card button:hover,.lifecard button:hover{transform:translateY(-2px);filter:brightness(1.08)}.topnav button:active,.primary:active,.secondary:active,.card button:active,.lifecard button:active{transform:translateY(1px) scale(.98)} .hud .stats>i{position:relative;overflow:hidden;padding-bottom:7px}.hud .stats>i em{position:absolute;left:7px;right:7px;bottom:2px;height:3px;background:#493650;border-radius:5px;overflow:hidden}.hud .stats>i u{display:block;height:100%;background:#48e8ff;box-shadow:0 0 8px #48e8ff;transition:width .35s ease} .toast{transform:translateY(-14px) scale(.92);opacity:0;transition:.18s ease}.toast.pop{transform:none;opacity:1} .comicAvatar{position:relative;width:150px;height:185px;margin:auto;filter:drop-shadow(7px 8px 0 #0a0710)}.comicAvatar>div{position:absolute;display:grid;place-items:center;user-select:none}.avatarBurst{inset:8px 0 30px;border-radius:50%;background:repeating-conic-gradient(from 0deg,#ff3fa4 0 9deg,#ffd635 9deg 18deg,#48e8ff 18deg 27deg,#6d47ff 27deg 36deg);clip-path:polygon(50% 0,59% 31%,78% 10%,72% 38%,100% 28%,76% 52%,100% 70%,69% 64%,74% 100%,52% 70%,34% 100%,37% 66%,0 76%,28% 53%,0 36%,34% 39%);opacity:.3;animation:spinBurst 18s linear infinite}.avatarHead{top:15px;left:54px;font-size:33px;z-index:3}.avatarFace{top:32px;left:46px;font-size:54px;z-index:2}.avatarBody{top:86px;left:45px;font-size:58px;z-index:2}.avatarLegs{top:124px;left:51px;font-size:48px;z-index:1}.avatarShoes{top:158px;left:56px;font-size:39px;z-index:3}.avatarAcc{top:42px;right:26px;font-size:25px;z-index:4;transform:rotate(10deg)}.avatarInk{top:98px;right:31px;font-size:21px;z-index:5}.avatarDeck{left:18px;right:18px;bottom:-10px;font-size:42px;z-index:6}.comicAvatar.roomSize{transform:scale(.72);transform-origin:center bottom}.lifehero .comicAvatar{margin:0} @keyframes spinBurst{to{transform:rotate(360deg)}} .celebration{position:fixed;inset:0;z-index:9999;background:#0e0912dd;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;opacity:0;transform:scale(1.12);transition:.25s ease;pointer-events:none;overflow:hidden}.celebration.show{opacity:1;transform:scale(1)}.celebration small{font-weight:1000;letter-spacing:4px;color:#48e8ff;z-index:2}.celebration h1{font-size:clamp(42px,8vw,105px);line-height:.9;margin:12px;max-width:1000px;color:#ffd635;text-shadow:6px 7px 0 #ff3fa4,12px 13px 0 #30153c;transform:rotate(-2deg);z-index:2;animation:heroPunch .45s cubic-bezier(.2,1.5,.5,1)}.celebration p{font-size:18px;font-weight:900;z-index:2}.celebration .confetti{font-size:44px;letter-spacing:20px;position:absolute;bottom:12%;animation:confetti 1.4s ease-in-out infinite alternate}.burstlines{position:absolute;width:110vmax;height:110vmax;background:repeating-conic-gradient(transparent 0 8deg,#ffffff09 8deg 12deg);animation:spinBurst 20s linear infinite}.celebration.city{background:radial-gradient(circle,#164d66dd,#0d0913f3 65%)}.celebration.festival{background:radial-gradient(circle,#683c13dd,#0d0913f3 65%)}@keyframes heroPunch{0%{transform:scale(.4) rotate(-8deg)}70%{transform:scale(1.08) rotate(1deg)}100%{transform:scale(1) rotate(-2deg)}}@keyframes confetti{to{transform:translateY(-18px) rotate(4deg)}} .room:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(115deg,transparent 38%,#48e8ff0d 48%,transparent 58%);animation:roomGlow 5s ease-in-out infinite}@keyframes roomGlow{50%{transform:translateX(12%)}} .gig{position:relative;overflow:hidden}.gig:before{content:"";position:absolute;inset:0;pointer-events:none;background:repeating-linear-gradient(100deg,transparent 0 12%,#ff3fa40a 12% 13%,transparent 13% 24%);animation:clubLights 2.2s linear infinite}@keyframes clubLights{to{transform:translateX(24%)}} .stars{animation:starsPop .55s cubic-bezier(.2,1.5,.5,1)}@keyframes starsPop{from{transform:scale(.55);opacity:0}to{transform:scale(1);opacity:1}} @media(max-width:850px){.celebration h1{font-size:46px}.celebration .confetti{font-size:26px;letter-spacing:8px}.comicAvatar.large{transform:scale(.85);transform-origin:left center}} /* v1.2 Character Creator & NPC Portraits */ .creatorPanel>label,.appearanceStudio>label{display:block;font-size:10px;font-weight:1000;letter-spacing:1.4px;color:#48e8ff;margin:13px 0 7px}.charChoice{display:inline-flex;align-items:center;gap:7px;background:#25192f;color:#fff;border:2px solid #4c365d;border-radius:999px;padding:8px 11px;font-size:10px;font-weight:1000;cursor:pointer}.charChoice.active{background:#ffd635;color:#2c1830;border-color:#fff;box-shadow:3px 3px #ff3fa4}.swatch{width:15px;height:15px;border-radius:50%;display:inline-block;background:#6a526f;border:2px solid #100b14}.comicAvatar.creatorSize{transform:scale(1.38);transform-origin:center;margin:55px auto 45px}.comicAvatar.skin-light .avatarFace{filter:hue-rotate(330deg) saturate(.78) brightness(1.12)}.comicAvatar.skin-medium .avatarFace{filter:none}.comicAvatar.skin-tan .avatarFace{filter:sepia(.2) saturate(1.3) brightness(.92)}.comicAvatar.skin-deep .avatarFace{filter:sepia(.45) saturate(1.45) brightness(.72)}.comicAvatar .avatarHead b{display:inline-grid;place-items:center;width:45px;height:32px;border-radius:50% 50% 30% 30%;font-size:29px;line-height:1}.comicAvatar.hair-dark .avatarHead b{color:#17131b;text-shadow:0 0 1px #fff}.comicAvatar.hair-brown .avatarHead b{color:#75472c}.comicAvatar.hair-blond .avatarHead b{color:#f5db68}.comicAvatar.hair-pink .avatarHead b{color:#ff58ad}.comicAvatar.hair-blue .avatarHead b{color:#42c8ff}.comicAvatar.body-slim .avatarBody{transform:scaleX(.82)}.comicAvatar.body-athletic .avatarBody{transform:scaleX(1.18) scaleY(1.04)}.appearanceStudio{background:#17101f;border:3px solid #604174;border-radius:18px;padding:18px;margin:20px 0;scroll-margin-top:125px}.appearanceStudio h3{margin:0 0 5px;font-size:24px}.appearanceStudio p{color:#bba9c8;font-size:11px}.npcPortrait{height:126px;position:relative;border-radius:16px;overflow:hidden;background:linear-gradient(135deg,#342144,#17101d);border:3px solid #151019;margin-bottom:10px}.npcHalo{position:absolute;width:120px;height:120px;border-radius:50%;right:-25px;top:-25px;background:#ffffff16}.npcPortrait.cyan{background:linear-gradient(135deg,#123d4c,#1d1730)}.npcPortrait.pink{background:linear-gradient(135deg,#612040,#26152d)}.npcPortrait.violet{background:linear-gradient(135deg,#4c2661,#1c1631)}.npcPortrait.amber{background:linear-gradient(135deg,#654617,#251627)}.npcPortrait.green{background:linear-gradient(135deg,#164d3e,#1a1929)}.npcHair{position:absolute;left:50%;top:8px;transform:translateX(-50%);font-size:32px;z-index:3}.npcFace{position:absolute;left:50%;top:34px;transform:translateX(-50%);font-size:48px;z-index:2}.npcTorso{position:absolute;left:50%;bottom:-21px;transform:translateX(-50%);width:92px;height:74px;border-radius:42px 42px 12px 12px;background:#292032;border:5px solid #0e0a12}.npcTorso.hoodie{background:#313748}.npcTorso.blazer{background:#241a3d}.npcTorso.tee{background:#0d3440}.npcTorso.dress{background:#622542}.npcTorso.shirt{background:#614a23}.npcBadge{position:absolute;right:9px;bottom:8px;width:32px;height:32px;display:grid;place-items:center;border-radius:50%;background:#ffd635;border:2px solid #130d17;font-size:17px;z-index:4}.npcgrid .npc{transition:.15s ease}.npcgrid .npc:hover{transform:translateY(-3px) rotate(-.3deg)} @media(max-width:850px){.comicAvatar.creatorSize{transform:scale(1.08);margin:45px auto 25px}.charChoice{padding:7px 9px}.appearanceStudio{scroll-margin-top:115px}} /* v1.4.1 — Living World + Industry, layered over full gameplay */ .livingGrid,.industryGrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:14px} .livingCard,.industryCard{background:linear-gradient(180deg,#1b2040,#12162c);border:1px solid #343b68;border-radius:20px;padding:16px;box-shadow:0 12px 24px #0003} .livingCard{display:grid;grid-template-columns:68px 1fr;gap:13px} .livingPortrait{height:64px;border-radius:18px;background:linear-gradient(135deg,#ff4fa3,#50e6ff);display:grid;place-items:center;font-size:32px;border:2px solid #ffffff22} .livingActions{display:flex;flex-wrap:wrap;gap:7px;margin-top:10px} .sceneFeed{display:flex;flex-direction:column;gap:9px} .sceneFeed article{display:flex;gap:10px;align-items:flex-start;background:#15192e;border-left:4px solid #50e6ff;border-radius:12px;padding:11px 13px} .industrySummary{display:flex;gap:8px;flex-wrap:wrap;margin:14px 0} .industrySummary span{background:#23294d;border:1px solid #39406c;border-radius:999px;padding:8px 11px;font-weight:800} .industryIcon{font-size:32px} .industryCard button+button{margin-left:6px;margin-top:6px} @media(max-width:680px){.livingCard{grid-template-columns:52px 1fr}.livingPortrait{height:50px;font-size:25px}.industrySummary{position:relative}} /* v1.4.2 — navigation is top-only */ .sidebar,.sideNav,.rightnav,.rightNav,.floatingNav,.dock,.sideMenu,.rightMenu{display:none!important} .gameShell,.layout,.screenLayout,.contentWrap{grid-template-columns:1fr!important} .heroCopy .eyebrow{display:inline-block;background:#ffffff15;border:1px solid #ffffff24;padding:6px 10px;border-radius:999px;font-size:11px;font-weight:900;letter-spacing:.12em} .heroAvatarWrap .avatar,.heroAvatarWrap .playerAvatar{transform:scale(1.28);transform-origin:bottom center;filter:drop-shadow(0 18px 15px #0008)} .sceneCard{background:linear-gradient(145deg,#723b18,#3c214a)} @media(max-width:980px){} @media(max-width:650px){} /* v1.4.3 — realistic avatar integration */ .brandProfile{display:flex!important;align-items:center;gap:9px!important;padding:5px 10px!important} .brandProfile img{width:40px;height:40px;object-fit:cover;border-radius:50%;border:2px solid #ff4fa3;box-shadow:0 0 18px #ff4fa355} .brandProfile span{display:flex;flex-direction:column;align-items:flex-start;line-height:1} .brandProfile small{font-size:8px;color:#9eabd0;letter-spacing:.08em;margin-top:4px} .realAvatar{position:relative;overflow:hidden;background:#0a0d18;border:1px solid #ffffff20;box-shadow:0 22px 42px #0008} .realAvatar img{display:block;width:100%;height:100%;object-fit:cover} .realAvatarShade{position:absolute;inset:0;background:linear-gradient(180deg,transparent 55%,rgba(5,8,18,.9) 100%);pointer-events:none} .realAvatarInfo{position:absolute;left:16px;bottom:16px;right:16px;background:rgba(7,11,24,.82);backdrop-filter:blur(8px);border:1px solid #ff4fa355;border-radius:14px;padding:11px 13px;display:grid;gap:3px} .realAvatarInfo small{font-size:9px;font-weight:900;color:#ff72b8;letter-spacing:.12em} .realAvatarInfo strong{font-size:18px;color:#fff} .realAvatarInfo span{font-size:11px;color:#aebadd} .lifehero .realAvatar{box-shadow:8px 9px 0 #0a0d18,0 18px 35px #0007} @media(max-width:980px){ } @media(max-width:650px){ .brandProfile span>small{display:none} .brandProfile img{width:32px;height:32px} .realAvatarInfo strong{font-size:15px} } /* v1.4.4 — realistic treatment for gameplay screens */ .realisticSection{ background: radial-gradient(circle at 15% 0%,rgba(53,164,255,.12),transparent 28%), radial-gradient(circle at 88% 8%,rgba(255,54,157,.11),transparent 26%), linear-gradient(180deg,#0b0f1b,#080a12); } .realSectionHero{ position:relative;overflow:hidden;border-radius:24px;padding:28px 30px;margin-bottom:18px; min-height:170px;border:1px solid #ffffff18;box-shadow:0 18px 45px #0007; display:flex;flex-direction:column;justify-content:flex-end } .realSectionHero:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(5,9,20,.18),rgba(5,9,20,.82));z-index:0} .realSectionHero>*{position:relative;z-index:2} .realSectionHero span{font-size:10px;letter-spacing:.18em;font-weight:1000;color:#ff70b7} .realSectionHero h2{font-size:40px;margin:4px 0 3px;letter-spacing:-.04em} .realSectionHero p{color:#c8d1e8;margin:0} .chartHero{background: linear-gradient(90deg,rgba(8,12,24,.25),rgba(8,12,24,.88)), url("../assets/dj-realistic-hero.jpg") center 65%/cover} .realisticSection .venue,.realisticSection .venuecard,.realisticSection .chartrow,.realisticSection .trackCard, .realisticSection .card{ border:1px solid #39466f!important; background:linear-gradient(180deg,rgba(24,31,55,.96),rgba(10,15,29,.98))!important; box-shadow:0 12px 28px #0005!important; } .realisticSection button{ border:1px solid #ffffff12!important; box-shadow:inset 0 1px #ffffff10,0 7px 18px #0003 } .realisticGig{ background: radial-gradient(circle at 50% 10%,rgba(255,43,151,.18),transparent 22%), radial-gradient(circle at 18% 26%,rgba(60,128,255,.15),transparent 26%), linear-gradient(180deg,#070912,#0a0d18)!important; } .realisticGig .stage,.realisticGig .booth,.realisticGig .mixer,.realisticGig .deck{ background:linear-gradient(180deg,#171d31,#0b0f19)!important; border:1px solid #425072!important; box-shadow:0 14px 35px #0008,inset 0 1px #ffffff12!important } .realisticGig .deck:before{ content:"";display:block;height:4px;border-radius:999px;margin-bottom:8px; background:linear-gradient(90deg,#41d9ff,#ff49a2,#9b74ff) } .realisticGig .crowd,.realisticGig .crowdbar{ box-shadow:0 0 24px rgba(255,65,160,.2) } .realisticGig h1,.realisticGig h2{ text-shadow:0 3px 18px rgba(73,220,255,.18) } @media(max-width:700px){.realSectionHero{min-height:135px;padding:20px}.realSectionHero h2{font-size:30px}} /* v1.4.5 — AISHERR Originals */ .chartrow:has(.originalBadge){box-shadow:inset 3px 0 #ff4fa3,0 10px 24px #0004!important} /* v1.5 — real two-deck audio mixer */ @media(max-width:850px){} /* v1.5 final — integrated real deck UI */ @media(max-width:900px){} /* v1.6 — world & gear expansion */ .worldStats{display:flex;gap:8px;flex-wrap:wrap;margin:12px 0 18px}.worldStats span,.gearTabs span{background:#151c31;border:1px solid #35415f;border-radius:999px;padding:8px 11px;font-weight:900;font-size:11px} .cityFlag{font-size:38px} .gearTabs{display:flex;flex-wrap:wrap;gap:7px;margin:10px 0 20px}.gearTypeTitle{margin:24px 0 9px;padding-left:10px;border-left:4px solid #ff4fa3} .expandedGearGrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:11px} .expandedGearCard{padding:16px;border-radius:18px;background:linear-gradient(180deg,#171e33,#0c111e);border:1px solid #384563;box-shadow:0 11px 26px #0004}.expandedGearCard.gearOwned{border-color:#6bf3a7;background:linear-gradient(180deg,#153128,#0c1817)}.gearBigIcon{font-size:36px}.expandedGearCard h3{margin:7px 0}.expandedGearCard p{min-height:42px;color:#aebbd3;font-size:12px}.gearBonuses{display:flex;gap:6px;flex-wrap:wrap;margin:8px 0}.gearBonuses span{font-size:10px;background:#0b1020;border-radius:999px;padding:5px 7px}.expandedGearCard>strong{display:block;font-size:18px;color:#ffd85a;margin:9px 0} /* v1.7 — smart notifications */ .notificationPage{background: radial-gradient(circle at 12% 0%,rgba(255,65,160,.14),transparent 28%), radial-gradient(circle at 90% 5%,rgba(80,230,255,.12),transparent 26%), linear-gradient(180deg,#090c16,#070911)} .notificationSettings{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-bottom:18px} .notificationSettings article{display:flex;justify-content:space-between;gap:14px;align-items:center;padding:18px;border-radius:18px;background:linear-gradient(180deg,#171e33,#0c111e);border:1px solid #394664;box-shadow:0 12px 28px #0005} .notificationSettings small{font-weight:1000;letter-spacing:.11em;color:#ff6fb7}.notificationSettings h3{font-size:24px;margin:5px 0}.notificationSettings p{font-size:12px;color:#aebbd3;max-width:420px} .notifBadge{font-size:42px} .notificationList{display:flex;flex-direction:column;gap:10px} .notificationItem{display:grid;grid-template-columns:54px 1fr;gap:12px;padding:14px 16px;border-radius:16px;background:linear-gradient(180deg,#151c30,#0c111e);border:1px solid #35435e} .notificationItem h3{margin:3px 0 4px}.notificationItem p{margin:0;color:#b8c3da;font-size:12px}.notificationItem small{color:#7f8ca8;font-size:9px}.notifIcon{width:50px;height:50px;border-radius:15px;display:grid;place-items:center;font-size:27px;background:linear-gradient(135deg,#5c34c9,#d63887)} .emptyNotif{padding:28px;text-align:center;color:#8894ad;border:1px dashed #35405c;border-radius:16px} @media(max-width:720px){.notificationSettings{grid-template-columns:1fr}} /* v1.8 — Supabase cloud push */ .cloudPushHero{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:22px;border-radius:22px;margin-bottom:14px;background:linear-gradient(135deg,#162846,#3a1e58 58%,#6e214e);border:1px solid #ffffff20;box-shadow:0 18px 36px #0006} .cloudPushHero small{font-size:10px;font-weight:1000;letter-spacing:.14em;color:#66e5ff}.cloudPushHero h2{font-size:34px;margin:3px 0}.cloudPushHero p{max-width:670px;color:#c9d3e8}.cloudActions{display:flex;gap:8px;flex-wrap:wrap} .cloudDot{display:inline-block;width:10px;height:10px;border-radius:50%;margin-right:7px;background:#69748c;box-shadow:0 0 0 4px #ffffff08}.cloudDot.cloudOn{background:#66f397;box-shadow:0 0 16px #66f397} .notificationSettings select{background:#0e1425;color:#fff;border:1px solid #44516e;border-radius:12px;padding:10px 12px;font-weight:900} .scheduledCloud{display:flex;flex-direction:column;gap:8px;margin:18px 0}.scheduledCloud>h3{margin:0 0 3px}.scheduledCloud article{display:grid;grid-template-columns:42px 1fr;gap:10px;align-items:center;padding:12px 14px;border:1px solid #36435e;border-radius:14px;background:linear-gradient(180deg,#151c30,#0c111e)}.scheduledCloud article>b{font-size:25px}.scheduledCloud article div{display:grid;gap:2px}.scheduledCloud article span{font-size:10px;color:#66e5ff;font-weight:900}.scheduledCloud article small{font-size:10px;color:#99a8c4}.notifHistoryTitle{margin-top:24px} @media(max-width:720px){.cloudPushHero{align-items:flex-start;flex-direction:column}} /* v1.9 — tracklist builder & HYPE TOP40 */ .tracklistPage{background:radial-gradient(circle at 15% 0%,rgba(255,61,157,.12),transparent 30%),linear-gradient(180deg,#090c16,#06080e)} .crowdIntel{display:grid;grid-template-columns:1.2fr .8fr;gap:14px;padding:18px;border:1px solid #3b4765;border-radius:20px;background:linear-gradient(135deg,#1b2440,#23162f);margin-bottom:14px}.crowdBig{font-size:44px}.crowdIntel small{color:#ff73b9;font-weight:1000;letter-spacing:.1em}.crowdIntel h3{font-size:28px;margin:6px 0}.crowdIntel p{color:#bbc6dc}.crowdNeeds{display:flex;flex-direction:column;gap:8px}.crowdNeeds span{background:#0d1324;border:1px solid #34405c;border-radius:12px;padding:9px 11px;font-size:11px;font-weight:900} .tracklistScore{display:grid;grid-template-columns:repeat(5,1fr);gap:9px;margin:12px 0}.tracklistScore>div{background:#12182a;border:1px solid #34405c;border-radius:14px;padding:12px}.tracklistScore small{font-size:9px;color:#8f9cb7;font-weight:900}.tracklistScore b{display:block;font-size:24px;margin-top:4px;color:#50e6ff}.tracklistCounter{margin:10px 0;font-size:13px}.tracklistCounter strong{font-size:24px;color:#ffd85a} .trackPickerGrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(245px,1fr));gap:10px}.trackPick{cursor:pointer;padding:14px;border-radius:17px;background:linear-gradient(180deg,#141b2f,#0b101c);border:1px solid #33405c;transition:.15s}.trackPick:hover{transform:translateY(-2px);border-color:#576987}.trackPick.selectedTrack{border-color:#63ef9a;box-shadow:inset 0 0 0 1px #63ef9a55;background:linear-gradient(180deg,#163128,#0c1717)}.trackPickTop{display:grid;grid-template-columns:34px 1fr;gap:8px}.trackPickTop>span{font-size:24px}.trackPick h3{margin:2px 0}.trackPickMeta{display:flex;gap:5px;flex-wrap:wrap;margin:9px 0}.trackPickMeta span{font-size:9px;background:#0b1020;border-radius:999px;padding:5px 7px}.trackPickMeta .hypePill{background:#4a1f19;color:#ffd68b}.tracklistFooter{position:sticky;bottom:10px;display:flex;justify-content:flex-end;gap:8px;margin-top:16px;padding:12px;background:#0b1020e8;backdrop-filter:blur(10px);border:1px solid #34405c;border-radius:16px} .hypePage{background:radial-gradient(circle at 80% 0%,rgba(255,109,36,.14),transparent 28%),linear-gradient(180deg,#0b0d14,#07080d)}.hypeList{display:flex;flex-direction:column;gap:7px}.hypeRow{display:grid;grid-template-columns:58px 1fr 70px 90px 44px 70px;align-items:center;gap:10px;padding:10px 12px;border:1px solid #3a3d49;border-radius:14px;background:linear-gradient(180deg,#17171e,#0e0e14)}.hypeRow.ownedHype{border-color:#6a4f24}.hypePos{font-size:20px;color:#ff9d43}.hypeTrack h3{margin:1px 0}.hypeTrack small,.hypeTrack span{font-size:9px;color:#9fa5b4}.hypeTrend{font-weight:900;color:#ffd85a} @media(max-width:780px){.crowdIntel{grid-template-columns:1fr}.tracklistScore{grid-template-columns:repeat(2,1fr)}.hypeRow{grid-template-columns:46px 1fr 55px}.hypeRow>strong,.hypeRow>button{grid-column:auto}.tracklistFooter{flex-direction:column}} /* v2.0 — THE DJ LIFE */ .industry20,.production20{background:radial-gradient(circle at 85% 0%,rgba(78,224,255,.11),transparent 27%),linear-gradient(180deg,#090c15,#06080d)} .careerNumbers{display:grid;grid-template-columns:repeat(4,1fr);gap:9px;margin:12px 0 22px}.careerNumbers div{padding:14px;border-radius:16px;background:#121a2d;border:1px solid #35425f}.careerNumbers small{font-size:9px;color:#8493af;font-weight:900}.careerNumbers b{display:block;font-size:21px;margin-top:4px} .agencyGrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:10px;margin-bottom:24px}.agencyGrid article{padding:15px;border:1px solid #35425f;border-radius:17px;background:linear-gradient(180deg,#151d31,#0b101c)}.agencyGrid .agencyActive{border-color:#62eda0;box-shadow:inset 0 0 0 1px #62eda044}.agencyGrid p{min-height:55px;color:#aab6ce;font-size:11px}.agencyGrid span{display:block;font-size:10px;margin:8px 0;color:#ffd469} .relationsGrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:9px}.relationsGrid article{display:grid;grid-template-columns:38px 1fr auto;gap:9px;align-items:center;padding:12px;border:1px solid #35425f;border-radius:15px;background:#111829}.relationsGrid article>b{font-size:26px}.relationsGrid h4{margin:0}.relationsGrid small,.relationsGrid span{font-size:9px;color:#93a0b9}.relationBar{height:5px;background:#252d40;border-radius:99px;overflow:hidden;margin:5px 0}.relationBar i{display:block;height:100%;background:linear-gradient(90deg,#ff557d,#ffd15a,#65efa1)} .productionForm{display:grid;grid-template-columns:2fr 1fr 1fr 1fr auto;gap:9px;padding:15px;border:1px solid #394664;border-radius:18px;background:#11182a;margin-bottom:16px}.productionForm label{display:grid;gap:5px;font-size:9px;font-weight:900;color:#9ba9c3}.productionForm input,.productionForm select{background:#090e1a;color:#fff;border:1px solid #394664;border-radius:10px;padding:10px}.myProductions{display:flex;flex-direction:column;gap:8px}.myProductions article{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:14px;border:1px solid #35425f;border-radius:15px;background:linear-gradient(180deg,#151c2f,#0b101b)}.myProductions h3{margin:3px 0}.myProductions small{color:#ff73b8;font-weight:900}.myProductions span{font-size:10px;color:#9ba8c1} .storyBackdrop{position:fixed;inset:0;background:#03050bd9;backdrop-filter:blur(9px);z-index:99999;display:grid;place-items:center;padding:20px}.careerStory{width:min(600px,94vw);padding:28px;border-radius:25px;text-align:center;background:radial-gradient(circle at 50% 0%,#63306c,#1b1730 43%,#0d111d);border:1px solid #ffffff28;box-shadow:0 30px 90px #000}.storyIcon{font-size:60px}.careerStory>small{color:#62e9ff;font-weight:1000;letter-spacing:.18em}.careerStory h2{font-size:36px;margin:7px 0}.careerStory p{color:#c7d0e3;font-size:14px}.storyChoices{display:grid;gap:8px;margin-top:18px}.storyChoices button{padding:13px} .tracklistScore{grid-template-columns:repeat(6,1fr)!important} @media(max-width:800px){.careerNumbers{grid-template-columns:repeat(2,1fr)}.productionForm{grid-template-columns:1fr}.tracklistScore{grid-template-columns:repeat(2,1fr)!important}} /* v2.1 — MARKETS, RESIDENCIES, FESTIVALS, B2B */ .marketsPage,.residencyPage,.festival21Page,.b2bPage,.negotiatePage{background:radial-gradient(circle at 12% 0%,rgba(69,206,255,.11),transparent 27%),linear-gradient(180deg,#080b14,#06070c)} .marketGrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:10px}.marketGrid article{padding:15px;border-radius:17px;background:linear-gradient(180deg,#151d31,#0b101c);border:1px solid #35435f}.marketFlag{font-size:34px}.marketGrid h3{margin:5px 0}.marketGrid span,.marketGrid p{font-size:10px;color:#9fabc2}.marketBar{height:6px;background:#232b3d;border-radius:99px;overflow:hidden;margin:8px 0}.marketBar i{display:block;height:100%;background:linear-gradient(90deg,#4fe4ff,#60efa0,#ffd35d)}.marketNews{margin-top:18px;padding:15px;border:1px solid #35435f;border-radius:16px;background:#101727}.marketNews div{padding:7px 0;border-bottom:1px solid #ffffff0b;font-size:11px} .activeResidency{padding:20px;border:1px solid #ff58ae;border-radius:20px;background:linear-gradient(135deg,#5a1d50,#17162c);margin-bottom:14px}.activeResidency small{color:#61e5ff;font-weight:900}.activeResidency h2{font-size:30px;margin:5px 0} .residencyGrid,.festival21Grid,.b2bGrid,.negotiateGrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(235px,1fr));gap:11px}.residencyGrid article,.festival21Grid article,.b2bGrid article,.negotiateGrid article{padding:15px;border-radius:18px;background:linear-gradient(180deg,#151d31,#0b101c);border:1px solid #35435f}.lockedResidence{opacity:.55;filter:saturate(.45)}.residencyGrid div{display:flex;gap:6px;flex-wrap:wrap;margin:8px 0}.residencyGrid div span{font-size:9px;background:#0b1020;border-radius:999px;padding:5px 7px} .lineupPoster{display:flex;flex-direction:column;gap:5px;margin:10px 0;padding:12px;background:#090e19;border-radius:12px}.lineupPoster span{font-size:10px;color:#8490a8;padding:5px 7px;border-left:2px solid #323b50}.lineupPoster .yourSlot{color:#fff;background:linear-gradient(90deg,#ff3f9e33,transparent);border-left-color:#ff4fa3;font-weight:900}.b2bAvatar{font-size:38px}.b2bGrid p,.negotiateGrid p{font-size:10px;color:#9da9c1}.askButtons{display:flex;gap:6px;flex-wrap:wrap}.askButtons button{font-size:9px;padding:7px} /* v2.2 — dynamic event poster on home */ .homePoster{display:grid;grid-template-columns:minmax(250px,360px) 1fr;gap:18px;align-items:stretch;margin:16px 0 20px;padding:14px;border:1px solid #3a4662;border-radius:24px;background:linear-gradient(135deg,#11192b,#20152c 55%,#101727);box-shadow:0 18px 42px #0006;overflow:hidden} .posterArt{position:relative;min-height:430px;padding:18px;display:flex;flex-direction:column;overflow:hidden;border-radius:18px;background:radial-gradient(circle at 70% 12%,#ff4d9b 0 7%,transparent 28%),radial-gradient(circle at 20% 75%,#2ee8ff55,transparent 30%),linear-gradient(155deg,#24135c,#11172b 45%,#05070d);border:1px solid #ffffff24;box-shadow:inset 0 0 60px #0008} .posterArt:before{content:"";position:absolute;inset:-30%;background:repeating-linear-gradient(118deg,transparent 0 24px,#ffffff07 25px 27px);transform:rotate(-8deg);pointer-events:none}.posterNoise{position:absolute;inset:0;background:radial-gradient(circle,#fff 0 1px,transparent 1.5px);background-size:23px 23px;opacity:.08} .posterTop,.posterBottom{position:relative;display:flex;justify-content:space-between;gap:10px;font-size:8px;letter-spacing:.12em;font-weight:1000}.posterBrand{position:relative;margin-top:42px;font-size:54px;line-height:.85;font-weight:1000;letter-spacing:-.06em;color:#fff;text-shadow:4px 4px 0 #ff3f9b,-3px -2px 0 #2ee8ff}.posterEvent{position:relative;margin-top:9px;font-size:17px;font-weight:1000;letter-spacing:.08em}.posterGenre{position:relative;margin-top:4px;font-size:9px;color:#6feaff;font-weight:900;letter-spacing:.1em}.posterLineup{position:relative;margin:auto 0 18px;display:flex;flex-direction:column;gap:5px}.posterLineup div{display:grid;grid-template-columns:48px 1fr;align-items:center;border-bottom:1px solid #ffffff18;padding:5px 0}.posterLineup span{font-size:9px;color:#9ca9c1}.posterLineup strong{font-size:14px;letter-spacing:.04em}.posterLineup .posterYou{padding:9px;background:linear-gradient(90deg,#ff3d9b55,#2ee8ff15);border-left:3px solid #ff4ca4}.posterLineup .posterYou strong{font-size:22px;color:#fff}.posterBottom{margin-top:auto} .posterInfo{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;padding:16px}.posterInfo>small{color:#ff68b1;font-size:9px;font-weight:1000;letter-spacing:.16em}.posterInfo h3{font-size:32px;margin:5px 0}.posterInfo p{color:#aebbd1}.posterInfo>div{display:flex;gap:7px;flex-wrap:wrap;margin:10px 0 18px}.posterInfo>div span{font-size:10px;padding:7px 9px;border-radius:999px;background:#0c1220;border:1px solid #34415c}.posterInfo button{padding:11px 15px}.emptyPoster{grid-template-columns:1fr;min-height:150px;place-items:center;text-align:center} @media(max-width:760px){.homePoster{grid-template-columns:1fr}.posterArt{min-height:390px}.posterInfo{padding:7px}.posterBrand{font-size:46px}} /* v2.3 Studio, Collabs & Track Life */ .collabStudio,.trackLifePage{background:radial-gradient(circle at 88% 0%,rgba(255,67,160,.12),transparent 25%),linear-gradient(180deg,#080b14,#06070c)} .collabDraft{display:grid;grid-template-columns:1fr 2fr auto auto;gap:9px;align-items:end;padding:14px;border:1px solid #3a4661;border-radius:17px;background:#11192b;margin-bottom:20px}.collabDraft label{display:grid;gap:5px;font-size:9px;font-weight:900}.collabDraft select{padding:9px;background:#090e18;color:white;border:1px solid #39445d;border-radius:9px}.collabDraft small{display:block;color:#8f9cb5;font-size:8px}.collabGrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:9px;margin-bottom:20px}.collabGrid article{padding:14px;border-radius:16px;background:linear-gradient(180deg,#171f34,#0b101b);border:1px solid #35425d}.collabGrid small{color:#ff67af;font-weight:900}.collabGrid h4{font-size:18px;margin:4px 0}.collabGrid p,.collabGrid span{font-size:9px;color:#9ba8c0}.chemistry{margin:9px 0;padding:8px;border-radius:9px;background:#0a101d;font-size:9px}.chemistry b{float:right;color:#61edaa}.collabLocked{opacity:.5;filter:saturate(.4)} .trackLifeStats{display:grid;grid-template-columns:repeat(4,1fr);gap:9px;margin-bottom:15px}.trackLifeStats div{padding:13px;border:1px solid #35425d;border-radius:14px;background:#11192b}.trackLifeStats small{font-size:8px;color:#8e9ab2}.trackLifeStats b{display:block;font-size:20px}.trackLifeGrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:10px}.trackLifeGrid article{position:relative;padding:16px;border-radius:18px;border:1px solid #35425d;background:linear-gradient(160deg,#151e32,#0a0f19)}.trackStage{position:absolute;right:12px;top:12px;padding:5px 7px;border-radius:999px;background:#ff4aa2;color:#fff;font-size:8px;font-weight:1000}.trackLifeGrid h3{font-size:20px;margin:5px 0}.trackLifeGrid p{margin:3px 0;font-size:10px;color:#a8b4ca}.potentialRow{display:grid;grid-template-columns:repeat(4,1fr);gap:5px;margin:11px 0}.potentialRow span{padding:7px 5px;text-align:center;border-radius:8px;background:#0a101c;font-size:7px;color:#8491aa}.potentialRow b{display:block;font-size:14px;color:white}.trackMetrics,.chartPeaks{display:flex;gap:5px;flex-wrap:wrap;margin:7px 0}.trackMetrics span,.chartPeaks span{font-size:8px;padding:5px 7px;border-radius:999px;background:#1b2438}.supporters{font-size:8px;color:#61e8ff;min-height:25px;padding:6px 0}.trackActions{display:flex;gap:7px}.trackNews{margin-top:17px;padding:14px;border-radius:15px;border:1px solid #35425d;background:#101727}.trackNews div{font-size:10px;padding:6px 0;border-bottom:1px solid #ffffff0b} @media(max-width:760px){.collabDraft{grid-template-columns:1fr}.trackLifeStats{grid-template-columns:repeat(2,1fr)}.potentialRow{grid-template-columns:repeat(2,1fr)}} /* v3.0 ONLINE WORLD */ .onlinePage{background:radial-gradient(circle at 82% 0%,rgba(255,66,165,.13),transparent 27%),radial-gradient(circle at 12% 4%,rgba(68,222,255,.11),transparent 28%),linear-gradient(180deg,#080b14,#06070c)} .onlineLogin{display:grid;grid-template-columns:1.2fr .8fr;gap:18px;padding:28px;border:1px solid #3d4968;border-radius:24px;background:linear-gradient(135deg,#141d36,#321942 55%,#12243e);box-shadow:0 22px 50px #0006}.onlineLogin small,.onlineHero small{color:#67e7ff;font-weight:1000;letter-spacing:.14em}.onlineLogin h2{font-size:34px;margin:7px 0}.onlineLogin p{color:#b9c4db}.onlineLoginForm{display:flex;flex-direction:column;justify-content:center;gap:8px}.onlineLoginForm input,.onlineProfileEdit input,.onlineProfileEdit select,.uploadTrackForm input,.uploadTrackForm select{padding:11px;background:#090f1d;color:#fff;border:1px solid #3a4866;border-radius:11px} .onlineHero{display:grid;grid-template-columns:2fr repeat(3,1fr);gap:10px;margin-bottom:12px}.onlineHero>div{padding:15px;border:1px solid #36435f;border-radius:16px;background:linear-gradient(180deg,#151d31,#0b101b)}.onlineHero h2{margin:4px 0}.onlineHero span{display:block;font-size:9px;color:#8795b1}.onlineHero b{display:block;font-size:26px;margin-top:4px;color:#fff}.onlineQuick{display:flex;gap:7px;flex-wrap:wrap;margin:12px 0}.onlineQuick button{background:linear-gradient(135deg,#46255c,#1d4062)!important}.onlineProfileEdit{display:grid;grid-template-columns:1.4fr .5fr 1fr auto auto;gap:8px;align-items:end;padding:14px;border:1px solid #34425e;border-radius:16px;background:#101827}.onlineProfileEdit h3{grid-column:1/-1;margin:0}.onlineError{padding:10px;border:1px solid #87384e;background:#3a1822;border-radius:12px;color:#ffadbc} .worldRankList,.playerTrackList,.requestList{display:flex;flex-direction:column;gap:8px}.worldRankRow{display:grid;grid-template-columns:55px 1fr 100px 110px 110px auto auto;align-items:center;gap:9px;padding:12px;border:1px solid #35425e;border-radius:14px;background:#11192b}.worldRankRow>b{font-size:20px;color:#ff6fb5}.worldRankRow h3{margin:0}.worldRankRow small{font-size:9px;color:#8f9db7}.worldRankRow span{font-size:10px}.worldRankRow>strong{font-size:15px}.worldRankRow.meOnline{border-color:#60e9a0;background:linear-gradient(90deg,#143227,#11192b)} .playerTrackCard{display:grid;grid-template-columns:62px 1.4fr minmax(180px,.8fr) auto;gap:12px;align-items:center;padding:14px;border:1px solid #38445f;border-radius:17px;background:linear-gradient(180deg,#151d31,#0b101b)}.playerTrackPos{font-size:18px;font-weight:1000;color:#ff9f4e}.playerTrackCard h3{font-size:19px;margin:3px 0}.playerTrackCard small{font-size:9px;color:#9ba9c1}.playerTrackStats{display:flex;gap:5px;flex-wrap:wrap}.playerTrackStats span{font-size:8px;padding:5px 7px;border-radius:999px;background:#0a101d}.playerTrackCard audio{width:100%;max-width:330px}.playerTrackActions{display:flex;flex-direction:column;gap:6px} .uploadTrackForm{max-width:760px;display:grid;grid-template-columns:2fr 1.3fr 1fr .7fr;gap:10px;padding:18px;border:1px solid #38465f;border-radius:20px;background:#11192b}.uploadTrackForm label{display:grid;gap:6px;font-size:9px;font-weight:900;color:#9aa8c0}.audioDrop,.rightsConfirm,.uploadTrackForm>.primary{grid-column:1/-1}.uploadNote{max-width:760px;margin-top:10px;padding:12px;border-radius:12px;background:#211810;border:1px solid #604827;color:#dabb8d;font-size:10px} .worldFeed{display:flex;flex-direction:column;gap:8px}.worldFeed article{display:grid;grid-template-columns:42px 1fr;gap:9px;padding:12px;border:1px solid #34405a;border-radius:14px;background:#101827}.worldFeed article>b{font-size:25px}.worldFeed p{margin:0}.worldFeed small{font-size:8px;color:#7f8da6}.requestList article{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:13px;border:1px solid #35425d;border-radius:15px;background:#11192b}.requestList h3{margin:3px 0}.requestList p{font-size:10px;color:#9ba9c0} @media(max-width:900px){.onlineHero{grid-template-columns:repeat(2,1fr)}.worldRankRow{grid-template-columns:45px 1fr 80px}.worldRankRow>span,.worldRankRow>strong{display:none}.playerTrackCard{grid-template-columns:50px 1fr}.playerTrackCard audio,.playerTrackActions{grid-column:2}.onlineProfileEdit{grid-template-columns:1fr 1fr}.onlineProfileEdit h3{grid-column:1/-1}.uploadTrackForm{grid-template-columns:1fr 1fr}} @media(max-width:600px){.onlineLogin{grid-template-columns:1fr}.onlineHero{grid-template-columns:1fr 1fr}.uploadTrackForm{grid-template-columns:1fr}.playerTrackCard{grid-template-columns:1fr}.playerTrackCard audio,.playerTrackActions{grid-column:1}.worldRankRow{grid-template-columns:40px 1fr}.onlineProfileEdit{grid-template-columns:1fr}} /* v3.1 — Ready DJ cast */ .avatarPicker31{margin:18px 0;padding:18px;border-radius:24px;background:linear-gradient(145deg,#10182a,#26152e);border:1px solid #3c4965}.avatarIntro{text-align:left;margin-bottom:14px}.avatarIntro small{color:#ff64ae;font-weight:1000;letter-spacing:.15em}.avatarIntro h2{font-size:28px;margin:4px 0}.avatarIntro p{color:#aeb9cf;margin:0}.avatarGrid31{display:grid;grid-template-columns:repeat(8,1fr);gap:8px}.avatarCard31{padding:0!important;overflow:hidden;border-radius:15px!important;border:2px solid #293650!important;background:#0b101b!important;text-align:left}.avatarCard31 img{display:block;width:100%;aspect-ratio:200/260;object-fit:cover}.avatarCard31>span{display:block;padding:7px}.avatarCard31 b{display:block;font-size:11px}.avatarCard31 small{display:block;font-size:6.5px;color:#8897b1;line-height:1.25;margin-top:2px}.avatarCard31.selected{border-color:#ff4da6!important;box-shadow:0 0 0 2px #ff4da633,0 12px 28px #0008;transform:translateY(-2px)} /* hide legacy granular appearance controls on onboarding; ready cast replaces them */ /* Perfect Set */ .perfectSet31{display:grid;grid-template-columns:160px 1fr;gap:12px;margin:13px 0;padding:13px;border-radius:17px;background:linear-gradient(135deg,#121b31,#241631);border:1px solid #3a4865}.setForecast{display:flex;flex-direction:column}.setForecast small{font-size:8px;color:#72e8ff;font-weight:1000}.setForecast>b{font-size:48px;line-height:1;color:#fff}.setForecast strong{font-size:11px;color:#ff66ae}.setForecast span{font-size:8px;color:#8d9ab1}.setArc31{display:grid;grid-template-columns:repeat(5,1fr);gap:6px;align-items:end;min-height:105px}.setArc31>div{position:relative;height:100%;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;overflow:hidden;border-radius:9px;background:#090f1b}.setArc31 em{position:absolute;left:0;right:0;bottom:0;background:linear-gradient(0deg,#ff469f88,#36ddff55);z-index:0}.setArc31 i,.setArc31 small,.setArc31 b{position:relative;z-index:1}.setArc31 i{font-style:normal;font-size:17px}.setArc31 small{font-size:6px}.setArc31 b{font-size:14px} @media(max-width:1100px){.avatarGrid31{grid-template-columns:repeat(4,1fr)}}@media(max-width:650px){.avatarGrid31{grid-template-columns:repeat(2,1fr)}.perfectSet31{grid-template-columns:1fr}.setArc31{min-height:125px}} /* v3.2 — one-row functional navigation */ .smartNav32{position:sticky;top:0;z-index:9000;width:100%;padding:8px 10px;background:linear-gradient(180deg,#080c16f7,#0a0f1bea);backdrop-filter:blur(18px);border-bottom:1px solid #ffffff12;box-shadow:0 8px 28px #0007} .smartNav32 button,.smartNav32 summary{font-family:inherit} .navHome32,.navMenu32>summary{height:48px;box-sizing:border-box;border:1px solid #303d58;border-radius:13px;background:linear-gradient(180deg,#151d30,#0d1320);color:#fff;display:flex;align-items:center;justify-content:center;gap:7px;padding:0 12px;font-size:11px;font-weight:1000;letter-spacing:.04em;cursor:pointer;list-style:none;user-select:none;transition:.16s} .navMenu32>summary::-webkit-details-marker{display:none}.navMenu32>summary i{font-style:normal;font-size:10px;color:#8190aa;margin-left:2px;transition:.15s}.navMenu32[open]>summary{border-color:#ff54a4;background:linear-gradient(180deg,#402043,#18203a);box-shadow:0 0 0 1px #ff54a426}.navMenu32[open]>summary i{transform:rotate(180deg)}.navHome32:hover,.navMenu32>summary:hover{border-color:#536583;transform:translateY(-1px)} .navMenu32{position:relative} @keyframes navDropIn{from{opacity:0;transform:translateY(-5px) scale(.985)}to{opacity:1;transform:none}} /* Tablet: still no horizontal scrolling; two compact rows only when viewport forces it */ @media(max-width:820px){ .smartNav32{padding:6px} .navHome32,.navMenu32>summary{height:42px;font-size:9px;padding:0 7px} } /* Phone: compact 3x2 control deck, all destinations remain one tap + one choice away */ @media(max-width:480px){ .smartNav32{position:sticky} .navHome32,.navMenu32>summary{height:39px;gap:4px;font-size:8px;border-radius:10px} .navHome32 span,.navMenu32>summary span{font-size:13px}.navMenu32>summary i{display:none} } /* v3.3 — Living DJ World / DJ Phone */ .phonePage33{max-width:920px;margin:18px auto 40px;border-radius:32px;padding:14px;background:linear-gradient(180deg,#111826,#05070c);border:8px solid #222938;box-shadow:0 25px 70px #000b}.phoneTop33{display:grid;grid-template-columns:50px 1fr auto;align-items:center;gap:10px;padding:10px 8px}.phoneTop33 small{font-size:8px;color:#5fe5ff;font-weight:1000}.phoneTop33 h2{margin:0}.phoneTop33>span{font-size:12px;background:#1b2538;border-radius:999px;padding:7px 10px}.phoneTabs33{display:grid;grid-template-columns:repeat(4,1fr);gap:5px;margin:4px 0 10px}.phoneTabs33 button{display:grid;place-items:center;gap:2px;min-height:55px;background:#0c1220;border:1px solid #2c3952}.phoneTabs33 button.active{background:linear-gradient(135deg,#4b214e,#183d57);border-color:#ff56a7}.phoneTabs33 small{font-size:7px}.phoneScreen33{min-height:520px;border-radius:22px;padding:12px;background:radial-gradient(circle at 100% 0%,#46214d55,transparent 27%),#090e18} .phoneList33,.socialPhone33,.contacts33{display:flex;flex-direction:column;gap:8px}.phoneList33 article{display:grid;grid-template-columns:48px 1fr;gap:10px;padding:12px;border:1px solid #30405b;border-radius:15px;background:#101827}.phoneList33 article.unread{border-color:#ff4fa3;background:linear-gradient(90deg,#2e1630,#101827)}.phoneAvatar33{width:44px;height:44px;border-radius:13px;display:grid;place-items:center;background:#18243a;font-size:23px}.phoneList33 small{font-size:8px;color:#8897af}.phoneList33 h3{margin:3px 0}.phoneList33 p{font-size:10px;color:#aebbd0;margin:3px 0}.phoneActions33{display:flex;gap:5px;flex-wrap:wrap;margin-top:8px}.phoneActions33 button{font-size:8px;padding:7px} .socialComposer33{display:flex;gap:7px}.socialPhone33 article{padding:12px;border:1px solid #30405b;border-radius:14px;background:#101827}.socialPhone33 small{font-size:8px;color:#7f8ca5}.socialPhone33 p{margin:5px 0}.socialPhone33 b{font-size:9px;color:#6aefa5} .contacts33 article{display:grid;grid-template-columns:45px 1fr;gap:9px;align-items:center;padding:11px;border:1px solid #30405b;border-radius:14px;background:#101827}.contacts33 article>b{font-size:26px}.contacts33 h3{margin:0}.contacts33 small,.contacts33 span{display:block;font-size:8px;color:#8c9ab2} .phoneTeam33{display:grid;place-items:center;min-height:300px;text-align:center}.phoneTeam33 button{font-size:16px;padding:15px 22px} .teamGrid33{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:10px}.teamGrid33 article{padding:15px;border-radius:17px;border:1px solid #35425d;background:linear-gradient(180deg,#151d31,#0b101b)}.teamGrid33 article.hired{border-color:#62eda0}.teamGrid33 article>b{font-size:34px}.teamGrid33 small{display:block;color:#ff69b2;margin-top:7px}.teamGrid33 p{font-size:10px;color:#a6b2c7;min-height:45px}.teamGrid33 strong{font-size:11px;color:#ffd45b} @media(max-width:820px){.phonePage33{margin:8px;border-width:5px}.phoneTabs33{grid-template-columns:repeat(4,1fr)}} @media(max-width:520px){.phonePage33{border-radius:22px}.phoneTabs33{grid-template-columns:repeat(2,1fr)}} /* v3.4 — Tour Logistics */ .logistics34{background:radial-gradient(circle at 90% 0%,rgba(53,218,255,.11),transparent 27%),linear-gradient(180deg,#080b14,#06070c)} .logStats34{display:grid;grid-template-columns:repeat(4,1fr);gap:9px;margin:12px 0 16px}.logStats34 div{padding:13px;border:1px solid #35435f;border-radius:14px;background:#11192b}.logStats34 small{font-size:8px;color:#8795b0}.logStats34 b{display:block;font-size:22px;margin-top:3px} .conflicts34{padding:13px;border:1px solid #74414a;border-radius:16px;background:#281419;margin-bottom:14px}.conflicts34 h3{margin:0 0 8px;color:#ff9aa9}.conflicts34 article{display:grid;grid-template-columns:80px 1fr auto;gap:8px;padding:7px 0;border-bottom:1px solid #ffffff10}.conflicts34 article>b{font-size:9px;color:#ff687d}.conflicts34 article span{font-size:10px}.conflicts34 article small{font-size:8px;color:#9ba7bd} .gigLogGrid34{display:flex;flex-direction:column;gap:11px}.gigLog34{padding:15px;border:1px solid #35435f;border-radius:18px;background:linear-gradient(180deg,#151e32,#0b101b)}.dangerLog34{border-color:#8a3e50;box-shadow:inset 4px 0 #ff4f72}.gigLogHead34{display:flex;justify-content:space-between;gap:12px}.gigLogHead34 small{font-size:8px;color:#8795af}.gigLogHead34 h3{font-size:20px;margin:3px 0}.gigLogHead34 p{font-size:10px;color:#a5b2c7}.riskBadge34{height:max-content;padding:7px 9px;border-radius:999px;background:#0a101c;font-size:9px;font-weight:900} .planned34{display:flex;gap:6px;flex-wrap:wrap;margin:10px 0}.planned34 span{font-size:8px;padding:6px 8px;border-radius:999px;background:#0a101d;border:1px solid #303c56} .travelOpts34,.hotelOpts34{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin-top:8px}.travelOpts34 button,.hotelOpts34 button{min-height:58px;text-align:left;background:#0c1321!important;border:1px solid #2e3b55!important}.travelOpts34 small,.hotelOpts34 small{display:block;font-size:7px;color:#8190a9;margin-top:2px} @media(max-width:800px){.logStats34{grid-template-columns:repeat(2,1fr)}.travelOpts34,.hotelOpts34{grid-template-columns:repeat(2,1fr)}}@media(max-width:520px){.gigLogHead34{flex-direction:column}.travelOpts34,.hotelOpts34{grid-template-columns:1fr}} /* v3.5 — Labels & Release Strategy */ .labelStats35{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:12px 0}.labelStats35 div{padding:13px;border:1px solid #35435f;border-radius:14px;background:#11192b}.labelStats35 small{font-size:8px;color:#8594af}.labelStats35 b{display:block;font-size:23px} .arTracks35{display:flex;flex-direction:column;gap:10px}.arTracks35>article{display:grid;grid-template-columns:100px 1fr;gap:13px;padding:15px;border:1px solid #37445f;border-radius:18px;background:linear-gradient(135deg,#141c30,#0a101b)}.arScore35{display:grid;place-items:center;align-content:center;border-radius:14px;background:radial-gradient(circle,#43204a,#10182a)}.arScore35 small{font-size:7px;color:#ff72b7}.arScore35 b{font-size:44px}.arBody35>small{font-size:8px;color:#6ce8ff}.arBody35 h3{font-size:21px;margin:2px 0 8px}.arBars35{display:flex;gap:6px;flex-wrap:wrap}.arBars35 span{font-size:8px;padding:5px 7px;border-radius:999px;background:#0b111e;border:1px solid #2c3951}.arBody35 p{font-size:9px;color:#a6b2c8}.labelPitch35{display:grid;grid-template-columns:repeat(3,1fr);gap:5px}.labelPitch35 button{text-align:left;min-height:49px;font-size:9px}.labelPitch35 small{display:block;font-size:6.5px;color:#8290a8}.labelPitch35 .noFit35{opacity:.42}.labelPitch35 .fit35{border-color:#4c617e!important} .releaseCreate35{padding:13px;border:1px solid #35425d;border-radius:16px;background:#11192a;margin-bottom:12px}.releaseCreate35 h3{margin:0 0 8px}.releaseCreate35>button{margin:3px}.releaseCreate35>button small{display:block;font-size:7px} .releasePlans35{display:flex;flex-direction:column;gap:11px}.releasePlans35>article{padding:15px;border:1px solid #37445e;border-radius:18px;background:linear-gradient(145deg,#151e31,#0b101a)}.releasePlans35>article.released{border-color:#3e7459}.releaseHead35{display:flex;justify-content:space-between;gap:10px}.releaseHead35 small{font-size:8px;color:#8b99b2}.releaseHead35 h3{font-size:22px;margin:3px 0}.week35{text-align:right}.week35>b{display:block;font-size:25px}.week35 span{display:flex;gap:3px;justify-content:flex-end}.week35 button{padding:3px 8px}.marketWeek35{display:flex;gap:9px;align-items:center;padding:8px;margin:9px 0;border-radius:10px;background:#0b111e}.marketWeek35 b{font-size:9px}.marketWeek35 span{font-size:8px;color:#9aa7bd}.marketWeek35.brutal b{color:#ff6175}.marketWeek35.busy b{color:#ffd269}.marketWeek35.open b{color:#62eaa0} .pushGrid35{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.pushGrid35 button{display:grid;grid-template-columns:28px 1fr;gap:2px;text-align:left;align-items:center;min-height:55px;background:#0c1321!important}.pushGrid35 button>span{font-size:19px;grid-row:1/3}.pushGrid35 button b{font-size:8px}.pushGrid35 button small{font-size:6.5px;color:#8190aa}.pushGrid35 button.selected{border-color:#ff57a7!important;background:linear-gradient(135deg,#3b1d3d,#102838)!important}.releaseBudget35{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap;margin-top:10px;padding-top:9px;border-top:1px solid #ffffff12}.releaseBudget35 span{font-size:9px}.releasedResult35{display:flex;gap:7px;flex-wrap:wrap;margin-top:8px}.releasedResult35>*{padding:6px 8px;border-radius:999px;background:#0a1512;border:1px solid #2d6046;font-size:8px} @media(max-width:760px){.labelPitch35,.pushGrid35{grid-template-columns:repeat(2,1fr)}.arTracks35>article{grid-template-columns:1fr}.arScore35{min-height:90px}.labelStats35{grid-template-columns:1fr 1fr 1fr}}@media(max-width:480px){.labelPitch35,.pushGrid35{grid-template-columns:1fr}.releaseHead35{flex-direction:column}.week35{text-align:left}} /* v3.6 — Awards & World Top 100 */ .rankHero36{display:grid;grid-template-columns:1fr 1fr 1.4fr;gap:9px;margin:12px 0 15px}.rankHero36>div{padding:15px;border:1px solid #3a4864;border-radius:16px;background:radial-gradient(circle at 90% 10%,#47224e55,transparent 35%),#11192a}.rankHero36 small{font-size:8px;color:#8b99b2}.rankHero36 b{display:block;font-size:32px;margin-top:2px}.rankHero36 strong{color:#65eda3}.rankHero36 span{font-size:9px;color:#9aa8be} .rankingTable36{display:flex;flex-direction:column;gap:4px}.rankingTable36 article{display:grid;grid-template-columns:55px 1fr 120px 45px;align-items:center;gap:8px;padding:9px 12px;border:1px solid #2d3950;border-radius:11px;background:#0d1422}.rankingTable36 article.podium36{background:linear-gradient(90deg,#2c2032,#101b2c);border-color:#62516b}.rankingTable36 article.you36{position:sticky;top:66px;z-index:3;border-color:#ff56a7;background:linear-gradient(90deg,#4a1f45,#12344b);box-shadow:0 8px 25px #0009}.rankingTable36 .r36{font-size:15px}.rankingTable36 strong{font-size:10px}.rankingTable36 small{display:block;font-size:7px;color:#8492aa}.rankingTable36 span{font-size:9px;text-align:right}.rankingTable36 em{font-style:normal;font-size:7px;color:#ff7abc;font-weight:1000} .awardStage36{display:flex;align-items:center;gap:18px;padding:22px;border-radius:20px;background:radial-gradient(circle at 15% 50%,#d09b3044,transparent 20%),linear-gradient(135deg,#251c2d,#101a2d);border:1px solid #65513c}.awardGlow36{font-size:62px;filter:drop-shadow(0 0 18px #ffca55)}.awardStage36 small{font-size:8px;color:#ffcf67}.awardStage36 h2{margin:3px 0}.awardStage36 p{font-size:10px;color:#a9b4c7} .awardGrid36{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:12px 0}.awardGrid36 article{padding:13px;border:1px solid #35425d;border-radius:16px;background:#101827}.awardGrid36 article>b{font-size:27px}.awardGrid36 article>small{display:block;font-size:7px;color:#8997af;margin-top:5px}.awardGrid36 h3{font-size:11px;margin:4px 0}.awardGrid36 p{font-size:8px;color:#8e9bb1;min-height:31px}.awardGrid36 span{font-size:7px;color:#8f9db4}.awardGrid36 .won36{border-color:#e2b64e;background:linear-gradient(145deg,#382c1d,#111a29);box-shadow:inset 0 0 25px #e3b74b15}.awardGrid36 .nom36{border-color:#9a65bd}.awardMeter36{height:5px;border-radius:999px;background:#080d16;overflow:hidden;margin:8px 0 4px}.awardMeter36 i{display:block;height:100%;background:linear-gradient(90deg,#ff4da6,#ffd363)} .trackCandidate36{padding:14px;border:1px solid #4d4264;border-radius:16px;background:linear-gradient(135deg,#22192e,#101b2a)}.trackCandidate36 small{font-size:8px;color:#ff70b8}.trackCandidate36 h3{margin:4px 0}.trackCandidate36 span{font-size:9px;color:#a3afc4} .hall36{padding:15px;border:1px solid #65513e;border-radius:17px;background:linear-gradient(135deg,#2d241d,#111826);margin-bottom:12px}.hall36 h3{margin:0 0 7px}.hall36 span{display:inline-block;margin:3px;padding:6px 8px;border-radius:999px;background:#17130e;border:1px solid #665336;font-size:8px;color:#f0c96e}.hall36 p{font-size:9px;color:#a4b0c3} .seasonCards36{display:flex;flex-direction:column;gap:8px}.seasonCards36 article{display:grid;grid-template-columns:70px 90px 90px 130px 1.4fr 1.4fr;gap:7px;padding:12px;border:1px solid #35425d;border-radius:15px;background:#101827}.seasonCards36 small{display:block;font-size:7px;color:#8290a8}.seasonCards36 b{display:block;font-size:13px}.seasonCards36 span{display:block;font-size:7px;color:#8997ad;margin-top:2px} @media(max-width:900px){.awardGrid36{grid-template-columns:repeat(2,1fr)}.seasonCards36 article{grid-template-columns:repeat(3,1fr)}} @media(max-width:600px){.rankHero36{grid-template-columns:1fr 1fr}.rankHero36>div:last-child{grid-column:1/-1}.rankingTable36 article{grid-template-columns:45px 1fr 75px 35px}.awardGrid36{grid-template-columns:1fr}.seasonCards36 article{grid-template-columns:1fr 1fr}.awardStage36{padding:15px}.awardGlow36{font-size:45px}} /* v3.7 — REAL ONLINE WORLD */ .realOnlineBanner37{display:grid;grid-template-columns:260px 1fr;gap:14px;align-items:center;padding:15px;border:1px solid #36dd8b66;border-radius:18px;background:linear-gradient(135deg,#103326,#14223b);margin:10px 0 14px}.realOnlineBanner37>div{display:grid;grid-template-columns:12px 1fr;gap:3px 7px;align-items:center}.realOnlineBanner37 i{width:10px;height:10px;border-radius:50%;background:#50efa0;box-shadow:0 0 15px #50efa0}.realOnlineBanner37 span{font-size:9px;font-weight:1000;color:#75f0ad}.realOnlineBanner37 b,.realOnlineBanner37 small{grid-column:2}.realOnlineBanner37 b{font-size:18px}.realOnlineBanner37 small{font-size:8px;color:#96a4bb}.realOnlineBanner37 p{margin:0;color:#b9c5d9;font-size:10px} .playerSearch37{display:flex;gap:8px;align-items:center;margin:10px 0 14px}.playerSearch37 input{flex:1;padding:11px;background:#0a101c;color:#fff;border:1px solid #36445f;border-radius:11px}.playerSearch37 span{font-size:9px;color:#91a0b9} .playersGrid37{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:9px}.playersGrid37 article{position:relative;padding:14px;border:1px solid #35425e;border-radius:16px;background:linear-gradient(180deg,#151d31,#0b101b)}.playersGrid37 small{font-size:8px;color:#8391aa}.playersGrid37 h3{margin:4px 0;font-size:18px}.playersGrid37 p{font-size:9px;color:#9ba9bf}.playersGrid37>article>div:not(.status37){display:flex;gap:6px;margin:8px 0}.playersGrid37 span{font-size:8px;padding:5px 7px;border-radius:999px;background:#0a101c}.playersGrid37 button{margin:3px 3px 0 0}.status37{position:absolute;right:10px;top:10px;width:9px;height:9px;border-radius:50%;background:#536070}.status37.on{background:#56ec9d;box-shadow:0 0 12px #56ec9d} .playerHero37{display:grid;grid-template-columns:140px 1fr 220px;gap:15px;align-items:center;padding:17px;border:1px solid #394761;border-radius:20px;background:linear-gradient(135deg,#151d32,#29182f)}.playerAvatar37{height:140px;border-radius:18px;background:#0b111d;display:grid;place-items:center;font-size:54px;overflow:hidden}.playerAvatar37 img{width:100%;height:100%;object-fit:cover}.playerHero37 small{font-size:8px;color:#63eaa2}.playerHero37 h2{font-size:30px;margin:4px 0}.playerHero37 p{font-size:10px;color:#a3b0c6}.playerRanks37{display:flex;gap:7px;flex-wrap:wrap}.playerRanks37 span{padding:6px 8px;border:1px solid #34415b;border-radius:999px;font-size:8px}.playerSocial37{display:flex;flex-direction:column;gap:6px}.playerSocial37>span{font-size:9px;color:#a9b5c9}.profileTracks37{display:flex;flex-direction:column;gap:8px}.profileTracks37 article{display:grid;grid-template-columns:1fr minmax(190px,320px) 150px;gap:10px;align-items:center;padding:12px;border:1px solid #35425d;border-radius:14px;background:#101827}.profileTracks37 h3{margin:2px 0}.profileTracks37 small,.profileTracks37 p,.profileTracks37 span{font-size:8px;color:#94a2b8}.profileTracks37 article>div:last-child{display:flex;gap:5px;flex-wrap:wrap} @media(max-width:800px){.realOnlineBanner37{grid-template-columns:1fr}.playerHero37{grid-template-columns:100px 1fr}.playerSocial37{grid-column:1/-1;flex-direction:row;flex-wrap:wrap}.profileTracks37 article{grid-template-columns:1fr}.worldRankRow{grid-template-columns:45px 1fr 80px 70px!important}.worldRankRow>span:nth-of-type(2),.worldRankRow>strong{display:none}} @media(max-width:520px){.playerHero37{grid-template-columns:1fr}.playerAvatar37{height:180px}.playersGrid37{grid-template-columns:1fr}} /* v3.7.1 — Dynamic Event Posters */ .homePoster371{grid-template-columns:minmax(290px,390px) 1fr!important;min-height:500px} .posterArt371{min-height:510px!important;isolation:isolate} .posterFx371{position:absolute;inset:-15%;z-index:-1;pointer-events:none} .posterEdition371{position:relative;margin-top:22px;font-size:7px;font-weight:1000;letter-spacing:.22em;color:#fff9;z-index:1} .posterLineup371 div{grid-template-columns:52px 1fr auto!important;gap:6px} .posterLineup371 em{font-style:normal;font-size:6px;letter-spacing:.11em;color:#7f8da5} .posterLineup371 .posterYou em{color:#fff} .posterLineup371 .realDj371 strong:after{content:" • ONLINE";font-size:5px;color:#66efac;vertical-align:middle;margin-left:5px;letter-spacing:.08em} .posterInfo371{min-width:0}.posterInfo371 h3{font-size:36px!important;line-height:1.02} .showBadges371{display:flex!important;gap:6px!important;flex-wrap:wrap!important} .lineupFacts371{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;width:100%;margin:5px 0 14px}.lineupFacts371 div{padding:10px;border-radius:12px;background:#0b1220;border:1px solid #35415a}.lineupFacts371 small{display:block;font-size:7px;color:#8190aa}.lineupFacts371 b{display:block;font-size:10px;margin-top:3px} .posterNote371{font-size:9px!important;color:#8e9db6!important;max-width:580px} /* Festival: maximal poster */ .posterTheme-festival .posterArt371{background:radial-gradient(circle at 52% 18%,#ff457f88,transparent 27%),radial-gradient(circle at 10% 72%,#28dfff55,transparent 28%),linear-gradient(155deg,#251065,#321644 45%,#07101d)!important} .posterTheme-festival .posterFx371{background:repeating-conic-gradient(from 20deg,#fff0 0 9deg,#fff08 10deg 11deg,#fff0 12deg 24deg);opacity:.16} .posterTheme-festival .posterBrand{font-size:62px!important;text-shadow:5px 5px 0 #ff3f9b,-4px -3px 0 #33e4ff!important} /* Underground Berlin-type aesthetic */ .posterTheme-underground .posterArt371{background:linear-gradient(165deg,#060708,#111 52%,#1b1d20)!important;border-color:#717171!important} .posterTheme-underground .posterFx371{background:repeating-linear-gradient(90deg,#fff0 0 17px,#fff 18px 19px);opacity:.045;transform:rotate(-16deg)} .posterTheme-underground .posterBrand{font-family:monospace!important;letter-spacing:-.09em!important;color:#e7e7e7!important;text-shadow:3px 3px 0 #424242!important} .posterTheme-underground .posterGenre{color:#c3ff4e!important} .posterTheme-underground .posterLineup .posterYou{background:linear-gradient(90deg,#b7ff4530,transparent)!important;border-left-color:#b7ff45!important} /* Ibiza / beach */ .posterTheme-sunset .posterArt371{background:radial-gradient(circle at 72% 17%,#ffd364 0 8%,#ff6d8c33 18%,transparent 30%),linear-gradient(170deg,#63337a,#dc5369 45%,#173b63 79%,#07131f)!important} .posterTheme-sunset .posterFx371{background:linear-gradient(175deg,transparent 55%,#ffca5b33 56%,transparent 58%);opacity:.8} .posterTheme-sunset .posterBrand{color:#fff2bd!important;text-shadow:4px 4px 0 #e64c83,-3px -2px 0 #28cfe7!important} /* Progressive / trance laser */ .posterTheme-laser .posterArt371{background:radial-gradient(circle at 50% 25%,#5c41ff88,transparent 28%),linear-gradient(150deg,#07162d,#161745 50%,#07101f)!important} .posterTheme-laser .posterFx371{background:conic-gradient(from 180deg at 50% 100%,transparent 0 38%,#62e9ff55 39% 40%,transparent 41% 49%,#ff4dad55 50% 51%,transparent 52% 100%);opacity:.75} .posterTheme-laser .posterBrand{text-shadow:4px 4px 0 #744cff,-4px -2px 0 #36e9ff!important} /* General club */ .posterTheme-club .posterArt371{background:radial-gradient(circle at 80% 10%,#ff3a9b66,transparent 26%),radial-gradient(circle at 15% 70%,#32e6ff33,transparent 30%),linear-gradient(160deg,#271240,#111b35 55%,#070b13)!important} @media(max-width:800px){ .homePoster371{grid-template-columns:1fr!important} .posterArt371{min-height:500px!important} .lineupFacts371{grid-template-columns:1fr 1fr} } @media(max-width:480px){ .posterBrand{font-size:45px!important} .posterInfo371 h3{font-size:27px!important} .lineupFacts371{grid-template-columns:1fr} } /* v3.7.2 — New DJ onboarding */ .creator372{max-width:1280px;margin:0 auto;padding:28px 24px 50px;background:radial-gradient(circle at 90% 0%,#ff4ca522,transparent 25%),radial-gradient(circle at 10% 18%,#3ce8ff18,transparent 28%),#080b13;min-height:100vh} .avatar372{padding:0!important;overflow:hidden;border-radius:13px!important;background:#090f19!important;border:2px solid #283650!important;text-align:left}.avatar372>img{display:block;width:100%;aspect-ratio:200/260;object-fit:cover}.avatar372>span{display:block;padding:7px}.avatar372 b{display:block;font-size:9px}.avatar372 small{display:block;font-size:7px;color:#ff6bb4;margin-top:1px}.avatar372 em{display:block;font-style:normal;font-size:6px;color:#7f8ea7;margin-top:2px;line-height:1.25}.avatar372.selected{border-color:#ff54a6!important;transform:translateY(-3px);box-shadow:0 10px 28px #0009,0 0 0 2px #ff54a622} .realAvatar img{object-position:center top!important} @media(max-width:1000px){}@media(max-width:720px){.creator372{padding:18px 10px 40px}} /* v3.8 — Living NPC careers */ .livingpage38{background:radial-gradient(circle at 88% 0%,rgba(255,70,164,.11),transparent 26%),linear-gradient(180deg,#080b14,#06070d)} .scenePulse38{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:12px 0}.scenePulse38 article{display:grid;grid-template-columns:45px 1fr;gap:8px;align-items:center;padding:11px;border:1px solid #4a405b;border-radius:14px;background:linear-gradient(135deg,#21172d,#101b2b)}.scenePulse38 article>b{font-size:28px}.scenePulse38 small{font-size:7px;color:#ff69b1}.scenePulse38 h3{margin:2px 0;font-size:13px}.scenePulse38 p{margin:0;font-size:8px;color:#94a2b9} .livingGrid38{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:8px!important}.livingCard38{display:grid!important;grid-template-columns:55px 1fr!important;align-items:start!important;padding:12px!important}.livingCard38 .livingPortrait{font-size:31px!important}.livingMain38 small{font-size:7px;color:#8190aa}.livingMain38 h3{margin:2px 0;font-size:16px}.livingMain38 p{margin:3px 0;font-size:8px;color:#a0adc1}.livingMain38>strong{display:block;font-size:8px;color:#ffcc68;margin:5px 0}.livingMain38>em{display:block;font-size:7px;font-style:normal;color:#8e9cb2}.npcMiniStats38{display:flex;gap:4px;flex-wrap:wrap}.npcMiniStats38 span{font-size:7px;padding:4px 6px;border-radius:999px;background:#0a101c}.livingActions{margin-top:7px!important}.livingActions button{font-size:7px!important;padding:6px 7px!important} .sceneFeed article span small{display:block;font-size:6px;color:#697991;margin-top:2px}.sceneFeed article.release{border-left:2px solid #ff4d9f}.sceneFeed article.gig{border-left:2px solid #55e7ff}.sceneFeed article.rivalry{border-left:2px solid #ff695c}.sceneFeed article.collab{border-left:2px solid #70eaa4} .npcHero38{display:grid;grid-template-columns:120px 1fr 220px;gap:14px;align-items:center;padding:16px;border:1px solid #3d4963;border-radius:19px;background:linear-gradient(135deg,#181f33,#2b1832)}.npcFace38{height:120px;border-radius:17px;display:grid;place-items:center;font-size:55px;background:#0b111d}.npcHero38 small{font-size:8px;color:#ff69b3}.npcHero38 h2{font-size:39px;margin:3px 0}.npcHero38 p{font-size:9px;color:#9eabc0}.npcHeroStats38{display:flex;flex-direction:column;gap:6px}.npcHeroStats38 span{padding:6px 8px;border:1px solid #35425d;border-radius:999px;font-size:8px} .npcStats38{display:grid;grid-template-columns:repeat(6,1fr);gap:6px;margin:10px 0}.npcStats38 div{padding:10px;border:1px solid #34415a;border-radius:12px;background:#101827}.npcStats38 small{display:block;font-size:6px;color:#8190a9}.npcStats38 b{display:block;font-size:12px;margin-top:3px} .npcRelation38{display:grid;grid-template-columns:1fr 120px auto auto;gap:8px;align-items:center;padding:12px;border:1px solid #39455f;border-radius:14px;background:#101827}.npcRelation38 small{font-size:7px;color:#8594ad}.npcRelation38 h3{margin:3px 0;font-size:11px} .npcTracks38{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:7px}.npcTracks38 article{padding:11px;border:1px solid #35425d;border-radius:13px;background:#101827}.npcTracks38 small{font-size:7px;color:#ff6ab2}.npcTracks38 h3{margin:3px 0}.npcTracks38 p{font-size:8px;color:#8e9cb3}.npcTrackBar38{height:5px;background:#080d16;border-radius:999px;overflow:hidden}.npcTrackBar38 i{display:block;height:100%;background:linear-gradient(90deg,#ff4da3,#61e9ff)} .npcCareerLog38{padding:12px;border:1px solid #35425d;border-radius:13px;background:#101827}.npcCareerLog38 p{font-size:9px;color:#a6b2c5} @media(max-width:900px){.scenePulse38{grid-template-columns:1fr}.npcHero38{grid-template-columns:100px 1fr}.npcHeroStats38{grid-column:1/-1;flex-direction:row;flex-wrap:wrap}.npcStats38{grid-template-columns:repeat(3,1fr)}.npcRelation38{grid-template-columns:1fr 1fr}} @media(max-width:560px){.npcHero38{grid-template-columns:1fr}.npcFace38{height:150px}.npcStats38{grid-template-columns:repeat(2,1fr)}.npcRelation38{grid-template-columns:1fr}.livingGrid38{grid-template-columns:1fr}} /* v3.8.1 — clearer photo-based onboarding */ @media(max-width:1120px){} @media(max-width:760px){} /* v3.8.2 — Calendar as the primary gameplay control */ @keyframes calendarShine382{0%,72%{transform:translateX(-110%)}88%,100%{transform:translateX(110%)}} @media(max-width:920px){} @media(max-width:620px){} /* v3.8.5 — BRIGHT, PHOTO-BASED NEW CAREER SCREEN */ .creator385{min-height:100vh!important;max-width:none!important;margin:0!important;padding:22px 30px 92px!important;background: radial-gradient(circle at 18% 28%,rgba(255,212,143,.48),transparent 28%), radial-gradient(circle at 82% 26%,rgba(159,214,255,.42),transparent 30%), linear-gradient(135deg,#fff9ef 0%,#f8fbff 52%,#eef6ff 100%)!important;color:#111820!important;font-family:inherit} .creator385 *{box-sizing:border-box} .creator385Header{max-width:1450px;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand385{display:flex;align-items:baseline;gap:18px}.brand385>b{font-size:21px;color:#111820}.brand385 em{font-style:normal;color:#ee2f82}.brand385 small{font-size:8px;color:#6c7784;letter-spacing:.12em} .steps385{display:flex;gap:42px}.steps385 span{display:flex;align-items:center;gap:7px;font-size:8px;font-weight:900;color:#9ba2aa}.steps385 span b{display:grid;place-items:center;width:25px;height:25px;border-radius:50%;background:#d8dde3;color:#fff}.steps385 span.active{color:#ee2f82}.steps385 span.active b{background:#ee2f82} .creator385Intro{max-width:1450px;margin:25px auto 14px}.creator385Intro h1{margin:0;font-size:42px;line-height:.95;letter-spacing:-.04em;color:#111820}.creator385Intro h1 em{font-style:normal;color:#ee2f82}.creator385Intro p{margin:9px 0 0;color:#424b55;font-size:12px} .creator385Main{max-width:1450px;margin:auto;display:grid;grid-template-columns:350px 1fr;gap:16px;align-items:start} .profile385,.looks385{background:rgba(255,255,255,.94)!important;border:1px solid #d8dfe7!important;border-radius:18px!important;box-shadow:0 10px 35px rgba(34,48,67,.10)!important} .profile385{padding:19px}.profile385>small,.looks385Head small,.previewPerson385 small{display:block;color:#ee2f82!important;font-size:8px!important;font-weight:1000!important;letter-spacing:.08em}.profile385 label{display:grid;gap:5px;margin-top:17px;color:#171e26!important;font-size:8px;font-weight:1000}.profile385 input,.profile385 select{width:100%;height:42px;padding:0 11px;border:1px solid #cdd5df!important;border-radius:9px;background:#fff!important;color:#111820!important;font-size:12px!important;outline:none}.profile385 input:focus,.profile385 select:focus{border-color:#ee2f82!important;box-shadow:0 0 0 3px #ee2f8214!important} .genres385{margin-top:18px}.genres385>label{margin:0}.genres385>p{margin:3px 0 8px;font-size:8px;color:#7b8591}.genres385 button{display:flex!important;align-items:center!important;gap:8px!important;width:100%!important;min-height:33px!important;padding:5px 0!important;border:0!important;background:transparent!important;color:#252c34!important;text-align:left!important;box-shadow:none!important}.genres385 button i{display:block;width:14px;height:14px;border:1.5px solid #aeb7c1;border-radius:50%;background:#fff}.genres385 button b{font-size:9px;font-weight:700}.genres385 button.selected i{border:4px solid #ee2f82}.genres385 button.selected b{color:#111820}.genres385 button:hover{transform:none!important} .looks385{padding:18px}.looks385Head{display:flex;justify-content:space-between;align-items:start;gap:12px;margin-bottom:12px}.looks385Head h2{margin:3px 0;font-size:23px;color:#111820}.looks385Head p{margin:0;color:#6e7885;font-size:9px}.looks385Head>button{padding:8px 12px!important;border:1px solid #ee2f82!important;border-radius:9px!important;background:#fff!important;color:#ee2f82!important;font-size:8px!important;font-weight:1000!important} .photoGrid385{display:grid;grid-template-columns:repeat(8,minmax(90px,1fr));gap:8px}.photo385{padding:0!important;overflow:hidden!important;border:2px solid transparent!important;border-radius:12px!important;background:#f4f6f9!important;box-shadow:none!important;text-align:left!important;transition:.15s!important}.photo385 img{display:block;width:100%;aspect-ratio:4/5;object-fit:cover}.photo385 span{display:block;padding:6px 7px;background:#fff}.photo385 span b{display:block;font-size:9px;color:#111820}.photo385 span small{display:block;margin-top:1px;font-size:6px;color:#8c959e!important}.photo385:hover{transform:translateY(-2px)!important;border-color:#aab9c8!important}.photo385.selected{border-color:#ee2f82!important;box-shadow:0 0 0 2px #ee2f821e!important} .preview385{display:grid;grid-template-columns:1.35fr repeat(3,1fr);gap:12px;align-items:center;margin-top:14px;padding:12px 14px;border:1.5px solid #f0aac9;border-radius:13px;background:#fffafc}.previewPerson385{display:flex;align-items:center;gap:10px}.previewPerson385 img{width:70px;height:70px;border-radius:50%;object-fit:cover;border:2px solid #fff;box-shadow:0 2px 12px #b7b7b755}.previewPerson385 h2{margin:2px 0;font-size:17px;color:#111820}.previewPerson385 p{margin:1px 0;font-size:8px;color:#59636e}.previewPerson385>div>b{font-size:7px;color:#ee2f82}.previewFact385{padding-left:12px;border-left:1px solid #e7dfe4}.previewFact385 b{display:block;font-size:8px;color:#111820}.previewFact385 span{display:block;margin-top:4px;font-size:7px;line-height:1.35;color:#66717d} .creator385Footer{position:fixed;z-index:50;left:28px;right:28px;bottom:14px;display:grid;grid-template-columns:150px 180px 1fr 360px;align-items:center;gap:1px;max-width:1450px;margin:auto;padding:7px 8px 7px 18px;border-radius:15px;background:#121820;color:#fff;box-shadow:0 12px 35px #18202b55}.creator385Footer>div{padding:4px 18px;border-right:1px solid #303841}.creator385Footer small{display:block;font-size:6px;color:#9aa5b1}.creator385Footer b{display:block;margin-top:2px;font-size:10px}.start385{height:54px!important;border:0!important;border-radius:10px!important;background:linear-gradient(90deg,#f13282,#e81b70)!important;color:#fff!important;font-size:13px!important;font-weight:1000!important;box-shadow:none!important} @media(max-width:1180px){.photoGrid385{grid-template-columns:repeat(4,1fr)}.preview385{grid-template-columns:1.4fr 1fr 1fr}.previewFact385:last-child{display:none}.creator385Footer{grid-template-columns:120px 150px 1fr 300px}} @media(max-width:820px){.creator385{padding:14px 10px 100px!important}.creator385Header{align-items:flex-start}.steps385{display:none}.creator385Intro h1{font-size:33px}.creator385Main{grid-template-columns:1fr}.photoGrid385{grid-template-columns:repeat(4,1fr)}.preview385{grid-template-columns:1fr}.previewFact385{border-left:0;border-top:1px solid #eee;padding:8px 0 0}.previewFact385:last-child{display:block}.creator385Footer{left:8px;right:8px;grid-template-columns:1fr 1fr}.creator385Footer>div:nth-child(3){display:none}.start385{grid-column:1/-1}} @media(max-width:520px){.photoGrid385{grid-template-columns:repeat(2,1fr)}.creator385Footer>div{display:none}.creator385Footer{grid-template-columns:1fr}.start385{grid-column:auto}} /* v3.8.6 — Hero actions: Calendar first, all buttons readable */ @media(max-width:1050px){} @media(max-width:760px){} @media(max-width:480px){} /* v3.8.7 — career story modal must always be actionable */ .storyBackdrop387{z-index:99999!important;pointer-events:auto!important} .careerStory387{position:relative!important;pointer-events:auto!important} .storyChoices387 button{position:relative!important;z-index:2!important;pointer-events:auto!important;cursor:pointer!important} .storyChoices387 button:hover{transform:translateY(-1px)!important;filter:brightness(.96)!important} .storyChoices387 button:disabled{opacity:.55!important;cursor:wait!important} .storyClose387{position:absolute!important;right:13px!important;top:11px!important;width:34px!important;height:34px!important;border-radius:50%!important;border:1px solid #ffffff35!important;background:#ffffff12!important;color:#fff!important;font-size:22px!important;line-height:1!important;cursor:pointer!important} .storyLater387{width:100%!important;margin-top:8px!important;padding:10px!important;border:1px solid #ffffff32!important;border-radius:8px!important;background:transparent!important;color:#aeb7c8!important;font-size:8px!important;font-weight:900!important;letter-spacing:.08em!important;cursor:pointer!important} .storyClose387:hover,.storyLater387:hover{background:#ffffff1c!important;color:#fff!important} /* v3.8.8 — scheduled booking CTA */ .bookingcard.today [data-playbooking]{min-width:190px!important;min-height:48px!important;font-weight:1000!important;letter-spacing:.03em!important;box-shadow:0 8px 22px #ff3d8d44!important;cursor:pointer!important;pointer-events:auto!important;position:relative!important;z-index:4!important} .bookingcard.today [data-playbooking]:hover{transform:translateY(-2px)!important;filter:brightness(1.08)!important} /* v3.8.9 — tracklist -> decks reliability */ .tracklistFooter [data-start-gig-tracklist]{min-height:54px!important;font-size:12px!important;font-weight:1000!important;letter-spacing:.03em!important;background:linear-gradient(90deg,#ff3f94,#ff6857)!important;color:#fff!important;border:0!important;box-shadow:0 10px 26px #ff3f9440!important;cursor:pointer!important} .tracklistFooter [data-start-gig-tracklist]:not(:disabled):hover{transform:translateY(-2px)!important;filter:brightness(1.08)!important} /* v3.9 — progression clarity */ .progression39{display:flex;gap:7px;flex-wrap:wrap;margin-top:9px}.progression39 span{padding:6px 9px;border-radius:999px;background:#0c1424;border:1px solid #3b4863;font-size:8px}.progression39 b{color:#fff} .lockReason39{margin:7px 0!important;padding:7px 8px!important;border-radius:8px!important;background:#4b1c2938!important;border:1px solid #ff6a7a44!important;color:#ffabb4!important;font-size:8px!important;min-height:0!important} .venue:not(.locked){border-color:#4e6f8f!important;box-shadow:0 8px 24px #0003}.venue:not(.locked)>button:not(:disabled){background:linear-gradient(90deg,#ff3f93,#855dff)!important;color:#fff!important;font-weight:1000!important} /* v4.0 — account login + global starting city */ .returning400 input,.login400 input{min-height:42px;padding:0 12px;border-radius:9px;border:1px solid #43516c;background:#070d18;color:#fff;font-size:11px}.startDivider400{position:relative;text-align:center;margin:9px 0;color:#768399;font-size:7px}.startDivider400:before,.startDivider400:after{content:"";position:absolute;top:50%;width:42%;height:1px;background:#ffffff1d}.startDivider400:before{left:0}.startDivider400:after{right:0}.startDivider400 span{padding:0 8px;background:#111528;position:relative;z-index:1}.newCareer400{width:100%}.ghost400{width:100%;margin-top:7px;padding:10px;border:1px solid #ffffff20;border-radius:9px;background:transparent;color:#aeb8ca}.fieldHint400{font-size:7px!important;color:#7e8ba1!important;font-weight:500!important;letter-spacing:0!important;margin-top:2px}.login400 .onlineLoginForm{display:grid!important;grid-template-columns:1fr 1fr auto!important;gap:7px!important}.profile385 label small{display:block} @media(max-width:680px){.login400 .onlineLoginForm{grid-template-columns:1fr!important}} /* v4.0.1 — Global Top 40 */ .refreshTop401{align-self:center!important;padding:9px 12px!important;border-radius:9px!important;border:1px solid #5bcfff!important;background:#10263b!important;color:#8fe3ff!important;font-size:8px!important;font-weight:1000!important} .globalTop401 .chartlist{min-height:280px} /* v4.0.2 — Energy and daily routine */ .heroRoutine402,.heroEndDay402{display:grid!important;grid-template-columns:34px 1fr!important;align-items:center!important;gap:8px!important;min-height:82px!important;padding:11px 12px!important;border-radius:15px!important;color:#fff!important;text-align:left!important;box-shadow:0 10px 25px #0005!important} .heroEndDay402{background:linear-gradient(135deg,#44295e,#271a42)!important;border:1px solid #9b7ac7!important} .heroRoutine402>span,.heroEndDay402>span{font-size:25px!important} .heroRoutine402 small,.heroEndDay402 small{display:block;font-size:6px!important;color:#c9d9e9!important} .heroRoutine402 b,.heroEndDay402 b{display:block;font-size:11px!important;color:#fff!important} .heroRoutine402 em,.heroEndDay402 em{display:block;font-size:6px!important;color:#98a7ba!important;font-style:normal!important} .heroRoutine402:hover,.heroEndDay402:hover{transform:translateY(-2px)!important;filter:brightness(1.08)!important} .energyPage402{max-width:1180px!important} .energyHero402{display:grid;grid-template-columns:1fr 1fr auto;gap:10px;align-items:center;margin:12px 0 16px;padding:14px;border:1px solid #3d4a61;border-radius:16px;background:#0f1725}.energyHero402 small{font-size:7px;color:#8fa0ba}.energyHero402 b{display:block;font-size:22px;margin:2px 0 5px}.energyHero402 button{min-height:54px} .energyBar402,.stressBar402{height:7px;background:#080d15;border-radius:999px;overflow:hidden}.energyBar402 i,.stressBar402 i{display:block;height:100%}.energyBar402 i{background:linear-gradient(90deg,#54e7c0,#7ee7ff)}.stressBar402 i{background:linear-gradient(90deg,#ffcc64,#ff647e)} .energyList402{display:grid;grid-template-columns:repeat(2,1fr);gap:9px}.energyItem402{display:grid;grid-template-columns:58px 1fr auto;gap:10px;align-items:center;padding:12px;border:1px solid #35425d;border-radius:14px;background:linear-gradient(145deg,#101827,#0a101b)}.energyIcon402{width:54px;height:54px;display:grid;place-items:center;border-radius:13px;background:#09101b;font-size:28px}.energyItem402 small{font-size:7px;color:#72dcff}.energyItem402 h3{margin:2px 0;font-size:14px}.energyItem402 p{margin:2px 0 6px;color:#92a0b6;font-size:8px}.energyMeta402{display:flex;gap:5px;flex-wrap:wrap}.energyMeta402 span{padding:3px 5px;border-radius:999px;background:#080d16;font-size:6px;color:#b6c2d4}.energyButtons402{display:grid;gap:5px;min-width:80px}.energyButtons402 button{padding:7px 8px!important;font-size:7px!important} .calendarActions402{display:grid!important;grid-template-columns:1fr 1fr 1fr!important;gap:8px!important}.energyCal402{border-color:#4fcbe8!important}.endDayCal402{font-weight:1000!important} @media(max-width:1180px){.heroRoutine402,.heroEndDay402{min-height:68px!important}.energyList402{grid-template-columns:1fr}} @media(max-width:760px){.heroRoutine402,.heroEndDay402{min-height:62px!important}.energyHero402{grid-template-columns:1fr}.calendarActions402{grid-template-columns:1fr!important}} /* v4.1 — Promoters, management, career economy */ .economyHero410{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:12px 0 18px}.economyHero410>div{padding:13px;border:1px solid #34415b;border-radius:13px;background:#0e1726}.economyHero410 small{display:block;font-size:7px;color:#8292aa}.economyHero410 b{display:block;margin-top:4px;font-size:17px}.profit410 b{color:#63e3ae}.loss410 b{color:#ff7288}.businessTitle410{margin:20px 0 8px;font-size:10px;letter-spacing:.08em;color:#9fb1ca}.managerGrid410{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.manager410{display:grid;grid-template-columns:50px 1fr auto;gap:10px;align-items:center;padding:12px;border:1px solid #35435c;border-radius:14px;background:#0c1421}.manager410.active{border-color:#5ee2c0;box-shadow:0 0 0 1px #5ee2c044}.managerIcon410{font-size:28px}.manager410 small,.promoter410 small{font-size:7px;color:#67dfff}.manager410 h3,.promoter410 h3{margin:2px 0;font-size:13px}.manager410 p,.promoter410 p{margin:2px 0 6px;font-size:8px;color:#8d9ab0}.manager410 span{display:inline-block;margin-right:4px;padding:3px 5px;border-radius:999px;background:#080e18;font-size:6px}.manager410 button{min-width:70px}.promoterGrid410{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.promoter410{display:grid;grid-template-columns:34px 1fr;gap:8px;padding:12px;border:1px solid #35435c;border-radius:14px;background:#0d1522}.promoter410>div{font-size:24px}.promoter410 b{font-size:7px;color:#b7c3d6}.relBar410{height:6px;margin:6px 0;background:#070c14;border-radius:99px;overflow:hidden}.relBar410 i{display:block;height:100%;background:linear-gradient(90deg,#5b80ff,#61e2b3)}.ledger410{display:grid;grid-template-columns:repeat(2,1fr);gap:1px;border:1px solid #34415b;border-radius:12px;overflow:hidden}.ledger410 div{display:flex;justify-content:space-between;padding:10px 12px;background:#0d1522;border-bottom:1px solid #202b3e}.ledger410 span{font-size:8px;color:#8e9bb0}.ledger410 b{font-size:9px} @media(max-width:850px){.economyHero410{grid-template-columns:1fr 1fr}.managerGrid410,.promoterGrid410{grid-template-columns:1fr 1fr}} @media(max-width:520px){.economyHero410,.managerGrid410,.promoterGrid410,.ledger410{grid-template-columns:1fr}} /* v4.2 — Streaming, social, burnout */ .mediaStats420,.burnoutHero420{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:12px 0 18px}.mediaStats420>div,.burnoutHero420>div{padding:13px;border:1px solid #34415b;border-radius:13px;background:#0d1624}.mediaStats420 small,.burnoutHero420 small{display:block;font-size:7px;color:#8495ae}.mediaStats420 b,.burnoutHero420 b{display:block;margin-top:4px;font-size:16px}.campaignGrid420{display:grid;grid-template-columns:repeat(5,1fr);gap:8px}.campaignGrid420 article{padding:12px;border:1px solid #34415b;border-radius:14px;background:#0d1522;text-align:center}.campaignGrid420 article>div{font-size:27px}.campaignGrid420 h3{font-size:9px;margin:5px 0}.campaignGrid420 p{font-size:7px;color:#8e9bb0}.socialFeed420{display:grid;grid-template-columns:repeat(2,1fr);gap:7px}.socialFeed420 article{padding:10px;border:1px solid #2d394f;border-radius:11px;background:#0b1320}.socialFeed420 small{font-size:6px;color:#6edcff}.socialFeed420 p{font-size:8px}.socialFeed420 b{font-size:7px;color:#68dfac}.wellnessLink420{display:flex;justify-content:flex-end;margin:8px 0}.wellnessLink420 button{padding:8px 11px;border:1px solid #ffb85c66;background:#2a1c12;color:#ffd18d;border-radius:9px;font-size:7px;font-weight:1000}.burnoutInfo420{max-width:700px;padding:18px;border:1px solid #4b4053;border-radius:16px;background:#15121d}.burnoutInfo420 h3{font-size:11px}.burnoutInfo420 p{font-size:9px;line-height:1.6;color:#a5afbf}.burnoutInfo420 button{margin-top:10px;width:100%;min-height:48px;background:linear-gradient(90deg,#604b8e,#a34f77);color:#fff;border:0;border-radius:10px;font-weight:1000} @media(max-width:850px){.mediaStats420,.burnoutHero420{grid-template-columns:1fr 1fr}.campaignGrid420{grid-template-columns:1fr 1fr}.socialFeed420{grid-template-columns:1fr}} /* v4.3 — rider, festival career, rivalry */ .riderCurrent430{display:grid;grid-template-columns:1fr 150px 150px;gap:8px;margin:12px 0}.riderCurrent430>div{padding:13px;border:1px solid #34415b;border-radius:13px;background:#0d1522}.riderCurrent430 small{font-size:7px;color:#8797ad}.riderCurrent430 b{font-size:20px}.riderGrid430{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.riderGrid430 article{padding:14px;border:1px solid #35425b;border-radius:14px;background:#0c1421}.riderGrid430 article.active{border-color:#66dfbd}.riderGrid430 article>div{font-size:30px}.riderGrid430 small{font-size:7px;color:#72dfff}.riderGrid430 p{font-size:8px;color:#8e9cb1}.riderGrid430 span{display:block;font-size:7px;margin:3px 0}.festivalProgress430{display:grid;grid-template-columns:repeat(5,1fr);gap:5px;margin:12px 0}.festivalProgress430>span{padding:9px;border:1px solid #34415b;border-radius:10px;background:#0c1421;font-size:8px;font-weight:1000}.festivalProgress430 small{display:block;margin-top:3px;color:#7f8ea4;font-size:6px}.festivalVenues430{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(330px,1fr))!important}.festivalPoster430{margin:9px 0;border:1px solid #394761;border-radius:10px;overflow:hidden;background:#080d16}.festivalPoster430>div{display:grid;grid-template-columns:55px 1fr 90px;gap:6px;padding:6px 8px;border-bottom:1px solid #202b3d;font-size:7px}.festivalPoster430 .you{background:linear-gradient(90deg,#551f46,#172e48);color:#fff}.festivalPoster430 em{font-style:normal;text-align:right;color:#8fdfff}.rivalGrid430{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:8px}.rivalGrid430 article{padding:13px;border:1px solid #49344f;border-radius:14px;background:linear-gradient(145deg,#17101c,#0c1420)}.rivalAvatar430{font-size:32px}.rivalGrid430 small{font-size:7px;color:#ff82ad}.rivalGrid430 p{font-size:8px;color:#94a1b4}.rivalGrid430 article>div:last-of-type{display:flex;gap:5px;margin:7px 0}.rivalGrid430 span{padding:3px 5px;border-radius:999px;background:#080d15;font-size:7px}.rivalHistory430{display:grid;gap:5px}.rivalHistory430 article{display:grid;grid-template-columns:100px 1fr 1fr;gap:8px;padding:8px 10px;border:1px solid #2f394d;border-radius:9px;background:#0b1320;font-size:8px} @media(max-width:760px){.riderCurrent430{grid-template-columns:1fr}.riderGrid430{grid-template-columns:1fr}.festivalProgress430{grid-template-columns:1fr 1fr}.rivalHistory430 article{grid-template-columns:1fr}} /* v4.3.1 — replace hero portrait with dynamic next-gig poster */ .heroPosterLineup431 .you{background:linear-gradient(90deg,#ff2f9236,#5b2cff24);margin:0 -5px;padding-left:8px;padding-right:8px}.heroPosterLineup431 .you strong,.heroPosterLineup431 .you em{color:#ff74bd} @media(max-width:1000px){} @media(max-width:760px){} /* v4.3.2 — wider poster + confirmed bookings only */ @media(min-width:1280px){} @media(max-width:1000px){} @media(max-width:760px){} /* v4.3.3 — hero poster typography/layout correction */ @media(max-width:1000px){ } /* v4.3.4 — polished dashboard inspired by the approved mockup */ .poster434{position:relative;isolation:isolate;width:100%;min-height:735px;padding:18px;border:1px solid #ff4bba;border-radius:18px;background:linear-gradient(180deg,#090a17 0%,#0d0a18 50%,#05070f 100%);box-shadow:0 0 0 1px #9b1f7666,0 22px 44px #0009;overflow:hidden;display:flex;flex-direction:column}.poster434:before{content:"";position:absolute;z-index:-3;inset:0;background: radial-gradient(circle at 14% 24%,#087cff66,transparent 22%), radial-gradient(circle at 88% 18%,#ff159866,transparent 23%), linear-gradient(180deg,transparent 0 44%,#200c2c99 60%,#03040a 100%)} .poster434 header{display:flex;align-items:center;justify-content:space-between;gap:8px}.poster434 header>b{font-size:8px;letter-spacing:.08em} .posterLineup434 .you{color:#fff;background:#4e163f55;margin:0 -6px;padding-left:6px;padding-right:6px} .poster434 footer{margin-top:auto;display:grid;gap:7px}.poster434 footer>span{padding:8px;border:1px solid #ff3f9c55;border-radius:8px;background:#5e123d88;text-align:center;color:#ff76bc;font-size:7px;font-weight:1000;letter-spacing:.07em}.poster434 footer button,.posterEmpty434 button{min-height:44px;border:0;border-radius:8px;background:#e70e70;color:#fff;font-size:9px;font-weight:1000} @media(max-width:1180px){.poster434{min-height:690px}} @media(max-width:900px){.poster434{min-height:650px}} @media(max-width:560px){.poster434{min-height:610px}} /* v4.3.5 — readability pass: larger type and stronger interactive states */ :root{font-size:17px} .poster434 header>b{font-size:10px!important} .poster434 footer>span{font-size:9px!important}.poster434 footer button{font-size:11px!important} /* Career Story modal: readable, clearly clickable and never visually "disabled" before click */ .storyBackdrop387{z-index:100000!important} .careerStory387{width:min(92vw,620px)!important;padding:28px 28px 24px!important;border-radius:20px!important} .careerStory387 .storyIcon{font-size:48px!important} .careerStory387>small{font-size:11px!important;letter-spacing:.15em!important} .careerStory387 h2{font-size:32px!important;line-height:1.05!important;margin:8px 0 12px!important} .careerStory387>p{font-size:15px!important;line-height:1.5!important;margin-bottom:18px!important;color:#d6d9e4!important} .storyChoices387{display:grid!important;gap:10px!important} .storyChoices387 button{ min-height:56px!important; padding:13px 16px!important; border-radius:10px!important; border:1px solid #7d88a2!important; background:#f4f5f8!important; color:#151821!important; font-size:14px!important; font-weight:900!important; opacity:1!important; cursor:pointer!important; pointer-events:auto!important; } .storyChoices387 button:hover{background:#fff!important;border-color:#ff4ea6!important;transform:translateY(-1px)!important} .storyChoices387 button:disabled{opacity:.68!important;cursor:wait!important} .storyLater387{min-height:44px!important;font-size:11px!important;margin-top:10px!important} .storyClose387{width:38px!important;height:38px!important;font-size:24px!important} /* General game screens */ .store .sectionhead h2,.store h2{font-size:28px!important} .store .sectionhead p,.store p{font-size:12px;line-height:1.45} .store button{font-size:11px} .card h3,.venue h3,.bookingcard h3{font-size:17px} .card p,.venue p,.bookingcard p{font-size:11px} @media(max-width:900px){ .careerStory387{width:min(94vw,600px)!important;padding:22px!important} .careerStory387 h2{font-size:27px!important} .storyChoices387 button{font-size:13px!important} } /* v4.3.6 — Fast Forward to Gig */ .fastGig436{min-width:210px!important;min-height:50px!important;font-size:12px!important;font-weight:1000!important;letter-spacing:.02em!important} .fastGig436:not(.blocked436){background:linear-gradient(90deg,#f32f91,#ff6b4f)!important;color:#fff!important;border:0!important;box-shadow:0 8px 24px #f52f8240!important} .fastGig436.blocked436{background:#241726!important;color:#ff9bad!important;border:1px solid #8c3d5c!important} .bookingcard .bookingbuttons{gap:7px!important} .poster434 footer button#posterFastGig436{background:linear-gradient(90deg,#ee0f75,#ff4d6d)!important;font-size:12px!important;min-height:48px!important} /* v4.3.7 — Travel First spacing + direct Flights */ .bookingcard .bookingbuttons{padding-right:16px!important;padding-left:10px!important} .travelFirst437{margin-right:2px!important;min-width:205px!important} .flightRoute437{display:grid;grid-template-columns:1fr 45px 1fr minmax(240px,1.25fr);gap:10px;align-items:center;margin:12px 0 18px;padding:14px;border:1px solid #3a4760;border-radius:14px;background:#0d1624} .flightRoute437>div{padding:10px;border-radius:10px;background:#080e18}.flightRoute437>span{text-align:center;font-size:24px;color:#69dfff}.flightRoute437 small{display:block;font-size:8px;color:#8394aa}.flightRoute437 b{display:block;margin-top:4px;font-size:15px}.flightGig437{border:1px solid #ff4d9a55!important;background:#241125!important} @media(max-width:800px){.flightRoute437{grid-template-columns:1fr}.flightRoute437>span{transform:rotate(90deg)}} /* v4.3.8 — global booking engine */ .offercard small{font-size:10px!important;line-height:1.35!important} .bookingpage .sectionhead p{font-size:12px!important;line-height:1.45!important} /* v4.3.9 — expanded world database */ .genres385{grid-template-columns:repeat(4,minmax(0,1fr))!important} .genres385>label,.genres385>p{grid-column:1/-1!important} .genres385 button{min-height:42px!important;padding:8px 10px!important} .genres385 button b{font-size:10px!important} .genregrid{grid-template-columns:repeat(auto-fit,minmax(210px,1fr))!important} @media(max-width:800px){.genres385{grid-template-columns:repeat(2,minmax(0,1fr))!important}} /* v4.4.0 — Scenes & Club Reputation */ .sceneOffer440{display:flex;flex-wrap:wrap;gap:5px;margin:8px 0} .sceneOffer440 span{padding:6px 8px;border-radius:999px;border:1px solid #48536d;background:#10192a;font-size:8px;font-weight:900;color:#cfe5ff} .sceneCards440{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:11px} .sceneCard440{padding:15px;border:1px solid #35415c;border-radius:14px;background:linear-gradient(145deg,#0d1626,#0a0f1b);box-shadow:0 10px 25px #0004} .sceneHead440{display:grid;grid-template-columns:42px 1fr auto;gap:9px;align-items:center}.sceneHead440>span{font-size:28px}.sceneHead440 small{font-size:8px;color:#8494aa}.sceneHead440 h3{margin:1px 0;font-size:19px}.sceneHead440 b{font-size:9px;color:#ff63b6}.sceneHead440 em{font-style:normal;padding:6px 8px;border-radius:999px;background:#23183a;border:1px solid #7449a0;font-size:8px;font-weight:1000} .sceneGenres440{display:flex;gap:4px;flex-wrap:wrap;margin:11px 0}.sceneGenres440 span{padding:5px 7px;border-radius:7px;background:#121e30;border:1px solid #30445e;font-size:8px} .sceneRep440>div{display:flex;justify-content:space-between;align-items:center}.sceneRep440 b{font-size:10px}.sceneRep440 span{font-size:8px;color:#93a1b4}.sceneRep440 i{display:block;height:7px;margin-top:7px;border-radius:99px;background:#20283a;overflow:hidden}.sceneRep440 u{display:block;height:100%;background:linear-gradient(90deg,#1fd0d8,#8c4dff,#ff4f9d,#ffcc45);text-decoration:none} .sceneLadder440{display:grid;grid-template-columns:repeat(4,1fr);gap:4px;margin-top:10px}.sceneLadder440 span{padding:6px 2px;border-radius:6px;background:#090d16;text-align:center;font-size:6px;color:#5f6878;border:1px solid #242c3c}.sceneLadder440 span.on{color:#fff;border-color:#a64d9b;background:#35183a} @media(max-width:650px){.sceneCards440{grid-template-columns:1fr}.sceneHead440{grid-template-columns:38px 1fr}.sceneHead440 em{grid-column:1/-1}.sceneLadder440{grid-template-columns:1fr 1fr}} /* v4.5.0 — walk-in gigs, tours, festival road */ .walkinCall450{display:grid;grid-template-columns:1fr auto;gap:15px;align-items:center;margin:12px 0 18px;padding:17px;border:1px solid #ff4f9d88;border-radius:15px;background:linear-gradient(110deg,#27102b,#101a2d)}.walkinCall450 small{font-size:8px;color:#ff70bd}.walkinCall450 h3{margin:3px 0;font-size:18px}.walkinCall450 p{margin:0;color:#aebbd0}.walkinCall450 button{min-height:48px;padding:0 18px;font-weight:1000} .citySceneHero450{display:grid;grid-template-columns:1fr auto;gap:12px;margin-bottom:14px;padding:15px;border-radius:14px;background:#101a2a;border:1px solid #344660}.citySceneHero450>div:first-child{display:flex;gap:12px}.citySceneHero450>div:first-child>span{font-size:34px}.citySceneHero450 h3{margin:2px 0}.citySceneHero450>div:last-child{text-align:right}.citySceneHero450>div:last-child b{display:block;font-size:27px;color:#ff67b5} .walkinGrid450{display:grid;grid-template-columns:repeat(auto-fit,minmax(310px,1fr));gap:11px}.walkinGrid450>article{padding:15px;border:1px solid #394760;border-radius:14px;background:linear-gradient(145deg,#0e1727,#090f19)}.walkinGrid450>article.locked{opacity:.65}.walkinStats450{display:flex;gap:5px;flex-wrap:wrap;margin:9px 0}.walkinStats450 span{font-size:8px;padding:5px 7px;border:1px solid #35445d;border-radius:99px}.walkinApproaches450{display:grid;gap:6px}.walkinApproaches450 button{text-align:left;padding:9px 11px;min-height:50px}.walkinApproaches450 button b,.walkinApproaches450 button small{display:block}.walkinApproaches450 button small{margin-top:3px;font-size:8px;opacity:.75} .walkinHistory450{display:grid;gap:5px}.walkinHistory450 div{display:grid;grid-template-columns:28px 1fr auto;gap:8px;padding:9px;border-radius:9px;background:#0c1422}.walkinHistory450 small{color:#8795a8} .tourBuilder450,.agencyGrid450{display:grid;grid-template-columns:repeat(auto-fit,minmax(270px,1fr));gap:10px}.tourBuilder450>h3{grid-column:1/-1}.tourBuilder450 article,.agencyGrid450 article{padding:15px;border:1px solid #36445e;border-radius:14px;background:#0d1625}.tourBuilder450 article strong,.agencyGrid450 article b{display:block;margin:9px 0;color:#68ddff}.activeTour450{margin-bottom:14px;padding:16px;border:1px solid #6e4fff;border-radius:14px;background:#17142c}.agencyGrid450 article.active{border-color:#ff4f9d} @media(max-width:700px){.walkinCall450,.citySceneHero450{grid-template-columns:1fr}.walkinCall450 button{width:100%}.citySceneHero450>div:last-child{text-align:left}.walkinGrid450{grid-template-columns:1fr}} /* v4.6.0 — living touring world + career map */ .npcEventGrid460{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:10px}.npcEventGrid460 article{display:grid;grid-template-columns:44px 1fr;gap:5px 10px;padding:14px;border:1px solid #36445d;border-radius:13px;background:#0d1625}.npcEventGrid460 article>div{grid-row:1/6;font-size:30px}.npcEventGrid460 small,.npcEventGrid460 h3,.npcEventGrid460 b,.npcEventGrid460 p,.npcEventGrid460 button{grid-column:2}.npcEventGrid460 h3{margin:1px 0}.npcEventGrid460 p{margin:3px 0;color:#9eacc0} .mapStats460{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;margin-bottom:14px}.mapStats460 div{padding:13px;border-radius:12px;background:#101a2b;border:1px solid #34435c}.mapStats460 small{display:block;font-size:7px;color:#8d9caf}.mapStats460 b{font-size:25px} .careerRoute460{position:relative;display:grid;gap:6px}.careerRoute460 article{display:grid;grid-template-columns:24px 45px 1fr;gap:9px;align-items:center;padding:11px;border:1px solid #2c3950;border-radius:11px;background:#0b1320}.careerRoute460 article.here{border-color:#ff55ae;box-shadow:0 0 18px #ff55ae22}.routeLine460{text-align:center;color:#6f7d93}.routeFlag460{font-size:28px}.careerRoute460 h3{margin:1px 0;font-size:17px}.careerRoute460 p{margin:1px 0;color:#9ba9bd}.careerRoute460 span{font-size:8px;color:#66d9ff} .tourProgress460{margin:10px 0;padding:12px;border:1px solid #674fff;border-radius:12px;background:#15132a}.tourProgress460 h3{margin:2px 0}.tourProgress460>div{height:7px;background:#24203e;border-radius:99px;overflow:hidden}.tourProgress460 i{display:block;height:100%;background:linear-gradient(90deg,#5edfff,#8d58ff,#ff58b0)}.tourProgress460 p{margin:6px 0 0;font-size:9px} @media(max-width:700px){.mapStats460{grid-template-columns:1fr 1fr}.npcEventGrid460{grid-template-columns:1fr}} /* v4.7.0 — social competition world */ .agentHero470{display:grid;grid-template-columns:1.7fr .6fr .6fr;gap:9px;margin-bottom:14px}.agentHero470>div{padding:14px;border:1px solid #39465f;border-radius:13px;background:#0d1625}.agentHero470 small{font-size:8px;color:#91a0b4}.agentHero470 b{font-size:24px}.agentGrid470{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:9px}.agentGrid470 article{padding:14px;border:1px solid #36445d;border-radius:13px;background:#0c1524}.agentGrid470 article.active{border-color:#ff53ad}.agentGrid470 article>div{font-size:28px}.agentGrid470 span{display:block;margin:8px 0;font-size:8px;color:#9cabc0}.marketMoves470{display:grid;gap:5px}.marketMoves470 div{display:grid;grid-template-columns:100px 1fr 2fr;gap:7px;padding:9px;border-radius:9px;background:#0b1422;border:1px solid #2c394f;font-size:9px} .cityEncounters470{margin:10px 0 16px;padding:12px;border:1px solid #4c3f6c;border-radius:13px;background:linear-gradient(120deg,#131528,#1b1024)}.cityEncounters470.empty{color:#94a2b5}.encHead470{display:flex;justify-content:space-between;margin-bottom:8px}.encHead470 small{color:#ff66b8}.cityEncounters470 article{display:grid;grid-template-columns:38px 1fr auto;gap:9px;align-items:center;padding:8px 0;border-top:1px solid #ffffff12}.cityEncounters470 article>div{font-size:27px}.cityEncounters470 h3{margin:1px 0}.cityEncounters470 p{margin:1px 0;font-size:9px;color:#a1aec0} .afterBackdrop470{position:fixed;z-index:120000;inset:0;display:grid;place-items:center;padding:18px;background:#02040bcc;backdrop-filter:blur(8px)}.afterparty470{position:relative;width:min(620px,94vw);padding:28px;border:1px solid #ff4fa8;border-radius:20px;background:radial-gradient(circle at 70% 10%,#6f155f55,transparent 35%),linear-gradient(145deg,#141025,#080d18);box-shadow:0 25px 70px #000}.afterparty470>small{color:#ff69b6;font-size:10px}.afterparty470 h2{font-size:30px;margin:5px 0}.afterparty470>p{font-size:14px;line-height:1.5;color:#c9d0dd}.afterClose470{position:absolute;right:15px;top:15px;width:38px;height:38px;border-radius:99px}.afterChoices470{display:grid;gap:8px;margin-top:16px}.afterChoices470 button{padding:13px;text-align:left;min-height:58px}.afterChoices470 button b,.afterChoices470 button small{display:block}.afterChoices470 button small{margin-top:4px;color:#99a7bb} .slotBattleBadge470{margin:8px 0;padding:8px;border:1px solid #ff536f;border-radius:8px;background:#3a101b;color:#ffd0d7;text-align:center;font-size:8px;font-weight:1000} @media(max-width:720px){.agentHero470{grid-template-columns:1fr}.marketMoves470 div{grid-template-columns:1fr}.cityEncounters470 article{grid-template-columns:34px 1fr}.cityEncounters470 article button{grid-column:1/-1}} /* v4.8.0 — DJ Support Radar + Confirmed Booking Board */ .trackLifeStats{grid-template-columns:repeat(5,1fr)!important} .supportRadar480{margin:10px 0;padding:11px;border:1px solid #3f4961;border-radius:11px;background:#080f1a} .supportRadar480>header{display:flex;justify-content:space-between;gap:8px;align-items:center;margin-bottom:8px} .supportRadar480>header span{font-size:9px;font-weight:1000;color:#66dcff}.supportRadar480>header b{padding:5px 8px;border-radius:999px;background:#2b1734;color:#ff6ab8;font-size:7px} .supportDjGrid480{display:grid;grid-template-columns:1fr 1fr;gap:5px}.supportDjGrid480 article{display:grid;grid-template-columns:32px 1fr;gap:7px;padding:7px;border-radius:8px;background:#101827;border:1px solid #27344a}.supportDjGrid480 article>div{font-size:22px}.supportDjGrid480 small{font-size:6px;color:#7ddcff}.supportDjGrid480 h4{margin:1px 0;font-size:10px}.supportDjGrid480 p{margin:1px 0;font-size:7px!important;color:#9ca9ba} .supportTimeline480{display:grid;gap:3px;margin-top:7px}.supportTimeline480>div{display:grid;grid-template-columns:24px 110px 1fr 60px;gap:6px;align-items:center;padding:5px;border-top:1px solid #202c3e;font-size:7px}.supportTimeline480 em{font-style:normal;color:#9cabbf}.supportTimeline480 small{text-align:right;color:#67788f} .supportEmpty480{padding:10px;text-align:center;color:#7f8da1;font-size:8px} .globalSupportFeed480{margin:15px 0;padding:13px;border:1px solid #3b4963;border-radius:13px;background:#0b1320}.globalSupportFeed480 h3{margin-top:0}.globalSupportFeed480>div{display:grid;grid-template-columns:28px 110px 1fr 1fr 70px;gap:7px;padding:7px 4px;border-top:1px solid #26334a;align-items:center;font-size:8px}.globalSupportFeed480 em{font-style:normal;color:#95a4b8}.globalSupportFeed480 small{text-align:right;color:#6f8098} .bookingBoard480{margin:16px 0;padding:14px;border:1px solid #40506c;border-radius:15px;background:linear-gradient(145deg,#0e1727,#0a101b)} .bookingBoard480>header{display:flex;justify-content:space-between;align-items:end;gap:10px;margin-bottom:9px}.bookingBoard480>header small{font-size:8px;color:#ff66b8}.bookingBoard480>header h3{margin:2px 0;font-size:18px}.bookingBoard480>header>span{padding:6px 9px;border-radius:999px;background:#172238;font-size:8px} .bookingRows480{display:grid;gap:5px}.bookingRows480 article{display:grid;grid-template-columns:52px minmax(0,1fr) 120px;gap:10px;align-items:center;padding:9px 11px;border:1px solid #29374e;border-radius:9px;background:#0a121f}.bookingRows480 article.next480{border-color:#f64f9a;background:linear-gradient(90deg,#261126,#0b1422)} .bookingNum480{font-size:8px;font-weight:1000;color:#ff64b4}.bookingRows480 small{font-size:7px;color:#8394aa}.bookingRows480 h4{margin:2px 0;font-size:12px}.bookingRows480 p{margin:1px 0!important;font-size:8px!important;color:#a9b5c5}.bookingStatus480{text-align:right}.bookingStatus480 b,.bookingStatus480 span,.bookingStatus480 small{display:block}.bookingStatus480 b{font-size:10px}.bookingStatus480 span{margin:2px 0;font-size:7px;color:#6edfff} .bookingBoard480>footer{display:flex;justify-content:flex-end;gap:7px;margin-top:9px}.bookingBoard480>footer button{min-height:34px;padding:0 11px;font-size:8px} .bookingEmpty480{padding:15px;text-align:center;color:#8795a8} .dashMain434>.bookingBoard480.compact480{max-width:1440px;margin:18px auto 0}.compact480 .bookingRows480{grid-template-columns:1fr 1fr}.compact480 .bookingRows480 article{grid-template-columns:45px minmax(0,1fr) 100px}.compact480>footer{margin-top:8px} @media(max-width:950px){.trackLifeStats{grid-template-columns:1fr 1fr!important}.supportDjGrid480{grid-template-columns:1fr}.globalSupportFeed480>div{grid-template-columns:25px 1fr}.globalSupportFeed480 strong,.globalSupportFeed480 em,.globalSupportFeed480 small{grid-column:2;text-align:left}.compact480 .bookingRows480{grid-template-columns:1fr}} @media(max-width:600px){.bookingRows480 article,.compact480 .bookingRows480 article{grid-template-columns:42px 1fr}.bookingStatus480{grid-column:2;text-align:left}.supportTimeline480>div{grid-template-columns:22px 1fr}.supportTimeline480 em,.supportTimeline480 small{grid-column:2;text-align:left}} /* v4.9.0 — Career Momentum */ .careerHeat490{display:grid;grid-template-columns:1fr 220px;gap:14px;align-items:center;margin:15px 0;padding:15px;border:1px solid #ff6b4a66;border-radius:14px;background:linear-gradient(110deg,#27120e,#111827)}.careerHeat490 small{font-size:8px;color:#ff9279}.careerHeat490 h3{margin:2px 0;font-size:25px}.careerHeat490 h3 span{font-size:9px;color:#ffc07d}.careerHeat490 p{margin:2px 0;color:#9eacbd}.heatBar490{height:11px;border-radius:99px;background:#2a2630;overflow:hidden}.heatBar490 i{display:block;height:100%;background:linear-gradient(90deg,#ffd25d,#ff7d4a,#ff4f9d)} .routeSummary490{margin:10px 0;padding:12px 14px;border:1px solid #3e506b;border-radius:12px;background:#0c1524}.routeSummary490 small{font-size:7px;color:#65dcff}.routeSummary490 h3{margin:3px 0;font-size:15px}.routeSummary490 p{margin:0;color:#9daabd} .weekRecapBackdrop490{position:fixed;z-index:130000;inset:0;display:grid;place-items:center;padding:18px;background:#02050bd9;backdrop-filter:blur(8px)}.weekRecap490{width:min(680px,95vw);padding:28px;border:1px solid #5fdcff;border-radius:20px;background:linear-gradient(145deg,#111b2d,#090d17);box-shadow:0 25px 80px #000}.weekRecap490>small{color:#63dcff}.weekRecap490 h2{font-size:30px;margin:5px 0 18px}.weekRecap490>div{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.weekRecap490>div span{padding:14px;border-radius:12px;background:#172238;text-align:center}.weekRecap490>div b,.weekRecap490>div small{display:block}.weekRecap490>div b{font-size:21px}.weekRecap490>div small{font-size:7px;color:#8fa0b6}.weekRecap490>p{margin:16px 0;color:#c0c9d5}.weekRecap490>button{width:100%;min-height:48px} @media(max-width:700px){.careerHeat490{grid-template-columns:1fr}.weekRecap490>div{grid-template-columns:1fr 1fr}} /* v5.1.0 — The Industry + Seasons & Legacy */ .seasonBanner510{display:grid;grid-template-columns:1fr 120px;gap:12px;align-items:center;margin:0 auto 14px;max-width:1440px;padding:14px 16px;border:1px solid #48566f;border-radius:14px;background:linear-gradient(110deg,#0e1a2b,#1d1230)}.seasonBanner510>div:first-child{display:flex;gap:12px;align-items:center}.seasonBanner510>div:first-child>span{font-size:34px}.seasonBanner510 small{font-size:8px;color:#8fdcff}.seasonBanner510 h3{margin:2px 0;font-size:18px}.seasonBanner510 p{margin:1px 0;color:#9fadc0}.seasonBanner510>div:last-child{text-align:right}.seasonBanner510>div:last-child>b{display:block;font-size:22px} .labelActions500{display:grid;grid-template-columns:1fr auto auto;gap:6px;align-items:center;margin:8px 0;padding:8px;border:1px solid #33445e;border-radius:9px;background:#0b1422}.labelActions500 small{font-size:7px;color:#70ddff}.labelActions500 select{min-height:34px;background:#111c2d;color:#fff;border:1px solid #40506a;border-radius:7px;padding:0 8px} .trackStory500{margin:8px 0;border:1px solid #2f3d52;border-radius:9px;padding:8px;background:#090f19}.trackStory500 summary{cursor:pointer;font-size:8px;font-weight:900;color:#ff68b6}.trackStory500>div{display:grid;grid-template-columns:20px 1fr 60px;gap:6px;padding:6px 0;border-top:1px solid #202c3e}.trackStory500 p{margin:0!important;font-size:8px!important} .lineup500,.backstageChoices500{max-width:720px;margin:15px auto;padding:16px;border:1px solid #3b4960;border-radius:14px;background:#0b1422}.lineup500>div{display:grid;grid-template-columns:80px 1fr 60px;padding:11px;border-top:1px solid #26344a}.lineup500 .you500{background:#32132d} .ownTracks500{margin:10px auto;max-width:1050px;padding:10px;border:1px solid #3a4962;border-radius:12px;background:#0b1421}.ownTracks500>div{display:flex;gap:5px;flex-wrap:wrap}.ownTracks500 button.on500{border-color:#ff5bab;background:#35142d} .archive500>article{display:grid;grid-template-columns:2fr repeat(3,120px);gap:9px;margin:7px 0;padding:12px;border:1px solid #33435b;border-radius:11px;background:#0b1422}.archive500 footer{grid-column:1/-1;font-size:7px;color:#9ba9bc} .media500>article{display:grid;grid-template-columns:48px 1fr;gap:10px;margin:7px 0;padding:13px;border:1px solid #33445c;border-radius:12px;background:#0d1727}.media500>article>span{font-size:30px} .legacyStats510{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-bottom:14px}.legacyStats510 div{padding:13px;border:1px solid #37465e;border-radius:11px;background:#0d1625}.legacyStats510 b{font-size:24px} .arcGrid510{display:grid;grid-template-columns:repeat(auto-fit,minmax(270px,1fr));gap:9px}.arcGrid510 article{padding:14px;border:1px solid #35435d;border-radius:13px;background:#0e1727}.arcGrid510 article>div{display:flex;justify-content:space-between}.arcGrid510 details>div{display:grid;grid-template-columns:70px 1fr;gap:7px;padding:5px 0;font-size:8px} @media(max-width:700px){.seasonBanner510{grid-template-columns:1fr}.legacyStats510{grid-template-columns:1fr 1fr}.archive500>article{grid-template-columns:1fr 1fr}} /* v5.1.4 — deterministic set completion */ .setProgress514{display:grid;grid-template-columns:150px 1fr 180px;gap:10px;align-items:center;margin:10px 0 14px;padding:10px 13px;border:1px solid #42506a;border-radius:11px;background:#0b1421} .setProgress514>div{display:flex;align-items:baseline;gap:8px}.setProgress514 small{font-size:7px;color:#74ddff}.setProgress514 b{font-size:15px}.setProgress514 i{height:7px;border-radius:99px;background:#242e40;overflow:hidden}.setProgress514 u{display:block;height:100%;background:linear-gradient(90deg,#5edfff,#9a58ff,#ff5cae);text-decoration:none}.setProgress514>span{text-align:right;font-size:8px;font-weight:900;color:#ff76bc} @media(max-width:700px){.setProgress514{grid-template-columns:1fr}.setProgress514>span{text-align:left}} /* v5.2.0 — linear Gregorian calendar */ .linearHero520>div:first-child{min-width:320px} .monthCalendar520{margin:14px 0 18px;padding:14px;border:1px solid #3e4d68;border-radius:15px;background:linear-gradient(145deg,#0d1726,#09101b)} .monthCalendar520>header{display:grid;grid-template-columns:42px 1fr 42px;gap:10px;align-items:center;margin-bottom:10px}.monthCalendar520>header>div{text-align:center}.monthCalendar520>header small{font-size:7px;color:#6fddff}.monthCalendar520>header h3{margin:2px 0;font-size:18px}.monthCalendar520>header button{width:42px;height:38px;border-radius:10px;font-size:20px} .weekHead520,.monthGrid520{display:grid;grid-template-columns:repeat(7,1fr);gap:5px}.weekHead520{margin-bottom:5px}.weekHead520 span{text-align:center;font-size:7px;font-weight:900;color:#72849c} .monthDay520,.monthBlank520{min-height:58px;border-radius:9px}.monthDay520{position:relative;padding:7px;background:#101a2b;border:1px solid #26354b}.monthDay520 b{font-size:12px}.monthDay520 span{display:block;margin-top:8px;font-size:6px;color:#ff72bc}.monthDay520.today520{border-color:#67ddff;box-shadow:0 0 0 1px #67ddff55;background:#13263b}.monthDay520.today520:after{content:"TODAY";position:absolute;right:5px;top:5px;font-size:5px;color:#67ddff}.monthDay520.gigday520{cursor:pointer;background:linear-gradient(145deg,#25132a,#111a2a);border-color:#ff57aa}.monthDay520.gigday520 b{color:#ff8ac8} @media(max-width:700px){.linearHero520>div:first-child{min-width:0}.monthDay520,.monthBlank520{min-height:44px}.monthDay520{padding:5px}.monthDay520 span{font-size:5px}.weekHead520,.monthGrid520{gap:3px}} /* v5.2.2 — START GIG + PRACTICE restoration */ .practice522{border-color:#5fdcff!important;background:linear-gradient(145deg,#10263a,#13203b)!important} .practice522 span{filter:drop-shadow(0 0 8px #62dcff)} .startGig522{min-width:240px!important;min-height:46px!important} .startGig522.needsTracks522{border-color:#ffb44f!important;background:#332313!important;color:#ffd49a!important} .tracklistFooter{position:sticky;bottom:8px;z-index:30;padding:10px!important;border-radius:12px;background:#09111ee8;backdrop-filter:blur(8px)} /* v5.3.0 — Practice / XP progression */ .practiceProgress530{display:grid;grid-template-columns:1fr 280px;gap:14px;align-items:center;margin:12px 0;padding:14px;border:1px solid #5d5aff88;border-radius:14px;background:linear-gradient(120deg,#111a31,#1b1531)} .practiceProgress530 small{font-size:7px;color:#6ce0ff}.practiceProgress530 h3{margin:2px 0;font-size:18px}.practiceProgress530 p{margin:2px 0;color:#9daabd}.practiceProgress530>div:last-child{text-align:right}.practiceProgress530>div:last-child b{display:block;font-size:12px}.practiceProgress530 i{display:block;height:8px;margin-top:6px;border-radius:99px;background:#252d42;overflow:hidden}.practiceProgress530 u{display:block;height:100%;background:linear-gradient(90deg,#65dcff,#865bff,#ff5bab);text-decoration:none} @media(max-width:700px){.practiceProgress530{grid-template-columns:1fr}.practiceProgress530>div:last-child{text-align:left}} /* v5.3.1 — cross-browser country flags */ .flagWrap531{display:inline-flex;align-items:center;justify-content:center;width:24px;height:18px;vertical-align:-3px;margin-right:5px;position:relative;overflow:hidden;border-radius:2px;box-shadow:0 0 0 1px #ffffff22;background:#111} .flagWrap531 img{display:block;width:24px;height:18px;object-fit:cover} .flagWrap531>span{display:none} .flagWrap531 img:not([src]),.flagWrap531 img[src=""]{display:none} .flagFallback531{display:inline-block;min-width:20px;text-align:center;margin-right:4px} /* v5.3.2 audit: flag fallback */ .flagWrap531>span{align-items:center;justify-content:center;width:24px;height:18px;font-size:16px;line-height:18px} /* v5.4.0 Hotels + Private Jets */ .hotelTitle540{display:flex;justify-content:space-between;align-items:end;margin:18px 0 8px;gap:12px}.hotelTitle540 small{opacity:.7} .hotelOpts540{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:10px}.hotelOpts540 button{min-height:112px;text-align:left;padding:14px!important}.hotelOpts540 button b,.hotelOpts540 button small,.hotelOpts540 button em{display:block}.hotelOpts540 button em{font-style:normal;font-size:12px;opacity:.65;margin-top:8px;line-height:1.3}.hotelSelected540{outline:2px solid #52d8ff} .jetHangar540{margin:20px 0;padding:20px;border:1px solid #4f6a89;border-radius:22px;background:linear-gradient(135deg,#0e1a2b,#24162e)}.jetHangarHead540{display:flex;justify-content:space-between;gap:20px;align-items:center}.jetHangarHead540 h3{font-size:26px;margin:3px 0}.jetHangarHead540 p{max-width:720px}.activeJet540{padding:14px 18px;border-radius:14px;background:#ffffff10;min-width:280px}.activeJet540 b,.activeJet540 small{display:block}.jetShop540{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:16px}.jetShop540 article{display:grid;grid-template-columns:auto 1fr;gap:12px;padding:16px;border-radius:16px;background:#ffffff09;border:1px solid #ffffff16}.jetShop540 article>span{font-size:34px}.jetShop540 article button{grid-column:1/-1}.jetShop540 h4{font-size:19px;margin:3px 0}.jetShop540 p{font-size:13px;opacity:.75;min-height:42px}.ownedJet540{border-color:#52d8ff!important}.privateFly540{margin-top:8px!important;background:linear-gradient(90deg,#21a7c7,#6c4ee8)!important;color:white!important} @media(max-width:900px){.jetShop540{grid-template-columns:1fr}.jetHangarHead540{display:block}.activeJet540{margin-top:12px}.hotelOpts540{grid-template-columns:1fr 1fr}} /* v5.5 Economy 2.0 */ .financeHero550{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;margin:20px 0}.financeHero550>div,.financeColumns550>article,.taxCard550,.scaleInfo550{background:#ffffff0b;border:1px solid #ffffff18;border-radius:16px;padding:18px}.financeHero550 small,.financeHero550 b{display:block}.financeHero550 b{font-size:24px;margin-top:5px}.financeColumns550{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.financeColumns550 p{display:flex;justify-content:space-between;gap:15px;border-bottom:1px solid #ffffff10;padding:10px 0}.taxCard550{margin:16px 0}.taxCard550>div{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.taxCard550 span,.taxCard550 b{display:block}.scaleInfo550{margin:16px 0}.releaseCampaign550{display:grid;grid-template-columns:repeat(2,minmax(160px,1fr));gap:6px;margin:10px 0}.releaseCampaign550 button{text-align:left;padding:9px!important}.releaseCampaign550 b,.releaseCampaign550 small{display:block}.releaseCampaign550 small{font-size:10px;opacity:.7;margin-top:3px}@media(max-width:900px){.financeHero550{grid-template-columns:1fr 1fr}.financeColumns550{grid-template-columns:1fr}.taxCard550>div{grid-template-columns:1fr 1fr}} n/* v5.5.1 deep audit optimizations */ .currentYearFinance551{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:12px 0}.currentYearFinance551>div{padding:13px;border:1px solid #34445d;border-radius:11px;background:#0d1725}.currentYearFinance551 small{display:block;font-size:7px;color:#78ddff}.currentYearFinance551 b{display:block;margin-top:4px;font-size:16px} .hypeList,.bookingRows480,.worldgrid,.gigLogGrid34,.playerGrid37{contain:layout style} @media(max-width:800px){.currentYearFinance551{grid-template-columns:1fr 1fr}} /* v5.6.2 — clear booking location, no legacy scene labels */ .bookingLocation562{display:flex;align-items:center;gap:7px;margin:7px 0 9px;color:#eef4ff;font-size:13px} .bookingLocation562 b{font-weight:900} .bookingLocation562 span{opacity:.68;font-size:12px} .bookingLocation562 .flagWrap531{margin-right:1px} .offercard .bookingLocation562{margin-top:2px} .bookingcard .bookingLocation562{margin-top:5px} /* v5.6.3 — explicit hotel choice */ .hotelBackdrop563{position:fixed;inset:0;z-index:100000;background:#05070dcc;backdrop-filter:blur(9px);display:grid;place-items:center;padding:24px} .hotelModal563{position:relative;width:min(860px,96vw);max-height:90vh;overflow:auto;border:1px solid #5b6588;border-radius:22px;background:linear-gradient(145deg,#111827,#24152e);padding:24px;box-shadow:0 30px 80px #0009} .hotelModal563>small{color:#61dfff;font-weight:900;letter-spacing:.18em}.hotelModal563 h2{margin:4px 0 3px;font-size:28px}.hotelModal563>p{margin:0 0 16px;color:#aeb8ca} .hotelClose563{position:absolute;right:14px;top:14px;width:38px;height:38px;border-radius:50%;font-size:22px} .hotelChoices563{display:grid;grid-template-columns:repeat(2,1fr);gap:10px} .hotelChoices563 button{display:grid;grid-template-columns:42px 1fr;gap:10px;text-align:left;padding:15px;border-radius:14px;min-height:110px} .hotelChoices563 button>span{font-size:28px}.hotelChoices563 b,.hotelChoices563 small,.hotelChoices563 em{display:block}.hotelChoices563 small{margin-top:4px}.hotelChoices563 em{font-style:normal;margin-top:8px;opacity:.7;font-size:12px;line-height:1.35} .hotelNoThanks563{width:100%;margin-top:12px} @media(max-width:700px){.hotelChoices563{grid-template-columns:1fr}.hotelModal563{padding:18px}} /* v5.6.5 travel-only fix */ .travelFirst437{pointer-events:auto!important;cursor:pointer!important;opacity:1!important} /* v5.6.7 — isolated Calendar travel screen */ .bookingTravel567{max-width:1050px;margin:0 auto} .travelRoute567{display:grid;grid-template-columns:1fr 70px 1fr;align-items:center;gap:14px;padding:20px;border:1px solid #43516c;border-radius:18px;background:#0d1624;margin-bottom:18px} .travelRoute567>div{padding:16px;border-radius:13px;background:#080e18}.travelRoute567 small,.travelRoute567 span{display:block;color:#8fa0b7}.travelRoute567 b{display:block;font-size:22px;margin:4px 0}.travelRoute567>strong{text-align:center;font-size:30px;color:#69dfff} .travelChoices567{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.travelChoices567 article{display:grid;grid-template-columns:60px 1fr;gap:14px;padding:20px;border:1px solid #46516e;border-radius:18px;background:linear-gradient(145deg,#101827,#211529)}.travelChoices567 article>button{grid-column:1/-1;min-height:48px}.travelIcon567{font-size:38px}.travelChoices567 h3{margin:3px 0 6px;font-size:22px}.travelChoices567 p{opacity:.72}.travelAll567{width:100%;margin-top:14px;min-height:46px} @media(max-width:760px){.travelChoices567{grid-template-columns:1fr}.travelRoute567{grid-template-columns:1fr}.travelRoute567>strong{transform:rotate(90deg)}} /* v5.6.8 — airport departure-board navigation */ .airportBoard568{max-width:1450px;margin:0 auto}.airportRoute568>div span{display:block;color:#91a1b8;font-size:12px;margin-top:5px} .countryJump568{display:flex;gap:8px;overflow-x:auto;padding:10px 2px 16px;position:sticky;top:76px;z-index:8;background:linear-gradient(180deg,#0a101c 72%,transparent);scrollbar-width:thin}.countryJump568 a{flex:0 0 auto;text-decoration:none;color:#eaf4ff;border:1px solid #40516d;border-radius:12px;padding:9px 11px;background:#111a2a;font-weight:800;font-size:12px}.countryJump568 a b{margin-left:7px;color:#64ddff} .airportCountries568{display:grid;gap:18px}.airportCountry568{scroll-margin-top:145px;border:1px solid #384861;border-radius:20px;background:#0d1421;padding:14px}.airportCountry568>header{display:flex;align-items:end;justify-content:space-between;padding:2px 5px 12px}.airportCountry568>header small{color:#6fe5ff;font-weight:900;letter-spacing:.14em}.airportCountry568>header h3{margin:3px 0 0;font-size:23px}.airportCountry568>header>b{font-size:11px;color:#91a1b8} .airportGrid568{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.airportCard568{display:grid;grid-template-columns:68px 1fr auto;gap:11px;align-items:center;padding:12px;border:1px solid #33445e;border-radius:14px;background:linear-gradient(145deg,#111b2b,#171322)}.airportCard568.selected{border-color:#ff3f9d;box-shadow:0 0 0 1px #ff3f9d inset}.airportCard568.locked{opacity:.55}.iata568{font-size:22px;font-weight:1000;letter-spacing:.08em;text-align:center;padding:12px 6px;border-radius:10px;background:#07101d;color:#63e2ff;border:1px solid #344964}.airportCity568 h3{font-size:17px;margin:2px 0}.airportCity568 small,.airportFare568 small{color:#8d9db5;font-size:9px;font-weight:900;letter-spacing:.12em}.airportCity568 p{font-size:11px;color:#aeb9ca;margin:3px 0;line-height:1.25}.airportFare568{text-align:right}.airportFare568 b{display:block;font-size:13px}.airportCard568>button{grid-column:auto;min-height:35px;padding:7px 10px;font-size:10px}.airportCard568>button:first-of-type{grid-column:2}.airportCard568>.privateFly540{grid-column:3} @media(max-width:1050px){.airportGrid568{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:700px){.airportGrid568{grid-template-columns:1fr}.countryJump568{top:64px}.airportCard568{grid-template-columns:60px 1fr}.airportFare568{grid-column:2;text-align:left}.airportCard568>button:first-of-type,.airportCard568>.privateFly540{grid-column:auto}} /* v5.6.9 — persistent Phone + repaired show entry */ .hudPhone569{position:relative;display:flex!important;align-items:center;gap:5px;min-height:34px;padding:6px 10px!important;border:1px solid #475875!important;border-radius:10px!important;background:#182239!important;color:#fff!important;white-space:nowrap}.hudPhone569 em,.dashPhone569 em{font-style:normal;background:#ff3c96;color:white;border-radius:999px;padding:2px 5px;font-size:9px} /* v5.6.12 — calendar + HOME poster recovery */ .posterReliable612{display:flex!important;flex-direction:column!important;min-height:500px!important;border:1px solid #4d5e7b!important;border-radius:22px!important;padding:22px!important;background:radial-gradient(circle at 70% 18%,#ff3d9640,transparent 28%),linear-gradient(150deg,#0b1424,#221331 65%,#090b12)!important;color:#fff!important;overflow:hidden} .posterTop612{display:flex;justify-content:space-between;gap:10px;align-items:center}.posterTop612 span,.posterTag612{font-size:11px;font-weight:1000;letter-spacing:.18em;color:#ff65ae}.posterCenter612{margin:auto 0}.posterCenter612 small{color:#8ce8ff;font-weight:800}.posterCenter612 h2{font-size:clamp(34px,4vw,56px);line-height:.95;margin:9px 0}.posterCenter612 h3{font-size:22px;margin:4px 0}.posterCenter612 p{opacity:.75} .posterInfo612{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:18px 0}.posterInfo612 span{padding:10px;border-radius:12px;background:#0b1220aa;border:1px solid #34445f}.posterInfo612 small{display:block;color:#8c9bb0;font-size:9px}.posterInfo612 b{display:block;margin-top:3px;font-size:12px} .posterAction612{min-height:52px!important;border:0!important;border-radius:14px!important;background:linear-gradient(90deg,#ff3d99,#ff724d)!important;color:#fff!important;font-weight:1000!important;cursor:pointer!important;pointer-events:auto!important} .posterEmpty612{text-align:center;justify-content:center!important;align-items:center}.posterEmpty612 .posterTicket612{font-size:54px;margin:20px} .calendarSafe612{min-height:70vh}.calendarFallback612,.calendarRecovery612{padding:20px;border:1px solid #44526e;border-radius:16px;background:#111827;margin:14px 0}.calendarFallback612{display:flex;justify-content:space-between}.calendarRecovery612{display:flex;gap:10px}.brokenBooking612{border-color:#a74d61!important} .travelSnapshot10124{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(320px,.9fr);gap:16px;margin:10px 0 18px} .travelVisual10124{position:relative;min-height:310px;border:1px solid rgba(127,185,255,.20);border-radius:18px;overflow:hidden;background:radial-gradient(circle at 30% 20%,rgba(67,146,255,.25),transparent 28%),linear-gradient(135deg,#0b1322,#09111a 46%,#0d1625);background-size:cover;background-position:center;display:flex;flex-direction:column;justify-content:space-between;padding:18px;box-shadow:0 14px 34px rgba(0,0,0,.24)} .travelVisual10124.hasPhoto:before{content:'';position:absolute;inset:0;background:linear-gradient(180deg,rgba(6,10,16,.12),rgba(6,10,16,.82));pointer-events:none} .travelVisual10124>*{position:relative;z-index:1} .travelVisualTop10124,.travelVisualBottom10124{display:flex;flex-direction:column;gap:6px} .travelVisualTop10124 small,.travelFactsHead10124 small,.travelSceneLine10124 small,.travelNext10124 small{font-size:10px;letter-spacing:.18em;text-transform:uppercase;color:#7fdcff;font-weight:900} .travelVisualTop10124 span{align-self:flex-start;padding:8px 12px;border-radius:999px;background:rgba(6,15,26,.72);border:1px solid rgba(255,255,255,.09);font-size:12px;color:#dce8ff} .travelVisualBottom10124 h3{margin:0;font-size:34px;line-height:1.04;color:#fff} .travelVisualBottom10124 p{margin:0;max-width:620px;color:#d0dbec;line-height:1.45} .travelChipRow10124{display:flex;flex-wrap:wrap;gap:8px;margin-top:4px} .travelChipRow10124 span{padding:8px 12px;border-radius:999px;background:rgba(6,15,26,.78);border:1px solid rgba(255,255,255,.08);color:#eff6ff;font-weight:800;font-size:12px} .travelMeta10124{display:grid;gap:14px} .travelFacts10124,.travelDjs10124{padding:14px;border:1px solid #253556;border-radius:18px;background:linear-gradient(135deg,#0d1424,#101a2d)} .travelFactsHead10124{display:flex;flex-direction:column;gap:3px;margin-bottom:12px} .travelFactsHead10124 b{font-size:18px;color:#fff} .travelFactsGrid10124{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px} .travelFactsGrid10124 article{padding:12px;border:1px solid rgba(255,255,255,.07);border-radius:14px;background:rgba(255,255,255,.03);display:flex;flex-direction:column;gap:4px} .travelFactsGrid10124 article small{font-size:10px;letter-spacing:.14em;color:#8fbef7;font-weight:900} .travelFactsGrid10124 article b{font-size:24px;color:#fff;line-height:1} .travelFactsGrid10124 article span{font-size:11px;color:#9fb0c7} .travelSceneLine10124,.travelNext10124{margin-top:12px;padding-top:12px;border-top:1px solid rgba(255,255,255,.08)} .travelSceneLine10124 p,.travelNext10124 b{margin:4px 0 0;color:#eef4ff} .travelNext10124 b{display:block;font-size:15px;line-height:1.35} .travelDjs10124 article{display:grid;grid-template-columns:44px 1fr auto;gap:10px;align-items:center;padding:10px 0;border-top:1px solid rgba(255,255,255,.07)} .travelDjs10124 article:first-of-type{border-top:0;padding-top:2px} .travelDjAvatar10124{width:44px;height:44px;border-radius:12px;display:grid;place-items:center;background:rgba(127,220,255,.10);border:1px solid rgba(127,220,255,.20);font-size:24px} .travelDjs10124 h4{margin:2px 0;color:#fff;font-size:16px} .travelDjs10124 p{margin:0;color:#99abc0;font-size:12px} .travelDjsEmpty10124{padding:4px 0 2px;color:#9db0c6} @media(max-width:1080px){.travelSnapshot10124{grid-template-columns:1fr}.travelVisual10124{min-height:280px}} @media(max-width:640px){.travelFactsGrid10124{grid-template-columns:1fr}.travelDjs10124 article{grid-template-columns:44px 1fr}.travelDjs10124 article button{grid-column:1/-1}} /* v10138 — compact global action feedback. Non-modal and pointer transparent. */ .toastRail10138{position:fixed;left:50%;bottom:22px;transform:translateX(-50%);z-index:99999;display:grid;gap:8px;width:min(620px,calc(100vw - 28px));pointer-events:none} .toastItem10138{padding:11px 14px;border:1px solid rgba(255,255,255,.16);border-radius:10px;background:rgba(11,14,20,.94);box-shadow:0 12px 34px rgba(0,0,0,.32);backdrop-filter:blur(10px);color:#f5f7fa;font-size:13px;font-weight:700;line-height:1.35;letter-spacing:.01em;text-align:center} @media(max-width:700px){.toastRail10138{bottom:14px;width:calc(100vw - 20px)}.toastItem10138{font-size:12px;padding:10px 12px}} /* styles/10-career.css */ @media(max-width:1050px){.posterReliable612{min-height:390px!important}.posterInfo612{grid-template-columns:1fr}} /* v5.6.15 — NEXT GIG poster redesign */ .posterStage615{ position:relative!important; min-height:610px!important; padding:24px!important; border-radius:24px!important; border:1px solid rgba(255,92,174,.5)!important; background: radial-gradient(circle at 86% 12%,rgba(255,48,146,.42),transparent 31%), radial-gradient(circle at 18% 72%,rgba(65,199,255,.15),transparent 34%), linear-gradient(155deg,#101629 0%,#24122f 50%,#160d23 100%)!important; box-shadow:0 22px 55px rgba(0,0,0,.38),inset 0 0 0 1px rgba(255,255,255,.025)!important; isolation:isolate; } .posterStage615>*:not(.posterGlow615):not(.posterGrid615){position:relative;z-index:2} .posterGlow615{ position:absolute;z-index:0;right:-65px;top:70px;width:280px;height:280px;border-radius:50%; background:radial-gradient(circle,rgba(255,69,167,.28),rgba(255,69,167,.04) 48%,transparent 70%); filter:blur(3px);pointer-events:none } .posterGrid615{ position:absolute;z-index:0;inset:0;opacity:.14;pointer-events:none; background-image:linear-gradient(rgba(255,255,255,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.07) 1px,transparent 1px); background-size:34px 34px; mask-image:linear-gradient(to bottom,transparent 5%,#000 28%,#000 78%,transparent 100%); } .posterTop615{font-size:12px;letter-spacing:.08em} .posterTop615 span{color:#ff62b2!important;text-shadow:0 0 18px rgba(255,61,153,.45)} .posterCenter615{margin:28px 0 auto!important} .posterLive615{ display:inline-block;padding:5px 9px;margin-bottom:11px;border:1px solid rgba(255,255,255,.25); border-radius:6px;color:#fff;font-size:9px;font-weight:1000;letter-spacing:.24em;background:rgba(7,12,25,.35) } .posterCenter615 h2{ max-width:100%;font-size:clamp(40px,4.25vw,64px)!important;line-height:.88!important; letter-spacing:-.045em!important;text-transform:uppercase;margin:4px 0 12px!important; text-shadow:0 10px 30px rgba(0,0,0,.32) } .posterCenter615 h3{font-size:23px!important;margin:0 0 13px!important} .posterCenter615 p{font-size:14px!important;margin:0 0 8px!important;color:#d8ccdc!important} .posterCenter615 strong{font-size:10px;letter-spacing:.2em;color:#ffd45c} .posterInfo615{margin:8px 0 17px!important} .posterInfo615 span{ min-height:60px;background:rgba(7,12,25,.52)!important;border-color:rgba(126,157,198,.25)!important; backdrop-filter:blur(5px) } .posterInfo615 small{letter-spacing:.13em!important} .posterInfo615 b{font-size:11px!important} .posterAction615{ min-height:58px!important;border-radius:13px!important;font-size:14px!important;letter-spacing:.02em!important; box-shadow:0 10px 28px rgba(255,57,147,.22)!important } .posterAction615:hover{transform:translateY(-1px);filter:brightness(1.06)} @media(max-width:1050px){ .posterStage615{min-height:500px!important} .posterCenter615 h2{font-size:42px!important} } /* v5.6.16 — club line-up poster */ .posterClub616{ min-height:690px!important; background: radial-gradient(circle at 80% 15%,rgba(255,29,126,.34),transparent 27%), radial-gradient(circle at 18% 75%,rgba(0,218,255,.12),transparent 30%), linear-gradient(160deg,#06070b 0%,#13101b 48%,#250b20 100%)!important; } .clubNoise616{ position:absolute;inset:0;z-index:0;pointer-events:none;opacity:.17; background: repeating-linear-gradient(0deg,transparent 0 3px,rgba(255,255,255,.028) 3px 4px), linear-gradient(115deg,transparent 0 54%,rgba(255,61,153,.08) 54% 55%,transparent 55% 100%); } .clubLocation616{margin-top:26px;display:flex;justify-content:space-between;align-items:center;font-size:12px;font-weight:900;letter-spacing:.12em;text-transform:uppercase;color:#74e7ff} .clubLocation616 i{font-style:normal;color:#9c8ca8} .clubTitle616{margin:22px 0 20px!important} .clubTitle616 h2{font-size:clamp(42px,4.5vw,68px)!important;line-height:.86!important;max-width:95%;text-transform:uppercase} .clubTitle616 p{color:#d7c8dc!important;font-size:13px!important;letter-spacing:.05em} .lineup616{margin:4px 0 20px;border-top:1px solid rgba(255,255,255,.12);border-bottom:1px solid rgba(255,255,255,.12);padding:14px 0} .lineup616>small{display:block;color:#ff5aa9;font-size:9px;font-weight:1000;letter-spacing:.22em;margin-bottom:8px} .lineup616>div{display:grid;grid-template-columns:28px 1fr auto;gap:8px;align-items:baseline;padding:7px 3px;border-top:1px solid rgba(255,255,255,.055)} .lineup616>div:first-of-type{border-top:0} .lineup616 span{font-size:9px;color:#6c7587;font-weight:900} .lineup616 b{font-size:19px;letter-spacing:.02em;text-transform:uppercase} .lineup616 em{font-style:normal;font-size:9px;color:#8b9eb6;letter-spacing:.12em;text-transform:uppercase} .lineup616 .you616{background:linear-gradient(90deg,rgba(255,52,148,.14),transparent);border-left:3px solid #ff3b98;padding-left:8px} .lineup616 .you616 b{color:#fff;text-shadow:0 0 18px rgba(255,61,153,.42)} .lineup616 .you616 em{color:#ff85bf} .clubStrip616{display:flex;justify-content:space-between;gap:8px;flex-wrap:wrap;margin:0 0 14px} .clubStrip616 span{font-size:8px;font-weight:1000;letter-spacing:.16em;color:#b8c2d3;border:1px solid rgba(255,255,255,.12);padding:6px 8px;border-radius:5px;background:rgba(0,0,0,.25)} @media(max-width:1050px){.posterClub616{min-height:600px!important}.lineup616 b{font-size:16px}} /* v5.6.17 — restored post-gig result screen */ .resultPage617{min-height:100vh;display:grid;place-items:center;padding:34px;background:radial-gradient(circle at 78% 12%,rgba(255,52,151,.18),transparent 30%),radial-gradient(circle at 18% 80%,rgba(44,202,255,.12),transparent 30%),#070a11} .result617{width:min(920px,94vw);padding:28px!important;border:1px solid #46516f!important;border-radius:24px!important;background:linear-gradient(145deg,#101827,#211429 62%,#100b17)!important;box-shadow:0 30px 80px rgba(0,0,0,.45)} .resultTop617{display:flex;justify-content:space-between;gap:20px;align-items:flex-start}.resultTop617 small{color:#69e2ff;font-weight:1000;letter-spacing:.18em}.resultTop617 h2{font-size:clamp(34px,5vw,60px);line-height:.95;margin:5px 0}.resultTop617 p{color:#9aa9bc}.resultDate617{font-size:12px;color:#ff6caf;font-weight:900} .crowdHero617{display:grid;grid-template-columns:210px 1fr;gap:18px;margin:24px 0;padding:18px;border:1px solid #3e4b65;border-radius:18px;background:#0a1220} .crowdGauge617{display:grid;place-items:center;align-content:center;min-height:150px;border-radius:16px;background:radial-gradient(circle,#ff3e9955,transparent 63%),#111827}.crowdGauge617 b{font-size:54px;line-height:1}.crowdGauge617 span{font-size:9px;letter-spacing:.17em;color:#8fa0b7;margin-top:7px} .crowdMood617{display:flex;flex-direction:column;justify-content:center}.crowdMood617 strong{font-size:27px}.crowdMood617 p{margin-top:8px;color:#aeb8c8;line-height:1.5} .stars617{font-size:28px;letter-spacing:5px;color:#ffd45e;margin:4px 0 18px}.resultGrid617{grid-template-columns:repeat(3,1fr)!important;gap:9px!important}.resultGrid617 span{min-height:82px!important;padding:13px!important;border:1px solid #3c4860!important;border-radius:13px!important;background:#0d1523!important}.resultGrid617 small{display:block;color:#8494a9;font-size:9px;letter-spacing:.12em}.resultGrid617 b{display:block;margin-top:7px;font-size:22px} .resultDetails617{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:14px 0}.resultDetails617>div{padding:11px;border-radius:11px;background:#0b111d;border:1px solid #344158}.resultDetails617 small{display:block;color:#8494a9;font-size:8px;letter-spacing:.12em}.resultDetails617 b{display:block;margin-top:4px;font-size:12px} .resultMessage617{margin:15px 0!important}.resultHome617{width:100%!important;min-height:54px!important} @media(max-width:700px){.crowdHero617{grid-template-columns:1fr}.resultGrid617{grid-template-columns:repeat(2,1fr)!important}.resultDetails617{grid-template-columns:repeat(2,1fr)}} /* v5.6.18 — post-gig readability */ .result617,.result617 *{text-shadow:none!important} .result617{color:#f7f9ff!important} .resultTop617 h2{color:#fff!important;font-weight:900!important} .resultTop617 p{color:#cbd5e1!important;font-size:15px!important} .resultTop617 small{color:#70e6ff!important;font-size:11px!important} .resultDate617{color:#ff8bc2!important;font-size:13px!important} .crowdGauge617{background:radial-gradient(circle,rgba(255,62,153,.20),transparent 68%),#111827!important} .crowdGauge617 b{color:#fff!important;font-weight:950!important} .crowdGauge617 span{color:#c5d0df!important;font-size:10px!important} .crowdMood617 strong{color:#fff!important;font-weight:950!important} .crowdMood617 p{color:#d7deea!important;font-size:15px!important} .resultGrid617 small,.resultDetails617 small{color:#aebbd0!important;font-weight:800!important} .resultGrid617 b{color:#fff!important;font-weight:950!important} .resultDetails617 b{color:#f4f7ff!important;font-size:13px!important;font-weight:850!important} .resultMessage617{color:#171923!important;font-weight:800!important} .resultHome617{color:#fff!important;font-weight:900!important} /* v5.6.19 — DJ Battle Simulator */ .battleIntro619{display:flex;justify-content:space-between;gap:20px;align-items:center;padding:18px;border:1px solid #46546e;border-radius:16px;background:linear-gradient(90deg,#111a2b,#271329);margin:16px 0}.battleIntro619 small{color:#64e1ff;font-weight:900;letter-spacing:.15em}.battleIntro619 h3{margin:4px 0}.battleIntro619>span{color:#ffd25d;font-weight:900} .onlineBattle619{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-bottom:20px}.onlineBattle619 article{padding:14px;border:1px solid #394a66;border-radius:14px;background:#101827}.onlineBattle619 small{color:#60e0ff}.onlineBattle619 h3{margin:4px 0}.onlineBattle619 button{width:100%;margin-top:8px} .battlePage619{min-height:100vh;padding:24px;background:radial-gradient(circle at 50% 10%,#ff3c8d25,transparent 32%),linear-gradient(180deg,#060912,#0b0d16);color:#fff} .battleHead619{display:flex;align-items:center;gap:16px;max-width:1300px;margin:0 auto 16px}.battleHead619>button{width:44px;height:44px}.battleHead619 small{color:#64e4ff;font-weight:900;letter-spacing:.16em}.battleHead619 h2{font-size:34px;margin:3px 0}.battleRound619{margin-left:auto;padding:10px 14px;border:1px solid #40506c;border-radius:10px;background:#101827}.battleRound619 b{font-size:22px;color:#ff67ad} .battleArena619{max-width:1300px;margin:auto;display:grid;grid-template-columns:1fr 290px 1fr;gap:14px;align-items:stretch}.battleDJ619{padding:20px;border:1px solid #42506b;border-radius:20px;background:linear-gradient(145deg,#121a29,#1d1023);text-align:center}.battleDJ619.you619{box-shadow:inset 0 0 0 1px #ff3d8f55}.battleDJ619.rival619{box-shadow:inset 0 0 0 1px #46dfff44}.battleDJ619 small{letter-spacing:.17em;color:#8b9bb2;font-weight:900}.battleDJ619 h2{font-size:30px;margin:8px 0 2px}.battleDJ619 p{color:#a9b5c6}.battleDJ619>strong{display:block;font-size:48px;margin-top:12px}.battleDJ619>em{font-style:normal;font-size:9px;letter-spacing:.18em;color:#8390a4} .battleDeck619{height:210px;margin:16px 0;display:grid;place-items:center;border-radius:16px;background:radial-gradient(circle,#202b42,#070b12 66%);border:1px solid #34445d}.battlePlatter619{width:130px;height:130px;border:8px solid #ff3d96;border-radius:50%;display:grid;place-items:center;font-size:42px;font-weight:900;box-shadow:0 0 35px #ff3d9666}.battlePlatter619.cyan619{border-color:#52defe;box-shadow:0 0 35px #52defe55}.battleDeck619 span{position:absolute;opacity:.6} .battleCenter619{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:18px}.vs619{font-size:42px;font-weight:1000;color:#ff4a9d}.crowdBattle619{width:100%;padding:18px;border:1px solid #40506a;border-radius:16px;background:#0d1422;text-align:center}.crowdBattle619>b{display:block;font-size:48px}.crowdBattle619 i{display:block;height:12px;background:#20283a;border-radius:20px;overflow:hidden;margin:12px 0}.crowdBattle619 i u{display:block;height:100%;background:linear-gradient(90deg,#56e3ff,#ff3c96);text-decoration:none}.crowdBattle619 span{font-size:10px;color:#9eb0c5}.battleLead619{font-weight:900;color:#ffd35d} .battleFeed619{max-width:1300px;margin:16px auto;padding:16px;border:1px solid #35445d;border-radius:16px;background:#0b111d}.battleFeed619 article{display:grid;grid-template-columns:35px 1fr 55px 30px 55px 1fr;gap:8px;align-items:center;padding:7px;border-top:1px solid #253147}.battleFeed619 article:first-of-type{border-top:0}.battleFeed619 article strong{text-align:center}.battleFeed619 article i{text-align:center;color:#77859a} .battleResult619{max-width:800px;margin:18px auto;padding:24px;text-align:center;border-radius:20px;border:1px solid #4b5770;background:#121927}.battleResult619 h2{font-size:48px;margin:5px 0}.battleResult619.win619 h2{color:#6ff1b8}.battleResult619.loss619 h2{color:#ff769c}.battleResult619 button{width:100%;min-height:48px;margin-top:12px} @media(max-width:980px){.battleArena619{grid-template-columns:1fr}.battleCenter619{order:-1}.onlineBattle619{grid-template-columns:1fr}} /* v5.6.20 — genre-locked tracklists + music economy */ .genrePolicy620{display:grid;grid-template-columns:2fr repeat(3,1fr);gap:10px;margin:16px 0}.genrePolicy620>div{padding:14px;border:1px solid #3b4a65;border-radius:14px;background:#101827}.genrePolicy620 small{display:block;color:#6ce4ff;font-size:9px;font-weight:900;letter-spacing:.13em}.genrePolicy620 h3{margin:5px 0;font-size:20px}.genrePolicy620 b{display:block;font-size:28px}.genrePolicy620 span{font-size:10px;color:#9eacc0} .crateWarning620{display:flex;justify-content:space-between;gap:18px;align-items:center;padding:17px;margin:12px 0;border:1px solid #d79a35;border-radius:14px;background:#2a2111}.crateWarning620 small{color:#ffd15e;font-weight:1000;letter-spacing:.14em}.crateWarning620 h3{margin:4px 0}.crateWarning620 p{color:#d6c7aa}.crateWarning620 button{min-width:170px} .crateTitle620{margin:22px 0 10px;color:#f7f9ff}.fresh620{color:#73efb8!important;border-color:#2d7d61!important}.used620{color:#ffb36c!important;border-color:#7e5333!important} .gigTrackShop620{margin-top:26px;padding:18px;border:1px solid #465575;border-radius:18px;background:linear-gradient(145deg,#0e1727,#211328)}.gigTrackShop620>header{display:flex;justify-content:space-between;gap:20px;align-items:start}.gigTrackShop620>header small{color:#ff6db3;font-weight:900;letter-spacing:.14em}.gigTrackShop620>header h3{font-size:24px;margin:4px 0}.gigTrackShop620>header>b{font-size:18px} .gigShopGrid620{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;margin:14px 0}.gigShopGrid620 article{padding:13px;border:1px solid #384963;border-radius:13px;background:#0b1320}.gigShopGrid620 small{color:#69dfff}.gigShopGrid620 h3{font-size:16px;margin:5px 0}.gigShopGrid620 p{font-size:11px;color:#a6b3c5}.gigShopGrid620 button{width:100%;margin-top:8px} @media(max-width:1050px){.genrePolicy620{grid-template-columns:repeat(2,1fr)}.gigShopGrid620{grid-template-columns:repeat(2,1fr)}}@media(max-width:650px){.genrePolicy620,.gigShopGrid620{grid-template-columns:1fr}.crateWarning620{flex-direction:column;align-items:stretch}} /* v5.6.21 — 100 persistent NPC careers + tougher global ranking */ .rankStats621{display:grid;grid-template-columns:repeat(4,1fr);gap:9px;margin:14px 0}.rankStats621>div{padding:13px;border:1px solid #3e4d68;border-radius:12px;background:#0e1726}.rankStats621 small{display:block;color:#8293aa;font-size:9px;letter-spacing:.12em}.rankStats621 b{display:block;font-size:24px;margin-top:4px} .rankList621 .djrank{grid-template-columns:45px 38px 1fr 150px 90px!important;align-items:center}.rankList621 .djrank>div strong{display:block}.rankList621 .djrank>div small{display:block;color:#8fa0b7;font-size:10px;margin-top:3px}.rankList621 .djrank button{min-height:32px;font-size:9px}.youBadge621{font-size:9px;font-weight:1000;color:#ff73b7} .npcCareerSummary621{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:12px 0}.npcCareerSummary621>div{padding:12px;border:1px solid #3d4b65;border-radius:12px;background:#0d1522}.npcCareerSummary621 small{display:block;color:#8496ac;font-size:8px;letter-spacing:.12em}.npcCareerSummary621 b{display:block;margin-top:5px;font-size:17px} .npcShows621{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.npcShows621 article{display:flex;justify-content:space-between;gap:12px;padding:13px;border:1px solid #384861;border-radius:12px;background:#0c1421}.npcShows621 article small{color:#64dfff}.npcShows621 article h3{margin:3px 0}.npcShows621 article p{font-size:10px;color:#9aa9bd}.npcShows621 article>b{font-size:24px;color:#ffd25b} @media(max-width:800px){.rankStats621,.npcCareerSummary621{grid-template-columns:repeat(2,1fr)}.rankList621 .djrank{grid-template-columns:35px 30px 1fr!important}.rankList621 .djrank>em,.rankList621 .djrank>button,.rankList621 .djrank>.youBadge621{grid-column:3}.npcShows621{grid-template-columns:1fr}} /* v5.6.23 — safe Club Hunt exposure */ /* v5.6.26 — real cross-device online requests */ .hasIncoming626{border-color:#ff4d9d!important;box-shadow:0 0 0 1px #ff4d9d inset,0 0 22px #ff4d9d33!important} .incomingBanner626{display:flex;justify-content:space-between;gap:15px;align-items:center;padding:14px 16px;margin:12px 0;border:1px solid #ff4f9d;border-radius:14px;background:linear-gradient(90deg,#2b1024,#111c2b)}.incomingBanner626 b{color:#ff82bb}.incomingBanner626 span{color:#c7d2e0} .incomingRequest626{border-color:#ff4f9d!important;box-shadow:inset 4px 0 #ff4f9d!important;background:linear-gradient(90deg,#25101f,#101827)!important} /* v5.6.27 — persistent shared universe + real async PvP */ .sharedRanking627 .rankinghero{border-color:#4ddfff!important}.sharedCharts627 .chartlegend{border-color:#4ddfff66!important;background:#0d1a28!important}.sharedCharts627 .chartrow{border-left:3px solid transparent}.sharedCharts627 .chartrow.top{border-left-color:#ff4c9e}.pvpHub627,.pvpBattle627{min-height:100vh;padding:24px;background:radial-gradient(circle at 50% 0,#ff3c8e18,transparent 34%),#080b12;color:#fff}.pvpRules627{display:flex;gap:8px;flex-wrap:wrap;margin:15px 0}.pvpRules627 span{padding:8px 10px;border:1px solid #3f526e;border-radius:9px;background:#0f1826;color:#6fe4ff;font-size:9px;font-weight:1000;letter-spacing:.12em}.pvpList627{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.pvpList627 article{display:grid;grid-template-columns:1fr auto;gap:10px;padding:16px;border:1px solid #3c4d68;border-radius:15px;background:#101827}.pvpList627 article.active{border-color:#ff4f9d}.pvpList627 article>button{grid-column:1/-1}.pvpList627 article>strong{color:#ffd35d}.pvpBattle627 .battleFeed619{margin-bottom:40px}@media(max-width:850px){.pvpList627{grid-template-columns:1fr}} /* v5.6.28 — Loans / credit system */ .creditHero628{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:16px 0}.creditHero628>div{padding:15px;border:1px solid #40506b;border-radius:14px;background:#101827}.creditHero628 small{display:block;color:#8798ae;font-size:9px;letter-spacing:.13em}.creditHero628 b{display:block;font-size:27px;margin-top:4px}.creditHero628 span{font-size:9px;color:#70e5ff} .loanGrid628{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.loanGrid628 article{padding:18px;border:1px solid #3e4e68;border-radius:16px;background:linear-gradient(145deg,#101827,#171321)}.loanGrid628 article.available{border-color:#54dba277}.loanGrid628 article.locked{opacity:.58}.loanIcon628{font-size:33px}.loanGrid628 small{display:block;color:#70ddff;font-size:9px;letter-spacing:.1em;margin-top:7px}.loanGrid628 h3{font-size:20px;margin:5px 0}.loanGrid628>article>b{font-size:30px}.loanGrid628 p{color:#a9b7c9;min-height:42px}.loanGrid628 article>div:last-of-type{display:flex;justify-content:space-between;color:#9aa9bc;font-size:10px;margin:12px 0}.loanGrid628 button{width:100%;min-height:43px} .activeLoan628{padding:20px;border:1px solid #ffb55e88;border-radius:18px;background:linear-gradient(145deg,#241a10,#141321);margin:16px 0}.activeLoan628>div:first-child small{color:#ffbd69;font-weight:900;letter-spacing:.15em}.activeLoan628 h2{font-size:30px;margin:4px 0}.loanNumbers628{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:16px 0}.loanNumbers628 span{padding:12px;border:1px solid #504638;border-radius:11px;background:#0d1420}.loanNumbers628 small{display:block;color:#a69d91;font-size:8px}.loanNumbers628 b{display:block;margin-top:5px}.loanProgress628 i{display:block;height:10px;background:#292434;border-radius:20px;overflow:hidden}.loanProgress628 i u{display:block;height:100%;background:linear-gradient(90deg,#ffad50,#58e5ba);text-decoration:none}.loanProgress628 span{display:block;text-align:right;font-size:9px;color:#aab6c6;margin-top:5px}.loanActions628{display:flex;gap:8px;margin-top:15px}.loanActions628 button{flex:1} .loanRules628,.financeLoan628{display:flex;justify-content:space-between;gap:18px;align-items:center;margin:16px 0;padding:15px;border:1px solid #40506c;border-radius:14px;background:#0f1827}.loanRules628{display:block}.loanRules628 h3,.financeLoan628 h3{margin:3px 0}.loanRules628 p,.financeLoan628 p{color:#9eacc0}.financeLoan628 small{color:#ffb761;font-weight:900;letter-spacing:.13em}.financeLoan628 button{min-width:190px} .loanHistory628{display:grid;gap:7px}.loanHistory628>div{display:grid;grid-template-columns:1fr auto auto;gap:14px;padding:11px;border:1px solid #35435a;border-radius:10px;background:#0d1420;font-size:11px} @media(max-width:800px){.creditHero628,.loanNumbers628{grid-template-columns:repeat(2,1fr)}.loanGrid628{grid-template-columns:1fr}.loanActions628,.financeLoan628{flex-direction:column;align-items:stretch}.financeLoan628 button{width:100%}.loanHistory628>div{grid-template-columns:1fr}} /* v5.6.29 — reliable cross-device PvP inbox */ .onlineInviteBackdrop629{position:fixed;inset:0;z-index:99999;background:rgba(2,5,11,.78);backdrop-filter:blur(8px);display:grid;place-items:center;padding:20px} .onlineInvite629{width:min(560px,94vw);padding:26px;border:1px solid #ff4f9d;border-radius:22px;background:radial-gradient(circle at 80% 10%,#ff3d9630,transparent 28%),linear-gradient(150deg,#111827,#241121);box-shadow:0 30px 80px #0008,0 0 45px #ff3d9633;text-align:center;color:#fff} .onlineInvite629>small{color:#70e7ff;font-weight:1000;letter-spacing:.16em}.inviteIcon629{font-size:58px;margin:16px 0 6px}.onlineInvite629 h2{font-size:32px;line-height:1;margin:6px 0 10px}.onlineInvite629 p{color:#c6d0df;line-height:1.5}.inviteMeta629{display:flex;justify-content:center;gap:8px;flex-wrap:wrap;margin:16px 0}.inviteMeta629 span{padding:7px 9px;border:1px solid #46546e;border-radius:8px;background:#0c1420;font-size:9px;font-weight:900;letter-spacing:.11em}.inviteActions629{display:grid;grid-template-columns:1fr 1.4fr;gap:9px;margin-top:18px}.inviteActions629 button{min-height:50px} .pvpPending629{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:14px;margin:12px 0;border:1px solid #ff4f9d;border-radius:13px;background:linear-gradient(90deg,#2b1024,#111827)}.pvpPending629 b{color:#ff87bc}.pvpPending629 button{min-width:190px} @media(max-width:650px){.inviteActions629{grid-template-columns:1fr}.pvpPending629{flex-direction:column;align-items:stretch}.pvpPending629 button{width:100%}} /* v5.6.30 — PvP accept/open repair */ @media(max-width:650px){} /* v5.6.31 — synchronized set-style PvP */ .activeBattleBackdrop631{position:fixed;inset:0;z-index:99998;background:rgba(3,6,12,.76);backdrop-filter:blur(6px);display:grid;place-items:center;padding:20px}.activeBattleCard631{width:min(520px,94vw);padding:24px;border:1px solid #54ddff;border-radius:20px;background:linear-gradient(145deg,#0c1625,#201127);box-shadow:0 30px 80px #0009;text-align:center}.activeBattleCard631 small{color:#6fe7ff;font-weight:1000;letter-spacing:.15em}.activeBattleCard631 h2{font-size:30px;margin:8px 0}.activeBattleCard631 p{color:#b7c2d0;line-height:1.5}.activeBattleCard631 button{width:100%;min-height:52px;margin-top:15px} .pvpSet631{min-height:100vh;padding:24px;background:radial-gradient(circle at 50% 8%,#ff3d9624,transparent 30%),linear-gradient(180deg,#060912,#090c14)}.pvpSetStage631{max-width:1350px;margin:0 auto;display:grid;grid-template-columns:300px 1fr 300px;gap:16px;align-items:stretch}.pvpDeck631{padding:20px;border:1px solid #3d4d68;border-radius:20px;background:linear-gradient(145deg,#101827,#1e1023);text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center}.pvpDeck631 small{color:#8d9bb0;letter-spacing:.15em;font-weight:900}.pvpDeck631 h2{font-size:24px;margin:14px 0 5px}.pvpDeck631>b{font-size:46px}.pvpDeck631>span{font-size:9px;letter-spacing:.16em;color:#7d8aa0}.pvpPlatter631{width:155px;height:155px;border:9px solid #ff3d96;border-radius:50%;display:grid;place-items:center;font-size:50px;font-weight:1000;margin:18px auto;box-shadow:0 0 35px #ff3d9655,inset 0 0 25px #ff3d9620}.pvpPlatter631.cyan631{border-color:#54dcff;box-shadow:0 0 35px #54dcff55,inset 0 0 25px #54dcff20} .pvpMixer631{padding:22px;border:1px solid #46546c;border-radius:20px;background:linear-gradient(180deg,#101827,#0b111d);text-align:center}.pvpMixer631>small{color:#ff70b3;letter-spacing:.16em;font-weight:1000}.pvpMixer631 h3{font-size:28px;margin:7px 0}.pvpMixer631>p{color:#aeb9c8}.pvpTimingBar631{position:relative;height:54px;margin:28px 0 5px;border:1px solid #4a5870;border-radius:12px;overflow:hidden;background:#08101b}.pvpTimingBar631>div{position:absolute;top:0;bottom:0}.pvpDanger631.left631{left:0;width:30%;background:#ff4f6930}.pvpDanger631.right631{right:0;width:30%;background:#ff4f6930}.pvpGood631{left:30%;width:40%;background:#ffd55a22}.pvpPerfect631{left:45%;width:10%;background:#5cffba55;box-shadow:0 0 28px #5cffba55}.pvpTimingBar631>i{position:absolute;top:-3px;width:6px;height:60px;border-radius:6px;background:#fff;box-shadow:0 0 15px #fff,0 0 25px #67e5ff;transform:translateX(-50%);z-index:3}.pvpTimingBar631.locked631>i{opacity:.35}.pvpTimingLabels631{display:grid;grid-template-columns:repeat(5,1fr);font-size:8px;color:#8392a6;letter-spacing:.1em}.pvpTimingLabels631 b{color:#67f4bc} .pvpTactics631{display:grid;grid-template-columns:repeat(4,1fr);gap:7px;margin:20px 0}.pvpTactics631 button{padding:10px 6px;border:1px solid #394961;border-radius:11px;background:#0c1420;color:#fff}.pvpTactics631 button.active{border-color:#ff4f9d;background:#251224;box-shadow:inset 0 0 0 1px #ff4f9d55}.pvpTactics631 button span{display:block;font-size:22px}.pvpTactics631 button b{display:block;font-size:10px;margin:5px 0}.pvpTactics631 button small{font-size:8px;color:#91a0b4}.pvpHit631{width:100%;min-height:58px;border:0;border-radius:14px;background:linear-gradient(90deg,#ff3d96,#ff7650);color:#fff;font-size:16px;font-weight:1000;box-shadow:0 12px 28px #ff3d9630}.pvpWaiting631{padding:18px;margin:20px 0;border:1px solid #4a5870;border-radius:14px;background:#0b1420}.pvpWaiting631 b{display:block;font-size:20px}.pvpWaiting631 span{display:block;color:#70e7ff;margin:5px}.pvpWaiting631 strong{display:block;margin-top:12px;color:#ffd35d}.pvpCrowd631{margin-top:18px}.pvpHistory631{max-width:1350px}.pvpHistory631 article span{font-size:10px} @media(max-width:1050px){.pvpSetStage631{grid-template-columns:1fr}.pvpDeck631{min-height:220px}.pvpPlatter631{width:110px;height:110px}.pvpTactics631{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){.pvpTactics631{grid-template-columns:1fr}} /* v5.6.32 — actionable Online/PvP phone messages */ .phoneList33 article.unread{box-shadow:inset 4px 0 #ff4f9d} .phoneList33 article:not(.unread){box-shadow:none!important} .phoneActions33 button[data-phone-action^="online_battle_accept"]{ background:linear-gradient(90deg,#ff3d96,#ff7650)!important; color:#fff!important;border-color:transparent!important;font-weight:900 } .phoneActions33 button[data-phone-action^="online_battle_decline"]{ background:#151b29!important;color:#d5deea!important;border:1px solid #46536a!important } /* v5.6.33 — extended bank loans + private DJ credit */ .djCredit633{margin:18px 0;padding:18px;border:1px solid #4b5d76;border-radius:18px;background:linear-gradient(145deg,#0d1725,#181426)} .djCredit633>header small{color:#72e7ff;font-weight:900;letter-spacing:.13em}.djCredit633>header h3{font-size:24px;margin:4px 0}.djCredit633>header p{color:#aab7c9} .djLenders633{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:14px}.djLenders633 article{padding:14px;border:1px solid #3d4d68;border-radius:14px;background:#0d1420}.djLenders633 article>div:first-child small{color:#ff79b8}.djLenders633 h3{margin:4px 0}.djLenders633 p{font-size:11px;color:#9eacbd} .djLoanNumbers633{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin:10px 0}.djLoanNumbers633 span{padding:8px;border:1px solid #34445d;border-radius:9px;background:#101827}.djLoanNumbers633 small{display:block;color:#8493a7;font-size:8px}.djLoanNumbers633 b{display:block;margin-top:3px;font-size:13px}.djLenders633 button{width:100%;min-height:42px} @media(max-width:850px){.djLenders633{grid-template-columns:1fr}} /* v5.6.34 — Battle & PvP prize money */ .battleMoney634{display:flex;flex-direction:column;align-items:center;gap:3px;margin:14px auto;padding:14px 18px;max-width:360px;border:1px solid #65e5af;border-radius:13px;background:linear-gradient(145deg,#10241c,#111827)} .battleMoney634 small{color:#7ae9bd;font-size:9px;font-weight:1000;letter-spacing:.14em}.battleMoney634 b{font-size:30px;color:#fff}.battleMoney634 span{font-size:10px;color:#a8b8c7} .pvpMoney634{border-color:#ffbf5a;background:linear-gradient(145deg,#2a1e0d,#111827)}.pvpMoney634 small{color:#ffd177} .pvpPrizeInfo634{display:flex;justify-content:space-between;gap:16px;align-items:center;margin:12px 0;padding:14px;border:1px solid #4c5b73;border-radius:13px;background:#0f1725}.pvpPrizeInfo634 small{color:#70e6ff;font-weight:900;letter-spacing:.13em}.pvpPrizeInfo634 h3{margin:4px 0}.pvpPrizeInfo634 p{color:#a9b6c7}.pvpPrizeInfo634>span{min-width:220px;text-align:center;padding:9px;border:1px solid #ffbf5a66;border-radius:9px;color:#ffd277;font-size:9px;font-weight:900} @media(max-width:700px){.pvpPrizeInfo634{flex-direction:column;align-items:stretch}.pvpPrizeInfo634>span{min-width:0}} /* v5.6.35 — AISHERR in-game radio */ .radio635{position:fixed;right:18px;bottom:18px;z-index:8500;width:min(520px,calc(100vw - 36px));min-height:72px;display:grid;grid-template-columns:54px minmax(0,1fr) auto;gap:11px;align-items:center;padding:9px 10px;border:1px solid #44536d;border-radius:17px;background:linear-gradient(135deg,rgba(10,16,28,.96),rgba(31,13,31,.96));box-shadow:0 18px 45px rgba(0,0,0,.42);backdrop-filter:blur(12px);color:#fff;transition:.2s ease} .radio635.focus635{box-shadow:0 0 0 2px #ff4f9d66,0 20px 55px rgba(0,0,0,.48)} .radioArt635{position:relative;width:54px;height:54px;border-radius:12px;display:grid;place-items:center;font-size:26px;background:radial-gradient(circle at 35% 30%,#ff73b5,#5b183f 50%,#101725 72%);overflow:hidden}.radioArt635 i{position:absolute;inset:8px;border:1px solid rgba(255,255,255,.22);border-radius:50%}.radio635.playing635 .radioArt635 i{animation:radioSpin635 5s linear infinite}@keyframes radioSpin635{to{transform:rotate(360deg)}} .radioInfo635{min-width:0}.radioInfo635 small{display:block;color:#70e6ff;font-size:8px;font-weight:900;letter-spacing:.12em}.radioInfo635 b{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:14px;margin:3px 0}.radioInfo635 span{display:block;color:#a9b6c8;font-size:10px} .radioControls635{display:flex;gap:5px}.radioControls635 button{width:36px;height:36px;padding:0;border:1px solid #3d4d67;border-radius:9px;background:#111a29;color:#fff;font-weight:900}.radioControls635 .radioPlay635{width:42px;background:linear-gradient(145deg,#ff3d96,#ff7650);border:0}.radioControls635 button:hover{filter:brightness(1.12)} .radioSettings635{display:none;grid-column:1/-1;padding:10px 5px 3px;border-top:1px solid #34425a;grid-template-columns:repeat(2,1fr);gap:8px}.radioSettings635.open635{display:grid}.radioSettings635 label{display:grid;grid-template-columns:1fr auto;align-items:center;gap:8px;padding:7px 8px;border:1px solid #34425a;border-radius:9px;background:#0c1421}.radioSettings635 label span{font-size:8px;font-weight:900;letter-spacing:.1em;color:#99a8bc}.radioSettings635 label button{min-width:62px;padding:5px 8px;font-size:9px}.radioSettings635 input[type=range]{width:120px} @media(max-width:720px){.radio635{right:10px;bottom:10px;width:calc(100vw - 20px);grid-template-columns:45px 1fr auto}.radioArt635{width:45px;height:45px}.radioControls635 button{width:32px;height:32px}.radioControls635 .radioPlay635{width:36px}.radioSettings635{grid-template-columns:1fr}.radioSettings635 input[type=range]{width:110px}} /* v5.6.36 — early-career music economy */ .rookieMusic636{margin:12px 0;padding:15px 17px;border:1px solid #63dfa9;border-radius:14px;background:linear-gradient(90deg,#10241d,#101827)} .rookieMusic636 small{color:#70e6b2;font-size:9px;font-weight:1000;letter-spacing:.13em} .rookieMusic636 h3{margin:4px 0;font-size:18px} .rookieMusic636 p{margin:0;color:#afbdca;line-height:1.45} /* v5.7.0 show formats + promoter */ .b2bProposal570,.formatGuest570,.supportPick570{margin:9px 0;padding:10px 12px;border:1px solid #52617a;border-radius:10px;background:#0d1624}.b2bProposal570{display:grid;gap:4px}.b2bProposal570>span,.supportPick570>small{font-size:8px;letter-spacing:.12em;color:#72e7ff;font-weight:1000}.b2bProposal570 em{color:#74e6ae;font-style:normal;font-size:10px;font-weight:900}.b2bProposal570 div,.supportPick570{display:flex;gap:6px;flex-wrap:wrap}.supportPick570 small{width:100%} .eventAccess570{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:14px 0}.eventAccess570>div{padding:14px;border:1px solid #40506a;border-radius:12px;background:#101827}.eventAccess570 small{display:block;color:#7ee7ff;font-size:8px;font-weight:900}.eventAccess570 b{font-size:22px}.eventScaleGrid570{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.eventScaleGrid570 article,.ownedEvents570 article{padding:15px;border:1px solid #40506a;border-radius:14px;background:linear-gradient(145deg,#111a2a,#171225)}.eventScaleGrid570 article>div:first-child{font-size:32px}.eventScaleGrid570 article.locked{opacity:.5}.eventScaleGrid570 strong{display:block;margin:10px 0;color:#ffd177}.ownedEvents570{display:grid;gap:12px}.ownedEvents570 article>small{color:#7ee7ff;font-weight:900}.eventControls570,.artistHire570{display:flex;gap:7px;align-items:center;flex-wrap:wrap;margin-top:10px}.eventControls570 span{font-size:10px;color:#aab8c8}.eventResult570{display:grid;gap:5px;margin-top:10px;padding:12px;border-radius:10px;background:#0c1521}.eventResult570 strong{font-size:18px;color:#74e6ae}@media(max-width:900px){.eventScaleGrid570{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){.eventScaleGrid570,.eventAccess570{grid-template-columns:1fr}} /* v5.7.1 professional deck simulator */ .deckB .proDeckHeader711>span{color:#58ddff}.proJog711{position:relative!important;width:190px!important;height:190px!important;border-radius:50%!important;margin:10px auto!important;background:radial-gradient(circle at 50% 50%,#151921 0 26%,#080a0e 27% 52%,#181d26 53% 57%,#06080b 58% 70%,#222935 71% 74%,#090b0f 75%)!important;box-shadow:inset 0 0 0 3px #242a33,inset 0 0 0 9px #080a0d,0 0 0 2px currentColor,0 0 24px currentColor!important;color:#b24cff!important;display:grid!important;place-items:center!important}.cyanring.proJog711,.rivalJog711,.pvpPlatter631.cyan631.proJog711{color:#4fdcff!important}.proJog711>b{font-size:25px;z-index:3}.proJog711>small{position:absolute;top:112px;font-size:8px;color:#aab1bd;z-index:3}.jogGroove711{position:absolute;inset:13px;border-radius:50%;background:repeating-radial-gradient(circle,#141820 0 2px,#080a0d 3px 5px);opacity:.9} .proBeatBar711{position:relative!important;height:70px!important;margin:14px 0 5px!important;background:#050912!important;border:1px solid #45546a!important;border-radius:8px!important;overflow:hidden!important;cursor:crosshair!important}.beatGrid711{position:absolute;inset:0;display:grid;grid-template-columns:repeat(24,1fr)}.beatGrid711 i{border-left:1px solid #28516a55}.beatGrid711 i.major711{border-left:1px solid #a14dff99;box-shadow:-1px 0 7px #8d44ff44}.goodZone711{position:absolute!important;left:42%!important;width:16%!important;top:0!important;bottom:0!important;background:#d5ad3c28!important}.perfectZone711{position:absolute!important;left:48%!important;width:4%!important;top:0!important;bottom:0!important;background:#56f2a86b!important;box-shadow:0 0 22px #56f2a888!important}.proBeatBar711>b{position:absolute!important;top:4px!important;bottom:4px!important;width:5px!important;background:#fff!important;border-radius:5px!important;transform:translateX(-50%)!important;box-shadow:0 0 12px #fff,0 0 24px #ff4fa9!important;z-index:5}.proBeatBar711>b em{position:absolute;width:18px;height:18px;border:4px solid #fff;border-radius:50%;left:50%;top:50%;transform:translate(-50%,-50%);background:#0b111b;box-shadow:0 0 12px #59deff}.timingLegend711{display:grid;grid-template-columns:repeat(5,1fr);font-size:8px;color:#69788d;text-align:center;letter-spacing:.13em}.timingLegend711 strong{color:#58eda9}.timingButtons711 .mega{min-height:54px!important;font-size:17px!important;background:linear-gradient(90deg,#ff3d9a,#ff7650)!important} .battleConsole711{display:grid;grid-template-columns:250px minmax(380px,1fr) 250px;gap:12px;max-width:1200px;margin:15px auto;padding:12px;border:1px solid #343d4d;border-radius:10px;background:#070b11}.battleDeckVisual711{display:grid;place-items:center}.battleJog711{width:180px!important;height:180px!important}.battleJog711>b{font-size:15px;text-align:center;max-width:120px}.battleMixer711{padding:10px;text-align:center}.battleMixer711>small{color:#57dcff;font-size:8px;letter-spacing:.13em}.battleMixer711 h3{font-size:20px;margin:5px 0 10px}.battleMoveTabs711{display:grid;grid-template-columns:repeat(4,1fr);gap:5px}.battleMoveTabs711 button{padding:8px 4px!important;background:#101620!important;border:1px solid #39485e!important}.battleMoveTabs711 button.active{border-color:#ff4fa2!important;box-shadow:inset 0 0 0 1px #ff4fa255!important}.battleMoveTabs711 span{display:block;font-size:20px}.battleMoveTabs711 b{display:block;font-size:9px}.battleMoveTabs711 small{font-size:7px;color:#8392a7}.battleBar711{height:62px!important;margin-top:13px!important}.battleDrop711{width:100%;min-height:52px;margin-top:10px;background:linear-gradient(90deg,#ff3d96,#ff7551)!important;font-weight:1000!important}.proBattleDeck711 .pvpPlatter631.proJog711{width:180px!important;height:180px!important}.pvpTimingBar631.proBeatBar711 .pvpPerfect631{left:48%!important;width:4%!important}.pvpTimingBar631.proBeatBar711 .pvpGood631{left:42%!important;width:16%!important}.pvpTimingBar631.proBeatBar711 .pvpDanger631.left631{width:42%!important}.pvpTimingBar631.proBeatBar711 .pvpDanger631.right631{width:42%!important}@media(max-width:1050px){.realDeckStage,.battleConsole711{grid-template-columns:1fr!important}.deckB{order:3}.proJog711{width:155px!important;height:155px!important}} /* v5.7.2 — expanded studio collaboration ecosystem */ .collabStudio572{max-width:1500px}.collabDraft572{position:sticky;top:78px;z-index:20;background:rgba(12,18,30,.96)!important;backdrop-filter:blur(10px);box-shadow:0 10px 25px #0006} .trackProjection572{margin:15px 0 24px;padding:17px;border:1px solid #40516b;border-radius:15px;background:linear-gradient(135deg,#101a2b,#17101f)}.trackProjection572>header{display:flex;align-items:center;justify-content:space-between}.trackProjection572>header small{color:#64e6ff;font-size:9px;font-weight:1000;letter-spacing:.13em}.trackProjection572>header h3{margin:4px 0}.trackProjection572>header strong{font-size:40px;color:#71eeb7}.trackProjection572>div{display:grid;grid-template-columns:repeat(6,1fr);gap:7px;margin-top:11px}.trackProjection572>div span{position:relative;padding:9px;border:1px solid #34455e;border-radius:9px;background:#0b1421;overflow:hidden;font-size:8px;color:#97a7bb}.trackProjection572>div b{display:block;font-size:17px;color:#fff;margin-top:3px;position:relative;z-index:2}.trackProjection572>div i{position:absolute;left:0;bottom:0;height:3px;background:linear-gradient(90deg,#48dfff,#ff4fa5)}.trackProjection572>footer{display:flex;gap:9px;flex-wrap:wrap;margin-top:10px}.trackProjection572>footer span{padding:7px 9px;border:1px solid #3c4b61;border-radius:8px;font-size:9px;color:#aab8c8} .collabCategory572{margin:26px 0}.collabCategory572>header{display:flex;justify-content:space-between;align-items:end;margin-bottom:9px}.collabCategory572>header small{color:#ff71b7;font-weight:1000;letter-spacing:.12em}.collabCategory572>header h3{font-size:21px;margin:3px 0}.collabCategory572>header p{margin:0;color:#8e9db1}.collabCategory572>header>span{padding:6px 9px;border:1px solid #3d4b60;border-radius:8px;font-size:8px;color:#78e2ff} .collabStudio572 .collabGrid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.collabStudio572 .collabGrid article{display:flex;flex-direction:column;min-height:230px;transition:.16s ease}.collabStudio572 .collabGrid article:hover{transform:translateY(-2px);border-color:#647693}.collabStudio572 .collabGrid article.selected572{border-color:#ff4fa7;box-shadow:0 0 0 1px #ff4fa755,0 10px 30px #ff4fa712}.collabRole572{display:flex;justify-content:space-between;gap:5px}.collabRole572 span{font-size:7px;color:#73e5b5;background:#10271f;padding:3px 5px;border-radius:5px}.collabImpact572{display:grid;grid-template-columns:repeat(2,1fr);gap:5px;margin:9px 0}.collabImpact572 span{padding:5px 6px;border:1px solid #2f4056;border-radius:6px;background:#0b1420;font-size:7px;color:#8d9cb0}.collabImpact572 b{float:right;color:#fff}.collabStudio572 .collabGrid article footer{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-top:auto}.collabStudio572 .collabGrid article footer>span{font-size:8px;color:#a5b1c2}.collabStudio572 .collabGrid article footer button{min-width:82px} .trackCredits572{display:flex;gap:6px;flex-wrap:wrap;margin:9px 0;padding:9px;border:1px solid #34455c;border-radius:9px;background:#0b1420}.trackCredits572 small{width:100%;color:#64e2ff;font-weight:900;letter-spacing:.11em}.trackCredits572 span{font-size:8px;padding:4px 6px;border:1px solid #2c3d51;border-radius:6px;color:#98a8b9} @media(max-width:1200px){.collabStudio572 .collabGrid{grid-template-columns:repeat(3,1fr)}.trackProjection572>div{grid-template-columns:repeat(3,1fr)}}@media(max-width:850px){.collabStudio572 .collabGrid{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){.collabStudio572 .collabGrid,.trackProjection572>div{grid-template-columns:1fr}.collabDraft572{position:static}} /* v5.7.3 authentic uploads join Track Life release ecosystem */ /* v5.7.4 — accepted player invitations become real bookings */ .onlineInviteBadge574{display:inline-flex;align-items:center;margin:7px 0;padding:6px 9px;border:1px solid #4fd8ff66;border-radius:8px;background:#0b2230;color:#77e4ff;font-size:8px;font-weight:1000;letter-spacing:.08em} /* v5.8.0 DJ EMPIRE */ .empire580{max-width:1500px}.empireHero580{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:15px 0}.empireHero580>div{padding:17px;border:1px solid #354963;border-radius:13px;background:linear-gradient(145deg,#101b2b,#11121d)}.empireHero580 small{display:block;color:#72dfff;font-size:8px;font-weight:1000;letter-spacing:.12em}.empireHero580 b{display:block;font-size:24px;margin:5px 0;color:#fff}.empireHero580 span{font-size:9px;color:#91a1b5}.empireNav580{display:grid;grid-template-columns:repeat(6,1fr);gap:7px;margin:12px 0 24px}.empireNav580 button{min-height:52px;background:#101927!important;border:1px solid #344a66!important}.empireDashboard580{display:grid;grid-template-columns:repeat(4,1fr);gap:9px;margin-bottom:25px}.empireDashboard580 article{padding:14px;border:1px solid #34465d;border-radius:11px;background:#0c1522}.empireDashboard580 small{color:#8797ab;font-size:8px}.empireDashboard580 h3{font-size:27px;margin:4px 0}.empireDashboard580 p{font-size:9px;color:#8493a7}.empireGrid580,.investGrid580{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:10px 0 25px}.empireGrid580 article,.investGrid580 article{display:flex;flex-direction:column;gap:6px;min-height:245px;padding:14px;border:1px solid #35475f;border-radius:12px;background:linear-gradient(150deg,#101927,#0b111c)}.empireGrid580 article>div:first-child,.investGrid580 article>div:first-child{font-size:31px}.empireGrid580 article small,.investGrid580 article small{color:#6fdef8;font-size:8px;font-weight:900}.empireGrid580 article h3,.investGrid580 article h3{margin:1px 0;font-size:16px}.empireGrid580 article p,.investGrid580 article p{color:#8d9bae;font-size:9px;min-height:34px}.empireGrid580 article strong,.investGrid580 article strong{font-size:15px;margin-top:auto}.empireGrid580 article>div:last-child{display:grid;grid-template-columns:1fr 1fr;gap:5px}.investActions580{display:grid;grid-template-columns:1fr 1fr;gap:5px}.investActions580 input{grid-column:1/-1;background:#090f18;border:1px solid #3a4d66;color:#fff;padding:9px;border-radius:7px}.empireHistory580{border:1px solid #33455d;border-radius:10px;overflow:hidden}.empireHistory580>div{display:grid;grid-template-columns:90px 1fr 130px;padding:9px 11px;border-bottom:1px solid #253449;font-size:9px}.empireHistory580>div span{color:#65dfff}.empireHistory580>div strong{text-align:right}.profit580{color:#69e5a9}.loss580{color:#ff7f92}.lifestylepage .secondary,.gearExpansion .secondary{margin-top:5px} @media(max-width:1100px){.empireHero580,.empireDashboard580,.empireGrid580,.investGrid580{grid-template-columns:repeat(2,1fr)}.empireNav580{grid-template-columns:repeat(3,1fr)}}@media(max-width:650px){.empireHero580,.empireDashboard580,.empireGrid580,.investGrid580,.empireNav580{grid-template-columns:1fr}} /* v5.9.0 CLUB BUSINESS */ .clubForm590{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:9px;padding:14px;margin:12px 0 20px;border:1px solid #354b64;border-radius:12px;background:#0d1724}.clubForm590 label{font-size:8px;font-weight:1000;color:#7bdff8;letter-spacing:.09em}.clubForm590 input,.clubForm590 select{display:block;width:100%;margin-top:6px;padding:10px;background:#080f19;border:1px solid #38516d;border-radius:7px;color:#fff}.ownedClub590{padding:16px;margin:12px 0 24px;border:1px solid #37506c;border-radius:14px;background:linear-gradient(145deg,#101c2b,#0b1019)}.ownedClubHead590{display:grid;grid-template-columns:1fr auto;gap:15px;border-bottom:1px solid #2a3b50;padding-bottom:12px}.ownedClubHead590>div:last-child{text-align:right}.ownedClubHead590 small{display:block;color:#75dcf5;font-size:8px}.ownedClubHead590 h2{margin:3px 0}.clubControls590{display:flex;gap:7px;margin:12px 0}.managerGrid590,.staffGrid590{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin:8px 0 18px}.staffGrid590{grid-template-columns:repeat(4,1fr)}.managerGrid590 button,.staffGrid590 button{text-align:left;min-height:72px;background:#0b1420!important;border:1px solid #32475e!important}.managerGrid590 button b,.staffGrid590 button b{display:block;margin:3px 0}.managerGrid590 button small,.staffGrid590 button small{display:block;color:#8294aa;font-size:7px}.managerGrid590 .selected590,.staffGrid590 .selected590{outline:2px solid #62dff7;background:#11283a!important}.clubEvents590{border:1px solid #30455e;border-radius:9px;overflow:hidden}.clubEvents590>div{display:grid;grid-template-columns:110px 1fr 160px 160px;gap:8px;padding:9px;border-bottom:1px solid #26394f;font-size:8px}.clubEvents590>div em{font-style:normal;color:#7bdff8}.clubEvents590>div strong{text-align:right}.empireNav580{grid-template-columns:repeat(7,1fr)} @media(max-width:900px){.clubForm590,.ownedClubHead590{grid-template-columns:1fr}.managerGrid590,.staffGrid590{grid-template-columns:repeat(2,1fr)}.clubEvents590>div{grid-template-columns:1fr 1fr}.empireNav580{grid-template-columns:repeat(3,1fr)}}@media(max-width:550px){.managerGrid590,.staffGrid590{grid-template-columns:1fr}} /* v5.9.1 readability pass — business screens */ .empire580,.empire580 p,.empire580 span,.empire580 label,.empire580 small,.empire580 button, .empire580 article,.empire580 section{color:#dbe8f6} .empire580 h1,.empire580 h2,.empire580 h3,.empire580 h4,.empire580 strong,.empire580 b{color:#fff} .empire580 .sectionhead small,.empire580 article>small,.empire580 label,.empire580 .ownedClub590 small{color:#7fe7ff} .empire580 .empireNav580 button{color:#dcecff!important;font-weight:900} .empire580 .empireNav580 button:hover{color:#fff!important} .empire580 .empireNumbers580 p,.empire580 .empireGrid580 p,.empire580 .ownedClub590 p{color:#aebfd2!important} .empire580 button:disabled{color:#708196!important} .empire580 input,.empire580 select{color:#fff!important} /* v5.9.2 — global button contrast */ button{font-weight:800} button:not(:disabled){text-shadow:none} button[style*="background: white"],button[style*="background:#fff"],button[style*="background: #fff"], button[style*="background:#ffd"],button[style*="background: #ffd"], .pitch button,.npc button,.chartlegend button,.investGrid580 button:not(.secondary), .clubForm590+section button:not(.secondary){color:#101722!important} .primary,.secondary,.topnav button,.empireNav580 button,.ownedClub590 button,.battlePage619 button, .realDeckCard button,.proTiming711 button{color:#f7fbff} button:disabled{color:#718095!important} /* v5.9.3 — hard set completion recovery */ .hardEndSet593{display:block;width:100%;max-width:980px;margin:10px auto 0;padding:14px 18px;border:2px solid #ffcf3f;border-radius:10px;background:#ffcf3f!important;color:#15111d!important;font-weight:1000;font-size:14px;letter-spacing:.08em;box-shadow:0 0 18px #ffcf3f33} .hardEndSet593:hover{filter:brightness(1.06)} .setProgress514 span{font-weight:900} /* v5.9.5 — Battle/PvP visual stability */ .pvpBattle627,.battlePage619{overflow-anchor:none} .pvpSetStage631,.battleConsole711,.battleArena619{min-height:470px;align-items:stretch} .pvpMixer631,.battleMixer711{min-height:430px} .pvpTimingBar631,.battleBar711{contain:layout paint} .pvpWaiting631{min-height:92px;display:flex;flex-direction:column;justify-content:center} .pvpTactics631{min-height:86px} .pvpHistory631{min-height:180px} .battleFeed619{overflow-anchor:none} .pvpDeck631,.battleDJ619{min-height:390px} @media(max-width:900px){ .pvpSetStage631,.battleConsole711,.battleArena619{min-height:0} .pvpMixer631,.battleMixer711,.pvpDeck631,.battleDJ619{min-height:0} } /* v5.9.6 — real DJ club invitations */ .realInvite596{max-width:1250px}.inviteType596{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:14px 0}.inviteType596 button{display:grid;grid-template-columns:46px 1fr;text-align:left;gap:2px 10px;align-items:center;min-height:92px;padding:14px;background:#0e1825!important;border:1px solid #3d526c!important}.inviteType596 button>span{grid-row:1/3;font-size:30px}.inviteType596 button>b{font-size:15px}.inviteType596 button>small{color:#8fa2b8}.inviteType596 button.active{border-color:#60e4ff!important;box-shadow:inset 0 0 0 1px #60e4ff55,0 0 22px #42cfff1c}.ownedVenueNote596{margin:8px 0;padding:8px 10px;border:1px solid #4dbd8b;border-radius:8px;background:#0e241c;color:#78e6b2;font-size:9px;font-weight:900}.venuePicker596{display:grid;grid-template-columns:2fr 1fr;gap:10px;padding:14px;border:1px solid #354b65;border-radius:11px;background:#0c1521}.venuePicker596 label{font-size:8px;color:#74ddf8;font-weight:1000}.venuePicker596 select{display:block;width:100%;margin-top:6px;padding:11px;background:#070e17;border:1px solid #405a75;border-radius:7px;color:#fff}.inviteSummary596{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:12px 0}.inviteSummary596>div{padding:14px;border:1px solid #35475f;border-radius:10px;background:#0b1420}.inviteSummary596 small{color:#76dff8}.inviteSummary596 h3{margin:4px 0}.inviteSummary596 p{color:#92a3b6}.sendClubInvite596{width:100%;min-height:55px}.playerSocial37 [data-real-clubinvite596],.playerSocial37 [data-real-b2binvite596]{border-color:#4cd6ff!important} @media(max-width:720px){.inviteType596,.venuePicker596,.inviteSummary596{grid-template-columns:1fr}} /* v5.9.7 — bidirectional real-DJ invite calendar sync */ .outgoingSynced597{display:inline-flex;margin-top:7px;padding:5px 8px;border:1px solid #4fcf9a;border-radius:7px;background:#0c251c;color:#75e5b0;font-size:8px;font-weight:1000;letter-spacing:.08em} .requestTools597{display:flex;gap:6px}.requestTools597 button{white-space:nowrap} .onlineInviteBadge574{line-height:1.35} /* v5.9.8 — expanded music store + elite fresh-track policy */ .gigShopGrid620{grid-template-columns:repeat(4,minmax(0,1fr))} .freshPolicy598{display:block;margin-top:4px;font-size:7px;color:#8fa6bd;font-weight:800} @media(max-width:1100px){.gigShopGrid620{grid-template-columns:repeat(3,1fr)}} @media(max-width:780px){.gigShopGrid620{grid-template-columns:repeat(2,1fr)}} @media(max-width:520px){.gigShopGrid620{grid-template-columns:1fr}} /* v5.9.9 — scored crossfader */ .crossRail599{position:relative;height:32px;border:1px solid #48576c;border-radius:8px;background:linear-gradient(90deg,#522044 0 20%,#1d2531 20% 70%,#173f37 70% 100%);cursor:crosshair;overflow:hidden}.crossRail599:before{content:"";position:absolute;left:70%;width:24%;top:0;bottom:0;background:#d7b94a22}.crossNeedle599{position:absolute;top:2px;bottom:2px;width:4px;background:#fff;border-radius:3px;transform:translateX(-50%);box-shadow:0 0 10px #fff}.crossCommit599{width:100%;margin-top:7px;background:#172232!important;border:1px solid #4d6380!important;color:#f7fbff!important} /* v6.0.0 — invitation-only mega festival circuit */ .megaTeaser600{display:grid;grid-template-columns:1fr auto;gap:16px;align-items:center;margin:22px 0;padding:18px;border:1px solid #6b55a3;border-radius:14px;background:linear-gradient(135deg,#18102b,#102137)}.megaTeaser600 small{color:#79e8ff;font-size:8px;font-weight:1000;letter-spacing:.12em}.megaTeaser600 h3{margin:4px 0;font-size:22px}.megaTeaser600 p{color:#a8b9cc}.megaFestivals600{max-width:1450px}.megaStats600{display:grid;grid-template-columns:repeat(4,1fr);gap:9px;margin:14px 0 22px}.megaStats600>div{padding:14px;border:1px solid #3b526f;border-radius:11px;background:#0c1623}.megaStats600 small{display:block;color:#77e4ff;font-size:8px;font-weight:1000}.megaStats600 b{display:block;font-size:23px;margin-top:4px}.megaFestivalGrid600{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.megaFestivalCard600{position:relative;padding:18px;border:1px solid #344a66;border-radius:14px;background:linear-gradient(150deg,#111c2c,#0c111b);overflow:hidden}.megaFestivalCard600.invited600{border-color:#ffca52;box-shadow:0 0 25px #ffc74c18}.megaFestivalCard600.booked600{border-color:#54e0a6;box-shadow:0 0 25px #43dea31c}.megaFestivalCard600.qualified600{border-color:#56cce9}.megaFestivalCard600.locked600{opacity:.8}.megaFlag600{position:absolute;right:16px;top:14px;font-size:32px}.megaFestivalCard600>small{color:#80def4;font-size:8px;font-weight:900;letter-spacing:.09em}.megaFestivalCard600 h3{font-size:22px;margin:5px 45px 5px 0}.megaFestivalCard600>p{color:#95a6ba;max-width:86%}.megaReq600{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin:12px 0}.megaReq600 span{padding:8px;border:1px solid #3b4658;border-radius:8px;background:#0a111a;color:#7e8998;font-size:8px}.megaReq600 span.ok{border-color:#397b61;color:#75e7ad;background:#0b2019}.megaReq600 b{display:block;margin-top:3px;color:inherit}.megaTrack600{padding:10px;border:1px solid #33455b;border-radius:9px;background:#0a131f}.megaTrack600 small{display:block;color:#8a9cb0;font-size:7px}.megaTrack600 b{display:block;margin:3px 0}.megaTrack600 span{font-size:8px;color:#8091a5}.megaStatus600{margin-top:10px;padding:9px;border-radius:8px;background:#182332;color:#c9d8e8;font-size:9px;font-weight:1000}.booked600 .megaStatus600{background:#10291f;color:#75e7ad}.invited600 .megaStatus600{background:#2b2310;color:#ffd66c} @media(max-width:850px){.megaFestivalGrid600,.megaStats600{grid-template-columns:1fr 1fr}.megaTeaser600{grid-template-columns:1fr}}@media(max-width:560px){.megaFestivalGrid600,.megaStats600{grid-template-columns:1fr}.megaReq600{grid-template-columns:1fr}} /* v6.1/6.2 — Career Memory + Industry Contracts */ .memory610,.contracts620{max-width:1450px}.memoryStats610,.contractStats620{display:grid;grid-template-columns:repeat(4,1fr);gap:9px;margin:14px 0 22px}.memoryStats610>div,.contractStats620>div{padding:14px;border:1px solid #38506b;border-radius:11px;background:#0b1521}.memoryStats610 small,.contractStats620 small{display:block;color:#72dff8;font-size:8px;font-weight:1000}.memoryStats610 b,.contractStats620 b{font-size:23px}.memoryCols610{display:grid;grid-template-columns:1fr 1fr;gap:12px}.memoryCols610>section,.memoryTimeline610{padding:14px;border:1px solid #344a63;border-radius:12px;background:#0b1420}.memoryCols610 article{display:flex;justify-content:space-between;gap:12px;padding:8px 0;border-bottom:1px solid #26384c}.memoryCols610 article span{color:#91a4b8;text-align:right}.memoryTimeline610{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.memoryTimeline610 article{padding:10px;border:1px solid #2d4055;border-radius:9px;background:#09111a}.memoryTimeline610 small,.memoryTimeline610 b,.memoryTimeline610 span{display:block}.memoryTimeline610 small{color:#6edcf7;font-size:7px}.memoryTimeline610 span{color:#91a4b8;margin-top:4px} .contractList620{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px;margin-bottom:24px}.contractCard620{display:grid;grid-template-columns:1fr 190px;gap:14px;padding:16px;border:1px solid #354b65;border-radius:13px;background:linear-gradient(145deg,#101b2a,#0b121c)}.contractCard620 small{color:#76def7;font-size:8px;font-weight:900}.contractCard620 p{color:#99aabd}.contractCard620 strong{display:block;margin:8px 0;color:#fff}.contractCard620 em{display:block;color:#ffb46f;font-style:normal;font-size:9px}.contractButtons620{display:grid;gap:6px;align-content:center}.contractActive620{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.contractActive620 article{padding:14px;border:1px solid #37506a;border-radius:11px;background:#0c1622}.industryContracts620{margin:10px 0 18px}.industryContracts620 button{width:100%;min-height:48px;background:#11243a!important;border:1px solid #4b7192!important;color:#f7fbff!important} @media(max-width:1000px){.contractList620{grid-template-columns:1fr}.contractActive620{grid-template-columns:repeat(2,1fr)}}@media(max-width:760px){.memoryCols610,.memoryTimeline610{grid-template-columns:1fr}.contractCard620{grid-template-columns:1fr}.memoryStats610,.contractStats620{grid-template-columns:repeat(2,1fr)}}@media(max-width:500px){.memoryStats610,.contractStats620,.contractActive620{grid-template-columns:1fr}} /* v6.3.0 — Labels, Rosters & Industry Wars */ .labels630{max-width:1500px}.labelStats630{display:grid;grid-template-columns:repeat(4,1fr);gap:9px;margin:14px 0 22px}.labelStats630>div{padding:14px;border:1px solid #39516b;border-radius:11px;background:#0b1521}.labelStats630 small{display:block;color:#73def8;font-size:8px;font-weight:1000}.labelStats630 b{font-size:24px}.labelGrid630{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:11px;margin-bottom:24px}.labelGrid630>article{padding:15px;border:1px solid #354b65;border-radius:13px;background:linear-gradient(145deg,#101b2a,#0b121c)}.labelIcon630{font-size:32px}.labelGrid630 small{color:#77e0f6;font-size:8px}.labelGrid630 p{color:#9bacc0}.labelGrid630 details{margin:10px 0;border-top:1px solid #283a4f;padding-top:7px}.rosterLine630{display:flex;justify-content:space-between;gap:10px;padding:5px 0;border-bottom:1px solid #243448;font-size:8px}.aar630{margin-top:12px;padding:10px;border:1px solid #425a76;border-radius:9px;background:#0a1624}.aar630 small,.aar630 b,.aar630 span{display:block}.aar630 span{color:#8fa2b7;margin:3px 0 7px}.aar630 button{margin-right:5px}.playerLabel630{padding:16px;border:1px solid #496884;border-radius:14px;background:#0d1826;margin-bottom:22px}.playerRoster630,.scout630{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:10px 0}.playerRoster630 article,.scout630 article{padding:11px;border:1px solid #31465d;border-radius:9px;background:#09121c}.playerRoster630 b,.playerRoster630 span,.scout630 b,.scout630 span{display:block}.playerRoster630 span,.scout630 span{color:#91a4b9;font-size:8px;margin:3px 0 8px}.labelFeed630{border:1px solid #334960;border-radius:10px;overflow:hidden}.labelFeed630>div{display:grid;grid-template-columns:42px 1fr 110px;gap:8px;padding:9px 11px;border-bottom:1px solid #25384b}.labelFeed630 small{text-align:right;color:#8496aa} @media(max-width:1100px){.labelGrid630{grid-template-columns:repeat(2,1fr)}.playerRoster630,.scout630{grid-template-columns:repeat(2,1fr)}}@media(max-width:700px){.labelStats630,.labelGrid630,.playerRoster630,.scout630{grid-template-columns:1fr}} /* v6.4.0 — World Economy & Global Rankings */ .world640{max-width:1500px}.marketTape640{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:14px 0}.marketTape640>div{padding:13px;border:1px solid #38516b;border-radius:10px;background:#091521}.marketTape640 small,.worldHero640 small{display:block;color:#73dff8;font-size:8px;font-weight:1000}.marketTape640 b{font-size:22px}.marketTape640 span{float:right}.worldHero640{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin-bottom:22px}.worldHero640>div{padding:17px;border:1px solid #46617e;border-radius:13px;background:linear-gradient(145deg,#101d2d,#0a131e)}.worldHero640 strong,.worldHero640 span{display:block}.worldHero640 strong{font-size:25px;margin:4px 0}.worldHero640 span{color:#96a8bb}.worldCols640{display:grid;grid-template-columns:1fr 1fr;gap:12px}.worldCols640>section,.labelRank640{border:1px solid #344a63;border-radius:12px;background:#0a1420;padding:12px}.worldCols640 article,.labelRank640 article{display:grid;grid-template-columns:52px 1fr 120px;gap:8px;align-items:center;padding:8px;border-bottom:1px solid #26384c}.worldCols640 article>span small,.labelRank640 article>span small{display:block;color:#8296aa;font-size:7px}.worldCols640 article>strong,.labelRank640 article>strong{text-align:right}.you640{background:#132b39!important;border:1px solid #65d7ef!important;border-radius:8px}.labelRank640{display:grid;grid-template-columns:1fr 1fr;gap:5px;margin-bottom:22px}.marketFeed640{border:1px solid #344a63;border-radius:10px;overflow:hidden}.marketFeed640>div{display:grid;grid-template-columns:40px 1fr 100px;gap:8px;padding:9px 11px;border-bottom:1px solid #25384b}.marketFeed640 small{text-align:right;color:#8396aa} @media(max-width:850px){.worldCols640{grid-template-columns:1fr}.labelRank640{grid-template-columns:1fr}.marketTape640,.worldHero640{grid-template-columns:repeat(2,1fr)}}@media(max-width:500px){.marketTape640,.worldHero640{grid-template-columns:1fr}.worldCols640 article,.labelRank640 article{grid-template-columns:42px 1fr 90px}} /* v6.5.0 — Awards, Seasons & Career Legacy */ .legacy650,.awardsCeremony650{max-width:1450px}.legacyHero650,.records650{display:grid;grid-template-columns:repeat(4,1fr);gap:9px;margin:14px 0 22px}.legacyHero650>div,.records650>div{padding:15px;border:1px solid #425a75;border-radius:12px;background:#0b1623}.legacyHero650 small,.records650 small{display:block;color:#78e1f8;font-size:8px;font-weight:1000}.legacyHero650 b,.records650 b{font-size:23px}.trophies650{display:grid;grid-template-columns:repeat(4,1fr);gap:9px;margin-bottom:22px}.trophies650 article{padding:15px;border:1px solid #796532;border-radius:12px;background:linear-gradient(145deg,#231d0e,#12141c);text-align:center}.trophies650 article>span{font-size:34px}.trophies650 small,.trophies650 b,.trophies650 em{display:block}.trophies650 small{color:#d8bf69;font-size:7px}.trophies650 em{font-style:normal;color:#aab7c6}.seasonTable650{border:1px solid #344b65;border-radius:11px;overflow:hidden;margin-bottom:22px}.seasonTable650 article{display:grid;grid-template-columns:90px repeat(4,1fr) 130px;gap:7px;padding:10px 12px;border-bottom:1px solid #26394d}.seasonTable650 span{color:#91a4b8}.seasonTable650 strong{text-align:right}.hof650{display:grid;grid-template-columns:repeat(2,1fr);gap:9px}.hof650 article{display:flex;gap:12px;align-items:center;padding:14px;border:1px solid #765fa0;border-radius:12px;background:#171126}.hof650 article>span{font-size:30px}.hof650 b,.hof650 small{display:block}.hof650 small{color:#a99ac4}.awardsHead650{display:grid;grid-template-columns:auto 1fr;gap:14px;align-items:center;padding:25px;border-bottom:1px solid #6e5d2c}.awardsHead650 h1{font-size:32px;margin:4px 0}.awardStage650{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;padding:22px 0}.awardStage650 article{padding:20px;border:1px solid #4a5161;border-radius:14px;background:linear-gradient(145deg,#111a27,#0b111a);text-align:center}.awardStage650 article>span{font-size:40px}.awardStage650 small{display:block;color:#d8c06d;font-size:8px;font-weight:1000}.awardStage650 h2{margin:7px 0}.awardStage650.playerWin650{border-color:#e1c15b;box-shadow:0 0 26px #dcb84d30;background:linear-gradient(145deg,#2c230e,#111720)}.awardStage650.playerWin650 strong{display:inline-block;padding:5px 9px;border-radius:8px;background:#d9b84c;color:#17120a}.ceremonyActions650{display:flex;gap:8px}.ceremonyActions650 button{flex:1;min-height:50px} @media(max-width:900px){.trophies650,.legacyHero650,.records650{grid-template-columns:repeat(2,1fr)}.awardStage650{grid-template-columns:repeat(2,1fr)}.seasonTable650 article{grid-template-columns:70px 1fr 1fr}}@media(max-width:560px){.trophies650,.legacyHero650,.records650,.awardStage650,.hof650{grid-template-columns:1fr}.seasonTable650 article{grid-template-columns:1fr 1fr}.ceremonyActions650{flex-direction:column}} /* v6.6.0 — Game Polish & Stability */ .recovery660{min-height:100vh;display:grid;place-items:center;padding:25px;background:#070d15}.recovery660>section{max-width:720px;padding:24px;border:1px solid #8a5b52;border-radius:14px;background:#111a26}.recovery660 small{color:#ffb78c;font-weight:1000}.recovery660 code{display:block;margin:14px 0;padding:10px;background:#080e15;border-radius:8px;color:#f4c7b7;white-space:pre-wrap}.recovery660 section>div{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.health660{max-width:1200px}.healthGrid660{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin:15px 0}.healthGrid660 article{padding:14px;border:1px solid #3c526b;border-radius:10px;background:#0b1521}.healthGrid660 small,.healthGrid660 b{display:block}.healthGrid660 small{color:#77def6;font-size:8px;font-weight:1000}.healthGrid660.ok660{border-color:#3d765e}.healthGrid660.warn660{border-color:#9a6652}.healthActions660{display:flex;gap:8px;margin-bottom:18px}.healthActions660 button{flex:1}.healthErrors660{border:1px solid #33475e;border-radius:10px;overflow:hidden}.healthErrors660 article{padding:10px;border-bottom:1px solid #27394d}.healthErrors660 b,.healthErrors660 span{display:block}.healthErrors660 span{color:#99aabd;margin-top:3px}.lifeTools660{display:flex;gap:7px} @media(max-width:700px){.healthGrid660{grid-template-columns:1fr 1fr}.healthActions660{display:grid;grid-template-columns:1fr}.recovery660 section>div{grid-template-columns:1fr}}@media(max-width:460px){.healthGrid660{grid-template-columns:1fr}} /* v6.7.0 — Euro / real-life economy */ .realEstateHint670{margin:8px 0 12px;padding:10px;border:1px solid #3b5872;border-radius:9px;background:#0c1825;color:#a8bad0}.lifecard select{width:100%;margin:8px 0;padding:8px;background:#08121d;color:#fff;border:1px solid #3f5872;border-radius:7px}.ownedCities670{display:block;margin-top:7px;color:#71ddb1!important}.labelOffice670{max-width:1450px}.labelOfficeStats670{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:14px 0}.labelOfficeStats670>div{padding:13px;border:1px solid #3d536d;border-radius:10px;background:#0b1622}.labelOfficeStats670 small{display:block;color:#72dff7;font-size:8px}.labelOfficeStats670 b{font-size:22px}.demoInbox670{display:grid;grid-template-columns:repeat(2,1fr);gap:9px;margin-bottom:20px}.demoInbox670 article,.artistProposal670 article,.releasePipe670 article{padding:12px;border:1px solid #344b64;border-radius:10px;background:#0a1420}.artistProposal670{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:20px}.artistProposal670 b,.artistProposal670 span{display:block}.artistProposal670 span{color:#91a5b9;font-size:8px;margin:4px 0 8px}.releasePipe670{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.releasePipe670 b,.releasePipe670 span{display:block}.releasePipe670 span{color:#90a4b8;margin-top:4px} @media(max-width:800px){.labelOfficeStats670,.demoInbox670,.artistProposal670,.releasePipe670{grid-template-columns:1fr 1fr}}@media(max-width:520px){.labelOfficeStats670,.demoInbox670,.artistProposal670,.releasePipe670{grid-template-columns:1fr}} /* v6.8.0 — Living Career Integration */ .homePulse680{display:grid;grid-template-columns:1fr 1fr 1fr auto;gap:8px;align-items:stretch;margin:10px 0 14px}.homePulse680>div,.homePulse680>button{padding:11px;border:1px solid #3b526c;border-radius:10px;background:#0c1723}.homePulse680 small,.homePulse680 b,.homePulse680 span{display:block}.homePulse680 small{color:#73dff7;font-size:7px;font-weight:1000}.homePulse680 b{font-size:15px;margin:3px 0}.homePulse680 span{color:#91a5ba;font-size:8px}.homePulse680>button{min-width:170px;color:#fff}.integration680{max-width:1400px}.careerPulse680{display:grid;grid-template-columns:repeat(4,1fr);gap:9px;margin:14px 0 20px}.careerPulse680>div{padding:14px;border:1px solid #3c536d;border-radius:11px;background:#0b1622}.careerPulse680 small,.careerPulse680 b,.careerPulse680 span{display:block}.careerPulse680 small{color:#75dff8;font-size:8px;font-weight:1000}.careerPulse680 b{font-size:22px;margin:3px 0}.careerPulse680 span{color:#92a5ba}.objectives680{display:grid;grid-template-columns:repeat(2,1fr);gap:9px;margin-bottom:22px}.objectives680 article{display:grid;grid-template-columns:42px 1fr;gap:8px;padding:12px;border:1px solid #344a63;border-radius:10px;background:#0a1420}.objectives680 article>span{font-size:26px}.objectives680 small,.objectives680 b,.objectives680 em{display:block}.objectives680 em{font-style:normal;color:#80dcb4;font-size:8px}.objectives680 i{display:block;height:6px;background:#152538;border-radius:6px;overflow:hidden;margin:6px 0}.objectives680 i u{display:block;height:100%;background:#6adbf5}.synergy680,.monthly680{border:1px solid #344a63;border-radius:10px;overflow:hidden;margin-bottom:22px}.synergy680 article,.monthly680 article{display:grid;grid-template-columns:42px 1fr 110px;gap:8px;padding:9px 11px;border-bottom:1px solid #26394d}.synergy680 small,.monthly680 small{text-align:right;color:#8194a8}.monthly680 article{grid-template-columns:170px 1fr 220px} @media(max-width:900px){.homePulse680{grid-template-columns:1fr 1fr}.careerPulse680{grid-template-columns:1fr 1fr}.objectives680{grid-template-columns:1fr}.monthly680 article{grid-template-columns:1fr 1fr}}@media(max-width:520px){.homePulse680,.careerPulse680{grid-template-columns:1fr}.synergy680 article,.monthly680 article{grid-template-columns:38px 1fr}.synergy680 small,.monthly680 small{grid-column:2;text-align:left}} /* v6.9.0 — Touring, Team & Operations */ .teamOps690,.tourPlanner690{max-width:1450px}.opsStats690,.tourSummary690{display:grid;grid-template-columns:repeat(4,1fr);gap:9px;margin:14px 0 22px}.tourSummary690{grid-template-columns:repeat(6,1fr)}.opsStats690>div,.tourSummary690>div{padding:13px;border:1px solid #39516b;border-radius:10px;background:#0b1622}.opsStats690 small,.tourSummary690 small{display:block;color:#75dff8;font-size:8px;font-weight:1000}.opsStats690 b,.tourSummary690 b{font-size:20px}.roleGrid690{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin-bottom:22px}.roleGrid690>article{padding:15px;border:1px solid #354b64;border-radius:12px;background:linear-gradient(145deg,#0f1a28,#0a131d)}.roleHead690{display:flex;gap:10px;align-items:center}.roleHead690>span{font-size:29px}.roleHead690 small,.roleHead690 h3{display:block;margin:0}.roleHead690 small{color:#73dff6;font-size:8px}.roleGrid690 p{color:#97a9bd}.staffMetrics690{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin:8px 0}.staffMetrics690 span{padding:7px;border:1px solid #2d4158;border-radius:7px;font-size:8px}.staffMetrics690 b{display:block}.candidateList690{display:grid;grid-template-columns:1fr;gap:5px}.candidateList690 button{text-align:left}.candidateList690 b,.candidateList690 small{display:block}.candidateList690 small{color:#91a4b8}.opsHistory690{border:1px solid #344a62;border-radius:10px;overflow:hidden}.opsHistory690 article{display:grid;grid-template-columns:40px 1fr 100px;gap:8px;padding:9px;border-bottom:1px solid #26394c}.opsHistory690 small{text-align:right;color:#8497aa}.tourHeadBtns690{display:flex;gap:6px}.tourSummary690{margin-bottom:18px}.tourRoute690{display:grid;gap:8px}.tourRoute690 article{display:grid;grid-template-columns:55px 1fr 260px;gap:10px;align-items:center;padding:12px;border:1px solid #344a64;border-radius:10px;background:#0a1420}.tourNo690{font-size:25px;font-weight:1000;color:#6fdcf6}.tourRoute690 small,.tourRoute690 h3,.tourRoute690 p,.tourRoute690 span,.tourRoute690 b{display:block}.tourRoute690 p{color:#90a4b8}.tourRoute690 article>div:last-child{text-align:right}.plannerNote690{margin:14px 0;padding:11px;border:1px solid #49617a;border-radius:9px;background:#0d1a28;color:#9fb2c6} @media(max-width:1050px){.tourSummary690{grid-template-columns:repeat(3,1fr)}}@media(max-width:800px){.roleGrid690{grid-template-columns:1fr}.opsStats690{grid-template-columns:repeat(2,1fr)}.tourRoute690 article{grid-template-columns:45px 1fr}.tourRoute690 article>div:last-child{grid-column:2;text-align:left}.tourSummary690{grid-template-columns:repeat(2,1fr)}}@media(max-width:520px){.opsStats690,.tourSummary690{grid-template-columns:1fr}.staffMetrics690{grid-template-columns:1fr}.tourHeadBtns690{flex-direction:column}} /* v7.0.0 — Licensed Music World */ .rightsBadge700{display:inline-block;margin:5px 0;padding:4px 7px;border:1px solid #47617b;border-radius:999px;font-size:8px;font-weight:1000}.rightsBadge700.licensed{border-color:#5f9f7b}.rightsBadge700.pendingrights,.rightsBadge700.unverified{border-color:#a88849}.rightsBadge700.suspended{border-color:#a64d57}.rightsQuarantine700{padding:12px;border:1px dashed #9b7842;border-radius:8px;text-align:center;color:#d7bd8a}.quarantine700{opacity:.88}.danger700{border-color:#9d4d58!important}.rightsDeclaration700{grid-column:1/-1;padding:14px;border:1px solid #526c86;border-radius:11px;background:#0b1724}.rightsDeclaration700 label{display:flex!important;gap:9px;align-items:flex-start;margin:7px 0}.rightsDeclaration700 input{width:auto!important;margin-top:2px}.rightsDeclaration700 p{color:#a9b9ca}.rightsRules700{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:15px 0 22px}.rightsRules700 article{padding:12px;border:1px solid #354d65;border-radius:10px;background:#0b1622}.rightsRules700 b,.rightsRules700 span{display:block}.rightsRules700 b{color:#73dff7}.rightsRules700 span{margin-top:6px;color:#a0b2c4}.rightsLedger700{border:1px solid #354d65;border-radius:10px;overflow:hidden}.rightsLedger700 article{display:grid;grid-template-columns:1fr 150px 190px;gap:10px;padding:10px;border-bottom:1px solid #26394c}.rightsLedger700 div>*{display:block}.rightsLedger700 strong{color:#7edeb5}@media(max-width:800px){.rightsRules700{grid-template-columns:1fr 1fr}.rightsLedger700 article{grid-template-columns:1fr}}@media(max-width:520px){.rightsRules700{grid-template-columns:1fr}} /* v7.1.0 top-right actions */ .hudEndDay710,.hudLogout710{min-height:30px;padding:4px 8px;border-radius:7px;font-size:11px;font-weight:900;white-space:nowrap} .hudEndDay710{border:1px solid #d7b35a;background:#f2d77f;color:#101820} .hudLogout710{border:1px solid #53677b;background:#172737;color:#eef6ff} .hudEndDay710:hover,.hudLogout710:hover{transform:translateY(-1px)} @media(max-width:980px){.hudEndDay710 b,.hudLogout710 b{display:none}.hudEndDay710,.hudLogout710{padding:6px 8px}} /* v7.2.0 — Long-term consequences + residence fix */ .brandContracts720{max-width:1350px}.contractStats720{display:grid;grid-template-columns:repeat(4,1fr);gap:9px;margin:14px 0 22px}.contractStats720>div{padding:13px;border:1px solid #3a536b;border-radius:10px;background:#0b1622}.contractStats720 small{display:block;color:#72def7;font-size:8px;font-weight:1000}.contractStats720 b{font-size:22px}.brandList720{display:grid;grid-template-columns:repeat(2,1fr);gap:9px;margin-bottom:22px}.brandList720 article{display:grid;grid-template-columns:1fr 180px;gap:10px;padding:14px;border:1px solid #38506a;border-radius:11px;background:#0a1420}.brandList720 article.active{border-color:#4e7a69}.brandList720 article.terminated{border-color:#7d4c54;opacity:.8}.brandList720 article.completed{border-color:#5c6572}.brandList720 article>div:last-child{text-align:right}.brandList720 span{display:block;color:#91a4b8;margin:3px 0}.consequenceLog720{border:1px solid #344b63;border-radius:10px;overflow:hidden}.consequenceLog720 article{display:grid;grid-template-columns:42px 1fr 105px;gap:8px;padding:9px 11px;border-bottom:1px solid #26394d}.consequenceLog720 p{margin:3px 0;color:#98aabd}.consequenceLog720 small{text-align:right;color:#8497aa} @media(max-width:760px){.contractStats720,.brandList720{grid-template-columns:1fr 1fr}.brandList720 article{grid-template-columns:1fr}.brandList720 article>div:last-child{text-align:left}}@media(max-width:520px){.contractStats720,.brandList720{grid-template-columns:1fr}} /* v7.2.1 — Agency offer frequency */ .agencyDesk721{max-width:1250px}.agencyStatus721{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:14px 0 22px}.agencyStatus721 article,.agencyRequest721,.agencyMarket721 article{padding:14px;border:1px solid #395169;border-radius:11px;background:#0b1622}.agencyStatus721 small,.agencyMarket721 small{color:#72def7;font-size:8px;font-weight:1000}.agencyStatus721 p,.agencyRequest721 p,.agencyMarket721 p{color:#98aabd}.agencyRequest721{display:grid;grid-template-columns:1fr 250px;gap:12px;align-items:center;margin-bottom:22px}.agencyRequest721 button{min-height:48px}.agencyMarket721{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.agencyMarket721 article{display:flex;flex-direction:column;justify-content:space-between}.agencyMarket721 article>span{display:block;margin-top:8px;padding-top:8px;border-top:1px solid #2c4156;color:#80ddb4;font-size:8px}.agencyMarket721 article.locked{opacity:.58}.agencyMarket721 article.locked>span{color:#b69b7b} @media(max-width:750px){.agencyStatus721,.agencyMarket721{grid-template-columns:1fr}.agencyRequest721{grid-template-columns:1fr}} /* v7.2.2 — accommodation modal own-home fix */ .ownHomeChoice722{margin:12px 0}.ownHomeChoice722 button{width:100%;display:grid;grid-template-columns:48px 1fr;gap:10px;text-align:left;padding:14px;border:1px solid #4f9b78;border-radius:11px;background:linear-gradient(145deg,#10251e,#0b1715);color:#fff}.ownHomeChoice722 button>span{font-size:30px}.ownHomeChoice722 b,.ownHomeChoice722 small,.ownHomeChoice722 em{display:block}.ownHomeChoice722 small{color:#78ddb0;margin:3px 0}.ownHomeChoice722 em{font-style:normal;color:#9fb6aa}.noHomeMatch722{margin:10px 0;padding:8px 10px;border:1px dashed #465a6e;border-radius:8px;color:#899caf;font-size:8px} /* v7.2.3 — HOME gets the same top-right day/session controls as every other game screen */ @media(max-width:900px){} /* v7.3.0 beatmatch */ .beatmatchGig730{max-width:1450px}.waveConsole730{margin:14px 0;border:1px solid #334d66;border-radius:10px;background:#060a0f;overflow:hidden}.waveTop730{display:grid;grid-template-columns:1fr 220px 1fr;gap:10px;padding:11px 14px;border-bottom:1px solid #26394d}.waveTop730>div:last-child{text-align:right}.waveTop730 small,.waveTop730 b,.waveTop730 span{display:block}.waveTop730 small{color:#72dff7;font-size:8px}.waveTop730 span{color:#91a4b8}.waveCenter730{text-align:center}.waveCenter730 strong{color:#f1c14f}.stackedWave730{padding:8px 13px}.waveLane730{position:relative;height:84px;overflow:hidden;border-bottom:1px solid #203244;background:repeating-linear-gradient(90deg,transparent 0 31px,#492323 32px,#492323 33px)}.waveBars730{height:100%;display:flex;align-items:center;justify-content:space-between;gap:1px}.waveBars730 i{display:block;flex:1;max-width:4px;background:linear-gradient(#2b98ef 0 36%,#f0b11e 37% 63%,#eef2f4 64% 72%,#2b98ef 73%)}.waveB730 .waveBars730 i{background:linear-gradient(#ef3a32 0 36%,#f4b21c 37% 63%,#f1f2f3 64% 72%,#ef3a32 73%)}.wavePlayhead730{position:absolute;left:50%;top:0;bottom:0;width:2px;background:#f44336;z-index:4}.beatDecks730{display:grid;grid-template-columns:1fr 1.15fr 1fr;gap:10px}.beatDeck730,.beatControl730{padding:15px;border:1px solid #354d67;border-radius:11px;background:#0b1520;text-align:center}.deckA730{border-top:2px solid #279ef4}.deckB730{border-top:2px solid #ef453e}.beatDeck730 small,.beatDeck730 h3,.beatDeck730 b,.beatDeck730 span{display:block}.beatDeck730 b{font-size:30px}.deckA730 b{color:#52b7ff}.deckB730 b{color:#ff544c}.beatControl730 small,.beatControl730 b,.beatControl730 span,.beatControl730 em{display:block}.beatControl730 b{font-size:25px}.beatControl730 em{font-style:normal;color:#98aabd;margin-top:7px}.accuracyDial730{width:104px;height:104px;margin:10px auto;border:6px solid #344c65;border-top-color:#70df84;border-radius:50%;display:grid;place-items:center}.accuracyDial730 strong{font-size:28px;color:#76e68a}.bpmButtons730,.beatNudge730{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin:8px 0}.beatSync730{width:100%;background:#176da9!important;color:white!important}.beatDecision730{display:grid;grid-template-columns:1fr 240px 260px;gap:9px;align-items:stretch;margin:12px 0}.beatDecision730>div,.beatDecision730>button{border-radius:10px;padding:12px}.syncPenalty730{border:1px solid #3a5066;background:#0b1520}.syncPenalty730.active{border-color:#b78831}.syncPenalty730 small,.syncPenalty730 b,.syncPenalty730 span{display:block}.syncPenalty730 span{color:#92a5b9}.confirmBeat730{background:#f0c64b!important;color:#10151b!important;font-weight:1000}.playTransition730{background:linear-gradient(90deg,#ff3e93,#ff6c4c)!important;color:#fff!important;font-weight:1000}.beatHistory730{display:grid;grid-template-columns:repeat(5,1fr);gap:6px;margin:10px 0}.beatHistory730>div{padding:9px;border:1px solid #33495f;border-radius:8px;text-align:center}.beatHistory730>div.done{border-color:#4c8a68}.beatHistory730>div.sync{border-color:#b88931}.beatHistory730>div.current{box-shadow:0 0 0 2px #8d55c7 inset}.beatResult730{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:10px 0}.beatResult730>div{padding:11px;border:1px solid #405770;border-radius:9px;background:#0b1520}.beatResult730 small,.beatResult730 b{display:block}@media(max-width:850px){.waveTop730,.beatDecks730,.beatDecision730{grid-template-columns:1fr}.waveTop730>div:last-child{text-align:left}}@media(max-width:520px){.beatHistory730,.beatResult730{grid-template-columns:1fr 1fr}.waveLane730{height:64px}} /* v7.3.0.1 — moving waveform / beat catch */ .movingWave7301 .waveCenter730 em{display:block;margin-top:4px;font-style:normal;font-size:9px;letter-spacing:.08em;color:#8795a5}.movingWave7301 .waveCenter730 em.hot{color:#ffcf4a;font-weight:900;text-shadow:0 0 10px #ffcf4a66} .movingWave7301 .stackedWave730{cursor:crosshair;user-select:none;touch-action:manipulation;position:relative}.movingWave7301 .stackedWave730:active{filter:brightness(1.14)} .movingWave7301 .waveLane730{height:98px;background:linear-gradient(180deg,#07111a,#05080d);overflow:hidden;border-bottom:1px solid #24384c} .movingWave7301 .waveTrack7301{position:absolute;left:0;top:0;height:100%;width:200%;display:flex;align-items:center;gap:1px;will-change:transform;pointer-events:none} .movingWave7301 .waveTrack7301 i{flex:0 0 4px;max-width:none} .movingWave7301 .wavePlayhead730{left:50%;width:3px;background:#ff3f45;box-shadow:0 0 12px #ff3f45,0 0 2px #fff;z-index:9} .movingWave7301 .beatGate7301{position:absolute;left:calc(50% - 12px);top:0;bottom:0;width:24px;border-left:1px solid #ffd45a55;border-right:1px solid #ffd45a55;background:#ffd45a0a;z-index:7;pointer-events:none} .movingWave7301 .waveA730 .waveTrack7301 i:nth-child(16n/**/+1),.movingWave7301 .waveB730 .waveTrack7301 i:nth-child(16n/**/+1){box-shadow:0 0 10px currentColor;filter:brightness(1.75)} .movingWave7301 .waveA730 .waveTrack7301 i:nth-child(8n/**/+1),.movingWave7301 .waveB730 .waveTrack7301 i:nth-child(8n/**/+1){height:92%!important} .waveHint7301{padding:8px 12px 10px;text-align:center;color:#92a8bb;font-size:10px;border-top:1px solid #1a2a39;background:#08111a}.waveHint7301 b{color:#ffd45a} .confirmBeat730{font-size:17px!important;letter-spacing:.03em;box-shadow:0 0 0 1px #e9b92666 inset}.confirmBeat730:not(:disabled){animation:catchPulse7301 1.15s ease-in-out infinite}@keyframes catchPulse7301{50%{transform:translateY(-1px);filter:brightness(1.12)}} @media(prefers-reduced-motion:reduce){.confirmBeat730:not(:disabled){animation:none}} @media(max-width:520px){.movingWave7301 .waveLane730{height:78px}.waveHint7301{font-size:9px}} .recoveryOpen7304{position:fixed;left:12px;bottom:12px;z-index:9999;padding:11px 14px;background:#16243b;color:#fff;border:1px solid #65748b;border-radius:12px;font-weight:900}.recovery7304{max-width:1050px;margin:auto;padding:20px}.recovery7304 header{display:flex;gap:15px;align-items:center;background:#111b2e;padding:18px;border-radius:17px}.recovery7304 h1{margin:2px 0}.recoveryWarn7304{display:flex;flex-direction:column;padding:15px;margin:15px 0;background:#3a2410;border:1px solid #d89535;border-radius:13px}.recoveryList7304{display:grid;gap:11px}.recoveryList7304 article{display:grid;grid-template-columns:1.3fr 1fr auto;gap:14px;align-items:center;padding:15px;background:#131d30;border:1px solid #33425a;border-radius:15px}.recoveryList7304 article.good7304{border:2px solid #58d68d}.stats7304{display:flex;flex-wrap:wrap;gap:5px}.stats7304 span{padding:5px 7px;background:#202d46;border-radius:7px;font-size:12px}@media(max-width:700px){.recoveryList7304 article{grid-template-columns:1fr}} /* v7.4.3 DJ ACADEMY — cloud-integrated prologue */ .academy743{padding:22px;max-width:1250px;margin:auto;color:var(--text,#eef3ff)} .academyHero743{display:flex;justify-content:space-between;gap:16px;align-items:center;background:#151e31;border:1px solid rgba(255,255,255,.14);border-radius:20px;padding:20px;margin-bottom:18px} .academyHero743 h1{font-size:clamp(30px,5vw,54px);margin:0}.academyHero743 p{opacity:.8} .academyPanel743{background:#111827;border:1px solid rgba(255,255,255,.12);border-radius:18px;padding:18px;margin-bottom:18px} .mentorGrid743,.courseGrid743,.academyLessons743{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:12px} .mentorGrid743 button,.courseGrid743 article,.academyLessons743 article{background:#18233a;color:inherit;border:1px solid rgba(255,255,255,.12);border-radius:15px;padding:15px;text-align:left} .academyLessons743 article{min-height:220px;position:relative}.academyLessons743 article>span{font-size:30px}.academyLessons743 article em{position:absolute;right:12px;top:12px;font-style:normal;font-weight:800}.academyLessons743 article.locked{opacity:.45}.academyLessons743 article button{width:100%} .academyExam743{text-align:center}.certificate743{max-width:420px;margin:15px auto;padding:24px;border:2px solid #f3c75f;border-radius:18px}.certificate743 b,.certificate743 strong,.certificate743 small{display:block;margin:5px} .academyExercisePage743{max-width:900px} @media(max-width:640px){.academy743{padding:10px}.academyHero743{flex-wrap:wrap}.mentorGrid743,.courseGrid743,.academyLessons743,.academyBpmExercise743{grid-template-columns:1fr}} /* v7.5.0 DEV — cinematic login/start screen */ .start750{position:relative;min-height:100vh;display:block!important;overflow:hidden;background:#080b15;color:#fff} .start750bg{position:absolute;inset:0;background:linear-gradient(90deg,rgba(4,7,16,.98) 0%,rgba(4,7,16,.88) 31%,rgba(4,7,16,.35) 58%,rgba(4,7,16,.7) 100%),linear-gradient(0deg,rgba(4,7,16,.95),transparent 42%),url("../assets/dj-realistic-hero.jpg") center/cover no-repeat;filter:saturate(1.12) contrast(1.04);transform:scale(1.015)} .start750:after{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 78% 42%,rgba(255,52,158,.22),transparent 28%),linear-gradient(180deg,rgba(0,0,0,.12),rgba(0,0,0,.45))} .start750nav{position:relative;z-index:3;height:92px;display:grid;grid-template-columns:280px 1fr 220px;align-items:center;padding:0 4vw;border-bottom:1px solid #ffffff12;background:#05081566;backdrop-filter:blur(8px)} .start750brand{display:flex;align-items:flex-end;gap:10px}.start750brand span{display:grid;place-items:center;width:62px;height:62px;padding:7px;border:2px solid #fff;font-size:12px;font-weight:1000;line-height:.95;text-align:center;letter-spacing:-.03em}.start750brand em{font-style:italic;color:#ff2f98;font-size:13px;font-weight:1000;transform:rotate(-5deg);margin-bottom:5px} .start750nav nav{display:flex;justify-content:center;gap:40px;font-size:10px;letter-spacing:.16em;color:#dfe4ef}.start750nav nav b{font-weight:900} .start750hero{position:relative;z-index:2;min-height:calc(100vh - 92px);display:grid;grid-template-columns:minmax(0,1.25fr) minmax(360px,.75fr);gap:5vw;align-items:center;padding:5vh 5.5vw 6vh} .start750copy{max-width:760px}.start750copy>small{color:#ffd84a;font-size:11px;letter-spacing:.13em}.start750copy h1{margin:18px 0 20px;font-size:clamp(58px,6.4vw,104px);line-height:.84;letter-spacing:-.055em;font-weight:1000;text-transform:uppercase;max-width:740px;text-shadow:0 7px 34px #000}.start750copy h1 em{display:block;color:#ff2f98;font-style:italic;letter-spacing:-.07em;text-shadow:0 0 25px #ff2f9860} .start750copy p{font-size:18px;line-height:1.35;color:#eef0f5;text-shadow:0 3px 15px #000}.start750copy p strong{color:#ff3ca0;font-style:italic;font-size:28px} .start750features{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;margin-top:42px;max-width:720px;border:1px solid #ffffff18;background:#ffffff12;border-radius:14px;overflow:hidden;backdrop-filter:blur(7px)}.start750features span{min-height:96px;padding:17px 15px;display:flex;flex-direction:column;justify-content:center;border-right:1px solid #ffffff18;font-size:20px}.start750features span:last-child{border-right:0}.start750features b{margin-top:7px;font-size:10px;letter-spacing:.08em}.start750features i{margin-top:4px;color:#aeb7c9;font-size:8px;font-style:normal;line-height:1.35} .start750login{justify-self:end;width:min(440px,100%);padding:26px;border:1px solid #ffffff24;border-radius:20px;background:linear-gradient(180deg,#0b1020e8,#090c18e8);box-shadow:0 25px 70px #0009,0 0 0 1px #ff2f9822;backdrop-filter:blur(14px)} .start750loginHead small{color:#ff4ba8;font-size:9px;letter-spacing:.14em}.start750loginHead h2{margin:6px 0 3px;font-size:30px;letter-spacing:-.03em}.start750loginHead p{margin:0 0 18px;color:#7f8ca3;font-size:10px} .start750login label{display:block;margin:10px 0;color:#9ca9bd;font-size:8px;font-weight:900;letter-spacing:.1em}.start750login input{display:block;width:100%;height:50px;margin-top:6px;padding:0 14px;border:1px solid #39465e;border-radius:10px;background:#070b14de;color:#fff;outline:none;font-size:13px;font-weight:800}.start750login input:focus{border-color:#ff3f9e;box-shadow:0 0 0 3px #ff3f9e20} .start750login .primary{width:100%;min-height:54px;margin-top:12px;border-radius:10px;background:linear-gradient(90deg,#ff2f98,#ff326d)!important;box-shadow:0 10px 30px #ff2f9833;letter-spacing:.08em}.start750login .secondary{width:100%;min-height:50px;border-radius:10px;background:#111827cc!important;border:1px solid #49536a!important}.start750login .ghost400{border-color:#ffffff1f!important;color:#aeb8ca!important} .start750login .startDivider400 span{background:#0b0f1c}.start750login .muted{display:block;text-align:center;font-size:7px;color:#6f7d94} @media(max-width:900px){.start750nav{grid-template-columns:1fr auto;height:78px}.start750nav nav{display:none}.start750hero{grid-template-columns:1fr;padding-top:40px}.start750copy{max-width:none}.start750login{justify-self:stretch;width:100%;max-width:520px;margin:0 auto 30px}.start750features{grid-template-columns:1fr 1fr 1fr}.start750copy h1{font-size:clamp(48px,12vw,76px)}} @media(max-width:560px){.start750hero{padding:28px 18px}.start750nav{padding:0 18px}.start750features{grid-template-columns:1fr}.start750features span{min-height:72px;border-right:0;border-bottom:1px solid #ffffff18}.start750features span:last-child{border-bottom:0}.start750login{padding:20px}} /* v7.5.0 Career Update */ .career750{background:radial-gradient(circle at 80% 0,#29102b55,transparent 28%),#080b12} .career750head{align-items:center}.career750era{margin-left:auto;min-width:190px;padding:13px 16px;border:1px solid #ff3b9d33;border-radius:12px;background:#ff3b9d0b}.career750era small,.career750hero small{display:block;color:#8f9bb0;font-size:8px;letter-spacing:.12em}.career750era b{display:block;margin:4px 0;color:#ff4ba8}.career750era span{font-size:9px;color:#8995aa} .career750hero{display:grid;grid-template-columns:.8fr 1.4fr .8fr;gap:12px;margin:18px 0}.career750hero>div{min-height:160px;padding:20px;border:1px solid #ffffff16;border-radius:16px;background:linear-gradient(145deg,#121725,#0b0f18);box-shadow:0 14px 35px #0004}.career750rank b{display:block;font-size:54px;line-height:1;color:#ff3b9d}.career750rank strong,.career750stats strong{display:block;margin:6px 0;font-size:11px}.career750rank span,.career750stats span,.career750next span{font-size:9px;color:#8591a5}.career750next b{display:block;margin:12px 0 3px;font-size:25px}.career750next p{margin:0 0 18px;color:#9da8b9;font-size:11px}.career750next i,.career750objectives i{display:block;height:7px;overflow:hidden;border-radius:10px;background:#222a39}.career750next i u,.career750objectives i u{display:block;height:100%;border-radius:10px;background:linear-gradient(90deg,#ff2f98,#ff7358)}.career750stats b{display:block;font-size:54px;line-height:1;color:#fff} .career750path{display:grid;grid-template-columns:repeat(8,1fr);gap:7px;margin-bottom:24px}.career750path article{position:relative;min-height:118px;padding:13px 10px;border:1px solid #ffffff10;border-radius:12px;background:#0d121d;opacity:.55}.career750path article.done{opacity:1;border-color:#37e7a333;background:#0b1b18}.career750path article.next{opacity:1;border-color:#ff3b9d88;box-shadow:0 0 0 1px #ff3b9d22,0 10px 30px #ff3b9d12}.career750path b{display:block;font-size:22px}.career750path strong{display:block;margin:8px 0 3px;font-size:8px}.career750path span{display:block;color:#7e899b;font-size:7px;line-height:1.35}.career750path em{position:absolute;left:10px;bottom:10px;color:#59677d;font-size:6px;font-style:normal;font-weight:900;letter-spacing:.1em}.career750path .done em{color:#37e7a3}.career750path .next em{color:#ff4ba8} .career750grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin:6px 0 26px}.career750grid>div{padding:18px;border:1px solid #ffffff12;border-radius:15px;background:#0c111b}.career750grid h3{margin:0 0 12px;font-size:11px}.career750recs{display:grid;gap:8px}.career750recs button{display:grid;grid-template-columns:38px 1fr 20px;align-items:center;width:100%;padding:11px;border:1px solid #ffffff10;border-radius:10px;background:#121824;color:#fff;text-align:left}.career750recs button>b{font-size:21px}.career750recs strong{display:block;font-size:9px}.career750recs small{display:block;margin-top:3px;color:#7f8ca0;font-size:7px}.career750recs em{color:#ff4ba8;font-size:18px;font-style:normal}.career750objectives{display:grid;gap:9px}.career750objectives article{padding:10px;border-radius:10px;background:#121824}.career750objectives article>div{display:flex;justify-content:space-between;gap:10px;margin-bottom:7px}.career750objectives b{font-size:8px}.career750objectives span,.career750objectives small{font-size:7px;color:#8c98aa}.career750objectives small{display:block;margin-top:5px}.career750pulse{width:100%;margin-top:10px}.career750actions{grid-template-columns:repeat(3,minmax(0,1fr))} @media(max-width:1000px){.career750path{grid-template-columns:repeat(4,1fr)}.career750hero{grid-template-columns:1fr 1fr}.career750next{grid-column:span 2}.career750actions{grid-template-columns:repeat(2,minmax(0,1fr))}} @media(max-width:650px){.career750era{display:none}.career750hero,.career750grid{grid-template-columns:1fr}.career750next{grid-column:auto}.career750path{grid-template-columns:repeat(2,1fr)}.career750actions{grid-template-columns:1fr}} /* v7.5.0 Career Breakthroughs */ .career750breakthroughs{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin:0 0 26px} .career750breakthroughs article{min-height:118px;padding:15px;border:1px solid #ff3b9d26;border-radius:14px;background:linear-gradient(145deg,#17101c,#0d111a);display:flex;gap:11px;box-shadow:0 12px 28px #0003} .career750breakthroughs article>b{font-size:25px}.career750breakthroughs strong{display:block;font-size:8px;color:#fff;letter-spacing:.04em}.career750breakthroughs p{margin:5px 0;color:#9aa5b8;font-size:7px;line-height:1.45}.career750breakthroughs small{font-size:6px;color:#ff4ba8;letter-spacing:.1em}.career750breakthroughs article.legacy{border-color:#ffffff12;background:#0e131d}.career750breakthroughs article.legacy small{color:#6f7b8d} @media(max-width:1000px){.career750breakthroughs{grid-template-columns:repeat(3,1fr)}} @media(max-width:650px){.career750breakthroughs{grid-template-columns:1fr}} .careerOffersPage750{background:#080b12}.careerOffersGrid750{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:20px 0 28px}.careerOffer750{padding:20px;border:1px solid #ff3b9d35;border-radius:16px;background:linear-gradient(145deg,#17101d,#0c111a)}.careerOffer750top{display:grid;grid-template-columns:44px 1fr auto;gap:11px;align-items:center}.careerOffer750top>b{font-size:30px}.careerOffer750top small{color:#ff56ad;font-size:7px}.careerOffer750top h3{margin:3px 0;font-size:15px}.careerOffer750top em{font-size:6px;color:#8d99aa}.careerOffer750 p{color:#9ba7b8;font-size:9px;line-height:1.5}.careerOffer750fee{display:block;margin:14px 0;font-size:30px}.careerOffer750actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}.careerOfferHistoryGrid750{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.careerOfferHistory750{display:flex;gap:9px;align-items:center;padding:11px;border:1px solid #ffffff10;border-radius:10px;background:#0d121c}.careerOfferHistory750 strong,.careerOfferHistory750 small{display:block;font-size:7px}.careerOfferHistory750 small{color:#7d899b}.career750actions .badge{display:inline-grid;place-items:center;min-width:18px;height:18px;border-radius:20px;background:#fff;color:#ff2f98;font-size:8px}@media(max-width:760px){.careerOffersGrid750{grid-template-columns:1fr}.careerOfferHistoryGrid750{grid-template-columns:repeat(2,1fr)}} /* v7.5.0 Industry Relationships */ .industryPage750{background:radial-gradient(circle at 15% 0,#0c2e3555,transparent 30%),#080b12} .industryGrid750{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:20px 0 28px} .industryCard750{padding:18px;border:1px solid #2be3a833;border-radius:15px;background:linear-gradient(145deg,#0d1a1a,#0c1119);box-shadow:0 14px 34px #0003}.industryCard750.negative{border-color:#ff5a6233;background:linear-gradient(145deg,#1b1014,#0c1119)} .industryCard750top{display:grid;grid-template-columns:38px 1fr auto;gap:9px;align-items:center}.industryCard750top>b{font-size:25px}.industryCard750top small{font-size:6px;color:#7f8c9f}.industryCard750top h3{margin:2px 0;font-size:10px}.industryCard750top em{font-size:6px;font-style:normal;color:#b3bdcc} .industryScore750{display:block;margin:16px 0 8px;font-size:34px}.industryCard750 i{display:block;height:7px;border-radius:10px;background:#222a36;overflow:hidden}.industryCard750 i u{display:block;height:100%;background:linear-gradient(90deg,#ff5f68,#f3d55b,#2be3a8)}.industryCard750 p{min-height:35px;color:#8f9bad;font-size:8px;line-height:1.45} .industryHistoryGrid750{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.industryHistory750{display:grid;grid-template-columns:28px 1fr auto;gap:8px;align-items:center;padding:11px;border:1px solid #ffffff10;border-radius:10px;background:#0d121c}.industryHistory750>b{font-size:18px}.industryHistory750 strong,.industryHistory750 span{display:block;font-size:7px}.industryHistory750 span{margin-top:2px;color:#7e8a9d}.industryHistory750 em{font-style:normal;font-size:11px;font-weight:900}.industryHistory750 em.plus{color:#2be3a8}.industryHistory750 em.minus{color:#ff5f68} @media(max-width:900px){.industryGrid750{grid-template-columns:repeat(2,1fr)}.industryHistoryGrid750{grid-template-columns:repeat(2,1fr)}}@media(max-width:560px){.industryGrid750,.industryHistoryGrid750{grid-template-columns:1fr}} .agencyPage750{background:#080b12}.agencyCurrent750,.agencyNoCurrent750{margin:20px 0;padding:20px;border:1px solid #4d8dff44;border-radius:16px;background:linear-gradient(145deg,#101b2b,#0b1019)}.agencyCurrent750{display:grid;grid-template-columns:1.2fr 1fr auto;gap:20px;align-items:center}.agencyCurrent750 p,.agencyNoCurrent750 p{color:#8f9bad;font-size:9px}.agencyTerms750{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.agencyTerms750 span{padding:10px;text-align:center;background:#0a0f18;border-radius:10px}.agencyTerms750 b,.agencyTerms750 small{display:block}.agencyTerms750 small{font-size:6px;color:#7d899b}.agencyGrid750{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:26px}.agencyCard750{padding:18px;border:1px solid #ffffff12;border-radius:15px;background:#0d121c}.agencyCard750.eligible{border-color:#4d8dff55}.agencyCard750.locked{opacity:.58}.agencyCard750.active{border-color:#2be3a888}.agencyCard750>b{font-size:30px}.agencyCard750>small{display:block;margin:8px 0 3px;color:#5d8fff;font-size:6px}.agencyCard750 h3{font-size:13px}.agencyCard750 p{min-height:50px;color:#8995a7;font-size:8px}.agencyCard750>div{display:grid;grid-template-columns:repeat(3,1fr);gap:5px}.agencyCard750 span{padding:8px;text-align:center;background:#111824;border-radius:8px}.agencyCard750 strong,.agencyCard750 em{display:block}.agencyCard750 em{font-size:6px;color:#758196;font-style:normal}.agencyCard750 footer small{display:block;margin:12px 0 8px;font-size:6px;color:#768398}.agencyCard750 footer button{width:100%}.agencyHistory750{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.agencyHistory750 article{display:flex;gap:8px;padding:10px;background:#0d121c;border-radius:10px}.agencyHistory750 strong,.agencyHistory750 small{display:block;font-size:7px}.agencyHistory750 small{color:#778398}@media(max-width:900px){.agencyCurrent750{grid-template-columns:1fr}.agencyGrid750{grid-template-columns:1fr 1fr}}@media(max-width:560px){.agencyGrid750,.agencyHistory750{grid-template-columns:1fr}} /* v7.5.0 Label Deals */ .labelPage750{background:radial-gradient(circle at 85% 0,#39234f55,transparent 30%),#080b12} .labelCurrent750,.labelIndependent750{margin:20px 0;padding:20px;border:1px solid #a765ff44;border-radius:16px;background:linear-gradient(145deg,#191027,#0b1019)}.labelCurrent750{display:grid;grid-template-columns:1.2fr 1.2fr auto;gap:20px;align-items:center}.labelCurrent750 p,.labelIndependent750 p{color:#8f9bad;font-size:9px;line-height:1.5} .labelTerms750{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.labelTerms750 span{padding:10px;text-align:center;border-radius:10px;background:#0a0f18}.labelTerms750 b,.labelTerms750 small{display:block}.labelTerms750 b{font-size:15px}.labelTerms750 small{font-size:6px;color:#7d899b} .labelGrid750{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:26px}.labelCard750{padding:18px;border:1px solid #ffffff12;border-radius:15px;background:#0d121c}.labelCard750.eligible{border-color:#a765ff55}.labelCard750.locked{opacity:.58}.labelCard750.active{border-color:#2be3a888}.labelCard750>b{font-size:30px}.labelCard750>small{display:block;margin:8px 0 3px;color:#b58cff;font-size:6px}.labelCard750 h3{font-size:13px}.labelCard750 p{min-height:50px;color:#8995a7;font-size:8px;line-height:1.5}.labelCard750>div{display:grid;grid-template-columns:repeat(3,1fr);gap:5px}.labelCard750 span{padding:8px;text-align:center;border-radius:8px;background:#111824}.labelCard750 strong,.labelCard750 em{display:block}.labelCard750 em{font-size:6px;color:#758196;font-style:normal}.labelCard750 footer small{display:block;margin:12px 0 8px;font-size:6px;color:#768398}.labelCard750 footer button{width:100%} .labelHistory750{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.labelHistory750 article{display:flex;gap:8px;align-items:center;padding:10px;border:1px solid #ffffff10;border-radius:10px;background:#0d121c}.labelHistory750 strong,.labelHistory750 small{display:block;font-size:7px}.labelHistory750 small{color:#778398} @media(max-width:900px){.labelCurrent750{grid-template-columns:1fr}.labelGrid750{grid-template-columns:1fr 1fr}.labelTerms750{grid-template-columns:repeat(2,1fr)}}@media(max-width:560px){.labelGrid750,.labelHistory750{grid-template-columns:1fr}} /* v7.5.0 Label Negotiations */ .negotiationPage750{background:radial-gradient(circle at 50% 0,#43245466,transparent 34%),#080b12} .negotiationDeal750{display:grid;grid-template-columns:1fr 1.2fr;gap:18px;align-items:center;margin:22px 0;padding:22px;border:1px solid #b16cff55;border-radius:17px;background:linear-gradient(145deg,#1b1028,#0c111a);box-shadow:0 18px 48px #0005}.negotiationDeal750 h3{margin:5px 0 10px;font-size:18px}.negotiationDeal750>div>small{font-size:7px;color:#bb8cff;letter-spacing:.12em}.negResult750{padding:9px 11px;border-left:2px solid #2be3a8;background:#101b1b;color:#a8b4c5;font-size:8px}.negResult750.closed{border-color:#ff6671} .negTerms750{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.negTerms750 span{padding:14px 8px;text-align:center;border:1px solid #ffffff10;border-radius:11px;background:#0a0f18}.negTerms750 b,.negTerms750 small{display:block}.negTerms750 b{font-size:18px}.negTerms750 small{margin-top:4px;color:#7d899b;font-size:6px} .negChoices750{display:grid;grid-template-columns:repeat(3,1fr);gap:11px}.negChoices750 button{padding:18px;text-align:left;border:1px solid #ffffff14;border-radius:14px;background:#101622;color:#fff;cursor:pointer}.negChoices750 button:hover{border-color:#b16cff88;transform:translateY(-1px)}.negChoices750 b,.negChoices750 span,.negChoices750 em{display:block}.negChoices750 b{font-size:10px}.negChoices750 span{margin:8px 0;color:#8e9bad;font-size:8px}.negChoices750 em{color:#b98cff;font-size:7px;font-style:normal} .negDecision750{display:grid;grid-template-columns:2fr 1fr;gap:10px;margin-top:16px}.negDecision750 button{min-height:48px}.negWarning750{margin:12px 0;color:#8995a7;font-size:7px;line-height:1.5}.negClosed750{padding:24px;text-align:center;border:1px solid #ff667133;border-radius:15px;background:#171016}.negClosed750 button{margin-top:12px} @media(max-width:760px){.negotiationDeal750{grid-template-columns:1fr}.negTerms750{grid-template-columns:repeat(2,1fr)}.negChoices750{grid-template-columns:1fr}.negDecision750{grid-template-columns:1fr}} .viralPage750{background:#080b12}.viralSummary750{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:20px 0}.viralSummary750 span{padding:16px;text-align:center;border:1px solid #ff456f33;border-radius:13px;background:#12101a}.viralSummary750 b,.viralSummary750 small{display:block}.viralSummary750 b{font-size:26px}.viralSummary750 small{font-size:6px;color:#7f8b9e}.viralFeed750{display:grid;grid-template-columns:repeat(2,1fr);gap:11px}.viralCard750{display:flex;gap:13px;padding:17px;border:1px solid #ffffff12;border-radius:14px;background:#0e131d}.viralCard750.positive{border-color:#2be3a833}.viralCard750.negative{border-color:#ff5f6833}.viralCard750.mixed{border-color:#f1ca5533}.viralCard750>b{font-size:29px}.viralCard750 small{font-size:6px;color:#7e899c}.viralCard750 h3{margin:4px 0;font-size:11px}.viralCard750 p{font-size:8px;color:#8e9aac}.viralCard750 footer{display:flex;flex-wrap:wrap;gap:5px}.viralCard750 footer span{padding:5px 7px;border-radius:7px;background:#151b27;font-size:6px}.viralCard750 footer .plus{color:#2be3a8}.viralCard750 footer .minus{color:#ff6671}@media(max-width:650px){.viralFeed750{grid-template-columns:1fr}} /* ================= v8.0.0 TYCOON UPDATE ================= */ .tycoon800{padding-bottom:70px}.tycoonHero800,.tycoonStats800,.genreMarket800{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:16px 0 28px}.tycoonHero800 article,.tycoonStats800 article,.genreMarket800 article,.homeTycoon800{background:linear-gradient(145deg,rgba(22,27,47,.98),rgba(12,15,28,.98));border:1px solid rgba(255,255,255,.12);border-radius:18px;box-shadow:0 16px 38px rgba(0,0,0,.25)}.tycoonHero800 article,.tycoonStats800 article,.genreMarket800 article{padding:18px}.tycoonHero800 small,.tycoonStats800 small,.genreMarket800 small,.homeTycoon800 small{color:#98a3bd;font-weight:800;letter-spacing:.08em}.tycoonHero800 b{font-size:34px;display:block;margin:6px 0;color:#fff}.tycoonHero800 strong{color:#50e6d7}.tycoonHero800 i,.genreMarket800 i{height:7px;background:rgba(255,255,255,.08);display:block;border-radius:99px;overflow:hidden;margin:9px 0}.tycoonHero800 i u,.genreMarket800 i u{display:block;height:100%;background:linear-gradient(90deg,#35d6df,#ec42ad);border-radius:inherit}.tycoonStats800{grid-template-columns:repeat(6,minmax(0,1fr))}.tycoonStats800 b{display:block;font-size:20px;margin-top:8px}.genreMarket800{grid-template-columns:repeat(3,minmax(0,1fr))}.genreMarket800 article h3{margin:8px 0 3px}.genreMarket800 article>b{font-size:24px}.genreMarket800 .hot800{border-color:rgba(255,101,73,.55)}.genreMarket800 .cold800{border-color:rgba(89,147,255,.48)}.tycoonFeed800{display:grid;gap:10px}.tycoonFeed800 article{display:flex;gap:14px;align-items:flex-start;padding:14px 16px;background:rgba(255,255,255,.045);border:1px solid rgba(255,255,255,.08);border-radius:14px}.tycoonFeed800 article>b{font-size:26px}.tycoonFeed800 h3,.tycoonFeed800 p{margin:2px 0}.tycoonFeed800 p{color:#c6cada}.homeTycoon800{margin:18px 0 5px;padding:18px}.homeTycoon800>header{display:flex;align-items:center;justify-content:space-between;gap:14px}.homeTycoon800>header h2{margin:3px 0}.homeTycoon800>header button{border-color:#35d6df}.homeTycoonKpis800{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:14px 0}.homeTycoonKpis800 article{background:rgba(255,255,255,.055);border-radius:12px;padding:12px}.homeTycoonKpis800 b{display:block;font-size:22px;margin-top:4px}.homeTycoonFeed800{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.homeTycoonFeed800 p{margin:0;padding:10px;background:rgba(0,0,0,.16);border-radius:10px}.homeTycoonFeed800 b,.homeTycoonFeed800 span{display:block}.homeTycoonFeed800 span{font-size:12px;color:#aeb6ca;margin-top:3px}.tycoonNav800{border-color:rgba(53,214,223,.45)!important} @media(max-width:1000px){.tycoonHero800{grid-template-columns:repeat(2,1fr)}.tycoonStats800{grid-template-columns:repeat(3,1fr)}.genreMarket800{grid-template-columns:repeat(2,1fr)}} @media(max-width:650px){.tycoonHero800,.tycoonStats800,.genreMarket800,.homeTycoonKpis800,.homeTycoonFeed800{grid-template-columns:1fr 1fr}.homeTycoon800>header{align-items:flex-start;flex-direction:column}} /* ================= v9.0 COMPLETE TYCOON ================= */ .tycoon900{padding-bottom:90px}.phaseHero900{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:18px 0}.phaseHero900>div,.managementGrid900>article,.metrics900>article{background:linear-gradient(145deg,rgba(19,25,44,.96),rgba(10,13,25,.98));border:1px solid rgba(107,128,180,.28);border-radius:18px;padding:17px;box-shadow:0 14px 40px rgba(0,0,0,.18)}.phaseHero900 small,.managementGrid900 small,.metrics900 small{display:block;color:#91a2c8;font-size:10px;font-weight:900;letter-spacing:.12em}.phaseHero900 b{display:block;font-size:24px;margin:7px 0;color:#f5f7ff}.phaseHero900 p,.managementGrid900 p{color:#aeb9d3;margin:6px 0}.objectives900{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:12px 0 22px}.objectives900 article{background:#11172a;border:1px solid #293758;border-radius:18px;padding:15px}.objectives900 article>div{display:flex;gap:10px;align-items:center}.objectives900 article>div>b{font-size:25px}.objectives900 article span{display:flex;flex-direction:column;min-width:0;flex:1}.objectives900 article strong{color:#f7f8ff;font-size:13px}.objectives900 article small{color:#91a2c8;margin-top:4px}.objectives900 article em{font-style:normal;color:#69e6dc;font-weight:900}.objectives900 article>i,.nextMoveBody900 i{display:block;height:7px;background:#252d45;border-radius:99px;overflow:hidden;margin:12px 0}.objectives900 article>i u,.nextMoveBody900 i u{display:block;height:100%;background:linear-gradient(90deg,#48d7df,#b95cff);border-radius:inherit;text-decoration:none}.objectives900 button,.managementGrid900 button,.nextMove900 button{border:0;border-radius:11px;background:#263354;color:#eef3ff;padding:9px 11px;font-weight:850;cursor:pointer}.managementGrid900{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:12px 0 22px}.managementGrid900 h3{color:#f6f7ff;margin:7px 0}.milestones900{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:9px;margin:10px 0 24px}.milestones900 article{min-height:78px;border-radius:15px;padding:12px;background:#111629;border:1px solid #273451;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:7px;color:#8390ae;font-size:11px;font-weight:850}.milestones900 article>b{font-size:21px}.milestones900 article.done{border-color:rgba(74,223,166,.5);color:#dffcef;background:rgba(24,74,59,.25)}.metrics900{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.metrics900 b{display:block;color:#f7f8ff;font-size:25px;margin-top:5px}.nextMove900{margin:18px 0;background:linear-gradient(135deg,rgba(20,30,56,.98),rgba(35,18,50,.98));border:1px solid rgba(96,220,218,.35);border-radius:20px;padding:16px;box-shadow:0 20px 50px rgba(0,0,0,.22)}.nextMove900 header{display:flex;justify-content:space-between;align-items:center;gap:10px}.nextMove900 header small{color:#62e0da;font-size:10px;font-weight:900;letter-spacing:.11em}.nextMove900 h2{margin:3px 0 0}.nextMoveBody900{display:grid;grid-template-columns:auto 1fr auto;gap:14px;align-items:center;margin:14px 0}.nextMoveBody900>b{font-size:32px}.nextMoveBody900 h3{margin:0;color:#fff}.nextMoveBody900 p{margin:5px 0;color:#abb7d2}.nextMove900 footer{display:flex;flex-wrap:wrap;gap:8px}.nextMove900 footer span{background:rgba(255,255,255,.06);border-radius:999px;padding:7px 10px;color:#cbd4e8;font-size:11px;font-weight:750} @media(max-width:900px){.phaseHero900,.objectives900,.managementGrid900{grid-template-columns:1fr 1fr}.milestones900{grid-template-columns:repeat(2,minmax(0,1fr))}.metrics900{grid-template-columns:1fr 1fr}} @media(max-width:580px){.phaseHero900,.objectives900,.managementGrid900{grid-template-columns:1fr}.nextMoveBody900{grid-template-columns:auto 1fr}.nextMoveBody900>button{grid-column:1/-1}.milestones900{grid-template-columns:1fr 1fr}} /* ================= v9.1.0 NAVIGATION + CITY CLUB NETWORK ================= */ .cityClubs910{margin:18px 0}.cityClubs910>h3{margin:0 0 10px}.clubGrid910{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:10px}.clubGrid910 article{padding:14px;border-radius:16px;background:linear-gradient(145deg,#111a2c,#1c1428);border:1px solid #33415d}.clubGrid910 article small{color:#62e4ef;font-size:8px;font-weight:900}.clubGrid910 article h3{margin:5px 0 4px}.clubGrid910 article p{color:#aab6ca;font-size:9px;min-height:18px}.clubGrid910 article div{display:flex;justify-content:space-between;gap:8px;font-size:9px}.clubGrid910 article b{color:#ffcf63} @media(max-width:820px){.clubGrid910{grid-template-columns:repeat(2,1fr)}} @media(max-width:480px){.clubGrid910{grid-template-columns:1fr 1fr}} /* v9.1.1 PHONE DEEP LINKS */ .phoneLink911{margin-top:10px;display:flex;justify-content:flex-start} .phoneLink911 button{border:1px solid rgba(95,220,255,.55);background:linear-gradient(135deg,rgba(42,116,255,.18),rgba(188,60,255,.16));color:#eaf7ff;font-weight:800;letter-spacing:.03em;border-radius:10px;padding:9px 12px;cursor:pointer} .phoneLink911 button:hover{transform:translateY(-1px);border-color:rgba(95,220,255,.9)} /* v9.2 MANAGEMENT UX */ .offerIntel920,.careerTrends920{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:8px;margin:12px 0}.offerIntel920 div,.careerTrends920 article{background:rgba(255,255,255,.055);border:1px solid rgba(255,255,255,.09);border-radius:12px;padding:10px}.offerIntel920 small,.careerTrends920 small{display:block;opacity:.62;font-size:10px}.offerIntel920 b,.careerTrends920 b{font-size:15px}.netDeal920{display:flex;gap:8px;flex-wrap:wrap;margin:10px 0}.netDeal920 span{padding:7px 10px;border-radius:9px;background:rgba(255,255,255,.05);font-size:11px}.netDeal920 .profit{background:rgba(55,220,140,.13)}.netDeal920 .loss{background:rgba(255,90,90,.14)}.compareBtn920{width:100%;margin:5px 0 10px}.comparePanel920{margin:14px 0 20px;padding:14px;border:1px solid rgba(80,220,255,.35);border-radius:16px;background:rgba(10,20,35,.92)}.comparePanel920 header{display:flex;justify-content:space-between;align-items:center}.compareGrid920{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:10px}.compareGrid920 article{padding:12px;border-radius:12px;background:rgba(255,255,255,.055);display:flex;flex-direction:column;gap:5px}.whatChanged920{margin:18px 0;padding:16px;border-radius:16px;background:linear-gradient(135deg,rgba(40,220,190,.12),rgba(170,70,255,.1));border:1px solid rgba(80,220,220,.3)}.whatChanged920>div{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:8px}.whatChanged920 span{padding:9px;background:rgba(255,255,255,.06);border-radius:9px}.phoneFilters920{display:flex;gap:6px;overflow:auto;padding:8px 4px 12px}.phoneFilters920 button{white-space:nowrap;font-size:10px;padding:7px 9px}.phoneFilters920 button.active{outline:1px solid #5ee7ff;background:rgba(70,210,255,.14)}.cityIntel920{display:grid;grid-template-columns:1fr 1fr;gap:5px;margin:10px 0}.cityIntel920 span{font-size:10px;padding:5px;background:rgba(255,255,255,.05);border-radius:6px}.careerTrends920 em{font-style:normal;font-weight:800}.careerTrends920 em.up{color:#72efb3}.careerTrends920 em.down{color:#ff8585}.rookie920{margin:18px 0;padding:14px;border:1px solid rgba(255,210,80,.32);border-radius:16px;background:rgba(255,190,50,.06)}.rookie920 header{display:flex;align-items:center;gap:12px}.rookie920 header span{margin-left:auto;font-weight:900}.rookie920>div{display:flex;align-items:center;gap:9px;padding:9px;border-top:1px solid rgba(255,255,255,.06)}.rookie920>div.done{opacity:.55}.rookie920>div button{margin-left:auto}.saveIndicator920{position:fixed;right:12px;bottom:10px;z-index:9999;font-size:9px;letter-spacing:.08em;padding:5px 8px;border-radius:10px;background:rgba(5,15,22,.78);border:1px solid rgba(100,240,190,.22);color:#aef4d1;pointer-events:none} /* v9.3 POLISH & FEEDBACK */ .compare930 header p{margin:.2rem 0 0;color:var(--muted,#aab)} .compare930 article.recommended930{outline:2px solid rgba(255,211,77,.55);box-shadow:0 0 24px rgba(255,211,77,.08)} .bestBadges930{display:flex;flex-wrap:wrap;gap:.35rem;margin-bottom:.55rem}.bestBadges930 b{font-size:.68rem;padding:.3rem .45rem;border-radius:999px;background:rgba(255,211,77,.14);color:#ffe28a} .opRisk930{display:grid;grid-template-columns:1fr 1fr auto;gap:.55rem;margin:.65rem 0;padding:.65rem;border:1px solid rgba(255,255,255,.09);border-radius:12px;background:rgba(255,255,255,.025)} .opRisk930 div{display:flex;flex-direction:column;gap:.2rem}.opRisk930 small{font-size:.62rem;color:#929bb0}.opRisk930 b{font-size:.76rem;line-height:1.25}.opRisk930 div:first-child b{color:#8ff0bd}.opRisk930 div:nth-child(2) b{color:#ffd083}.opRisk930 button,.whyBtn930,.compare930 [data-why930]{align-self:center;background:transparent;border:1px solid rgba(255,255,255,.18);color:#b9c4d8;border-radius:9px;padding:.38rem .55rem;font-size:.68rem} .whatChanged920 header{position:relative}.whyBtn930{margin-left:auto}.whyBox930{grid-column:1/-1;display:flex;flex-direction:column;gap:.38rem;margin:.55rem 0;padding:.7rem .8rem;border-radius:12px;background:rgba(43,218,221,.07);border:1px solid rgba(43,218,221,.25);font-size:.76rem;color:#dbe5f5}.whyBox930 b{color:#6ff2ed}.whyBox930 span{line-height:1.35} .overlay930{position:fixed;inset:0;z-index:100000;background:rgba(4,7,15,.82);backdrop-filter:blur(10px);display:grid;place-items:center;padding:1rem}.celebrate930{width:min(520px,94vw);text-align:center;padding:2rem;border-radius:24px;background:linear-gradient(160deg,#171c2d,#0d1120);border:1px solid rgba(255,211,77,.35);box-shadow:0 24px 90px rgba(0,0,0,.55)}.celebrate930.week{border-color:rgba(43,218,221,.35)}.celebrateIcon930{font-size:3.4rem;filter:drop-shadow(0 0 18px rgba(255,211,77,.35));margin-bottom:.5rem}.celebrate930 small{letter-spacing:.14em;color:#ffd34d;font-weight:800}.celebrate930.week small{color:#56e7e4}.celebrate930 h2{font-size:1.65rem;margin:.55rem 0}.celebrate930 p{color:#d4dbea;line-height:1.5}.celebrate930>b{display:block;color:#9fa9bd;margin:.8rem 0 1.25rem}.celebrate930 button{min-width:180px;padding:.8rem 1.1rem;border-radius:12px;border:0;font-weight:900;background:#f4f6fa;color:#101421} @media(max-width:720px){.opRisk930{grid-template-columns:1fr}.opRisk930 button{justify-self:start}.bestBadges930{justify-content:center}} /* v9.4 DEEP CAREER SIMULATION */ .simPulse940{margin:18px 0;padding:18px;border:1px solid rgba(85,220,255,.25);border-radius:18px;background:linear-gradient(135deg,rgba(15,30,45,.92),rgba(24,16,42,.92))}.simPulse940 header{display:flex;justify-content:space-between;gap:12px;align-items:center}.simPulse940 header small,.simPulse940 header span{opacity:.7}.simPulse940 h3{margin:3px 0}.simKpis940{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:14px 0}.simKpis940 article{padding:12px;border-radius:14px;background:rgba(255,255,255,.055);display:flex;flex-direction:column;gap:4px}.simKpis940 article b{font-size:1.45rem}.simKpis940 article span{font-size:.78rem;opacity:.72}.demand940{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:9px 11px;margin:8px 0;border-radius:12px;background:rgba(79,214,255,.08);border:1px solid rgba(79,214,255,.18)}.demand940 small{opacity:.7}.demand940 b{font-size:1.05rem}.demand940 span{font-size:.78rem;opacity:.72}@media(max-width:760px){.simKpis940{grid-template-columns:repeat(2,minmax(0,1fr))}.simPulse940 header{align-items:flex-start;flex-direction:column}} /* ===== v9.5 PERSONAL ARTIST + WORLD MEMORY ===== */ .photoUpload950{display:grid;grid-template-columns:130px 1fr;gap:18px;align-items:center;padding:16px;margin:0 0 18px;border:1px solid rgba(95,231,255,.25);border-radius:18px;background:linear-gradient(135deg,rgba(28,35,55,.96),rgba(16,18,31,.98));box-shadow:0 18px 40px rgba(0,0,0,.22)} .photoUploadPreview950{width:126px;height:126px;border-radius:18px;overflow:hidden;border:2px solid rgba(90,235,255,.55);box-shadow:0 0 28px rgba(69,222,255,.16)} .photoUploadPreview950 img,.artistIdentity950 img,.posterArtist950 img,.milestonePhoto950 img{width:100%;height:100%;object-fit:cover;display:block} .photoUpload950 h3{margin:4px 0}.photoUpload950 p{margin:6px 0 12px;color:#aeb8cb} .uploadBtn950,.removePhoto950{display:inline-flex;align-items:center;justify-content:center;padding:10px 14px;border-radius:12px;font-weight:900;letter-spacing:.03em;cursor:pointer} .uploadBtn950{background:linear-gradient(135deg,#24d6ff,#8a5cff);color:#07111d}.removePhoto950{margin-left:8px;background:#2a2030;color:#ffc3da;border:1px solid #7b3855} .artistIdentity950{display:grid;grid-template-columns:112px 1fr;gap:18px;align-items:center;margin:16px 0;padding:16px;border-radius:18px;background:linear-gradient(120deg,rgba(22,33,53,.97),rgba(31,20,43,.97));border:1px solid rgba(115,220,255,.22)} .artistIdentity950 img{width:112px;height:112px;border-radius:18px;border:2px solid rgba(255,255,255,.16)} .artistIdentity950 h3{font-size:24px;margin:4px 0}.artistIdentity950 p{color:#aab4c7;margin:5px 0 12px} .careerMemory950{margin:24px 0;padding:18px;border:1px solid rgba(122,217,255,.22);border-radius:20px;background:linear-gradient(145deg,rgba(14,20,34,.98),rgba(26,20,39,.98))} .careerMemory950>header{display:flex;justify-content:space-between;gap:16px;align-items:flex-start}.careerMemory950>header h3{margin:4px 0;font-size:22px}.careerMemory950>header span{font-size:11px;color:#7be3ff;font-weight:900;letter-spacing:.08em} .memoryGrid950{display:grid;grid-template-columns:1.2fr 1fr 1.2fr;gap:12px}.memoryGrid950>article{padding:14px;border-radius:16px;background:rgba(255,255,255,.035);border:1px solid rgba(255,255,255,.08)} .marketMemory950,.npcMemory950{display:grid;grid-template-columns:1fr auto auto;gap:10px;align-items:center;padding:8px 0;border-bottom:1px solid rgba(255,255,255,.07)}.marketMemory950:last-child,.npcMemory950:last-child{border-bottom:0}.marketMemory950 span,.npcMemory950 span{color:#aab4c7;font-size:12px}.marketMemory950 em{font-style:normal;color:#6ee7ff;font-weight:900}.npcMemory950 em{font-style:normal;font-size:10px;color:#f6c96b;font-weight:900} .industryMemory950{display:grid;gap:8px;margin-top:10px}.industryMemory950 span{display:flex;justify-content:space-between;padding:8px 10px;border-radius:10px;background:rgba(255,255,255,.04)} .posterArtist950{position:absolute;right:7%;top:20%;width:28%;height:46%;z-index:1;overflow:hidden;border-radius:16px;opacity:.66;filter:saturate(.9) contrast(1.08);box-shadow:0 0 45px rgba(0,0,0,.3)}.posterArtist950:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 45%,rgba(7,8,16,.82))}.posterArtist950 span{position:absolute;left:10px;right:10px;bottom:9px;z-index:2;font-size:11px;font-weight:1000;letter-spacing:.08em;color:#fff;text-shadow:0 2px 8px #000} .posterArt371{position:relative}.posterArt371 .posterBrand,.posterArt371 .posterEvent,.posterArt371 .posterGenre,.posterArt371 .posterLineup,.posterArt371 .posterBottom,.posterArt371 .posterTop,.posterArt371 .posterEdition371{position:relative;z-index:3} .milestonePhoto950{width:96px;height:96px;border-radius:50%;overflow:hidden;margin:0 auto 12px;border:3px solid rgba(255,255,255,.35);box-shadow:0 0 36px rgba(114,225,255,.28)} .coreMarket950{margin:10px 0;padding:10px 12px;border-radius:12px;background:linear-gradient(90deg,rgba(45,212,191,.12),rgba(56,189,248,.08));border:1px solid rgba(45,212,191,.22);display:grid;grid-template-columns:auto auto;gap:2px 10px;align-items:center}.coreMarket950 small{grid-column:1/3;color:#6ee7d8}.coreMarket950 b{color:#d7fff7}.coreMarket950 span{font-size:11px;color:#9eb6ba} @media(max-width:900px){.photoUpload950,.artistIdentity950{grid-template-columns:88px 1fr}.photoUploadPreview950,.artistIdentity950 img{width:88px;height:88px}.memoryGrid950{grid-template-columns:1fr}.posterArtist950{width:36%;right:3%}.careerMemory950>header{display:block}} /* v9.5.2 BALANCE PASS */ .balanceWhy952{margin-top:12px;padding:11px 12px;border:1px solid rgba(109,213,255,.28);border-radius:12px;background:rgba(20,35,55,.45);display:grid;gap:4px}.balanceWhy952 small{font-size:10px;letter-spacing:.08em;color:#8ddcff}.balanceWhy952 b{font-size:12px;color:#f4f8ff}.balanceWhy952 span{font-size:11px;color:#aab6c8} /* ========================================================================== */ /* v9.6.0 — FESTIVAL UI / VISUAL POLISH */ /* Tomorrowland / Ultra-inspired premium festival atmosphere — no casino UI */ /* ========================================================================== */ :root{ --festival-bg:#050713; --festival-panel:rgba(11,17,34,.90); --festival-panel-2:rgba(16,22,43,.92); --festival-line:rgba(117,146,206,.22); --festival-text:#f5f7ff; --festival-muted:#aab7ce; --festival-cyan:#67e7ff; --festival-blue:#5d7cff; --festival-violet:#9d67ff; --festival-magenta:#ff58c8; --festival-gold:#f6ce6b; --festival-green:#65e6a7; --festival-red:#ff728d; --festival-radius:18px; --festival-shadow:0 20px 55px rgba(0,0,0,.38); } html{background:var(--festival-bg)} body{ background: radial-gradient(circle at 14% -8%,rgba(88,72,230,.16),transparent 31%), radial-gradient(circle at 90% 4%,rgba(255,70,190,.11),transparent 28%), linear-gradient(180deg,#060816,#050713 60%,#03050d); color:var(--festival-text); font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif; font-size:16px; line-height:1.45; -webkit-font-smoothing:antialiased; } button,input,select,textarea{font-size:15px} button{transition:transform .16s ease,filter .16s ease,border-color .16s ease,box-shadow .16s ease,background .16s ease} button:hover:not(:disabled){transform:translateY(-1px);filter:brightness(1.05)} button:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--festival-cyan);outline-offset:2px} small,.label{letter-spacing:.09em} /* MAIN NAV — glass LED ribbon */ .smartNav32.nav910{ position:sticky;top:0;z-index:9000; padding:9px 16px; background:linear-gradient(180deg,rgba(5,8,21,.97),rgba(6,10,23,.91)); backdrop-filter:blur(22px) saturate(130%); -webkit-backdrop-filter:blur(22px) saturate(130%); border-bottom:1px solid rgba(132,106,255,.28); box-shadow:0 10px 38px rgba(0,0,0,.35),inset 0 -1px 0 rgba(103,231,255,.06); } .smartNav32 button{ min-height:58px!important; border:1px solid transparent!important; border-radius:14px!important; background:transparent!important; color:#cfd8ec!important; padding:8px 14px!important; font-size:12px!important; font-weight:850!important; letter-spacing:.04em!important; } .smartNav32 button span{font-size:21px!important;filter:drop-shadow(0 0 10px rgba(113,213,255,.12))} .smartNav32 button:hover{background:rgba(255,255,255,.045)!important;border-color:rgba(125,150,205,.18)!important;color:#fff!important} .smartNav32 .navHome32{background:linear-gradient(180deg,rgba(153,88,255,.16),rgba(255,73,204,.06))!important;border-color:rgba(191,92,255,.28)!important;color:#fff!important;box-shadow:inset 0 -2px 0 rgba(231,85,255,.68),0 0 22px rgba(151,70,255,.08)} .smartNav32 .onlineDirect910{color:#baf5ff!important}.smartNav32 .careerDirect910{color:#ffe6a6!important} .smartNav32 em{min-width:20px;height:20px;display:inline-grid;place-items:center;border-radius:999px;background:linear-gradient(135deg,var(--festival-magenta),var(--festival-violet));color:white;font-size:10px;font-style:normal;font-weight:950;box-shadow:0 0 16px rgba(255,88,200,.35)} /* GLOBAL SECTIONS */ .store,.realisticSection,.worldpage,.bookingpage,.tycoon900{ background: radial-gradient(circle at 12% 0,rgba(63,92,255,.08),transparent 24%), radial-gradient(circle at 88% 3%,rgba(228,69,255,.07),transparent 26%), transparent; } .sectionhead{max-width:1500px;margin-left:auto;margin-right:auto;padding:6px 0 16px;align-items:center} .sectionhead h2{font-size:clamp(38px,4vw,58px)!important;line-height:.98!important;letter-spacing:-.035em!important;margin:.22rem 0 .45rem!important;text-shadow:0 6px 26px rgba(0,0,0,.24)} .sectionhead p{font-size:15px!important;line-height:1.5;color:var(--festival-muted)!important;max-width:850px} .sectionhead>div>small{font-size:11px!important;color:var(--festival-cyan)!important;font-weight:900!important} .back{width:48px!important;height:48px!important;border-radius:14px!important;background:rgba(15,24,44,.9)!important;border:1px solid rgba(118,150,205,.28)!important;box-shadow:0 10px 30px rgba(0,0,0,.2)} .card,.offercard,.lifecard,.genrecard,.clubGrid910>article,.cityClubs910,.simPulse940,.careerMemory950,.rookie920,.whatChanged920{ border-radius:var(--festival-radius)!important; border-color:var(--festival-line)!important; background:linear-gradient(145deg,rgba(15,23,44,.93),rgba(8,13,27,.96))!important; box-shadow:0 12px 34px rgba(0,0,0,.20),inset 0 1px 0 rgba(255,255,255,.025)!important; } .card h3,.offercard h3,.lifecard h3,.genrecard h3,.clubGrid910 h3{font-size:19px!important;line-height:1.18} .card p,.offercard p,.lifecard p,.genrecard p,.clubGrid910 p{font-size:13px!important;line-height:1.45;color:var(--festival-muted)!important} .primary{background:linear-gradient(135deg,#6d58ff,#b652ff 54%,#ec55c7)!important;box-shadow:0 10px 26px rgba(123,70,255,.20)!important;color:white!important} .secondary{background:rgba(19,29,52,.92)!important;border:1px solid rgba(132,154,205,.27)!important;color:#eef3ff!important} .buy{background:linear-gradient(135deg,#f4c95e,#f2a64e)!important;color:#151017!important} /* HOME — premium festival command center */ /* NEXT SHOW POSTER — mainstage hero */ .poster434{min-height:680px!important;border-radius:22px!important;border:1px solid rgba(196,90,255,.32)!important;background: radial-gradient(circle at 72% 13%,rgba(255,80,203,.30),transparent 24%), radial-gradient(circle at 20% 72%,rgba(73,214,255,.20),transparent 27%), linear-gradient(165deg,#17113b,#171a45 42%,#080d1c 78%,#050711)!important; box-shadow:0 28px 70px rgba(0,0,0,.48),0 0 45px rgba(113,70,255,.08)!important; } .poster434:before{opacity:.76!important;filter:saturate(1.18) contrast(1.06)} .poster434:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,rgba(5,7,17,.02),rgba(5,7,17,.16) 52%,rgba(4,6,14,.88));z-index:-1} .poster434 small{font-size:10px!important}.poster434 h2{font-size:clamp(38px,4vw,58px)!important;letter-spacing:-.04em!important}.poster434 p,.poster434 span{font-size:12px!important} .posterArtist950{opacity:.86!important;border-radius:20px!important;filter:saturate(.98) contrast(1.08)!important;box-shadow:0 0 55px rgba(0,0,0,.42)!important} /* BOOKING OFFERS */ .bookingpage .offercard,.bookingBoard480 article{position:relative;overflow:hidden} .bookingpage .offercard:before,.bookingBoard480 article:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:linear-gradient(180deg,var(--festival-cyan),var(--festival-violet),var(--festival-magenta));opacity:.7} .bookingpage .offercard{padding:18px!important}.bookingpage .offercard>small{font-size:10px!important;color:#8fdcf8!important}.bookingpage .offercard h3{font-size:22px!important;margin:.35rem 0}.bookingLocation562{font-size:13px!important}.bookingchips{gap:7px!important}.bookingchips span,.sceneOffer440 span{font-size:11px!important;border-radius:9px!important;background:rgba(255,255,255,.045)!important;border:1px solid rgba(255,255,255,.07)!important}.demand940{font-size:12px!important;background:linear-gradient(90deg,rgba(71,213,255,.08),rgba(146,90,255,.06))!important}.bestBadges930 b{font-size:11px!important}.opRisk930 b{font-size:12px!important}.offerbuttons button{min-height:45px!important;font-size:12px!important} /* WORLD — destination cards feel like festival markets */ .worldstatus{max-width:1500px;margin:0 auto 16px!important;padding:12px 15px!important;border-radius:14px!important;background:rgba(8,15,29,.80)!important;border:1px solid rgba(113,145,202,.18)!important;font-size:14px!important} .cityClubs910{max-width:1500px;margin:0 auto 22px!important;padding:18px!important}.cityClubs910>h3,.worldtitle{font-size:20px!important;letter-spacing:.02em} .clubGrid910{gap:11px!important}.clubGrid910>article{padding:16px!important;min-height:150px;position:relative;overflow:hidden}.clubGrid910>article:after{content:"";position:absolute;right:-25px;top:-30px;width:95px;height:95px;border-radius:50%;background:radial-gradient(circle,rgba(109,101,255,.16),transparent 70%)}.clubGrid910>article small{font-size:9px!important;color:#7fddf8!important}.clubGrid910>article h3{font-size:20px!important}.clubGrid910>article div{font-size:12px!important} .worldgrid{gap:11px!important}.worldgrid article{border-radius:16px!important;background:linear-gradient(145deg,rgba(14,22,40,.94),rgba(8,13,25,.96))!important;border:1px solid rgba(110,142,199,.17)!important;box-shadow:0 10px 28px rgba(0,0,0,.18)!important}.cityIntel920 span{font-size:11px!important;color:#b7c2d4!important} /* CAREER HQ — command center, calmer than HOME */ .tycoon900{max-width:1550px!important}.tycoon900 .sectionhead{border-bottom:1px solid rgba(116,145,201,.12)} .tycoon900 section,.tycoon900 article{font-size:14px}.tycoon900 h3{font-size:19px}.simPulse940{background:linear-gradient(135deg,rgba(12,26,43,.94),rgba(23,15,42,.94))!important}.simKpis940 article b{font-size:1.55rem!important}.careerMemory950{background:linear-gradient(145deg,rgba(10,18,34,.96),rgba(22,15,39,.96))!important}.careerMemory950>header h3{font-size:22px!important}.marketMemory950 span,.npcMemory950 span{font-size:13px!important} /* PHONE — premium backstage messenger */ .phoneview{background: radial-gradient(circle at 25% 15%,rgba(112,82,255,.18),transparent 29%), radial-gradient(circle at 82% 75%,rgba(255,75,195,.10),transparent 30%), linear-gradient(145deg,#070b18,#050713)!important;padding:26px} .device{width:min(430px,94vw)!important;height:min(760px,86vh)!important;background:linear-gradient(165deg,#121a34,#10142b 50%,#0c1125)!important;border:7px solid #02040b!important;border-radius:42px!important;box-shadow:0 32px 90px rgba(0,0,0,.58),0 0 45px rgba(104,79,255,.13)!important;padding:34px 22px 28px!important}.device header{font-size:12px!important}.device header b{font-size:15px!important}.apps{gap:18px 12px!important}.apps div{font-size:10px!important;color:#cad4e8!important}.apps i{width:58px!important;height:58px!important;border-radius:16px!important;background:linear-gradient(145deg,rgba(39,48,81,.95),rgba(19,26,50,.98))!important;border:1px solid rgba(127,149,206,.20);box-shadow:0 8px 18px rgba(0,0,0,.22);font-size:28px!important}.message{background:rgba(10,16,31,.92)!important;color:#edf3ff!important;border:1px solid rgba(128,152,207,.22);box-shadow:0 18px 45px rgba(0,0,0,.28);padding:15px!important}.message b{font-size:13px!important}.message p{font-size:12px!important;color:#b4c1d7!important}.phoneFilters920 button{font-size:11px!important;border-radius:999px!important;background:rgba(255,255,255,.04)!important;border:1px solid rgba(255,255,255,.08)!important}.phoneFilters920 button.active{background:linear-gradient(135deg,rgba(85,206,255,.15),rgba(151,92,255,.14))!important;border-color:rgba(95,218,255,.30)!important} /* CELEBRATIONS — festival lights only where earned */ .overlay930{background:rgba(2,4,11,.86)!important;backdrop-filter:blur(18px) saturate(125%)!important} .celebrate930{position:relative;overflow:hidden;width:min(620px,94vw)!important;padding:2.4rem!important;border-radius:26px!important;background: radial-gradient(circle at 18% 8%,rgba(99,216,255,.16),transparent 27%), radial-gradient(circle at 86% 20%,rgba(255,78,195,.15),transparent 28%), linear-gradient(155deg,#131b34,#101329 60%,#090d1d)!important;border:1px solid rgba(246,206,107,.32)!important;box-shadow:0 35px 100px rgba(0,0,0,.62),0 0 55px rgba(125,81,255,.10)!important}.celebrate930:before,.celebrate930:after{content:"";position:absolute;width:180px;height:2px;background:linear-gradient(90deg,transparent,#77e8ff,transparent);transform:rotate(-24deg);opacity:.45}.celebrate930:before{top:55px;left:-45px}.celebrate930:after{right:-40px;bottom:65px;transform:rotate(26deg)}.celebrateIcon930{font-size:4rem!important}.celebrate930 h2{font-size:2rem!important}.celebrate930 p{font-size:14px!important}.celebrate930>b{font-size:13px!important} /* START / CREATOR — same world from the first click */ .start750{background:#050713!important}.start750bg{filter:saturate(1.12) contrast(1.04);opacity:.76!important}.start750hero:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(4,6,15,.92),rgba(5,7,16,.54) 52%,rgba(5,7,16,.82));pointer-events:none}.start750copy,.start750login{position:relative;z-index:2}.start750copy h1{font-size:clamp(56px,7vw,98px)!important;line-height:.9!important}.start750copy p{font-size:18px!important;line-height:1.5!important}.start750features span{font-size:13px!important}.start750login{background:rgba(8,14,28,.80)!important;backdrop-filter:blur(20px);border:1px solid rgba(122,145,202,.21)!important;border-radius:22px!important;box-shadow:0 24px 65px rgba(0,0,0,.42)!important}.start750login input{font-size:16px!important;min-height:48px!important} /* TYPOGRAPHY SAFETY */ .chartlegend,.realEstateHint670,.freshPolicy598,.ownedVenueNote596,.worldstatus,.bookingLocation562,.coreMarket950,.balanceWhy952{line-height:1.45!important} .chartrow,.hypeRow,.rankingTable36 article,.memoryTimeline610 article{font-size:13px!important} .chartrow strong,.hypeRow h3,.rankingTable36 strong{font-size:14px!important} button.primary,button.secondary,.buy,.owned{font-size:13px!important;min-height:42px} select,input,textarea{min-height:42px} /* subtle festival motion — never distract from management */ @keyframes festivalPulse960{0%,100%{box-shadow:0 0 0 rgba(107,97,255,0)}50%{box-shadow:0 0 26px rgba(107,97,255,.08)}} .poster434,.celebrate930{animation:festivalPulse960 5s ease-in-out infinite} @media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}} /* responsive */ @media(max-width:1180px){ } @media(max-width:900px){ .smartNav32 button{min-height:52px!important;font-size:10px!important;padding:6px 8px!important}.smartNav32 button span{font-size:18px!important} } @media(max-width:640px){ body{font-size:15px}.smartNav32.nav910{padding:6px!important}.smartNav32 button b{font-size:9px!important}.sectionhead h2{font-size:36px!important}.sectionhead p{font-size:14px!important}.poster434{min-height:580px!important} } /* ========================================================== v9.7.0 — FOOTBALL-MANAGER FOR DJs UI Dense, calm management layout with festival identity. Readability is deliberately prioritised over decorative glow. ========================================================== */ :root{ --fm-bg:#050814;--fm-bg2:#080d1b;--fm-panel:#0a1020;--fm-panel2:#0d1426; --fm-line:#243154;--fm-line-soft:rgba(95,116,165,.26);--fm-text:#f4f6fb; --fm-muted:#a8b2c8;--fm-purple:#c45cff;--fm-violet:#8d54ff;--fm-cyan:#40d9f2; --fm-green:#42e98b;--fm-red:#ff5f75;--fm-gold:#e8bf55;--fm-radius:12px; } body{background:var(--fm-bg)!important;color:var(--fm-text)!important;font-size:15px!important} /* Top management bar */ .fmTop970{height:88px;display:grid;grid-template-columns:210px minmax(650px,1fr) auto;align-items:stretch;background:linear-gradient(180deg,#050914 0%,#060a16 100%);border-bottom:1px solid #222e4c;position:sticky;top:0;z-index:1200;box-shadow:0 8px 26px rgba(0,0,0,.28)} .fmBrand970{border:0;border-right:1px solid #222e4c;background:#050914;color:#fff;display:flex;align-items:center;justify-content:center;gap:10px;text-align:left;padding:10px 18px;position:relative} .fmBrand970>span{font-size:24px;line-height:.82;font-weight:1000;letter-spacing:.08em}.fmBrand970>small{font-size:12px;color:#818da6;align-self:flex-end;margin-bottom:14px} .fmNav970{display:flex;align-items:stretch;min-width:0;overflow-x:auto;scrollbar-width:none}.fmNav970::-webkit-scrollbar{display:none} .fmNav970 button{position:relative;min-width:82px;padding:10px 11px 8px;border:0;border-right:1px solid rgba(40,52,82,.55);background:transparent;color:#cfd5e3;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;white-space:nowrap} .fmNav970 button:hover{background:linear-gradient(180deg,rgba(153,72,255,.09),rgba(153,72,255,.03));color:white}.fmNav970 button:focus-visible{outline:2px solid var(--fm-cyan);outline-offset:-3px} .fmNav970 button span{font-size:27px;line-height:1;color:#e7e9f1}.fmNav970 button b{font-size:12px;font-weight:750;letter-spacing:.01em}.fmNav970 button em{position:absolute;right:9px;top:8px;background:#9325d4;color:#fff;border-radius:999px;min-width:20px;height:20px;padding:0 5px;display:grid;place-items:center;font-size:10px;font-style:normal;font-weight:900} .fmTopStats970{display:flex;align-items:center;min-width:430px;height:100%}.fmTopStats970>div{height:62%;padding:0 18px;border-left:1px solid #202a45;display:flex;flex-direction:column;justify-content:center;min-width:125px}.fmTopStats970 b{font-size:18px;line-height:1.15;white-space:nowrap}.fmTopStats970 small{font-size:10px;color:#8e9ab3;margin-top:6px;letter-spacing:.08em}.fmTopStats970 img{width:62px;height:62px;object-fit:cover;border-radius:50%;margin:0 16px;border:2px solid #9e4fff;box-shadow:0 0 0 3px rgba(62,213,242,.16)} .pos970{color:var(--fm-green)!important}.neg970{color:var(--fm-red)!important} /* real hover tooltips — icon explanations without clutter */ .fmTop970 [data-tip],.fmShell970 [data-tip]{position:relative} .fmTop970 [data-tip]::after,.fmShell970 [data-tip]::after{content:attr(data-tip);position:absolute;left:50%;top:calc(100% + 10px);transform:translateX(-50%) translateY(-4px);width:max-content;max-width:290px;padding:10px 12px;border-radius:8px;background:#15192b;border:1px solid #505a80;color:#f8f9ff;font-size:12px;line-height:1.4;font-weight:600;text-align:left;box-shadow:0 14px 35px rgba(0,0,0,.48);opacity:0;pointer-events:none;transition:.15s ease;z-index:4000;white-space:normal} .fmTop970 [data-tip]::before,.fmShell970 [data-tip]::before{content:"";position:absolute;left:50%;top:calc(100% + 4px);width:9px;height:9px;transform:translateX(-50%) rotate(45deg);background:#15192b;border-left:1px solid #505a80;border-top:1px solid #505a80;opacity:0;z-index:4001} .fmTop970 [data-tip]:hover::after,.fmTop970 [data-tip]:hover::before,.fmShell970 [data-tip]:hover::after,.fmShell970 [data-tip]:hover::before{opacity:1;transform:translateX(-50%) translateY(0)} .fmSide970 [data-tip]::after{left:18px;top:50%;transform:translateY(-50%) translateX(6px);margin-left:100%;width:240px}.fmSide970 [data-tip]::before{display:none}.fmSide970 [data-tip]:hover::after{transform:translateY(-50%) translateX(0)} /* FM shell */ .fmShell970{min-height:calc(100vh - 88px);display:grid;grid-template-columns:200px minmax(0,1fr);background:radial-gradient(circle at 52% 0%,rgba(78,41,145,.08),transparent 34%),#060a15;padding-bottom:42px;position:relative} .fmSide970{border-right:1px solid #1f2a47;background:linear-gradient(180deg,#070c18,#060a14);padding:20px 16px 72px;min-width:0} .fmIdentity970{text-align:left;border-bottom:1px solid #202a46;padding-bottom:16px}.fmIdentity970 img{width:68px;height:68px;object-fit:cover;border-radius:50%;border:2px solid #9e4fff;float:left;margin-right:12px}.fmIdentity970 h2{font-size:20px!important;margin:5px 0 1px!important}.fmIdentity970 p{font-size:12px!important;color:#b9c1d2;margin:0 0 6px}.fmIdentity970 span{font-size:12px;color:#dfe4ee}.fmIdentity970:after{content:"";display:block;clear:both} .fmLevel970{padding:15px 0;border-bottom:1px solid #202a46}.fmLevel970 small{font-size:11px;font-weight:850}.fmLevel970>div,.fmStatus970>i{display:block;height:6px;background:#202943;border-radius:999px;overflow:hidden;margin:9px 0 5px}.fmLevel970>div i,.fmStatus970>i u{display:block;height:100%;background:linear-gradient(90deg,#b247ff,#593cff);border-radius:inherit}.fmLevel970>span{font-size:10px;color:#8794ad} .fmRankSide970{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:14px 0;border-bottom:1px solid #202a46}.fmRankSide970 small{display:block;font-size:9px;color:#8794ad}.fmRankSide970 b{display:block;margin-top:5px;font-size:26px;color:#c257ff}.fmRankSide970 div:last-child b{color:#54e58e} .fmSide970 h4{font-size:11px;color:#be5cff;letter-spacing:.08em;margin:18px 0 8px}.fmQuick970{display:grid;gap:3px}.fmQuick970 button{position:relative;border:0;background:transparent;color:#d5dbea;min-height:34px;text-align:left;border-radius:6px;padding:5px 8px;font-size:12px;font-weight:650;display:flex;align-items:center;gap:10px}.fmQuick970 button:hover{background:#10182a;color:#fff}.fmQuick970 button span{font-size:16px;width:20px;text-align:center}.fmQuick970 button em{margin-left:auto;min-width:22px;height:22px;display:grid;place-items:center;border-radius:999px;background:#8d2dd0;color:white;font-size:10px;font-style:normal} .fmStatus970{border-bottom:1px solid #202a46;padding-bottom:14px}.fmStatus970 p{display:flex;justify-content:space-between;align-items:center;font-size:10px;margin:9px 0 0}.fmStatus970 p span{color:#b9c2d4}.fmStatus970 p b{font-size:11px}.fmStatus970>i{height:4px;margin-top:6px}.fmStatus970>i:nth-of-type(1) u{background:#45c9ed}.fmStatus970>i:nth-of-type(2) u{background:#54df8c}.fmStatus970>i:nth-of-type(3) u{background:#b34bff} .fmBoard970{padding:16px;min-width:0;display:grid;gap:12px;align-content:start}.fmMiddle970{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.fmBottom970{display:grid;grid-template-columns:1.35fr 1.05fr 1.05fr .95fr;gap:12px} .fmNext970,.fmMomentum970,.fmMessages970,.fmPanel970{background:linear-gradient(155deg,rgba(9,15,30,.98),rgba(7,12,24,.98));border:1px solid #293656;border-radius:var(--fm-radius);overflow:hidden;box-shadow:0 10px 26px rgba(0,0,0,.18)} .fmNext970>header,.fmMomentum970>header,.fmMessages970>header,.fmPanel970>header{height:47px;display:flex;align-items:center;justify-content:space-between;padding:0 16px;border-bottom:1px solid #263251}.fmNext970 header b,.fmMomentum970 header b,.fmMessages970 header b,.fmPanel970 header b{font-size:15px;letter-spacing:.025em}.fmNext970 header span,.fmMessages970 header span{font-size:11px;color:#d358ff} .fmNextBody970{min-height:285px;display:grid;grid-template-rows:1fr 74px}.fmStageArt970{position:relative;padding:22px 22px 20px 46%;display:flex;align-items:center;overflow:hidden;background:radial-gradient(circle at 22% 35%,rgba(176,69,255,.38),transparent 30%),radial-gradient(circle at 70% 80%,rgba(44,161,255,.18),transparent 30%),linear-gradient(120deg,#1b0a32,#0b1730 54%,#070d1b)}.fmStageArt970:before{content:"";position:absolute;left:0;bottom:0;width:100%;height:48%;background:linear-gradient(180deg,transparent,rgba(0,0,0,.52)),repeating-linear-gradient(95deg,transparent 0 13px,rgba(218,77,255,.08) 14px 15px);pointer-events:none}.fmStageArt970>img{position:absolute;left:18px;bottom:-8px;width:42%;height:112%;object-fit:cover;object-position:center top;opacity:.9;filter:saturate(.82) contrast(1.08);mask-image:linear-gradient(to right,#000 76%,transparent 100%)}.fmStageArt970>div{position:relative;z-index:2}.fmStageArt970 small{display:inline-block;background:#4d3372;padding:4px 8px;border-radius:4px;font-size:10px;font-weight:850}.fmStageArt970 h2{font-size:30px!important;line-height:1.05;margin:9px 0!important;max-width:440px}.fmStageArt970 p{font-size:14px!important;color:#fff;margin:0 0 9px}.fmStageArt970 span{font-size:12px;color:#ccd5e9} .fmNextStats970{display:grid;grid-template-columns:repeat(4,1fr);background:#080d18;border-top:1px solid #273453}.fmNextStats970>div{padding:13px 15px;border-right:1px solid #202c49}.fmNextStats970>div:last-child{border:0}.fmNextStats970 small{display:block;font-size:9px;color:#919db6}.fmNextStats970 b{display:block;font-size:17px;margin-top:6px;color:#f3f5fb} .fmMomentum970{padding-bottom:15px;position:relative}.fmGauge970{margin:18px auto 12px;width:96px;height:96px;border-radius:50%;display:grid;place-content:center;text-align:center;background:radial-gradient(circle,#0b1120 58%,transparent 60%),conic-gradient(#d04dff 0 28%,#4ce2ea 28% 49%,#61df83 49% 66%,#d94bff 66% 84%,#263250 84% 100%)}.fmGauge970 strong{font-size:30px}.fmGauge970 small{font-size:10px;color:#b1bdd1}.fmMomentum970>p{margin:8px 16px 0;display:flex;justify-content:space-between;font-size:9px;color:#9eabc0}.fmMomentum970>p b{font-size:10px;color:#dce2ed}.fmMomentum970>i{height:4px;background:#202a45;display:block;margin:5px 16px;border-radius:99px;overflow:hidden}.fmMomentum970>i u{height:100%;display:block;background:linear-gradient(90deg,#8c55ff,#ef55c0)} .fmMessages970{padding-bottom:10px}.fmMessages970 article,.fmWorld970 article{min-height:56px;border-bottom:1px solid #1e2944;display:flex;align-items:center;padding:8px 12px;gap:10px}.fmMessages970 article>div,.fmWorld970 article>div{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:#352052;font-size:17px}.fmMessages970 article p,.fmWorld970 article p{margin:0;min-width:0;flex:1}.fmMessages970 article p b,.fmWorld970 article p b{display:block;color:#c574ff;font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.fmMessages970 article p span,.fmWorld970 article p span{display:block;color:#a9b5c9;font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:3px}.fmMessages970>button,.fmPanel970>button{display:block;width:calc(100% - 20px);margin:10px;border:1px solid #343c61;border-radius:7px;min-height:34px;background:#101529;color:#c86eff;font-size:11px;font-weight:800}.fmMessages970>button:hover,.fmPanel970>button:hover{background:#171c34;border-color:#8045b1;color:#fff} .fmPanel970{min-height:250px}.fmShows970 article,.fmMusic970 article{display:grid;grid-template-columns:auto minmax(0,1fr) auto auto;align-items:center;gap:10px;padding:9px 12px;border-bottom:1px solid #1f2a45;min-height:48px}.fmShows970 time{width:44px;color:#f36b77;font-size:10px;font-weight:850}.fmShows970 p,.fmMusic970 p{min-width:0;margin:0}.fmShows970 p b,.fmMusic970 p b{display:block;font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.fmShows970 p span,.fmMusic970 p span{display:block;font-size:9px;color:#8e9bb1;margin-top:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.fmShows970 strong,.fmMusic970 strong{font-size:11px;white-space:nowrap}.fmShows970 em,.fmMusic970 em{font-style:normal;color:#4be783} /* styles/11-science-10140.css */ /* Science Behind LLAD — v10140 */ .sciencePage10140{max-width:1500px;margin:0 auto;padding-bottom:90px} .scienceHero10140,.scienceRepGrid10140,.scienceIdentity10140,.scienceColumns10140{display:grid;gap:14px;margin:16px 0 24px} .scienceHero10140{grid-template-columns:repeat(3,minmax(0,1fr))} .scienceHero10140 article,.scienceRepGrid10140 article,.scienceIdentity10140 article,.scienceColumns10140>article,.hearingCard10140,.scienceMusic10140 article{background:linear-gradient(180deg,rgba(255,255,255,.055),rgba(255,255,255,.025));border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:16px} .scienceHero10140 small,.scienceRepGrid10140 small,.scienceColumns10140 small,.hearingCard10140 small{display:block;color:#9ca8b8;font-size:11px;letter-spacing:.1em;font-weight:800} .scienceHero10140 b{display:block;font-size:24px;margin:6px 0}.scienceHero10140 span{color:#b9c2cf} .scienceRepGrid10140{grid-template-columns:repeat(5,minmax(0,1fr))}.scienceRepGrid10140 b{font-size:30px;display:block;margin:5px 0 8px}.scienceRepGrid10140 p{font-size:12px;color:#aeb7c5;line-height:1.45} .scienceRepGrid10140 i,.scienceIdentity10140 i,.hearingCard10140 i{height:6px;background:rgba(255,255,255,.08);display:block;border-radius:999px;overflow:hidden}.scienceRepGrid10140 i u,.scienceIdentity10140 i u,.hearingCard10140 i u{display:block;height:100%;background:linear-gradient(90deg,#6ee7ff,#c6ff6e);border-radius:999px;text-decoration:none} .scienceIdentity10140{grid-template-columns:repeat(5,minmax(0,1fr))}.scienceIdentity10140 article{padding:13px}.scienceIdentity10140 span{font-size:11px;color:#aeb7c5;font-weight:800}.scienceIdentity10140 b{display:block;font-size:20px;margin:4px 0 8px} .scienceColumns10140{grid-template-columns:repeat(2,minmax(0,1fr))}.scienceColumns10140 header{margin-bottom:10px}.scienceColumns10140 h3{margin:2px 0}.scienceColumns10140 p{display:flex;justify-content:space-between;gap:10px;padding:8px 0;margin:0;border-bottom:1px solid rgba(255,255,255,.06)} .hearingCard10140{display:grid;grid-template-columns:1.5fr .8fr;gap:22px;align-items:center;margin:14px 0 28px}.hearingCard10140 b{font-size:24px;display:block;margin:4px 0}.hearingCard10140 p{color:#b7c0cd;line-height:1.5}.hearingActions10140 button{width:100%;padding:13px;border-radius:10px;font-weight:900}.hearingActions10140 small{margin-top:10px;line-height:1.45} .scienceMusic10140{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.scienceMusic10140 article{display:grid;grid-template-columns:1fr auto auto;gap:10px;align-items:center;padding:12px}.scienceMusic10140 article small{color:#8f9baa}.scienceMusic10140 article b{display:block}.scienceMusic10140 article span{color:#aeb7c5;font-size:12px}.scienceMusic10140 article em{font-style:normal;color:#9ca8b8;font-size:12px} .scienceTrackBadge10140{display:inline-flex!important;align-items:center!important;padding:4px 7px!important;border-radius:999px!important;font-size:9px!important;font-weight:900!important;letter-spacing:.05em!important;background:rgba(255,255,255,.08)!important;color:#dce5ef!important}.scienceTrackBadge10140.new{background:rgba(110,231,255,.14)!important;color:#a7f3ff!important}.scienceTrackBadge10140.original{background:rgba(198,255,110,.12)!important;color:#dcffab!important}.scienceTrackBadge10140.over{background:rgba(255,185,92,.12)!important;color:#ffd39a!important} .scienceResult10140{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;margin:12px 0}.scienceResult10140>div{border:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.035);border-radius:12px;padding:11px}.scienceResult10140 small{display:block;color:#98a4b4;font-size:10px}.scienceResult10140 b{display:block;margin-top:4px} .sciencePsych10140{font-size:11px;color:#aef1ff;margin-left:4px} @media(max-width:950px){.scienceHero10140,.scienceRepGrid10140,.scienceIdentity10140{grid-template-columns:repeat(2,minmax(0,1fr))}.scienceColumns10140,.hearingCard10140{grid-template-columns:1fr}.scienceMusic10140{grid-template-columns:1fr}.scienceResult10140{grid-template-columns:repeat(2,minmax(0,1fr))}} @media(max-width:560px){.scienceHero10140,.scienceRepGrid10140,.scienceIdentity10140{grid-template-columns:1fr}.scienceResult10140{grid-template-columns:1fr}} /* styles/20-world.css */ .fmCover970{width:38px;height:38px;border-radius:4px;background:linear-gradient(145deg,#cd8e27,#7f4a17);display:grid;place-items:center;font-size:20px} .fmRankHeadline970{display:flex;align-items:baseline;gap:12px;padding:13px 15px 0}.fmRankHeadline970 strong{font-size:34px}.fmRankHeadline970 span{font-size:10px;color:#50e78a}.fmRankChart970{width:100%;height:115px;padding:0 12px;overflow:visible}.fmRanking970>small{display:block;text-align:center;font-size:9px;color:#8290a9} .fmFinance970>p{display:flex;justify-content:space-between;margin:0 13px;padding:12px 4px;border-bottom:1px solid #1e2944;font-size:11px}.fmFinance970>p span{color:#a2aec2}.fmFinance970>p b{font-size:12px;color:#edf1f8} .fmMarkets970{position:relative} .fmMilestone970{text-align:center;background:radial-gradient(circle at 50% 65%,rgba(225,154,36,.14),transparent 48%),#0a1020}.fmMilestone970 h3{font-size:20px;color:#e7bf5b;margin:16px 0 4px}.fmCrown970{font-size:48px;color:#d5a936;margin:6px}.fmMilestone970>p{display:flex;justify-content:space-around;text-align:center}.fmMilestone970>p span{font-size:9px;color:#9eabc1}.fmMilestone970>p b{display:block;color:white;font-size:20px;margin-top:3px}.fmMilestone970>i{display:block;height:7px;margin:9px 18px;background:#293149;border-radius:99px;overflow:hidden}.fmMilestone970>i u{display:block;height:100%;background:#e9ac2e}.fmTour970{display:flex;flex-direction:column}.fmTourArt970{flex:1;position:relative;min-height:205px;display:grid;place-content:end center;text-align:center;padding:20px;overflow:hidden;background:radial-gradient(circle at 50% 70%,rgba(180,53,255,.33),transparent 38%),linear-gradient(#111331,#080b19)}.fmTourArt970 img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.28;filter:saturate(1.15)}.fmTourArt970:after{content:"";position:absolute;inset:0;background:linear-gradient(transparent 25%,rgba(3,6,15,.88))}.fmTourArt970 h3,.fmTourArt970 p{position:relative;z-index:2}.fmTourArt970 h3{font-size:25px;margin:0}.fmTourArt970 p{font-size:10px;letter-spacing:.12em;color:#d7dbeb} .fmEmpty970{padding:20px;color:#7d8ba6;font-size:11px;text-align:center} .fmFooter970{position:absolute;left:0;right:0;bottom:0;height:42px;border-top:1px solid #202a46;background:#050914;display:flex;align-items:center;gap:28px;padding:0 18px;font-size:10px;color:#9ca7ba}.fmFooter970 b{margin-left:auto;margin-right:auto;letter-spacing:.46em;color:#4a91b0;font-size:9px} /* Keep every existing screen compatible with new top bar */ body>.smartNav32{display:none!important}.hud+.fmTop970{margin-top:0}.store{scroll-margin-top:92px} @media(max-width:1450px){.fmTop970{grid-template-columns:180px minmax(600px,1fr) auto}.fmTopStats970>div:nth-child(3){display:none}.fmTopStats970{min-width:285px}.fmTopStats970>div{min-width:115px;padding:0 12px}.fmShell970{grid-template-columns:185px 1fr}.fmNext970{grid-column:span 2}.fmMiddle970{grid-template-columns:1fr 1fr 1fr}.fmFinance970{grid-column:auto}.fmBottom970{grid-template-columns:1.25fr 1fr 1fr}.fmTour970{grid-column:span 3}} @media(max-width:1100px){.fmTop970{grid-template-columns:140px 1fr}.fmTopStats970{display:none}.fmBrand970>span{font-size:19px}.fmNav970 button{min-width:72px}.fmShell970{grid-template-columns:165px 1fr}.fmNext970{grid-column:span 2}.fmMiddle970,.fmBottom970{grid-template-columns:1fr 1fr}.fmFinance970,.fmTour970{grid-column:auto}.fmMarkets970{grid-column:span 2}} @media(max-width:780px){.fmTop970{height:72px;grid-template-columns:0 1fr}.fmBrand970{display:none}.fmNav970 button{min-width:66px;padding:6px}.fmNav970 button span{font-size:21px}.fmNav970 button b{font-size:10px}.fmShell970{display:block;min-height:calc(100vh - 72px)}.fmSide970{display:none}.fmBoard970{padding:9px}.fmTopRow970,.fmMiddle970,.fmBottom970{display:grid;grid-template-columns:1fr}.fmNext970,.fmMarkets970{grid-column:auto}.fmStageArt970{padding-left:42%;min-height:220px}.fmStageArt970 h2{font-size:24px!important}.fmNextStats970{grid-template-columns:1fr 1fr}.fmPanel970{min-height:auto}.fmFooter970{position:static;margin-top:8px}.fmShell970{padding-bottom:0}} @media(prefers-reduced-motion:reduce){.fmTop970 *,.fmShell970 *{transition:none!important;animation:none!important}} /* v9.7.1 — FM dashboard corrections */ .radio635{display:none!important} .fmNext970.hasGig970{cursor:pointer;transition:border-color .15s ease,transform .15s ease,box-shadow .15s ease} .fmNext970.hasGig970:hover{border-color:#7449b0;box-shadow:0 12px 32px rgba(75,26,124,.22)} .fmNext970.hasGig970:focus-visible{outline:2px solid #52dff0;outline-offset:2px} .fmEnterShow970{display:inline-flex;margin-top:14px;padding:7px 11px;border-radius:6px;border:1px solid #70419c;background:#241334;color:#e7b8ff;font-size:11px;font-style:normal;font-weight:900;letter-spacing:.04em} .fmRankNoHistory970{height:115px;margin:0 12px;display:grid;place-content:center;text-align:center;border-top:1px solid #1c2741;border-bottom:1px solid #1c2741}.fmRankNoHistory970 b{font-size:24px;color:#cf6fff}.fmRankNoHistory970 span{font-size:10px;color:#8794ad;margin-top:5px} @media(max-width:1100px){.fmTop970{grid-template-columns:140px 1fr auto}.fmTopStats970{display:flex;min-width:auto}.fmTopStats970>div,.fmTopStats970>img{display:none}} @media(max-width:780px){.fmTop970{grid-template-columns:0 1fr auto}.fmTopStats970{display:flex}} /* ========================================================= v9.8.0 — FM SYSTEM UI PASS HOME remains the visual reference; all management screens now share its information hierarchy, surfaces and spacing. ========================================================= */ :root{--fm980-bg:#060a13;--fm980-panel:#0b1120;--fm980-panel2:#10182a;--fm980-line:#263452;--fm980-text:#eef3fb;--fm980-muted:#98a7bd;--fm980-purple:#b85cff;--fm980-cyan:#54ddec;--fm980-green:#4ee08a;--fm980-gold:#e8b94e;--fm980-red:#ef6a78} body{background:radial-gradient(circle at 50% -20%,rgba(98,45,155,.16),transparent 36%),var(--fm980-bg);color:var(--fm980-text)} .store,.careerpage,.worldpage,.bookingpage,.studiopage{max-width:none!important;width:100%;padding:22px 24px 56px!important;background:transparent!important;color:var(--fm980-text)} .store .sectionhead,.careerpage .sectionhead,.worldpage .sectionhead,.bookingpage .sectionhead,.studiopage .sectionhead{display:flex;align-items:center;gap:16px;min-height:92px;margin:0 0 18px;padding:16px 18px;border:1px solid var(--fm980-line);border-radius:10px;background:linear-gradient(180deg,#10182a,#0a101d);box-shadow:none} .sectionhead .back{flex:0 0 46px;width:46px;height:46px;border:1px solid #394a6c;border-radius:8px;background:#111a2c;color:#dce7f7;font-size:22px}.sectionhead .back:hover{border-color:var(--fm980-purple);background:#18223a} .sectionhead small{color:var(--fm980-cyan)!important;font-size:11px!important;font-weight:850;letter-spacing:.1em}.sectionhead h2{margin:4px 0!important;color:#fff!important;font-size:27px!important;line-height:1.05}.sectionhead p{margin:4px 0 0!important;color:var(--fm980-muted)!important;font-size:13px!important;line-height:1.45} .worldtitle{margin:24px 0 10px!important;padding:0 2px 9px;border-bottom:1px solid var(--fm980-line);color:#eaf0f8!important;font-size:13px!important;letter-spacing:.08em} .chartlegend,.worldstatus,.emptyNotif{border:1px solid var(--fm980-line)!important;border-radius:8px!important;background:#0c1424!important;color:#b8c4d6!important;font-size:12px!important} /* FM cards — booking / world / career / studio */ .offercard,.bookingcard,.worldcity,.cityClubs910 article,.achievement,.collectiongrid article,.career750path article,.career750breakthroughs article,.career750objectives article,.careerOffer750,.careerOfferHistory750,.producerform,.catalogue>article,.studiohero,.venues>article{border:1px solid var(--fm980-line)!important;border-radius:9px!important;background:linear-gradient(180deg,#0f1728,#0a101d)!important;box-shadow:none!important;color:var(--fm980-text)!important} .offercard:hover,.worldcity:hover,.cityClubs910 article:hover,.achievement:hover,.career750path article:hover{border-color:#704b96!important;background:linear-gradient(180deg,#141d32,#0d1424)!important} .offergrid,.worldgrid,.clubGrid910,.achievementgrid,.collectiongrid,.career750path{gap:12px!important} .offercard h3,.bookingcard h3,.worldcity h3,.cityClubs910 h3,.career750 h3,.studiopage h3{color:#f5f7fb!important}.offercard p,.bookingcard p,.worldcity p,.cityClubs910 p,.career750 p,.studiopage p{color:#a9b6c9!important;font-size:12px!important;line-height:1.45}.offercard small,.bookingcard small,.worldcity small,.cityClubs910 small{color:#8fa1ba!important;font-size:10px!important}.bookingchips span,.sceneOffer440 span,.venueReq span{border:1px solid #2d3c5c!important;background:#111a2c!important;color:#c7d3e4!important;border-radius:5px!important} .offerbuttons button,.bookingbuttons button,.store button.primary,.store button.secondary,.careerpage button,.studiopage button{min-height:38px;border-radius:7px!important;font-size:11px!important;font-weight:850!important;letter-spacing:.02em}.primary,.buy{background:linear-gradient(180deg,#8d3dc7,#57217e)!important;border:1px solid #b45bea!important;color:white!important}.secondary{background:#111a2c!important;border:1px solid #344667!important;color:#d8e1ee!important}.secondary:hover{border-color:#76539a!important;background:#18233a!important} /* Booking — denser manager feed */ .bookingpage .offergrid{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))!important}.offercard{padding:15px!important}.offercard .offerhero{height:54px!important;display:grid;place-items:center;background:#11192b!important;border:1px solid #283856!important;border-radius:7px!important;font-size:25px!important}.conflictwarn{background:rgba(239,106,120,.1)!important;border:1px solid rgba(239,106,120,.4)!important;color:#ff8995!important} /* WORLD — database / scouting feel rather than poster wall */ .worldpage .worldstatus{padding:12px 15px!important;margin-bottom:14px!important}.cityClubs910{border:1px solid var(--fm980-line);border-radius:9px;background:#09101d;padding:14px!important}.clubGrid910{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))!important}.cityClubs910 article{padding:13px!important}.worldgrid{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(235px,1fr))!important}.worldcity{padding:14px!important;min-height:190px!important}.worldcity .cityicon{font-size:26px!important}.worldcity button{margin-top:auto!important} /* CAREER HQ — command centre */ .career750hero{gap:12px!important}.career750hero>div,.career750grid>div{border:1px solid var(--fm980-line)!important;border-radius:9px!important;background:linear-gradient(180deg,#10182a,#0a101d)!important;box-shadow:none!important}.career750rank b{color:var(--fm980-purple)!important}.career750next b{color:var(--fm980-gold)!important}.career750stats b{color:var(--fm980-cyan)!important}.career750path article.done{border-color:rgba(78,224,138,.42)!important}.career750path article.next{border-color:rgba(232,185,78,.55)!important}.career750actions{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(210px,1fr))!important;gap:9px!important}.career750actions button{text-align:left!important;justify-content:flex-start!important;padding:10px 12px!important} /* MUSIC — same manager shell */ .studiopage .studiohero{overflow:hidden!important}.studioart{background:linear-gradient(145deg,#151d31,#0b1120)!important;color:#d477ff!important}.producerform input,.producerform select{min-height:42px!important;border:1px solid #334463!important;border-radius:7px!important;background:#080e1a!important;color:#f1f5fb!important;font-size:14px!important} /* PHONE — keep phone identity, but use FM typography and surfaces */ .phoneview{background:transparent!important;padding:22px!important}.phoneview>.back{width:46px;height:46px;border:1px solid #394a6c;border-radius:8px;background:#111a2c;color:white;font-size:22px}.phoneview .device{border:1px solid #334563!important;background:linear-gradient(180deg,#0f1728,#070c16)!important;box-shadow:none!important}.phoneview .device header{border-bottom:1px solid #263552!important;background:#0b1221!important}.phoneview .apps{gap:9px!important}.phoneview .apps>div{min-height:82px!important;border:1px solid #293957!important;border-radius:8px!important;background:#10192b!important;color:#dce5f2!important;font-size:11px!important}.phoneview .apps>div:hover{border-color:#76539a!important;background:#17223a!important}.phoneview .apps i{font-size:25px!important}.phoneview .message{border:1px solid #2b3a58!important;background:#0d1627!important;color:#cbd5e4!important} /* Ranking / lists */ .rankingpage,.rankpage{background:transparent!important} /* Tooltips: available on every icon/button carrying data-tip */ [data-tip]{position:relative} @media(hover:hover) and (pointer:fine){[data-tip]:hover:after{content:attr(data-tip);position:absolute;z-index:9999;left:50%;top:calc(100% + 9px);transform:translateX(-50%);width:max-content;max-width:280px;padding:8px 10px;border:1px solid #3b4c6d;border-radius:6px;background:#050913;color:#eef3fb;font:700 11px/1.35 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;letter-spacing:0;white-space:normal;box-shadow:0 10px 28px rgba(0,0,0,.4);pointer-events:none}[data-tip]:hover:before{content:"";position:absolute;z-index:10000;left:50%;top:calc(100% + 4px);width:8px;height:8px;background:#050913;border-left:1px solid #3b4c6d;border-top:1px solid #3b4c6d;transform:translateX(-50%) rotate(45deg);pointer-events:none}} @media(max-width:900px){.store,.careerpage,.worldpage,.bookingpage,.studiopage{padding:12px 10px 38px!important}.sectionhead h2{font-size:22px!important}.bookingpage .offergrid,.worldgrid,.career750actions{grid-template-columns:1fr!important}.phoneview{padding:10px!important}} /* ========================= v9.9.0 — THREE WORLD LAYERS ========================= */ .fmLayerTag990{font-size:11px!important;letter-spacing:.08em;color:#7dd3fc!important;background:rgba(14,165,233,.12);border:1px solid rgba(56,189,248,.3);padding:4px 8px;border-radius:999px} .worldLayers990{max-width:1500px;margin:0 auto}.layerHero990{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin:18px 0}.layerHero990 article{position:relative;overflow:hidden;min-height:385px;padding:24px;border-radius:18px;border:1px solid rgba(255,255,255,.11);background:linear-gradient(155deg,rgba(20,25,45,.96),rgba(10,13,27,.98));display:flex;flex-direction:column}.layerHero990 article:before{content:"";position:absolute;inset:0 0 auto 0;height:4px;background:linear-gradient(90deg,#55e6ff,#8b5cf6)}.layerHero990 .live990:before{background:linear-gradient(90deg,#2dd4bf,#22d3ee)}.layerHero990 .real990:before{background:linear-gradient(90deg,#fbbf24,#f59e0b)}.layerIcon990{font-size:38px;margin-bottom:16px}.layerHero990 small{font-size:12px;letter-spacing:.11em;color:#9ca3af;font-weight:800}.layerHero990 h2{font-size:26px;margin:7px 0 8px}.layerHero990 p{font-size:15px;line-height:1.55;color:#cbd5e1;min-height:72px}.layerKpis990{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:18px 0 auto}.layerKpis990 span{padding:12px;border-radius:11px;background:rgba(255,255,255,.045);border:1px solid rgba(255,255,255,.06)}.layerKpis990 b{display:block;font-size:17px;color:#f8fafc}.layerKpis990 small{display:block;font-size:10px;margin-top:4px}.layerHero990 button,.realEmpty990 button{min-height:46px;margin-top:18px;font-weight:900}.timeRule990{padding:20px 24px;border-radius:15px;background:linear-gradient(90deg,rgba(77,50,160,.18),rgba(14,165,233,.08));border:1px solid rgba(139,92,246,.3)}.timeRule990 b{font-size:14px;letter-spacing:.1em}.timeRule990 p{font-size:15px;line-height:1.6;margin:7px 0 0;color:#d5d9e3}.realWorld990{max-width:1250px;margin:0 auto}.realEmpty990{text-align:center;padding:48px 28px;border:1px solid rgba(251,191,36,.22);border-radius:18px;background:linear-gradient(145deg,rgba(30,25,18,.55),rgba(13,16,29,.96))}.realEmpty990>div:first-child{font-size:52px}.realEmpty990 h2{font-size:28px}.realEmpty990 p{max-width:790px;margin:10px auto 24px;font-size:16px;line-height:1.6;color:#cbd5e1}.realRules990{max-width:760px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:9px;text-align:left}.realRules990 span{padding:11px 13px;border-radius:9px;background:rgba(255,255,255,.045);font-size:13px}.realSnapshot990{display:flex;gap:12px;margin:15px 0}.realSnapshot990>div{padding:14px 18px;border-radius:11px;background:#15192b;border:1px solid rgba(255,255,255,.08)}.realSnapshot990 b,.realSnapshot990 strong{display:block}.realSnapshot990 b{font-size:10px;color:#9ca3af}.realSnapshot990 strong{font-size:16px;margin-top:4px}.realRows990{display:grid;gap:7px}.realRows990 article{display:grid;grid-template-columns:55px 1fr auto;gap:12px;align-items:center;padding:12px 15px;border-radius:10px;background:#141827;border:1px solid rgba(255,255,255,.07)}.realRows990 article h3{margin:0;font-size:16px}.realRows990 article small,.realRows990 article span{font-size:12px;color:#9ca3af} @media(max-width:1000px){.layerHero990{grid-template-columns:1fr}.layerHero990 article{min-height:0}.layerKpis990{grid-template-columns:repeat(4,1fr)}} @media(max-width:680px){.layerKpis990{grid-template-columns:1fr 1fr}.realRules990{grid-template-columns:1fr}.realRows990 article{grid-template-columns:45px 1fr}.realRows990 article>span{grid-column:2}} /* v9.9.1 — compact first-career onboarding inside the visible FM sidebar */ .fmRookie991{margin:14px 0 6px;padding:11px;border:1px solid rgba(96,210,255,.28);border-radius:9px;background:linear-gradient(145deg,rgba(26,58,91,.34),rgba(56,21,85,.28));overflow:hidden} .fmRookie991 header{display:flex;flex-direction:column;gap:2px;border:0!important;padding:0!important;height:auto!important;margin-bottom:9px}.fmRookie991 header small{font-size:9px;letter-spacing:.09em;color:#61dff1}.fmRookie991 header b{font-size:11px;color:#fff}.fmRookie991>div{display:flex;gap:9px;align-items:flex-start}.fmRookie991>div>span{font-size:19px;line-height:1}.fmRookie991 p{margin:0;min-width:0}.fmRookie991 p b{display:block;font-size:10px;line-height:1.25}.fmRookie991 p small{display:block;margin-top:4px;font-size:9px;line-height:1.35;color:#93a1b8}.fmRookie991>button{width:100%;margin-top:9px;border:1px solid #355674;background:#101c31;color:#e8f8ff;border-radius:7px;padding:7px 9px;font-size:9px;font-weight:850;letter-spacing:.03em}.fmRookie991>button:hover{background:#162941;border-color:#53cce4} /* ================= v9.9.2 — HOME PROFILE + LOGOUT ================= */ .fmIdentityPhoto992{display:block;width:92px;height:92px;margin:0 auto 10px;padding:0;border:1px solid #405270;border-radius:12px;overflow:hidden;background:#0a1020;cursor:pointer} .fmIdentityPhoto992 img{width:100%;height:100%;object-fit:cover;display:block}.fmIdentityPhoto992:hover{border-color:#b35ee7;box-shadow:0 0 0 2px rgba(179,94,231,.12)} .fmIdentityProfileLink992{width:100%;margin-top:9px;min-height:28px;border:1px solid #30425e;border-radius:6px;background:#0c1525;color:#9fb0c8;font-size:9px;font-weight:850;letter-spacing:.08em}.fmIdentityProfileLink992:hover{border-color:#8150a8;color:#fff} .playerProfile992{max-width:1320px;margin:0 auto;padding-bottom:50px}.playerProfileHead992{align-items:center}.playerProfileLogout992{margin-left:auto!important;border:1px solid #594454!important;background:#1b121b!important;color:#f3d7dd!important}.playerProfileLogout992:hover{border-color:#d96b7b!important} .playerProfileHero992{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(300px,.8fr);gap:16px;margin:18px 0}.playerProfileHero992>article{border:1px solid #263752;border-radius:11px;background:linear-gradient(180deg,#10192b,#090f1b)} .playerProfilePhoto992{display:grid;grid-template-columns:260px 1fr;gap:24px;align-items:center;padding:24px}.playerProfileFrame992{height:300px;border-radius:12px;overflow:hidden;border:1px solid #3b4e6e;background:#080d17}.playerProfileFrame992 img{width:100%;height:100%;object-fit:cover}.playerProfilePhoto992 small,.playerProfileBio992 small{font-size:10px;letter-spacing:.12em;color:#7fdff1;font-weight:850}.playerProfilePhoto992 h3{font-size:30px;margin:7px 0}.playerProfilePhoto992 p{max-width:540px;color:#9aa8bc;line-height:1.55}.playerProfilePhotoActions992{display:flex;gap:9px;flex-wrap:wrap;margin-top:17px}.playerProfilePhotoActions992 .uploadBtn950,.playerProfilePhotoActions992 button{min-height:40px;display:inline-flex;align-items:center;justify-content:center;padding:0 14px;border-radius:7px;font-size:11px;font-weight:900} .playerProfileBio992{padding:24px}.playerProfileBio992 h3{font-size:24px;margin:8px 0 18px}.playerProfileBio992 dl{margin:0}.playerProfileBio992 dl div{display:flex;justify-content:space-between;gap:16px;padding:12px 0;border-bottom:1px solid #1f2d45}.playerProfileBio992 dt{font-size:10px;color:#8190a8}.playerProfileBio992 dd{margin:0;font-size:13px;font-weight:850;color:#eef3f9;text-align:right} .playerProfileStats992{display:grid;grid-template-columns:repeat(6,1fr);gap:10px;margin:0 0 16px}.playerProfileStats992 article{padding:16px;border:1px solid #253650;border-radius:9px;background:#0c1423}.playerProfileStats992 small{display:block;font-size:9px;color:#7f8ea5;letter-spacing:.08em}.playerProfileStats992 b{display:block;margin-top:6px;font-size:22px;color:#f4f7fb}.playerProfileLinks992{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.playerProfileLinks992 button{min-height:46px;border:1px solid #344766;border-radius:8px;background:#111a2b;color:#dfe7f1;font-weight:850}.playerProfileLinks992 button:hover{border-color:#8150aa;background:#172239} @media(max-width:1250px){.playerProfileStats992{grid-template-columns:repeat(3,1fr)}} @media(max-width:900px){.playerProfileHero992{grid-template-columns:1fr}.playerProfilePhoto992{grid-template-columns:180px 1fr}.playerProfileFrame992{height:220px}.playerProfileLinks992{grid-template-columns:1fr 1fr}} @media(max-width:620px){.playerProfilePhoto992{grid-template-columns:1fr}.playerProfileFrame992{height:340px}.playerProfileStats992{grid-template-columns:1fr 1fr}.playerProfileLinks992{grid-template-columns:1fr}} /* v9.9.3 — season flow / decision density */ .fmDecision993{margin:0 0 14px;border:1px solid rgba(255,255,255,.1);background:linear-gradient(110deg,rgba(88,52,150,.22),rgba(11,15,26,.72));border-radius:10px;overflow:hidden}.fmDecision993>header{display:flex;align-items:center;justify-content:space-between;padding:10px 13px;border-bottom:1px solid rgba(255,255,255,.08)}.fmDecision993>header div{display:flex;gap:10px;align-items:baseline}.fmDecision993>header small{font-size:10px;letter-spacing:1.2px;color:#9ca6bb}.fmDecision993>header b{font-size:13px}.fmDecision993>header>span{min-width:42px;text-align:center;border-radius:99px;padding:4px 9px;background:rgba(189,91,255,.18);color:#dfb5ff;font-size:11px;font-weight:800}.fmDecision993>div{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}.fmDecision993 article{display:grid;grid-template-columns:30px 1fr auto;gap:9px;align-items:center;padding:10px 12px;border-right:1px solid rgba(255,255,255,.07)}.fmDecision993 article:last-child{border-right:0}.fmDecision993 article.primary993{background:rgba(190,78,255,.08)}.fmDecision993 article>span{font-size:20px}.fmDecision993 p{margin:0;min-width:0}.fmDecision993 p b,.fmDecision993 p small{display:block}.fmDecision993 p b{font-size:11px;letter-spacing:.4px}.fmDecision993 p small{margin-top:3px;color:#99a3b8;font-size:10px;line-height:1.25}.fmDecision993 button{font-size:9px;white-space:nowrap;padding:7px 8px}@media(max-width:1150px){.fmDecision993>div{grid-template-columns:1fr}.fmDecision993 article{border-right:0;border-bottom:1px solid rgba(255,255,255,.07)}} .seasonStory993{margin:0 auto 18px;max-width:1280px;border:1px solid rgba(255,255,255,.11);border-radius:12px;background:rgba(13,18,31,.84);overflow:hidden}.seasonStory993 header{padding:12px 16px;border-bottom:1px solid rgba(255,255,255,.08)}.seasonStory993 header small,.seasonStory993 header b{display:block}.seasonStory993 header small{font-size:10px;color:#9da6b9;letter-spacing:1.2px}.seasonStory993 header b{margin-top:3px}.seasonStory993>div{display:grid;grid-template-columns:repeat(6,1fr)}.seasonStory993 p{margin:0;padding:14px;border-right:1px solid rgba(255,255,255,.07)}.seasonStory993 p:last-child{border-right:0}.seasonStory993 p small,.seasonStory993 p b{display:block}.seasonStory993 p small{font-size:9px;color:#949eb2}.seasonStory993 p b{margin-top:5px;font-size:16px}@media(max-width:900px){.seasonStory993>div{grid-template-columns:repeat(2,1fr)}} /* v9.9.3.3 — single action bar: END DAY / LOG OUT live only in the upper HUD */ /* ===== DEV SHOW EXPERIENCE 9.9.4 ===== */ .show994{min-height:100vh;background:#05060b;color:#fff;overflow:hidden;position:relative;font-family:Inter,system-ui,sans-serif}.show994 *{box-sizing:border-box}.show994.hype:after{content:"";position:absolute;inset:-30%;background:repeating-conic-gradient(from 0deg,transparent 0 8deg,rgba(108,239,255,.08) 9deg 10deg,transparent 11deg 18deg);animation:showSpin994 14s linear infinite;pointer-events:none}.showEnergy994{text-align:center;margin-top:16px;text-shadow:0 4px 24px #000}.showEnergy994 small{font-weight:900;letter-spacing:.14em}.showEnergy994 b{display:block;font-size:64px;line-height:.95}.showTrack994{margin-top:14px;padding:12px;border-top:1px solid rgba(255,255,255,.12)}.showTrack994 small{color:#6ceaff}.showTrack994 b{display:block;font-size:16px}.showFlash994{animation:showFlash994 .45s ease}.show994[data-energy="high"] .showStage994{filter:saturate(1.18) contrast(1.05)} @keyframes showSpin994{to{transform:rotate(360deg)}}@keyframes showFlash994{50%{filter:brightness(1.6)}} @media(max-width:1050px){} @media(max-width:720px){.showEnergy994 b{font-size:46px}} /* ===== DEV LIVE BEATMATCH SHOW 9.9.4.1 ===== */ .show995{position:relative;min-height:100vh;overflow:hidden;background:#02040a;color:#fff;font-family:Inter,system-ui,sans-serif}.show995 *{box-sizing:border-box}.show995.hype .showVisual995{filter:saturate(1.55) contrast(1.12) brightness(1.08)}.l1{transform:rotate(55deg);animation:laserA995 2.2s ease-in-out infinite alternate}.l2{transform:rotate(-55deg);animation:laserB995 2.6s ease-in-out infinite alternate}.l3{transform:rotate(28deg);animation:laserA995 1.8s ease-in-out infinite alternate-reverse}.l4{transform:rotate(-28deg);animation:laserB995 2.1s ease-in-out infinite alternate-reverse}.f1{left:28%}.f2{right:28%;animation-delay:.6s}.showTop995{display:grid;grid-template-columns:260px 1fr 150px;gap:16px;align-items:center;background:rgba(3,7,16,.78);border:1px solid rgba(160,191,255,.22);backdrop-filter:blur(12px);border-radius:12px;padding:10px 14px}.showTop995 small,.showInfo995 small,.showScorePanel995 small,.mixHeader995 small{display:block;color:#91a0b7;font-size:9px;letter-spacing:.13em}.showTop995 b{font-size:18px}@keyframes camBreath995{to{transform:scale(1.12)}}@keyframes pulseStage995{to{opacity:.72;filter:brightness(1.45)}}@keyframes laserA995{from{transform:rotate(52deg)}to{transform:rotate(22deg)}}@keyframes laserB995{from{transform:rotate(-52deg)}to{transform:rotate(-22deg)}}@keyframes fire995{0%,100%{transform:scaleY(.2);opacity:.15}50%{transform:scaleY(1.1);opacity:.9}}@keyframes crowdBounce995{to{transform:scaleY(1.06) translateY(-3px)}}@media(max-width:1050px){.showTop995{grid-template-columns:190px 1fr 110px}}@media(max-width:720px){.showTop995{grid-template-columns:1fr 90px}} /* ========================= v9.9.4.2 DEV — FESTIVAL SHOW 2.0 ========================= */ .show996{position:relative;min-height:980px;overflow:hidden;background:#020308;color:#fff;font-family:Inter,system-ui,sans-serif}.show996 *{box-sizing:border-box}.showVisual996{position:absolute;inset:0;background:linear-gradient(180deg,rgba(1,3,8,.04),rgba(1,3,8,.22) 52%,rgba(1,3,8,.82)),url("../assets/dj-realistic-hero.jpg") center 35%/cover no-repeat;transform:scale(1.08);filter:saturate(1.3) contrast(1.08) brightness(.84);transition:transform 1.25s ease,background-position 1.25s ease,filter .55s;animation:stageBreath996 4.2s ease-in-out infinite alternate}.showVisual996[data-cam="1"]{transform:scale(1.22) translateY(3%);background-position:center 43%}.showVisual996[data-cam="2"]{transform:scale(1.34) translateY(-5%);background-position:center 18%}.showVisual996[data-cam="3"]{transform:scale(1.17) translateX(4%);background-position:40% 38%}.showVisual996[data-cam="4"]{transform:scale(1.02) translateY(-1%);background-position:center 56%;filter:saturate(1.45) contrast(1.1) brightness(.96)} .b1{animation:beam1 1.8s ease-in-out infinite alternate}.b2{animation:beam2 2.1s ease-in-out infinite alternate}.b3{animation:beam3 1.45s ease-in-out infinite alternate}.b4{animation:beam4 2.35s ease-in-out infinite alternate}.b5{animation:beam5 1.65s ease-in-out infinite alternate}.p1{left:24%}.p2{left:49%}.p3{right:24%}.show996.dropLive996 .pyro996,.show996[data-crowd="ERUPTION"] .pyro996{animation:pyroBurst996 .5s steps(2,end) infinite;opacity:1}.show996.dropLive996 .stageScreen996{filter:brightness(1.8);transform:scale(1.08)}.show996.dropLive996 .showVisual996{filter:saturate(1.8) contrast(1.14) brightness(1.16)} .show996[data-crowd="COLD"] .crowdField996 i{animation-duration:1.7s;transform:scaleY(.85)}.show996[data-crowd="MOVING"] .crowdField996 i{animation-duration:1.15s}.show996[data-crowd="ENGAGED"] .crowdField996 i{animation-duration:.72s}.show996[data-crowd="HYPED"] .crowdField996 i{animation-duration:.48s;height:48px}.show996[data-crowd="ERUPTION"] .crowdField996 i,.show996.dropLive996 .crowdField996 i{animation-duration:.28s;height:56px;box-shadow:0 -9px 0 -2px #050508,0 -32px 0 -5px rgba(255,255,255,.35)}.cameraTag996{position:absolute;top:82px;right:22px;padding:7px 11px;border:1px solid rgba(255,255,255,.18);background:rgba(0,0,0,.48);font-size:9px;font-weight:900;letter-spacing:.12em;backdrop-filter:blur(8px)} .show996.dropLive996 .mixDesk996{transform:translateY(14px);opacity:.32;filter:blur(1px)}.mixControls996 .sync996{border-color:#655eb2}.mixControls996 .commit996{background:linear-gradient(90deg,#8428c5,#e43caf);border-color:#f25fd5;font-size:11px}.mixControls996 .commit996:disabled{opacity:.3;filter:grayscale(1)} .show996.dropLive996 .dropMoment996{opacity:1;transform:translate(-50%,-50%) scale(1);animation:dropHit996 .48s cubic-bezier(.2,.8,.2,1)} @keyframes stageBreath996{to{transform:scale(1.12);filter:saturate(1.45) contrast(1.1) brightness(.95)}}@keyframes screenPulse996{to{filter:brightness(1.45);box-shadow:0 0 70px rgba(255,62,225,.32)}}@keyframes beam1{from{transform:rotate(58deg)}to{transform:rotate(22deg)}}@keyframes beam2{from{transform:rotate(-58deg)}to{transform:rotate(-22deg)}}@keyframes beam3{from{transform:rotate(36deg)}to{transform:rotate(5deg)}}@keyframes beam4{from{transform:rotate(-36deg)}to{transform:rotate(-5deg)}}@keyframes beam5{from{transform:rotate(12deg)}to{transform:rotate(-12deg)}}@keyframes pyroBurst996{0%,100%{transform:scaleY(.15);opacity:.15}45%{transform:scaleY(1.15);opacity:1}70%{transform:scaleY(.55);opacity:.75}}@keyframes crowdMove996{from{transform:translateY(0) rotate(-2deg)}to{transform:translateY(-9px) rotate(2deg)}}@keyframes dropHit996{0%{opacity:0;transform:translate(-50%,-50%) scale(.35)}65%{opacity:1;transform:translate(-50%,-50%) scale(1.14)}100%{transform:translate(-50%,-50%) scale(1)}} @media(max-width:1100px){}@media(max-width:760px){.show996,.showOverlay996{min-height:1080px}} /* v9.9.4.4 ACTIVE SET LOOP */ .show996.mixingLive996 .mixDesk996,.mixDesk996:has(#mixState996){border-color:rgba(63,224,255,.42)}.show996.mixingLive996 .playhead996{width:3px;box-shadow:0 0 20px #fff,0 0 36px rgba(255,76,210,.8)}.show996.mixingLive996 .waveStack996{box-shadow:inset 0 0 30px rgba(68,216,255,.06)} /* v9.9.4.5 DEV — PERFORMANCE CONTROLS + CINEMATIC REACTION */ .show996.dropLive996 .filmFlash997{animation:filmFlash997 .7s ease-out}.show996.dropLive996 .filmShock997{animation:filmShock997 1s cubic-bezier(.1,.8,.2,1)}.show996.dropLive996 .showVisual996{animation:dropCamera997 .58s cubic-bezier(.15,.8,.2,1),stageBreath996 3.2s ease-in-out infinite alternate}.show996.mixingLive996 .showVisual996{filter:saturate(1.55) contrast(1.13) brightness(.96)}.show996.mixingLive996 .beam996{animation-duration:.72s!important;opacity:.96}.show996.mixingLive996 .stageScreen996{animation-duration:.5s}.show996[data-crowd="ERUPTION"] .stageArch996{box-shadow:0 0 130px rgba(255,43,224,.42),inset 0 0 110px rgba(44,225,255,.18)} @keyframes filmFlash997{0%{opacity:0}8%{opacity:.95}22%{opacity:.22}100%{opacity:0}}@keyframes filmShock997{0%{opacity:.9;transform:translate(-50%,-50%) scale(.2)}100%{opacity:0;transform:translate(-50%,-50%) scale(18)}}@keyframes dropCamera997{0%{transform:scale(1.02) translateY(-1%)}18%{transform:scale(1.12) translateY(1%)}46%{transform:scale(1.05) translateY(-2%)}100%{transform:scale(1.02) translateY(-1%)}}@keyframes filmGrainMove997{0%{transform:translate(0,0)}50%{transform:translate(-2px,1px)}100%{transform:translate(1px,-2px)}} @media(max-width:900px){} /* v9.9.4.6 DEV — READ THE CROWD SHOW 3.0 */ .show996{background:#020308}.show996 .showVisual996{height:58%;min-height:520px;filter:saturate(1.35) contrast(1.08);transform-origin:50% 58%}.show996 .showOverlay996{grid-template-rows:auto 1fr auto auto;pointer-events:none}.show996 .showTop996,.show996 .cinemaHud996,.show996 .trackSelect996,.show996 .mixDesk996,.show996 .showExit996{pointer-events:auto}.show996 .cinemaHud996{align-self:start;margin-top:8px;background:linear-gradient(90deg,rgba(1,4,10,.68),rgba(1,4,10,.20),rgba(1,4,10,.68));backdrop-filter:blur(4px)}.show996 .trackSelect996{align-self:end;margin:0 22px 7px;background:rgba(2,6,12,.84);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.13)}.show996 .mixDesk996{margin:0 22px 14px;padding:8px 12px 10px;background:rgba(2,5,11,.94)}.show996 .waveRow996{height:48px}.show996 .waveViewport996,.show996 .waveStrip996{height:42px}.show996 .phrase996{margin:4px 0}.show996 .skillMeters996{margin:4px 0}.show996 .mixControls996.readMix998{grid-template-columns:repeat(6,1fr);gap:6px}.show996 .readCrowd998 p{margin:3px 0 6px;font-size:8px;line-height:1.25;color:#d8e1ee;max-width:260px}.show996 .readCrowd998 strong{display:none}.show996 .crowdField996{height:42%;perspective:600px}.show996 .crowdField996:before{content:"";position:absolute;left:-10%;right:-10%;bottom:0;height:70%;background:radial-gradient(ellipse at center bottom,rgba(255,255,255,.08),transparent 60%);animation:crowdGlow998 1.1s ease-in-out infinite alternate}.show996[data-crowd="HYPED"] .showVisual996,.show996[data-crowd="ERUPTION"] .showVisual996{filter:saturate(1.65) contrast(1.12) brightness(1.04)}.show996[data-crowd="COLD"] .beam996{opacity:.28}.show996[data-crowd="MOVING"] .beam996{opacity:.48}.show996[data-crowd="ENGAGED"] .beam996{opacity:.68}.show996[data-crowd="HYPED"] .beam996{opacity:.9}.show996[data-crowd="ERUPTION"] .beam996{opacity:1;animation-duration:.42s!important}.show996.dropLive996 .stageScreen996 span{font-size:clamp(28px,5vw,78px);letter-spacing:.05em}.show996.dropLive996 .dropMoment996{top:38%}.show996 .liveScore996{opacity:.65}.show996 .transitionHistory996{display:none}@keyframes crowdGlow998{from{opacity:.35;transform:scaleY(.92)}to{opacity:.8;transform:scaleY(1.04)}} /* ========================= v9.9.4.7 — SHOW 4.0 / LIVE FLOOR ========================= */ .show999{min-height:calc(100vh - 72px);background:#02040a;color:#fff;display:grid;grid-template-rows:minmax(420px,1fr) auto;overflow:hidden;font-family:Inter,system-ui,sans-serif}.cinema999{position:relative;min-height:56vh;background:#05070c;overflow:hidden}.stageVideo999{position:absolute;inset:-4%;width:108%;height:108%;object-fit:cover;filter:saturate(1.15) contrast(1.08) brightness(.8);transition:opacity .9s ease,transform 4s ease;transform:scale(1.04)}.stageVideo999.alt{opacity:0}.stageVideo999.faded{opacity:0}.stageVideo999.alt.active{opacity:1}.show999.drop .stageVideo999{transform:scale(1.10);filter:saturate(1.45) contrast(1.15) brightness(1.02)}.cinemaShade999{position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.38),rgba(0,0,0,.04) 36%,rgba(0,0,0,.08) 62%,rgba(2,4,10,.88) 100%);pointer-events:none}.stageLights999{position:absolute;inset:0;overflow:hidden;mix-blend-mode:screen;pointer-events:none}.stageLights999 i{position:absolute;left:50%;bottom:16%;width:3px;height:84%;background:linear-gradient(180deg,transparent,rgba(90,210,255,.8));transform-origin:bottom;opacity:calc(.18 + var(--energy)*.5);animation:beam999 3.6s ease-in-out infinite alternate}.stageLights999 i:nth-child(1){transform:rotate(-42deg);animation-delay:-.4s}.stageLights999 i:nth-child(2){transform:rotate(-24deg);animation-delay:-1.1s}.stageLights999 i:nth-child(3){transform:rotate(0);animation-delay:-1.8s}.stageLights999 i:nth-child(4){transform:rotate(24deg);animation-delay:-2.5s}.stageLights999 i:nth-child(5){transform:rotate(42deg);animation-delay:-3.1s}@keyframes beam999{to{opacity:.85;filter:blur(1px);height:92%}}.dropFlash999{position:absolute;inset:0;background:radial-gradient(circle at 50% 70%,rgba(255,255,255,.85),rgba(255,50,200,.20) 28%,transparent 62%);opacity:0;pointer-events:none}.show999.drop .dropFlash999{animation:drop999 .9s ease-out 2}@keyframes drop999{0%{opacity:0}12%{opacity:1}100%{opacity:0}}.showTop999{position:absolute;top:0;left:0;right:0;display:grid;grid-template-columns:260px 1fr 100px;align-items:center;gap:18px;padding:14px 18px;z-index:5;background:linear-gradient(180deg,rgba(1,4,10,.88),rgba(1,4,10,.18));backdrop-filter:blur(8px)}.showTop999>div:first-child small{display:block;font-size:11px;letter-spacing:.16em;color:#9edcff}.showTop999>div:first-child b{display:block;font-size:19px;margin-top:3px}.showTop999>button{border:1px solid #556070;background:rgba(5,9,16,.7);color:#d9e5f1;border-radius:8px;padding:9px 10px}.phase999{min-width:0}.phase999>span{display:inline-block;width:20%;text-align:center;font-size:10px;letter-spacing:.13em;color:#8590a3}.phase999>span.on{color:#fff;font-weight:900}.phase999>i{display:block;height:4px;background:rgba(255,255,255,.12);border-radius:99px;margin-top:7px;overflow:hidden}.phase999>i>em{display:block;height:100%;background:linear-gradient(90deg,#19d8ff,#d52cff,#ff8a00)}.crowdRead999{position:absolute;left:22px;top:88px;z-index:5;max-width:300px;padding:14px 16px;border-left:3px solid rgba(255,255,255,.7);background:linear-gradient(90deg,rgba(1,4,10,.70),transparent)}.crowdRead999 small{display:block;color:#9edcff;font-size:10px;letter-spacing:.17em}.crowdRead999 b{display:block;font-size:29px;line-height:1;margin:5px 0}.crowdRead999 span{font-size:11px;color:#d5dde8;letter-spacing:.05em}.reaction999{position:absolute;left:50%;bottom:104px;transform:translateX(-50%);z-index:6;text-align:center;text-shadow:0 3px 18px #000;width:min(720px,80%)}.reaction999 small{display:block;letter-spacing:.24em;color:#bfeaff}.reaction999 b{display:block;font-size:clamp(22px,3vw,40px);margin-top:4px}.show999.drop .reaction999 b{animation:reaction999 .65s cubic-bezier(.2,.8,.2,1)}@keyframes reaction999{0%{transform:scale(.65);opacity:.2}65%{transform:scale(1.08)}100%{transform:scale(1)}}.crowd999{position:absolute;left:0;right:0;bottom:0;height:120px;z-index:4;display:flex;align-items:flex-end;justify-content:center;gap:4px;padding:0 3%;overflow:hidden;background:linear-gradient(180deg,transparent,rgba(0,0,0,.72))}.crowd999 i{position:relative;width:16px;height:36px;border-radius:10px 10px 3px 3px;background:#0a0c11;transform-origin:bottom;opacity:.82}.crowd999 i:before{content:"";position:absolute;left:4px;top:-8px;width:8px;height:8px;border-radius:50%;background:#11151c}.crowd999 i b{position:absolute;left:7px;top:-18px;width:2px;height:24px;background:#151a22;transform-origin:bottom;transition:.4s}.crowd999 i.on{animation:crowdJump999 calc(.55s + (var(--n)%5)*.07s) ease-in-out infinite alternate}.crowd999 i.on b{transform:rotate(calc(-55deg + (var(--n)%3)*55deg));background:#ffe1cf;box-shadow:0 0 10px rgba(255,255,255,.7)}@keyframes crowdJump999{to{transform:translateY(-11px) scaleY(1.08)}}.show999[data-crowd="ERUPTION"] .crowd999 i{animation-duration:.28s}.phrase999{grid-area:phrase;display:grid;grid-template-columns:70px 1fr 180px;align-items:center;gap:8px}.phrase999>small{color:#a8b6c7;letter-spacing:.13em;font-size:9px}.phrase999>div{position:relative;height:16px;border-radius:99px;background:#101b26;overflow:hidden}.phrase999>div .zone{position:absolute;left:0;top:0;bottom:0;width:13%;background:rgba(37,255,145,.36);box-shadow:0 0 14px rgba(37,255,145,.35)}.phrase999>div em{position:absolute;top:-3px;width:3px;height:22px;background:#fff;box-shadow:0 0 10px #fff}.phrase999>b{font-size:10px;color:#ffcf7a}.phrase999>b.ready{color:#38f599}.mix999{border:1px solid #38516a;border-radius:10px;background:#0a1420;color:#fff;font-size:15px;font-weight:900;letter-spacing:.05em}.mix999 small{display:block;font-size:9px;color:#9db0c4;margin-top:2px}.mix999.ready{background:linear-gradient(135deg,#1d7e52,#10b875);border-color:#48ffad;box-shadow:0 0 24px rgba(40,255,155,.20);animation:ready999 .75s ease-in-out infinite alternate}@keyframes ready999{to{transform:scale(1.015);box-shadow:0 0 34px rgba(40,255,155,.38)}}.show999.drop .mix999{pointer-events:none}.show999.drop .stageLights999 i{animation-duration:.32s;opacity:1}.show999.drop .crowd999{filter:brightness(1.4)} @media(max-width:980px){.show999{grid-template-rows:minmax(360px,52vh) auto}.showTop999{grid-template-columns:1fr auto}.showTop999 .phase999{grid-column:1/-1;grid-row:2}.phrase999{grid-template-columns:55px 1fr}.phrase999>b{grid-column:1/-1;text-align:center}} /* ========================= v9.9.4.8 — BACKSTAGE + CINEMATIC WALK ========================= */ .back9948{position:relative;min-height:calc(100vh - 72px);overflow:hidden;background:#050609;color:#fff;font-family:Inter,system-ui,sans-serif}.backRoom9948{position:absolute;inset:0;background:url("../assets/backstage/lounge.webp") center/cover no-repeat;filter:saturate(.95) contrast(1.08) brightness(.62);transform:scale(1.03);animation:backBreath9948 12s ease-in-out infinite alternate}.backShade9948{position:absolute;inset:0;background:linear-gradient(90deg,rgba(2,5,10,.92) 0 19%,rgba(2,5,10,.18) 38% 68%,rgba(2,5,10,.86) 84%),linear-gradient(180deg,rgba(2,4,9,.8),transparent 22%,rgba(2,4,9,.9) 88%)}@keyframes backBreath9948{to{transform:scale(1.065) translateX(-.7%)}} .backTop9948{position:relative;z-index:3;height:88px;display:grid;grid-template-columns:48px 1fr auto;align-items:center;gap:14px;padding:12px 20px;border-bottom:1px solid rgba(255,255,255,.12);background:rgba(2,5,10,.72);backdrop-filter:blur(10px)}.backTop9948>button{width:42px;height:42px;border:1px solid #405268;border-radius:9px;background:#09111c;color:#fff;font-size:20px}.backTop9948 small,.body9948>small,.showInfo9948>small,.riderHead9948 small{color:#76dcff;letter-spacing:.18em;font-size:10px;font-weight:800}.backTop9948 h2{margin:2px 0 0;font-size:27px}.backTop9948 span{font-size:11px;color:#aab7c7}.backCountdown9948{text-align:center;border:1px solid #775f18;background:rgba(17,13,4,.8);border-radius:9px;padding:8px 18px;min-width:170px}.backCountdown9948 small{color:#ffdc65}.backCountdown9948 b{display:block;color:#ffcf3f;font-size:21px}.backCountdown9948 span{font-size:10px} .body9948{position:absolute;z-index:3;left:20px;top:112px;width:230px;padding:16px;background:rgba(4,9,16,.88);border:1px solid #26394d;border-radius:12px;backdrop-filter:blur(8px)}.bodyStat9948{margin-top:15px}.bodyStat9948>span{font-size:11px;font-weight:800}.bodyStat9948>b{float:right;font-size:12px}.bodyStat9948>i{display:block;clear:both;height:6px;background:#172332;border-radius:99px;margin-top:6px;overflow:hidden}.bodyStat9948>i em{display:block;height:100%;background:linear-gradient(90deg,#1aa9e9,#62e9ff);border-radius:99px}.bodyStat9948.stress>i em{background:linear-gradient(90deg,#ff394f,#ff8a46)}.ready9948{margin-top:18px;border-top:1px solid #26394d;padding-top:12px}.ready9948 small{display:block;color:#8998aa}.ready9948 b{display:block;color:#63f2a6;font-size:20px;margin:2px 0}.ready9948 span{font-size:9px;color:#8e9cac} .showInfo9948{position:absolute;z-index:3;right:20px;top:112px;width:250px;padding:16px;background:rgba(4,9,16,.88);border:1px solid #26394d;border-radius:12px;backdrop-filter:blur(8px)}.showInfo9948>b{display:block;font-size:20px;margin:4px 0 12px}.showInfo9948>div{display:flex;justify-content:space-between;border-top:1px solid rgba(255,255,255,.08);padding:8px 0;font-size:10px}.showInfo9948>div span{color:#8292a4}.showInfo9948 p{font-size:10px;line-height:1.5;color:#a9b5c4}.stageDoor9948{width:100%;margin-top:8px;border:1px solid #f2c13e;border-radius:10px;background:linear-gradient(135deg,#ffcf42,#f6a829);color:#111;padding:12px;text-align:left;box-shadow:0 0 26px rgba(255,190,35,.16)}.stageDoor9948 span{display:block;font-size:9px;letter-spacing:.18em}.stageDoor9948 b{display:block;font-size:18px;margin:2px 0}.stageDoor9948 small{color:#3c2c0a} .rider9948{position:absolute;z-index:4;left:270px;right:290px;bottom:22px;background:rgba(3,8,14,.91);border:1px solid #31485f;border-radius:12px;padding:12px;backdrop-filter:blur(10px)}.riderHead9948{display:flex;justify-content:space-between;align-items:end;margin-bottom:9px}.riderHead9948 b{display:block;font-size:13px}.riderHead9948>span{font-size:9px;color:#74e0a6}.riderItems9948{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:7px}.riderItems9948 button{min-width:0;background:#09131e;border:1px solid #263c50;border-radius:9px;color:#fff;padding:9px 7px;text-align:left;transition:.15s}.riderItems9948 button:hover{transform:translateY(-3px);border-color:#6adfff;background:#0c1c2b}.riderItems9948 button:disabled{opacity:.35}.riderItems9948 strong{display:block;font-size:23px}.riderItems9948 b{display:block;font-size:9px;margin:4px 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.riderItems9948 span{display:block;color:#58f19b;font-size:9px}.riderItems9948 small{display:block;color:#ffad72;font-size:8px;margin-top:2px} .corridor9948{position:relative;height:calc(100vh - 72px);min-height:600px;overflow:hidden;background:#020308;color:#fff}.corridorFrame9948{position:absolute;inset:-3%;background-position:center;background-size:cover;opacity:0;transform:scale(1.06);transition:opacity .7s ease;filter:saturate(1.05) contrast(1.08) brightness(.72)}.corridorFrame9948.on{opacity:1;animation:corridorMove9948 2s linear forwards}.corridorFrame9948.c1{background-image:url("../assets/backstage/corridor1.webp")}.corridorFrame9948.c2{background-image:url("../assets/backstage/corridor2.webp")}.corridorFrame9948.c3{background-image:url("../assets/backstage/corridor3.webp")}.corridorFrame9948.c4{background-image:url("../assets/backstage/corridor4.webp")}@keyframes corridorMove9948{from{transform:scale(1.06) translateY(0)}to{transform:scale(1.13) translateY(-1.2%)}} .corridorVignette9948{position:absolute;inset:0;background:radial-gradient(circle at center,transparent 35%,rgba(0,0,0,.42) 100%),linear-gradient(180deg,rgba(0,0,0,.2),transparent 45%,rgba(0,0,0,.82));z-index:2}.corridorCopy9948{position:absolute;z-index:3;left:50%;bottom:78px;transform:translateX(-50%);width:min(820px,80%);text-align:center;text-shadow:0 4px 20px #000}.corridorCopy9948 small{display:block;color:#a8e8ff;letter-spacing:.24em;font-size:11px}.corridorCopy9948 b{display:block;font-size:clamp(26px,4vw,54px);margin:5px 0}.corridorCopy9948 span{font-size:14px;color:#dce6ef}.corridorProgress9948{position:absolute;z-index:4;bottom:32px;left:50%;transform:translateX(-50%);display:flex;gap:9px}.corridorProgress9948 i{width:54px;height:4px;background:#56606c;border-radius:99px}.corridorProgress9948 i.on{background:#ffd34f;box-shadow:0 0 12px #ffb52d}.skipCorridor9948{position:absolute;z-index:5;right:18px;top:18px;background:rgba(3,7,13,.7);border:1px solid #566576;color:#fff;border-radius:8px;padding:9px 12px}.corridorVenue9948{position:absolute;z-index:4;left:18px;top:18px;font-size:11px;letter-spacing:.18em;color:#d7e7f5;background:rgba(3,7,13,.65);padding:9px 12px;border-radius:8px} @media(max-width:1100px){.rider9948{left:20px;right:20px;bottom:16px}.body9948{width:205px}.showInfo9948{width:220px}.riderItems9948{grid-template-columns:repeat(4,1fr)}} /* v9.9.4.9 — clear MATCH → CONFIRM → MIX gameplay */ .tracksHead9949 .right{text-align:right}.phraseLabels9949 .drop{color:#ffca3a}.mainActions9949 .confirm9949.ready{background:#69f0a3}.mainActions9949 .drop9949.ready{background:linear-gradient(135deg,#ffca3a,#ff6c49);box-shadow:0 0 24px rgba(255,112,68,.34)}@media(max-width:900px){.tracksHead9949 .right{text-align:left}} /* v9.9.4.10 — continuous waveform + bottom layout cleanup */ .continuousWave99410{display:block;width:6200px;height:70px;overflow:visible} .continuousWave99410 .waveFill99410{opacity:.23} .continuousWave99410 .waveLine99410{fill:none;stroke-width:2.2;vector-effect:non-scaling-stroke;stroke-linejoin:round;stroke-linecap:round} .wave9949.a .continuousWave99410 .waveFill99410{fill:#28a9ff} .wave9949.a .continuousWave99410 .waveLine99410{stroke:#43b7ff} .wave9949.b .continuousWave99410 .waveFill99410{fill:#ff3f62} .wave9949.b .continuousWave99410 .waveLine99410{stroke:#ff506f} @media(max-width:1180px){} /* v9.9.4.11 — stress is now felt during the live set */ @media(max-width:900px){} /* v9.9.5.0 INDUSTRY REACTION + STUDIO 2.0 */ .industry995Stats{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:18px 0}.industry995Stats article,.industry995Grid article,.studioProjects995 article,.studioNpc995 article{background:linear-gradient(145deg,#101522,#151b2b);border:1px solid #30394d;border-radius:14px;padding:16px}.industry995Stats small,.studio995 small{color:#8d98ad}.industry995Stats b{display:block;font-size:28px;margin-top:6px}.industry995Grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.industry995Grid article{position:relative}.industry995Grid .industry995Icon{font-size:30px}.industry995Grid strong{display:block;color:#9df0b5;font-size:22px;margin:12px 0}.industry995Grid article>div:last-child{display:flex;gap:8px} .studioCreate995{display:grid;grid-template-columns:.7fr 1.3fr;gap:18px}.studioCreate995 label{display:block;margin-bottom:10px}.studioCreate995 input,.studioCreate995 select{width:100%;margin-top:5px}.studioProjects995{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.studioStage995{display:flex;align-items:center;gap:12px}.studioStage995 i{height:8px;flex:1;background:#273044;border-radius:20px;overflow:hidden}.studioStage995 u{display:block;height:100%;background:linear-gradient(90deg,#586cff,#42e7bc)}.studioProjects995 em{display:block;color:#ffd36b;font-style:normal;margin:8px 0}.studioNpc995{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.studioNpc995 article{display:grid;grid-template-columns:auto 1fr auto;gap:12px;align-items:center}.studioNpc995 article>b{font-size:28px}.studioNpc995 h3{margin:3px 0}.studioNpc995 p{margin:4px 0;color:#aab4c5}.studioComplete995{display:flex;flex-wrap:wrap;gap:8px}.studioComplete995 article{background:#101622;border:1px solid #2d3748;border-radius:10px;padding:10px 14px;display:flex;gap:10px;align-items:center}.studioComplete995 small{display:block} @media(max-width:900px){.industry995Stats{grid-template-columns:repeat(2,1fr)}.industry995Grid,.studioProjects995,.studioNpc995,.studioCreate995,.studioRoom995{grid-template-columns:1fr}.studioNpc995 article{grid-template-columns:auto 1fr}.studioNpc995 article button{grid-column:1/-1}} /* v9.9.5.1 — SHOW UX RESET */ .waveLane9951 .continuousWave99410{height:80px}.waveLane9951 .continuousWave99410 .waveFill99410{opacity:.5}.waveLane9951 .continuousWave99410 .waveLine99410{stroke-width:1.4}.waveLane9951.a .waveFill99410{fill:#13b8ff}.waveLane9951.a .waveLine99410{stroke:#62d4ff}.waveLane9951.b .waveFill99410{fill:#7ee33b}.waveLane9951.b .waveLine99410{stroke:#a5ff62}.primary9951{border:1px solid #41566a;border-radius:10px;background:#0a151f;color:#6f8496;padding:7px 16px;text-align:left;display:flex;flex-direction:column;justify-content:center}.primary9951 b{font-size:21px}.primary9951 span{font-size:10px;margin-top:2px}.primary9951.ready{background:linear-gradient(135deg,#f4c632,#ff8b3d);border-color:#ffe27b;color:#101317;box-shadow:0 0 25px rgba(255,186,55,.2)}.primary9951:disabled{opacity:.55}.pressureAlert9951{position:absolute;right:18px;top:8px;z-index:25;font-size:9px;font-weight:900;letter-spacing:.12em;color:#ffb34f}.pressureAlert9951.critical{color:#ff665e}@media(max-width:1000px){} /* v9.9.5.2 — LIVE SHOW uses the same waveform visual language as PRACTICE */ .show9952{background:#05090e}.cinema9952{height:min(42vh,430px);min-height:300px}.deck9952{position:relative;background:#06101a;border-top:1px solid #20384d;padding:10px 12px 12px}.liveDeckHead9952{display:grid;grid-template-columns:1fr 280px 1fr;gap:12px;align-items:end;padding:2px 6px 9px}.liveDeckHead9952>div:last-child{text-align:right}.liveDeckHead9952 small,.liveDeckHead9952 b,.liveDeckHead9952 span{display:block}.liveDeckHead9952 small{font-size:9px;letter-spacing:.14em;color:#6fdcf7}.liveDeckHead9952 b{font-size:16px;color:#f5f7fa}.liveDeckHead9952 span{font-size:11px;color:#91a5b8}.transition9952{text-align:center!important}.transition9952 b{color:#f1c14f;font-size:14px} .practiceWaveLive9952{position:relative;padding:0;border:1px solid #334d66;border-radius:10px;overflow:hidden;background:#05080d}.practiceWaveLive9952 .waveLane730{height:86px;border-bottom:1px solid #253a4d}.practiceWaveLive9952 .waveLane730:last-child{border-bottom:0}.practiceWaveLive9952 .waveTrack7301{width:200%;}.practiceWaveLive9952 .waveA730 .waveBars730 i{background:linear-gradient(#2b98ef 0 36%,#f0b11e 37% 63%,#eef2f4 64% 72%,#2b98ef 73%)}.practiceWaveLive9952 .waveB730 .waveBars730 i{background:linear-gradient(#ef3a32 0 36%,#f4b21c 37% 63%,#f1f2f3 64% 72%,#ef3a32 73%)}.practiceWaveLive9952 label{position:absolute;left:8px;top:7px;z-index:12;background:#091522;border:1px solid #3a5872;border-radius:5px;padding:2px 6px;font-size:10px;font-weight:900;color:white}.livePlayhead9952{position:absolute;left:50%;top:0;bottom:0;width:3px;background:#ff3f45;box-shadow:0 0 12px #ff3f45,0 0 2px #fff;z-index:15;pointer-events:none}.dropBand9952{position:absolute;left:58%;width:13%;top:0;bottom:0;background:#f0c14d12;border-left:1px solid #f0c14d88;border-right:1px solid #f0c14d88;z-index:10;pointer-events:none}.dropBand9952 span{position:absolute;top:5px;left:50%;transform:translateX(-50%);font-size:8px;font-weight:900;letter-spacing:.12em;color:#f0c14d;white-space:nowrap}.practiceWaveLive9952.dropready .dropBand9952{background:#4dde751b;border-color:#4dde75}.practiceWaveLive9952.dropready .dropBand9952 span{color:#62e581}.practiceWaveLive9952 .beatGate7301{left:calc(50% - 12px)} .liveControl9952{display:grid;grid-template-columns:330px 1fr 300px;gap:9px;margin-top:9px;align-items:stretch}.tempo9952,.now9952,.primary9952{border:1px solid #314a60;border-radius:9px;background:#0a1520;padding:11px}.tempo9952 small,.tempo9952 b,.now9952 small,.now9952 b,.now9952 span,.primary9952 b,.primary9952 span{display:block}.tempo9952 small,.now9952 small{font-size:8px;letter-spacing:.14em;color:#6fdcf7}.tempo9952 b{font-size:20px;margin:2px 0 7px}.tempo9952>div{display:grid;grid-template-columns:repeat(4,1fr);gap:5px}.tempo9952 button{min-height:38px}.now9952 b{font-size:16px;color:#f1c14f;margin:3px 0}.now9952 span{font-size:11px;color:#96a9bb}.primary9952{border:0!important;background:linear-gradient(90deg,#f1c34f,#ff9d43)!important;color:#111!important;text-align:left;min-height:78px}.primary9952:disabled{filter:saturate(.2);opacity:.48}.primary9952 b{font-size:22px}.primary9952 span{font-size:10px;margin-top:3px}.trackStrip9952{display:grid;grid-template-columns:105px 1fr;gap:8px;align-items:center;margin-top:9px}.trackStrip9952>small{font-size:9px;letter-spacing:.13em;color:#83a0b7}.trackStrip9952>div{display:flex;gap:7px;overflow-x:auto;padding-bottom:2px}.trackStrip9952 button{flex:0 0 175px;text-align:left;padding:8px 10px;border:1px solid #2d4559;background:#09141e;border-radius:8px}.trackStrip9952 button.selected{border-color:#f04db5;box-shadow:inset 0 0 0 1px #f04db566}.trackStrip9952 button b,.trackStrip9952 button span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.trackStrip9952 button b{font-size:11px}.trackStrip9952 button span{font-size:9px;color:#8ca0b2;margin-top:2px}.reaction9952{font-size:14px}.showTop9952{z-index:20} @media(max-width:900px){.liveDeckHead9952{grid-template-columns:1fr 1fr}.transition9952{display:none}.liveControl9952{grid-template-columns:1fr}.cinema9952{height:310px}.practiceWaveLive9952 .waveLane730{height:72px}.trackStrip9952{grid-template-columns:1fr}} /* PATCH 4.7 — phrase-locked live waveform and visible JOG reference */ .practiceWaveLive9952 .phraseWaveTrack9952{width:max-content!important;min-width:2400px!important;gap:0!important;align-items:stretch!important} .phraseWaveTrack9952 .waveBeat9952{position:relative;display:flex;flex:0 0 30px;width:30px;height:100%;align-items:center;justify-content:space-around;border-left:1px solid rgba(126,174,205,.13)} .phraseWaveTrack9952 .waveBeat9952:before{content:"";position:absolute;left:-1px;top:0;bottom:0;width:1px;background:rgba(111,198,255,.2)} .phraseWaveTrack9952 .waveBeat9952.barStart9952:before{width:2px;background:rgba(111,221,255,.65);box-shadow:0 0 7px rgba(111,221,255,.35)} .phraseWaveTrack9952 .waveBeat9952.phraseStart9952:before{width:4px;background:#f6cd4f;box-shadow:0 0 12px rgba(246,205,79,.85)} .phraseWaveTrack9952 .waveBeat9952 i{position:relative;z-index:1;display:block;flex:0 0 3px!important;width:3px;min-width:3px;max-width:3px;border-radius:2px;opacity:.94} .phraseWaveTrack9952 .waveBeat9952.phraseStart9952 i{filter:brightness(1.4);box-shadow:0 0 7px currentColor} .phraseReadout9952{display:grid;grid-template-columns:1.25fr .55fr .55fr 1.65fr;align-items:center;gap:7px;padding:7px 11px;border:1px solid #263d52;border-top:0;border-radius:0 0 10px 10px;background:#07111b;color:#8fa6b8;font-size:9px;font-weight:850;letter-spacing:.08em} .phraseReadout9952 span b{color:#e4f5ff}.phraseReadout9952 strong{justify-self:end;color:#f3c653;font-size:9px}.phraseReadout9952 strong.aligned{color:#61e89c;text-shadow:0 0 10px rgba(97,232,156,.32)} .onlineDjsQuick37{border-color:#42dd94!important;background:linear-gradient(135deg,#10392e,#143343)!important}.onlineDjsQuick37 b{display:inline-grid;min-width:20px;height:20px;place-items:center;border-radius:999px;background:#2fe38b;color:#062016} .onlineDjsBanner37{display:grid;grid-template-columns:auto 1fr auto;gap:11px;align-items:center;margin:14px 0;padding:14px 16px;border:1px solid rgba(62,230,143,.35);border-radius:14px;background:linear-gradient(110deg,rgba(22,94,62,.38),rgba(15,28,49,.9));color:#dff8e9}.onlineDjsBanner37>i{width:11px;height:11px;border-radius:50%;background:#42e68f;box-shadow:0 0 16px #42e68f}.onlineDjsBanner37 small,.onlineDjsBanner37 b{display:block}.onlineDjsBanner37 small{font-size:8px;letter-spacing:.14em;color:#8ee4b7}.onlineDjsBanner37 b{font-size:18px}.onlineDjsBanner37>span{font-size:10px;color:#a7b8c9;text-align:right} .onlineDjsGrid37{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.onlineDjsGrid37 article{display:grid;grid-template-columns:52px minmax(0,1fr) auto;gap:11px;align-items:center;padding:13px;border:1px solid #2d4f53;border-radius:14px;background:linear-gradient(145deg,#0d2023,#101829)}.onlineDjsGrid37 article.meOnline{border-color:#5ae4a3;background:linear-gradient(145deg,#103127,#12223a)} .onlineDjAvatar37{position:relative;width:50px;height:50px;display:grid;place-items:center;overflow:hidden;border:1px solid #4add98;border-radius:50%;background:#152a3b;font-size:23px}.onlineDjAvatar37 img{width:100%;height:100%;object-fit:cover}.onlineDjAvatar37 i{position:absolute;right:1px;bottom:2px;width:11px;height:11px;border:2px solid #112133;border-radius:50%;background:#3be68d;box-shadow:0 0 8px #3be68d}.onlineDjInfo37{min-width:0}.onlineDjInfo37 small,.onlineDjInfo37 p,.onlineDjInfo37 span{display:block}.onlineDjInfo37 small{font-size:8px;color:#70e8ac;font-weight:900;letter-spacing:.11em}.onlineDjInfo37 h3{margin:3px 0;font-size:15px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.onlineDjInfo37 p{margin:0;color:#b2c0d0;font-size:10px}.onlineDjInfo37 span{margin-top:5px;color:#91a4b8;font-size:9px}.onlineDjActions37{display:grid;gap:5px}.onlineDjActions37 button{min-width:88px;padding:7px 8px;border:1px solid #3a556c;border-radius:7px;background:#0b1622;color:#e4eef9;font-size:8px;font-weight:900}.onlineDjActions37 .onlineMessage37{border-color:#b34dd1;background:#27132e}.onlineDjActions37>span{font-size:8px;color:#69e5a0;font-weight:900;text-align:center} @media(max-width:850px){.onlineDjsGrid37{grid-template-columns:1fr}.onlineDjsBanner37{grid-template-columns:auto 1fr}.onlineDjsBanner37>span{grid-column:1/-1;text-align:left}.phraseReadout9952{grid-template-columns:1fr 1fr 1fr}.phraseReadout9952 strong{grid-column:1/-1;justify-self:start}} /* v9.9.5.7 NAVIGATION RESPONSE PATCH */ html.navBusy9957 body::after{content:"";position:fixed;left:0;top:0;width:38%;height:2px;background:currentColor;opacity:.72;z-index:2147483647;pointer-events:none;animation:navPulse9957 .62s ease-in-out infinite alternate} @keyframes navPulse9957{from{transform:translateX(-35%);opacity:.28}to{transform:translateX(210%);opacity:.88}} .navPressed9957{transform:scale(.985)!important;opacity:.78!important} /* v9.9.5.9 HOME return: preserved DOM is restored without replaying full page-enter animation. */ .homeReturn9959{animation:none!important;transition:none!important} /* v9 FINAL 9962 — non-blocking notification rail */ .toastRail9962 .toast{position:relative!important;top:auto!important;left:auto!important;right:auto!important;transform:translateX(24px) scale(.96)!important;opacity:0;margin:0;width:100%;max-width:100%;background:#101827eF;color:#f4f7ff;border:1px solid #36517a;box-shadow:0 14px 35px #0008;padding:13px 16px;border-radius:14px;font-weight:800;line-height:1.25;transition:transform .18s ease,opacity .18s ease;backdrop-filter:blur(10px)} .toastRail9962 .toast.pop{transform:translateX(0) scale(1)!important;opacity:1} @media(max-width:900px){.toastRail9962 .toast{transform:translateY(18px) scale(.97)!important}.toastRail9962 .toast.pop,.toastRail9962 .comicToast.pop{transform:translateY(0) scale(1)!important}} /* v9 FINAL 9963 — Studio workflow UI */ .studio9963{max-width:1500px;margin:0 auto}.studioHead9963{align-items:center}.studioHeadActions9963{margin-left:auto;display:flex;align-items:center;gap:12px}.studioHeadActions9963>span{display:flex;flex-direction:column;min-width:112px;padding:8px 12px;border:1px solid #30394d;border-radius:12px;background:#0c111d}.studioHeadActions9963>span b{font-size:18px}.studioWorkspace9963{display:grid;grid-template-columns:minmax(260px,.72fr) minmax(480px,1.45fr) minmax(190px,.48fr);gap:14px;margin:18px 0 26px}.studioProjectSetup9963,.studioRack9963,.studioSide9963>div{background:linear-gradient(145deg,#0c111c,#101727);border:1px solid #2c3850;border-radius:16px}.studioProjectSetup9963{padding:18px}.studioSectionTitle9963 small{color:#7de7ff;font-weight:800;letter-spacing:2px}.studioSectionTitle9963 h3{font-size:22px;margin:4px 0 14px}.studioProjectSetup9963 label{display:block;margin:12px 0}.studioProjectSetup9963 label>span{display:block;font-size:11px;color:#8996ad;font-weight:800;letter-spacing:1.3px;margin-bottom:6px}.studioProjectSetup9963 input,.studioProjectSetup9963 select{width:100%;box-sizing:border-box;background:#070b13;color:#f3f7ff;border:1px solid #33405a;border-radius:10px;padding:12px}.studioQuickModes9963{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:14px}.studioQuickModes9963 button{min-height:68px;text-align:left;padding:10px 12px;background:#111827;border:1px solid #303a50;color:#eef4ff;border-radius:11px}.studioQuickModes9963 button:hover:not(:disabled){border-color:#8c62ff;transform:translateY(-1px)}.studioQuickModes9963 button:disabled{opacity:.4}.studioQuickModes9963 button b,.studioQuickModes9963 button small{display:block}.studioQuickModes9963 button small{margin-top:5px;font-size:10px;color:#8e9bb1}.studioQuickModes9963 .studioModePrimary9963{border-color:#8656ec;background:linear-gradient(145deg,#20133b,#15152a)}.studioRack9963{padding:20px;display:flex;flex-direction:column;min-height:300px}.studioRackTop9963{display:flex;justify-content:space-between;gap:14px;align-items:flex-start}.studioRackTop9963 small,.studioSide9963 small{font-size:10px;letter-spacing:1.5px;color:#8390a7}.studioRackTop9963 h3{font-size:26px;margin:4px 0}.studioRackTop9963 p{color:#9ca8bb;margin:0}.studioRackBadge9963{text-align:right;background:#080d16;border:1px solid #34425d;padding:10px 12px;border-radius:12px;min-width:118px}.studioRackBadge9963 b{display:block;color:#7ef7d2;margin-top:4px}.studioStageRail9963{display:grid;grid-template-columns:repeat(6,1fr);gap:4px;margin:30px 0 22px;position:relative}.studioStageRail9963:before{content:"";position:absolute;left:5%;right:5%;top:16px;height:2px;background:#28334a}.studioStageRail9963 span{position:relative;z-index:1;text-align:center;color:#68758b}.studioStageRail9963 i{width:32px;height:32px;margin:0 auto 7px;display:grid;place-items:center;border-radius:50%;font-style:normal;background:#101725;border:2px solid #34415a;color:#8996aa}.studioStageRail9963 b{font-size:9px;letter-spacing:.6px}.studioStageRail9963 span.done i{background:#153c35;border-color:#47d9b6;color:#8dffe2}.studioStageRail9963 span.done b{color:#6fdcc5}.studioStageRail9963 span.now i{background:#3b216d;border-color:#b36cff;color:#fff;box-shadow:0 0 18px #8a4dff55}.studioStageRail9963 span.now b{color:#d8b7ff}.studioCurrentStats9963{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:auto}.studioCurrentStats9963 span{background:#080d16;border:1px solid #29364d;border-radius:10px;padding:10px}.studioCurrentStats9963 small{display:block;color:#75849b;font-size:9px}.studioCurrentStats9963 b{font-size:20px}.studioWorkMain9963{width:100%;margin-top:12px;min-height:50px}.studioEmptyRack9963{margin:auto;text-align:center;color:#78869d}.studioEmptyRack9963 b{display:block;color:#cbd5e6;letter-spacing:2px}.studioSide9963{display:grid;gap:10px;align-content:start}.studioSide9963>div{padding:16px}.studioSide9963>div>b{display:block;font-size:22px;margin:5px 0}.studioSide9963 p{font-size:12px;color:#8997ac;margin:0}.studioProjectsTitle9963{margin-top:6px}.studioProjects9963{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.studioProjects9963 article{padding:14px}.studioProjects9963 .currentProject9963{border-color:#7751c9;box-shadow:inset 0 0 0 1px #7751c944}.studioProjectTop9963{display:flex;justify-content:space-between;gap:10px}.studioProjectTop9963 h3{margin:3px 0 10px}.studioProjectTop9963>b{font-size:11px;color:#a9f6de}.studioProjects9963 .studioStage995 i{width:100%}.studioProjectStats9963{display:flex;gap:6px;flex-wrap:wrap;margin:9px 0}.studioProjectStats9963 span{font-size:10px;background:#0a101c;border:1px solid #28354a;border-radius:20px;padding:4px 7px;color:#abb6c7}.studioNpc9963 article{padding:12px}.studioNpc9963 p{font-size:12px}.studioComplete9963{margin-bottom:24px} @media(max-width:1100px){.studioWorkspace9963{grid-template-columns:1fr 1.35fr}.studioSide9963{grid-column:1/-1;grid-template-columns:repeat(3,1fr)}.studioProjects9963{grid-template-columns:repeat(2,1fr)}} @media(max-width:760px){.studioHeadActions9963>span{display:none}.studioWorkspace9963{grid-template-columns:1fr}.studioSide9963{grid-column:auto;grid-template-columns:1fr 1fr 1fr}.studioQuickModes9963{grid-template-columns:1fr}.studioStageRail9963 b{display:none}.studioCurrentStats9963{grid-template-columns:1fr 1fr}.studioProjects9963{grid-template-columns:1fr}.studioRack9963{min-height:0}.studioRackTop9963 h3{font-size:21px}} /* v9 FINAL 9964 — WORLD DJ STUDIO NETWORK */ .studioNetworkHead9964{display:flex;justify-content:space-between;align-items:end;gap:18px;margin-top:18px}.studioNetworkHead9964 .studioSectionTitle9963 p{margin:2px 0 12px;color:#8d99ad;font-size:12px}.studioNetworkControls9964{display:flex;align-items:center;gap:10px;margin-bottom:14px}.studioNetworkTabs9964{display:flex;gap:6px;padding:4px;background:#090e18;border:1px solid #2a354a;border-radius:12px}.studioNetworkTabs9964 button{padding:8px 12px;border:0;background:transparent;color:#8794aa;border-radius:8px;font-size:10px;font-weight:900;letter-spacing:.7px}.studioNetworkTabs9964 button.active{background:#442479;color:#f0dcff;box-shadow:inset 0 0 0 1px #9a62e8}.studioNetworkControls9964 select{background:#0a101b;color:#dce6f7;border:1px solid #344158;border-radius:10px;padding:9px 12px;min-width:155px}.studioNpcGrid9964{grid-template-columns:repeat(2,minmax(0,1fr))}.studioNpcCard9964{min-height:96px}.studioNpcMeta9964{display:flex;gap:5px;flex-wrap:wrap;margin-top:7px}.studioNpcMeta9964 span{font-size:9px;line-height:1;padding:5px 7px;border-radius:999px;background:#0a101b;border:1px solid #28354a;color:#8e9bb0}.studioNpcMeta9964 span.fit{color:#84f6cf;border-color:#285f53;background:#0d2824}.studioNpcCard9964>button{min-width:78px}.studioLoadMore9964{display:block;margin:12px auto 24px;padding:11px 22px;background:#12192a;border:1px solid #3a4965;color:#c7d4ea;border-radius:11px;font-weight:900;letter-spacing:.8px}.studioNetworkCount9964{text-align:center;color:#637087;font-size:10px;letter-spacing:1px;margin:11px 0 24px} @media(max-width:900px){.studioNetworkHead9964{display:block}.studioNetworkControls9964{display:grid}.studioNetworkTabs9964{display:grid;grid-template-columns:repeat(3,1fr)}.studioNpcGrid9964{grid-template-columns:1fr}} /* v9 FINAL 9965 — 10s Neon Horizon walk-to-stage sequence */ .corridor9948.neonEntry9965 .corridorFrame9948{transition:opacity .42s ease,filter .42s ease;filter:saturate(1.08) contrast(1.1) brightness(.66)} .corridor9948.neonEntry9965 .corridorFrame9948.on{animation:corridorMove9965 3.1s cubic-bezier(.2,.7,.2,1) forwards} @keyframes corridorMove9965{0%{transform:scale(1.04) translate3d(0,0,0)}100%{transform:scale(1.15) translate3d(0,-1.8%,0)}} .corridor9948.neonEntry9965 .corridorCopy9948{transition:transform .4s ease,opacity .4s ease} .corridor9948.neonEntry9965[data-entry-step="1"] .corridorCopy9948{transform:translateY(-4px)} .corridor9948.neonEntry9965[data-entry-step="2"] .corridorCopy9948{transform:translateY(-8px)} .corridor9948.neonEntry9965.stageReveal9965 .corridorFrame9948.on{filter:saturate(1.35) contrast(1.06) brightness(.92)} .corridor9948.neonEntry9965.stageReveal9965:after{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 50% 34%,rgba(255,255,255,.22),transparent 28%),linear-gradient(180deg,rgba(151,56,255,.16),transparent 55%);animation:stageGlow9965 2.1s ease-out both} @keyframes stageGlow9965{from{opacity:0}35%{opacity:1}to{opacity:.45}} .corridor9948.neonEntry9965.finalHit9965:before{content:"";position:absolute;inset:0;z-index:20;pointer-events:none;background:#fff;animation:finalFlash9965 .6s ease-out forwards} @keyframes finalFlash9965{0%{opacity:0}20%{opacity:.72}100%{opacity:0}} /* v9 FINAL 9967 — clickable Studio catalog + Track Details */ .studioCatalogTrack9967{cursor:pointer;position:relative;transition:transform .14s ease,border-color .14s ease,background .14s ease}.studioCatalogTrack9967:hover{transform:translateY(-2px);border-color:#5cccf2;background:#111c2e}.studioCatalogTrack9967 i{margin-left:auto;font-style:normal;font-size:11px;font-weight:900;letter-spacing:.12em;color:#74dfff}.trackDetail9967{max-width:1500px;margin:0 auto}.trackDetailStatus9967{min-width:150px;text-align:right}.trackDetailStatus9967 small,.trackDetailStatus9967 b{display:block}.trackDetailStatus9967 b{font-size:20px;color:#70e7ff}.trackDetailHero9967{display:grid;grid-template-columns:300px 1fr;gap:18px;margin:22px 0}.trackCover9967{min-height:260px;border:1px solid #344765;border-radius:20px;background:radial-gradient(circle at 70% 20%,#253d68 0,#10192a 45%,#080d18 100%);padding:28px;display:flex;flex-direction:column;justify-content:flex-end}.trackCover9967>span{font-size:52px;margin-bottom:auto;color:#7ae8ff}.trackCover9967 strong{font-size:27px;line-height:1.05}.trackCover9967 small,.trackCover9967 em{color:#91a0b8;letter-spacing:.12em;font-style:normal}.trackDetailNumbers9967{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.trackDetailNumbers9967 article,.trackDetailWorld9967 article{border:1px solid #2c3b55;border-radius:16px;background:#101827;padding:20px;display:flex;flex-direction:column}.trackDetailNumbers9967 small,.trackDetailWorld9967 small{color:#8d9bb2;font-weight:800;letter-spacing:.1em}.trackDetailNumbers9967 b{font-size:34px;margin-top:8px}.trackDetailWorld9967{display:grid;grid-template-columns:repeat(6,1fr);gap:10px;margin:16px 0}.trackDetailWorld9967 b{font-size:23px;margin:7px 0}.trackDetailWorld9967 span{font-size:12px;color:#9ca9bc}.trackDetailActions9967{display:grid;grid-template-columns:minmax(300px,1fr) repeat(4,max-content);align-items:center;gap:10px;border:1px solid #32435f;border-radius:18px;background:#0d1524;padding:18px;margin:18px 0}.trackDetailActions9967 h3{margin:3px 0}.trackDetailSupport9967{border:1px solid #293952;border-radius:18px;padding:20px;margin-top:18px}.trackSupportNames9967{display:flex;gap:8px;flex-wrap:wrap}.trackSupportNames9967 span{padding:9px 12px;border:1px solid #31445f;border-radius:999px;background:#111b2d}.trackDetailOrigin9967{display:flex;gap:20px;flex-wrap:wrap;margin:14px 0;color:#92a4bc}.trackDetailOrigin9967 small{color:#6ee5ff;font-weight:900;letter-spacing:.12em}@media(max-width:1000px){.trackDetailHero9967{grid-template-columns:1fr}.trackDetailNumbers9967{grid-template-columns:repeat(2,1fr)}.trackDetailWorld9967{grid-template-columns:repeat(2,1fr)}.trackDetailActions9967{grid-template-columns:1fr}.trackDetailActions9967 button{width:100%}} /* v9 FINAL 9968 — music charts restored */ .studioChartLinks9968{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end} .studioChartLinks9968 button{min-height:38px;padding:8px 13px;white-space:nowrap} @media(max-width:900px){.studioChartLinks9968{justify-content:flex-start}.studioHeadActions9963{align-items:flex-start}} /* v9 FINAL 9969 — compact bottom-right notifications */ @media(max-width:900px){} /* v9 ARCH 9972 — definitive bottom notification rail */ .toastRail9972, .toastRail9970, .toastRail9969, .toastRail9962{ position:fixed!important; top:auto!important; left:auto!important; right:18px!important; bottom:18px!important; width:min(370px,calc(100vw - 36px))!important; max-height:none!important; display:flex!important; flex-direction:column-reverse!important; align-items:stretch!important; justify-content:flex-start!important; gap:9px!important; z-index:2147483000!important; pointer-events:none!important; transform:none!important; } .toastRail9972 .toast, .toastRail9970 .toast, .toastRail9972 .toast, .toastRail9972 .toast9972, .toastRail9970 .toast9970, .toastRail9969 .toast, .toastRail9969 .toast9969, .toastRail9962 .toast{ position:relative!important; top:auto!important; right:auto!important; bottom:auto!important; left:auto!important; inset:auto!important; width:100%!important; max-width:none!important; margin:0!important; transform:translateY(12px) scale(.98)!important; opacity:0; pointer-events:auto!important; } .toastRail9972 .toast, .toastRail9972 .toast.pop, .toastRail9970 .toast.pop, .toastRail9972 .toast, .toastRail9972 .toast9972, .toastRail9972 .toast9972.pop, .toastRail9970 .toast9970.pop, .toastRail9969 .toast.pop, .toastRail9969 .toast9969.pop, .toastRail9962 .toast.pop, .toastRail9962 .comicToast.pop{ transform:translateY(0) scale(1)!important; opacity:1!important; } .toastRail9972 .toast, .toastRail9972 .toastMore9972, .toastRail9970 .toastMore9970, .toastRail9969 .toastMore9969{ pointer-events:auto!important; align-self:flex-end!important; } @media(max-width:900px){ .toastRail9972, .toastRail9972,.toastRail9970,.toastRail9969,.toastRail9962{ left:10px!important;right:10px!important;bottom:10px!important;width:auto!important; } } /* ================= v9 ARCH 9973 — UX PASS / DESIGN SYSTEM ================= */ :root{ --ux-radius:12px;--ux-radius-lg:16px;--ux-gap:14px;--ux-control-h:42px; --ux-border:rgba(151,167,208,.22);--ux-border-strong:rgba(168,130,255,.48); --ux-surface:rgba(15,20,34,.88);--ux-surface-soft:rgba(22,28,46,.72); --ux-text:#f5f7ff;--ux-muted:#9da8c5;--ux-accent:#b45cff;--ux-accent2:#7257ff; } .ux9973 body{letter-spacing:.005em} .ux9973 button,.ux9973 select,.ux9973 input{font-family:inherit} .ux9973 button{min-height:var(--ux-control-h);border-radius:10px;transition:border-color .15s ease,background .15s ease,transform .12s ease,opacity .15s ease;touch-action:manipulation} @media(hover:hover) and (pointer:fine){.ux9973 button:not(:disabled):hover{transform:translateY(-1px);border-color:var(--ux-border-strong)}} .ux9973 button:active:not(:disabled){transform:translateY(0) scale(.985)} .ux9973 button:focus-visible,.ux9973 [role="button"]:focus-visible,.ux9973 select:focus-visible,.ux9973 input:focus-visible{outline:3px solid rgba(180,92,255,.32);outline-offset:2px} .ux9973 button:disabled{opacity:.42;cursor:not-allowed;filter:saturate(.55)} .ux9973 .uxPrimary9973,.ux9973 button.primary{background:linear-gradient(135deg,var(--ux-accent2),var(--ux-accent));border-color:rgba(205,161,255,.66);color:#fff;font-weight:850;box-shadow:inset 0 1px 0 rgba(255,255,255,.12)} .ux9973 .uxDanger9973{border-color:rgba(255,104,126,.38)!important;color:#ffadb9!important;background:rgba(94,22,39,.22)!important} .ux9973 .sectionhead{gap:16px;align-items:center} .ux9973 .sectionhead>div{min-width:0}.ux9973 .sectionhead h2{letter-spacing:-.025em}.ux9973 .sectionhead p{max-width:760px;color:var(--ux-muted);line-height:1.55} .ux9973 .fmPanel970,.ux9973 .fmMomentum970,.ux9973 .fmMessages970,.ux9973 .fmNext970{border-color:var(--ux-border);border-radius:var(--ux-radius-lg)} .ux9973 .fmPanel970>header,.ux9973 .fmMomentum970>header,.ux9973 .fmMessages970>header{padding-bottom:10px;margin-bottom:4px} .ux9973 .uxFocus9973{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:16px;margin:0 0 16px;padding:14px 16px;border:1px solid var(--ux-border-strong);border-radius:var(--ux-radius-lg);background:linear-gradient(100deg,rgba(112,73,255,.13),rgba(180,92,255,.06) 58%,rgba(16,21,36,.82));box-shadow:inset 3px 0 0 rgba(180,92,255,.78)} .ux9973 .uxFocusIcon9973{display:grid;place-items:center;width:42px;height:42px;border-radius:12px;background:rgba(180,92,255,.14);font-size:20px} .ux9973 .uxFocus9973 small{display:block;color:#c4a2ff;font-weight:850;letter-spacing:.11em;font-size:10px}.ux9973 .uxFocus9973 h3{margin:3px 0 2px;font-size:15px;letter-spacing:.01em}.ux9973 .uxFocus9973 p{margin:0;color:var(--ux-muted);font-size:12px;line-height:1.45}.ux9973 .uxFocus9973 button{min-width:185px;padding-inline:16px} .ux9973 .uxEmpty9973{border:1px dashed rgba(151,167,208,.25);border-radius:12px;background:rgba(14,19,31,.42);color:var(--ux-muted);padding:16px!important;line-height:1.55} .ux9973 .uxEmpty9973 b{color:var(--ux-text)} .ux9973 .fmQuick970{gap:7px}.ux9973 .fmQuick970 button{min-height:44px}.ux9973 .fmQuick970 button span{opacity:.9} .ux9973 .fmMessages970 article,.ux9973 .fmShows970 article,.ux9973 .fmMusic970 article{border-radius:9px} .ux9973 .fmMessages970 article,.ux9973 .fmShows970 article,.ux9973 .fmMusic970 article,.ux9973 .phoneList33 article{transition:background .15s ease,border-color .15s ease} .ux9973 .fmTop970 button{min-height:44px} .ux9973 .fmNav970 button b{font-size:11px} .ux9973 .saveIndicator920{opacity:.62;pointer-events:none} .ux9973 .toastRail9972{bottom:18px!important} @media(max-width:1100px){ .ux9973 .uxFocus9973{grid-template-columns:auto 1fr}.ux9973 .uxFocus9973 button{grid-column:1/-1;width:100%} .ux9973 .fmMiddle970,.ux9973 .fmBottom970{grid-template-columns:repeat(2,minmax(0,1fr))!important} } @media(max-width:760px){ .ux9973 .fmTop970{overflow-x:auto;overscroll-behavior-inline:contain}.ux9973 .fmNav970{min-width:max-content} .ux9973 .fmShell970{display:block!important}.ux9973 .fmSide970{position:relative!important;width:auto!important;max-width:none!important} .ux9973 .fmTopRow970,.ux9973 .fmMiddle970,.ux9973 .fmBottom970{display:grid!important;grid-template-columns:1fr!important} .ux9973 .uxFocus9973{margin:10px 0 14px;padding:13px;gap:11px}.ux9973 .uxFocus9973 h3{font-size:14px} .ux9973 .sectionhead{align-items:flex-start}.ux9973 .sectionhead>button:not(.back){width:100%} .ux9973 button{min-height:44px}.ux9973 .toastRail9972{left:10px!important;right:10px!important;bottom:10px!important;width:auto!important} } @media(prefers-reduced-motion:reduce){.ux9973 button,.ux9973 *{scroll-behavior:auto!important;animation-duration:.001ms!important;transition-duration:.001ms!important}} /* v9 ARCH 9974 — gameplay causality / career loop */ .gameplayPath9974{margin:14px 0 18px;padding:16px 18px;border:1px solid rgba(121,137,174,.32);border-radius:16px;background:linear-gradient(135deg,rgba(18,25,42,.96),rgba(25,18,39,.94))} .gameplayPathHead9974{display:flex;align-items:center;gap:18px}.gameplayPathHead9974>div{min-width:0;flex:1}.gameplayPathHead9974 small,.gameplayWhy9974 small,.gameplaySignals9974 small{display:block;font-size:10px;letter-spacing:.1em;color:#aab5cf}.gameplayPathHead9974 h3{margin:4px 0 5px;font-size:18px}.gameplayPathHead9974 p{margin:0;color:#b9c2d8;line-height:1.45} .gameplaySignals9974{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:13px}.gameplaySignals9974>span{padding:9px 11px;border:1px solid rgba(121,137,174,.2);border-radius:11px;background:rgba(7,11,20,.32)}.gameplaySignals9974 b{display:block;margin-top:3px;font-size:15px} .gameplayWhy9974{display:flex;gap:9px;align-items:center;flex-wrap:wrap;margin-top:10px;padding-top:10px;border-top:1px solid rgba(121,137,174,.18)}.gameplayWhy9974 b{font-size:11px}.gameplayWhy9974 span{font-size:11px;color:#aeb9d0} .bookingCause9974{margin:0 0 7px;padding:6px 8px;border:1px solid rgba(137,99,235,.35);border-radius:8px;background:rgba(92,55,164,.12);font-size:10px;font-weight:800;letter-spacing:.04em;color:#d8c8ff} @media(max-width:760px){.gameplayPathHead9974{align-items:stretch;flex-direction:column}.gameplayPathHead9974 button{width:100%}.gameplaySignals9974{grid-template-columns:1fr}.gameplayWhy9974{align-items:flex-start;flex-direction:column}} /* v9 ARCH 9976 — inactive/resolved PHONE decisions */ .phoneList33 article.resolved9976{ opacity:.62; border-color:rgba(120,134,162,.22)!important; background:rgba(16,23,37,.72)!important; } .phoneList33 article.resolved9976 .phoneAvatar33{filter:grayscale(.55);opacity:.7} .phoneList33 article.resolved9976 h3{color:#aab4c8!important} .phoneList33 article.resolved9976 p{color:#7f8aa1!important} .phoneResolved9976{ display:inline-flex;align-items:center;gap:5px; margin:5px 0 2px;padding:4px 8px;border-radius:999px; border:1px solid rgba(113,128,156,.32); background:rgba(79,91,116,.16); color:#aeb9ce;font-size:9px;font-weight:900;letter-spacing:.08em; } .phoneResolved9976.signed,.phoneResolved9976.accepted,.phoneResolved9976.fulfilled{color:#8be5b2;border-color:rgba(75,198,125,.36);background:rgba(34,126,76,.13)} .phoneResolved9976.declined,.phoneResolved9976.terminated{color:#e6a0ad;border-color:rgba(211,83,108,.34);background:rgba(139,42,62,.12)} .phoneResolved9976.superseded,.phoneResolved9976.expired,.phoneResolved9976.closed{color:#a6afc2} /* ================= v9 ARCH 9977 — ART & IMMERSION PART 1 ================= */ .venueVisual9977{height:142px;position:relative;overflow:hidden;border-radius:14px;margin:-2px -2px 13px;background:radial-gradient(circle at 50% 68%,hsla(var(--vh),95%,62%,.36),transparent 28%),linear-gradient(145deg,hsl(var(--vh),35%,12%),hsl(var(--vh2),45%,5%));border:1px solid hsla(var(--vh),80%,60%,.22)} .venueVisual9977 small{position:absolute;left:12px;bottom:9px;z-index:5;font-size:9px;font-weight:900;letter-spacing:.12em;color:#fff;text-shadow:0 2px 8px #000}.venueStage9977{position:absolute;width:44%;height:42%;left:28%;bottom:18%;background:linear-gradient(180deg,hsla(var(--vh2),90%,68%,.8),rgba(8,10,18,.9));clip-path:polygon(8% 0,92% 0,100% 100%,0 100%);box-shadow:0 0 45px hsla(var(--vh),100%,60%,.6)} .venueVisual9977.festival .venueStage9977{width:58%;left:21%;height:50%}.venueVisual9977.warehouse{background:repeating-linear-gradient(90deg,rgba(255,255,255,.025) 0 3px,transparent 3px 54px),linear-gradient(145deg,#18171b,#08090d)} .venueCrowd9977{position:absolute;left:0;right:0;bottom:0;height:38%;background:radial-gradient(ellipse at 10% 100%,#111 0 10%,transparent 11%),radial-gradient(ellipse at 30% 100%,#090a0e 0 12%,transparent 13%),radial-gradient(ellipse at 52% 100%,#111 0 14%,transparent 15%),radial-gradient(ellipse at 76% 100%,#090a0e 0 13%,transparent 14%),radial-gradient(ellipse at 94% 100%,#111 0 11%,transparent 12%)} .venueLights9977 i{position:absolute;top:-20%;width:2px;height:100%;transform-origin:top;background:linear-gradient(hsla(var(--vh),100%,75%,.8),transparent);filter:blur(.4px);opacity:.55}.venueLights9977 i:nth-child(1){left:20%;transform:rotate(18deg)}.venueLights9977 i:nth-child(2){left:36%;transform:rotate(8deg)}.venueLights9977 i:nth-child(3){left:50%}.venueLights9977 i:nth-child(4){left:64%;transform:rotate(-8deg)}.venueLights9977 i:nth-child(5){left:80%;transform:rotate(-18deg)} .cover9977{--ch:270;--ch2:320;position:relative;aspect-ratio:1;overflow:hidden;border-radius:14px;background:radial-gradient(circle at 28% 22%,hsla(var(--ch2),100%,68%,.65),transparent 23%),radial-gradient(circle at 74% 72%,hsla(var(--ch),100%,62%,.45),transparent 28%),linear-gradient(145deg,hsl(var(--ch),45%,12%),#05060a);box-shadow:inset 0 0 0 1px rgba(255,255,255,.12),0 20px 50px rgba(0,0,0,.25)}.cover9977.hero{width:100%;min-height:290px}.coverGrid9977{position:absolute;inset:0;background:linear-gradient(rgba(255,255,255,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.045) 1px,transparent 1px);background-size:22px 22px;transform:rotate(12deg) scale(1.25)}.coverOrb9977{position:absolute;border:1px solid rgba(255,255,255,.5);border-radius:50%;mix-blend-mode:screen}.coverOrb9977.a{width:54%;height:54%;left:23%;top:18%;box-shadow:0 0 55px hsla(var(--ch2),100%,60%,.35)}.coverOrb9977.b{width:26%;height:26%;right:-4%;top:7%}.cover9977.shape1 .coverOrb9977.a{border-radius:8%;transform:rotate(45deg)}.cover9977.shape2 .coverOrb9977.a{clip-path:polygon(50% 0,100% 100%,0 100%);border-radius:0}.cover9977 small,.cover9977 strong,.cover9977 em{position:absolute;z-index:3;left:18px;right:18px}.cover9977 small{top:17px;font-size:9px;letter-spacing:.18em}.cover9977 strong{bottom:39px;font-size:clamp(18px,2.2vw,32px);line-height:.94;letter-spacing:-.04em;text-transform:uppercase;color:#fff}.cover9977 em{bottom:17px;font-size:9px;letter-spacing:.14em;color:rgba(255,255,255,.7);font-style:normal}.trackCover9967.art9977{padding:0!important;background:none!important;overflow:visible!important} .npcVisual9977{position:relative;overflow:hidden;background:radial-gradient(circle at 50% 28%,hsla(var(--nh),80%,55%,.26),transparent 35%),linear-gradient(160deg,#1c2230,#080a0f);border:1px solid rgba(255,255,255,.09)}.npcVisual9977.network{height:180px;border-radius:15px;margin-bottom:12px}.npcVisual9977.studio{width:68px;height:74px;border-radius:12px;flex:0 0 68px}.npcAura9977{position:absolute;width:90px;height:90px;border-radius:50%;background:hsla(var(--nh),90%,55%,.18);filter:blur(18px);left:50%;top:18%;transform:translateX(-50%)}.npcHead9977{position:absolute;width:48%;height:42%;border-radius:46% 46% 42% 42%;background:linear-gradient(160deg,#d9a37f,#8c5e49);left:26%;top:19%;box-shadow:inset 0 -8px 15px rgba(0,0,0,.18)}.npcHead9977:before{content:"";position:absolute;left:-7%;right:-7%;top:-13%;height:38%;border-radius:60% 60% 25% 25%;background:#17151a}.npcHead9977.long:before{height:85%;border-radius:55% 55% 25% 25%;z-index:-1}.npcHead9977.cap:before{top:-18%;height:28%;background:#0b0d12;box-shadow:13px 8px 0 -5px #0b0d12}.npcHead9977 b{position:absolute;left:0;right:0;top:42%;text-align:center;font-size:12px;color:#191217}.npcBody9977{position:absolute;width:76%;height:42%;left:12%;bottom:-15%;border-radius:45% 45% 0 0;background:linear-gradient(140deg,hsl(var(--nh),30%,22%),#0b0d13)}.npcVisual9977 span{position:absolute;left:7px;right:7px;bottom:6px;text-align:center;font-size:7px;font-weight:900;letter-spacing:.08em;color:rgba(255,255,255,.62);z-index:3}.studioNpcCard9964.art9977{grid-template-columns:68px 1fr auto!important;align-items:center!important} .arrival9977{position:fixed;inset:0;z-index:100000;background:rgba(2,4,9,.86);backdrop-filter:blur(12px);display:grid;place-items:center;opacity:0;transition:.3s}.arrival9977.show{opacity:1}.arrival9977>section{position:relative;width:min(760px,92vw);min-height:430px;padding:38px;border-radius:24px;overflow:hidden;background:radial-gradient(circle at 70% 20%,hsla(var(--ah),90%,55%,.28),transparent 35%),linear-gradient(145deg,#101827,#06080e);border:1px solid hsla(var(--ah),80%,70%,.3);box-shadow:0 40px 100px #000}.arrival9977 button{position:absolute;right:18px;top:18px;z-index:8;width:38px;height:38px;border-radius:50%;font-size:22px}.arrival9977 small{position:relative;z-index:4;font-weight:900;letter-spacing:.18em;color:hsla(var(--ah),100%,78%,1)}.arrival9977 h1{position:relative;z-index:4;font-size:clamp(48px,9vw,94px);line-height:.85;margin:18px 0 12px;letter-spacing:-.07em;color:#fff}.arrival9977>b{position:relative;z-index:4;font-size:18px}.arrivalSky9977{position:absolute;inset:0}.arrivalSky9977:after{content:"";position:absolute;left:0;right:0;bottom:0;height:44%;background:linear-gradient(transparent,#03050a),repeating-linear-gradient(90deg,#0a0e18 0 30px,#111827 31px 54px)}.arrivalSky9977 i{position:absolute;bottom:25%;width:5%;background:hsla(var(--ah),60%,30%,.28);z-index:2}.arrivalSky9977 i:nth-child(1){height:42%;left:57%}.arrivalSky9977 i:nth-child(2){height:58%;left:66%}.arrivalSky9977 i:nth-child(3){height:35%;left:76%}.arrivalSky9977 i:nth-child(4){height:48%;left:85%}.arrivalStats9977{position:relative;z-index:5;margin-top:90px;display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.arrivalStats9977 span{padding:14px;border:1px solid rgba(255,255,255,.09);border-radius:12px;background:rgba(3,6,12,.65);font-size:9px;letter-spacing:.08em}.arrivalStats9977 strong{display:block;margin-top:5px;font-size:13px;color:#fff}.arrival9977 footer{position:relative;z-index:5;display:flex;gap:8px;margin-top:12px;flex-wrap:wrap}.arrival9977 footer span{padding:7px 10px;border-radius:999px;background:rgba(255,255,255,.06);font-size:9px} .artMoment9977{overflow:hidden!important;background:radial-gradient(circle at 50% 35%,rgba(145,80,255,.32),transparent 32%),linear-gradient(150deg,#171026,#07080e)!important}.momentRays9977{position:absolute;inset:-60%;background:repeating-conic-gradient(from 0deg,rgba(155,93,255,.11) 0 5deg,transparent 5deg 18deg);animation:momentSpin9977 18s linear infinite;pointer-events:none}@keyframes momentSpin9977{to{transform:rotate(360deg)}} .artStage9977 .artLasers9977 i{position:absolute;z-index:3;top:-5%;left:50%;width:2px;height:80%;background:linear-gradient(rgba(165,105,255,.8),transparent);transform-origin:top;filter:drop-shadow(0 0 8px #9b66ff);opacity:.42;pointer-events:none}.artStage9977 .artLasers9977 i:nth-child(1){transform:rotate(34deg)}.artStage9977 .artLasers9977 i:nth-child(2){transform:rotate(22deg)}.artStage9977 .artLasers9977 i:nth-child(3){transform:rotate(10deg)}.artStage9977 .artLasers9977 i:nth-child(4){transform:rotate(-10deg)}.artStage9977 .artLasers9977 i:nth-child(5){transform:rotate(-22deg)}.artStage9977 .artLasers9977 i:nth-child(6){transform:rotate(-34deg)}.show999[data-crowd="EXPLODING"] .artLasers9977 i,.show999[data-crowd="LOCKED IN"] .artLasers9977 i{opacity:.8;animation:laserPulse9977 .45s ease-in-out infinite alternate}@keyframes laserPulse9977{to{filter:drop-shadow(0 0 18px #fff);opacity:1}} @media(max-width:700px){.arrival9977>section{min-height:520px;padding:28px}.arrivalStats9977{grid-template-columns:1fr;margin-top:110px}.cover9977.hero{min-height:240px}.venueVisual9977{height:120px}} /* ================= 9978 ART & IMMERSION / PART 2 ================= */ .venueVisual9978{position:relative;min-height:128px;overflow:hidden;border-radius:14px;margin:0 0 13px;border:1px solid hsla(var(--h1),80%,67%,.22);background:linear-gradient(145deg,hsl(var(--h1) 45% 10%),hsl(var(--h2) 46% 7%) 52%,#05070d);isolation:isolate} .venueSky9978{position:absolute;inset:0;background:radial-gradient(circle at 72% 26%,hsla(var(--h2),100%,65%,.34),transparent 24%),radial-gradient(circle at 28% 20%,hsla(var(--h1),100%,60%,.25),transparent 22%),linear-gradient(to bottom,transparent 28%,rgba(0,0,0,.5))} .venueBeams9978{position:absolute;inset:-25% -5% 25%;opacity:.64;background:repeating-conic-gradient(from 214deg at 50% 0%,transparent 0 9deg,hsla(var(--h3),100%,75%,.18) 10deg 12deg,transparent 13deg 25deg);filter:blur(1px)} .venueCrowd9978{position:absolute;left:-3%;right:-3%;bottom:-7px;height:46%;background:radial-gradient(ellipse at center top,rgba(255,255,255,.10),transparent 55%),repeating-radial-gradient(circle at 50% 100%,#0a0b10 0 4px,#11131a 5px 9px);clip-path:polygon(0 55%,8% 40%,15% 57%,23% 35%,31% 52%,40% 28%,48% 54%,57% 31%,67% 52%,76% 38%,85% 58%,94% 36%,100% 54%,100% 100%,0 100%)} .venueVisualCopy9978{position:absolute;left:14px;bottom:11px;z-index:2;display:flex;flex-direction:column;text-shadow:0 2px 12px #000} .venueVisualCopy9978 small{font-size:9px;letter-spacing:.13em;color:hsl(var(--h1) 90% 76%);font-weight:900}.venueVisualCopy9978 strong{font-size:17px;color:#fff;line-height:1.05}.venueVisualCopy9978 span{font-size:10px;color:#bbc3d5;margin-top:3px} .offercard .venueVisual9978,.bookingcard .venueVisual9978{grid-column:1/-1;width:100%} .festivalPoster9978{position:relative;overflow:hidden;min-height:205px;border-radius:15px;margin:-2px -2px 15px;padding:18px;background:linear-gradient(145deg,hsl(var(--h1) 64% 13%),hsl(var(--h2) 58% 8%) 55%,#05060b);border:1px solid hsla(var(--h1),95%,68%,.28);display:flex;flex-direction:column;justify-content:flex-end;isolation:isolate} .posterNoise9978{position:absolute;inset:0;opacity:.19;background-image:repeating-linear-gradient(115deg,transparent 0 8px,rgba(255,255,255,.08) 9px,transparent 10px 18px)} .posterOrb9978{position:absolute;width:190px;height:190px;border-radius:50%;right:-35px;top:-60px;background:radial-gradient(circle at 35% 35%,hsl(var(--h3) 100% 80%),hsl(var(--h1) 90% 55%) 28%,transparent 68%);filter:blur(1px);opacity:.6} .festivalPoster9978>*{position:relative;z-index:1}.festivalPoster9978>small{font-size:9px;letter-spacing:.16em;font-weight:900;color:#d9dcef}.festivalPoster9978 h2{font-size:29px;line-height:.92;margin:7px 0;color:white;text-transform:uppercase;max-width:78%}.festivalPoster9978 p{font-size:9px;letter-spacing:.12em;color:hsl(var(--h2) 90% 76%);font-weight:800}.posterLineup9978{display:flex;flex-wrap:wrap;gap:5px 10px;margin-top:13px}.posterLineup9978 b{font-size:10px;color:#f6f7fa}.festivalPoster9978 em{font-style:normal;font-size:8px;letter-spacing:.14em;margin-top:12px;color:#8892a8} .megaCircuitHero9978{position:relative;overflow:hidden;padding:28px;border-radius:18px;margin:0 0 18px;background:radial-gradient(circle at 78% 30%,rgba(139,75,255,.24),transparent 29%),linear-gradient(125deg,#10101d,#070810 60%,#151026);border:1px solid rgba(147,96,255,.25)} .megaCircuitHero9978 small{color:#a87aff;font-size:9px;letter-spacing:.17em;font-weight:900}.megaCircuitHero9978 h1{font-size:32px;margin:5px 0 3px}.megaCircuitHero9978 p{max-width:620px;color:#abb4ca;margin:0} .awardHero9978{height:285px;position:relative;overflow:hidden;border-radius:19px;margin-bottom:18px;background:linear-gradient(120deg,#09070e,#17101c 48%,#07070b);border:1px solid rgba(242,196,91,.24)} .awardCurtain9978{position:absolute;inset:0;background:linear-gradient(80deg,rgba(82,8,20,.72),transparent 24% 76%,rgba(82,8,20,.72)),repeating-linear-gradient(90deg,transparent 0 42px,rgba(255,255,255,.025) 44px 48px)} .awardSpot9978{position:absolute;top:-45%;width:25%;height:170%;background:linear-gradient(to bottom,rgba(255,237,174,.35),transparent 67%);filter:blur(16px);transform:rotate(15deg)}.awardSpot9978.one{left:25%}.awardSpot9978.two{right:18%;transform:rotate(-16deg)} .awardHeroCopy9978{position:absolute;left:32px;bottom:33px;z-index:2}.awardHeroCopy9978 small{font-size:10px;color:#f0ca72;letter-spacing:.2em;font-weight:900}.awardHeroCopy9978 h1{font-size:56px;line-height:.86;margin:8px 0;color:#fff}.awardHeroCopy9978 p{font-size:12px;font-weight:850;color:#dbd3be;letter-spacing:.08em} .awardTrophy9978{position:absolute;right:9%;bottom:19px;font-size:112px;filter:drop-shadow(0 0 34px rgba(255,204,83,.34));transform:rotate(4deg)} .awardStage650{gap:12px}.awardStage650 article{position:relative;overflow:hidden;background:linear-gradient(145deg,rgba(255,255,255,.035),rgba(255,255,255,.012));border-color:rgba(238,201,116,.14)}.awardStage650 article.playerWin650{box-shadow:0 0 0 1px rgba(255,204,93,.28),0 18px 55px rgba(169,113,28,.13);background:radial-gradient(circle at 50% 0,rgba(255,210,94,.14),transparent 46%),rgba(255,255,255,.03)} .trophyRoom9978{height:130px;border-radius:16px;margin-bottom:12px;position:relative;background:linear-gradient(to bottom,#16131a,#090a0e 68%,#20160b 69%,#08090c 77%);border:1px solid rgba(232,192,105,.18);box-shadow:inset 0 -20px 30px rgba(0,0,0,.55)} .trophyRoom9978:after{content:"🏆 🏅 🏆 ⭐ 🏆";white-space:pre;position:absolute;bottom:18px;right:8%;font-size:34px;letter-spacing:22px;filter:drop-shadow(0 5px 9px rgba(0,0,0,.8))} .trophyRoomTitle9978{position:absolute;left:21px;top:18px;display:flex;flex-direction:column}.trophyRoomTitle9978 small{font-size:8px;letter-spacing:.17em;color:#cfaa61;font-weight:900}.trophyRoomTitle9978 b{font-size:19px;color:#fff}.trophies650.premium9978 article{background:linear-gradient(145deg,rgba(255,211,107,.08),rgba(255,255,255,.018));border-color:rgba(238,194,93,.18)} .premiumMoment9978{position:fixed;inset:0;z-index:999999;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;padding:28px;opacity:0;pointer-events:none;transition:opacity .22s ease;background:#03040a;color:#fff;overflow:hidden} .premiumMoment9978.show{opacity:1;pointer-events:auto}.premiumMomentBg9978{position:absolute;inset:0;background:radial-gradient(circle at center,hsla(var(--h1),90%,50%,.28),transparent 31%),linear-gradient(135deg,hsl(var(--h2) 45% 8%),#03040a 58%)}.premiumMomentGlow9978{position:absolute;width:min(70vw,780px);height:min(70vw,780px);border:1px solid hsla(var(--h1),90%,75%,.18);border-radius:50%;box-shadow:0 0 110px hsla(var(--h1),90%,55%,.14),inset 0 0 90px hsla(var(--h2),90%,50%,.1)} .premiumMomentStars9978{position:absolute;top:20%;font-size:20px;letter-spacing:24px;color:hsl(var(--h1) 95% 77%);opacity:.72}.premiumMoment9978>small,.premiumMoment9978>h1,.premiumMoment9978>p,.premiumMoment9978>em,.premiumMoment9978>button{position:relative;z-index:2}.premiumMoment9978>small{font-size:10px;letter-spacing:.25em;color:hsl(var(--h1) 90% 72%);font-weight:900}.premiumMoment9978>h1{font-size:clamp(34px,6vw,74px);line-height:.93;max-width:900px;margin:12px 0;text-transform:uppercase}.premiumMoment9978>p{max-width:700px;font-size:16px;color:#c1c9db}.premiumMoment9978>em{font-style:normal;font-size:10px;letter-spacing:.15em;color:#778199;margin:10px}.premiumMoment9978>button{margin-top:21px;padding:11px 26px;border-radius:999px;border:1px solid rgba(255,255,255,.25);background:rgba(255,255,255,.08);color:white;font-weight:900} @media(max-width:700px){.awardHero9978{height:235px}.awardHeroCopy9978{left:20px;bottom:23px}.awardHeroCopy9978 h1{font-size:40px}.awardTrophy9978{font-size:76px;right:4%}.festivalPoster9978 h2{font-size:24px}.trophyRoom9978:after{font-size:24px;letter-spacing:9px}} @media(prefers-reduced-motion:reduce){.premiumMoment9978{transition:none}} /* ================= 9979 ART & IMMERSION / PART 3 ================= */ .cityHero9979{position:relative;overflow:hidden;min-height:210px;border-radius:18px;margin:0 0 17px;background:linear-gradient(145deg,hsl(var(--h1) 48% 11%),hsl(var(--h2) 52% 7%) 55%,#05060a);border:1px solid hsla(var(--h1),90%,70%,.2);isolation:isolate} .citySky9979{position:absolute;inset:0;background:radial-gradient(circle at 78% 20%,hsla(var(--h2),100%,70%,.28),transparent 24%),linear-gradient(to bottom,transparent 20%,rgba(0,0,0,.53))} .cityArchitecture9979{position:absolute;left:-3%;right:-3%;bottom:0;height:67%;opacity:.92;background:linear-gradient(to top,#07090d 0 43%,transparent 44%),repeating-linear-gradient(90deg,transparent 0 4%,rgba(10,12,18,.95) 4.2% 8%,transparent 8.2% 11%);clip-path:polygon(0 100%,0 63%,6% 63%,6% 38%,11% 38%,11% 67%,17% 67%,17% 23%,21% 23%,21% 55%,28% 55%,28% 33%,33% 33%,33% 71%,40% 71%,40% 43%,46% 43%,46% 19%,50% 19%,50% 56%,57% 56%,57% 29%,62% 29%,62% 61%,68% 61%,68% 35%,75% 35%,75% 66%,81% 66%,81% 26%,86% 26%,86% 54%,93% 54%,93% 39%,100% 39%,100% 100%)} .cityLight9979{position:absolute;inset:0;background:repeating-linear-gradient(90deg,transparent 0 7%,hsla(var(--h3),100%,75%,.09) 7.2% 7.5%,transparent 7.7% 14%);mix-blend-mode:screen} .cityHeroCopy9979{position:absolute;left:24px;right:24px;bottom:22px;z-index:2;text-shadow:0 3px 15px #000}.cityHeroCopy9979>small{font-size:9px;letter-spacing:.18em;color:hsl(var(--h1) 95% 76%);font-weight:900}.cityHeroCopy9979 h1{font-size:clamp(28px,5vw,46px);margin:3px 0 4px;color:#fff}.cityHeroCopy9979 p{margin:0;color:#c2cada;font-size:11px}.cityHeroCopy9979>div{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}.cityHeroCopy9979>div span{padding:6px 8px;border-radius:8px;background:rgba(4,6,10,.55);border:1px solid rgba(255,255,255,.10);font-size:8px;color:#8290a8}.cityHeroCopy9979>div b{color:#fff;margin-left:4px} .npcPortrait9979{width:72px;height:86px;position:relative;overflow:hidden;border-radius:13px;background:radial-gradient(circle at 50% 25%,hsla(var(--h1),90%,68%,.24),transparent 34%),linear-gradient(145deg,hsl(var(--h2) 35% 15%),#080a0f);border:1px solid hsla(var(--h1),80%,72%,.19);flex:0 0 auto} .npcHalo9979{position:absolute;width:58px;height:58px;border-radius:50%;left:7px;top:8px;background:hsla(var(--h1),90%,66%,.08);box-shadow:0 0 30px hsla(var(--h1),90%,60%,.18)} .npcHead9979{position:absolute;width:34px;height:43px;left:19px;top:15px;border-radius:48% 48% 44% 44%;background:#c99a7c} .npcPortrait9979.skin0 .npcHead9979{background:#f1c4a6}.npcPortrait9979.skin1 .npcHead9979{background:#d7a181}.npcPortrait9979.skin2 .npcHead9979{background:#a96f52}.npcPortrait9979.skin3 .npcHead9979{background:#754b36}.npcPortrait9979.skin4 .npcHead9979{background:#e0b18f} .npcHead9979:before{content:"";position:absolute;left:5px;right:5px;top:-7px;height:18px;border-radius:55% 55% 26% 26%;background:#17151a}.npcPortrait9979.hair1 .npcHead9979:before{height:25px;top:-11px}.npcPortrait9979.hair2 .npcHead9979:before{left:-5px;right:-5px;height:31px}.npcPortrait9979.hair3 .npcHead9979:before{background:#5a3625}.npcPortrait9979.hair4 .npcHead9979:before{background:#c7a16f}.npcPortrait9979.hair5 .npcHead9979:before{background:#101013;transform:skewX(-12deg)} .npcHead9979 i,.npcHead9979 b{position:absolute;width:4px;height:2px;border-radius:2px;background:#15151a;top:20px}.npcHead9979 i{left:8px}.npcHead9979 b{right:8px}.npcHead9979 em{position:absolute;width:10px;height:3px;border-bottom:1px solid rgba(80,30,25,.6);left:12px;bottom:8px} .npcBody9979{position:absolute;width:58px;height:43px;left:7px;bottom:-18px;border-radius:48% 48% 8px 8px;background:linear-gradient(145deg,#181b23,#07080b)}.npcPortrait9979.style1 .npcBody9979{background:linear-gradient(145deg,hsl(var(--h1) 45% 30%),#08090d)}.npcPortrait9979.style2 .npcBody9979{border-top:5px solid #d4d6dc}.npcPortrait9979.style3 .npcBody9979{background:#111}.npcPortrait9979.style4 .npcBody9979{box-shadow:inset 15px 0 hsl(var(--h2) 35% 20%)}.npcPortrait9979.style5 .npcBody9979{background:linear-gradient(135deg,#08090d 50%,hsl(var(--h1) 55% 32%) 51%)} .npcPortrait9979>span{position:absolute;left:5px;bottom:5px;font-size:8px;font-weight:950;color:#fff;letter-spacing:.06em}.npcPortrait9979>small{position:absolute;right:5px;bottom:5px;font-size:6px;color:#8c96aa;font-weight:900} .studioNetworkCard9964 .npcPortrait9979,.livingCard .npcPortrait9979{margin-bottom:9px} .stageVisual9979{position:relative;min-height:145px;overflow:hidden;border-radius:14px;margin-bottom:12px;background:linear-gradient(145deg,hsl(var(--h1) 42% 10%),#05060a 58%,hsl(var(--h2) 35% 9%));border:1px solid hsla(var(--h1),90%,70%,.2);isolation:isolate} .stageRoof9979{position:absolute;left:10%;right:10%;top:14%;height:11%;background:#151820;box-shadow:0 12px 30px rgba(0,0,0,.8);clip-path:polygon(0 0,100% 0,91% 100%,9% 100%)} .stageScreen9979{position:absolute;left:28%;right:28%;top:29%;height:35%;border:1px solid hsla(var(--h2),100%,78%,.25);background:radial-gradient(circle,hsl(var(--h1) 70% 37%),hsl(var(--h2) 55% 14%) 55%,#05060a);box-shadow:0 0 38px hsla(var(--h1),95%,55%,.19)} .stageLasers9979{position:absolute;inset:-10% 0 24%;background:repeating-conic-gradient(from 216deg at 50% 12%,transparent 0 11deg,hsla(var(--h3),100%,76%,.22) 12deg 13deg,transparent 14deg 29deg);opacity:.82} .stageFloor9979{position:absolute;left:-3%;right:-3%;bottom:-2%;height:43%;background:radial-gradient(ellipse at 50% 100%,hsla(var(--h1),85%,60%,.2),transparent 60%),#07080c;clip-path:polygon(0 50%,7% 42%,14% 55%,21% 39%,29% 54%,37% 33%,46% 55%,55% 37%,64% 54%,73% 35%,82% 55%,91% 39%,100% 51%,100% 100%,0 100%)} .stageVisual9979.v1 .stageScreen9979{left:18%;right:18%;height:28%}.stageVisual9979.v2 .stageRoof9979{clip-path:polygon(15% 0,85% 0,100% 100%,0 100%)}.stageVisual9979.v3 .stageScreen9979{border-radius:50%}.stageVisual9979.v4 .stageScreen9979{left:38%;right:38%;height:43%}.stageVisual9979.v5{background:linear-gradient(180deg,hsl(var(--h2) 55% 18%),#09070b 58%,#030407)}.stageVisual9979.v6 .stageLasers9979{transform:rotate(7deg)}.stageVisual9979.v7 .stageRoof9979{height:20%;border-radius:50% 50% 0 0}.stageVisual9979.v8 .stageScreen9979{left:12%;right:12%;top:22%;height:43%}.stageVisual9979.v9 .stageRoof9979{left:2%;right:2%} .stageMeta9979{position:absolute;left:12px;bottom:10px;z-index:2;display:flex;flex-direction:column;text-shadow:0 2px 10px #000}.stageMeta9979 small{font-size:7px;letter-spacing:.15em;font-weight:900;color:hsl(var(--h1) 90% 75%)}.stageMeta9979 b{font-size:14px;color:#fff}.stageMeta9979 span{font-size:8px;color:#a8b1c4} .cityArrivalOverlay9979{position:fixed;inset:0;z-index:999999;background:rgba(2,3,7,.93);display:grid;place-items:center;padding:20px;opacity:0;transition:opacity .2s}.cityArrivalOverlay9979.show{opacity:1}.cityArrivalPanel9979{width:min(900px,94vw)}.cityArrivalPanel9979>.arrivalPremium9979{background:#080a0f;border-radius:20px;overflow:hidden;border:1px solid rgba(255,255,255,.12);box-shadow:0 30px 100px rgba(0,0,0,.6)}.cityArrivalPanel9979 .cityHero9979{border:0;border-radius:0;margin:0;min-height:360px}.cityArrivalPanel9979>button{display:block;margin:17px auto 0;padding:11px 28px;border-radius:999px;border:1px solid rgba(255,255,255,.23);background:#111521;color:#fff;font-weight:900} .arrivalFacts9979{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:rgba(255,255,255,.07)}.arrivalFacts9979 span{padding:15px;background:#090b11;display:flex;flex-direction:column}.arrivalFacts9979 small{font-size:7px;letter-spacing:.13em;color:#69758d}.arrivalFacts9979 b{font-size:11px;color:#fff;margin-top:3px} .homeCityDNA9979{display:flex;align-items:center;gap:10px;margin:0 0 10px;padding:9px 12px;border-radius:11px;background:linear-gradient(90deg,hsla(var(--h1),65%,40%,.12),hsla(var(--h2),55%,34%,.06));border:1px solid hsla(var(--h1),80%,70%,.12)}.homeCityDNA9979>span{font-size:22px}.homeCityDNA9979>div{display:flex;flex-direction:column}.homeCityDNA9979 small{font-size:7px;letter-spacing:.13em;color:#768299}.homeCityDNA9979 b{font-size:11px;color:#fff}.homeCityDNA9979 em{font-size:8px;color:#7f8aa0;font-style:normal} @media(max-width:700px){ .cityHero9979{min-height:180px}.cityHeroCopy9979{left:16px;right:16px;bottom:15px}.cityHeroCopy9979 h1{font-size:27px}.cityHeroCopy9979>div{gap:4px}.arrivalFacts9979{grid-template-columns:1fr}.cityArrivalPanel9979 .cityHero9979{min-height:280px} .npcPortrait9979{width:62px;height:76px}.npcHead9979{left:14px} } /* ================= 9980 FOUNDING DJs / SEASON 0 ================= */ .foundingHome9980{display:flex;align-items:center;gap:14px;padding:12px 14px;margin:0 0 11px;border-radius:13px;background:radial-gradient(circle at 8% 50%,rgba(230,187,76,.11),transparent 23%),linear-gradient(90deg,#11100e,#090b10 58%,#0c0d13);border:1px solid rgba(228,188,82,.19);box-shadow:inset 0 1px rgba(255,255,255,.025)} .foundingHome9980>div:last-child{display:flex;flex-direction:column;min-width:0}.foundingHome9980>div:last-child small{font-size:7px;letter-spacing:.16em;color:#a2874a;font-weight:900}.foundingHome9980>div:last-child b{font-size:10px;color:#fff;margin-top:2px}.foundingHome9980>div:last-child span{font-size:8px;color:#737d91;margin-top:2px} .foundingBadge9980{display:inline-flex;align-items:center;gap:6px;padding:7px 9px;border-radius:9px;background:linear-gradient(135deg,#2a2110,#0d0d0f 65%);border:1px solid rgba(237,196,91,.34);box-shadow:0 0 22px rgba(215,164,43,.07);white-space:nowrap}.foundingBadge9980 i{font-style:normal;color:#e6b94f;font-size:11px}.foundingBadge9980 b{font-size:8px;letter-spacing:.09em;color:#f3dfaa}.foundingBadge9980 em{font-style:normal;font-size:9px;color:#fff;font-weight:950}.foundingBadge9980.compact{padding:4px 6px}.seasonZeroBadge9980{display:inline-flex;padding:5px 8px;border:1px solid rgba(134,147,174,.18);border-radius:8px;color:#8e99ae;font-size:8px;font-weight:900;letter-spacing:.1em} .foundingMini9980{display:inline-flex;margin:4px 0 5px;padding:3px 5px;border-radius:5px;border:1px solid rgba(230,187,76,.25);color:#d9b45d;font-size:6px;letter-spacing:.08em;font-weight:900} .foundingIntro9980{position:fixed;inset:0;z-index:1000000;background:rgba(2,3,6,.96);display:grid;place-items:center;padding:20px;opacity:0;transition:opacity .28s ease;overflow:hidden}.foundingIntro9980.show{opacity:1}.foundingGlow9980{position:absolute;width:min(75vw,800px);height:min(75vw,800px);border-radius:50%;background:radial-gradient(circle,rgba(227,181,62,.15),rgba(119,76,20,.045) 42%,transparent 69%);box-shadow:0 0 140px rgba(219,166,46,.08)} .foundingCard9980{position:relative;width:min(520px,92vw);padding:38px 28px;text-align:center;border-radius:22px;background:linear-gradient(145deg,rgba(33,27,16,.95),rgba(9,10,14,.98) 58%,rgba(18,15,11,.98));border:1px solid rgba(234,194,88,.27);box-shadow:0 35px 110px rgba(0,0,0,.7),inset 0 1px rgba(255,255,255,.04)}.foundingCard9980:before,.foundingCard9980:after{content:"";position:absolute;left:12%;right:12%;height:1px;background:linear-gradient(90deg,transparent,rgba(235,194,83,.4),transparent)}.foundingCard9980:before{top:17px}.foundingCard9980:after{bottom:17px} .foundingCard9980>small{font-size:9px;letter-spacing:.22em;color:#a88d51;font-weight:900}.foundingMark9980{font-size:30px;color:#e3b94e;margin:19px 0 7px;text-shadow:0 0 26px rgba(227,185,78,.35)}.foundingCard9980 h1{font-size:clamp(35px,8vw,62px);line-height:.88;margin:0;color:#fff;letter-spacing:-.035em}.foundingCard9980 h2{font-size:28px;color:#e1b957;margin:9px 0 20px}.foundingCard9980 p{font-size:13px;color:#c1c6d0;max-width:390px;margin:0 auto 10px;line-height:1.5}.foundingCard9980 strong{display:block;color:#f1dfae;font-size:11px}.foundingCard9980 span{display:block;color:#6f788a;font-size:9px;margin-top:5px}.foundingCard9980 button{margin-top:25px;padding:11px 25px;border-radius:999px;background:linear-gradient(135deg,#d6a93d,#f0cc70);border:0;color:#151109;font-weight:950;font-size:10px;letter-spacing:.06em} @media(max-width:650px){.foundingHome9980{align-items:flex-start;gap:9px;flex-direction:column}.foundingCard9980{padding:31px 20px}} @media(prefers-reduced-motion:reduce){.foundingIntro9980{transition:none}} /* ================= 9981 CAREER CAUSALITY ================= */ .careerOfferAlert9981{display:flex;align-items:center;justify-content:space-between;gap:18px;margin:0 0 14px;padding:13px 15px;border:1px solid rgba(255,196,65,.25);border-radius:12px;background:linear-gradient(100deg,rgba(255,190,42,.105),rgba(15,20,31,.93) 48%,rgba(27,18,40,.85));box-shadow:inset 0 1px rgba(255,255,255,.025)} .careerOfferAlert9981>div{display:flex;flex-direction:column;min-width:0}.careerOfferAlert9981 small{font-size:7px;letter-spacing:.15em;color:#d5a948;font-weight:950}.careerOfferAlert9981 b{margin-top:2px;font-size:11px;color:#fff}.careerOfferAlert9981 span{margin-top:2px;font-size:8px;color:#8f9bb0}.careerOfferAlert9981 button{white-space:nowrap} @media(max-width:650px){.careerOfferAlert9981{align-items:stretch;flex-direction:column}.careerOfferAlert9981 button{width:100%}} /* ================= 9982 COMPACT UPCOMING BOOKINGS ================= */ .bookinglist{display:grid;gap:9px!important} .bookingcard.bookingCompact9982{display:grid!important;grid-template-columns:190px minmax(230px,1.05fr) minmax(260px,1.25fr) minmax(210px,.9fr) minmax(190px,.72fr)!important;align-items:center!important;gap:0!important;min-height:154px!important;padding:10px 12px!important;margin:0!important;border-radius:13px!important;background:linear-gradient(105deg,rgba(15,25,42,.96),rgba(7,14,26,.985))!important;border:1px solid rgba(95,128,173,.28)!important;box-shadow:inset 0 1px rgba(255,255,255,.02),0 8px 24px rgba(0,0,0,.12)!important;overflow:hidden;position:relative} .bookingcard.bookingCompact9982.today{border-color:rgba(48,219,223,.46)!important;box-shadow:inset 3px 0 rgba(44,221,225,.72),0 8px 28px rgba(0,0,0,.16)!important} .bookingCompact9982>div:not(:first-child){min-width:0} .bookingArt9982{height:132px;padding-right:18px;display:flex;align-items:center} .bookingArt9982 .stageVisual9979{width:100%!important;height:132px!important;min-height:132px!important;border-radius:10px!important;margin:0!important;overflow:hidden!important} .bookingArt9982 .stageVisual9979 .stageMeta9979{padding:9px 10px!important} .bookingArt9982 .stageVisual9979 .stageMeta9979 b{font-size:11px!important} .bookingArt9982 .stageVisual9979 .stageMeta9979 span{font-size:7px!important} .bookingArt9982 .stageVisual9979 .stageMeta9979 small{font-size:7px!important} .bookingIdentity9982,.bookingSet9982,.bookingOps9982,.bookingFee9982{padding:4px 22px;border-left:1px solid rgba(99,126,164,.16);min-height:108px;display:flex;flex-direction:column;justify-content:center} .bookingIdentity9982{border-left:0;padding-left:0} .bookingDateLine9982{display:flex;align-items:center;gap:9px;margin-bottom:7px}.bookingDateLine9982>b{font-size:10px;letter-spacing:.05em;color:#bcc9dc;text-transform:uppercase}.bookingDateLine9982>span{font-size:7px;color:#33e3dc;background:rgba(26,211,205,.09);border:1px solid rgba(26,211,205,.13);border-radius:999px;padding:4px 7px;font-weight:900;letter-spacing:.07em} .bookingIdentity9982 h3{margin:0 0 4px;font-size:18px;line-height:1.05;color:#f7f9ff}.bookingLocation9982{display:flex;align-items:center;gap:6px;font-size:10px;color:#90a1ba}.bookingLocation9982 b{color:#cbd5e6}.bookingLocation9982 span{opacity:.78}.bookingAtmos9982{margin-top:7px;color:#9d67e8;font-size:7px;font-weight:950;letter-spacing:.12em} .bookingSet9982>small{font-size:8px;letter-spacing:.09em;color:#7387a5;font-weight:850;text-transform:uppercase;margin-bottom:9px}.bookingSet9982>b{font-size:11px;color:#e6edf8}.bookingSet9982>span{margin-top:8px;color:#bd6df0;font-size:8px;font-weight:900;letter-spacing:.09em}.bookingGuest9982{margin-top:6px;color:#68dbe0!important} .bookingLogistics9982{display:flex;flex-direction:column;align-items:flex-start;gap:6px}.bookingLogistics9982 span{display:inline-flex;align-items:center;min-height:27px;border:1px solid rgba(102,131,173,.28);border-radius:7px;padding:0 9px;font-size:8px;color:#abb8cb;background:rgba(7,15,27,.58);font-weight:800;white-space:nowrap}.bookingLogistics9982 span.ok{color:#c8d4e5}.bookingLogistics9982 span.warn{color:#e3b279;border-color:rgba(230,164,86,.24)} .bookingAux9982{display:flex;gap:5px;margin-top:6px;flex-wrap:wrap}.bookingMini9982{min-height:25px!important;padding:0 8px!important;border-radius:6px!important;font-size:7px!important} .bookingFee9982 small{font-size:7px;letter-spacing:.15em;color:#27cbb7;font-weight:900}.bookingFee9982>b{font-size:22px;color:#f2f5fb;line-height:1;margin:6px 0 14px;letter-spacing:-.02em}.bookingAction9982{min-height:44px;border:0;border-radius:8px;padding:0 13px;background:linear-gradient(105deg,#f42a9a,#ff6b4f);color:#fff;font-size:9px;font-weight:950;letter-spacing:.06em;box-shadow:0 6px 20px rgba(240,47,126,.12);white-space:nowrap}.bookingAction9982.travel{background:linear-gradient(105deg,#263653,#1a2740);border:1px solid rgba(122,154,204,.25)} .bookingSupportCompact9982{grid-column:2/-1;display:flex;align-items:center;gap:6px;padding:7px 0 0;border-top:1px solid rgba(100,126,165,.13);margin-top:4px}.bookingSupportCompact9982 small{font-size:7px;color:#74849b;margin-right:4px}.bookingSupportCompact9982 button{font-size:7px;padding:5px 7px} @media(max-width:1250px){.bookingcard.bookingCompact9982{grid-template-columns:160px 1fr 1.1fr .9fr!important}.bookingFee9982{grid-column:2/-1;border-left:0;border-top:1px solid rgba(99,126,164,.14);min-height:auto;display:grid;grid-template-columns:auto auto 1fr;align-items:center;gap:12px;padding:10px 0 0;margin-top:4px}.bookingFee9982>b{margin:0}.bookingAction9982{justify-self:end;min-width:190px}} @media(max-width:850px){.bookingcard.bookingCompact9982{grid-template-columns:120px 1fr!important;gap:8px!important}.bookingArt9982{grid-row:1/3;height:118px;padding-right:8px}.bookingArt9982 .stageVisual9979{height:118px!important;min-height:118px!important}.bookingIdentity9982,.bookingSet9982,.bookingOps9982,.bookingFee9982{border-left:0;min-height:auto;padding:7px 5px}.bookingSet9982,.bookingOps9982,.bookingFee9982{grid-column:1/-1;border-top:1px solid rgba(99,126,164,.14)}.bookingLogistics9982{flex-direction:row;flex-wrap:wrap}.bookingFee9982{display:grid;grid-template-columns:auto auto 1fr}.bookingAction9982{min-width:160px}.bookingSupportCompact9982{grid-column:1/-1}} @media(max-width:560px){.bookingcard.bookingCompact9982{grid-template-columns:1fr!important}.bookingArt9982{grid-row:auto;height:150px;padding:0}.bookingArt9982 .stageVisual9979{height:150px!important}.bookingIdentity9982,.bookingSet9982,.bookingOps9982,.bookingFee9982{grid-column:1!important}.bookingFee9982{display:flex;align-items:stretch}.bookingAction9982{width:100%;min-width:0}.bookingLogistics9982{flex-direction:column}.bookingLogistics9982 span{width:100%}} /* ================= 9983 VENUE REVEAL ================= */ .venueReveal9983{position:fixed;inset:0;z-index:900000;background:#03060c;overflow:hidden;color:#fff;display:grid;place-items:center;isolation:isolate} .venueRevealSky9983{position:absolute;inset:0;background:radial-gradient(circle at 50% 36%,hsl(var(--h1) 78% 23% / .42),transparent 34%),linear-gradient(180deg,hsl(var(--h2) 44% 8%),#02040a 72%);z-index:-5}.venueRevealSky9983:after{content:"";position:absolute;inset:0;background:repeating-linear-gradient(90deg,transparent 0 7.5%,rgba(255,255,255,.012) 7.7% 7.9%),linear-gradient(115deg,transparent 25%,hsl(var(--h3) 100% 55% / .06) 48%,transparent 72%)} .venueRevealStage9983{position:absolute;left:12%;right:12%;top:14%;height:55%;border-top:7px solid rgba(255,255,255,.15);clip-path:polygon(8% 0,92% 0,100% 92%,78% 100%,22% 100%,0 92%);background:linear-gradient(180deg,rgba(8,13,24,.3),rgba(0,0,0,.88));box-shadow:0 0 120px hsl(var(--h1) 95% 56% / .12)}.venueRevealStage9983:before{content:"";position:absolute;left:27%;right:27%;top:13%;bottom:23%;border:2px solid hsl(var(--h2) 90% 65% / .45);background:radial-gradient(circle,hsl(var(--h1) 100% 60% / .34),rgba(3,5,12,.76) 62%);box-shadow:0 0 44px hsl(var(--h2) 100% 60% / .18)} .venueRevealStage9983 i{position:absolute;top:0;left:50%;width:2px;height:76%;transform-origin:top;background:linear-gradient(hsl(var(--h1) 100% 66% / .75),transparent);filter:drop-shadow(0 0 5px hsl(var(--h1) 100% 60% / .5));animation:venueLaser9983 1.4s ease-in-out infinite alternate}.venueRevealStage9983 i:nth-child(1){transform:rotate(-50deg)}.venueRevealStage9983 i:nth-child(2){transform:rotate(-28deg);animation-delay:-.5s}.venueRevealStage9983 i:nth-child(3){transform:rotate(0);animation-delay:-.9s}.venueRevealStage9983 i:nth-child(4){transform:rotate(28deg);animation-delay:-.2s}.venueRevealStage9983 i:nth-child(5){transform:rotate(50deg);animation-delay:-.7s} .venueRevealCrowd9983{position:absolute;left:-3%;right:-3%;bottom:-9%;height:44%;background:radial-gradient(ellipse at center top,transparent 0 12%,rgba(0,0,0,.9) 68%),repeating-radial-gradient(circle at 50% 0,rgba(28,32,44,.9) 0 5px,#020306 7px 14px);clip-path:polygon(0 25%,5% 18%,10% 28%,15% 15%,20% 25%,25% 11%,30% 24%,35% 16%,40% 28%,45% 10%,50% 23%,55% 12%,60% 25%,65% 13%,70% 26%,75% 16%,80% 28%,85% 13%,90% 25%,95% 18%,100% 27%,100% 100%,0 100%)} .venueRevealPulse9983{position:absolute;inset:0;background:radial-gradient(circle at 50% 42%,transparent 0 18%,hsl(var(--h1) 100% 66% / .04) 18.3% 18.8%,transparent 19.2%);animation:venuePulse9983 .46875s linear infinite;mix-blend-mode:screen} .venueRevealCopy9983{position:relative;text-align:center;z-index:4;transform:translateY(-2vh);text-shadow:0 6px 35px #000}.venueRevealCopy9983 small{display:block;color:hsl(var(--h1) 90% 70%);font-weight:950;font-size:9px;letter-spacing:.24em}.venueRevealCopy9983 h1{font-size:clamp(42px,7vw,92px);line-height:.85;margin:12px 0 16px;letter-spacing:-.055em;text-transform:uppercase}.venueRevealCopy9983 b{display:block;font-size:13px;color:#d7dfeb}.venueRevealCopy9983 span{display:block;margin-top:11px;font-size:10px;color:#8f9db3;letter-spacing:.08em;text-transform:uppercase}.venueRevealCopy9983 em{display:inline-block;margin-top:12px;padding:6px 9px;border:1px solid hsl(var(--h2) 85% 62% / .35);border-radius:999px;color:hsl(var(--h2) 90% 73%);font-size:8px;font-style:normal;font-weight:900;letter-spacing:.12em;background:rgba(0,0,0,.25)} .venueRevealSkip9983{position:absolute;right:24px;bottom:22px;z-index:5;border:1px solid rgba(255,255,255,.18);background:rgba(5,8,14,.65);backdrop-filter:blur(12px);border-radius:999px;color:#cfd7e5;padding:9px 14px;font-size:8px;font-weight:900;letter-spacing:.08em}.venueReveal9983.brief .venueRevealCopy9983 h1{font-size:clamp(34px,5vw,62px)}.venueReveal9983.brief .venueRevealStage9983{opacity:.78}.venueReveal9983.brief .venueRevealCopy9983 span,.venueReveal9983.brief .venueRevealCopy9983 em{display:none} @keyframes venueLaser9983{from{opacity:.34;filter:blur(.2px)}to{opacity:1;filter:blur(1.2px) drop-shadow(0 0 8px hsl(var(--h2) 100% 60% / .65))}}@keyframes venuePulse9983{0%{transform:scale(.7);opacity:.75}100%{transform:scale(1.5);opacity:0}} @media(max-width:700px){.venueRevealStage9983{left:3%;right:3%;top:18%;height:48%}.venueRevealCopy9983{padding:0 18px}.venueRevealSkip9983{right:14px;bottom:14px}}@media(prefers-reduced-motion:reduce){.venueRevealStage9983 i,.venueRevealPulse9983{animation:none}} /* ================= 9984 PREMIUM BOOKING ART ================= */ .bookingPoster9984{position:relative;width:100%;height:132px;border-radius:10px;overflow:hidden;background:linear-gradient(155deg,hsl(var(--pa) 32% 12%),#060a12 54%,hsl(var(--pb) 28% 8%));border:1px solid rgba(142,166,202,.22);isolation:isolate;box-shadow:inset 0 1px rgba(255,255,255,.04)} .bookingPoster9984:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 50% 38%,hsl(var(--pa) 92% 58% / .23),transparent 36%),linear-gradient(180deg,transparent 38%,rgba(0,0,0,.82));z-index:-3} .bookingPosterLight9984{position:absolute;top:-38%;width:34%;height:105%;filter:blur(14px);opacity:.34;mix-blend-mode:screen;transform-origin:top}.bookingPosterLight9984.a{left:15%;background:linear-gradient(hsl(var(--pa) 100% 67% / .8),transparent);transform:rotate(18deg)}.bookingPosterLight9984.b{right:12%;background:linear-gradient(hsl(var(--pb) 100% 66% / .65),transparent);transform:rotate(-20deg)} .bookingPosterArchitecture9984{position:absolute;left:12%;right:12%;top:22%;height:45%;border-top:2px solid rgba(255,255,255,.17);border-left:1px solid rgba(255,255,255,.08);border-right:1px solid rgba(255,255,255,.08);background:linear-gradient(180deg,rgba(255,255,255,.025),rgba(0,0,0,.28));clip-path:polygon(5% 0,95% 0,100% 100%,0 100%)}.bookingPosterArchitecture9984 i{position:absolute;bottom:12%;width:14%;height:38%;border:1px solid hsl(var(--pa) 80% 66% / .22);background:hsl(var(--pb) 70% 55% / .05)}.bookingPosterArchitecture9984 i:nth-child(1){left:8%}.bookingPosterArchitecture9984 i:nth-child(2){left:26%;height:54%}.bookingPosterArchitecture9984 i:nth-child(3){left:43%;width:15%;height:68%;background:hsl(var(--pa) 85% 56% / .11)}.bookingPosterArchitecture9984 i:nth-child(4){right:26%;height:54%}.bookingPosterArchitecture9984 i:nth-child(5){right:8%} .bookingPosterPeople9984{position:absolute;left:-2%;right:-2%;bottom:0;height:38%;background:repeating-radial-gradient(ellipse at 50% 100%,#020306 0 5px,transparent 6px 13px),linear-gradient(transparent,#020306 70%);opacity:.95} .bookingPosterNoise9984{position:absolute;inset:0;opacity:.12;background-image:linear-gradient(90deg,rgba(255,255,255,.05) 1px,transparent 1px),linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px);background-size:17px 17px;mix-blend-mode:overlay} .bookingPosterType9984{position:absolute;left:10px;top:9px;font-size:6px;font-weight:950;letter-spacing:.16em;color:#dbe4f2;border:1px solid rgba(218,229,244,.18);background:rgba(4,8,15,.55);backdrop-filter:blur(7px);padding:5px 7px;border-radius:5px} .bookingPosterCopy9984{position:absolute;left:10px;right:10px;bottom:8px;z-index:3;text-shadow:0 2px 12px #000}.bookingPosterCopy9984 strong{display:block;font-size:13px;line-height:1.05;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.bookingPosterCopy9984 span{display:block;margin-top:3px;font-size:6px;color:#9eabbc;letter-spacing:.035em} .bookingPoster9984.sunset:before{background:radial-gradient(circle at 52% 35%,hsl(26 95% 63% / .34),transparent 20%),linear-gradient(180deg,hsl(var(--pa) 40% 16%),#080b14 62%,#020306)} .bookingPoster9984.underground .bookingPosterArchitecture9984{top:16%;height:55%;clip-path:none;border:1px solid rgba(255,255,255,.08)}.bookingPoster9984.underground .bookingPosterLight9984{opacity:.22} .bookingPoster9984.festival .bookingPosterArchitecture9984{left:5%;right:5%;top:18%;height:53%;clip-path:polygon(0 15%,14% 0,86% 0,100% 15%,93% 100%,7% 100%)}.bookingPoster9984.rooftop .bookingPosterArchitecture9984{top:36%;height:28%;border-top:1px solid rgba(255,255,255,.3);clip-path:none} @media(max-width:850px){.bookingPoster9984{height:118px}}@media(max-width:560px){.bookingPoster9984{height:150px}} /* ================= 9985 BOOKING OFFER VISUAL FIX ================= */ .offergrid{gap:12px!important} .offercard{overflow:hidden!important;position:relative!important;padding-top:0!important} .offercard>.bookingPoster9984{margin:-1px -1px 14px!important;width:calc(100% + 2px)!important;height:180px!important;border-radius:12px 12px 8px 8px!important;border-left:0!important;border-right:0!important;border-top:0!important} .offercard>.bookingPoster9984 .bookingPosterCopy9984 strong{font-size:16px!important} .offercard>.bookingPoster9984 .bookingPosterCopy9984 span{font-size:7px!important} .offercard>.bookingPoster9984 .bookingPosterType9984{font-size:7px!important} .offercard>.stageVisual9979,.offercard>.venueVisual9978{display:none!important} .offercard>.offerhero{display:none!important} @media(max-width:700px){.offercard>.bookingPoster9984{height:155px!important}} /* ================= 9986 VENUE ASSET SYSTEM ================= */ .venuePhoto9986{position:relative;width:100%;height:100%;min-height:132px;overflow:hidden;border-radius:10px;background:#05070c;isolation:isolate} .venuePhoto9986 img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;filter:saturate(1.04) contrast(1.04) brightness(.93);transform:scale(1.001)} .venuePhotoShade9986{position:absolute;inset:0;background:linear-gradient(180deg,rgba(2,5,10,.08) 0%,rgba(2,4,9,.10) 43%,rgba(2,4,9,.86) 100%),linear-gradient(90deg,rgba(0,0,0,.10),transparent 50%,rgba(0,0,0,.06))} .venuePhotoBadge9986{position:absolute;left:10px;top:10px;padding:5px 8px;border:1px solid rgba(255,255,255,.22);border-radius:6px;background:rgba(4,8,15,.62);backdrop-filter:blur(7px);font-size:6px;font-weight:950;letter-spacing:.15em;color:#f2f5fa} .venuePhotoCopy9986{position:absolute;left:11px;right:11px;bottom:9px;text-shadow:0 2px 13px rgba(0,0,0,.95)} .venuePhotoCopy9986 strong{display:block;font-size:14px;line-height:1.05;color:white;white-space:nowrap;overflow:hidden;text-overflow:ellipsis} .venuePhotoCopy9986 span{display:block;margin-top:4px;font-size:6px;letter-spacing:.04em;color:#b6c1d0} .offercard>.venuePhoto9986{height:180px!important;border-radius:12px 12px 8px 8px!important;margin:-1px -1px 14px!important;width:calc(100% + 2px)!important} .bookingArt9982 .venuePhoto9986{height:132px!important;min-height:132px!important} .venueRevealPhoto9986{background-image:linear-gradient(180deg,rgba(1,3,8,.18),rgba(1,3,8,.72)),var(--venue-bg)!important;background-size:cover!important;background-position:center!important;filter:saturate(1.08) contrast(1.06)} .venueRevealPhoto9986:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 50% 45%,transparent 0 18%,rgba(0,0,0,.18) 50%,rgba(0,0,0,.72) 100%),linear-gradient(180deg,rgba(0,0,0,.06),rgba(0,0,0,.42));} @media(max-width:850px){.bookingArt9982 .venuePhoto9986{height:118px!important;min-height:118px!important}.offercard>.venuePhoto9986{height:155px!important}} @media(max-width:560px){.bookingArt9982 .venuePhoto9986{height:150px!important;min-height:150px!important}} /* ================= 9989 FESTIVAL PHOTO ASSETS ================= */ .festivalPhoto9989{position:relative;height:255px;border-radius:14px;overflow:hidden;background:#03050a;isolation:isolate;border:1px solid rgba(160,185,220,.2);box-shadow:0 14px 32px rgba(0,0,0,.24)} .festivalPhoto9989 img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:saturate(1.08) contrast(1.07) brightness(.92)} .festivalPhotoShade9989{position:absolute;inset:0;background:linear-gradient(180deg,rgba(2,4,9,.05),rgba(2,4,9,.12) 45%,rgba(2,4,9,.92) 100%),linear-gradient(90deg,rgba(0,0,0,.14),transparent 55%)} .festivalPhotoTop9989{position:absolute;left:12px;right:12px;top:11px;display:flex;justify-content:space-between;align-items:center}.festivalPhotoTop9989 span,.festivalPhotoTop9989 em{font-size:7px;font-style:normal;font-weight:950;letter-spacing:.13em;padding:5px 7px;border-radius:6px;background:rgba(4,8,15,.56);backdrop-filter:blur(7px);border:1px solid rgba(255,255,255,.18);color:#eef4ff} .festivalPhotoCopy9989{position:absolute;left:14px;right:14px;bottom:13px;text-shadow:0 3px 18px #000}.festivalPhotoCopy9989 small{display:block;font-size:7px;color:#aeb9c9;letter-spacing:.08em}.festivalPhotoCopy9989 strong{display:block;margin-top:4px;font-size:22px;line-height:1;color:#fff;letter-spacing:-.03em}.festivalPhotoCopy9989 span{display:block;margin-top:6px;font-size:8px;color:#d19cff;font-weight:800;letter-spacing:.06em} .megaFestivalCard600>.festivalPhoto9989{margin:-1px -1px 12px;width:calc(100% + 2px);border-radius:13px 13px 9px 9px} @media(max-width:700px){.festivalPhoto9989{height:210px}.festivalPhotoCopy9989 strong{font-size:18px}} /* ================= 9990 VENUE MAP PHOTOS ================= */ .venueMapPhoto9990{position:relative;height:125px;margin:-1px -1px 12px;width:calc(100% + 2px);overflow:hidden;border-radius:11px 11px 7px 7px;background:#05070c} .venueMapPhoto9990 img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:saturate(1.05) contrast(1.06) brightness(.9)} .venueMapPhoto9990:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 35%,rgba(2,4,9,.82))} .venueMapPhoto9990 span{position:absolute;left:9px;bottom:8px;z-index:2;color:#fff;font-size:9px;font-weight:900;letter-spacing:.05em;text-shadow:0 2px 10px #000} .venue>.venueMapPhoto9990+.venueart{display:none} /* ================= 9991 GLOBAL CITY CLUB IMAGES ================= */ .cityClubPhoto9991{position:relative;height:112px;margin:-1px -1px 10px;width:calc(100% + 2px);overflow:hidden;border-radius:10px 10px 6px 6px;background:#04070d} .cityClubPhoto9991 img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:saturate(1.05) contrast(1.07) brightness(.92)} .cityClubPhoto9991:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.02),rgba(0,0,0,.68))} .cityClubPhoto9991 span{position:absolute;left:8px;bottom:7px;z-index:2;font-size:7px;font-weight:900;letter-spacing:.12em;color:#eef4ff;text-transform:uppercase;text-shadow:0 2px 8px #000} .cityClubPhoto9991.hunt{height:120px;margin:0 0 10px;width:100%;border-radius:9px} /* ========================= PATCH1 — BLACK ENERGY / BACKSTAGE / CONCOURSE ========================= */ .blackHeroP1{margin:14px 0 18px;min-height:230px;border:1px solid #5d1d28;border-radius:18px;background:radial-gradient(circle at 78% 35%,rgba(230,27,49,.28),transparent 30%),linear-gradient(135deg,#050506 0,#121214 58%,#22070b 100%);display:grid;grid-template-columns:1fr 210px;align-items:center;overflow:hidden;padding:22px 32px;position:relative}.blackHeroP1:before{content:"PATCH1";position:absolute;right:14px;top:12px;color:#ff4055;border:1px solid #8c2632;border-radius:999px;padding:4px 8px;font:800 8px/1 system-ui;letter-spacing:.18em}.blackHeroCopyP1 small,.blackSectionHeadP1 small,.blackProductP1 small,.backBlackCanP1 small{color:#ff5365;font-weight:900;letter-spacing:.14em}.blackHeroCopyP1 h2{font-size:44px;margin:4px 0;letter-spacing:-.04em}.blackHeroCopyP1 h2 em{font-style:normal;color:#ef263d}.blackHeroCopyP1 p{max-width:620px;color:#b9bec8}.blackHeroCopyP1>div{display:flex;gap:8px;flex-wrap:wrap;margin-top:14px}.blackHeroCopyP1>div span{border:1px solid #47323a;background:#0b0b0d;border-radius:999px;padding:6px 10px;font-size:9px;font-weight:800;color:#eceff3} .blackCanP1{width:118px;height:205px;border-radius:18px 18px 25px 25px;margin:auto;position:relative;display:flex;flex-direction:column;justify-content:center;align-items:center;background:linear-gradient(90deg,#050505,#252525 46%,#080808 72%,#1d1d1d);border:1px solid #444;box-shadow:inset 8px 0 12px rgba(255,255,255,.05),inset -8px 0 15px rgba(0,0,0,.7),0 18px 30px rgba(0,0,0,.45);overflow:hidden}.blackCanP1:before,.blackCanP1:after{content:"";position:absolute;left:7px;right:7px;height:7px;border-radius:50%;background:#9fa1a3}.blackCanP1:before{top:-2px}.blackCanP1:after{bottom:-2px}.blackCanP1 i{width:45px;height:45px;position:absolute;top:32px;background:#ed1634;clip-path:polygon(5% 28%,42% 28%,28% 0,94% 47%,57% 47%,72% 100%,0 43%,35% 43%);filter:drop-shadow(0 0 8px rgba(237,22,52,.3))}.blackCanP1 strong{font-size:24px;letter-spacing:-.08em;transform:rotate(-90deg);white-space:nowrap;color:white}.blackCanP1 span{position:absolute;right:13px;top:80px;color:#ef233c;font-weight:900;font-size:9px;transform:rotate(-90deg)}.blackCanP1 em{position:absolute;bottom:20px;color:#e8e8e8;font-style:normal;font-size:8px;font-weight:900;letter-spacing:.12em}.blackCanP1.small{width:58px;height:100px;border-radius:9px 9px 12px 12px}.blackCanP1.small i{width:21px;height:21px;top:15px}.blackCanP1.small strong{font-size:12px}.blackCanP1.small span{font-size:5px;right:5px;top:40px}.blackCanP1.small em{font-size:5px;bottom:9px}.blackCanP1.strawberry{background:linear-gradient(90deg,#16050d,#b11f5f 46%,#360a21 72%,#0d080b)}.blackCanP1.citrus{background:linear-gradient(90deg,#171703,#d2bb21 46%,#5f4e03 72%,#0e0e05)}.blackCanP1.mamba{background:linear-gradient(90deg,#120e00,#a97a08 46%,#332301 72%,#090805)}.blackCanP1.devil{background:linear-gradient(90deg,#180303,#bc151f 46%,#3e0709 72%,#0b0505)}.blackCanP1.alien{background:linear-gradient(90deg,#021107,#24a854 46%,#06351a 72%,#050a06)}.blackCanP1.angel{background:linear-gradient(90deg,#d8d8d8,#fff 42%,#888 72%,#e9e9e9)}.blackCanP1.angel strong{color:#111}.blackCanP1.sugarfree{background:linear-gradient(90deg,#070707,#303033 46%,#09090a 72%,#29292c)} .blackSectionHeadP1{display:flex;align-items:end;gap:12px;margin:20px 0 10px}.blackSectionHeadP1 h3{margin:0}.blackSectionHeadP1 span{color:#8792a2;font-size:10px}.blackSectionHeadP1.other{margin-top:28px}.blackGridP1{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.blackProductP1{display:grid;grid-template-columns:74px 1fr;gap:13px;align-items:center;background:linear-gradient(145deg,#0a0b0e,#12151c);border:1px solid #3d272d;border-radius:14px;padding:12px}.blackProductP1 h3{margin:2px 0;font-size:16px}.blackProductP1 p{font-size:9px;color:#9da7b4;margin:4px 0 7px}.blackStatsP1{display:flex;flex-wrap:wrap;gap:5px}.blackStatsP1 span{font-size:7px;padding:4px 6px;background:#08090b;border:1px solid #252a33;border-radius:999px;color:#c8d0da}.blackBuyP1{display:grid;grid-template-columns:auto auto 1fr 1fr;align-items:center;gap:6px;margin-top:9px}.blackBuyP1 b{color:#6cf1a2}.blackBuyP1>span{font-size:8px;color:#8290a0}.blackBuyP1 button{padding:7px 8px!important;font-size:7px!important} .patch1Back{min-height:760px}.backBlackP1{position:absolute;z-index:4;left:270px;right:290px;top:112px;background:rgba(3,7,12,.92);border:1px solid #65232d;border-radius:12px;padding:12px;backdrop-filter:blur(10px);max-height:390px;overflow:auto}.backBlackP1 .riderHead9948>span{color:#ff697a}.backBlackGridP1{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.backBlackCanP1{display:grid;grid-template-columns:64px 1fr auto;align-items:center;gap:8px;border:1px solid #36262b;border-radius:9px;background:linear-gradient(135deg,#080a0d,#151014);padding:7px}.backBlackCanP1 b{display:block;font-size:10px}.backBlackCanP1 span,.backBlackCanP1 em{display:block;font-size:7px;font-style:normal;color:#98a4b2;margin-top:2px}.backBlackCanP1>div:last-child{display:grid;gap:4px}.backBlackCanP1 button{font-size:7px!important;padding:6px 7px!important}.backBlackCanP1 button.use{border-color:#e52b41;color:#fff;background:#7e1724}.patch1Rider{bottom:16px}.patch1Rider .riderItems9948{grid-template-columns:repeat(6,minmax(0,1fr))}.realVenueBadgeP1{margin-top:12px!important;display:block!important;border:1px solid #e15a27!important;border-radius:8px;padding:9px!important;background:linear-gradient(135deg,rgba(240,84,28,.15),rgba(0,0,0,.25))}.realVenueBadgeP1 small{color:#ff8a53;display:block}.realVenueBadgeP1 b{display:block;font-size:11px;margin-top:3px}.realVenueBadgeP1 span{font-size:7px;color:#b4bdc8}.venueNoteP1{border-left:2px solid #f07235;padding-left:7px;color:#ffb58e!important} @media(max-width:1100px){.blackGridP1{grid-template-columns:1fr}.blackHeroP1{grid-template-columns:1fr 130px}.backBlackP1{left:20px;right:20px;top:360px;max-height:245px}.patch1Rider{position:absolute;left:20px;right:20px;bottom:12px}.patch1Back{min-height:980px}.backBlackGridP1{grid-template-columns:repeat(2,1fr)}} @media(max-width:720px){.blackHeroP1{grid-template-columns:1fr;padding:18px}.blackHeroP1>.blackCanP1{display:none}.blackGridP1,.backBlackGridP1{grid-template-columns:1fr}.blackBuyP1{grid-template-columns:1fr 1fr}.blackProductP1{grid-template-columns:64px 1fr}.patch1Back{min-height:1260px}.backTop9948{height:auto;grid-template-columns:42px 1fr}.backCountdown9948{grid-column:1/-1}.body9948,.showInfo9948,.backBlackP1,.patch1Rider{position:relative;left:auto;right:auto;top:auto;bottom:auto;width:auto;margin:12px 14px}.backBlackP1{max-height:none}.patch1Rider .riderItems9948{grid-template-columns:repeat(2,1fr)}} /* PATCH1.1 — THE CONCOURSE PROJECT / AUTHORIZED VENUE IDENTITY */ .concourseBrandP1{display:flex;flex-direction:column;gap:5px}.concourseBrandP1>span{display:inline-block;width:max-content;max-width:100%;border:1px solid rgba(255,255,255,.82);padding:5px 9px;font-size:9px;font-weight:950;letter-spacing:.08em;color:#fff;background:rgba(0,0,0,.42)}.concourseBrandP1>small{font-size:6px!important;letter-spacing:.15em!important;color:#ff8151!important;font-weight:950}.cityClubPhoto9991 .concourseBrandP1{position:absolute;z-index:4;left:10px;right:10px;bottom:9px}.cityClubPhoto9991 .concourseBrandP1>span{font-size:7px;padding:4px 7px}.cityClubPhoto9991 .concourseBrandP1>small{font-size:5px!important}.cityClubPhoto9991:has(.concourseBrandP1)>span{display:none}.realVenueBadgeP1.official{border-color:#ef6230!important;background:linear-gradient(145deg,rgba(238,86,34,.18),rgba(5,8,12,.75))!important}.realVenueBadgeP1.official>span{display:block;margin-top:7px;font-size:7px;color:#ced5de}.realVenueBadgeP1.official>em{display:inline-block;margin-top:5px;padding:3px 6px;border-radius:99px;background:#ef6230;color:#fff;font-size:6px;font-style:normal;font-weight:950;letter-spacing:.09em}.concourseShowP1{border-color:rgba(239,98,48,.5)!important;box-shadow:inset 0 0 0 1px rgba(239,98,48,.08)}.concourseShowP1>.concourseBrandP1{padding:0 0 10px;margin-bottom:8px;border-bottom:1px solid rgba(255,255,255,.08)} /* ========================= PATCH1.3 — ARRIVAL / READINESS / POST-SHOW ========================= */ .arrivalP1{min-height:100vh;position:relative;display:grid;place-items:center;padding:32px;overflow:hidden;background:#05070b}.arrivalBackdropP1{position:absolute;inset:0;background:radial-gradient(circle at 70% 25%,rgba(62,94,130,.24),transparent 36%),linear-gradient(135deg,#030509,#0b1018 55%,#08090d)}.arrivalP1.official .arrivalBackdropP1{background:radial-gradient(circle at 75% 25%,rgba(239,98,48,.26),transparent 34%),linear-gradient(135deg,#030406,#100806 56%,#090a0d)}.arrivalCardP1{position:relative;z-index:2;width:min(860px,94vw);padding:34px;border:1px solid #26313f;border-radius:20px;background:rgba(5,8,12,.9);box-shadow:0 32px 80px rgba(0,0,0,.55);backdrop-filter:blur(15px)}.arrivalP1.official .arrivalCardP1{border-color:rgba(239,98,48,.48)}.arrivalCardP1>small{font-size:9px;font-weight:900;letter-spacing:.18em;color:#7fa7d1}.arrivalCardP1>h1{font-size:42px;margin:6px 0 2px;letter-spacing:-.04em}.arrivalCardP1>p{color:#9eabb9;margin:0 0 20px}.arrivalCardP1>.concourseBrandP1>span{font-size:22px;padding:8px 12px}.arrivalMetaP1{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:22px 0}.arrivalMetaP1>span{display:flex;flex-direction:column;gap:5px;border:1px solid #222a34;border-radius:10px;padding:12px;background:#080c12}.arrivalMetaP1 small{font-size:7px;letter-spacing:.1em;color:#758294;font-weight:900}.arrivalMetaP1 b{font-size:10px}.arrivalAddressP1{border-left:2px solid #ef6230;padding:10px 12px;background:rgba(239,98,48,.08);font-size:10px;color:#d5dce4}.arrivalFeaturesP1{display:flex;gap:7px;flex-wrap:wrap;margin:12px 0}.arrivalFeaturesP1 span{border:1px solid #303744;border-radius:99px;padding:5px 8px;font-size:8px;color:#b8c3cf}.arrivalStoryP1{margin:18px 0;padding:16px;border:1px solid #202833;border-radius:12px;background:linear-gradient(135deg,#090e15,#0b0d11)}.arrivalStoryP1 b{font-size:11px;letter-spacing:.08em}.arrivalStoryP1 p{margin:6px 0 0;color:#9da9b6;font-size:10px;line-height:1.5}.arrivalCardP1>button{margin-right:8px;margin-top:8px} .backActionsP1{display:grid;grid-template-columns:1fr;gap:6px;margin-top:10px}.backActionsP1 button{text-align:left;padding:8px 9px!important;font-size:8px!important;border-color:#2a3541!important;background:#090e14!important}.backActionsP1 button small{font-size:6px;color:#8492a1}.backActionsP1 button:disabled{opacity:.38}.postShowP1{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:14px 0}.postShowP1>div{display:flex;flex-direction:column;gap:4px;padding:13px;border:1px solid #27313c;border-radius:10px;background:#080d13}.postShowP1 small{font-size:7px;letter-spacing:.1em;color:#8796a7;font-weight:900}.postShowP1 b{font-size:13px}.postShowP1 span{font-size:8px;color:#9aa7b4}.rebookP1{margin:10px 0;padding:12px 14px;border:1px solid #2f7650;border-radius:10px;background:rgba(47,118,80,.13);font-size:10px;font-weight:800;color:#b8f3d0} @media(max-width:760px){.arrivalP1{padding:12px}.arrivalCardP1{padding:20px}.arrivalCardP1>h1{font-size:30px}.arrivalMetaP1,.postShowP1{grid-template-columns:1fr 1fr}.arrivalCardP1>.concourseBrandP1>span{font-size:16px}} @media(max-width:480px){.arrivalMetaP1,.postShowP1{grid-template-columns:1fr}} /* PATCH1.4 — CAREER BUSINESS HUB (additive UI; core mechanics untouched) */ .businessHubP14{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:18px 0 22px}.businessHubP14 button{text-align:left;min-height:86px;padding:15px;border-radius:14px}.businessHubP14 button b,.businessHubP14 button small{display:block}.businessHubP14 button small{margin-top:7px;opacity:.72;line-height:1.35}.businessColumnsP14{display:grid;grid-template-columns:1.15fr .85fr;gap:16px;margin:0 0 24px}.businessColumnsP14>article{padding:18px;border:1px solid rgba(255,255,255,.1);border-radius:16px;background:rgba(255,255,255,.025)}.businessColumnsP14 header small{opacity:.6}.businessColumnsP14 header h3{margin:4px 0 14px}.businessColumnsP14 p{opacity:.8;line-height:1.5}.venueRelP14{display:grid;grid-template-columns:1fr auto;gap:4px 12px;padding:10px 0;border-bottom:1px solid rgba(255,255,255,.07)}.venueRelP14 span b,.venueRelP14 span small{display:block}.venueRelP14 span small{opacity:.58;margin-top:2px}.venueRelP14 strong{font-size:20px}.venueRelP14 i{grid-column:1/-1;height:4px;border-radius:9px;background:rgba(255,255,255,.08);overflow:hidden}.venueRelP14 i u{display:block;height:100%;background:currentColor;border-radius:9px}@media(max-width:900px){.businessHubP14{grid-template-columns:1fr 1fr}.businessColumnsP14{grid-template-columns:1fr}}@media(max-width:600px){.businessHubP14{grid-template-columns:1fr}} /* PATCH1.5 • SPONSOR OFFICE */ .sponsorOfficeP15{padding-bottom:70px}.sponsorStatsP15{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:18px 0}.sponsorStatsP15>div,.sponsorGuardP15,.activeSponsorP15 article,.sponsorGridP15 article,.sponsorHistoryP15 article{border:1px solid rgba(255,255,255,.11);background:rgba(255,255,255,.035);border-radius:16px}.sponsorStatsP15>div{padding:16px}.sponsorStatsP15 small{display:block;opacity:.62;font-size:10px;letter-spacing:.12em}.sponsorStatsP15 b{display:block;font-size:22px;margin-top:6px}.sponsorGuardP15{padding:14px 16px;display:grid;grid-template-columns:auto 1fr auto;gap:16px;align-items:center;margin-bottom:24px}.sponsorGuardP15 b{font-size:12px;letter-spacing:.1em}.sponsorGuardP15 span{opacity:.72;font-size:12px;line-height:1.45}.activeSponsorP15{display:grid;gap:10px}.activeSponsorP15 article{padding:15px;display:grid;grid-template-columns:1fr minmax(190px,280px);gap:20px;align-items:center}.activeSponsorP15 h3,.sponsorGridP15 h3{margin:5px 0}.activeSponsorP15 p,.sponsorGridP15 p{opacity:.7;margin:4px 0;line-height:1.45}.healthP15 span{font-weight:800}.healthP15 i{height:6px;background:rgba(255,255,255,.1);display:block;border-radius:20px;overflow:hidden;margin:7px 0}.healthP15 i u{display:block;height:100%;background:currentColor}.healthP15 small{opacity:.6}.sponsorGridP15{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.sponsorGridP15 article{padding:17px;position:relative}.sponsorGridP15 article.locked{opacity:.55}.sponsorIconP15{font-size:28px}.termsP15{display:grid;gap:5px;margin:14px 0;font-size:12px}.termsP15 span{opacity:.75}.termsP15 strong{font-size:11px}.termsP15 em{font-size:11px;font-style:normal}.dealActionsP15{display:flex;gap:7px;flex-wrap:wrap}.dealActionsP15 button{flex:1;min-width:110px}.sponsorHistoryP15{display:grid;gap:8px}.sponsorHistoryP15 article{padding:12px 14px;display:grid;grid-template-columns:30px 1fr auto;gap:10px;align-items:start}.sponsorHistoryP15 p{margin:3px 0;opacity:.68}.sponsorHistoryP15 small{opacity:.55}@media(max-width:760px){.sponsorStatsP15{grid-template-columns:repeat(2,1fr)}.sponsorGridP15{grid-template-columns:1fr}.sponsorGuardP15{grid-template-columns:1fr}.activeSponsorP15 article{grid-template-columns:1fr}} /* PATCH1.6 — Booking negotiation desk */ .bookingDeskP16{margin:18px 0;padding:18px;border:1px solid rgba(255,255,255,.12);border-radius:18px;background:linear-gradient(135deg,rgba(16,24,38,.96),rgba(8,12,20,.94));box-shadow:0 18px 45px rgba(0,0,0,.22)} .bookingDeskP16 header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:14px}.bookingDeskP16 header small,.bookingNegP16 small{letter-spacing:.12em;opacity:.68}.bookingDeskP16 header h3{margin:3px 0 0}.bookingDeskP16 header>span{padding:7px 10px;border:1px solid rgba(255,255,255,.13);border-radius:999px;font-size:11px;font-weight:800;letter-spacing:.08em}.bookingDeskP16>p{margin:14px 0 0;opacity:.78;line-height:1.5} .bookingDeskStatsP16{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.bookingDeskStatsP16 article{padding:12px;border-radius:13px;background:rgba(255,255,255,.055);border:1px solid rgba(255,255,255,.075)}.bookingDeskStatsP16 small{display:block;font-size:10px;opacity:.62;margin-bottom:4px}.bookingDeskStatsP16 b{font-size:15px} .bookingNegP16{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px;margin:12px 0;border:1px solid rgba(255,255,255,.10);border-radius:14px;background:rgba(255,255,255,.045)}.bookingNegP16>div:first-child{display:flex;flex-direction:column;gap:3px}.bookingNegP16 span{font-size:11px;opacity:.68}.bookingNegActionsP16{display:flex;gap:7px;flex-wrap:wrap}.bookingNegActionsP16 button{padding:9px 11px;border-radius:10px;font-size:11px;font-weight:800} @media(max-width:760px){.bookingDeskStatsP16{grid-template-columns:repeat(2,minmax(0,1fr))}.bookingNegP16{align-items:flex-start;flex-direction:column}.bookingNegActionsP16{width:100%}.bookingNegActionsP16 button{flex:1}} /* PATCH1.7 — CONTRACT SIGNING MOMENT */ .contractOverlayP17{position:fixed;inset:0;z-index:100000;background:rgba(3,5,10,.88);backdrop-filter:blur(14px);display:grid;place-items:center;padding:22px;animation:contractFadeP17 .22s ease} .contractModalP17{width:min(1450px,96vw);max-height:94vh;overflow:auto;background:linear-gradient(155deg,#11151d,#080b10 62%);border:1px solid rgba(218,176,73,.45);border-radius:24px;box-shadow:0 40px 120px #000;position:relative} .contractHeaderP17{display:flex;align-items:center;justify-content:space-between;padding:22px 28px;border-bottom:1px solid rgba(255,255,255,.08);position:sticky;top:0;background:rgba(8,11,16,.94);z-index:3;backdrop-filter:blur(12px)} .contractHeaderP17 small{color:#d7af53;font-weight:900;letter-spacing:.15em}.contractHeaderP17 h1{margin:2px 0 0;font-size:clamp(28px,4vw,54px);letter-spacing:.01em;color:#f2d589}.contractHeaderP17 button{border:0;background:#171b22;color:#fff;border-radius:12px;width:42px;height:42px;font-size:28px;cursor:pointer} .contractBodyP17{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(400px,.85fr);gap:0;min-height:650px}.contractMomentP17{position:relative;min-height:650px;background:#090b0f;overflow:hidden}.contractCinemaP17{height:440px;position:relative;overflow:hidden;background:radial-gradient(circle at 35% 30%,#5d1d74,#121523 55%,#08090d)}.contractCinemaP17>img{width:100%;height:100%;object-fit:cover;object-position:center;display:block}.contractCinemaP17.generic .venuePhoto9986,.contractCinemaP17.generic>div:first-child{height:100%}.contractCinemaP17.generic img{width:100%;height:100%;object-fit:cover}.contractCinemaShadeP17{position:absolute;inset:0;background:linear-gradient(180deg,transparent 35%,rgba(3,5,9,.96) 100%)}.contractCinemaCopyP17{position:absolute;left:28px;bottom:24px}.contractCinemaCopyP17 small{color:#e0bc62;font-weight:900;letter-spacing:.13em}.contractCinemaCopyP17 h2{font-size:clamp(26px,3vw,45px);margin:4px 0}.contractCinemaCopyP17 p{margin:0;color:#c5cad3}.contractDealP17{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;padding:22px}.contractDealP17 div{padding:15px;background:#11161f;border:1px solid rgba(255,255,255,.07);border-radius:14px}.contractDealP17 small{display:block;color:#777f8e;font-size:10px;letter-spacing:.1em;font-weight:800;margin-bottom:6px}.contractDealP17 b{font-size:15px;color:#eef1f5}.contractDealP17 div:nth-child(4) b,.contractDealP17 div:nth-child(5) b{color:#6ee883} .contractPaperWrapP17{padding:26px;background:linear-gradient(135deg,#17140d,#0e1015);display:grid;place-items:center}.contractPaperP17{width:min(100%,580px);min-height:610px;background:#ede6d8;color:#171717;padding:36px 40px;box-shadow:0 20px 50px #0009,0 0 0 1px #a99061;position:relative;font-family:Arial,sans-serif}.contractPaperP17:before{content:"";position:absolute;inset:0;pointer-events:none;opacity:.2;background-image:radial-gradient(#806e4c .45px,transparent .5px);background-size:5px 5px}.contractPaperP17>*{position:relative}.contractPaperTopP17{display:flex;justify-content:space-between;border-bottom:1px solid #978866;padding-bottom:12px}.contractPaperTopP17 div{display:flex;flex-direction:column}.contractPaperTopP17 small{font-weight:800;letter-spacing:.15em;font-size:9px}.contractPaperTopP17 b{font-size:14px;letter-spacing:.06em}.contractPaperTopP17>span{font:11px monospace;color:#5f5645}.contractPaperP17 h3{text-align:center;margin:26px 0 18px;font-size:20px}.contractPaperP17 h4{font-size:11px;margin:21px 0 7px;border-bottom:1px solid #c0b69f;padding-bottom:4px}.contractPaperP17 p{font-size:12px;line-height:1.55}.contractPaperP17 dl{display:grid;grid-template-columns:145px 1fr;gap:5px 10px;font-size:11px;margin:0}.contractPaperP17 dt{color:#655e51}.contractPaperP17 dd{margin:0;font-weight:700}.contractSignaturesP17{display:grid;grid-template-columns:1fr 1fr;gap:40px;margin-top:35px}.contractSignaturesP17>div{border-bottom:1px solid #262626;padding-bottom:4px;display:flex;flex-direction:column}.contractSignatureP17{font-family:"Brush Script MT",cursive;font-size:26px;color:#30261d;font-style:italic}.contractSignatureP17.artist{color:#243a7a}.contractSignaturesP17 small{font-size:9px;font-weight:800;margin-top:7px} /* v10118 premium 3D world globe */ .worldMapHero10118{display:grid;grid-template-columns:minmax(260px,320px) minmax(420px,1fr) minmax(280px,360px);gap:18px;align-items:stretch;margin:16px 0 22px;padding:18px;border-radius:22px;border:1px solid rgba(118,137,255,.18);background:linear-gradient(145deg,rgba(8,14,28,.98),rgba(12,19,34,.96));box-shadow:0 22px 52px rgba(0,0,0,.28),inset 0 1px 0 rgba(255,255,255,.04)} .worldMapCopy10118,.worldMapInsights10118{display:flex;flex-direction:column;justify-content:center}.worldMapCopy10118 small,.mapInsightGrid10118 small{font-size:10px;letter-spacing:.16em;font-weight:900;color:#8be4ff}.worldMapCopy10118 h3{margin:8px 0 10px;font-size:28px;line-height:1.06}.worldMapCopy10118 p{margin:0;color:#aebdd3;font-size:14px;line-height:1.6}.worldMapStats10118{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:16px}.worldMapStats10118 span,.mapInsightGrid10118 article{padding:13px 14px;border-radius:16px;border:1px solid rgba(255,255,255,.08);background:linear-gradient(155deg,rgba(16,23,41,.96),rgba(10,15,27,.98))}.worldMapStats10118 b{display:block;font-size:24px;color:#fff}.worldMapStats10118 small{display:block;margin-top:4px;letter-spacing:.1em}.globeStage10118{position:relative;display:flex;align-items:center;justify-content:center;min-height:540px;perspective:1200px}.globeAura10118{position:absolute;width:88%;height:88%;border-radius:50%;background:radial-gradient(circle,rgba(122,92,255,.18),rgba(30,144,255,.14) 42%,rgba(9,16,27,0) 72%);filter:blur(14px);animation:globePulse10118 5.5s ease-in-out infinite}.globeSphere10118{position:relative;width:min(100%,560px);aspect-ratio:1/1;transform-style:preserve-3d;transform:rotateX(14deg)}.globeSphere10118 svg{width:100%;height:100%;display:block;filter:drop-shadow(0 24px 40px rgba(4,8,16,.55))}.globeMesh10118 ellipse{fill:none;stroke:rgba(129,181,255,.16);stroke-width:1.35}.globeLand10118 path{fill:rgba(44,212,191,.18);stroke:rgba(94,234,212,.2);stroke-width:1.1}.globeArc10118 path{fill:none;stroke:rgba(233,89,255,.55);stroke-width:2.2;stroke-linecap:round;filter:drop-shadow(0 0 8px rgba(233,89,255,.3))}.globeDisc10118{filter:drop-shadow(0 0 24px rgba(75,113,255,.24))}.globeRim10118{stroke:rgba(255,255,255,.14);stroke-width:2}.mapPoint10118{position:absolute;transform:translate(-50%,-50%);display:flex;align-items:center;gap:8px;padding:5px 10px 5px 6px;border:none;border-radius:999px;background:rgba(8,13,22,.88);box-shadow:0 10px 24px rgba(0,0,0,.35);color:#eff7ff;pointer-events:none}.mapPoint10118 span{width:26px;height:26px;display:grid;place-items:center;border-radius:50%;background:rgba(255,255,255,.10);font-size:14px}.mapPoint10118 em{font-style:normal;font-size:11px;font-weight:800;letter-spacing:.02em;white-space:nowrap}.mapPoint10118.current{background:linear-gradient(90deg,rgba(118,92,255,.94),rgba(34,211,238,.94))}.mapPoint10118.current span{background:rgba(255,255,255,.18)}.mapPoint10118.upcoming{border:1px solid rgba(249,115,22,.45)}.mapPoint10118.strong{border:1px solid rgba(45,212,191,.5)}.globeLabel10118{position:absolute;left:24px;bottom:30px;padding:12px 14px;border-radius:16px;background:rgba(7,11,20,.8);border:1px solid rgba(255,255,255,.08);backdrop-filter:blur(6px)}.globeLabel10118 small{display:block;font-size:10px;letter-spacing:.12em;color:#8be4ff}.globeLabel10118 b{display:block;font-size:20px;margin:4px 0 2px}.globeLabel10118 span{font-size:12px;color:#aebdd3}.mapInsightGrid10118{display:grid;gap:10px}.mapInsightGrid10118 b{display:block;margin:6px 0 4px;font-size:18px;color:#fff}.mapInsightGrid10118 p{margin:0;color:#aebdd3;font-size:12px;line-height:1.45}.worldLayers990 .worldMapHero10118{margin-top:0}.worldpage10111 .worldMapHero10118{scroll-margin-top:12px} @keyframes globePulse10118{0%,100%{transform:scale(.96);opacity:.7}50%{transform:scale(1.02);opacity:1}} @media(max-width:1220px){.worldMapHero10118{grid-template-columns:1fr;}.worldMapCopy10118,.worldMapInsights10118{order:0}.globeStage10118{order:-1;min-height:480px}.worldMapStats10118{grid-template-columns:repeat(3,minmax(0,1fr))}} @media(max-width:760px){.worldMapHero10118{padding:14px}.globeStage10118{min-height:360px}.worldMapStats10118{grid-template-columns:1fr}.mapPoint10118 em{display:none}.globeLabel10118{left:16px;right:16px;bottom:16px}} /* v10141 — restored walk-to-stage DJ presence (back-view silhouette, no avatar art dependency) */ .corridorDjEntry10141{position:absolute;z-index:3;left:50%;bottom:-2vh;width:104px;height:224px;transform:translateX(-50%) scale(.72);transform-origin:50% 100%;opacity:.82;filter:drop-shadow(0 10px 18px rgba(0,0,0,.72));transition:transform 1.15s cubic-bezier(.18,.7,.18,1),opacity .75s ease,filter .75s ease;pointer-events:none} .corridorDjEntry10141 .djHead10141{position:absolute;left:37px;top:9px;width:31px;height:36px;border-radius:48% 48% 45% 45%;background:linear-gradient(155deg,#0c1017,#020305);box-shadow:inset -5px -4px 9px rgba(255,255,255,.025)} .corridorDjEntry10141 .djPhones10141{position:absolute;left:29px;top:15px;width:46px;height:25px;border:4px solid #080c12;border-bottom:0;border-radius:28px 28px 0 0;box-sizing:border-box}.corridorDjEntry10141 .djPhones10141:before,.corridorDjEntry10141 .djPhones10141:after{content:"";position:absolute;top:10px;width:8px;height:16px;border-radius:5px;background:#05070b}.corridorDjEntry10141 .djPhones10141:before{left:-7px}.corridorDjEntry10141 .djPhones10141:after{right:-7px} .corridorDjEntry10141 .djBody10141{position:absolute;left:20px;top:44px;width:66px;height:134px;border-radius:28px 28px 14px 14px;background:linear-gradient(120deg,#0b111a 0,#020406 74%);clip-path:polygon(18% 0,82% 0,100% 24%,86% 100%,14% 100%,0 24%)} .corridorDjEntry10141 .djArm10141{position:absolute;top:61px;width:17px;height:102px;border-radius:12px;background:#05080d;transform-origin:50% 8%}.corridorDjEntry10141 .djArm10141.left{left:10px;transform:rotate(8deg)}.corridorDjEntry10141 .djArm10141.right{right:8px;transform:rotate(-9deg)} .corridorDjEntry10141 b{position:absolute;left:50%;bottom:20px;transform:translateX(-50%);max-width:180px;font-size:10px;letter-spacing:.19em;white-space:nowrap;color:rgba(225,238,249,.76);text-shadow:0 2px 10px #000} .corridor9948.neonEntry9965[data-entry-step="1"] .corridorDjEntry10141{transform:translateX(-50%) translateY(-9px) scale(.82);opacity:.9} .corridor9948.neonEntry9965[data-entry-step="2"] .corridorDjEntry10141{transform:translateX(-50%) translateY(-25px) scale(.94);opacity:.96;filter:drop-shadow(0 12px 20px rgba(0,0,0,.78))} .corridor9948.neonEntry9965[data-entry-step="3"] .corridorDjEntry10141{transform:translateX(-50%) translateY(-46px) scale(1.10);opacity:.24;filter:drop-shadow(0 0 24px rgba(215,242,255,.38)) brightness(1.4)} .corridor9948.finalHit9965 .corridorDjEntry10141{opacity:0} @media(max-width:760px){.corridorDjEntry10141{width:86px;height:190px;transform:translateX(-50%) scale(.62);bottom:0}.corridorDjEntry10141 .djBody10141{left:17px;width:56px;height:112px}.corridorDjEntry10141 .djHead10141{left:31px}.corridorDjEntry10141 .djPhones10141{left:24px}} /* styles/30-show-modern.css */ .contractPaperP17 footer{margin-top:28px;display:flex;justify-content:space-between;align-items:center}.contractPaperP17 footer span{border:2px solid #277143;color:#277143;font-weight:900;transform:rotate(-4deg);padding:6px 10px;font-size:11px}.contractPaperP17 footer small{font:9px monospace;color:#716958} .contractActionsP17{display:flex;justify-content:flex-end;gap:10px;padding:18px 28px;border-top:1px solid rgba(255,255,255,.08);background:#090c11}.contractActionsP17 button{padding:12px 18px;border-radius:11px;border:1px solid #343943;background:#171b22;color:#fff;font-weight:900;cursor:pointer}.contractActionsP17 button.primary{background:linear-gradient(180deg,#d9b456,#9b7627);color:#0b0b0b;border-color:#e7c66e} @keyframes contractFadeP17{from{opacity:0;transform:scale(.985)}to{opacity:1;transform:scale(1)}} @media(max-width:950px){.contractBodyP17{grid-template-columns:1fr}.contractMomentP17{min-height:auto}.contractPaperWrapP17{padding:18px}.contractDealP17{grid-template-columns:repeat(2,1fr)}} @media(max-width:600px){.contractOverlayP17{padding:0}.contractModalP17{width:100vw;max-height:100vh;border-radius:0}.contractHeaderP17{padding:15px}.contractCinemaP17{height:330px}.contractDealP17{grid-template-columns:1fr 1fr;padding:14px}.contractPaperP17{padding:26px 22px}.contractPaperP17 dl{grid-template-columns:110px 1fr}.contractActionsP17{position:sticky;bottom:0;z-index:4}.contractActionsP17 button{flex:1}} /* PATCH1.8 — CONTRACT ARCHIVE & SIGNING POLISH */ .contractOverlayP17.signedInP18 .contractModalP17{animation:contractSignedPopP18 .45s cubic-bezier(.2,.85,.22,1)} .contractOverlayP17.signedInP18 .contractPaperP17 footer span{animation:contractStampP18 .65s cubic-bezier(.2,.9,.2,1) .18s both} @keyframes contractSignedPopP18{0%{transform:translateY(18px) scale(.985);opacity:.25}100%{transform:none;opacity:1}} @keyframes contractStampP18{0%{transform:rotate(-10deg) scale(1.8);opacity:0}65%{transform:rotate(-3deg) scale(.92);opacity:1}100%{transform:rotate(-4deg) scale(1);opacity:1}} .contractArchiveBtnP18{margin-left:auto;align-self:center;border:1px solid rgba(218,176,73,.35)!important;background:rgba(218,176,73,.09)!important;color:#efd27c!important;font-weight:900!important} .contractArchiveP18{padding-bottom:70px}.contractArchiveStatsP18{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:11px;margin:18px 0 22px}.contractArchiveStatsP18 article{padding:16px;border:1px solid rgba(255,255,255,.1);border-radius:15px;background:rgba(255,255,255,.035)}.contractArchiveStatsP18 small{display:block;opacity:.58;font-size:10px;letter-spacing:.11em}.contractArchiveStatsP18 b{display:block;margin-top:5px;font-size:21px}.contractArchiveListP18{display:grid;gap:10px}.contractArchiveCardP18{display:grid;grid-template-columns:54px minmax(0,1fr) 150px auto;gap:15px;align-items:center;padding:15px 16px;border:1px solid rgba(255,255,255,.1);border-radius:17px;background:linear-gradient(135deg,rgba(255,255,255,.045),rgba(255,255,255,.02))}.contractArchiveSealP18{width:44px;height:44px;display:grid;place-items:center;border-radius:50%;border:2px solid #cfa64d;color:#e7c66e;font-size:23px;font-weight:900;box-shadow:0 0 24px rgba(207,166,77,.13)}.contractArchiveCardP18 small{font-size:9px;letter-spacing:.08em;opacity:.55}.contractArchiveCardP18 h3{margin:4px 0 2px}.contractArchiveCardP18 p{margin:0 0 4px;opacity:.72;font-size:12px}.contractArchiveCardP18 span{font-size:11px;opacity:.58}.contractArchiveValueP18{text-align:right}.contractArchiveValueP18 b{display:block;color:#71e58a;font-size:18px}.contractArchiveValueP18 em{display:block;color:#e8cb76;font-size:9px;font-style:normal;font-weight:900;margin-top:5px}.contractArchiveActionsP18{display:flex;flex-direction:column;gap:6px}.contractArchiveActionsP18 button{white-space:nowrap;padding:9px 11px;border-radius:10px;font-size:10px;font-weight:900} @media(max-width:850px){.contractArchiveStatsP18{grid-template-columns:repeat(2,1fr)}.contractArchiveCardP18{grid-template-columns:44px 1fr}.contractArchiveValueP18{text-align:left}.contractArchiveActionsP18{grid-column:1/-1;flex-direction:row}.contractArchiveActionsP18 button{flex:1}} @media(max-width:520px){.contractArchiveStatsP18{grid-template-columns:1fr 1fr}.contractArchiveCardP18{grid-template-columns:1fr}.contractArchiveSealP18{display:none}.contractArchiveActionsP18{grid-column:auto}} /* PATCH1.8.2 — Studio real-player collaboration */ .realStudioPlayer995{align-items:center}.realStudioAvatar995{width:58px;height:58px;border-radius:14px;overflow:hidden;display:grid;place-items:center;font-size:28px;background:rgba(255,255,255,.06);flex:0 0 auto}.realStudioAvatar995 img{width:100%;height:100%;object-fit:cover}.realPlayerCollabNotice995{border:1px solid rgba(92,231,255,.28);background:linear-gradient(135deg,rgba(24,55,75,.42),rgba(18,18,24,.8))}.realPlayerCollabNotice995>button{margin:14px 18px 18px}.studioProjectSetup9963 input#studioTitle995:placeholder-shown{border-color:rgba(255,255,255,.18)} /* PATCH1.7 DJ ACADEMY — real live-set controls */ .academyControls743{display:flex;gap:12px;flex-wrap:wrap;justify-content:center;margin:16px 0}.academyControls743 span{display:flex;align-items:center;gap:6px;background:#0d1525;border:1px solid rgba(255,255,255,.12);border-radius:12px;padding:9px 12px}.academyControls743 kbd{background:#26344f;border:1px solid rgba(255,255,255,.22);border-bottom-width:3px;border-radius:7px;padding:5px 8px;font:800 12px/1 system-ui;color:#fff}.academyControls743 b{font-size:11px;letter-spacing:.08em;opacity:.8}.academyQuickGuide743{text-align:center}.academyTrainer743{text-align:center}.academyDeckReadout743{display:grid;grid-template-columns:1fr 1fr;gap:12px}.academyDeckReadout743>div{background:#0d1525;border-radius:15px;padding:18px}.academyDeckReadout743 strong{display:block;font-size:clamp(22px,4vw,34px);margin-top:6px}.academyWaveTrainer743{height:92px;position:relative;overflow:hidden;margin:18px 0;border-radius:14px;background:repeating-linear-gradient(90deg,#18233a 0 18px,#0f1726 18px 36px)}.academyWaveTrainer743 i{position:absolute;left:50%;top:0;bottom:0;width:4px;background:#fff;opacity:.8}.academyWaveTrainer743 u{position:absolute;top:10px;bottom:10px;width:10px;border-radius:6px;background:#f3c75f;transform:translateX(-50%);transition:left .08s linear}.academyPhaseReadout743{font-size:13px;letter-spacing:.08em}.academyTouchControls743{display:flex;justify-content:center;gap:8px;flex-wrap:wrap;margin:14px 0}.academyTouchControls743 button{min-height:44px;min-width:112px}.academyTrainer743 #academyReady743{font-weight:900;letter-spacing:.08em;opacity:.65}.academyTrainer743 #academyReady743.ready{opacity:1}.academyTransitionCount743{display:block;margin-top:12px}.certificate743 span{display:block;font-size:38px;margin:8px}.certificate743 p{margin:7px 0;opacity:.75}.certificate743 em,.certificate743 u{display:block;margin-top:12px;font-style:normal;text-decoration:none;font-size:11px;letter-spacing:.08em}.certificate743 u{opacity:.5;border-top:1px solid rgba(255,255,255,.14);padding-top:12px} @media(max-width:640px){.academyDeckReadout743{grid-template-columns:1fr}.academyControls743{justify-content:flex-start}.academyControls743 span{flex:1 1 auto;justify-content:center}.academyTouchControls743 button{flex:1 1 44%}} /* PATCH1.8 — DJ Academy career tutorial + live moving-waveform final exam */ .academyTutorialPage743,.academyFinalPage743{max-width:980px} .academyTutorialProgress743{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:0 0 16px}.academyTutorialProgress743 span{display:flex;align-items:center;gap:9px;padding:11px 12px;border:1px solid rgba(255,255,255,.12);border-radius:12px;background:#101827;opacity:.5}.academyTutorialProgress743 span b{display:grid;place-items:center;width:26px;height:26px;border-radius:50%;background:#26334a}.academyTutorialProgress743 span small{font-weight:900;letter-spacing:.08em}.academyTutorialProgress743 span.active{opacity:1;border-color:#f3c75f88}.academyTutorialProgress743 span.done{opacity:1;border-color:#45d59b66}.academyTutorialProgress743 span.done b{background:#173b31;color:#45d59b} .academyTravelCard743{max-width:720px;margin:auto;padding:8px;text-align:left}.academyTravelCard743>small{color:#f3c75f;font-weight:900;letter-spacing:.12em}.academyTravelCard743 h2{font-size:clamp(25px,4vw,42px);margin:8px 0}.academyTravelCard743 p{line-height:1.55;color:#b7c2d3}.academyTravelFacts743{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:18px 0}.academyTravelFacts743 span{padding:14px;background:#172238;border-radius:12px}.academyTravelFacts743 b{display:block;margin-top:5px}.academyTutorHint743{padding:13px 15px;border-left:3px solid #f3c75f;background:#171f30;border-radius:0 10px 10px 0}.academyHotelMock743{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:18px 0}.academyHotelMock743 button{min-height:110px;padding:15px;text-align:left;background:#172238;color:inherit;border:1px solid #33415a;border-radius:13px}.academyHotelMock743 button b,.academyHotelMock743 button small{display:block}.academyHotelMock743 button small{margin-top:8px;color:#9da9bb}.academyBoarding743{display:grid;grid-template-columns:1fr auto 1fr;gap:16px;align-items:center;margin:18px 0;padding:18px;border:1px solid #33415a;border-radius:14px;background:#0c1422;text-align:center}.academyBoarding743 b{display:block;font-size:30px}.academyBoarding743 span{font-size:28px;color:#f3c75f} @media(max-width:650px){.academyTutorialProgress743{grid-template-columns:repeat(2,1fr)}.academyTravelFacts743,.academyHotelMock743{grid-template-columns:1fr}} /* PATCH 1-15 — PULSE editorial identity */ .pulseFeed113 article{position:relative;overflow:hidden}.pulseFeed113 .pressPulse113{border-color:#8d72e866;background:linear-gradient(135deg,#151128,#0b1320)}.pulseFeed113 .pressPulse113:before{content:"PRESS";position:absolute;top:0;right:0;padding:4px 7px;background:#8d72e8;color:#fff;font-size:6px;font-weight:1000;letter-spacing:.8px}.pulseFeed113 .pressPulse113 small{color:#c7b9ff;font-weight:1000;letter-spacing:.5px}.pulseFeed113 .fanPulse113{border-left:3px solid #5ad9b4}.pulseFeed113 .fanPulse113 small{color:#72e5c4}.pulseFeed113 article p{line-height:1.55}.pulseFeed113 article b{display:block;margin-top:8px;padding-top:7px;border-top:1px solid #ffffff12} /* PATCH 1-17 — LIFE BALANCE is a first-class Home card */ .fmLifeBalance112 header span{color:#e5beff;font-size:10px;font-weight:900}.fmLifeBalanceBody112{padding:16px}.fmLifeBalanceBody112>div{display:grid;grid-template-columns:1fr auto;gap:7px 10px;margin-bottom:14px}.fmLifeBalanceBody112 small{color:#93a0b8;font-size:10px;font-weight:800}.fmLifeBalanceBody112 b{color:#f1d5ff;font-size:18px}.fmLifeBalanceBody112 i{grid-column:1/-1;height:7px;border-radius:99px;background:#202b47;overflow:hidden}.fmLifeBalanceBody112 i u{display:block;height:100%;background:linear-gradient(90deg,#6de4c5,#a24eff);border-radius:inherit}.fmLifeBalanceBody112 p{margin:4px 0 0;color:#c6ccda;font-size:11px;line-height:1.45} /* PATCH 1-18 — balanced Home dashboard */ .fmMiddle970{grid-template-columns:repeat(4,minmax(0,1fr))}.fmBottom970{grid-template-columns:1.35fr 1.05fr .95fr}.fmMiddle970 .fmPanel970{min-height:238px}.fmBottom970 .fmPanel970{min-height:228px} @media(max-width:1450px){.fmMiddle970{grid-template-columns:repeat(2,minmax(0,1fr))}.fmBottom970{grid-template-columns:1.25fr 1fr 1fr}.fmTour970{grid-column:auto}} /* PATCH 1-19 — LIFE BALANCE activities */ .lifeBalanceIntro112{margin:16px 0;display:flex;align-items:center;justify-content:space-between;gap:18px;padding:18px 20px;border:1px solid #334166;border-radius:16px;background:linear-gradient(115deg,#111a2d,#161225)}.lifeBalanceIntro112 small{color:#64ddff;font-size:10px;font-weight:900;letter-spacing:1.3px}.lifeBalanceIntro112 h3{margin:5px 0;font-size:19px}.lifeBalanceIntro112 p{margin:0;color:#aeb9cc;font-size:11px}.lifeBalanceIntro112>button{min-width:230px;padding:13px 16px;border:0;border-radius:11px;background:linear-gradient(90deg,#6851a7,#ad4f78);color:white;font-size:12px;font-weight:900}.lifeBalanceIntro112 button small{color:#f0defc;font-size:9px;letter-spacing:0}.lifeActivities112{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.lifeActivities112 article{padding:16px;border:1px solid #2b3859;border-radius:15px;background:linear-gradient(160deg,#101a2c,#0c1322);min-height:245px;display:flex;flex-direction:column}.lifeActivities112 article.risk112{border-color:#745f37;background:linear-gradient(160deg,#211b14,#0c1322)}.lifeActIcon112{font-size:30px;margin-bottom:10px}.lifeActivities112 small{font-size:8px;color:#6dddfb;font-weight:900;letter-spacing:.8px}.lifeActivities112 h3{margin:7px 0;font-size:14px}.lifeActivities112 p{margin:0;color:#aab5c8;line-height:1.5;font-size:10px;min-height:46px}.lifeActivities112 article>div:not(.lifeActIcon112){display:flex;flex-wrap:wrap;gap:6px;margin-top:auto;padding:12px 0}.lifeActivities112 span{padding:4px 6px;border-radius:99px;background:#1b2944;color:#b9c8df;font-size:9px}.lifeActivities112 button{width:100%;min-height:36px;border:1px solid #6b54a4;border-radius:8px;background:#1e1932;color:#eadbff;font-size:10px;font-weight:900}.lifeActivities112 button:hover{background:#34265a;color:#fff}.lifeBalanceFooter112{text-align:center;color:#8391a7;font-size:12px;margin:20px 0}@media(max-width:1100px){.lifeActivities112{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:620px){.lifeBalanceIntro112{display:block}.lifeBalanceIntro112>button{width:100%;margin-top:14px}.lifeActivities112{grid-template-columns:1fr}} /* PATCH 1-20 — world markets map */ .fmMarkets970 header span{color:#68dfff;font-size:10px;font-weight:900;letter-spacing:.8px}.fmMarkets970 .fmMarketGrid970{padding:3px 12px 0}.fmMarkets970 .fmMarketGrid970 p{margin:3px 0}.fmMarkets970{min-height:310px!important} /* The Concourse Project: approved interior photography + supplied standalone logo. */ .clubHuntVisualP28.officialConcourseP30{height:355px;background:#02070b}.clubHuntVisualP28.officialConcourseP30:after{background:linear-gradient(0deg,#02070b66,transparent 55%)}.clubHuntVisualP28.officialConcourseP30>div:last-child{display:none}.clubHuntVisualP28 .concourseInteriorP31{display:block;width:100%;height:100%;object-fit:cover;object-position:center 55%;filter:none}.clubHuntVisualP28 .concourseLogoP31{position:absolute;z-index:3;left:28px;bottom:20px;width:205px;height:62px;object-fit:cover;object-position:center;background:#000;border:1px solid #ffffff45} /* Official Concourse hero: direct approved artwork and brand lockup; no generic photo wrapper. */ .clubHuntVisualP28 .concourseHeroP29{width:100%;height:100%;object-fit:cover;display:block;filter:none}.concourseHeroBrandP29 .concourseBrandP1 span,.concourseHeroBrandP29 .concourseBrandP1 small{display:block}.concourseHeroBrandP29 .concourseBrandP1 span{color:#fff;font-weight:1000;font-size:12px;letter-spacing:.8px}.concourseHeroBrandP29 .concourseBrandP1 small{margin-top:4px;color:#65e8ff;font-size:8px;font-weight:900;letter-spacing:.7px} /* Club Hunt repair: approved venue art + one detail panel + one action set. */ .clubHuntP28{max-width:1420px}.clubHuntSceneP28{display:grid;grid-template-columns:auto 1fr auto;gap:14px;align-items:center;padding:15px 18px;margin-bottom:15px;border:1px solid #334a72;border-radius:15px;background:linear-gradient(110deg,#111d31,#151326)}.clubHuntSceneP28>span{font-size:32px}.clubHuntSceneP28 small,.clubHuntSceneP28 b,.clubHuntSceneP28 p,.clubHuntSceneP28>div:last-child span{display:block}.clubHuntSceneP28 b{font-size:18px;margin-top:3px}.clubHuntSceneP28 p{margin:3px 0 0;color:#98a9c6;font-size:11px}.clubHuntSceneP28>div:last-child{text-align:right}.clubHuntSceneP28>div:last-child b{color:#64e7ff;font-size:25px}.clubHuntSceneP28>div:last-child span{color:#d76bff;font-size:9px;font-weight:900}.clubHuntLayoutP28{display:grid;grid-template-columns:330px minmax(0,1fr);gap:15px}.clubHuntRailP28{display:grid;align-content:start;gap:9px}.clubHuntPickP28{display:grid;grid-template-columns:90px 1fr;gap:10px;min-height:80px;padding:0;text-align:left;overflow:hidden;border:1px solid #293d5f;border-radius:12px;background:#10192a;color:#fff}.clubHuntPickP28 img,.clubHuntPickP28>span{width:90px;height:80px;object-fit:cover;display:grid;place-items:center;font-size:27px;background:#1b2943}.clubHuntPickP28>div{padding:11px 8px}.clubHuntPickP28 small,.clubHuntPickP28 b,.clubHuntPickP28 em{display:block}.clubHuntPickP28 small{color:#8ea0bd;font-size:8px}.clubHuntPickP28 b{margin:5px 0;font-size:14px}.clubHuntPickP28 em{color:#66e6bf;font-size:8px;font-style:normal;font-weight:900}.clubHuntPickP28.selected{border-color:#d668ff;box-shadow:0 0 0 2px #d668ff2c}.clubHuntDetailP28{overflow:hidden;border:1px solid #334a72;border-radius:16px;background:#0c1422}.clubHuntVisualP28{position:relative;height:260px;background:#111a2c;overflow:hidden}.clubHuntVisualP28>img,.clubHuntVisualP28 .venuePhoto9986,.clubHuntVisualP28 .venuePhoto9989,.clubHuntVisualP28 .clubHuntFallbackP28{width:100%;height:100%;display:block;object-fit:cover}.clubHuntVisualP28 .venuePhoto9986 img,.clubHuntVisualP28 .venuePhoto9989 img{width:100%;height:100%;object-fit:cover}.clubHuntVisualP28:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#070c16e8,transparent 62%);pointer-events:none}.clubHuntVisualP28>div:last-child{position:absolute;z-index:2;left:22px;bottom:18px}.clubHuntVisualP28 small{color:#ffd34e;font-weight:900;letter-spacing:1.1px}.clubHuntVisualP28 h2{margin:6px 0;font-size:34px}.clubHuntVisualP28 p{margin:0;color:#d2ddf3}.clubHuntDetailsP28{padding:20px}.clubHuntDetailsP28>p{margin-top:0;color:#aebbd1}.clubHuntDetailsP28 h3{margin:18px 0 10px;font-size:14px;letter-spacing:1px}.clubHuntActionsP28{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.clubHuntActionsP28 button{min-height:85px;padding:13px;text-align:left;border:1px solid #3a507b;border-radius:11px;background:#15213a;color:#fff}.clubHuntActionsP28 button:hover:not(:disabled){border-color:#d668ff;background:#221b3b}.clubHuntActionsP28 button:disabled{opacity:.42;cursor:not-allowed}.clubHuntActionsP28 b,.clubHuntActionsP28 span,.clubHuntActionsP28 small{display:block}.clubHuntActionsP28 b{font-size:13px}.clubHuntActionsP28 span{margin:8px 0 3px;color:#65e5ff;font-size:10px;font-weight:900}.clubHuntActionsP28 small{color:#a6b5cc;font-size:9px}.clubHuntLeaveP28{margin-top:14px;border:0;background:transparent;color:#93a5c3;font-size:10px;font-weight:900;letter-spacing:1px}@media(max-width:850px){.clubHuntLayoutP28{grid-template-columns:1fr}.clubHuntRailP28{grid-template-columns:repeat(2,1fr)}.clubHuntActionsP28{grid-template-columns:1fr}.clubHuntSceneP28{grid-template-columns:auto 1fr}.clubHuntSceneP28>div:last-child{display:none}}@media(max-width:500px){.clubHuntRailP28{grid-template-columns:1fr}.clubHuntVisualP28 h2{font-size:25px}} /* HOME market card system — intentionally replaces the compressed pseudo-map */ .fmMarkets970{min-height:0!important}.marketFootprint970{margin:12px;padding:18px;border:1px solid #273d64;border-radius:16px;background:radial-gradient(circle at 92% 4%,#56317a45,transparent 35%),linear-gradient(145deg,#111d33,#0b1323)}.marketFootprintHead970{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:15px}.marketFootprintHead970 small{color:#62e6ff;font-size:9px;font-weight:900;letter-spacing:1.4px}.marketFootprintHead970 h3{margin:5px 0 0;font-size:18px;letter-spacing:.3px}.marketFootprintHead970>span{max-width:150px;text-align:right;color:#9dadd0;font-size:9px;font-weight:800;line-height:1.45}.marketFootprintGrid970{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.marketFootprintCard970{position:relative;text-align:left;min-height:132px;padding:16px 12px 12px;border:1px solid #304a78;border-radius:12px;background:#101a2d;color:#fff;overflow:hidden}.marketFootprintCard970:hover{border-color:#c55dff;background:#18233c}.marketFootprintCard970>*{display:block}.marketPlace970{position:absolute;right:10px;top:8px;color:#526785;font-size:10px;font-weight:900}.marketFootprintCard970 strong{font-size:21px}.marketFootprintCard970 em{margin-top:9px;color:#d669ff;font-size:10px;font-style:normal;font-weight:900;letter-spacing:.6px}.marketFootprintCard970 b{margin-top:7px;color:#60e6ff;font-size:25px}.marketFootprintCard970 small{color:#8e9fbd;font-size:8px;font-weight:800;letter-spacing:.7px}.marketFootprintCard970 i{display:block;height:5px;margin-top:9px;border-radius:99px;background:#293c61;overflow:hidden}.marketFootprintCard970 i u{display:block;height:100%;background:linear-gradient(90deg,#6ae5ff,#c55dff)}@media(max-width:900px){.marketFootprintGrid970{grid-template-columns:repeat(2,1fr)}} /* Premium world-tour visual: geographic landmarks, connected markets, no placeholder bars */ .fmMarkets970{min-height:370px!important}@keyframes marketPulse970{0%,100%{transform:scale(.75);opacity:.25}50%{transform:scale(1.15);opacity:.85}}.fmMarkets970 .fmMarketGrid970{display:grid;grid-template-columns:repeat(4,1fr);gap:7px;padding:8px 12px}.fmMarkets970 .fmMarketGrid970 p{margin:0;padding:9px 7px;border:1px solid #263a60;border-radius:9px;background:#101b31}.fmMarkets970 .fmMarketGrid970 p span,.fmMarkets970 .fmMarketGrid970 p b,.fmMarkets970 .fmMarketGrid970 p em{display:block}.fmMarkets970 .fmMarketGrid970 p b{font-size:9px;color:#d87aff;margin:3px 0}.fmMarkets970 .fmMarketGrid970 p em{font-style:normal;color:#62e6ff;font-weight:900} /* Opening press cards — larger and immediately below the hero headline */ .start750pressquotes{gap:12px;max-width:1060px;margin:18px 0 20px}.start750pressquotes a{min-height:122px;padding:16px;border-color:#4d405f;background:#141522e8;gap:10px}.start750pressquotes small{font-size:10px;letter-spacing:1.5px}.start750pressquotes q{font-size:15px;line-height:1.42;font-weight:800} /* PATCH 1-24 — opening screen: press proof, utility navigation and community */ .start750navlinks{display:flex;align-items:center;gap:28px}.start750navlinks a{color:#eee;text-decoration:none;font-size:11px;font-weight:900;letter-spacing:1.7px}.start750navlinks a:first-child{color:#ff3aa6}.start750social{display:flex;gap:9px;align-items:center}.start750social a{display:grid;place-items:center;width:28px;height:28px;border:1px solid #776885;border-radius:50%;color:#fff;text-decoration:none;font-size:17px;font-weight:900}.start750social a:hover,.start750navlinks a:hover{color:#ff3aa6;border-color:#ff3aa6}.start750pressquotes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;max-width:950px;margin-top:18px}.start750pressquotes a{min-height:94px;padding:12px 13px;border:1px solid #3b3448;border-radius:11px;background:#141522d9;color:#dfe0e7;text-decoration:none;display:flex;flex-direction:column;gap:7px;transition:.18s}.start750pressquotes a:hover{transform:translateY(-2px);border-color:#ff3aa6;background:#1d1729}.start750pressquotes small{color:#ffcf43;font-size:9px;font-weight:900;letter-spacing:1.2px}.start750pressquotes q{font-size:12px;line-height:1.38;font-weight:700}.start750pressquotes q:before,.start750pressquotes q:after{color:#ff3aa6}@media(max-width:950px){.start750navlinks{gap:12px}.start750pressquotes{grid-template-columns:1fr}.start750social{display:none}}@media(max-width:650px){.start750navlinks a:not(:first-child){display:none}.start750pressquotes{margin-top:14px}.start750pressquotes a{min-height:0}.start750copy{padding-bottom:16px}} /* PATCH2 — FIRST 10 MINUTES */ .first10P2{grid-column:1/-1;margin:0 0 14px;padding:18px 20px;border:1px solid rgba(255,207,67,.42);border-radius:16px;background:linear-gradient(115deg,rgba(255,207,67,.12),rgba(11,17,29,.96) 42%,rgba(95,43,139,.18));display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px 18px;align-items:center;box-shadow:0 18px 55px rgba(0,0,0,.22)} .first10TagP2{grid-column:1/-1;color:#ffcf43;font-size:10px;font-weight:1000;letter-spacing:1.8px}.first10CopyP2 small{color:#8ea0bd;font-size:9px;font-weight:900;letter-spacing:1.2px}.first10CopyP2 h2{margin:5px 0 4px;font-size:25px}.first10CopyP2 p{margin:0 0 8px;color:#cbd4e5}.first10CopyP2 strong{font-size:12px;color:#fff}.first10GoP2{min-width:245px;min-height:54px}.first10LearnP2{grid-column:2;background:transparent!important;border:0!important;color:#8ea0bd!important;font-size:9px!important;font-weight:900!important;letter-spacing:.8px!important} @media(max-width:800px){.first10P2{grid-template-columns:1fr}.first10TagP2,.first10LearnP2{grid-column:1}.first10GoP2{width:100%}} /* PATCH2.1 — CINEMATIC CAREER INTRO */ .careerIntroP21{position:fixed;inset:0;z-index:99999;background:#05070b;color:#fff;overflow:hidden;font-family:inherit}.careerIntroBgP21{position:absolute;inset:-3%;background-position:center;background-size:cover;filter:saturate(.78) brightness(.5);animation:introDriftP21 8s ease-out both}.careerIntroP21:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(2,4,8,.92) 0%,rgba(2,4,8,.62) 42%,rgba(2,4,8,.16) 75%),linear-gradient(0deg,rgba(2,4,8,.86),transparent 58%);pointer-events:none}.careerIntroTopP21{position:absolute;z-index:2;left:clamp(22px,5vw,72px);right:clamp(22px,5vw,72px);top:28px;display:flex;align-items:center;justify-content:space-between}.careerIntroBrandP21{font-weight:900;letter-spacing:.16em;font-size:12px}.careerIntroSkipP21{border:1px solid rgba(255,255,255,.25);background:rgba(0,0,0,.28);color:#fff;border-radius:999px;padding:9px 15px;font-weight:800;letter-spacing:.08em;cursor:pointer}.careerIntroCopyP21{position:absolute;z-index:2;left:clamp(22px,7vw,100px);bottom:clamp(54px,10vh,120px);width:min(720px,82vw)}.careerIntroKickerP21{display:block;margin-bottom:12px;color:#9ba7ba;font-weight:900;letter-spacing:.18em;font-size:12px}.careerIntroCopyP21 h1{font-size:clamp(36px,6vw,82px);line-height:.92;margin:0 0 18px;max-width:850px;letter-spacing:-.045em}.careerIntroCopyP21 p{font-size:clamp(17px,2vw,24px);line-height:1.4;color:#e4e7ed;margin:0;max-width:660px}.careerIntroCopyP21 p strong{color:#fff}.careerIntroNextP21{margin-top:28px;border:0;border-radius:12px;background:#fff;color:#080a0e;padding:15px 22px;font-weight:950;letter-spacing:.04em;cursor:pointer}.careerIntroDotsP21{position:absolute;z-index:2;right:clamp(22px,5vw,72px);bottom:38px;display:flex;gap:8px}.careerIntroDotsP21 i{width:26px;height:3px;background:rgba(255,255,255,.25);border-radius:9px}.careerIntroDotsP21 i.on{background:#fff}.careerIntroMsgP21{display:inline-block;margin-top:14px;padding:10px 14px;border-left:3px solid #fff;background:rgba(0,0,0,.48);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:14px}.careerIntroHintP21{position:absolute;z-index:2;left:50%;bottom:24px;transform:translateX(-50%);font-size:10px;letter-spacing:.14em;color:#aab0ba}.careerIntroP21.final .careerIntroNextP21{background:#e9ff58}.careerIntroP21.final .careerIntroBgP21{filter:saturate(.9) brightness(.46)}@keyframes introDriftP21{from{transform:scale(1.05) translateX(-.5%)}to{transform:scale(1.1) translateX(.5%)}}@media(max-width:700px){.careerIntroP21:after{background:linear-gradient(0deg,rgba(2,4,8,.96) 0%,rgba(2,4,8,.55) 58%,rgba(2,4,8,.2))}.careerIntroCopyP21{left:22px;bottom:78px;width:calc(100vw - 44px)}.careerIntroCopyP21 h1{font-size:42px}.careerIntroDotsP21{bottom:28px}.careerIntroHintP21{display:none}} /* PATCH2.3 — Village Underground Lisboa. Active only after written approval. */ .venuePhoto9986.vulHeroP23{border:1px solid rgba(197,73,255,.72);background:#0a0711}.vulHeroP23 .vulHeroImageP23{filter:saturate(1.06) contrast(1.05) brightness(.88)}.vulHeroP23 .venuePhotoShade9986{background:linear-gradient(180deg,rgba(9,4,14,.08),rgba(6,3,11,.16) 42%,rgba(6,3,11,.9)),linear-gradient(90deg,rgba(20,5,30,.16),transparent 62%)}.vulHeroP23 .venuePhotoBadge9986{z-index:4;border-color:rgba(235,197,255,.72);background:rgba(29,8,46,.78);color:#fff}.vulLogoFrameP23{position:absolute;z-index:4;right:12px;top:12px;width:108px;height:72px;padding:6px;border:1px solid rgba(255,255,255,.62);border-radius:8px;background:rgba(255,255,255,.96);box-shadow:0 8px 26px rgba(0,0,0,.35)}.vulHeroP23 .vulLogoP23{position:static;inset:auto;width:100%;height:100%;object-fit:contain;filter:none;transform:none}.vulHeroP23 .venuePhotoCopy9986{z-index:4}.vulClubCardP23{border-bottom:1px solid rgba(197,73,255,.6)}.vulClubCardP23 .vulCardHeroP23{filter:saturate(1.08) contrast(1.05) brightness(.88)}.vulCardLogoP23{position:absolute;z-index:3;right:8px;top:8px;width:55px;height:38px;padding:3px;border:1px solid rgba(255,255,255,.62);border-radius:5px;background:rgba(255,255,255,.96)}.vulCardLogoP23 img{position:static;width:100%;height:100%;object-fit:contain;filter:none}.vulClubCardP23 span{z-index:4;color:#fff}.vulClubCardP23:after{background:linear-gradient(180deg,rgba(13,4,20,.02),rgba(7,3,12,.76))}@media(max-width:560px){.vulLogoFrameP23{width:82px;height:55px;right:9px;top:9px}} /* PATCH 2.5 — DJ Voice: visible conversational feedback. */ .djVoiceLauncherP25{position:fixed;left:0;top:58%;z-index:99990;display:flex;align-items:center;gap:10px;border:1px solid rgba(255,117,187,.72);border-left:0;background:linear-gradient(135deg,#ff2b99,#a84bff);color:#fff;border-radius:0 16px 16px 0;padding:12px 15px 12px 14px;box-shadow:0 14px 34px #0008;font:900 11px/1 system-ui;letter-spacing:.16em;text-transform:uppercase;cursor:pointer;transform:translateX(calc(-100% + 94px));transition:transform .22s ease,filter .22s ease,box-shadow .22s ease}.djVoiceLauncherP25 span{white-space:nowrap}.djVoiceLauncherP25 b{display:grid;place-items:center;width:24px;height:24px;border-radius:50%;background:rgba(255,255,255,.18);border:1px solid rgba(255,255,255,.34);color:#fff;font-size:13px;flex:0 0 auto}.djVoiceLauncherP25:hover,.djVoiceLauncherP25:focus-visible{transform:translateX(0);filter:brightness(1.08);box-shadow:0 18px 40px #0009}.djVoiceOverlayP25{position:fixed;inset:0;z-index:100001;background:#02050ac7;backdrop-filter:blur(9px);display:grid;place-items:center;padding:18px}.djVoicePanelP25{width:min(480px,100%);max-height:min(720px,92vh);display:grid;grid-template-rows:auto 1fr auto;overflow:hidden;border:1px solid #7655a5;background:linear-gradient(160deg,#17152a,#0b101c 52%);border-radius:22px;box-shadow:0 30px 100px #000}.djVoiceHeadP25{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:19px 20px 16px;border-bottom:1px solid #ffffff14}.djVoiceHeadP25 small{display:block;color:#ed61b3;font-size:9px;font-weight:950;letter-spacing:.16em}.djVoiceHeadP25 h2{margin:4px 0 0;font-size:22px}.djVoiceCloseP25{width:33px;height:33px;border:1px solid #ffffff23;border-radius:9px;background:#ffffff0b;color:#fff;font-size:20px;cursor:pointer}.djVoiceThreadP25{min-height:250px;max-height:440px;overflow:auto;padding:17px;display:grid;align-content:start;gap:11px}.djVoiceBubbleP25{max-width:88%;padding:12px 13px;border:1px solid #ffffff14;border-radius:13px 13px 13px 3px;background:#1b2942;color:#edf4ff;font-size:13px;line-height:1.45}.djVoiceBubbleP25.user{justify-self:end;border-radius:13px 13px 3px 13px;background:#40205d;border-color:#e96bb045}.djVoiceHintP25{margin:0 17px 9px;color:#93a5c2;font-size:10px}.djVoiceFormP25{display:grid;grid-template-columns:1fr auto;gap:9px;padding:0 17px 17px}.djVoiceFormP25 textarea{min-height:48px;max-height:105px;resize:vertical;border:1px solid #425678;border-radius:11px;background:#0a1120;color:#fff;padding:11px;font:13px/1.35 system-ui}.djVoiceFormP25 button{align-self:end;min-height:48px;border:0;border-radius:11px;background:#ff399d;color:#fff;padding:0 15px;font-weight:950;letter-spacing:.06em;cursor:pointer}.djVoiceFormP25 button:disabled{opacity:.55;cursor:wait}.djVoicePrivacyP25{grid-column:1/-1;margin:0;color:#8393af;font-size:9px;line-height:1.4}.djVoicePanelP25[hidden],.djVoiceOverlayP25[hidden]{display:none}@media(max-width:600px){.djVoiceLauncherP25{top:auto;bottom:92px;padding:11px 14px 11px 13px;font-size:10px;transform:translateX(calc(-100% + 86px))}.djVoiceOverlayP25{padding:10px;place-items:end center}.djVoicePanelP25{max-height:82vh;border-radius:20px}.djVoiceThreadP25{min-height:210px;max-height:48vh}.djVoiceHeadP25{padding:16px}.djVoiceFormP25{padding:0 13px 13px}.djVoiceHintP25{margin:0 13px 8px}} /* PATCH2.4 — exact public Living DJ World counters */ .lobbyCountsP24{display:grid;grid-template-columns:auto 1fr auto 1fr;align-items:center;gap:9px;margin:16px 0 10px;padding:12px 13px;border:1px solid rgba(87,222,255,.25);border-radius:12px;background:linear-gradient(110deg,rgba(15,35,66,.72),rgba(26,15,58,.6));box-shadow:inset 0 1px 0 rgba(255,255,255,.04)}.lobbyCountsP24>div{display:flex;align-items:center;gap:5px}.lobbyCountsP24 i{width:7px;height:7px;border-radius:50%;background:#55e2ff;box-shadow:0 0 10px #55e2ff}.lobbyCountsP24 span{font-size:8px;letter-spacing:.13em;color:#79e8ff;font-weight:950;white-space:nowrap}.lobbyCountsP24 p{display:grid;gap:2px;margin:0}.lobbyCountsP24 p b{font-size:18px;line-height:1;color:#fff}.lobbyCountsP24 p small{font-size:7px;letter-spacing:.1em;color:#a8b8d0;font-weight:850;white-space:nowrap}.lobbyCountsP24>em{height:26px;width:1px;background:rgba(255,255,255,.15)}.lobbyCountsP24.compact{grid-template-columns:auto 1fr auto 1fr;margin:0 0 14px;padding:10px}.lobbyCountsP24.compact p b{font-size:15px}@media(max-width:520px){.lobbyCountsP24{grid-template-columns:auto 1fr 1fr;gap:8px}.lobbyCountsP24>em{display:none}.lobbyCountsP24>div{grid-column:1/-1}.lobbyCountsP24 p b{font-size:17px}} /* ====================================================================== PATCH 2.11 — SHOW 2.0 EXPERIMENTAL ====================================================================== */ .show2Reg211{margin:18px 0 4px;padding:18px;border:1px solid rgba(255,255,255,.12);border-radius:18px;background:linear-gradient(135deg,rgba(22,25,37,.92),rgba(10,12,20,.92));display:grid;grid-template-columns:minmax(220px,.7fr) 1.3fr;gap:18px;align-items:center}.show2Reg211 small,.show2_211 small,.show2Summary211 small{font-size:10px;letter-spacing:.16em;font-weight:800;color:#a9b2c7}.show2Reg211 h3{margin:4px 0 5px;font-size:18px}.show2Reg211 p{margin:0;color:#8f98aa;font-size:12px}.show2RegChoices211{display:grid;grid-template-columns:1fr 1fr;gap:10px}.show2RegChoices211 button{min-height:66px;text-align:left;padding:12px 14px;border-radius:14px;border:1px solid rgba(255,255,255,.12);background:#10141d;color:#f7f8fb}.show2RegChoices211 button.selected{border-color:#8fe4ff;box-shadow:0 0 0 1px rgba(143,228,255,.25) inset;background:linear-gradient(135deg,rgba(33,66,83,.68),rgba(15,22,33,.95))}.show2RegChoices211 b,.show2RegChoices211 span{display:block}.show2RegChoices211 span{font-size:11px;color:#9aa4b7;margin-top:4px} .show2_211{position:relative;min-height:100vh;background:#05070b;color:#f4f7fb;overflow-x:hidden}.show2Stage211{position:relative;height:min(44vh,420px);min-height:300px;overflow:hidden;background:#08090d}.show2StageVideo211{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:saturate(.72) contrast(1.08) brightness(.66);transform:scale(1.02);transition:filter .4s,transform .4s}.show2StageVideo211.alt{filter:saturate(1.1) contrast(1.16) brightness(.74);transform:scale(1.035)}.show2Shade211{position:absolute;inset:0;background:linear-gradient(180deg,rgba(4,5,8,.18),rgba(4,5,8,.3) 45%,rgba(4,5,8,.93) 100%),linear-gradient(90deg,rgba(4,5,8,.78),transparent 35%,transparent 67%,rgba(4,5,8,.72))}.show2Lights211{position:absolute;inset:0;pointer-events:none}.show2Lights211 i{position:absolute;top:-35%;width:18%;height:125%;background:linear-gradient(180deg,rgba(210,245,255,.18),transparent 70%);filter:blur(13px);transform-origin:top;animation:show2beam211 4.2s ease-in-out infinite alternate}.show2Lights211 i:nth-child(1){left:8%;transform:rotate(16deg)}.show2Lights211 i:nth-child(2){left:25%;animation-delay:.7s;transform:rotate(-12deg)}.show2Lights211 i:nth-child(3){left:44%;animation-delay:1.2s;transform:rotate(9deg)}.show2Lights211 i:nth-child(4){left:63%;animation-delay:.4s;transform:rotate(-16deg)}.show2Lights211 i:nth-child(5){left:82%;animation-delay:1.7s;transform:rotate(11deg)}@keyframes show2beam211{from{opacity:.2}to{opacity:.75}}.show2Drop211{position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 50% 70%,rgba(255,255,255,.32),transparent 36%);opacity:0;transition:opacity .16s}.show2_211.drop .show2Drop211{opacity:1}.show2_211.drop .show2StageVideo211{filter:saturate(1.25) contrast(1.12) brightness(.86)} .show2Top211{position:relative;z-index:4;display:grid;grid-template-columns:1fr auto auto;gap:22px;align-items:start;padding:18px 20px}.show2Top211>div:first-child b,.show2Clock211 b{display:block;font-size:18px;margin-top:2px}.show2Top211>div:first-child span,.show2Clock211 span{display:block;font-size:11px;color:#a9b2c7;margin-top:3px}.show2Clock211{text-align:center;padding:8px 18px;border:1px solid rgba(255,255,255,.15);border-radius:14px;background:rgba(5,8,13,.62);backdrop-filter:blur(10px)}.show2Clock211 b{font-variant-numeric:tabular-nums;font-size:28px;letter-spacing:.04em}.show2TopActions211{display:flex;gap:7px;flex-wrap:wrap;justify-content:flex-end}.show2TopActions211 button{border:1px solid rgba(255,255,255,.17);border-radius:10px;background:rgba(8,11,17,.68);color:#dfe6f2;padding:8px 10px;font-size:9px;font-weight:850;letter-spacing:.08em}.show2TopActions211 button.on{border-color:rgba(130,237,193,.65);color:#b8f5d8}.show2Brief211{position:absolute;left:20px;right:20px;top:82px;z-index:3;display:grid;grid-template-columns:.8fr 1.45fr 1fr 1fr;gap:8px}.show2Brief211>div{padding:10px 12px;border:1px solid rgba(255,255,255,.12);border-radius:12px;background:rgba(6,9,14,.62);backdrop-filter:blur(9px);min-width:0}.show2Brief211 b,.show2Brief211 span{display:block}.show2Brief211 b{font-size:11px;margin:3px 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.show2Brief211 span{font-size:10px;color:#aeb7c9;line-height:1.25} .show2Crowd211{position:absolute;z-index:3;left:20px;bottom:65px;right:20px;display:grid;grid-template-columns:130px 130px 130px minmax(220px,1fr);gap:8px;align-items:end}.show2Crowd211>div,.show2Crowd211 article{padding:9px 11px;border-radius:12px;border:1px solid rgba(255,255,255,.12);background:rgba(6,9,14,.64);backdrop-filter:blur(9px)}.show2Crowd211>div b{display:block;font-size:17px;margin:2px 0}.show2Crowd211>div i{display:block;height:4px;border-radius:99px;background:rgba(255,255,255,.1);overflow:hidden}.show2Crowd211>div i em{display:block;height:100%;background:currentColor;opacity:.9}.show2Crowd211 article b,.show2Crowd211 article span{display:block}.show2Crowd211 article b{font-size:16px;margin:3px 0}.show2Crowd211 article span{font-size:10px;color:#abb5c7}.show2Reaction211{position:absolute;z-index:3;left:50%;bottom:17px;transform:translateX(-50%);width:min(760px,calc(100% - 40px));text-align:center}.show2Reaction211 b,.show2Reaction211 span{display:block}.show2Reaction211 b{font-size:18px;letter-spacing:.035em;text-shadow:0 2px 15px #000}.show2Reaction211 span{margin-top:4px;font-size:10px;color:#bbc4d3} .show2Console211{position:relative;padding:12px 18px 22px;background:linear-gradient(180deg,#090c12,#05070b);border-top:1px solid rgba(255,255,255,.09)}.show2Phase211{display:grid;grid-template-columns:repeat(5,1fr);gap:5px;position:relative;margin-bottom:10px}.show2Phase211 span{font-size:9px;color:#697386;text-align:center;font-weight:850;letter-spacing:.08em}.show2Phase211 span.on{color:#eef5ff}.show2Phase211>i{position:absolute;left:0;right:0;bottom:-7px;height:2px;background:#181d27;border-radius:99px;overflow:hidden}.show2Phase211>i em{display:block;height:100%;background:#d7e3f4;transition:width .25s}.show2DeckHeads211{display:grid;grid-template-columns:1fr 240px 1fr;gap:10px;margin:15px 0 9px}.show2DeckHeads211>div{padding:10px 12px;border-radius:13px;border:1px solid rgba(255,255,255,.1);background:#0d1119}.show2DeckHeads211 b,.show2DeckHeads211 span{display:block}.show2DeckHeads211 b{font-size:14px;margin:3px 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.show2DeckHeads211 span{font-size:10px;color:#9da8ba}.show2Transition211{text-align:center;background:linear-gradient(135deg,#111824,#0b1018)!important}.show2Transition211 b{font-size:13px;letter-spacing:.04em} .show2Wave211{position:relative;height:150px;border-radius:15px;border:1px solid rgba(255,255,255,.13);background:linear-gradient(180deg,#070a0f,#0b1018);overflow:hidden;padding:17px 0 7px}.show2Wave211.dropready{box-shadow:0 0 0 1px rgba(190,238,255,.25) inset,0 0 32px rgba(111,194,224,.08)}.show2DropZone211{position:absolute;z-index:4;top:5px;left:50%;transform:translateX(-50%);padding:4px 10px;border-radius:99px;background:#121a25;border:1px solid rgba(255,255,255,.15);font-size:8px;font-weight:900;letter-spacing:.08em}.show2Playhead211{position:absolute;z-index:5;left:50%;top:18px;bottom:7px;width:2px;background:rgba(255,255,255,.8);box-shadow:0 0 12px rgba(255,255,255,.5)}.show2Lane211{height:59px;display:grid;grid-template-columns:30px 1fr;align-items:center;border-top:1px solid rgba(255,255,255,.06);overflow:hidden}.show2Lane211:first-of-type{border-top:0}.show2Lane211 label{font-size:11px;font-weight:900;text-align:center;color:#b9c4d6}.show2Lane211 .waveTrack7301{height:47px;display:flex;align-items:center;gap:2px;will-change:transform}.show2Lane211 .waveTrack7301 i{display:block;flex:0 0 3px;min-height:6px;background:linear-gradient(180deg,rgba(220,244,255,.92),rgba(129,164,188,.44));border-radius:2px} .show2Controls211{display:grid;grid-template-columns:1.1fr 1fr 1.35fr 1.05fr;gap:9px;margin-top:9px}.show2Controls211>div,.show2Primary211{min-height:92px;border-radius:14px;border:1px solid rgba(255,255,255,.1);background:#0c1017;padding:11px}.show2Tempo211 b{display:block;font-size:14px;margin:4px 0 8px}.show2Tempo211>div{display:grid;grid-template-columns:repeat(4,1fr);gap:5px}.show2Tempo211 button,.show2CueGain211 button{border:1px solid rgba(255,255,255,.13);border-radius:8px;background:#151b25;color:#e8edf5;padding:8px 5px;font-size:9px;font-weight:850}.show2CueGain211{display:grid;grid-template-columns:85px 1fr;gap:10px}.show2CueGain211>div b{display:block}.show2CueGain211 button{width:100%;margin-top:6px}.show2CueGain211 button.on{background:#243b46;border-color:#7acfe9}.show2CueGain211 label{display:block}.show2CueGain211 input{width:100%;margin:7px 0 4px}.gainTrack211{display:block;height:4px;background:#232a35;border-radius:99px;overflow:hidden}.gainTrack211 em{display:block;height:100%;background:linear-gradient(90deg,#c7d4e1 0 72%,#e4c66f 72% 86%,#ef7c73 86%)}.gainTrack211.redline,.show2CueGain211 label:has(input[value]) .gainTrack211.redline{box-shadow:0 0 12px rgba(255,72,72,.5)}.show2CueGain211 label>span{display:block;font-size:9px;color:#abb5c4;margin-top:4px}.show2Now211 b,.show2Now211 span{display:block}.show2Now211 b{font-size:13px;margin:4px 0}.show2Now211 span{font-size:10px;color:#a4afc0;line-height:1.3}.show2Primary211{display:flex!important;flex-direction:column;justify-content:center;align-items:center;text-align:center;background:linear-gradient(135deg,#dce8f4,#9fb5c9)!important;color:#061018!important;border:0!important}.show2Primary211 b{font-size:16px}.show2Primary211 span{font-size:9px;margin-top:4px;color:#263542}.show2Primary211:disabled{opacity:.42;filter:grayscale(.4)} .show2Lower211{display:grid;grid-template-columns:1.55fr .8fr .85fr;gap:9px;margin-top:9px}.show2Tracks211,.show2Energy211,.show2DJ211{border:1px solid rgba(255,255,255,.1);border-radius:14px;background:#0b0f16;padding:10px}.show2Tracks211 header,.show2Energy211 header{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:8px}.show2Tracks211 header span{font-size:9px;color:#a2acbb}.show2Tracks211>div{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}.show2Tracks211 button{text-align:left;min-width:0;padding:8px;border:1px solid rgba(255,255,255,.09);border-radius:10px;background:#111721;color:#eef3f8}.show2Tracks211 button.selected{border-color:#a6d7e8;background:#162531}.show2Tracks211 b,.show2Tracks211 span,.show2Tracks211 em{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.show2Tracks211 b{font-size:10px}.show2Tracks211 span{font-size:8px;color:#aab3c2;margin:3px 0}.show2Tracks211 em{font-style:normal;font-size:7px;color:#748094}.show2Energy211 header b{font-size:17px}.show2Energy211 svg{display:block;width:100%;height:72px;background:linear-gradient(180deg,rgba(255,255,255,.015),rgba(255,255,255,.03));border-radius:9px}.show2Energy211 svg polyline{fill:none;stroke:#e2edf8;stroke-width:3;vector-effect:non-scaling-stroke}.show2Energy211 svg .target211{stroke:#7b899c;stroke-dasharray:4 4;stroke-width:1;vector-effect:non-scaling-stroke}.show2Energy211>span{display:block;font-size:8px;color:#8e99a9;margin-top:4px}.show2DJ211>small{display:block;margin-bottom:7px}.show2DJ211>div{margin:5px 0}.show2DJ211>div span{display:flex;justify-content:space-between;font-size:8px;color:#aab4c3}.show2DJ211>div i{display:block;height:3px;margin-top:3px;background:#202632;border-radius:99px;overflow:hidden}.show2DJ211>div i em{display:block;height:100%;background:#c7d5e2}.show2DJ211 strong{display:block;margin-top:7px;padding:6px 7px;border-radius:7px;background:rgba(218,103,96,.12);color:#f1a7a2;font-size:8px;letter-spacing:.04em} .show2Event211{position:fixed;z-index:10030;right:20px;bottom:20px;width:min(410px,calc(100vw - 40px));padding:16px;border-radius:17px;border:1px solid rgba(255,255,255,.16);background:rgba(9,13,19,.96);box-shadow:0 20px 70px rgba(0,0,0,.55);backdrop-filter:blur(16px)}.show2Event211 h3{font-size:17px;margin:5px 0}.show2Event211 p{font-size:11px;color:#aeb8c8;line-height:1.4}.show2Event211>div{display:grid;grid-template-columns:1fr 1fr;gap:7px}.show2Event211 button{padding:10px;border-radius:9px;border:1px solid rgba(255,255,255,.13);background:#151b25;color:#eff4fa;font-size:9px;font-weight:850}.midiPanel211{position:fixed;z-index:10040;right:20px;top:20px;width:min(430px,calc(100vw - 40px));max-height:calc(100vh - 40px);overflow:auto;padding:15px;border-radius:17px;border:1px solid rgba(255,255,255,.16);background:rgba(8,12,18,.97);box-shadow:0 22px 80px rgba(0,0,0,.65)}.midiPanel211 header{display:flex;justify-content:space-between;align-items:start}.midiPanel211 h3{margin:3px 0}.midiPanel211 header button{border:0;background:transparent;color:white;font-size:24px}.midiPanel211 p{font-size:10px;color:#9da7b7;line-height:1.4}.midiPanel211>div{display:grid;grid-template-columns:1fr 1fr;gap:7px}.midiPanel211>div button{padding:9px;text-align:left;border-radius:10px;border:1px solid rgba(255,255,255,.1);background:#111720;color:#eef4fa}.midiPanel211>div button.mapped{border-color:rgba(126,217,184,.5)}.midiPanel211 b,.midiPanel211 span{display:block}.midiPanel211 b{font-size:9px}.midiPanel211 span{font-size:8px;color:#9eabbc;margin-top:3px} .show2Summary211{position:relative;min-height:100vh;display:grid;place-items:center;background:#05070b;color:#f3f6fa;padding:30px}.show2SummaryBg211{position:absolute;inset:0;background:radial-gradient(circle at 50% 18%,rgba(94,129,154,.2),transparent 38%),linear-gradient(180deg,#080b10,#040508)}.show2Summary211>section{position:relative;width:min(820px,100%);padding:32px;border:1px solid rgba(255,255,255,.12);border-radius:24px;background:rgba(10,14,20,.88);text-align:center;box-shadow:0 30px 100px rgba(0,0,0,.55)}.show2Summary211 h1{font-size:36px;margin:7px 0}.overall211{display:block;font-size:76px;line-height:.95;letter-spacing:-.05em}.show2Summary211 p{max-width:630px;margin:15px auto 22px;color:#aab4c4;font-size:12px;line-height:1.5}.scoreGrid211{display:grid;grid-template-columns:repeat(5,1fr);gap:8px}.scoreGrid211>div{padding:13px 8px;border:1px solid rgba(255,255,255,.09);border-radius:12px;background:#0e131b}.scoreGrid211 b{display:block;font-size:25px;margin-top:4px}.summaryState211{display:flex;justify-content:center;gap:16px;margin:18px 0;color:#a7b1c0;font-size:9px}.show2Summary211 button{padding:13px 23px;border:0;border-radius:11px;background:#e3edf6;color:#071018;font-weight:900;font-size:11px} @media(max-width:1050px){.show2Brief211{grid-template-columns:1fr 1fr;top:90px}.show2Stage211{height:520px}.show2Crowd211{grid-template-columns:repeat(3,1fr);bottom:85px}.show2Crowd211 article{grid-column:1/-1}.show2Controls211{grid-template-columns:1fr 1fr}.show2Lower211{grid-template-columns:1fr 1fr}.show2Tracks211{grid-column:1/-1}.show2DeckHeads211{grid-template-columns:1fr 180px 1fr}} @media(max-width:720px){.show2Reg211{grid-template-columns:1fr}.show2RegChoices211{grid-template-columns:1fr}.show2Top211{grid-template-columns:1fr auto;gap:8px}.show2TopActions211{grid-column:1/-1;justify-content:flex-start}.show2Clock211{grid-column:2;grid-row:1}.show2Stage211{height:590px}.show2Brief211{top:145px;grid-template-columns:1fr 1fr}.show2Crowd211{bottom:82px}.show2DeckHeads211{grid-template-columns:1fr 1fr}.show2Transition211{grid-column:1/-1;grid-row:2}.show2Controls211{grid-template-columns:1fr}.show2Lower211{grid-template-columns:1fr}.show2Tracks211>div{grid-template-columns:1fr 1fr}.show2Wave211{height:130px}.show2Lane211{height:50px}.scoreGrid211{grid-template-columns:1fr 1fr}.scoreGrid211>div:last-child{grid-column:1/-1}.show2Summary211 h1{font-size:27px}.overall211{font-size:62px}.summaryState211{flex-wrap:wrap}} /* ====================================================================== PATCH 2.12 — SHOW 2.0 VISUAL EXPERIENCE Beat-reactive, browser-light visual language. Effects communicate crowd response, booth pressure and DJ state rather than acting as decor. ====================================================================== */ .show2_211{--beat:.469s;--front:.62;--floor:.58;--bar:.55;--stress:.25;--confidence:.65}.show2Atmos212,.show2CrowdVisual212,.show2BoothEdge212,.show2ReactionWave212,.show2PhoneFlashes212,.show2Promoter212,.show2NextDjVisual212{position:absolute;inset:0;pointer-events:none}.show2Atmos212{z-index:1;overflow:hidden}.show2Atmos212 .haze212{position:absolute;inset:20% -15% -20%;background:radial-gradient(ellipse at 30% 60%,rgba(225,232,238,.08),transparent 42%),radial-gradient(ellipse at 72% 52%,rgba(196,210,220,.07),transparent 45%);filter:blur(24px);opacity:.5;animation:hazeMove212 11s ease-in-out infinite alternate}.show2Atmos212 .beatPulse212{position:absolute;inset:0;background:radial-gradient(ellipse at 50% 82%,rgba(238,247,255,.14),transparent 45%);mix-blend-mode:screen;opacity:.18;transform:scale(1)}.audio-on212.fx-on212 .beatPulse212{animation:beatPulse212 var(--beat) cubic-bezier(.2,.72,.25,1) infinite}.show2Atmos212 .mind212{position:absolute;inset:-1px;background:radial-gradient(ellipse at 50% 48%,transparent 40%,rgba(2,3,6,.78) 93%);transition:opacity .35s}.stress-critical212.fx-on212 .mind212{animation:mindBreath212 1.15s ease-in-out infinite}.fatigue-high212.fx-on212 .haze212{opacity:.72;filter:blur(31px)} @keyframes beatPulse212{0%{opacity:.12;transform:scale(1)}13%{opacity:.38;transform:scale(1.014)}42%{opacity:.13;transform:scale(1.002)}100%{opacity:.12;transform:scale(1)}}@keyframes hazeMove212{from{transform:translate3d(-2%,1%,0) scale(1.02)}to{transform:translate3d(3%,-2%,0) scale(1.08)}}@keyframes mindBreath212{50%{opacity:.58}} /* role-specific lighting */ .role-warmup212 .show2Lights211{opacity:.52}.role-warmup212 .show2Lights211 i{animation-duration:6.8s}.role-support212 .show2Lights211{opacity:.72}.role-headliner212 .show2Lights211{opacity:1}.role-headliner212 .show2Lights211 i{height:145%;animation-duration:3.2s}.role-closing212 .show2Lights211{opacity:.68;filter:saturate(.7)}.role-closing212 .show2Lights211 i{animation-duration:7.4s}.booth-hot212 .show2Stage211:after{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(180deg,rgba(255,160,92,.035),rgba(255,92,58,.075));mix-blend-mode:screen} /* build and drop visual grammar */ .fx-on212.build212 .show2Lights211{transform:scaleX(.985);filter:brightness(.92);transition:filter .35s,transform .35s}.fx-on212.build212 .show2StageVideo211{filter:saturate(.63) contrast(1.13) brightness(.58);transform:scale(1.035)}.fx-on212.dropready212 .show2Wave211{box-shadow:0 0 0 1px rgba(218,239,250,.35) inset,0 0 46px rgba(184,225,244,.12)}.fx-on212.dropready212 .show2DropZone211{animation:dropZone212 .78s ease-in-out infinite alternate}.fx-on212.drop .show2Stage211{animation:stageHit212 .28s ease-out}.fx-on212.drop .show2Lights211{filter:brightness(1.45)}.fx-on212.drop .show2Wave211{animation:waveHit212 .4s ease-out}.mix-bad212.fx-on212 .show2StageVideo211{filter:saturate(.46) contrast(1.08) brightness(.55)}.mix-bad212.fx-on212 .show2Reaction211{animation:badDecision212 .34s linear 2}.mix-good212.fx-on212 .show2Reaction211 b{text-shadow:0 0 24px rgba(229,245,255,.32),0 2px 15px #000} @keyframes dropZone212{to{box-shadow:0 0 20px rgba(225,243,255,.16);transform:translateX(-50%) scale(1.035)}}@keyframes stageHit212{0%{transform:scale(1)}38%{transform:scale(1.006)}100%{transform:scale(1)}}@keyframes waveHit212{40%{filter:brightness(1.3)}}@keyframes badDecision212{25%{transform:translateX(calc(-50% - 2px))}75%{transform:translateX(calc(-50% + 2px))}} /* abstract crowd: front/floor/bar react differently */ .show2CrowdVisual212{z-index:2;overflow:hidden;top:32%;bottom:0}.show2CrowdLayer212{position:absolute;left:-3%;right:-3%;bottom:0;display:flex;align-items:flex-end;justify-content:space-around;transform-origin:50% 100%}.show2CrowdLayer212 i{position:relative;display:block;width:2.8%;max-width:28px;min-width:12px;height:74px;opacity:.58;transform-origin:50% 100%;animation:crowdBounce212 1.1s ease-in-out infinite alternate;animation-delay:var(--d)}.show2CrowdLayer212 i b{position:absolute;width:13px;height:13px;border-radius:50%;left:50%;top:4px;transform:translateX(-50%);background:rgba(7,8,11,.92);box-shadow:0 0 8px rgba(230,240,250,.04)}.show2CrowdLayer212 i em{position:absolute;left:50%;top:15px;width:18px;height:58px;transform:translateX(-50%);border-radius:48% 48% 20% 20%;background:linear-gradient(180deg,rgba(8,9,12,.96),rgba(2,3,5,.99))}.show2CrowdLayer212.bar{bottom:31%;transform:scale(.56);opacity:calc(.24 + var(--bar)*.24);filter:blur(.4px)}.show2CrowdLayer212.floor{bottom:13%;transform:scale(.78);opacity:calc(.35 + var(--floor)*.35)}.show2CrowdLayer212.front{bottom:-12px;transform:scale(1.06);opacity:calc(.48 + var(--front)*.48)}.show2CrowdLayer212.floor i{animation-duration:calc(1.18s - var(--floor)*.34s)}.show2CrowdLayer212.front i{animation-duration:calc(1.02s - var(--front)*.29s)}.show2CrowdLayer212.bar i{animation-duration:1.9s}.show2CrowdLayer212.front i:nth-child(4n) em:before,.show2CrowdLayer212.front i:nth-child(7n) em:after{content:"";position:absolute;top:4px;width:4px;height:42px;background:#08090b;border-radius:99px;transform-origin:bottom}.show2CrowdLayer212.front i:nth-child(4n) em:before{left:-5px;transform:rotate(-27deg)}.show2CrowdLayer212.front i:nth-child(7n) em:after{right:-5px;transform:rotate(29deg)} @keyframes crowdBounce212{from{transform:translateY(0) scaleY(.985)}to{transform:translateY(calc(-2px - var(--front)*4px)) scaleY(1.018)}} /* booth foreground anchors the camera in a DJ point of view */ .show2BoothEdge212{z-index:2;top:auto;height:56px;bottom:-7px;background:linear-gradient(180deg,transparent,rgba(2,3,5,.93) 44%,#020306);border-top:1px solid rgba(255,255,255,.05)}.show2BoothEdge212 i,.show2BoothEdge212 b{position:absolute;bottom:9px;width:118px;height:20px;border:1px solid rgba(255,255,255,.09);border-radius:6px;background:#080b10}.show2BoothEdge212 i{left:25%}.show2BoothEdge212 b{right:25%}.show2BoothEdge212 span{position:absolute;left:50%;bottom:8px;width:96px;height:26px;transform:translateX(-50%);border-radius:7px;background:#0b0f15;border:1px solid rgba(255,255,255,.08)} /* reaction wave moves from the front through the room */ .show2ReactionWave212{z-index:2;opacity:0}.show2ReactionWave212 i{position:absolute;left:50%;bottom:12%;width:60px;height:18px;border:1px solid rgba(230,244,255,.36);border-radius:50%;transform:translateX(-50%) scale(.2);opacity:0}.fx-on212.drop.mix-good212 .show2ReactionWave212{opacity:1}.fx-on212.drop.mix-good212 .show2ReactionWave212 i{animation:reactionWave212 1.25s ease-out forwards}.fx-on212.drop.mix-good212 .show2ReactionWave212 i:nth-child(2){animation-delay:.16s}.fx-on212.drop.mix-good212 .show2ReactionWave212 i:nth-child(3){animation-delay:.32s}@keyframes reactionWave212{0%{opacity:.62;transform:translateX(-50%) scale(.35)}100%{opacity:0;transform:translateX(-50%) scale(12)}} /* phone flashes appear only for strong moments / camera event */ .show2PhoneFlashes212{z-index:2}.show2PhoneFlashes212 i{position:absolute;width:3px;height:3px;border-radius:50%;background:#f7fbff;box-shadow:0 0 12px 5px rgba(231,244,255,.5);opacity:0}.show2PhoneFlashes212 i:nth-child(1){left:17%;top:62%}.show2PhoneFlashes212 i:nth-child(2){left:31%;top:71%}.show2PhoneFlashes212 i:nth-child(3){left:46%;top:59%}.show2PhoneFlashes212 i:nth-child(4){left:61%;top:68%}.show2PhoneFlashes212 i:nth-child(5){left:74%;top:57%}.show2PhoneFlashes212 i:nth-child(6){left:85%;top:73%}.fx-on212.drop.mix-good212 .show2PhoneFlashes212 i,.fx-on212.event-camera212 .show2PhoneFlashes212 i{animation:phoneFlash212 1.7s steps(1,end) infinite}.show2PhoneFlashes212 i:nth-child(2){animation-delay:.23s!important}.show2PhoneFlashes212 i:nth-child(3){animation-delay:.61s!important}.show2PhoneFlashes212 i:nth-child(4){animation-delay:.42s!important}.show2PhoneFlashes212 i:nth-child(5){animation-delay:.89s!important}.show2PhoneFlashes212 i:nth-child(6){animation-delay:1.11s!important}@keyframes phoneFlash212{0%,83%,100%{opacity:0}84%,86%{opacity:.95}} /* promoter and next DJ are visible pressure, not modal UI */ .show2Promoter212,.show2NextDjVisual212{z-index:3;inset:auto 18px 92px auto;width:104px;height:82px;opacity:0;transform:translateX(16px);transition:opacity .3s,transform .3s}.show2Promoter212{right:auto;left:18px;transform:translateX(-16px)}.show2Promoter212 i,.show2NextDjVisual212 i{display:block;width:27px;height:27px;border-radius:50%;margin:0 auto;background:#080a0d;box-shadow:0 0 0 1px rgba(255,255,255,.08)}.show2Promoter212 i:after,.show2NextDjVisual212 i:after{content:"";display:block;width:42px;height:43px;margin:22px 0 0 -7px;border-radius:50% 50% 13% 13%;background:#06080b}.show2Promoter212 span,.show2NextDjVisual212 span{position:absolute;left:50%;bottom:0;transform:translateX(-50%);white-space:nowrap;padding:4px 6px;border-radius:7px;background:rgba(5,7,10,.74);font-size:7px;font-weight:900;letter-spacing:.08em;color:#c8d1de}.event-promoter212 .show2Promoter212{opacity:.95;transform:none}.ending212 .show2NextDjVisual212{opacity:.72;transform:none}.final212 .show2NextDjVisual212{opacity:1}.final212 .show2NextDjVisual212 span{animation:nextDjPulse212 1s ease-in-out infinite}@keyframes nextDjPulse212{50%{box-shadow:0 0 15px rgba(226,239,249,.16)}} /* stress/confidence communicate state without obscuring controls */ .stress-high212.fx-on212 .show2StageVideo211{animation:stressDrift212 2.8s ease-in-out infinite alternate}.stress-critical212.fx-on212 .show2StageVideo211{animation:stressMicro212 .19s linear infinite alternate}.confidence-high212.fx-on212 .show2StageVideo211{filter:saturate(.82) contrast(1.14) brightness(.7)}.event-monitor212.fx-on212 .show2Wave211{animation:monitorFlicker212 .56s ease-in-out infinite alternate}.redline212.fx-on212 .show2Console211:before{content:"SIGNAL HOT";position:absolute;z-index:8;right:18px;top:10px;padding:4px 7px;border-radius:6px;background:rgba(109,20,20,.62);border:1px solid rgba(245,109,101,.33);font-size:8px;font-weight:950;letter-spacing:.08em;color:#ffc1bc}.final212 .show2Clock211{border-color:rgba(238,177,93,.38)}.show2Clock211.urgent212 b{animation:clockUrgent212 .75s ease-in-out infinite alternate}.show2Crowd211 small>em{font-style:normal;margin-left:4px;color:#d7e5ef}.show2Feedback212{display:flex;justify-content:center;gap:6px;margin-top:5px}.show2Feedback212 i{font-style:normal;font-size:8px;font-weight:950;letter-spacing:.08em;padding:4px 7px;border-radius:99px;border:1px solid rgba(255,255,255,.11);background:rgba(7,10,14,.65)}.show2Feedback212 i.good{color:#c9efdc;border-color:rgba(118,204,163,.26)}.show2Feedback212 i.mid{color:#e7ddba;border-color:rgba(205,181,105,.24)}.show2Feedback212 i.bad{color:#f0b9b4;border-color:rgba(217,112,103,.25)} @keyframes stressDrift212{from{transform:scale(1.026) translateX(-.15%)}to{transform:scale(1.032) translateX(.2%)}}@keyframes stressMicro212{from{transform:scale(1.034) translate(-.12%,.06%)}to{transform:scale(1.034) translate(.12%,-.05%)}}@keyframes monitorFlicker212{from{filter:brightness(.89)}to{filter:brightness(1.05)}}@keyframes clockUrgent212{to{opacity:.64}} /* FX off / accessibility / lower-power fallback */ .fx-off212 .show2Atmos212,.fx-off212 .show2CrowdVisual212,.fx-off212 .show2BoothEdge212,.fx-off212 .show2ReactionWave212,.fx-off212 .show2PhoneFlashes212,.fx-off212 .show2Promoter212,.fx-off212 .show2NextDjVisual212{display:none}.fx-off212 .show2Lights211 i,.fx-off212 .show2StageVideo211{animation:none!important;transition:none!important}.fx-off212 .show2StageVideo211{transform:scale(1.02)!important} @media(prefers-reduced-motion:reduce){.show2_211 *{animation-duration:.001ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important}.show2ReactionWave212,.show2PhoneFlashes212{display:none!important}} @media(max-width:720px){.show2CrowdVisual212{top:44%}.show2CrowdLayer212 i{min-width:9px;height:58px}.show2CrowdLayer212 i em{height:45px;width:14px}.show2CrowdLayer212 i b{width:10px;height:10px}.show2BoothEdge212{height:42px}.show2Promoter212,.show2NextDjVisual212{bottom:88px;transform:scale(.82)}.show2Promoter212{left:5px}.show2NextDjVisual212{right:5px}.show2Feedback212{margin-top:3px}} /* PATCH 2.13: usable, optional controller settings and complete FX-off. */ .controls213,.controlsOptions213{padding:16px;margin:12px;background:#151a22;color:#e3e8ef;border:1px solid #46505d;border-radius:8px;font-size:14px} .controls213{display:flex;flex-wrap:wrap;gap:12px;align-items:center}.controls213 label{display:grid;gap:6px;min-width:140px}.controls213 select,.controls213 button,.controlsOptions213 button{min-height:40px;padding:8px;background:#232c38;color:#fff;border:1px solid #626c78;border-radius:5px;font-size:14px}.controls213 p{flex-basis:100%;line-height:1.5}.controls213 summary{cursor:pointer;font-size:14px}.midiPanel211{max-height:85vh;overflow:auto}.show2RegChoices211{flex-wrap:wrap} .fx-off212 *{animation:none!important;transition:none!important}.fx-off212 .show2Drop211{display:none!important} @media(prefers-reduced-motion:reduce){.show2_211 *{transition:none!important}} /* PATCH 2.14 — intimate club: raster crowd states, restrained live light. All effects are clipped to the stage, never to the controls. */ .club-room214 .show2Stage211{height:clamp(490px,60vh,660px);min-height:490px;isolation:isolate;animation:none!important} .club-room214 .show2Stage211>.show2Atmos212,.club-room214 .show2Stage211>.show2Lights211,.club-room214 .show2Stage211>.show2Drop211,.club-room214 .show2Stage211>.show2ReactionWave212,.club-room214 .show2Stage211>.show2PhoneFlashes212,.club-room214 .show2Stage211>.show2CrowdVisual212,.club-room214 .show2Stage211>.show2BoothEdge212{display:none!important} .club-room214 .show2Promoter212,.club-room214 .show2NextDjVisual212{display:none!important} .club-room214 .show2Stage211>.show2Shade211{display:none} .club-room214 .clubScene214{position:absolute;inset:0;overflow:hidden;pointer-events:none;z-index:0;background:#14120f} .clubCamera214{position:absolute;inset:-2%;transform:scale(calc(1.012 + var(--club-entry,0)*.065 + var(--club-impact,0)*.008)) translateY(calc(var(--club-sway,0)*1px));transform-origin:50% 66%} .clubCamera214>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 64%;max-width:none} .clubResponse214{will-change:opacity;opacity:0} .clubResponse214.front{opacity:var(--club-front,0);mask-image:linear-gradient(0deg,#000 0%,#000 31%,transparent 67%);-webkit-mask-image:linear-gradient(0deg,#000 0%,#000 31%,transparent 67%)} .clubResponse214.floor{opacity:var(--club-floor,0);mask-image:radial-gradient(ellipse 39% 29% at 45% 43%,#000 20%,transparent 100%);-webkit-mask-image:radial-gradient(ellipse 39% 29% at 45% 43%,#000 20%,transparent 100%)} .clubWash214{position:absolute;inset:0;background:radial-gradient(ellipse at 28% 55%,#df9d59,transparent 60%);mix-blend-mode:screen;opacity:var(--club-light,.15)} .clubBeam214{position:absolute;top:-14%;height:125%;width:35%;pointer-events:none;transform-origin:50% 0;opacity:calc(.06 + var(--club-light,.1)*.5);background:linear-gradient(180deg,rgba(207,227,236,.65),rgba(207,227,236,.05) 75%,transparent);clip-path:polygon(47% 0,53% 0,100% 100%,0 100%)} .clubBeam214.one{left:26%;transform:rotate(calc(-18deg + var(--club-sway,0)*4deg)) scaleX(calc(1 - var(--club-build,0)*.7))} .clubBeam214.two{left:53%;transform:rotate(calc(20deg - var(--club-sway,0)*5deg)) scaleX(calc(1 - var(--club-build,0)*.7));background:linear-gradient(180deg,rgba(234,182,117,.5),transparent 85%)} .clubHaze214{position:absolute;inset:20% -15% -20%;background:radial-gradient(ellipse at 30% 60%,rgba(193,198,207,.6),transparent 57%),radial-gradient(ellipse at 75% 75%,rgba(216,183,146,.5),transparent 50%);opacity:var(--club-heat,.06);transform:translateX(calc(var(--club-sway,0)*12px))} .clubBar214{position:absolute;inset:0;background:radial-gradient(ellipse 17% 18% at 82% 35%,#ffb564,transparent);mix-blend-mode:screen;opacity:var(--club-bar,.1)} .clubVignette214{position:absolute;inset:0;background:linear-gradient(180deg,rgba(4,5,7,.76),transparent 34%,transparent 64%,rgba(4,5,7,.88)),linear-gradient(90deg,rgba(4,5,7,.17),transparent 30%,transparent 75%,rgba(4,5,7,.2))} .club-room214 .show2Top211{padding:16px 20px 10px;gap:14px;grid-template-columns:minmax(150px,1fr) auto minmax(200px,1fr)} .club-room214 .show2Top211>div:first-child b{font-size:18px;line-height:1.3} .club-room214 .show2TopActions211 button{font-size:12px;letter-spacing:.025em;min-height:36px} .club-room214 .show2Brief211{position:relative;left:auto;right:auto;top:auto;margin:0 20px;grid-template-columns:.7fr 1.4fr 1fr 1fr;gap:6px} .club-room214 .show2Brief211>div{background:rgba(8,10,12,.64);border-color:rgba(207,179,146,.16);border-radius:5px;padding:8px 10px;backdrop-filter:none} .club-room214 .show2Brief211 b{font-size:13px}.club-room214 .show2Brief211 span{font-size:12px;line-height:1.35}.club-room214 .show2Brief211 small{font-size:11px;letter-spacing:.07em} .club-room214 .show2Crowd211{left:20px;right:20px;bottom:80px;grid-template-columns:95px 95px 95px minmax(180px,1fr);gap:6px;max-width:700px} .club-room214 .show2Crowd211>div,.club-room214 .show2Crowd211 article{background:rgba(8,10,12,.74);border-radius:5px;backdrop-filter:none} .club-room214 .show2Crowd211 article span{font-size:12px}.club-room214 .show2Crowd211 small{font-size:11px;letter-spacing:.07em} .club-room214 .show2Reaction211{bottom:17px;text-align:left;left:20px;transform:none;width:calc(100% - 40px)} .club-room214 .show2Reaction211>b{font-size:clamp(15px,1.4vw,21px);letter-spacing:.015em}.club-room214 .show2Reaction211>span{font-size:12px}.club-room214 .show2Feedback212{justify-content:flex-start}.club-room214 .show2Feedback212 i{font-size:11px} .clubMoment214{position:absolute;z-index:3;left:20px;top:49%;display:flex;align-items:center;gap:8px;padding:7px 10px;border-left:2px solid #ba8a56;background:rgba(8,9,10,.62);color:#e6d6c3;font:600 12px/1.4 system-ui;letter-spacing:.08em;pointer-events:none} .clubSkip214{position:absolute;z-index:5;right:20px;top:49%;font-size:12px;padding:9px 12px;color:#e8e1d8;background:#14171bd9;border:1px solid #8b8175;border-radius:5px;cursor:pointer}.clubSkip214[hidden]{display:none} .club-room214 .show2Wave211,.club-room214 .show2Reaction211{animation:none!important} /* PATCH 2.16 — continuous SHOW waveform and clearer three-step play flow. */ .djVoiceLauncherP25{left:0;right:auto} .show2Steps215{display:flex;align-items:center;justify-content:center;gap:10px;margin:12px 0 8px;color:#667183;font-size:10px;font-weight:900;letter-spacing:.08em}.show2Steps215 span{display:flex;align-items:center;gap:6px;padding:6px 11px;border:1px solid #252c37;border-radius:999px;background:#0c1017}.show2Steps215 span b{display:grid;place-items:center;width:19px;height:19px;border-radius:50%;background:#232a35;color:#aab5c4}.show2Steps215 span.active{color:#fff;border-color:#a9dff0;background:#172632;box-shadow:0 0 20px #75c9e522}.show2Steps215 span.active b{background:#d8edf5;color:#071017}.show2Steps215 span.done{color:#a9d8c1;border-color:#4b7862}.show2Steps215 span.done b{background:#78b999;color:#07120c}.show2Steps215 i{font-style:normal;color:#475160}.show2WaveViewport215{position:relative;height:47px;overflow:hidden;min-width:0}.show2Lane211 .waveTrack7301{position:absolute;left:0;top:0;width:max-content;min-width:max-content}.show2Lane211:first-of-type .waveTrack7301 i{background:linear-gradient(180deg,#63dfff,#207aa4)}.show2Lane211:last-of-type .waveTrack7301 i{background:linear-gradient(180deg,#ff78d4,#9b327a)} @media(max-width:600px){.djVoiceLauncherP25{left:0;right:auto}.show2Steps215{gap:4px}.show2Steps215 span{padding:5px 7px;font-size:8px}.show2Steps215 i{display:none}} .club-room214.fx-off212 .clubCamera214{transform:none}.club-room214.fx-off212 .clubResponse214,.club-room214.fx-off212 .clubBeam214,.club-room214.fx-off212 .clubWash214,.club-room214.fx-off212 .clubHaze214{display:none} @media(prefers-reduced-motion:reduce){.club-room214 .clubCamera214{transform:none!important}.club-room214 .clubResponse214,.club-room214 .clubBeam214,.club-room214 .clubWash214,.club-room214 .clubHaze214,.clubSkip214{display:none!important}} @media(max-width:1050px){.club-room214 .show2Top211{grid-template-columns:1fr auto}.club-room214 .show2TopActions211{grid-column:1/-1;justify-content:flex-start}.club-room214 .show2Brief211{grid-template-columns:1fr 1fr}.club-room214 .show2Stage211{height:620px}.club-room214 .show2Crowd211 article{grid-column:auto}.clubMoment214,.clubSkip214{top:53%}} @media(max-width:720px){.club-room214 .show2Stage211{height:670px;min-height:670px}.club-room214 .show2Top211{padding:12px}.club-room214 .show2Top211>div:first-child b{font-size:16px}.club-room214 .show2TopActions211{gap:5px}.club-room214 .show2TopActions211 button{font-size:11px;min-height:38px}.club-room214 .show2Clock211{padding:6px 10px}.club-room214 .show2Brief211{margin:0 12px}.club-room214 .show2Brief211 span{display:none}.club-room214 .show2Brief211 b{white-space:normal;overflow:visible;line-height:1.3}.club-room214 .show2Crowd211{left:12px;right:12px;bottom:104px;grid-template-columns:repeat(3,1fr)}.club-room214 .show2Crowd211 article{grid-column:1/-1;padding:7px 10px}.club-room214 .show2Crowd211 article b{font-size:14px;display:inline;margin-right:8px}.club-room214 .show2Crowd211 article>small{display:none}.club-room214 .show2Reaction211{left:12px;bottom:18px;width:calc(100% - 24px)}.club-room214 .clubMoment214{left:12px;top:48%;font-size:11px;max-width:60%}.clubSkip214{right:12px;top:55%;font-size:11px}.clubCamera214>img{object-position:49% 65%}} /* ================= PATCH 3.0 — LIVING WORLD 2.0 ================= */ .lw2Hub300{margin:18px 0 22px;padding:18px;border:1px solid #ffffff1c;border-radius:18px;background:linear-gradient(135deg,#121827f2,#17131ff2);box-shadow:0 18px 55px #0005} .lw2Hub300>header{display:flex;justify-content:space-between;gap:18px;align-items:flex-start;border-bottom:1px solid #ffffff14;padding-bottom:14px} .lw2Hub300>header small,.lw2Hub300 h3,.lw2Npc300 small{letter-spacing:.08em;color:#aeb8cc}.lw2Hub300>header h2{margin:.2rem 0 .35rem;font-size:clamp(1.35rem,3vw,2rem)}.lw2Hub300>header p{margin:0;max-width:760px;color:#c7cfdd}.lw2Hub300>header>span{white-space:nowrap;font:800 11px/1 system-ui;padding:8px 10px;border:1px solid #ffffff20;border-radius:999px;color:#dce6f7} .lw2Stats300{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:14px 0}.lw2Stats300>div{padding:12px;border:1px solid #ffffff12;border-radius:13px;background:#ffffff06}.lw2Stats300 small{display:block;color:#8e9aaf;font-size:10px}.lw2Stats300 b{display:block;margin:4px 0;font-size:1.05rem}.lw2Stats300 span{display:block;color:#aeb7c7;font-size:11px} .lw2Week300{display:flex;gap:14px;align-items:center;flex-wrap:wrap;padding:11px 12px;border-radius:12px;background:#ffffff08;border:1px solid #ffffff10}.lw2Week300 b{font-size:12px}.lw2Week300 span{color:#aeb7c7;font-size:11px}.lw2Week300 em{margin-left:auto;font-style:normal;font-size:11px;color:#d8e0ed} .lw2Columns300{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:14px}.lw2Columns300>section{border:1px solid #ffffff12;border-radius:14px;padding:12px;background:#090d16aa}.lw2Columns300 h3{margin:0 0 10px;font-size:11px}.lw2Columns300 article{display:grid;gap:3px;padding:9px 0;border-top:1px solid #ffffff0d}.lw2Columns300 article:first-of-type{border-top:0}.lw2Columns300 article b{font-size:12px}.lw2Columns300 article span{font-size:11px;color:#c4ccda}.lw2Columns300 article small{font-size:10px;color:#7f8ca1}.lw2Columns300 p{color:#8f9aae;font-size:11px} .lw2Npc300{margin:18px 0;padding:16px;border:1px solid #ffffff18;border-radius:16px;background:#0e1420cc}.lw2Npc300>header{display:flex;justify-content:space-between;gap:12px;align-items:center}.lw2Npc300>header h3{margin:4px 0}.lw2Npc300>header>b{padding:7px 9px;border:1px solid #ffffff18;border-radius:999px;font-size:10px}.lw2NpcStats300{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:12px 0}.lw2NpcStats300 span{padding:9px;border-radius:10px;background:#ffffff06;color:#9ba7bb;font-size:10px}.lw2NpcStats300 b{display:block;color:#eef3fb;font-size:15px;margin-top:2px}.lw2Relation300{display:grid;gap:3px;padding:11px;border-radius:12px;background:#ffffff07}.lw2Relation300 span,.lw2Relation300 small{font-size:11px;color:#aab5c7}.lw2Memory300{margin-top:12px}.lw2Memory300 h4{font-size:10px;letter-spacing:.1em;color:#93a0b4}.lw2Memory300 p{margin:5px 0;padding:6px 8px;border-left:2px solid #ffffff1d;color:#bbc5d5;font-size:11px}.lw2Memory300 p b{margin-right:6px;color:#edf2fb} @media(max-width:820px){.lw2Stats300,.lw2NpcStats300{grid-template-columns:repeat(2,minmax(0,1fr))}.lw2Columns300{grid-template-columns:1fr}.lw2Week300 em{margin-left:0}.lw2Hub300>header{flex-direction:column}} /* PATCH 3.1 — LIVING WORLD 2.1 / NARRATIVE & WORLD DESK */ .lwBrief31,.lwWorldDesk31,.lwPress31{margin:18px 0;border:1px solid rgba(159,178,214,.24);border-radius:18px;background:linear-gradient(145deg,rgba(13,18,29,.96),rgba(20,17,29,.94));box-shadow:0 16px 45px rgba(0,0,0,.20);overflow:hidden}.lwBrief31>header,.lwWorldDesk31>header,.lwPress31>header{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;padding:18px 20px;border-bottom:1px solid rgba(159,178,214,.15)}.lwBrief31 header small,.lwWorldDesk31 header small,.lwPress31 header small{letter-spacing:.12em;color:#93a3bf;font-weight:800}.lwBrief31 h3,.lwWorldDesk31 h3,.lwPress31 h3{margin:4px 0 0;font-size:20px}.lwBrief31 header span,.lwWorldDesk31 header span,.lwPress31 header span{font-size:10px;letter-spacing:.12em;font-weight:900;color:#d9e3f4;border:1px solid rgba(255,255,255,.16);padding:7px 9px;border-radius:999px;white-space:nowrap}.lwBrief31>p,.lwWorldDesk31 header p,.lwPress31 header p{margin:7px 0 0;color:#aebbd0;max-width:780px}.lwBrief31>p{padding:14px 20px 0;font-size:15px;color:#eef3fb}.lwBrief31>div{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding:14px 20px 20px}.lwBrief31 article{padding:11px 13px;border-radius:12px;background:rgba(255,255,255,.045);color:#cbd6e7;font-size:12px;line-height:1.45}.lwArticle31{border-top:1px solid rgba(159,178,214,.12)}.lwArticle31:first-of-type{border-top:0}.lwArticle31 summary{list-style:none;display:grid;grid-template-columns:42px minmax(0,1fr) auto;gap:13px;align-items:start;padding:15px 18px;cursor:pointer}.lwArticle31 summary::-webkit-details-marker{display:none}.lwArticle31 summary>span{width:38px;height:38px;display:grid;place-items:center;border-radius:11px;background:rgba(255,255,255,.06);font-size:18px}.lwArticle31 summary small{color:#8190aa;letter-spacing:.06em;font-size:9px;font-weight:800}.lwArticle31 summary h4{margin:4px 0 5px;font-size:15px;color:#f4f7fb}.lwArticle31 summary p{margin:0;color:#aebbd0;font-size:12px;line-height:1.5}.lwArticle31 summary>b{font-size:9px;letter-spacing:.1em;color:#d7e2f3;border:1px solid rgba(255,255,255,.14);border-radius:999px;padding:5px 8px}.lwArticleBody31{margin:0 18px 15px 73px;padding:12px 14px;border-radius:12px;background:rgba(7,10,18,.55);border-left:2px solid rgba(214,226,244,.25)}.lwArticleBody31 strong{font-size:9px;letter-spacing:.12em;color:#9daec8}.lwArticleBody31 p{margin:6px 0;color:#d7dfeb;font-size:12px;line-height:1.55}.lwArticleBody31 small{color:#77859e}.lwNarrEmpty31{padding:18px 20px;color:#8e9cb3}.lwPress31{margin:12px 0 22px}.lwPress31>header{padding:15px 18px}.lwWorldDesk31{margin-top:16px}.lwWorldDesk31>.lwArticle31:last-child{padding-bottom:2px}@media(max-width:760px){.lwBrief31>header,.lwWorldDesk31>header,.lwPress31>header{flex-direction:column}.lwBrief31>div{grid-template-columns:1fr}.lwArticle31 summary{grid-template-columns:36px minmax(0,1fr)}.lwArticle31 summary>b{display:none}.lwArticleBody31{margin-left:15px;margin-right:15px}} /* PATCH 3.2 — LIVING WORLD 2.2 / NEW GENERATION */ .lwTalentHub32{margin:18px 0 22px;border:1px solid rgba(160,194,171,.24);border-radius:18px;background:linear-gradient(145deg,rgba(12,20,18,.97),rgba(15,18,28,.96));box-shadow:0 18px 52px rgba(0,0,0,.24);overflow:hidden}.lwTalentHub32>header{display:flex;justify-content:space-between;gap:18px;align-items:flex-start;padding:18px 20px;border-bottom:1px solid rgba(160,194,171,.14)}.lwTalentHub32 header small{letter-spacing:.12em;color:#91ad9a;font-weight:800}.lwTalentHub32 h3{margin:4px 0 5px;font-size:20px}.lwTalentHub32 header p{margin:0;max-width:760px;color:#acbcb2}.lwTalentHub32 header>span{white-space:nowrap;font-size:10px;letter-spacing:.1em;font-weight:900;color:#dce9df;border:1px solid rgba(255,255,255,.15);padding:7px 9px;border-radius:999px}.lwTalentStats32{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;padding:14px 18px 0}.lwTalentStats32>div{padding:11px 12px;border-radius:12px;background:rgba(255,255,255,.045);border:1px solid rgba(255,255,255,.08)}.lwTalentStats32 small{display:block;color:#7f9487;font-size:9px;letter-spacing:.08em}.lwTalentStats32 b{display:block;font-size:18px;margin:3px 0}.lwTalentStats32 span{display:block;color:#9aab9f;font-size:10px}.lwTalentColumns32{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:14px 18px 18px}.lwTalentColumns32>section{border:1px solid rgba(255,255,255,.08);border-radius:14px;background:rgba(5,10,10,.34);overflow:hidden}.lwTalentColumns32 h4{margin:0;padding:11px 13px;border-bottom:1px solid rgba(255,255,255,.07);font-size:10px;letter-spacing:.12em;color:#9db0a4}.lwProspect32,.lwNewgen32{display:grid;grid-template-columns:40px minmax(0,1fr) auto;gap:11px;align-items:center;padding:11px 13px;border-top:1px solid rgba(255,255,255,.06)}.lwProspect32:first-of-type,.lwNewgen32:first-of-type{border-top:0}.lwTalentIcon32,.lwNewgen32>span{width:36px;height:36px;display:grid;place-items:center;border-radius:10px;background:rgba(255,255,255,.055);font-size:17px}.lwProspect32 small,.lwNewgen32 small{color:#7d9184;font-size:9px}.lwProspect32 h4,.lwNewgen32 h4{margin:2px 0;font-size:13px;color:#eef5f0}.lwProspect32 p,.lwNewgen32 p{margin:0;color:#a8b6ad;font-size:10px}.lwProspect32>b,.lwNewgen32>b{min-width:42px;text-align:center;font-size:18px;color:#e8f2eb}.lwProspect32>b small{display:block;max-width:70px;margin-top:2px;font-size:7px;font-weight:600;color:#789083}.lwTalentEmpty32{padding:14px;color:#83968b;font-size:11px}.lwTalentProfile32{margin:14px 0;padding:15px 16px;border:1px solid rgba(160,194,171,.22);border-radius:15px;background:linear-gradient(135deg,rgba(11,21,17,.9),rgba(15,18,27,.9))}.lwTalentProfile32>header{display:flex;justify-content:space-between;gap:12px;align-items:center}.lwTalentProfile32 header small{letter-spacing:.1em;color:#88a091;font-size:9px}.lwTalentProfile32 h3{margin:4px 0}.lwTalentProfile32 header>b{font-size:9px;letter-spacing:.08em;padding:6px 8px;border:1px solid rgba(255,255,255,.13);border-radius:999px}.lwTalentProfile32>div{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:12px 0}.lwTalentProfile32>div span{padding:9px 10px;border-radius:10px;background:rgba(255,255,255,.045)}.lwTalentProfile32>div small{display:block;color:#7b8d82;font-size:8px}.lwTalentProfile32>div b{display:block;margin-top:3px;font-size:12px}.lwTalentProfile32>p{margin:0;color:#a9b8ae;font-size:11px;line-height:1.5}@media(max-width:820px){.lwTalentStats32{grid-template-columns:repeat(2,minmax(0,1fr))}.lwTalentColumns32{grid-template-columns:1fr}.lwTalentHub32>header{flex-direction:column}.lwTalentProfile32>div{grid-template-columns:repeat(2,1fr)}} /* PATCH 3.3 — LIVING WORLD 2.3 / AUTONOMOUS INDUSTRY ACTORS */ .lwIndustry33,.lwPromoterPulse33,.lwNpcIndustry33{margin:18px 0;border:1px solid rgba(151,172,214,.24);border-radius:18px;background:linear-gradient(145deg,rgba(15,20,31,.96),rgba(9,12,20,.92));box-shadow:0 14px 40px rgba(0,0,0,.22);overflow:hidden} .lwIndustry33>header,.lwPromoterPulse33>header,.lwNpcIndustry33>header{display:flex;justify-content:space-between;gap:18px;align-items:flex-start;padding:18px 20px;border-bottom:1px solid rgba(151,172,214,.14)} .lwIndustry33 header small,.lwPromoterPulse33 header small,.lwNpcIndustry33 header small{font-size:10px;letter-spacing:.14em;color:#93a7cc}.lwIndustry33 h3,.lwPromoterPulse33 h3,.lwNpcIndustry33 h3{margin:3px 0 5px;font-size:19px}.lwIndustry33 header p,.lwPromoterPulse33 header p{margin:0;max-width:820px;color:#aeb9ce;font-size:12px;line-height:1.5}.lwIndustry33>header>span{font-size:10px;white-space:nowrap;border:1px solid rgba(151,172,214,.18);border-radius:999px;padding:7px 10px;color:#cbd7ee} .lwIndustryStats33{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;background:rgba(151,172,214,.12)}.lwIndustryStats33>div{background:rgba(11,15,24,.96);padding:13px 16px}.lwIndustryStats33 small{display:block;font-size:9px;letter-spacing:.12em;color:#7889aa}.lwIndustryStats33 b{display:block;font-size:21px;margin:3px 0}.lwIndustryStats33 span{font-size:10px;color:#8592aa} .lwIndustryCols33{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;padding:16px 18px}.lwIndustryCols33>section{min-width:0}.lwIndustryCols33 h4,.lwIndustryMoves33 h4{font-size:10px;letter-spacing:.13em;color:#93a7cc;margin:0 0 9px}.lwIndustryCols33 article,.lwPromoterPulse33 article,.lwNpcIndustry33 article{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;margin:7px 0;padding:10px 11px;border:1px solid rgba(151,172,214,.12);border-radius:12px;background:rgba(255,255,255,.025)}.lwIndustryCols33 article>span,.lwPromoterPulse33 article>span,.lwNpcIndustry33 article>span{font-size:18px}.lwIndustryCols33 article small,.lwPromoterPulse33 article small,.lwNpcIndustry33 article small{display:block;font-size:8px;letter-spacing:.08em;color:#7788a8}.lwIndustryCols33 article b,.lwPromoterPulse33 article b,.lwNpcIndustry33 article b{display:block;font-size:11px;margin:2px 0}.lwIndustryCols33 article p,.lwPromoterPulse33 article p,.lwNpcIndustry33 article p{margin:0;font-size:9px;line-height:1.35;color:#8f9db5}.lwIndustryCols33 article em,.lwPromoterPulse33 article em,.lwNpcIndustry33 article em{font-style:normal;font-size:9px;font-weight:800;color:#d8e3f7;text-align:right} .lwIndustryMoves33{padding:0 18px 17px}.lwIndustryMoves33 p{display:grid;grid-template-columns:22px 1fr auto;gap:8px;align-items:center;margin:5px 0;padding:8px 10px;background:rgba(255,255,255,.02);border-radius:10px}.lwIndustryMoves33 p span{font-size:10px;color:#b7c2d5}.lwIndustryMoves33 p small{font-size:8px;color:#6e7c96} .lwPromoterPulse33>div{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;padding:14px 18px}.lwNpcIndustry33{padding-bottom:8px}.lwNpcIndustry33 article{margin:7px 14px}.bookingIndustry33{margin:0 0 8px;padding:7px 9px;border:1px solid rgba(151,172,214,.2);border-radius:9px;background:rgba(91,122,181,.10);font-size:9px;font-weight:800;letter-spacing:.05em;color:#cfdbef} @media(max-width:900px){.lwIndustryStats33{grid-template-columns:repeat(2,minmax(0,1fr))}.lwIndustryCols33{grid-template-columns:1fr}.lwPromoterPulse33>div{grid-template-columns:1fr}.lwIndustry33>header,.lwPromoterPulse33>header{flex-direction:column}.lwIndustry33>header>span{white-space:normal}} /* PATCH 3.4 — PROMOTER MODE / LIVING WORLD 2.4 */ .pm24Page{max-width:1500px}.pm24Kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:14px 0}.pm24Kpis>div,.pm24Creator,.pm24Event,.pm24Brands{border:1px solid #40506a;border-radius:16px;background:linear-gradient(145deg,#101827,#171321);box-shadow:0 18px 50px #0003}.pm24Kpis>div{padding:14px}.pm24Kpis small,.pm24Creator small,.pm24Event small{display:block;color:#7ee7ff;font-size:9px;font-weight:900;letter-spacing:.08em}.pm24Kpis b{font-size:22px}.pm24Kpis span{display:block;color:#97a7bb;font-size:10px;margin-top:4px}.pm24Creator{padding:16px;margin:16px 0}.pm24Creator>header,.pm24Event>header{display:flex;align-items:flex-start;justify-content:space-between;gap:15px}.pm24Creator>header h3,.pm24Event>header h3{margin:3px 0}.pm24Creator>header p,.pm24Event>header p{margin:3px 0;color:#aab8c8}.pm24Creator>header>b{padding:9px 12px;border-radius:999px;border:1px solid #53627d;background:#0b1320;color:#ffd177}.pm24Form{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:14px}.pm24Form label{display:grid;gap:5px;font-size:9px;font-weight:900;color:#9cafc5}.pm24Form input,.pm24Form select,.pm24TicketEdit input,.pm24InviteRow select{width:100%;box-sizing:border-box;background:#0b1320;color:#eef5ff;border:1px solid #43536d;border-radius:9px;padding:9px}.pm24CreateSummary{display:flex;flex-direction:column;justify-content:center;padding:11px;border-radius:12px;background:#0b1320;border:1px solid #43536d}.pm24CreateSummary b{font-size:20px}.pm24CreateSummary span{font-size:10px;color:#9cafc5;margin-bottom:7px}.pm24Events{display:grid;gap:14px}.pm24Event{padding:16px}.pm24Countdown{text-align:right}.pm24Countdown b{display:block;font-size:20px;color:#ffd177}.pm24Countdown span{font-size:11px;color:#9cafc5}.pm24Forecast{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:13px 0}.pm24Forecast>div,.pm24Result>div{padding:11px;border-radius:11px;background:#0b1320;border:1px solid #37465d}.pm24Forecast b,.pm24Result b{display:block;font-size:18px}.pm24Forecast span,.pm24Result span{font-size:9px;color:#95a7bc}.pm24Sales{display:grid;grid-template-columns:1fr 1.4fr;gap:10px;padding:12px;border-radius:12px;background:#0c1521}.pm24Sales>div:first-child{display:grid;gap:6px}.pm24Sales i{height:6px;border-radius:99px;background:#27364b;overflow:hidden}.pm24Sales i u{display:block;height:100%;background:linear-gradient(90deg,#7ee7ff,#ffd177)}.pm24TicketEdit{display:grid;grid-template-columns:repeat(3,1fr) auto;gap:7px;align-items:end}.pm24TicketEdit label{font-size:8px;color:#9cafc5}.pm24Title{margin:16px 0 8px}.pm24Lineup{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:9px}.pm24Slot{min-height:128px;padding:12px;border-radius:12px;border:1px solid #40506a;background:#0c1521}.pm24Slot.confirmed{border-color:#4d806e}.pm24Slot.pending{border-color:#816d3f}.pm24Slot.payment_due{border-color:#9b5c55}.pm24Slot.open{border-style:dashed}.pm24Slot h4{margin:5px 0}.pm24Slot p{font-size:10px;color:#9cafc5}.pm24Slot em{display:block;font-size:9px;color:#ffd177;margin:5px 0}.pm24InviteRow{display:grid;grid-template-columns:1fr auto;gap:5px;margin-top:6px}.pm24InviteRow.real{border-top:1px solid #28374c;padding-top:6px}.pm24InviteRow select{min-width:0;font-size:9px;padding:7px}.pm24Ops{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:13px}.pm24Ops>div{padding:11px;border-radius:12px;background:#0c1521}.pm24Ops h4{margin:0 0 8px}.pm24Ops button{display:grid;grid-template-columns:1fr auto;gap:2px;width:100%;margin:5px 0;text-align:left}.pm24Ops button small{grid-column:1/-1;color:#9cafc5}.pm24Result{display:grid;grid-template-columns:repeat(4,1fr);gap:9px;margin-top:13px}.pm24Result .good{border-color:#4d806e}.pm24Result .bad{border-color:#9b5c55}.pm24Result p{grid-column:1/-1;color:#aab8c8}.pm24Brands{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;padding:12px;margin:14px 0}.pm24Brands>h3{grid-column:1/-1;margin:0}.pm24Brands article{padding:10px;border-radius:10px;background:#0c1521}.pm24Brands article b,.pm24Brands article span{display:block}.pm24Brands article span{font-size:9px;color:#9cafc5}.pm24Slot button,.pm24CreateSummary button,.pm24TicketEdit button,.pm24Ops button{border:1px solid #51627e;background:#182235;color:#eef5ff;border-radius:9px;padding:8px;font-weight:900}.pm24Slot button:hover,.pm24CreateSummary button:hover,.pm24TicketEdit button:hover,.pm24Ops button:hover{filter:brightness(1.12)}.pm24Slot button.ghost{background:transparent}.pm24Page button:disabled{opacity:.42;cursor:not-allowed}@media(max-width:1000px){.pm24Form{grid-template-columns:repeat(2,1fr)}.pm24Kpis,.pm24Forecast,.pm24Result,.pm24Brands{grid-template-columns:repeat(2,1fr)}}@media(max-width:650px){.pm24Kpis,.pm24Form,.pm24Forecast,.pm24Sales,.pm24Ops,.pm24Result,.pm24Brands{grid-template-columns:1fr}.pm24Creator>header,.pm24Event>header{flex-direction:column}.pm24Countdown{text-align:left}.pm24TicketEdit{grid-template-columns:repeat(3,1fr)}.pm24TicketEdit button{grid-column:1/-1}} /* PATCH 3.5 — LIVING WORLD 2.5 / GLOBAL BOOKING MARKET + OWN LABEL 2.0 */ .wm25launch,.ol25{margin:18px 0;padding:18px;border:1px solid #303849;border-radius:16px;background:linear-gradient(145deg,rgba(18,22,29,.96),rgba(10,12,17,.96));box-shadow:0 16px 40px rgba(0,0,0,.18)} .wm25launch{display:flex;align-items:center;justify-content:space-between;gap:18px}.wm25launch h3,.ol25 h3{margin:3px 0 6px}.wm25launch p,.ol25 p{margin:0;color:#aeb8c8}.wm25launch button{white-space:nowrap} .wm25stats,.ol25stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:16px 0}.wm25stats>div,.ol25stats>div{padding:13px;border:1px solid #2c3443;border-radius:12px;background:#11151d}.wm25stats small,.ol25stats small{display:block;color:#8e9bae;font-size:10px;letter-spacing:.08em}.wm25stats b,.ol25stats b{display:block;margin-top:5px;font-size:21px} .wm25opp{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:10px;margin:12px 0 22px}.wm25opp article,.wm25calendar>article{border:1px solid #2b3444;border-radius:14px;background:#10141b;padding:14px}.wm25opp article b{display:block;margin:8px 0 10px;font-size:20px}.wm25opp article button{width:100%} .wm25calendar{display:grid;gap:12px}.wm25calendar>article>header{display:flex;justify-content:space-between;gap:12px}.wm25calendar h3{margin:3px 0}.wm25lineup{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:7px;margin-top:12px}.wm25lineup span{padding:9px;border:1px solid #273040;border-radius:10px;background:#0c1016}.wm25lineup span.open{border-style:dashed}.wm25lineup small,.wm25lineup b,.wm25lineup em{display:block}.wm25lineup small{color:#8f9aad;font-size:9px}.wm25lineup em{margin-top:3px;color:#aeb7c6;font-style:normal;font-size:11px} .ol25>header{display:flex;justify-content:space-between;gap:16px;align-items:flex-start}.ol25>header>strong{padding:10px 12px;border:1px solid #344055;border-radius:10px;background:#0c1017;white-space:nowrap}.ol25controls{display:grid;grid-template-columns:1fr 1fr auto auto;gap:10px;align-items:end;margin:12px 0 18px}.ol25controls label{display:grid;gap:5px;color:#aeb7c6;font-size:11px}.ol25controls select{min-height:38px}.ol25roster,.ol25upcoming,.ol25scouts{display:grid;gap:8px;margin:10px 0 18px}.ol25roster article,.ol25upcoming article,.ol25scouts article{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:11px 12px;border:1px solid #293241;border-radius:11px;background:#0e1218}.ol25roster article>div{flex:1}.ol25roster small,.ol25upcoming small,.ol25scouts small{color:#8e9bad}.ol25roster b,.ol25scouts strong{display:block;margin-top:3px}.ol25roster em{font-style:normal;color:#b8c4d5}.ol25scouts article>b{font-size:24px;min-width:34px}.ol25scouts article>div{flex:1}.ol25scouts span{display:block;color:#9ba7b8;font-size:11px} @media(max-width:900px){.wm25stats,.ol25stats{grid-template-columns:repeat(2,minmax(0,1fr))}.ol25controls{grid-template-columns:1fr 1fr}.wm25launch,.ol25>header{align-items:stretch;flex-direction:column}.wm25launch button{width:100%}.ol25roster article{align-items:flex-start;flex-direction:column}.ol25roster article button{width:100%}} /* ================= PATCH 3.6 • LIVING WORLD 2.6 • CAREER ECOSYSTEM ================= */ .careerEcosystem26{margin:18px 0;padding:18px;border:1px solid rgba(116,205,255,.28);border-radius:20px;background:linear-gradient(155deg,rgba(17,28,43,.96),rgba(10,13,20,.98));box-shadow:0 22px 60px rgba(0,0,0,.24)} .careerEcosystem26>header{display:flex;justify-content:space-between;gap:18px;align-items:flex-start;margin-bottom:14px}.careerEcosystem26>header small{display:block;color:#7fd9ff;font-size:9px;font-weight:900;letter-spacing:.14em}.careerEcosystem26>header h3{margin:4px 0 5px;font-size:22px}.careerEcosystem26>header p{margin:0;color:#aebbd0;max-width:820px;font-size:11px;line-height:1.5}.careerEcosystem26>header>span{white-space:nowrap;border:1px solid rgba(127,217,255,.25);background:rgba(127,217,255,.08);border-radius:999px;padding:8px 10px;font-size:9px;font-weight:900;color:#c8f1ff} .ecoStats26{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}.ecoStats26>div{padding:12px;border-radius:14px;background:#101827;border:1px solid rgba(255,255,255,.07)}.ecoStats26 small,.ecoStats26 span{display:block}.ecoStats26 small{font-size:8px;color:#76869f;font-weight:900;letter-spacing:.1em}.ecoStats26 b{display:block;font-size:23px;margin:3px 0}.ecoStats26 span{font-size:9px;color:#9daabe} .ecoFlow26{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:8px;margin:14px 0;padding:12px;border-radius:14px;background:#0a111d;border:1px solid rgba(255,255,255,.06)}.ecoFlow26 span{font-size:9px;font-weight:900;letter-spacing:.06em;border:1px solid #2d425f;border-radius:999px;padding:7px 10px;background:#121d2d}.ecoFlow26 i{font-style:normal;color:#6d829f} .ecoLedger26{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.ecoLedger26 article{padding:12px;border-radius:14px;background:#0d1522;border:1px solid rgba(255,255,255,.06)}.ecoLedger26 small{display:block;color:#70849f;font-size:8px}.ecoLedger26 b{display:block;margin:4px 0;font-size:11px}.ecoLedger26 p{margin:0 0 9px;color:#aebbd0;font-size:9px;line-height:1.45}.ecoLedger26 button{padding:7px 9px;font-size:8px}.ecoEmpty26{color:#92a1b6;font-size:10px;margin:10px 0 0} .messageOverlay26,.worldArticleOverlay26{position:fixed;inset:0;z-index:100200;background:rgba(2,5,10,.88);backdrop-filter:blur(13px);display:grid;place-items:center;padding:18px;animation:messageFade26 .2s ease} .messageModal26{width:min(720px,95vw);max-height:92vh;overflow:auto;border-radius:23px;background:linear-gradient(155deg,#141a24,#090d14 68%);border:1px solid rgba(99,211,255,.34);box-shadow:0 40px 120px #000;overflow:hidden}.messageModal26>header{display:grid;grid-template-columns:58px 1fr 40px;gap:12px;align-items:center;padding:20px 22px;border-bottom:1px solid rgba(255,255,255,.07);background:linear-gradient(90deg,rgba(47,102,149,.18),transparent)}.messageAvatar26{width:54px;height:54px;border-radius:16px;display:grid;place-items:center;background:#142238;border:1px solid #304868;font-size:28px}.messageModal26 header small{display:block;color:#72d9ff;font-size:9px;font-weight:900;letter-spacing:.14em}.messageModal26 header h2{margin:3px 0;font-size:clamp(20px,4vw,30px);line-height:1.12}.messageModal26 header p{margin:0;color:#9aabc0;font-size:10px}.messageModal26 header>button,.worldArticleModal26 header>button{width:38px;height:38px;border:0;border-radius:11px;background:#1b2432;color:#fff;font-size:25px;cursor:pointer}.messageBody26{padding:22px}.messageBody26 p{margin:0;color:#d0d8e4;font-size:14px;line-height:1.6}.messageModal26>footer{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:16px 22px;border-top:1px solid rgba(255,255,255,.07);background:#090d13}.messageActions26{display:flex;gap:8px;flex-wrap:wrap}.messageActions26 button,.messageModal26 .later{border:1px solid #34455e;background:#131c29;color:#eef6ff;border-radius:10px;padding:10px 13px;font-size:9px;font-weight:900;cursor:pointer}.messageActions26 button.primary{background:linear-gradient(180deg,#65d8ff,#268bb6);border-color:#79dcff;color:#071019}.messageActions26 button.link{border-color:rgba(199,165,77,.65);background:linear-gradient(180deg,rgba(217,180,86,.2),rgba(120,89,26,.18));color:#f3d88d}.messageModal26 .later{background:transparent;color:#8d9db2} .worldArticleModal26{width:min(820px,95vw);max-height:92vh;overflow:auto;border-radius:24px;background:linear-gradient(160deg,#151823,#080b11 70%);border:1px solid rgba(222,186,92,.42);box-shadow:0 40px 130px #000}.worldArticleModal26>header{display:grid;grid-template-columns:1fr 40px;gap:14px;align-items:start;padding:22px 24px;border-bottom:1px solid rgba(255,255,255,.07);background:linear-gradient(100deg,rgba(215,175,83,.14),transparent)}.worldArticleModal26 header small{color:#e0bc62;font-size:9px;font-weight:900;letter-spacing:.12em}.worldArticleModal26 header h2{margin:5px 0 0;font-size:clamp(25px,4vw,39px);line-height:1.1}.worldArticleBody26{padding:24px}.worldArticleLead26{font-size:15px;line-height:1.65;color:#d7dee9;margin:0 0 18px}.worldArticleBody26 section{padding:16px;border-radius:14px;background:#111824;border:1px solid rgba(255,255,255,.07)}.worldArticleBody26 section small{color:#dfbd64;font-size:9px;font-weight:900;letter-spacing:.12em}.worldArticleBody26 section p{margin:7px 0 0;color:#b9c5d5;font-size:12px;line-height:1.55}.worldArticleBody26 footer{margin-top:14px;color:#7f8da1;font-size:9px}.worldArticleActions26{display:flex;justify-content:flex-end;gap:8px;padding:16px 24px;border-top:1px solid rgba(255,255,255,.07);background:#090c12}.worldArticleActions26 button,.lwArticleBody31 button{border:1px solid #39495e;background:#141d29;color:#fff;border-radius:10px;padding:10px 12px;font-size:9px;font-weight:900;cursor:pointer}.worldArticleActions26 button.primary,.lwArticleBody31 button{border-color:rgba(222,186,92,.58);background:linear-gradient(180deg,rgba(217,180,86,.22),rgba(129,94,24,.18));color:#f2d991}.lwArticleBody31 button{margin-top:10px} .phoneList33 article[data-phone-card26]{cursor:pointer}.phoneList33 article[data-phone-card26]:hover{border-color:rgba(95,220,255,.6)} @keyframes messageFade26{from{opacity:0;transform:scale(.987)}to{opacity:1;transform:none}} @media(max-width:760px){.ecoStats26{grid-template-columns:1fr 1fr}.ecoLedger26{grid-template-columns:1fr}.careerEcosystem26>header{display:block}.careerEcosystem26>header>span{display:inline-block;margin-top:10px}.messageModal26>header{grid-template-columns:48px 1fr 34px;padding:16px}.messageAvatar26{width:44px;height:44px;font-size:23px}.messageBody26{padding:18px}.messageModal26>footer{align-items:stretch;flex-direction:column}.messageActions26{display:grid;grid-template-columns:1fr}.messageActions26 button,.messageModal26 .later{width:100%}.worldArticleModal26>header,.worldArticleBody26,.worldArticleActions26{padding-left:17px;padding-right:17px}.worldArticleActions26{display:grid;grid-template-columns:1fr}.worldArticleActions26 button{width:100%}} /* ================= PATCH 3.7 • PROMOTER ACCESS • CAREER HQ + PROFILE ================= */ .promoterHQ37{margin:18px 0 22px;padding:18px;border:1px solid rgba(255,183,77,.28);border-radius:20px;background:linear-gradient(150deg,rgba(31,23,15,.97),rgba(13,16,23,.98));box-shadow:0 20px 56px rgba(0,0,0,.22)} .promoterHQ37>header{display:flex;justify-content:space-between;gap:18px;align-items:flex-start}.promoterHQ37 header small{display:block;color:#f2bd6d;font-size:9px;font-weight:900;letter-spacing:.13em}.promoterHQ37 h3{margin:4px 0 6px;font-size:22px}.promoterHQ37 header p{margin:0;max-width:760px;color:#b7c0cf;font-size:11px;line-height:1.5}.promoterHQ37 header>span{white-space:nowrap;padding:8px 10px;border-radius:999px;border:1px solid rgba(255,255,255,.12);font-size:9px;font-weight:900;letter-spacing:.06em}.promoterHQ37 header>span.ready{color:#aef6c6;border-color:rgba(88,216,132,.3);background:rgba(88,216,132,.08)}.promoterHQ37 header>span.locked{color:#e8cfa5;background:rgba(240,181,83,.07);border-color:rgba(240,181,83,.22)} .promoterHQStats37{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;margin:14px 0}.promoterHQStats37 article{padding:12px;border-radius:13px;background:#121720;border:1px solid rgba(255,255,255,.07)}.promoterHQStats37 small,.promoterHQStats37 span{display:block}.promoterHQStats37 small{font-size:8px;color:#8e98a8;letter-spacing:.09em;font-weight:900}.promoterHQStats37 b{display:block;margin:4px 0;font-size:20px}.promoterHQStats37 span{color:#9da8b8;font-size:9px;line-height:1.35}.promoterHQ37>footer{display:flex;justify-content:space-between;gap:14px;align-items:center;padding-top:13px;border-top:1px solid rgba(255,255,255,.07)}.promoterHQ37>footer b,.promoterHQ37>footer span{display:block}.promoterHQ37>footer b{font-size:11px}.promoterHQ37>footer span{margin-top:3px;color:#9da8b7;font-size:9px}.promoterHQ37>footer button{white-space:nowrap} .promoterProfile37{margin:14px 0 18px;padding:15px;display:grid;grid-template-columns:54px minmax(0,1fr) auto;gap:13px;align-items:center;border:1px solid rgba(255,183,77,.25);border-radius:17px;background:linear-gradient(145deg,rgba(34,25,15,.93),rgba(14,17,24,.95))}.promoterProfileIcon37{width:50px;height:50px;display:grid;place-items:center;border-radius:14px;background:rgba(245,181,77,.11);border:1px solid rgba(245,181,77,.23);font-size:25px}.promoterProfile37 small{color:#e8b966;font-size:8px;font-weight:900;letter-spacing:.12em}.promoterProfile37 h3{margin:3px 0 4px}.promoterProfile37 p{margin:0;color:#aeb8c7;font-size:10px;line-height:1.45}.promoterProfileMeta37{display:flex;gap:7px;flex-wrap:wrap;margin-top:8px}.promoterProfileMeta37 span{padding:5px 7px;border-radius:8px;background:#10141b;border:1px solid rgba(255,255,255,.07);color:#8f9aab;font-size:8px}.promoterProfileMeta37 b{color:#eef3fa}.promoterProfile37>button{white-space:nowrap} @media(max-width:760px){.promoterHQ37>header,.promoterHQ37>footer{display:block}.promoterHQ37 header>span{display:inline-block;margin-top:10px}.promoterHQStats37{grid-template-columns:1fr 1fr}.promoterHQ37>footer button{width:100%;margin-top:12px}.promoterProfile37{grid-template-columns:46px minmax(0,1fr)}.promoterProfileIcon37{width:42px;height:42px}.promoterProfile37>button{grid-column:1/-1;width:100%}} /* ================= PATCH 3.9 • SHOW VENUE IDENTITY ================= */ .venue-stage390 .show2Stage211{background:var(--venue-dark,#04070d);isolation:isolate} .venue-stage390 .show2StageVideo211{filter:hue-rotate(var(--venue-hue,0deg)) saturate(1.08) contrast(1.08) brightness(.48);opacity:.72} .venue-stage390 .clubBase214,.venue-stage390 .clubResponse214{filter:hue-rotate(var(--venue-hue,0deg)) saturate(1.14) contrast(1.06) brightness(.68)} .venueStage390{position:absolute;inset:0;z-index:2;pointer-events:none;overflow:hidden;color:var(--venue-accent,#fff);font-family:inherit} .venueStage390:before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,color-mix(in srgb,var(--venue-dark) 38%,transparent),transparent 44%,color-mix(in srgb,var(--venue-dark) 86%,transparent)),radial-gradient(circle at 50% 58%,color-mix(in srgb,var(--venue-primary) 24%,transparent),transparent 45%);mix-blend-mode:screen;opacity:.78} .venueStage390:after{content:"";position:absolute;left:0;right:0;bottom:0;height:32%;background:linear-gradient(180deg,transparent,color-mix(in srgb,var(--venue-dark) 80%,transparent));z-index:7} .venueArchitecture390{position:absolute;inset:0;z-index:1}.venueArchitecture390 i{position:absolute;border:1px solid color-mix(in srgb,var(--venue-primary) 40%,transparent);box-shadow:0 0 22px color-mix(in srgb,var(--venue-primary) 18%,transparent)} .layout-warehouse .venueArchitecture390 i:nth-child(1),.layout-tunnel .venueArchitecture390 i:nth-child(1){left:4%;top:4%;bottom:3%;width:8px;background:repeating-linear-gradient(180deg,var(--venue-primary) 0 3px,transparent 3px 18px)} .layout-warehouse .venueArchitecture390 i:nth-child(2),.layout-tunnel .venueArchitecture390 i:nth-child(2){right:4%;top:4%;bottom:3%;width:8px;background:repeating-linear-gradient(180deg,var(--venue-primary) 0 3px,transparent 3px 18px)} .layout-warehouse .venueArchitecture390 i:nth-child(3){left:11%;right:11%;top:9%;height:7px;background:repeating-linear-gradient(90deg,var(--venue-secondary) 0 4px,transparent 4px 26px)} .layout-tunnel .venueArchitecture390 i:nth-child(3){left:8%;right:8%;top:5%;height:42%;border-radius:50% 50% 0 0;border-width:3px;border-bottom:0} .layout-openair .venueArchitecture390 i:nth-child(1),.layout-openair .venueArchitecture390 i:nth-child(2),.layout-garden .venueArchitecture390 i:nth-child(1),.layout-garden .venueArchitecture390 i:nth-child(2){top:0;bottom:0;width:14%;border:0;background:linear-gradient(90deg,color-mix(in srgb,var(--venue-secondary) 20%,transparent),transparent)} .layout-openair .venueArchitecture390 i:nth-child(1),.layout-garden .venueArchitecture390 i:nth-child(1){left:0}.layout-openair .venueArchitecture390 i:nth-child(2),.layout-garden .venueArchitecture390 i:nth-child(2){right:0;transform:scaleX(-1)} .layout-luxury .venueArchitecture390 i:nth-child(1){left:50%;top:-24%;width:48%;height:54%;transform:translateX(-50%);border-width:5px;border-radius:50%;border-color:color-mix(in srgb,var(--venue-primary) 62%,transparent)} .layout-luxury .venueArchitecture390 i:nth-child(2){left:8%;top:0;bottom:0;width:4px;background:linear-gradient(var(--venue-primary),transparent 72%)}.layout-luxury .venueArchitecture390 i:nth-child(3){right:8%;top:0;bottom:0;width:4px;background:linear-gradient(var(--venue-primary),transparent 72%)} .layout-mainstage .venueArchitecture390 i:nth-child(1),.layout-neon .venueArchitecture390 i:nth-child(1),.layout-boutique .venueArchitecture390 i:nth-child(1){left:3%;top:11%;bottom:13%;width:8%;border-radius:40px;background:linear-gradient(180deg,color-mix(in srgb,var(--venue-primary) 14%,transparent),color-mix(in srgb,var(--venue-secondary) 18%,transparent))} .layout-mainstage .venueArchitecture390 i:nth-child(2),.layout-neon .venueArchitecture390 i:nth-child(2),.layout-boutique .venueArchitecture390 i:nth-child(2){right:3%;top:11%;bottom:13%;width:8%;border-radius:40px;background:linear-gradient(180deg,color-mix(in srgb,var(--venue-secondary) 14%,transparent),color-mix(in srgb,var(--venue-primary) 18%,transparent))} .venueLedWall390{position:absolute;z-index:2;left:18%;right:18%;top:24%;height:36%;border:2px solid color-mix(in srgb,var(--venue-primary) 78%,white 8%);border-radius:clamp(18px,4vw,50px);overflow:hidden;background:radial-gradient(circle at 24% 64%,color-mix(in srgb,var(--venue-secondary) 58%,transparent),transparent 31%),radial-gradient(circle at 72% 38%,color-mix(in srgb,var(--venue-primary) 68%,transparent),transparent 34%),linear-gradient(125deg,var(--venue-dark),color-mix(in srgb,var(--venue-secondary) 34%,var(--venue-dark)));box-shadow:0 0 38px color-mix(in srgb,var(--venue-primary) 26%,transparent),inset 0 0 34px color-mix(in srgb,var(--venue-primary) 16%,transparent)} .venueLedWall390:before{content:"";position:absolute;inset:0;opacity:.28;background-image:radial-gradient(circle,currentColor 0 1px,transparent 1.2px);background-size:5px 5px;color:var(--venue-accent)} .venueLedWall390 i,.venueLedWall390 b,.venueLedWall390 em{position:absolute;border-radius:50%;filter:blur(30px);mix-blend-mode:screen}.venueLedWall390 i{width:55%;height:75%;left:-9%;top:30%;background:var(--venue-secondary);opacity:.23}.venueLedWall390 b{width:47%;height:65%;right:-7%;top:-7%;background:var(--venue-primary);opacity:.23}.venueLedWall390 em{width:32%;height:42%;left:35%;top:28%;background:var(--venue-accent);opacity:.08} .venueBeams390{position:absolute;z-index:3;inset:0;overflow:hidden}.venueBeams390 i{position:absolute;top:-18%;width:4.5%;height:100%;transform-origin:50% 0;background:linear-gradient(180deg,color-mix(in srgb,var(--venue-accent) 55%,transparent),color-mix(in srgb,var(--venue-primary) 20%,transparent) 48%,transparent 86%);filter:blur(7px);opacity:.26;animation:venueBeam390 var(--venue-speed,4s) ease-in-out infinite alternate} .venueBeams390 i:nth-child(1){left:12%;transform:rotate(var(--venue-angle-a,-18deg))}.venueBeams390 i:nth-child(2){left:28%;transform:rotate(calc(var(--venue-angle-a) * -.45));animation-delay:-1.1s}.venueBeams390 i:nth-child(3){left:45%;transform:rotate(7deg);animation-delay:-.5s}.venueBeams390 i:nth-child(4){right:45%;transform:rotate(-7deg);animation-delay:-1.7s}.venueBeams390 i:nth-child(5){right:28%;transform:rotate(calc(var(--venue-angle-b) * -.45));animation-delay:-.9s}.venueBeams390 i:nth-child(6){right:12%;transform:rotate(var(--venue-angle-b,22deg));animation-delay:-1.4s} .venueFog390{position:absolute;z-index:4;inset:0}.venueFog390 i{position:absolute;bottom:12%;width:58%;height:28%;border-radius:50%;background:var(--venue-fog);filter:blur(32px);opacity:.48;animation:venueFog390 8s ease-in-out infinite alternate}.venueFog390 i:first-child{left:-12%}.venueFog390 i:last-child{right:-12%;animation-delay:-3.2s} .venueDjSilhouette390{position:absolute;z-index:5;left:50%;top:39%;width:80px;height:110px;transform:translateX(-50%)}.venueDjSilhouette390 i{position:absolute;left:50%;top:0;width:26px;height:26px;border-radius:50%;transform:translateX(-50%);background:#05070b;box-shadow:0 0 18px color-mix(in srgb,var(--venue-primary) 22%,transparent)}.venueDjSilhouette390 b{position:absolute;left:50%;top:21px;width:70px;height:72px;transform:translateX(-50%);clip-path:polygon(29% 0,71% 0,92% 100%,8% 100%);background:linear-gradient(180deg,#080b10,#020306)} .venueBooth390{position:absolute;z-index:6;left:50%;top:54%;width:min(68%,780px);min-height:116px;transform:translateX(-50%);border-radius:34px;border:3px solid color-mix(in srgb,var(--venue-primary) 78%,white 14%);background:radial-gradient(circle at 20% 50%,color-mix(in srgb,var(--venue-secondary) 42%,transparent),transparent 35%),radial-gradient(circle at 82% 48%,color-mix(in srgb,var(--venue-primary) 42%,transparent),transparent 36%),linear-gradient(135deg,color-mix(in srgb,var(--venue-dark) 88%,black),color-mix(in srgb,var(--venue-secondary) 20%,var(--venue-dark)));box-shadow:0 0 42px color-mix(in srgb,var(--venue-primary) 30%,transparent),inset 0 0 30px color-mix(in srgb,var(--venue-primary) 12%,transparent);display:flex;flex-direction:column;align-items:center;justify-content:center;padding:13px 24px 12px;overflow:hidden} .venueBooth390:before{content:"";position:absolute;inset:0;background-image:radial-gradient(circle,color-mix(in srgb,var(--venue-accent) 75%,transparent) 0 1px,transparent 1.15px);background-size:4px 4px;opacity:.18}.venueBooth390:after{content:"";position:absolute;inset:-70% -20%;background:linear-gradient(100deg,transparent 38%,color-mix(in srgb,var(--venue-accent) 15%,transparent) 49%,transparent 60%);transform:translateX(-50%);animation:venueScan390 7s linear infinite} .venueBooth390 strong{position:relative;z-index:1;display:block;max-width:100%;font-size:calc(clamp(32px,6.5vw,80px)*var(--venue-name-scale,1));line-height:.9;letter-spacing:.018em;font-weight:1000;text-transform:uppercase;white-space:nowrap;color:var(--venue-accent);text-shadow:0 0 9px color-mix(in srgb,var(--venue-accent) 40%,transparent),0 0 25px color-mix(in srgb,var(--venue-primary) 35%,transparent)} .venueLineup390{position:relative;z-index:1;display:flex;align-items:center;justify-content:center;gap:10px;margin-top:9px;max-width:100%;font-size:clamp(8px,1vw,12px);font-weight:900;letter-spacing:.12em;text-transform:uppercase;color:color-mix(in srgb,var(--venue-accent) 78%,transparent);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.venueLineup390 i{font-style:normal;color:var(--venue-primary)} .venueBooth390>span{position:absolute;left:5%;right:5%;bottom:5px;height:2px;background:linear-gradient(90deg,transparent,var(--venue-secondary),var(--venue-primary),transparent);opacity:.65} .venueThemeTag390{position:absolute;z-index:8;right:14px;top:46%;font-size:8px;font-weight:950;letter-spacing:.11em;padding:5px 7px;border:1px solid color-mix(in srgb,var(--venue-primary) 28%,transparent);border-radius:999px;background:color-mix(in srgb,var(--venue-dark) 72%,transparent);color:color-mix(in srgb,var(--venue-accent) 65%,transparent);opacity:.62} .variant-1 .venueLedWall390{left:14%;right:14%;border-radius:14px}.variant-2 .venueLedWall390{top:20%;height:40%;border-radius:60px}.variant-3 .venueBooth390{width:min(74%,840px);border-radius:16px}.variant-4 .venueBooth390{width:min(62%,710px);border-radius:50px}.variant-4 .venueLedWall390{left:21%;right:21%} .venue-underground390 .venueBooth390,.venue-industrial390 .venueBooth390{border-width:2px}.venue-sunset390 .venueStage390:before{background:linear-gradient(180deg,rgba(255,132,62,.18),transparent 48%,rgba(8,4,12,.72)),radial-gradient(circle at 14% 28%,rgba(255,180,76,.16),transparent 32%)} .venue-rooftop390 .venueLedWall390,.venue-rooftop390 .venueBooth390{box-shadow:0 0 34px color-mix(in srgb,var(--venue-secondary) 24%,transparent),inset 0 0 22px color-mix(in srgb,var(--venue-primary) 18%,transparent)} .fx-on212.audio-on212 .venueBooth390{animation:venueBoothPulse390 var(--beat) ease-out infinite}.fx-on212.drop .venueLedWall390,.mix-good212.fx-on212 .venueLedWall390{filter:brightness(1.22) saturate(1.18)}.fx-on212.drop .venueBooth390{box-shadow:0 0 70px color-mix(in srgb,var(--venue-primary) 58%,transparent),0 0 26px color-mix(in srgb,var(--venue-secondary) 44%,transparent),inset 0 0 34px color-mix(in srgb,var(--venue-accent) 15%,transparent)}.mix-bad212.fx-on212 .venueStage390{filter:saturate(.62) brightness(.72)}.build212.fx-on212 .venueBeams390 i{opacity:.12}.dropready212.fx-on212 .venueBooth390 strong{text-shadow:0 0 12px var(--venue-accent),0 0 34px var(--venue-primary)} .fx-off212 .venueBeams390 i,.fx-off212 .venueFog390 i,.fx-off212 .venueBooth390,.fx-off212 .venueBooth390:after{animation:none!important}.fx-off212 .venueBeams390 i{opacity:.12}.fx-off212 .venueFog390 i{opacity:.24}.fx-off212 .venueStage390{filter:saturate(.82)} .club-room214 .venueStage390{z-index:1}.club-room214 .venueBooth390{top:52%;width:min(62%,650px);min-height:92px}.club-room214 .venueLedWall390{top:24%;height:32%}.club-room214 .venueThemeTag390{top:42%} @keyframes venueBeam390{from{opacity:.12;filter:blur(9px);transform-origin:50% 0}to{opacity:.52;filter:blur(5px);transform-origin:50% 0}} @keyframes venueFog390{from{transform:translateX(-4%) scale(.92);opacity:.34}to{transform:translateX(6%) scale(1.08);opacity:.58}} @keyframes venueScan390{0%{transform:translateX(-75%)}100%{transform:translateX(75%)}} @keyframes venueBoothPulse390{0%,100%{filter:brightness(.96)}18%{filter:brightness(1.06)}} @media(max-width:1050px){.venueBooth390{top:55%;width:min(72%,720px)}.venueLedWall390{left:12%;right:12%}.venueThemeTag390{display:none}.club-room214 .venueBooth390{top:50%}} @media(max-width:720px){.venueBooth390{top:57%;width:84%;min-height:88px;padding:11px 14px 9px;border-radius:22px}.venueBooth390 strong{font-size:calc(clamp(28px,10vw,52px)*var(--venue-name-scale,1))}.venueLineup390{font-size:8px;gap:6px;letter-spacing:.08em}.venueLedWall390{left:7%;right:7%;top:30%;height:25%}.venueDjSilhouette390{top:44%;transform:translateX(-50%) scale(.72)}.venueBeams390 i{width:7%}.club-room214 .venueBooth390{top:50%;width:82%;min-height:82px}.club-room214 .venueLedWall390{left:8%;right:8%;top:26%;height:24%}} @media(prefers-reduced-motion:reduce){.venueStage390 *{animation:none!important;transition:none!important}} /* PATCH 4.0 — DJ MESSENGER */ .chatPage40,.chatThreadPage40,.npcChat40{max-width:1180px;margin:0 auto}.chatHub40{display:grid;gap:14px}.chatHubHead40{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;padding:18px;border:1px solid #2e3850;border-radius:18px;background:linear-gradient(135deg,#121725,#0b0f18)}.chatHubHead40 h2{margin:3px 0 6px}.chatThreads40{display:grid;gap:8px}.chatThreadRow40{width:100%;display:grid;grid-template-columns:54px 1fr auto;gap:12px;align-items:center;text-align:left;padding:12px 14px;border:1px solid #283247;border-radius:16px;background:#111722;color:#eef5ff}.chatThreadRow40:hover,.chatThreadRow40.unread40{border-color:#4da8ff;background:#142033}.chatThreadRow40>strong{min-width:28px;height:28px;border-radius:999px;display:grid;place-items:center;background:#31a9ff;color:#03101d}.chatAvatar40{width:48px;height:48px;border-radius:50%;display:grid;place-items:center;background:#202a3c;font-size:24px;overflow:hidden}.chatAvatar40 img{width:100%;height:100%;object-fit:cover}.chatThreadBody40{min-width:0;display:grid;gap:3px}.chatThreadBody40 b{font-size:16px}.chatThreadBody40 small{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#b7c3d5}.chatThreadBody40 em{font-size:10px;color:#6e809d;font-style:normal}.chatUnavailable40,.chatBlocked40,.chatError40{padding:16px;border:1px solid #654d21;border-radius:14px;background:#231d12;color:#ffd991}.chatUnavailable40 code{display:inline-block;margin-top:8px;padding:5px 8px;border-radius:8px;background:#0b0d12;color:#dfe9ff}.chatEmpty40{padding:36px 18px;text-align:center;border:1px dashed #34425c;border-radius:18px;color:#9eadc2}.chatEmpty40>div{font-size:38px}.chatThreadHead40{display:grid;grid-template-columns:auto 1fr auto;gap:14px;align-items:center;padding:14px 0}.chatPeer40{display:flex;align-items:center;gap:12px}.chatPeer40>span{width:50px;height:50px;border-radius:50%;display:grid;place-items:center;background:#1d2637;overflow:hidden;font-size:24px}.chatPeer40 img{width:100%;height:100%;object-fit:cover}.chatPeer40 h2,.chatPeer40 p{margin:0}.chatTools40{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end}.chatTools40 button,.chatCareerActions40 button{font-size:11px}.chatTools40 .danger40{border-color:#7d3340;color:#ff9fad}.chatMessages40,.npcMessages40{min-height:420px;max-height:58vh;overflow:auto;padding:18px;border:1px solid #253047;border-radius:18px;background:radial-gradient(circle at top,#151f32,#090d15 65%);display:flex;flex-direction:column;gap:10px}.chatMessages40 article,.npcMessages40 article{max-width:76%;display:grid;gap:4px}.chatMessages40 article div,.npcMessages40 article div{padding:10px 13px;border-radius:15px;white-space:pre-wrap;overflow-wrap:anywhere}.chatMessages40 .mine40,.npcMessages40 .mine40{align-self:flex-end}.chatMessages40 .mine40 div,.npcMessages40 .mine40 div{background:#1779c9;color:white;border-bottom-right-radius:4px}.chatMessages40 .theirs40,.npcMessages40 .theirs40{align-self:flex-start}.chatMessages40 .theirs40 div,.npcMessages40 .theirs40 div{background:#202a39;color:#eef5ff;border-bottom-left-radius:4px}.chatMessages40 article small,.npcMessages40 article small{font-size:9px;color:#71819a}.mine40 small{text-align:right}.chatComposer40{margin-top:10px;padding:12px;border:1px solid #2c3850;border-radius:16px;background:#101620}.chatComposer40 textarea{width:100%;box-sizing:border-box;resize:vertical;min-height:72px;background:#080c13;color:#f1f6ff;border:1px solid #33415a;border-radius:12px;padding:12px;font:inherit}.chatComposer40>div{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:8px}.chatCareerActions40,.npcChoices40{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}.npcChoices40 button{flex:1 1 150px}.messagePlayer40,.messageNpc40,.chatQuick40{border-color:#3c9cff!important}.chatPhonePage40 .chatHubHead40{margin-bottom:8px}.chatPhonePage40 .chatHubHead40 p{display:none}@media(max-width:700px){.chatThreadHead40{grid-template-columns:auto 1fr}.chatTools40{grid-column:1/-1;justify-content:flex-start}.chatMessages40,.npcMessages40{min-height:48vh;max-height:55vh}.chatMessages40 article,.npcMessages40 article{max-width:88%}.chatComposer40>div{align-items:flex-end}.chatThreadRow40{grid-template-columns:44px 1fr auto}.chatAvatar40{width:40px;height:40px}} /* PATCH 4.1 — booking cancellation / switch deal */ .bookingCancelAction41{grid-column:1/-1;display:flex;align-items:center;justify-content:flex-end;gap:10px;padding:10px 14px 2px;border-top:1px solid rgba(255,255,255,.08);margin-top:6px}.bookingCancelAction41 button{background:transparent;border:1px solid rgba(255,90,105,.55);color:#ff9aa5;border-radius:9px;padding:8px 11px;font-weight:800;letter-spacing:.04em}.bookingCancelAction41 small{color:#9da7bb;font-size:10px}.conflictwarn.switch41{display:flex;flex-direction:column;gap:3px}.conflictwarn.switch41 small{opacity:.82;font-size:10px}.bookingCancelOverlay41{position:fixed;inset:0;z-index:100030;background:rgba(5,7,12,.86);backdrop-filter:blur(8px);display:grid;place-items:center;padding:18px}.bookingCancelModal41{width:min(860px,96vw);max-height:92vh;overflow:auto;background:linear-gradient(180deg,#171c28,#0d111a);border:1px solid rgba(255,255,255,.14);border-radius:20px;box-shadow:0 32px 100px #000;overflow-x:hidden}.bookingCancelModal41>header{display:flex;justify-content:space-between;align-items:center;padding:18px 20px;border-bottom:1px solid rgba(255,255,255,.08)}.bookingCancelModal41>header small{color:#ff9aa5;font-weight:900;letter-spacing:.11em}.bookingCancelModal41>header h2{margin:3px 0 0;font-size:25px}.bookingCancelModal41>header button{background:transparent;border:0;color:#fff;font-size:28px}.bookingCancelBody41{display:grid;grid-template-columns:1fr auto 1fr;gap:14px;padding:18px}.bookingCancelOld41,.bookingCancelNew41{background:#101622;border:1px solid rgba(255,255,255,.09);border-radius:14px;padding:16px}.bookingCancelOld41 small,.bookingCancelNew41 small{color:#8e9bb2;font-weight:800}.bookingCancelOld41 h3,.bookingCancelNew41 h3{margin:7px 0 4px}.bookingCancelOld41 p,.bookingCancelNew41 p{color:#aeb7c8;margin:0 0 12px}.bookingCancelOld41>b,.bookingCancelNew41>b{font-size:21px}.bookingCancelNew41 em{font-style:normal;font-size:12px;margin-left:6px}.bookingCancelNew41 em.up{color:#7ff0a8}.bookingCancelNew41 em.down{color:#ff8e9a}.bookingSwitchArrow41{align-self:center;font-size:30px;color:#7dc6ff}.bookingPenalty41{grid-column:1/-1;background:rgba(255,79,95,.07);border:1px solid rgba(255,92,106,.24);border-radius:14px;padding:16px}.bookingPenalty41>small{color:#ff8b98;font-weight:900}.bookingPenalty41 h3{margin:6px 0 12px}.bookingPenalty41>div{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.bookingPenalty41 span{background:rgba(255,255,255,.045);padding:10px;border-radius:9px;display:flex;justify-content:space-between;gap:8px;font-size:12px}.bookingCancelWarning41{color:#ffc3c9;font-weight:700}.bookingCancelModal41>footer{display:flex;justify-content:flex-end;gap:10px;padding:15px 18px;border-top:1px solid rgba(255,255,255,.08)}.bookingCancelModal41>footer button{padding:11px 14px;border-radius:10px}.bookingCancelModal41 .danger41{background:#b62c3c;border-color:#e64b5e;color:white;font-weight:900}@media(max-width:720px){.bookingCancelBody41{grid-template-columns:1fr}.bookingSwitchArrow41{transform:rotate(90deg);justify-self:center}.bookingPenalty41{grid-column:1}.bookingPenalty41>div{grid-template-columns:1fr}.bookingCancelAction41{align-items:flex-end;flex-direction:column}} /* ================= PATCH 5.0 • HOME / WAVEFORM / STAGE FIX ================= */ /* NEXT SHOW is structurally isolated in its own row, so it cannot collapse back into a 3-column card. */ .fmNextOnly500>.fmNext970{width:100%;grid-column:auto!important}.fmNextOnly500 .fmNextBody970{display:grid!important;grid-template-columns:1fr!important;grid-template-rows:minmax(285px,auto) 78px!important}.fmNextOnly500 .fmStageArt970,.fmNextOnly500 .fmNextStats970{grid-column:1/-1!important;width:100%}.fmNextOnly500 .fmNextStats970{grid-template-columns:repeat(4,minmax(0,1fr))!important} .fmTopSupport500>.fmPanel970,.fmTopSupport500>.fmMomentum970{min-width:0;min-height:250px} @media(max-width:780px){.fmNextOnly500 .fmNextBody970{grid-template-rows:minmax(220px,auto) auto!important}.fmNextOnly500 .fmNextStats970{grid-template-columns:1fr 1fr!important}} /* SHOW 2.0 waveform: explicit lane geometry; JS also emits inline bar geometry as a fail-safe. */ .show2Wave211{height:178px!important;padding-top:22px!important;background:linear-gradient(180deg,#060a10,#09111a)!important;border-color:#33465d!important}.show2Lane211{position:relative;height:68px!important;display:grid!important;grid-template-columns:36px minmax(0,1fr)!important;align-items:center;overflow:hidden}.show2WaveViewport215{position:relative!important;height:56px!important;overflow:hidden!important;min-width:0;background:repeating-linear-gradient(90deg,rgba(255,255,255,.018) 0 29px,rgba(255,255,255,.055) 30px 31px)}.show2Lane211 .phraseWaveTrack9952{position:absolute!important;left:0!important;top:0!important;height:56px!important;min-width:2400px!important;width:max-content!important;display:flex!important;align-items:stretch!important;gap:0!important;opacity:1!important;visibility:visible!important}.show2Lane211 .waveBeat9952{height:56px!important;opacity:1!important;visibility:visible!important}.show2Lane211 .waveBeat9952 i{opacity:1!important;visibility:visible!important}.show2Playhead211{z-index:12!important;background:#ff3948!important;box-shadow:0 0 15px rgba(255,57,72,.9),0 0 3px #fff!important;width:3px!important}.show2BeatGate215{position:absolute;z-index:8;left:calc(50% + 17px);top:5px;bottom:5px;width:30px;transform:translateX(-50%);border-left:1px solid rgba(255,216,86,.55);border-right:1px solid rgba(255,216,86,.55);background:rgba(255,216,86,.045);pointer-events:none}.show2Wave211:after{content:"JOG DECK B UNTIL BOTH BEAT MARKERS MEET AT THE RED PLAYHEAD";position:absolute;left:50%;bottom:4px;transform:translateX(-50%);z-index:13;color:#a4b0c1;font-size:8px;font-weight:900;letter-spacing:.075em;white-space:nowrap;pointer-events:none} /* Stage is taller and has a guaranteed performer/LED layer rendered by app.js, independent of venue-theme CSS. */ .show2Stage211{height:clamp(500px,62vh,620px)!important;min-height:500px!important}.show2Performer500{position:absolute;inset:0;z-index:2;pointer-events:none;overflow:hidden;isolation:isolate} .show2Performer500:before{content:"";position:absolute;left:14%;right:14%;top:12%;height:18%;border-radius:18px 18px 44px 44px;background:linear-gradient(180deg,rgba(171,228,255,.18),rgba(171,228,255,.02));box-shadow:0 0 36px rgba(112,214,255,.12);opacity:.55} .show2Performer500:after{content:"";position:absolute;left:22%;right:22%;top:23%;height:10px;border-radius:999px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);opacity:.42} .show2Led500{position:absolute;left:17%;right:17%;top:33%;height:23%;display:grid;place-items:center;border:2px solid rgba(202,244,255,.3);border-radius:28px;background:radial-gradient(circle at 20% 54%,rgba(120,212,255,.24),transparent 36%),radial-gradient(circle at 78% 42%,rgba(255,255,255,.22),transparent 40%),linear-gradient(180deg,rgba(18,34,52,.38),rgba(6,12,18,.3)),linear-gradient(125deg,rgba(8,22,34,.92),rgba(14,58,92,.88) 45%,rgba(3,8,15,.92));box-shadow:0 0 54px rgba(109,206,255,.18),inset 0 0 28px rgba(255,255,255,.08);overflow:hidden} .show2Led500:before{content:"";position:absolute;inset:0;background-image:radial-gradient(circle,rgba(255,255,255,.4) 0 1px,transparent 1.3px);background-size:6px 6px;opacity:.18} .show2Led500:after{content:"";position:absolute;inset:6% 2%;border-radius:24px;border:1px solid rgba(255,255,255,.08);background:linear-gradient(180deg,rgba(255,255,255,.08),transparent 44%)} .show2Led500 span{position:relative;z-index:2;max-width:92%;overflow:hidden;text-overflow:ellipsis;font-size:clamp(28px,5.4vw,72px);line-height:.88;font-weight:1000;letter-spacing:.08em;text-transform:uppercase;white-space:nowrap;color:rgba(236,250,255,.75);text-shadow:0 0 10px rgba(255,255,255,.45),0 0 28px rgba(77,194,255,.34)} .show2Dj500{position:absolute;z-index:6;left:50%;top:49%;width:172px;height:192px;transform:translateX(-50%);filter:drop-shadow(0 0 10px rgba(255,255,255,.18)) drop-shadow(0 12px 20px rgba(0,0,0,.46))} .show2Dj500:before{content:"";position:absolute;left:50%;top:-5px;width:58px;height:58px;transform:translateX(-50%);border-radius:50%;border:6px solid rgba(214,241,255,.18);border-bottom-color:transparent;background:transparent;box-shadow:0 0 0 2px rgba(7,12,18,.55) inset} .show2Dj500:after{content:"";position:absolute;left:50%;bottom:22px;width:138px;height:18px;transform:translateX(-50%);border-radius:999px;background:linear-gradient(180deg,rgba(4,8,14,.95),rgba(12,19,28,.82));box-shadow:0 0 0 1px rgba(255,255,255,.08),0 5px 14px rgba(0,0,0,.4)} .show2Dj500 i{position:absolute;left:50%;top:2px;width:40px;height:40px;border-radius:50%;transform:translateX(-50%);background:radial-gradient(circle at 40% 30%,#455564 0 16%,#131a24 44%,#020306 76%);border:2px solid rgba(255,255,255,.15)} .show2Dj500 b{position:absolute;left:50%;top:34px;width:112px;height:112px;transform:translateX(-50%);clip-path:polygon(34% 0,66% 0,81% 16%,88% 42%,78% 100%,22% 100%,12% 42%,19% 16%);background:linear-gradient(180deg,#243242,#0d1218 45%,#030407 82%);box-shadow:inset 9px 0 0 rgba(255,255,255,.025)} .show2Dj500 b:before{content:"";position:absolute;left:50%;bottom:10px;width:72px;height:26px;transform:translateX(-50%);border-radius:16px 16px 8px 8px;background:linear-gradient(180deg,rgba(18,26,36,.86),rgba(2,3,6,.96))} .show2Dj500 em,.show2Dj500 span{position:absolute;top:78px;width:86px;height:18px;border-radius:999px;background:linear-gradient(90deg,#05070a,#1b2430 52%,#040608);transform-origin:center;box-shadow:0 0 0 1px rgba(255,255,255,.05)} .show2Dj500 em{left:-6px;transform:rotate(18deg)} .show2Dj500 span{right:-6px;transform:rotate(-18deg)} .show2Booth500{position:absolute;z-index:7;left:50%;top:64%;width:min(68%,820px);height:124px;transform:translateX(-50%);display:grid;place-items:center;border:2px solid rgba(223,248,255,.52);border-radius:28px;background:linear-gradient(180deg,rgba(214,246,255,.08),rgba(214,246,255,.02) 10%,transparent 11%),radial-gradient(circle at 50% 38%,rgba(245,251,255,.22),transparent 44%),radial-gradient(circle at 24% 55%,rgba(88,187,255,.36),transparent 34%),radial-gradient(circle at 76% 55%,rgba(140,216,255,.34),transparent 34%),linear-gradient(135deg,rgba(8,26,42,.98),rgba(16,79,134,.98) 47%,rgba(6,22,38,.98));box-shadow:0 0 46px rgba(88,187,255,.25),inset 0 0 22px rgba(255,255,255,.08)} .show2Booth500:before{content:"";position:absolute;left:10px;right:10px;top:10px;height:13px;border-radius:12px;background:linear-gradient(180deg,rgba(255,255,255,.34),rgba(255,255,255,.04));opacity:.72} .show2Booth500:after{content:"";position:absolute;left:14px;right:14px;bottom:16px;height:56%;border-radius:20px;background:linear-gradient(180deg,rgba(255,255,255,.08),transparent 14%),linear-gradient(90deg,rgba(255,255,255,.06),transparent 12%,transparent 88%,rgba(255,255,255,.06));box-shadow:inset 0 0 0 1px rgba(255,255,255,.08)} .show2Booth500 strong{position:relative;z-index:2;font-size:clamp(28px,4vw,58px);font-weight:1000;letter-spacing:.05em;color:#fff;text-transform:uppercase;text-shadow:0 0 14px rgba(255,255,255,.95),0 0 28px rgba(118,216,255,.9),0 0 56px rgba(77,194,255,.55)} /* Old themed silhouette/name stay behind; avoid duplicate foreground text. */ .venueLedName390,.venueDjSilhouette390,.venueBooth390>strong{opacity:.12!important} @media(max-width:720px){.show2Stage211{height:540px!important;min-height:540px!important}.show2Performer500:before{left:6%;right:6%;top:14%;height:16%}.show2Led500{left:6%;right:6%;top:36%;height:19%}.show2Led500 span{font-size:clamp(22px,8vw,44px);letter-spacing:.06em}.show2Dj500{top:50%;transform:translateX(-50%) scale(.8)}.show2Booth500{top:65%;width:88%;height:100px}.show2Booth500 strong{font-size:clamp(22px,7vw,38px)}.show2Wave211{height:166px!important}.show2Lane211{height:62px!important}.show2Wave211:after{font-size:7px;letter-spacing:.035em}} /* PATCH 5.2 — PROMOTER EVENT POSTERS */ .pm24PosterBuilder52{display:grid;grid-template-columns:minmax(190px,.42fr) 1fr;gap:14px;align-items:start;margin-top:14px;padding:14px;border:1px solid #40506a;border-radius:14px;background:#0b1320}.pm24PosterIntro52 h4{margin:4px 0 6px}.pm24PosterIntro52 p{margin:0;color:#9cafc5;font-size:11px;line-height:1.45}.pm24PosterChoice52{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.pm24PosterChoice52>button{min-width:0;padding:0 0 8px;border:1px solid #40506a;border-radius:12px;background:#101827;color:#eef5ff;overflow:hidden;text-align:left}.pm24PosterChoice52>button:hover{border-color:#6d87aa}.pm24PosterChoice52>button.selected52{border-color:#7ee7ff;box-shadow:0 0 0 1px #7ee7ff inset,0 0 24px rgba(126,231,255,.12)}.pm24PosterChoice52>button>b{display:block;padding:7px 9px 0;font-size:9px;letter-spacing:.07em}.pm24PosterChoice52 .eventPoster46{border-radius:0;min-height:112px}.pm24EventHero52{display:grid;grid-template-columns:minmax(180px,250px) 1fr;gap:14px;align-items:stretch;margin-bottom:13px}.pm24EventHero52>.eventPoster46{min-height:112px}.pm24EventHero52>header{display:flex;align-items:flex-start;justify-content:space-between;gap:15px;min-width:0}.pm24EventHero52>header h3{margin:3px 0}.pm24EventHero52>header p{margin:3px 0;color:#aab8c8}.pm24EventHero52 .pm24Countdown{margin-left:auto}.pm24Poster52 span{white-space:normal}.pm24Poster52 b{overflow-wrap:anywhere}@media(max-width:1000px){.pm24PosterBuilder52{grid-template-columns:1fr}.pm24PosterChoice52{grid-template-columns:repeat(2,minmax(0,1fr))}.pm24EventHero52{grid-template-columns:190px 1fr}}@media(max-width:650px){.pm24PosterChoice52{grid-template-columns:1fr 1fr}.pm24EventHero52{grid-template-columns:1fr}.pm24EventHero52>header{flex-direction:column}.pm24EventHero52 .pm24Countdown{margin-left:0;text-align:left}} .fmPendingEvent52{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:12px 0;padding:13px 15px;border:1px solid #5d466d;border-radius:14px;background:linear-gradient(135deg,#18111f,#101722);box-shadow:0 12px 28px #0003}.fmPendingEvent52 small{font-size:9px;font-weight:900;letter-spacing:.09em;color:#d5a8ff}.fmPendingEvent52 h3{margin:3px 0 4px;font-size:16px}.fmPendingEvent52 p{margin:0;color:#aab6c7;font-size:11px;max-width:760px}.fmPendingEvent52 button{white-space:nowrap;border:1px solid #815da0;border-radius:9px;background:#261833;color:#f5eaff;padding:9px 12px;font-weight:900}@media(max-width:720px){.fmPendingEvent52{align-items:flex-start;flex-direction:column}.fmPendingEvent52 button{width:100%}} /* PATCH 5.3 — PROMOTER LINE-UP + CAREER MOMENTUM CHECK */ .pm24Poster52{gap:7px}.pm24Poster52 .pm24PosterLineup52{position:relative;z-index:2;display:grid;gap:4px;margin-top:2px;margin-bottom:auto;max-width:86%}.pm24Poster52 .pm24PosterLineup52.compact52{gap:3px}.pm24Poster52 .pm24PosterSlot52{display:flex;align-items:baseline;justify-content:space-between;gap:10px;padding:4px 8px;border:1px solid rgba(255,255,255,.10);border-radius:10px;background:rgba(7,12,22,.48);backdrop-filter:blur(2px)}.pm24Poster52 .pm24PosterSlot52 strong{max-width:none;font-size:11px;line-height:1.05;letter-spacing:.04em}.pm24Poster52 .pm24PosterSlot52 em{font-style:normal;font-size:8px;letter-spacing:.14em;color:#d7e5f8;text-align:right;opacity:.9}.pm24Poster52 .pm24PosterSlot52.headliner52{border-color:rgba(255,255,255,.18);background:rgba(9,14,26,.62)}.pm24Poster52 .pm24PosterSlot52.headliner52 strong{font-size:12px}.pm24Poster52 .pm24PosterSlot52.you52{box-shadow:0 0 0 1px rgba(255,255,255,.16) inset}.pm24Poster52.small46 .pm24PosterLineup52{gap:2px;max-width:82%}.pm24Poster52.small46 .pm24PosterSlot52{padding:3px 6px;border-radius:8px}.pm24Poster52.small46 .pm24PosterSlot52 strong{font-size:8px}.pm24Poster52.small46 .pm24PosterSlot52.headliner52 strong{font-size:9px}.pm24Poster52.small46 .pm24PosterSlot52 em{font-size:6px;letter-spacing:.09em}.fmMomentumNote970{display:block;margin-top:10px;color:#97a8bd;font-size:10px;line-height:1.4} /* PATCH 5.4 — HOME HERO ROW: NEXT SHOW + UPCOMING SHOWS + CAREER MOMENTUM */ .fmHeroRow54{display:grid!important;grid-template-columns:minmax(0,2.12fr) minmax(235px,1fr) minmax(235px,1fr)!important;gap:12px;width:100%;align-items:stretch} .fmHeroRow54>section{min-width:0;height:100%;grid-column:auto!important} .fmHeroRow54>.fmHeroNext54{grid-column:auto!important;width:auto!important} .fmHeroRow54 .fmNextBody970{min-height:285px;grid-template-rows:minmax(0,1fr) 74px!important} .fmHeroRow54 .fmNextStats970{grid-template-columns:repeat(4,minmax(0,1fr))!important} .fmHeroRow54 .fmNextStats970>div{min-width:0;padding:12px 10px} .fmHeroRow54 .fmNextStats970 b{font-size:15px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap} .fmHeroRow54 .fmStageArt970{padding-left:42%;padding-right:16px} .fmHeroRow54 .fmStageArt970>img{width:39%;left:10px} .fmHeroRow54 .fmStageArt970 h2{font-size:clamp(20px,1.75vw,28px)!important;max-width:100%} .fmHeroRow54>.fmHeroShows54{display:flex;flex-direction:column;min-height:0} .fmHeroRow54>.fmHeroShows54>button{margin-top:auto} .fmHeroRow54>.fmHeroMomentum54{min-height:0;padding-bottom:10px} .fmHeroRow54>.fmHeroMomentum54 .fmGauge970{width:86px;height:86px;margin:13px auto 8px} .fmHeroRow54>.fmHeroMomentum54 .fmGauge970 strong{font-size:27px} .fmHeroRow54>.fmHeroMomentum54>p{margin-top:6px} .fmHeroRow54>.fmHeroMomentum54>i{margin-top:4px;margin-bottom:4px} .fmHeroRow54>.fmHeroMomentum54 .fmMomentumNote970{margin:7px 13px 0;font-size:8px;line-height:1.35} @media(max-width:980px){.fmHeroRow54{grid-template-columns:1fr 1fr!important}.fmHeroRow54>.fmHeroNext54{grid-column:1/-1!important}.fmHeroRow54>.fmHeroMomentum54{grid-column:auto!important}} @media(max-width:780px){.fmHeroRow54{grid-template-columns:1fr!important}.fmHeroRow54>.fmHeroNext54,.fmHeroRow54>.fmHeroShows54,.fmHeroRow54>.fmHeroMomentum54{grid-column:1!important}.fmHeroRow54 .fmNextBody970{grid-template-rows:minmax(220px,auto) auto!important}.fmHeroRow54 .fmNextStats970{grid-template-columns:1fr 1fr!important}} /* YEAR ONE — SEPTEMBER UPDATE • public login release banner */ .septemberUpdateLogin675{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:center;margin:0 0 17px;padding:12px 13px;border:1px solid rgba(255,77,171,.38);border-radius:12px;background:linear-gradient(115deg,rgba(255,47,152,.13),rgba(86,64,255,.08) 55%,rgba(10,17,31,.28));box-shadow:inset 0 1px 0 rgba(255,255,255,.04)}.septemberUpdateLogin675>div{min-width:0;display:grid;gap:4px}.septemberUpdateLogin675 small{color:#ff55ad;font-size:8px;font-weight:1000;letter-spacing:.13em}.septemberUpdateLogin675 b{color:#fff;font-size:11px;line-height:1.2;letter-spacing:.035em}.septemberUpdateLogin675 span{color:#9eabc0;font-size:7px;line-height:1.35;letter-spacing:.035em}.septemberUpdateLogin675 a{align-self:stretch;display:grid;place-items:center;min-width:96px;padding:8px 10px;border:1px solid rgba(255,86,174,.45);border-radius:9px;background:rgba(255,47,152,.10);color:#ffd9ed;text-decoration:none;font-size:8px;font-weight:1000;letter-spacing:.08em;white-space:nowrap}.septemberUpdateLogin675 a:hover{background:rgba(255,47,152,.18);border-color:#ff4fa8}@media(max-width:520px){.septemberUpdateLogin675{grid-template-columns:1fr}.septemberUpdateLogin675 a{min-height:36px}} /* ================= PATCH 5.5 / SHOW 3.0 — PHASER 3 PROTOTYPE ================= */ .lladPhaserShowStage{position:absolute;inset:0;z-index:1;overflow:hidden;pointer-events:none;background:#05070b;opacity:0;transition:opacity .22s ease} .lladPhaserShowStage canvas{display:block!important;width:100%!important;height:100%!important;pointer-events:none} .show2Stage211.phaser3-active .lladPhaserShowStage{opacity:1} .show2Stage211.phaser3-active>.show2StageVideo211, .show2Stage211.phaser3-active>.show2Performer500, .show2Stage211.phaser3-active>.show2Atmos212, .show2Stage211.phaser3-active>.show2Lights211, .show2Stage211.phaser3-active>.show2ReactionWave212, .show2Stage211.phaser3-active>.show2PhoneFlashes212, .show2Stage211.phaser3-active>.show2CrowdVisual212, .show2Stage211.phaser3-active>.show2BoothEdge212, .show2Stage211.phaser3-active>.show2Promoter212, .show2Stage211.phaser3-active>.show2NextDjVisual212{opacity:0!important;visibility:hidden!important} .show2Stage211.phaser3-active>.show2Shade211{z-index:2;background:linear-gradient(180deg,rgba(3,5,10,.08),rgba(3,5,10,.16) 52%,rgba(3,5,10,.82) 100%),linear-gradient(90deg,rgba(2,5,10,.54),transparent 28%,transparent 72%,rgba(2,5,10,.54))} .show2Stage211.phaser3-active>.show2Top211, .show2Stage211.phaser3-active>.show2Brief211, .show2Stage211.phaser3-active>.show2Crowd211, .show2Stage211.phaser3-active>.show2Reaction211{z-index:4} .show2TopActions211 [data-phaser3toggle].on{border-color:rgba(95,226,255,.78);color:#baf5ff;box-shadow:0 0 18px rgba(50,203,255,.18)} .show2TopActions211 [data-phaser3toggle]:disabled{opacity:.45;cursor:not-allowed} /* ================= SHOW 3.0 FINAL • PHASER VENUE STAGE ================= Stage-first redesign. Phaser owns the performance picture; legacy visual layers are removed only while Phaser is active. Venue colours remain subtle and come from the existing SHOW venue identity system. */ .show2Stage211.phaser3-active{ height:clamp(590px,68vh,760px)!important; min-height:590px!important; background:#05080c!important; isolation:isolate; } .show2Stage211.phaser3-active>.venueStage390, .show2Stage211.phaser3-active>.clubScene214, .show2Stage211.phaser3-active>.clubMoment214, .show2Stage211.phaser3-active>.clubSkip214, .show2Stage211.phaser3-active>.show2Brief211{ display:none!important; } .show2Stage211.phaser3-active>.show2Shade211{ z-index:2!important; background: linear-gradient(180deg,rgba(3,5,8,.22) 0%,rgba(3,5,8,.02) 22%,rgba(3,5,8,.04) 62%,rgba(3,5,8,.72) 100%), linear-gradient(90deg,rgba(3,5,8,.34),transparent 20%,transparent 80%,rgba(3,5,8,.34))!important; } .show2Stage211.phaser3-active>.show2Top211{ z-index:6!important; grid-template-columns:minmax(250px,1fr) auto minmax(300px,1fr)!important; gap:14px!important; align-items:start!important; padding:15px 18px!important; background:linear-gradient(180deg,rgba(2,5,9,.78),rgba(2,5,9,.18) 72%,transparent)!important; } .show2Stage211.phaser3-active .show2Top211>div:first-child{ width:max-content;max-width:100%;padding:8px 11px;border-radius:11px; border:1px solid rgba(255,255,255,.1);background:rgba(5,8,12,.52);backdrop-filter:blur(7px) } .show2Stage211.phaser3-active .show2Top211>div:first-child small{ font-size:9px;letter-spacing:.12em;color:#aebbc8;font-weight:900 } .show2Stage211.phaser3-active .show2Top211>div:first-child b{ font-size:15px!important;letter-spacing:.025em;margin-top:3px!important;color:#f5f7fa } .show2Stage211.phaser3-active .show2Top211>div:first-child span{ color:#aab4bf!important;font-size:10px!important } .show2Stage211.phaser3-active .show2Clock211{ padding:7px 15px!important;border-radius:11px!important; border-color:rgba(255,255,255,.14)!important;background:rgba(5,8,12,.66)!important; box-shadow:0 12px 28px rgba(0,0,0,.16);backdrop-filter:blur(8px) } .show2Stage211.phaser3-active .show2Clock211 b{font-size:27px!important;line-height:1!important;color:#fff} .show2Stage211.phaser3-active .show2Clock211 span{display:none!important} .show2Stage211.phaser3-active .show2TopActions211{gap:6px!important;align-items:flex-start;padding-top:2px} .show2Stage211.phaser3-active .show2TopActions211 button{ min-height:33px;padding:7px 9px!important;border-radius:8px!important; border-color:rgba(255,255,255,.14)!important;background:rgba(5,8,12,.62)!important; color:#dfe6ed!important;font-size:8px!important;letter-spacing:.07em!important;backdrop-filter:blur(7px) } .show2Stage211.phaser3-active .show2TopActions211 button.on{ border-color:color-mix(in srgb,var(--venue-primary,#aacbdd) 55%,rgba(255,255,255,.16))!important; color:#f3f8fb!important;box-shadow:0 0 0 1px color-mix(in srgb,var(--venue-primary,#aacbdd) 14%,transparent) inset!important } .show2Stage211.phaser3-active>.show2Crowd211{ z-index:7!important;left:18px!important;right:338px!important;bottom:18px!important; grid-template-columns:92px 92px 92px minmax(220px,1fr)!important;gap:7px!important;align-items:stretch!important } .show2Stage211.phaser3-active .show2Crowd211>div, .show2Stage211.phaser3-active .show2Crowd211>article{ padding:9px 10px!important;border-radius:9px!important;border-color:rgba(255,255,255,.11)!important; background:rgba(4,7,11,.7)!important;backdrop-filter:blur(8px)!important;box-shadow:0 12px 30px rgba(0,0,0,.12) } .show2Stage211.phaser3-active .show2Crowd211>div b{font-size:16px!important} .show2Stage211.phaser3-active .show2Crowd211>div i{height:3px!important;background:rgba(255,255,255,.11)!important} .show2Stage211.phaser3-active .show2Crowd211>div i em{background:var(--venue-primary,#b6d4e4)!important} .show2Stage211.phaser3-active .show2Crowd211 article{display:flex;flex-direction:column;justify-content:center;text-align:center} .show2Stage211.phaser3-active .show2Crowd211 article b{font-size:14px!important;letter-spacing:.03em} .show2Stage211.phaser3-active>.show2Reaction211{ z-index:7!important;left:auto!important;right:18px!important;bottom:18px!important;transform:none!important; width:300px!important;min-height:62px;padding:10px 12px!important;text-align:left!important; border:1px solid rgba(255,255,255,.11);border-radius:9px;background:rgba(4,7,11,.72);backdrop-filter:blur(8px); box-shadow:0 12px 30px rgba(0,0,0,.14) } .show2Stage211.phaser3-active .show2Reaction211 b{font-size:14px!important;letter-spacing:.025em!important;text-shadow:none!important} .show2Stage211.phaser3-active .show2Reaction211 span{font-size:9px!important;color:#aeb7c2!important} .show2Stage211.phaser3-active .show2Feedback212{justify-content:flex-start!important} /* Console: darker, tighter and integrated with the stage rather than a second app screen. */ .show2_211 .show2Console211{ padding:10px 15px 20px!important;background:linear-gradient(180deg,#070b10,#04070a)!important; border-top:1px solid rgba(255,255,255,.09)!important;box-shadow:0 -20px 40px rgba(0,0,0,.18) } .show2_211 .show2Phase211{margin-bottom:8px!important} .show2_211 .show2Phase211 span{font-size:8px!important;color:#687583!important} .show2_211 .show2Phase211 span.on{color:#f1f5f8!important} .show2_211 .show2Phase211>i{height:2px!important;background:#151c23!important} .show2_211 .show2Phase211>i em{background:var(--venue-primary,#a9c8d8)!important} .show2_211 .show2DeckHeads211{grid-template-columns:1fr 210px 1fr!important;gap:8px!important;margin:13px 0 8px!important} .show2_211 .show2DeckHeads211>div{ padding:9px 11px!important;border-radius:10px!important;border-color:rgba(255,255,255,.09)!important; background:linear-gradient(180deg,#0b1016,#080c11)!important } .show2_211 .show2DeckHeads211 b{font-size:13px!important}.show2_211 .show2DeckHeads211 span{font-size:9px!important;color:#929eaa!important} .show2_211 .show2Transition211{background:#0a1017!important} .show2_211 .show2Steps215{margin:9px 0 7px!important;gap:7px!important} .show2_211 .show2Steps215 span{background:#090e14!important;border-color:#202a33!important;padding:5px 9px!important} .show2_211 .show2Steps215 span.active{ border-color:color-mix(in srgb,var(--venue-primary,#aacbdd) 55%,#29343d)!important; background:color-mix(in srgb,var(--venue-primary,#aacbdd) 8%,#0a1016)!important; box-shadow:0 0 20px color-mix(in srgb,var(--venue-primary,#aacbdd) 10%,transparent)!important } .show2_211 .show2Steps215 span.active b{background:#dbe5ea!important;color:#0a1116!important} .show2_211 .show2Wave211{ height:158px!important;padding-top:19px!important;background:linear-gradient(180deg,#05090d,#071017)!important; border-color:#26333e!important;box-shadow:inset 0 0 0 1px rgba(255,255,255,.015)!important } .show2_211 .show2Lane211{height:59px!important}.show2_211 .show2WaveViewport215{height:50px!important;background:repeating-linear-gradient(90deg,rgba(255,255,255,.012) 0 29px,rgba(255,255,255,.038) 30px 31px)!important} .show2_211 .show2Lane211 .phraseWaveTrack9952{height:50px!important} .show2_211 .show2Lane211 .waveBeat9952{height:50px!important} .show2_211 .show2Lane211:first-of-type .waveTrack7301 i{background:linear-gradient(180deg,#d7e4ea,#7696a7)!important} .show2_211 .show2Lane211:last-of-type .waveTrack7301 i{background:linear-gradient(180deg,#ded9e5,#8b8193)!important} .show2_211 .show2Playhead211{background:#e5c46b!important;box-shadow:0 0 12px rgba(229,196,107,.55)!important} .show2_211 .show2BeatGate215{border-color:rgba(229,196,107,.42)!important;background:rgba(229,196,107,.025)!important} .show2_211 .show2Wave211:after{color:#7f8b96!important;font-size:7px!important} @media(max-width:1100px){ .show2Stage211.phaser3-active>.show2Top211{grid-template-columns:1fr auto!important} .show2Stage211.phaser3-active .show2TopActions211{grid-column:1/-1;justify-content:flex-end} .show2Stage211.phaser3-active>.show2Crowd211{right:18px!important;bottom:92px!important;grid-template-columns:repeat(3,90px) 1fr!important} .show2Stage211.phaser3-active>.show2Reaction211{left:18px!important;right:18px!important;bottom:18px!important;width:auto!important;text-align:center!important} } @media(max-width:720px){ .show2Stage211.phaser3-active{height:650px!important;min-height:650px!important} .show2Stage211.phaser3-active>.show2Top211{padding:11px!important;grid-template-columns:1fr auto!important;gap:7px!important} .show2Stage211.phaser3-active .show2TopActions211{justify-content:flex-start!important} .show2Stage211.phaser3-active .show2TopActions211 button{font-size:7px!important;padding:6px 7px!important} .show2Stage211.phaser3-active>.show2Crowd211{left:11px!important;right:11px!important;bottom:104px!important;grid-template-columns:repeat(3,1fr)!important} .show2Stage211.phaser3-active .show2Crowd211 article{grid-column:1/-1!important} .show2Stage211.phaser3-active>.show2Reaction211{left:11px!important;right:11px!important;bottom:11px!important;width:auto!important} .show2_211 .show2DeckHeads211{grid-template-columns:1fr 1fr!important}.show2_211 .show2Transition211{grid-column:1/-1!important} } /* PATCH 10088 — Village Underground Lisboa: definitive Club Hunt identity isolation */ .clubHuntVisualP28.officialVillageP10088{height:355px;background:#09070d} .clubHuntVisualP28.officialVillageP10088 .venuePhoto9986{position:absolute;inset:0;border:0;border-radius:0} .clubHuntVisualP28.officialVillageP10088 .vulHeroImageP23{width:100%;height:100%;object-fit:cover;object-position:center 50%;filter:saturate(1.03) contrast(1.04) brightness(.92)} .clubHuntVisualP28.officialVillageP10088:after{background:linear-gradient(0deg,rgba(5,7,12,.9),rgba(5,7,12,.06) 58%,rgba(5,7,12,.04))} .clubHuntVisualP28.officialVillageP10088>div:last-child{z-index:6} .officialVenueBrandP10088{display:grid;gap:4px}.officialVenueBrandP10088 span{font-weight:1000;letter-spacing:.06em;color:#fff}.officialVenueBrandP10088 small{font-size:9px;font-weight:900;letter-spacing:.12em;color:#82e8cf}.officialVenueBrandP10088.village small{color:#d7a6ff} @media(max-width:850px){.clubHuntVisualP28.officialVillageP10088{height:300px}} /* v10090 — full audit / REAL WORLD scale controls */ .playersMore10090{display:flex;justify-content:center;padding:18px 0 30px}.playersMore10090 button{min-width:280px;padding:12px 18px;border:1px solid #405066;border-radius:10px;background:#111827;color:#dce8f5;font-weight:800;letter-spacing:.06em;cursor:pointer}.playersMore10090 button:hover{border-color:#7acfe8;background:#162131}.playerSearch37 input{max-width:680px} @media (prefers-reduced-motion:reduce){.show2Stage211 canvas{scroll-behavior:auto!important}.status37.on,.realOnlineBanner37 i,.onlineDjsBanner37 i{animation:none!important}} /* ================= PHASER EXPERIENCE EXPANSION v10091 ================= */ .phaserExperience10091{position:relative;overflow:hidden;border:1px solid rgba(142,223,245,.18);border-radius:16px;background:#090d13;box-shadow:0 14px 34px rgba(0,0,0,.28);min-height:220px} .phaserExperience10091>[data-phaser-exp]{width:100%;height:100%;min-height:220px} .academyPhaser10091,.academyFinalPhaser10091,.practicePhaser10091{margin:14px 0 18px;min-height:250px} .academyPhaser10091>[data-phaser-exp],.academyFinalPhaser10091>[data-phaser-exp],.practicePhaser10091>[data-phaser-exp]{min-height:250px} .backstagePhaser10091{position:absolute;left:27%;right:25%;top:92px;height:250px;z-index:3;pointer-events:none;border-color:rgba(255,255,255,.12)} .backstagePhaser10091>[data-phaser-exp]{height:250px;min-height:250px} .patch1Back{position:relative}.patch1Back .backTop9948,.patch1Back .body9948,.patch1Back .backBlackP1,.patch1Back .rider9948,.patch1Back .showInfo9948{z-index:4} .arrivalPhaser10091{min-height:290px;margin:0 0 18px}.arrivalPhaser10091>[data-phaser-exp]{min-height:290px} .worldMapPhaser10091{min-height:390px;margin:0 0 18px}.worldMapPhaser10091>[data-phaser-exp]{min-height:390px} .travelPlannerPhaser10091{min-height:310px;margin:0 0 18px}.travelPlannerPhaser10091>[data-phaser-exp]{min-height:310px} .phaserTravelOverlay10091{position:fixed;inset:0;z-index:250000;background:rgba(3,6,10,.86);backdrop-filter:blur(8px);display:grid;place-items:center;padding:24px} .phaserTravelCard10091{width:min(860px,92vw);border:1px solid rgba(142,223,245,.2);border-radius:18px;background:#080d13;padding:12px;box-shadow:0 28px 80px rgba(0,0,0,.48)} .phaserTravelCard10091>[data-phaser-exp]{height:310px}.phaserTravelCard10091>small{display:block;padding:10px 8px 4px;color:#8fa0ad;font-size:10px;font-weight:800;letter-spacing:.12em;text-align:center} .phaserWorldFocus10091{outline:2px solid rgba(142,223,245,.85)!important;box-shadow:0 0 0 5px rgba(142,223,245,.12),0 16px 40px rgba(0,0,0,.32)!important;transition:.2s ease} @media(max-width:900px){.backstagePhaser10091{position:relative;left:auto;right:auto;top:auto;height:230px;margin:10px 12px 18px;pointer-events:none}.backstagePhaser10091>[data-phaser-exp]{height:230px}.worldMapPhaser10091{min-height:300px}.worldMapPhaser10091>[data-phaser-exp]{min-height:300px}} @media(prefers-reduced-motion:reduce){.phaserTravelOverlay10091{backdrop-filter:none}} /* ================= /PHASER EXPERIENCE EXPANSION v10091 ================= */ /* v10102 VISUAL PASS — HOME dashboard depth, venue imagery, life layer */ .visualPass10102 .fmSide970{padding:18px 14px 72px;background:linear-gradient(180deg,#070d17,#08101d 34%,#060a14)} .visualPass10102 .fmIdentity970{padding:14px;border:1px solid #283959;border-radius:16px;background:linear-gradient(155deg,rgba(14,21,38,.96),rgba(9,14,28,.98));box-shadow:0 12px 28px rgba(0,0,0,.18)} .visualPass10102 .fmIdentityTop970{display:flex;gap:12px;align-items:center} .visualPass10102 .fmIdentityCopy970{min-width:0;flex:1} .visualPass10102 .fmIdentityCopy970 small{display:block;color:#65e0ff;font-size:9px;font-weight:900;letter-spacing:.12em;margin-bottom:4px} .visualPass10102 .fmIdentityCopy970 h2{margin:0 0 4px!important;font-size:22px!important;line-height:1.06} .visualPass10102 .fmIdentityCopy970 p{margin:0 0 6px!important;color:#c7cede;font-size:12px!important} .visualPass10102 .fmIdentityCopy970 span{display:block;color:#eef3fd;font-size:12px} .visualPass10102 .fmIdentityStats970{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:12px} .visualPass10102 .fmIdentityStats970 article{padding:10px 8px;border:1px solid #2d4062;border-radius:12px;background:rgba(13,20,35,.82);text-align:center} .visualPass10102 .fmIdentityStats970 small{display:block;color:#8fa4c6;font-size:9px;font-weight:900;letter-spacing:.09em} .visualPass10102 .fmIdentityStats970 b{display:block;margin-top:5px;color:#f5f7ff;font-size:15px} .visualPass10102 .fmIdentityPhoto992{width:84px;height:84px;margin:0;border-radius:18px;box-shadow:0 10px 24px rgba(0,0,0,.24)} .visualPass10102 .fmIdentityProfileLink992{width:100%;margin-top:12px;min-height:34px;border-radius:10px;font-size:10px;letter-spacing:.12em;color:#d5def2} .visualPass10102 .fmQuick970{display:grid;grid-template-columns:1fr 1fr;gap:8px} .visualPass10102 .fmQuick970 button{min-height:68px;padding:10px 10px 10px 12px;border:1px solid #243450;border-radius:14px;background:linear-gradient(160deg,rgba(15,22,37,.96),rgba(10,16,29,.96));align-items:flex-start;gap:10px;transition:transform .15s ease,border-color .15s ease,background .15s ease;overflow:hidden} .visualPass10102 .fmQuick970 button:hover{background:linear-gradient(160deg,rgba(22,31,51,.98),rgba(11,19,35,.98));border-color:#8051c8;transform:translateY(-1px)} .visualPass10102 .fmQuick970 button>span{width:28px;height:28px;border-radius:10px;display:grid;place-items:center;background:rgba(134,83,255,.18);font-size:16px;flex:0 0 auto} .visualPass10102 .fmQuick970 button>div{min-width:0;flex:1} .visualPass10102 .fmQuick970 button b{display:block;font-size:12px;color:#f4f7ff;line-height:1.1} .visualPass10102 .fmQuick970 button small{display:block;margin-top:4px;color:#8ea0be;font-size:10px;line-height:1.25} .visualPass10102 .fmQuick970 button em{position:absolute;right:8px;top:8px;min-width:20px;height:20px} .visualPass10102 .fmLiveState970{padding:13px;border:1px solid #273b60;border-radius:16px;background:radial-gradient(circle at 92% 10%,rgba(86,49,122,.24),transparent 28%),linear-gradient(150deg,#121d33,#0a1120)} .visualPass10102 .fmLiveStateHead970{display:flex;gap:10px;align-items:flex-start} .visualPass10102 .fmLiveStateHead970>span{width:42px;height:42px;border-radius:12px;display:grid;place-items:center;background:rgba(102,214,255,.12);border:1px solid rgba(102,214,255,.2);font-size:19px;flex:0 0 auto} .visualPass10102 .fmLiveStateHead970 small{display:block;color:#63e4ff;font-size:9px;font-weight:900;letter-spacing:.12em} .visualPass10102 .fmLiveStateHead970 b{display:block;margin-top:4px;font-size:18px;color:#fff} .visualPass10102 .fmLiveStateHead970 p{margin:3px 0 0;color:#d7dded;font-size:11px} .visualPass10102 .fmLiveState970>p{margin:10px 0 12px;color:#c2cada;font-size:11px;line-height:1.45} .visualPass10102 .fmLiveState970>button{width:100%;min-height:34px;border:1px solid #364b73;border-radius:10px;background:#10192c;color:#e4ebff;font-size:10px;font-weight:900;letter-spacing:.09em} .visualPass10102 .fmStageArt970{padding-left:41%;padding-right:18px;background:linear-gradient(120deg,#0f1324,#0c1220 52%,#070d1a);isolation:isolate} .visualPass10102 .fmStageBackdrop970{position:absolute;inset:0;background-size:cover;background-position:center;opacity:.34;filter:saturate(.78) contrast(1.04);transform:scale(1.02)} .visualPass10102 .fmStageArt970:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(7,10,18,.58) 0%,rgba(8,11,20,.42) 28%,rgba(7,12,24,.72) 70%,rgba(7,12,24,.92) 100%);z-index:1;pointer-events:none} .visualPass10102 .fmStageArt970:before{z-index:2} .visualPass10102 .fmStageArt970>img{z-index:2;left:14px;bottom:-4px;width:34%;height:108%;border-radius:18px;opacity:.96;filter:saturate(.86) contrast(1.05) drop-shadow(0 18px 24px rgba(0,0,0,.22));mask-image:linear-gradient(to right,#000 82%,transparent 100%)} .visualPass10102 .fmStageCopy970{position:relative;z-index:3;max-width:460px} .visualPass10102 .fmStageCopy970 small{display:inline-block;background:rgba(17,24,37,.75);border:1px solid rgba(223,229,241,.14);padding:5px 9px;border-radius:999px;font-size:10px;font-weight:900;letter-spacing:.11em} .visualPass10102 .fmStageCopy970 h2{font-size:clamp(24px,2vw,31px)!important;text-shadow:0 8px 20px rgba(0,0,0,.28)} .visualPass10102 .fmStageCopy970 p{font-size:14px!important} .visualPass10102 .fmStageCopy970 span{display:block;color:#d7e0f0;font-size:12px} .visualPass10102 .fmEnterShow970{display:inline-flex;align-items:center;gap:6px;margin-top:12px;color:#fff;font-size:11px;font-weight:900;letter-spacing:.12em} .visualPass10102 .fmHeroMomentum54{display:flex;flex-direction:column} .visualPass10102 .fmMomentumHero970{display:grid;grid-template-columns:auto 1fr;gap:14px;padding:13px 14px 4px;align-items:center} .visualPass10102 .fmMomentumIntro970 small{display:block;color:#67e4ff;font-size:9px;font-weight:900;letter-spacing:.12em} .visualPass10102 .fmMomentumIntro970 b{display:block;margin-top:4px;font-size:15px;color:#fff} .visualPass10102 .fmMomentumIntro970 p{margin:6px 0 0;color:#bac7db;font-size:11px;line-height:1.45} .visualPass10102 .fmMomentumChartWrap970{padding:0 14px 4px} .visualPass10102 .fmMomentumChart970{width:100%;height:96px;display:block} .visualPass10102 .fmMomentumMetrics970 p{margin:7px 14px 0;display:flex;justify-content:space-between;font-size:9px;color:#9eabc0}.visualPass10102 .fmMomentumMetrics970 p b{font-size:10px;color:#dce2ed} .visualPass10102 .fmMomentumMetrics970 i{height:4px;background:#202a45;display:block;margin:5px 14px;border-radius:99px;overflow:hidden}.visualPass10102 .fmMomentumMetrics970 i u{height:100%;display:block;background:linear-gradient(90deg,#57e3ff,#d05dff)} .visualPass10102 .fmLifeMode970{min-height:0} .visualPass10102 .fmLifeStatusHero970{display:flex;gap:12px;align-items:flex-start;padding:15px 16px 0} .visualPass10102 .fmLifeStatusHero970>span{width:44px;height:44px;border-radius:14px;display:grid;place-items:center;background:rgba(101,228,255,.12);border:1px solid rgba(101,228,255,.18);font-size:20px;flex:0 0 auto} .visualPass10102 .fmLifeStatusHero970 small{display:block;color:#67e4ff;font-size:9px;font-weight:900;letter-spacing:.11em} .visualPass10102 .fmLifeStatusHero970 b{display:block;margin-top:4px;color:#fff;font-size:15px} .visualPass10102 .fmLifeStatusHero970 p{margin:5px 0 0;color:#c4cddd;font-size:11px;line-height:1.45} .visualPass10102 .fmLifeBalanceBody112{padding-top:12px} .visualPass10102 .fmPanel970,.visualPass10102 .fmNext970,.visualPass10102 .fmMomentum970{box-shadow:0 16px 34px rgba(0,0,0,.22)} .visualPass10102 .fmBottom970{grid-template-columns:1.3fr 1fr .95fr} .visualPass10102 .fmTour970{min-height:0} .visualPass10102 .fmTourArt970{position:relative;overflow:hidden} .visualPass10102 .fmTourArt970:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent,rgba(5,8,16,.78))} .visualPass10102 .fmTourArt970 img,.visualPass10102 .fmTourArt970 h3,.visualPass10102 .fmTourArt970 p{position:relative;z-index:1} @media(max-width:1180px){.visualPass10102 .fmQuick970{grid-template-columns:1fr}.visualPass10102 .fmBottom970{grid-template-columns:1fr 1fr}.visualPass10102 .fmMarkets970{grid-column:1/-1}} @media(max-width:780px){.visualPass10102 .fmStageArt970{padding-left:38%;padding-right:14px}.visualPass10102 .fmStageArt970>img{width:32%}.visualPass10102 .fmIdentityTop970{align-items:flex-start}.visualPass10102 .fmQuick970{grid-template-columns:1fr 1fr}.visualPass10102 .fmStageBackdrop970{opacity:.28}.visualPass10102 .fmMomentumHero970{grid-template-columns:1fr}.visualPass10102 .fmLifeStatusHero970{padding-top:14px}} @media(max-width:560px){.visualPass10102 .fmQuick970{grid-template-columns:1fr}.visualPass10102 .fmStageArt970{padding-left:16px;padding-top:150px}.visualPass10102 .fmStageArt970>img{width:128px;height:142px;left:14px;top:14px;bottom:auto;border-radius:16px;mask-image:none}.visualPass10102 .fmStageCopy970{max-width:none}} /* v10103-v10105 extra UI pass — top nav, overview strip, upcoming cards */ .visualTop10103{backdrop-filter:blur(10px);background:linear-gradient(180deg,rgba(5,9,20,.96),rgba(6,10,22,.98));box-shadow:0 10px 26px rgba(0,0,0,.34)} .visualTop10103 .fmBrand970{background:linear-gradient(180deg,#050913,#070d19)} .visualTop10103 .fmNav970{padding:0 6px} .visualTop10103 .fmNav970 button{border-right:0;border-radius:14px;margin:10px 4px;min-width:86px;min-height:66px;padding:10px 12px 8px;transition:background .15s ease,transform .15s ease,color .15s ease,box-shadow .15s ease} .visualTop10103 .fmNav970 button:hover{transform:translateY(-1px);box-shadow:0 8px 18px rgba(0,0,0,.16)} .visualTop10103 .fmNav970 button.active970{background:linear-gradient(180deg,rgba(113,86,255,.22),rgba(39,23,78,.34));color:#fff;box-shadow:inset 0 0 0 1px rgba(134,111,255,.32),0 10px 20px rgba(0,0,0,.18)} .visualTop10103 .fmNav970 button.active970 span{color:#fff} .visualTop10103 .fmTopStats970{padding-right:8px} .visualTop10103 .fmTopStats970>div{height:66%;margin:0 4px;border-left:0;border:1px solid #24314d;border-radius:14px;background:rgba(12,18,32,.78);min-width:132px} .visualTop10103 .fmTopStats970>div.pos970 b{color:#4ce38b}.visualTop10103 .fmTopStats970>div.neg970 b{color:#ff7575} .visualPass10105 .fmOverviewStrip970{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px} .visualPass10105 .fmOverviewStrip970 article{display:flex;gap:12px;align-items:center;padding:14px;border:1px solid #2a395a;border-radius:16px;background:linear-gradient(150deg,rgba(14,21,38,.98),rgba(10,15,28,.98));box-shadow:0 12px 28px rgba(0,0,0,.18)} .visualPass10105 .fmOverviewStrip970 article>span{width:44px;height:44px;border-radius:14px;display:grid;place-items:center;background:rgba(100,221,255,.12);border:1px solid rgba(100,221,255,.14);font-size:20px;flex:0 0 auto} .visualPass10105 .fmOverviewStrip970 small{display:block;color:#7ddfff;font-size:9px;font-weight:900;letter-spacing:.12em} .visualPass10105 .fmOverviewStrip970 b{display:block;margin-top:5px;color:#fff;font-size:22px;line-height:1.05} .visualPass10105 .fmOverviewStrip970 p{margin:5px 0 0;color:#93a4c0;font-size:10px;line-height:1.35} .visualPass10105 .fmHeroShows54{padding-bottom:10px} .visualPass10105 .fmUpcomingCard970{display:block;margin:10px 10px 0;padding:12px;border:1px solid #26395d;border-radius:14px;background:linear-gradient(150deg,rgba(13,20,35,.92),rgba(10,16,29,.96));cursor:pointer;transition:transform .15s ease,border-color .15s ease,background .15s ease} .visualPass10105 .fmUpcomingCard970:hover{transform:translateY(-1px);border-color:#8356d1;background:linear-gradient(150deg,rgba(19,27,46,.98),rgba(10,16,29,.98))} .visualPass10105 .fmUpcomingCard970:focus-visible{outline:2px solid var(--fm-cyan);outline-offset:2px} .visualPass10105 .fmUpcomingMeta970,.visualPass10105 .fmUpcomingMain970,.visualPass10105 .fmUpcomingFoot970{display:flex;align-items:center;justify-content:space-between;gap:12px} .visualPass10105 .fmUpcomingMeta970 time{font-size:10px;color:#9daece;font-weight:900;letter-spacing:.1em} .visualPass10105 .fmUpcomingMeta970 span{padding:4px 8px;border-radius:999px;background:rgba(106,90,255,.14);border:1px solid rgba(106,90,255,.18);color:#ddd2ff;font-size:9px;font-weight:900;letter-spacing:.1em} .visualPass10105 .fmUpcomingMain970{margin-top:10px} .visualPass10105 .fmUpcomingMain970 p{margin:0;min-width:0;flex:1} .visualPass10105 .fmUpcomingMain970 b{display:block;font-size:13px;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis} .visualPass10105 .fmUpcomingMain970 span{display:block;margin-top:4px;color:#9aacca;font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis} .visualPass10105 .fmUpcomingMain970 strong{font-size:15px;color:#f4f7ff;white-space:nowrap} .visualPass10105 .fmUpcomingFoot970{margin-top:10px;padding-top:10px;border-top:1px solid rgba(41,57,90,.8)} .visualPass10105 .fmUpcomingFoot970 small{color:#61e3ff;font-size:9px;font-weight:900;letter-spacing:.1em} .visualPass10105 .fmUpcomingFoot970 em{font-style:normal;color:#d7deef;font-size:10px;font-weight:900;letter-spacing:.12em} @media(max-width:980px){.visualPass10105 .fmOverviewStrip970{grid-template-columns:1fr 1fr}} @media(max-width:560px){.visualPass10105 .fmOverviewStrip970{grid-template-columns:1fr}.visualTop10103 .fmNav970 button{min-width:72px;margin:4px 2px;border-radius:10px;min-height:58px}.visualTop10103 .fmTopStats970>div{min-width:118px}} /* v10106-v10108 career, booking and life-entry visual pass */ .careerPulseStrip10106{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:0 0 20px} .careerPulseStrip10106 article{padding:15px 16px;border:1px solid rgba(255,255,255,.10);border-radius:15px;background:linear-gradient(145deg,#101624,#0b1019);box-shadow:0 12px 28px rgba(0,0,0,.18)} .careerPulseStrip10106 small{display:block;color:#82dfff;font-size:9px;font-weight:900;letter-spacing:.14em} .careerPulseStrip10106 b{display:block;margin:7px 0 8px;color:#fff;font-size:24px;line-height:1.1} .careerPulseStrip10106 p{margin:0;color:#90a0b8;font-size:11px;line-height:1.45} .career750recs button,.career750actions button{transition:transform .15s ease,box-shadow .15s ease,border-color .15s ease} .career750recs button:hover,.career750actions button:hover{transform:translateY(-1px);box-shadow:0 12px 24px rgba(0,0,0,.18)} .career750actions button{border-radius:14px!important;min-height:58px} .bookingDesk10107 .sectionhead{margin-bottom:12px} .bookingDeskStrip10107{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:12px 0 10px} .bookingDeskStrip10107 article{padding:14px 15px;border:1px solid rgba(255,255,255,.11);border-radius:15px;background:linear-gradient(145deg,rgba(20,16,32,.96),rgba(15,21,34,.96));box-shadow:0 12px 26px rgba(0,0,0,.18)} .bookingDeskStrip10107 small{display:block;color:#ffcf77;font-size:9px;font-weight:900;letter-spacing:.12em} .bookingDeskStrip10107 b{display:block;margin:6px 0;color:#fff;font-size:25px;line-height:1.05} .bookingDeskStrip10107 p{margin:0;color:#a8b4c8;font-size:11px;line-height:1.4} .bookingDeskActions10107{display:flex;gap:10px;flex-wrap:wrap;margin:0 0 12px} .bookingDeskActions10107 button{border-radius:12px!important;min-height:44px;padding:10px 14px!important} .bookingDesk10107 .offercard{transition:transform .15s ease,box-shadow .15s ease,border-color .15s ease} .bookingDesk10107 .offercard:hover{transform:translateY(-2px);box-shadow:0 16px 32px rgba(0,0,0,.24)} .bookingDesk10107 .offercard .bookingchips span{background:rgba(48,34,60,.72)!important} @media(max-width:980px){.careerPulseStrip10106,.bookingDeskStrip10107{grid-template-columns:1fr 1fr}} @media(max-width:620px){.careerPulseStrip10106,.bookingDeskStrip10107{grid-template-columns:1fr}.bookingDeskActions10107{display:grid;grid-template-columns:1fr 1fr}.careerPulseStrip10106 b,.bookingDeskStrip10107 b{font-size:22px}} /* v10109-v10111 studio, phone, world polish */ .studioPulse10109,.phonePulse10110,.worldPulse10111,.worldArchitecture10111,.worldExplorerStrip10111{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:12px 0 16px} .studioPulse10109 article,.phonePulse10110 article,.worldPulse10111 article,.worldArchitecture10111 article,.worldExplorerStrip10111 article{padding:14px 15px;border:1px solid rgba(255,255,255,.10);border-radius:15px;background:linear-gradient(148deg,#101625,#0c121c);box-shadow:0 14px 28px rgba(0,0,0,.18)} .studioPulse10109 small,.phonePulse10110 small,.worldPulse10111 small,.worldArchitecture10111 small,.worldExplorerStrip10111 small{display:block;font-size:9px;font-weight:900;letter-spacing:.13em;color:#86dfff} .studioPulse10109 b,.phonePulse10110 b,.worldPulse10111 b,.worldArchitecture10111 b,.worldExplorerStrip10111 b{display:block;margin:6px 0 8px;color:#fff;font-size:24px;line-height:1.05} .studioPulse10109 p,.phonePulse10110 p,.worldPulse10111 p,.worldArchitecture10111 p,.worldExplorerStrip10111 p{margin:0;color:#97a6bc;font-size:11px;line-height:1.45} .phoneQuick10110,.worldQuick10111{display:flex;gap:10px;flex-wrap:wrap;margin:0 0 14px} .phoneQuick10110 button,.worldQuick10111 button{border-radius:12px!important;min-height:44px;padding:10px 14px!important} .worldArchitecture10111 article small{color:#ffd57c} .worldExplorerStrip10111 article small{color:#7ce2ff} .worldpage10111 .cityClubs910,.worldpage10111 .venues,.worldpage10111 .worldgrid{scroll-margin-top:12px} .phonePage33 .phoneScreen33{border-radius:18px;overflow:hidden} .phonePage33 .phoneList33 article,.phonePage33 .socialPhone33 article,.phonePage33 .contacts33 article{transition:transform .14s ease,box-shadow .14s ease,border-color .14s ease} .phonePage33 .phoneList33 article:hover,.phonePage33 .socialPhone33 article:hover,.phonePage33 .contacts33 article:hover{transform:translateY(-1px);box-shadow:0 12px 24px rgba(0,0,0,.16)} @media(max-width:980px){.studioPulse10109,.phonePulse10110,.worldPulse10111,.worldArchitecture10111,.worldExplorerStrip10111{grid-template-columns:1fr 1fr}} @media(max-width:620px){.studioPulse10109,.phonePulse10110,.worldPulse10111,.worldArchitecture10111,.worldExplorerStrip10111{grid-template-columns:1fr}.phoneQuick10110,.worldQuick10111{display:grid;grid-template-columns:1fr 1fr}.studioPulse10109 b,.phonePulse10110 b,.worldPulse10111 b,.worldArchitecture10111 b,.worldExplorerStrip10111 b{font-size:22px}} /* v10112-v10114 calendar, contracts, career/team/management */ .calendarPulse10112,.logisticsPulse10112,.contractsPulse10113,.careerPulse10114,.teamPulse10114,.managementPulse10114{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:12px 0 16px} .calendarPulse10112 article,.logisticsPulse10112 article,.contractsPulse10113 article,.careerPulse10114 article,.teamPulse10114 article,.managementPulse10114 article,.contractsQuick10113,.calendarQuick10112{--cardbg:linear-gradient(148deg,#101625,#0c121c)} .calendarPulse10112 article,.logisticsPulse10112 article,.contractsPulse10113 article,.careerPulse10114 article,.teamPulse10114 article,.managementPulse10114 article{padding:14px 15px;border:1px solid rgba(255,255,255,.10);border-radius:15px;background:var(--cardbg);box-shadow:0 14px 28px rgba(0,0,0,.18)} .calendarPulse10112 small,.logisticsPulse10112 small,.contractsPulse10113 small,.careerPulse10114 small,.teamPulse10114 small,.managementPulse10114 small{display:block;font-size:9px;font-weight:900;letter-spacing:.13em;color:#86dfff} .calendarPulse10112 b,.logisticsPulse10112 b,.contractsPulse10113 b,.careerPulse10114 b,.teamPulse10114 b,.managementPulse10114 b{display:block;margin:6px 0 8px;color:#fff;font-size:24px;line-height:1.05} .calendarPulse10112 p,.logisticsPulse10112 p,.contractsPulse10113 p,.careerPulse10114 p,.teamPulse10114 p,.managementPulse10114 p{margin:0;color:#97a6bc;font-size:11px;line-height:1.45} .calendarQuick10112,.contractsQuick10113{display:flex;gap:10px;flex-wrap:wrap;margin:0 0 14px} .calendarQuick10112 button,.contractsQuick10113 button{border-radius:12px!important;min-height:44px;padding:10px 14px!important} .managementPage10114 .studiohero{margin-top:0} .team33 .teamGrid33{margin-top:4px} @media(max-width:980px){.calendarPulse10112,.logisticsPulse10112,.contractsPulse10113,.careerPulse10114,.teamPulse10114,.managementPulse10114{grid-template-columns:1fr 1fr}} @media(max-width:620px){.calendarPulse10112,.logisticsPulse10112,.contractsPulse10113,.careerPulse10114,.teamPulse10114,.managementPulse10114{grid-template-columns:1fr}.calendarQuick10112,.contractsQuick10113{display:grid;grid-template-columns:1fr 1fr}} /* v10115-v10117 bookings, finance, release/collab polish */ .bookingOpportunity10115,.financePulse10116,.releasePulse10117,.collabPulse10117{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:12px 0 16px} .bookingOpportunity10115 article,.financePulse10116 article,.releasePulse10117 article,.collabPulse10117 article{padding:14px 15px;border:1px solid rgba(255,255,255,.10);border-radius:15px;background:linear-gradient(148deg,#101625,#0c121c);box-shadow:0 14px 28px rgba(0,0,0,.18)} .bookingOpportunity10115 small,.financePulse10116 small,.releasePulse10117 small,.collabPulse10117 small{display:block;font-size:9px;font-weight:900;letter-spacing:.13em;color:#86dfff} .bookingOpportunity10115 b,.financePulse10116 b,.releasePulse10117 b,.collabPulse10117 b{display:block;margin:6px 0 8px;color:#fff;font-size:24px;line-height:1.05} .bookingOpportunity10115 p,.financePulse10116 p,.releasePulse10117 p,.collabPulse10117 p{margin:0;color:#97a6bc;font-size:11px;line-height:1.45} .bookingOpportunity10115 .bookingBest10115{background:radial-gradient(circle at 100% 0%,rgba(117,77,190,.26),transparent 36%),linear-gradient(148deg,#151427,#0c121c);border-color:rgba(151,111,255,.34)} .bookingDeskActions10115,.financeQuick10116,.studioQuick10117{display:flex;gap:10px;flex-wrap:wrap;margin:0 0 14px} .bookingDeskActions10115 button,.financeQuick10116 button,.studioQuick10117 button{border-radius:12px!important;min-height:44px;padding:10px 14px!important} .offergrid10115 .offercard{transition:transform .15s ease,box-shadow .15s ease,border-color .15s ease} .offergrid10115 .offercard:hover{transform:translateY(-2px);box-shadow:0 16px 34px rgba(0,0,0,.24)} .financePage10116 .financeHero550{margin-bottom:12px} .financePage10116 .financeColumns550 article{box-shadow:0 12px 26px rgba(0,0,0,.16)} .releasesPage10117 .releaseCreate35,.releasesPage10117 .releasePlans35>article{box-shadow:0 12px 28px rgba(0,0,0,.16)} .collabGrid10117 .card{transition:transform .15s ease,border-color .15s ease,box-shadow .15s ease} .collabGrid10117 .card:hover{transform:translateY(-2px);box-shadow:0 16px 30px rgba(0,0,0,.2)} .collabGrid10117 .card.ready10117{border-color:rgba(98,226,178,.34);background:linear-gradient(148deg,rgba(12,35,30,.92),rgba(12,18,28,.98))} @media(max-width:980px){.bookingOpportunity10115,.financePulse10116,.releasePulse10117,.collabPulse10117{grid-template-columns:1fr 1fr}} @media(max-width:620px){.bookingOpportunity10115,.financePulse10116,.releasePulse10117,.collabPulse10117{grid-template-columns:1fr}.bookingDeskActions10115,.financeQuick10116,.studioQuick10117{display:grid;grid-template-columns:1fr 1fr}} /* v10119 NEXT SHOW density + premium real-world 3D globe */ .fmHeroRow54>.fmHeroNext54{display:flex;flex-direction:column} .fmHeroRow54>.fmHeroNext54 .fmNextBody970{flex:1;min-height:0;display:grid!important;grid-template-rows:minmax(188px,auto) 74px minmax(0,1fr)!important} .fmNextDetail10119{display:grid;grid-template-columns:1.05fr 1fr;grid-template-areas:"ready plan" "timeline timeline" "context context";gap:12px;padding:14px;background:linear-gradient(180deg,rgba(7,12,22,.96),rgba(8,14,25,.98));border-top:1px solid #263453} .fmShowReady10119{grid-area:ready;display:grid;grid-template-columns:94px 1fr;gap:14px;align-items:center;padding:14px;border:1px solid #273657;border-radius:14px;background:linear-gradient(145deg,rgba(17,24,41,.96),rgba(10,16,28,.98))} .fmReadyRing10119{--ready:50;width:82px;height:82px;border-radius:50%;display:grid;place-items:center;align-content:center;background:radial-gradient(circle at center,#0b1220 57%,transparent 58%),conic-gradient(#60e7ff calc(var(--ready)*1%),#7a4cff calc(var(--ready)*1%),#202a45 0);box-shadow:0 12px 28px rgba(0,0,0,.28)} .fmReadyRing10119 strong{font-size:25px;line-height:1;color:#fff}.fmReadyRing10119 small{margin-top:3px;font-size:8px;letter-spacing:.12em;color:#9ecfe0} .fmShowReady10119>div:last-child>small,.fmShowPlan10119>small{display:block;color:#79e5ff;font-size:9px;font-weight:900;letter-spacing:.13em}.fmShowReady10119 h3{margin:5px 0 6px;font-size:17px;color:#fff}.fmShowReady10119 p{margin:0;color:#9eacc1;font-size:10px;line-height:1.42} .fmReadyBars10119{display:grid;gap:6px;margin-top:10px}.fmReadyBars10119 span{display:grid;grid-template-columns:56px 1fr 34px;gap:7px;align-items:center}.fmReadyBars10119 em{font-style:normal;font-size:8px;color:#8fa1ba}.fmReadyBars10119 i{height:4px;border-radius:99px;background:#202b45;overflow:hidden}.fmReadyBars10119 i u{display:block;height:100%;background:linear-gradient(90deg,#54e7ff,#8c62ff)}.fmReadyBars10119 b{font-size:9px;color:#e8edf8;text-align:right} .fmShowPlan10119{grid-area:plan;padding:14px;border:1px solid #273657;border-radius:14px;background:linear-gradient(145deg,rgba(15,22,38,.97),rgba(9,15,27,.98))}.fmShowPlan10119>div{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:10px}.fmShowPlan10119 span{position:relative;display:grid;grid-template-columns:24px 1fr;grid-template-rows:auto auto;column-gap:8px;padding:9px 10px;border-radius:11px;border:1px solid #263554;background:#0c1322;min-width:0}.fmShowPlan10119 span:before{grid-row:1/3;display:grid;place-items:center;width:24px;height:24px;border-radius:50%;background:#18243a;color:#aab8cc;font-size:11px}.fmShowPlan10119 span.ok:before{background:rgba(61,200,143,.14);color:#67e7aa}.fmShowPlan10119 span.warn:before{background:rgba(255,153,82,.14);color:#ffad76}.fmShowPlan10119 span>em{grid-column:2;font-style:normal;font-size:8px;color:#8799b4;letter-spacing:.08em}.fmShowPlan10119 span>b{grid-column:2;font-size:9px;color:#edf2fa;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.fmShowPlan10119 span.ok{border-color:rgba(71,201,150,.23)}.fmShowPlan10119 span.warn{border-color:rgba(255,153,82,.24)} .fmShowTimeline10119{grid-area:timeline;display:grid;grid-template-columns:repeat(5,1fr);gap:0;padding:12px 14px;border:1px solid #253452;border-radius:14px;background:#0b1220}.fmShowTimeline10119 span{position:relative;padding-top:16px;text-align:center;min-width:0}.fmShowTimeline10119 span:before{content:"";position:absolute;top:5px;left:0;right:0;height:2px;background:#27334e}.fmShowTimeline10119 span:first-child:before{left:50%}.fmShowTimeline10119 span:last-child:before{right:50%}.fmShowTimeline10119 i{position:absolute;top:1px;left:50%;transform:translateX(-50%);width:10px;height:10px;border-radius:50%;background:#2b3957;border:2px solid #0b1220;z-index:2}.fmShowTimeline10119 .done i{background:#5ee4c3;box-shadow:0 0 12px rgba(94,228,195,.4)}.fmShowTimeline10119 .final i{background:#c86bff;box-shadow:0 0 12px rgba(200,107,255,.42)}.fmShowTimeline10119 small{display:block;color:#7d8ca5;font-size:7px;letter-spacing:.1em}.fmShowTimeline10119 b{display:block;margin-top:3px;color:#dce5f4;font-size:9px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis} .fmShowContext10119{grid-area:context;display:grid;grid-template-columns:repeat(4,1fr);border:1px solid #253452;border-radius:14px;overflow:hidden;background:#08101d}.fmShowContext10119 span{padding:10px 12px;border-right:1px solid #24314c}.fmShowContext10119 span:last-child{border-right:0}.fmShowContext10119 small{display:block;color:#788ba8;font-size:8px}.fmShowContext10119 b{display:block;margin-top:5px;color:#fff;font-size:14px}.fmNextDetail10119.empty10119{grid-template-columns:1fr}.fmNextDetail10119.empty10119>div{padding:20px;border:1px dashed #344567;border-radius:14px;text-align:center}.fmNextDetail10119.empty10119 h3{margin:6px 0}.fmNextDetail10119.empty10119 p{color:#9daec4}.fmNextDetail10119.empty10119 button{margin-top:10px} .worldMapHero10119{display:grid;grid-template-columns:minmax(250px,310px) minmax(460px,1fr) minmax(270px,350px);gap:18px;align-items:center;margin:18px 0 24px;padding:20px;border-radius:24px;border:1px solid rgba(96,144,203,.22);background:linear-gradient(145deg,rgba(7,14,25,.985),rgba(9,18,32,.98));box-shadow:0 26px 60px rgba(0,0,0,.32),inset 0 1px 0 rgba(255,255,255,.035);overflow:hidden} .worldMapCopy10119 small,.mapInsightGrid10119 small{display:block;font-size:9px;letter-spacing:.16em;font-weight:900;color:#7fe4ff}.worldMapCopy10119 h3{margin:8px 0 10px;color:#fff;font-size:29px;line-height:1.04}.worldMapCopy10119 p{margin:0;color:#a9b8cc;font-size:13px;line-height:1.6}.worldMapStats10119{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:16px}.worldMapStats10119 span{padding:12px;border-radius:14px;border:1px solid rgba(255,255,255,.07);background:rgba(255,255,255,.03)}.worldMapStats10119 b{display:block;font-size:22px;color:#fff}.worldMapStats10119 small{margin-top:4px;font-size:8px;letter-spacing:.1em}.worldMapLegend10119{display:flex;gap:8px;flex-wrap:wrap;margin-top:15px}.worldMapLegend10119 span{position:relative;padding-left:13px;font-size:8px;font-weight:900;letter-spacing:.09em;color:#98a9be}.worldMapLegend10119 span:before{content:"";position:absolute;left:0;top:50%;width:7px;height:7px;border-radius:50%;transform:translateY(-50%)}.worldMapLegend10119 .current:before{background:#75eaff}.worldMapLegend10119 .upcoming:before{background:#ff9d68}.worldMapLegend10119 .strong:before{background:#55dfad} .globeStage10119{position:relative;min-height:520px;display:grid;place-items:center}.worldGlobeCanvas10119{width:min(100%,560px);height:auto;aspect-ratio:1/1;display:block;cursor:grab;touch-action:none;filter:drop-shadow(0 28px 36px rgba(0,0,0,.38))}.worldGlobeCanvas10119.dragging{cursor:grabbing}.globeGlass10119{position:absolute;left:7%;bottom:9%;min-width:150px;padding:11px 13px;border-radius:14px;border:1px solid rgba(255,255,255,.08);background:rgba(4,10,18,.72);backdrop-filter:blur(7px);box-shadow:0 12px 30px rgba(0,0,0,.25)}.globeGlass10119 small{display:block;color:#7fe4ff;font-size:8px;letter-spacing:.12em}.globeGlass10119 b{display:block;margin:4px 0 2px;color:#fff;font-size:17px}.globeGlass10119 span{color:#9eacc0;font-size:10px}.globeHint10119{position:absolute;right:7%;bottom:7%;padding:7px 10px;border-radius:999px;background:rgba(5,11,20,.62);border:1px solid rgba(255,255,255,.06);font-size:8px;font-weight:900;letter-spacing:.12em;color:#879ab3} .mapInsightGrid10119{display:grid;gap:9px;max-height:500px;overflow:auto;padding-right:3px}.mapInsightGrid10119 article{padding:13px 14px;border-radius:15px;border:1px solid rgba(255,255,255,.08);background:linear-gradient(155deg,rgba(15,23,39,.96),rgba(9,15,26,.98))}.mapInsightGrid10119 b{display:block;margin:5px 0 4px;color:#fff;font-size:17px}.mapInsightGrid10119 p{margin:0;color:#98a8bc;font-size:10px;line-height:1.45} @media(max-width:1240px){.worldMapHero10119{grid-template-columns:1fr}.globeStage10119{order:-1;min-height:470px}.worldMapInsights10119{order:2}.mapInsightGrid10119{grid-template-columns:1fr 1fr;max-height:none}.worldMapCopy10119{order:1}} @media(max-width:980px){.fmNextDetail10119{grid-template-columns:1fr;grid-template-areas:"ready" "plan" "timeline" "context"}.fmShowContext10119{grid-template-columns:1fr 1fr}.fmHeroRow54>.fmHeroNext54 .fmNextBody970{grid-template-rows:minmax(220px,auto) auto auto!important}} @media(max-width:620px){.fmShowReady10119{grid-template-columns:1fr}.fmShowPlan10119>div{grid-template-columns:1fr}.fmShowTimeline10119{grid-template-columns:1fr;gap:6px}.fmShowTimeline10119 span{text-align:left;padding:7px 0 7px 24px}.fmShowTimeline10119 span:before{left:8px!important;right:auto!important;top:0;bottom:0;width:2px;height:auto}.fmShowTimeline10119 i{left:9px;top:50%;transform:translate(-50%,-50%)}.fmShowContext10119{grid-template-columns:1fr 1fr}.worldMapHero10119{padding:14px}.globeStage10119{min-height:360px}.mapInsightGrid10119{grid-template-columns:1fr}.worldMapStats10119{grid-template-columns:1fr}.globeHint10119{display:none}} .fmShowPlan10119 span:before{display:none!important}.fmShowPlan10119 span>i{grid-row:1/3;grid-column:1;width:24px;height:24px;border-radius:50%;display:grid;place-items:center;background:#18243a;color:#aab8cc;font-style:normal;font-size:11px}.fmShowPlan10119 span.ok>i{background:rgba(61,200,143,.14);color:#67e7aa}.fmShowPlan10119 span.warn>i{background:rgba(255,153,82,.14);color:#ffad76} /* v10120 — clean player profile + animated flight network */ .fmIdentityClean10120{padding:14px 14px 12px!important;border-bottom:0!important} .fmIdentityClean10120 .fmIdentityTop970{align-items:center}.fmIdentityClean10120 .fmIdentityPhoto992{width:76px;height:76px;flex:0 0 auto}.fmIdentityClean10120 .fmIdentityCopy970 h2{font-size:21px!important;margin:3px 0 2px!important}.fmIdentityClean10120 .fmIdentityCopy970 p{margin-bottom:5px!important}.fmIdentityClean10120 .fmIdentityCopy970 span{font-size:10px;color:#9fb0c8}.fmIdentityClean10120 .fmIdentityProfileLink992{margin-top:11px} .fmProfileStory10120{display:grid;gap:9px;margin:10px 0 2px}.fmCareerTag10120,.fmFocus10120,.fmRouteCard10120{padding:11px 12px;border:1px solid #263652;border-radius:13px;background:linear-gradient(150deg,rgba(15,23,39,.96),rgba(9,15,27,.98))}.fmCareerTag10120 small,.fmFocus10120 small,.fmRouteCard10120 small{display:block;color:#7ee3ff;font-size:8px;font-weight:900;letter-spacing:.13em}.fmCareerTag10120 b{display:block;margin-top:5px;color:#fff;font-size:13px;letter-spacing:.04em}.fmFocus10120 b{display:block;margin-top:5px;color:#fff;font-size:12px;line-height:1.25}.fmFocus10120 p{margin:5px 0 0;color:#92a2b9;font-size:10px;line-height:1.4}.fmRouteCard10120{display:grid;gap:9px}.fmRouteCard10120 b{display:block;margin-top:5px;color:#fff;font-size:12px}.fmRouteCard10120 span{display:block;margin-top:3px;color:#ffb17d;font-size:9px;font-weight:800;letter-spacing:.08em}.fmRouteCard10120 button{width:100%;min-height:34px;border:1px solid #365174;border-radius:9px;background:#101a2c;color:#e8f0ff;font-size:9px;font-weight:900;letter-spacing:.09em}.fmSide970>.fmLevel970,.fmSide970>.fmRankSide970{display:none!important} .worldMapHero10119>.flightGrid10120{grid-column:1/-1}.flightGrid10120{margin-top:2px;padding:14px;border:1px solid rgba(255,255,255,.075);border-radius:17px;background:linear-gradient(180deg,rgba(9,15,27,.9),rgba(7,12,22,.97))}.flightGrid10120>header{display:flex;justify-content:space-between;align-items:end;gap:14px;margin-bottom:10px}.flightGrid10120>header small{display:block;color:#7fe4ff;font-size:8px;font-weight:900;letter-spacing:.14em}.flightGrid10120>header h3{margin:4px 0 0;color:#fff;font-size:17px}.flightGrid10120>header>span{padding:6px 9px;border-radius:999px;border:1px solid rgba(255,158,91,.22);background:rgba(255,158,91,.08);color:#ffbc91;font-size:8px;font-weight:900;letter-spacing:.1em}.flightRows10120{display:grid;gap:6px}.flightRows10120 article{display:grid;grid-template-columns:34px minmax(100px,1fr) 20px minmax(100px,1fr) minmax(92px,.7fr) auto;gap:10px;align-items:center;padding:9px 10px;border:1px solid rgba(255,255,255,.055);border-radius:11px;background:rgba(255,255,255,.022)}.flightRows10120 article.active10120{border-color:rgba(255,158,91,.26);background:linear-gradient(90deg,rgba(255,136,75,.075),rgba(255,255,255,.018))}.flightNo10120{width:28px;height:28px;display:grid;place-items:center;border-radius:8px;background:#101b2c;color:#7fe4ff;font-size:9px;font-weight:900}.flightRoute10120 small,.flightMeta10120 small{display:block;color:#6f819b;font-size:7px;letter-spacing:.12em}.flightRoute10120 b,.flightMeta10120 b{display:block;margin-top:3px;color:#eaf1fb;font-size:10px}.flightRows10120>article>i{color:#ffab77;font-style:normal;text-align:center}.flightRows10120>article>em{justify-self:end;padding:5px 7px;border-radius:999px;font-style:normal;font-size:7px;font-weight:900;letter-spacing:.09em;background:rgba(117,234,255,.08);color:#8deaff;border:1px solid rgba(117,234,255,.15)}.flightRows10120>article>em.planned{background:rgba(83,223,173,.08);color:#69e6b4;border-color:rgba(83,223,173,.18)}.flightRows10120>article>em.booked{background:rgba(255,158,91,.08);color:#ffbd91;border-color:rgba(255,158,91,.18)}.flightGrid10120.empty10120>header{align-items:center}.flightGrid10120.empty10120>header button{border-radius:10px}.flightGrid10120.empty10120>p{margin:0;color:#91a3ba;font-size:11px} @media(max-width:900px){.flightRows10120 article{grid-template-columns:30px 1fr 18px 1fr}.flightMeta10120,.flightRows10120>article>em{grid-column:auto}.fmProfileStory10120{grid-template-columns:1fr 1fr}.fmRouteCard10120{grid-column:1/-1}} @media(max-width:620px){.flightRows10120 article{grid-template-columns:28px 1fr 18px 1fr}.flightMeta10120{grid-column:2/4}.flightRows10120>article>em{grid-column:4;grid-row:2}.fmProfileStory10120{grid-template-columns:1fr}.fmRouteCard10120{grid-column:auto}} /* v10123 — visible flight simulation + distance-based travel */ .flightSimulation10123{background:radial-gradient(circle at 50% 35%,rgba(19,42,79,.42),rgba(3,6,10,.92) 62%);backdrop-filter:blur(12px)} .flightSimCard10123{width:min(1120px,94vw);border:1px solid rgba(126,205,255,.22);border-radius:22px;background:linear-gradient(165deg,#09111e,#07101a 64%,#080d14);box-shadow:0 36px 110px rgba(0,0,0,.62);overflow:hidden} .flightSimCard10123>header{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:22px 24px 18px;border-bottom:1px solid rgba(255,255,255,.07)} .flightSimCard10123>header small{display:block;color:#74ddff;font-size:10px;font-weight:900;letter-spacing:.16em}.flightSimCard10123>header h2{margin:5px 0 4px;font-size:26px}.flightSimCard10123>header h2 span{color:#8b7cff}.flightSimCard10123>header p{margin:0;color:#9fb0c6;font-size:12px}.flightSkip10123{min-height:38px;padding:0 14px;border:1px solid #344561;border-radius:11px;background:#101827;color:#dce7f6;font-size:10px;font-weight:900;letter-spacing:.1em;cursor:pointer} .flightSky10123{position:relative;height:430px;overflow:hidden;background:radial-gradient(circle at 50% 110%,rgba(56,102,169,.26),transparent 45%),linear-gradient(180deg,#0b1a2d 0%,#0b1424 55%,#070c14 100%)} .flightSky10123:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:44px 44px;mask-image:linear-gradient(to bottom,rgba(0,0,0,.55),transparent 78%)} .flightStars10123{position:absolute;inset:0;background-image:radial-gradient(circle at 18% 18%,rgba(255,255,255,.75) 0 1px,transparent 1.4px),radial-gradient(circle at 63% 24%,rgba(255,255,255,.55) 0 1px,transparent 1.4px),radial-gradient(circle at 82% 42%,rgba(255,255,255,.5) 0 1px,transparent 1.4px),radial-gradient(circle at 34% 46%,rgba(255,255,255,.45) 0 1px,transparent 1.4px);background-size:240px 180px,310px 230px,260px 220px,290px 210px;opacity:.42} .flightRouteLabels10123{position:absolute;inset:20px 24px auto;z-index:5;display:grid;grid-template-columns:1fr 1fr 1fr;align-items:start;gap:18px}.flightRouteLabels10123>div:nth-child(2){text-align:center}.flightRouteLabels10123>div:nth-child(3){text-align:right}.flightRouteLabels10123 small{display:block;color:#8295af;font-size:9px;font-weight:900;letter-spacing:.13em}.flightRouteLabels10123 b{display:block;margin-top:4px;color:#fff;font-size:22px}.flightRouteLabels10123 span{display:block;margin-top:3px;color:#9eacc0;font-size:11px}.flightStatus10123 b{color:#76e4ff!important}.flightArc10123{position:absolute;inset:70px 5% 0;width:90%;height:330px;z-index:2;overflow:visible}.flightArcBase10123{fill:none;stroke:rgba(121,152,201,.18);stroke-width:3;stroke-dasharray:7 9}.flightArcLive10123{fill:none;stroke:url(#flightArcGrad10123);stroke-width:4;stroke-linecap:round;stroke-dasharray:0 100;filter:drop-shadow(0 0 7px rgba(114,213,255,.42))}.flightNode10123{fill:#76e4ff;filter:drop-shadow(0 0 9px rgba(118,228,255,.7))}.flightNode10123.end{fill:#ffae5d;filter:drop-shadow(0 0 9px rgba(255,174,93,.65))}.flightPlane10123{position:absolute;z-index:6;left:8%;top:78%;font-size:35px;color:#fff;text-shadow:0 0 14px rgba(106,211,255,.95);will-change:left,top,transform}.flightCloud10123{position:absolute;width:150px;height:36px;border-radius:999px;background:rgba(255,255,255,.055);filter:blur(1px);animation:flightCloudDrift10123 8s linear infinite}.flightCloud10123:before,.flightCloud10123:after{content:"";position:absolute;border-radius:50%;background:inherit}.flightCloud10123:before{width:54px;height:54px;left:28px;top:-24px}.flightCloud10123:after{width:70px;height:70px;right:24px;top:-34px}.flightCloud10123.c1{left:-100px;bottom:72px}.flightCloud10123.c2{left:28%;bottom:115px;animation-duration:11s;animation-delay:-4s}.flightCloud10123.c3{left:70%;bottom:80px;animation-duration:9s;animation-delay:-6s} .flightSimCard10123>footer{display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:12px;padding:15px 22px 18px}.flightProgress10123{height:6px;background:#172033;border-radius:999px;overflow:hidden}.flightProgress10123 i{display:block;height:100%;width:0;background:linear-gradient(90deg,#58ddff,#9e79ff,#ffae5d);border-radius:999px}.flightProgressText10123{color:#f3f6fb;font-size:12px;font-weight:900}.flightSimCard10123>footer small{color:#7f90a8;font-size:9px;letter-spacing:.08em;text-transform:uppercase} @keyframes flightCloudDrift10123{from{transform:translateX(0)}to{transform:translateX(1200px)}} @media(max-width:760px){.flightSimCard10123>header{align-items:flex-start}.flightSimCard10123>header h2{font-size:20px}.flightSky10123{height:350px}.flightRouteLabels10123{grid-template-columns:1fr 1fr}.flightRouteLabels10123>div:nth-child(2){grid-column:1/-1;grid-row:2;text-align:left}.flightRouteLabels10123>div:nth-child(3){text-align:right}.flightSimCard10123>footer{grid-template-columns:1fr auto}.flightSimCard10123>footer small{grid-column:1/-1}} /* v10125 — compact travel strip + horizontal booking offers */ .travelStrip10125{display:grid;grid-template-columns:minmax(250px,330px) minmax(0,1fr) minmax(260px,340px);gap:12px;margin:10px 0 16px;padding:12px;border:1px solid #253654;border-radius:16px;background:linear-gradient(135deg,#0b1220,#0d1727);box-shadow:0 12px 28px rgba(0,0,0,.18);min-height:150px} .travelStripPhoto10125{min-height:140px;border-radius:13px;padding:14px;display:flex;flex-direction:column;justify-content:flex-end;background:radial-gradient(circle at 30% 20%,rgba(76,147,255,.24),transparent 35%),linear-gradient(135deg,#0d1829,#101a29);background-size:cover;background-position:center;overflow:hidden;position:relative} .travelStripPhoto10125:after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,rgba(5,10,18,.08),rgba(5,10,18,.74));pointer-events:none}.travelStripPhoto10125>*{position:relative;z-index:1} .travelStripPhoto10125 small,.travelStripFacts10125 small,.travelStripDjs10125>small{font-size:9px;letter-spacing:.14em;font-weight:900;color:#7fddff}.travelStripPhoto10125 h3{margin:4px 0 3px;font-size:25px;color:#fff}.travelStripPhoto10125>span{font-size:11px;color:#d3def0} .travelStripFacts10125{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;align-content:center}.travelStripFacts10125 article{padding:10px 11px;border:1px solid rgba(255,255,255,.07);border-radius:11px;background:rgba(255,255,255,.025);min-width:0}.travelStripFacts10125 article.wide10125{grid-column:span 2}.travelStripFacts10125 b{display:block;margin-top:5px;color:#fff;font-size:17px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.travelStripFacts10125 span{display:block;margin-top:3px;color:#95a8c0;font-size:9px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis} .travelStripDjs10125{display:flex;flex-direction:column;gap:6px;padding:3px 0}.travelStripDjs10125>small{margin-bottom:2px}.travelStripDjs10125>button{display:grid;grid-template-columns:34px 1fr auto;gap:8px;align-items:center;width:100%;padding:7px 8px;border:1px solid rgba(255,255,255,.08);border-radius:10px;background:#101a2b;color:#fff;text-align:left}.travelStripDjs10125>button:hover{border-color:#5dcfea;background:#132039}.travelStripDjs10125>button>span{width:34px;height:34px;border-radius:9px;display:grid;place-items:center;background:rgba(116,219,255,.09);font-size:20px}.travelStripDjs10125>button b{display:block;font-size:12px}.travelStripDjs10125>button small{display:block;margin-top:2px;font-size:9px;color:#91a4bc}.travelStripDjs10125>button em{font-style:normal;font-size:9px;font-weight:900;color:#72e3ff}.travelStripDjs10125>p{margin:auto 0;color:#97a9c0;font-size:11px;line-height:1.45} .bookingDesk10115 .offergrid10115{display:flex!important;flex-direction:column!important;gap:10px!important} .bookingDesk10115 .offergrid10115>.offercard{display:grid!important;grid-template-columns:220px minmax(0,1fr) 260px!important;grid-template-rows:auto!important;column-gap:16px!important;row-gap:8px!important;align-items:start!important;min-height:190px!important;padding:12px!important;border-radius:14px!important;overflow:hidden!important} .bookingDesk10115 .offercard>.bookingPoster9984,.bookingDesk10115 .offercard>.venuePhoto9986{grid-column:1!important;grid-row:1 / span 12!important;width:220px!important;height:166px!important;min-height:166px!important;margin:0!important;border-radius:10px!important;align-self:stretch!important} .bookingDesk10115 .offercard>.offerCore10125{grid-column:2!important;grid-row:1 / span 10!important;min-width:0!important;padding:2px 0!important} .bookingDesk10115 .offerCore10125>small{color:#85dfff!important;font-size:9px!important;letter-spacing:.04em}.bookingDesk10115 .offerCore10125 h3{font-size:20px!important;margin:4px 0!important}.bookingDesk10115 .offerCore10125>strong{display:block;color:#54dcff;margin:6px 0 4px;font-size:12px}.bookingDesk10115 .offerCore10125>p{margin:4px 0 8px!important;line-height:1.35!important}.bookingDesk10115 .offerCore10125 .sceneOffer440,.bookingDesk10115 .offerCore10125 .bookingchips{display:flex!important;flex-wrap:wrap!important;gap:5px!important;margin-top:7px!important}.bookingDesk10115 .offerCore10125 .sceneOffer440 span,.bookingDesk10115 .offerCore10125 .bookingchips span{padding:5px 7px!important;font-size:9px!important} .bookingDesk10115 .offercard>.offerbuttons{grid-column:3!important;grid-row:12!important;display:grid!important;grid-template-columns:1fr!important;gap:7px!important;margin:0!important;align-self:end!important}.bookingDesk10115 .offercard>.offerbuttons button{min-height:38px!important} .bookingDesk10115 .offercard>.opRisk930,.bookingDesk10115 .offercard>.demand940,.bookingDesk10115 .offercard>.coreMarket950,.bookingDesk10115 .offercard>.bookingNegP16,.bookingDesk10115 .offercard>.bestBadges930{grid-column:3!important;margin:0!important;padding:9px 10px!important;border-radius:10px!important;min-width:0!important}.bookingDesk10115 .offercard>.bookingNegP16{grid-row:auto!important}.bookingDesk10115 .offercard>.conflictwarn{grid-column:2!important} .bookingDesk10115 .offercard>.stageVisual9979,.bookingDesk10115 .offercard>.venueVisual9978{display:none!important} @media(max-width:1160px){.travelStrip10125{grid-template-columns:280px 1fr}.travelStripDjs10125{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}.travelStripDjs10125>small{grid-column:1/-1}.bookingDesk10115 .offergrid10115>.offercard{grid-template-columns:190px minmax(0,1fr) 230px!important}.bookingDesk10115 .offercard>.bookingPoster9984,.bookingDesk10115 .offercard>.venuePhoto9986{width:190px!important}} @media(max-width:860px){.travelStrip10125{grid-template-columns:1fr}.travelStripFacts10125{grid-template-columns:repeat(2,minmax(0,1fr))}.travelStripDjs10125{grid-template-columns:1fr}.bookingDesk10115 .offergrid10115>.offercard{grid-template-columns:170px minmax(0,1fr)!important}.bookingDesk10115 .offercard>.bookingPoster9984,.bookingDesk10115 .offercard>.venuePhoto9986{width:170px!important}.bookingDesk10115 .offercard>.offerbuttons,.bookingDesk10115 .offercard>.opRisk930,.bookingDesk10115 .offercard>.demand940,.bookingDesk10115 .offercard>.coreMarket950,.bookingDesk10115 .offercard>.bookingNegP16,.bookingDesk10115 .offercard>.bestBadges930{grid-column:2!important}.bookingDesk10115 .offercard>.offerbuttons{grid-template-columns:1fr 1fr!important}} @media(max-width:620px){.travelStripFacts10125{grid-template-columns:1fr 1fr}.travelStripFacts10125 article.wide10125{grid-column:1/-1}.bookingDesk10115 .offergrid10115>.offercard{display:block!important}.bookingDesk10115 .offercard>.bookingPoster9984,.bookingDesk10115 .offercard>.venuePhoto9986{width:100%!important;height:150px!important;margin:0 0 10px!important}.bookingDesk10115 .offercard>.offerbuttons{display:grid!important;grid-template-columns:1fr 1.2fr!important;margin-top:10px!important}} /* v10126 — compact booking strips: 2-column, low-height, decision-first */ .bookingDesk10115 .offergrid10115{ display:grid!important; grid-template-columns:repeat(2,minmax(0,1fr))!important; gap:10px!important; align-items:start!important; } .bookingDesk10115 .offergrid10115>.offercard{ display:grid!important; grid-template-columns:112px minmax(0,1fr) 104px!important; grid-template-rows:auto auto auto!important; column-gap:10px!important; row-gap:6px!important; align-items:center!important; min-height:126px!important; max-height:none!important; padding:9px!important; border-radius:12px!important; overflow:hidden!important; } .bookingDesk10115 .offercard>.bookingPoster9984, .bookingDesk10115 .offercard>.venuePhoto9986{ grid-column:1!important; grid-row:1 / span 3!important; width:112px!important; height:96px!important; min-height:96px!important; margin:0!important; border-radius:9px!important; align-self:center!important; object-fit:cover!important; } .bookingDesk10115 .offercard>.offerCore10125{ grid-column:2!important; grid-row:1 / span 2!important; min-width:0!important; padding:0!important; } .bookingDesk10115 .offerCore10125>small{ color:#84ddff!important; font-size:8px!important; line-height:1.15!important; letter-spacing:.035em!important; white-space:nowrap!important; overflow:hidden!important; text-overflow:ellipsis!important; } .bookingDesk10115 .offerCore10125 h3{ font-size:16px!important; line-height:1.08!important; margin:3px 0!important; white-space:nowrap!important; overflow:hidden!important; text-overflow:ellipsis!important; } .bookingDesk10115 .offerCore10125 .bookingLocation562{ font-size:10px!important; margin:1px 0 2px!important; } .bookingDesk10115 .offerCore10125>strong{ display:block!important; color:#52dfff!important; margin:3px 0!important; font-size:10px!important; white-space:nowrap!important; overflow:hidden!important; text-overflow:ellipsis!important; } .bookingDesk10115 .offerCore10125>p{ margin:2px 0 4px!important; font-size:9px!important; line-height:1.25!important; display:-webkit-box!important; -webkit-line-clamp:1!important; -webkit-box-orient:vertical!important; overflow:hidden!important; } .bookingDesk10115 .offerCore10125 .sceneOffer440, .bookingDesk10115 .offerCore10125 .bookingchips{ display:flex!important; flex-wrap:nowrap!important; gap:4px!important; margin-top:4px!important; overflow:hidden!important; } .bookingDesk10115 .offerCore10125 .sceneOffer440 span, .bookingDesk10115 .offerCore10125 .bookingchips span{ padding:3px 5px!important; font-size:7px!important; line-height:1.1!important; white-space:nowrap!important; flex:0 0 auto!important; } .bookingDesk10115 .offerCore10125 .sceneOffer440 span:nth-child(n+4){display:none!important} .bookingDesk10115 .offerCore10125 .bookingchips span:nth-child(n+3){display:none!important} /* keep only compact decision metrics visible in the strip */ .bookingDesk10115 .offercard>.offerIntel920{ grid-column:2!important; grid-row:3!important; display:grid!important; grid-template-columns:repeat(4,minmax(0,1fr))!important; gap:4px!important; margin:0!important; padding:0!important; background:none!important; border:0!important; } .bookingDesk10115 .offercard>.offerIntel920>div{ min-width:0!important; padding:4px 5px!important; border:1px solid rgba(255,255,255,.06)!important; border-radius:7px!important; background:rgba(255,255,255,.025)!important; } .bookingDesk10115 .offercard>.offerIntel920 small{ font-size:6px!important; letter-spacing:.04em!important; white-space:nowrap!important; overflow:hidden!important; text-overflow:ellipsis!important; } .bookingDesk10115 .offercard>.offerIntel920 b{ display:block!important; margin-top:2px!important; font-size:9px!important; white-space:nowrap!important; overflow:hidden!important; text-overflow:ellipsis!important; } .bookingDesk10115 .offercard>.netDeal920{ grid-column:3!important; grid-row:1!important; display:flex!important; flex-direction:column!important; gap:2px!important; margin:0!important; padding:0!important; background:none!important; border:0!important; } .bookingDesk10115 .offercard>.netDeal920 span{ display:flex!important; justify-content:space-between!important; gap:4px!important; font-size:7px!important; white-space:nowrap!important; } .bookingDesk10115 .offercard>.netDeal920 b{font-size:9px!important} .bookingDesk10115 .offercard>.compareBtn920{ grid-column:3!important; grid-row:2!important; min-height:28px!important; padding:5px 7px!important; margin:0!important; font-size:8px!important; border-radius:8px!important; } .bookingDesk10115 .offercard>.offerbuttons{ grid-column:3!important; grid-row:3!important; display:grid!important; grid-template-columns:1fr!important; gap:4px!important; margin:0!important; align-self:end!important; } .bookingDesk10115 .offercard>.offerbuttons button{ min-height:28px!important; padding:5px 6px!important; font-size:8px!important; border-radius:8px!important; } /* secondary analytical panels stay out of the compact list; COMPARE/WHY preserve decision depth */ .bookingDesk10115 .offercard>.opRisk930, .bookingDesk10115 .offercard>.demand940, .bookingDesk10115 .offercard>.coreMarket950, .bookingDesk10115 .offercard>.bookingNegP16, .bookingDesk10115 .offercard>.bestBadges930, .bookingDesk10115 .offercard>.offerDepth10092{ display:none!important; } .bookingDesk10115 .offercard>.conflictwarn{ grid-column:2!important; grid-row:3!important; margin:0!important; padding:5px 7px!important; font-size:8px!important; } @media(max-width:1180px){ .bookingDesk10115 .offergrid10115{grid-template-columns:1fr!important} .bookingDesk10115 .offergrid10115>.offercard{grid-template-columns:120px minmax(0,1fr) 112px!important} .bookingDesk10115 .offercard>.bookingPoster9984,.bookingDesk10115 .offercard>.venuePhoto9986{width:120px!important} } @media(max-width:720px){ .bookingDesk10115 .offergrid10115>.offercard{grid-template-columns:92px minmax(0,1fr)!important;grid-template-rows:auto auto auto auto!important} .bookingDesk10115 .offercard>.bookingPoster9984,.bookingDesk10115 .offercard>.venuePhoto9986{width:92px!important;height:86px!important;min-height:86px!important;grid-row:1 / span 2!important} .bookingDesk10115 .offercard>.offerCore10125{grid-column:2!important;grid-row:1 / span 2!important} .bookingDesk10115 .offercard>.offerIntel920{grid-column:1/-1!important;grid-row:3!important} .bookingDesk10115 .offercard>.netDeal920{grid-column:1!important;grid-row:4!important} .bookingDesk10115 .offercard>.compareBtn920{grid-column:2!important;grid-row:4!important;align-self:start!important} .bookingDesk10115 .offercard>.offerbuttons{grid-column:1/-1!important;grid-row:5!important;grid-template-columns:1fr 1.3fr!important} } /* v10127 — readable full-width booking strips: one offer per row, negotiation restored */ .bookingDesk10115 .offergrid10115{ display:grid!important; grid-template-columns:1fr!important; gap:12px!important; align-items:stretch!important; } .bookingDesk10115 .offergrid10115>.offercard{ display:grid!important; grid-template-columns:190px minmax(360px,1fr) 270px 180px!important; grid-template-rows:auto auto auto!important; column-gap:16px!important; row-gap:9px!important; align-items:center!important; min-height:164px!important; max-height:none!important; padding:12px!important; border-radius:14px!important; overflow:hidden!important; } .bookingDesk10115 .offercard>.bookingPoster9984, .bookingDesk10115 .offercard>.venuePhoto9986{ grid-column:1!important; grid-row:1 / span 3!important; width:190px!important; height:132px!important; min-height:132px!important; margin:0!important; border-radius:10px!important; object-fit:cover!important; align-self:center!important; } .bookingDesk10115 .offercard>.offerCore10125{ grid-column:2!important; grid-row:1 / span 2!important; min-width:0!important; padding:0!important; align-self:center!important; } .bookingDesk10115 .offerCore10125>small{ color:#83ddff!important; font-size:11px!important; line-height:1.3!important; letter-spacing:.055em!important; white-space:normal!important; overflow:visible!important; } .bookingDesk10115 .offerCore10125 h3{ margin:4px 0 3px!important; color:#fff!important; font-size:21px!important; line-height:1.1!important; white-space:normal!important; overflow:visible!important; } .bookingDesk10115 .offerCore10125 .bookingLocation562{ margin:2px 0 5px!important; font-size:13px!important; line-height:1.3!important; } .bookingDesk10115 .offerCore10125>strong{ display:block!important; margin:4px 0!important; color:#56e2ff!important; font-size:13px!important; line-height:1.3!important; white-space:normal!important; } .bookingDesk10115 .offerCore10125>p{ margin:4px 0 7px!important; font-size:12px!important; line-height:1.4!important; display:-webkit-box!important; -webkit-line-clamp:2!important; -webkit-box-orient:vertical!important; overflow:hidden!important; } .bookingDesk10115 .offerCore10125 .sceneOffer440, .bookingDesk10115 .offerCore10125 .bookingchips{ display:flex!important; flex-wrap:wrap!important; gap:5px!important; margin-top:5px!important; overflow:visible!important; } .bookingDesk10115 .offerCore10125 .sceneOffer440 span, .bookingDesk10115 .offerCore10125 .bookingchips span{ display:inline-flex!important; padding:4px 7px!important; font-size:10px!important; line-height:1.15!important; white-space:nowrap!important; } .bookingDesk10115 .offerCore10125 .sceneOffer440 span:nth-child(n), .bookingDesk10115 .offerCore10125 .bookingchips span:nth-child(n){display:inline-flex!important} .bookingDesk10115 .offercard>.offerIntel920{ grid-column:2!important; grid-row:3!important; display:grid!important; grid-template-columns:repeat(4,minmax(0,1fr))!important; gap:6px!important; margin:0!important; padding:0!important; background:none!important; border:0!important; } .bookingDesk10115 .offercard>.offerIntel920>div{ min-width:0!important; padding:7px 8px!important; border:1px solid rgba(255,255,255,.07)!important; border-radius:8px!important; background:rgba(255,255,255,.03)!important; } .bookingDesk10115 .offercard>.offerIntel920 small{ font-size:8px!important; line-height:1.2!important; letter-spacing:.075em!important; } .bookingDesk10115 .offercard>.offerIntel920 b{ display:block!important; margin-top:3px!important; font-size:12px!important; line-height:1.15!important; white-space:nowrap!important; } .bookingDesk10115 .offercard>.netDeal920{ grid-column:3!important; grid-row:1!important; display:grid!important; grid-template-columns:repeat(3,1fr)!important; gap:6px!important; margin:0!important; padding:9px!important; border:1px solid rgba(255,255,255,.08)!important; border-radius:10px!important; background:rgba(255,255,255,.025)!important; } .bookingDesk10115 .offercard>.netDeal920 span{ display:flex!important; flex-direction:column!important; gap:3px!important; font-size:9px!important; color:#94a6c0!important; white-space:nowrap!important; } .bookingDesk10115 .offercard>.netDeal920 b{ font-size:13px!important; color:#f5f8ff!important; } .bookingDesk10115 .offercard>.netDeal920 .profit b{color:#78e3ad!important} .bookingDesk10115 .offercard>.netDeal920 .loss b{color:#ff8c9f!important} .bookingDesk10115 .offercard>.bookingNegP16{ grid-column:3!important; grid-row:2 / span 2!important; display:grid!important; grid-template-columns:minmax(0,1fr)!important; gap:8px!important; margin:0!important; padding:10px 11px!important; border:1px solid rgba(138,100,255,.28)!important; border-radius:10px!important; background:linear-gradient(135deg,rgba(83,53,134,.22),rgba(20,28,46,.84))!important; align-self:stretch!important; } .bookingDesk10115 .offercard>.bookingNegP16 small{ font-size:9px!important; letter-spacing:.11em!important; color:#c3a9ff!important; } .bookingDesk10115 .offercard>.bookingNegP16 b{ display:block!important; margin:3px 0!important; color:#fff!important; font-size:13px!important; line-height:1.25!important; } .bookingDesk10115 .offercard>.bookingNegP16 span{ display:block!important; color:#aebbd0!important; font-size:10px!important; line-height:1.3!important; } .bookingDesk10115 .bookingNegActionsP16{ display:grid!important; grid-template-columns:1fr 1fr!important; gap:7px!important; } .bookingDesk10115 .bookingNegActionsP16 button{ min-height:38px!important; padding:7px 8px!important; border-radius:8px!important; font-size:10px!important; font-weight:900!important; } .bookingDesk10115 .offercard>.compareBtn920{ grid-column:4!important; grid-row:1!important; min-height:38px!important; padding:8px 10px!important; margin:0!important; font-size:10px!important; border-radius:9px!important; } .bookingDesk10115 .offercard>.offerbuttons{ grid-column:4!important; grid-row:2 / span 2!important; display:grid!important; grid-template-columns:1fr!important; gap:8px!important; margin:0!important; align-self:stretch!important; } .bookingDesk10115 .offercard>.offerbuttons button{ min-height:48px!important; padding:9px 10px!important; border-radius:9px!important; font-size:11px!important; font-weight:950!important; } /* keep detailed analytics behind COMPARE / WHY so the list remains a slim, readable row */ .bookingDesk10115 .offercard>.opRisk930, .bookingDesk10115 .offercard>.demand940, .bookingDesk10115 .offercard>.coreMarket950, .bookingDesk10115 .offercard>.bestBadges930, .bookingDesk10115 .offercard>.offerDepth10092{ display:none!important; } .bookingDesk10115 .offercard>.conflictwarn{ grid-column:2!important; grid-row:3!important; margin:0!important; padding:7px 9px!important; font-size:10px!important; } @media(max-width:1180px){ .bookingDesk10115 .offergrid10115>.offercard{grid-template-columns:170px minmax(300px,1fr) 245px 160px!important} .bookingDesk10115 .offercard>.bookingPoster9984,.bookingDesk10115 .offercard>.venuePhoto9986{width:170px!important} } @media(max-width:930px){ .bookingDesk10115 .offergrid10115>.offercard{grid-template-columns:150px minmax(0,1fr) 220px!important;grid-template-rows:auto auto auto auto!important} .bookingDesk10115 .offercard>.bookingPoster9984,.bookingDesk10115 .offercard>.venuePhoto9986{width:150px!important;height:120px!important;grid-row:1 / span 2!important} .bookingDesk10115 .offercard>.offerCore10125{grid-column:2!important;grid-row:1 / span 2!important} .bookingDesk10115 .offercard>.offerIntel920{grid-column:1 / span 2!important;grid-row:3!important} .bookingDesk10115 .offercard>.netDeal920{grid-column:3!important;grid-row:1!important} .bookingDesk10115 .offercard>.bookingNegP16{grid-column:3!important;grid-row:2 / span 2!important} .bookingDesk10115 .offercard>.compareBtn920{grid-column:1!important;grid-row:4!important} .bookingDesk10115 .offercard>.offerbuttons{grid-column:2 / span 2!important;grid-row:4!important;grid-template-columns:1fr 1.4fr!important} } @media(max-width:680px){ .bookingDesk10115 .offergrid10115>.offercard{display:block!important;padding:11px!important} .bookingDesk10115 .offercard>.bookingPoster9984,.bookingDesk10115 .offercard>.venuePhoto9986{width:100%!important;height:150px!important;margin:0 0 10px!important} .bookingDesk10115 .offercard>.offerIntel920,.bookingDesk10115 .offercard>.netDeal920,.bookingDesk10115 .offercard>.bookingNegP16,.bookingDesk10115 .offercard>.compareBtn920,.bookingDesk10115 .offercard>.offerbuttons{margin-top:9px!important} .bookingDesk10115 .offercard>.offerbuttons{display:grid!important;grid-template-columns:1fr 1.3fr!important} } /* v10128 — quick actions: secondary yellow line under primary label */ .visualPass10102 .fmQuick970 button{ align-items:flex-start; } .visualPass10102 .fmQuick970 button>div{ display:flex; flex-direction:column; align-items:flex-start; justify-content:flex-start; min-width:0; width:100%; } .visualPass10102 .fmQuick970 button b{ display:block; margin:0; font-size:12px; line-height:1.12; color:#f3f6fd; } .visualPass10102 .fmQuick970 button small{ display:block!important; width:100%; margin-top:5px!important; font-size:9px!important; line-height:1.22!important; font-weight:800; letter-spacing:.01em; color:#ffd84e!important; white-space:normal; } /* v10130 — robust QUICK ACTIONS typography fix */ .fmShell970 .fmQuick970 button{ align-items:flex-start!important; } .fmShell970 .fmQuick970 .fmQuickCopy10130{ display:flex!important; flex-direction:column!important; align-items:flex-start!important; justify-content:flex-start!important; gap:0!important; min-width:0!important; width:100%!important; } .fmShell970 .fmQuick970 .fmQuickTitle10130{ display:block!important; width:100%!important; margin:0!important; color:#f2f5fb!important; font-size:12px!important; line-height:1.15!important; font-weight:800!important; letter-spacing:0!important; } .fmShell970 .fmQuick970 .fmQuickDesc10130{ display:block!important; width:100%!important; margin:5px 0 0!important; color:#ffd84e!important; font-size:8.5px!important; line-height:1.28!important; font-weight:750!important; letter-spacing:.01em!important; white-space:normal!important; } /* v10131 — low-cash bridge to Job Market */ .fmLowCash10131{margin:10px 0 12px;padding:11px;border:1px solid rgba(90,224,182,.28);border-radius:14px;background:linear-gradient(145deg,rgba(15,37,31,.94),rgba(12,20,31,.96));box-shadow:0 10px 22px rgba(0,0,0,.15)} .fmLowCash10131>div{display:grid;grid-template-columns:34px 1fr;gap:9px;align-items:start}.fmLowCash10131>div>span{width:34px;height:34px;display:grid;place-items:center;border-radius:10px;background:rgba(91,224,182,.1);font-size:18px}.fmLowCash10131 small{display:block;color:#76e0bd;font-size:8px;font-weight:900;letter-spacing:.13em}.fmLowCash10131 b{display:block;margin-top:3px;color:#fff;font-size:11px;letter-spacing:.04em}.fmLowCash10131 p{margin:4px 0 0;color:#8fa3b8;font-size:9px;line-height:1.4}.fmLowCash10131>button{width:100%;margin-top:9px;padding:9px 10px;border:1px solid rgba(91,224,182,.32);border-radius:10px;background:#10251f;color:#dffbef;font-size:9px;font-weight:900;letter-spacing:.08em;cursor:pointer}.fmLowCash10131>button:hover{border-color:#71e5c1;background:#143229} .crateWarningActions10131{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.crateWarningActions10131 button{min-height:42px}.crateWarningActions10131 .secondary{border-color:rgba(91,224,182,.34)!important;color:#dffbef!important;background:#10251f!important} /* v10132 — one-step login / authenticated cloud recovery */ .startAuthState10132{display:flex;flex-direction:column;gap:10px;margin-top:4px;padding:16px;border:1px solid rgba(255,255,255,.10);border-radius:15px;background:linear-gradient(145deg,rgba(13,21,36,.98),rgba(8,14,25,.98))} .startAuthState10132 small{font-size:9px;font-weight:900;letter-spacing:.14em;color:#78ddff} .startAuthState10132>b{font-size:22px;line-height:1.05;color:#fff;letter-spacing:.02em} .startAuthState10132>span{font-size:11px;line-height:1.45;color:#9baac0} .startAuthState10132.ready10132{border-color:rgba(85,216,169,.28);background:radial-gradient(circle at 100% 0%,rgba(64,197,146,.10),transparent 34%),linear-gradient(145deg,rgba(13,28,31,.98),rgba(8,14,25,.98))} .startAuthState10132.ready10132 small{color:#6de0b1} .startAuthState10132.warn10132{border-color:rgba(255,190,82,.28);background:radial-gradient(circle at 100% 0%,rgba(255,174,70,.10),transparent 34%),linear-gradient(145deg,rgba(31,25,14,.98),rgba(8,14,25,.98))} .startAuthState10132.warn10132 small{color:#ffd56d} .startAuthState10132 .ghost400{min-height:42px} /* v10136 — Club Hunt must always return visible, persistent feedback. */ .clubHuntFeedback450{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:13px;align-items:center;margin:15px 0 4px;padding:14px 15px;border:1px solid #3f587f;border-radius:13px;background:#111c2e;box-shadow:0 10px 28px #0003} .clubHuntFeedback450.success{border-color:#2f806c;background:linear-gradient(120deg,#102b29,#111c2e)} .clubHuntFeedback450.failure{border-color:#7c4554;background:linear-gradient(120deg,#2b1720,#111c2e)} .clubHuntFeedback450.blocked{border-color:#806a35;background:linear-gradient(120deg,#2a2414,#111c2e)} .clubHuntFeedbackIcon450{display:grid;place-items:center;width:42px;height:42px;border-radius:11px;background:#0a1220;font-size:23px} .clubHuntFeedback450 small,.clubHuntFeedback450 h3,.clubHuntFeedback450 p,.clubHuntFeedback450 span{display:block} .clubHuntFeedback450 small{color:#8ea5c7;font-size:8px;font-weight:950;letter-spacing:1.1px}.clubHuntFeedback450 h3{margin:3px 0 4px;font-size:17px}.clubHuntFeedback450 p{margin:0;color:#d6e0ef;font-size:11px;line-height:1.45}.clubHuntFeedback450 span{margin-top:6px;color:#69def4;font-size:9px;font-weight:850}.clubHuntFeedback450>button{min-height:38px;border:1px solid #4c6389;border-radius:9px;background:#182640;color:#fff;padding:0 12px;font-size:9px;font-weight:950;letter-spacing:.6px} .clubHuntRecent450{margin-top:14px;border-top:1px solid #263b5d;padding-top:13px}.clubHuntRecentHead450{display:flex;align-items:center;justify-content:space-between;margin-bottom:7px}.clubHuntRecentHead450 small{color:#8ea0bd;font-size:8px;font-weight:950;letter-spacing:1px}.clubHuntRecentHead450>b{display:grid;place-items:center;min-width:24px;height:20px;border-radius:999px;background:#1b2a43;color:#8eeeff;font-size:9px}.clubHuntRecentRow450{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:9px;align-items:center;padding:8px 0;border-top:1px solid #1d2d47}.clubHuntRecentRow450>span{font-size:15px}.clubHuntRecentRow450 b,.clubHuntRecentRow450 small{display:block}.clubHuntRecentRow450 b{font-size:10px}.clubHuntRecentRow450 small{margin-top:2px;color:#8395b0;font-size:8px}.clubHuntRecentRow450 em{font-style:normal;font-size:8px;font-weight:950;color:#91a4c1}.clubHuntRecentRow450.ok em{color:#6ce1bd}.clubHuntRecentRow450.no em{color:#e28b9b}.clubHuntRecent450>p{margin:0;color:#8395b0;font-size:10px} @media(max-width:650px){.clubHuntFeedback450{grid-template-columns:auto 1fr}.clubHuntFeedback450>button{grid-column:1/-1}.clubHuntRecentRow450{grid-template-columns:auto 1fr}.clubHuntRecentRow450 em{display:none}} /* styles/40-one-screen-10150.css */ /* LIFE LIKE A DJ — v10150 ONE SCREEN PRINCIPLE Persistent FM-style management shell. */ html.oneScreenActive10150,html.oneScreenActive10150 body{height:100%;overflow:hidden;background:#050914} html.oneScreenActive10150 #app{height:100%;overflow:hidden} .oneScreenRoot10150{height:100vh;display:grid;grid-template-rows:66px minmax(0,1fr);background:#050914;color:#eef3ff;overflow:hidden} .oneScreenTop10150{display:grid;grid-template-columns:190px minmax(155px,.65fr) minmax(250px,1fr) auto auto;align-items:stretch;min-width:0;border-bottom:1px solid #26324d;background:linear-gradient(180deg,#0b101d,#070b15);z-index:1400} .oneScreenTop10150 button{font:inherit} .oneScreenBrand10150{border:0;border-right:1px solid #202b44;background:transparent;color:#fff;text-align:left;padding:8px 16px;display:flex;flex-direction:column;justify-content:center;gap:2px}.oneScreenBrand10150 span{font-size:14px;font-weight:950;letter-spacing:.055em}.oneScreenBrand10150 small{font-size:8px;color:#7f91ae;letter-spacing:.2em} .oneScreenClock10150,.oneScreenNextTop10150{min-width:0;padding:9px 14px;border-right:1px solid #202b44;display:flex;flex-direction:column;justify-content:center}.oneScreenClock10150 small,.oneScreenNextTop10150 small,.oneScreenTopStats10150 small{color:#71829e;font-size:8px;letter-spacing:.13em;font-weight:900}.oneScreenClock10150 b{margin-top:4px;font-size:15px}.oneScreenNextTop10150 b{margin-top:3px;font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.oneScreenNextTop10150 span{margin-top:2px;color:#ffd36a;font-size:8px;font-weight:900;letter-spacing:.12em} .oneScreenTopStats10150{display:flex;align-items:stretch;min-width:0}.oneScreenTopStats10150>span{min-width:82px;padding:8px 11px;border-right:1px solid #202b44;display:flex;flex-direction:column;justify-content:center}.oneScreenTopStats10150 b{margin-top:3px;font-size:12px;white-space:nowrap} .oneScreenTopActions10150{display:flex;align-items:center;gap:6px;padding:8px 10px}.oneScreenTopActions10150 button{position:relative;min-height:42px;border:1px solid #34415e;border-radius:9px;background:#101827;color:#eef3ff;font-size:10px;font-weight:900;letter-spacing:.06em;padding:0 12px}.oneScreenTopActions10150 button:hover{background:#172238;border-color:#566988}.oneScreenTopActions10150 .oneScreenEndDay10150{background:#e6c95b;color:#111727;border-color:#f2dd83}.oneScreenTopActions10150 .oneScreenPhone10150{font-size:17px;width:44px;padding:0}.oneScreenTopActions10150 .oneScreenPhone10150 em{position:absolute;right:-4px;top:-5px;min-width:18px;height:18px;padding:0 4px;border-radius:999px;background:#a346e7;color:#fff;display:grid;place-items:center;font-size:9px;font-style:normal}.oneScreenIconButton10150{width:42px;padding:0!important} .oneScreenBody10150{min-height:0;display:grid;grid-template-columns:184px minmax(0,1fr) 250px;overflow:hidden} .oneScreenLeft10150,.oneScreenRight10150{min-height:0;overflow:auto;scrollbar-width:thin;scrollbar-color:#34435f transparent;background:#070c17} .oneScreenLeft10150{border-right:1px solid #202c45;padding:14px 10px}.oneScreenIdentity10150{display:flex;align-items:center;gap:9px;padding:8px 7px 15px;border-bottom:1px solid #202c45;margin-bottom:12px}.oneScreenIdentity10150 img{width:38px;height:38px;border-radius:9px;object-fit:cover;border:1px solid #43506c}.oneScreenIdentity10150 div{min-width:0}.oneScreenIdentity10150 small{display:block;color:#6f829f;font-size:7px;letter-spacing:.14em}.oneScreenIdentity10150 b{display:block;margin-top:3px;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.oneScreenIdentity10150 span{display:block;margin-top:2px;color:#8ea0b9;font-size:9px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis} .oneScreenPrimary10150,.oneScreenSecondary10150{display:grid;gap:3px}.oneScreenSecondary10150{margin-top:20px;padding-top:12px;border-top:1px solid #202c45}.oneScreenSecondary10150>small{padding:0 9px 5px;color:#647692;font-size:7px;letter-spacing:.16em} .oneScreenNavItem10150{min-height:43px;border:1px solid transparent;border-radius:8px;background:transparent;color:#aebbd0;padding:0 10px;display:grid;grid-template-columns:25px 1fr;align-items:center;text-align:left;gap:7px}.oneScreenNavItem10150 span{font-size:16px;text-align:center;color:#dbe3f0}.oneScreenNavItem10150 b{font-size:11px;font-weight:800}.oneScreenNavItem10150:hover{background:#0e1727;color:#fff}.oneScreenNavItem10150.active10150{background:linear-gradient(90deg,rgba(116,72,213,.28),rgba(48,35,92,.12));border-color:#443a72;color:#fff;box-shadow:inset 3px 0 0 #a55bff}.oneScreenNavItem10150.active10150 span{color:#cfaaff} .oneScreenCenter10150{min-width:0;min-height:0;overflow:hidden;background:radial-gradient(circle at 48% -10%,rgba(81,57,148,.13),transparent 34%),#060a14}.oneScreenViewport10150{height:100%;overflow:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#34435f transparent;padding:12px} .oneScreenViewport10150>main:not(.playerProfile992){min-height:0!important;margin:0!important}.oneScreenViewport10150>.store{padding:16px 18px 40px}.oneScreenViewport10150 .sectionhead{margin-bottom:16px}.oneScreenViewport10150 .sectionhead h2{font-size:clamp(30px,3vw,47px);letter-spacing:-2px}.oneScreenViewport10150 .sectionhead .back{display:none} /* HOME: reuse the strong existing dashboard, but remove its old embedded nav/sidebar. */ .oneScreenViewport10150 .fmShell970{display:block!important;min-height:0!important;background:transparent!important;padding:0!important}.oneScreenViewport10150 .fmShell970>.fmSide970,.oneScreenViewport10150 .fmShell970>.fmFooter970{display:none!important}.oneScreenViewport10150 .fmBoard970{padding:0!important;width:100%;min-width:0}.oneScreenViewport10150 .fmHeroRow54{margin:0} /* Screens built for viewport-sized pages should become content panes inside the center workspace. */ .oneScreenViewport10150 .phoneview,.oneScreenViewport10150 .results,.oneScreenViewport10150 .gig,.oneScreenViewport10150 .room{min-height:calc(100vh - 102px)!important}.oneScreenViewport10150 .phoneview>.back{display:none}.oneScreenViewport10150 .saveIndicator920{right:266px;bottom:12px} .oneScreenRight10150{border-left:1px solid #202c45;padding:12px;display:flex;flex-direction:column;gap:10px}.oneScreenRight10150>section{border:1px solid #202d46;border-radius:10px;background:linear-gradient(160deg,#0d1422,#09101b);padding:12px}.oneScreenRight10150>section>header{display:flex;align-items:flex-start;justify-content:space-between;gap:8px}.oneScreenRight10150 small{color:#71849f;font-size:7px;letter-spacing:.13em;font-weight:900}.oneScreenRight10150 header b{font-size:11px;color:#e7edf7}.oneScreenKpis10150{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-top:10px}.oneScreenKpis10150 span{padding:8px;border:1px solid #202d46;border-radius:7px;background:#0a111d}.oneScreenKpis10150 b{display:block;margin-top:4px;font-size:15px}.oneScreenNextCard10150 h3{margin:6px 0 5px;font-size:15px;line-height:1.15}.oneScreenNextCard10150 p,.oneScreenIntel10150 p{margin:0 0 9px;color:#8fa0b8;font-size:10px;line-height:1.42}.oneScreenNextCard10150>b{display:block;color:#ffd26a;font-size:10px;margin-bottom:9px}.oneScreenRight10150 button{width:100%;min-height:34px;border:1px solid #31405d;border-radius:7px;background:#101929;color:#dce6f6;font-size:8px;font-weight:900;letter-spacing:.08em}.oneScreenRight10150 button:hover{background:#17233a}.oneScreenIntel10150{border-left:2px solid #7654d5!important}.oneScreenQuick10150{display:grid!important;grid-template-columns:1fr 1fr;gap:6px}.oneScreenQuick10150 button{min-width:0} /* Decision layers: keep the management screen in place and place decisions over it. */ .oneScreenModalBackdrop10150{position:fixed;inset:0;z-index:18000;display:grid;place-items:center;padding:28px;background:rgba(2,5,11,.72);backdrop-filter:blur(6px)}.oneScreenModal10150{position:relative;width:min(860px,calc(100vw - 56px));max-height:calc(100vh - 88px);overflow:auto;border:1px solid #3c4b68;border-radius:14px;background:#090f1b;box-shadow:0 30px 90px rgba(0,0,0,.65)}.oneScreenModalClose10150{position:sticky;float:right;top:10px;right:10px;z-index:2;width:38px;height:38px;border:1px solid #41506c;border-radius:8px;background:#121a29;color:#fff;font-size:23px;line-height:1}.oneScreenModalContent10150{clear:both;padding:2px 14px 16px}.oneScreenModalContent10150>main{min-height:0!important;padding-top:8px!important}.oneScreenModalContent10150 .sectionhead .back{display:none!important}.oneScreenModalContent10150 .results{min-height:0!important;background:transparent!important;padding:18px!important}.oneScreenModalContent10150 .result{width:100%;max-width:720px;margin:auto}.oneScreenModalContent10150 .saveIndicator920{display:none!important} /* Existing toasts become floating FM-style notifications in the upper-right. */ html.oneScreenActive10150 .toastRail10138{left:auto;right:18px;top:78px;bottom:auto;transform:none;width:min(360px,calc(100vw - 36px));z-index:19000}.oneScreenActive10150 .toastItem10138{text-align:left;border-color:#3a4966;background:rgba(9,15,27,.97);box-shadow:0 16px 40px rgba(0,0,0,.42);padding:12px 14px} @media(max-width:1280px){.oneScreenTop10150{grid-template-columns:170px 150px minmax(220px,1fr) auto}.oneScreenTopStats10150>span:nth-child(2){display:none}.oneScreenBody10150{grid-template-columns:170px minmax(0,1fr) 220px}.oneScreenRight10150{padding:9px}.oneScreenLeft10150{padding:10px 8px}} @media(max-width:1040px){.oneScreenTop10150{grid-template-columns:160px minmax(240px,1fr) auto}.oneScreenClock10150{display:none}.oneScreenTopStats10150>span:nth-child(2),.oneScreenTopStats10150>span:nth-child(3){display:none}.oneScreenBody10150{grid-template-columns:160px minmax(0,1fr)}.oneScreenRight10150{display:none}.oneScreenViewport10150 .saveIndicator920{right:12px}.oneScreenModal10150{width:min(820px,calc(100vw - 32px))}} @media(max-width:760px){html.oneScreenActive10150,html.oneScreenActive10150 body,html.oneScreenActive10150 #app{height:auto;min-height:100%;overflow:auto}.oneScreenRoot10150{height:auto;min-height:100vh;grid-template-rows:auto auto}.oneScreenTop10150{position:sticky;top:0;grid-template-columns:1fr auto;height:60px}.oneScreenBrand10150{border-right:0}.oneScreenNextTop10150,.oneScreenTopStats10150{display:none}.oneScreenTopActions10150{justify-content:flex-end}.oneScreenTopActions10150 .oneScreenIconButton10150{display:none}.oneScreenBody10150{display:flex;flex-direction:column;overflow:visible}.oneScreenLeft10150{position:sticky;top:60px;z-index:1300;overflow-x:auto;overflow-y:hidden;border-right:0;border-bottom:1px solid #202c45;padding:6px 8px;background:#070c17}.oneScreenIdentity10150,.oneScreenSecondary10150{display:none}.oneScreenPrimary10150{display:flex;gap:5px;min-width:max-content}.oneScreenNavItem10150{min-width:84px;min-height:44px;grid-template-columns:1fr;grid-template-rows:auto auto;text-align:center;gap:2px;padding:4px 7px}.oneScreenNavItem10150 span{font-size:14px}.oneScreenNavItem10150 b{font-size:9px}.oneScreenCenter10150{overflow:visible}.oneScreenViewport10150{height:auto;overflow:visible;padding:8px}.oneScreenViewport10150>.store{padding:12px 8px 30px}.oneScreenModalBackdrop10150{padding:12px}.oneScreenModal10150{width:100%;max-height:calc(100vh - 24px)}html.oneScreenActive10150 .toastRail10138{top:112px;right:10px;width:calc(100vw - 20px)}} @media(prefers-reduced-motion:reduce){.oneScreenRoot10150 *{transition:none!important;animation:none!important}} /* styles/41-home-command-center-10151.css */ /* LIFE LIKE A DJ — v10151 HOME Command Center One Screen Principle: HOME is for the next action, not a second copy of every module. */ /* Two useful HOME columns only: NEXT SHOW + UPCOMING SHOWS. */ html.oneScreenActive10150 .oneScreenViewport10150 .fmHeroRow54{ grid-template-columns:minmax(0,2.35fr) minmax(255px,.95fr)!important; gap:12px!important; } html.oneScreenActive10150 .oneScreenViewport10150 .fmHeroRow54>.fmHeroMomentum54{ display:none!important; } /* These statistics already exist in the permanent shell or their own sections. Removing them from HOME avoids the web-dashboard/card-wall feeling. */ html.oneScreenActive10150 .oneScreenViewport10150 .fmOverviewStrip970, html.oneScreenActive10150 .oneScreenViewport10150 .fmMiddle970{ display:none!important; } /* Bottom HOME row becomes one compact career-progress strip. Strongest Markets lives in World, Tour Details in calendar/travel, so they disappear here. */ html.oneScreenActive10150 .oneScreenViewport10150 .fmBottom970{ display:block!important; } html.oneScreenActive10150 .oneScreenViewport10150 .fmBottom970>.fmMarkets970, html.oneScreenActive10150 .oneScreenViewport10150 .fmBottom970>.fmTour970{ display:none!important; } html.oneScreenActive10150 .oneScreenViewport10150 .fmBottom970>.fmMilestone970{ min-height:0!important; display:grid!important; grid-template-columns:auto auto minmax(140px,1fr) auto; align-items:center; gap:14px; padding:10px 14px!important; text-align:left!important; border-radius:10px!important; background:linear-gradient(90deg,#0c1322,#10182a)!important; } html.oneScreenActive10150 .oneScreenViewport10150 .fmMilestone970>header{ height:auto!important; min-height:0!important; padding:0!important; border:0!important; white-space:nowrap; } html.oneScreenActive10150 .oneScreenViewport10150 .fmMilestone970>header b{ font-size:9px!important; letter-spacing:.12em; color:#8393ae; } html.oneScreenActive10150 .oneScreenViewport10150 .fmMilestone970>h3{ margin:0!important; font-size:13px!important; color:#e8c66a!important; white-space:nowrap; } html.oneScreenActive10150 .oneScreenViewport10150 .fmMilestone970>.fmCrown970, html.oneScreenActive10150 .oneScreenViewport10150 .fmMilestone970>button{ display:none!important; } html.oneScreenActive10150 .oneScreenViewport10150 .fmMilestone970>i{ display:block!important; height:6px!important; margin:0!important; background:#263149!important; border-radius:99px!important; overflow:hidden; } html.oneScreenActive10150 .oneScreenViewport10150 .fmMilestone970>p{ margin:0!important; display:flex!important; align-items:center; gap:10px; justify-content:flex-end!important; white-space:nowrap; } html.oneScreenActive10150 .oneScreenViewport10150 .fmMilestone970>p span{ font-size:8px!important; color:#8494ad!important; } html.oneScreenActive10150 .oneScreenViewport10150 .fmMilestone970>p b{ display:inline!important; margin:0 0 0 3px!important; font-size:11px!important; color:#eef3ff!important; } /* Keep decisions/events visible: HOME should be a command centre for things that need action. */ html.oneScreenActive10150 .oneScreenViewport10150 .fmPendingEvent52{ margin-top:12px!important; } @media(max-width:980px){ html.oneScreenActive10150 .oneScreenViewport10150 .fmHeroRow54{ grid-template-columns:1fr!important; } html.oneScreenActive10150 .oneScreenViewport10150 .fmHeroRow54>.fmHeroNext54, html.oneScreenActive10150 .oneScreenViewport10150 .fmHeroRow54>.fmHeroShows54{ grid-column:1!important; } html.oneScreenActive10150 .oneScreenViewport10150 .fmBottom970>.fmMilestone970{ grid-template-columns:auto 1fr; gap:8px 12px; } html.oneScreenActive10150 .oneScreenViewport10150 .fmMilestone970>i{ grid-column:1/-1; } html.oneScreenActive10150 .oneScreenViewport10150 .fmMilestone970>p{ justify-content:flex-end!important; } } @media(max-width:560px){ html.oneScreenActive10150 .oneScreenViewport10150 .fmBottom970>.fmMilestone970{ grid-template-columns:1fr; } html.oneScreenActive10150 .oneScreenViewport10150 .fmMilestone970>header, html.oneScreenActive10150 .oneScreenViewport10150 .fmMilestone970>h3, html.oneScreenActive10150 .oneScreenViewport10150 .fmMilestone970>i, html.oneScreenActive10150 .oneScreenViewport10150 .fmMilestone970>p{ grid-column:1; } html.oneScreenActive10150 .oneScreenViewport10150 .fmMilestone970>p{ justify-content:flex-start!important; } } /* styles/42-fixed-viewport-10152.css */ /* LIFE LIKE A DJ — v10152 FIXED VIEWPORT / FM UI PASS Desktop rule: the management shell never scrolls as a page. Lists/tables may scroll inside their own panel, exactly like a desktop management game. */ @media (min-width:761px){ html.oneScreenActive10150, html.oneScreenActive10150 body, html.oneScreenActive10150 #app{ width:100%;height:100%;overflow:hidden!important; } html.oneScreenActive10150 body{ font-family:-apple-system,BlinkMacSystemFont,"SF Pro Text","Segoe UI",Roboto,Arial,sans-serif; font-size:13px;line-height:1.35; text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased; } /* ===== persistent shell ===== */ .oneScreenRoot10150{height:100vh!important;grid-template-rows:58px minmax(0,1fr)!important;overflow:hidden!important} .oneScreenTop10150{height:58px!important;grid-template-columns:176px 154px minmax(220px,1fr) auto auto!important} .oneScreenBrand10150{padding:6px 13px!important} .oneScreenBrand10150 span{font-size:14px!important;letter-spacing:.025em!important} .oneScreenBrand10150 small{font-size:10px!important;letter-spacing:.11em!important} .oneScreenClock10150,.oneScreenNextTop10150{padding:6px 12px!important} .oneScreenClock10150 small,.oneScreenNextTop10150 small,.oneScreenTopStats10150 small{font-size:10px!important;letter-spacing:.075em!important} .oneScreenClock10150 b{font-size:14px!important;margin-top:2px!important} .oneScreenNextTop10150 b{font-size:13px!important;margin-top:2px!important} .oneScreenNextTop10150 span{font-size:10px!important;letter-spacing:.06em!important;margin-top:1px!important} .oneScreenTopStats10150>span{min-width:74px!important;padding:5px 10px!important} .oneScreenTopStats10150 b{font-size:13px!important;margin-top:2px!important} .oneScreenTopActions10150{gap:5px!important;padding:6px 8px!important} .oneScreenTopActions10150 button{min-height:38px!important;height:38px!important;border-radius:7px!important;font-size:11px!important;padding:0 11px!important} .oneScreenTopActions10150 .oneScreenEndDay10150{min-width:112px!important;background:linear-gradient(90deg,#be38d9,#8334d9)!important;color:#fff!important;border-color:#cf58e8!important} .oneScreenTopActions10150 .oneScreenPhone10150,.oneScreenIconButton10150{width:38px!important} .oneScreenBody10150{height:100%;min-height:0!important;grid-template-columns:176px minmax(0,1fr) 260px!important;overflow:hidden!important} .oneScreenLeft10150,.oneScreenRight10150{height:100%;min-height:0!important;overflow:hidden!important} .oneScreenLeft10150{padding:10px 8px!important} .oneScreenIdentity10150{gap:8px!important;padding:5px 7px 10px!important;margin-bottom:8px!important} .oneScreenIdentity10150 img{width:34px!important;height:34px!important;border-radius:8px!important} .oneScreenIdentity10150 small{font-size:10px!important;letter-spacing:.08em!important} .oneScreenIdentity10150 b{font-size:13px!important;margin-top:1px!important} .oneScreenIdentity10150 span{font-size:11px!important;margin-top:1px!important} .oneScreenPrimary10150,.oneScreenSecondary10150{gap:2px!important} .oneScreenSecondary10150{margin-top:12px!important;padding-top:9px!important} .oneScreenSecondary10150>small{font-size:10px!important;letter-spacing:.1em!important;padding:0 8px 4px!important} .oneScreenNavItem10150{min-height:38px!important;height:38px!important;border-radius:7px!important;padding:0 8px!important;grid-template-columns:24px 1fr!important;gap:6px!important} .oneScreenNavItem10150 span{font-size:15px!important} .oneScreenNavItem10150 b{font-size:12px!important;font-weight:720!important} .oneScreenCenter10150{height:100%;min-height:0!important;overflow:hidden!important} .oneScreenViewport10150{height:100%!important;min-height:0!important;overflow:hidden!important;padding:9px!important} .oneScreenViewport10150>main:not(.playerProfile992){height:100%!important;max-height:100%!important;min-height:0!important;overflow:hidden!important;box-sizing:border-box!important;margin:0!important} .oneScreenViewport10150>.store{height:100%!important;max-height:100%!important;min-height:0!important;padding:10px 12px!important;box-sizing:border-box!important} /* ===== readable desktop typography ===== */ .oneScreenViewport10150 small{font-size:11px} .oneScreenViewport10150 p,.oneScreenViewport10150 li,.oneScreenViewport10150 td,.oneScreenViewport10150 th,.oneScreenViewport10150 label{font-size:13px;line-height:1.35} .oneScreenViewport10150 button,.oneScreenViewport10150 input,.oneScreenViewport10150 select{font-size:12px} .oneScreenViewport10150 .sectionhead{height:54px!important;min-height:54px!important;margin:0 0 9px!important;padding:0!important;align-items:center!important} .oneScreenViewport10150 .sectionhead>div{min-width:0} .oneScreenViewport10150 .sectionhead h2{font-size:22px!important;line-height:1.05!important;letter-spacing:-.45px!important;margin:2px 0 0!important} .oneScreenViewport10150 .sectionhead p{display:none!important} .oneScreenViewport10150 .sectionhead small{font-size:10px!important;letter-spacing:.08em!important} .oneScreenViewport10150 .worldtitle,.oneScreenViewport10150 .businessTitle410{font-size:12px!important;line-height:1.1!important;margin:8px 0 6px!important;letter-spacing:.04em!important} /* ===== right information rail ===== */ .oneScreenRight10150{padding:9px!important;gap:8px!important} .oneScreenRight10150>section{padding:10px!important;border-radius:8px!important} .oneScreenRight10150 small{font-size:10px!important;letter-spacing:.07em!important} .oneScreenRight10150 header b{font-size:12px!important} .oneScreenKpis10150{gap:6px!important;margin-top:8px!important} .oneScreenKpis10150 span{padding:7px!important;border-radius:6px!important} .oneScreenKpis10150 b{font-size:16px!important;margin-top:2px!important} .oneScreenNextCard10150 h3{font-size:15px!important;margin:5px 0 3px!important} .oneScreenNextCard10150 p,.oneScreenIntel10150 p,.oneScreenDecisionMini10152 p{font-size:11px!important;line-height:1.35!important;margin:0 0 7px!important} .oneScreenNextCard10150>b,.oneScreenDecisionMini10152>b{font-size:12px!important;margin:3px 0 7px!important;display:block} .oneScreenRight10150 button{min-height:32px!important;font-size:10px!important;letter-spacing:.04em!important} .oneScreenDecisionMini10152{margin-top:auto} /* ===== HOME: one fixed command-centre screen ===== */ .oneScreenRoot10150[data-screen="room"] .oneScreenViewport10150{padding:9px!important} .oneScreenRoot10150[data-screen="room"] .fmShell970{height:100%!important;overflow:hidden!important} .oneScreenRoot10150[data-screen="room"] .fmBoard970{height:100%!important;min-height:0!important;display:grid!important;grid-template-rows:minmax(0,1fr) auto auto!important;gap:8px!important;align-content:stretch!important;overflow:hidden!important} .oneScreenRoot10150[data-screen="room"] .fmHeroRow54{height:100%!important;min-height:0!important;grid-template-columns:minmax(0,2.15fr) minmax(260px,.95fr)!important;gap:9px!important;overflow:hidden!important} .oneScreenRoot10150[data-screen="room"] .fmHeroRow54>section{min-height:0!important;height:100%!important} .oneScreenRoot10150[data-screen="room"] .fmHeroNext54,.oneScreenRoot10150[data-screen="room"] .fmHeroShows54{overflow:hidden!important} .oneScreenRoot10150[data-screen="room"] .fmNext970>header,.oneScreenRoot10150[data-screen="room"] .fmPanel970>header{height:38px!important;padding:0 12px!important} .oneScreenRoot10150[data-screen="room"] .fmNext970 header b,.oneScreenRoot10150[data-screen="room"] .fmPanel970 header b{font-size:12px!important} .oneScreenRoot10150[data-screen="room"] .fmNextBody970{height:calc(100% - 38px)!important;min-height:0!important;grid-template-rows:minmax(145px,1fr) 58px auto!important;overflow:hidden!important} .oneScreenRoot10150[data-screen="room"] .fmStageArt970{min-height:0!important;padding:12px 12px 12px 39%!important} .oneScreenRoot10150[data-screen="room"] .fmStageArt970>img{width:35%!important;left:8px!important} .oneScreenRoot10150[data-screen="room"] .fmStageArt970 h2{font-size:22px!important;line-height:1.03!important} .oneScreenRoot10150[data-screen="room"] .fmStageArt970 p{font-size:12px!important} .oneScreenRoot10150[data-screen="room"] .fmStageArt970 span{font-size:11px!important} .oneScreenRoot10150[data-screen="room"] .fmNextStats970{height:58px!important;min-height:58px!important} .oneScreenRoot10150[data-screen="room"] .fmNextStats970>div{padding:7px 8px!important} .oneScreenRoot10150[data-screen="room"] .fmNextStats970 small{font-size:9px!important} .oneScreenRoot10150[data-screen="room"] .fmNextStats970 b{font-size:14px!important} .oneScreenRoot10150[data-screen="room"] .fmNextDetail10119{max-height:112px!important;overflow:hidden!important} .oneScreenRoot10150[data-screen="room"] .fmShows970{display:flex!important;flex-direction:column!important} .oneScreenRoot10150[data-screen="room"] .fmShows970>article{min-height:44px!important;padding:6px 9px!important} .oneScreenRoot10150[data-screen="room"] .fmShows970>button{min-height:34px!important;height:34px!important;margin-top:auto!important} .oneScreenRoot10150[data-screen="room"] .fmDecision993{margin:0!important;max-height:110px!important;overflow:hidden!important} .oneScreenRoot10150[data-screen="room"] .fmDecision993>header{padding:7px 10px!important} .oneScreenRoot10150[data-screen="room"] .fmDecision993 article{padding:7px 9px!important} .oneScreenRoot10150[data-screen="room"] .fmPendingEvent52{margin:0!important;padding:8px 10px!important;min-height:0!important} .oneScreenRoot10150[data-screen="room"] .fmBottom970{margin:0!important;min-height:38px!important} .oneScreenRoot10150[data-screen="room"] .fmMilestone970{min-height:38px!important;padding:7px 10px!important} /* ===== BOOKING: list -> selected offer -> context ===== */ .bookingFM10152{display:grid!important;grid-template-rows:50px minmax(0,1fr)!important;gap:8px!important;padding:0!important;background:transparent!important} .bookingHead10152{display:flex;align-items:center;justify-content:space-between;gap:12px;border:1px solid #25314a;border-radius:8px;background:#0a101d;padding:0 11px;min-width:0} .bookingHead10152 small{color:#7f8faa;font-size:10px!important;letter-spacing:.08em}.bookingHead10152 h2{font-size:21px;margin:0;line-height:1} .bookingHead10152 nav{display:flex;gap:5px}.bookingHead10152 nav button{height:32px;min-width:72px;border:1px solid #2d3a56;border-radius:6px;background:#101827;color:#cbd5e6;padding:0 10px}.bookingHead10152 nav button.active{background:#6d2db7;color:#fff;border-color:#8b45d2}.bookingHead10152 nav b{margin-left:5px} .bookingWorkspace10152{min-height:0;display:grid;grid-template-columns:minmax(210px,.86fr) minmax(360px,1.8fr) minmax(190px,.72fr);gap:8px;overflow:hidden} .bookingList10152,.bookingDetail10152,.bookingSide10152>section,.bookingSide10152>button,.bookingEmpty10152{border:1px solid #26334d;border-radius:8px;background:#0a101c} .bookingList10152{min-height:0;display:grid;grid-template-rows:38px minmax(0,1fr);overflow:hidden}.bookingList10152>header{display:flex;align-items:center;justify-content:space-between;padding:0 10px;border-bottom:1px solid #26334d}.bookingList10152>header b{font-size:12px}.bookingList10152>header span{font-size:11px;color:#caa2ff}.bookingList10152>div{min-height:0;overflow:auto;scrollbar-width:thin} .bookingRow10152{width:100%;min-height:56px!important;display:grid!important;grid-template-columns:58px minmax(0,1fr) auto auto!important;gap:7px!important;align-items:center;text-align:left;padding:7px 8px!important;border:0!important;border-bottom:1px solid #1c2840!important;border-radius:0!important;background:transparent!important;color:#d9e2f0!important}.bookingRow10152:hover{background:#101a2b!important}.bookingRow10152.active{background:linear-gradient(90deg,rgba(133,57,194,.3),rgba(28,23,54,.24))!important;box-shadow:inset 3px 0 #ba5fff}.bookingRow10152.conflict{box-shadow:inset 3px 0 #db5d5d}.bookingRow10152 time{font-size:10px;color:#97a7bf}.bookingRow10152 span{min-width:0}.bookingRow10152 span b,.bookingRow10152 span small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bookingRow10152 span b{font-size:12px}.bookingRow10152 span small{font-size:10px;color:#8798b2;margin-top:2px}.bookingRow10152 strong{font-size:12px}.bookingRow10152 em{font-size:10px;font-style:normal;color:#d7b16b} .bookingDetail10152{min-height:0;display:grid;grid-template-rows:auto auto minmax(0,1fr) auto;overflow:hidden}.bookingDetail10152>header{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;padding:16px;border-bottom:1px solid #26334d;background:linear-gradient(145deg,#10172a,#0a101d)}.bookingDetail10152>header small{color:#8ea0bb}.bookingDetail10152>header h2{font-size:25px;margin:3px 0 3px;line-height:1.05}.bookingDetail10152>header p{margin:0;color:#a7b5ca}.bookingDetail10152>header>b{font-size:25px;color:#e6c966;white-space:nowrap}.bookingDetailGrid10152{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-bottom:1px solid #26334d}.bookingDetailGrid10152 article{padding:10px 12px;border-right:1px solid #26334d}.bookingDetailGrid10152 article:last-child{border-right:0}.bookingDetailGrid10152 small,.bookingDetailGrid10152 b{display:block}.bookingDetailGrid10152 small{color:#8293ad;font-size:9px!important}.bookingDetailGrid10152 b{font-size:14px;margin-top:3px}.bookingOpportunityText10152{padding:14px;min-height:0;overflow:auto}.bookingOpportunityText10152>small{color:#a770d4;font-size:10px!important}.bookingOpportunityText10152>p{max-width:680px;margin:5px 0 12px;color:#b5c0d2}.bookingRival10152,.bookingConflict10152{padding:10px 12px;border:1px solid #55406f;border-radius:7px;background:#151126;margin-top:8px}.bookingRival10152 b,.bookingRival10152 span{display:block}.bookingRival10152 span{margin-top:3px;color:#9da9bc;font-size:11px}.bookingConflict10152{border-color:#703d43;background:#211013;color:#efb7b7}.bookingDetail10152>footer{display:flex;justify-content:flex-end;gap:7px;padding:10px 12px;border-top:1px solid #26334d}.bookingDetail10152>footer button{min-height:36px!important;padding:0 16px!important} .bookingSide10152{min-height:0;display:flex;flex-direction:column;gap:8px}.bookingSide10152>section{padding:10px}.bookingSide10152 small,.bookingSide10152 b{display:block}.bookingSide10152 small{color:#8293ad;font-size:9px!important}.bookingSide10152 b{font-size:15px;margin-top:4px}.bookingSide10152 p{font-size:11px!important;color:#9ca9bc;margin:5px 0 0}.bookingSide10152>button{margin-top:auto;min-height:36px!important;color:#dfe7f4} /* ===== RIVALS: ranking -> selected rival -> comparison ===== */ .rivalsFM10152{display:grid!important;grid-template-rows:50px minmax(0,1fr)!important;gap:8px!important;padding:0!important} .rivalsHead10152{display:flex;align-items:center;justify-content:space-between;border:1px solid #26334d;border-radius:8px;background:#0a101d;padding:0 11px}.rivalsHead10152 small{color:#8799b3;font-size:10px!important}.rivalsHead10152 h2{font-size:21px;margin:0}.rivalsHead10152>span{color:#8d9eb5;font-size:11px} .rivalsWorkspace10152{min-height:0;display:grid;grid-template-columns:minmax(210px,.82fr) minmax(360px,1.55fr) minmax(210px,.78fr);gap:8px;overflow:hidden}.rivalList10152,.rivalProfile10152,.rivalCompare10152,.rivalEmpty10152{border:1px solid #26334d;border-radius:8px;background:#0a101c;min-height:0;overflow:hidden}.rivalList10152{display:grid;grid-template-rows:38px minmax(0,1fr)}.rivalList10152>header{display:flex;align-items:center;justify-content:space-between;padding:0 10px;border-bottom:1px solid #26334d}.rivalList10152>div{overflow:auto;min-height:0;scrollbar-width:thin}.rivalRow10152{width:100%;display:grid!important;grid-template-columns:32px minmax(0,1fr) 30px!important;align-items:center;gap:8px!important;min-height:53px!important;padding:6px 8px!important;border:0!important;border-bottom:1px solid #1d2940!important;border-radius:0!important;background:transparent!important;color:#dce5f1!important;text-align:left}.rivalRow10152.active{background:linear-gradient(90deg,rgba(133,57,194,.3),transparent)!important;box-shadow:inset 3px 0 #bd61ff}.rivalRow10152>span{font-size:20px}.rivalRow10152 div{min-width:0}.rivalRow10152 b,.rivalRow10152 small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rivalRow10152 b{font-size:12px}.rivalRow10152 small{font-size:10px;color:#899ab2}.rivalRow10152 em{font-style:normal;text-align:center;color:#c184ef;font-weight:800} .rivalProfile10152{display:grid;grid-template-rows:auto auto minmax(0,1fr)}.rivalProfile10152>header{display:flex;align-items:center;gap:12px;padding:14px;border-bottom:1px solid #26334d}.rivalProfile10152>header>span{font-size:36px}.rivalProfile10152 h2{font-size:24px;margin:2px 0}.rivalProfile10152 p{margin:0;color:#9eacc0}.rivalPlan10152{padding:12px 14px;border-bottom:1px solid #26334d}.rivalPlan10152 b{display:block;font-size:14px;margin:3px 0}.rivalPlan10152 p{margin:0;color:#9eacc0}.rivalRecent10152{min-height:0;overflow:hidden;display:grid;grid-template-rows:34px minmax(0,1fr)}.rivalRecent10152>header{padding:8px 12px;border-bottom:1px solid #26334d}.rivalRecent10152>article,.rivalRecent10152>p{margin:0;padding:8px 12px;border-bottom:1px solid #1d2940}.rivalRecent10152>article{display:grid;grid-template-columns:42px 1fr;gap:8px}.rivalRecent10152>article span{color:#d6b767;font-weight:800}.rivalRecent10152>article b,.rivalRecent10152>article small{display:block}.rivalRecent10152>article small{color:#8899b1}.rivalCompare10152{padding:12px;display:flex;flex-direction:column}.rivalCompare10152>header b{display:block;margin-top:3px}.rivalCompare10152>div{display:grid;grid-template-columns:1fr 54px 54px;align-items:center;gap:5px;padding:9px 0;border-bottom:1px solid #202d45}.rivalCompare10152>div span{font-size:10px;color:#8798b1}.rivalCompare10152>div b{text-align:right;font-size:13px}.rivalCompare10152>button{margin-top:auto;min-height:38px!important} /* ===== LABEL: fixed rows, local lists ===== */ .oneScreenRoot10150[data-screen="labeldeals750"] .labelPage750{display:grid!important;grid-template-rows:54px auto 20px minmax(0,1fr) 20px 86px!important;gap:6px!important;overflow:hidden!important} .oneScreenRoot10150[data-screen="labeldeals750"] .labelCurrent750,.oneScreenRoot10150[data-screen="labeldeals750"] .labelIndependent750{margin:0!important;padding:9px 11px!important;min-height:0!important} .oneScreenRoot10150[data-screen="labeldeals750"] .labelCurrent750 h2{font-size:17px!important;margin:2px 0!important} .oneScreenRoot10150[data-screen="labeldeals750"] .labelCurrent750 p,.oneScreenRoot10150[data-screen="labeldeals750"] .labelIndependent750 p{font-size:11px!important;margin:2px 0!important} .oneScreenRoot10150[data-screen="labeldeals750"] .labelGrid750{min-height:0!important;height:100%!important;overflow:auto!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:7px!important;align-content:start!important;scrollbar-width:thin} .oneScreenRoot10150[data-screen="labeldeals750"] .labelCard750{padding:9px!important;min-height:0!important}.oneScreenRoot10150[data-screen="labeldeals750"] .labelCard750>p{font-size:11px!important;margin:4px 0!important}.oneScreenRoot10150[data-screen="labeldeals750"] .labelCard750 h3{font-size:14px!important;margin:3px 0!important} .oneScreenRoot10150[data-screen="labeldeals750"] .labelHistory750{height:86px!important;overflow:auto!important;scrollbar-width:thin} /* ===== FINANCE: fit the decision-relevant overview ===== */ .oneScreenRoot10150[data-screen="finance550"] .financePage10116{display:grid!important;grid-template-rows:54px auto auto auto auto minmax(0,1fr)!important;gap:7px!important;overflow:hidden!important} .oneScreenRoot10150[data-screen="finance550"] .financeHero550{margin:0!important;gap:6px!important}.oneScreenRoot10150[data-screen="finance550"] .financeHero550>div{padding:8px!important}.oneScreenRoot10150[data-screen="finance550"] .financeHero550 b{font-size:16px!important} .oneScreenRoot10150[data-screen="finance550"] .financePulse10116{margin:0!important;gap:6px!important}.oneScreenRoot10150[data-screen="finance550"] .financePulse10116 article{padding:8px!important}.oneScreenRoot10150[data-screen="finance550"] .financePulse10116 p{display:none!important} .oneScreenRoot10150[data-screen="finance550"] .financeQuick10116{margin:0!important;gap:5px!important}.oneScreenRoot10150[data-screen="finance550"] .financeQuick10116 button{min-height:30px!important;padding:0 9px!important} .oneScreenRoot10150[data-screen="finance550"] .currentYearFinance551{margin:0!important;gap:6px!important}.oneScreenRoot10150[data-screen="finance550"] .currentYearFinance551>div{padding:7px!important} .oneScreenRoot10150[data-screen="finance550"] .financeColumns550{min-height:0!important;height:100%!important;margin:0!important;gap:7px!important}.oneScreenRoot10150[data-screen="finance550"] .financeColumns550>article{min-height:0!important;overflow:auto!important;padding:9px!important;scrollbar-width:thin}.oneScreenRoot10150[data-screen="finance550"] .financeColumns550 p{font-size:11px!important;margin:6px 0!important} .oneScreenRoot10150[data-screen="finance550"] .taxCard550,.oneScreenRoot10150[data-screen="finance550"] .scaleInfo550,.oneScreenRoot10150[data-screen="finance550"] .financeLoan628,.oneScreenRoot10150[data-screen="finance550"] .financePage10116>button.primary{display:none!important} /* ===== LIFE: scene remains visual, status/actions fit one screen ===== */ .oneScreenRoot10150[data-screen="lifemode10100"] .lifeMode10100{display:grid!important;grid-template-rows:54px 36px auto minmax(0,1fr) auto 32px!important;gap:6px!important;padding:0!important;overflow:hidden!important} .oneScreenRoot10150[data-screen="lifemode10100"] .lifeHead10100{min-height:0!important;height:54px!important;padding:5px 10px!important}.oneScreenRoot10150[data-screen="lifemode10100"] .lifeHead10100 h2{font-size:20px!important;margin:1px 0!important}.oneScreenRoot10150[data-screen="lifemode10100"] .lifeHead10100 p{display:none!important} .oneScreenRoot10150[data-screen="lifemode10100"] .lifeSceneTabs10108{height:36px!important;min-height:36px!important;margin:0!important}.oneScreenRoot10150[data-screen="lifemode10100"] .lifeSceneTabs10108 button{min-height:32px!important;padding:0 9px!important} .oneScreenRoot10150[data-screen="lifemode10100"] .lifeVitals10100{margin:0!important;gap:5px!important}.oneScreenRoot10150[data-screen="lifemode10100"] .lifeVitals10100>div{padding:6px 7px!important}.oneScreenRoot10150[data-screen="lifemode10100"] .lifeVitals10100 span{font-size:10px!important}.oneScreenRoot10150[data-screen="lifemode10100"] .lifeVitals10100 b{font-size:13px!important} .oneScreenRoot10150[data-screen="lifemode10100"] .lifeFocusStrip10108{display:none!important} .oneScreenRoot10150[data-screen="lifemode10100"] .lifeLayout10100{min-height:0!important;height:100%!important;margin:0!important;gap:7px!important;overflow:hidden!important}.oneScreenRoot10150[data-screen="lifemode10100"] .lifeWorld10100,.oneScreenRoot10150[data-screen="lifemode10100"] .lifeSide10100{min-height:0!important;height:100%!important;overflow:hidden!important}.oneScreenRoot10150[data-screen="lifemode10100"] .lifeMemories10100{min-height:0!important;overflow:auto!important;scrollbar-width:thin} .oneScreenRoot10150[data-screen="lifemode10100"] .lifeActions10100{margin:0!important;display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:5px!important}.oneScreenRoot10150[data-screen="lifemode10100"] .lifeActions10100 button{min-height:48px!important;padding:5px 7px!important}.oneScreenRoot10150[data-screen="lifemode10100"] .lifeActions10100 button span{font-size:17px!important}.oneScreenRoot10150[data-screen="lifemode10100"] .lifeActions10100 button b{font-size:11px!important}.oneScreenRoot10150[data-screen="lifemode10100"] .lifeActions10100 button small{display:none!important}.oneScreenRoot10150[data-screen="lifemode10100"] .lifeFooter10100{height:32px!important;min-height:32px!important;padding:0 9px!important;margin:0!important}.oneScreenRoot10150[data-screen="lifemode10100"] .lifeFooter10100 span{font-size:10px!important} /* ===== CAREER HQ: one page, dense FM-style sections ===== */ .oneScreenRoot10150[data-screen="career"] .career750{display:grid!important;grid-template-rows:54px auto auto auto minmax(0,1fr)!important;gap:7px!important;overflow:hidden!important} .oneScreenRoot10150[data-screen="career"] .careerOfferAlert9981{margin:0!important;padding:7px 10px!important;min-height:0!important} .oneScreenRoot10150[data-screen="career"] .career750hero{margin:0!important;gap:7px!important}.oneScreenRoot10150[data-screen="career"] .career750hero>div{padding:9px!important}.oneScreenRoot10150[data-screen="career"] .career750hero b{font-size:18px!important}.oneScreenRoot10150[data-screen="career"] .career750hero p{font-size:11px!important;margin:3px 0!important} .oneScreenRoot10150[data-screen="career"] .careerPulseStrip10106{margin:0!important;gap:6px!important}.oneScreenRoot10150[data-screen="career"] .careerPulseStrip10106 article{padding:7px!important}.oneScreenRoot10150[data-screen="career"] .careerPulseStrip10106 p{display:none!important} .oneScreenRoot10150[data-screen="career"] .career750path{margin:0!important;min-height:0!important;overflow:auto!important;scrollbar-width:thin;display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;align-content:start!important;gap:6px!important}.oneScreenRoot10150[data-screen="career"] .career750path article{padding:7px!important;min-height:0!important}.oneScreenRoot10150[data-screen="career"] .career750path span{font-size:10px!important} .oneScreenRoot10150[data-screen="career"] .career750grid,.oneScreenRoot10150[data-screen="career"] .career750breakthroughs,.oneScreenRoot10150[data-screen="career"] .career750actions,.oneScreenRoot10150[data-screen="career"] .achievementgrid,.oneScreenRoot10150[data-screen="career"] .collectiongrid,.oneScreenRoot10150[data-screen="career"] .career750>.worldtitle{display:none!important} /* ===== modals: never become a second scrolling page ===== */ .oneScreenModalBackdrop10150{padding:18px!important} .oneScreenModal10150{width:min(820px,calc(100vw - 36px))!important;max-height:calc(100vh - 36px)!important;overflow:hidden!important;display:grid;grid-template-rows:42px minmax(0,1fr)} .oneScreenModalClose10150{position:static!important;float:none!important;justify-self:end;margin:5px 6px 0 0;width:32px!important;height:32px!important;font-size:20px!important} .oneScreenModalContent10150{min-height:0!important;overflow:auto!important;padding:0 12px 12px!important;scrollbar-width:thin} } @media (min-width:761px) and (max-height:820px){ .oneScreenRoot10150{grid-template-rows:54px minmax(0,1fr)!important} .oneScreenTop10150{height:54px!important} .oneScreenTopActions10150 button{height:34px!important;min-height:34px!important} .oneScreenBody10150{grid-template-columns:168px minmax(0,1fr) 238px!important} .oneScreenNavItem10150{height:34px!important;min-height:34px!important} .oneScreenIdentity10150{padding-bottom:7px!important;margin-bottom:6px!important} .oneScreenRight10150{gap:6px!important;padding:7px!important} .oneScreenRight10150>section{padding:8px!important} .oneScreenKpis10150 span{padding:5px!important} .oneScreenRoot10150[data-screen="room"] .fmNextDetail10119{display:none!important} .oneScreenRoot10150[data-screen="room"] .fmNextBody970{grid-template-rows:minmax(135px,1fr) 52px!important} .oneScreenRoot10150[data-screen="room"] .fmNextStats970{height:52px!important;min-height:52px!important} .bookingWorkspace10152{grid-template-columns:minmax(195px,.8fr) minmax(330px,1.7fr) minmax(175px,.67fr)} } @media (min-width:761px) and (max-width:1180px){ .oneScreenTop10150{grid-template-columns:168px minmax(210px,1fr) auto auto!important}.oneScreenClock10150{display:none!important} .oneScreenBody10150{grid-template-columns:168px minmax(0,1fr) 220px!important} .bookingWorkspace10152,.rivalsWorkspace10152{grid-template-columns:205px minmax(0,1fr)!important}.bookingSide10152,.rivalCompare10152{display:none!important} } /* styles/43-home-fm-tiles-10153.css */ /* LIFE LIKE A DJ — v10153 HOME FM TILE GRID HOME is a fixed management board: distinct modules, stronger edges, less web-dashboard striping. */ @media (min-width:761px){ /* HOME board = three deliberate rows, not a vertical feed. */ .oneScreenRoot10150[data-screen="room"] .fmBoard970{ display:grid!important; grid-template-columns:repeat(12,minmax(0,1fr))!important; grid-template-rows:minmax(240px,1.42fr) 150px minmax(170px,1fr)!important; gap:10px!important; padding:0!important; align-content:stretch!important; overflow:hidden!important; } /* Strong FM-like module language. */ .oneScreenRoot10150[data-screen="room"] .fmNext970, .oneScreenRoot10150[data-screen="room"] .fmShows970, .oneScreenRoot10150[data-screen="room"] .fmPendingEvent52, .oneScreenRoot10150[data-screen="room"] .fmDecision993 article, .oneScreenRoot10150[data-screen="room"] .homeCityDNA9979, .oneScreenRoot10150[data-screen="room"] .gameplayPath9974, .oneScreenRoot10150[data-screen="room"] .fmMilestone970{ border:1px solid #34415a!important; border-radius:6px!important; background:#111727!important; box-shadow:inset 0 1px 0 rgba(255,255,255,.035),0 2px 8px rgba(0,0,0,.16)!important; } .oneScreenRoot10150[data-screen="room"] .fmNext970:hover, .oneScreenRoot10150[data-screen="room"] .fmShows970:hover, .oneScreenRoot10150[data-screen="room"] .fmDecision993 article:hover, .oneScreenRoot10150[data-screen="room"] .gameplayPath9974:hover{ border-color:#566581!important; } /* TOP ROW: next show + upcoming are a proper panel pair. */ .oneScreenRoot10150[data-screen="room"] .fmHeroRow54{ grid-column:1 / 9!important; grid-row:1!important; width:100%!important; height:100%!important; display:grid!important; grid-template-columns:minmax(0,1.45fr) minmax(245px,1fr)!important; gap:10px!important; overflow:hidden!important; } .oneScreenRoot10150[data-screen="room"] .fmHeroRow54>.fmHeroNext54, .oneScreenRoot10150[data-screen="room"] .fmHeroRow54>.fmHeroShows54{ min-width:0!important; min-height:0!important; height:100%!important; margin:0!important; } .oneScreenRoot10150[data-screen="room"] .fmNext970>header, .oneScreenRoot10150[data-screen="room"] .fmShows970>header{ height:40px!important; min-height:40px!important; padding:0 13px!important; border-bottom:1px solid #2b3850!important; background:#151c2d!important; } .oneScreenRoot10150[data-screen="room"] .fmNext970>header b, .oneScreenRoot10150[data-screen="room"] .fmShows970>header b{ font-size:13px!important; letter-spacing:.025em!important; } .oneScreenRoot10150[data-screen="room"] .fmNextBody970{ height:calc(100% - 40px)!important; grid-template-rows:minmax(130px,1fr) 60px auto!important; } .oneScreenRoot10150[data-screen="room"] .fmStageArt970{ padding:15px 14px 14px 42%!important; } .oneScreenRoot10150[data-screen="room"] .fmStageArt970>img{ width:38%!important; left:0!important; } .oneScreenRoot10150[data-screen="room"] .fmStageArt970 h2{ font-size:21px!important; line-height:1.08!important; letter-spacing:-.25px!important; } .oneScreenRoot10150[data-screen="room"] .fmStageArt970 p{font-size:13px!important;line-height:1.3!important} .oneScreenRoot10150[data-screen="room"] .fmStageArt970 span{font-size:11px!important} .oneScreenRoot10150[data-screen="room"] .fmNextStats970>div{ border-right:1px solid #2a374e!important; background:#0e1422!important; } .oneScreenRoot10150[data-screen="room"] .fmShows970>article{ min-height:50px!important; padding:7px 10px!important; border-bottom:1px solid #29354b!important; background:transparent!important; } .oneScreenRoot10150[data-screen="room"] .fmShows970>article b{font-size:12px!important} .oneScreenRoot10150[data-screen="room"] .fmShows970>article small{font-size:10px!important} /* Pending career event is now a real tile instead of another horizontal banner. */ .oneScreenRoot10150[data-screen="room"] .fmPendingEvent52{ grid-column:9 / 13!important; grid-row:1!important; min-width:0!important; min-height:0!important; height:100%!important; margin:0!important; padding:16px!important; display:grid!important; grid-template-rows:auto auto minmax(0,1fr) auto!important; align-items:start!important; gap:7px!important; background:linear-gradient(155deg,#1b1326 0%,#111727 62%)!important; border-color:#654b78!important; } .oneScreenRoot10150[data-screen="room"] .fmPendingEvent52>div{display:contents!important} .oneScreenRoot10150[data-screen="room"] .fmPendingEvent52 small{font-size:11px!important;letter-spacing:.08em!important} .oneScreenRoot10150[data-screen="room"] .fmPendingEvent52 h3{font-size:19px!important;line-height:1.12!important;margin:0!important} .oneScreenRoot10150[data-screen="room"] .fmPendingEvent52 p{ font-size:12px!important; line-height:1.4!important; margin:0!important; color:#aeb9ca!important; display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden; } .oneScreenRoot10150[data-screen="room"] .fmPendingEvent52 button{ width:100%!important; min-height:38px!important; margin-top:auto!important; border-radius:5px!important; font-size:11px!important; } /* If there is no event, the top pair uses the entire centre area. */ .oneScreenRoot10150[data-screen="room"] .fmBoard970:not(:has(> .fmPendingEvent52))>.fmHeroRow54{ grid-column:1 / 13!important; } /* DECISIONS: three independent cards, not a single purple strip. */ .oneScreenRoot10150[data-screen="room"] .fmDecision993{ grid-column:1 / 13!important; grid-row:2!important; min-width:0!important; min-height:0!important; max-height:none!important; height:100%!important; margin:0!important; padding:0!important; display:grid!important; grid-template-rows:28px minmax(0,1fr)!important; gap:7px!important; border:0!important; border-radius:0!important; background:transparent!important; overflow:hidden!important; } .oneScreenRoot10150[data-screen="room"] .fmDecision993>header{ min-height:28px!important; height:28px!important; padding:0 2px!important; border:0!important; background:transparent!important; } .oneScreenRoot10150[data-screen="room"] .fmDecision993>header div{gap:8px!important} .oneScreenRoot10150[data-screen="room"] .fmDecision993>header small{font-size:10px!important;color:#8594ab!important} .oneScreenRoot10150[data-screen="room"] .fmDecision993>header b{font-size:12px!important;color:#dfe6f2!important} .oneScreenRoot10150[data-screen="room"] .fmDecision993>header>span{padding:2px 8px!important;font-size:10px!important} .oneScreenRoot10150[data-screen="room"] .fmDecision993>div{ min-height:0!important; display:grid!important; grid-template-columns:repeat(3,minmax(0,1fr))!important; gap:8px!important; } .oneScreenRoot10150[data-screen="room"] .fmDecision993 article{ min-width:0!important; min-height:0!important; height:100%!important; padding:10px 11px!important; display:grid!important; grid-template-columns:34px minmax(0,1fr)!important; grid-template-rows:auto minmax(0,1fr) auto!important; gap:5px 9px!important; align-items:start!important; border-right:1px solid #34415a!important; background:#121829!important; } .oneScreenRoot10150[data-screen="room"] .fmDecision993 article.primary993{ border-color:#684587!important; background:linear-gradient(145deg,#241632,#121829 68%)!important; box-shadow:inset 3px 0 0 #9d56d7!important; } .oneScreenRoot10150[data-screen="room"] .fmDecision993 article>span{ grid-column:1;grid-row:1 / 3; width:34px;height:34px;border-radius:5px;background:#20283c; display:grid;place-items:center;font-size:18px!important; } .oneScreenRoot10150[data-screen="room"] .fmDecision993 article p{grid-column:2;grid-row:1 / 3;margin:0!important;min-width:0!important} .oneScreenRoot10150[data-screen="room"] .fmDecision993 article p b{font-size:12px!important;line-height:1.2!important} .oneScreenRoot10150[data-screen="room"] .fmDecision993 article p small{ font-size:11px!important;line-height:1.3!important;margin-top:4px!important; display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden; } .oneScreenRoot10150[data-screen="room"] .fmDecision993 article button{ grid-column:1 / -1!important;grid-row:3!important; width:100%!important;min-height:30px!important;padding:0 8px!important; border-radius:5px!important;font-size:10px!important;margin:0!important; } /* Remove duplicate 'ACTION REQUIRED' banner. The decision tiles already carry it. */ .oneScreenRoot10150[data-screen="room"] .uxFocus9973{display:none!important} /* BOTTOM ROW: three clear modules. */ .oneScreenRoot10150[data-screen="room"] .homeCityDNA9979{ grid-column:1 / 4!important; grid-row:3!important; height:100%!important; min-height:0!important; margin:0!important; padding:14px!important; display:grid!important; grid-template-columns:48px minmax(0,1fr)!important; grid-template-rows:auto 1fr!important; align-items:start!important; gap:9px!important; } .oneScreenRoot10150[data-screen="room"] .homeCityDNA9979>span{ width:48px;height:48px;border:1px solid #34415a;border-radius:6px;background:#0d1320; display:grid;place-items:center;font-size:27px!important; } .oneScreenRoot10150[data-screen="room"] .homeCityDNA9979>div{min-width:0!important;display:block!important} .oneScreenRoot10150[data-screen="room"] .homeCityDNA9979 small{font-size:10px!important;letter-spacing:.09em!important;color:#8a9ab2!important} .oneScreenRoot10150[data-screen="room"] .homeCityDNA9979 b{display:block;font-size:16px!important;line-height:1.15!important;margin-top:7px!important} .oneScreenRoot10150[data-screen="room"] .homeCityDNA9979 em{display:block;font-size:12px!important;margin-top:5px!important;color:#a3afc0!important} .oneScreenRoot10150[data-screen="room"] .gameplayPath9974{ grid-column:4 / 10!important; grid-row:3!important; min-width:0!important; min-height:0!important; height:100%!important; margin:0!important; padding:13px 14px!important; display:grid!important; grid-template-rows:auto auto minmax(0,1fr)!important; gap:8px!important; overflow:hidden!important; background:#111727!important; } .oneScreenRoot10150[data-screen="room"] .gameplayPathHead9974{ min-width:0!important;display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;gap:10px!important;align-items:start!important; } .oneScreenRoot10150[data-screen="room"] .gameplayPathHead9974 small{font-size:10px!important;color:#8b9bb2!important} .oneScreenRoot10150[data-screen="room"] .gameplayPathHead9974 h3{font-size:17px!important;line-height:1.15!important;margin:3px 0 0!important} .oneScreenRoot10150[data-screen="room"] .gameplayPathHead9974 p{ font-size:11px!important;line-height:1.3!important;margin:4px 0 0!important;color:#9eabbd!important; white-space:nowrap;overflow:hidden;text-overflow:ellipsis; } .oneScreenRoot10150[data-screen="room"] .gameplayPathHead9974 button{min-height:32px!important;border-radius:5px!important;padding:0 11px!important;font-size:10px!important} .oneScreenRoot10150[data-screen="room"] .gameplaySignals9974{ display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:7px!important;margin:0!important; } .oneScreenRoot10150[data-screen="room"] .gameplaySignals9974>span{ min-width:0!important;padding:8px 9px!important;border:1px solid #2d3950!important;border-radius:5px!important;background:#0d1320!important; } .oneScreenRoot10150[data-screen="room"] .gameplaySignals9974 small{font-size:9px!important;color:#8292aa!important} .oneScreenRoot10150[data-screen="room"] .gameplaySignals9974 b{display:block!important;font-size:15px!important;margin-top:2px!important} .oneScreenRoot10150[data-screen="room"] .gameplayWhy9974{ min-height:0!important;margin:0!important;padding-top:7px!important;border-top:1px solid #2a3549!important;overflow:hidden!important; } .oneScreenRoot10150[data-screen="room"] .gameplayWhy9974 small{font-size:9px!important} .oneScreenRoot10150[data-screen="room"] .gameplayWhy9974 b{font-size:10px!important;margin-left:7px!important} .oneScreenRoot10150[data-screen="room"] .gameplayWhy9974 span{font-size:10px!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block!important;margin-top:3px!important;color:#8997aa!important} .oneScreenRoot10150[data-screen="room"] .fmBottom970{ grid-column:10 / 13!important; grid-row:3!important; min-width:0!important; min-height:0!important; height:100%!important; margin:0!important; display:block!important; } .oneScreenRoot10150[data-screen="room"] .fmBottom970>.fmMilestone970{ width:100%!important;height:100%!important;min-height:0!important; padding:13px!important;margin:0!important; display:grid!important; grid-template-columns:1fr!important; grid-template-rows:auto auto minmax(0,1fr) auto!important; align-content:start!important; gap:8px!important; text-align:left!important; background:#111727!important; } .oneScreenRoot10150[data-screen="room"] .fmMilestone970>header{display:block!important;height:auto!important;padding:0!important;border:0!important;background:transparent!important} .oneScreenRoot10150[data-screen="room"] .fmMilestone970>header b{font-size:10px!important;color:#8797ae!important;letter-spacing:.08em!important} .oneScreenRoot10150[data-screen="room"] .fmMilestone970>h3{font-size:18px!important;line-height:1.12!important;margin:0!important;color:#e5c260!important} .oneScreenRoot10150[data-screen="room"] .fmMilestone970>p{display:block!important;margin:0!important;align-self:end!important} .oneScreenRoot10150[data-screen="room"] .fmMilestone970>p span{display:block!important;font-size:10px!important;color:#8d9db3!important;margin-top:3px!important} .oneScreenRoot10150[data-screen="room"] .fmMilestone970>p b{font-size:13px!important;color:#eef3fb!important} .oneScreenRoot10150[data-screen="room"] .fmMilestone970>i{height:7px!important;margin:0!important;border-radius:2px!important;background:#29354a!important;align-self:end!important} .oneScreenRoot10150[data-screen="room"] .fmMilestone970>i u{border-radius:2px!important} /* Cleaner, denser typography: readable without the old tiny web-dashboard labels. */ .oneScreenRoot10150[data-screen="room"] small{font-size:10px!important} .oneScreenRoot10150[data-screen="room"] p{font-size:12px!important} .oneScreenRoot10150[data-screen="room"] button{font-weight:760!important;letter-spacing:.01em!important} } @media (min-width:761px) and (max-height:820px){ .oneScreenRoot10150[data-screen="room"] .fmBoard970{ grid-template-rows:minmax(210px,1.28fr) 132px minmax(145px,.86fr)!important; gap:8px!important; } .oneScreenRoot10150[data-screen="room"] .fmPendingEvent52{padding:12px!important} .oneScreenRoot10150[data-screen="room"] .fmPendingEvent52 h3{font-size:17px!important} .oneScreenRoot10150[data-screen="room"] .fmPendingEvent52 p{-webkit-line-clamp:3} .oneScreenRoot10150[data-screen="room"] .fmDecision993{grid-template-rows:24px minmax(0,1fr)!important;gap:5px!important} .oneScreenRoot10150[data-screen="room"] .fmDecision993>header{height:24px!important;min-height:24px!important} .oneScreenRoot10150[data-screen="room"] .fmDecision993 article{padding:7px 9px!important} .oneScreenRoot10150[data-screen="room"] .fmDecision993 article p small{-webkit-line-clamp:1} .oneScreenRoot10150[data-screen="room"] .gameplayPath9974{padding:10px!important} .oneScreenRoot10150[data-screen="room"] .homeCityDNA9979,.oneScreenRoot10150[data-screen="room"] .fmMilestone970{padding:10px!important} } @media (min-width:761px) and (max-width:1180px){ .oneScreenRoot10150[data-screen="room"] .fmBoard970{ grid-template-columns:repeat(10,minmax(0,1fr))!important; } .oneScreenRoot10150[data-screen="room"] .fmHeroRow54{grid-column:1 / 8!important} .oneScreenRoot10150[data-screen="room"] .fmPendingEvent52{grid-column:8 / 11!important} .oneScreenRoot10150[data-screen="room"] .fmDecision993{grid-column:1 / 11!important} .oneScreenRoot10150[data-screen="room"] .homeCityDNA9979{grid-column:1 / 4!important} .oneScreenRoot10150[data-screen="room"] .gameplayPath9974{grid-column:4 / 8!important} .oneScreenRoot10150[data-screen="room"] .fmBottom970{grid-column:8 / 11!important} .oneScreenRoot10150[data-screen="room"] .fmBoard970:not(:has(> .fmPendingEvent52))>.fmHeroRow54{grid-column:1 / 11!important} } /* styles/44-home-fm-board-10154.css */ /* LIFE LIKE A DJ — v10154 HOME FM BOARD Hard pivot from web-dashboard strips to a compact management board. Desktop HOME is a 4-column / 3-row fixed viewport grid with independent modules. */ @media (min-width:761px){ /* Flat management-app language: clear boxes, tight corners, readable type. */ .oneScreenRoot10150[data-screen="room"]{ font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif!important; } .oneScreenRoot10150[data-screen="room"] .oneScreenViewport10150{ padding:9px!important; overflow:hidden!important; } .oneScreenRoot10150[data-screen="room"] .fmShell970, .oneScreenRoot10150[data-screen="room"] .fmBoard970{ height:100%!important; min-height:0!important; } .oneScreenRoot10150[data-screen="room"] .fmBoard970{ display:grid!important; grid-template-columns:repeat(4,minmax(0,1fr))!important; grid-template-rows:minmax(0,1.45fr) minmax(0,.78fr) minmax(0,.92fr)!important; gap:8px!important; overflow:hidden!important; align-items:stretch!important; align-content:stretch!important; padding:0!important; } /* Let the actual modules participate directly in the HOME grid. */ .oneScreenRoot10150[data-screen="room"] .fmHeroRow54, .oneScreenRoot10150[data-screen="room"] .fmDecision993, .oneScreenRoot10150[data-screen="room"] .fmDecision993>div, .oneScreenRoot10150[data-screen="room"] .fmBottom970{ display:contents!important; } .oneScreenRoot10150[data-screen="room"] .fmDecision993>header{display:none!important} .oneScreenRoot10150[data-screen="room"] .fmHeroMomentum54, .oneScreenRoot10150[data-screen="room"] .fmOverviewStrip970, .oneScreenRoot10150[data-screen="room"] .fmMiddle970, .oneScreenRoot10150[data-screen="room"] .uxFocus9973, .oneScreenRoot10150[data-screen="room"] .fmMarkets970, .oneScreenRoot10150[data-screen="room"] .fmTour970, .oneScreenRoot10150[data-screen="room"] .fmNextDetail10119{ display:none!important; } /* Shared tile shell. No glossy landing-page cards. */ .oneScreenRoot10150[data-screen="room"] :is(.fmNext970,.fmShows970,.fmPendingEvent52,.fmDecision993 article,.homeCityDNA9979,.gameplayPath9974,.fmMilestone970){ min-width:0!important; min-height:0!important; height:100%!important; margin:0!important; border:1px solid #3a4359!important; border-radius:4px!important; background:#171b2d!important; box-shadow:none!important; overflow:hidden!important; } .oneScreenRoot10150[data-screen="room"] :is(.fmNext970,.fmShows970,.fmPendingEvent52,.fmDecision993 article,.homeCityDNA9979,.gameplayPath9974,.fmMilestone970):hover{ border-color:#5a6783!important; } /* ROW 1 — NEXT SHOW / UPCOMING / EVENT. */ .oneScreenRoot10150[data-screen="room"] .fmHeroNext54{ grid-column:1 / 3!important; grid-row:1!important; } .oneScreenRoot10150[data-screen="room"] .fmHeroShows54{ grid-column:3!important; grid-row:1!important; } .oneScreenRoot10150[data-screen="room"] .fmPendingEvent52{ grid-column:4!important; grid-row:1!important; } .oneScreenRoot10150[data-screen="room"] .fmBoard970:not(:has(> .fmPendingEvent52)) .fmHeroShows54{ grid-column:3 / 5!important; } /* Module header language: flat bar, larger readable labels. */ .oneScreenRoot10150[data-screen="room"] :is(.fmNext970,.fmShows970)>header{ height:34px!important; min-height:34px!important; padding:0 11px!important; background:#20243a!important; border-bottom:1px solid #3a4359!important; border-radius:0!important; } .oneScreenRoot10150[data-screen="room"] :is(.fmNext970,.fmShows970)>header b{ font-size:12.5px!important; font-weight:800!important; letter-spacing:.015em!important; color:#f2f4fb!important; } .oneScreenRoot10150[data-screen="room"] .fmNext970>header span{ font-size:10px!important; color:#c68cff!important; } /* NEXT SHOW becomes an information module, not a hero banner. */ .oneScreenRoot10150[data-screen="room"] .fmNextBody970{ height:calc(100% - 34px)!important; display:grid!important; grid-template-rows:minmax(0,1fr) 56px!important; overflow:hidden!important; } .oneScreenRoot10150[data-screen="room"] .fmStageArt970{ min-height:0!important; height:100%!important; padding:14px 13px 12px 40%!important; border:0!important; border-radius:0!important; background:#111626!important; } .oneScreenRoot10150[data-screen="room"] .fmStageBackdrop970{ opacity:.45!important; filter:saturate(.75) contrast(1.05)!important; } .oneScreenRoot10150[data-screen="room"] .fmStageArt970>img{ width:35%!important; height:100%!important; left:0!important; top:0!important; object-fit:cover!important; border-radius:0!important; opacity:.92!important; } .oneScreenRoot10150[data-screen="room"] .fmStageCopy970{ position:relative!important; z-index:2!important; min-width:0!important; } .oneScreenRoot10150[data-screen="room"] .fmStageCopy970 small{ font-size:10px!important; color:#d28cff!important; } .oneScreenRoot10150[data-screen="room"] .fmStageCopy970 h2{ margin:5px 0 4px!important; font-size:20px!important; line-height:1.08!important; letter-spacing:-.2px!important; } .oneScreenRoot10150[data-screen="room"] .fmStageCopy970 p{ margin:0!important; font-size:12.5px!important; line-height:1.3!important; color:#d3d9e6!important; } .oneScreenRoot10150[data-screen="room"] .fmStageCopy970 span{ margin-top:5px!important; font-size:10.5px!important; color:#9aa7bb!important; } .oneScreenRoot10150[data-screen="room"] .fmEnterShow970{ margin-top:8px!important; font-size:10.5px!important; font-weight:850!important; } .oneScreenRoot10150[data-screen="room"] .fmNextStats970{ min-height:56px!important; height:56px!important; display:grid!important; grid-template-columns:repeat(4,minmax(0,1fr))!important; border-top:1px solid #3a4359!important; } .oneScreenRoot10150[data-screen="room"] .fmNextStats970>div{ min-width:0!important; padding:7px 8px!important; background:#14192a!important; border-right:1px solid #333c52!important; } .oneScreenRoot10150[data-screen="room"] .fmNextStats970 small{font-size:9px!important;color:#8795aa!important} .oneScreenRoot10150[data-screen="room"] .fmNextStats970 b{font-size:13px!important;margin-top:2px!important} /* Upcoming shows = FM-like compact list, not cards within cards. */ .oneScreenRoot10150[data-screen="room"] .fmShows970{ display:grid!important; grid-template-rows:34px minmax(0,1fr) 30px!important; align-content:stretch!important; } .oneScreenRoot10150[data-screen="room"] .fmShows970>article{ min-height:0!important; padding:7px 9px!important; border:0!important; border-bottom:1px solid #30394f!important; border-radius:0!important; background:transparent!important; } .oneScreenRoot10150[data-screen="room"] .fmShows970>article b{font-size:11.5px!important} .oneScreenRoot10150[data-screen="room"] .fmShows970>article small{font-size:9.5px!important;color:#8d9aaf!important} .oneScreenRoot10150[data-screen="room"] .fmShows970>button{ min-height:30px!important; height:30px!important; padding:0 8px!important; border:0!important; border-top:1px solid #30394f!important; border-radius:0!important; background:#1a2032!important; font-size:9.5px!important; } /* Career event = independent compact information tile. */ .oneScreenRoot10150[data-screen="room"] .fmPendingEvent52{ padding:12px!important; display:grid!important; grid-template-rows:auto auto minmax(0,1fr) 34px!important; gap:5px!important; background:#1c1729!important; border-color:#5c4b70!important; box-shadow:inset 3px 0 0 #9c54c9!important; } .oneScreenRoot10150[data-screen="room"] .fmPendingEvent52>div{display:contents!important} .oneScreenRoot10150[data-screen="room"] .fmPendingEvent52 small{font-size:9.5px!important;color:#c69ee1!important} .oneScreenRoot10150[data-screen="room"] .fmPendingEvent52 h3{margin:0!important;font-size:16px!important;line-height:1.15!important} .oneScreenRoot10150[data-screen="room"] .fmPendingEvent52 p{ margin:0!important; font-size:11px!important; line-height:1.35!important; color:#aeb7c7!important; display:-webkit-box!important; -webkit-line-clamp:4!important; -webkit-box-orient:vertical!important; overflow:hidden!important; } .oneScreenRoot10150[data-screen="room"] .fmPendingEvent52 button{ min-height:34px!important;height:34px!important;width:100%!important; margin:0!important;border-radius:3px!important;font-size:10px!important; } /* ROW 2 — three separate decisions + current scene. */ .oneScreenRoot10150[data-screen="room"] .fmDecision993 article:nth-child(1){grid-column:1!important;grid-row:2!important} .oneScreenRoot10150[data-screen="room"] .fmDecision993 article:nth-child(2){grid-column:2!important;grid-row:2!important} .oneScreenRoot10150[data-screen="room"] .fmDecision993 article:nth-child(3){grid-column:3!important;grid-row:2!important} .oneScreenRoot10150[data-screen="room"] .fmDecision993 article{ padding:11px!important; display:grid!important; grid-template-columns:36px minmax(0,1fr)!important; grid-template-rows:minmax(0,1fr) 31px!important; gap:8px 9px!important; align-items:start!important; background:#171b2d!important; } .oneScreenRoot10150[data-screen="room"] .fmDecision993 article.primary993{ background:#211930!important; border-color:#655078!important; box-shadow:inset 3px 0 0 #a45ddd!important; } .oneScreenRoot10150[data-screen="room"] .fmDecision993 article>span{ grid-column:1!important;grid-row:1!important; width:36px!important;height:36px!important; border:1px solid #3b465e!important;border-radius:4px!important; background:#22283b!important; display:grid!important;place-items:center!important; font-size:18px!important; } .oneScreenRoot10150[data-screen="room"] .fmDecision993 article>p{ grid-column:2!important;grid-row:1!important; margin:0!important;min-width:0!important; } .oneScreenRoot10150[data-screen="room"] .fmDecision993 article>p b{ display:block!important;font-size:12.5px!important;line-height:1.15!important;color:#f0f2f8!important; } .oneScreenRoot10150[data-screen="room"] .fmDecision993 article>p small{ display:-webkit-box!important;-webkit-line-clamp:2!important;-webkit-box-orient:vertical!important;overflow:hidden!important; margin-top:4px!important;font-size:10.5px!important;line-height:1.3!important;color:#9aa6b8!important; } .oneScreenRoot10150[data-screen="room"] .fmDecision993 article>button{ grid-column:1 / -1!important;grid-row:2!important; width:100%!important;height:31px!important;min-height:31px!important; margin:0!important;padding:0 8px!important;border-radius:3px!important;font-size:9.5px!important; } .oneScreenRoot10150[data-screen="room"] .homeCityDNA9979{ grid-column:4!important; grid-row:2!important; padding:11px!important; display:grid!important; grid-template-columns:42px minmax(0,1fr)!important; align-content:start!important; gap:9px!important; background:#151b29!important; } .oneScreenRoot10150[data-screen="room"] .homeCityDNA9979>span{ width:42px!important;height:42px!important;border:1px solid #3b465e!important;border-radius:4px!important; background:#0e1420!important;display:grid!important;place-items:center!important;font-size:23px!important; } .oneScreenRoot10150[data-screen="room"] .homeCityDNA9979>div{display:block!important;min-width:0!important} .oneScreenRoot10150[data-screen="room"] .homeCityDNA9979 small{font-size:9px!important;color:#8594aa!important} .oneScreenRoot10150[data-screen="room"] .homeCityDNA9979 b{display:block!important;margin-top:4px!important;font-size:13px!important;line-height:1.15!important} .oneScreenRoot10150[data-screen="room"] .homeCityDNA9979 em{display:block!important;margin-top:4px!important;font-size:10px!important;color:#9ca8b9!important} /* ROW 3 — career path + compact milestone. */ .oneScreenRoot10150[data-screen="room"] .gameplayPath9974{ grid-column:1 / 4!important; grid-row:3!important; padding:11px 12px!important; display:grid!important; grid-template-columns:minmax(0,1.4fr) minmax(0,1fr)!important; grid-template-rows:auto minmax(0,1fr)!important; gap:8px 10px!important; background:#171b2d!important; } .oneScreenRoot10150[data-screen="room"] .gameplayPathHead9974{ grid-column:1 / -1!important; display:grid!important; grid-template-columns:minmax(0,1fr) auto!important; gap:10px!important; align-items:start!important; } .oneScreenRoot10150[data-screen="room"] .gameplayPathHead9974 small{font-size:9px!important;color:#8795aa!important} .oneScreenRoot10150[data-screen="room"] .gameplayPathHead9974 h3{margin:3px 0 0!important;font-size:15px!important;line-height:1.15!important} .oneScreenRoot10150[data-screen="room"] .gameplayPathHead9974 p{ margin:3px 0 0!important;font-size:10.5px!important;line-height:1.25!important;color:#a2adbd!important; white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important; } .oneScreenRoot10150[data-screen="room"] .gameplayPathHead9974 button{min-height:31px!important;height:31px!important;padding:0 10px!important;border-radius:3px!important;font-size:9.5px!important} .oneScreenRoot10150[data-screen="room"] .gameplaySignals9974{ grid-column:1!important; display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:6px!important;margin:0!important; } .oneScreenRoot10150[data-screen="room"] .gameplaySignals9974>span{ min-width:0!important;padding:7px 8px!important;border:1px solid #343e54!important;border-radius:3px!important;background:#121726!important; } .oneScreenRoot10150[data-screen="room"] .gameplaySignals9974 small{font-size:8.5px!important;color:#8492a8!important} .oneScreenRoot10150[data-screen="room"] .gameplaySignals9974 b{display:block!important;margin-top:2px!important;font-size:14px!important} .oneScreenRoot10150[data-screen="room"] .gameplayWhy9974{ grid-column:2!important;min-height:0!important;margin:0!important;padding:7px 8px!important; border:1px solid #343e54!important;border-radius:3px!important;background:#121726!important;overflow:hidden!important; } .oneScreenRoot10150[data-screen="room"] .gameplayWhy9974 small{font-size:8.5px!important;color:#8492a8!important} .oneScreenRoot10150[data-screen="room"] .gameplayWhy9974 b{display:block!important;margin:3px 0 0!important;font-size:11px!important} .oneScreenRoot10150[data-screen="room"] .gameplayWhy9974 span{ display:-webkit-box!important;-webkit-line-clamp:2!important;-webkit-box-orient:vertical!important;overflow:hidden!important; margin-top:3px!important;font-size:9.5px!important;line-height:1.25!important;color:#8f9cad!important; } .oneScreenRoot10150[data-screen="room"] .fmMilestone970{ grid-column:4!important; grid-row:3!important; padding:11px!important; display:grid!important; grid-template-rows:auto auto minmax(0,1fr) auto!important; align-content:start!important; gap:6px!important; text-align:left!important; background:#171b2d!important; } .oneScreenRoot10150[data-screen="room"] .fmMilestone970>header{ height:auto!important;min-height:0!important;padding:0!important;border:0!important;background:transparent!important; } .oneScreenRoot10150[data-screen="room"] .fmMilestone970>header b{font-size:9px!important;color:#8795aa!important;letter-spacing:.08em!important} .oneScreenRoot10150[data-screen="room"] .fmMilestone970>h3{margin:0!important;font-size:15px!important;color:#e9c66b!important;line-height:1.12!important} .oneScreenRoot10150[data-screen="room"] .fmMilestone970>.fmCrown970{display:none!important} .oneScreenRoot10150[data-screen="room"] .fmMilestone970>p{display:block!important;margin:0!important;align-self:end!important} .oneScreenRoot10150[data-screen="room"] .fmMilestone970>p span{display:block!important;margin-top:2px!important;font-size:9px!important;color:#8f9caf!important} .oneScreenRoot10150[data-screen="room"] .fmMilestone970>p b{font-size:12px!important;color:#f0f2f7!important} .oneScreenRoot10150[data-screen="room"] .fmMilestone970>i{display:block!important;height:6px!important;margin:0!important;border-radius:2px!important;background:#293247!important;overflow:hidden!important} .oneScreenRoot10150[data-screen="room"] .fmMilestone970>i u{border-radius:2px!important} .oneScreenRoot10150[data-screen="room"] .fmMilestone970>button{display:none!important} /* Stronger overall HOME readability. */ .oneScreenRoot10150[data-screen="room"] button{font-weight:780!important;letter-spacing:.005em!important} .oneScreenRoot10150[data-screen="room"] .oneScreenLeft10150, .oneScreenRoot10150[data-screen="room"] .oneScreenRight10150{font-size:12px!important} .oneScreenRoot10150[data-screen="room"] .oneScreenNavItem10150{border-radius:4px!important} .oneScreenRoot10150[data-screen="room"] .oneScreenNavItem10150 b{font-size:12px!important} .oneScreenRoot10150[data-screen="room"] .oneScreenRight10150>section{ border-radius:4px!important;border-color:#364158!important;background:#121827!important;box-shadow:none!important; } .oneScreenRoot10150[data-screen="room"] .oneScreenRight10150 small{font-size:9px!important} .oneScreenRoot10150[data-screen="room"] .oneScreenRight10150 header b{font-size:12px!important} .oneScreenRoot10150[data-screen="room"] .oneScreenRight10150 p{font-size:11px!important;line-height:1.35!important} .oneScreenRoot10150[data-screen="room"] .oneScreenKpis10150 span{border-radius:3px!important;background:#0f1522!important} .oneScreenRoot10150[data-screen="room"] .oneScreenKpis10150 b{font-size:15px!important} } /* Compact desktop: preserve the same module map, just tighten content. */ @media (min-width:761px) and (max-height:820px){ .oneScreenRoot10150[data-screen="room"] .oneScreenViewport10150{padding:7px!important} .oneScreenRoot10150[data-screen="room"] .fmBoard970{gap:6px!important;grid-template-rows:minmax(0,1.35fr) minmax(0,.72fr) minmax(0,.82fr)!important} .oneScreenRoot10150[data-screen="room"] .fmStageCopy970 h2{font-size:17px!important} .oneScreenRoot10150[data-screen="room"] .fmStageCopy970 p{font-size:11px!important} .oneScreenRoot10150[data-screen="room"] .fmPendingEvent52{padding:9px!important} .oneScreenRoot10150[data-screen="room"] .fmPendingEvent52 p{-webkit-line-clamp:2!important} .oneScreenRoot10150[data-screen="room"] .fmDecision993 article{padding:8px!important} .oneScreenRoot10150[data-screen="room"] .fmDecision993 article>p small{-webkit-line-clamp:1!important} .oneScreenRoot10150[data-screen="room"] .gameplayPath9974{padding:8px!important} .oneScreenRoot10150[data-screen="room"] .gameplayPathHead9974 p{display:none!important} } @media (min-width:761px) and (max-width:1180px){ .oneScreenRoot10150[data-screen="room"] .fmBoard970{ grid-template-columns:repeat(3,minmax(0,1fr))!important; } .oneScreenRoot10150[data-screen="room"] .fmHeroNext54{grid-column:1 / 3!important} .oneScreenRoot10150[data-screen="room"] .fmHeroShows54{grid-column:3!important} .oneScreenRoot10150[data-screen="room"] .fmPendingEvent52{display:none!important} .oneScreenRoot10150[data-screen="room"] .fmDecision993 article:nth-child(1){grid-column:1!important} .oneScreenRoot10150[data-screen="room"] .fmDecision993 article:nth-child(2){grid-column:2!important} .oneScreenRoot10150[data-screen="room"] .fmDecision993 article:nth-child(3){grid-column:3!important} .oneScreenRoot10150[data-screen="room"] .homeCityDNA9979{display:none!important} .oneScreenRoot10150[data-screen="room"] .gameplayPath9974{grid-column:1 / 3!important} .oneScreenRoot10150[data-screen="room"] .fmMilestone970{grid-column:3!important} } /* styles/45-home-content-fit-10155.css */ /* LIFE LIKE A DJ — v10155 HOME CONTENT-FIT PASS Fixes v10154's over-fragmented grid and, critically, never truncates HOME tile content. Structure: top pair / decisions + context / career path + milestone. */ @media (min-width:761px){ .oneScreenRoot10150[data-screen="room"] .oneScreenViewport10150{ padding:8px!important; overflow:hidden!important; } /* One stable board. Wrappers stay wrappers: no accidental grid flattening. */ .oneScreenRoot10150[data-screen="room"] .fmBoard970{ display:grid!important; grid-template-columns:repeat(12,minmax(0,1fr))!important; grid-template-rows:minmax(290px,1.45fr) minmax(168px,.82fr) minmax(188px,.93fr)!important; gap:8px!important; height:100%!important; min-height:0!important; padding:0!important; overflow:hidden!important; align-content:stretch!important; } /* TOP: exactly two substantial FM-style panels. */ .oneScreenRoot10150[data-screen="room"] .fmHeroRow54{ grid-column:1 / 13!important; grid-row:1!important; display:grid!important; grid-template-columns:minmax(0,1.12fr) minmax(0,.88fr)!important; gap:8px!important; min-width:0!important; min-height:0!important; width:100%!important; height:100%!important; margin:0!important; overflow:hidden!important; } .oneScreenRoot10150[data-screen="room"] .fmHeroRow54>.fmHeroNext54, .oneScreenRoot10150[data-screen="room"] .fmHeroRow54>.fmHeroShows54{ grid-column:auto!important; grid-row:auto!important; width:100%!important; height:100%!important; min-width:0!important; min-height:0!important; margin:0!important; } .oneScreenRoot10150[data-screen="room"] .fmHeroMomentum54{display:none!important} /* Clear module surfaces — tighter FM geometry, not landing-page cards. */ .oneScreenRoot10150[data-screen="room"] :is(.fmNext970,.fmShows970,.fmPendingEvent52,.fmDecision993 article,.homeCityDNA9979,.gameplayPath9974,.fmMilestone970){ border:1px solid #424b62!important; border-radius:5px!important; background:#171b2d!important; box-shadow:none!important; min-width:0!important; min-height:0!important; margin:0!important; } .oneScreenRoot10150[data-screen="room"] :is(.fmNext970,.fmShows970)>header{ min-height:34px!important; height:34px!important; padding:0 11px!important; background:#22263c!important; border-bottom:1px solid #424b62!important; border-radius:0!important; } .oneScreenRoot10150[data-screen="room"] :is(.fmNext970,.fmShows970)>header b{ font-size:13px!important; line-height:1!important; font-weight:800!important; letter-spacing:.01em!important; } /* NEXT SHOW — content is allowed to wrap instead of being ellipsized. */ .oneScreenRoot10150[data-screen="room"] .fmNextBody970{ height:calc(100% - 34px)!important; display:grid!important; grid-template-rows:minmax(0,1fr) 58px!important; overflow:hidden!important; } .oneScreenRoot10150[data-screen="room"] .fmStageArt970{ height:100%!important; min-height:0!important; padding:14px 14px 12px 39%!important; border:0!important; border-radius:0!important; } .oneScreenRoot10150[data-screen="room"] .fmStageArt970>img{width:35%!important;height:100%!important;left:0!important;top:0!important;object-fit:cover!important;border-radius:0!important} .oneScreenRoot10150[data-screen="room"] .fmStageCopy970{min-width:0!important} .oneScreenRoot10150[data-screen="room"] .fmStageCopy970 h2{ margin:5px 0 5px!important; font-size:21px!important; line-height:1.1!important; white-space:normal!important; overflow:visible!important; text-overflow:clip!important; } .oneScreenRoot10150[data-screen="room"] .fmStageCopy970 p, .oneScreenRoot10150[data-screen="room"] .fmStageCopy970 span{ white-space:normal!important; overflow:visible!important; text-overflow:clip!important; } .oneScreenRoot10150[data-screen="room"] .fmStageCopy970 p{font-size:12.5px!important;line-height:1.3!important} .oneScreenRoot10150[data-screen="room"] .fmStageCopy970 span{font-size:10.5px!important;line-height:1.3!important} .oneScreenRoot10150[data-screen="room"] .fmNextStats970{ height:58px!important; min-height:58px!important; grid-template-columns:repeat(4,minmax(0,1fr))!important; border-top:1px solid #424b62!important; } .oneScreenRoot10150[data-screen="room"] .fmNextStats970>div{padding:7px 8px!important;min-width:0!important} .oneScreenRoot10150[data-screen="room"] .fmNextStats970 small{font-size:9px!important;line-height:1.1!important} .oneScreenRoot10150[data-screen="room"] .fmNextStats970 b{ font-size:12.5px!important; line-height:1.1!important; white-space:normal!important; overflow:visible!important; text-overflow:clip!important; overflow-wrap:anywhere!important; } /* UPCOMING SHOWS — flex rows prevent the v10154 overlap. Every visible row shows all its text. */ .oneScreenRoot10150[data-screen="room"] .fmShows970{ display:flex!important; flex-direction:column!important; height:100%!important; min-height:0!important; overflow:hidden!important; } .oneScreenRoot10150[data-screen="room"] .fmShows970>header{flex:0 0 34px!important} .oneScreenRoot10150[data-screen="room"] .fmShows970>article{ flex:1 1 0!important; min-height:55px!important; margin:0!important; padding:7px 10px!important; border:0!important; border-bottom:1px solid #333d53!important; border-radius:0!important; background:transparent!important; display:grid!important; grid-template-columns:86px minmax(0,1fr)!important; grid-template-rows:auto auto auto!important; gap:2px 8px!important; align-content:center!important; } .oneScreenRoot10150[data-screen="room"] .fmUpcomingMeta970{grid-column:1!important;grid-row:1 / 4!important;display:flex!important;flex-direction:column!important;gap:3px!important;align-self:center!important} .oneScreenRoot10150[data-screen="room"] .fmUpcomingMeta970 time{width:auto!important;font-size:10px!important;color:#c7d0df!important;white-space:normal!important} .oneScreenRoot10150[data-screen="room"] .fmUpcomingMeta970 span{font-size:8.5px!important;line-height:1.15!important;white-space:normal!important} .oneScreenRoot10150[data-screen="room"] .fmUpcomingMain970{grid-column:2!important;grid-row:1 / 3!important;display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;gap:6px!important;align-items:center!important;min-width:0!important} .oneScreenRoot10150[data-screen="room"] .fmUpcomingMain970 p{min-width:0!important;margin:0!important} .oneScreenRoot10150[data-screen="room"] .fmUpcomingMain970 p b, .oneScreenRoot10150[data-screen="room"] .fmUpcomingMain970 p span{ white-space:normal!important; overflow:visible!important; text-overflow:clip!important; overflow-wrap:anywhere!important; } .oneScreenRoot10150[data-screen="room"] .fmUpcomingMain970 p b{font-size:11.5px!important;line-height:1.15!important} .oneScreenRoot10150[data-screen="room"] .fmUpcomingMain970 p span{font-size:9.5px!important;line-height:1.2!important;margin-top:2px!important} .oneScreenRoot10150[data-screen="room"] .fmUpcomingMain970 strong{font-size:12px!important;white-space:nowrap!important} .oneScreenRoot10150[data-screen="room"] .fmUpcomingFoot970{grid-column:2!important;grid-row:3!important;display:flex!important;justify-content:space-between!important;gap:8px!important;min-width:0!important} .oneScreenRoot10150[data-screen="room"] .fmUpcomingFoot970 small,.oneScreenRoot10150[data-screen="room"] .fmUpcomingFoot970 em{font-size:8.5px!important;line-height:1.15!important;white-space:normal!important} .oneScreenRoot10150[data-screen="room"] .fmShows970>button{ flex:0 0 30px!important; height:30px!important; min-height:30px!important; margin:0!important; border:0!important; border-top:1px solid #424b62!important; border-radius:0!important; background:#1d2235!important; font-size:9.5px!important; } /* ROW 2 — decisions are one structured FM panel, containing three complete decision cards. */ .oneScreenRoot10150[data-screen="room"] .fmDecision993{ grid-column:1 / 10!important; grid-row:2!important; display:grid!important; grid-template-rows:28px minmax(0,1fr)!important; gap:6px!important; height:100%!important; min-height:0!important; margin:0!important; padding:0!important; border:0!important; background:transparent!important; overflow:hidden!important; } .oneScreenRoot10150[data-screen="room"] .fmDecision993>header{ display:flex!important; min-height:28px!important; height:28px!important; padding:0 2px!important; border:0!important; background:transparent!important; } .oneScreenRoot10150[data-screen="room"] .fmDecision993>header small{font-size:9.5px!important} .oneScreenRoot10150[data-screen="room"] .fmDecision993>header b{font-size:12px!important} .oneScreenRoot10150[data-screen="room"] .fmDecision993>div{ display:grid!important; grid-template-columns:repeat(3,minmax(0,1fr))!important; gap:8px!important; min-height:0!important; height:100%!important; } .oneScreenRoot10150[data-screen="room"] .fmDecision993 article{ height:100%!important; min-height:0!important; padding:10px!important; display:grid!important; grid-template-columns:34px minmax(0,1fr)!important; grid-template-rows:minmax(0,1fr) 32px!important; gap:7px 9px!important; overflow:hidden!important; } .oneScreenRoot10150[data-screen="room"] .fmDecision993 article>span{grid-column:1!important;grid-row:1!important;width:34px!important;height:34px!important} .oneScreenRoot10150[data-screen="room"] .fmDecision993 article>p{grid-column:2!important;grid-row:1!important;margin:0!important;min-width:0!important} .oneScreenRoot10150[data-screen="room"] .fmDecision993 article>p b{font-size:12px!important;line-height:1.18!important;white-space:normal!important} .oneScreenRoot10150[data-screen="room"] .fmDecision993 article>p small{ display:block!important; margin-top:4px!important; font-size:10.5px!important; line-height:1.3!important; white-space:normal!important; overflow:visible!important; text-overflow:clip!important; -webkit-line-clamp:unset!important; -webkit-box-orient:initial!important; } .oneScreenRoot10150[data-screen="room"] .fmDecision993 article>button{grid-column:1 / -1!important;grid-row:2!important;height:32px!important;min-height:32px!important;margin:0!important;font-size:9.5px!important} /* Context tile or pending event occupies the fourth slot. Never both. */ .oneScreenRoot10150[data-screen="room"] .fmPendingEvent52{ grid-column:10 / 13!important; grid-row:2!important; height:100%!important; padding:10px!important; display:grid!important; grid-template-rows:auto auto minmax(0,1fr) 32px!important; gap:4px!important; overflow:hidden!important; } .oneScreenRoot10150[data-screen="room"] .fmPendingEvent52>div{display:contents!important} .oneScreenRoot10150[data-screen="room"] .fmPendingEvent52 h3{font-size:15px!important;line-height:1.15!important;margin:0!important;white-space:normal!important} .oneScreenRoot10150[data-screen="room"] .fmPendingEvent52 p{ display:block!important; margin:0!important; font-size:10.5px!important; line-height:1.3!important; white-space:normal!important; overflow:visible!important; text-overflow:clip!important; -webkit-line-clamp:unset!important; -webkit-box-orient:initial!important; } .oneScreenRoot10150[data-screen="room"] .fmPendingEvent52 button{height:32px!important;min-height:32px!important;margin:0!important;font-size:9.5px!important} /* HOME extension wrapper is intentionally flattened only here. */ .oneScreenRoot10150[data-screen="room"] .fmBoard970>.homeCityDNA9979, .oneScreenRoot10150[data-screen="room"] .fmBoard970>.gameplayPath9974{min-width:0!important} .oneScreenRoot10150[data-screen="room"] .homeCityDNA9979{ grid-column:10 / 13!important; grid-row:2!important; height:100%!important; padding:11px!important; display:grid!important; grid-template-columns:42px minmax(0,1fr)!important; gap:9px!important; align-content:start!important; overflow:hidden!important; } .oneScreenRoot10150[data-screen="room"] .fmBoard970:has(> .fmPendingEvent52)>.homeCityDNA9979{display:none!important} .oneScreenRoot10150[data-screen="room"] .homeCityDNA9979 b, .oneScreenRoot10150[data-screen="room"] .homeCityDNA9979 em{ white-space:normal!important; overflow:visible!important; text-overflow:clip!important; } .oneScreenRoot10150[data-screen="room"] .homeCityDNA9979 b{font-size:13px!important;line-height:1.2!important} .oneScreenRoot10150[data-screen="room"] .homeCityDNA9979 em{font-size:10px!important;line-height:1.25!important} /* ROW 3 — full career logic, no ellipsis / clamp. */ .oneScreenRoot10150[data-screen="room"] .gameplayPath9974{ grid-column:1 / 10!important; grid-row:3!important; height:100%!important; padding:11px 12px!important; display:grid!important; grid-template-columns:minmax(0,1.25fr) minmax(0,.95fr)!important; grid-template-rows:auto minmax(0,1fr)!important; gap:8px 10px!important; overflow:hidden!important; } .oneScreenRoot10150[data-screen="room"] .gameplayPathHead9974{grid-column:1 / -1!important;display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;gap:10px!important;align-items:start!important} .oneScreenRoot10150[data-screen="room"] .gameplayPathHead9974 h3{font-size:15px!important;line-height:1.16!important;margin:3px 0 0!important} .oneScreenRoot10150[data-screen="room"] .gameplayPathHead9974 p{ display:block!important; margin:4px 0 0!important; font-size:10.5px!important; line-height:1.28!important; white-space:normal!important; overflow:visible!important; text-overflow:clip!important; } .oneScreenRoot10150[data-screen="room"] .gameplaySignals9974{grid-column:1!important;display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:6px!important;margin:0!important;min-height:0!important} .oneScreenRoot10150[data-screen="room"] .gameplaySignals9974>span{padding:8px!important;min-width:0!important} .oneScreenRoot10150[data-screen="room"] .gameplayWhy9974{grid-column:2!important;margin:0!important;padding:8px!important;min-height:0!important;overflow:hidden!important} .oneScreenRoot10150[data-screen="room"] .gameplayWhy9974 b{display:block!important;margin:3px 0 0!important;font-size:10.5px!important;line-height:1.2!important;white-space:normal!important} .oneScreenRoot10150[data-screen="room"] .gameplayWhy9974 span{ display:block!important; margin-top:4px!important; font-size:9.8px!important; line-height:1.3!important; white-space:normal!important; overflow:visible!important; text-overflow:clip!important; -webkit-line-clamp:unset!important; -webkit-box-orient:initial!important; } .oneScreenRoot10150[data-screen="room"] .fmBottom970{display:contents!important} .oneScreenRoot10150[data-screen="room"] .fmMarkets970, .oneScreenRoot10150[data-screen="room"] .fmTour970, .oneScreenRoot10150[data-screen="room"] .fmOverviewStrip970, .oneScreenRoot10150[data-screen="room"] .fmMiddle970, .oneScreenRoot10150[data-screen="room"] .uxFocus9973, .oneScreenRoot10150[data-screen="room"] .fmNextDetail10119{display:none!important} .oneScreenRoot10150[data-screen="room"] .fmMilestone970{ grid-column:10 / 13!important; grid-row:3!important; height:100%!important; padding:12px!important; display:grid!important; grid-template-rows:auto auto minmax(0,1fr) auto!important; gap:7px!important; overflow:hidden!important; } .oneScreenRoot10150[data-screen="room"] .fmMilestone970 h3{font-size:16px!important;line-height:1.15!important;white-space:normal!important} .oneScreenRoot10150[data-screen="room"] .fmMilestone970 p{display:block!important;margin:0!important;align-self:end!important} .oneScreenRoot10150[data-screen="room"] .fmMilestone970 p span{display:block!important;white-space:normal!important;font-size:9.5px!important;line-height:1.25!important} .oneScreenRoot10150[data-screen="room"] .fmMilestone970>i{height:7px!important;margin:0!important} /* Never reintroduce text clipping on HOME. */ .oneScreenRoot10150[data-screen="room"] :is(.fmPendingEvent52,.fmDecision993,.gameplayPath9974,.fmShows970,.fmNext970) :is(p,small,b,strong,span,em,h2,h3){text-overflow:clip} } /* Short desktop viewport: content still fits; font does not collapse into unreadable microtype. */ @media (min-width:761px) and (max-height:820px){ .oneScreenRoot10150[data-screen="room"] .fmBoard970{ grid-template-rows:minmax(272px,1.35fr) minmax(158px,.78fr) minmax(178px,.9fr)!important; gap:7px!important; } .oneScreenRoot10150[data-screen="room"] .fmStageCopy970 h2{font-size:18px!important} .oneScreenRoot10150[data-screen="room"] .fmStageCopy970 p{font-size:11.5px!important} .oneScreenRoot10150[data-screen="room"] .fmDecision993 article{padding:8px!important} .oneScreenRoot10150[data-screen="room"] .fmDecision993 article>p small{font-size:10px!important;line-height:1.25!important} .oneScreenRoot10150[data-screen="room"] .gameplayPath9974{padding:9px 10px!important} .oneScreenRoot10150[data-screen="room"] .gameplayPathHead9974 p{display:block!important;font-size:10px!important} } /* Narrow desktop: preserve content before decorative context. */ @media (min-width:761px) and (max-width:1180px){ .oneScreenRoot10150[data-screen="room"] .fmHeroRow54{grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr)!important} .oneScreenRoot10150[data-screen="room"] .fmDecision993{grid-column:1 / 13!important} .oneScreenRoot10150[data-screen="room"] .fmPendingEvent52,.oneScreenRoot10150[data-screen="room"] .homeCityDNA9979{display:none!important} .oneScreenRoot10150[data-screen="room"] .gameplayPath9974{grid-column:1 / 9!important} .oneScreenRoot10150[data-screen="room"] .fmMilestone970{grid-column:9 / 13!important} } /* styles/46-booking-calendar-integrity-10156.css */ /* LIFE LIKE A DJ — v10156 HOME / BOOKING / CALENDAR INTEGRITY One canonical booking feed + a visible calendar control desk. */ @media (min-width:761px){ /* HOME: make the information hierarchy read as one management board. */ .oneScreenRoot10150[data-screen="room"] .fmDecision993{ border:1px solid #424b62!important; border-radius:5px!important; background:#151a2a!important; overflow:hidden!important; gap:0!important; } .oneScreenRoot10150[data-screen="room"] .fmDecision993>header{ height:32px!important; min-height:32px!important; padding:0 10px!important; background:#22263c!important; border-bottom:1px solid #424b62!important; } .oneScreenRoot10150[data-screen="room"] .fmDecision993>header small{color:#aeb8ca!important} .oneScreenRoot10150[data-screen="room"] .fmDecision993>header b{font-size:12.5px!important;color:#f3f5fb!important} .oneScreenRoot10150[data-screen="room"] .fmDecision993>div{gap:0!important;padding:0!important} .oneScreenRoot10150[data-screen="room"] .fmDecision993 article{ border:0!important; border-right:1px solid #343e55!important; border-radius:0!important; background:#171b2d!important; } .oneScreenRoot10150[data-screen="room"] .fmDecision993 article:last-child{border-right:0!important} .oneScreenRoot10150[data-screen="room"] .fmPendingEvent52, .oneScreenRoot10150[data-screen="room"] .gameplayPath9974, .oneScreenRoot10150[data-screen="room"] .fmMilestone970{ border-color:#424b62!important; background:#171b2d!important; } /* CALENDAR: fixed two-column management workspace. Critical actions are always visible. */ .oneScreenRoot10150[data-screen="calendar"] .oneScreenViewport10150{padding:8px!important;overflow:hidden!important} .calendarFM10156{ height:100%!important;min-height:0!important;overflow:hidden!important; display:grid!important;grid-template-rows:54px minmax(0,1fr)!important;gap:8px!important; padding:0!important;background:transparent!important; } .calendarHead10156{ height:54px!important;min-height:54px!important;margin:0!important;padding:0 10px!important; display:flex!important;align-items:center!important;justify-content:space-between!important; border:1px solid #364159!important;border-radius:5px!important;background:#111728!important; } .calendarHead10156 h2{font-size:20px!important;margin:2px 0 0!important} .calendarHead10156 nav{display:flex;gap:6px;align-items:center}.calendarHead10156 nav button{height:34px;min-height:34px;padding:0 12px;border-radius:4px} .calendarWorkspace10156{ min-height:0;height:100%;display:grid;grid-template-columns:minmax(0,1.52fr) minmax(360px,.82fr);gap:8px;overflow:hidden; } .calendarMain10156{min-width:0;min-height:0;display:grid;grid-template-rows:72px minmax(0,1fr);gap:8px;overflow:hidden} .calendarMain10156 .timehero{height:72px;min-height:72px;margin:0!important;gap:8px!important} .calendarMain10156 .timehero div{padding:9px 10px!important;border:1px solid #41485f!important;border-radius:5px!important;background:#1b1b31!important;display:flex;flex-direction:column;justify-content:center} .calendarMain10156 .timehero span{font-size:9px!important;letter-spacing:.08em!important}.calendarMain10156 .timehero b{font-size:19px!important;margin-top:3px!important} .calendarMain10156 .linearHero520>div:first-child{min-width:0!important} .calendarMain10156 .monthCalendar520{ height:100%!important;min-height:0!important;margin:0!important;padding:10px!important; display:grid!important;grid-template-rows:42px 16px minmax(0,1fr)!important; border:1px solid #3f4860!important;border-radius:5px!important;background:#101625!important;overflow:hidden!important; } .calendarMain10156 .monthCalendar520>header{height:42px!important;margin:0!important;grid-template-columns:36px 1fr 36px!important;gap:6px!important} .calendarMain10156 .monthCalendar520>header button{width:36px!important;height:34px!important;border-radius:4px!important}.calendarMain10156 .monthCalendar520>header h3{font-size:16px!important;margin:1px 0!important} .calendarMain10156 .weekHead520{height:16px!important;margin:0!important;align-items:center}.calendarMain10156 .weekHead520 span{font-size:8px!important} .calendarMain10156 .monthGrid520{min-height:0!important;height:100%!important;grid-auto-rows:1fr!important;gap:4px!important} .calendarMain10156 .monthDay520,.calendarMain10156 .monthBlank520{min-height:0!important;height:auto!important;border-radius:4px!important} .calendarMain10156 .monthDay520{padding:6px!important}.calendarMain10156 .monthDay520 b{font-size:11px!important}.calendarMain10156 .monthDay520 span{margin-top:4px!important;font-size:7px!important} .calendarControl10156{min-width:0;min-height:0;height:100%;display:grid;grid-template-rows:auto auto auto minmax(0,1fr);gap:8px;overflow:hidden} .calendarActionHub10156,.timeline10156,.calendarPulse10156,.calendarUpcoming10156{ border:1px solid #414a61;border-radius:5px;background:#171b2d;box-shadow:none;min-width:0; } .calendarActionHub10156{padding:11px;display:grid;gap:9px} .calendarActionHub10156>header{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:9px;align-items:start;padding-bottom:8px;border-bottom:1px solid #353e54} .calendarActionHub10156>header small{display:block;color:#a98be0;font-size:9px;font-weight:900;letter-spacing:.08em}.calendarActionHub10156>header h3{margin:3px 0 2px;font-size:17px;line-height:1.1}.calendarActionHub10156>header p{margin:0;color:#98a5b9;font-size:10.5px;line-height:1.3}.calendarActionHub10156>header>strong{font-size:18px;color:#f1f4fa;white-space:nowrap} .calendarActionHub10156.empty10156>p{margin:0;color:#a6b0c0;font-size:11px;line-height:1.35} .calendarReadiness10156{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:5px}.calendarReadiness10156 span{min-width:0;padding:7px;border:1px solid #343e54;background:#111726;border-radius:4px}.calendarReadiness10156 small,.calendarReadiness10156 b{display:block}.calendarReadiness10156 small{font-size:8px;color:#7f8ea5;letter-spacing:.06em}.calendarReadiness10156 b{margin-top:3px;font-size:9.5px;line-height:1.15;overflow-wrap:anywhere}.calendarReadiness10156 .ok10156{border-color:#376b60;background:#11231f}.calendarReadiness10156 .ok10156 b{color:#7ee1c2}.calendarReadiness10156 .warn10156{border-color:#78643b;background:#261f13}.calendarReadiness10156 .warn10156 b{color:#ffd46c} .calendarActionButtons10156{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.calendarActionButtons10156 button{min-height:34px!important;height:auto!important;padding:7px 8px!important;border-radius:4px!important;font-size:9.5px!important;line-height:1.15!important}.calendarActionButtons10156 button.primary{grid-column:1/-1!important;background:#8b35c7!important;border-color:#a75ce0!important;color:#fff!important} .timeline10156{padding:8px}.timeline10156>header,.calendarUpcoming10156>header{height:24px;display:flex;align-items:center;justify-content:space-between;padding:0 2px 6px;border-bottom:1px solid #353e54}.timeline10156>header b,.calendarUpcoming10156>header b{font-size:10px;letter-spacing:.04em}.timeline10156>header span,.calendarUpcoming10156>header span{font-size:9px;color:#b894e7;font-weight:850} .timeline10156 .timeline{margin:7px 0 0!important;display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:5px!important}.timeline10156 .timeslot{min-width:0;min-height:48px!important;padding:6px 4px!important;border:1px solid #394258!important;border-radius:4px!important;background:#121827!important;color:#e8edf6!important;transform:none!important}.timeline10156 .timeslot b{font-size:9px!important;line-height:1.15!important}.timeline10156 .timeslot span{font-size:7.5px!important;margin-top:4px!important}.timeline10156 .timeslot.now{background:#f3dfa0!important;color:#2b2519!important;border-color:#f5d86c!important}.timeline10156 .timeslot:disabled{opacity:.42} .calendarPulse10156{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;overflow:hidden}.calendarPulse10156 article{padding:8px 6px;border-right:1px solid #353e54;text-align:center}.calendarPulse10156 article:last-child{border-right:0}.calendarPulse10156 small{display:block;font-size:8px;color:#8290a7;letter-spacing:.07em}.calendarPulse10156 b{display:block;margin-top:3px;font-size:15px;color:#f2f5fa} .calendarUpcoming10156{min-height:0;overflow:hidden;display:grid;grid-template-rows:31px minmax(0,1fr);padding:7px}.calendarUpcoming10156>p{margin:10px;color:#98a5b8;font-size:10.5px}.calendarUpcoming10156>div{min-height:0;overflow:hidden;display:grid;grid-auto-rows:minmax(0,1fr)}.calendarUpcoming10156>div>button{min-height:0;display:grid;grid-template-columns:76px minmax(0,1fr) auto;gap:7px;align-items:center;padding:5px 4px;border:0;border-bottom:1px solid #30394e;background:transparent;color:#e9edf5;text-align:left}.calendarUpcoming10156>div>button:last-child{border-bottom:0}.calendarUpcoming10156 time{font-size:9px;color:#b6c0d0}.calendarUpcoming10156 span{min-width:0}.calendarUpcoming10156 span b,.calendarUpcoming10156 span small{display:block;white-space:normal}.calendarUpcoming10156 span b{font-size:10.5px}.calendarUpcoming10156 span small{margin-top:2px;font-size:8.5px;color:#8795aa}.calendarUpcoming10156 em{font-style:normal;font-size:10px;white-space:nowrap} /* Booking empty state: explicitly states the canonical count used everywhere. */ .bookingEmpty10152{border:1px solid #414a61!important;border-radius:5px!important;background:#111726!important;padding:16px!important}.bookingEmpty10152 h3{font-size:18px!important}.bookingEmpty10152 p{color:#9aa7ba!important;font-size:12px!important} } @media (min-width:761px) and (max-width:1180px){ .calendarWorkspace10156{grid-template-columns:minmax(0,1.25fr) minmax(330px,.9fr)!important} .calendarReadiness10156{grid-template-columns:1fr 1fr!important} } /* styles/47-ui-structural-cleanup-10157.css */ /* LIFE LIKE A DJ — v10157 UI STRUCTURAL CLEANUP FM26-inspired geometry: aligned modules, one-screen world desk, full-width communications. */ @media (min-width:761px){ /* ---------------- HOME: one vertical grid line across all rows ---------------- */ .oneScreenRoot10150[data-screen="room"] .fmBoard970{ grid-template-columns:repeat(12,minmax(0,1fr))!important; grid-template-rows:minmax(286px,1.34fr) minmax(154px,.72fr) minmax(185px,.88fr)!important; gap:8px!important; } .oneScreenRoot10150[data-screen="room"] .fmHeroRow54{ grid-template-columns:minmax(0,2fr) minmax(0,1fr)!important; } .oneScreenRoot10150[data-screen="room"] .fmDecision993{grid-column:1 / 9!important} .oneScreenRoot10150[data-screen="room"] .fmPendingEvent52, .oneScreenRoot10150[data-screen="room"] .homeCityDNA9979{grid-column:9 / 13!important} .oneScreenRoot10150[data-screen="room"] .gameplayPath9974{grid-column:1 / 9!important} .oneScreenRoot10150[data-screen="room"] .fmMilestone970{grid-column:9 / 13!important} /* Manager Inbox behaves like an FM module, not a row with empty slots. */ .oneScreenRoot10150[data-screen="room"] .fmDecision993{ grid-template-rows:32px minmax(0,1fr)!important; gap:0!important; border:1px solid #424b62!important; border-radius:5px!important; background:#171b2d!important; } .oneScreenRoot10150[data-screen="room"] .fmDecision993>header{ height:32px!important;min-height:32px!important;padding:0 10px!important; border-bottom:1px solid #424b62!important;background:#22263c!important; } .oneScreenRoot10150[data-screen="room"] .fmDecision993>div{ padding:8px!important;gap:8px!important;height:100%!important;min-height:0!important; grid-template-columns:repeat(3,minmax(0,1fr))!important; } .oneScreenRoot10150[data-screen="room"] .fmDecision993>div:has(> article:only-child){grid-template-columns:1fr!important} .oneScreenRoot10150[data-screen="room"] .fmDecision993>div:has(> article:first-child:nth-last-child(2)){grid-template-columns:repeat(2,minmax(0,1fr))!important} .oneScreenRoot10150[data-screen="room"] .fmDecision993 article{ border:1px solid #343e55!important;border-radius:4px!important;background:#121827!important; } .oneScreenRoot10150[data-screen="room"] .fmDecision993 article:only-child{ grid-template-columns:36px minmax(0,1fr) 170px!important; grid-template-rows:minmax(0,1fr)!important; align-items:center!important; } .oneScreenRoot10150[data-screen="room"] .fmDecision993 article:only-child>span{grid-column:1!important;grid-row:1!important} .oneScreenRoot10150[data-screen="room"] .fmDecision993 article:only-child>p{grid-column:2!important;grid-row:1!important;align-self:center!important} .oneScreenRoot10150[data-screen="room"] .fmDecision993 article:only-child>button{ grid-column:3!important;grid-row:1!important;height:34px!important;min-height:34px!important;align-self:center!important; } /* Keep all row-2/3 panels visibly aligned. */ .oneScreenRoot10150[data-screen="room"] .fmPendingEvent52, .oneScreenRoot10150[data-screen="room"] .homeCityDNA9979, .oneScreenRoot10150[data-screen="room"] .gameplayPath9974, .oneScreenRoot10150[data-screen="room"] .fmMilestone970{ border-radius:5px!important;border-color:#424b62!important;background:#171b2d!important; } .oneScreenRoot10150[data-screen="room"] .fmPendingEvent52{padding:11px!important} .oneScreenRoot10150[data-screen="room"] .fmPendingEvent52 button{border-radius:4px!important} /* ---------------- PHONE: management communications screen, not a device mockup ---------------- */ .oneScreenRoot10150[data-screen="phone33"] .oneScreenViewport10150{ padding:8px!important;overflow:hidden!important; } .oneScreenRoot10150[data-screen="phone33"] .phonePage33{ width:100%!important;max-width:none!important;height:100%!important;min-height:0!important; margin:0!important;padding:0!important;border:1px solid #3e4860!important;border-radius:5px!important; background:#0d1320!important;box-shadow:none!important;overflow:hidden!important; display:grid!important;grid-template-rows:54px 54px 96px 42px minmax(0,1fr)!important;gap:0!important; } .oneScreenRoot10150[data-screen="phone33"] .phonePage33.chatPhonePage40{ grid-template-rows:54px 54px minmax(0,1fr)!important; } .oneScreenRoot10150[data-screen="phone33"] .phoneTop33{ display:grid!important;grid-template-columns:44px minmax(0,1fr) auto auto!important;gap:8px!important; align-items:center!important;height:54px!important;padding:6px 9px!important; border-bottom:1px solid #3e4860!important;background:#22263c!important; } .oneScreenRoot10150[data-screen="phone33"] .phoneTop33 .back{ display:grid!important;width:36px!important;height:36px!important;place-items:center!important; border:1px solid #47526a!important;border-radius:4px!important;background:#151b2b!important; } .oneScreenRoot10150[data-screen="phone33"] .phoneTop33 small{font-size:8.5px!important;letter-spacing:.12em!important;color:#7fe4ff!important} .oneScreenRoot10150[data-screen="phone33"] .phoneTop33 h2{font-size:16px!important;line-height:1.1!important;margin:2px 0 0!important} .oneScreenRoot10150[data-screen="phone33"] .phoneTop33>span{ margin:0!important;padding:7px 9px!important;border-radius:4px!important;border:1px solid #3b465f!important;background:#141b2a!important;font-size:10px!important; } .oneScreenRoot10150[data-screen="phone33"] .phoneLogout710{ height:34px!important;min-height:34px!important;padding:0 10px!important;margin:0!important;border-radius:4px!important;font-size:8.5px!important; } .oneScreenRoot10150[data-screen="phone33"] .phoneTabs33{ height:54px!important;margin:0!important;padding:7px 8px!important;display:grid!important; grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:6px!important; border-bottom:1px solid #313b51!important;background:#111726!important; } .oneScreenRoot10150[data-screen="phone33"] .phoneTabs33 button{ min-width:0!important;min-height:38px!important;height:38px!important;padding:4px 6px!important; display:flex!important;align-items:center!important;justify-content:center!important;gap:6px!important; border:1px solid #354057!important;border-radius:4px!important;background:#151b2b!important;font-size:12px!important; } .oneScreenRoot10150[data-screen="phone33"] .phoneTabs33 button.active{ background:#29213b!important;border-color:#b04ee5!important;box-shadow:inset 3px 0 0 #b04ee5!important; } .oneScreenRoot10150[data-screen="phone33"] .phoneTabs33 small{font-size:9px!important;letter-spacing:.06em!important;color:#dce3ef!important} .oneScreenRoot10150[data-screen="phone33"] .phonePulse10110{ height:96px!important;min-height:96px!important;margin:0!important;padding:7px 8px!important; display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:6px!important; border-bottom:1px solid #313b51!important;background:#0d1320!important; } .oneScreenRoot10150[data-screen="phone33"] .phonePulse10110 article{ min-width:0!important;margin:0!important;padding:8px 9px!important;border:1px solid #354057!important;border-radius:4px!important;background:#151b2b!important;box-shadow:none!important; } .oneScreenRoot10150[data-screen="phone33"] .phonePulse10110 small{font-size:8px!important;letter-spacing:.08em!important} .oneScreenRoot10150[data-screen="phone33"] .phonePulse10110 b{font-size:18px!important;margin:3px 0 2px!important} .oneScreenRoot10150[data-screen="phone33"] .phonePulse10110 p{font-size:9px!important;line-height:1.25!important;margin:0!important;color:#9ca9bc!important} .oneScreenRoot10150[data-screen="phone33"] .phoneQuick10110{ height:42px!important;min-height:42px!important;margin:0!important;padding:5px 8px!important; display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:6px!important; border-bottom:1px solid #313b51!important;background:#111726!important; } .oneScreenRoot10150[data-screen="phone33"] .phoneQuick10110 button{ min-height:30px!important;height:30px!important;padding:0 8px!important;border-radius:4px!important;font-size:8.5px!important; } .oneScreenRoot10150[data-screen="phone33"] .phoneScreen33{ min-height:0!important;height:100%!important;padding:0!important;border-radius:0!important;overflow:hidden!important;background:#0a101b!important; } .oneScreenRoot10150[data-screen="phone33"] .phoneScreen33:has(.phoneFilters920){ display:grid!important;grid-template-rows:42px minmax(0,1fr)!important; } .oneScreenRoot10150[data-screen="phone33"] .phoneFilters920{ height:42px!important;margin:0!important;padding:6px 8px!important;gap:5px!important;overflow:hidden!important; border-bottom:1px solid #30394e!important;background:#121827!important; } .oneScreenRoot10150[data-screen="phone33"] .phoneFilters920 button{ min-height:28px!important;height:28px!important;padding:0 10px!important;border-radius:4px!important;font-size:8.5px!important; } .oneScreenRoot10150[data-screen="phone33"] .phoneList33, .oneScreenRoot10150[data-screen="phone33"] .socialPhone33, .oneScreenRoot10150[data-screen="phone33"] .contacts33{ min-height:0!important;height:100%!important;overflow:auto!important;padding:8px!important;gap:6px!important;scrollbar-width:thin!important; } .oneScreenRoot10150[data-screen="phone33"] .phoneList33 article, .oneScreenRoot10150[data-screen="phone33"] .socialPhone33 article, .oneScreenRoot10150[data-screen="phone33"] .contacts33 article{ border-radius:4px!important;border-color:#354057!important;background:#121827!important;box-shadow:none!important;transform:none!important; } .oneScreenRoot10150[data-screen="phone33"] .phoneList33 article{padding:10px!important;grid-template-columns:40px minmax(0,1fr)!important;gap:9px!important} .oneScreenRoot10150[data-screen="phone33"] .phoneAvatar33{width:38px!important;height:38px!important;border-radius:4px!important;font-size:19px!important} .oneScreenRoot10150[data-screen="phone33"] .phoneList33 h3{font-size:13px!important;line-height:1.18!important;margin:3px 0!important} .oneScreenRoot10150[data-screen="phone33"] .phoneList33 p{font-size:10px!important;line-height:1.35!important;color:#aab6c9!important} .oneScreenRoot10150[data-screen="phone33"] .phoneActions33 button, .oneScreenRoot10150[data-screen="phone33"] .phoneLink911 button{border-radius:4px!important;font-size:8.5px!important} /* ---------------- WORLD: fixed command board and canonical route ---------------- */ .oneScreenRoot10150[data-screen="worldlayers990"] .oneScreenViewport10150{ padding:8px!important;overflow:hidden!important; } .oneScreenRoot10150[data-screen="worldlayers990"] .worldLayers10157{ height:100%!important;min-height:0!important;padding:0!important;overflow:hidden!important; display:grid!important;grid-template-rows:50px minmax(0,1fr)!important;gap:8px!important; } .oneScreenRoot10150[data-screen="worldlayers990"] .worldHead10157{ height:50px!important;min-height:50px!important;margin:0!important;padding:0 10px!important; display:flex!important;align-items:center!important;justify-content:space-between!important;gap:12px!important; border:1px solid #3d475f!important;border-radius:5px!important;background:#111728!important; } .oneScreenRoot10150[data-screen="worldlayers990"] .worldHead10157 h2{font-size:18px!important;letter-spacing:-.2px!important;margin:1px 0 0!important} .oneScreenRoot10150[data-screen="worldlayers990"] .worldHead10157 p{font-size:9.5px!important;line-height:1.2!important;margin:1px 0 0!important;color:#91a0b4!important} .worldLayerNav10157{display:grid;grid-template-columns:repeat(3,auto);gap:5px;flex:0 0 auto} .worldLayerNav10157 button{height:32px;min-height:32px;padding:0 10px;border:1px solid #3a465f;border-radius:4px;background:#151c2c;color:#e7edf7;font-size:8.5px;font-weight:900;letter-spacing:.05em} .worldLayerNav10157 button:first-child{border-color:#7553c9;background:#251f3a} .oneScreenRoot10150[data-screen="worldlayers990"] .worldMapHero10119{ height:100%!important;min-height:0!important;margin:0!important;padding:10px!important;gap:8px!important; border:1px solid #3d475f!important;border-radius:5px!important;background:#0d1320!important;box-shadow:none!important; grid-template-columns:minmax(220px,.78fr) minmax(390px,1.45fr) minmax(250px,.88fr)!important; grid-template-rows:minmax(0,1fr) 155px!important;align-items:stretch!important;overflow:hidden!important; } .oneScreenRoot10150[data-screen="worldlayers990"] .worldMapCopy10119{ padding:8px!important;border:1px solid #323d53!important;border-radius:4px!important;background:#121827!important;overflow:hidden!important; } .oneScreenRoot10150[data-screen="worldlayers990"] .worldMapCopy10119 h3{font-size:21px!important;line-height:1.05!important;margin:6px 0 7px!important} .oneScreenRoot10150[data-screen="worldlayers990"] .worldMapCopy10119 p{font-size:10px!important;line-height:1.35!important} .oneScreenRoot10150[data-screen="worldlayers990"] .worldMapStats10119{gap:5px!important;margin-top:10px!important} .oneScreenRoot10150[data-screen="worldlayers990"] .worldMapStats10119 span{padding:7px!important;border-radius:4px!important;background:#0f1522!important;border-color:#30394d!important} .oneScreenRoot10150[data-screen="worldlayers990"] .worldMapStats10119 b{font-size:17px!important} .oneScreenRoot10150[data-screen="worldlayers990"] .worldMapLegend10119{margin-top:9px!important;gap:6px!important} .oneScreenRoot10150[data-screen="worldlayers990"] .globeStage10119{ min-width:0!important;min-height:0!important;height:100%!important;border:1px solid #323d53!important;border-radius:4px!important;background:#08111e!important;overflow:hidden!important; } .oneScreenRoot10150[data-screen="worldlayers990"] .worldGlobeCanvas10119{width:100%!important;height:100%!important} .oneScreenRoot10150[data-screen="worldlayers990"] .worldMapInsights10119{ min-height:0!important;height:100%!important;overflow:hidden!important; } .oneScreenRoot10150[data-screen="worldlayers990"] .mapInsightGrid10119{ height:100%!important;max-height:none!important;display:grid!important;grid-template-columns:1fr!important;grid-template-rows:repeat(5,minmax(0,1fr))!important;gap:6px!important;overflow:hidden!important; } .oneScreenRoot10150[data-screen="worldlayers990"] .mapInsightGrid10119 article{ min-height:0!important;padding:8px 9px!important;border-radius:4px!important;border:1px solid #343e54!important;background:#121827!important;overflow:hidden!important; } .oneScreenRoot10150[data-screen="worldlayers990"] .mapInsightGrid10119 article.routeNext10157{border-color:#a56838!important;background:#211a16!important} .oneScreenRoot10150[data-screen="worldlayers990"] .mapInsightGrid10119 article b{font-size:13px!important;margin:2px 0!important} .oneScreenRoot10150[data-screen="worldlayers990"] .mapInsightGrid10119 article p{font-size:9px!important;line-height:1.2!important;margin:0!important} .oneScreenRoot10150[data-screen="worldlayers990"] .flightGrid10120{ grid-column:1 / -1!important;grid-row:2!important;height:155px!important;min-height:155px!important;margin:0!important;padding:8px!important; border-radius:4px!important;border-color:#343e54!important;background:#101625!important;overflow:hidden!important; } .oneScreenRoot10150[data-screen="worldlayers990"] .flightGrid10120>header{height:29px!important;margin:0 0 6px!important;align-items:center!important} .oneScreenRoot10150[data-screen="worldlayers990"] .flightGrid10120>header h3{font-size:13px!important;margin:1px 0!important} .oneScreenRoot10150[data-screen="worldlayers990"] .flightRows10120{ height:calc(100% - 35px)!important;display:grid!important;grid-template-columns:1fr 1fr!important;grid-template-rows:repeat(3,minmax(0,1fr))!important;gap:5px!important;overflow:hidden!important; } .oneScreenRoot10150[data-screen="worldlayers990"] .flightRows10120 article{ min-height:0!important;padding:5px 7px!important;border-radius:4px!important;grid-template-columns:26px minmax(72px,1fr) 14px minmax(72px,1fr) minmax(78px,.7fr) auto!important;gap:6px!important; } .oneScreenRoot10150[data-screen="worldlayers990"] .flightNo10120{width:24px!important;height:24px!important;border-radius:4px!important} .oneScreenRoot10150[data-screen="worldlayers990"] .flightRoute10120 b,.oneScreenRoot10150[data-screen="worldlayers990"] .flightMeta10120 b{font-size:9px!important;margin-top:1px!important} .oneScreenRoot10150[data-screen="worldlayers990"] .flightRoute10120 small,.oneScreenRoot10150[data-screen="worldlayers990"] .flightMeta10120 small{font-size:6.5px!important} .oneScreenRoot10150[data-screen="worldlayers990"] .layerHero990, .oneScreenRoot10150[data-screen="worldlayers990"] .worldArchitecture10111, .oneScreenRoot10150[data-screen="worldlayers990"] .timeRule990{display:none!important} } @media (min-width:761px) and (max-width:1180px){ .oneScreenRoot10150[data-screen="room"] .fmDecision993{grid-column:1 / 9!important} .oneScreenRoot10150[data-screen="room"] .fmPendingEvent52, .oneScreenRoot10150[data-screen="room"] .homeCityDNA9979{display:block!important;grid-column:9 / 13!important} .oneScreenRoot10150[data-screen="room"] .fmHeroRow54{grid-template-columns:minmax(0,2fr) minmax(0,1fr)!important} .oneScreenRoot10150[data-screen="worldlayers990"] .worldMapHero10119{grid-template-columns:minmax(190px,.72fr) minmax(350px,1.35fr) minmax(220px,.82fr)!important} } /* styles/48-internal-scroll-10158.css */ /* LIFE LIKE A DJ — v10158 FM INTERNAL SCROLL PASS One-screen principle: the page never scrolls. Dense modules scroll inside their own tile, like long tables/lists in desktop management sims. */ @media (min-width:761px){ /* shared quiet scrollbar treatment */ .fmShowsScroll10158, .oneScreenRoot10150[data-screen="room"] .fmDecision993>div, .oneScreenRoot10150[data-screen="room"] .fmPendingEvent52 p, .oneScreenRoot10150[data-screen="room"] .gameplayWhy9974, .calendarUpcoming10156>div, .bookingList10152>div, .rivalList10152>div, .oneScreenRoot10150[data-screen="phone33"] :is(.phoneList33,.socialPhone33,.contacts33), .oneScreenRoot10150[data-screen="worldlayers990"] :is(.mapInsightGrid10119,.flightRows10120){ scrollbar-width:thin!important; scrollbar-color:#56627a #101624!important; overscroll-behavior:contain!important; scrollbar-gutter:stable!important; } .fmShowsScroll10158::-webkit-scrollbar, .oneScreenRoot10150[data-screen="room"] .fmDecision993>div::-webkit-scrollbar, .oneScreenRoot10150[data-screen="room"] .fmPendingEvent52 p::-webkit-scrollbar, .oneScreenRoot10150[data-screen="room"] .gameplayWhy9974::-webkit-scrollbar, .calendarUpcoming10156>div::-webkit-scrollbar, .bookingList10152>div::-webkit-scrollbar, .rivalList10152>div::-webkit-scrollbar, .oneScreenRoot10150[data-screen="phone33"] :is(.phoneList33,.socialPhone33,.contacts33)::-webkit-scrollbar, .oneScreenRoot10150[data-screen="worldlayers990"] :is(.mapInsightGrid10119,.flightRows10120)::-webkit-scrollbar{width:7px;height:7px} .fmShowsScroll10158::-webkit-scrollbar-thumb, .oneScreenRoot10150[data-screen="room"] .fmDecision993>div::-webkit-scrollbar-thumb, .oneScreenRoot10150[data-screen="room"] .fmPendingEvent52 p::-webkit-scrollbar-thumb, .oneScreenRoot10150[data-screen="room"] .gameplayWhy9974::-webkit-scrollbar-thumb, .calendarUpcoming10156>div::-webkit-scrollbar-thumb, .bookingList10152>div::-webkit-scrollbar-thumb, .rivalList10152>div::-webkit-scrollbar-thumb, .oneScreenRoot10150[data-screen="phone33"] :is(.phoneList33,.socialPhone33,.contacts33)::-webkit-scrollbar-thumb, .oneScreenRoot10150[data-screen="worldlayers990"] :is(.mapInsightGrid10119,.flightRows10120)::-webkit-scrollbar-thumb{background:#56627a;border-radius:8px;border:2px solid #101624} /* HOME / Upcoming Shows: fixed header + fixed footer, only the list moves. */ .oneScreenRoot10150[data-screen="room"] .fmShows970{ display:grid!important; grid-template-rows:34px minmax(0,1fr) 30px!important; overflow:hidden!important; } .oneScreenRoot10150[data-screen="room"] .fmShows970>header{grid-row:1!important;flex:none!important} .oneScreenRoot10150[data-screen="room"] .fmShowsScroll10158{ grid-row:2!important; min-height:0!important; overflow-y:auto!important; overflow-x:hidden!important; display:block!important; } .oneScreenRoot10150[data-screen="room"] .fmShowsScroll10158>.fmUpcomingCard970{ min-height:62px!important; height:auto!important; margin:0!important; padding:8px 10px!important; border:0!important; border-bottom:1px solid #333d53!important; border-radius:0!important; background:transparent!important; display:grid!important; grid-template-columns:86px minmax(0,1fr)!important; grid-template-rows:auto auto auto!important; gap:2px 8px!important; align-content:center!important; } .oneScreenRoot10150[data-screen="room"] .fmShowsScroll10158>.fmUpcomingCard970:last-child{border-bottom:0!important} .oneScreenRoot10150[data-screen="room"] .fmShows970>button{grid-row:3!important;flex:none!important;margin:0!important} /* Manager Inbox: if the game later surfaces >3 actions, keep the module fixed and scroll its body. */ .oneScreenRoot10150[data-screen="room"] .fmDecision993>div{ min-height:0!important; overflow-y:auto!important; overflow-x:hidden!important; align-content:start!important; } .oneScreenRoot10150[data-screen="room"] .fmDecision993 article{ min-height:104px!important; } .oneScreenRoot10150[data-screen="room"] .fmDecision993 article>p{ min-height:0!important; overflow-y:auto!important; overscroll-behavior:contain!important; } /* Long event/causality copy stays complete without growing the tile. */ .oneScreenRoot10150[data-screen="room"] .fmPendingEvent52 p{ min-height:0!important; overflow-y:auto!important; overflow-x:hidden!important; padding-right:4px!important; } .oneScreenRoot10150[data-screen="room"] .gameplayWhy9974{ overflow-y:auto!important; overflow-x:hidden!important; padding-right:9px!important; } /* Calendar: the booking list is a list pane, not a source of page height. */ .calendarUpcoming10156>div{ min-height:0!important; overflow-y:auto!important; overflow-x:hidden!important; display:block!important; } .calendarUpcoming10156>div>button{ min-height:52px!important; height:auto!important; } /* Booking/Rivals already had internal overflow; make the intent explicit and keep full rows readable. */ .bookingList10152>div,.rivalList10152>div{overflow-y:auto!important;overflow-x:hidden!important} /* WORLD: route/intel lists can grow while the globe and command board remain fixed. */ .oneScreenRoot10150[data-screen="worldlayers990"] .mapInsightGrid10119{ overflow-y:auto!important; overflow-x:hidden!important; display:block!important; padding-right:2px!important; } .oneScreenRoot10150[data-screen="worldlayers990"] .mapInsightGrid10119 article{ min-height:62px!important; height:auto!important; margin:0 0 6px!important; } .oneScreenRoot10150[data-screen="worldlayers990"] .mapInsightGrid10119 article:last-child{margin-bottom:0!important} .oneScreenRoot10150[data-screen="worldlayers990"] .flightRows10120{ overflow-y:auto!important; overflow-x:hidden!important; display:grid!important; grid-template-columns:1fr 1fr!important; grid-template-rows:none!important; grid-auto-rows:minmax(43px,auto)!important; align-content:start!important; padding-right:2px!important; } .oneScreenRoot10150[data-screen="worldlayers990"] .flightRows10120 article{min-height:43px!important;height:auto!important} /* PHONE already follows this pattern: chrome stays put, only content lists scroll. */ .oneScreenRoot10150[data-screen="phone33"] :is(.phoneList33,.socialPhone33,.contacts33){ overflow-y:auto!important; overflow-x:hidden!important; } } /* styles/49-home-simplified-10159.css */ /* LIFE LIKE A DJ — v10159 FM HOME SIMPLIFICATION PASS Fewer modules, stronger alignment, flatter FM26-like panel language. HOME = Next Show / Upcoming Shows / Manager Inbox / Career Path / Career Event. No standalone milestone tile. */ @media (min-width:761px){ .oneScreenRoot10150[data-screen="room"] .oneScreenViewport10150{ padding:8px!important; } /* Three clean rows, one recurring 8/4 split. */ .oneScreenRoot10150[data-screen="room"] .fmBoard970{ display:grid!important; grid-template-columns:repeat(12,minmax(0,1fr))!important; grid-template-rows:minmax(276px,1.45fr) minmax(128px,.66fr) minmax(150px,.78fr)!important; gap:7px!important; align-content:stretch!important; overflow:hidden!important; } .oneScreenRoot10150[data-screen="room"] .fmHeroRow54{ display:contents!important; } .oneScreenRoot10150[data-screen="room"] .fmHeroNext54{ grid-column:1 / 9!important; grid-row:1!important; } .oneScreenRoot10150[data-screen="room"] .fmHeroShows54{ grid-column:9 / 13!important; grid-row:1!important; } /* Manager Inbox gets the full middle row. */ .oneScreenRoot10150[data-screen="room"] .fmDecision993{ grid-column:1 / 13!important; grid-row:2!important; display:grid!important; grid-template-rows:32px minmax(0,1fr)!important; min-width:0!important; min-height:0!important; height:100%!important; margin:0!important; border:1px solid #464d63!important; border-radius:3px!important; background:#171a29!important; overflow:hidden!important; } .oneScreenRoot10150[data-screen="room"] .fmDecision993>header{ display:flex!important; height:32px!important; min-height:32px!important; padding:0 10px!important; align-items:center!important; justify-content:space-between!important; background:#25283b!important; border:0!important; border-bottom:1px solid #464d63!important; } .oneScreenRoot10150[data-screen="room"] .fmDecision993>header div{display:flex!important;gap:9px!important;align-items:center!important} .oneScreenRoot10150[data-screen="room"] .fmDecision993>header small{font-size:9px!important;color:#94a1b6!important;letter-spacing:.08em!important} .oneScreenRoot10150[data-screen="room"] .fmDecision993>header b{font-size:12px!important;color:#f2f4f8!important;letter-spacing:0!important} .oneScreenRoot10150[data-screen="room"] .fmDecision993>header>span{min-width:28px!important;padding:2px 7px!important;border-radius:2px!important;background:#342747!important;color:#d9b5ff!important;font-size:9px!important;text-align:center!important} .oneScreenRoot10150[data-screen="room"] .fmDecision993>div{ display:grid!important; grid-template-columns:repeat(3,minmax(0,1fr))!important; gap:0!important; height:100%!important; min-height:0!important; padding:0!important; overflow-y:auto!important; } .oneScreenRoot10150[data-screen="room"] .fmDecision993>div:has(> article:only-child){grid-template-columns:1fr!important} .oneScreenRoot10150[data-screen="room"] .fmDecision993>div:has(> article:first-child:nth-last-child(2)){grid-template-columns:repeat(2,minmax(0,1fr))!important} .oneScreenRoot10150[data-screen="room"] .fmDecision993 article{ min-height:0!important; height:100%!important; margin:0!important; padding:10px 12px!important; border:0!important; border-right:1px solid #343a4e!important; border-radius:0!important; background:#171a29!important; box-shadow:none!important; display:grid!important; grid-template-columns:38px minmax(0,1fr) auto!important; grid-template-rows:1fr!important; gap:10px!important; align-items:center!important; } .oneScreenRoot10150[data-screen="room"] .fmDecision993 article:last-child{border-right:0!important} .oneScreenRoot10150[data-screen="room"] .fmDecision993 article.primary993{ background:#1d1b2c!important; box-shadow:inset 3px 0 0 #9a56d7!important; } .oneScreenRoot10150[data-screen="room"] .fmDecision993 article>span{ grid-column:1!important;grid-row:1!important; width:36px!important;height:36px!important; display:grid!important;place-items:center!important; border:1px solid #3f475d!important;border-radius:3px!important; background:#202638!important;font-size:17px!important; } .oneScreenRoot10150[data-screen="room"] .fmDecision993 article>p{ grid-column:2!important;grid-row:1!important; margin:0!important;min-width:0!important;overflow:hidden!important; } .oneScreenRoot10150[data-screen="room"] .fmDecision993 article>p b{font-size:12px!important;line-height:1.15!important;color:#f0f3f8!important} .oneScreenRoot10150[data-screen="room"] .fmDecision993 article>p small{display:block!important;margin-top:3px!important;font-size:10.5px!important;line-height:1.3!important;color:#9aa6b9!important;white-space:normal!important;overflow:visible!important} .oneScreenRoot10150[data-screen="room"] .fmDecision993 article>button{ grid-column:3!important;grid-row:1!important; width:auto!important;min-width:132px!important;height:34px!important;min-height:34px!important; margin:0!important;padding:0 11px!important; border-radius:3px!important;font-size:9.5px!important;white-space:nowrap!important; } /* Bottom row = career path + career event. If no event, career path uses all 12 columns. */ .oneScreenRoot10150[data-screen="room"] .gameplayPath9974{ grid-column:1 / 9!important; grid-row:3!important; min-width:0!important;min-height:0!important;height:100%!important; margin:0!important;padding:0!important; border:1px solid #464d63!important;border-radius:3px!important; background:#171a29!important;box-shadow:none!important;overflow:hidden!important; display:grid!important; grid-template-columns:minmax(0,1fr) minmax(0,.86fr)!important; grid-template-rows:54px minmax(0,1fr)!important; gap:0!important; } .oneScreenRoot10150[data-screen="room"] .fmBoard970:not(:has(> .fmPendingEvent52))>.gameplayPath9974{grid-column:1 / 13!important} .oneScreenRoot10150[data-screen="room"] .gameplayPathHead9974{ grid-column:1 / -1!important;grid-row:1!important; min-width:0!important;height:54px!important; padding:8px 10px!important;margin:0!important; display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;gap:10px!important;align-items:center!important; border:0!important;border-bottom:1px solid #464d63!important; background:#25283b!important; } .oneScreenRoot10150[data-screen="room"] .gameplayPathHead9974 small{display:block!important;font-size:8.5px!important;color:#9aa6b8!important;letter-spacing:.07em!important} .oneScreenRoot10150[data-screen="room"] .gameplayPathHead9974 h3{margin:2px 0 0!important;font-size:14px!important;line-height:1.1!important;color:#f2f4f8!important} .oneScreenRoot10150[data-screen="room"] .gameplayPathHead9974 p{margin:2px 0 0!important;font-size:9.5px!important;line-height:1.2!important;color:#9aa6b8!important;white-space:normal!important;overflow:visible!important;text-overflow:clip!important} .oneScreenRoot10150[data-screen="room"] .gameplayPathHead9974 button{height:32px!important;min-height:32px!important;padding:0 11px!important;border-radius:3px!important;font-size:9px!important} .oneScreenRoot10150[data-screen="room"] .gameplaySignals9974{ grid-column:1!important;grid-row:2!important; min-height:0!important;margin:0!important;padding:8px!important; display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:0!important; border-right:1px solid #343a4e!important;background:#171a29!important; } .oneScreenRoot10150[data-screen="room"] .gameplaySignals9974>span{ min-width:0!important;margin:0!important;padding:9px 10px!important; border:0!important;border-right:1px solid #343a4e!important;border-radius:0!important;background:transparent!important; } .oneScreenRoot10150[data-screen="room"] .gameplaySignals9974>span:last-child{border-right:0!important} .oneScreenRoot10150[data-screen="room"] .gameplaySignals9974 small{font-size:8px!important;color:#8895aa!important;letter-spacing:.06em!important} .oneScreenRoot10150[data-screen="room"] .gameplaySignals9974 b{display:block!important;margin-top:4px!important;font-size:18px!important;line-height:1!important;color:#eef2f8!important} .oneScreenRoot10150[data-screen="room"] .gameplayWhy9974{ grid-column:2!important;grid-row:2!important; min-height:0!important;margin:0!important;padding:9px 10px!important; border:0!important;border-radius:0!important;background:#141827!important; overflow-y:auto!important;overflow-x:hidden!important; } .oneScreenRoot10150[data-screen="room"] .gameplayWhy9974 small{font-size:8px!important;color:#8c99ad!important;letter-spacing:.06em!important} .oneScreenRoot10150[data-screen="room"] .gameplayWhy9974 b{display:block!important;margin-top:4px!important;font-size:11px!important;color:#f0f2f8!important} .oneScreenRoot10150[data-screen="room"] .gameplayWhy9974 span{display:block!important;margin-top:4px!important;font-size:9.5px!important;line-height:1.25!important;color:#909db0!important;white-space:normal!important;overflow:visible!important;-webkit-line-clamp:unset!important} .oneScreenRoot10150[data-screen="room"] .fmPendingEvent52{ grid-column:9 / 13!important; grid-row:3!important; min-width:0!important;min-height:0!important;height:100%!important; margin:0!important;padding:0!important; border:1px solid #464d63!important;border-radius:3px!important; background:#171a29!important;box-shadow:none!important;overflow:hidden!important; display:grid!important;grid-template-rows:32px minmax(0,1fr) 34px!important;gap:0!important; } .oneScreenRoot10150[data-screen="room"] .fmPendingEvent52>header{ display:flex!important;height:32px!important;min-height:32px!important;padding:0 10px!important; align-items:center!important;justify-content:space-between!important; background:#25283b!important;border:0!important;border-bottom:1px solid #464d63!important; } .oneScreenRoot10150[data-screen="room"] .fmPendingEvent52>header b{font-size:11px!important;color:#f2f4f8!important;letter-spacing:.015em!important} .oneScreenRoot10150[data-screen="room"] .fmPendingEvent52>header span{font-size:8px!important;font-weight:900!important;letter-spacing:.08em!important;color:#d6b0ff!important} .oneScreenRoot10150[data-screen="room"] .fmPendingEvent52>.fmEventBody10159{ display:block!important;min-height:0!important;margin:0!important;padding:10px!important;overflow-y:auto!important;overflow-x:hidden!important; } .oneScreenRoot10150[data-screen="room"] .fmPendingEvent52 h3{margin:0!important;font-size:14px!important;line-height:1.15!important;color:#f0f2f8!important} .oneScreenRoot10150[data-screen="room"] .fmPendingEvent52 p{margin:5px 0 0!important;font-size:10.5px!important;line-height:1.35!important;color:#9aa6b8!important;max-width:none!important;overflow:visible!important;-webkit-line-clamp:unset!important;display:block!important} .oneScreenRoot10150[data-screen="room"] .fmPendingEvent52>button{ width:100%!important;height:34px!important;min-height:34px!important;margin:0!important;padding:0 10px!important; border:0!important;border-top:1px solid #3a4054!important;border-radius:0!important;background:#1d2030!important;color:#eceff5!important;font-size:9px!important; } /* Milestone is deliberately gone from HOME. Ranking/progression stays in Career HQ and the fixed right rail. */ .oneScreenRoot10150[data-screen="room"] .fmMilestone970{display:none!important} /* Shared FM26-like surface language: flatter, more defined, fewer gradients. */ .oneScreenRoot10150[data-screen="room"] :is(.fmNext970,.fmShows970,.fmDecision993,.gameplayPath9974,.fmPendingEvent52){ border-color:#464d63!important;border-radius:3px!important;background:#171a29!important;box-shadow:none!important; } .oneScreenRoot10150[data-screen="room"] :is(.fmNext970,.fmShows970)>header{ height:34px!important;min-height:34px!important;padding:0 10px!important;background:#25283b!important;border-bottom:1px solid #464d63!important; } .oneScreenRoot10150[data-screen="room"] :is(.fmNext970,.fmShows970)>header b{font-size:12px!important;color:#f2f4f8!important;letter-spacing:.01em!important} .oneScreenRoot10150[data-screen="room"] .fmStageArt970{background:#121624!important} .oneScreenRoot10150[data-screen="room"] .fmStageBackdrop970{opacity:.34!important;filter:saturate(.65) contrast(1.08)!important} .oneScreenRoot10150[data-screen="room"] .fmNextStats970>div{background:#151927!important;border-color:#343a4e!important} .oneScreenRoot10150[data-screen="room"] .fmShowsScroll10158>.fmUpcomingCard970{background:transparent!important;border-color:#343a4e!important} .oneScreenRoot10150[data-screen="room"] .fmShows970>button{background:#1d2030!important;border-color:#3a4054!important;color:#e9edf4!important} /* No leftover legacy HOME modules. */ .oneScreenRoot10150[data-screen="room"] :is(.fmOverviewStrip970,.fmMiddle970,.fmMarkets970,.fmTour970,.fmHeroMomentum54,.homeCityDNA9979,.uxFocus9973,.fmNextDetail10119){display:none!important} } @media (min-width:761px) and (max-height:820px){ .oneScreenRoot10150[data-screen="room"] .fmBoard970{ grid-template-rows:minmax(240px,1.34fr) minmax(112px,.62fr) minmax(132px,.72fr)!important; } .oneScreenRoot10150[data-screen="room"] .gameplayPathHead9974{height:48px!important;padding:6px 9px!important} .oneScreenRoot10150[data-screen="room"] .gameplayPath9974{grid-template-rows:48px minmax(0,1fr)!important} .oneScreenRoot10150[data-screen="room"] .fmDecision993 article{padding:8px 10px!important} } @media (min-width:761px) and (max-width:1080px){ .oneScreenRoot10150[data-screen="room"] .fmDecision993 article>button{min-width:108px!important;padding:0 8px!important} .oneScreenRoot10150[data-screen="room"] .gameplayPath9974{grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr)!important} } /* styles/50-home-calendar-structure-10160.css */ /* LIFE LIKE A DJ — v10160 HOME + CALENDAR STRUCTURE PASS Safari-safe HOME geometry (no display:contents for critical layout) + flatter FM-style calendar. Principle: one fixed screen; long lists scroll only inside their own module. */ @media (min-width:761px){ /* ============================================================= HOME — Safari-safe, explicit three-row management board ============================================================= */ .oneScreenRoot10150[data-screen="room"] .fmBoard970{ display:grid!important; grid-template-columns:repeat(12,minmax(0,1fr))!important; grid-template-rows:minmax(280px,1.45fr) minmax(120px,.66fr) minmax(154px,.82fr)!important; gap:8px!important; width:100%!important; height:100%!important; min-width:0!important; min-height:0!important; overflow:hidden!important; align-content:stretch!important; } /* Do NOT use display:contents here. Safari could collapse the hero children into tiny grid tracks. */ .oneScreenRoot10150[data-screen="room"] .fmHeroRow54{ display:grid!important; grid-column:1 / 13!important; grid-row:1!important; grid-template-columns:minmax(0,2.15fr) minmax(300px,.92fr)!important; grid-template-rows:minmax(0,1fr)!important; gap:8px!important; width:100%!important; height:100%!important; min-width:0!important; min-height:0!important; margin:0!important; overflow:hidden!important; } .oneScreenRoot10150[data-screen="room"] .fmHeroNext54, .oneScreenRoot10150[data-screen="room"] .fmHeroShows54{ grid-column:auto!important; grid-row:auto!important; width:100%!important; max-width:none!important; height:100%!important; min-width:0!important; min-height:0!important; margin:0!important; } .oneScreenRoot10150[data-screen="room"] .fmHeroMomentum54{display:none!important} /* Middle row is one real module, not display:contents. */ .oneScreenRoot10150[data-screen="room"] .fmDecision993{ display:grid!important; grid-column:1 / 13!important; grid-row:2!important; grid-template-rows:32px minmax(0,1fr)!important; width:100%!important; height:100%!important; min-width:0!important; min-height:0!important; margin:0!important; overflow:hidden!important; } .oneScreenRoot10150[data-screen="room"] .fmDecision993>header{display:flex!important} .oneScreenRoot10150[data-screen="room"] .fmDecision993>div{ display:grid!important; grid-template-columns:repeat(3,minmax(0,1fr))!important; min-width:0!important; min-height:0!important; overflow-y:auto!important; } .oneScreenRoot10150[data-screen="room"] .fmDecision993>div:has(> article:only-child){grid-template-columns:1fr!important} .oneScreenRoot10150[data-screen="room"] .fmDecision993>div:has(> article:first-child:nth-last-child(2)){grid-template-columns:repeat(2,minmax(0,1fr))!important} /* Bottom row keeps one clean 8/4 split. */ .oneScreenRoot10150[data-screen="room"] .gameplayPath9974{ grid-column:1 / 9!important; grid-row:3!important; width:100%!important; max-width:none!important; min-width:0!important; height:100%!important; } .oneScreenRoot10150[data-screen="room"] .fmPendingEvent52{ grid-column:9 / 13!important; grid-row:3!important; width:100%!important; max-width:none!important; min-width:0!important; height:100%!important; } .oneScreenRoot10150[data-screen="room"] .fmBoard970:not(:has(> .fmPendingEvent52))>.gameplayPath9974{ grid-column:1 / 13!important; } /* Keep removed/legacy HOME blocks genuinely out of layout. */ .oneScreenRoot10150[data-screen="room"] :is(.fmMilestone970,.fmOverviewStrip970,.fmMiddle970,.fmMarkets970,.fmTour970,.homeCityDNA9979,.uxFocus9973,.fmNextDetail10119){ display:none!important; } /* Cleaner module language: clear desktop panels, less "card-on-card". */ .oneScreenRoot10150[data-screen="room"] :is(.fmNext970,.fmShows970,.fmDecision993,.gameplayPath9974,.fmPendingEvent52){ border:1px solid #414a5f!important; border-radius:4px!important; background:#151a29!important; box-shadow:none!important; } .oneScreenRoot10150[data-screen="room"] :is(.fmNext970,.fmShows970)>header, .oneScreenRoot10150[data-screen="room"] .fmDecision993>header, .oneScreenRoot10150[data-screen="room"] .fmPendingEvent52>header{ background:#23273a!important; border-bottom:1px solid #414a5f!important; } .oneScreenRoot10150[data-screen="room"] .fmShowsScroll10158>.fmUpcomingCard970{ min-height:58px!important; padding:7px 9px!important; } /* ============================================================= CALENDAR — fewer nested tiles, stronger FM-style hierarchy ============================================================= */ .oneScreenRoot10150[data-screen="calendar"] .calendarFM10156{ grid-template-rows:48px minmax(0,1fr)!important; gap:7px!important; } .oneScreenRoot10150[data-screen="calendar"] .calendarHead10156{ height:48px!important; min-height:48px!important; border-radius:4px!important; background:#151a29!important; border-color:#414a5f!important; } .oneScreenRoot10150[data-screen="calendar"] .calendarHead10156 h2{font-size:18px!important} .oneScreenRoot10150[data-screen="calendar"] .calendarWorkspace10156{ grid-template-columns:minmax(0,1.62fr) minmax(350px,.78fr)!important; gap:7px!important; } /* Top bar already shows date/time; remove the three redundant big tiles. */ .oneScreenRoot10150[data-screen="calendar"] .calendarMain10156{ display:block!important; min-height:0!important; height:100%!important; overflow:hidden!important; } .oneScreenRoot10150[data-screen="calendar"] .calendarMain10156>.timehero{ display:none!important; } .oneScreenRoot10150[data-screen="calendar"] .monthCalendar520{ height:100%!important; min-height:0!important; border-radius:4px!important; border-color:#414a5f!important; background:#111726!important; padding:9px!important; } .oneScreenRoot10150[data-screen="calendar"] .monthDay520, .oneScreenRoot10150[data-screen="calendar"] .monthBlank520{ border-radius:3px!important; background:#151c2c!important; border-color:#303b52!important; } .oneScreenRoot10150[data-screen="calendar"] .monthDay520.hasGig520{ background:#21182b!important; border-color:#a13a82!important; } .oneScreenRoot10150[data-screen="calendar"] .monthDay520.today520{ box-shadow:inset 0 0 0 1px #ce5bb0!important; } .oneScreenRoot10150[data-screen="calendar"] .calendarControl10156{ display:grid!important; grid-template-rows:auto auto 42px minmax(0,1fr)!important; gap:7px!important; min-height:0!important; overflow:hidden!important; } /* One booking control panel. Status cells are separators, not little cards. */ .oneScreenRoot10150[data-screen="calendar"] .calendarActionHub10156{ border-radius:4px!important; border-color:#414a5f!important; background:#171b2a!important; padding:10px!important; gap:7px!important; } .oneScreenRoot10150[data-screen="calendar"] .calendarActionHub10156>header{ border-bottom:1px solid #3b4459!important; padding-bottom:7px!important; } .oneScreenRoot10150[data-screen="calendar"] .calendarReadiness10156{ display:grid!important; grid-template-columns:repeat(4,minmax(0,1fr))!important; gap:0!important; border:1px solid #343e54!important; background:#111726!important; } .oneScreenRoot10150[data-screen="calendar"] .calendarReadiness10156 span{ border:0!important; border-right:1px solid #343e54!important; border-radius:0!important; background:transparent!important; padding:7px 6px!important; } .oneScreenRoot10150[data-screen="calendar"] .calendarReadiness10156 span:last-child{border-right:0!important} .oneScreenRoot10150[data-screen="calendar"] .calendarReadiness10156 .ok10156, .oneScreenRoot10150[data-screen="calendar"] .calendarReadiness10156 .warn10156{background:transparent!important} .oneScreenRoot10150[data-screen="calendar"] .calendarActionButtons10156{ gap:5px!important; } .oneScreenRoot10150[data-screen="calendar"] .calendarActionButtons10156 button{ border-radius:3px!important; } /* Daypart behaves like a segmented toolbar instead of four separate tiles. */ .oneScreenRoot10150[data-screen="calendar"] .timeline10156{ border-radius:4px!important; border-color:#414a5f!important; background:#171b2a!important; padding:7px!important; } .oneScreenRoot10150[data-screen="calendar"] .timeline10156 .timeline{ gap:0!important; border:1px solid #343e54!important; } .oneScreenRoot10150[data-screen="calendar"] .timeline10156 .timeslot{ border:0!important; border-right:1px solid #343e54!important; border-radius:0!important; background:#121827!important; min-height:42px!important; } .oneScreenRoot10150[data-screen="calendar"] .timeline10156 .timeslot:last-child{border-right:0!important} /* Compact status strip: one row, no four floating cards. */ .oneScreenRoot10150[data-screen="calendar"] .calendarPulse10156{ height:42px!important; min-height:42px!important; border-radius:4px!important; border-color:#414a5f!important; background:#171b2a!important; } .oneScreenRoot10150[data-screen="calendar"] .calendarPulse10156 article{ padding:5px 6px!important; } .oneScreenRoot10150[data-screen="calendar"] .calendarPulse10156 b{font-size:13px!important} .oneScreenRoot10150[data-screen="calendar"] .calendarUpcoming10156{ border-radius:4px!important; border-color:#414a5f!important; background:#171b2a!important; padding:7px!important; } .oneScreenRoot10150[data-screen="calendar"] .calendarUpcoming10156>div{ overflow-y:auto!important; overflow-x:hidden!important; } .oneScreenRoot10150[data-screen="calendar"] .calendarUpcoming10156>div>button{ min-height:48px!important; border-radius:0!important; background:transparent!important; } } @media (min-width:761px) and (max-height:820px){ .oneScreenRoot10150[data-screen="room"] .fmBoard970{ grid-template-rows:minmax(245px,1.4fr) minmax(106px,.62fr) minmax(128px,.74fr)!important; } .oneScreenRoot10150[data-screen="calendar"] .calendarWorkspace10156{ grid-template-columns:minmax(0,1.7fr) minmax(330px,.72fr)!important; } } /* styles/51-home-calendar-dashboard-10161.css */ /* LIFE LIKE A DJ — v10161 FM HOME / CALENDAR DASHBOARD PASS HOME: Next Show + Upcoming, World Desk / relationships, Financial Overview + Top Markets. CALENDAR: compact month board inside the one-screen shell. */ @media (min-width:761px){ /* LEFT NAV: Calendar is a first-class management destination. */ .oneScreenLeft10150 .oneScreenPrimary10150{ align-content:start!important; } /* ============================================================= HOME — fewer but more useful management modules ============================================================= */ .oneScreenRoot10150[data-screen="room"] .fmBoard970{ display:grid!important; grid-template-columns:repeat(12,minmax(0,1fr))!important; grid-template-rows:minmax(282px,1.46fr) minmax(142px,.72fr) minmax(164px,.82fr)!important; gap:8px!important; width:100%!important; height:100%!important; min-width:0!important; min-height:0!important; overflow:hidden!important; align-content:stretch!important; } .oneScreenRoot10150[data-screen="room"] .fmHeroRow54{ display:grid!important; grid-column:1 / 13!important; grid-row:1!important; grid-template-columns:minmax(0,2.08fr) minmax(305px,.92fr)!important; gap:8px!important; width:100%!important; height:100%!important; min-width:0!important; min-height:0!important; margin:0!important; overflow:hidden!important; } .oneScreenRoot10150[data-screen="room"] .fmHeroNext54, .oneScreenRoot10150[data-screen="room"] .fmHeroShows54{ width:100%!important; height:100%!important; min-width:0!important; min-height:0!important; margin:0!important; } .oneScreenRoot10150[data-screen="room"] .fmHeroMomentum54{display:none!important} /* Row 2: one module split into two equal information desks. */ .oneScreenRoot10150[data-screen="room"] .homeNewsRelations10161{ grid-column:1 / 13!important; grid-row:2!important; display:grid!important; grid-template-columns:minmax(0,1.12fr) minmax(0,.88fr)!important; gap:8px!important; min-width:0!important; min-height:0!important; height:100%!important; } .oneScreenRoot10150[data-screen="room"] :is(.homeNews10161,.homeRelations10161,.homeFinance10161,.homeMarkets10161){ min-width:0!important; min-height:0!important; height:100%!important; overflow:hidden!important; border:1px solid #414a5f!important; border-radius:4px!important; background:#151a29!important; box-shadow:none!important; } .oneScreenRoot10150[data-screen="room"] :is(.homeNews10161,.homeRelations10161,.homeFinance10161,.homeMarkets10161)>header{ min-height:34px!important; height:34px!important; padding:0 10px!important; display:flex!important; align-items:center!important; justify-content:space-between!important; gap:8px!important; background:#23273a!important; border-bottom:1px solid #414a5f!important; } .oneScreenRoot10150[data-screen="room"] :is(.homeNews10161,.homeRelations10161,.homeFinance10161,.homeMarkets10161)>header div{ min-width:0!important; display:flex!important; align-items:baseline!important; gap:8px!important; } .oneScreenRoot10150[data-screen="room"] :is(.homeNews10161,.homeRelations10161,.homeFinance10161,.homeMarkets10161)>header small{ color:#8e9bb0!important; font-size:8px!important; font-weight:850!important; letter-spacing:.08em!important; white-space:nowrap!important; } .oneScreenRoot10150[data-screen="room"] :is(.homeNews10161,.homeRelations10161,.homeFinance10161,.homeMarkets10161)>header b{ color:#f1f4f8!important; font-size:12px!important; line-height:1!important; white-space:nowrap!important; } .oneScreenRoot10150[data-screen="room"] :is(.homeNews10161,.homeRelations10161,.homeFinance10161,.homeMarkets10161)>header button{ flex:0 0 auto!important; height:24px!important; min-height:24px!important; padding:0 8px!important; border:1px solid #46536c!important; border-radius:3px!important; background:#172034!important; color:#dfe7f4!important; font-size:8px!important; font-weight:850!important; } .oneScreenRoot10150[data-screen="room"] .homeNews10161{ display:grid!important; grid-template-rows:34px minmax(0,1fr) auto!important; } .oneScreenRoot10150[data-screen="room"] .homeNewsScroll10161{ min-height:0!important; overflow-y:auto!important; overflow-x:hidden!important; scrollbar-width:thin!important; padding:0 10px!important; } .oneScreenRoot10150[data-screen="room"] .homeNewsScroll10161 article{ min-height:31px!important; padding:6px 0!important; display:grid!important; grid-template-columns:26px minmax(0,1fr)!important; gap:7px!important; align-items:center!important; border-bottom:1px solid #30384b!important; } .oneScreenRoot10150[data-screen="room"] .homeNewsScroll10161 article:last-child{border-bottom:0!important} .oneScreenRoot10150[data-screen="room"] .homeNewsScroll10161 article>span{font-size:15px!important;text-align:center!important} .oneScreenRoot10150[data-screen="room"] .homeNewsScroll10161 article p{ margin:0!important;color:#c9d1df!important;font-size:10px!important;line-height:1.25!important;white-space:normal!important; } .oneScreenRoot10150[data-screen="room"] .homePendingEvent10161{ height:28px!important;min-height:28px!important;margin:0 8px 7px!important;padding:0 9px!important; border:1px solid #70478e!important;border-radius:3px!important;background:#251d31!important;color:#e6cef8!important; font-size:8.5px!important;font-weight:850!important;text-align:left!important; } .oneScreenRoot10150[data-screen="room"] .homeRelations10161{ display:grid!important; grid-template-rows:34px minmax(0,1fr)!important; } .oneScreenRoot10150[data-screen="room"] .homeRelationsList10161{ min-height:0!important; overflow-y:auto!important; overflow-x:hidden!important; scrollbar-width:thin!important; padding:0 9px!important; } .oneScreenRoot10150[data-screen="room"] .homeRelationsList10161>button{ width:100%!important; min-height:31px!important; padding:5px 2px!important; display:grid!important; grid-template-columns:28px minmax(0,1fr) 34px!important; gap:7px!important; align-items:center!important; border:0!important; border-bottom:1px solid #30384b!important; border-radius:0!important; background:transparent!important; color:#edf1f7!important; text-align:left!important; } .oneScreenRoot10150[data-screen="room"] .homeRelationsList10161>button:last-child{border-bottom:0!important} .oneScreenRoot10150[data-screen="room"] .homeRelationsList10161>button>span{font-size:16px!important;text-align:center!important} .oneScreenRoot10150[data-screen="room"] .homeRelationsList10161>button div{min-width:0!important} .oneScreenRoot10150[data-screen="room"] .homeRelationsList10161 b{display:block!important;font-size:10.5px!important;line-height:1.1!important} .oneScreenRoot10150[data-screen="room"] .homeRelationsList10161 small{display:block!important;margin-top:2px!important;color:#8795a9!important;font-size:8px!important;line-height:1.1!important} .oneScreenRoot10150[data-screen="room"] .homeRelationsList10161 strong{font-size:13px!important;color:#b892eb!important;text-align:right!important} /* Row 3: finance + top three markets. */ .oneScreenRoot10150[data-screen="room"] .homeFinance10161{ grid-column:1 / 9!important; grid-row:3!important; display:grid!important; grid-template-rows:34px minmax(0,1fr)!important; } .oneScreenRoot10150[data-screen="room"] .homeFinanceGrid10161{ display:grid!important; grid-template-columns:repeat(3,minmax(0,1fr))!important; grid-template-rows:repeat(2,minmax(0,1fr))!important; min-height:0!important; gap:0!important; padding:0!important; } .oneScreenRoot10150[data-screen="room"] .homeFinanceGrid10161 article{ min-width:0!important; padding:9px 11px!important; border-right:1px solid #30384b!important; border-bottom:1px solid #30384b!important; background:#151a29!important; } .oneScreenRoot10150[data-screen="room"] .homeFinanceGrid10161 article:nth-child(3n){border-right:0!important} .oneScreenRoot10150[data-screen="room"] .homeFinanceGrid10161 article:nth-child(n+4){border-bottom:0!important} .oneScreenRoot10150[data-screen="room"] .homeFinanceGrid10161 small{display:block!important;color:#8190a6!important;font-size:8px!important;letter-spacing:.06em!important} .oneScreenRoot10150[data-screen="room"] .homeFinanceGrid10161 b{display:block!important;margin-top:4px!important;font-size:17px!important;line-height:1!important;color:#f0f3f8!important} .oneScreenRoot10150[data-screen="room"] .homeFinanceGrid10161 b.pos970{color:#7ee0bd!important} .oneScreenRoot10150[data-screen="room"] .homeFinanceGrid10161 b.neg970{color:#ff8b9f!important} .oneScreenRoot10150[data-screen="room"] .homeFinanceGrid10161 span{display:block!important;margin-top:5px!important;color:#8794a8!important;font-size:8.5px!important;line-height:1.15!important} .oneScreenRoot10150[data-screen="room"] .homeMarkets10161{ grid-column:9 / 13!important; grid-row:3!important; display:grid!important; grid-template-rows:34px minmax(0,1fr)!important; } .oneScreenRoot10150[data-screen="room"] .homeMarketRows10161{ min-height:0!important; overflow-y:auto!important; padding:3px 9px!important; } .oneScreenRoot10150[data-screen="room"] .homeMarketRows10161 article{ position:relative!important; min-height:37px!important; display:grid!important; grid-template-columns:24px 30px minmax(0,1fr) 34px!important; grid-template-rows:1fr 3px!important; gap:3px 7px!important; align-items:center!important; padding:5px 0!important; border-bottom:1px solid #30384b!important; } .oneScreenRoot10150[data-screen="room"] .homeMarketRows10161 article:last-child{border-bottom:0!important} .oneScreenRoot10150[data-screen="room"] .homeMarketRank10161{font-size:9px!important;color:#7f8da2!important;font-weight:800!important} .oneScreenRoot10150[data-screen="room"] .homeMarketFlag10161{font-size:20px!important;line-height:1!important} .oneScreenRoot10150[data-screen="room"] .homeMarketRows10161 article div b{display:block!important;font-size:10.5px!important;line-height:1.05!important} .oneScreenRoot10150[data-screen="room"] .homeMarketRows10161 article div small{display:block!important;margin-top:2px!important;font-size:7.5px!important;color:#8e9caf!important;letter-spacing:.05em!important} .oneScreenRoot10150[data-screen="room"] .homeMarketRows10161 article>strong{font-size:14px!important;text-align:right!important;color:#f2ce66!important} .oneScreenRoot10150[data-screen="room"] .homeMarketRows10161 article>i{grid-column:2 / 5!important;grid-row:2!important;height:3px!important;background:#2b3447!important;overflow:hidden!important} .oneScreenRoot10150[data-screen="room"] .homeMarketRows10161 article>i>u{display:block!important;height:100%!important;background:#9e62dd!important;text-decoration:none!important} .oneScreenRoot10150[data-screen="room"] .homeEmpty10161{padding:12px!important;color:#8c99ad!important;font-size:10px!important;line-height:1.3!important} /* Old HOME dashboards are not part of v10161. */ .oneScreenRoot10150[data-screen="room"] :is(.fmDecision993,.gameplayPath9974,.fmPendingEvent52,.fmOverviewStrip970,.fmMiddle970,.fmBottom970,.fmMilestone970,.fmMarkets970,.fmTour970,.homeCityDNA9979,.uxFocus9973,.fmNextDetail10119){ display:none!important; } /* Right rail is now deliberately compact: Career Now + Next Booking only. */ .oneScreenRoot10150[data-screen="room"] .oneScreenRight10150{ justify-content:flex-start!important; align-content:start!important; } .oneScreenRoot10150[data-screen="room"] .oneScreenRight10150>section{ border-radius:4px!important; background:#111726!important; border-color:#364159!important; box-shadow:none!important; } /* ============================================================= CALENDAR — smaller management board instead of a giant month grid ============================================================= */ .oneScreenRoot10150[data-screen="calendar"] .calendarWorkspace10156{ grid-template-columns:minmax(0,1.38fr) minmax(370px,.82fr)!important; align-items:start!important; gap:8px!important; } .oneScreenRoot10150[data-screen="calendar"] .calendarMain10156, .oneScreenRoot10150[data-screen="calendar"] .calendarControl10156{ height:clamp(440px,calc(100vh - 310px),560px)!important; min-height:0!important; align-self:start!important; } .oneScreenRoot10150[data-screen="calendar"] .calendarMain10156{ display:block!important; overflow:hidden!important; } .oneScreenRoot10150[data-screen="calendar"] .monthCalendar520{ width:100%!important; height:100%!important; max-height:560px!important; padding:8px!important; grid-template-rows:38px 14px minmax(0,1fr)!important; } .oneScreenRoot10150[data-screen="calendar"] .monthCalendar520>header{ height:38px!important; grid-template-columns:34px 1fr 34px!important; } .oneScreenRoot10150[data-screen="calendar"] .monthCalendar520>header button{width:32px!important;height:30px!important;font-size:17px!important} .oneScreenRoot10150[data-screen="calendar"] .monthCalendar520>header h3{font-size:15px!important} .oneScreenRoot10150[data-screen="calendar"] .monthGrid520{gap:3px!important} .oneScreenRoot10150[data-screen="calendar"] .monthDay520{padding:5px!important} .oneScreenRoot10150[data-screen="calendar"] .monthDay520 b{font-size:10px!important} .oneScreenRoot10150[data-screen="calendar"] .monthDay520 span{margin-top:3px!important;font-size:6.5px!important} .oneScreenRoot10150[data-screen="calendar"] .calendarControl10156{ grid-template-rows:auto auto 40px minmax(0,1fr)!important; } .oneScreenRoot10150[data-screen="calendar"] .calendarUpcoming10156>div{ overflow-y:auto!important; overflow-x:hidden!important; scrollbar-width:thin!important; } } @media (min-width:761px) and (max-height:820px){ .oneScreenRoot10150[data-screen="room"] .fmBoard970{ grid-template-rows:minmax(244px,1.38fr) minmax(124px,.72fr) minmax(144px,.8fr)!important; } .oneScreenRoot10150[data-screen="calendar"] .calendarMain10156, .oneScreenRoot10150[data-screen="calendar"] .calendarControl10156{ height:clamp(410px,calc(100vh - 285px),500px)!important; } } /* styles/52-home-career-stats-ranking-scroll-10162.css */ /* LIFE LIKE A DJ — v10162 HOME CAREER STATS + RANKING INTERNAL SCROLL FM26 direction: fixed one-screen board; longer ranking/list content scrolls only inside its panel. HOME row 2 = compact Breaking News + Career Stats + Best Relationships. */ @media (min-width:761px){ /* ============================================================= HOME — tighten geometry and remove the visual void between hero panels ============================================================= */ .oneScreenRoot10150[data-screen="room"] .fmBoard970{ grid-template-rows:minmax(278px,1.42fr) minmax(126px,.60fr) minmax(164px,.80fr)!important; gap:8px!important; } .oneScreenRoot10150[data-screen="room"] .fmHeroRow54{ display:grid!important; grid-column:1 / 13!important; grid-row:1!important; grid-template-columns:minmax(0,2fr) minmax(315px,1fr)!important; grid-template-rows:minmax(0,1fr)!important; gap:8px!important; width:100%!important; max-width:none!important; justify-content:stretch!important; align-content:stretch!important; align-items:stretch!important; } .oneScreenRoot10150[data-screen="room"] .fmHeroRow54>.fmHeroNext54, .oneScreenRoot10150[data-screen="room"] .fmHeroRow54>.fmHeroShows54{ grid-column:auto!important; grid-row:auto!important; width:100%!important; max-width:none!important; min-width:0!important; height:100%!important; justify-self:stretch!important; align-self:stretch!important; margin:0!important; } /* ============================================================= HOME row 2 — three compact FM-style information modules ============================================================= */ .oneScreenRoot10150[data-screen="room"] .homeNewsRelations10161{display:none!important} .oneScreenRoot10150[data-screen="room"] .homeSecondRow10162{ grid-column:1 / 13!important; grid-row:2!important; display:grid!important; grid-template-columns:minmax(220px,.82fr) minmax(390px,1.36fr) minmax(260px,.92fr)!important; gap:8px!important; width:100%!important; height:100%!important; min-width:0!important; min-height:0!important; overflow:hidden!important; } .oneScreenRoot10150[data-screen="room"] :is(.homeNews10161,.homeCareerStats10162,.homeRelations10161){ min-width:0!important; min-height:0!important; height:100%!important; overflow:hidden!important; border:1px solid #414a5f!important; border-radius:3px!important; background:#151a29!important; box-shadow:none!important; } .oneScreenRoot10150[data-screen="room"] :is(.homeNews10161,.homeCareerStats10162,.homeRelations10161)>header{ height:32px!important; min-height:32px!important; padding:0 9px!important; display:flex!important; align-items:center!important; justify-content:space-between!important; gap:7px!important; background:#23273a!important; border-bottom:1px solid #414a5f!important; } .oneScreenRoot10150[data-screen="room"] :is(.homeNews10161,.homeCareerStats10162,.homeRelations10161)>header div{ min-width:0!important;display:flex!important;align-items:baseline!important;gap:7px!important; } .oneScreenRoot10150[data-screen="room"] :is(.homeNews10161,.homeCareerStats10162,.homeRelations10161)>header small{ color:#8e9bb0!important;font-size:7.5px!important;font-weight:850!important;letter-spacing:.08em!important;white-space:nowrap!important; } .oneScreenRoot10150[data-screen="room"] :is(.homeNews10161,.homeCareerStats10162,.homeRelations10161)>header b{ color:#f1f4f8!important;font-size:11px!important;line-height:1!important;white-space:nowrap!important; } .oneScreenRoot10150[data-screen="room"] :is(.homeNews10161,.homeCareerStats10162,.homeRelations10161)>header button{ flex:0 0 auto!important;height:22px!important;min-height:22px!important;padding:0 7px!important;border:1px solid #46536c!important;border-radius:2px!important;background:#172034!important;color:#dfe7f4!important;font-size:7.5px!important;font-weight:850!important; } /* Breaking News is intentionally smaller and scrolls inside the tile. */ .oneScreenRoot10150[data-screen="room"] .homeNews10161{ display:grid!important; grid-template-rows:32px minmax(0,1fr) auto!important; } .oneScreenRoot10150[data-screen="room"] .homeNewsScroll10161{ min-height:0!important;overflow-y:auto!important;overflow-x:hidden!important;scrollbar-width:thin!important;padding:0 8px!important; } .oneScreenRoot10150[data-screen="room"] .homeNewsScroll10161 article{ min-height:27px!important;padding:4px 0!important;grid-template-columns:22px minmax(0,1fr)!important;gap:5px!important; } .oneScreenRoot10150[data-screen="room"] .homeNewsScroll10161 article>span{font-size:13px!important} .oneScreenRoot10150[data-screen="room"] .homeNewsScroll10161 article p{font-size:9px!important;line-height:1.18!important} .oneScreenRoot10150[data-screen="room"] .homePendingEvent10161{ height:25px!important;min-height:25px!important;margin:0 7px 5px!important;padding:0 7px!important;font-size:7.5px!important; } /* Career Stats: 4 metrics on row one, 3 wider metrics on row two. */ .oneScreenRoot10150[data-screen="room"] .homeCareerStats10162{ display:grid!important; grid-template-rows:32px minmax(0,1fr)!important; } .oneScreenRoot10150[data-screen="room"] .homeCareerStatsGrid10162{ display:grid!important; grid-template-columns:repeat(12,minmax(0,1fr))!important; grid-template-rows:repeat(2,minmax(0,1fr))!important; min-width:0!important; min-height:0!important; overflow:hidden!important; } .oneScreenRoot10150[data-screen="room"] .homeCareerStatsGrid10162 article{ grid-column:span 3!important; min-width:0!important; min-height:0!important; padding:7px 8px!important; display:flex!important; flex-direction:column!important; justify-content:center!important; border-right:1px solid #30384b!important; border-bottom:1px solid #30384b!important; background:#151a29!important; } .oneScreenRoot10150[data-screen="room"] .homeCareerStatsGrid10162 article:nth-child(4){border-right:0!important} .oneScreenRoot10150[data-screen="room"] .homeCareerStatsGrid10162 article:nth-child(n+5){grid-column:span 4!important;border-bottom:0!important} .oneScreenRoot10150[data-screen="room"] .homeCareerStatsGrid10162 article:nth-child(7){border-right:0!important} .oneScreenRoot10150[data-screen="room"] .homeCareerStatsGrid10162 small{ color:#8492a7!important;font-size:7.5px!important;font-weight:800!important;letter-spacing:.055em!important;line-height:1.05!important; } .oneScreenRoot10150[data-screen="room"] .homeCareerStatsGrid10162 b{ margin-top:4px!important;color:#f0f3f8!important;font-size:15px!important;line-height:1!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important; } /* Relationships keeps the same compact list and scrolls internally. */ .oneScreenRoot10150[data-screen="room"] .homeRelations10161{display:grid!important;grid-template-rows:32px minmax(0,1fr)!important} .oneScreenRoot10150[data-screen="room"] .homeRelationsList10161{min-height:0!important;overflow-y:auto!important;overflow-x:hidden!important;scrollbar-width:thin!important;padding:0 7px!important} .oneScreenRoot10150[data-screen="room"] .homeRelationsList10161>button{min-height:28px!important;padding:4px 1px!important;grid-template-columns:24px minmax(0,1fr) 30px!important;gap:5px!important} .oneScreenRoot10150[data-screen="room"] .homeRelationsList10161>button>span{font-size:14px!important} .oneScreenRoot10150[data-screen="room"] .homeRelationsList10161 b{font-size:9.5px!important} .oneScreenRoot10150[data-screen="room"] .homeRelationsList10161 small{font-size:7.2px!important} .oneScreenRoot10150[data-screen="room"] .homeRelationsList10161 strong{font-size:11px!important} /* Bottom row remains Financial Overview + Top Markets. */ .oneScreenRoot10150[data-screen="room"] .homeFinance10161{grid-column:1 / 9!important;grid-row:3!important} .oneScreenRoot10150[data-screen="room"] .homeMarkets10161{grid-column:9 / 13!important;grid-row:3!important} /* ============================================================= RANKINGS — the page never scrolls; the ranking tile does. ============================================================= */ .oneScreenRoot10150[data-screen="ranking"] .oneScreenViewport10150, .oneScreenRoot10150[data-screen="worldrank3"] .oneScreenViewport10150, .oneScreenRoot10150[data-screen="charts"] .oneScreenViewport10150, .oneScreenRoot10150[data-screen="hypecharts"] .oneScreenViewport10150{ overflow:hidden!important; } .oneScreenRoot10150[data-screen="ranking"] .rankingpage{ height:100%!important; min-height:0!important; display:grid!important; grid-template-rows:auto auto auto minmax(0,1fr)!important; gap:7px!important; overflow:hidden!important; padding:0!important; } .oneScreenRoot10150[data-screen="ranking"] .rankList621, .oneScreenRoot10150[data-screen="ranking"] .ranklist{ min-height:0!important; height:100%!important; overflow-y:auto!important; overflow-x:hidden!important; scrollbar-width:thin!important; overscroll-behavior:contain!important; } .oneScreenRoot10150[data-screen="worldrank3"] .onlinePage{ height:100%!important; min-height:0!important; display:grid!important; grid-template-rows:auto minmax(0,1fr)!important; gap:7px!important; overflow:hidden!important; padding:0!important; } .oneScreenRoot10150[data-screen="worldrank3"] .worldRankList{ min-height:0!important; height:100%!important; overflow-y:auto!important; overflow-x:hidden!important; scrollbar-width:thin!important; overscroll-behavior:contain!important; } .oneScreenRoot10150[data-screen="charts"] .chartpage, .oneScreenRoot10150[data-screen="hypecharts"] .hypePage{ height:100%!important; min-height:0!important; display:grid!important; gap:7px!important; overflow:hidden!important; padding:0!important; } .oneScreenRoot10150[data-screen="charts"] .chartpage{grid-template-rows:auto auto minmax(0,1fr)!important} .oneScreenRoot10150[data-screen="hypecharts"] .hypePage{grid-template-rows:auto minmax(0,1fr)!important} .oneScreenRoot10150[data-screen="charts"] .chartlist, .oneScreenRoot10150[data-screen="hypecharts"] .hypeList{ min-height:0!important; height:100%!important; overflow-y:auto!important; overflow-x:hidden!important; scrollbar-width:thin!important; overscroll-behavior:contain!important; } } @media (min-width:761px) and (max-width:1180px){ .oneScreenRoot10150[data-screen="room"] .homeSecondRow10162{ grid-template-columns:minmax(190px,.75fr) minmax(350px,1.45fr) minmax(220px,.8fr)!important; } .oneScreenRoot10150[data-screen="room"] .homeCareerStatsGrid10162 b{font-size:13px!important} .oneScreenRoot10150[data-screen="room"] .homeCareerStatsGrid10162 small{font-size:6.8px!important} } /* styles/53-home-full-width-top-stats-10163.css */ /* LIFE LIKE A DJ — v10163 HOME FULL WIDTH + CAREER KPIs IN TOP BAR HOME only: remove the right rail, move Career Now KPIs into the top bar, and let NEXT SHOW + UPCOMING SHOWS use the recovered width. */ @media (min-width:761px){ /* HOME becomes a true two-column shell: nav + full management workspace. */ .oneScreenRoot10150[data-screen="room"] .oneScreenBody10150{ grid-template-columns:184px minmax(0,1fr)!important; } .oneScreenRoot10150[data-screen="room"] .oneScreenRight10150{ display:none!important; } .oneScreenRoot10150[data-screen="room"] .oneScreenCenter10150, .oneScreenRoot10150[data-screen="room"] .oneScreenViewport10150{ min-width:0!important; width:100%!important; } .oneScreenRoot10150[data-screen="room"] .oneScreenViewport10150{ padding:8px!important; } .oneScreenRoot10150[data-screen="room"] .oneScreenViewport10150 .saveIndicator920{ right:12px!important; } /* The first line uses all available HOME width, no orphaned right rail. */ .oneScreenRoot10150[data-screen="room"] .fmHeroRow54{ grid-template-columns:minmax(0,2.35fr) minmax(350px,1fr)!important; gap:8px!important; width:100%!important; max-width:none!important; } .oneScreenRoot10150[data-screen="room"] .fmHeroNext54, .oneScreenRoot10150[data-screen="room"] .fmHeroShows54{ width:100%!important; max-width:none!important; min-width:0!important; } /* HOME top bar absorbs the old Career Now rail. */ .oneScreenRoot10150[data-screen="room"] .oneScreenTop10150{ grid-template-columns:184px 132px minmax(185px,1fr) auto auto!important; } .oneScreenRoot10150[data-screen="room"] .oneScreenTopStats10150{ display:flex!important; min-width:0!important; overflow:hidden!important; } .oneScreenRoot10150[data-screen="room"] .oneScreenTopStats10150>span{ min-width:66px!important; padding:7px 8px!important; } .oneScreenRoot10150[data-screen="room"] .oneScreenTopStats10150 small{ font-size:7px!important; letter-spacing:.09em!important; } .oneScreenRoot10150[data-screen="room"] .oneScreenTopStats10150 b{ font-size:11.5px!important; } .oneScreenRoot10150[data-screen="room"] .oneScreenTopActions10150{ padding-left:6px!important; padding-right:7px!important; } /* Keep row 2/3 aligned to the now wider workspace. */ .oneScreenRoot10150[data-screen="room"] .homeSecondRow10162, .oneScreenRoot10150[data-screen="room"] .homeFinance10161, .oneScreenRoot10150[data-screen="room"] .homeMarkets10161{ max-width:none!important; } } /* Intermediate desktop widths: keep the important career KPIs and shed duplicates first. */ @media (min-width:1041px) and (max-width:1320px){ .oneScreenRoot10150[data-screen="room"] .oneScreenTop10150{ grid-template-columns:170px 122px minmax(155px,1fr) auto auto!important; } .oneScreenRoot10150[data-screen="room"] .oneScreenTopStats10150>span{ min-width:61px!important; padding:6px!important; } .oneScreenRoot10150[data-screen="room"] .oneScreenTopStats10150>span:nth-child(2){display:none!important} /* fans already lives in career stats */ .oneScreenRoot10150[data-screen="room"] .fmHeroRow54{ grid-template-columns:minmax(0,2.15fr) minmax(310px,1fr)!important; } } /* styles/54-booking-job-studio-scroll-10164.css */ /* LIFE LIKE A DJ — v10164 Booking Desk recovery + internal scroll surfaces for Job Market and Studio. */ @media (min-width:761px){ /* BOOKING — FM-style master/detail desk. No dead internal or global right column. */ .oneScreenRoot10150[data-screen="bookings"] .oneScreenBody10150{grid-template-columns:184px minmax(0,1fr)!important} .oneScreenRoot10150[data-screen="bookings"] .oneScreenRight10150{display:none!important} .oneScreenRoot10150[data-screen="bookings"] .oneScreenViewport10150{padding:8px!important;overflow:hidden!important} .bookingFM10164{height:100%!important;min-height:0!important;display:grid!important;grid-template-rows:52px 76px minmax(0,1fr)!important;gap:8px!important;padding:0!important;overflow:hidden!important;background:#060b14!important} .bookingHead10164{min-height:0!important;height:52px!important;border:1px solid #2b3951!important;border-radius:4px!important;background:#111827!important;padding:7px 10px!important;box-shadow:none!important} .bookingHead10164 h2{margin:1px 0 0!important;font-size:19px!important;line-height:1.05!important}.bookingHead10164 small{font-size:9px!important;color:#7fa8c8!important;letter-spacing:.12em!important} .bookingHead10164 nav{gap:5px!important}.bookingHead10164 nav button{min-height:34px!important;padding:0 12px!important;border-radius:3px!important;font-size:10px!important;border:1px solid #34445f!important;background:#0b1320!important;color:#dbe5f3!important}.bookingHead10164 nav button.active{background:#6f33b7!important;border-color:#9755e1!important;color:#fff!important} .bookingSummary10164{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;min-height:0} .bookingSummary10164 article{min-width:0;border:1px solid #2b3951;background:#101827;padding:9px 11px;border-radius:4px;display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto;column-gap:9px;align-items:center} .bookingSummary10164 small{grid-column:1/-1;color:#7f91aa;font-size:8px;font-weight:900;letter-spacing:.12em}.bookingSummary10164 b{font-size:17px;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.bookingSummary10164 span{font-size:9px;color:#8fa0b7;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:right} .bookingWorkspace10164{min-height:0!important;display:grid!important;grid-template-columns:minmax(310px,.78fr) minmax(0,2.05fr)!important;grid-template-rows:minmax(0,1fr)!important;gap:8px!important;overflow:hidden!important} .bookingList10164,.bookingDetail10164,.bookingEmpty10164{min-height:0!important;border:1px solid #2d3a51!important;border-radius:4px!important;background:#0c1320!important;box-shadow:none!important} .bookingList10164{display:grid!important;grid-template-rows:38px minmax(0,1fr)!important;overflow:hidden!important}.bookingList10164>header{background:#161f31!important;border-bottom:1px solid #34435c!important;padding:0 11px!important}.bookingList10164>div{overflow-y:auto!important;overflow-x:hidden!important;min-height:0!important;scrollbar-width:thin;scrollbar-color:#566783 #0b111c} .bookingRow10152{min-height:62px!important;padding:8px 9px!important;grid-template-columns:64px minmax(0,1fr) auto!important;grid-template-areas:"date main fee" "date main flag"!important;border-bottom:1px solid #243149!important}.bookingRow10152 time{grid-area:date;font-size:10px!important}.bookingRow10152>span{grid-area:main}.bookingRow10152 strong{grid-area:fee;font-size:13px!important}.bookingRow10152 em{grid-area:flag;justify-self:end;font-size:9px!important}.bookingRow10152.active{background:#211536!important;box-shadow:inset 3px 0 #a65cea!important} .bookingDetail10164{display:grid!important;grid-template-rows:auto auto minmax(0,1fr) auto auto!important;overflow:hidden!important}.bookingDetail10164>header{padding:18px 20px!important;background:#141c2b!important;border-bottom:1px solid #344159!important}.bookingDetail10164>header h2{font-size:27px!important;margin:3px 0 4px!important}.bookingDetail10164>header>b{font-size:27px!important;color:#ffd064!important} .bookingDetailGrid10152{display:grid!important;grid-template-columns:repeat(4,1fr)!important;gap:0!important;margin:0!important;border-bottom:1px solid #2c3950!important}.bookingDetailGrid10152 article{border:0!important;border-right:1px solid #2c3950!important;border-radius:0!important;background:#0e1624!important;padding:11px 13px!important}.bookingDetailGrid10152 article:last-child{border-right:0!important}.bookingDetailGrid10152 article small{font-size:8px!important}.bookingDetailGrid10152 article b{font-size:14px!important} .bookingIntel10164{min-height:0;overflow-y:auto;padding:12px 16px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-content:start;gap:8px;scrollbar-width:thin;scrollbar-color:#566783 transparent}.bookingIntel10164>div{border:1px solid #293850;background:#0a111d;padding:12px;border-radius:3px}.bookingIntel10164 small{display:block;color:#8194ad;font-size:8px;font-weight:900;letter-spacing:.12em}.bookingIntel10164 p{margin:5px 0 0;color:#b4c1d2;font-size:11px;line-height:1.45} .bookingTraining10164,.bookingConflict10152{margin:0 16px 8px!important;padding:9px 11px!important;border-radius:3px!important;font-size:10px!important}.bookingTraining10164{border:1px solid #7a6632;background:#211d0f;color:#e9c96e} .bookingDetail10164>footer{display:grid!important;grid-template-columns:1fr 1.4fr!important;gap:7px!important;padding:10px 16px!important;border-top:1px solid #2c3950!important;background:#0a101b!important}.bookingDetail10164>footer button{min-height:38px!important;border-radius:3px!important;font-size:10px!important;font-weight:900!important} .bookingEmpty10164{display:grid!important;place-items:center!important;text-align:center!important;padding:30px!important;background:#0c1320!important}.bookingEmpty10164 h3{font-size:24px!important;margin:5px 0!important}.bookingEmpty10164 p{color:#91a1b7!important;max-width:520px!important}.bookingEmpty10164 button{min-height:40px!important;padding:0 18px!important;background:#7b36be!important;color:#fff!important;border:1px solid #a261e3!important;border-radius:3px!important;font-weight:900!important} /* JOB MARKET — the screen stays fixed; only offers/history scroll inside their tiles. */ .oneScreenRoot10150[data-screen="lifemode10100"] .lifeMode10100.isJobs10131{grid-template-rows:54px 36px auto minmax(0,1fr) 32px!important;overflow:hidden!important} .oneScreenRoot10150[data-screen="lifemode10100"] .isJobs10131 .jobMarket10131{min-height:0!important;height:100%!important;overflow:hidden!important;display:grid!important;grid-template-rows:auto auto auto minmax(0,1fr) auto!important;gap:6px!important} .oneScreenRoot10150[data-screen="lifemode10100"] .isJobs10131 .jobMarket10131>header{margin:0!important;padding:8px 10px!important;border-radius:8px!important;align-items:center!important}.oneScreenRoot10150[data-screen="lifemode10100"] .isJobs10131 .jobMarket10131>header h2{font-size:17px!important;margin:2px 0!important}.oneScreenRoot10150[data-screen="lifemode10100"] .isJobs10131 .jobMarket10131>header p{display:none!important} .oneScreenRoot10150[data-screen="lifemode10100"] .isJobs10131 .jobSummary10131{margin:0!important;gap:6px!important}.oneScreenRoot10150[data-screen="lifemode10100"] .isJobs10131 .jobSummary10131 article{padding:7px 9px!important;border-radius:7px!important}.oneScreenRoot10150[data-screen="lifemode10100"] .isJobs10131 .jobSummary10131 b{font-size:14px!important;margin-top:2px!important}.oneScreenRoot10150[data-screen="lifemode10100"] .isJobs10131 .jobSummary10131 p{display:none!important} .oneScreenRoot10150[data-screen="lifemode10100"] .isJobs10131 .jobNotice10131{margin:0!important;padding:7px 9px!important;border-radius:7px!important}.oneScreenRoot10150[data-screen="lifemode10100"] .isJobs10131 .jobNotice10131 p{font-size:10px!important;margin:1px 0 0!important} .oneScreenRoot10150[data-screen="lifemode10100"] .isJobs10131 .jobGrid10131{min-height:0!important;height:100%!important;overflow-y:auto!important;overflow-x:hidden!important;align-content:start!important;padding-right:3px!important;scrollbar-width:thin;scrollbar-color:#4b6f68 transparent}.oneScreenRoot10150[data-screen="lifemode10100"] .isJobs10131 .jobCard10131{min-height:102px!important;padding:9px!important} .oneScreenRoot10150[data-screen="lifemode10100"] .isJobs10131 .jobHistory10131{max-height:92px!important;overflow-y:auto!important;margin:0!important;padding:8px!important;scrollbar-width:thin} /* STUDIO — long queues scroll in their own panes; the surrounding game screen stays fixed. */ .oneScreenRoot10150[data-screen="studio"] .studio995{display:grid!important;grid-template-rows:54px 250px 70px 34px minmax(0,1fr)!important;gap:7px!important;overflow:hidden!important;padding:0!important} .oneScreenRoot10150[data-screen="studio"] .studio995>.sectionhead{margin:0!important}.oneScreenRoot10150[data-screen="studio"] .studioWorkspace9963{height:250px!important;min-height:0!important;margin:0!important;gap:7px!important}.oneScreenRoot10150[data-screen="studio"] .studioProjectSetup9963,.oneScreenRoot10150[data-screen="studio"] .studioRack9963{padding:11px!important;border-radius:8px!important;min-height:0!important;overflow:hidden!important}.oneScreenRoot10150[data-screen="studio"] .studioRack9963{min-height:0!important}.oneScreenRoot10150[data-screen="studio"] .studioStageRail9963{margin:12px 0 10px!important} .oneScreenRoot10150[data-screen="studio"] .studioPulse10109{height:70px!important;margin:0!important;gap:6px!important}.oneScreenRoot10150[data-screen="studio"] .studioPulse10109 article{padding:7px 9px!important;min-height:0!important}.oneScreenRoot10150[data-screen="studio"] .studioPulse10109 p{display:none!important}.oneScreenRoot10150[data-screen="studio"] .studioQuick10117{height:34px!important;margin:0!important;gap:5px!important}.oneScreenRoot10150[data-screen="studio"] .studioQuick10117 button{min-height:32px!important;padding:0 8px!important} .oneScreenRoot10150[data-screen="studio"] .studioLowerDeck10164{min-height:0!important;height:100%!important;display:grid!important;grid-template-columns:minmax(220px,.8fr) minmax(300px,1.25fr) minmax(200px,.75fr)!important;gap:7px!important;overflow:hidden!important}.oneScreenRoot10150[data-screen="studio"] .studioPane10164{min-height:0!important;height:100%!important;border:1px solid #2a3650;border-radius:8px;background:#0a101c;padding:8px!important;overflow:hidden!important;display:flex!important;flex-direction:column!important}.oneScreenRoot10150[data-screen="studio"] .studioPane10164 .studioSectionTitle9963{flex:0 0 auto}.oneScreenRoot10150[data-screen="studio"] .studioPane10164 .studioSectionTitle9963 h3{font-size:15px!important;margin:2px 0 6px!important}.oneScreenRoot10150[data-screen="studio"] .studioPane10164 .studioSectionTitle9963 p{display:none!important} .oneScreenRoot10150[data-screen="studio"] .studioProjects9963,.oneScreenRoot10150[data-screen="studio"] .studioNpcGrid9964,.oneScreenRoot10150[data-screen="studio"] .studioComplete9963{min-height:0!important;overflow-y:auto!important;overflow-x:hidden!important;scrollbar-width:thin!important;scrollbar-color:#53647f transparent!important;align-content:start!important}.oneScreenRoot10150[data-screen="studio"] .studioProjects9963{display:block!important}.oneScreenRoot10150[data-screen="studio"] .studioProjects9963 article{margin-bottom:6px!important;padding:8px!important}.oneScreenRoot10150[data-screen="studio"] .studioNetworkHead9964{margin:0 0 6px!important;display:block!important;flex:0 0 auto}.oneScreenRoot10150[data-screen="studio"] .studioNetworkControls9964{margin:5px 0!important;gap:5px!important}.oneScreenRoot10150[data-screen="studio"] .studioNetworkTabs9964 button{padding:5px 7px!important}.oneScreenRoot10150[data-screen="studio"] .studioNpcGrid9964{grid-template-columns:1fr!important;gap:5px!important}.oneScreenRoot10150[data-screen="studio"] .studioNpcGrid9964 article{padding:7px!important;min-height:0!important}.oneScreenRoot10150[data-screen="studio"] .studioLoadMore9964,.oneScreenRoot10150[data-screen="studio"] .studioNetworkCount9964{margin:5px 0 0!important;flex:0 0 auto}.oneScreenRoot10150[data-screen="studio"] .studioComplete9963{margin:0!important} } @media (min-width:761px) and (max-width:1180px){.bookingWorkspace10164{grid-template-columns:260px minmax(0,1fr)!important}.bookingSummary10164{grid-template-columns:repeat(2,1fr)}.bookingFM10164{grid-template-rows:52px 142px minmax(0,1fr)!important}.oneScreenRoot10150[data-screen="studio"] .studioLowerDeck10164{grid-template-columns:1fr 1fr!important}.oneScreenRoot10150[data-screen="studio"] .catalog10164{display:none!important}} @media (min-width:761px){ /* Final v10164 booking DOM: summary strip + master/detail workspace */ .oneScreenRoot10150[data-screen="bookings"] .bookingFM10164{ display:grid!important;grid-template-rows:50px 74px minmax(0,1fr)!important;gap:8px!important;height:100%!important;overflow:hidden!important } .oneScreenRoot10150[data-screen="bookings"] .bookingSummary10164{ display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:8px!important;min-height:0!important } .oneScreenRoot10150[data-screen="bookings"] .bookingSummary10164 article{ border:1px solid #2b3750;border-radius:7px;background:#0c1321;padding:9px 11px;display:grid;grid-template-columns:1fr auto;grid-template-rows:auto auto;align-items:end;column-gap:10px;min-width:0 } .oneScreenRoot10150[data-screen="bookings"] .bookingSummary10164 small{grid-column:1/-1;color:#7f91ad;font-size:9px!important;letter-spacing:.1em;font-weight:800} .oneScreenRoot10150[data-screen="bookings"] .bookingSummary10164 b{font-size:18px!important;line-height:1.05;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis} .oneScreenRoot10150[data-screen="bookings"] .bookingSummary10164 span{font-size:10px;color:#8999af;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:right} .oneScreenRoot10150[data-screen="bookings"] .bookingWorkspace10164{ display:grid!important;grid-template-columns:minmax(300px,.78fr) minmax(0,1.72fr)!important;grid-template-rows:minmax(0,1fr)!important;grid-template-areas:none!important;gap:8px!important;min-height:0!important;overflow:hidden!important } .oneScreenRoot10150[data-screen="bookings"] .bookingList10164{min-height:0!important;height:100%!important} .oneScreenRoot10150[data-screen="bookings"] .bookingList10164>div{min-height:0!important;height:100%!important;overflow-y:auto!important;scrollbar-width:thin} .oneScreenRoot10150[data-screen="bookings"] .bookingDetail10164{height:100%!important;min-height:0!important;display:grid!important;grid-template-rows:auto auto minmax(0,1fr) auto auto!important;overflow:hidden!important} .oneScreenRoot10150[data-screen="bookings"] .bookingIntel10164{min-height:0!important;overflow-y:auto!important;padding:14px 18px!important;display:grid!important;align-content:start!important;gap:8px!important;scrollbar-width:thin} .oneScreenRoot10150[data-screen="bookings"] .bookingIntel10164>div{border:1px solid #25324a;border-radius:7px;background:#0d1524;padding:10px 12px} .oneScreenRoot10150[data-screen="bookings"] .bookingIntel10164 small{color:#9c79d7;font-weight:800;letter-spacing:.08em} .oneScreenRoot10150[data-screen="bookings"] .bookingIntel10164 p{margin:4px 0 0!important;color:#a8b5c8} .oneScreenRoot10150[data-screen="bookings"] .bookingTraining10164{margin:0 18px 10px;padding:9px 11px;border:1px solid #735c2b;border-radius:7px;background:#221b0c;color:#e9cb78;font-size:11px;font-weight:800} .oneScreenRoot10150[data-screen="bookings"] .bookingEmpty10164{height:100%!important;min-height:0!important} } /* styles/55-home-travel-clubhunt-10165.css */ /* LIFE LIKE A DJ — v10165 HOME HERO GAP FIX + TRAVEL / CLUB HUNT RESTORE Desktop FM shell: the HOME hero uses a simple flex split to avoid legacy grid-column conflicts. Travel and Club Hunt are restored as direct management destinations. */ @media (min-width:761px){ /* HOME row 1: two panels must consume the whole row — never leave an orphaned middle column. */ .oneScreenRoot10150[data-screen="room"] .fmHeroRow54{ display:flex!important; flex-direction:row!important; align-items:stretch!important; justify-content:stretch!important; gap:8px!important; width:100%!important; max-width:none!important; min-width:0!important; min-height:0!important; overflow:hidden!important; grid-template-columns:none!important; } .oneScreenRoot10150[data-screen="room"] .fmHeroRow54>.fmHeroNext54{ flex:1.82 1 0!important; width:auto!important; max-width:none!important; min-width:0!important; height:100%!important; margin:0!important; grid-column:auto!important; } .oneScreenRoot10150[data-screen="room"] .fmHeroRow54>.fmHeroShows54{ flex:1 1 0!important; width:auto!important; max-width:none!important; min-width:330px!important; height:100%!important; margin:0!important; grid-column:auto!important; } .oneScreenRoot10150[data-screen="room"] .fmHeroRow54>.fmHeroMomentum54{display:none!important} /* Left navigation stays compact even after restoring Travel + Club Hunt. */ .oneScreenLeft10150{overflow-y:auto!important} .oneScreenSecondary10150{margin-top:12px!important;padding-top:9px!important;gap:2px!important} .oneScreenSecondary10150 .oneScreenNavItem10150{min-height:38px!important} /* Travel is a management workspace: scroll inside the center pane, never the whole browser page. */ .oneScreenRoot10150[data-screen="world"] .oneScreenViewport10150{overflow:hidden!important} .oneScreenRoot10150[data-screen="world"] .worldpage10111{ height:100%!important; min-height:0!important; overflow-y:auto!important; overflow-x:hidden!important; overscroll-behavior:contain!important; scrollbar-width:thin!important; padding:10px 12px 24px!important; } .oneScreenRoot10150[data-screen="world"] .worldQuick10111{ grid-template-columns:repeat(5,minmax(0,1fr))!important; gap:6px!important; } /* Club Hunt keeps its own workspace scroll instead of disappearing below the viewport. */ .oneScreenRoot10150[data-screen="cityclubs450"] .oneScreenViewport10150{overflow:hidden!important} .oneScreenRoot10150[data-screen="cityclubs450"] .clubHuntP28{ height:100%!important; min-height:0!important; overflow-y:auto!important; overflow-x:hidden!important; overscroll-behavior:contain!important; scrollbar-width:thin!important; } } @media (min-width:761px) and (max-width:1180px){ .oneScreenRoot10150[data-screen="room"] .fmHeroRow54>.fmHeroShows54{min-width:285px!important} } /* styles/56-travel-internal-scroll-10166.css */ /* LIFE LIKE A DJ — v10166 TRAVEL INTERNAL SCROLL FM one-screen rule: browser/page remains fixed; Travel content scrolls inside one management card. */ @media (min-width:761px){ .oneScreenRoot10150[data-screen="world"] .oneScreenViewport10150{ overflow:hidden!important; padding:8px!important; } .oneScreenRoot10150[data-screen="world"] .travelFM10166{ height:100%!important; min-height:0!important; display:grid!important; grid-template-rows:auto minmax(0,1fr)!important; gap:8px!important; overflow:hidden!important; padding:0!important; } .oneScreenRoot10150[data-screen="world"] .travelHead10166{ margin:0!important; min-height:58px!important; border:1px solid #2d3950!important; background:#111827!important; padding:9px 12px!important; } .oneScreenRoot10150[data-screen="world"] .travelHead10166 h2{ margin:1px 0 0!important; font-size:18px!important; line-height:1.05!important; } .oneScreenRoot10150[data-screen="world"] .travelHead10166 p{ margin:2px 0 0!important; font-size:11px!important; line-height:1.3!important; } .oneScreenRoot10150[data-screen="world"] .travelScrollCard10166{ min-height:0!important; overflow-y:auto!important; overflow-x:hidden!important; overscroll-behavior:contain!important; scrollbar-width:thin!important; scrollbar-color:#68758d #0d1421!important; border:1px solid #2d3950!important; border-radius:7px!important; background:#0d1421!important; padding:10px 10px 20px!important; } .oneScreenRoot10150[data-screen="world"] .travelScrollCard10166::-webkit-scrollbar{width:8px} .oneScreenRoot10150[data-screen="world"] .travelScrollCard10166::-webkit-scrollbar-track{background:#0d1421} .oneScreenRoot10150[data-screen="world"] .travelScrollCard10166::-webkit-scrollbar-thumb{ background:#68758d; border-radius:7px; border:2px solid #0d1421; } /* Keep country jumps usable while the card itself scrolls. */ .oneScreenRoot10150[data-screen="world"] .countryJump568{ position:sticky!important; top:-10px!important; z-index:6!important; background:#0d1421!important; padding:8px 0!important; margin-top:8px!important; } .oneScreenRoot10150[data-screen="world"] .airportCountry568{scroll-margin-top:60px!important} } /* styles/57-studio-network-top-markets-10167.css */ /* LIFE LIKE A DJ — v10167 Studio Real Player Network clarity + HOME Top Markets = 5 visible rows. */ @media (min-width:761px){ /* STUDIO / REAL PLAYER NETWORK Keep the pane fixed, but make the player list itself the scroll surface. Cards use real row height instead of being squeezed into thin overlapping tracks. */ .oneScreenRoot10150[data-screen="studio"] .studioPane10164.network10164{ min-height:0!important; overflow:hidden!important; } .oneScreenRoot10150[data-screen="studio"] .studioPane10164.network10164 .studioNetworkHead9964{ flex:0 0 auto!important; } .oneScreenRoot10150[data-screen="studio"] .studioPane10164.network10164 .studioNpcGrid9964{ flex:1 1 auto!important; min-height:0!important; height:auto!important; display:block!important; overflow-y:auto!important; overflow-x:hidden!important; padding:0 3px 0 0!important; margin:0!important; scrollbar-width:thin!important; scrollbar-color:#566783 #0b111c!important; overscroll-behavior:contain!important; } .oneScreenRoot10150[data-screen="studio"] .studioPane10164.network10164 .studioNpcCard9964{ min-height:76px!important; height:auto!important; box-sizing:border-box!important; display:grid!important; grid-template-columns:36px minmax(0,1fr) 72px!important; gap:8px!important; align-items:center!important; padding:8px!important; margin:0 0 6px!important; overflow:visible!important; transform:none!important; filter:none!important; opacity:1!important; border-radius:5px!important; background:#111827!important; border:1px solid #303b52!important; } .oneScreenRoot10150[data-screen="studio"] .studioPane10164.network10164 .studioNpcCard9964:last-child{margin-bottom:0!important} .oneScreenRoot10150[data-screen="studio"] .studioPane10164.network10164 .studioNpcCard9964>b{ font-size:23px!important; line-height:1!important; align-self:center!important; } .oneScreenRoot10150[data-screen="studio"] .studioPane10164.network10164 .studioNpcCard9964>div{ min-width:0!important; overflow:hidden!important; } .oneScreenRoot10150[data-screen="studio"] .studioPane10164.network10164 .studioNpcCard9964 h3{ margin:2px 0 4px!important; font-size:12px!important; line-height:1.1!important; white-space:nowrap!important; overflow:hidden!important; text-overflow:ellipsis!important; } .oneScreenRoot10150[data-screen="studio"] .studioPane10164.network10164 .studioNpcCard9964 small{ display:block!important; font-size:8px!important; line-height:1.15!important; white-space:nowrap!important; overflow:hidden!important; text-overflow:ellipsis!important; } .oneScreenRoot10150[data-screen="studio"] .studioPane10164.network10164 .studioNpcMeta9964{ display:flex!important; gap:4px!important; flex-wrap:nowrap!important; min-width:0!important; margin-top:4px!important; overflow:hidden!important; } .oneScreenRoot10150[data-screen="studio"] .studioPane10164.network10164 .studioNpcMeta9964 span{ flex:0 1 auto!important; min-width:0!important; padding:3px 5px!important; font-size:7px!important; white-space:nowrap!important; overflow:hidden!important; text-overflow:ellipsis!important; } .oneScreenRoot10150[data-screen="studio"] .studioPane10164.network10164 .studioNpcCard9964>button{ width:72px!important; min-width:72px!important; min-height:30px!important; padding:0 6px!important; border-radius:3px!important; font-size:8px!important; font-weight:900!important; } .oneScreenRoot10150[data-screen="studio"] .studioPane10164.network10164 .studioLoadMore9964{ flex:0 0 auto!important; width:100%!important; min-height:32px!important; margin:6px 0 0!important; padding:0 10px!important; border-radius:4px!important; } .oneScreenRoot10150[data-screen="studio"] .studioPane10164.network10164 .studioNetworkCount9964{ flex:0 0 auto!important; margin:6px 0 0!important; padding:4px 0!important; } /* HOME / TOP MARKETS — show five markets in the existing tile without growing HOME. */ .oneScreenRoot10150[data-screen="room"] .homeMarketRows10161{ overflow:hidden!important; padding:2px 9px 4px!important; display:grid!important; grid-template-rows:repeat(5,minmax(0,1fr))!important; } .oneScreenRoot10150[data-screen="room"] .homeMarketRows10161 article{ min-height:0!important; height:auto!important; grid-template-columns:21px 25px minmax(0,1fr) 31px!important; grid-template-rows:minmax(0,1fr) 2px!important; gap:2px 6px!important; padding:2px 0!important; } .oneScreenRoot10150[data-screen="room"] .homeMarketRank10161{font-size:8px!important} .oneScreenRoot10150[data-screen="room"] .homeMarketFlag10161{font-size:16px!important} .oneScreenRoot10150[data-screen="room"] .homeMarketRows10161 article div b{font-size:9.5px!important} .oneScreenRoot10150[data-screen="room"] .homeMarketRows10161 article div small{margin-top:1px!important;font-size:6.8px!important} .oneScreenRoot10150[data-screen="room"] .homeMarketRows10161 article>strong{font-size:12px!important} .oneScreenRoot10150[data-screen="room"] .homeMarketRows10161 article>i{height:2px!important} } /* styles/58-contract-one-screen-10168.css */ /* v10168 — CONTRACT SIGNED one-screen pass Desktop: keep the cinematic agreement, contract paper and action buttons visible inside one viewport. No modal scroll is required to reach CONTINUE. */ @media (min-width:951px){ .contractOverlayP17{ padding:14px; overflow:hidden; } .contractModalP17{ width:min(1380px,96vw); height:min(800px,calc(100dvh - 28px)); max-height:calc(100dvh - 28px); overflow:hidden; display:grid; grid-template-rows:auto minmax(0,1fr) auto; border-radius:18px; } .contractHeaderP17{ position:relative; top:auto; padding:13px 20px; min-height:0; } .contractHeaderP17 h1{ font-size:clamp(30px,3.1vw,46px); line-height:1; } .contractHeaderP17 button{ width:38px; height:38px; font-size:24px; } .contractBodyP17{ grid-template-columns:minmax(0,1.08fr) minmax(390px,.92fr); min-height:0; height:100%; overflow:hidden; } .contractMomentP17{ min-height:0; height:100%; display:grid; grid-template-rows:minmax(0,1fr) auto; overflow:hidden; } .contractCinemaP17{ height:auto; min-height:0; } .contractCinemaCopyP17{ left:22px; bottom:18px; } .contractCinemaCopyP17 h2{ font-size:clamp(24px,2.5vw,38px); margin:3px 0; } .contractDealP17{ gap:7px; padding:12px 16px; } .contractDealP17 div{ padding:9px 11px; border-radius:9px; } .contractDealP17 small{ font-size:9px; margin-bottom:3px; } .contractDealP17 b{ font-size:14px; } .contractPaperWrapP17{ padding:13px; min-height:0; height:100%; overflow:hidden; } .contractPaperP17{ width:min(100%,540px); height:100%; min-height:0; box-sizing:border-box; padding:20px 25px; overflow:hidden; } .contractPaperTopP17{ padding-bottom:8px; } .contractPaperTopP17 small{font-size:8px} .contractPaperTopP17 b{font-size:12px} .contractPaperTopP17>span{font-size:9px} .contractPaperP17 h3{ margin:13px 0 9px; font-size:17px; } .contractPaperP17 h4{ font-size:9.5px; margin:11px 0 5px; padding-bottom:3px; } .contractPaperP17 p{ font-size:10.5px; line-height:1.35; margin:7px 0; } .contractPaperP17 dl{ grid-template-columns:125px 1fr; gap:3px 8px; font-size:10px; } .contractSignaturesP17{ gap:30px; margin-top:15px; } .contractSignatureP17{ font-size:22px; } .contractSignaturesP17 small{ margin-top:4px; font-size:8px; } .contractPaperP17 footer{ margin-top:13px; } .contractPaperP17 footer span{ padding:4px 8px; font-size:9px; } .contractPaperP17 footer small{ font-size:8px; } .contractActionsP17{ position:relative; bottom:auto; padding:10px 18px; min-height:0; } .contractActionsP17 button{ padding:10px 16px; border-radius:8px; } } /* Short desktop/laptop viewports: compact a little more rather than introducing a modal scrollbar. */ @media (min-width:951px) and (max-height:760px){ .contractModalP17{height:calc(100dvh - 16px);max-height:calc(100dvh - 16px)} .contractOverlayP17{padding:8px} .contractHeaderP17{padding:9px 16px} .contractHeaderP17 h1{font-size:30px} .contractDealP17{padding:8px 12px} .contractPaperWrapP17{padding:9px} .contractPaperP17{padding:14px 19px} .contractPaperP17 h3{margin:8px 0 6px;font-size:15px} .contractPaperP17 h4{margin:7px 0 3px} .contractPaperP17 p{font-size:9.5px;line-height:1.25;margin:4px 0} .contractPaperP17 dl{font-size:9px;gap:2px 7px} .contractSignaturesP17{margin-top:8px} .contractSignatureP17{font-size:18px} .contractPaperP17 footer{margin-top:8px} .contractActionsP17{padding:7px 14px} .contractActionsP17 button{padding:8px 14px} } /* styles/59-arrival-one-screen-10169.css */ /* v10169 — compact FM-like venue arrival desk. No empty cinematic band above content. */ @media (min-width:761px){ .arrivalP1.arrivalCompact10169{ min-height:calc(100dvh - 86px); height:calc(100dvh - 86px); box-sizing:border-box; display:flex; align-items:flex-start; justify-content:center; padding:18px 22px; overflow:hidden; background:#070b11; } .arrivalCompact10169 .arrivalBackdropP1{ background: radial-gradient(circle at 82% 18%,rgba(94,126,161,.13),transparent 30%), linear-gradient(135deg,#070a0f 0%,#0a1018 55%,#080b10 100%); } .arrivalCompact10169 .arrivalPhaser10091{display:none!important} .arrivalDesk10169{ position:relative; z-index:2; width:min(1180px,100%); max-height:100%; box-sizing:border-box; border:1px solid #2c3745; border-radius:12px; background:#0c121b; box-shadow:0 18px 42px rgba(0,0,0,.32); overflow:hidden; } .arrivalCompact10169.official .arrivalDesk10169{border-color:rgba(239,98,48,.48)} .arrivalHead10169{ display:flex; align-items:center; justify-content:space-between; gap:22px; min-height:96px; padding:18px 22px; border-bottom:1px solid #2b3542; background:#111827; } .arrivalHead10169 small,.arrivalShow10169>small,.arrivalBrief10169 header small,.arrivalBriefCopy10169 small{ display:block; font-size:10px; line-height:1.2; font-weight:850; letter-spacing:.14em; color:#7fd9ee; } .arrivalHead10169 h1{margin:5px 0 2px;font-size:32px;line-height:1;font-weight:780;letter-spacing:-.035em;color:#f3f6fa} .arrivalHead10169 p{margin:0;font-size:14px;color:#aeb9c6} .arrivalHeadStatus10169{ min-width:170px; padding:12px 14px; border:1px solid #344152; background:#0b1119; } .arrivalHeadStatus10169 small{font-size:9px;color:#7f8b99;letter-spacing:.12em} .arrivalHeadStatus10169 b{display:block;margin-top:4px;font-size:14px;color:#e9f0f6} .arrivalGrid10169{ display:grid; grid-template-columns:minmax(0,1.65fr) minmax(330px,.85fr); gap:0; min-height:0; } .arrivalMain10169{padding:22px;border-right:1px solid #2b3542;min-width:0} .arrivalShow10169{padding:4px 0 16px} .arrivalShow10169 h2{margin:6px 0 4px;font-size:26px;line-height:1.08;color:#f0f4f8;letter-spacing:-.025em} .arrivalShow10169 p{margin:0;color:#99a6b5;font-size:13px} .arrivalMetaP1.arrivalMeta10169{margin:4px 0 14px;gap:8px} .arrivalMetaP1.arrivalMeta10169>span{border-radius:6px;padding:12px;background:#0a1018;border-color:#2b3542} .arrivalMetaP1.arrivalMeta10169 small{font-size:8px} .arrivalMetaP1.arrivalMeta10169 b{font-size:12px;line-height:1.2} .arrivalStoryP1.arrivalStory10169{margin:0;border-radius:6px;padding:14px;background:#0a1018;border-color:#2b3542} .arrivalStoryP1.arrivalStory10169 b{font-size:11px;color:#eef3f7} .arrivalStoryP1.arrivalStory10169 p{font-size:12px;line-height:1.42;margin-top:6px} .arrivalBrief10169{display:flex;flex-direction:column;gap:12px;padding:20px;min-width:0;background:#0a0f17} .arrivalBrief10169>header{padding-bottom:12px;border-bottom:1px solid #27313d} .arrivalBrief10169>header b{display:block;margin-top:4px;font-size:18px;color:#f0f4f7} .arrivalBrief10169 .arrivalAddressP1{margin:0;border-radius:4px;font-size:11px} .arrivalBrief10169 .arrivalFeaturesP1{margin:0;gap:6px} .arrivalBrief10169 .arrivalFeaturesP1 span{font-size:9px;border-radius:5px;padding:5px 7px} .arrivalBriefCopy10169{padding:12px;border:1px solid #27313d;background:#0c131d} .arrivalBriefCopy10169 p{margin:6px 0 0;color:#9da9b6;font-size:11px;line-height:1.45} .arrivalActions10169{margin-top:auto;display:grid;grid-template-columns:1.35fr 1fr;gap:8px} .arrivalActions10169 button{margin:0!important;min-height:44px;border-radius:6px;font-size:11px;font-weight:800} } @media (min-width:761px) and (max-height:760px){ .arrivalP1.arrivalCompact10169{padding:10px 16px;height:calc(100dvh - 72px);min-height:calc(100dvh - 72px)} .arrivalHead10169{min-height:76px;padding:12px 18px} .arrivalHead10169 h1{font-size:27px} .arrivalMain10169{padding:16px} .arrivalBrief10169{padding:16px;gap:9px} .arrivalShow10169{padding-bottom:10px} .arrivalShow10169 h2{font-size:22px} .arrivalMetaP1.arrivalMeta10169>span{padding:9px} .arrivalStoryP1.arrivalStory10169{padding:11px} .arrivalActions10169 button{min-height:38px} } @media (max-width:760px){ .arrivalP1.arrivalCompact10169{min-height:100dvh;display:block;padding:10px;overflow:auto} .arrivalCompact10169 .arrivalPhaser10091{display:none!important} .arrivalDesk10169{position:relative;z-index:2;border:1px solid #2c3745;border-radius:10px;background:#0c121b;overflow:hidden} .arrivalHead10169{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;padding:14px;border-bottom:1px solid #2b3542} .arrivalHead10169 h1{margin:4px 0;font-size:25px}.arrivalHead10169 p{margin:0;color:#9facb8;font-size:12px} .arrivalHead10169 small,.arrivalShow10169>small,.arrivalBrief10169 header small,.arrivalBriefCopy10169 small{font-size:9px;font-weight:800;letter-spacing:.12em;color:#7fd9ee} .arrivalHeadStatus10169{display:none} .arrivalGrid10169{display:block} .arrivalMain10169,.arrivalBrief10169{padding:14px} .arrivalShow10169 h2{margin:5px 0;font-size:21px}.arrivalShow10169 p{font-size:11px;color:#9facb8} .arrivalMetaP1.arrivalMeta10169{grid-template-columns:1fr 1fr;margin:12px 0} .arrivalStoryP1.arrivalStory10169{margin:0 0 12px} .arrivalBrief10169{display:flex;flex-direction:column;gap:10px;border-top:1px solid #2b3542;background:#0a0f17} .arrivalActions10169{display:grid;grid-template-columns:1fr;gap:8px} .arrivalActions10169 button{margin:0!important} } /* styles/60-label-life-cleanup-10172.css */ /* v10172 — Label Desk + Life duplicate-action cleanup */ @media (min-width:761px){ .oneScreenRoot10150[data-screen="labeldeals750"] .labelPage750.labelDesk10172{display:grid!important;grid-template-rows:50px 78px minmax(0,1fr) 86px!important;gap:7px!important;height:100%!important;min-height:0!important;overflow:hidden!important;padding:8px 10px!important;background:#080d15!important} .oneScreenRoot10150[data-screen="labeldeals750"] .labelDesk10172>.sectionhead{height:50px!important;min-height:0!important;margin:0!important;padding:5px 8px!important;align-items:center!important;border:1px solid #26354a!important;background:#101824!important}.labelDesk10172>.sectionhead .back{display:none!important}.labelDesk10172>.sectionhead small{font-size:7px!important;color:#75d9ef!important}.labelDesk10172>.sectionhead h2{margin:0!important;font-size:19px!important}.labelDesk10172>.sectionhead p{margin:2px 0 0!important;font-size:8px!important;color:#899bb1!important} .labelStatus10172{height:78px!important;min-height:0!important;margin:0!important;padding:8px 10px!important;border:1px solid #34415a!important;border-radius:6px!important;background:#141a27!important;display:grid!important;grid-template-columns:minmax(220px,1.2fr) minmax(360px,1.6fr) auto!important;gap:10px!important;align-items:center!important;overflow:hidden!important}.labelIndependent750.labelStatus10172{grid-template-columns:minmax(250px,1.1fr) minmax(420px,1.9fr)!important}.labelStatusCopy10172>small{display:block;color:#8da0b7;font-size:7px;font-weight:900;letter-spacing:.14em}.labelStatusCopy10172>h2{margin:2px 0!important;font-size:16px!important}.labelStatusCopy10172>p{margin:2px 0 0!important;color:#93a3b7!important;font-size:8px!important;line-height:1.28!important}.labelStatusKpis10172{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:5px!important}.labelStatusKpis10172>span{padding:7px 8px!important;border:1px solid #29374b!important;border-radius:4px!important;background:#0e1520!important;text-align:left!important}.labelStatusKpis10172 small{display:block!important;color:#768aa3!important;font-size:6px!important;font-weight:900!important}.labelStatusKpis10172 b{display:block!important;margin-top:2px!important;color:#f3f7fb!important;font-size:14px!important}.labelStatus10172>.danger{min-width:120px;min-height:34px;padding:7px 10px;font-size:7px} .labelMarketDesk10172,.labelHistoryDesk10172{min-height:0;overflow:hidden;border:1px solid #26354a;border-radius:6px;background:#0d141f}.labelMarketDesk10172{display:grid;grid-template-rows:31px minmax(0,1fr)}.labelHistoryDesk10172{display:grid;grid-template-rows:29px minmax(0,1fr)}.labelMarketDesk10172>header,.labelHistoryDesk10172>header{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:5px 9px;border-bottom:1px solid #2a374a;background:#171e2c}.labelMarketDesk10172>header small,.labelHistoryDesk10172>header small{display:block;color:#7d91aa;font-size:6px;font-weight:900;letter-spacing:.14em}.labelMarketDesk10172>header b,.labelHistoryDesk10172>header b{display:block;margin-top:1px;font-size:9px}.labelMarketDesk10172>header>span,.labelHistoryDesk10172>header>span{color:#8da0b8;font-size:7px;font-weight:900} .oneScreenRoot10150[data-screen="labeldeals750"] .labelMarketDesk10172 .labelGrid750{min-height:0!important;height:100%!important;margin:0!important;padding:7px!important;overflow-y:auto!important;overflow-x:hidden!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:7px!important;align-content:stretch!important}.labelCard10172{height:100%!important;min-height:0!important;padding:9px!important;border-radius:5px!important;background:#111925!important;border:1px solid #2c394d!important;opacity:1!important;display:grid!important;grid-template-rows:auto auto auto auto 1fr!important;gap:7px!important}.labelCard10172.eligible{border-color:#69498d!important;box-shadow:inset 0 2px 0 #9d63d1}.labelCard10172.active{border-color:#41987d!important;box-shadow:inset 0 2px 0 #63d4ad}.labelCard10172>header{display:flex;justify-content:space-between;gap:8px;align-items:flex-start}.labelBrand10172{display:flex;gap:8px;align-items:center;min-width:0}.labelBrand10172>b{font-size:23px!important}.labelBrand10172 small{display:block;margin:0!important;color:#9471bd!important;font-size:6px!important;font-weight:900!important}.labelBrand10172 h3{margin:2px 0 0!important;font-size:12px!important}.labelState10172{flex:none;padding:4px 6px;border:1px solid #37465b;border-radius:3px;background:#131b27;color:#8ea0b5;font-size:6px;font-weight:900}.labelState10172.isReady{border-color:#77539b;color:#d6b7ef;background:#23172e}.labelCard10172>p{min-height:0!important;margin:0!important;color:#8d9db1!important;font-size:8px!important;line-height:1.35!important}.labelTerms10172{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:4px!important}.labelTerms10172>span{padding:6px 7px!important;border:1px solid #273448!important;border-radius:3px!important;background:#0d141e!important;text-align:left!important}.labelTerms10172 small,.labelReqs10172 small{display:block;color:#70839c;font-size:5.5px;font-weight:900}.labelTerms10172 strong{display:block;margin-top:2px;font-size:11px!important}.labelReqs10172{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px}.labelReqs10172>span{padding:5px 6px;border:1px solid #2b3749;background:#0c121b;min-width:0}.labelReqs10172 b{display:block;margin-top:2px;font-size:8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.labelReqs10172 .met{border-color:#2e5d51}.labelReqs10172 .met b{color:#79dfbd}.labelReqs10172 .miss{border-color:#52353f}.labelReqs10172 .miss b{color:#e3a1ae}.labelCard10172>footer{align-self:end;display:flex;min-height:31px;align-items:center}.labelCard10172>footer button{width:100%;min-height:30px;padding:6px 8px!important;font-size:7px!important}.labelCard10172>footer>span{color:#77899f;font-size:7px} .oneScreenRoot10150[data-screen="labeldeals750"] .labelHistoryDesk10172 .labelHistory750{height:100%!important;min-height:0!important;margin:0!important;padding:6px!important;overflow-x:auto!important;overflow-y:hidden!important;display:flex!important;gap:6px!important}.labelHistoryDesk10172 .labelHistory750 article{flex:0 0 220px;height:45px;padding:6px 8px;border-radius:4px;background:#111925;border:1px solid #29364a}.labelHistoryDesk10172 .labelHistory750>p{margin:auto 8px;color:#7f91a8;font-size:8px} .oneScreenRoot10150[data-screen="lifemode10100"] .lifeMode10100.isCity10100 .lifeLayout10100,.oneScreenRoot10150[data-screen="lifemode10100"] .lifeMode10100.isApartment10100 .lifeLayout10100{height:clamp(390px,56vh,535px)!important;min-height:390px!important} } @media(max-width:760px){.labelStatus10172{display:grid!important;grid-template-columns:1fr!important}.labelStatusKpis10172{grid-template-columns:repeat(2,1fr)!important}.labelMarketDesk10172 .labelGrid750{grid-template-columns:1fr!important}} /* styles/61-management-internal-scroll-10173.css */ /* LIFE LIKE A DJ — v10173 MANAGEMENT / PROMOTER INTERNAL SCROLL One-screen rule: the Management & Promoters page stays fixed; long lower market/ledger lists scroll inside their own panels instead of below viewport. */ @media (min-width:761px){ .oneScreenRoot10150[data-screen="business410"] .business410{ height:100%!important; min-height:0!important; overflow:hidden!important; display:grid!important; grid-template-rows:44px 56px 14px 154px 14px 108px minmax(132px,1fr) 14px 82px!important; gap:5px!important; padding:8px 10px!important; box-sizing:border-box!important; } .oneScreenRoot10150[data-screen="business410"] .business410>.sectionhead{ height:44px!important; min-height:44px!important; margin:0!important; padding:0 4px!important; } .oneScreenRoot10150[data-screen="business410"] .business410>.sectionhead h2{ font-size:19px!important; margin:0!important; } .oneScreenRoot10150[data-screen="business410"] .business410>.sectionhead small{ font-size:8px!important; } .oneScreenRoot10150[data-screen="business410"] .economyHero410{ height:56px!important; min-height:0!important; margin:0!important; gap:6px!important; } .oneScreenRoot10150[data-screen="business410"] .economyHero410>div{ min-height:0!important; padding:7px 10px!important; border-radius:6px!important; } .oneScreenRoot10150[data-screen="business410"] .economyHero410 small{font-size:7px!important} .oneScreenRoot10150[data-screen="business410"] .economyHero410 b{font-size:14px!important;margin-top:2px!important} .oneScreenRoot10150[data-screen="business410"] .businessTitle410{ height:14px!important; margin:0!important; display:flex!important; align-items:flex-end!important; font-size:9px!important; line-height:1!important; } .oneScreenRoot10150[data-screen="business410"] .managerGrid410, .oneScreenRoot10150[data-screen="business410"] .promoterGrid410{ height:100%!important; min-height:0!important; overflow:hidden!important; gap:6px!important; } .oneScreenRoot10150[data-screen="business410"] .manager410{ min-height:0!important; padding:7px 9px!important; gap:8px!important; border-radius:6px!important; } .oneScreenRoot10150[data-screen="business410"] .managerIcon410{font-size:21px!important} .oneScreenRoot10150[data-screen="business410"] .manager410 small{font-size:6px!important} .oneScreenRoot10150[data-screen="business410"] .manager410 h3{font-size:11px!important;margin:1px 0!important} .oneScreenRoot10150[data-screen="business410"] .manager410 p{ font-size:7px!important; line-height:1.2!important; margin:1px 0 3px!important; white-space:nowrap!important; overflow:hidden!important; text-overflow:ellipsis!important; } .oneScreenRoot10150[data-screen="business410"] .manager410 span{font-size:5.5px!important;padding:2px 4px!important} .oneScreenRoot10150[data-screen="business410"] .manager410 button{min-width:62px!important;min-height:30px!important;padding:5px 8px!important;font-size:7px!important} .oneScreenRoot10150[data-screen="business410"] .promoter410{ min-height:0!important; padding:7px 8px!important; gap:7px!important; border-radius:6px!important; } .oneScreenRoot10150[data-screen="business410"] .promoter410>div{font-size:19px!important} .oneScreenRoot10150[data-screen="business410"] .promoter410 small{font-size:6px!important} .oneScreenRoot10150[data-screen="business410"] .promoter410 h3{font-size:10px!important;margin:1px 0!important} .oneScreenRoot10150[data-screen="business410"] .promoter410 p{ font-size:7px!important; line-height:1.15!important; margin:1px 0 3px!important; white-space:nowrap!important; overflow:hidden!important; text-overflow:ellipsis!important; } .oneScreenRoot10150[data-screen="business410"] .promoter410 b{font-size:6px!important} .oneScreenRoot10150[data-screen="business410"] .relBar410{height:4px!important;margin:4px 0!important} /* Bottom tile: fixed header + independently scrollable promoter rows. */ .oneScreenRoot10150[data-screen="business410"] .lwPromoterPulse33{ height:100%!important; min-height:0!important; margin:0!important; overflow:hidden!important; display:grid!important; grid-template-rows:54px minmax(0,1fr)!important; border-radius:6px!important; box-shadow:none!important; } .oneScreenRoot10150[data-screen="business410"] .lwPromoterPulse33>header{ min-height:0!important; padding:7px 10px!important; align-items:center!important; } .oneScreenRoot10150[data-screen="business410"] .lwPromoterPulse33 header small{font-size:6px!important} .oneScreenRoot10150[data-screen="business410"] .lwPromoterPulse33 h3{font-size:13px!important;margin:1px 0 2px!important} .oneScreenRoot10150[data-screen="business410"] .lwPromoterPulse33 header p{ font-size:7px!important; line-height:1.25!important; white-space:nowrap!important; overflow:hidden!important; text-overflow:ellipsis!important; } .oneScreenRoot10150[data-screen="business410"] .lwPromoterPulse33>div{ min-height:0!important; height:100%!important; overflow-y:auto!important; overflow-x:hidden!important; overscroll-behavior:contain!important; scrollbar-gutter:stable!important; scrollbar-width:thin!important; scrollbar-color:#596985 #0a1019!important; display:grid!important; grid-template-columns:repeat(2,minmax(0,1fr))!important; grid-auto-rows:minmax(48px,auto)!important; align-content:start!important; gap:5px!important; padding:6px 8px!important; } .oneScreenRoot10150[data-screen="business410"] .lwPromoterPulse33 article{ min-height:48px!important; margin:0!important; padding:6px 8px!important; gap:7px!important; border-radius:5px!important; } .oneScreenRoot10150[data-screen="business410"] .lwPromoterPulse33 article>span{font-size:15px!important} .oneScreenRoot10150[data-screen="business410"] .lwPromoterPulse33 article small{font-size:5.5px!important} .oneScreenRoot10150[data-screen="business410"] .lwPromoterPulse33 article b{font-size:8px!important;margin:1px 0!important} .oneScreenRoot10150[data-screen="business410"] .lwPromoterPulse33 article p{font-size:6.5px!important;line-height:1.2!important} .oneScreenRoot10150[data-screen="business410"] .lwPromoterPulse33 article em{font-size:7px!important} /* The ledger remains available on the same screen; its own rows scroll too. */ .oneScreenRoot10150[data-screen="business410"] .ledger410{ height:100%!important; min-height:0!important; overflow-y:auto!important; overflow-x:hidden!important; overscroll-behavior:contain!important; scrollbar-gutter:stable!important; scrollbar-width:thin!important; scrollbar-color:#596985 #0a1019!important; grid-template-columns:repeat(3,minmax(0,1fr))!important; align-content:start!important; border-radius:6px!important; } .oneScreenRoot10150[data-screen="business410"] .ledger410 div{ min-height:28px!important; padding:5px 7px!important; } .oneScreenRoot10150[data-screen="business410"] .ledger410 span{font-size:6.5px!important} .oneScreenRoot10150[data-screen="business410"] .ledger410 b{font-size:7.5px!important} } @media (min-width:761px) and (max-height:800px){ .oneScreenRoot10150[data-screen="business410"] .business410{ grid-template-rows:40px 50px 12px 140px 12px 94px minmax(112px,1fr) 12px 70px!important; gap:4px!important; } .oneScreenRoot10150[data-screen="business410"] .lwPromoterPulse33{grid-template-rows:46px minmax(0,1fr)!important} .oneScreenRoot10150[data-screen="business410"] .lwPromoterPulse33>header{padding:5px 8px!important} } /* styles/62-phone-filter-legibility-10174.css */ /* LIFE LIKE A DJ v10174 — PHONE filter legibility hotfix Goal: keep inactive message-category tabs fully readable in the FM-style fixed viewport. Scope: PHONE / Messages category filters only. */ .oneScreenRoot10150[data-screen="phone33"] .phoneFilters920 button, .phoneFilters920 button{ color:#ffffff!important; opacity:1!important; -webkit-text-fill-color:#ffffff!important; filter:none!important; text-shadow:none!important; font-weight:800!important; letter-spacing:.045em!important; background:#151c2d!important; border-color:#3a455d!important; } .oneScreenRoot10150[data-screen="phone33"] .phoneFilters920 button:hover, .phoneFilters920 button:hover{ color:#ffffff!important; -webkit-text-fill-color:#ffffff!important; background:#1b2438!important; border-color:#596782!important; } .oneScreenRoot10150[data-screen="phone33"] .phoneFilters920 button.active, .phoneFilters920 button.active{ color:#ffffff!important; -webkit-text-fill-color:#ffffff!important; opacity:1!important; background:linear-gradient(135deg,#22304a,#25203f)!important; border-color:#6bdff5!important; outline:1px solid rgba(107,223,245,.65)!important; box-shadow:inset 0 0 0 1px rgba(162,103,255,.18)!important; } /* Defensive override: these filters are category selectors, not unavailable actions. */ .oneScreenRoot10150[data-screen="phone33"] .phoneFilters920 button:disabled, .phoneFilters920 button:disabled{ color:#ffffff!important; -webkit-text-fill-color:#ffffff!important; opacity:.72!important; filter:none!important; } /* styles/63-carbon-amber-theme-10175.css */ /* LIFE LIKE A DJ — v10175 CARBON & AMBER VISUAL SYSTEM Visual-only pass based on the selected mockup. Goals: - larger, more legible typography - darker carbon/graphite management shell - warm amber/gold primary actions - restrained teal/cyan functional accents - preserve current layouts, gameplay and one-screen behaviour */ :root{ --llad-ca-bg:#060b0d; --llad-ca-bg2:#091013; --llad-ca-panel:#0e171a; --llad-ca-panel2:#111c20; --llad-ca-panel3:#152126; --llad-ca-line:#2c3b3f; --llad-ca-line-strong:#46585b; --llad-ca-text:#f5f6f2; --llad-ca-muted:#9aa9aa; --llad-ca-dim:#6f8082; --llad-ca-amber:#f3b43f; --llad-ca-gold:#ffd26d; --llad-ca-teal:#55d7cd; --llad-ca-cyan:#64dfea; --llad-ca-violet:#a06cff; --llad-ca-pink:#ef7fb4; --llad-ca-danger:#ff6f78; --llad-ca-font-ui:"Avenir Next","Segoe UI",system-ui,-apple-system,BlinkMacSystemFont,sans-serif; --llad-ca-font-display:"Avenir Next Condensed","DIN Alternate","Arial Narrow","Roboto Condensed",sans-serif; } html.oneScreenActive10150, html.oneScreenActive10150 body, html.oneScreenActive10150 #app{ background:var(--llad-ca-bg)!important; } .oneScreenRoot10150{ color:var(--llad-ca-text)!important; background: radial-gradient(circle at 72% -18%,rgba(243,180,63,.07),transparent 34%), radial-gradient(circle at 23% 0%,rgba(85,215,205,.055),transparent 29%), var(--llad-ca-bg)!important; font-family:var(--llad-ca-font-ui)!important; font-size:13px; -webkit-font-smoothing:antialiased; text-rendering:optimizeLegibility; } .oneScreenRoot10150 h1, .oneScreenRoot10150 h2, .oneScreenRoot10150 h3, .oneScreenRoot10150 h4, .oneScreenRoot10150 button, .oneScreenRoot10150 .oneScreenNavItem10150 b, .oneScreenRoot10150 .oneScreenBrand10150 span, .oneScreenRoot10150 .oneScreenClock10150 b, .oneScreenRoot10150 .oneScreenNextTop10150 b{ font-family:var(--llad-ca-font-display)!important; font-weight:800; } /* ===== MANAGEMENT SHELL ===== */ .oneScreenTop10150{ background:linear-gradient(180deg,#0b1114 0%,#070c0f 100%)!important; border-bottom-color:var(--llad-ca-line)!important; box-shadow:0 8px 26px rgba(0,0,0,.22); } .oneScreenBrand10150, .oneScreenClock10150, .oneScreenNextTop10150, .oneScreenTopStats10150>span{ border-color:#263438!important; } .oneScreenBrand10150 span{ font-size:15.5px!important; letter-spacing:.075em!important; color:#fff!important; } .oneScreenBrand10150 small, .oneScreenClock10150 small, .oneScreenNextTop10150 small, .oneScreenTopStats10150 small{ color:#86a0a3!important; font-size:8.5px!important; letter-spacing:.145em!important; } .oneScreenClock10150 b{ font-size:16px!important; letter-spacing:.025em; } .oneScreenNextTop10150 b{ font-size:13px!important; color:#f5f6f2!important; } .oneScreenNextTop10150 span{ color:var(--llad-ca-gold)!important; font-size:9px!important; } .oneScreenTopStats10150 b{ font-size:13px!important; color:#fff!important; font-variant-numeric:tabular-nums; } .oneScreenTopActions10150 button{ background:#111a1e!important; border-color:#334449!important; color:#f3f5f1!important; font-size:10.5px!important; letter-spacing:.055em!important; box-shadow:inset 0 1px rgba(255,255,255,.025),0 5px 16px rgba(0,0,0,.18); } .oneScreenTopActions10150 button:hover{ background:#182327!important; border-color:#53696d!important; } .oneScreenTopActions10150 .oneScreenEndDay10150{ background:linear-gradient(180deg,#ffc95c,#e6a82d)!important; color:#17130b!important; border-color:#ffd77e!important; box-shadow:0 0 0 1px rgba(255,208,105,.12),0 8px 20px rgba(185,119,18,.2)!important; font-size:11.5px!important; } .oneScreenTopActions10150 .oneScreenPhone10150 em{ background:var(--llad-ca-amber)!important; color:#15100a!important; } .oneScreenLeft10150, .oneScreenRight10150{ background:linear-gradient(180deg,#080f12,#060b0e)!important; scrollbar-color:#a47631 transparent!important; } .oneScreenLeft10150{border-right-color:#263438!important} .oneScreenRight10150{border-left-color:#263438!important} .oneScreenIdentity10150{ border-bottom-color:#263438!important; } .oneScreenIdentity10150 img{ border-color:#7a6239!important; box-shadow:0 0 0 1px rgba(243,180,63,.08),0 6px 18px rgba(0,0,0,.32); } .oneScreenIdentity10150 small, .oneScreenSecondary10150>small, .oneScreenRight10150 small{ color:#829799!important; font-size:8px!important; } .oneScreenIdentity10150 b{font-size:13px!important} .oneScreenIdentity10150 span{font-size:10px!important;color:#a5b3b3!important} .oneScreenSecondary10150{border-top-color:#263438!important} .oneScreenNavItem10150{ min-height:44px; color:#c7d0ce!important; border-radius:6px!important; } .oneScreenNavItem10150 span{ color:#cfd7d4!important; } .oneScreenNavItem10150 b{ font-size:12.5px!important; letter-spacing:.015em!important; } .oneScreenNavItem10150:hover{ background:#111a1e!important; color:#fff!important; } .oneScreenNavItem10150.active10150{ background:linear-gradient(90deg,rgba(243,180,63,.20),rgba(243,180,63,.055))!important; border-color:#755a2a!important; box-shadow:inset 3px 0 0 var(--llad-ca-amber)!important; color:#fff!important; } .oneScreenNavItem10150.active10150 span{ color:var(--llad-ca-gold)!important; } .oneScreenCenter10150{ background: radial-gradient(circle at 76% -8%,rgba(243,180,63,.055),transparent 30%), radial-gradient(circle at 28% 0%,rgba(85,215,205,.045),transparent 25%), #070c0f!important; } .oneScreenViewport10150{ scrollbar-color:#9c7435 transparent!important; } /* ===== RIGHT RAIL ===== */ .oneScreenRight10150>section{ background:linear-gradient(180deg,#10191d,#0a1114)!important; border-color:#2b3a3f!important; border-radius:7px!important; box-shadow:0 10px 25px rgba(0,0,0,.12); } .oneScreenRight10150 header b{font-size:12px!important} .oneScreenKpis10150 span{ background:#0b1316!important; border-color:#2c3b3f!important; border-radius:5px!important; } .oneScreenKpis10150 b{font-size:16px!important} .oneScreenNextCard10150 h3{font-size:17px!important} .oneScreenNextCard10150 p, .oneScreenIntel10150 p{font-size:10.8px!important;color:#a6b2b2!important} .oneScreenNextCard10150>b{color:var(--llad-ca-gold)!important;font-size:10.5px!important} .oneScreenRight10150 button{ background:#111a1e!important; color:#f4f6f3!important; border-color:#384b50!important; font-size:9.5px!important; } .oneScreenRight10150 button:hover{ border-color:#8a682d!important; background:#181f20!important; } .oneScreenIntel10150{border-left-color:var(--llad-ca-amber)!important} /* ===== MANAGEMENT CARDS / GENERAL TYPOGRAPHY ===== */ .oneScreenViewport10150 .fmBoard970, .oneScreenViewport10150 .bookingFM10164, .oneScreenViewport10150 .calendarFM10156, .oneScreenViewport10150 .labelDesk10172, .oneScreenViewport10150 .lifeMode10100, .oneScreenViewport10150 .studio995, .oneScreenViewport10150 .phonePage33, .oneScreenViewport10150 .rivalsFM10152, .oneScreenViewport10150 .travelFM10166{ font-family:var(--llad-ca-font-ui)!important; color:var(--llad-ca-text)!important; font-size:12.5px!important; } .oneScreenViewport10150 h2{font-size:clamp(20px,1.7vw,28px);letter-spacing:-.015em} .oneScreenViewport10150 h3{font-size:15px;letter-spacing:.005em} .oneScreenViewport10150 p{line-height:1.45} /* Frequent dark modules. Keep exact layout; change only visual hierarchy. */ .fmHeroNext54, .fmHeroShows54, .homeNews10161, .homeCareerStats10162, .homeRelations10161, .homeFinance10161, .homeMarkets10161, .bookingHead10164, .bookingList10164, .bookingDetail10164, .bookingIntel10164, .calendarHead10156, .calendarMain10156, .calendarControl10156, .calendarUpcoming10156, .labelStatus10172, .labelCard10172, .labelHistoryDesk10172, .lifeVitals10100>*, .lifeCanvas10100, .lifeCreative10100, .lifeMemories10100, .studioProjectSetup9963, .studioWorkspace9963, .studioPane10164, .phoneTop33, .phoneQuick10110, .phoneList33, .rivalList10152, .rivalCompare10152, .travelHead10166, .travelScrollCard10166, .arrivalDesk10169{ background:linear-gradient(180deg,#111a1e 0%,#0a1114 100%)!important; border-color:#304145!important; box-shadow:0 10px 28px rgba(0,0,0,.11)!important; } /* HOME: selected concept — carbon cards with warmer primary hierarchy. */ .fmHeroNext54, .fmHeroShows54, .homeNews10161, .homeCareerStats10162, .homeFinance10161, .homeMarkets10161, .homeRelations10161{ border-radius:6px!important; } .fmHeroNext54>header, .fmHeroShows54>header, .homeNews10161>header, .homeCareerStats10162>header, .homeFinance10161>header, .homeMarkets10161>header, .homeRelations10161>header{ background:linear-gradient(180deg,#172126,#121b1f)!important; border-bottom-color:#34464a!important; } .fmHeroNext54>header *, .fmHeroShows54>header *, .homeNews10161>header *, .homeCareerStats10162>header *, .homeFinance10161>header *, .homeMarkets10161>header *, .homeRelations10161>header *{ color:#f7f7f2!important; } .homeMarketRank10161, .homeMarketFlag10161{color:var(--llad-ca-gold)!important} /* ===== PRIMARY / SECONDARY BUTTON LANGUAGE ===== */ .oneScreenViewport10150 .primary, .oneScreenViewport10150 button.primary, .oneScreenViewport10150 .bookingHead10164 button:first-of-type, .oneScreenViewport10150 .calendarActionButtons10156 button.primary, .oneScreenViewport10150 .arrivalActions10169 button:first-child{ background:linear-gradient(180deg,#ffc95e,#e7a82d)!important; border-color:#ffd67a!important; color:#17130b!important; box-shadow:0 7px 18px rgba(185,119,18,.18)!important; } .oneScreenViewport10150 .secondary, .oneScreenViewport10150 button.secondary{ background:#111a1e!important; border-color:#3a4c50!important; color:#f2f4f1!important; } /* Life / studio / phone tabs: amber selection, readable inactive state. */ .lifeSceneTabs10108 button, .studioNetworkTabs9964 button, .phoneTabs33 button, .phoneFilters920 button{ background:#10191d!important; border-color:#304145!important; color:#e7edeb!important; font-size:10.5px!important; font-weight:800!important; letter-spacing:.04em!important; } .lifeSceneTabs10108 button:hover, .studioNetworkTabs9964 button:hover, .phoneTabs33 button:hover, .phoneFilters920 button:hover{ background:#182326!important; border-color:#576b6f!important; } .lifeSceneTabs10108 button.active, .lifeSceneTabs10108 button.active10108, .studioNetworkTabs9964 button.active, .phoneTabs33 button.active, .phoneFilters920 button.active{ background:linear-gradient(180deg,rgba(243,180,63,.25),rgba(243,180,63,.10))!important; border-color:#a67b32!important; color:#fff8e7!important; outline:0!important; box-shadow:inset 0 0 0 1px rgba(255,210,109,.08),0 0 18px rgba(243,180,63,.07)!important; } /* Preserve pink as a human/life accent and violet as nightclub accent. */ .oneScreenRoot10150 [class*="relationship" i] .primary, .oneScreenRoot10150 [class*="personal" i] .primary{ background:linear-gradient(180deg,#e885af,#c95f8f)!important; border-color:#f4a0c3!important; color:#1a0d13!important; } /* ===== BOOKING ===== */ .bookingHead10164, .bookingSummary10164, .bookingList10164, .bookingDetail10164, .bookingIntel10164{ border-radius:6px!important; } .bookingSummary10164>*{ background:#0d1518!important; border-color:#2e3e42!important; } .bookingRow10152, .bookingRival10152, .bookingTraining10164{ background:#0e171a!important; border-color:#2c3b3f!important; } .bookingRow10152:hover{ border-color:#8a682d!important; background:#131d20!important; } /* ===== CALENDAR ===== */ .calendarFM10156{ --cal-accent:var(--llad-ca-amber); } .calendarMain10156, .calendarControl10156, .calendarUpcoming10156{ border-radius:6px!important; } .calendarActionButtons10156 button, .calendarControl10156 button{ background:#111a1e!important; border-color:#35474b!important; color:#f4f5f2!important; } .calendarActionButtons10156 button:hover, .calendarControl10156 button:hover{ border-color:#9a7333!important; } /* ===== LABEL ===== */ .labelStatus10172, .labelCard10172, .labelHistoryDesk10172{ border-radius:6px!important; } .labelCard10172:hover{ border-color:#8d6b34!important; box-shadow:0 10px 26px rgba(0,0,0,.18),inset 0 2px 0 rgba(243,180,63,.18)!important; } .labelTerms10172 strong, .labelReqs10172 b{ color:var(--llad-ca-gold)!important; } /* ===== STUDIO ===== */ .studio995, .studioProjectSetup9963, .studioWorkspace9963, .studioPane10164{ border-color:#304145!important; } .studioSectionTitle9963, .studioNetworkHead9964{ color:#f5f6f2!important; } .studioNpcCard9964{ background:#0e171a!important; border-color:#2f4044!important; } .studioNpcCard9964:hover{ border-color:#927039!important; background:#131d20!important; } /* ===== PHONE ===== */ .phonePage33, .phoneScreen33{ color:#f4f6f2!important; } .phoneTop33, .phoneQuick10110, .phoneList33{ border-color:#304145!important; } .phoneFilters920 button{ color:#fff!important; -webkit-text-fill-color:#fff!important; } .phoneLink911, .phoneActions33 button{ color:#f5f6f2!important; border-color:#3a4d51!important; background:#10191d!important; } /* ===== RIVALS / AI ===== */ .rivalRow10152, .rivalBid10170, .rivalPlan10152, .rivalRecent10152{ background:#0e171a!important; border-color:#2f4044!important; } .rivalBid10170 strong, .rivalProfile10152 strong{ color:var(--llad-ca-gold)!important; } /* ===== LIFE ===== */ .lifeMode10100{ background:#070d10!important; } .lifeHead10100, .lifeVitals10100>*{ border-color:#304145!important; } .lifeVitals10100 b, .lifeCreative10100 strong{ color:#f6f7f3!important; } .lifeCreative10100{ border-left:2px solid var(--llad-ca-teal)!important; } .lifeMemories10100{ scrollbar-color:#9a7333 transparent!important; } /* ===== TRAVEL ===== */ .travelFM10166, .travelHead10166, .travelScrollCard10166{ color:#f5f6f2!important; } .travelScrollCard10166{ scrollbar-color:#9a7333 transparent!important; } /* ===== ARRIVAL / CONTRACT / MODALS ===== */ .oneScreenModal10150{ background:#090f11!important; border-color:#495a5e!important; border-radius:9px!important; } .oneScreenModalClose10150{ background:#121b1f!important; border-color:#415357!important; } .arrivalDesk10169{ border-color:#4a4b37!important; } /* ===== SMALL TEXT LEGIBILITY ===== */ .oneScreenRoot10150 .muted, .oneScreenRoot10150 [class*="meta" i], .oneScreenRoot10150 [class*="subtitle" i]{ color:#9eacad; } .oneScreenRoot10150 label, .oneScreenRoot10150 .label{ color:#b6c0bf; } /* Make table/list data easier to scan without changing row geometry too much. */ .oneScreenRoot10150 table, .oneScreenRoot10150 [class*="row" i], .oneScreenRoot10150 [class*="list" i]{ font-variant-numeric:tabular-nums; } /* ===== SCROLLBARS ===== */ .oneScreenRoot10150 *::-webkit-scrollbar{width:8px;height:8px} .oneScreenRoot10150 *::-webkit-scrollbar-track{background:transparent} .oneScreenRoot10150 *::-webkit-scrollbar-thumb{ background:#59482e; border:2px solid transparent; background-clip:padding-box; border-radius:999px; } .oneScreenRoot10150 *::-webkit-scrollbar-thumb:hover{background:#9a7333;background-clip:padding-box} /* Keep dense laptop layouts safe: typography scales down slightly below 1360px. */ @media (min-width:761px) and (max-width:1360px){ .oneScreenRoot10150{font-size:12.5px} .oneScreenNavItem10150 b{font-size:12px!important} .oneScreenTopStats10150 b{font-size:12.5px!important} .oneScreenViewport10150 .fmBoard970, .oneScreenViewport10150 .bookingFM10164, .oneScreenViewport10150 .calendarFM10156, .oneScreenViewport10150 .labelDesk10172, .oneScreenViewport10150 .lifeMode10100, .oneScreenViewport10150 .studio995, .oneScreenViewport10150 .phonePage33, .oneScreenViewport10150 .rivalsFM10152, .oneScreenViewport10150 .travelFM10166{font-size:12px!important} } @media (max-width:760px){ .oneScreenRoot10150{font-size:13px} .oneScreenNavItem10150 b{font-size:13px!important} } /* styles/64-typography-readability-10176.css */ /* LIFE LIKE A DJ — v10176 TYPOGRAPHY & READABILITY PASS Visual-only typography layer on top of v10175 Carbon & Amber. Sora = navigation / headings / actions. Inter = body copy / data / tables. Layout intent: FM-style hierarchy, less microtype, slightly wider desktop navigation. */ :root{ --llad-type-display:"Sora","Avenir Next","Segoe UI",system-ui,sans-serif; --llad-type-body:"Inter","Avenir Next","Segoe UI",system-ui,-apple-system,BlinkMacSystemFont,sans-serif; } .oneScreenRoot10150{ font-family:var(--llad-type-body)!important; font-size:14px!important; line-height:1.42; } .oneScreenRoot10150 :is(p,span,small,label,input,select,textarea,table,td){ font-family:var(--llad-type-body)!important; } .oneScreenRoot10150 :is(h1,h2,h3,h4,h5,h6,button,.oneScreenNavItem10150 b,.oneScreenBrand10150 span,.oneScreenClock10150 b,.oneScreenNextTop10150 b){ font-family:var(--llad-type-display)!important; letter-spacing:-.012em; } .oneScreenRoot10150 :is(b,strong,.oneScreenTopStats10150){font-variant-numeric:tabular-nums} /* Desktop shell: give readable navigation enough horizontal room. */ @media (min-width:1361px){ .oneScreenBody10150{grid-template-columns:198px minmax(0,1fr) 250px!important} .oneScreenTop10150{grid-template-columns:198px minmax(155px,.65fr) minmax(250px,1fr) auto auto!important} .oneScreenRoot10150[data-screen="room"] .oneScreenBody10150{grid-template-columns:198px minmax(0,1fr)!important} .oneScreenRoot10150[data-screen="room"] .oneScreenTop10150{grid-template-columns:198px 132px minmax(185px,1fr) auto auto!important} } @media (min-width:1041px) and (max-width:1360px){ .oneScreenBody10150{grid-template-columns:182px minmax(0,1fr) 220px!important} .oneScreenRoot10150[data-screen="room"] .oneScreenBody10150{grid-template-columns:182px minmax(0,1fr)!important} .oneScreenRoot10150[data-screen="room"] .oneScreenTop10150{grid-template-columns:182px 122px minmax(155px,1fr) auto auto!important} } /* Left navigation / identity. */ .oneScreenIdentity10150 small{font-size:9.5px!important;letter-spacing:.10em!important} .oneScreenIdentity10150 b{font-family:var(--llad-type-display)!important;font-size:14.5px!important;font-weight:700!important;letter-spacing:-.015em!important} .oneScreenIdentity10150 span{font-size:11.5px!important;line-height:1.2!important} .oneScreenSecondary10150>small{font-size:9.5px!important;letter-spacing:.13em!important} .oneScreenNavItem10150 b{font-size:14px!important;font-weight:650!important;letter-spacing:-.012em!important} .oneScreenNavItem10150 span{font-size:17px!important} /* Top HUD: still dense, but no longer microtype. */ .oneScreenBrand10150 span{font-size:16.5px!important;font-weight:750!important;letter-spacing:.035em!important} .oneScreenBrand10150 small, .oneScreenClock10150 small, .oneScreenNextTop10150 small, .oneScreenTopStats10150 small{font-size:9.2px!important;letter-spacing:.10em!important;font-weight:650!important} .oneScreenClock10150 b{font-size:17px!important;font-weight:700!important} .oneScreenNextTop10150 b{font-size:14px!important;font-weight:700!important} .oneScreenNextTop10150 span{font-size:10px!important;font-weight:700!important;letter-spacing:.06em!important} .oneScreenTopStats10150 b{font-size:13.5px!important;font-weight:700!important} .oneScreenRoot10150[data-screen="room"] .oneScreenTopStats10150 small{font-size:8.7px!important;letter-spacing:.06em!important} .oneScreenRoot10150[data-screen="room"] .oneScreenTopStats10150 b{font-size:12.8px!important} .oneScreenTopActions10150 button{font-size:11.5px!important;font-weight:700!important;letter-spacing:.015em!important} .oneScreenTopActions10150 .oneScreenEndDay10150{font-size:12px!important;font-weight:750!important} /* General management screens: clearer hierarchy without changing geometry. */ .oneScreenViewport10150 :is(.fmBoard970,.bookingFM10164,.calendarFM10156,.labelDesk10172,.lifeMode10100,.studio995,.phonePage33,.rivalsFM10152,.travelFM10166){ font-family:var(--llad-type-body)!important; font-size:13.5px!important; line-height:1.4; } .oneScreenViewport10150 :is(.bookingFM10164,.calendarFM10156,.labelDesk10172,.lifeMode10100,.studio995,.phonePage33,.rivalsFM10152,.travelFM10166) h2{ font-size:22px!important;font-weight:700!important;letter-spacing:-.025em!important; } .oneScreenViewport10150 :is(.bookingFM10164,.calendarFM10156,.labelDesk10172,.lifeMode10100,.studio995,.phonePage33,.rivalsFM10152,.travelFM10166) h3{ font-size:15.5px!important;font-weight:650!important;letter-spacing:-.018em!important; } .oneScreenViewport10150 :is(.bookingFM10164,.calendarFM10156,.labelDesk10172,.lifeMode10100,.studio995,.phonePage33,.rivalsFM10152,.travelFM10166) p{ font-size:12.5px;line-height:1.42; } .oneScreenViewport10150 :is(.bookingFM10164,.calendarFM10156,.labelDesk10172,.lifeMode10100,.studio995,.phonePage33,.rivalsFM10152,.travelFM10166) small{ font-size:9.5px;line-height:1.25;letter-spacing:.045em; } .oneScreenViewport10150 :is(.bookingFM10164,.calendarFM10156,.labelDesk10172,.lifeMode10100,.studio995,.phonePage33,.rivalsFM10152,.travelFM10166) button{ font-size:11px;font-weight:650;letter-spacing:.01em; } /* HOME — title-case presentation while keeping existing DOM labels for regression compatibility. */ .oneScreenRoot10150[data-screen="room"] .fmHeroNext54>header>b, .oneScreenRoot10150[data-screen="room"] .fmHeroShows54>header>b, .oneScreenRoot10150[data-screen="room"] .homeNews10161>header b, .oneScreenRoot10150[data-screen="room"] .homeCareerStats10162>header b, .oneScreenRoot10150[data-screen="room"] .homeRelations10161>header b, .oneScreenRoot10150[data-screen="room"] .homeFinance10161>header b, .oneScreenRoot10150[data-screen="room"] .homeMarkets10161>header b{ font-size:0!important; } .oneScreenRoot10150[data-screen="room"] .fmHeroNext54>header>b::after{content:"Next Show"} .oneScreenRoot10150[data-screen="room"] .fmHeroShows54>header>b::after{content:"Upcoming Shows"} .oneScreenRoot10150[data-screen="room"] .homeNews10161>header b::after{content:"Breaking News"} .oneScreenRoot10150[data-screen="room"] .homeCareerStats10162>header b::after{content:"Career Stats"} .oneScreenRoot10150[data-screen="room"] .homeRelations10161>header b::after{content:"Best Relationships"} .oneScreenRoot10150[data-screen="room"] .homeFinance10161>header b::after{content:"Financial Overview"} .oneScreenRoot10150[data-screen="room"] .homeMarkets10161>header b::after{content:"Top Markets"} .oneScreenRoot10150[data-screen="room"] .fmHeroNext54>header>b::after, .oneScreenRoot10150[data-screen="room"] .fmHeroShows54>header>b::after{ font-family:var(--llad-type-display)!important;font-size:15px!important;font-weight:700!important;letter-spacing:-.018em!important; } .oneScreenRoot10150[data-screen="room"] :is(.homeNews10161,.homeCareerStats10162,.homeRelations10161,.homeFinance10161,.homeMarkets10161)>header b::after{ font-family:var(--llad-type-display)!important;font-size:13.5px!important;font-weight:650!important;letter-spacing:-.018em!important; } .oneScreenRoot10150[data-screen="room"] :is(.fmHeroNext54,.fmHeroShows54)>header{min-height:36px!important;height:36px!important;padding:0 11px!important} .oneScreenRoot10150[data-screen="room"] :is(.homeNews10161,.homeCareerStats10162,.homeRelations10161,.homeFinance10161,.homeMarkets10161)>header{ min-height:34px!important;height:34px!important; } .oneScreenRoot10150[data-screen="room"] :is(.homeNews10161,.homeCareerStats10162,.homeRelations10161,.homeFinance10161,.homeMarkets10161)>header small{ font-size:9px!important;font-weight:600!important;letter-spacing:.07em!important; } .oneScreenRoot10150[data-screen="room"] :is(.homeNews10161,.homeCareerStats10162,.homeRelations10161,.homeFinance10161,.homeMarkets10161)>header button{ font-family:var(--llad-type-display)!important;font-size:8.8px!important;font-weight:650!important;letter-spacing:.01em!important; } /* HOME hero gets a clear focal title. */ .oneScreenRoot10150[data-screen="room"] .fmStageCopy970 small{font-size:10px!important;font-weight:700!important;letter-spacing:.07em!important} .oneScreenRoot10150[data-screen="room"] .fmStageCopy970 h2{font-family:var(--llad-type-display)!important;font-size:22px!important;font-weight:700!important;line-height:1.08!important;letter-spacing:-.03em!important} .oneScreenRoot10150[data-screen="room"] .fmStageCopy970 p{font-size:13px!important;line-height:1.3!important} .oneScreenRoot10150[data-screen="room"] .fmStageCopy970 span{font-size:11.2px!important;line-height:1.25!important} .oneScreenRoot10150[data-screen="room"] .fmEnterShow970{font-family:var(--llad-type-display)!important;font-size:10.5px!important;font-weight:650!important;letter-spacing:.01em!important} .oneScreenRoot10150[data-screen="room"] .fmNextStats970 small{font-size:9.5px!important;font-weight:600!important;letter-spacing:.045em!important} .oneScreenRoot10150[data-screen="room"] .fmNextStats970 b{font-size:15.5px!important;font-weight:650!important} /* Upcoming shows: readable list, still compact and internally scrollable. */ .oneScreenRoot10150[data-screen="room"] .fmUpcomingMeta970 time{font-size:10.5px!important;font-weight:650!important;letter-spacing:.02em!important} .oneScreenRoot10150[data-screen="room"] .fmUpcomingMeta970 span{font-size:9px!important;font-weight:650!important;letter-spacing:.02em!important} .oneScreenRoot10150[data-screen="room"] .fmUpcomingMain970 p b{font-family:var(--llad-type-display)!important;font-size:12.5px!important;font-weight:650!important;letter-spacing:-.015em!important} .oneScreenRoot10150[data-screen="room"] .fmUpcomingMain970 p span{font-size:10.2px!important;line-height:1.18!important} .oneScreenRoot10150[data-screen="room"] .fmUpcomingMain970 strong{font-size:13px!important;font-weight:700!important} .oneScreenRoot10150[data-screen="room"] .fmUpcomingFoot970 :is(small,em){font-size:9px!important;font-weight:650!important;letter-spacing:.025em!important} .oneScreenRoot10150[data-screen="room"] .fmShows970>button{font-family:var(--llad-type-display)!important;font-size:9.5px!important;font-weight:650!important;letter-spacing:.01em!important} /* HOME data row — lift tiny text without turning the board into oversized cards. */ .oneScreenRoot10150[data-screen="room"] .homeNewsScroll10161 article p{font-size:10.8px!important;line-height:1.25!important} .oneScreenRoot10150[data-screen="room"] .homePendingEvent10161{font-size:9px!important;font-weight:650!important;letter-spacing:.005em!important} .oneScreenRoot10150[data-screen="room"] .homeCareerStatsGrid10162 small{font-size:9.2px!important;font-weight:600!important;letter-spacing:.035em!important} .oneScreenRoot10150[data-screen="room"] .homeCareerStatsGrid10162 b{font-family:var(--llad-type-display)!important;font-size:16.5px!important;font-weight:650!important} .oneScreenRoot10150[data-screen="room"] .homeRelationsList10161 b{font-family:var(--llad-type-display)!important;font-size:11.5px!important;font-weight:650!important} .oneScreenRoot10150[data-screen="room"] .homeRelationsList10161 small{font-size:9px!important} .oneScreenRoot10150[data-screen="room"] .homeRelationsList10161 strong{font-size:14px!important;font-weight:700!important} .oneScreenRoot10150[data-screen="room"] .homeFinanceGrid10161 small{font-size:9.2px!important;font-weight:600!important;letter-spacing:.035em!important} .oneScreenRoot10150[data-screen="room"] .homeFinanceGrid10161 b{font-family:var(--llad-type-display)!important;font-size:18px!important;font-weight:650!important} .oneScreenRoot10150[data-screen="room"] .homeFinanceGrid10161 span{font-size:9.4px!important;line-height:1.2!important} .oneScreenRoot10150[data-screen="room"] .homeMarketRank10161{font-size:9.5px!important} .oneScreenRoot10150[data-screen="room"] .homeMarketRows10161 article div b{font-family:var(--llad-type-display)!important;font-size:11.5px!important;font-weight:650!important} .oneScreenRoot10150[data-screen="room"] .homeMarketRows10161 article div small{font-size:8.5px!important;letter-spacing:.025em!important} .oneScreenRoot10150[data-screen="room"] .homeMarketRows10161 article>strong{font-size:14.5px!important;font-weight:700!important} /* Right rail on non-HOME screens. */ .oneScreenRight10150 small{font-size:9px!important;letter-spacing:.07em!important} .oneScreenRight10150 header b{font-family:var(--llad-type-display)!important;font-size:13px!important;font-weight:650!important} .oneScreenKpis10150 b{font-family:var(--llad-type-display)!important;font-size:17px!important;font-weight:700!important} .oneScreenNextCard10150 h3{font-size:18px!important;font-weight:700!important} .oneScreenNextCard10150 p,.oneScreenIntel10150 p{font-size:11.5px!important;line-height:1.4!important} .oneScreenNextCard10150>b{font-size:10.5px!important} .oneScreenRight10150 button{font-size:10.2px!important;font-weight:650!important;letter-spacing:.01em!important} /* Tables and dense lists: body text is Inter, names/headings use Sora. */ .oneScreenRoot10150 :is(table,[class*="List"],[class*="Rows"],[class*="Grid"]) :is(td,p,span){font-family:var(--llad-type-body)!important} .oneScreenRoot10150 table :is(th,b,strong){font-family:var(--llad-type-display)!important} /* Short laptop screens: preserve one-screen principle without returning to microtype. */ @media (min-width:761px) and (max-height:820px){ .oneScreenRoot10150{font-size:13.5px!important} .oneScreenNavItem10150 b{font-size:13.5px!important} .oneScreenRoot10150[data-screen="room"] .fmStageCopy970 h2{font-size:20.5px!important} .oneScreenRoot10150[data-screen="room"] .fmStageCopy970 p{font-size:12.5px!important} .oneScreenRoot10150[data-screen="room"] .fmStageCopy970 span{font-size:10.8px!important} } @media (max-width:760px){ .oneScreenRoot10150{font-size:14px!important} .oneScreenNavItem10150 b{font-size:10.5px!important} } /* styles/65-global-back-navigation-10177.css */ /* LIFE LIKE A DJ v10177 — browser-like in-game Back navigation */ .oneScreenBack10177{ width:100%;min-height:42px;margin:0 0 10px;padding:7px 10px; display:grid;grid-template-columns:24px minmax(0,1fr);grid-template-rows:auto auto; align-items:center;column-gap:8px;text-align:left; border:1px solid rgba(245,177,55,.32);border-radius:7px; background:linear-gradient(180deg,rgba(245,177,55,.09),rgba(245,177,55,.035)); color:#f4f1e8;cursor:pointer;font-family:'Sora','Inter',system-ui,sans-serif; } .oneScreenBack10177>span{grid-row:1/3;font-size:20px;line-height:1;color:#f5b137;font-weight:700} .oneScreenBack10177>b{font-size:13px;line-height:1.1;font-weight:700;text-transform:none;letter-spacing:0} .oneScreenBack10177>small{margin-top:2px;font:500 10px/1.1 'Inter',system-ui,sans-serif;color:#9da7b4;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-transform:none;letter-spacing:0} .oneScreenBack10177:hover,.oneScreenBack10177:focus-visible{border-color:rgba(245,177,55,.72);background:linear-gradient(180deg,rgba(245,177,55,.16),rgba(245,177,55,.065));outline:none} .oneScreenBack10177:active{transform:translateY(1px)} @media(max-width:760px){ .oneScreenBack10177{display:flex;width:auto;min-width:86px;height:44px;margin:0 6px 0 0;padding:5px 9px;gap:6px;flex:0 0 auto} .oneScreenBack10177>span{font-size:17px}.oneScreenBack10177>b{font-size:11px}.oneScreenBack10177>small{display:none} .oneScreenLeft10150{display:flex;align-items:center}.oneScreenPrimary10150{flex:0 0 auto} } /* styles/66-navigation-standard-10178.css */ /* LIFE LIKE A DJ — v10178 NAVIGATION & ACTION STANDARD Visual/navigation consistency pass on top of v10177. - BACK is always immediately visible: amber arrow + amber uppercase label. - Context/previous screen remains a smaller neutral subtitle. - Header back controls use the same language. - Main / secondary / exit actions are visually distinct without changing behaviour. */ :root{ --llad-nav-gold:#f3b43f; --llad-nav-gold-hi:#ffd26d; --llad-nav-ink:#17130b; --llad-nav-neutral:#f4f5ef; --llad-nav-muted:#aab4b3; } /* Persistent management-shell BACK. */ .oneScreenBack10177, .oneScreenBack10177.navBack10178{ min-height:52px!important; margin:0 0 11px!important; padding:8px 11px!important; grid-template-columns:28px minmax(0,1fr)!important; column-gap:9px!important; border:1px solid rgba(243,180,63,.58)!important; background:linear-gradient(180deg,rgba(243,180,63,.13),rgba(243,180,63,.055))!important; box-shadow:inset 3px 0 0 rgba(243,180,63,.9),0 5px 16px rgba(0,0,0,.16)!important; color:var(--llad-nav-gold)!important; } .oneScreenBack10177>span{ grid-row:1/3!important; font-family:var(--llad-type-display,"Sora",system-ui,sans-serif)!important; font-size:25px!important; line-height:1!important; color:var(--llad-nav-gold)!important; font-weight:800!important; } .oneScreenBack10177>b{ font-family:var(--llad-type-display,"Sora",system-ui,sans-serif)!important; font-size:14px!important; line-height:1.08!important; font-weight:800!important; color:var(--llad-nav-gold)!important; text-transform:uppercase!important; letter-spacing:.025em!important; } .oneScreenBack10177>small{ margin-top:3px!important; font:500 10.5px/1.15 var(--llad-type-body,"Inter",system-ui,sans-serif)!important; color:#c3ccca!important; letter-spacing:0!important; text-transform:none!important; } .oneScreenBack10177:hover,.oneScreenBack10177:focus-visible{ border-color:var(--llad-nav-gold-hi)!important; background:linear-gradient(180deg,rgba(243,180,63,.22),rgba(243,180,63,.085))!important; box-shadow:inset 3px 0 0 var(--llad-nav-gold-hi),0 0 0 2px rgba(243,180,63,.08),0 7px 20px rgba(0,0,0,.2)!important; } .oneScreenBack10177:hover>b,.oneScreenBack10177:hover>span, .oneScreenBack10177:focus-visible>b,.oneScreenBack10177:focus-visible>span{color:var(--llad-nav-gold-hi)!important} /* Older screen-header arrow buttons become a clear BACK control too. */ .oneScreenViewport10150 .sectionhead button.back, .oneScreenViewport10150 button.back.navBack10178{ width:auto!important; min-width:82px!important; height:40px!important; min-height:40px!important; padding:0 12px!important; display:inline-flex!important; align-items:center!important; justify-content:center!important; gap:7px!important; border:1px solid rgba(243,180,63,.52)!important; border-radius:7px!important; background:linear-gradient(180deg,rgba(243,180,63,.12),rgba(243,180,63,.045))!important; color:transparent!important; font-size:0!important; box-shadow:none!important; flex:0 0 auto!important; } .oneScreenViewport10150 .sectionhead button.back::before, .oneScreenViewport10150 button.back.navBack10178::before{ content:"←"; color:var(--llad-nav-gold)!important; font-family:var(--llad-type-display,"Sora",system-ui,sans-serif)!important; font-size:18px!important; font-weight:800!important; line-height:1!important; } .oneScreenViewport10150 .sectionhead button.back::after, .oneScreenViewport10150 button.back.navBack10178::after{ content:"BACK"; color:var(--llad-nav-gold)!important; font-family:var(--llad-type-display,"Sora",system-ui,sans-serif)!important; font-size:11px!important; font-weight:800!important; letter-spacing:.025em!important; line-height:1!important; } .oneScreenViewport10150 .sectionhead button.back:hover, .oneScreenViewport10150 button.back.navBack10178:hover{ border-color:var(--llad-nav-gold-hi)!important; background:rgba(243,180,63,.18)!important; } .oneScreenViewport10150 .sectionhead button.back:hover::before, .oneScreenViewport10150 .sectionhead button.back:hover::after, .oneScreenViewport10150 button.back.navBack10178:hover::before, .oneScreenViewport10150 button.back.navBack10178:hover::after{color:var(--llad-nav-gold-hi)!important} /* Textual BACK TO ... buttons keep their explicit target but use the same navigation cue. */ .oneScreenRoot10150 button.navBack10178:not(.oneScreenBack10177):not(.back){ border-color:rgba(243,180,63,.48)!important; background:rgba(243,180,63,.07)!important; color:var(--llad-nav-gold)!important; font-family:var(--llad-type-display,"Sora",system-ui,sans-serif)!important; font-weight:750!important; } .oneScreenRoot10150 button.navBack10178:not(.oneScreenBack10177):not(.back):hover{ border-color:var(--llad-nav-gold-hi)!important; color:var(--llad-nav-gold-hi)!important; background:rgba(243,180,63,.13)!important; } /* Main CTA: action that advances or commits a decision. */ .oneScreenRoot10150 button.navPrimary10178{ background:linear-gradient(180deg,#ffc95e,#e7a82d)!important; border-color:#ffd67a!important; color:var(--llad-nav-ink)!important; font-family:var(--llad-type-display,"Sora",system-ui,sans-serif)!important; font-weight:800!important; box-shadow:0 7px 18px rgba(185,119,18,.18)!important; } .oneScreenRoot10150 button.navPrimary10178:hover{ background:linear-gradient(180deg,#ffd576,#efb43c)!important; border-color:#ffe19b!important; } /* Secondary exploration/detail actions: visible but never compete with the main CTA. */ .oneScreenRoot10150 button.navSecondary10178{ background:#111a1e!important; border-color:#425357!important; color:var(--llad-nav-neutral)!important; font-family:var(--llad-type-display,"Sora",system-ui,sans-serif)!important; font-weight:650!important; } .oneScreenRoot10150 button.navSecondary10178:hover{ border-color:#846a3a!important; background:#182225!important; } /* Exit/cancel/destructive navigation is neutral/red, never amber. */ .oneScreenRoot10150 button.navExit10178{ background:#151a1c!important; border-color:#594348!important; color:#e8c6ca!important; box-shadow:none!important; } .oneScreenRoot10150 button.navExit10178:hover{ background:#24181b!important; border-color:#9b5d66!important; color:#ffd9dd!important; } /* Keyboard-focus visibility is consistent across navigation controls. */ .oneScreenRoot10150 button:focus-visible{ outline:2px solid rgba(255,210,109,.78)!important; outline-offset:2px!important; } @media(max-width:760px){ .oneScreenBack10177,.oneScreenBack10177.navBack10178{ min-width:92px!important;height:44px!important;min-height:44px!important;padding:5px 9px!important;margin:0 6px 0 0!important; } .oneScreenBack10177>span{font-size:18px!important} .oneScreenBack10177>b{font-size:11.5px!important} .oneScreenBack10177>small{display:none!important} .oneScreenViewport10150 .sectionhead button.back,.oneScreenViewport10150 button.back.navBack10178{min-width:70px!important;height:36px!important;min-height:36px!important;padding:0 9px!important} .oneScreenViewport10150 .sectionhead button.back::after,.oneScreenViewport10150 button.back.navBack10178::after{font-size:10px!important} } /* styles/67-globe-visibility-zoom-focus-10179.css */ /* LIFE LIKE A DJ v10179 — Globe visibility, zoom & focus pass */ .globeStage10119{ overflow:hidden; isolation:isolate; } .worldGlobeCanvas10119{ cursor:grab; touch-action:none; overscroll-behavior:contain; user-select:none; -webkit-user-select:none; } .worldGlobeCanvas10119.hover-marker{cursor:pointer} .worldGlobeCanvas10119.dragging{cursor:grabbing!important} .globeControls10179{ position:absolute; z-index:6; top:16px; right:16px; display:flex; align-items:center; gap:6px; padding:6px; border:1px solid rgba(235,174,70,.24); border-radius:12px; background:rgba(6,11,16,.78); backdrop-filter:blur(10px); -webkit-backdrop-filter:blur(10px); box-shadow:0 10px 28px rgba(0,0,0,.24); } .globeControls10179 button{ min-height:32px; padding:0 10px; border:1px solid rgba(255,255,255,.10); border-radius:8px; background:#111922; color:#f5f1e8; font:700 11px/1 Sora,Inter,system-ui,sans-serif; letter-spacing:.02em; cursor:pointer; transition:background .14s ease,border-color .14s ease,color .14s ease,transform .14s ease; } .globeControls10179 button:hover, .globeControls10179 button:focus-visible{ border-color:rgba(242,181,67,.72); background:rgba(242,181,67,.12); color:#f5b943; outline:none; } .globeControls10179 button:active{transform:translateY(1px)} .globeControls10179 button[data-globe-control10179="zoom-in"], .globeControls10179 button[data-globe-control10179="zoom-out"]{ min-width:34px; padding:0; font-size:18px; color:#f5b943; } .globeHint10119{ z-index:5; color:#aeb8c6; border-color:rgba(242,181,67,.16); background:rgba(5,10,15,.74); } .globeGlass10119{z-index:5} @media(max-width:760px){ .globeControls10179{top:10px;right:10px;gap:4px;padding:4px} .globeControls10179 button{min-height:30px;padding:0 8px;font-size:10px} .globeControls10179 button span{display:none} } /* styles/68-login-carbon-amber-feedback-10182.css */ /* LIFE LIKE A DJ v10182 — Carbon & Amber login / trial visual alignment */ .start750{ --start-amber:#f3b43f; --start-gold:#ffd26d; --start-teal:#55d7cd; --start-cyan:#64dfea; --start-bg:#060b0d; --start-panel:#0e171a; --start-panel2:#101d20; --start-line:rgba(243,180,63,.24); --start-text:#eef4f3; --start-muted:#91a3a4; background:var(--start-bg)!important; color:var(--start-text)!important; font-family:var(--llad-type-body,"Inter","Avenir Next","Segoe UI",system-ui,sans-serif)!important; } .start750bg{ opacity:.22!important; filter:saturate(.55) contrast(1.06) brightness(.72)!important; background-position:center 35%!important; } .start750:after{ background: radial-gradient(circle at 76% 38%,rgba(85,215,205,.10),transparent 25%), radial-gradient(circle at 24% 54%,rgba(243,180,63,.08),transparent 28%), linear-gradient(180deg,rgba(3,8,10,.15),rgba(3,8,10,.68))!important; } .start750hero:before{ background:linear-gradient(90deg,rgba(4,10,12,.96),rgba(6,12,14,.78) 48%,rgba(5,10,12,.91))!important; } .start750nav{ height:86px!important; grid-template-columns:250px 1fr 190px!important; border-bottom:1px solid rgba(243,180,63,.16)!important; background:rgba(5,10,12,.88)!important; backdrop-filter:blur(18px)!important; } .start750brand span{ width:58px!important;height:58px!important; border:1px solid rgba(238,244,243,.78)!important; border-radius:2px!important; font-family:var(--llad-type-display,"Sora",system-ui,sans-serif)!important; font-weight:800!important; letter-spacing:-.045em!important; } .start750brand em{ color:var(--start-amber)!important; font-family:var(--llad-type-display,"Sora",system-ui,sans-serif)!important; font-size:11px!important; font-style:normal!important; letter-spacing:.12em!important; transform:none!important; margin-bottom:4px!important; } .start750navlinks a{ color:#cfd9d8!important; font-family:var(--llad-type-display,"Sora",system-ui,sans-serif)!important; font-size:10px!important; letter-spacing:.14em!important; } .start750navlinks a:first-child,.start750navlinks a:hover{color:var(--start-amber)!important} .start750social a{border-color:rgba(145,163,164,.38)!important;color:#dbe5e4!important} .start750social a:hover{color:var(--start-gold)!important;border-color:var(--start-amber)!important} .start750hero{ grid-template-columns:minmax(0,1.28fr) minmax(370px,.72fr)!important; gap:4.5vw!important; padding:4.5vh 5.5vw 5vh!important; } .start750copy>small{ color:var(--start-amber)!important; font-family:var(--llad-type-display,"Sora",system-ui,sans-serif)!important; font-weight:700!important; font-size:10px!important; letter-spacing:.15em!important; } .start750copy h1{ margin:16px 0 18px!important; max-width:690px!important; font-family:var(--llad-type-display,"Sora",system-ui,sans-serif)!important; font-size:clamp(52px,5.7vw,84px)!important; line-height:.92!important; letter-spacing:-.055em!important; font-weight:800!important; text-shadow:0 14px 44px rgba(0,0,0,.55)!important; } .start750copy h1 em{ color:var(--start-gold)!important; font-style:normal!important; letter-spacing:-.055em!important; text-shadow:0 0 28px rgba(243,180,63,.15)!important; } .start750copy p{color:#c8d3d2!important;font-size:16px!important;line-height:1.55!important;text-shadow:none!important} .start750copy p strong{color:var(--start-teal)!important;font-size:22px!important;font-style:normal!important;font-family:var(--llad-type-display,"Sora",system-ui,sans-serif)!important} .start750pressquotes{gap:10px!important;max-width:860px!important;margin:16px 0 18px!important} .start750pressquotes a{ min-height:92px!important; padding:13px 14px!important; border:1px solid rgba(145,163,164,.18)!important; border-radius:10px!important; background:linear-gradient(180deg,rgba(14,23,26,.94),rgba(9,16,18,.94))!important; box-shadow:none!important; } .start750pressquotes a:hover{border-color:rgba(243,180,63,.46)!important;background:#101d20!important;transform:translateY(-1px)!important} .start750pressquotes small{color:var(--start-amber)!important;font-size:8px!important} .start750pressquotes q{color:#cdd7d6!important;font-size:11px!important;line-height:1.4!important;font-weight:600!important} .start750pressquotes q:before,.start750pressquotes q:after{color:var(--start-gold)!important} .start750features{ max-width:650px!important; margin-top:28px!important; border:1px solid rgba(145,163,164,.16)!important; border-radius:12px!important; background:rgba(9,16,18,.76)!important; backdrop-filter:blur(12px)!important; } .start750features span{min-height:82px!important;padding:14px 16px!important;border-right-color:rgba(145,163,164,.14)!important;color:#dce5e4!important} .start750features b{font-family:var(--llad-type-display,"Sora",system-ui,sans-serif)!important;color:#f0f5f4!important;font-size:9px!important} .start750features i{color:#829595!important;font-size:8px!important} .start750login{ width:min(420px,100%)!important; padding:24px!important; border:1px solid rgba(243,180,63,.26)!important; border-radius:18px!important; background:linear-gradient(180deg,rgba(14,23,26,.97),rgba(7,14,16,.98))!important; box-shadow:0 26px 80px rgba(0,0,0,.42),inset 0 1px rgba(255,255,255,.025)!important; backdrop-filter:blur(22px)!important; } .start750loginHead small{color:var(--start-amber)!important;font-size:8px!important;letter-spacing:.16em!important;font-family:var(--llad-type-display,"Sora",system-ui,sans-serif)!important;font-weight:700!important} .start750loginHead h2{margin:7px 0 4px!important;color:#f0f5f4!important;font-family:var(--llad-type-display,"Sora",system-ui,sans-serif)!important;font-size:28px!important;font-weight:700!important;letter-spacing:-.035em!important} .start750loginHead p{color:var(--start-muted)!important;font-size:10px!important;margin-bottom:16px!important} .septemberUpdateLogin675.trialLoginBanner10182{ border:1px solid rgba(243,180,63,.27)!important; background:linear-gradient(135deg,rgba(243,180,63,.075),rgba(85,215,205,.035))!important; box-shadow:none!important; } .septemberUpdateLogin675.trialLoginBanner10182 small{color:var(--start-amber)!important} .septemberUpdateLogin675.trialLoginBanner10182 b{color:#eef4f3!important} .septemberUpdateLogin675.trialLoginBanner10182 span{color:#829595!important} .septemberUpdateLogin675.trialLoginBanner10182 a{border-color:rgba(243,180,63,.36)!important;background:rgba(243,180,63,.08)!important;color:var(--start-gold)!important} .startAuthState10132{ border:1px solid rgba(145,163,164,.16)!important; border-radius:14px!important; background:linear-gradient(145deg,rgba(12,23,25,.98),rgba(7,14,16,.98))!important; } .startAuthState10132.ready10132{ border-color:rgba(85,215,205,.25)!important; background:radial-gradient(circle at 100% 0%,rgba(85,215,205,.08),transparent 38%),linear-gradient(145deg,rgba(12,25,26,.98),rgba(7,14,16,.98))!important; } .startAuthState10132.ready10132 small{color:var(--start-teal)!important} .startAuthState10132>b{font-family:var(--llad-type-display,"Sora",system-ui,sans-serif)!important;font-size:21px!important;color:#f0f5f4!important} .startAuthState10132>span{color:#91a3a4!important} .start750login .primary{ min-height:50px!important; border:1px solid rgba(255,210,109,.36)!important; background:linear-gradient(180deg,#f3b43f,#d89427)!important; color:#111613!important; box-shadow:0 10px 26px rgba(243,180,63,.15)!important; font-family:var(--llad-type-display,"Sora",system-ui,sans-serif)!important; font-weight:800!important; } .start750login .primary:hover{filter:brightness(1.06)!important;transform:translateY(-1px)} .start750login .primary:disabled{opacity:.62!important;cursor:wait!important;transform:none!important} .start750login .ghost400,.start750login .secondary{ border-color:rgba(145,163,164,.20)!important; background:#0a1315!important; color:#b9c6c5!important; font-family:var(--llad-type-display,"Sora",system-ui,sans-serif)!important; } .start750login .ghost400:hover,.start750login .secondary:hover{border-color:rgba(243,180,63,.34)!important;color:var(--start-gold)!important} .start750login input{border-color:rgba(145,163,164,.26)!important;background:#071012!important;color:#eef4f3!important;font-size:14px!important} .start750login input:focus{border-color:var(--start-amber)!important;box-shadow:0 0 0 3px rgba(243,180,63,.12)!important} .start750login .muted{color:#718585!important} .start750login .startDivider400:before,.start750login .startDivider400:after{background:rgba(145,163,164,.16)!important} .start750login .startDivider400 span{background:#0c1719!important;color:#718585!important} @media(max-width:900px){.start750hero{grid-template-columns:1fr!important}.start750login{justify-self:stretch!important;width:100%!important;max-width:520px!important}.start750copy h1{font-size:clamp(44px,11vw,70px)!important}} /* styles/69-fixes-10183.css */ /* v10183 audit fixes — gig-day guard, highlights. Carbon & Amber tokens. */ .gigGuard10183{position:fixed;inset:0;z-index:9000;display:grid;place-items:center;padding:16px;background:rgba(5,8,10,.78);backdrop-filter:blur(4px)} .gigGuard10183 section{width:min(520px,100%);background:#11171b;border:1px solid #f2b33d;border-radius:14px;padding:24px;color:#ece8df;box-shadow:0 24px 80px rgba(0,0,0,.55)} .gigGuard10183 small{font:700 11px/1 Inter,system-ui,sans-serif;letter-spacing:.14em;color:#f2b33d} .gigGuard10183 h3{font:800 24px/1.15 Sora,system-ui,sans-serif;margin:10px 0 8px} .gigGuard10183 p{margin:0 0 18px;color:#aab3b9;line-height:1.5} .gigGuard10183 div{display:flex;flex-wrap:wrap;gap:8px} .gigGuard10183 button{flex:1 1 auto;min-height:44px;padding:10px 14px;border-radius:10px;border:1px solid #2a353d;background:#161e23;color:#ece8df;font:700 12px/1 Inter,system-ui,sans-serif;letter-spacing:.06em;cursor:pointer} .gigGuard10183 button.primary{background:linear-gradient(180deg,#f6c25a,#e3a02c);color:#16110a;border-color:#f2b33d} .gigGuard10183 button:focus-visible{outline:2px solid #f2b33d;outline-offset:2px} .oneScreenEndDay10150.gigToday10183{background:linear-gradient(180deg,#f6c25a,#e3a02c)!important;color:#16110a!important;box-shadow:0 0 0 2px rgba(242,179,61,.35)} /* v10183 P1.10 — slim bar for immersive scenes (gig, corridor, venue reveal, practice, battles) */ .immersiveBar10183{position:sticky;top:0;z-index:40;display:flex;align-items:center;gap:18px;min-height:52px;padding:8px 18px;background:rgba(6,11,13,.92);border-bottom:1px solid rgba(243,180,63,.18);backdrop-filter:blur(12px);color:#eef4f3;font-family:Inter,system-ui,sans-serif} .immersiveBrand10183{display:flex;align-items:baseline;gap:8px} .immersiveBrand10183 b{font:800 15px/1 Sora,system-ui,sans-serif;letter-spacing:.02em} .immersiveBrand10183 small{font:700 10px/1 Inter,system-ui,sans-serif;letter-spacing:.14em;color:#f3b43f} .immersiveStats10183{display:flex;gap:18px;margin-left:auto} .immersiveStats10183 span{display:grid;gap:3px} .immersiveStats10183 small{font:700 9px/1 Inter,system-ui,sans-serif;letter-spacing:.14em;color:#91a3a4} .immersiveStats10183 b{font:800 14px/1 Sora,system-ui,sans-serif;font-variant-numeric:tabular-nums} .immersiveExit10183{min-height:36px;padding:0 14px;border-radius:9px;border:1px solid rgba(243,180,63,.45);background:transparent;color:#f3b43f;font:700 11px/1 Inter,system-ui,sans-serif;letter-spacing:.08em;cursor:pointer} /* v10183 P1.11 — character creator in Carbon & Amber (was light / magenta) */ .creator385{background:#060b0d!important;color:#eef4f3!important;--c-amber:#f3b43f;--c-panel:#0e171a;--c-panel2:#121d21;--c-line:rgba(243,180,63,.22);--c-muted:#91a3a4} .creator385:before,.creator385:after{display:none!important} .creator385 .brand385,.creator385 .brand385>b{color:#eef4f3!important} .creator385 .brand385 em,.creator385Intro h1 em{color:var(--c-amber)!important} .creator385 .brand385 small,.creator385Intro p{color:var(--c-muted)!important} .creator385Intro h1{color:#eef4f3!important;font-family:Sora,system-ui,sans-serif!important} .creator385 .steps385 span{color:var(--c-muted)!important} .creator385 .steps385 span b{background:#1a262b!important;color:var(--c-muted)!important;border-color:#26343a!important} .creator385 .steps385 span.active{color:var(--c-amber)!important} .creator385 .steps385 span.active b{background:var(--c-amber)!important;color:#16110a!important} .creator385 .profile385,.creator385 .looks385,.creator385 .genres385,.creator385 .preview385{background:var(--c-panel)!important;border:1px solid var(--c-line)!important;box-shadow:none!important;color:#eef4f3!important} .creator385 .profile385>small,.creator385 .looks385Head small,.creator385 .genres385>label{color:var(--c-amber)!important} .creator385 .profile385 label,.creator385 .looks385Head h2,.creator385 .genres385 button b,.creator385 .photoUpload950 h3{color:#eef4f3!important} .creator385 .profile385 label small,.creator385 .looks385Head p,.creator385 .genres385>p,.creator385 .fieldHint400{color:var(--c-muted)!important} .creator385 .profile385 input,.creator385 .profile385 select{background:#0a1214!important;color:#eef4f3!important;border:1px solid #26343a!important} .creator385 .profile385 input::placeholder{color:#6f8183!important} .creator385 .profile385 input:focus,.creator385 .profile385 select:focus{border-color:var(--c-amber)!important;box-shadow:0 0 0 3px rgba(243,180,63,.18)!important;outline:none!important} .creator385 .genres385 button i{border-color:#3a4a50!important;background:transparent!important} .creator385 .genres385 button.selected i{border-color:var(--c-amber)!important;background:radial-gradient(circle,var(--c-amber) 45%,transparent 50%)!important} .creator385 .genres385 button.selected b{color:var(--c-amber)!important} .creator385 .genres385 button:hover{background:rgba(243,180,63,.06)!important} .creator385 .looks385Head>button{background:transparent!important;color:var(--c-amber)!important;border:1px solid rgba(243,180,63,.55)!important} .creator385 .photo385{background:var(--c-panel2)!important;border:1px solid #223035!important;overflow:hidden} .creator385 .photo385 span{background:var(--c-panel2)!important} .creator385 .photo385 img{width:100%!important;object-fit:cover!important} .creator385 .photo385 span b{color:#eef4f3!important}.creator385 .photo385 span small{color:var(--c-muted)!important} .creator385 .photo385.selected{border-color:var(--c-amber)!important;box-shadow:0 0 0 2px rgba(243,180,63,.35)!important} .creator385 .photo385 img{object-position:center 20%} .creator385 .photoUpload950{background:linear-gradient(135deg,#0f1a1d,#0a1214)!important;border:1px solid var(--c-line)!important} .creator385 .photoUpload950 small{color:var(--c-amber)!important} .creator385 .photoUpload950 h3{color:#eef4f3!important} .creator385 .photoUpload950 p{color:#c2cccd!important} .creator385 .uploadBtn950{background:linear-gradient(180deg,#f6c25a,#e3a02c)!important;color:#16110a!important;border:0!important} .creator385Footer{background:#0b1316!important;border:1px solid var(--c-line)!important;color:#eef4f3!important} .creator385Footer>div{border-right-color:#22303a!important} .creator385Footer small{color:var(--c-muted)!important} .creator385 .start385{background:linear-gradient(180deg,#f6c25a,#e3a02c)!important;color:#16110a!important;border:0!important;box-shadow:0 10px 30px rgba(243,180,63,.2)!important} [data-exit999]{display:none!important} /* v10183 P1.12: developer exit hidden from players */ /* v10183 P1.13 — Booking desk on phones: stacked, readable, no merged numbers */ @media (max-width:760px){ .bookingHead10152{display:grid!important;gap:10px!important} .bookingHead10152 nav{display:flex!important;flex-wrap:wrap;gap:6px} .bookingHead10152 nav button{background:#121b1f!important;color:#eef4f3!important;border:1px solid #26343a!important;border-radius:9px!important;min-height:40px;padding:0 12px!important;font:700 11px/1 Inter,system-ui,sans-serif!important;letter-spacing:.06em} .bookingHead10152 nav button.active{background:#f3b43f!important;color:#16110a!important;border-color:#f3b43f!important} .bookingSummary10164{display:grid!important;grid-template-columns:1fr 1fr!important;gap:8px!important} .bookingSummary10164 article{display:grid!important;gap:4px!important;padding:10px 12px!important;border:1px solid #1f2b31!important;border-radius:10px!important;background:#0e171a!important;min-width:0} .bookingSummary10164 small{display:block;font-size:10px!important;letter-spacing:.1em;color:#91a3a4!important} .bookingSummary10164 b{display:block;font-size:18px!important;line-height:1.1} .bookingSummary10164 span{display:block;font-size:12px!important;color:#91a3a4!important;overflow:hidden;text-overflow:ellipsis;white-space:nowrap} .bookingWorkspace10152{display:grid!important;grid-template-columns:1fr!important;gap:12px!important;height:auto!important;overflow:visible!important} .bookingList10152{display:grid!important;gap:6px!important;overflow:visible!important;max-height:none!important} .bookingRow10152{display:grid!important;grid-template-columns:62px minmax(0,1fr) auto!important;grid-template-rows:auto auto;column-gap:10px!important;row-gap:2px;align-items:center;width:100%!important;min-width:0!important;text-align:left;padding:10px 12px!important} .bookingRow10152 time{grid-row:1/3;font-size:12px;line-height:1.2} .bookingRow10152 span{display:grid!important;min-width:0;grid-row:1/3} .bookingRow10152 span b{white-space:nowrap;overflow:hidden;text-overflow:ellipsis} .bookingRow10152 span small{white-space:nowrap;overflow:hidden;text-overflow:ellipsis} .bookingRow10152 strong{grid-column:3;grid-row:1;justify-self:end;font-size:15px} .bookingRow10152 em{grid-column:3;grid-row:2;justify-self:end;font-size:11px;font-style:normal;color:#91a3a4} .bookingDetail10152{height:auto!important;overflow:visible!important} .bookingDetail10152 header{display:grid!important;gap:6px} .bookingDetailGrid10152{display:grid!important;grid-template-columns:1fr 1fr!important;gap:8px!important} .bookingDetailGrid10152>*{display:grid!important;gap:3px;min-width:0} .bookingFM10152,.bookingFM10152 section,.bookingFM10152 article,.bookingFM10152 div{min-width:0!important;max-width:100%!important;box-sizing:border-box} .bookingFM10152{width:100%!important;overflow:hidden} .rivalBid10170 header{display:grid!important;gap:8px} .rivalBidGrid10170{display:grid!important;grid-template-columns:1fr 1fr!important;gap:8px!important} .rivalBid10170 button,.bookingDetail10152 footer button,.bookingDetail10152 [class*="Actions"] button{width:100%!important;white-space:normal!important} .rivalBid10170 [class*="actions"],.rivalBid10170 [class*="Actions"]{display:grid!important;grid-template-columns:1fr!important;gap:6px!important} html.oneScreenActive10150 .oneScreenRoot10150{grid-template-columns:minmax(0,1fr)!important;width:100vw!important;max-width:100vw!important;overflow-x:hidden} html.oneScreenActive10150 .oneScreenTop10150,html.oneScreenActive10150 .oneScreenBody10150,html.oneScreenActive10150 .oneScreenCenter10150,html.oneScreenActive10150 .oneScreenViewport10150{width:100%!important;max-width:100vw!important;min-width:0!important} html.oneScreenActive10150 .oneScreenTop10150{grid-template-columns:minmax(0,1fr) auto!important} html.oneScreenActive10150 .oneScreenBrand10150{min-width:0!important;overflow:hidden} html.oneScreenActive10150 .oneScreenLeft10150{width:100%!important;max-width:100vw!important;min-width:0!important;overflow-x:auto!important} html.oneScreenActive10150 .oneScreenTopActions10150{display:flex!important;gap:6px;align-items:center} html.oneScreenActive10150 .oneScreenEndDay10150{min-height:40px!important;padding:0 12px!important;font-size:11px!important;white-space:nowrap} .bookingDetailGrid10152 small{display:block} } /* v10183 P1.14 — small UI collisions */ .saveIndicator920{left:12px!important;right:auto!important;bottom:12px!important;opacity:.55!important;pointer-events:none!important} /* Life screen: the Personal Life panel (v10170) needs its own grid row, otherwise it collides with the footer */ .lifeMode10100:has(>.personalLife10170){grid-template-rows:54px 36px auto minmax(320px,1fr) auto auto 32px!important;overflow-y:auto!important} .lifeMode10100>.personalLife10170{position:relative;z-index:1;margin:0 0 4px!important;width:100%} @media (max-width:760px){.saveIndicator920{display:none!important}} .bookingDetail10152 header strong,.bookingDetail10164 header strong{display:block;margin-bottom:6px} /* HOME: the 'First 30 minutes' guide was squeezed into a narrow bottom cell — give it a full-width row at the top */ .oneScreenViewport10150 .first30_10092{grid-column:1 / -1!important;order:-1;width:auto!important;max-width:none!important;min-height:0!important;height:auto!important;margin:0 0 8px!important} .oneScreenViewport10150 .first30_10092 header{display:flex!important;align-items:center;justify-content:space-between;gap:12px} .oneScreenViewport10150 .first30_10092 h2{font-size:18px!important;line-height:1.15!important;margin:4px 0 0!important} /* Backstage inside the FM shell: rider cards wrap instead of clipping (P1.10 follow-up) */ .oneScreenViewport10150 .riderItems9948{display:grid!important;grid-template-columns:repeat(auto-fill,minmax(118px,1fr))!important;gap:8px!important} .oneScreenViewport10150 .riderItems9948 button{min-width:0!important;white-space:normal!important} .oneScreenViewport10150 .riderItems9948 b,.oneScreenViewport10150 .riderItems9948 span,.oneScreenViewport10150 .riderItems9948 small{white-space:normal!important;overflow:visible!important;text-overflow:clip!important;overflow-wrap:anywhere;font-size:11px!important;letter-spacing:.02em!important} /* styles/70-result-one-screen-10184.css */ /* LIFE LIKE A DJ — v10184 SET RESULT / ONE SCREEN Desktop: every post-show result stays inside the fixed management viewport. The exit action is always visible; no page scrolling is required. */ @media (min-width:761px){ .oneScreenRoot10150[data-screen="result"] .oneScreenViewport10150{ padding:8px!important; overflow:hidden!important; } .oneScreenRoot10150[data-screen="result"] .resultPage10184{ width:100%!important;height:100%!important;min-height:0!important; padding:0!important;overflow:hidden!important;display:block!important; background:radial-gradient(circle at 78% 12%,rgba(255,52,151,.11),transparent 31%),radial-gradient(circle at 18% 82%,rgba(44,202,255,.08),transparent 30%),#070a11!important; } .oneScreenRoot10150[data-screen="result"] .resultOneScreen10184{ width:100%!important;height:100%!important;max-height:100%!important;min-height:0!important; margin:0!important;padding:14px 16px!important;border-radius:14px!important; display:grid!important;grid-template-rows:auto minmax(0,1.28fr) auto auto auto auto!important; gap:8px!important;overflow:hidden!important;text-align:left!important; box-shadow:none!important; } .oneScreenRoot10150[data-screen="result"] .resultTop617{ min-height:45px!important;align-items:center!important;gap:12px!important;margin:0!important; } .oneScreenRoot10150[data-screen="result"] .resultTop617 h2{ font-size:23px!important;line-height:1.05!important;letter-spacing:-.35px!important;margin:3px 0 1px!important; } .oneScreenRoot10150[data-screen="result"] .resultTop617 p{ font-size:11px!important;line-height:1.2!important;margin:0!important; } .oneScreenRoot10150[data-screen="result"] .resultTop617 small{ font-size:9px!important;letter-spacing:.16em!important; } .resultTopActions10184{display:flex;align-items:center;gap:8px;flex:0 0 auto} .oneScreenRoot10150[data-screen="result"] .resultDate617{font-size:10px!important;white-space:nowrap} .resultExit10184{ width:34px;height:34px;display:grid;place-items:center;padding:0;border-radius:8px; border:1px solid #38485b;background:#0b141c;color:#dbe5ec;font-weight:900;font-size:14px; } .resultExit10184:hover{border-color:#e8b33f;color:#ffd35e;background:#121a20} .resultHero10184{ display:grid;grid-template-columns:minmax(320px,.9fr) minmax(420px,1.35fr);gap:8px;min-height:0; } .oneScreenRoot10150[data-screen="result"] .crowdHero617{ height:100%!important;min-height:0!important;margin:0!important;padding:10px!important; grid-template-columns:112px minmax(0,1fr)!important;gap:12px!important;border-radius:10px!important; } .oneScreenRoot10150[data-screen="result"] .crowdGauge617{ min-height:0!important;height:100%!important;border-radius:9px!important; } .oneScreenRoot10150[data-screen="result"] .crowdGauge617 b{font-size:35px!important} .oneScreenRoot10150[data-screen="result"] .crowdGauge617 span{font-size:7px!important;letter-spacing:.11em!important;margin-top:4px!important;text-align:center} .oneScreenRoot10150[data-screen="result"] .crowdMood617{min-width:0!important} .oneScreenRoot10150[data-screen="result"] .crowdMood617 strong{font-size:18px!important;line-height:1.05!important} .oneScreenRoot10150[data-screen="result"] .crowdMood617 p{ font-size:10px!important;line-height:1.28!important;margin:5px 0 0!important;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden; } .oneScreenRoot10150[data-screen="result"] .stars617{ font-size:19px!important;letter-spacing:3px!important;margin:7px 0 0!important;line-height:1!important; } .oneScreenRoot10150[data-screen="result"] .resultGrid617{ height:100%!important;min-height:0!important;margin:0!important;display:grid!important; grid-template-columns:repeat(3,minmax(0,1fr))!important;grid-template-rows:repeat(2,minmax(0,1fr))!important;gap:6px!important; } .oneScreenRoot10150[data-screen="result"] .resultGrid617 span{ min-height:0!important;height:100%!important;padding:8px 9px!important;border-radius:8px!important; display:flex!important;flex-direction:column!important;justify-content:center!important; } .oneScreenRoot10150[data-screen="result"] .resultGrid617 small{font-size:8px!important;letter-spacing:.09em!important} .oneScreenRoot10150[data-screen="result"] .resultGrid617 b{font-size:17px!important;margin-top:3px!important} .resultSecondary10184{display:grid;grid-template-columns:minmax(0,1.12fr) minmax(0,.88fr);gap:8px;min-height:0} .resultSecondary10184:has(>section:only-child){grid-template-columns:1fr} .oneScreenRoot10150[data-screen="result"] .resultSecondary10184 .beatResult730{ margin:0!important;gap:5px!important;height:100%!important; } .oneScreenRoot10150[data-screen="result"] .resultSecondary10184 .fairPay9961{grid-template-columns:repeat(4,minmax(0,1fr))!important} .oneScreenRoot10150[data-screen="result"] .resultSecondary10184 .beatResult730:not(.fairPay9961){grid-template-columns:repeat(3,minmax(0,1fr))!important} .oneScreenRoot10150[data-screen="result"] .beatResult730>div{ padding:7px 8px!important;border-radius:7px!important;min-width:0!important; } .oneScreenRoot10150[data-screen="result"] .beatResult730 small{font-size:7px!important;letter-spacing:.06em!important;white-space:nowrap} .oneScreenRoot10150[data-screen="result"] .beatResult730 b{font-size:12px!important;margin-top:2px!important;white-space:nowrap} .resultMeta10184{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:8px;min-height:0} .resultMeta10184>.resultDetails617:only-child{grid-column:1/-1} .oneScreenRoot10150[data-screen="result"] .scienceResult10140, .oneScreenRoot10150[data-screen="result"] .resultDetails617{ margin:0!important;height:100%!important;min-height:0!important;gap:5px!important; grid-template-columns:repeat(4,minmax(0,1fr))!important; } .oneScreenRoot10150[data-screen="result"] .scienceResult10140>div, .oneScreenRoot10150[data-screen="result"] .resultDetails617>div{ min-width:0!important;padding:6px 7px!important;border-radius:7px!important; } .oneScreenRoot10150[data-screen="result"] .scienceResult10140 small, .oneScreenRoot10150[data-screen="result"] .resultDetails617 small{font-size:7px!important;letter-spacing:.06em!important;white-space:nowrap} .oneScreenRoot10150[data-screen="result"] .scienceResult10140 b, .oneScreenRoot10150[data-screen="result"] .resultDetails617 b{font-size:10px!important;line-height:1.15!important;margin-top:2px!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis} .resultPromoter10184:empty{display:none!important} .oneScreenRoot10150[data-screen="result"] .resultPromoter10184{min-height:0!important} .oneScreenRoot10150[data-screen="result"] .postShowP1{ margin:0!important;gap:5px!important;grid-template-columns:repeat(3,minmax(0,1fr))!important; } .oneScreenRoot10150[data-screen="result"] .postShowP1>div{padding:6px 8px!important;border-radius:7px!important;gap:1px!important;min-width:0} .oneScreenRoot10150[data-screen="result"] .postShowP1 small{font-size:7px!important} .oneScreenRoot10150[data-screen="result"] .postShowP1 b{font-size:10px!important} .oneScreenRoot10150[data-screen="result"] .postShowP1 span{font-size:7px!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis} .oneScreenRoot10150[data-screen="result"] .rebookP1{ margin:4px 0 0!important;padding:5px 8px!important;border-radius:7px!important;font-size:8px!important;line-height:1.2!important; } .resultFooter10184{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;align-items:stretch;min-height:38px} .oneScreenRoot10150[data-screen="result"] .resultMessage617{ margin:0!important;padding:8px 10px!important;border-radius:7px!important;font-size:9px!important;line-height:1.2!important; display:flex;align-items:center;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis; } .resultActions10184{display:grid;grid-template-columns:92px 156px;gap:6px} .oneScreenRoot10150[data-screen="result"] .resultActions10184 button{ width:100%!important;min-height:38px!important;height:38px!important;margin:0!important;padding:0 10px!important;border-radius:8px!important;font-size:10px!important;white-space:nowrap; } .oneScreenRoot10150[data-screen="result"] .resultHome617{min-height:38px!important} } /* Short laptop viewports get an even denser result without losing any exit/action. */ @media (min-width:761px) and (max-height:760px){ .oneScreenRoot10150[data-screen="result"] .resultOneScreen10184{padding:9px 11px!important;gap:5px!important} .oneScreenRoot10150[data-screen="result"] .resultTop617{min-height:36px!important} .oneScreenRoot10150[data-screen="result"] .resultTop617 h2{font-size:18px!important} .oneScreenRoot10150[data-screen="result"] .resultTop617 p{font-size:9px!important} .oneScreenRoot10150[data-screen="result"] .crowdHero617{padding:7px!important;grid-template-columns:92px minmax(0,1fr)!important;gap:8px!important} .oneScreenRoot10150[data-screen="result"] .crowdGauge617 b{font-size:28px!important} .oneScreenRoot10150[data-screen="result"] .crowdMood617 strong{font-size:15px!important} .oneScreenRoot10150[data-screen="result"] .crowdMood617 p{font-size:9px!important;-webkit-line-clamp:1} .oneScreenRoot10150[data-screen="result"] .stars617{font-size:15px!important;margin-top:4px!important} .oneScreenRoot10150[data-screen="result"] .resultGrid617 span{padding:5px 7px!important} .oneScreenRoot10150[data-screen="result"] .resultGrid617 b{font-size:14px!important} .oneScreenRoot10150[data-screen="result"] .beatResult730>div, .oneScreenRoot10150[data-screen="result"] .scienceResult10140>div, .oneScreenRoot10150[data-screen="result"] .resultDetails617>div, .oneScreenRoot10150[data-screen="result"] .postShowP1>div{padding:4px 6px!important} .oneScreenRoot10150[data-screen="result"] .rebookP1{display:none!important} .resultFooter10184{min-height:34px} .oneScreenRoot10150[data-screen="result"] .resultActions10184 button{height:34px!important;min-height:34px!important} } /* Mobile keeps normal document scrolling instead of crushing the result. */ @media (max-width:760px){ .resultTopActions10184{display:flex;align-items:center;gap:8px} .resultExit10184{width:38px;height:38px;border-radius:9px;border:1px solid #46516f;background:#0b141c;color:#fff} .resultHero10184,.resultSecondary10184,.resultMeta10184,.resultFooter10184{display:grid;grid-template-columns:1fr;gap:10px} .resultActions10184{display:grid;grid-template-columns:1fr;gap:8px} } /* styles/71-internal-scroll-10186.css */ /* LIFE LIKE A DJ v10186 — tile-only internal scrolling Tracklist music store + Apartment / City. The browser/FM workspace stays fixed; only dedicated content tiles scroll. */ @media (min-width:761px){ /* TRACKLIST / MUSIC STORE: never scroll the central browser workspace. */ .oneScreenRoot10150[data-screen="tracklist"] .oneScreenViewport10150{ overflow:hidden!important; padding:12px!important; } .oneScreenRoot10150[data-screen="tracklist"] .tracklistPage{ height:100%!important; min-height:0!important; display:grid!important; grid-template-rows:auto minmax(0,1fr)!important; gap:8px!important; overflow:hidden!important; padding:0!important; } .oneScreenRoot10150[data-screen="tracklist"] .tracklistPage>.sectionhead{ margin:0!important; min-height:0!important; padding:6px 10px!important; border:1px solid #26343a; border-radius:10px; background:#0e171a; } .oneScreenRoot10150[data-screen="tracklist"] .tracklistPage>.sectionhead h2{font-size:24px!important;margin:1px 0!important} .oneScreenRoot10150[data-screen="tracklist"] .tracklistPage>.sectionhead p{margin:2px 0 0!important;font-size:11px!important} .tracklistInternalScroll10186{ min-height:0!important; height:100%!important; overflow-y:auto!important; overflow-x:hidden!important; overscroll-behavior:contain; scrollbar-width:thin; scrollbar-color:#6b5631 #11171b; padding:9px 10px 14px; border:1px solid #26343a; border-radius:12px; background:#090f12; } .tracklistInternalScroll10186::-webkit-scrollbar{width:8px} .tracklistInternalScroll10186::-webkit-scrollbar-track{background:#11171b;border-radius:10px} .tracklistInternalScroll10186::-webkit-scrollbar-thumb{background:#6b5631;border-radius:10px;border:2px solid #11171b} /* Crate and shop are real tiles with their own scrolling lists. */ .oneScreenRoot10150[data-screen="tracklist"] .trackPickerGrid{ max-height:clamp(250px,36vh,390px)!important; overflow-y:auto!important; overflow-x:hidden!important; overscroll-behavior:contain; scrollbar-width:thin; padding-right:5px; align-content:start; } .oneScreenRoot10150[data-screen="tracklist"] .gigTrackShop620{ display:grid!important; grid-template-rows:auto minmax(0,1fr) auto!important; min-height:330px!important; max-height:clamp(360px,50vh,500px)!important; overflow:hidden!important; } .oneScreenRoot10150[data-screen="tracklist"] .gigShopGrid620{ min-height:0!important; height:100%!important; overflow-y:auto!important; overflow-x:hidden!important; overscroll-behavior:contain; scrollbar-width:thin; padding-right:5px; align-content:start; } .oneScreenRoot10150[data-screen="tracklist"] :is(.trackPickerGrid,.gigShopGrid620)::-webkit-scrollbar{width:7px} .oneScreenRoot10150[data-screen="tracklist"] :is(.trackPickerGrid,.gigShopGrid620)::-webkit-scrollbar-track{background:#11171b;border-radius:10px} .oneScreenRoot10150[data-screen="tracklist"] :is(.trackPickerGrid,.gigShopGrid620)::-webkit-scrollbar-thumb{background:#6b5631;border-radius:10px;border:2px solid #11171b} /* APARTMENT / CITY: keep the FM shell + page fixed. Scroll only lifeInternalScroll10171. */ .oneScreenRoot10150[data-screen="lifemode10100"] .oneScreenViewport10150{ overflow:hidden!important; } .oneScreenRoot10150[data-screen="lifemode10100"] .lifeMode10100.isCity10100, .oneScreenRoot10150[data-screen="lifemode10100"] .lifeMode10100.isApartment10100{ height:100%!important; min-height:0!important; overflow:hidden!important; grid-template-rows:54px 36px minmax(0,1fr) 32px!important; } .oneScreenRoot10150[data-screen="lifemode10100"] .lifeMode10100.isCity10100>.personalLife10170, .oneScreenRoot10150[data-screen="lifemode10100"] .lifeMode10100.isApartment10100>.personalLife10170{ display:none!important; /* stale direct-child fallback from older saves/render wrappers */ } .oneScreenRoot10150[data-screen="lifemode10100"] .lifeInternalScroll10171{ min-height:0!important; height:100%!important; overflow-y:auto!important; overflow-x:hidden!important; overscroll-behavior:contain; scrollbar-width:thin; scrollbar-color:#6b5631 #11171b; -webkit-overflow-scrolling:touch; } .oneScreenRoot10150[data-screen="lifemode10100"] .lifeInternalScroll10171::-webkit-scrollbar{width:8px} .oneScreenRoot10150[data-screen="lifemode10100"] .lifeInternalScroll10171::-webkit-scrollbar-track{background:#11171b;border-radius:10px} .oneScreenRoot10150[data-screen="lifemode10100"] .lifeInternalScroll10171::-webkit-scrollbar-thumb{background:#6b5631;border-radius:10px;border:2px solid #11171b} .oneScreenRoot10150[data-screen="lifemode10100"] .lifeInternalScroll10171>.personalLife10170{ width:100%!important; max-width:none!important; margin:7px 0 0!important; } } /* On narrow screens the app can still use native document flow, but the long grids remain touch-scrollable. */ @media (max-width:760px){ .gigShopGrid620,.trackPickerGrid{max-height:58vh;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch} .lifeInternalScroll10171{overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch} } /* styles/72-i18n-language-gate-10187.css */ /* LIFE LIKE A DJ v10187 — language gate; viewport stays fixed, only the tile grid can scroll. */ .languageGate10187{position:fixed;inset:0;z-index:120000;display:grid;place-items:center;min-height:100dvh;padding:clamp(18px,4vw,52px);overflow:hidden;background:radial-gradient(circle at 50% 18%,rgba(243,180,63,.10),transparent 28%),linear-gradient(180deg,#071012,#05090a 70%);color:#eef4f3;font-family:Inter,system-ui,-apple-system,sans-serif} .languageGateCard10187{width:min(960px,94vw);height:min(780px,90dvh);min-height:0;display:grid;grid-template-rows:auto auto minmax(0,1fr) auto;gap:18px;padding:clamp(22px,4vw,42px);border:1px solid rgba(145,163,164,.22);border-radius:24px;background:linear-gradient(180deg,rgba(13,24,26,.96),rgba(7,15,17,.98));box-shadow:0 34px 90px rgba(0,0,0,.48)} .languageGateBrand10187{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(145,163,164,.13);padding-bottom:14px}.languageGateBrand10187 b{font-family:Sora,Inter,sans-serif;font-size:15px;letter-spacing:.08em}.languageGateBrand10187 em{font-style:normal;color:#f3b43f}.languageGateBrand10187 small{color:#f3b43f;font-weight:800;letter-spacing:.18em;font-size:9px} .languageGateCard10187 header{text-align:center}.languageGateCard10187 header small{display:block;color:#f3b43f;font-size:9px;font-weight:800;letter-spacing:.12em}.languageGateCard10187 h1{margin:8px 0 5px;font-family:Sora,Inter,sans-serif;font-size:clamp(28px,4vw,46px);letter-spacing:-.04em}.languageGateCard10187 header p{margin:0;color:#8fa2a3;font-size:13px} .languageGateGrid10187{min-height:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;padding:2px 8px 2px 2px;overflow-y:auto;overscroll-behavior:contain;scrollbar-gutter:stable}.languageGateGrid10187 button{min-height:68px;display:flex;align-items:center;justify-content:space-between;gap:14px;padding:0 18px;border:1px solid rgba(145,163,164,.22);border-radius:12px;background:#081214;color:#eef4f3;text-align:left;cursor:pointer;transition:.15s ease}.languageGateGrid10187 button:hover,.languageGateGrid10187 button:focus-visible{transform:translateY(-1px);border-color:rgba(243,180,63,.55);background:#0d191a;outline:none}.languageGateGrid10187 button.selected{border-color:#f3b43f;box-shadow:0 0 0 2px rgba(243,180,63,.10)}.languageGateGrid10187 button b{font-size:15px}.languageGateGrid10187 button span{color:#708587;font-size:9px;font-weight:900;letter-spacing:.12em}.languageGateGrid10187 button.selected span{color:#f3b43f} .languageGateCard10187 footer{display:flex;justify-content:space-between;gap:18px;color:#718585;font-size:10px}.languageGateCard10187 footer i{font-style:normal;color:#f3b43f;font-weight:800;letter-spacing:.1em;white-space:nowrap} .startLanguage10187{border:1px solid rgba(243,180,63,.22)!important;background:rgba(7,16,18,.72)!important;color:#d8e1df!important;border-radius:8px!important;padding:8px 11px!important;font-size:9px!important;font-weight:800!important;letter-spacing:.08em!important;cursor:pointer}.startLanguage10187:hover{border-color:rgba(243,180,63,.55)!important;color:#f3b43f!important} html[data-llad-lang="ja"] body{font-family:"Hiragino Sans","Yu Gothic",Meiryo,Inter,system-ui,sans-serif} html[data-llad-lang="de"] .creator385 label,html[data-llad-lang="fr"] .creator385 label,html[data-llad-lang="el"] .creator385 label{letter-spacing:.035em} @media(max-width:760px){.languageGateCard10187{width:96vw;height:92dvh;padding:20px}.languageGateGrid10187{grid-template-columns:repeat(2,minmax(0,1fr))}.languageGateGrid10187 button{min-height:60px}.languageGateCard10187 footer{flex-direction:column;gap:5px}} @media(max-height:650px){.languageGateCard10187{height:94dvh;gap:10px;padding:16px 20px}.languageGateCard10187 h1{font-size:28px}.languageGateGrid10187 button{min-height:52px}.languageGateBrand10187{padding-bottom:8px}} /* styles/73-intro-10188.css */ /* LIFE LIKE A DJ v10191 — zero-click integrated startup intro. */ .lladIntro10188{position:fixed;inset:0;z-index:150000;background:#000;display:grid;place-items:center;overflow:hidden;color:#fff;font-family:Inter,system-ui,-apple-system,sans-serif;opacity:1;transition:opacity .42s ease} .lladIntro10188.closing{opacity:0;pointer-events:none} .lladIntro10188 video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;background:#000} .lladIntro10188::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,rgba(0,0,0,.08),transparent 70%,rgba(0,0,0,.32))} .lladIntro10188 button{position:absolute;z-index:2;right:clamp(18px,2.6vw,42px);bottom:clamp(18px,2.6vw,34px);min-width:92px;height:38px;padding:0 15px;border:1px solid rgba(255,255,255,.30);border-radius:8px;background:rgba(0,0,0,.48);backdrop-filter:blur(8px);color:#f3f4f5;font:700 10px/1 Inter,system-ui,sans-serif;letter-spacing:.12em;cursor:pointer;transition:.15s ease} .lladIntro10188 button:hover,.lladIntro10188 button:focus-visible{border-color:#e5ad45;color:#e5ad45;outline:none;background:rgba(0,0,0,.68)} @media(max-width:720px){.lladIntro10188 video{object-fit:contain}.lladIntro10188 button{bottom:18px;right:18px}} /* styles/74-i18n-full-10188.css */ /* LIFE LIKE A DJ v10188 — full-game localization layout resilience */ html[data-llad-lang] button,html[data-llad-lang] .oneScreenLeft10150,html[data-llad-lang] .oneScreenRight10150{overflow-wrap:anywhere} html[data-llad-lang="de"] button,html[data-llad-lang="fr"] button,html[data-llad-lang="el"] button{letter-spacing:.015em} html[data-llad-lang="ja"] body{font-family:"Hiragino Sans","Yu Gothic",Meiryo,Inter,system-ui,sans-serif;line-break:strict} html[data-llad-lang="ja"] button,html[data-llad-lang="ja"] small{letter-spacing:.02em} @media(max-width:1180px){html[data-llad-lang="de"] .oneScreenPrimary10150 button,html[data-llad-lang="fr"] .oneScreenPrimary10150 button,html[data-llad-lang="el"] .oneScreenPrimary10150 button{font-size:10px}} /* styles/75-official-brand-10191.css */ /* LIFE LIKE A DJ v10191 — official brand mark on entry surfaces only. */ .languageGateBrand10187.languageGateBrandLogo10191{align-items:center;gap:16px} .languageGateLogo10191{display:block;width:clamp(142px,17vw,205px);height:62px;object-fit:contain;object-position:center;background:#fdfdfb;border:1px solid rgba(243,180,63,.28);border-radius:10px;padding:3px 9px;box-shadow:0 8px 28px rgba(0,0,0,.28)} .languageGateBrandLogo10191 small{margin-left:auto} .start750brand.start750brandLogo10191{align-items:center!important;gap:10px!important} .start750brandLogo10191 img{display:block;width:150px;height:62px;object-fit:contain;object-position:center;background:#fdfdfb;border:1px solid rgba(243,180,63,.28);border-radius:9px;padding:3px 8px;box-shadow:0 8px 22px rgba(0,0,0,.28)} .start750brandLogo10191 em{margin:0!important;align-self:flex-end!important;margin-bottom:4px!important} @media(max-width:900px){.start750brandLogo10191 img{width:136px;height:56px}.languageGateLogo10191{height:56px}} @media(max-width:560px){.start750brandLogo10191 img{width:118px;height:50px}.languageGateLogo10191{width:136px;height:52px}.languageGateBrandLogo10191 small{font-size:8px!important}} /* v10191.3 P1 stability fixes */ .creator385 .photo385,.creator385 .photoUploadPreview950,.creator385 .previewPerson385{overflow:hidden!important} .creator385 .photo385 img,.creator385 .photoUploadPreview950 img,.creator385 .previewPerson385 img{object-fit:cover!important;object-position:center 18%!important;transform:scale(1.045)!important;transform-origin:center center!important} @media (min-width:1100px) and (max-height:920px){ .show2Stage211.phaser3-active{height:430px!important;min-height:430px!important} .show2_211 .show2Console211{padding:9px 16px 12px!important} .show2_211 .show2DeckHeads211{margin:7px 0 5px!important} .show2_211 .show2Steps215{margin:5px 0!important} .show2_211 .show2Wave211{height:138px!important;padding-top:17px!important} .show2_211 .show2Lane211{height:52px!important} .show2_211 .show2WaveViewport215,.show2_211 .show2Lane211 .phraseWaveTrack9952,.show2_211 .show2Lane211 .waveBeat9952{height:44px!important} .show2Lower211{margin-top:7px!important} } /* v10191.4 — intro sound unlock only appears when browser blocks audible autoplay. */ .lladIntro10188 .lladIntroSound10191{left:clamp(18px,2.6vw,42px);right:auto;min-width:104px} .lladIntro10188 .lladIntroSound10191[hidden]{display:none!important} @media(max-width:720px){.lladIntro10188 .lladIntroSound10191{left:18px;right:auto}} /* v10191.5 — RESULT one-screen repair. Keep Career Consequences inside the result card; never append a second block below the 100% card. */ @media (min-width:761px){ .oneScreenRoot10150[data-screen="result"] .resultOneScreen10184{ grid-template-rows:auto minmax(108px,1fr) auto auto auto auto auto!important; align-content:stretch!important; } .oneScreenRoot10150[data-screen="result"] .resultOneScreen10184>.whatChanged920{ margin:0!important;padding:5px 7px!important;border-radius:7px!important;min-height:0!important;overflow:hidden!important; background:rgba(40,220,190,.055)!important;border-color:rgba(80,220,220,.18)!important; } .oneScreenRoot10150[data-screen="result"] .resultOneScreen10184>.whatChanged920 header, .oneScreenRoot10150[data-screen="result"] .resultOneScreen10184>.whatChanged920>p, .oneScreenRoot10150[data-screen="result"] .resultOneScreen10184>.whatChanged920 .whyBox930{display:none!important} .oneScreenRoot10150[data-screen="result"] .resultOneScreen10184>.whatChanged920>div{ display:grid!important;grid-template-columns:repeat(6,minmax(0,1fr))!important;gap:5px!important;margin:0!important; } .oneScreenRoot10150[data-screen="result"] .resultOneScreen10184>.whatChanged920 span{ min-width:0!important;padding:5px 6px!important;border-radius:6px!important;font-size:7.5px!important;line-height:1.08!important; white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important; } .oneScreenRoot10150[data-screen="result"] .resultOneScreen10184>.whatChanged920 span b{font-size:9px!important} } @media (min-width:761px) and (max-height:820px){ .oneScreenRoot10150[data-screen="result"] .resultOneScreen10184{padding:8px 10px!important;gap:4px!important} .oneScreenRoot10150[data-screen="result"] .resultHero10184{min-height:96px!important} .oneScreenRoot10150[data-screen="result"] .resultOneScreen10184>.whatChanged920{padding:4px 5px!important} .oneScreenRoot10150[data-screen="result"] .resultOneScreen10184>.whatChanged920 span{padding:4px!important;font-size:7px!important} } /* v10191.6 — RESULT hard stability repair. Do not let generic .unlock styling or flexible grid rows stretch the footer. */ @media (min-width:761px){ .oneScreenRoot10150[data-screen="result"] .resultOneScreen10184{ grid-template-rows:max-content 158px max-content max-content max-content max-content 38px!important; grid-auto-rows:max-content!important; align-content:start!important; overflow:hidden!important; } .oneScreenRoot10150[data-screen="result"] .resultHero10184{height:158px!important;min-height:158px!important;max-height:158px!important} .oneScreenRoot10150[data-screen="result"] .resultFooter10184{ height:38px!important;min-height:38px!important;max-height:38px!important;align-self:start!important;overflow:hidden!important; } .oneScreenRoot10150[data-screen="result"] .resultMessage617{ height:38px!important;min-height:38px!important;max-height:38px!important;margin:0!important;padding:0 10px!important; background:#0d141b!important;border:1px solid rgba(226,190,92,.26)!important;color:#dbe4ea!important;box-shadow:none!important; display:flex!important;align-items:center!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important; } .oneScreenRoot10150[data-screen="result"] .resultActions10184, .oneScreenRoot10150[data-screen="result"] .resultActions10184 button{height:38px!important;min-height:38px!important;max-height:38px!important;margin:0!important} } @media (min-width:761px) and (max-height:820px){ .oneScreenRoot10150[data-screen="result"] .resultOneScreen10184{grid-template-rows:max-content 138px max-content max-content max-content max-content 34px!important} .oneScreenRoot10150[data-screen="result"] .resultHero10184{height:138px!important;min-height:138px!important;max-height:138px!important} .oneScreenRoot10150[data-screen="result"] .resultFooter10184, .oneScreenRoot10150[data-screen="result"] .resultMessage617, .oneScreenRoot10150[data-screen="result"] .resultActions10184, .oneScreenRoot10150[data-screen="result"] .resultActions10184 button{height:34px!important;min-height:34px!important;max-height:34px!important} } /* v10191.7 — compact three-language gate */ .languageGateCard10187{height:auto;max-height:90dvh} .languageGateGrid10187{grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-rows:72px;overflow:visible;padding:2px} /* v10207.6: mobile language gate — every language remains reachable. */ @media(max-width:760px){.languageGate10187{place-items:start center;overflow-y:auto;padding:12px}.languageGateCard10187{height:auto;max-height:none;min-height:0;gap:12px;padding:16px}.languageGateGrid10187{grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:54px;overflow:visible}.languageGateGrid10187 button{min-height:54px;padding:0 11px}.languageGateGrid10187 button b{font-size:13px}.languageGateCard10187 footer{font-size:9px}} /* LIFE LIKE A DJ — v10191.8 TYPOGRAPHY READABILITY PASS Scope: desktop shell + management screens + HOME. Visual-only. Goal: remove microtype (8–10 px) without changing gameplay geometry. */ .oneScreenRoot10150{ text-rendering:optimizeLegibility; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale; } @media (min-width:1000px){ /* Shell / navigation */ .oneScreenRoot10150{font-size:15px!important;line-height:1.42!important} .oneScreenIdentity10150 small{font-size:10.5px!important;letter-spacing:.065em!important} .oneScreenIdentity10150 b{font-size:15.5px!important;font-weight:750!important} .oneScreenIdentity10150 span{font-size:12.5px!important;line-height:1.25!important} .oneScreenSecondary10150>small{font-size:10.5px!important;letter-spacing:.08em!important} .oneScreenNavItem10150 b{font-size:15px!important;font-weight:700!important} .oneScreenNavItem10150 span{font-size:18px!important} /* Top HUD */ .oneScreenBrand10150 span{font-size:17.5px!important;font-weight:800!important} .oneScreenBrand10150 small, .oneScreenClock10150 small, .oneScreenNextTop10150 small, .oneScreenTopStats10150 small{font-size:10px!important;letter-spacing:.065em!important;font-weight:700!important} .oneScreenClock10150 b{font-size:18px!important;font-weight:750!important} .oneScreenNextTop10150 b{font-size:15px!important;font-weight:750!important} .oneScreenNextTop10150 span{font-size:10.8px!important;letter-spacing:.035em!important} .oneScreenTopStats10150 b{font-size:14.5px!important;font-weight:750!important} .oneScreenRoot10150[data-screen="room"] .oneScreenTopStats10150 small{font-size:9.8px!important;letter-spacing:.035em!important} .oneScreenRoot10150[data-screen="room"] .oneScreenTopStats10150 b{font-size:13.8px!important} .oneScreenTopActions10150 button{font-size:12px!important;font-weight:750!important} .oneScreenTopActions10150 .oneScreenEndDay10150{font-size:12.5px!important} /* Management screens — do not touch SHOW / RESULT geometry. */ .oneScreenViewport10150 :is(.bookingFM10164,.calendarFM10156,.labelDesk10172,.lifeMode10100,.studio995,.phonePage33,.rivalsFM10152,.travelFM10166){ font-size:14.25px!important;line-height:1.42!important; } .oneScreenViewport10150 :is(.bookingFM10164,.calendarFM10156,.labelDesk10172,.lifeMode10100,.studio995,.phonePage33,.rivalsFM10152,.travelFM10166) h2{ font-size:23px!important;font-weight:750!important; } .oneScreenViewport10150 :is(.bookingFM10164,.calendarFM10156,.labelDesk10172,.lifeMode10100,.studio995,.phonePage33,.rivalsFM10152,.travelFM10166) h3{ font-size:16.5px!important;font-weight:700!important; } .oneScreenViewport10150 :is(.bookingFM10164,.calendarFM10156,.labelDesk10172,.lifeMode10100,.studio995,.phonePage33,.rivalsFM10152,.travelFM10166) p{ font-size:13.25px!important;line-height:1.42!important; } .oneScreenViewport10150 :is(.bookingFM10164,.calendarFM10156,.labelDesk10172,.lifeMode10100,.studio995,.phonePage33,.rivalsFM10152,.travelFM10166) small{ font-size:10.5px!important;line-height:1.28!important;letter-spacing:.025em!important; } .oneScreenViewport10150 :is(.bookingFM10164,.calendarFM10156,.labelDesk10172,.lifeMode10100,.studio995,.phonePage33,.rivalsFM10152,.travelFM10166) button{ font-size:11.75px!important;font-weight:700!important; } /* HOME: restore real DOM titles so i18n can translate them. */ .oneScreenRoot10150[data-screen="room"] .fmHeroNext54>header>b, .oneScreenRoot10150[data-screen="room"] .fmHeroShows54>header>b, .oneScreenRoot10150[data-screen="room"] .homeNews10161>header b, .oneScreenRoot10150[data-screen="room"] .homeCareerStats10162>header b, .oneScreenRoot10150[data-screen="room"] .homeRelations10161>header b, .oneScreenRoot10150[data-screen="room"] .homeFinance10161>header b, .oneScreenRoot10150[data-screen="room"] .homeMarkets10161>header b{ font-size:14.75px!important;font-weight:700!important;letter-spacing:-.012em!important; } .oneScreenRoot10150[data-screen="room"] .fmHeroNext54>header>b, .oneScreenRoot10150[data-screen="room"] .fmHeroShows54>header>b{font-size:16px!important;font-weight:750!important} .oneScreenRoot10150[data-screen="room"] .fmHeroNext54>header>b::after, .oneScreenRoot10150[data-screen="room"] .fmHeroShows54>header>b::after, .oneScreenRoot10150[data-screen="room"] .homeNews10161>header b::after, .oneScreenRoot10150[data-screen="room"] .homeCareerStats10162>header b::after, .oneScreenRoot10150[data-screen="room"] .homeRelations10161>header b::after, .oneScreenRoot10150[data-screen="room"] .homeFinance10161>header b::after, .oneScreenRoot10150[data-screen="room"] .homeMarkets10161>header b::after{content:none!important} .oneScreenRoot10150[data-screen="room"] :is(.homeNews10161,.homeCareerStats10162,.homeRelations10161,.homeFinance10161,.homeMarkets10161)>header small{ font-size:10px!important;letter-spacing:.045em!important;font-weight:650!important; } .oneScreenRoot10150[data-screen="room"] :is(.homeNews10161,.homeCareerStats10162,.homeRelations10161,.homeFinance10161,.homeMarkets10161)>header button{ font-size:10px!important;font-weight:700!important; } /* HOME hero */ .oneScreenRoot10150[data-screen="room"] .fmStageCopy970 small{font-size:10.8px!important;letter-spacing:.04em!important} .oneScreenRoot10150[data-screen="room"] .fmStageCopy970 h2{font-size:24px!important;font-weight:750!important;line-height:1.06!important} .oneScreenRoot10150[data-screen="room"] .fmStageCopy970 p{font-size:14px!important;line-height:1.3!important} .oneScreenRoot10150[data-screen="room"] .fmStageCopy970 span{font-size:12px!important;line-height:1.28!important} .oneScreenRoot10150[data-screen="room"] .fmEnterShow970{font-size:11.5px!important;font-weight:700!important} .oneScreenRoot10150[data-screen="room"] .fmNextStats970 small{font-size:10.4px!important;letter-spacing:.025em!important} .oneScreenRoot10150[data-screen="room"] .fmNextStats970 b{font-size:16.5px!important;font-weight:700!important} /* Upcoming shows */ .oneScreenRoot10150[data-screen="room"] .fmUpcomingMeta970 time{font-size:11.5px!important;font-weight:700!important} .oneScreenRoot10150[data-screen="room"] .fmUpcomingMeta970 span{font-size:10px!important;font-weight:700!important} .oneScreenRoot10150[data-screen="room"] .fmUpcomingMain970 p b{font-size:14px!important;font-weight:700!important} .oneScreenRoot10150[data-screen="room"] .fmUpcomingMain970 p span{font-size:11.3px!important;line-height:1.2!important} .oneScreenRoot10150[data-screen="room"] .fmUpcomingMain970 strong{font-size:14.5px!important;font-weight:750!important} .oneScreenRoot10150[data-screen="room"] .fmUpcomingFoot970 :is(small,em){font-size:10px!important;letter-spacing:.015em!important} .oneScreenRoot10150[data-screen="room"] .fmShows970>button{font-size:10.5px!important;font-weight:700!important} /* HOME information cards: minimum readable microcopy. */ .oneScreenRoot10150[data-screen="room"] .homeNewsScroll10161 article p{font-size:12px!important;line-height:1.28!important} .oneScreenRoot10150[data-screen="room"] .homePendingEvent10161{font-size:10.25px!important;font-weight:700!important} .oneScreenRoot10150[data-screen="room"] .homeCareerStatsGrid10162 small{font-size:10.4px!important;letter-spacing:.02em!important} .oneScreenRoot10150[data-screen="room"] .homeCareerStatsGrid10162 b{font-size:18px!important;font-weight:700!important} .oneScreenRoot10150[data-screen="room"] .homeRelationsList10161 b{font-size:12.5px!important;font-weight:700!important} .oneScreenRoot10150[data-screen="room"] .homeRelationsList10161 small{font-size:10.2px!important;line-height:1.2!important} .oneScreenRoot10150[data-screen="room"] .homeRelationsList10161 strong{font-size:15px!important;font-weight:750!important} .oneScreenRoot10150[data-screen="room"] .homeFinanceGrid10161 small{font-size:10.4px!important;letter-spacing:.02em!important} .oneScreenRoot10150[data-screen="room"] .homeFinanceGrid10161 b{font-size:19px!important;font-weight:700!important} .oneScreenRoot10150[data-screen="room"] .homeFinanceGrid10161 span{font-size:10.5px!important;line-height:1.2!important} .oneScreenRoot10150[data-screen="room"] .homeMarketRank10161{font-size:10.5px!important} .oneScreenRoot10150[data-screen="room"] .homeMarketRows10161 article div b{font-size:12.5px!important;font-weight:700!important} .oneScreenRoot10150[data-screen="room"] .homeMarketRows10161 article div small{font-size:10px!important;letter-spacing:.015em!important} .oneScreenRoot10150[data-screen="room"] .homeMarketRows10161 article>strong{font-size:15.5px!important;font-weight:750!important} /* Right rail */ .oneScreenRight10150 small{font-size:10.2px!important;letter-spacing:.04em!important} .oneScreenRight10150 header b{font-size:14px!important;font-weight:700!important} .oneScreenKpis10150 b{font-size:18px!important;font-weight:750!important} .oneScreenNextCard10150 h3{font-size:19px!important;font-weight:750!important} .oneScreenNextCard10150 p,.oneScreenIntel10150 p{font-size:12.25px!important;line-height:1.38!important} .oneScreenNextCard10150>b{font-size:11.25px!important} .oneScreenRight10150 button{font-size:11px!important;font-weight:700!important} } /* On shorter laptop displays keep the larger type, trimming only the biggest headings. */ @media (min-width:1000px) and (max-height:820px){ .oneScreenRoot10150{font-size:14.5px!important} .oneScreenNavItem10150 b{font-size:14.5px!important} .oneScreenRoot10150[data-screen="room"] .fmStageCopy970 h2{font-size:22px!important} .oneScreenRoot10150[data-screen="room"] .fmStageCopy970 p{font-size:13.25px!important} .oneScreenRoot10150[data-screen="room"] .homeNewsScroll10161 article p{font-size:11.5px!important} } /* v10191.10 — Japanese system font stack; no remote font dependency. */ html[data-llad-lang="ja"] body,html[data-llad-lang="ja"] button,html[data-llad-lang="ja"] input,html[data-llad-lang="ja"] select,html[data-llad-lang="ja"] textarea{font-family:-apple-system,BlinkMacSystemFont,"Hiragino Sans","Yu Gothic UI","Yu Gothic",Meiryo,sans-serif!important} html[data-llad-lang="ja"] small,html[data-llad-lang="ja"] .eyebrow,html[data-llad-lang="ja"] .kicker{letter-spacing:.04em!important} /* v10191.13 Simplified Chinese readability */ html[data-llad-lang="zh-CN"] body,html[data-llad-lang="zh-CN"] button,html[data-llad-lang="zh-CN"] input,html[data-llad-lang="zh-CN"] select,html[data-llad-lang="zh-CN"] textarea{font-family:-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei","Noto Sans CJK SC","Noto Sans SC",Arial,sans-serif!important} html[data-llad-lang="zh-CN"] body{line-break:strict;word-break:normal} /* v10191.15 — desktop one-screen COUNTRY → CITY/AIRPORT → FLIGHT SUMMARY */ .flightDesk101915{height:calc(100vh - 74px);overflow:hidden;display:flex;flex-direction:column}.flightDeskHead101915{flex:0 0 auto}.flightDeskGig101915{margin-left:auto;min-width:280px;padding:10px 14px;border:1px solid rgba(255,190,65,.25);border-radius:12px;background:rgba(255,181,47,.07);display:flex;flex-direction:column;gap:2px}.flightDeskGig101915 small,.flightDeskGig101915 span{font-size:10px;color:#87909d}.flightDeskGig101915 b{font-size:14px} .flightDeskRoute101915{flex:0 0 auto;display:grid;grid-template-columns:1fr 36px 1fr;align-items:center;gap:10px;margin:0 18px 12px;padding:10px 14px;border:1px solid rgba(255,255,255,.08);border-radius:14px;background:rgba(8,12,17,.72)}.flightDeskRoute101915 small{display:block;font-size:9px;letter-spacing:.12em;color:#7f8996}.flightDeskRoute101915 b{display:block;font-size:14px}.flightDeskRoute101915 span{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:11px;color:#a6afbb}.flightDeskRoute101915 i{text-align:center;color:#f5b942;font-style:normal;font-size:20px} .flightDeskGrid101915{min-height:0;flex:1;display:grid;grid-template-columns:220px minmax(420px,1fr) 340px;gap:12px;padding:0 18px 18px}.flightCountries101915,.flightAirports101915,.flightSummary101915{min-height:0;border:1px solid rgba(255,255,255,.08);border-radius:16px;background:rgba(8,12,17,.82);overflow:hidden}.flightCountries101915,.flightSummary101915{display:flex;flex-direction:column}.flightCountries101915>header,.flightSummary101915>header{padding:14px 14px 10px;border-bottom:1px solid rgba(255,255,255,.07);display:flex;align-items:end;gap:8px}.flightCountries101915>header small,.flightSummary101915>header small,.flightAirportsHead101915 small{font-size:9px;letter-spacing:.12em;color:#7f8996}.flightCountries101915>header h3,.flightSummary101915>header h3,.flightAirportsHead101915 h3{margin:1px 0 0;font-size:14px}.flightDestinationHint101915{display:block;margin-top:4px;font-size:10px;letter-spacing:.06em;color:#8b95a3}.flightDestinationHint101915 b{color:#6fd3ff;font-size:13px;font-weight:800}.flightCountries101915>header span{margin-left:auto;font-size:11px;color:#f5b942} .flightCountryList101915{min-height:0;overflow:auto;padding:8px}.flightCountryList101915 button{width:100%;display:grid;grid-template-columns:24px 1fr 28px;align-items:center;gap:6px;padding:8px;border:0;border-radius:9px;background:transparent;color:#dce2ea;text-align:left;cursor:pointer}.flightCountryList101915 button:hover{background:rgba(255,255,255,.05)}.flightCountryList101915 button.active{background:rgba(245,185,66,.14);box-shadow:inset 0 0 0 1px rgba(245,185,66,.28)}.flightCountryList101915 button b{font-size:11px;font-weight:650}.flightCountryList101915 button em{font-style:normal;font-size:10px;text-align:right;color:#7f8996} .flightAirports101915{display:flex;flex-direction:column}.flightAirportsHead101915{display:flex;justify-content:space-between;gap:12px;padding:12px 14px;border-bottom:1px solid rgba(255,255,255,.07)}.flightAirportTools101915{display:flex;gap:7px;align-items:center}.flightAirportTools101915 input,.flightAirportTools101915 select{height:32px;border:1px solid rgba(255,255,255,.1);border-radius:8px;background:#0c1219;color:#dce2ea;padding:0 9px;font-size:10px}.flightAirportTools101915 input{width:210px}.flightAirportTools101915 select{width:116px}.flightAirportList101915{min-height:0;overflow:auto;padding:8px;display:flex;flex-direction:column;gap:6px} .flightAirportCard101915{width:100%;display:grid;grid-template-columns:58px minmax(0,1fr) 105px;gap:10px;align-items:center;padding:9px 10px;border:1px solid rgba(255,255,255,.06);border-radius:11px;background:rgba(255,255,255,.025);color:#e9edf2;text-align:left;cursor:pointer}.flightAirportCard101915:hover{border-color:rgba(245,185,66,.24);background:rgba(255,255,255,.045)}.flightAirportCard101915.selected{border-color:rgba(245,185,66,.62);background:rgba(245,185,66,.09)}.flightAirportCard101915.recommended{box-shadow:inset 3px 0 0 #f5b942}.flightAirportCard101915.locked{opacity:.55}.flightAirportCard101915 .iata101915{font:800 18px ui-monospace,SFMono-Regular,Menlo,monospace;color:#f5b942}.flightAirportCard101915 div{min-width:0}.flightAirportCard101915 small{font-size:8px;letter-spacing:.08em;color:#788392}.flightAirportCard101915 h4{margin:1px 0;font-size:13px}.flightAirportCard101915 .flightCityName101915{font-size:16px;font-weight:800;color:#6fd3ff;letter-spacing:.01em}.flightAirportCard101915 p{margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:10px;color:#98a3b1}.flightAirportCard101915 .flightAirportCodeInline101915{color:#f5b942;font-weight:800}.flightAirportCard101915 aside{text-align:right}.flightAirportCard101915 aside small,.flightAirportCard101915 aside em{display:block;font-size:8px;color:#788392;font-style:normal}.flightAirportCard101915 aside b{display:block;font-size:12px} .flightSummary101915{padding-bottom:12px;overflow:auto}.flightSummaryAirport101915{display:grid;grid-template-columns:66px 1fr;gap:10px;padding:14px}.flightSummaryAirport101915>span{display:grid;place-items:center;height:58px;border-radius:12px;background:rgba(245,185,66,.12);font:800 20px ui-monospace,SFMono-Regular,Menlo,monospace;color:#f5b942}.flightSummaryAirport101915 small{font-size:9px;color:#7f8996}.flightSummaryAirport101915 h3{margin:2px 0;font-size:15px}.flightSummaryAirport101915 p{margin:0;font-size:10px;color:#9aa5b2;line-height:1.35}.flightSummaryMetrics101915{display:grid;grid-template-columns:1fr 1fr;gap:7px;padding:0 14px}.flightSummaryMetrics101915 article{padding:9px;border:1px solid rgba(255,255,255,.06);border-radius:9px;background:rgba(255,255,255,.025)}.flightSummaryMetrics101915 small{display:block;font-size:8px;color:#788392}.flightSummaryMetrics101915 b{font-size:12px}.flightSummaryMetrics101915 em{display:block;margin-top:2px;font-size:8px;color:#70d69b;font-style:normal} .flightDeadline101915{margin:10px 14px 0;padding:9px 10px;border-radius:9px;border:1px solid rgba(255,255,255,.08)}.flightDeadline101915 small{font-size:9px;font-weight:800;letter-spacing:.08em}.flightDeadline101915 p{margin:3px 0 0;font-size:10px;color:#aab3bf;line-height:1.35}.flightDeadline101915.ok{border-color:rgba(76,214,141,.28);background:rgba(76,214,141,.06)}.flightDeadline101915.warn{border-color:rgba(245,185,66,.35);background:rgba(245,185,66,.07)}.flightDeadline101915.danger{border-color:rgba(255,88,88,.38);background:rgba(255,88,88,.07)}.flightDeadline101915.info,.flightDeadline101915.open{background:rgba(98,153,255,.05)}.flightWrongCity101915{margin:8px 14px 0;padding:8px 10px;border-radius:8px;background:rgba(255,116,68,.08);font-size:10px;color:#ffc0a6}.flightSummaryActions101915{display:grid;gap:7px;padding:10px 14px 0}.flightSummaryActions101915 button{min-height:38px}.flightSummaryNote101915{margin:10px 14px 0;padding-top:10px;border-top:1px solid rgba(255,255,255,.06)}.flightSummaryNote101915 small{font-size:8px;color:#7f8996}.flightSummaryNote101915 p{margin:3px 0 0;font-size:9px;color:#7f8996;line-height:1.4}.flightSummaryEmpty101915{margin:auto;padding:28px 18px;text-align:center}.flightSummaryEmpty101915 span{font-size:36px}.flightSummaryEmpty101915 h3{margin:8px 0 4px}.flightSummaryEmpty101915 p{font-size:10px;color:#8d98a5} /* v10192 — canonical left-navigation typography + open-license city photography */ @media (min-width:1000px){ .oneScreenLeft10150 .oneScreenNavItem10150 b{ font-size:12px!important; font-weight:700!important; line-height:1.1!important; letter-spacing:-.01em!important; } .oneScreenLeft10150 .oneScreenNavItem10150 span{ font-size:15px!important; line-height:1!important; } } .flightAirportCard101915,.airportCard568,.travelStripPhoto10125,.flightSummaryAirport101915{position:relative;overflow:hidden;isolation:isolate} .cityOpenPhotoImg10192{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2;opacity:.24;filter:saturate(.88) contrast(1.05);pointer-events:none} .cityOpenPhotoReady10192::after{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(90deg,rgba(8,13,18,.90),rgba(8,13,18,.58) 56%,rgba(8,13,18,.78))} .flightAirportCard101915.cityOpenPhotoReady10192 .cityOpenPhotoImg10192{opacity:.30} .airportCard568.cityOpenPhotoReady10192 .cityOpenPhotoImg10192{opacity:.28} .travelStripPhoto10125.cityOpenPhotoReady10192 .cityOpenPhotoImg10192{opacity:.56} .travelStripPhoto10125.cityOpenPhotoReady10192::after{background:linear-gradient(90deg,rgba(5,10,18,.20),rgba(5,10,18,.86))} .flightSummaryAirport101915.cityOpenPhotoReady10192 .cityOpenPhotoImg10192{opacity:.25} .cityOpenPhotoCredit10192{position:absolute!important;right:5px!important;bottom:4px!important;z-index:5!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;min-width:24px!important;height:17px!important;padding:0 5px!important;border:1px solid rgba(255,255,255,.22)!important;border-radius:4px!important;background:rgba(3,7,12,.72)!important;color:#d9e2e8!important;font:700 8px/1 Inter,system-ui,sans-serif!important;letter-spacing:.04em!important;text-decoration:none!important;opacity:.72!important} .cityOpenPhotoCredit10192:hover{opacity:1!important;color:#fff!important;border-color:rgba(255,255,255,.45)!important} /* v10192 city-photo stacking correction */ .cityOpenPhotoImg10192{z-index:0!important} .cityOpenPhotoReady10192::after{z-index:1!important} .cityOpenPhotoReady10192>:not(.cityOpenPhotoImg10192):not(.cityOpenPhotoCredit10192){position:relative;z-index:2} .cityOpenPhotoCredit10192{z-index:3!important} /* v10193 — Airline Network / connections / charter / disruption layer */ .flightDeskGrid101915{grid-template-columns:220px minmax(420px,1fr) 390px} .airOpsAlert10193{flex:0 0 auto;margin:-2px 18px 10px;padding:9px 12px;border:1px solid rgba(255,184,60,.32);border-radius:11px;background:linear-gradient(90deg,rgba(255,137,45,.11),rgba(255,184,60,.04));display:flex;align-items:center;gap:12px}.airOpsAlert10193>div{min-width:0}.airOpsAlert10193 small{display:block;font-size:8px;letter-spacing:.12em;color:#f2ad58;font-weight:800}.airOpsAlert10193 b{display:block;margin-top:1px;font-size:12px}.airOpsAlert10193 p{margin:2px 0 0;font-size:9px;color:#aeb7c2;line-height:1.35}.airOpsAlert10193>span{margin-left:auto;white-space:nowrap;padding:5px 7px;border-radius:6px;background:rgba(255,184,60,.1);font-size:8px;font-weight:800;color:#f5bd66}.airOpsAlert10193.major{border-color:rgba(255,90,70,.36);background:linear-gradient(90deg,rgba(255,75,55,.12),rgba(255,184,60,.035))}.airOpsAlert10193.major small,.airOpsAlert10193.major>span{color:#ff9b86} .airlineSummary10193{scrollbar-width:thin}.airlineOptions10193,.charterOptions10193{margin:9px 14px 0;padding-top:9px;border-top:1px solid rgba(255,255,255,.07)}.airlineOptions10193>header,.charterOptions10193>header{display:flex;align-items:end;gap:8px;margin-bottom:6px}.airlineOptions10193>header>div,.charterOptions10193>header>div{min-width:0}.airlineOptions10193>header small,.charterOptions10193>header small{display:block;font-size:8px;letter-spacing:.1em;color:#788392}.airlineOptions10193>header b,.charterOptions10193>header b{display:block;font-size:11px}.airlineOptions10193>header>span,.charterOptions10193>header>span{margin-left:auto;font-size:7px;color:#65717e;letter-spacing:.08em} .airlineOption10193{width:100%;display:flex;flex-direction:column;align-items:stretch;gap:2px;margin:0 0 6px;padding:8px 9px;border:1px solid rgba(255,255,255,.07);border-radius:9px;background:rgba(255,255,255,.025);color:#e8edf3;text-align:left;cursor:pointer}.airlineOption10193:hover{border-color:rgba(92,193,255,.28);background:rgba(92,193,255,.035)}.airlineOption10193.selected{border-color:rgba(245,185,66,.62);background:rgba(245,185,66,.075);box-shadow:inset 3px 0 0 #f5b942}.airlineOptionTop10193{display:flex;align-items:center;gap:6px}.airlineOptionTop10193 strong{margin-left:auto;font-size:12px;color:#fff}.airlineBadges10193{display:flex;flex-wrap:wrap;gap:3px}.airlineBadges10193 em{padding:2px 4px;border-radius:4px;background:rgba(92,193,255,.12);color:#78d6ff;font-size:6px;font-style:normal;font-weight:800;letter-spacing:.06em}.airlineOption10193>b{font-size:10px;color:#eef3f8}.airRouteCodes10193{font:800 11px/1.2 ui-monospace,SFMono-Regular,Menlo,monospace;color:#f5b942}.airlineOption10193>small{font-size:8px;color:#8793a0}.airlineOption10193>i{font-size:8px;color:#ffad8e;font-style:normal}.noCommercialRoute10193{padding:9px;border:1px dashed rgba(255,255,255,.1);border-radius:8px;background:rgba(255,255,255,.02)}.noCommercialRoute10193 b{font-size:9px;color:#d9e0e7}.noCommercialRoute10193 p{margin:3px 0 0;font-size:8px;line-height:1.4;color:#788392} .charterOptions10193 article{display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:8px;margin-bottom:5px;padding:7px 8px;border:1px solid rgba(186,120,255,.15);border-radius:8px;background:rgba(151,88,220,.045)}.charterOptions10193 article>div{min-width:0}.charterOptions10193 article small{display:block;font-size:7px;color:#9a86b7}.charterOptions10193 article b{display:block;font-size:9px}.charterOptions10193 article span{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:7px;color:#77818e}.charterOptions10193 article>strong{font-size:10px;color:#d9c0ff;white-space:nowrap}.charterOptions10193 article>button{min-height:28px;padding:0 8px;border:1px solid rgba(196,135,255,.28);border-radius:6px;background:rgba(165,94,230,.12);color:#e7d5ff;font-size:8px;font-weight:800;cursor:pointer}.charterOptions10193 article>button:disabled{opacity:.4;cursor:not-allowed} @media(max-width:1280px){.flightDeskGrid101915{grid-template-columns:190px minmax(370px,1fr) 350px}.charterOptions10193 article{grid-template-columns:1fr auto}.charterOptions10193 article>button{grid-column:1/-1}} /* v10193.1 — city-photo coverage + proper hero crop in STEP 3 */ .flightSummaryAirport101915{ min-height:126px; align-items:end; padding:16px 14px 14px; } .flightSummaryAirport101915.cityOpenPhotoReady10192 .cityOpenPhotoImg10192{ opacity:.58; object-fit:cover; object-position:center 46%; transform:scale(1.005); } .flightSummaryAirport101915.cityOpenPhotoReady10192::after{ background: linear-gradient(180deg,rgba(5,10,16,.06) 0%,rgba(5,10,16,.28) 42%,rgba(5,10,16,.92) 100%), linear-gradient(90deg,rgba(5,10,16,.48) 0%,rgba(5,10,16,.10) 58%,rgba(5,10,16,.40) 100%); } .flightSummaryAirport101915>span{ align-self:end; backdrop-filter:blur(3px); background:rgba(18,20,20,.68)!important; border:1px solid rgba(245,185,66,.28); } .flightSummaryAirport101915>div{align-self:end;text-shadow:0 1px 8px rgba(0,0,0,.7)} .flightSummaryAirport101915 .cityOpenPhotoCredit10192{top:6px!important;right:6px!important;bottom:auto!important} .flightAirportCard101915[data-city-photo-fallback="country"] .cityOpenPhotoImg10192, .flightAirportCard101915[data-city-photo-fallback="generic"] .cityOpenPhotoImg10192{opacity:.24} /* v10193.2 — visible connecting-flight / layover stages in travel simulation */ .flightJourney10194{display:flex;align-items:stretch;gap:8px;padding:10px 22px;border-bottom:1px solid rgba(255,255,255,.06);background:linear-gradient(90deg,rgba(42,78,124,.13),rgba(17,26,43,.2));overflow-x:auto} .flightJourneyLeg10194{display:grid;grid-template-columns:auto auto;grid-template-areas:"small small" "route route" "carrier carrier";min-width:150px;padding:8px 10px;border:1px solid rgba(102,173,230,.16);border-radius:10px;background:rgba(8,16,29,.66)} .flightJourneyLeg10194 small{grid-area:small;color:#71859f;font-size:8px;font-weight:900;letter-spacing:.13em}.flightJourneyLeg10194 b{grid-area:route;margin-top:2px;color:#f3f7ff;font-size:11px}.flightJourneyLeg10194 em{grid-area:carrier;margin-top:2px;color:#75dbff;font-size:9px;font-style:normal;font-weight:800} .flightJourney10194>i{align-self:center;white-space:nowrap;padding:6px 9px;border-radius:999px;background:rgba(255,181,72,.1);border:1px solid rgba(255,181,72,.24);color:#ffc765;font-size:8px;font-style:normal;font-weight:900;letter-spacing:.08em} .flightNode10123.connection10194{fill:#ffc15a;stroke:#101827;stroke-width:4;filter:drop-shadow(0 0 10px rgba(255,193,90,.72))}.flightNodeCode10194{fill:#91a4bf;font-size:18px;font-weight:900;letter-spacing:1px} .flightStop10194{position:absolute;z-index:7;bottom:54px;transform:translateX(-50%);min-width:132px;padding:7px 9px;border:1px solid rgba(255,193,90,.27);border-radius:9px;background:rgba(7,13,23,.88);text-align:center;box-shadow:0 8px 24px rgba(0,0,0,.24);pointer-events:none}.flightStop10194 small{display:block;color:#ffbf59;font-size:7px;font-weight:900;letter-spacing:.12em}.flightStop10194 b{display:block;margin-top:2px;color:#fff;font-size:12px}.flightStop10194 span{display:block;margin-top:2px;color:#8fa2bb;font-size:8px;white-space:nowrap} .flightLayoverCard10194{position:absolute;z-index:8;left:50%;top:48%;transform:translate(-50%,-50%);min-width:270px;padding:14px 18px;border:1px solid rgba(255,193,90,.35);border-radius:14px;background:rgba(7,13,23,.94);box-shadow:0 18px 52px rgba(0,0,0,.46),0 0 30px rgba(255,187,72,.08);text-align:center}.flightLayoverCard10194[hidden]{display:none}.flightLayoverCard10194 small{display:block;color:#ffc15a;font-size:8px;font-weight:900;letter-spacing:.18em}.flightLayoverCard10194 b{display:block;margin-top:4px;color:#fff;font-size:20px}.flightLayoverCard10194 span{display:block;margin-top:5px;color:#a9b6c9;font-size:10px}.flightPlane10123.onGround10194{filter:saturate(.75);text-shadow:0 0 8px rgba(255,193,90,.75)} .flightSimCard10123.hasConnections10194 .flightSky10123{height:450px} @media(max-width:760px){.flightJourney10194{padding:8px 12px}.flightJourneyLeg10194{min-width:132px}.flightStop10194{display:none}.flightLayoverCard10194{min-width:220px;max-width:76vw}.flightSimCard10123.hasConnections10194 .flightSky10123{height:390px}} /* v10193.3 — timezone / local arrival / jet-lag presentation */ .airLocalTimes101933{display:flex;align-items:center;gap:5px;margin-top:2px;color:#dbe8f4;font:700 8px/1.25 ui-monospace,SFMono-Regular,Menlo,monospace}.airLocalTimes101933 b{color:#72dcff;font-size:9px}.airLocalTimes101933 i{color:#738396;font-style:normal}.airJetLag101933{display:block!important;color:#aab8c8!important}.charterTime101933{display:block;margin-top:2px;color:#7fd8ff!important;font-size:8px!important;font-weight:700}.flightJourneyLeg10194 strong{display:block;margin-top:3px;color:#75dcff;font:800 8px/1.2 ui-monospace,SFMono-Regular,Menlo,monospace}.flightRouteLabels10123>div>span{line-height:1.25} /* styles/70-ghost-production-10194.css */ /* LIFE LIKE A DJ v10194.0 — Production Team / Ghost Producer */ .gpPage10194{padding-bottom:34px} .gpHeaderBadge10194{min-width:190px;padding:12px 16px;border:1px solid rgba(255,255,255,.12);background:rgba(10,18,21,.72);display:flex;flex-direction:column;gap:4px;align-items:flex-end} .gpHeaderBadge10194 small,.gpStats10194 small,.gpSelected10194 small,.gpQuote10194 small{font-size:10px;letter-spacing:.12em;color:#8fa4ac}.gpHeaderBadge10194 b{font-size:24px;color:#f2d578} .gpAlerts10194{display:grid;gap:10px;margin:12px 0}.gpAlerts10194 article{border:1px solid rgba(255,102,82,.48);background:linear-gradient(120deg,rgba(83,27,24,.68),rgba(21,17,18,.94));padding:16px;display:flex;justify-content:space-between;gap:20px;align-items:center}.gpAlerts10194 h3{margin:4px 0}.gpAlerts10194 p{margin:0;color:#c9b7b4}.gpAlerts10194 article>div:last-child{display:flex;gap:7px;flex-wrap:wrap;justify-content:flex-end}.gpAlerts10194 button{font-size:10px;padding:9px 10px}.gpAlerts10194 .danger10194{border-color:#9f4035;color:#ff8f7e} .gpStats10194{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:12px 0}.gpStats10194 article{padding:14px 16px;border:1px solid rgba(255,255,255,.1);background:linear-gradient(160deg,rgba(19,31,35,.94),rgba(7,13,15,.96));min-height:105px}.gpStats10194 b{display:block;font-size:25px;margin:4px 0;color:#f0f4ef}.gpStats10194 p{font-size:11px;color:#8ea0a5;margin:0;line-height:1.4} .gpBuilder10194{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(330px,.9fr);gap:12px;margin:12px 0}.gpBuilderForm10194,.gpContracts10194,.gpRoster10194,.gpTwoCol10194>article,.gpHistory10194{border:1px solid rgba(255,255,255,.1);background:rgba(8,15,17,.94);padding:16px}.gpBuilderForm10194 label{display:grid;gap:6px;margin:10px 0}.gpBuilderForm10194 label span{font-size:10px;letter-spacing:.11em;color:#82959b}.gpBuilderForm10194 input,.gpBuilderForm10194 select{width:100%;box-sizing:border-box;background:#0d171a;border:1px solid rgba(255,255,255,.13);color:#edf3ef;padding:11px 12px;outline:none}.gpBuilderForm10194 input:focus,.gpBuilderForm10194 select:focus{border-color:rgba(239,201,83,.7)} .gpSelected10194{display:flex;gap:12px;align-items:center;margin:12px 0;padding:12px;background:linear-gradient(90deg,rgba(238,199,81,.11),rgba(255,255,255,.025));border:1px solid rgba(238,199,81,.2)}.gpSelected10194>span{font-size:28px}.gpSelected10194 b{font-size:18px}.gpSelected10194 p{margin:3px 0 0;color:#91a5aa;font-size:11px} .gpQuote10194{display:grid;grid-template-columns:repeat(4,1fr);gap:7px;margin:12px 0}.gpQuote10194 span{padding:10px;background:#0b1315;border:1px solid rgba(255,255,255,.08)}.gpQuote10194 b{display:block;margin-top:4px;font-size:15px;color:#eef1e8} .gpContracts10194{display:flex;flex-direction:column;gap:7px}.gpContract10194{display:block;text-align:left;padding:11px 12px;background:#0c1518;border:1px solid rgba(255,255,255,.09);color:#dfe9e4}.gpContract10194.selected{border-color:#d9b94b;background:linear-gradient(90deg,rgba(217,185,75,.13),rgba(13,23,26,.96))}.gpContract10194 span{display:flex;justify-content:space-between;gap:10px}.gpContract10194 em{font-size:9px;font-style:normal;color:#d5bd65;letter-spacing:.08em}.gpContract10194 p{font-size:11px;color:#84999f;margin:6px 0}.gpContract10194 small{font-size:10px;color:#b4c0bc} .gpRoster10194{margin:12px 0}.gpRosterGrid10194{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}.gpRosterGrid10194>article{border:1px solid rgba(255,255,255,.09);background:#0b1417;padding:12px;min-height:220px}.gpRosterGrid10194>article.selected{border-color:#d8b94f;box-shadow:inset 0 0 0 1px rgba(216,185,79,.15)}.gpRosterGrid10194>article.locked{opacity:.48}.gpProducerTop10194{display:flex;gap:9px}.gpProducerTop10194>span{font-size:27px}.gpProducerTop10194 h3{margin:2px 0;font-size:15px}.gpProducerTop10194 p{margin:0;font-size:10px;color:#84999f}.gpProducerTop10194 small{font-size:9px;color:#c4a94d;letter-spacing:.1em}.gpProducerStats10194{display:grid;grid-template-columns:repeat(2,1fr);gap:5px;margin:12px 0}.gpProducerStats10194 span{font-size:9px;background:#0f1c20;padding:6px;color:#84999f}.gpProducerStats10194 b{float:right;color:#ecf2ed}.gpGenres10194{font-size:10px;color:#9eada9;min-height:30px}.gpRosterGrid10194 button{width:100%;margin-top:7px} .gpTwoCol10194{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:12px 0}.gpJob10194,.gpClientJob10194,.gpOffer10194{display:flex;gap:10px;align-items:center;border-top:1px solid rgba(255,255,255,.08);padding:11px 0}.gpJob10194>span{font-size:24px}.gpJob10194>div,.gpClientJob10194>div,.gpOffer10194>div{flex:1}.gpJob10194 b,.gpClientJob10194 b,.gpOffer10194 b{display:block}.gpJob10194 small,.gpClientJob10194 small,.gpOffer10194 small{color:#9cafb0;font-size:10px}.gpJob10194 p,.gpClientJob10194 p,.gpOffer10194 p{font-size:10px;color:#7d9096;margin:4px 0}.gpClientJob10194 button,.gpOffer10194 button{font-size:10px;white-space:nowrap}.gpOffer10194 strong{font-size:15px;color:#e6c75d;margin-right:8px}.gpRecent10194{display:grid;gap:5px;margin-top:10px}.gpRecent10194 span{font-size:10px;color:#95aaa9;padding:5px 7px;background:rgba(255,255,255,.025)}.gpRefresh10194{margin-top:8px;width:100%} .gpHistory10194{margin:12px 0}.gpHistory10194>span{display:grid;grid-template-columns:90px 110px 1fr auto;gap:9px;align-items:center;padding:8px 0;border-top:1px solid rgba(255,255,255,.07);font-size:10px}.gpHistory10194>span small{color:#758a91}.gpHistory10194>span b{color:#d4b855}.gpHistory10194>span em{font-style:normal;color:#bcc9c5}.gpHistory10194>span strong{color:#e8ece8} @media(max-width:1150px){.gpRosterGrid10194{grid-template-columns:repeat(2,minmax(0,1fr))}.gpStats10194{grid-template-columns:repeat(2,1fr)}.gpBuilder10194,.gpTwoCol10194{grid-template-columns:1fr}} /* styles/77-business-empire-10195.css */ /* LIFE LIKE A DJ v10195.0 — DJ Business Empire */ .bePage10195{display:block;min-height:100%;padding-bottom:28px}.beHead10195{align-items:flex-start}.beValue10195{margin-left:auto;min-width:220px;padding:14px 18px;border:1px solid rgba(255,187,55,.34);background:linear-gradient(145deg,rgba(255,187,55,.10),rgba(255,187,55,.025));border-radius:12px;text-align:right}.beValue10195 small,.bePulse10195 small,.beOverview10195 small,.beMeetings10195 small,.beBrand10195 small,.beTeam10195 small,.beLedger10195 small{display:block;font-size:10px;letter-spacing:.09em;opacity:.68}.beValue10195 b{display:block;font-size:24px;line-height:1.1;margin:4px 0}.beValue10195 span{font-size:11px;opacity:.8}.bePulse10195{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:12px 0}.bePulse10195 article,.beOverviewGrid10195 article,.beMeetings10195 article,.beTeamGrid10195 article,.beDropGrid10195 article,.beLaunchBrand10195,.beFashionHero10195,.beContractBridge10195,.beLedger10195{border:1px solid rgba(255,255,255,.09);background:rgba(255,255,255,.025);border-radius:12px}.bePulse10195 article{padding:13px 14px}.bePulse10195 b{display:block;font-size:21px;margin:4px 0}.bePulse10195 p{margin:0;font-size:11px;opacity:.72;line-height:1.4}.beTabs10195{display:flex;gap:7px;flex-wrap:wrap;margin:8px 0 14px}.beTabs10195 button{min-height:36px;padding:0 14px}.beTabs10195 button.active{border-color:#ffb52e;background:rgba(255,181,46,.12);color:#ffd588}.beGateways10195{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.beGateway10195{display:grid;grid-template-columns:38px 1fr 20px;gap:10px;text-align:left;align-items:center;padding:13px;min-height:86px}.beGateway10195>span{font-size:24px}.beGateway10195 b{display:block}.beGateway10195 p{margin:3px 0;font-size:11px;opacity:.74}.beGateway10195 small{font-size:9px}.beGateway10195 em{font-style:normal;font-size:18px;opacity:.65}.beOverviewGrid10195{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:12px}.beOverviewGrid10195 article{padding:15px}.beOverviewGrid10195 h3{margin:4px 0 6px}.beOverviewGrid10195 p{font-size:12px;line-height:1.45;opacity:.78}.beOverviewGrid10195 article>div{display:flex;gap:6px;flex-wrap:wrap}.beMeetings10195>header,.beTeam10195>header{display:flex;align-items:end;justify-content:space-between;gap:16px;margin-bottom:10px}.beMeetings10195>header h3,.beTeam10195>header h3{margin:3px 0}.beMeetings10195 article{display:grid;grid-template-columns:44px 1fr auto;align-items:center;gap:12px;padding:12px 14px;margin-bottom:8px}.beMeetings10195 article.closed{opacity:.54}.beMeetingIcon10195{font-size:27px}.beMeetings10195 h3{margin:3px 0}.beMeetings10195 p{margin:3px 0;font-size:11px;opacity:.76;line-height:1.4}.beMeetings10195 strong{font-size:11px;color:#ffd58b}.beMeetingActions10195{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end}.beLaunchBrand10195{padding:18px;display:grid;grid-template-columns:1.4fr .9fr;gap:14px;align-items:end}.beLaunchBrand10195>div:first-child{grid-column:1/-1}.beLaunchBrand10195 label{display:flex;flex-direction:column;gap:6px}.beLaunchBrand10195 input{width:100%}.beLaunchQuote10195{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.beLaunchQuote10195 span{padding:10px;border:1px solid rgba(255,255,255,.08);border-radius:9px}.beLaunchQuote10195 b{display:block;margin-top:3px}.beLaunchBrand10195>button{grid-column:1/-1}.beFashionHero10195{display:grid;grid-template-columns:1.3fr 1fr;gap:18px;padding:18px;margin-bottom:14px;background:linear-gradient(135deg,rgba(255,181,46,.10),rgba(255,255,255,.02))}.beFashionHero10195 h2{margin:4px 0}.beFashionHero10195>div:last-child{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.beFashionHero10195 span{padding:10px;border-left:1px solid rgba(255,255,255,.10)}.beFashionHero10195 b{display:block;margin-top:4px}.beDropGrid10195,.beTeamGrid10195{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.beDropGrid10195 article,.beTeamGrid10195 article{padding:14px}.beDropGrid10195 article>span,.beTeamGrid10195 article>span{font-size:27px}.beDropGrid10195 h3,.beTeamGrid10195 h3{margin:6px 0}.beDropGrid10195 p,.beTeamGrid10195 p{font-size:11px;line-height:1.4;opacity:.76;min-height:46px}.beDropGrid10195 strong,.beTeamGrid10195 strong{display:block;font-size:11px;margin:8px 0}.beDropGrid10195 article.locked{opacity:.52}.beTeamGrid10195 article.hired{border-color:rgba(82,210,144,.3);background:rgba(82,210,144,.04)}.beActiveDrops10195 article{display:grid;grid-template-columns:1.4fr repeat(3,.55fr);gap:10px;align-items:center;padding:10px 12px;border-bottom:1px solid rgba(255,255,255,.07)}.beActiveDrops10195 b{display:block}.beActiveDrops10195 small{font-size:9px}.beCompletedDrops10195{display:flex;flex-wrap:wrap;gap:7px}.beCompletedDrops10195 span{padding:8px 10px;border:1px solid rgba(255,255,255,.08);border-radius:8px}.beCompletedDrops10195 em{font-style:normal;margin:0 8px;opacity:.68}.beContractBridge10195{margin-top:14px;padding:14px;display:flex;justify-content:space-between;align-items:center;gap:16px}.beContractBridge10195 h3{margin:4px 0}.beTeam10195>header>div:last-child{text-align:right}.beTeam10195>header>div:last-child b{font-size:22px}.beLedger10195{margin-top:16px;padding:14px}.beLedger10195 header h3{margin:3px 0 10px}.beLedger10195>div{display:grid;grid-template-columns:90px 86px 180px 1fr auto;gap:9px;align-items:center;padding:8px 0;border-top:1px solid rgba(255,255,255,.07);font-size:10px}.beLedger10195>div em{font-style:normal;opacity:.7}.beLedger10195 strong.positive{color:#6bd59c}.beLedger10195 strong.negative{color:#ff8e8e}@media(max-width:1150px){.bePulse10195,.beGateways10195,.beDropGrid10195,.beTeamGrid10195{grid-template-columns:repeat(2,minmax(0,1fr))}.beValue10195{min-width:180px}.beLedger10195>div{grid-template-columns:78px 70px 150px 1fr auto}}@media(max-width:820px){.bePulse10195,.beGateways10195,.beOverviewGrid10195,.beDropGrid10195,.beTeamGrid10195,.beFashionHero10195{grid-template-columns:1fr}.beMeetings10195 article{grid-template-columns:40px 1fr}.beMeetingActions10195{grid-column:1/-1;justify-content:flex-start}.beLaunchBrand10195{grid-template-columns:1fr}.beLaunchQuote10195{grid-template-columns:1fr}.beLedger10195>div{grid-template-columns:1fr}.beActiveDrops10195 article{grid-template-columns:1fr 1fr}.beContractBridge10195{align-items:flex-start;flex-direction:column}} /* styles/78-command-center-10196.css */ /* LIFE LIKE A DJ v10196.0 — Career HQ / Business Command Center */ .careerCommand10196,.bePriority10196,.beDelegation10196,.beReports10196{border:1px solid rgba(255,255,255,.09);background:linear-gradient(145deg,rgba(255,181,46,.045),rgba(255,255,255,.018));border-radius:14px;padding:14px;margin:12px 0}.careerCommand10196>header,.bePriority10196>header,.beDelegation10196>header,.beReports10196>header{display:flex;align-items:center;justify-content:space-between;gap:14px}.careerCommand10196 h3,.bePriority10196 h3,.beDelegation10196 h3,.beReports10196 h3{margin:3px 0}.careerCommand10196 p,.bePriority10196 p,.beDelegation10196 p,.beReports10196 p{margin:3px 0;font-size:11px;opacity:.74;line-height:1.45}.careerCommand10196 small,.bePriority10196 small,.beDelegation10196 small,.beReports10196 small{font-size:9px;letter-spacing:.09em;opacity:.68}.careerCommandPulse10196{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:12px 0}.careerCommandPulse10196 article{padding:11px;border:1px solid rgba(255,255,255,.08);border-radius:10px;background:rgba(0,0,0,.15)}.careerCommandPulse10196 b{display:block;font-size:20px;margin:3px 0}.careerCommandPulse10196 span{font-size:9px;opacity:.72}.careerCommandQueue10196,.bePriorityGrid10196{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.careerCommandQueue10196 button,.bePriorityGrid10196 button{display:grid;grid-template-columns:32px 1fr 18px;align-items:center;gap:9px;text-align:left;padding:10px 11px;border:1px solid rgba(255,255,255,.08);border-radius:10px;background:rgba(255,255,255,.025)}.careerCommandQueue10196 button.high,.bePriorityGrid10196 button.high{border-color:rgba(255,181,46,.34);background:rgba(255,181,46,.05)}.careerCommandQueue10196 button.critical,.bePriorityGrid10196 button.critical{border-color:rgba(255,96,96,.45);background:rgba(255,96,96,.07)}.careerCommandQueue10196 button>span,.bePriorityGrid10196 button>span{font-size:21px}.careerCommandQueue10196 button b,.bePriorityGrid10196 button b{display:block;font-size:11px}.careerCommandQueue10196 button small,.bePriorityGrid10196 button small{display:block;margin-top:3px}.careerCommandQueue10196 button em,.bePriorityGrid10196 button em{font-style:normal;font-size:18px;opacity:.6}.careerCommandClear10196,.bePriorityClear10196{padding:11px 12px;border:1px solid rgba(92,210,148,.22);border-radius:10px;background:rgba(92,210,148,.035);font-size:11px;color:#9ee6bd}.bePriority10196>header>span{padding:6px 9px;border-radius:999px;font-size:9px;font-weight:800;letter-spacing:.08em}.bePriority10196>header>span.critical{background:rgba(255,96,96,.12);color:#ff9c9c}.bePriority10196>header>span.clear{background:rgba(92,210,148,.10);color:#9ee6bd}.beDelegation10196{margin-bottom:14px}.beDelegation10196>header>div:last-child{text-align:right}.beDelegation10196>header>div:last-child b{display:block;font-size:22px}.beDelegationRules10196{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:12px}.beDelegationRules10196 article{display:grid;grid-template-columns:30px 1fr auto;gap:9px;align-items:center;padding:10px;border:1px solid rgba(255,255,255,.08);border-radius:10px;background:rgba(0,0,0,.12)}.beDelegationRules10196 article>span{font-size:20px}.beDelegationRules10196 article b{display:block;font-size:10px}.beDelegationRules10196 article.active{border-color:rgba(92,210,148,.30);background:rgba(92,210,148,.04)}.beDelegationRules10196 article.uncovered{opacity:.55}.beReportGrid10196{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:12px 0}.beReportCard10196{padding:13px;border:1px solid rgba(255,255,255,.08);border-radius:11px;background:rgba(0,0,0,.14)}.beReportMoney10196{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin:8px 0}.beReportMoney10196 span,.beReportOps10196 span{padding:8px;border:1px solid rgba(255,255,255,.07);border-radius:8px}.beReportMoney10196 em{display:block;font-size:8px;font-style:normal;opacity:.6}.beReportMoney10196 b{display:block;margin-top:2px}.beReportMoney10196 b.positive{color:#78d9a6}.beReportMoney10196 b.negative{color:#ff9797}.beReportOps10196{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}.beReportOps10196 b{display:block;font-size:16px}.beReportOps10196 small{display:block}.beReportSnapshot10196{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:7px;margin:12px 0}.beReportSnapshot10196 article{padding:9px;border:1px solid rgba(255,255,255,.07);border-radius:9px;background:rgba(255,255,255,.02)}.beReportSnapshot10196 b{display:block;margin-top:3px}.beReportHistory10196 article{display:grid;grid-template-columns:140px 110px 1fr;gap:10px;padding:9px 0;border-top:1px solid rgba(255,255,255,.07);align-items:center}.beReportHistory10196 span{font-size:10px;opacity:.72}@media(max-width:1050px){.careerCommandPulse10196,.beReportSnapshot10196{grid-template-columns:repeat(2,minmax(0,1fr))}.careerCommandQueue10196,.bePriorityGrid10196,.beDelegationRules10196,.beReportGrid10196{grid-template-columns:1fr}}@media(max-width:760px){.careerCommand10196>header,.bePriority10196>header,.beDelegation10196>header,.beReports10196>header{align-items:flex-start;flex-direction:column}.careerCommandPulse10196,.beReportSnapshot10196{grid-template-columns:1fr 1fr}.beReportMoney10196,.beReportOps10196{grid-template-columns:1fr 1fr}.beReportHistory10196 article{grid-template-columns:1fr}} /* styles/79-seasonal-residency-10197.css */ /* LIFE LIKE A DJ v10197.0 — Seasonal Residency 2.0 */ .residencyPage10197{padding-bottom:80px}.seasonContract10197,.seasonMarket10197,.classicResidency10197,.seasonLineup10197,.seasonHistory10197{margin:14px 0;padding:18px;border:1px solid rgba(106,225,255,.18);border-radius:20px;background:linear-gradient(180deg,rgba(16,25,42,.96),rgba(7,11,20,.98));box-shadow:0 18px 44px rgba(0,0,0,.22)} .seasonContract10197{border-color:rgba(255,200,77,.34);background:radial-gradient(circle at 88% 0%,rgba(255,173,68,.14),transparent 34%),linear-gradient(180deg,#172338,#09101d)}.seasonContract10197>header,.seasonMarket10197>header,.seasonLineup10197>header,.classicResidency10197>header{display:flex;justify-content:space-between;gap:18px;align-items:flex-start}.seasonContract10197 h2,.seasonMarket10197 h3,.seasonLineup10197 h3,.classicResidency10197 h3{margin:4px 0 6px}.seasonContract10197 p,.seasonMarket10197 p,.seasonLineup10197 p{color:#a9b7c9}.seasonStatus10197{text-align:right;min-width:110px}.seasonStatus10197 b{display:block;font:800 30px/1 Sora,sans-serif;color:#ffd75f}.seasonStatus10197 small{font-size:9px;color:#91a6bf}.seasonKpis10197,.seasonTerms10197{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;margin-top:14px}.seasonKpis10197 span,.seasonTerms10197 span{padding:11px;border:1px solid rgba(120,153,190,.18);border-radius:14px;background:#0a1220}.seasonKpis10197 small,.seasonTerms10197 small{display:block;font-size:8px;color:#7890aa;margin-bottom:3px}.seasonKpis10197 b,.seasonTerms10197 b{font-size:12px}.seasonKpis10197 .danger{border-color:rgba(255,87,112,.35)}.seasonClauses10197{display:flex;gap:7px;flex-wrap:wrap;margin-top:12px}.seasonClauses10197 span{font-size:9px;padding:6px 9px;border-radius:999px;background:#0a1525;border:1px solid rgba(120,153,190,.18)}.seasonActions10197{display:flex;gap:8px;margin-top:14px}.seasonActions10197 button{flex:0 0 auto} .seasonOfferGrid10197{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:11px;margin-top:12px}.seasonOfferGrid10197 article{padding:15px;border-radius:18px;border:1px solid #31435d;background:linear-gradient(180deg,#132039,#090f1a)}.seasonOfferHead10197{display:flex;gap:10px;align-items:center}.seasonOfferHead10197>span{font-size:25px}.seasonOfferHead10197 small{font-size:9px;color:#78daf5}.seasonOfferHead10197 h3{margin:3px 0}.seasonTerms10197{grid-template-columns:repeat(2,minmax(0,1fr));margin:12px 0}.seasonReq10197{display:flex;gap:6px;flex-wrap:wrap;margin:10px 0}.seasonReq10197 span{font-size:8px;padding:5px 7px;border-radius:999px;background:#101a2c;border:1px solid #273955}.seasonReq10197 .met{color:#71edb0}.seasonReq10197 .miss{color:#ff8798;border-color:rgba(255,86,108,.35)}.seasonOfferGrid10197>article>button{width:100%;margin-top:6px} .seasonNightStrip10197{display:flex;gap:8px;overflow:auto;padding:4px 0 10px;scrollbar-width:thin}.seasonNightStrip10197 button{min-width:150px;text-align:left;padding:10px;border:1px solid #293b55;border-radius:14px;background:#0a1220}.seasonNightStrip10197 button.active{border-color:#59dcff;box-shadow:0 0 0 1px rgba(89,220,255,.25) inset}.seasonNightStrip10197 small,.seasonNightStrip10197 em{display:block;font-size:8px;color:#7f95ad;font-style:normal}.seasonNightStrip10197 b{display:block;margin:3px 0;font-size:11px}.seasonGuestDesk10197{margin-top:8px}.selectedNight10197{display:flex;gap:8px;align-items:center;flex-wrap:wrap;padding:10px 12px;border-radius:14px;background:#0a1525;border:1px solid rgba(120,153,190,.18)}.selectedNight10197 small{color:#6fe2ff}.selectedNight10197 span{color:#9fb0c5;font-size:10px}.guestGrid10197{display:grid;grid-template-columns:repeat(auto-fit,minmax(235px,1fr));gap:9px;margin-top:10px}.guestGrid10197 article{padding:12px;border-radius:15px;background:#0b1321;border:1px solid #283b55}.guestGrid10197 article>div{display:flex;justify-content:space-between;gap:8px;align-items:flex-start}.guestGrid10197 article>div:nth-child(2){margin:8px 0;font-size:9px;color:#9fb0c5}.guestGrid10197 article small{display:block;color:#8095ad;margin-top:3px}.guestGrid10197 footer{display:flex;gap:6px}.guestGrid10197 footer button{flex:1;font-size:8px;padding:8px}.seasonHistory10197 article{display:flex;justify-content:space-between;gap:12px;padding:9px 0;border-top:1px solid rgba(120,153,190,.12)}.seasonHistory10197 article span{font-size:9px;color:#8fa3ba;text-align:right} @media(max-width:900px){.seasonKpis10197,.seasonTerms10197{grid-template-columns:repeat(2,minmax(0,1fr))}.seasonContract10197>header,.seasonMarket10197>header,.seasonLineup10197>header{flex-direction:column}.seasonHistory10197 article{flex-direction:column}.seasonHistory10197 article span{text-align:left}} /* styles/80-universal-residency-10198.css */ /* LIFE LIKE A DJ v10198.0 — Universal Residency Engine */ .universalResidency10198{padding-bottom:90px}.universalOffers10198,.universalPitch10198,.universalRules10198{margin:14px 0;padding:18px;border:1px solid rgba(94,211,255,.18);border-radius:20px;background:linear-gradient(180deg,rgba(15,24,40,.97),rgba(7,11,20,.98));box-shadow:0 18px 44px rgba(0,0,0,.2)} .universalOffers10198>header,.universalPitch10198>header{display:flex;justify-content:space-between;gap:16px;align-items:flex-start}.universalOffers10198 h3,.universalPitch10198 h3{margin:4px 0}.universalOffers10198>header>span,.pitchMode10198{font-size:9px;padding:7px 10px;border:1px solid rgba(103,226,255,.25);border-radius:999px;color:#75e4ff;background:#0a1523}.universalPitch10198 p{color:#91a5bc;max-width:740px}.universalOfferTop10198{display:flex;align-items:center;gap:10px}.universalOfferTop10198>span{font-size:26px}.universalOfferTop10198>div{min-width:0;flex:1}.universalOfferTop10198 small{display:block;color:#71dffc;font-size:8px;letter-spacing:.06em}.universalOfferTop10198 h3{margin:2px 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.universalOfferTop10198 em{font-style:normal;font-size:8px;padding:5px 7px;border-radius:999px;border:1px solid #33445d;color:#8fa4bc}.universalOfferTop10198 em.ready{color:#79efb5;border-color:rgba(91,239,172,.3)}.universalOfferCard10198>button{width:100%;margin-top:8px} .pitchSelect10198{display:flex;justify-content:space-between;gap:14px;align-items:flex-end;margin:14px 0}.pitchSelect10198 label{display:flex;flex-direction:column;gap:6px;min-width:min(420px,70%);font-size:8px;color:#7890aa}.pitchSelect10198 select{width:100%;padding:11px 12px;border-radius:12px;border:1px solid #2a3c55;background:#08111e;color:#e8f4ff}.pitchSelect10198>span{font-size:9px;color:#8095ad}.universalClubGrid10198{display:grid;grid-template-columns:repeat(auto-fit,minmax(255px,1fr));gap:11px}.universalClubGrid10198 article{padding:14px;border:1px solid #2d405b;border-radius:17px;background:linear-gradient(180deg,#111e33,#09101b)}.universalClubGrid10198 article>p{font-size:9px;min-height:28px}.pitchStats10198{display:flex;gap:5px;flex-wrap:wrap;margin:9px 0}.pitchStats10198 span{font-size:8px;padding:5px 7px;border-radius:999px;background:#0a1525;border:1px solid #263952;color:#9eb0c5}.pitchMoney10198{display:flex;justify-content:space-between;gap:8px;align-items:flex-end;padding:9px 0;border-top:1px solid rgba(120,153,190,.12)}.pitchMoney10198 b{color:#ffd76b}.pitchMoney10198 span{font-size:8px;color:#7f95ad}.universalClubGrid10198 article>button{width:100%;margin-top:6px}.clubResidencyPitch10198{width:100%;margin-top:9px;border-color:rgba(255,208,86,.32)!important;color:#ffd86b!important}.universalRules10198{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.universalRules10198>div{padding:13px;border:1px solid rgba(120,153,190,.14);border-radius:14px;background:#091321}.universalRules10198 b{display:block;color:#73e3ff;font-size:9px;margin-bottom:5px}.universalRules10198 span{font-size:9px;line-height:1.45;color:#8ea3bb}.universalActive10198{border-color:rgba(255,216,96,.42)} @media(max-width:900px){.universalOffers10198>header,.universalPitch10198>header,.pitchSelect10198{flex-direction:column;align-items:stretch}.pitchSelect10198 label{min-width:0}.universalRules10198{grid-template-columns:1fr}} /* styles/81-ui-polish-10200.css */ /* LIFE LIKE A DJ v10200.0 — UI POLISH / layout stability pass Scope: readability only. No gameplay, economy or state changes. */ /* ---------- Shared safeguards for dense management screens ---------- */ .bePage10195,.gpPage10194,.residencyPage10197,.universalResidency10198, .career750,.studio995{box-sizing:border-box;min-width:0} .bePage10195 *,.gpPage10194 *,.residencyPage10197 *,.universalResidency10198 *, .career750 *,.studio995 *{box-sizing:border-box} .bePage10195 :is(h2,h3,p,b,strong,small,span,button), .gpPage10194 :is(h2,h3,p,b,strong,small,span,button), .residencyPage10197 :is(h2,h3,p,b,strong,small,span,button), .universalResidency10198 :is(h2,h3,p,b,strong,small,span,button){overflow-wrap:anywhere} /* Allow the complex new management pages to use the centre viewport as their scroll surface instead of squeezing cards until text and controls overlap. */ .bePage10195,.gpPage10194,.residencyPage10197,.universalResidency10198{ height:100%!important;max-height:100%!important;overflow-y:auto!important;overflow-x:hidden!important; padding-right:7px!important;scrollbar-width:thin;scrollbar-color:#4c5e76 transparent; } /* ---------- DJ BUSINESS EMPIRE ---------- */ .beHead10195{gap:14px}.beHead10195>div:nth-child(2){min-width:0;flex:1} .beValue10195{flex:0 0 auto;min-width:190px!important;max-width:240px} .bePulse10195 article,.beGateway10195,.beOverviewGrid10195 article,.beReportCard10196,.beTeamGrid10195 article,.beDropGrid10195 article{min-width:0} /* Canonical tab state: dark inactive controls + unmistakable amber active state. */ .beTabs10195{display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr));gap:7px!important;margin:9px 0 14px!important} .beTabs10195 button{ width:100%;min-width:0;min-height:38px!important;padding:7px 9px!important; border:1px solid #344257!important;border-radius:8px!important; background:linear-gradient(180deg,#172231,#111927)!important; color:#e2e9f1!important;font-weight:800!important;font-size:10px!important;line-height:1.15!important; text-shadow:none!important;box-shadow:none!important;white-space:normal!important; } .beTabs10195 button:hover{border-color:#6a7c95!important;background:#1b2939!important;color:#fff!important} .beTabs10195 button.active{ border-color:#ffd36d!important; background:linear-gradient(180deg,#ffd064 0%,#e8a934 100%)!important; color:#07111c!important;text-shadow:none!important; box-shadow:0 0 0 1px rgba(255,211,109,.18),0 6px 18px rgba(237,169,52,.16)!important; } .beTabs10195 button.active:hover{color:#07111c!important;background:linear-gradient(180deg,#ffda7b,#efb443)!important} /* Gateway cards were inheriting very light generic button surfaces. Keep them inside the same carbon/amber visual language as the rest of Business Empire. */ .beGateway10195{ min-height:86px!important;border:1px solid #334157!important;border-radius:10px!important; background:linear-gradient(150deg,#172130,#101722)!important;color:#e9eef5!important; box-shadow:none!important; } .beGateway10195:hover{border-color:#667993!important;background:linear-gradient(150deg,#1b293b,#131c29)!important} .beGateway10195 b{color:#f2f5f9!important}.beGateway10195 p{color:#a8b5c4!important;opacity:1!important}.beGateway10195 small{color:#d2ad58!important;opacity:1!important}.beGateway10195 em{color:#8f9dad!important} .beOverviewGrid10195 article>button,.beContractBridge10195 button,.beReports10196 button,.beDelegation10196 button{ white-space:normal!important;line-height:1.2!important;min-height:34px!important; } .beLedger10195>div{min-width:0}.beLedger10195>div>*{min-width:0;overflow:hidden;text-overflow:ellipsis} /* ---------- CAREER HQ ---------- */ /* The command centre added another large section to a screen that was still using the old fixed-height five-row template. Make the centre page itself scrollable and restore real card height instead of collapsing the career path. */ .oneScreenRoot10150[data-screen="career"] .career750{ display:block!important;height:100%!important;max-height:100%!important; overflow-y:auto!important;overflow-x:hidden!important;padding:0 7px 18px 0!important; scrollbar-width:thin;scrollbar-color:#4c5e76 transparent; } .oneScreenRoot10150[data-screen="career"] .career750>.sectionhead{min-height:54px!important;margin:0 0 8px!important} .oneScreenRoot10150[data-screen="career"] .careerCommand10196{margin:8px 0!important;padding:12px!important} .oneScreenRoot10150[data-screen="career"] .careerCommandPulse10196{margin:9px 0!important} .oneScreenRoot10150[data-screen="career"] .career750hero{margin:8px 0!important;gap:8px!important} .oneScreenRoot10150[data-screen="career"] .career750hero>div{min-height:112px!important;padding:12px!important} .oneScreenRoot10150[data-screen="career"] .careerPulseStrip10106{margin:8px 0 10px!important;gap:8px!important} .oneScreenRoot10150[data-screen="career"] .careerPulseStrip10106 article{min-height:82px!important;padding:10px 11px!important;overflow:hidden!important} .oneScreenRoot10150[data-screen="career"] .careerPulseStrip10106 b{margin:4px 0!important;font-size:22px!important;line-height:1.08!important} .oneScreenRoot10150[data-screen="career"] .careerPulseStrip10106 p{display:block!important;font-size:9.5px!important;line-height:1.3!important;margin:0!important;color:#8fa0b5!important} .oneScreenRoot10150[data-screen="career"] .career750path{ min-height:0!important;height:auto!important;overflow:visible!important;margin:0 0 12px!important; grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:8px!important; } .oneScreenRoot10150[data-screen="career"] .career750path article{min-height:92px!important;padding:10px!important;overflow:hidden!important} .oneScreenRoot10150[data-screen="career"] .career750path article strong{font-size:9px!important;margin:5px 0 3px!important} .oneScreenRoot10150[data-screen="career"] .career750path article span{font-size:8px!important;line-height:1.35!important;padding-bottom:17px} .oneScreenRoot10150[data-screen="career"] .career750path article em{bottom:8px!important;font-size:7px!important} /* ---------- STUDIO ---------- */ /* The old 54/250/70/34/fill grid no longer fits after Advanced Collab, Production Team and Commissions were added. Use natural-height upper blocks and one scroll surface for the centre page; lower panes keep their own lists. */ .oneScreenRoot10150[data-screen="studio"] .studio995{ display:block!important;height:100%!important;max-height:100%!important; overflow-y:auto!important;overflow-x:hidden!important;padding:0 7px 16px 0!important; scrollbar-width:thin!important;scrollbar-color:#52637c transparent!important; } .oneScreenRoot10150[data-screen="studio"] .studio995>.sectionhead{min-height:54px!important;margin:0 0 8px!important} .oneScreenRoot10150[data-screen="studio"] .studioWorkspace9963{ height:auto!important;min-height:300px!important;margin:0 0 8px!important;gap:8px!important; grid-template-columns:minmax(275px,.78fr) minmax(470px,1.45fr) minmax(180px,.48fr)!important; align-items:stretch!important; } .oneScreenRoot10150[data-screen="studio"] .studioProjectSetup9963, .oneScreenRoot10150[data-screen="studio"] .studioRack9963{height:auto!important;min-height:300px!important;overflow:visible!important;padding:12px!important} .oneScreenRoot10150[data-screen="studio"] .studioProjectSetup9963 label{margin:8px 0!important} .oneScreenRoot10150[data-screen="studio"] .studioProjectSetup9963 input, .oneScreenRoot10150[data-screen="studio"] .studioProjectSetup9963 select{padding:9px 10px!important} .oneScreenRoot10150[data-screen="studio"] .studioQuickModes9963{gap:6px!important;margin-top:8px!important} .oneScreenRoot10150[data-screen="studio"] .studioQuickModes9963 button{min-height:48px!important;height:auto!important;padding:7px 9px!important;line-height:1.15!important} .oneScreenRoot10150[data-screen="studio"] .studioQuickModes9963 button small{margin-top:3px!important;font-size:8.5px!important;line-height:1.2!important} .oneScreenRoot10150[data-screen="studio"] .studioRackTop9963 h3{font-size:22px!important} .oneScreenRoot10150[data-screen="studio"] .studioStageRail9963{margin:14px 0 11px!important} .oneScreenRoot10150[data-screen="studio"] .studioCurrentStats9963 span{padding:8px!important} .oneScreenRoot10150[data-screen="studio"] .studioCurrentStats9963 b{font-size:17px!important} .oneScreenRoot10150[data-screen="studio"] .studioWorkMain9963{min-height:42px!important;margin-top:9px!important} .oneScreenRoot10150[data-screen="studio"] .studioSide9963{gap:7px!important} .oneScreenRoot10150[data-screen="studio"] .studioSide9963>div{padding:11px!important;min-height:0!important} .oneScreenRoot10150[data-screen="studio"] .studioSide9963>div>b{font-size:18px!important} .oneScreenRoot10150[data-screen="studio"] .studioPulse10109{ height:auto!important;min-height:66px!important;margin:0 0 8px!important;gap:7px!important; } .oneScreenRoot10150[data-screen="studio"] .studioPulse10109 article{min-height:66px!important;height:auto!important;padding:9px 10px!important} .oneScreenRoot10150[data-screen="studio"] .studioPulse10109 b{margin:3px 0!important;font-size:19px!important} .oneScreenRoot10150[data-screen="studio"] .studioPulse10109 p{display:none!important} .oneScreenRoot10150[data-screen="studio"] .studioQuick10117{ height:auto!important;min-height:0!important;margin:0 0 8px!important;display:grid!important; grid-template-columns:repeat(auto-fit,minmax(135px,1fr))!important;gap:6px!important;overflow:visible!important; } .oneScreenRoot10150[data-screen="studio"] .studioQuick10117 button{ min-height:38px!important;height:auto!important;padding:7px 8px!important;white-space:normal!important;line-height:1.15!important; } .oneScreenRoot10150[data-screen="studio"] .studioLowerDeck10164{ height:390px!important;min-height:360px!important;margin:0!important; grid-template-columns:minmax(235px,.82fr) minmax(390px,1.35fr) minmax(220px,.76fr)!important; gap:8px!important;overflow:hidden!important; } .oneScreenRoot10150[data-screen="studio"] .studioPane10164{height:100%!important;min-height:0!important;padding:9px!important;overflow:hidden!important} .oneScreenRoot10150[data-screen="studio"] .studioProjects9963, .oneScreenRoot10150[data-screen="studio"] .studioNpcGrid9964, .oneScreenRoot10150[data-screen="studio"] .studioComplete9963{flex:1 1 auto!important;min-height:0!important;overflow-y:auto!important} .oneScreenRoot10150[data-screen="studio"] .studioNetworkControls9964{flex-wrap:wrap!important} .oneScreenRoot10150[data-screen="studio"] .studioNetworkTabs9964{display:flex!important;flex-wrap:wrap!important;gap:4px!important} .oneScreenRoot10150[data-screen="studio"] .studioNetworkTabs9964 button{min-height:30px!important;white-space:nowrap!important} /* ---------- Ghost Production / Residencies ---------- */ .gpBuilder10194,.gpTwoCol10194,.gpRosterGrid10194,.seasonKpis10197,.seasonTerms10197,.universalClubGrid10198{min-width:0} .gpRosterGrid10194>article,.guestGrid10197 article,.universalClubGrid10198 article{overflow:hidden} .gpRosterGrid10194 button,.guestGrid10197 button,.universalClubGrid10198 button{white-space:normal!important;line-height:1.2!important} .seasonNightStrip10197 button.active{background:#10243a!important;color:#fff!important;border-color:#6ae1ff!important} /* ---------- Responsive desktop polish ---------- */ @media (max-width:1260px) and (min-width:761px){ .beTabs10195{grid-template-columns:repeat(3,minmax(0,1fr))} .beGateways10195{grid-template-columns:repeat(2,minmax(0,1fr))!important} .oneScreenRoot10150[data-screen="studio"] .studioWorkspace9963{grid-template-columns:minmax(250px,.82fr) minmax(420px,1.4fr)!important} .oneScreenRoot10150[data-screen="studio"] .studioSide9963{grid-column:1/-1!important;grid-template-columns:repeat(3,minmax(0,1fr))!important} .oneScreenRoot10150[data-screen="studio"] .studioLowerDeck10164{grid-template-columns:1fr 1.35fr!important} .oneScreenRoot10150[data-screen="studio"] .catalog10164{display:none!important} } @media (max-width:920px){ .beTabs10195{grid-template-columns:1fr 1fr} .beValue10195{min-width:150px!important} .oneScreenRoot10150[data-screen="career"] .career750path{grid-template-columns:repeat(2,minmax(0,1fr))!important} } /* styles/82-global-ui-polish-10201.css */ /* LIFE LIKE A DJ v10201.0 — GLOBAL UI POLISH / readable management surfaces Scope: layout, contrast and overflow only. No gameplay/state/economy changes. Principle: one predictable centre-page scroll surface; cards never clip their own content. */ /* -------------------------------------------------------------------------- 1) Canonical scroll behaviour for complex management pages -------------------------------------------------------------------------- */ /* v10200 introduced page-level 100% scroll containers. On shorter laptop/Safari viewports that created nested scroll surfaces and made the last row look cut. Let the existing .oneScreenViewport10150 be the single vertical scroll surface. */ .oneScreenViewport10150{ overscroll-behavior:contain; scroll-padding-bottom:28px; } .oneScreenViewport10150 > :is(.bePage10195,.gpPage10194,.residencyPage10197,.universalResidency10198,.career750,.studio995){ height:auto!important; max-height:none!important; min-height:100%!important; overflow:visible!important; padding-bottom:30px!important; } /* Never let management cards crop text/controls because of inherited fixed heights. */ :is(.bePage10195,.gpPage10194,.residencyPage10197,.universalResidency10198,.career750,.studio995) :is(article,section,div,button){min-width:0} :is(.bePage10195,.gpPage10194,.residencyPage10197,.universalResidency10198) :is(article,section){height:auto;max-height:none} :is(.bePage10195,.gpPage10194,.residencyPage10197,.universalResidency10198) :is(p,small,span,b,strong,em,h2,h3,h4){overflow-wrap:anywhere} /* Buttons in the dense modules must grow with translated copy. */ :is(.bePage10195,.gpPage10194,.residencyPage10197,.universalResidency10198) button{ height:auto!important; min-height:34px; white-space:normal!important; line-height:1.18!important; text-wrap:balance; } /* -------------------------------------------------------------------------- 2) PRODUCTION TEAM / GHOST PRODUCER — no clipped lower market, tighter top -------------------------------------------------------------------------- */ .gpPage10194{display:block!important;padding-right:4px!important} .gpPage10194>.sectionhead{min-height:54px!important;margin-bottom:8px!important} .gpHeaderBadge10194{min-width:160px!important;padding:8px 12px!important} .gpHeaderBadge10194 b{font-size:21px!important} .gpStats10194{ grid-template-columns:repeat(4,minmax(0,1fr))!important; gap:8px!important; margin:8px 0!important; } .gpStats10194 article{ min-height:86px!important; padding:10px 12px!important; overflow:visible!important; } .gpStats10194 b{font-size:22px!important;margin:3px 0!important} .gpStats10194 p{font-size:10px!important;line-height:1.32!important} .gpBuilder10194{ grid-template-columns:minmax(0,1.08fr) minmax(340px,.92fr)!important; gap:10px!important; margin:10px 0!important; align-items:start!important; } .gpBuilderForm10194,.gpContracts10194,.gpRoster10194,.gpTwoCol10194>article,.gpHistory10194{ padding:12px!important; overflow:visible!important; min-height:0!important; } .gpBuilderForm10194 label{margin:7px 0!important} .gpBuilderForm10194 input,.gpBuilderForm10194 select{padding:9px 10px!important;min-height:36px!important} .gpSelected10194{margin:8px 0!important;padding:9px!important;min-height:0!important} .gpSelected10194>span{font-size:23px!important} .gpSelected10194 b{font-size:16px!important} .gpQuote10194{gap:6px!important;margin:8px 0!important} .gpQuote10194 span{padding:8px!important;min-height:58px!important} .gpQuote10194 b{font-size:14px!important} .gpContract10194{padding:9px 10px!important;overflow:visible!important} .gpContract10194 p{line-height:1.32!important} .gpRoster10194{margin:10px 0!important;padding-bottom:14px!important} .gpRosterGrid10194{ grid-template-columns:repeat(4,minmax(0,1fr))!important; gap:8px!important; align-items:stretch!important; } .gpRosterGrid10194>article{ min-height:0!important; height:auto!important; padding:10px!important; overflow:visible!important; display:flex!important; flex-direction:column!important; } .gpRosterGrid10194 button{margin-top:auto!important} .gpProducerStats10194{margin:8px 0!important} .gpGenres10194{min-height:0!important;margin-bottom:5px!important} .gpTwoCol10194{gap:10px!important;margin:10px 0!important} .gpJob10194,.gpClientJob10194,.gpOffer10194{align-items:flex-start!important;flex-wrap:wrap!important} .gpClientJob10194 button,.gpOffer10194 button{margin-left:auto!important} .gpHistory10194{margin:10px 0 18px!important} /* Selected choices use amber as an accent, not a low-contrast amber surface. */ .gpContract10194.selected,.gpRosterGrid10194>article.selected{ background:linear-gradient(145deg,#14202a 0%,#10181f 100%)!important; border-color:#e3b94c!important; box-shadow:inset 3px 0 0 #e3b94c,0 0 0 1px rgba(227,185,76,.08)!important; color:#f4f7f8!important; } .gpContract10194.selected :is(b,strong,span),.gpRosterGrid10194>article.selected :is(b,strong,h3){color:#f6f8fa!important} /* -------------------------------------------------------------------------- 3) DJ BUSINESS EMPIRE — unmistakable selected state and natural card height -------------------------------------------------------------------------- */ .bePage10195{display:block!important;padding-right:4px!important} .beTabs10195 button{ border:1px solid #39495d!important; background:#121c28!important; color:#dce5ed!important; } .beTabs10195 button.active{ background:#e3ad38!important; border-color:#ffd774!important; color:#08111a!important; font-weight:900!important; box-shadow:inset 0 -3px 0 rgba(87,55,0,.24),0 0 0 1px rgba(255,215,116,.14)!important; } .beTabs10195 button.active *{color:#08111a!important} .beTabs10195 button:focus-visible{outline:2px solid #78d8ff!important;outline-offset:2px!important} .beGateway10195,.beOverviewGrid10195 article,.bePulse10195 article,.beReportCard10196,.beTeamGrid10195 article,.beDropGrid10195 article{ height:auto!important; max-height:none!important; overflow:visible!important; } .beGateway10195{min-height:80px!important;padding:11px 13px!important} /* -------------------------------------------------------------------------- 4) CAREER HQ — preserve card content, one page scroll, no squeezed path cards -------------------------------------------------------------------------- */ .oneScreenRoot10150[data-screen="career"] .career750{ overflow:visible!important; padding-right:4px!important; } .oneScreenRoot10150[data-screen="career"] .careerCommand10196, .oneScreenRoot10150[data-screen="career"] .career750hero>div, .oneScreenRoot10150[data-screen="career"] .careerPulseStrip10106 article, .oneScreenRoot10150[data-screen="career"] .career750path article{ height:auto!important; max-height:none!important; } .oneScreenRoot10150[data-screen="career"] .career750path article{overflow:visible!important} .oneScreenRoot10150[data-screen="career"] .career750path article span{padding-bottom:20px!important} /* -------------------------------------------------------------------------- 5) STUDIO — true document flow; lower deck remains readable without overlap -------------------------------------------------------------------------- */ .oneScreenRoot10150[data-screen="studio"] .studio995{ overflow:visible!important; padding-right:4px!important; } .oneScreenRoot10150[data-screen="studio"] .studioWorkspace9963{ height:auto!important; min-height:0!important; align-items:stretch!important; } .oneScreenRoot10150[data-screen="studio"] .studioProjectSetup9963, .oneScreenRoot10150[data-screen="studio"] .studioRack9963, .oneScreenRoot10150[data-screen="studio"] .studioSide9963>div{ height:auto!important; max-height:none!important; overflow:visible!important; } .oneScreenRoot10150[data-screen="studio"] .studioPulse10109, .oneScreenRoot10150[data-screen="studio"] .studioQuick10117{ position:relative!important; z-index:1!important; height:auto!important; overflow:visible!important; } .oneScreenRoot10150[data-screen="studio"] .studioLowerDeck10164{ height:auto!important; min-height:330px!important; max-height:none!important; overflow:visible!important; align-items:stretch!important; margin-bottom:18px!important; } .oneScreenRoot10150[data-screen="studio"] .studioPane10164{ min-height:330px!important; height:auto!important; max-height:none!important; overflow:hidden!important; display:flex!important; flex-direction:column!important; } .oneScreenRoot10150[data-screen="studio"] :is(.studioProjects9963,.studioNpcGrid9964,.studioComplete9963){ min-height:180px!important; max-height:330px!important; overflow-y:auto!important; overflow-x:hidden!important; } /* -------------------------------------------------------------------------- 6) RESIDENCIES / UNIVERSAL RESIDENCY — translated copy may grow -------------------------------------------------------------------------- */ .residencyPage10197,.universalResidency10198{display:block!important;padding-right:4px!important} :is(.residencyPage10197,.universalResidency10198) :is(.seasonKpis10197,.seasonTerms10197,.guestGrid10197,.universalClubGrid10198)>*{ height:auto!important; max-height:none!important; overflow:visible!important; } .seasonNightStrip10197{display:flex!important;flex-wrap:wrap!important;gap:6px!important} .seasonNightStrip10197 button.active{ background:#e0aa35!important; color:#07111a!important; border-color:#ffd36d!important; } /* -------------------------------------------------------------------------- 7) Flight Desk — keep intentional internal scrolling, but never crop labels -------------------------------------------------------------------------- */ .flightDesk101915 :is(button,small,span,b,strong,p,h3,h4){overflow-wrap:anywhere} .flightSummary101915{padding-bottom:18px!important} .airlineOption10193,.charterOptions10193 article{height:auto!important;max-height:none!important} /* -------------------------------------------------------------------------- 8) Short laptop/Safari viewport tuning -------------------------------------------------------------------------- */ @media (min-width:1000px) and (max-height:850px){ .gpStats10194 article{min-height:78px!important;padding:8px 10px!important} .gpStats10194 b{font-size:20px!important} .gpBuilderForm10194,.gpContracts10194{padding:10px!important} .gpContract10194{padding:8px 9px!important} .gpRosterGrid10194>article{padding:9px!important} .beGateway10195{min-height:74px!important} .oneScreenRoot10150[data-screen="studio"] .studioLowerDeck10164{min-height:300px!important} .oneScreenRoot10150[data-screen="studio"] .studioPane10164{min-height:300px!important} } @media (max-width:1260px) and (min-width:761px){ .gpBuilder10194{grid-template-columns:1fr!important} .gpRosterGrid10194{grid-template-columns:repeat(2,minmax(0,1fr))!important} .gpStats10194{grid-template-columns:repeat(2,minmax(0,1fr))!important} .oneScreenRoot10150[data-screen="studio"] .studioLowerDeck10164{ grid-template-columns:minmax(240px,.9fr) minmax(380px,1.35fr)!important; } } /* styles/83-career-hq-fit-10203-1.css */ /* LIFE LIKE A DJ v10203.1 — CAREER HQ FIT / no clipped lower cards Layout-only hotfix. No gameplay/state/economy changes. */ @media (min-width:761px){ /* Career HQ owns one predictable centre viewport. Never crop the page root. */ .oneScreenRoot10150[data-screen="career"] .oneScreenViewport10150{ overflow-y:auto!important; overflow-x:hidden!important; scroll-padding-bottom:32px!important; } .oneScreenRoot10150[data-screen="career"] .career750{ display:block!important; grid-template-rows:none!important; height:auto!important; max-height:none!important; min-height:100%!important; overflow:visible!important; padding-bottom:42px!important; } /* Command centre: same information, materially less vertical waste. */ .oneScreenRoot10150[data-screen="career"] .careerCommand10196{ margin:6px 0!important; padding:9px 10px!important; } .oneScreenRoot10150[data-screen="career"] .careerCommand10196>header{ gap:10px!important; } .oneScreenRoot10150[data-screen="career"] .careerCommand10196>header p{ margin:2px 0!important; line-height:1.25!important; } .oneScreenRoot10150[data-screen="career"] .careerCommandPulse10196{ gap:6px!important; margin:7px 0!important; } .oneScreenRoot10150[data-screen="career"] .careerCommandPulse10196 article{ padding:7px 9px!important; min-height:64px!important; } .oneScreenRoot10150[data-screen="career"] .careerCommandPulse10196 b{ font-size:18px!important; margin:2px 0!important; } .oneScreenRoot10150[data-screen="career"] .careerCommandQueue10196{ gap:6px!important; } .oneScreenRoot10150[data-screen="career"] .careerCommandQueue10196 button{ min-height:42px!important; padding:7px 9px!important; } /* Career summary rows fit as a management dashboard rather than a long document. */ .oneScreenRoot10150[data-screen="career"] .career750hero{ margin:6px 0!important; gap:6px!important; } .oneScreenRoot10150[data-screen="career"] .career750hero>div{ min-height:86px!important; padding:8px 10px!important; } .oneScreenRoot10150[data-screen="career"] .career750hero b{ margin:2px 0!important; } .oneScreenRoot10150[data-screen="career"] .career750next p{ margin:2px 0 6px!important; line-height:1.25!important; } .oneScreenRoot10150[data-screen="career"] .careerPulseStrip10106{ margin:6px 0!important; gap:6px!important; } .oneScreenRoot10150[data-screen="career"] .careerPulseStrip10106 article{ min-height:60px!important; padding:7px 9px!important; } /* On normal desktop widths the 8 career stages belong on one row. This removes the extra row that was pushing Promoter Career below the visible canvas. */ .oneScreenRoot10150[data-screen="career"] .career750path{ display:grid!important; grid-template-columns:repeat(8,minmax(0,1fr))!important; grid-auto-rows:auto!important; gap:5px!important; margin:7px 0 10px!important; min-height:0!important; height:auto!important; max-height:none!important; overflow:visible!important; align-content:start!important; } .oneScreenRoot10150[data-screen="career"] .career750path article{ min-height:80px!important; height:auto!important; padding:7px 8px 22px!important; overflow:visible!important; } .oneScreenRoot10150[data-screen="career"] .career750path article>b{ font-size:18px!important; line-height:1!important; } .oneScreenRoot10150[data-screen="career"] .career750path article strong{ margin:4px 0 2px!important; font-size:8px!important; } .oneScreenRoot10150[data-screen="career"] .career750path article span{ padding-bottom:0!important; font-size:7.5px!important; line-height:1.22!important; overflow-wrap:anywhere!important; } .oneScreenRoot10150[data-screen="career"] .career750path article em{ bottom:6px!important; left:8px!important; } /* The injected Promoter Career entry must always be a complete card. */ .oneScreenRoot10150[data-screen="career"] .eventEntry46, .oneScreenRoot10150[data-screen="career"] .promoterHQ37{ min-height:0!important; height:auto!important; max-height:none!important; overflow:visible!important; margin:8px 0 14px!important; } .oneScreenRoot10150[data-screen="career"] .eventEntry46{ padding:10px 13px!important; } .oneScreenRoot10150[data-screen="career"] .eventEntry46 h3{ margin:2px 0!important; font-size:14px!important; } .oneScreenRoot10150[data-screen="career"] .eventEntry46 p{ margin:2px 0!important; line-height:1.28!important; } .oneScreenRoot10150[data-screen="career"] .eventEntry46 button{ min-height:34px!important; } } /* Narrow centre columns need two rows rather than unreadably thin stage cards. */ @media (min-width:761px) and (max-width:1180px){ .oneScreenRoot10150[data-screen="career"] .career750path{ grid-template-columns:repeat(4,minmax(0,1fr))!important; } } /* Short Safari/laptop viewports get an additional density pass while retaining every control and card. */ @media (min-width:1000px) and (max-height:850px){ .oneScreenRoot10150[data-screen="career"] .career750>.sectionhead{ min-height:46px!important; height:auto!important; margin-bottom:4px!important; } .oneScreenRoot10150[data-screen="career"] .career750head p{display:none!important} .oneScreenRoot10150[data-screen="career"] .career750era{ padding:7px 10px!important; min-width:150px!important; } .oneScreenRoot10150[data-screen="career"] .careerCommand10196>header p{display:none!important} .oneScreenRoot10150[data-screen="career"] .careerCommandPulse10196 article{min-height:56px!important} .oneScreenRoot10150[data-screen="career"] .career750hero>div{min-height:78px!important} .oneScreenRoot10150[data-screen="career"] .careerPulseStrip10106 article{min-height:54px!important} .oneScreenRoot10150[data-screen="career"] .career750path article{min-height:72px!important} } /* styles/84-start-hub-10204.css */ /* LIFE LIKE A DJ v10204.2 — symmetric one-screen premium start hub + large-type readability pass. */ .start750.startHub10204{ --hub-bg:#050911;--hub-panel:rgba(8,15,29,.94);--hub-panel2:rgba(12,22,40,.94); --hub-line:rgba(117,145,201,.24);--hub-text:#f5f8ff;--hub-muted:#9eabc0; --hub-cyan:#5fc8ff;--hub-blue:#4e83ff;--hub-violet:#8c4cff;--hub-gold:#efba48; height:100dvh!important;min-height:0!important;overflow:hidden!important;background:var(--hub-bg)!important;color:var(--hub-text)!important; font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important; } .startHub10204 *{box-sizing:border-box} .startHub10204 .startHub10204Bg{ position:fixed!important;inset:0!important;z-index:0!important; background: linear-gradient(90deg,rgba(2,6,15,.97) 0%,rgba(4,9,20,.90) 44%,rgba(4,9,18,.50) 68%,rgba(2,6,13,.78) 100%), linear-gradient(180deg,rgba(2,6,15,.18),rgba(2,6,15,.68)), url('../assets/show-stagepacks/arena.jpg') center/cover no-repeat!important; filter:saturate(.88) contrast(1.08) brightness(.72)!important;transform:scale(1.02)!important;opacity:1!important; } .startHub10204:after{ content:""!important;position:fixed!important;inset:0!important;z-index:0!important;pointer-events:none!important; background:radial-gradient(circle at 72% 30%,rgba(53,118,255,.22),transparent 30%),radial-gradient(circle at 42% 78%,rgba(132,44,255,.13),transparent 30%),linear-gradient(180deg,rgba(2,5,12,.08),rgba(2,5,12,.46))!important; } .startHub10204Nav{ position:relative;z-index:5;height:68px;min-height:68px;padding:8px clamp(22px,3vw,46px);display:flex;align-items:center;justify-content:space-between;gap:22px; background:linear-gradient(180deg,rgba(4,9,19,.88),rgba(4,9,19,.56));border-bottom:1px solid rgba(113,142,201,.18);backdrop-filter:blur(18px); } .startHub10204Brand{display:flex;align-items:center;gap:12px;min-width:230px}.startHub10204Brand img{width:64px;height:40px;object-fit:contain;background:#fff;border-radius:7px;padding:3px 5px;box-shadow:0 10px 24px #0006}.startHub10204Brand>div{display:grid;gap:2px}.startHub10204Brand b{font:800 18px/1 Sora,Inter,sans-serif;letter-spacing:.03em}.startHub10204Brand small{font-size:9.5px;color:#90a0bb;letter-spacing:.11em;text-transform:uppercase} .startHub10204Nav nav{display:flex;align-items:center;justify-content:flex-end;gap:7px;flex-wrap:nowrap}.startHub10204Nav nav a,.startHub10204NavBtn{appearance:none;border:1px solid rgba(125,151,203,.27);border-radius:8px;background:rgba(8,16,31,.72);color:#dfe8f8;text-decoration:none;padding:8px 12px;font-size:10.5px;font-weight:800;letter-spacing:.055em;cursor:pointer;transition:.18s;white-space:nowrap}.startHub10204Nav nav a:hover,.startHub10204NavBtn:hover{border-color:rgba(95,200,255,.62);color:#fff;background:rgba(14,28,52,.90);transform:translateY(-1px)} /* One-screen desktop geometry: left and right columns share the same three rows. */ .startHub10204Shell{ position:relative;z-index:2;width:min(1540px,calc(100% - 42px));height:calc(100dvh - 68px);margin:0 auto;padding:14px 0 16px; display:grid;grid-template-columns:minmax(0,1.72fr) minmax(340px,.72fr);gap:16px;align-items:stretch;overflow:hidden; } .startHub10204Main,.startHub10204Side{ min-width:0;min-height:0;height:100%;display:grid;gap:11px; grid-template-rows:minmax(0,1.72fr) minmax(0,.72fr) minmax(0,.48fr); } .startHub10204Career,.startHub10204Panel,.startHub10204Action,.startHub10204Promos>*{border-radius:12px} .startHub10204Career{position:relative;min-height:0;height:100%;border:1px solid rgba(118,151,212,.34);overflow:hidden;background:rgba(5,12,24,.92);box-shadow:0 22px 54px rgba(0,0,0,.32)} .startHub10204CareerMedia{position:absolute;inset:0;background:url('../assets/show-stagepacks/sunset.jpg') center 58%/cover no-repeat;filter:saturate(.82) brightness(.78);transform:scale(1.01)} .startHub10204CareerOverlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(5,11,24,.98) 0%,rgba(5,11,24,.92) 47%,rgba(5,11,24,.58) 72%,rgba(5,11,24,.80) 100%),linear-gradient(0deg,rgba(3,8,18,.86),transparent 48%)} .startHub10204CareerContent{position:relative;z-index:2;height:100%;min-height:0;padding:16px 20px;display:flex;flex-direction:column;overflow:hidden}.startHub10204CareerContent>header{display:flex;justify-content:space-between;align-items:flex-start;gap:14px}.startHub10204CareerContent>header small{color:var(--hub-cyan);font-size:9.5px;letter-spacing:.13em;font-weight:800}.startHub10204CareerContent>header h1{margin:4px 0 0;font:800 clamp(24px,2.1vw,34px)/1 Sora,Inter,sans-serif;letter-spacing:-.035em}.startHub10204Cloud{font-size:8.5px;font-weight:800;letter-spacing:.11em;color:#b9c8df;border:1px solid rgba(96,134,194,.28);border-radius:999px;padding:6px 8px;background:rgba(4,10,20,.66);white-space:nowrap} .startHub10204Identity{margin-top:13px}.startHub10204Identity h2{margin:0;font:800 clamp(27px,2.7vw,42px)/1 Sora,Inter,sans-serif;letter-spacing:-.04em}.startHub10204Identity p{margin:6px 0 0;color:#d2def0;font-size:13.5px;font-weight:700} .startHub10204Meta{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-top:12px;padding-top:10px;border-top:1px solid rgba(127,156,207,.20)}.startHub10204Meta span{display:grid;gap:3px;min-width:0}.startHub10204Meta small{font-size:8.5px;color:#8fa0ba;letter-spacing:.09em;font-weight:800}.startHub10204Meta b{font-size:13px;color:#f7f9fe;white-space:nowrap;overflow:hidden;text-overflow:ellipsis} .startHub10204Next{margin-top:auto;padding-top:10px;display:grid;grid-template-columns:1fr auto;gap:14px;align-items:end}.startHub10204Next>div{display:grid;gap:2px;min-width:0}.startHub10204Next small{font-size:8.5px;color:#93a4bd;letter-spacing:.11em}.startHub10204Next b{font:800 18px/1.1 Sora,Inter,sans-serif;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.startHub10204Next span{font-size:10.5px;color:#9aa9bd;white-space:nowrap;overflow:hidden;text-overflow:ellipsis} .startHub10204Continue{min-width:190px;border:1px solid rgba(239,186,72,.75);border-radius:9px;background:linear-gradient(180deg,#f0bd50,#d79a27)!important;color:#171106!important;padding:11px 16px;font-size:11.5px;font-weight:900;letter-spacing:.05em;box-shadow:0 10px 24px rgba(235,177,52,.17);cursor:pointer}.startHub10204Continue:hover{filter:brightness(1.05);transform:translateY(-1px)}.startHub10204Continue:disabled{opacity:.58;cursor:wait;transform:none}.startHub10204Switch{margin-top:7px;border:1px solid rgba(129,151,190,.28)!important;border-radius:7px!important;background:rgba(5,11,24,.72)!important;color:#b6c4d9!important;padding:7px 10px!important;font-size:9.5px!important;font-weight:800!important;cursor:pointer!important} .startHub10204AuthBox{margin-top:13px;display:grid;gap:8px;max-width:690px}.startHub10204AuthBox h2{margin:1px 0 0;font:800 25px/1 Sora,Inter,sans-serif}.startHub10204AuthBox p{margin:0;color:#9cacc1;font-size:10.5px;line-height:1.35}.startHub10204LoginTitle small{color:var(--hub-cyan);font-size:9.5px;letter-spacing:.11em}.startHub10204LoginTitle h2{margin:4px 0 3px}.startHub10204LoginFields{display:grid;grid-template-columns:1fr 1fr;gap:8px}.startHub10204LoginFields label{display:grid;gap:4px;color:#99a9c0;font-size:8.5px;font-weight:800;letter-spacing:.08em}.startHub10204LoginFields input{width:100%;height:38px;border:1px solid rgba(114,142,194,.32);border-radius:8px;background:rgba(4,10,20,.78);color:#fff;padding:0 11px;font-size:13.5px;outline:none}.startHub10204LoginFields input:focus{border-color:var(--hub-cyan);box-shadow:0 0 0 3px rgba(95,200,255,.10)}.startHub10204LoginActions{display:flex;align-items:center;gap:8px;flex-wrap:nowrap}.startHub10204CloudSummary{font-size:8.5px;color:#8090a8;letter-spacing:.035em} .startHub10204Actions{height:100%;min-height:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.startHub10204Action{position:relative;height:100%;min-height:0;padding:12px 14px;border:1px solid rgba(115,145,201,.25);background:linear-gradient(180deg,rgba(10,20,39,.94),rgba(7,14,27,.94));color:#edf3ff;text-decoration:none;text-align:left;display:grid;grid-template-rows:auto auto 1fr auto;gap:5px;cursor:pointer;overflow:hidden;box-shadow:0 10px 26px rgba(0,0,0,.20);transition:.18s}.startHub10204Action:after{content:"";position:absolute;inset:auto -20% -76% 15%;height:110px;border-radius:50%;filter:blur(28px);opacity:.22;background:#2c80ff}.startHub10204Action:hover{transform:translateY(-2px);border-color:rgba(95,200,255,.56);background:linear-gradient(180deg,rgba(15,29,54,.98),rgba(9,18,35,.98))}.startHub10204Action>span{font-size:21px;line-height:1}.startHub10204Action>b{font:800 17px/1.02 Sora,Inter,sans-serif;letter-spacing:-.02em}.startHub10204Action>small{font-size:10px;line-height:1.35;color:#a6b3c7;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.startHub10204Action>i{align-self:end;justify-self:end;font-style:normal;font-size:19px;color:#8ed8ff}.startHub10204New:after{background:#2a75ff}.startHub10204Online:after{background:#6947ff}.startHub10204Press:after{background:#a833ff}.startHub10204Game:after{background:#e1a633} .startHub10204Promos{height:100%;min-height:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.startHub10204Promos>*{height:100%;min-height:0;padding:10px 13px;border:1px solid rgba(121,148,199,.20);background:rgba(7,14,27,.88);text-decoration:none;color:#e9f1ff;display:grid;align-content:center;gap:3px;overflow:hidden}.startHub10204Promos small{font-size:8.5px;color:#7ccfff;letter-spacing:.12em;font-weight:800}.startHub10204Promos b{font:800 15px/1.05 Sora,Inter,sans-serif;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.startHub10204Promos span{font-size:9.5px;color:#95a4ba;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.startHub10204Promos a:hover{border-color:rgba(95,200,255,.48);background:rgba(10,21,40,.95)} .startHub10204Side{min-width:0;min-height:0}.startHub10204Panel{height:100%;min-height:0;border:1px solid rgba(116,145,200,.28);background:linear-gradient(180deg,rgba(8,17,33,.94),rgba(6,13,26,.94));box-shadow:0 14px 34px rgba(0,0,0,.23);overflow:hidden;display:flex;flex-direction:column}.startHub10204Panel>header{height:38px;min-height:38px;padding:0 12px;display:flex;align-items:center;justify-content:space-between;gap:8px;border-bottom:1px solid rgba(116,145,200,.18)}.startHub10204Panel>header b{font:800 11.5px/1 Sora,Inter,sans-serif;letter-spacing:.02em}.startHub10204Panel>header span,.startHub10204Panel>header a{font-size:8.5px;color:#77cfff;text-decoration:none;letter-spacing:.07em;font-weight:800;white-space:nowrap} .startHub10204Era{padding:10px 12px}.startHub10204Era small,.startHub10204Stats small,.startHub10204Pressure small,.startHub10204World small{font-size:8.5px;color:#8d9eb7;letter-spacing:.08em}.startHub10204Era b{display:block;margin:3px 0 6px;font:800 19px/1 Sora,Inter,sans-serif}.startHub10204Era>div,.startHub10204Pressure>div{height:5px;border-radius:999px;background:#17243a;overflow:hidden}.startHub10204Era i,.startHub10204Pressure i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#3e88ff,#73d2ff)} .startHub10204Stats{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid rgba(116,145,200,.16);border-bottom:1px solid rgba(116,145,200,.16);min-height:0;flex:1}.startHub10204Stats span{min-height:0;padding:9px 11px;display:grid;align-content:center;gap:3px;border-right:1px solid rgba(116,145,200,.16);border-bottom:1px solid rgba(116,145,200,.16)}.startHub10204Stats span:nth-child(2n){border-right:0}.startHub10204Stats span:nth-last-child(-n+2){border-bottom:0}.startHub10204Stats b{font-size:15px;color:#f4f7fd;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.startHub10204Pressure{padding:9px 12px}.startHub10204Pressure b{display:block;margin:3px 0 6px;font-size:14px}.startHub10204Pressure i{background:linear-gradient(90deg,#7b44ff,#c05eff)} .startHub10204Systems{height:100%;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr}.startHub10204Systems span{min-height:0;padding:9px 11px;display:grid;align-content:center;gap:3px;border-right:1px solid rgba(116,145,200,.16);border-bottom:1px solid rgba(116,145,200,.16);overflow:hidden}.startHub10204Systems span:nth-child(2n){border-right:0}.startHub10204Systems span:nth-last-child(-n+2){border-bottom:0}.startHub10204Systems b{font-size:10.5px;color:#e7eefb;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.startHub10204Systems small{font-size:8.5px;color:#8798b0;line-height:1.25;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden} .startHub10204World{height:100%;display:grid;grid-template-columns:repeat(4,minmax(0,1fr))}.startHub10204World span{padding:8px 9px;display:grid;align-content:center;gap:2px;border-right:1px solid rgba(116,145,200,.16);overflow:hidden}.startHub10204World span:last-child{border-right:0}.startHub10204World b{font-size:15px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis} /* Compact laptop mode keeps the start hub one-screen even with browser chrome. */ @media (min-width:1181px) and (max-height:760px){ .startHub10204Nav{height:60px;min-height:60px;padding-top:6px;padding-bottom:6px}.startHub10204Brand img{width:56px;height:35px}.startHub10204Brand b{font-size:16px}.startHub10204Shell{height:calc(100dvh - 60px);padding:10px 0 11px;gap:13px}.startHub10204Main,.startHub10204Side{gap:8px;grid-template-rows:minmax(0,1.68fr) minmax(0,.70fr) minmax(0,.42fr)} .startHub10204CareerContent{padding:13px 16px}.startHub10204Identity{margin-top:10px}.startHub10204Identity h2{font-size:28px}.startHub10204Meta{margin-top:9px;padding-top:8px}.startHub10204Next{padding-top:8px}.startHub10204Action{padding:10px 11px}.startHub10204Action>span{font-size:16px}.startHub10204Action>b{font-size:14.5px}.startHub10204Action>small{font-size:8.5px;-webkit-line-clamp:1}.startHub10204Promos>*{padding:8px 10px}.startHub10204Promos span{display:none}.startHub10204Panel>header{height:32px;min-height:32px}.startHub10204Era{padding:7px 10px}.startHub10204Stats span{padding:6px 9px}.startHub10204Pressure{padding:6px 10px}.startHub10204Systems span{padding:6px 9px}.startHub10204Systems small{font-size:7.5px;-webkit-line-clamp:1}.startHub10204World span{padding:6px 7px} } /* On narrower devices, switch back to a scrollable responsive layout. */ @media(max-width:1180px){ .start750.startHub10204{height:auto!important;min-height:100dvh!important;overflow:auto!important}.startHub10204Shell{height:auto;overflow:visible;grid-template-columns:1fr;align-items:start}.startHub10204Main,.startHub10204Side{height:auto;display:grid;grid-template-rows:none}.startHub10204Side{grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch}.startHub10204Snapshot{min-height:100%}.startHub10204Actions{grid-template-columns:repeat(2,minmax(0,1fr));height:auto}.startHub10204Action{min-height:126px}.startHub10204Promos{height:auto}.startHub10204Promos>*{min-height:86px}.startHub10204Panel{height:auto} } @media(max-width:820px){.startHub10204Nav{height:auto;min-height:64px;align-items:flex-start}.startHub10204Nav nav{max-width:55%;flex-wrap:wrap}.startHub10204Shell{width:min(100% - 24px,1540px);padding-top:14px}.startHub10204Meta{grid-template-columns:1fr 1fr}.startHub10204Next{grid-template-columns:1fr}.startHub10204Continue{width:100%;min-width:0}.startHub10204LoginFields{grid-template-columns:1fr}.startHub10204LoginActions{flex-wrap:wrap}.startHub10204Side{grid-template-columns:1fr}.startHub10204Promos{grid-template-columns:1fr}.startHub10204Career{min-height:400px}.startHub10204CareerContent{min-height:400px}.startHub10204World{grid-template-columns:1fr 1fr}} @media(max-width:560px){.startHub10204Nav{padding:12px 14px;display:grid}.startHub10204Brand img{width:60px}.startHub10204Nav nav{max-width:none;justify-content:flex-start}.startHub10204Nav nav a,.startHub10204NavBtn{padding:8px 9px;font-size:8px}.startHub10204Actions{grid-template-columns:1fr}.startHub10204CareerContent{padding:18px}.startHub10204CareerContent>header{display:grid}.startHub10204Meta{grid-template-columns:1fr 1fr}.startHub10204Stats,.startHub10204Systems{grid-template-columns:1fr}.startHub10204Stats span,.startHub10204Systems span{border-right:0!important;border-bottom:1px solid rgba(116,145,200,.16)!important}.startHub10204Stats span:last-child,.startHub10204Systems span:last-child{border-bottom:0!important}.startHub10204World{grid-template-columns:1fr 1fr}} /* styles/85-business-team-scroll-10204-3.css */ /* LIFE LIKE A DJ v10204.3 — Business Empire Team & Delegation fit UI-only: keep the entire Team & Delegation workspace inside one visible card and let that card own its vertical scroll. */ /* The tab body becomes one bounded management card instead of a long document that can fall underneath the viewport chrome. */ .bePage10195 > .beTeam10195{ border:1px solid rgba(255,255,255,.10)!important; border-radius:14px!important; background:linear-gradient(160deg,rgba(17,27,37,.98),rgba(8,14,20,.98))!important; box-shadow:0 12px 30px rgba(0,0,0,.18)!important; padding:0!important; margin:0 0 12px!important; height:clamp(360px,calc(100dvh - 420px),520px)!important; min-height:340px!important; max-height:520px!important; overflow-y:auto!important; overflow-x:hidden!important; overscroll-behavior:contain; scrollbar-width:thin; scrollbar-color:#53677f transparent; } .bePage10195 > .beTeam10195::-webkit-scrollbar{width:9px} .bePage10195 > .beTeam10195::-webkit-scrollbar-track{background:transparent} .bePage10195 > .beTeam10195::-webkit-scrollbar-thumb{background:#53677f;border-radius:99px;border:2px solid #0d151d} /* Delegation becomes the first section INSIDE the same card. */ .bePage10195 > .beTeam10195 > .beDelegation10196{ margin:0!important; border:0!important; border-bottom:1px solid rgba(255,255,255,.09)!important; border-radius:0!important; padding:15px 16px!important; background:linear-gradient(180deg,rgba(227,173,56,.045),rgba(255,255,255,.01))!important; } /* Executive support heading is kept in the same card and visually separates the second section without creating another outer tile. */ .bePage10195 > .beTeam10195 > header{ margin:0!important; padding:15px 16px 10px!important; border-bottom:1px solid rgba(255,255,255,.07)!important; background:rgba(5,10,15,.20)!important; } .bePage10195 > .beTeam10195 > .beTeamGrid10195{ padding:12px 16px 18px!important; gap:10px!important; } .bePage10195 > .beTeam10195 > .beTeamGrid10195 article{ min-height:170px!important; height:auto!important; overflow:visible!important; } /* Keep all controls readable inside the bounded card. */ .bePage10195 > .beTeam10195 :is(h3,p,b,strong,small,span,button){ overflow-wrap:anywhere; } .bePage10195 > .beTeam10195 .beDelegationRules10196 article{ min-height:54px!important; } /* On shorter laptop/Safari viewports the card gets smaller, not clipped. */ @media (max-height:820px) and (min-width:821px){ .bePage10195 > .beTeam10195{ height:clamp(320px,calc(100dvh - 390px),430px)!important; min-height:310px!important; max-height:430px!important; } .bePage10195 > .beTeam10195 > .beDelegation10196{padding:11px 13px!important} .bePage10195 > .beTeam10195 > header{padding:11px 13px 8px!important} .bePage10195 > .beTeam10195 > .beTeamGrid10195{padding:10px 13px 14px!important} .bePage10195 > .beTeam10195 > .beTeamGrid10195 article{min-height:154px!important} } @media (max-width:820px){ .bePage10195 > .beTeam10195{ height:auto!important; min-height:0!important; max-height:none!important; overflow:visible!important; } } /* core/strategic-career-10205.css */ /* LIFE LIKE A DJ v10205.0 — Strategic Career Layer */ .strategyPage10205{overflow:auto!important;padding-bottom:34px}.strategyHero10205{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:12px 0}.strategyHero10205 button,.strategyEntry10205,.smartTourEntry10205,.riskEntry10205,.identityDesk10205,.dealDesk10205,.marketPulse10205{border:1px solid rgba(116,163,224,.24);background:linear-gradient(145deg,rgba(12,21,34,.98),rgba(8,15,24,.98));border-radius:12px}.strategyHero10205 button{min-height:104px;text-align:left;padding:14px;color:#f4f7fb;display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto;column-gap:10px;align-items:center}.strategyHero10205 button span{font-size:26px;grid-row:1/3}.strategyHero10205 button b{font-size:13px}.strategyHero10205 button small{color:#8fa1b5;line-height:1.35}.strategyColumns10205{display:grid;grid-template-columns:1fr 1fr;gap:12px}.strategyColumns10205>article{border:1px solid rgba(116,163,224,.20);background:#08111b;border-radius:12px;padding:14px;min-height:280px}.strategyColumns10205 header small,.identityDesk10205 header small,.dealDeskHead10205 small,.marketPulse10205 small{color:#6fd4ff;font-size:10px;font-weight:800;letter-spacing:.09em}.marketRow10205,.memoryRow10205{display:grid;grid-template-columns:1fr auto auto;gap:9px;align-items:center;padding:9px 0;border-top:1px solid rgba(255,255,255,.06)}.marketRow10205 small{grid-column:1/4;color:#7f91a6}.marketRow10205 em{color:#f0bc45;font-style:normal;font-weight:800}.memoryRow10205{grid-template-columns:auto 1fr auto}.memoryRow10205>span{width:26px;height:26px;border-radius:50%;display:grid;place-items:center;background:#12253a}.memoryRow10205.good>span{color:#58e1a0}.memoryRow10205.bad>span{color:#ff7182}.memoryRow10205 small{display:block;color:#8b9bb0;margin-top:2px}.strategyEntry10205,.smartTourEntry10205,.riskEntry10205{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 16px;margin:12px 0}.strategyEntry10205 h3,.smartTourEntry10205 h3{margin:3px 0}.strategyEntry10205 p,.smartTourEntry10205 p{margin:0;color:#8ea0b4}.strategyModes10205{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:12px 0}.strategyModes10205 button{padding:12px;border:1px solid #263b53;border-radius:9px;background:#0b1622;color:#c7d1dc;font-weight:800}.strategyModes10205 button.active{background:#e8ad32;color:#10151b;border-color:#ffc54c}.planPulse10205{display:grid;grid-template-columns:repeat(5,1fr);gap:8px}.planPulse10205 article,.insuranceLedger10205>div,.identityStats10205 article{background:#09131e;border:1px solid #20344a;border-radius:9px;padding:12px}.planPulse10205 small,.insuranceLedger10205 small,.identityStats10205 small{display:block;color:#7f91a5;font-size:9px;font-weight:800}.planPulse10205 b,.insuranceLedger10205 b,.identityStats10205 b{font-size:20px}.planRoute10205{margin:12px 0;border:1px solid #20344a;border-radius:12px;overflow:hidden}.planRoute10205 article{display:grid;grid-template-columns:42px 1fr auto;align-items:center;gap:12px;padding:11px 13px;border-top:1px solid rgba(255,255,255,.06)}.planRoute10205 article:first-child{border-top:0}.planRoute10205 article.fixed{background:rgba(44,103,154,.10)}.planRoute10205 em{font-style:normal;color:#5ebfff;font-weight:900}.planRoute10205 p{margin:3px 0;color:#8fa1b4}.planRoute10205>article>span{font-size:9px;color:#e9ba4c;font-weight:800}.planApply10205{width:100%;min-height:46px}.insuranceGrid10205{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.insuranceGrid10205 article{background:#09131e;border:1px solid #20344a;border-radius:12px;padding:14px;min-height:210px;display:flex;flex-direction:column;gap:8px}.insuranceGrid10205 article.active{border-color:#eab340;box-shadow:inset 0 0 0 1px rgba(234,179,64,.25)}.insuranceGrid10205 article small{color:#6fd4ff;font-weight:800}.insuranceGrid10205 article h3{margin:0}.insuranceGrid10205 article p{color:#93a2b4;line-height:1.35}.insuranceGrid10205 article span{font-size:9px;color:#74869a;flex:1}.insuranceGrid10205 article button{min-height:38px}.insuranceLedger10205{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:12px}.riskEntry10205{margin-top:0}.riskEntry10205 div{display:flex;gap:12px;align-items:center}.riskEntry10205 small{color:#6fd4ff;font-weight:800}.riskEntry10205 span{color:#93a2b4}.dealDesk10205{padding:10px;margin:8px 0}.dealDeskHead10205{display:flex;justify-content:space-between;gap:12px;align-items:center}.dealDeskHead10205 b{display:block;margin-top:3px}.dealDeskHead10205>span{font-size:9px;color:#f0bd4a;font-weight:900}.dealButtons10205{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:5px;margin-top:8px}.dealButtons10205 button{padding:8px 5px;background:#0c1926;border:1px solid #263c54;border-radius:7px;color:#dbe5ef}.dealButtons10205 button b{display:block;font-size:9px}.dealButtons10205 button small{font-size:8px;color:#6fd4ff}.marketPulse10205{display:flex;justify-content:space-between;align-items:center;padding:8px 10px;margin:6px 0}.marketPulse10205 b{display:block;font-size:11px}.marketPulse10205>span{font-size:9px;color:#8fa0b2}.identityDesk10205{padding:14px;margin:12px 0}.identityDesk10205 header{display:flex;justify-content:space-between;align-items:center}.identityDesk10205 header h3{margin:3px 0;font-size:20px}.identityDesk10205 header>span{font-size:9px;color:#f0bd4a;font-weight:900}.identityStats10205{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:10px 0}.identityDesk10205>p{color:#91a2b4;line-height:1.4}.identityChoices10205{display:flex;flex-wrap:wrap;gap:6px}.identityChoices10205 button{background:#0c1926;border:1px solid #263c54;color:#cbd5e0;border-radius:20px;padding:8px 11px}.identityChoices10205 button.active{background:#e7ae35;color:#10151b;border-color:#ffc850;font-weight:900} @media(max-width:1180px){.strategyHero10205{grid-template-columns:1fr 1fr}.strategyColumns10205{grid-template-columns:1fr}.insuranceGrid10205{grid-template-columns:1fr 1fr}.dealButtons10205{grid-template-columns:repeat(3,1fr)}.planPulse10205{grid-template-columns:repeat(3,1fr)}} /* styles/86-media-world-10205-2.css */ /* LIFE LIKE A DJ — Media World v10205.2 */ .mwPage102052{min-width:0} .mwPage102052 .sectionhead{align-items:center} .mwHero102052,.mwCountryDetail102052{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:12px 0} .mwHero102052>article,.mwCountryDetail102052>article{border:1px solid rgba(255,255,255,.1);background:rgba(11,14,20,.84);border-radius:14px;padding:14px 16px;min-width:0} .mwHero102052 small,.mwCountryDetail102052 small{display:block;font-size:11px;letter-spacing:.12em;opacity:.66}.mwHero102052 b,.mwCountryDetail102052 b{display:block;font-size:28px;line-height:1.05;margin-top:5px}.mwHero102052 span{display:block;margin-top:5px;font-size:11px;font-weight:800;opacity:.78}.mwHero102052 .bad{color:#ff9f9f} .mwUnknown102052{display:flex;align-items:center;gap:18px;padding:22px;border:1px dashed rgba(255,255,255,.16);border-radius:16px;background:rgba(12,15,21,.68);margin:14px 0}.mwUnknown102052>span{font-size:42px}.mwUnknown102052 h3{margin:4px 0 6px;font-size:20px}.mwUnknown102052 p{margin:0;max-width:760px;opacity:.72} .mwCountryGrid102052{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin:14px 0}.mwCountryGrid102052 button{display:flex;flex-direction:column;align-items:flex-start;text-align:left;min-width:0;padding:13px;border-radius:14px;border:1px solid rgba(255,255,255,.1);background:linear-gradient(180deg,rgba(25,28,37,.96),rgba(12,14,20,.96));color:inherit}.mwCountryGrid102052 button:hover{transform:translateY(-1px);border-color:rgba(255,199,73,.55)}.mwCountryGrid102052 small{font-size:11px;letter-spacing:.1em;opacity:.72}.mwCountryGrid102052 b{font-size:26px;margin:4px 0}.mwCountryGrid102052 span{font-size:10px;font-weight:900}.mwCountryGrid102052 em,.mwCountryGrid102052 i{font-size:10px;font-style:normal;opacity:.64;margin-top:5px}.mwCountryGrid102052 i{color:#f0c76a;opacity:.9} .mwColumns102052{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(300px,.65fr);gap:12px;min-height:0}.mwColumns102052>article{border:1px solid rgba(255,255,255,.1);background:rgba(10,13,19,.82);border-radius:16px;padding:14px;min-width:0;max-height:52vh;overflow:auto}.mwColumns102052 header{margin-bottom:10px}.mwColumns102052 header small{font-size:10px;letter-spacing:.12em;opacity:.65}.mwColumns102052 header h3{margin:3px 0 0;font-size:16px} .mwStory102052{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;padding:11px 2px;border-top:1px solid rgba(255,255,255,.07)}.mwStory102052:first-of-type{border-top:0}.mwStory102052 small{font-size:10px;letter-spacing:.06em;opacity:.58}.mwStory102052 h4{font-size:14px;line-height:1.32;margin:4px 0}.mwStory102052 p{font-size:11px;margin:0;opacity:.66}.mwStory102052>b{font-size:12px;align-self:center;color:#9fe0b0}.mwStory102052.negative>b{color:#ff9d9d} .mwNarrative102052{position:relative;padding:10px 0 13px;border-top:1px solid rgba(255,255,255,.07)}.mwNarrative102052:first-of-type{border-top:0}.mwNarrative102052>div{display:flex;justify-content:space-between;gap:8px}.mwNarrative102052 b{font-size:13px}.mwNarrative102052 small{font-size:10px;opacity:.58}.mwNarrative102052>span{position:absolute;right:0;top:10px;font-size:11px;font-weight:900}.mwNarrative102052>i{display:block;height:4px;margin-top:7px;border-radius:99px;background:rgba(255,255,255,.08);overflow:hidden}.mwNarrative102052>i>u{display:block;height:100%;background:currentColor;text-decoration:none}.mwRule102052{margin-top:12px;padding:12px;border-radius:12px;background:rgba(255,199,73,.07);border:1px solid rgba(255,199,73,.18)}.mwRule102052 p{margin:5px 0 0;font-size:11px;opacity:.75} .mwOutlet102052{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 2px;border-top:1px solid rgba(255,255,255,.07)}.mwOutlet102052:first-of-type{border-top:0}.mwOutlet102052 b{display:block;font-size:13px}.mwOutlet102052 small{display:block;font-size:10px;opacity:.6;margin-top:2px}.mwOutlet102052>span{font-size:12px;font-weight:900;min-width:40px;text-align:right} .mwPushHost102052{position:fixed;right:20px;top:88px;z-index:2147482100;width:min(430px,calc(100vw - 24px));pointer-events:none}.mwPush102052{position:relative;display:grid;grid-template-columns:42px minmax(0,1fr);gap:12px;padding:15px 16px;border-radius:16px;background:rgba(10,12,18,.96);border:1px solid rgba(255,255,255,.15);box-shadow:0 20px 60px rgba(0,0,0,.42);backdrop-filter:blur(18px);pointer-events:auto;animation:mwPushIn102052 .25s ease-out}.mwPush102052.PRESS_PRAISE,.mwPush102052.COVER_STORY{border-color:rgba(245,201,90,.52)}.mwPush102052.BREAKING_STORY,.mwPush102052.CRISIS{border-color:rgba(255,103,103,.55)}.mwPush102052.GLOBAL_PICKUP,.mwPush102052.NEW_MARKET_DISCOVERY{border-color:rgba(101,186,255,.5)}.mwPushIcon102052{font-size:27px;line-height:1}.mwPush102052 small{font-size:10px;letter-spacing:.14em;font-weight:900;opacity:.66}.mwPush102052 h3{font-size:16px;line-height:1.2;margin:4px 24px 4px 0}.mwPush102052 p{font-size:12px;line-height:1.42;margin:0;opacity:.75}.mwPushClose102052{position:absolute;right:8px;top:8px;border:0!important;background:transparent!important;color:inherit!important;font-size:20px!important;padding:3px 8px!important;opacity:.55}.mwPushOpen102052{margin-top:10px!important;padding:7px 10px!important;font-size:10px!important;width:auto!important}.mwPushClose102052:hover{opacity:1}@keyframes mwPushIn102052{from{opacity:0;transform:translate3d(18px,-4px,0)}to{opacity:1;transform:none}} @media(max-width:1180px){.mwCountryGrid102052{grid-template-columns:repeat(3,minmax(0,1fr))}.mwColumns102052{grid-template-columns:1fr}.mwColumns102052>article{max-height:none}.mwHero102052,.mwCountryDetail102052{grid-template-columns:repeat(2,minmax(0,1fr))}} @media(max-width:680px){.mwHero102052,.mwCountryDetail102052,.mwCountryGrid102052{grid-template-columns:1fr 1fr}.mwPushHost102052{right:12px;top:72px}.mwPage102052 .sectionhead{align-items:flex-start}.mwPage102052 .sectionhead>.secondary{width:100%}} .mwRequests102052{display:grid;gap:10px;margin:12px 0}.mwRequests102052 article{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:14px;align-items:center;padding:14px 16px;border-radius:14px;border:1px solid rgba(244,191,71,.34);background:linear-gradient(90deg,rgba(244,191,71,.09),rgba(13,15,21,.9))}.mwRequests102052 small{font-size:10px;letter-spacing:.11em;opacity:.7}.mwRequests102052 h3{font-size:16px;margin:4px 0}.mwRequests102052 p{font-size:12px;margin:0;opacity:.76}.mwRequests102052 span{display:block;font-size:10px;margin-top:5px;opacity:.58}.mwRequests102052 article>div:last-child{display:flex;gap:7px;flex-wrap:wrap;justify-content:flex-end}.mwRequests102052 button{font-size:10px;padding:8px 10px}.mwRequests102052 button.ghost{opacity:.7}@media(max-width:780px){.mwRequests102052 article{grid-template-columns:1fr}.mwRequests102052 article>div:last-child{justify-content:flex-start}} /* styles/87-media-world-deep-10205-3.css */ /* LIFE LIKE A DJ — Media World deep systems v10205.3 */ .mwTabs102053{display:flex;gap:7px;flex-wrap:wrap;margin:8px 0 13px;padding:6px;border:1px solid rgba(255,255,255,.08);border-radius:13px;background:rgba(8,10,15,.72)} .mwTabs102053 button{width:auto!important;min-height:34px;padding:8px 12px!important;border-radius:9px!important;background:transparent!important;border:1px solid transparent!important;color:rgba(255,255,255,.68)!important;font-size:10px!important;font-weight:900!important;letter-spacing:.08em} .mwTabs102053 button.active{background:rgba(244,191,71,.14)!important;border-color:rgba(244,191,71,.42)!important;color:#f7d47c!important} .mwDeepStrip102053,.mwFlowStats102053{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:0 0 12px} .mwDeepStrip102053 article,.mwFlowStats102053 article{min-width:0;padding:12px 14px;border-radius:13px;border:1px solid rgba(255,255,255,.09);background:linear-gradient(180deg,rgba(20,23,31,.92),rgba(10,12,17,.92))} .mwDeepStrip102053 small,.mwFlowStats102053 small{display:block;font-size:9px;letter-spacing:.11em;opacity:.58}.mwDeepStrip102053 b,.mwFlowStats102053 b{display:block;font-size:23px;margin:4px 0}.mwDeepStrip102053 span{display:block;font-size:10px;line-height:1.35;opacity:.68;white-space:nowrap;overflow:hidden;text-overflow:ellipsis} .mwFlowList102053{display:grid;gap:9px;max-height:60vh;overflow:auto;padding-right:3px}.mwFlowList102053>article{display:grid;grid-template-columns:minmax(150px,.7fr) 24px minmax(220px,1.1fr) 24px minmax(260px,1.35fr);align-items:center;gap:8px;padding:13px 14px;border:1px solid rgba(255,255,255,.09);border-radius:14px;background:rgba(11,14,20,.85)} .mwFlowList102053 small{display:block;font-size:9px;letter-spacing:.1em;opacity:.56}.mwFlowList102053 b{display:block;font-size:13px;line-height:1.35;margin:3px 0}.mwFlowList102053 span{display:block;font-size:10px;opacity:.65}.mwFlowArrow102053{text-align:center;font-size:18px;color:#eec65d}.mwFlowMarkets102053 b{color:#f0d48b} .mwBroadcastOffers102053{border:1px solid rgba(244,191,71,.28);border-radius:15px;padding:13px;margin:0 0 12px;background:rgba(244,191,71,.055)}.mwBroadcastOffers102053>header small,.mwBroadcastGrid102053 header small{font-size:9px;letter-spacing:.12em;opacity:.6}.mwBroadcastOffers102053>header h3,.mwBroadcastGrid102053 header h3{font-size:15px;margin:3px 0 8px}.mwBroadcastOffers102053>article{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;padding:10px 0;border-top:1px solid rgba(255,255,255,.07);align-items:center}.mwBroadcastOffers102053>article:first-of-type{border-top:0}.mwBroadcastOffers102053 h4{font-size:14px;margin:3px 0}.mwBroadcastOffers102053 p{font-size:11px;margin:0;opacity:.72}.mwBroadcastOffers102053 span{font-size:10px;opacity:.55}.mwBroadcastOffers102053 article>div:last-child{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end}.mwBroadcastOffers102053 button{font-size:9px!important;padding:7px 9px!important;width:auto!important} .mwBroadcastGrid102053{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(310px,.75fr);gap:12px;min-height:0}.mwBroadcastGrid102053>article{min-width:0;max-height:61vh;overflow:auto;padding:14px;border:1px solid rgba(255,255,255,.09);border-radius:15px;background:rgba(10,13,19,.83)} .mwRotation102053{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:12px;align-items:center;padding:11px 2px;border-top:1px solid rgba(255,255,255,.07)}.mwRotation102053:first-of-type{border-top:0}.mwRotation102053 small{font-size:9px;letter-spacing:.08em;opacity:.55}.mwRotation102053 b{display:block;font-size:13px;margin:2px 0}.mwRotation102053 span{display:block;font-size:10px;opacity:.66}.mwRotation102053 i{font-style:normal;font-size:9px;font-weight:900;color:#f4c65d;border:1px solid rgba(244,198,93,.3);padding:5px 7px;border-radius:99px}.mwRotation102053 em{font-style:normal;font-size:9px;opacity:.55}.mwRotation102053.done{opacity:.52} .mwAppearance102053{display:grid;grid-template-columns:30px minmax(0,1fr);gap:9px;padding:10px 0;border-top:1px solid rgba(255,255,255,.07)}.mwAppearance102053:first-of-type{border-top:0}.mwAppearance102053>span{font-size:20px}.mwAppearance102053 small{font-size:9px;letter-spacing:.08em;opacity:.56}.mwAppearance102053 b{display:block;font-size:13px;margin:2px 0}.mwAppearance102053 p{font-size:10px;margin:0;opacity:.64} .mwJournalistFilters102053{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:11px}.mwJournalistFilters102053 button{width:auto!important;font-size:9px!important;padding:7px 9px!important;background:rgba(255,255,255,.04)!important;border:1px solid rgba(255,255,255,.08)!important}.mwJournalistFilters102053 button.active{border-color:rgba(244,191,71,.42)!important;color:#f4c65d!important} .mwJournalists102053{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;max-height:65vh;overflow:auto;padding-right:3px}.mwJournalists102053>article{position:relative;display:grid;grid-template-columns:46px minmax(0,1fr) minmax(210px,.8fr);gap:11px;align-items:center;padding:13px;border-radius:14px;border:1px solid rgba(255,255,255,.09);background:rgba(11,14,20,.85)}.mwJAvatar102053{display:grid;place-items:center;width:42px;height:42px;border-radius:50%;background:linear-gradient(135deg,rgba(244,191,71,.24),rgba(104,125,175,.15));font-size:12px;font-weight:900;border:1px solid rgba(244,191,71,.25)}.mwJMain102053 small{font-size:9px;letter-spacing:.07em;opacity:.58}.mwJMain102053 h3{font-size:14px;margin:2px 0}.mwJMain102053 p{font-size:10px;margin:0;opacity:.62}.mwJMain102053 em{display:block;font-size:9px;font-style:normal;margin-top:5px;color:#d8bd76;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mwJStats102053{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.mwJStats102053 span{padding:6px 7px;border-radius:8px;background:rgba(255,255,255,.035)}.mwJStats102053 small{display:block;font-size:8px;letter-spacing:.08em;opacity:.5}.mwJStats102053 b{display:block;font-size:11px;margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mwJournalists102053>article>i{position:absolute;right:10px;top:8px;font-size:8px;font-style:normal;font-weight:900;letter-spacing:.08em;color:#f2ce72} .mwArchive102053{display:grid;gap:7px;max-height:68vh;overflow:auto;padding-right:3px}.mwArchive102053>article{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;padding:12px 14px;border-radius:12px;border:1px solid rgba(255,255,255,.08);background:rgba(10,13,19,.82)}.mwArchive102053 small{font-size:9px;letter-spacing:.08em;opacity:.55}.mwArchive102053 h3{font-size:13px;line-height:1.3;margin:3px 0}.mwArchive102053 p{font-size:10px;margin:0;opacity:.65}.mwArchive102053>article>div:last-child{text-align:right;min-width:120px}.mwArchive102053>article>div:last-child b{display:block;font-size:12px;color:#9fe0b0}.mwArchive102053>article.negative>div:last-child b{color:#ff9d9d}.mwArchive102053>article>div:last-child span{display:block;font-size:8px;letter-spacing:.07em;opacity:.55;margin-top:5px}.mwEmptyDeep102053{padding:28px;text-align:center;border:1px dashed rgba(255,255,255,.13);border-radius:14px;background:rgba(11,14,20,.5)}.mwEmptyDeep102053 b{font-size:15px}.mwEmptyDeep102053 p{font-size:11px;opacity:.62;margin:6px auto 0;max-width:660px} @media(max-width:1200px){.mwDeepStrip102053,.mwFlowStats102053{grid-template-columns:repeat(2,minmax(0,1fr))}.mwBroadcastGrid102053{grid-template-columns:1fr}.mwBroadcastGrid102053>article{max-height:none}.mwJournalists102053{grid-template-columns:1fr}.mwFlowList102053>article{grid-template-columns:1fr}.mwFlowArrow102053{transform:rotate(90deg)}} @media(max-width:720px){.mwDeepStrip102053,.mwFlowStats102053{grid-template-columns:1fr 1fr}.mwBroadcastOffers102053>article{grid-template-columns:1fr}.mwBroadcastOffers102053 article>div:last-child{justify-content:flex-start}.mwJournalists102053>article{grid-template-columns:42px minmax(0,1fr)}.mwJStats102053{grid-column:1/-1}.mwTabs102053{overflow:auto;flex-wrap:nowrap}.mwTabs102053 button{flex:0 0 auto}} /* styles/88-media-world-advanced-10205-4.css */ /* LIFE LIKE A DJ — Media World Advanced v10205.4 */ .mwTabs102054{display:flex;gap:8px;overflow-x:auto;padding-bottom:4px}.mwTabs102054 button{white-space:nowrap}.mwTabs102054 button i{display:inline-grid;place-items:center;min-width:18px;height:18px;margin-left:4px;padding:0 5px;border-radius:999px;background:rgba(255,183,0,.16);font-style:normal;font-size:10px} .mwAdv102054{min-height:0}.mwAdvStats102054,.mwInterviewContext102054{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:12px 0}.mwAdvStats102054 article,.mwInterviewContext102054 article{padding:14px;border:1px solid rgba(255,255,255,.1);border-radius:14px;background:rgba(255,255,255,.035)}.mwAdvStats102054 small,.mwInterviewContext102054 small{display:block;font-size:10px;letter-spacing:.1em;color:#91a1ad}.mwAdvStats102054 b,.mwInterviewContext102054 b{display:block;margin-top:6px;font-size:24px}.mwAdvStats102054 span{font-size:11px;color:#9dacb7} .mwNewsGrid102054,.mwPrGrid102054{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(320px,.7fr);gap:12px;min-height:0}.mwNewsGrid102054>article,.mwPrGrid102054>article,.mwPrStrategy102054,.mwCrisisList102054,.mwPartners102054>article{border:1px solid rgba(255,255,255,.1);border-radius:16px;background:rgba(7,11,13,.76);box-shadow:0 14px 34px rgba(0,0,0,.18)}.mwNewsGrid102054>article,.mwPrGrid102054>article{padding:14px;overflow:auto;max-height:55vh}.mwNewsGrid102054 header,.mwPrGrid102054 header,.mwCrisisList102054 header,.mwPrStrategy102054 header{margin-bottom:10px}.mwNewsGrid102054 header small,.mwPrGrid102054 header small,.mwCrisisList102054 header small,.mwPrStrategy102054 header small{color:#b7c1c8;font-size:10px;letter-spacing:.11em}.mwNewsGrid102054 h3,.mwPrGrid102054 h3,.mwCrisisList102054 h3,.mwPrStrategy102054 h3{margin:2px 0 0;font-size:16px} .mwWorldStory102054{display:grid;grid-template-columns:34px minmax(0,1fr);gap:10px;padding:10px 2px;border-bottom:1px solid rgba(255,255,255,.07)}.mwWorldStory102054>span{font-size:20px}.mwWorldStory102054 small,.mwPlayerStory102054 small{display:block;color:#8fa0ac;font-size:10px}.mwWorldStory102054 b,.mwPlayerStory102054 b{display:block;margin:3px 0;font-size:13px;line-height:1.35}.mwWorldStory102054 em{font-size:10px;color:#788894;font-style:normal}.mwPlayerStory102054{padding:10px;border-bottom:1px solid rgba(255,255,255,.07)}.mwPlayerStory102054>span{font-size:10px;color:#91a1ad}.mwPlayerStory102054.negative b{color:#ffb2a9}.mwLeakMini102054{margin-top:12px;padding:10px;border-radius:12px;background:rgba(255,110,65,.07);border:1px solid rgba(255,126,88,.18)}.mwLeakMini102054 p{margin:6px 0;font-size:11px;color:#d7c1b9} .mwInterviewHero102054{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:12px;margin:14px 0}.mwInterviewHero102054>div,.mwInterviewHero102054>aside{padding:18px;border-radius:16px;border:1px solid rgba(255,255,255,.11);background:rgba(8,12,14,.82)}.mwInterviewHero102054 h3{margin:8px 0 14px;font-size:22px;line-height:1.35}.mwInterviewHero102054 i{display:block;height:5px;border-radius:999px;background:rgba(255,255,255,.08);overflow:hidden}.mwInterviewHero102054 i u{display:block;height:100%;background:#e8b74f}.mwInterviewHero102054 aside small,.mwInterviewHero102054>div small{font-size:10px;color:#9dacb7;letter-spacing:.1em}.mwInterviewHero102054 aside b{display:block;margin:8px 0;font-size:24px}.mwInterviewHero102054 aside span{font-size:11px;color:#95a5af}.mwInterviewChoices102054{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.mwInterviewChoices102054 button{padding:15px;text-align:left;border-radius:14px;border:1px solid rgba(255,255,255,.11);background:rgba(255,255,255,.04);color:inherit}.mwInterviewChoices102054 button:hover{border-color:rgba(232,183,79,.55);transform:translateY(-1px)}.mwInterviewChoices102054 button small{display:block;font-size:9px;letter-spacing:.11em;color:#d7aa4e}.mwInterviewChoices102054 button b{display:block;margin-top:6px;font-size:13px;line-height:1.35} .mwPrStrategy102054{padding:14px;margin:12px 0}.mwPrStrategy102054>div{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.mwPrStrategy102054 button{padding:11px;text-align:left;border-radius:12px;border:1px solid rgba(255,255,255,.09);background:rgba(255,255,255,.03);color:inherit}.mwPrStrategy102054 button.active{border-color:rgba(232,183,79,.6);background:rgba(232,183,79,.08)}.mwPrStrategy102054 button b{display:block;font-size:11px}.mwPrStrategy102054 button small{display:block;margin-top:4px;font-size:10px;color:#91a1ad;line-height:1.35} .mwCrisisList102054{padding:14px;margin:12px 0;border-color:rgba(255,95,75,.23)}.mwCrisisList102054 article{display:grid;grid-template-columns:minmax(0,1fr) 260px;gap:14px;padding:12px;border-top:1px solid rgba(255,255,255,.07)}.mwCrisisList102054 article:first-of-type{border-top:0}.mwCrisisList102054 h4{margin:4px 0 6px;font-size:16px}.mwCrisisList102054 p{margin:0 0 8px;color:#a9b4bb;font-size:11px}.mwCrisisList102054 i{display:block;height:5px;border-radius:999px;background:rgba(255,255,255,.08);overflow:hidden}.mwCrisisList102054 i u{display:block;height:100%;background:#ff6f5d}.mwCrisisList102054 article>div:last-child{display:flex;flex-wrap:wrap;gap:6px;align-content:flex-start}.mwCrisisList102054 button,.mwCampaign102054 button,.mwExclusive102054 button{padding:7px 9px;font-size:10px;border-radius:9px} .mwCampaign102054,.mwExclusive102054{display:flex;justify-content:space-between;gap:10px;padding:11px 0;border-bottom:1px solid rgba(255,255,255,.07)}.mwCampaign102054.leaked{background:linear-gradient(90deg,rgba(255,84,70,.06),transparent)}.mwCampaign102054 small,.mwExclusive102054 small{display:block;font-size:9px;color:#93a2ac}.mwCampaign102054 b,.mwExclusive102054 b{display:block;margin:3px 0;font-size:13px}.mwCampaign102054 span,.mwExclusive102054 p{font-size:10px;color:#98a8b2}.mwCampaign102054>div:last-child,.mwExclusive102054>div:last-child{display:flex;gap:5px;align-items:center;flex-wrap:wrap} .mwPartners102054{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:14px}.mwPartners102054>article{position:relative;padding:22px;overflow:hidden}.mwPartners102054>article:after{content:"";position:absolute;inset:auto -30px -50px auto;width:150px;height:150px;border-radius:50%;background:rgba(232,183,79,.08);filter:blur(5px)}.mwPartnerBadge102054{display:inline-block;margin-bottom:14px;padding:5px 8px;border:1px solid rgba(232,183,79,.45);border-radius:999px;color:#e8b74f;font-size:9px;letter-spacing:.12em}.mwPartners102054 small{color:#91a1ad;font-size:10px;text-transform:uppercase}.mwPartners102054 h3{margin:6px 0 8px;font-size:25px}.mwPartners102054 p{max-width:600px;color:#afbbc2;line-height:1.5}.mwPartnerCaps102054{display:flex;gap:6px;flex-wrap:wrap;margin:16px 0}.mwPartnerCaps102054 span{padding:5px 7px;border-radius:8px;background:rgba(255,255,255,.05);font-size:9px}.mwPartners102054 footer{display:flex;justify-content:space-between;gap:12px;padding-top:12px;border-top:1px solid rgba(255,255,255,.08);font-size:10px}.mwPartners102054 footer b{color:#8fe2b2}.mwPartners102054 footer span{color:#8797a1} @media(max-width:1100px){.mwAdvStats102054,.mwInterviewContext102054{grid-template-columns:repeat(2,minmax(0,1fr))}.mwNewsGrid102054,.mwPrGrid102054,.mwInterviewHero102054{grid-template-columns:1fr}.mwPrStrategy102054>div{grid-template-columns:repeat(2,minmax(0,1fr))}.mwCrisisList102054 article{grid-template-columns:1fr}.mwPartners102054{grid-template-columns:1fr}} @media(max-width:700px){.mwInterviewChoices102054,.mwPrStrategy102054>div{grid-template-columns:1fr}.mwAdvStats102054,.mwInterviewContext102054{grid-template-columns:1fr 1fr}.mwNewsGrid102054>article,.mwPrGrid102054>article{max-height:none}} /* styles/89-media-world-full-integration-10205-5.css */ /* LIFE LIKE A DJ — MEDIA WORLD v10205.5 visual command center */ .mwFull102055{--mw-border:rgba(255,255,255,.11);--mw-soft:rgba(255,255,255,.055);--mw-hot:rgba(255,202,45,.2);--mw-danger:rgba(255,92,92,.18);min-height:100%;} .mwTabs102055{display:flex;gap:7px;align-items:center;overflow-x:auto;scrollbar-width:thin;padding-bottom:4px} .mwTabs102055 button{white-space:nowrap;min-height:36px;font-size:11px;letter-spacing:.06em} .mwTabs102055 button i{display:inline-grid;place-items:center;min-width:18px;height:18px;border-radius:9px;background:#e14b4b;color:#fff;font-style:normal;margin-left:3px} .mwTicker102055{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px;margin:10px 0 14px;padding:8px;border:1px solid var(--mw-border);background:linear-gradient(180deg,rgba(255,255,255,.055),rgba(255,255,255,.018));border-radius:12px;box-shadow:inset 0 1px 0 rgba(255,255,255,.04)} .mwTicker102055 span{min-width:0;padding:7px 9px;border-right:1px solid var(--mw-border)} .mwTicker102055 span:last-child{border-right:0} .mwTicker102055 small{display:block;font-size:9px;letter-spacing:.1em;opacity:.56;margin-bottom:3px} .mwTicker102055 b{display:block;font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap} .mwMapLegend102055{display:flex;align-items:center;gap:10px;font-size:10px;opacity:.72;margin:4px 0 10px} .mwMapLegend102055 i{width:180px;height:8px;border-radius:8px;background:linear-gradient(90deg,rgba(255,255,255,.08),rgba(255,202,45,.82))} .mwMapGrid102055{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:9px;max-height:calc(100vh - 275px);overflow:auto;padding-right:4px} .mwMapGrid102055 button{position:relative;text-align:left;min-height:118px;border:1px solid var(--mw-border);border-radius:13px;padding:13px;background:linear-gradient(135deg,rgba(255,255,255,calc(.025 + var(--mw-rec)*.08)),rgba(255,195,31,calc(var(--mw-rec)*.10)));color:inherit;overflow:hidden} .mwMapGrid102055 button:after{content:"";position:absolute;left:0;bottom:0;height:3px;width:calc(var(--mw-rec)*100%);background:#f2bd2c;opacity:.9} .mwMapGrid102055 button.active{border-color:rgba(242,189,44,.38)} .mwMapGrid102055 button small{display:block;font-size:10px;letter-spacing:.07em;opacity:.66}.mwMapGrid102055 button b{display:block;font-size:31px;line-height:1;margin:8px 0 5px}.mwMapGrid102055 button span{display:block;font-size:11px;font-weight:800}.mwMapGrid102055 button em,.mwMapGrid102055 button i{display:block;font-style:normal;font-size:10px;opacity:.65;margin-top:5px} .mwImpactHero102055{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;margin-bottom:10px}.mwImpactHero102055 article{padding:13px;border:1px solid var(--mw-border);border-radius:13px;background:var(--mw-soft)}.mwImpactHero102055 small{display:block;font-size:9px;letter-spacing:.08em;opacity:.6}.mwImpactHero102055 b{display:block;font-size:28px;margin:4px 0}.mwImpactHero102055 span{font-size:10px;opacity:.65} .mwImpactColumns102055{display:grid;grid-template-columns:1fr 1fr;gap:10px;min-height:0}.mwImpactColumns102055>article{border:1px solid var(--mw-border);border-radius:13px;background:rgba(255,255,255,.025);padding:14px;max-height:calc(100vh - 390px);overflow:auto}.mwImpactColumns102055 header{margin-bottom:10px}.mwImpactColumns102055 header small{font-size:9px;letter-spacing:.09em;opacity:.55}.mwImpactColumns102055 header h3{margin:3px 0 0;font-size:16px} .mwImpactRow102055{display:grid;grid-template-columns:1fr auto;gap:5px 10px;padding:9px 0;border-bottom:1px solid rgba(255,255,255,.06)}.mwImpactRow102055 span{font-weight:900}.mwImpactRow102055 i{grid-column:1/-1;height:5px;background:rgba(255,255,255,.07);border-radius:8px;overflow:hidden}.mwImpactRow102055 i u{display:block;height:100%;background:#d9aa31}.mwImpactRow102055.negative span{color:#ff8e8e}.mwImpactRow102055.negative i u{background:#d85f5f} .mwEffect102055{display:grid;grid-template-columns:26px 1fr auto;gap:8px;align-items:center;padding:8px 0;border-bottom:1px solid rgba(255,255,255,.06)}.mwEffect102055>span{font-size:18px}.mwEffect102055 b{display:block;font-size:11px}.mwEffect102055 small{display:block;font-size:9px;opacity:.58;margin-top:2px}.mwEffect102055 em{font-style:normal;font-weight:800} .mwBookingPull102055{margin:8px 0;padding:9px 11px;border:1px solid rgba(237,188,48,.28);background:rgba(237,188,48,.07);border-radius:10px}.mwBookingPull102055 small{display:block;font-size:9px;letter-spacing:.08em;opacity:.6}.mwBookingPull102055 b{display:block;font-size:12px;margin:2px 0}.mwBookingPull102055 span{display:block;font-size:10px;opacity:.7}.mwBookingPull102055.risk{border-color:rgba(255,95,95,.26);background:rgba(255,95,95,.07)} .mwControlGrid102055{display:grid;grid-template-columns:1fr 1fr;gap:10px;max-height:calc(100vh - 285px);overflow:auto;padding-right:3px}.mwControlGrid102055>article{border:1px solid var(--mw-border);border-radius:13px;background:rgba(255,255,255,.025);padding:14px;min-height:220px}.mwControlGrid102055 header small{font-size:9px;letter-spacing:.09em;opacity:.55}.mwControlGrid102055 header h3{font-size:16px;margin:3px 0 10px} .mwCalendar102055{display:grid;grid-template-columns:44px 1fr;gap:9px;align-items:center;padding:8px 0;border-bottom:1px solid rgba(255,255,255,.06)}.mwCalendar102055>b{display:grid;place-items:center;height:34px;border-radius:9px;background:rgba(255,202,45,.11);font-size:11px}.mwCalendar102055 small,.mwCalendar102055 strong,.mwCalendar102055 span{display:block}.mwCalendar102055 small{font-size:9px;opacity:.52}.mwCalendar102055 strong{font-size:11px;margin:1px 0}.mwCalendar102055 span{font-size:9px;opacity:.64} .mwCountryFocus102055{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:10px}.mwCountryFocus102055 button{font-size:10px;padding:7px 9px}.mwCountryFocus102055 button.active{outline:1px solid rgba(245,195,49,.55);background:rgba(245,195,49,.12)} .mwNarrativeControl102055{display:grid;grid-template-columns:1fr auto;gap:5px 10px;padding:8px 0;border-bottom:1px solid rgba(255,255,255,.06)}.mwNarrativeControl102055 b,.mwNarrativeControl102055 small{display:block}.mwNarrativeControl102055 b{font-size:11px}.mwNarrativeControl102055 small{font-size:9px;opacity:.55;margin-top:2px}.mwNarrativeControl102055 i{grid-column:1/-1;height:5px;background:rgba(255,255,255,.06);border-radius:6px;overflow:hidden}.mwNarrativeControl102055 i u{display:block;height:100%;background:#d4aa34} .mwPressure102055{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin:12px 0}.mwPressure102055 span{padding:10px;border:1px solid var(--mw-border);border-radius:10px;font-size:10px}.mwPressure102055 b{font-size:16px;float:right} .mwPrestigeOffers102055{border:1px solid rgba(240,191,47,.28);background:rgba(240,191,47,.055);border-radius:13px;padding:14px;margin-bottom:10px}.mwPrestigeOffers102055>header small{font-size:9px;letter-spacing:.1em;opacity:.58}.mwPrestigeOffers102055>header h3{margin:3px 0 10px}.mwPrestigeOffers102055>article{display:grid;grid-template-columns:1fr auto;gap:12px;align-items:center;padding:10px 0;border-top:1px solid rgba(255,255,255,.06)}.mwPrestigeOffers102055>article:first-of-type{border-top:0}.mwPrestigeOffers102055 small,.mwPrestigeOffers102055 p{font-size:10px;opacity:.66}.mwPrestigeOffers102055 h3{font-size:15px;margin:3px 0}.mwPrestigeOffers102055 article>div:last-child{display:flex;gap:6px} .mwPrestigeGrid102055{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.mwPrestigeGrid102055>article{border:1px solid var(--mw-border);border-radius:13px;background:rgba(255,255,255,.025);padding:14px;max-height:calc(100vh - 430px);overflow:auto}.mwPrestigeGrid102055 header small{font-size:9px;letter-spacing:.09em;opacity:.55}.mwPrestigeGrid102055 header h3{font-size:15px;margin:3px 0 10px}.mwPrestigeRow102055{display:flex;justify-content:space-between;gap:10px;padding:8px 0;border-bottom:1px solid rgba(255,255,255,.06)}.mwPrestigeRow102055 b{font-size:11px}.mwPrestigeRow102055 span{font-size:9px;opacity:.58;text-align:right} @media (max-width:1280px){.mwTicker102055{grid-template-columns:repeat(3,1fr)}.mwTicker102055 span:nth-child(3){border-right:0}.mwMapGrid102055{grid-template-columns:repeat(4,1fr)}.mwImpactColumns102055,.mwControlGrid102055{grid-template-columns:1fr}.mwPrestigeGrid102055{grid-template-columns:1fr 1fr}} @media (max-width:900px){.mwTicker102055{grid-template-columns:1fr 1fr}.mwTicker102055 span{border-right:0}.mwMapGrid102055{grid-template-columns:1fr 1fr;max-height:none}.mwImpactHero102055{grid-template-columns:1fr 1fr}.mwImpactColumns102055>article,.mwControlGrid102055{max-height:none}.mwPrestigeGrid102055{grid-template-columns:1fr}} /* styles/98-media-editorial-popups-10206-12.css */ /* LIFE LIKE A DJ — MEDIA 2.0 Editorial Popups v10206.12 */ .mwEditorialHost1020612{position:fixed;inset:0;z-index:2147482100;display:none;pointer-events:none;font-family:Inter,system-ui,-apple-system,sans-serif}.mwEditorialHost1020612.open{display:block;pointer-events:auto}.mwEdBackdrop1020612{position:absolute;inset:0;display:grid;place-items:center;padding:12px;background:rgba(3,7,12,.78);backdrop-filter:blur(5px) saturate(.78);-webkit-backdrop-filter:blur(5px) saturate(.78)} .mwEditorial1020612{--accent:#d54a76;--accent2:#5aa8c9;--paper:#0b121a;position:relative;width:min(1230px,calc(100vw - 26px));height:min(790px,calc(100vh - 24px));overflow:hidden;display:grid;grid-template-rows:74px minmax(245px,1.08fr) auto auto auto 62px;background:linear-gradient(180deg,#0b121a 0%,#091018 100%);border:1px solid #344456;border-radius:12px;box-shadow:0 30px 90px rgba(0,0,0,.62),0 0 0 1px rgba(255,255,255,.02);color:#eef3f7}.mwEditorial1020612.mwEd-radio{--accent:#bd4972;--accent2:#6aa6b8}.mwEditorial1020612.mwEd-tv{--accent:#a64971;--accent2:#6c92b4}.mwEditorial1020612.mwEd-blog{--accent:#b84468;--accent2:#77909d}.mwEditorial1020612.mwEd-magazine{--accent:#c54b66;--accent2:#7f9aae}.mwEditorial1020612.mwEd-newspaper{--accent:#ad3e58;--accent2:#6f8792}.mwEditorial1020612.negative{--accent:#b5535a;--accent2:#778895} .mwEdHeader1020612{display:grid;grid-template-columns:minmax(0,1fr) auto 42px;align-items:center;gap:16px;padding:10px 14px 10px 18px;border-bottom:1px solid #263544;background:#091019}.mwEdBrand1020612{min-width:0;display:flex;align-items:center;gap:13px}.mwEdBrand1020612>img{width:118px;height:48px;object-fit:contain;object-position:left center;background:#fff;border-radius:5px;padding:3px}.mwEdBrand1020612.authorized>div{border-left:1px solid #344452;padding-left:13px}.mwEdBrandGlyph1020612{display:grid;place-items:center;width:48px;height:48px;border-radius:50%;border:1px solid #455668;background:#111a24;color:#fff;font-size:14px;font-weight:900;letter-spacing:.04em}.mwEdBrand1020612 b{display:block;max-width:420px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font:800 clamp(18px,2vw,28px)/1.05 Sora,Inter,sans-serif;color:#fff}.mwEdBrand1020612 small{display:block;margin-top:5px;color:#8192a2;font-size:10px;font-weight:800;letter-spacing:.16em}.mwEdHeaderMeta1020612{display:flex;align-items:center;gap:10px;color:#8293a4;font-size:10px;font-weight:800;letter-spacing:.11em}.mwEdHeaderMeta1020612 span{padding:6px 9px;border:1px solid color-mix(in srgb,var(--accent) 55%,#354455);border-radius:5px;color:#e7edf2}.mwEdHeaderMeta1020612 em{font-style:normal;max-width:220px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mwEdHeaderMeta1020612 small{color:#657788}.mwEdClose1020612{width:38px;height:38px;border:1px solid #354657;border-radius:6px;background:#111a24;color:#e6edf3;font-size:25px;line-height:1;cursor:pointer}.mwEdClose1020612:hover{background:#192431} .mwEdHero1020612{position:relative;min-height:0;overflow:hidden;background:#101821}.mwEdHero1020612>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 44%;filter:saturate(.78) contrast(1.03) brightness(.82)}.mwEdHeroShade1020612{position:absolute;inset:0;background:linear-gradient(90deg,rgba(6,11,17,.97) 0%,rgba(6,11,17,.88) 34%,rgba(6,11,17,.25) 69%,rgba(6,11,17,.16) 100%),linear-gradient(0deg,rgba(6,11,17,.72),transparent 45%)}.mwEdHeroCopy1020612{position:absolute;left:30px;bottom:24px;width:min(62%,760px);text-shadow:0 2px 16px rgba(0,0,0,.65)}.mwEdBadges1020612{display:flex;gap:7px;margin-bottom:11px;flex-wrap:wrap}.mwEdBadges1020612 span{padding:5px 8px;border-radius:4px;border:1px solid #556575;background:rgba(7,12,18,.78);font-size:9px;font-weight:900;letter-spacing:.1em;text-transform:uppercase}.mwEdBadges1020612 span:first-child{border-color:var(--accent);color:#fff}.mwEdBadges1020612 .auth{border-color:#816b38;color:#d7c28c}.mwEdHeroCopy1020612 h2{margin:0;max-width:880px;font:900 clamp(30px,3.8vw,59px)/.94 Sora,Inter,sans-serif;letter-spacing:-.052em;text-transform:uppercase;color:#f5f7f9}.mwEdHeroCopy1020612 h2::first-line{color:#fff}.mwEdHeroCopy1020612 p{margin:14px 0 0;max-width:720px;font-size:clamp(13px,1.25vw,18px);font-weight:500;line-height:1.35;color:#c8d2db}.mwEdHeroCopy1020612::after{content:"";display:block;width:52px;height:3px;margin-top:15px;background:var(--accent);border-radius:2px} .mwEdBody1020612{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(250px,.75fr);gap:22px;padding:15px 28px 13px;border-top:1px solid #233240;border-bottom:1px solid #233240;background:#0a1119}.mwEdArticle1020612>p{margin:0;color:#c6d0d8;font-size:12.8px;line-height:1.55}.mwEdByline1020612{display:flex;gap:9px;align-items:baseline;margin-top:9px}.mwEdByline1020612 span{font-size:11px;font-weight:800;color:#f1f4f6}.mwEdByline1020612 small{font-size:9px;color:#718391;letter-spacing:.05em}.mwEdBody1020612 blockquote{margin:0;padding-left:18px;border-left:1px solid #475667;position:relative}.mwEdBody1020612 blockquote>b{position:absolute;left:17px;top:-9px;color:var(--accent);font-size:35px;line-height:1}.mwEdBody1020612 blockquote p{margin:2px 0 8px 34px;color:#d2d9df;font-size:12px;font-style:italic;line-height:1.5}.mwEdBody1020612 blockquote cite{display:block;margin-left:34px;color:#7f8f9d;font-size:9px;font-style:normal;letter-spacing:.12em;text-transform:uppercase} .mwEdImpact1020612{padding:10px 28px 11px;background:#081018}.mwEdImpact1020612>small,.mwEdRelated1020612>small,.mwEdTags1020612>small{display:block;margin-bottom:7px;color:#697b8b;font-size:9px;font-weight:800;letter-spacing:.18em}.mwEdImpact1020612>div{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.mwEdImpact1020612 article{min-width:0;display:grid;grid-template-columns:28px auto 1fr;align-items:center;gap:7px;padding:9px 11px;border:1px solid #314152;border-radius:7px;background:#0d1620}.mwEdImpact1020612 article>span{font-size:21px;color:var(--accent2)}.mwEdImpact1020612 article>b{font-size:18px;color:#f2f5f7}.mwEdImpact1020612 article>em{justify-self:end;font-size:8.5px;font-style:normal;font-weight:800;letter-spacing:.09em;color:#8294a3;text-align:right}.mwEdImpact1020612 article.positive>span{color:#69aab5}.mwEdImpact1020612 article.negative>span,.mwEdImpact1020612 article.negative>b{color:#c97578} .mwEdLower1020612{display:grid;grid-template-columns:1.55fr .85fr;gap:22px;padding:8px 28px 10px;background:#081018}.mwEdRelated1020612>div{display:flex;gap:14px;align-items:center;overflow:hidden}.mwEdRelated1020612 span{display:grid;grid-template-columns:22px auto;grid-template-areas:"i b" "i e";column-gap:7px;min-width:0;padding-right:12px;border-right:1px solid #273645}.mwEdRelated1020612 span:last-child{border-right:0}.mwEdRelated1020612 i{grid-area:i;align-self:center;color:var(--accent2);font-style:normal;font-size:18px}.mwEdRelated1020612 b{grid-area:b;max-width:155px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#dce3e8;font-size:10px}.mwEdRelated1020612 em{grid-area:e;color:#687a88;font-size:8px;font-style:normal;text-transform:uppercase;white-space:nowrap}.mwEdTags1020612>div{display:flex;flex-wrap:wrap;gap:5px}.mwEdTags1020612 span{padding:4px 7px;border:1px solid #344454;border-radius:12px;color:#8796a3;background:#101821;font-size:7.8px;font-weight:700} .mwEdFooter1020612{display:grid;grid-template-columns:1fr 1fr .8fr;gap:10px;align-items:center;padding:9px 28px 11px;border-top:1px solid #253442;background:#0b121a}.mwEdFooter1020612 button{height:40px;border:1px solid #425365;border-radius:6px;background:#101923;color:#dfe6eb;font-weight:800;font-size:10px;letter-spacing:.03em;cursor:pointer}.mwEdFooter1020612 button:hover{background:#172330}.mwEdFooter1020612 button.primary{border-color:color-mix(in srgb,var(--accent) 75%,#4a5260);background:var(--accent);color:#fff}.mwEdFooter1020612 button.primary:hover{filter:brightness(1.08)} .mwEditorial1020612.mwEd-newspaper{background:#17191b}.mwEditorial1020612.mwEd-newspaper .mwEdHero1020612,.mwEditorial1020612.mwEd-newspaper .mwEdBody1020612{background:#e8e1d5;color:#111}.mwEditorial1020612.mwEd-newspaper .mwEdHeroShade1020612{background:linear-gradient(90deg,rgba(233,226,214,.98) 0%,rgba(233,226,214,.9) 34%,rgba(233,226,214,.18) 68%,rgba(20,20,20,.15) 100%)}.mwEditorial1020612.mwEd-newspaper .mwEdHeroCopy1020612{text-shadow:none}.mwEditorial1020612.mwEd-newspaper .mwEdHeroCopy1020612 h2{color:#111}.mwEditorial1020612.mwEd-newspaper .mwEdHeroCopy1020612 p{color:#3a3a3a}.mwEditorial1020612.mwEd-newspaper .mwEdBadges1020612 span{background:#e9e2d7;color:#242424;border-color:#8b8175}.mwEditorial1020612.mwEd-newspaper .mwEdArticle1020612>p,.mwEditorial1020612.mwEd-newspaper .mwEdBody1020612 blockquote p{color:#2a2927}.mwEditorial1020612.mwEd-newspaper .mwEdByline1020612 span{color:#111}.mwEditorial1020612.mwEd-newspaper .mwEdByline1020612 small,.mwEditorial1020612.mwEd-newspaper .mwEdBody1020612 blockquote cite{color:#5c5954}.mwEditorial1020612.mwEd-newspaper .mwEdBody1020612 blockquote{border-left-color:#9c9489} .mwStory102052,.mwPlayerStory102054,.mwArchive102053 article{cursor:pointer}.mwStory102052:hover,.mwPlayerStory102054:hover,.mwArchive102053 article:hover{outline:1px solid rgba(117,150,170,.35);outline-offset:2px} html.mwEditorialOpen1020612 body{overflow:hidden} @media(max-height:760px){.mwEditorial1020612{height:calc(100vh - 14px);grid-template-rows:62px minmax(205px,1fr) auto auto auto 54px}.mwEdHeader1020612{padding-block:7px}.mwEdHeroCopy1020612{bottom:16px}.mwEdBody1020612{padding-block:9px}.mwEdImpact1020612{padding-block:6px}.mwEdLower1020612{padding-block:5px}.mwEdFooter1020612{padding-block:6px}.mwEdFooter1020612 button{height:36px}} @media(max-width:950px){.mwEditorial1020612{width:calc(100vw - 14px);height:calc(100vh - 14px);grid-template-rows:60px minmax(210px,1fr) auto auto 58px}.mwEdHeaderMeta1020612 em,.mwEdHeaderMeta1020612 small{display:none}.mwEdHeroCopy1020612{left:18px;width:75%}.mwEdBody1020612{grid-template-columns:1fr;padding-inline:18px}.mwEdBody1020612 blockquote{display:none}.mwEdImpact1020612{padding-inline:18px}.mwEdImpact1020612>div{grid-template-columns:repeat(2,1fr)}.mwEdLower1020612{display:none}.mwEdFooter1020612{padding-inline:18px}.mwEdBrand1020612>img{width:92px}.mwEdBrand1020612.authorized>div{display:none}} /* styles/90-show-3-10206.css */ /* LIFE LIKE A DJ — SHOW 3.0 integration / v10206.2 Visual stage only. Existing waveform gameplay remains authoritative. */ html.show30Live10206 .immersiveBar10183, html.show30Live10206 .topbar, html.show30Live10206 .appTopBar, html.show30Live10206 .sidebar,html.show30Live10206 .sideNav,html.show30Live10206 .rightnav,html.show30Live10206 .rightNav,html.show30Live10206 .floatingNav,html.show30Live10206 .dock,html.show30Live10206 .sideMenu,html.show30Live10206 .rightMenu{display:none!important} html.show30Live10206,html.show30Live10206 body{background:#03040a} .show2_211.show30_10206{min-height:100dvh!important;background:#03040a!important;overflow-x:hidden!important} .show2_211.show30_10206 .show2Stage211.show30Stage211{ position:relative!important;height:auto!important;min-height:0!important;overflow:visible!important; padding:10px 14px 12px!important;background:#03040a!important;isolation:auto!important } .show30StageBox10206{ position:relative;width:min(100%,calc(50dvh * 16 / 9),1180px);aspect-ratio:16/9;margin:0 auto; overflow:hidden;border-radius:16px;background:#05030a;border:1px solid rgba(255,255,255,.12); box-shadow:0 20px 60px rgba(0,0,0,.48),0 0 0 1px rgba(115,89,255,.08) inset } .lladShow30Stage10206{position:absolute;inset:0;z-index:0;background:#05030a;overflow:hidden} .lladShow30Stage10206 canvas{display:block!important;width:100%!important;height:100%!important;max-width:none!important;max-height:none!important} .show30StageBox10206:after{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(180deg,rgba(2,3,8,.35),transparent 22%,transparent 66%,rgba(2,3,8,.58)),linear-gradient(90deg,rgba(2,3,8,.18),transparent 26%,transparent 74%,rgba(2,3,8,.18))} .show30StageBox10206 .show30Top10206{position:absolute!important;z-index:5!important;left:0!important;right:0!important;top:0!important;padding:12px 14px!important;grid-template-columns:1fr auto auto!important;gap:10px!important;background:linear-gradient(180deg,rgba(3,4,9,.86),rgba(3,4,9,.18),transparent)!important} .show30StageBox10206 .show30Top10206>div:first-child b{font-size:15px!important;color:#fff!important} .show30StageBox10206 .show30Top10206>div:first-child span{font-size:9px!important;color:#c1c7d5!important} .show30StageBox10206 .show2Clock211{padding:6px 10px!important;border-radius:10px!important;background:rgba(4,5,10,.67)!important} .show30StageBox10206 .show2Clock211 b{font-size:23px!important} .show30StageBox10206 .show2Clock211 span{font-size:8px!important} .show30TopActions10206{display:flex!important;gap:6px!important;align-items:flex-start!important} .show30TopActions10206 button{font-size:8px!important;padding:7px 9px!important;min-height:30px!important;background:rgba(4,5,10,.7)!important} .show30Badge10206{position:absolute;z-index:5;right:14px;top:82px;display:flex;gap:7px;align-items:center;padding:5px 8px;border:1px solid rgba(255,255,255,.13);border-radius:999px;background:rgba(4,5,10,.62);backdrop-filter:blur(9px);pointer-events:none} .show30Badge10206 b{font-size:8px;letter-spacing:.12em;color:#fff}.show30Badge10206 span{font-size:7px;letter-spacing:.08em;color:#aeb7ca} .show30StageBox10206 .show30Brief10206{position:absolute!important;z-index:4!important;left:12px!important;right:12px!important;top:auto!important;bottom:86px!important;display:grid!important;grid-template-columns:.8fr 1.5fr 1fr 1fr!important;gap:6px!important} .show30StageBox10206 .show30Brief10206>div{padding:6px 8px!important;border-radius:8px!important;background:rgba(4,5,10,.63)!important;border-color:rgba(255,255,255,.1)!important} .show30StageBox10206 .show30Brief10206 small{font-size:6px!important}.show30StageBox10206 .show30Brief10206 b{font-size:8px!important;margin:1px 0!important}.show30StageBox10206 .show30Brief10206 span{font-size:7px!important;line-height:1.15!important} .show30StageBox10206 .show30CrowdHUD10206{position:absolute!important;z-index:4!important;left:12px!important;right:auto!important;bottom:12px!important;width:min(57%,610px)!important;display:grid!important;grid-template-columns:repeat(3,72px) minmax(150px,1fr)!important;gap:5px!important} .show30StageBox10206 .show30CrowdHUD10206>div,.show30StageBox10206 .show30CrowdHUD10206 article{padding:5px 7px!important;border-radius:8px!important;background:rgba(4,5,10,.66)!important;min-width:0} .show30StageBox10206 .show30CrowdHUD10206 small{font-size:6px!important}.show30StageBox10206 .show30CrowdHUD10206>div b{font-size:11px!important;margin:0!important}.show30StageBox10206 .show30CrowdHUD10206 article b{font-size:9px!important;margin:0!important}.show30StageBox10206 .show30CrowdHUD10206 article span{font-size:6px!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis} .show30StageBox10206 .show30ReactionHUD10206{position:absolute!important;z-index:4!important;left:auto!important;right:12px!important;bottom:12px!important;transform:none!important;width:min(38%,410px)!important;text-align:right!important;padding:6px 8px;border-radius:8px;background:rgba(4,5,10,.64);border:1px solid rgba(255,255,255,.09);backdrop-filter:blur(8px)} .show30StageBox10206 .show30ReactionHUD10206 b{font-size:10px!important;letter-spacing:.02em!important;text-shadow:none!important}.show30StageBox10206 .show30ReactionHUD10206 span{font-size:7px!important;margin-top:2px!important}.show30StageBox10206 .show30ReactionHUD10206 .show2Feedback212{justify-content:flex-end!important;margin-top:3px!important}.show30StageBox10206 .show30ReactionHUD10206 .show2Feedback212 i{font-size:6px!important;padding:2px 5px!important} /* SHOW 3.0 owns all scenic FX; legacy scenic layers are never needed in this renderer. */ .show30_10206 .show2StageVideo211,.show30_10206 .lladPhaserShowStage,.show30_10206 .show2Shade211,.show30_10206 .venueStage390,.show30_10206 .clubScene214,.show30_10206 .show2Performer500,.show30_10206 .show2Atmos212,.show30_10206 .show2Lights211,.show30_10206 .show2Drop211,.show30_10206 .show2ReactionWave212,.show30_10206 .show2PhoneFlashes212,.show30_10206 .show2CrowdVisual212,.show30_10206 .show2BoothEdge212,.show30_10206 .show2Promoter212,.show30_10206 .show2NextDjVisual212{display:none!important} .show30_10206 .show2Console211{position:relative!important;z-index:2;padding-top:12px!important;border-top:1px solid rgba(255,255,255,.1)!important;background:linear-gradient(180deg,#080b12,#04060a)!important} .show30_10206 .show2Wave211{box-shadow:0 0 0 1px rgba(255,255,255,.08) inset,0 14px 36px rgba(0,0,0,.25)} .show30SummaryStats10206{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px;margin:12px 0 18px} .show30SummaryStats10206>div{padding:10px 9px;border-radius:11px;border:1px solid rgba(255,255,255,.1);background:rgba(12,16,23,.75);text-align:center;min-width:0} .show30SummaryStats10206 small,.show30SummaryStats10206 b{display:block}.show30SummaryStats10206 small{font-size:8px;color:#8f9aad;letter-spacing:.06em}.show30SummaryStats10206 b{font-size:18px;margin-top:4px;color:#f6f8ff} .show30Options10206{margin-top:12px!important;border-color:rgba(129,112,255,.24)!important;background:linear-gradient(145deg,rgba(40,28,86,.2),rgba(9,12,19,.72))!important} .show30Options10206 h3{margin-bottom:10px}.show30Toggle10206{display:flex!important;gap:10px;align-items:flex-start!important}.show30Toggle10206 input{width:18px;height:18px;margin-top:2px}.show30Toggle10206 span{display:flex;flex-direction:column;gap:2px}.show30Toggle10206 b{font-size:12px}.show30Toggle10206 small{font-size:10px;color:#98a3b5;line-height:1.35} @media(max-height:760px) and (min-width:900px){ .show30StageBox10206{width:min(100%,calc(43dvh * 16 / 9),980px)} .show30StageBox10206 .show30Brief10206{display:none!important} .show30StageBox10206 .show30CrowdHUD10206{width:min(62%,560px)!important} } @media(max-width:900px){ .show30StageBox10206{width:100%;max-width:100%;border-radius:12px} .show30StageBox10206 .show30Top10206{grid-template-columns:1fr auto!important}.show30TopActions10206{grid-column:1/-1;justify-content:flex-start!important} .show30Badge10206{top:104px} .show30StageBox10206 .show30Brief10206{display:none!important} .show30StageBox10206 .show30CrowdHUD10206{width:calc(100% - 24px)!important;grid-template-columns:repeat(3,1fr)!important}.show30StageBox10206 .show30CrowdHUD10206 article{grid-column:1/-1;display:none!important} .show30StageBox10206 .show30ReactionHUD10206{display:none!important} .show30SummaryStats10206{grid-template-columns:repeat(3,1fr)} } @media(max-width:600px){ .show2_211.show30_10206 .show2Stage211.show30Stage211{padding:4px!important} .show30StageBox10206{border-radius:8px} .show30StageBox10206 .show30Top10206{padding:8px!important}.show30StageBox10206 .show30Top10206>div:first-child span,.show30StageBox10206 .show2Clock211 span{display:none!important}.show30StageBox10206 .show2Clock211 b{font-size:18px!important} .show30Badge10206{display:none} .show30StageBox10206 .show30CrowdHUD10206{bottom:6px!important;left:6px!important;width:calc(100% - 12px)!important;gap:3px!important}.show30StageBox10206 .show30CrowdHUD10206>div{padding:3px 5px!important} .show30SummaryStats10206{grid-template-columns:repeat(2,1fr)} } @media(prefers-reduced-motion:reduce){.show30StageBox10206{scroll-behavior:auto}.show30Badge10206{transition:none!important}} .show30SummaryStats10206>div>span{display:block;margin-top:2px;font-size:7px;letter-spacing:.08em;color:#7f899b} /* styles/91-scroll-readability-show-fit-10206-3.css */ /* LIFE LIKE A DJ — v10206.3 Fixes from Safari QA: 1) full central workspaces own their vertical scroll instead of clipping below the viewport, 2) Management & Promoters uses readable desktop typography, 3) SHOW 3.0 fits on one screen with no page scroll on desktop. */ @media (min-width:761px){ /* ===== ONE PREDICTABLE SCROLL SURFACE FOR LONG MANAGEMENT WORKSPACES ===== */ .oneScreenRoot10150[data-screen="business10195"] .oneScreenViewport10150 > .bePage10195, .oneScreenRoot10150[data-screen="business410"] .oneScreenViewport10150 > .business410, .oneScreenRoot10150[data-screen="loans628"] .oneScreenViewport10150 > .loans628, .oneScreenRoot10150[data-screen="studio"] .oneScreenViewport10150 > .studio995, .oneScreenRoot10150[data-screen="living"] .oneScreenViewport10150 > .livingpage38{ height:100%!important; min-height:0!important; max-height:100%!important; overflow-y:auto!important; overflow-x:hidden!important; overscroll-behavior:contain!important; scrollbar-gutter:stable!important; scrollbar-width:thin!important; scrollbar-color:#53677f #0b1118!important; scroll-padding-bottom:32px!important; padding-right:10px!important; padding-bottom:34px!important; box-sizing:border-box!important; } .oneScreenRoot10150[data-screen="business10195"] .bePage10195::-webkit-scrollbar, .oneScreenRoot10150[data-screen="business410"] .business410::-webkit-scrollbar, .oneScreenRoot10150[data-screen="loans628"] .loans628::-webkit-scrollbar, .oneScreenRoot10150[data-screen="studio"] .studio995::-webkit-scrollbar, .oneScreenRoot10150[data-screen="living"] .livingpage38::-webkit-scrollbar{width:10px} .oneScreenRoot10150[data-screen="business10195"] .bePage10195::-webkit-scrollbar-track, .oneScreenRoot10150[data-screen="business410"] .business410::-webkit-scrollbar-track, .oneScreenRoot10150[data-screen="loans628"] .loans628::-webkit-scrollbar-track, .oneScreenRoot10150[data-screen="studio"] .studio995::-webkit-scrollbar-track, .oneScreenRoot10150[data-screen="living"] .livingpage38::-webkit-scrollbar-track{background:#0b1118;border-radius:99px} .oneScreenRoot10150[data-screen="business10195"] .bePage10195::-webkit-scrollbar-thumb, .oneScreenRoot10150[data-screen="business410"] .business410::-webkit-scrollbar-thumb, .oneScreenRoot10150[data-screen="loans628"] .loans628::-webkit-scrollbar-thumb, .oneScreenRoot10150[data-screen="studio"] .studio995::-webkit-scrollbar-thumb, .oneScreenRoot10150[data-screen="living"] .livingpage38::-webkit-scrollbar-thumb{background:#53677f;border-radius:99px;border:2px solid #0b1118} /* Business Empire: avoid nested document scrolls — the full central tile scrolls. */ .oneScreenRoot10150[data-screen="business10195"] .bePage10195 > .beTeam10195{ height:auto!important; min-height:0!important; max-height:none!important; overflow:visible!important; } .oneScreenRoot10150[data-screen="business10195"] .beLedger10195{margin-bottom:12px!important} /* Studio already has list-level scroll where useful; restore the missing page scroll above it. */ .oneScreenRoot10150[data-screen="studio"] .studio995{padding-left:2px!important} .oneScreenRoot10150[data-screen="studio"] .studioLowerDeck10164{margin-bottom:20px!important} /* Living World / Loans: ensure final rows are reachable instead of disappearing below the shell. */ .oneScreenRoot10150[data-screen="living"] .livingpage38 .sceneFeed{margin-bottom:20px!important} .oneScreenRoot10150[data-screen="loans628"] .loanGrid628{padding-bottom:18px!important} /* ===== MANAGEMENT & PROMOTERS — READABLE, NOT MINIATURE ===== */ .oneScreenRoot10150[data-screen="business410"] .business410{ display:block!important; grid-template-rows:none!important; gap:0!important; padding-left:4px!important; } .oneScreenRoot10150[data-screen="business410"] .business410>.sectionhead{ height:54px!important;min-height:54px!important;margin:0 0 10px!important;padding:0!important; } .oneScreenRoot10150[data-screen="business410"] .business410>.sectionhead h2{font-size:24px!important;line-height:1.05!important} .oneScreenRoot10150[data-screen="business410"] .business410>.sectionhead small{font-size:10px!important} .oneScreenRoot10150[data-screen="business410"] .economyHero410{ height:auto!important;min-height:78px!important;margin:0 0 12px!important;gap:8px!important; } .oneScreenRoot10150[data-screen="business410"] .economyHero410>div{padding:11px 13px!important;border-radius:10px!important} .oneScreenRoot10150[data-screen="business410"] .economyHero410 small{font-size:9.5px!important;letter-spacing:.06em!important} .oneScreenRoot10150[data-screen="business410"] .economyHero410 b{font-size:18px!important;margin-top:4px!important} .oneScreenRoot10150[data-screen="business410"] .businessTitle410{ height:auto!important;margin:13px 0 7px!important;font-size:12px!important;line-height:1.15!important;letter-spacing:.07em!important; } .oneScreenRoot10150[data-screen="business410"] .managerGrid410, .oneScreenRoot10150[data-screen="business410"] .promoterGrid410{ height:auto!important;min-height:0!important;overflow:visible!important;gap:8px!important; } .oneScreenRoot10150[data-screen="business410"] .manager410{ min-height:106px!important;padding:11px 12px!important;gap:10px!important;border-radius:10px!important; } .oneScreenRoot10150[data-screen="business410"] .managerIcon410{font-size:28px!important} .oneScreenRoot10150[data-screen="business410"] .manager410 small{font-size:9px!important;letter-spacing:.05em!important} .oneScreenRoot10150[data-screen="business410"] .manager410 h3{font-size:15px!important;margin:2px 0!important} .oneScreenRoot10150[data-screen="business410"] .manager410 p{ font-size:11.5px!important;line-height:1.35!important;margin:3px 0 7px!important;white-space:normal!important;overflow:visible!important;text-overflow:clip!important; } .oneScreenRoot10150[data-screen="business410"] .manager410 span{font-size:9px!important;padding:4px 6px!important} .oneScreenRoot10150[data-screen="business410"] .manager410 button{min-width:74px!important;min-height:36px!important;padding:7px 11px!important;font-size:10.5px!important} .oneScreenRoot10150[data-screen="business410"] .promoter410{ min-height:112px!important;padding:10px 11px!important;gap:9px!important;border-radius:10px!important; } .oneScreenRoot10150[data-screen="business410"] .promoter410>div{font-size:25px!important} .oneScreenRoot10150[data-screen="business410"] .promoter410 small{font-size:9px!important;letter-spacing:.04em!important} .oneScreenRoot10150[data-screen="business410"] .promoter410 h3{font-size:13px!important;margin:2px 0!important} .oneScreenRoot10150[data-screen="business410"] .promoter410 p{ font-size:10.5px!important;line-height:1.28!important;margin:2px 0 6px!important;white-space:normal!important;overflow:visible!important;text-overflow:clip!important; } .oneScreenRoot10150[data-screen="business410"] .promoter410 b{font-size:9px!important;line-height:1.2!important} .oneScreenRoot10150[data-screen="business410"] .relBar410{height:6px!important;margin:6px 0!important} /* Autonomous promoter market: keep its own list scroll, but make the content legible. */ .oneScreenRoot10150[data-screen="business410"] .lwPromoterPulse33{ height:auto!important;min-height:230px!important;max-height:360px!important;margin:0 0 10px!important; grid-template-rows:auto minmax(0,1fr)!important;border-radius:10px!important; } .oneScreenRoot10150[data-screen="business410"] .lwPromoterPulse33>header{padding:11px 13px!important} .oneScreenRoot10150[data-screen="business410"] .lwPromoterPulse33 header small{font-size:9px!important} .oneScreenRoot10150[data-screen="business410"] .lwPromoterPulse33 h3{font-size:16px!important;margin:2px 0 3px!important} .oneScreenRoot10150[data-screen="business410"] .lwPromoterPulse33 header p{font-size:10.5px!important;line-height:1.3!important;white-space:normal!important;overflow:visible!important} .oneScreenRoot10150[data-screen="business410"] .lwPromoterPulse33>div{padding:8px 10px!important;gap:7px!important;grid-auto-rows:minmax(66px,auto)!important} .oneScreenRoot10150[data-screen="business410"] .lwPromoterPulse33 article{min-height:66px!important;padding:9px 10px!important;gap:9px!important;border-radius:8px!important} .oneScreenRoot10150[data-screen="business410"] .lwPromoterPulse33 article>span{font-size:20px!important} .oneScreenRoot10150[data-screen="business410"] .lwPromoterPulse33 article small{font-size:8.5px!important} .oneScreenRoot10150[data-screen="business410"] .lwPromoterPulse33 article b{font-size:11px!important;margin:2px 0!important} .oneScreenRoot10150[data-screen="business410"] .lwPromoterPulse33 article p{font-size:9.5px!important;line-height:1.25!important} .oneScreenRoot10150[data-screen="business410"] .lwPromoterPulse33 article em{font-size:9px!important} .oneScreenRoot10150[data-screen="business410"] .ledger410{ height:auto!important;min-height:0!important;max-height:none!important;overflow:visible!important; grid-template-columns:repeat(3,minmax(0,1fr))!important;border-radius:10px!important;margin-bottom:20px!important; } .oneScreenRoot10150[data-screen="business410"] .ledger410 div{min-height:42px!important;padding:9px 11px!important} .oneScreenRoot10150[data-screen="business410"] .ledger410 span{font-size:10px!important} .oneScreenRoot10150[data-screen="business410"] .ledger410 b{font-size:11px!important} } /* ===== SHOW 3.0 — ONE DESKTOP SCREEN, ZERO PAGE SCROLL ===== */ @media (min-width:901px){ html.show30Live10206, html.show30Live10206 body, html.show30Live10206 #app{height:100dvh!important;min-height:100dvh!important;max-height:100dvh!important;overflow:hidden!important} .show2_211.show30_10206{ width:100%!important;height:100dvh!important;min-height:0!important;max-height:100dvh!important; overflow:hidden!important;display:grid!important;grid-template-rows:minmax(260px,42dvh) minmax(0,1fr)!important; background:#03040a!important; } .show2_211.show30_10206 .show2Stage211.show30Stage211{ height:100%!important;min-height:0!important;overflow:hidden!important;padding:6px 10px!important;display:grid!important;place-items:center!important; } .show30StageBox10206{ height:auto!important;width:min(100%,calc(42dvh * 16 / 9),1120px)!important;max-height:100%!important;aspect-ratio:16/9!important;margin:0 auto!important;border-radius:12px!important; } .show30StageBox10206 .show30Top10206{padding:8px 10px!important;gap:7px!important} .show30StageBox10206 .show30Top10206>div:first-child b{font-size:13px!important} .show30StageBox10206 .show30Top10206>div:first-child span{font-size:8px!important} .show30StageBox10206 .show2Clock211{padding:4px 8px!important}.show30StageBox10206 .show2Clock211 b{font-size:19px!important} .show30TopActions10206 button{min-height:26px!important;padding:5px 7px!important;font-size:7px!important} .show30Badge10206{top:58px!important;right:10px!important;padding:4px 7px!important} .show30StageBox10206 .show30Brief10206{display:none!important} .show30StageBox10206 .show30CrowdHUD10206{left:8px!important;bottom:8px!important;width:min(60%,570px)!important;grid-template-columns:repeat(3,64px) minmax(140px,1fr)!important;gap:4px!important} .show30StageBox10206 .show30CrowdHUD10206>div,.show30StageBox10206 .show30CrowdHUD10206 article{padding:4px 6px!important} .show30StageBox10206 .show30CrowdHUD10206 small{font-size:5.5px!important}.show30StageBox10206 .show30CrowdHUD10206>div b{font-size:10px!important}.show30StageBox10206 .show30CrowdHUD10206 article b{font-size:8px!important}.show30StageBox10206 .show30CrowdHUD10206 article span{font-size:5.5px!important} .show30StageBox10206 .show30ReactionHUD10206{right:8px!important;bottom:8px!important;width:min(36%,360px)!important;padding:4px 6px!important}.show30StageBox10206 .show30ReactionHUD10206 b{font-size:9px!important}.show30StageBox10206 .show30ReactionHUD10206 span{font-size:6px!important} .show30_10206 .show2Console211{ min-height:0!important;height:100%!important;overflow:hidden!important;padding:7px 12px 8px!important; display:grid!important;grid-template-rows:16px 54px 28px 112px 78px minmax(94px,1fr)!important;gap:5px!important; } .show30_10206 .show2Phase211{height:16px!important;margin:0!important;align-items:start!important}.show30_10206 .show2Phase211 span{font-size:7px!important}.show30_10206 .show2Phase211>i{bottom:0!important} .show30_10206 .show2DeckHeads211{height:54px!important;margin:0!important;gap:7px!important;grid-template-columns:1fr 190px 1fr!important}.show30_10206 .show2DeckHeads211>div{padding:6px 9px!important;border-radius:9px!important}.show30_10206 .show2DeckHeads211 small{font-size:7px!important}.show30_10206 .show2DeckHeads211 b{font-size:11px!important;margin:1px 0!important}.show30_10206 .show2DeckHeads211 span{font-size:8px!important}.show30_10206 .show2Transition211 b{font-size:10px!important} .show30_10206 .show2Steps215{height:28px!important;margin:0!important;align-items:center!important}.show30_10206 .show2Steps215 span{min-height:24px!important;padding:4px 8px!important;font-size:8px!important}.show30_10206 .show2Steps215 i{font-size:10px!important} .show30_10206 .show2Wave211{height:112px!important;min-height:112px!important;padding:14px 0 4px!important;border-radius:11px!important;margin:0!important}.show30_10206 .show2Lane211{height:46px!important}.show30_10206 .show2Lane211 .showTrack7301,.show30_10206 .show2Lane211 .waveTrack7301{height:39px!important}.show30_10206 .show2WaveViewport215{height:44px!important}.show30_10206 .show2DropZone211{top:3px!important;padding:3px 8px!important;font-size:7px!important}.show30_10206 .show2Playhead211{top:14px!important;bottom:4px!important} .show30_10206 .show2Controls211{height:78px!important;margin:0!important;gap:6px!important;grid-template-columns:1.05fr .95fr 1.3fr .9fr!important}.show30_10206 .show2Controls211>div,.show30_10206 .show2Primary211{min-height:0!important;height:78px!important;padding:7px 8px!important;border-radius:10px!important;overflow:hidden!important}.show30_10206 .show2Controls211 small{font-size:7px!important}.show30_10206 .show2Tempo211 b{font-size:11px!important;margin:2px 0 5px!important}.show30_10206 .show2Tempo211>div{gap:3px!important}.show30_10206 .show2Tempo211 button,.show30_10206 .show2CueGain211 button{padding:5px 3px!important;font-size:7px!important}.show30_10206 .show2CueGain211{grid-template-columns:70px 1fr!important;gap:6px!important}.show30_10206 .show2CueGain211 input{margin:3px 0 2px!important}.show30_10206 .show2CueGain211 label>span{font-size:7px!important}.show30_10206 .show2Now211 b{font-size:10px!important;margin:2px 0!important}.show30_10206 .show2Now211 span{font-size:8px!important;line-height:1.18!important}.show30_10206 .show2Primary211 b{font-size:13px!important}.show30_10206 .show2Primary211 span{font-size:7px!important;margin-top:2px!important} .show30_10206 .show2Lower211{min-height:0!important;height:100%!important;margin:0!important;gap:6px!important;grid-template-columns:1.65fr .75fr .8fr!important}.show30_10206 .show2Tracks211,.show30_10206 .show2Energy211,.show30_10206 .show2DJ211{min-height:0!important;height:100%!important;padding:7px!important;border-radius:10px!important;overflow:hidden!important}.show30_10206 .show2Tracks211 header,.show30_10206 .show2Energy211 header{margin-bottom:4px!important}.show30_10206 .show2Tracks211 header small,.show30_10206 .show2Tracks211 header span,.show30_10206 .show2Energy211 small,.show30_10206 .show2DJ211>small{font-size:7px!important}.show30_10206 .show2Tracks211>div{grid-template-columns:repeat(4,1fr)!important;gap:4px!important}.show30_10206 .show2Tracks211 button{padding:5px 6px!important;border-radius:7px!important}.show30_10206 .show2Tracks211 b{font-size:8px!important}.show30_10206 .show2Tracks211 span{font-size:6.5px!important;margin:1px 0!important}.show30_10206 .show2Tracks211 em{font-size:6px!important}.show30_10206 .show2Energy211 header b{font-size:13px!important}.show30_10206 .show2Energy211 svg{height:42px!important}.show30_10206 .show2Energy211>span{font-size:6.5px!important;margin-top:2px!important}.show30_10206 .show2DJ211>div{margin:2px 0!important}.show30_10206 .show2DJ211>div span{font-size:6.5px!important}.show30_10206 .show2DJ211 strong{font-size:6.5px!important;margin-top:3px!important;padding:3px 5px!important} /* optional mixer/controller drawers float above the fixed show instead of extending the page */ .show30_10206 > details.controls213{position:fixed!important;right:10px!important;bottom:10px!important;z-index:10050!important;margin:0!important;max-width:min(680px,calc(100vw - 20px))!important;max-height:48dvh!important;overflow:auto!important;background:rgba(12,17,24,.97)!important} .show30_10206 > details.controls213:not([open]){padding:7px 10px!important;width:auto!important} .show30_10206 > details.controls213:not([open])>*:not(summary){display:none!important} } @media (min-width:901px) and (max-height:760px){ .show2_211.show30_10206{grid-template-rows:minmax(205px,36dvh) minmax(0,1fr)!important} .show30StageBox10206{width:min(100%,calc(36dvh * 16 / 9),900px)!important;max-width:900px!important} .show30_10206 .show2Console211{grid-template-rows:14px 48px 24px 96px 70px minmax(82px,1fr)!important;gap:4px!important;padding:5px 10px 6px!important} .show30_10206 .show2DeckHeads211{height:48px!important}.show30_10206 .show2Steps215{height:24px!important}.show30_10206 .show2Wave211{height:96px!important;min-height:96px!important}.show30_10206 .show2Lane211{height:38px!important}.show30_10206 .show2WaveViewport215{height:38px!important}.show30_10206 .show2Controls211,.show30_10206 .show2Controls211>div,.show30_10206 .show2Primary211{height:70px!important}.show30_10206 .show2Now211 span{display:none!important}.show30_10206 .show2Energy211 svg{height:34px!important} } /* styles/92-booking-phone-10206-4.css */ /* LIFE LIKE A DJ — Booking lock help + Phone simplification/readability v10206.4 */ /* ---------------- BOOKING: explain disabled ACCEPT ---------------- */ .bookingDetail10164>footer .bookingAcceptTip10164{ position:relative;display:block;min-width:0;width:100%;height:100%; } .bookingDetail10164>footer .bookingAcceptTip10164>button{ width:100%!important;height:100%!important;cursor:not-allowed!important; } .bookingAcceptBubble10164{ position:absolute;left:50%;bottom:calc(100% + 10px);z-index:2500; width:min(390px,calc(100vw - 48px));padding:11px 12px;border-radius:9px; border:1px solid #77622c;background:#19170f;color:#f4e3ac; box-shadow:0 14px 36px rgba(0,0,0,.42);font-size:11.5px;line-height:1.45; opacity:0;visibility:hidden;transform:translate(-50%,5px);pointer-events:none; transition:opacity .14s ease,transform .14s ease,visibility .14s ease; } .bookingAcceptBubble10164:after{ content:"";position:absolute;left:50%;top:100%;transform:translateX(-50%); border:7px solid transparent;border-top-color:#77622c; } .bookingAcceptBubble10164 b{display:block;margin-bottom:4px;color:#ffd86b;font-size:10px;letter-spacing:.08em} .bookingAcceptBubble10164 span{display:block;color:#e9dfc8} .bookingAcceptTip10164:hover .bookingAcceptBubble10164, .bookingAcceptTip10164:focus .bookingAcceptBubble10164, .bookingAcceptTip10164:focus-within .bookingAcceptBubble10164{opacity:1;visibility:visible;transform:translate(-50%,0)} .bookingDetail10164>footer .bookingAcceptTip10164 button:disabled{opacity:.48!important;filter:saturate(.65)} /* ---------------- PHONE: simplify to communication, increase type size ---------------- */ .oneScreenRoot10150[data-screen="phone33"] .phonePage33.phoneSimple102064{ grid-template-rows:60px 56px 82px minmax(0,1fr)!important; } .oneScreenRoot10150[data-screen="phone33"] .phonePage33.chatPhonePage40.phoneSimple102064{ grid-template-rows:60px 56px 42px minmax(0,1fr)!important; } .oneScreenRoot10150[data-screen="phone33"] .phoneTop33{ height:60px!important;padding:7px 11px!important;grid-template-columns:46px minmax(0,1fr) auto auto!important; } .oneScreenRoot10150[data-screen="phone33"] .phoneTop33 .back{width:40px!important;height:40px!important;font-size:17px!important} .oneScreenRoot10150[data-screen="phone33"] .phoneTop33 small{font-size:10px!important;letter-spacing:.1em!important} .oneScreenRoot10150[data-screen="phone33"] .phoneTop33 h2{font-size:19px!important;line-height:1.1!important} .oneScreenRoot10150[data-screen="phone33"] .phoneTop33>span{font-size:11px!important;padding:8px 10px!important} .oneScreenRoot10150[data-screen="phone33"] .phoneLogout710{font-size:10px!important;min-height:36px!important;height:36px!important} .oneScreenRoot10150[data-screen="phone33"] .phoneTabs33{ height:56px!important;min-height:56px!important;padding:7px 9px!important; grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:8px!important; } .oneScreenRoot10150[data-screen="phone33"] .phoneTabs33 button{ min-height:40px!important;height:40px!important;font-size:15px!important;gap:8px!important; } .oneScreenRoot10150[data-screen="phone33"] .phoneTabs33 small{font-size:10.5px!important;letter-spacing:.055em!important} .oneScreenRoot10150[data-screen="phone33"] .phonePulseSimple102064{ height:82px!important;min-height:82px!important;padding:7px 9px!important; grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:8px!important; } .oneScreenRoot10150[data-screen="phone33"] .phonePulseSimple102064 article{padding:8px 11px!important} .oneScreenRoot10150[data-screen="phone33"] .phonePulseSimple102064 small{font-size:9.5px!important} .oneScreenRoot10150[data-screen="phone33"] .phonePulseSimple102064 b{font-size:20px!important;margin:2px 0!important} .oneScreenRoot10150[data-screen="phone33"] .phonePulseSimple102064 p{font-size:10.5px!important;line-height:1.3!important} .oneScreenRoot10150[data-screen="phone33"] .phoneScreen33{font-size:13px!important} .oneScreenRoot10150[data-screen="phone33"] .phoneScreen33:has(.phoneFilters920){grid-template-rows:46px minmax(0,1fr)!important} .oneScreenRoot10150[data-screen="phone33"] .phoneFiltersSimple102064{ height:46px!important;padding:7px 9px!important;display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:7px!important; } .oneScreenRoot10150[data-screen="phone33"] .phoneFiltersSimple102064 button{ min-height:31px!important;height:31px!important;font-size:10.5px!important;padding:0 10px!important; } .oneScreenRoot10150[data-screen="phone33"] .phoneList33, .oneScreenRoot10150[data-screen="phone33"] .socialPhone33, .oneScreenRoot10150[data-screen="phone33"] .contacts33{ padding:10px!important;gap:8px!important; } .oneScreenRoot10150[data-screen="phone33"] .phoneList33 article{ padding:12px!important;grid-template-columns:46px minmax(0,1fr)!important;gap:11px!important; } .oneScreenRoot10150[data-screen="phone33"] .phoneAvatar33{width:44px!important;height:44px!important;font-size:21px!important} .oneScreenRoot10150[data-screen="phone33"] .phoneList33 article small, .oneScreenRoot10150[data-screen="phone33"] .socialPhone33 article small, .oneScreenRoot10150[data-screen="phone33"] .contacts33 article small{font-size:10.5px!important;line-height:1.35!important} .oneScreenRoot10150[data-screen="phone33"] .phoneList33 h3, .oneScreenRoot10150[data-screen="phone33"] .contacts33 h3{font-size:15px!important;line-height:1.25!important;margin:3px 0 5px!important} .oneScreenRoot10150[data-screen="phone33"] .phoneList33 p, .oneScreenRoot10150[data-screen="phone33"] .socialPhone33 p{font-size:12.5px!important;line-height:1.45!important;color:#c1c9d7!important;margin:4px 0 7px!important} .oneScreenRoot10150[data-screen="phone33"] .phoneActions33{gap:7px!important;margin-top:8px!important} .oneScreenRoot10150[data-screen="phone33"] .phoneActions33 button, .oneScreenRoot10150[data-screen="phone33"] .phoneLink911 button, .oneScreenRoot10150[data-screen="phone33"] .socialComposer33 button{ min-height:34px!important;font-size:10.5px!important;padding:7px 11px!important; } .oneScreenRoot10150[data-screen="phone33"] .phoneResolved9976{font-size:9.5px!important} .phonePeople102064{height:100%;min-height:0;display:grid;grid-template-rows:auto minmax(0,1fr);overflow:hidden} .phonePeople102064>header{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:12px 14px;border-bottom:1px solid #30394e;background:#111827} .phonePeople102064>header small{font-size:10px!important;letter-spacing:.08em;color:#79dff7} .phonePeople102064>header h3{font-size:16px!important;margin:3px 0 4px!important} .phonePeople102064>header p{font-size:11.5px!important;line-height:1.35!important;margin:0!important;color:#9eabbc!important} .phonePeopleActions102064{display:flex;gap:7px;flex-wrap:wrap;justify-content:flex-end} .phonePeopleActions102064 button{min-height:34px!important;font-size:10.5px!important;padding:7px 11px!important} .oneScreenRoot10150[data-screen="phone33"] .contacts33 article{padding:12px!important;gap:11px!important} .oneScreenRoot10150[data-screen="phone33"] .contacts33 article>b{font-size:24px!important} .oneScreenRoot10150[data-screen="phone33"] .contacts33 span{font-size:10.5px!important} .phoneChatToolbar102064{display:flex;align-items:center;gap:10px;height:42px;padding:6px 9px;border-bottom:1px solid #30394e;background:#101624} .phoneChatToolbar102064 button{min-height:30px!important;padding:0 10px!important;font-size:10.5px!important} .phoneChatToolbar102064 b{font-size:11.5px;letter-spacing:.035em} .oneScreenRoot10150[data-screen="phone33"] .chatPhonePage40 .chatHubHead40 h2{font-size:18px!important} .oneScreenRoot10150[data-screen="phone33"] .chatPhonePage40 .chatHubHead40 p, .oneScreenRoot10150[data-screen="phone33"] .chatPhonePage40 .chatThreadBody40 small{font-size:12px!important;line-height:1.4!important} .oneScreenRoot10150[data-screen="phone33"] .chatPhonePage40 .chatThreadBody40 b{font-size:14px!important} @media(max-width:900px){ .oneScreenRoot10150[data-screen="phone33"] .phonePulseSimple102064{grid-template-columns:repeat(3,1fr)!important} .bookingAcceptBubble10164{left:auto;right:0;transform:translate(0,5px)} .bookingAcceptTip10164:hover .bookingAcceptBubble10164,.bookingAcceptTip10164:focus .bookingAcceptBubble10164,.bookingAcceptTip10164:focus-within .bookingAcceptBubble10164{transform:translate(0,0)} } /* styles/93-media-logo-booking-topbar-10206-5.css */ /* LIFE LIKE A DJ — v10206.5 Authorized media logos + valid Practice route + top HUD vertical-spacing fix. */ /* ===== GLOBAL TOP HUD: stop text from colliding with separator lines ===== */ @media (min-width:761px){ .oneScreenRoot10150{ grid-template-rows:68px minmax(0,1fr)!important; } .oneScreenTop10150{ height:68px!important; min-height:68px!important; box-sizing:border-box!important; align-items:stretch!important; } .oneScreenBrand10150, .oneScreenClock10150, .oneScreenNextTop10150, .oneScreenTopStats10150>span{ box-sizing:border-box!important; min-height:0!important; } .oneScreenBrand10150{padding:8px 13px!important;justify-content:center!important} .oneScreenClock10150, .oneScreenNextTop10150{ padding:7px 12px 8px!important; justify-content:center!important; gap:2px!important; line-height:1.12!important; overflow:hidden!important; } .oneScreenClock10150 small, .oneScreenNextTop10150 small, .oneScreenTopStats10150 small{ line-height:1.08!important; margin:0!important; } .oneScreenClock10150 b, .oneScreenNextTop10150 b{ line-height:1.12!important; margin:1px 0 0!important; } .oneScreenNextTop10150 span{ line-height:1.08!important; margin:1px 0 0!important; padding-bottom:1px!important; } .oneScreenTopStats10150>span{ padding:7px 10px 8px!important; justify-content:center!important; line-height:1.1!important; } .oneScreenTopStats10150 b{line-height:1.1!important;margin-top:2px!important} .oneScreenTopActions10150{padding:8px!important;align-items:center!important} } /* ===== BOOKING: make the required action discoverable and reachable ===== */ .oneScreenRoot10150[data-screen="bookings"] .bookingTraining10164{ display:flex!important; align-items:center!important; justify-content:space-between!important; gap:10px!important; } .oneScreenRoot10150[data-screen="bookings"] .bookingTraining10164>span{ min-width:0!important; line-height:1.35!important; } .oneScreenRoot10150[data-screen="bookings"] .bookingPracticeGo102065{ flex:0 0 auto!important; min-height:30px!important; height:30px!important; padding:0 11px!important; border-color:#9b7b32!important; color:#f5d77c!important; background:#161811!important; font-size:9.5px!important; white-space:nowrap!important; } .oneScreenRoot10150[data-screen="studio"] .studioQuick10117{ display:grid!important; grid-template-columns:repeat(7,minmax(0,1fr))!important; gap:5px!important; height:34px!important; min-height:34px!important; overflow:visible!important; } .oneScreenRoot10150[data-screen="studio"] .studioQuick10117 button{ width:100%!important; min-width:0!important; padding:0 5px!important; font-size:9px!important; white-space:nowrap!important; overflow:hidden!important; text-overflow:ellipsis!important; } .oneScreenRoot10150[data-screen="studio"] .studioQuick10117 .studioPractice102065{ border-color:#77602e!important; color:#f3d06b!important; background:linear-gradient(180deg,#1d1a10,#11130e)!important; } /* ===== AUTHORIZED REAL MEDIA: supplied logos live inside the actual game UI ===== */ .mwAuthorizedLogo102065{ display:block; max-width:100%; object-fit:contain; object-position:center; } .mwPartnerLogoPanel102065{ height:138px; margin:0 0 15px; padding:10px; display:grid; place-items:center; overflow:hidden; border:1px solid rgba(255,255,255,.11); border-radius:13px; background:#fff; box-shadow:inset 0 0 0 1px rgba(0,0,0,.03),0 10px 28px rgba(0,0,0,.18); } .mwPartnerLogo102065{width:100%;height:100%} .mwAuthorizedPartner102065{border-color:rgba(232,183,79,.32)!important} .mwAuthorizedPartner102065 .mwPartnerBadge102054{margin-bottom:10px!important} .mwAuthorizedPartner102065 footer{position:relative;z-index:1} .mwOutlet102052.authorized102065{ padding:8px 4px!important; border-color:rgba(232,183,79,.18)!important; } .mwOutletLogo102065{ flex:0 0 66px; width:66px; height:42px; padding:3px; border-radius:7px; background:#fff; border:1px solid rgba(255,255,255,.14); } .mwOutlet102052.authorized102065>div{min-width:0;flex:1} .mwAuthorizedTag102065{ display:inline-block; margin-left:5px; padding:2px 4px; border:1px solid rgba(232,183,79,.42); border-radius:4px; color:#e8b74f; font-size:7px; line-height:1; font-style:normal; letter-spacing:.07em; vertical-align:2px; } .mwStory102052.authorized102065{ grid-template-columns:48px minmax(0,1fr) auto!important; align-items:center!important; border-color:rgba(232,183,79,.18)!important; } .mwStoryLogo102065, .mwPlayerStoryLogo102065{ width:44px; height:44px; padding:3px; border-radius:7px; background:#fff; border:1px solid rgba(255,255,255,.14); } .mwStoryMediaMark102065{ width:44px; height:44px; display:grid; place-items:center; overflow:hidden; border-radius:7px; } .mwStoryMediaMark102065>span{font-size:20px} .mwStoryMediaMark102065 .mwStoryLogo102065{width:44px;height:44px} .mwWorldStory102054.authorized102065{ grid-template-columns:50px minmax(0,1fr)!important; border-color:rgba(232,183,79,.18)!important; } .mwPlayerStory102054.authorized102065{ display:grid!important; grid-template-columns:50px minmax(0,1fr)!important; gap:10px!important; align-items:center!important; border-left:2px solid rgba(232,183,79,.48)!important; } @media (max-width:1100px){ .oneScreenRoot10150[data-screen="studio"] .studioQuick10117{ grid-template-columns:repeat(7,minmax(96px,1fr))!important; overflow-x:auto!important; overflow-y:hidden!important; } .mwPartnerLogoPanel102065{height:118px} } /* styles/95-apartment-3d-10206-8.css */ /* LIFE LIKE A DJ — APARTMENT 3.0 TRUE 3D v10206.8 Apartment-only presentation. CITY remains on the existing Phaser renderer. */ @media (min-width:901px){ .oneScreenRoot10150[data-screen="lifemode10100"] .lifeMode10100.apartment3102068{ grid-template-rows:50px minmax(0,1fr) 26px!important; gap:6px!important; height:100%!important; min-height:0!important; overflow:hidden!important; background: radial-gradient(circle at 58% -14%,rgba(88,191,215,.14),transparent 38%), linear-gradient(180deg,#060b11,#080d13 58%,#05090e)!important; } .apartment3102068 .apartmentHead102068{ border-color:#33465f!important; background:linear-gradient(135deg,rgba(13,23,34,.97),rgba(7,12,19,.98))!important; } .apartment3102068 .apartmentHead102068 small{font-size:8.5px!important;color:#6fe2ef!important} .apartment3102068 .apartmentHead102068 h2{font-size:18px!important} .apartmentShell102068{grid-template-columns:minmax(0,1fr) 252px!important;gap:7px!important} .apartmentWorld102068{ isolation:isolate; border-color:#344860!important; border-radius:12px!important; background:#070c12!important; box-shadow:0 24px 54px rgba(0,0,0,.45),inset 0 0 0 1px rgba(255,255,255,.025)!important; } .apartmentBackdrop102068{ position:absolute;inset:0;z-index:0;overflow:hidden; background: radial-gradient(circle at 55% 18%,rgba(65,111,149,.36),transparent 34%), linear-gradient(180deg,rgba(7,12,18,.08),rgba(4,8,13,.78)), linear-gradient(145deg,#142235,#081018 70%); background-position:center; background-size:cover; filter:saturate(.72) brightness(.62); transform:scale(1.03); } .apartmentLegacyFallback102068{ position:absolute!important;inset:0!important;z-index:1!important;opacity:1; } .apartment3dCanvas102068{ position:absolute;inset:0;z-index:3;display:block;overflow:hidden; background:transparent; } .apartment3dCanvas102068 canvas.apartment3dCanvasEl102068{ display:block;width:100%!important;height:100%!important;max-width:none!important;max-height:none!important; touch-action:none;outline:0; } .apartmentWorld102068[data-apartment3d="active"] .apartmentLegacyFallback102068, .apartmentWorld102068:has(.apartment3dCanvas102068[data-apartment3d="active"]) .apartmentLegacyFallback102068{opacity:0;pointer-events:none} .apartmentFallback102068{z-index:2!important;background:rgba(7,12,18,.82)!important;backdrop-filter:blur(10px)} .apartmentWorld102068:has(.apartment3dCanvas102068[data-apartment3d="active"]) .apartmentFallback102068{display:none!important} .apartmentVitals102068{top:8px!important;left:8px!important;right:88px!important;gap:4px!important;z-index:8!important} .apartmentVitals102068 .apartmentVital102067{ padding:5px 6px 4px!important; border-color:rgba(156,194,219,.14)!important; background:linear-gradient(180deg,rgba(5,10,15,.80),rgba(7,13,20,.68))!important; backdrop-filter:blur(12px) saturate(1.2)!important; } .apartment3dBadge102068{ position:absolute;z-index:9;top:8px;right:8px;width:72px;height:43px;padding:6px 7px; display:flex;flex-direction:column;justify-content:center;align-items:flex-end; border:1px solid rgba(103,222,238,.30);border-radius:8px; background:rgba(3,9,14,.74);backdrop-filter:blur(10px);pointer-events:none; box-shadow:0 7px 22px rgba(0,0,0,.25); } .apartment3dBadge102068 span{color:#6edfed;font-size:6px;font-weight:900;letter-spacing:.16em} .apartment3dBadge102068 b{margin-top:2px;color:#f3f8fb;font-size:10px;letter-spacing:.05em} .apartment3dHud102068{ position:absolute;z-index:9;left:10px;right:10px;bottom:9px;min-height:54px;padding:8px 10px; display:flex;align-items:center;justify-content:space-between;gap:12px; border:1px solid rgba(143,179,204,.18);border-radius:10px; background:linear-gradient(90deg,rgba(3,8,13,.86),rgba(7,13,20,.76)); backdrop-filter:blur(14px) saturate(1.18);pointer-events:none; box-shadow:0 12px 34px rgba(0,0,0,.34); } .apartment3dHud102068>div{min-width:0;display:grid;grid-template-columns:auto 1fr;column-gap:8px;align-items:baseline} .apartment3dHud102068 small{grid-column:1/-1;color:#698299;font-size:6px!important;font-weight:900;letter-spacing:.16em} .apartment3dHud102068 b{color:#fff;font-size:11px!important;white-space:nowrap} .apartment3dHud102068 span{overflow:hidden;color:#89a2b9;font-size:7px!important;font-weight:800;letter-spacing:.05em;white-space:nowrap;text-overflow:ellipsis} .apartment3dHud102068>strong{flex:0 0 auto;padding:7px 9px;border:1px solid rgba(111,226,191,.22);border-radius:7px;background:rgba(27,83,65,.18);color:#9be4c8;font-size:9px} .apartment3dLoading102068{ position:absolute;z-index:12;left:50%;top:50%;transform:translate(-50%,-50%);width:min(360px,56%);padding:15px 16px; border:1px solid rgba(104,218,234,.25);border-radius:10px;background:rgba(3,8,13,.91);backdrop-filter:blur(18px); box-shadow:0 20px 52px rgba(0,0,0,.45);text-align:center;pointer-events:none; } .apartment3dLoading102068[hidden]{display:none!important} .apartment3dLoading102068 b{display:block;margin-bottom:9px;color:#dceaf2;font-size:9px;letter-spacing:.10em} .apartment3dLoading102068 span{display:block;height:4px;border-radius:8px;background:#172432;overflow:hidden} .apartment3dLoading102068 i{display:block;width:4%;height:100%;border-radius:8px;background:linear-gradient(90deg,#53d8e9,#a273ff);box-shadow:0 0 12px rgba(83,216,233,.42);transition:width .2s ease} .apartmentRail102068{grid-template-rows:auto auto auto auto minmax(0,1fr)!important;gap:6px!important} .apartmentRail102068 .apartmentRailCard102067{padding:9px!important;background:linear-gradient(150deg,rgba(13,23,34,.98),rgba(7,13,20,.98))!important} .apartmentFooter102068{height:26px!important} } @media (min-width:901px) and (max-height:820px){ .oneScreenRoot10150[data-screen="lifemode10100"] .lifeMode10100.apartment3102068{grid-template-rows:45px minmax(0,1fr) 22px!important;gap:5px!important} .apartment3102068 .apartmentHead102067{min-height:45px!important} .apartment3102068 .apartmentHead102067 p{display:none!important} .apartmentVitals102068 .apartmentVital102067{padding:4px 5px!important} .apartmentVitals102068 .apartmentVital102067>small{font-size:6px!important} .apartmentVitals102068 .apartmentVital102067>b{font-size:9px!important} .apartment3dHud102068{min-height:46px;padding:6px 8px} .apartmentRail102068 .apartmentRailCard102067{padding:7px!important} .apartmentRail102068 .apartmentRailCard102067 p{font-size:7px!important;line-height:1.25!important} .apartmentMemory102067 article{padding:5px 0!important} } @media (min-width:901px) and (max-width:1180px){ .apartmentShell102068{grid-template-columns:minmax(0,1fr) 222px!important} .apartmentVitals102068{right:78px!important;grid-template-columns:repeat(3,minmax(0,1fr))!important} .apartment3dBadge102068{width:64px} } @media (max-width:900px){ .lifeMode10100.apartment3102068{overflow-y:auto!important} .apartmentWorld102068{position:relative!important;min-height:520px!important} .apartment3dCanvas102068,.apartmentBackdrop102068,.apartmentLegacyFallback102068{position:absolute;inset:0} .apartment3dCanvas102068{z-index:3}.apartment3dCanvas102068 canvas{width:100%!important;height:100%!important} .apartment3dLoading102068{position:absolute;z-index:12;left:12%;right:12%;top:44%;padding:14px;background:#071018;border:1px solid #304861;border-radius:10px;text-align:center} .apartment3dLoading102068[hidden]{display:none!important} .apartment3dLoading102068 span{display:block;height:4px;margin-top:8px;background:#192838}.apartment3dLoading102068 i{display:block;height:100%;background:#65ddea} .apartment3dHud102068{position:absolute;z-index:9;left:8px;right:8px;bottom:8px;padding:8px;border:1px solid #30445b;border-radius:9px;background:rgba(5,10,16,.88)} .apartment3dHud102068 small,.apartment3dHud102068 b,.apartment3dHud102068 span{display:block}.apartment3dHud102068>strong{float:right} .apartment3dBadge102068{display:none} } /* styles/97-apartment-premium-dayparts-10206-11.css */ /* LIFE LIKE A DJ — APARTMENT 3.3 PREMIUM STATIC DAYPARTS + CLEAR CLICK MARKERS v10206.13 */ .apartmentPremiumScene1020611{position:absolute;inset:0;overflow:hidden;background:#080b10;isolation:isolate} .apartmentPremiumImage1020611{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;display:block;user-select:none;pointer-events:none;filter:saturate(1.02) contrast(1.025);transform:translateZ(0)} .apartmentPremiumScene1020611::after{content:"";position:absolute;inset:0;z-index:2;pointer-events:none;background:linear-gradient(180deg,rgba(2,5,8,.06),transparent 24%,transparent 70%,rgba(1,4,7,.30));box-shadow:inset 0 0 84px rgba(0,0,0,.20)} .apartmentPremiumNight1020611::after{background:linear-gradient(180deg,rgba(3,8,18,.14),transparent 30%,transparent 62%,rgba(1,3,8,.42));box-shadow:inset 0 0 110px rgba(0,0,0,.34)} .apartmentPremiumHotspot1020611{position:absolute;z-index:5;border:1px solid transparent;border-radius:14px;background:transparent;color:#fff;cursor:pointer;outline:0;padding:0;transition:border-color .16s ease,background .16s ease,box-shadow .16s ease} .apartmentPremiumHotspot1020611::after{content:"";position:absolute;left:50%;top:50%;width:7px;height:7px;border-radius:50%;transform:translate(-50%,-50%) scale(.6);background:rgba(229,188,96,.86);box-shadow:0 0 0 6px rgba(229,188,96,.08),0 0 18px rgba(229,188,96,.26);opacity:0;transition:opacity .15s ease,transform .15s ease} .apartmentPremiumHotspot1020611>span{position:absolute;left:50%;bottom:9px;transform:translate(-50%,8px);min-width:148px;max-width:232px;padding:8px 10px;border:1px solid rgba(226,181,93,.30);border-radius:9px;background:rgba(4,8,12,.91);backdrop-filter:blur(13px);box-shadow:0 12px 34px rgba(0,0,0,.44);opacity:0;pointer-events:none;transition:opacity .14s ease,transform .14s ease;text-align:left} .apartmentPremiumHotspot1020611 b{display:block;color:#fff8e9;font-size:10px;letter-spacing:.06em;white-space:nowrap} .apartmentPremiumHotspot1020611 small{display:block;margin-top:3px;color:#aec0ce;font-size:8px;line-height:1.28;white-space:nowrap} .apartmentPremiumHotspot1020611:hover,.apartmentPremiumHotspot1020611:focus-visible{border-color:rgba(226,181,93,.58);background:rgba(226,181,93,.052);box-shadow:inset 0 0 36px rgba(226,181,93,.08),0 0 0 1px rgba(255,220,138,.10)} .apartmentPremiumHotspot1020611:hover::after,.apartmentPremiumHotspot1020611:focus-visible::after{opacity:1;transform:translate(-50%,-50%) scale(1)} .apartmentPremiumHotspot1020611:hover>span,.apartmentPremiumHotspot1020611:focus-visible>span{opacity:1;transform:translate(-50%,0)} .apartmentPremiumDaypart1020611{position:absolute;right:12px;top:12px;z-index:4;display:flex;flex-direction:column;align-items:flex-end;padding:7px 9px;border:1px solid rgba(255,255,255,.12);border-radius:8px;background:rgba(4,8,12,.55);backdrop-filter:blur(12px);pointer-events:none} .apartmentPremiumDaypart1020611 small{font-size:6px;line-height:1;color:#91a6b6;letter-spacing:.15em;font-weight:800} .apartmentPremiumDaypart1020611 b{margin-top:3px;font-size:9px;line-height:1;color:#f4d07c;letter-spacing:.11em} .apartment3102068 .apartment3dBadge102068 span{font-size:0!important} .apartment3102068 .apartment3dBadge102068 span::after{content:'PREMIUM';font-size:6px!important;color:#e7bd61;font-weight:900;letter-spacing:.16em} .apartment3102068 .apartment3dBadge102068 b{font-size:0!important} .apartment3102068 .apartment3dBadge102068 b::after{content:'STATIC 3D';font-size:10px;color:#f3f8fb;letter-spacing:.05em} .apartment3102068 .apartment3dBadge102068{border-color:rgba(226,181,93,.30);background:rgba(8,8,10,.72)} .apartment3102068 .apartment3dHud102068{background:linear-gradient(90deg,rgba(3,8,13,.88),rgba(9,11,14,.75));border-color:rgba(226,181,93,.18)} .apartment3102068 .apartment3dHud102068>strong{border-color:rgba(111,226,191,.30);background:rgba(25,91,68,.22)} .apartment3102068 .apartmentBackdrop102068{display:none!important} .apartment3102068 .apartment3dCanvas102068{background:#080b10!important} @media (max-width:900px){.apartmentPremiumHotspot1020611>span{display:none}.apartmentPremiumImage1020611{object-position:center center}.apartmentPremiumDaypart1020611{display:none}} /* v10206.13 — apartment affordance pass: every activity is visibly clickable at rest. */ .apartment3102068 .apartmentHead102068{ grid-template-columns:minmax(0,1fr) auto!important; gap:12px!important; padding-left:12px!important; } .apartment3102068 .apartmentHead102068>.back{display:none!important} .apartmentPremiumHotspot1020611{ border-color:transparent!important; background:transparent!important; } .apartmentPremiumHotspot1020611::after{ width:18px!important; height:18px!important; opacity:1!important; transform:translate(-50%,-50%) scale(1)!important; background:#e7bd61!important; border:2px solid rgba(255,249,230,.94)!important; box-shadow: 0 0 0 5px rgba(3,8,12,.76), 0 0 0 7px rgba(231,189,97,.48), 0 5px 18px rgba(0,0,0,.55), 0 0 24px rgba(231,189,97,.28)!important; } .apartmentPremiumHotspot1020611>span{ left:50%!important; top:calc(50% + 22px)!important; bottom:auto!important; min-width:0!important; width:max-content!important; max-width:190px!important; padding:5px 8px!important; transform:translate(-50%,0)!important; border:1px solid rgba(231,189,97,.52)!important; border-radius:7px!important; background:rgba(3,8,12,.86)!important; box-shadow:0 8px 22px rgba(0,0,0,.42)!important; opacity:1!important; backdrop-filter:blur(10px)!important; text-align:center!important; } .apartmentPremiumHotspot1020611>span b{ display:block!important; color:#fff8e8!important; font-size:8px!important; line-height:1.1!important; letter-spacing:.09em!important; white-space:nowrap!important; } .apartmentPremiumHotspot1020611>span b::before{ content:'CLICK'; display:inline-block; margin-right:6px; padding:2px 4px; border-radius:4px; background:#e7bd61; color:#101216; font-size:6px; line-height:1; font-weight:1000; letter-spacing:.08em; vertical-align:1px; } .apartmentPremiumHotspot1020611>span small{ display:block!important; max-height:0; margin-top:0!important; overflow:hidden; opacity:0; color:#c9d5df!important; font-size:7px!important; line-height:1.25!important; white-space:nowrap!important; transition:max-height .14s ease,opacity .14s ease,margin-top .14s ease; } .apartmentPremiumHotspot1020611:hover, .apartmentPremiumHotspot1020611:focus-visible{ border-color:rgba(231,189,97,.42)!important; background:rgba(231,189,97,.045)!important; box-shadow:inset 0 0 34px rgba(231,189,97,.08)!important; } .apartmentPremiumHotspot1020611:hover::after, .apartmentPremiumHotspot1020611:focus-visible::after{ background:#ffd977!important; box-shadow: 0 0 0 5px rgba(3,8,12,.82), 0 0 0 8px rgba(255,217,119,.58), 0 6px 22px rgba(0,0,0,.6), 0 0 30px rgba(255,217,119,.42)!important; } .apartmentPremiumHotspot1020611:hover>span, .apartmentPremiumHotspot1020611:focus-visible>span{ transform:translate(-50%,0)!important; border-color:rgba(255,217,119,.78)!important; background:rgba(3,8,12,.96)!important; } .apartmentPremiumHotspot1020611:hover>span small, .apartmentPremiumHotspot1020611:focus-visible>span small{ max-height:24px; margin-top:4px!important; opacity:1; } @media (max-width:900px){ .apartmentPremiumHotspot1020611>span{display:block!important;padding:4px 6px!important} .apartmentPremiumHotspot1020611>span b{font-size:7px!important} .apartmentPremiumHotspot1020611>span b::before{display:none} .apartmentPremiumHotspot1020611>span small{display:none!important} .apartmentPremiumHotspot1020611::after{width:14px!important;height:14px!important} } /* styles/99-city-premium-10206-14.css */ /* LIFE LIKE A DJ — CITY 2.0 PREMIUM STATIC HUB v10206.14 + v10206.16 CASCADE REPAIR One-screen city experience: real open-license photography, clear permanent click markers, fixed camera, no page scroll. Existing Life Mode mechanics remain the source of truth. */ @media (min-width:901px){ .oneScreenRoot10150[data-screen="lifemode10100"] .lifeMode10100.isCity10100.cityPremium1020614{ display:grid!important;grid-template-rows:50px minmax(0,1fr) 28px!important;gap:7px!important; height:100%!important;min-height:0!important;overflow:hidden!important;padding:0!important; background:radial-gradient(circle at 48% -20%,rgba(201,160,79,.09),transparent 36%),linear-gradient(180deg,#080d13,#090e15 62%,#070b10)!important; } .cityPremiumHead1020614{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:center;min-height:0;padding:0 10px 0 12px;border:1px solid #2a3548;border-radius:10px;background:linear-gradient(135deg,#101823,#0b111a);box-shadow:0 10px 28px rgba(0,0,0,.18)} .cityPremiumHead1020614 small{display:block;color:#d8b668;font-size:8px!important;font-weight:900;letter-spacing:.15em;line-height:1.1} .cityPremiumHead1020614 h2{margin:1px 0 0!important;color:#fff;font-size:18px!important;line-height:1.05!important;letter-spacing:-.02em} .cityPremiumHead1020614 p{margin:3px 0 0!important;color:#7f91aa;font-size:8px!important;line-height:1!important;letter-spacing:.08em} .cityPremiumHeadActions1020614{display:flex;align-items:center;gap:6px} .cityPremiumHeadActions1020614 button{min-height:32px!important;padding:0 10px!important;border:1px solid #354258!important;border-radius:8px!important;background:#111a26!important;color:#e8edf4!important;font-size:8px!important;font-weight:900!important;letter-spacing:.07em;cursor:pointer} .cityPremiumHeadActions1020614 button:hover{border-color:#e7bd61!important;background:#211d17!important;color:#fff8e8!important} .lifeMode10100.isCity10100.cityPremium1020614>.cityPremiumShell1020614{min-height:0!important;height:100%!important;display:grid;grid-template-columns:minmax(0,1fr) 264px;gap:8px;overflow:hidden} .cityPremiumWorld1020614{position:relative;min-width:0;min-height:0;height:100%;overflow:hidden;border:1px solid #2c3a4e;border-radius:13px;background:radial-gradient(circle at 50% 40%,#1a2633,#090e15 72%);box-shadow:0 20px 46px rgba(0,0,0,.30);isolation:isolate} .cityLegacyFallback1020614{position:absolute;inset:0;z-index:1;opacity:0;pointer-events:none} .cityPremiumCanvas1020614{position:absolute;inset:0;z-index:2;overflow:hidden;background:linear-gradient(135deg,#243244,#111b28 48%,#0a1018)} .cityFallback1020614{z-index:1!important;background:linear-gradient(145deg,#1c2938,#0d141e)!important} .cityPremiumLoading1020614{position:absolute;z-index:8;inset:0;display:grid;place-content:center;gap:10px;text-align:center;pointer-events:none;background:linear-gradient(145deg,rgba(9,14,21,.82),rgba(8,12,18,.70));transition:opacity .2s ease} .cityPremiumLoading1020614[hidden]{display:none!important}.cityPremiumLoading1020614 b{font-size:9px;color:#d9e2ec;letter-spacing:.16em}.cityPremiumLoading1020614 span{display:block;width:130px;height:3px;margin:auto;border-radius:99px;background:#202b38;overflow:hidden}.cityPremiumLoading1020614 i{display:block;width:40%;height:100%;background:linear-gradient(90deg,#d9b35d,#f5d982);animation:cityPremiumLoad1020614 1.2s ease-in-out infinite alternate}@keyframes cityPremiumLoad1020614{to{transform:translateX(150%)}} .cityPremiumScene1020614{position:absolute;inset:0;overflow:hidden;background:linear-gradient(145deg,#263748,#101923);isolation:isolate} .cityPremiumImage1020614{position:absolute;z-index:1;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;display:block;user-select:none;pointer-events:none;transform:scale(1.015);filter:saturate(.94) contrast(1.04) brightness(.82)} .cityPremiumMorning1020614 .cityPremiumImage1020614{filter:saturate(.90) contrast(1.02) brightness(.98) sepia(.04)} .cityPremiumAfternoon1020614 .cityPremiumImage1020614{filter:saturate(.96) contrast(1.04) brightness(.90)} .cityPremiumEvening1020614 .cityPremiumImage1020614{filter:saturate(1.02) contrast(1.06) brightness(.80) sepia(.08)} .cityPremiumNight1020614 .cityPremiumImage1020614{filter:saturate(.92) contrast(1.10) brightness(.58) hue-rotate(6deg)} .cityPremiumShade1020614{position:absolute;z-index:2;inset:0;pointer-events:none;background:linear-gradient(180deg,rgba(3,7,11,.28),rgba(3,7,11,.03) 26%,rgba(3,7,11,.02) 58%,rgba(2,5,8,.42)),linear-gradient(90deg,rgba(3,6,10,.23),transparent 26%,transparent 72%,rgba(3,6,10,.19));box-shadow:inset 0 0 90px rgba(0,0,0,.30)} .cityPremiumNight1020614 .cityPremiumShade1020614{background:linear-gradient(180deg,rgba(4,10,22,.37),rgba(1,5,12,.10) 30%,rgba(1,4,9,.12) 56%,rgba(1,3,8,.56)),linear-gradient(90deg,rgba(4,10,18,.32),transparent 28%,transparent 70%,rgba(4,7,15,.30))} .cityPremiumCityplate1020614{position:absolute;z-index:4;left:14px;top:57px;min-width:190px;padding:8px 10px;border:1px solid rgba(231,189,97,.32);border-radius:9px;background:rgba(3,8,12,.72);backdrop-filter:blur(11px);pointer-events:none;box-shadow:0 10px 28px rgba(0,0,0,.28)} .cityPremiumCityplate1020614 small{display:block;color:#d7b563;font-size:6px;font-weight:900;letter-spacing:.17em}.cityPremiumCityplate1020614 b{display:block;margin-top:2px;color:#fff;font-size:15px;line-height:1}.cityPremiumCityplate1020614 span{display:block;margin-top:3px;color:#a3b2c3;font-size:7px;letter-spacing:.08em} .cityPremiumCredit1020614{position:absolute;z-index:7;right:11px;bottom:59px;padding:4px 6px;border:1px solid rgba(255,255,255,.12);border-radius:5px;background:rgba(2,6,10,.72);color:#aebbc8!important;font-size:6px!important;letter-spacing:.08em;text-decoration:none!important;backdrop-filter:blur(8px)} .cityPremiumCredit1020614:hover{color:#fff!important;border-color:rgba(231,189,97,.50)} .cityPremiumHotspot1020614{position:absolute;z-index:5;border:1px solid transparent;border-radius:15px;background:transparent;color:#fff;cursor:pointer;outline:0;padding:0;transition:border-color .15s ease,background .15s ease,box-shadow .15s ease} .cityPremiumPin1020614{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:grid;grid-template-columns:26px auto;grid-template-rows:auto auto;column-gap:7px;align-items:center;min-width:max-content;max-width:230px;padding:6px 9px 6px 6px;border:1px solid rgba(231,189,97,.58);border-radius:9px;background:rgba(3,8,12,.88);backdrop-filter:blur(11px);box-shadow:0 9px 24px rgba(0,0,0,.43),0 0 0 1px rgba(0,0,0,.18);pointer-events:none;transition:transform .14s ease,border-color .14s ease,background .14s ease,box-shadow .14s ease} .cityPremiumPin1020614::before{content:'CLICK';position:absolute;left:7px;top:-11px;padding:2px 4px;border-radius:4px;background:#e7bd61;color:#101216;font-size:5.5px;line-height:1;font-weight:1000;letter-spacing:.09em;box-shadow:0 3px 10px rgba(0,0,0,.35)} .cityPremiumPin1020614 i{grid-row:1/3;display:grid;place-items:center;width:26px;height:26px;border-radius:50%;background:#e7bd61;color:#101216;font-style:normal;font-size:13px;box-shadow:0 0 0 4px rgba(3,8,12,.72),0 0 0 6px rgba(231,189,97,.35),0 0 20px rgba(231,189,97,.24)} .cityPremiumPin1020614 b{display:block;color:#fff7e8;font-size:8px;line-height:1.1;letter-spacing:.075em;text-align:left;white-space:nowrap} .cityPremiumPin1020614 small{display:block;max-width:0;height:0;margin-top:0;overflow:hidden;opacity:0;color:#c3cfda;font-size:6.8px;line-height:1.25;white-space:nowrap;transition:max-width .16s ease,height .16s ease,opacity .16s ease,margin-top .16s ease} .cityPremiumHotspot1020614:hover,.cityPremiumHotspot1020614:focus-visible{border-color:rgba(231,189,97,.38);background:rgba(231,189,97,.045);box-shadow:inset 0 0 42px rgba(231,189,97,.07)} .cityPremiumHotspot1020614:hover .cityPremiumPin1020614,.cityPremiumHotspot1020614:focus-visible .cityPremiumPin1020614{transform:translate(-50%,-50%) scale(1.035);border-color:#ffd873;background:rgba(3,8,12,.96);box-shadow:0 13px 32px rgba(0,0,0,.50),0 0 23px rgba(231,189,97,.12)} .cityPremiumHotspot1020614:hover .cityPremiumPin1020614 i,.cityPremiumHotspot1020614:focus-visible .cityPremiumPin1020614 i{background:#ffd873;box-shadow:0 0 0 4px rgba(3,8,12,.80),0 0 0 7px rgba(255,216,115,.50),0 0 28px rgba(255,216,115,.35)} .cityPremiumHotspot1020614:hover .cityPremiumPin1020614 small,.cityPremiumHotspot1020614:focus-visible .cityPremiumPin1020614 small{max-width:210px;height:10px;margin-top:3px;opacity:1} .cityPremiumVitals1020614{position:absolute;z-index:7;top:9px;left:9px;right:9px;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:5px;pointer-events:none} .cityPremiumVitals1020614 .apartmentVital102067{padding:6px 7px 5px!important;border-color:rgba(255,255,255,.10)!important;background:rgba(4,8,13,.78)!important;backdrop-filter:blur(9px)} .cityPremiumBadge1020614{position:absolute;z-index:7;right:10px;top:57px;display:flex;flex-direction:column;align-items:flex-end;padding:7px 9px;border:1px solid rgba(231,189,97,.30);border-radius:8px;background:rgba(4,8,12,.60);backdrop-filter:blur(10px);pointer-events:none}.cityPremiumBadge1020614 span{color:#dfbf76;font-size:6px;font-weight:900;letter-spacing:.16em}.cityPremiumBadge1020614 b{margin-top:3px;color:#f3f8fb;font-size:9px;letter-spacing:.08em} .cityPremiumHud1020614{position:absolute;z-index:7;left:9px;right:9px;bottom:8px;display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:44px;padding:7px 9px;border:1px solid rgba(255,255,255,.11);border-radius:9px;background:linear-gradient(90deg,rgba(3,8,13,.90),rgba(8,11,15,.80));backdrop-filter:blur(11px);pointer-events:none} .cityPremiumHud1020614 small{display:block;color:#d9b760;font-size:6px;font-weight:900;letter-spacing:.16em}.cityPremiumHud1020614 b{display:block;margin-top:2px;color:#fff;font-size:10px;letter-spacing:.07em}.cityPremiumHud1020614 span{display:block;margin-top:2px;color:#95a7b9;font-size:6.5px;letter-spacing:.06em}.cityPremiumHud1020614 strong{padding:6px 8px;border:1px solid rgba(111,226,191,.30);border-radius:7px;background:rgba(25,91,68,.22);color:#a9efd7;font-size:8px;letter-spacing:.08em} .cityPremiumRail1020614{min-height:0;display:grid;grid-template-rows:auto auto auto auto auto minmax(0,1fr);gap:7px;overflow:hidden} .cityPremiumRailCard1020614{min-width:0;padding:9px 10px;border:1px solid #29384d;border-radius:11px;background:linear-gradient(150deg,#101824,#0b121b);overflow:hidden} .cityPremiumRailCard1020614>small,.cityPremiumRailCard1020614 header>small{display:block;color:#d7b567;font-size:7px!important;font-weight:900;letter-spacing:.14em} .cityPremiumRailCard1020614>b{display:block;margin:4px 0;color:#fff;font-size:13px!important}.cityPremiumRailCard1020614 p{margin:4px 0 0!important;color:#8799b0;font-size:7.5px!important;line-height:1.33!important} .cityPremiumIdentity1020614{display:grid;grid-template-columns:44px 1fr;gap:9px;align-items:center}.cityPremiumAvatar1020614{width:44px;height:44px;display:grid;place-items:center;border:1px solid #38475e;border-radius:10px;background:radial-gradient(circle at 50% 20%,#314057,#111923);font-size:14px}.cityPremiumIdentity1020614 small{font-size:7px!important}.cityPremiumIdentity1020614 b{display:block;margin:2px 0;color:#fff;font-size:12px!important}.cityPremiumIdentity1020614 p{margin:0!important} .cityPremiumPulse1020614{display:grid;grid-template-columns:repeat(3,1fr);gap:5px;margin-top:6px}.cityPremiumPulse1020614>span{display:block;padding:5px;border:1px solid #253449;border-radius:7px;background:#0c131d;text-align:center}.cityPremiumPulse1020614 b{display:block;color:#fff;font-size:10px}.cityPremiumPulse1020614 small{display:block;margin-top:2px;color:#73869d;font-size:5.5px;letter-spacing:.09em} .cityPremiumRailLine1020614{display:flex;justify-content:space-between;gap:8px;align-items:baseline;margin-top:4px}.cityPremiumRailLine1020614 b{min-width:0;color:#f3f7fc;font-size:10px!important;line-height:1.2}.cityPremiumRailLine1020614 strong{flex:0 0 auto;color:#9fe6cf;font-size:9px} .cityPremiumCreative1020614>i{display:block;height:3px;margin-top:6px;border-radius:5px;background:#1c2735;overflow:hidden}.cityPremiumCreative1020614>i>u{display:block;height:100%;background:linear-gradient(90deg,#d7b55f,#75d0a5);text-decoration:none} .cityPremiumPersonal1020614 button{width:100%;min-height:26px!important;margin-top:6px!important;padding:0 8px!important;border:1px solid #49566e!important;border-radius:7px!important;background:#151d2a!important;color:#eef4fb!important;font-size:7px!important;font-weight:900!important;cursor:pointer}.cityPremiumPersonal1020614 button:hover{border-color:#e7bd61!important;background:#241f16!important} .cityPremiumMemory1020614{min-height:0;overflow:auto;scrollbar-width:thin;scrollbar-color:#485c77 #0d141e}.cityPremiumMemory1020614 header{display:flex;justify-content:space-between;gap:8px;margin-bottom:3px}.cityPremiumMemory1020614 header>span{color:#70839c;font-size:7px}.cityPremiumMemory1020614 article{display:grid;grid-template-columns:22px 1fr;gap:7px;padding:6px 0;border-top:1px solid rgba(255,255,255,.06)}.cityPremiumMemory1020614 article>span{font-size:13px}.cityPremiumMemory1020614 article small{font-size:5.8px!important;color:#6d819b}.cityPremiumMemory1020614 article b{display:block;margin:1px 0;color:#e9eef5;font-size:7.5px!important}.cityPremiumMemory1020614 article p{font-size:6.7px!important;line-height:1.28!important}.cityEmpty1020614{margin:8px 0 0;color:#74869d;font-size:8px;line-height:1.35} .cityPremiumFooter1020614{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:0;padding:0 7px;border-top:1px solid #1d2734;color:#73869e;font-size:7px;overflow:hidden}.cityPremiumFooter1020614 button{border:0;background:transparent;color:#e5b74b;font-size:7px;font-weight:900;letter-spacing:.08em;cursor:pointer;white-space:nowrap} } @media (min-width:901px) and (max-width:1180px){.cityPremiumShell1020614{grid-template-columns:minmax(0,1fr) 224px}.cityPremiumRailCard1020614{padding:8px}.cityPremiumVitals1020614{grid-template-columns:repeat(3,1fr)}.cityPremiumPin1020614{transform:translate(-50%,-50%) scale(.90)}.cityPremiumHotspot1020614:hover .cityPremiumPin1020614{transform:translate(-50%,-50%) scale(.94)}} @media (max-width:900px){.lifeMode10100.cityPremium1020614{padding:10px!important;overflow-y:auto!important}.cityPremiumHead1020614{display:grid;grid-template-columns:1fr;gap:8px}.cityPremiumHeadActions1020614{display:flex;gap:6px;flex-wrap:wrap}.cityPremiumShell1020614{display:grid;grid-template-columns:1fr;gap:8px}.cityPremiumWorld1020614{position:relative;min-height:500px}.cityPremiumRail1020614{display:grid;grid-template-columns:1fr 1fr;gap:8px}.cityPremiumMemory1020614{grid-column:1/-1;max-height:180px}.cityPremiumVitals1020614{grid-template-columns:repeat(3,1fr)}.cityPremiumPin1020614{transform:translate(-50%,-50%) scale(.80)}.cityPremiumPin1020614 small{display:none}.cityPremiumCredit1020614{display:none}.cityPremiumFooter1020614{margin-top:8px}} /* styles/100-flight-city-list-10206-18.css */ /* LIFE LIKE A DJ v10206.18 — Flight Desk dense-country readability City cards must scroll, never shrink until their labels are clipped. */ .flightAirportList101915{ overflow-y:auto!important; overflow-x:hidden!important; align-content:flex-start; scrollbar-width:thin; scrollbar-color:rgba(245,185,66,.45) rgba(255,255,255,.035); } .flightAirportCard101915{ position:relative; isolation:isolate; flex:0 0 auto!important; min-height:66px!important; overflow:hidden; padding:10px 11px!important; background:rgba(8,13,19,.78)!important; } .flightAirportCard101915.cityOpenPhotoReady10192::after{ background:linear-gradient(90deg,rgba(5,10,16,.96) 0%,rgba(5,10,16,.82) 52%,rgba(5,10,16,.88) 100%)!important; } .flightAirportCard101915.cityOpenPhotoReady10192 .cityOpenPhotoImg10192{opacity:.22!important} .flightAirportCard101915 .flightCityName101915{ display:block!important; margin:2px 0 1px!important; min-height:19px; color:#eef8ff!important; font-size:16px!important; line-height:1.12!important; font-weight:850!important; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; text-shadow:0 1px 7px rgba(0,0,0,.92); } .flightAirportCard101915>div>small, .flightAirportCard101915>div>p, .flightAirportCard101915>aside{position:relative;z-index:3} .flightAirportCard101915>div>small{color:#93a2b5!important} .flightAirportCard101915>div>p{color:#bac6d2!important;line-height:1.2!important} .flightAirportCard101915.selected .flightCityName101915, .flightAirportCard101915.recommended .flightCityName101915{color:#75dcff!important} /* styles/101-show-career-handoff-10206-19.css */ /* SHOW → CAREER HANDOFF 10206.19 */ .showHandoff1020619{margin:14px 0;border:1px solid #3b4b64;border-radius:16px;padding:14px;background:linear-gradient(135deg,#111b29,#0c111a);box-shadow:0 12px 30px #0004}.showHandoff1020619.hot{border-color:#d38a3f;background:linear-gradient(135deg,#2b1d12,#11151b)}.showHandoff1020619.up{border-color:#2f7791}.showHandoff1020619.reset{border-color:#755064}.showHandoff1020619 header{display:flex;justify-content:space-between;gap:12px;align-items:start}.showHandoff1020619 small,.homeHandoff1020619 small,.promoterFollowup1020619 small{display:block;color:#8ca1bb;font-size:8px;letter-spacing:.15em;font-weight:900}.showHandoff1020619 h3{margin:3px 0;font-size:16px}.showHandoff1020619 header>b{font-size:11px;padding:7px 9px;border:1px solid #3d506b;border-radius:8px;white-space:nowrap}.showHandoff1020619 p{margin:7px 0 10px;color:#adb9ca;font-size:11px;line-height:1.45}.showHandoffStats1020619{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.showHandoffStats1020619 span{border:1px solid #26364b;border-radius:10px;padding:8px;background:#0a1018}.showHandoffStats1020619 small{color:#7f92aa}.showHandoffStats1020619 b{display:block;margin-top:3px;font-size:13px}.showHandoff1020619 footer{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-top:10px;padding-top:10px;border-top:1px solid #27384d;color:#97a9be;font-size:10px}.showHandoff1020619 footer span{max-width:65%;line-height:1.35}.showHandoff1020619 button,.homeHandoff1020619 button{border:1px solid #d47a4b;border-radius:9px;background:#d47a4b;color:#fff;padding:8px 10px;font-size:9px;font-weight:900;white-space:nowrap}.homeHandoff1020619{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 0 12px;padding:11px 12px;border:1px solid #304c61;border-radius:13px;background:linear-gradient(110deg,#101c29,#0c121a)}.homeHandoff1020619.hot{border-color:#a97136}.homeHandoff1020619.reset{border-color:#6d4e61}.homeHandoff1020619 b{display:block;margin:3px 0;font-size:13px}.homeHandoff1020619 span{display:block;color:#98aabd;font-size:10px}.promoterFollowup1020619{display:grid;grid-template-columns:26px 1fr auto;gap:8px;align-items:center;margin:10px 0;padding:9px;border:1px solid #8b5d36;border-radius:10px;background:#21170f}.promoterFollowup1020619>span{width:26px;height:26px;border-radius:50%;display:grid;place-items:center;background:#a96935;color:#fff}.promoterFollowup1020619 b{display:block;font-size:10px;margin:2px 0}.promoterFollowup1020619 p{margin:0;color:#c8af95;font-size:9px;line-height:1.35}.promoterFollowup1020619 strong{color:#ffd084;font-size:12px}@media(max-width:680px){.showHandoff1020619 footer,.homeHandoff1020619{align-items:flex-start;flex-direction:column}.showHandoff1020619 footer span{max-width:none}.showHandoffStats1020619{grid-template-columns:1fr}.showHandoff1020619 button,.homeHandoff1020619 button{width:100%}} /* styles/102-release-hardening-10207.css */ .releaseRecovery10207{min-height:100vh;display:grid;place-items:center;padding:24px;background:#090d14;color:#eef5ff}.releaseRecovery10207 section{max-width:580px;border:1px solid #4c5e78;border-radius:18px;background:#111926;padding:24px;box-shadow:0 20px 60px #0008}.releaseRecovery10207 small{display:block;color:#efaa7b;font-size:10px;font-weight:900;letter-spacing:.14em}.releaseRecovery10207 h2{margin:7px 0;font-size:23px}.releaseRecovery10207 p{color:#b7c3d3;line-height:1.5}.releaseRecovery10207 code{display:block;max-height:100px;overflow:auto;padding:10px;border-radius:9px;background:#080d14;color:#eac7b5;font-size:11px;white-space:pre-wrap}.releaseRecovery10207 div{display:flex;gap:8px;margin-top:16px}.releaseRecovery10207 button{border:1px solid #586a85;border-radius:9px;background:#172234;color:#fff;padding:10px 13px;font-weight:900}.releaseRecovery10207 .primary{background:#db6d43;border-color:#db6d43} /* styles/103-show-media-ui-10207-1.css */ /* LIFE LIKE A DJ — SHOW controls + authorized media directory v10207.1 */ /* The phrase guide was removed from the renderer. Phrase timing remains visible directly on the two waveforms and in the DROP ZONE. */ .show2PhraseGuide46{display:none!important} /* Make the live controls legible and finger-friendly after reclaiming the phrase row. */ .show2_211 .show2Controls211{grid-template-columns:minmax(360px,1.35fr) minmax(210px,.72fr) minmax(240px,.9fr) minmax(310px,1.2fr)!important;gap:12px!important;margin-top:12px!important} .show2_211 .show2Controls211>div,.show2_211 .show2Primary211{min-height:112px!important;padding:14px!important} .show2_211 .show2Tempo211{border-color:rgba(105,195,239,.34)!important;background:linear-gradient(145deg,#0d1a27,#0a1018)!important} .show2_211 .show2Tempo211 small{font-size:11px!important;letter-spacing:.1em!important;color:#a9dbf0!important} .show2_211 .show2Tempo211 b{font-size:20px!important;margin:7px 0 11px!important;letter-spacing:.01em!important} .show2_211 .show2Tempo211>div{gap:8px!important} .show2_211 .show2Tempo211 button{min-height:54px!important;padding:8px 10px!important;border-radius:10px!important;border-color:rgba(166,217,237,.28)!important;background:linear-gradient(180deg,#1b3143,#122130)!important;color:#effaff!important;font-size:14px!important;font-weight:950!important;letter-spacing:.035em!important} .show2_211 .show2Tempo211 button:hover{border-color:#9cdaef!important;background:#1b3b50!important} .show2_211 .show2CueGain211{grid-template-columns:1fr!important;gap:7px!important} .show2_211 .show2CueGain211 button{min-height:38px!important;font-size:11px!important} .show2_211 .show2Now211{display:grid!important;align-content:center!important;gap:5px!important} .show2_211 .show2Now211 small{font-size:10px!important}.show2_211 .show2Now211 b{font-size:16px!important}.show2_211 .show2Now211 span{font-size:11px!important;line-height:1.35!important} .show2_211 .show2Primary211{min-height:112px!important;box-shadow:0 0 0 1px rgba(255,255,255,.35) inset,0 12px 26px rgba(0,0,0,.2)!important} .show2_211 .show2Primary211 b{font-size:23px!important;letter-spacing:.035em!important}.show2_211 .show2Primary211 span{font-size:11px!important;margin-top:6px!important} /* Real media: compact logo directory on the left, partner presentation on the right. */ .mwPartnerDirectory102071{display:grid;grid-template-columns:minmax(310px,.76fr) minmax(0,1.24fr);gap:14px;margin-top:14px;align-items:start} .mwPartnerList102071,.mwPartnerProfile102071{border:1px solid rgba(232,183,79,.24);border-radius:16px;background:linear-gradient(145deg,rgba(12,17,20,.98),rgba(5,8,10,.96));box-shadow:0 14px 34px rgba(0,0,0,.2)} .mwPartnerList102071{padding:12px}.mwPartnerList102071>header{padding:4px 5px 10px}.mwPartnerList102071>header small,.mwPartnerProfile102071>small{color:#e8b74f;font-size:10px;letter-spacing:.105em}.mwPartnerList102071>header h3{margin:4px 0 0;font-size:16px} .mwPartnerChoice102071{width:100%;display:grid;grid-template-columns:116px minmax(0,1fr);gap:11px;align-items:center;margin-top:8px;padding:9px;text-align:left;color:#edf4f5;border:1px solid rgba(255,255,255,.1);border-radius:12px;background:#0c1216;cursor:pointer;transition:border-color .16s ease,background .16s ease,transform .16s ease} .mwPartnerChoice102071:hover,.mwPartnerChoice102071.active{border-color:rgba(232,183,79,.78);background:linear-gradient(135deg,#1c1a10,#101719);transform:translateY(-1px)} .mwPartnerChoiceLogo102071{height:66px;padding:5px;display:grid;place-items:center;overflow:hidden;border-radius:8px;background:#fff}.mwPartnerChoiceImg102071{width:100%;height:100%;object-fit:contain} .mwPartnerChoice102071 span:last-child{min-width:0}.mwPartnerChoice102071 small,.mwPartnerChoice102071 b,.mwPartnerChoice102071 em{display:block}.mwPartnerChoice102071 small{font-size:8px;color:#93a4aa;letter-spacing:.07em}.mwPartnerChoice102071 b{margin:4px 0;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mwPartnerChoice102071 em{font-style:normal;font-size:9px;color:#e8b74f;letter-spacing:.08em} .mwPartnerProfile102071{position:relative;min-height:438px;padding:22px;overflow:hidden}.mwPartnerProfile102071:after{content:"";position:absolute;right:-100px;bottom:-125px;width:310px;height:310px;border-radius:50%;background:radial-gradient(circle,rgba(232,183,79,.18),transparent 66%);pointer-events:none}.mwPartnerProfile102071>*{position:relative;z-index:1}.mwPartnerHeroLogo102071{height:150px;margin:2px 0 15px;padding:12px;display:grid;place-items:center;overflow:hidden;border-radius:13px;background:#fff;box-shadow:inset 0 0 0 1px rgba(0,0,0,.05),0 12px 26px rgba(0,0,0,.2)}.mwPartnerHeroImg102071{width:100%;height:100%;object-fit:contain}.mwPartnerProfile102071 h3{margin:7px 0 8px;font-size:clamp(25px,2.2vw,34px)}.mwPartnerProfile102071>p{max-width:720px;margin:0;color:#ccd6d9;font-size:15px;line-height:1.55}.mwPartnerAbout102071{display:grid;gap:5px;margin:17px 0;padding:12px;border-left:3px solid #e8b74f;background:rgba(255,255,255,.035)}.mwPartnerAbout102071 b{font-size:10px;color:#e8b74f;letter-spacing:.1em}.mwPartnerAbout102071 span{max-width:750px;color:#aebcc1;font-size:12px;line-height:1.5}.mwPartnerWebsite102071{display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:0 15px;border:1px solid #e8b74f;border-radius:10px;background:#e8b74f;color:#171106;font-size:11px;font-weight:950;letter-spacing:.075em;text-decoration:none}.mwPartnerWebsite102071:hover{filter:brightness(1.08)}.mwPartnerProfile102071 footer{display:flex;justify-content:space-between;gap:12px;margin-top:18px;padding-top:12px;border-top:1px solid rgba(255,255,255,.1);font-size:10px}.mwPartnerProfile102071 footer b{color:#8fe2b2}.mwPartnerProfile102071 footer span{color:#8797a1} @media(max-width:1180px){.show2_211 .show2Controls211{grid-template-columns:1fr 1fr!important}.mwPartnerDirectory102071{grid-template-columns:1fr}.mwPartnerList102071{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.mwPartnerList102071>header{grid-column:1/-1}.mwPartnerChoice102071{grid-template-columns:1fr}.mwPartnerChoiceLogo102071{height:58px}} @media(max-width:720px){.show2_211 .show2Controls211{grid-template-columns:1fr!important}.show2_211 .show2Tempo211>div{grid-template-columns:1fr 1fr!important}.show2_211 .show2Tempo211 button{min-height:50px!important}.mwPartnerList102071{grid-template-columns:1fr}.mwPartnerChoice102071{grid-template-columns:104px minmax(0,1fr)}.mwPartnerProfile102071{padding:16px;min-height:0}.mwPartnerProfile102071 footer{display:grid}.mwPartnerHeroLogo102071{height:120px}} /* styles/104-dj-profile-archive-10207-2.css */ /* LIFE LIKE A DJ — active identity shortcut and player career archive v10207.2 */ .oneScreenProfileButton102072{width:100%;margin:0;padding:8px 7px 12px;text-align:left;color:inherit;border:0;border-bottom:1px solid #263438;background:transparent;cursor:pointer}.oneScreenProfileButton102072:hover{background:linear-gradient(90deg,rgba(218,174,79,.14),transparent);border-bottom-color:#a7843a}.oneScreenProfileButton102072:focus-visible{outline:2px solid #e8b74f;outline-offset:2px}.oneScreenProfileButton102072 em{display:block;margin-top:5px;color:#e8b74f;font-size:8px;font-style:normal;font-weight:900;letter-spacing:.09em} .djArchive102072{margin:0 0 16px;border:1px solid rgba(232,183,79,.25);border-radius:13px;overflow:hidden;background:linear-gradient(145deg,#111612,#080e11);box-shadow:0 15px 36px rgba(0,0,0,.18)}.djArchive102072>header{display:flex;justify-content:space-between;gap:15px;padding:17px 18px;border-bottom:1px solid rgba(255,255,255,.1);background:linear-gradient(90deg,rgba(232,183,79,.12),transparent)}.djArchive102072 header small{font-size:9px;color:#e8b74f;letter-spacing:.11em}.djArchive102072 h3,.djArchive102072 h4{margin:4px 0 0}.djArchive102072 h3{font-size:22px}.djArchive102072 h4{font-size:15px}.djArchive102072>header p{max-width:650px;margin:6px 0 0;color:#9eafb4;font-size:12px;line-height:1.45}.djArchive102072>header>span{align-self:start;padding:6px 8px;border:1px solid rgba(232,183,79,.4);border-radius:99px;color:#f1cb6b;font-size:9px;font-weight:900;letter-spacing:.08em;white-space:nowrap} .djArchiveStats102072{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:rgba(255,255,255,.08)}.djArchiveStats102072 article{padding:14px 16px;background:#0b1113}.djArchiveStats102072 small,.djArchiveStats102072 span{display:block;color:#8ca0a6;font-size:9px;letter-spacing:.07em}.djArchiveStats102072 b{display:block;margin:5px 0 2px;color:#f5f6ef;font-size:25px} .djArchiveGrid102072{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:14px}.djArchiveGrid102072>article,.djTimeline102072{border:1px solid rgba(255,255,255,.1);border-radius:10px;background:#0a1012}.djArchiveGrid102072>article>header,.djTimeline102072>header{padding:12px 13px;border-bottom:1px solid rgba(255,255,255,.08)}.djVenueRows102072>div,.djTimeline102072>div{display:grid;grid-template-columns:26px minmax(0,1fr) auto;align-items:center;gap:9px;padding:10px 12px;border-bottom:1px solid rgba(255,255,255,.06)}.djVenueRows102072>div:last-child,.djTimeline102072>div:last-child{border-bottom:0}.djVenueRows102072>div>span,.djTimeline102072>div>span{display:grid;place-items:center;width:24px;height:24px;border-radius:7px;background:rgba(232,183,79,.12);font-size:13px}.djVenueRows102072 p,.djTimeline102072 p{min-width:0;margin:0}.djVenueRows102072 b,.djTimeline102072 b,.djVenueRows102072 small,.djTimeline102072 small{display:block}.djVenueRows102072 b,.djTimeline102072 b{font-size:12px;color:#e8eef0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.djVenueRows102072 small,.djTimeline102072 small{margin-top:3px;color:#8ba0a6;font-size:10px;line-height:1.35}.djVenueRows102072 em{padding:4px 6px;border-radius:6px;background:#172024;color:#e8b74f;font-size:10px;font-style:normal;font-weight:900}.djPlaceGroup102072{padding:12px;border-bottom:1px solid rgba(255,255,255,.07)}.djPlaceGroup102072:last-child{border-bottom:0}.djPlaceGroup102072>b{display:block;margin-bottom:8px;color:#b4c1c5;font-size:9px;letter-spacing:.09em}.djArchiveChips102072{display:flex;gap:6px;flex-wrap:wrap}.djArchiveChips102072 span{padding:5px 7px;border-radius:7px;background:#182125;color:#d7e2e4;font-size:10px}.djArchiveChips102072.countries span{border:1px solid rgba(232,183,79,.25);color:#f1cf78}.djArchiveEmpty102072{padding:13px;margin:0;color:#839399;font-size:11px;line-height:1.5}.djTimeline102072{margin:0 14px 14px}.djTimeline102072>div{grid-template-columns:26px minmax(0,1fr)} @media(max-width:900px){.djArchiveStats102072{grid-template-columns:repeat(2,1fr)}.djArchiveGrid102072{grid-template-columns:1fr}}@media(max-width:620px){.djArchive102072>header{display:grid}.djArchive102072>header>span{justify-self:start}.djArchiveStats102072 article{padding:12px}.djArchiveGrid102072{padding:10px}.djTimeline102072{margin:0 10px 10px}} @media(min-width:761px){.oneScreenViewport10150>main.playerProfile992{overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;scrollbar-gutter:stable;scrollbar-width:thin;box-sizing:border-box}} /* styles/108-living-world-recovered.css */ @media(min-width:761px){ .oneScreenRoot10150 .livingpage38>header.sectionhead{height:auto!important;min-height:64px!important;display:flex;gap:14px;flex-wrap:wrap;margin-bottom:14px!important} .livingpage38>header.sectionhead>div{flex:1;min-width:180px}.livingNav102077e{display:flex;gap:8px;flex-wrap:wrap}.livingNav102077e button{background:#142329;color:#e7eef0;border:1px solid #38515a;border-radius:8px;padding:10px 12px} .oneScreenRoot10150 .livingpage38 .goalhero{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:0 0 12px}.oneScreenRoot10150 .livingpage38 .goalhero>div{padding:14px!important;min-height:0;border:1px solid #30434b!important;border-radius:10px;background:#101b23!important}.oneScreenRoot10150 .livingpage38 .goalhero b{font-size:30px!important;line-height:1.2;margin:6px 0}.livingpage38 .goalhero strong{font-size:12px}.oneScreenRoot10150 .livingpage38 .worldPulse10111{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:0 0 12px}.oneScreenRoot10150 .livingpage38 .scenePulse38 article{padding:12px;background:#111d26;border:1px solid #30434b;border-radius:10px}.livingpage38 .livingGrid38{gap:12px}.livingpage38 .lw2Hub300,.livingpage38 .lwWorldDesk31{margin:14px 0;padding:16px}.livingpage38 .lw2Hub300>header h2{font-size:20px}.livingpage38 .lw2Hub300>header small{display:none}.livingpage38 .livingActions{display:flex;gap:6px;flex-wrap:wrap}} /* styles/110-festival-applications-10207-17.css */ .festivalDiscoveryBackdrop1020717{position:fixed;inset:0;z-index:350;display:grid;place-items:center;padding:16px;background:rgba(3,8,20,.78);backdrop-filter:blur(6px)} .festivalDiscoveryDialog1020717{width:min(510px,100%);max-height:calc(100dvh - 32px);overflow:auto;border:1px solid #d0a557;border-radius:18px;padding:clamp(20px,3vw,32px);background:linear-gradient(145deg,#1e2539,#101523 72%);color:#f5f0dc;box-shadow:0 24px 90px rgba(0,0,0,.64)} .festivalDiscoveryDialog1020717 small{color:#f0c06b;letter-spacing:.14em;font-size:11px;font-weight:900} .festivalDiscoveryDialog1020717 h2{font-size:clamp(26px,4vw,38px);line-height:1.08;margin:12px 0 18px} .festivalDiscoveryDialog1020717 p{font-size:15px;line-height:1.55;color:#d9dfec} .festivalDiscoveryActions1020717{display:flex;flex-wrap:wrap;gap:10px;margin-top:24px} .festivalDiscoveryActions1020717 button,.festivalRadarPanel1020717 button[data-festival-apply1020717],.festivalCard430 button[data-festival-apply1020717]{min-height:44px;padding:10px 18px;border-radius:10px;border:1px solid #d5a65f;background:#aa7227;color:#fff;font-size:14px;font-weight:800;cursor:pointer} .festivalDiscoveryActions1020717 button:last-child{background:transparent;color:#e8d5ad} .festivalApplicationStatus1020717{padding:10px;border-left:3px solid #dda751;background:rgba(221,167,81,.12)} .festivalRadarPanel1020717{margin:18px 0} /* styles/111-calendar-inline-bookings-10207-18.css */ .calendarMain10156 .monthGrid520{min-height:0!important} .calendarMain10156 .monthDay520.gigday520{display:flex;flex-direction:column;min-width:0;overflow:hidden;cursor:default} .calendarMain10156 .monthDay520.gigday520>b{flex:none} .calendarMain10156 .monthBookings1020718{min-height:0;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;margin-top:3px;scrollbar-width:thin;scrollbar-color:#80506e transparent} .calendarMain10156 .monthBooking1020718{min-width:0;margin:0 0 3px;padding:2px 3px;border-left:2px solid #ff72bc;background:#241c31;line-height:1.15} .calendarMain10156 .monthBooking1020718 span,.calendarMain10156 .monthBooking1020718 strong{display:block!important;margin:0!important;font-size:clamp(7px,.58vw,10px)!important;line-height:1.15!important;overflow-wrap:anywhere;color:#e8d8e5} .calendarMain10156 .monthBooking1020718 strong{font-weight:800;color:#fff} /* styles/112-show-home-layout-10207-19.css */ /* Give the beat controls their own row; the track selector starts beneath them. */ @media (min-width:901px){ .show2_211.show30_10206{grid-template-rows:minmax(225px,36dvh) minmax(0,1fr)!important} .show30StageBox10206{width:min(100%,calc(36dvh * 16 / 9),1120px)!important} .show30_10206 .show2Console211{grid-template-rows:16px 54px 28px 112px 116px minmax(94px,1fr)!important;row-gap:5px!important} .show30_10206 .show2Controls211,.show30_10206 .show2Controls211>div,.show30_10206 .show2Primary211{height:116px!important;min-height:116px!important;overflow:visible!important} .show30_10206 .show2Controls211{align-self:start!important;min-width:0!important} .show30_10206 .show2Lower211{align-self:start!important;min-height:0!important;overflow:hidden!important} } @media (min-width:901px) and (max-height:760px){ .show2_211.show30_10206{grid-template-rows:minmax(190px,32dvh) minmax(0,1fr)!important} .show30StageBox10206{width:min(100%,calc(32dvh * 16 / 9),900px)!important} .show30_10206 .show2Console211{grid-template-rows:14px 48px 24px 96px 96px minmax(82px,1fr)!important;row-gap:4px!important} .show30_10206 .show2Controls211,.show30_10206 .show2Controls211>div,.show30_10206 .show2Primary211{height:96px!important;min-height:96px!important} } /* The last-set prompt belongs inside Breaking News, which scrolls within HOME. */ .oneScreenRoot10150[data-screen="room"] .homeNewsScroll10161 .homeHandoff1020619{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;align-items:center!important;gap:7px!important;width:100%!important;min-width:0!important;margin:0!important;padding:5px 2px!important;background:transparent!important;border:0!important;border-bottom:1px solid #6d4e61!important;border-radius:0!important} .oneScreenRoot10150[data-screen="room"] .homeNewsScroll10161 .homeHandoff1020619>div{min-width:0!important;overflow:hidden!important} .oneScreenRoot10150[data-screen="room"] .homeNewsScroll10161 .homeHandoff1020619 b,.oneScreenRoot10150[data-screen="room"] .homeNewsScroll10161 .homeHandoff1020619 span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:9px!important} .oneScreenRoot10150[data-screen="room"] .homeNewsScroll10161 .homeHandoff1020619 button{width:auto!important;max-width:150px;white-space:normal!important;padding:5px 6px!important;font-size:8px!important;line-height:1.15!important} /* styles/113-ipad-touch-10207-29.css */ /* iPad / touch tablets: keep the game shell, let its content pane scroll. */ @media (pointer:coarse) and (min-width:761px) and (max-width:1400px){ html.oneScreenActive10150,html.oneScreenActive10150 body,html.oneScreenActive10150 #app{height:100dvh!important;overflow:hidden!important} .oneScreenRoot10150{height:100dvh!important;grid-template-rows:58px minmax(0,1fr)!important} .oneScreenTop10150{height:58px!important;grid-template-columns:136px minmax(0,1fr) auto!important} .oneScreenClock10150,.oneScreenTopStats10150{display:none!important} .oneScreenNextTop10150{display:flex!important;min-width:0!important} .oneScreenBody10150{grid-template-columns:136px minmax(0,1fr)!important;min-height:0!important} .oneScreenRight10150{display:none!important} .oneScreenLeft10150{min-width:0!important;overflow-y:auto!important;overscroll-behavior:contain;-webkit-overflow-scrolling:touch} .oneScreenCenter10150{min-width:0!important;min-height:0!important} .oneScreenViewport10150{overflow-y:auto!important;overflow-x:hidden!important;overscroll-behavior:contain;-webkit-overflow-scrolling:touch} .oneScreenViewport10150>main:not(.playerProfile992){min-height:100%!important;max-height:none!important;overflow-y:auto!important;-webkit-overflow-scrolling:touch} .oneScreenRoot10150[data-screen="room"] .fmShell970,.oneScreenRoot10150[data-screen="room"] .fmBoard970{height:auto!important;min-height:100%!important;overflow:visible!important} .oneScreenRoot10150[data-screen="room"] .fmBoard970{grid-template-rows:auto auto auto!important} .oneScreenRoot10150[data-screen="room"] .fmHeroRow54{height:auto!important;min-height:270px!important;overflow:visible!important} .oneScreenRoot10150[data-screen="room"] .fmHeroRow54>section{height:auto!important;min-height:250px!important} .oneScreenRoot10150[data-screen="room"] .fmNextBody970{height:auto!important;min-height:250px!important;overflow:visible!important} .oneScreenNavItem10150{min-height:44px!important;height:auto!important} .oneScreenTopActions10150 button,.oneScreenViewport10150 button,.oneScreenModal10150 button{min-height:44px;touch-action:manipulation} .oneScreenViewport10150 input:not([type=range]),.oneScreenViewport10150 select,.oneScreenModal10150 input:not([type=range]),.oneScreenModal10150 select{font-size:16px!important} .oneScreenModal10150{max-height:calc(100dvh - 32px)!important;-webkit-overflow-scrolling:touch} /* SHOW's on-screen buttons are the tablet controls; never shrink them to 7px. */ html.show30Live10206,html.show30Live10206 body,html.show30Live10206 #app{height:100dvh!important;overflow:hidden!important} .show2_211.show30_10206{height:100dvh!important;max-height:100dvh!important;overflow-x:hidden!important;overflow-y:auto!important;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;grid-template-rows:minmax(190px,28dvh) minmax(490px,1fr)!important} .show2_211.show30_10206 .show2Stage211.show30Stage211{min-height:0!important} .show30StageBox10206{width:min(100%,calc(28dvh * 16 / 9),850px)!important} .show30_10206 .show2Console211{height:auto!important;min-height:490px!important;overflow:visible!important;grid-template-rows:16px 54px 28px 112px 136px minmax(110px,1fr)!important} .show30_10206 .show2Controls211{display:grid!important;grid-template-columns:minmax(210px,1.4fr) minmax(125px,.75fr) minmax(145px,.9fr)!important;gap:7px!important;height:136px!important;min-height:136px!important;overflow:visible!important} .show30_10206 .show2Controls211>div,.show30_10206 .show2Primary211{height:136px!important;min-height:136px!important;overflow:visible!important} .show30_10206 .show2Now211{display:none!important} .show30_10206 .show2Tempo211>div{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:5px!important} .show30_10206 .show2Tempo211 button,.show30_10206 .show2CueGain211 button{min-height:44px!important;font-size:12px!important;padding:7px 5px!important;touch-action:manipulation} .show30_10206 .show2Tempo211 small,.show30_10206 .show2CueGain211 small{font-size:10px!important} .show30_10206 .show2Tempo211 b{font-size:14px!important} .show30_10206 .show2Primary211 b{font-size:18px!important} .show30_10206 .show2Primary211 span{font-size:10px!important} .show30_10206 .show2Lower211{min-height:110px!important;overflow:auto!important} .show30_10206 .show2Tracks211 button{min-height:44px!important} .show30TopActions10206 button{min-height:44px!important;font-size:11px!important} } /* Portrait iPad: full-width workspace and a horizontal, swipeable navigation rail. */ @media (pointer:coarse) and (min-width:761px) and (max-width:900px){ .oneScreenTop10150{grid-template-columns:minmax(0,1fr) auto!important} .oneScreenNextTop10150{display:none!important} .oneScreenBody10150{display:flex!important;flex-direction:column!important;overflow:hidden!important} .oneScreenLeft10150{height:62px!important;min-height:62px!important;flex:none!important;overflow-x:auto!important;overflow-y:hidden!important;border-right:0!important;border-bottom:1px solid #202c45!important;padding:5px 8px!important} .oneScreenIdentity10150,.oneScreenSecondary10150{display:none!important} .oneScreenPrimary10150{display:flex!important;gap:5px!important;width:max-content!important} .oneScreenNavItem10150{min-width:92px!important;grid-template-columns:1fr!important;grid-template-rows:auto auto!important;text-align:center!important;padding:4px 8px!important} .oneScreenCenter10150{flex:1!important;overflow:hidden!important} .oneScreenViewport10150{height:100%!important;overflow-y:auto!important} .oneScreenViewport10150>main:not(.playerProfile992){height:auto!important;min-height:100%!important;max-height:none!important;overflow:visible!important} .oneScreenRoot10150[data-screen="room"] .fmShell970,.oneScreenRoot10150[data-screen="room"] .fmBoard970{height:auto!important;min-height:100%!important;overflow:visible!important} .oneScreenRoot10150[data-screen="room"] .fmBoard970{grid-template-rows:auto auto auto!important} .oneScreenRoot10150[data-screen="room"] .fmHeroRow54{height:auto!important;min-height:270px!important;overflow:visible!important} .oneScreenRoot10150[data-screen="room"] .fmHeroRow54>section{height:auto!important;min-height:250px!important} .show2_211.show30_10206{grid-template-rows:minmax(180px,30dvh) minmax(620px,1fr)!important} .show30_10206 .show2Console211{min-height:620px!important;grid-template-rows:16px 54px 28px 112px 215px minmax(150px,1fr)!important} .show30_10206 .show2Controls211{grid-template-columns:1fr 1fr!important;grid-template-rows:112px 96px!important;height:215px!important;min-height:215px!important} .show30_10206 .show2Tempo211{grid-column:1/-1!important;height:112px!important;min-height:112px!important} .show30_10206 .show2Tempo211>div{grid-template-columns:repeat(4,minmax(0,1fr))!important} .show30_10206 .show2CueGain211,.show30_10206 .show2Primary211{height:96px!important;min-height:96px!important} .show30_10206 .show2Lower211{min-height:150px!important;overflow:auto!important} } /* styles/114-ipad-landscape-10207-30.css */ /* iPad Safari cannot reliably lock a web page to landscape. Guide rotation. */ #lladTabletRotate1020730{display:none} @media (pointer:coarse) and (min-width:700px) and (max-width:1400px) and (orientation:portrait){ #lladTabletRotate1020730{ position:fixed;inset:0;z-index:2147483647;display:grid;place-items:center; padding:calc(24px + env(safe-area-inset-top)) 24px calc(24px + env(safe-area-inset-bottom)); background:radial-gradient(circle at 50% 30%,#223c65,#070b16 72%);color:#f7f9ff; text-align:center;overscroll-behavior:none } #lladTabletRotate1020730>div{max-width:560px;padding:30px;border:1px solid #6076a0;border-radius:24px;background:#0e1728;box-shadow:0 28px 75px #0008} #lladTabletRotate1020730 span{display:block;color:#e8bd65;font-size:64px;line-height:1} #lladTabletRotate1020730 h2{font:800 clamp(25px,4vw,38px)/1.1 system-ui,sans-serif;margin:18px 0 12px} #lladTabletRotate1020730 p{font:500 17px/1.45 system-ui,sans-serif;color:#b9c7de;margin:0} /* A running SHOW has its own timer: retain the controls and show a small hint. */ html.show30Live10206 #lladTabletRotate1020730{display:block;inset:0 0 auto;height:auto;padding:8px;background:#e8bd65;pointer-events:none} html.show30Live10206 #lladTabletRotate1020730>div{max-width:none;padding:0;border:0;background:transparent;box-shadow:none} html.show30Live10206 #lladTabletRotate1020730 span,html.show30Live10206 #lladTabletRotate1020730 p{display:none} html.show30Live10206 #lladTabletRotate1020730 h2{margin:0;color:#101524;font-size:14px} } /* styles/115-ipad-content-fit-10207-31.css */ /* Tablet landscape: let translated content determine card height. Desktop stays unchanged. */ @media (pointer:coarse) and (min-width:761px) and (max-width:1400px) and (orientation:landscape){ .oneScreenRoot10150{font-size:14px;line-height:1.4} .oneScreenBody10150{grid-template-columns:136px minmax(0,1fr)!important} .oneScreenCenter10150,.oneScreenViewport10150{min-width:0!important} .oneScreenViewport10150{overflow-y:auto!important;overflow-x:hidden!important;padding-bottom:24px!important} .oneScreenViewport10150>main:not(.playerProfile992){height:auto!important;min-height:100%!important;max-height:none!important;overflow:visible!important} .oneScreenViewport10150 :is(.bookingFM10164,.calendarFM10156,.labelDesk10172,.lifeMode10100,.studio995,.phonePage33,.rivalsFM10152,.travelFM10166){height:auto!important;max-height:none!important;min-height:0!important;overflow:visible!important} .oneScreenViewport10150 :is(article,section,button){min-width:0;overflow-wrap:anywhere} .oneScreenViewport10150 :is(button,small,p,span,b,strong,h2,h3,h4){overflow-wrap:anywhere} .oneScreenViewport10150 button{height:auto;min-height:44px;white-space:normal;line-height:1.25} .oneScreenViewport10150 :is(.gpStats10194,.gpRosterGrid10194,.tycoonStats800,.phaseHero900,.metrics900,.simKpis940){grid-template-columns:repeat(2,minmax(0,1fr))!important} .oneScreenViewport10150 :is(.gpBuilder10194,.gpTwoCol10194,.tycoonHero800,.objectives900,.managementGrid900,.genreMarket800){grid-template-columns:repeat(2,minmax(0,1fr))!important} .oneScreenViewport10150 :is(.gpBuilder10194,.gpTwoCol10194,.gpStats10194,.gpRosterGrid10194)>*{min-width:0!important} .oneScreenRoot10150[data-screen="room"] .fmBoard970{height:auto!important;min-height:100%!important;grid-template-rows:auto auto auto!important;overflow:visible!important} .oneScreenRoot10150[data-screen="room"] .fmHeroRow54{height:auto!important;grid-template-columns:minmax(0,1fr)!important;overflow:visible!important} .oneScreenRoot10150[data-screen="room"] .fmHeroRow54>section{height:auto!important;min-height:220px!important;overflow:visible!important} .oneScreenRoot10150[data-screen="room"] .fmNextBody970{height:auto!important;min-height:250px!important;overflow:visible!important} .oneScreenRoot10150[data-screen="room"] .fmDecision993{max-height:none!important;overflow:visible!important} .oneScreenRoot10150[data-screen="bookings"] .bookingWorkspace10152{height:auto!important;grid-template-columns:minmax(0,1fr)!important;overflow:visible!important} .oneScreenRoot10150[data-screen="bookings"] .bookingWorkspace10152>*{min-width:0!important;height:auto!important;max-height:none!important} .oneScreenRoot10150[data-screen="studio"] .studio995{display:block!important;overflow:visible!important} .oneScreenRoot10150[data-screen="studio"] .studioWorkspace9963{height:auto!important;min-height:0!important;grid-template-columns:minmax(0,1fr)!important;overflow:visible!important} .oneScreenRoot10150[data-screen="studio"] :is(.studioProjectSetup9963,.studioRack9963){height:auto!important;overflow:visible!important} .oneScreenRoot10150[data-screen="lifemode10100"] .lifeMode10100{display:block!important;overflow:visible!important} .oneScreenRoot10150[data-screen="world"] .oneScreenViewport10150{overflow-y:auto!important} .oneScreenRoot10150[data-screen="calendar"] .oneScreenViewport10150{overflow-y:auto!important} } /* styles/116-onboarding-10207-33.css */ .onboardingStage33,.onboardingWorld33{box-sizing:border-box;border:1px solid #e7bd63;border-radius:12px;background:#151b24;padding:14px;color:#fff;min-width:0}.onboardingStage33 p,.onboardingWorld33 p{margin:0 0 12px;line-height:1.45;color:#e4e8ee;font-size:14px}.onboardingStage33 button,.onboardingWorld33 button{width:100%;min-height:48px;white-space:normal;border-radius:9px;background:#edc269;color:#17130d;font-weight:800;padding:12px;font-size:16px;cursor:pointer}.onboardingStage33 span{display:block;margin-top:8px;font-size:13px;color:#f5d88e}.onboardingWorld33{margin:12px 0;flex-shrink:0}.onboardingWorld33 h3{margin:0 0 8px;font-size:17px}.onboardingStage33 button:focus-visible,.onboardingWorld33 button:focus-visible{outline:3px solid white;outline-offset:3px} .socialDirectory34 .presence34{display:block;color:#b7c4d9;font-size:12px;margin-bottom:10px}.socialDirectory34 .active34{color:#8ce0ac}.socialDirectory34 .playersGrid37 button{min-height:44px;white-space:normal;font-size:13px}.socialDirectory34 .playersGrid37 article h3{overflow-wrap:anywhere} /* styles/117-booking-10207-35.css */ /* Scoped Booking Desk hierarchy; body scrolls while decision buttons remain visible. */ .bookingUI35 .bookingDetail10164{grid-template-rows:auto minmax(0,1fr) auto!important} .bookingUI35 .bookingBody35{min-height:0;overflow-y:auto;overflow-x:hidden;scrollbar-width:thin} .bookingUI35 .bookingDetail10164>header h2{font-size:clamp(22px,2vw,30px)!important;overflow-wrap:anywhere} .bookingUI35 .bookingDetail10164>header p{font-size:15px!important;line-height:1.4;color:#d1dcec} .bookingUI35 .bookingDetail10164>header>b{font-size:30px!important;white-space:nowrap} .bookingUI35 .bookingRow10152{min-height:86px!important;grid-template-columns:76px minmax(0,1fr) auto!important;padding:10px!important} .bookingUI35 .bookingRow10152>span b{font-size:15px!important;white-space:normal!important;overflow-wrap:anywhere} .bookingUI35 .bookingRow10152>span small{display:block;font-size:12px!important;white-space:normal!important;line-height:1.4} .bookingUI35 .bookingRow10152 time{font-size:12px!important} .bookingUI35 .bookingRow10152 strong{font-size:17px!important;color:#f3cf82} .bookingUI35 .bookingDetail10164>footer button{min-height:46px!important;font-size:14px!important} .bookingUI35 .bookingIntel10164{overflow:visible;grid-template-columns:1fr} .bookingUI35 .bookingIntel10164 p{font-size:14px!important} .bookingUI35 .bookingDetailGrid10152 article small{font-size:11px!important} .bookingEstimate35{padding:14px 16px;background:#111c2c;border-bottom:1px solid #33445b} .bookingEstimate35>header{display:flex;flex-wrap:wrap;gap:6px 15px;align-items:baseline;margin-bottom:12px} .bookingEstimate35>header small{color:#b4c2d6;font-size:12px;line-height:1.4} .bookingEstimate35>div{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px} .bookingEstimate35 article{min-width:0} .bookingEstimate35 article small{display:block;color:#b4c2d6;font-size:11px} .bookingEstimate35 article b{display:block;margin-top:5px;font-size:20px;color:#e4eefb;overflow-wrap:anywhere} .bookingEstimate35 article .negative35{color:#ffa8a8} .bookingSort35{display:flex;gap:6px;align-items:center;font-size:11px} .bookingSort35 select{background:#162234;color:#fff;border:1px solid #647792;border-radius:5px;min-height:32px;font-size:12px} .bookingUI35 button:focus-visible,.bookingSort35 select:focus-visible{outline:2px solid #ffd064;outline-offset:2px} @media(max-width:1180px){.bookingEstimate35>div{grid-template-columns:repeat(2,minmax(0,1fr))}} /* styles/118-calendar-10207-36.css */ /* Calendar next-step panel and controlled tile scrolling. */ .oneScreenRoot10150[data-screen="calendar"] .calendarUI36 .calendarControl10156{display:flex!important;flex-direction:column!important;overflow-y:auto!important;overflow-x:hidden!important;min-height:0!important;gap:12px!important} .calendarUI36 .calendarControl10156>section{flex-shrink:0} .calendarUI36 .calendarNext36>header h3{font-size:22px!important;line-height:1.25;overflow-wrap:anywhere} .calendarUI36 .calendarNext36>header p{font-size:14px!important;line-height:1.4;color:#cbd7e8} .calendarUI36 .calendarNext36>header strong{font-size:24px!important;color:#f5cf7d} .calendarUI36 .calendarReadiness10156{grid-template-columns:repeat(2,minmax(0,1fr))!important} .calendarUI36 .calendarReadiness10156 small{font-size:11px!important} .calendarUI36 .calendarReadiness10156 b{font-size:12px!important;white-space:normal!important;overflow-wrap:anywhere} .calendarUI36 .calendarActionButtons10156{display:flex!important} .calendarUI36 .calendarActionButtons10156>.primary{width:100%;min-height:48px!important;font-size:15px!important;white-space:normal!important;padding:10px!important} .calendarHint36{margin:10px 0;color:#d5dfed;font-size:14px;line-height:1.5} .calendarOptions36{margin-top:12px;border-top:1px solid #44536b;padding-top:10px} .calendarOptions36 summary{cursor:pointer;font-size:12px;font-weight:700;color:#bdcce0;padding:7px 0} .calendarOptions36>div{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px} .calendarOptions36 button{min-height:44px;font-size:12px;white-space:normal;padding:9px} .calendarUI36 button:focus-visible,.calendarOptions36 summary:focus-visible{outline:2px solid #ffd064;outline-offset:2px} @media(pointer:coarse) and (orientation:landscape){.oneScreenRoot10150[data-screen="calendar"] .calendarUI36 .calendarControl10156{overflow-y:visible!important}} /* styles/119-city-10207-37.css */ /* CITY: permanently visible labels and a touch-friendly action list. */ .cityPremium1020614 .cityPremiumRail1020614{display:flex;flex-direction:column;overflow-y:auto;min-height:0;scrollbar-width:thin} .cityQuick37>header>b{display:block;font-size:14px;color:#f2d18b;margin-bottom:7px} .cityQuick37>header>small{display:block;font-size:12px;line-height:1.45;color:#c6d2e1} .cityQuick37>div{display:grid;gap:8px;margin-top:12px} .cityQuick37 button{display:flex;gap:10px;width:100%;min-height:62px;text-align:left;background:#101c2b;border:1px solid #546379;border-radius:9px;color:#fff;padding:10px;cursor:pointer} .cityQuick37 button>span{font-size:23px;flex-shrink:0} .cityQuick37 button b{display:block;font-size:14px;line-height:1.3} .cityQuick37 button small{display:block;font-size:12px;color:#d3deec;line-height:1.4;margin-top:4px} .cityQuick37 button em{display:block;font-style:normal;font-size:11px;color:#f2d18b;line-height:1.4;margin-top:6px} .cityQuick37 button:disabled{opacity:.65;cursor:not-allowed} .cityQuick37 button:focus-visible{outline:3px solid #ffd064;outline-offset:2px} .cityPremium1020614 .cityPremiumHotspot1020614{min-width:44px;min-height:44px} .cityPremium1020614 .cityPremiumPin1020614{min-width:0!important;width:95%;max-width:230px;box-sizing:border-box;grid-template-columns:26px minmax(0,1fr)!important;padding:8px!important} .cityPremium1020614 .cityPremiumPin1020614 b{font-size:12px!important;white-space:normal!important;line-height:1.25!important;letter-spacing:0!important} .cityPremium1020614 .cityPremiumPin1020614 small{display:block!important;max-width:none!important;height:auto!important;opacity:1!important;white-space:normal!important;line-height:1.35!important;font-size:10px!important;margin-top:5px!important} .cityPremium1020614 .cityPremiumPin1020614::before{content:'→';font-size:10px!important;top:-8px!important} .cityPremium1020614 .cityPremiumHotspot1020614:focus-visible{outline:3px solid #fff;outline-offset:2px} @media(max-width:1100px){.cityPremium1020614 .cityPremiumPin1020614 small{display:none!important}.cityQuick37 button{min-height:68px}} .cityPremium1020614 .cityPremiumRail1020614>section{flex-shrink:0} /* styles/120-apartment-10207-38.css */ .apartmentRail102067.apartmentRail102068{display:flex;flex-direction:column;overflow-y:auto;overflow-x:hidden;min-height:0;scrollbar-width:thin} .apartmentRail102067.apartmentRail102068>section{flex-shrink:0} .apartmentQuick38 button{min-height:68px} .apartmentQuick38 button em{color:#f2d18b;line-height:1.5} .apartmentWorld102068 .apartmentPremiumHotspot1020611{min-width:44px;min-height:44px} .apartmentWorld102068 .apartmentPremiumHotspot1020611>span b{font-size:12px!important;line-height:1.3!important;white-space:normal!important} .apartmentWorld102068 .apartmentPremiumHotspot1020611:focus-visible{outline:3px solid #fff;outline-offset:2px} .apartmentWorld102068 .apartmentPremiumHotspot1020611>span{max-width:100%;box-sizing:border-box} /* styles/121-ui-consistency-10207-39.css */ /* Consistent typography and controls, scoped to the four refreshed screens. */ .oneScreenRoot10150[data-screen] .oneScreenViewport10150 :is(.bookingUI35,.calendarUI36,.cityPremium1020614,.apartmentWorld102068) button{min-height:44px!important;line-height:1.35!important;white-space:normal!important} .oneScreenRoot10150[data-screen] .oneScreenViewport10150 :is(.bookingUI35,.calendarUI36) button{font-size:13px!important} .oneScreenRoot10150[data-screen] .oneScreenViewport10150 :is(.cityQuick37,.apartmentQuick38) button b{font-size:14px!important;line-height:1.35!important} .oneScreenRoot10150[data-screen] .oneScreenViewport10150 :is(.bookingUI35,.calendarUI36) :is(p,.calendarHint36){font-size:14px!important;line-height:1.5!important} .oneScreenRoot10150[data-screen] .oneScreenViewport10150 :is(.bookingSummary10164,.calendarPulse10156) small{font-size:11px!important;letter-spacing:.04em!important} .oneScreenRoot10150[data-screen] .oneScreenViewport10150 :is(.bookingDetail10164,.calendarNext36) :is(h2,h3){font-size:24px!important;line-height:1.25!important} .oneScreenRoot10150[data-screen] .oneScreenViewport10150 :is(.cityPremiumHead1020614,.apartmentHead102067) button{font-size:12px!important;padding:8px 10px!important} .oneScreenRoot10150[data-screen] .oneScreenViewport10150 :is(.calendarReadiness10156) .ok10156 b{color:#9be1b1!important} .oneScreenRoot10150[data-screen] .oneScreenViewport10150 :is(.calendarReadiness10156) .warn10156 b{color:#f0ce87!important} .oneScreenRoot10150[data-screen] .oneScreenViewport10150 :is(.bookingAcceptTip10164,.calendarOptions36,.cityQuick37) :is(button,summary):focus-visible{outline:3px solid #ffe09a!important;outline-offset:2px!important} /* styles/122-booking-actions-10207-40.css */ /* Outrank the legacy one-screen five-row grid. Only the offer body scrolls. */ .oneScreenRoot10150[data-screen="bookings"] .oneScreenViewport10150 .bookingUI35 .bookingDetail10164{display:flex!important;flex-direction:column!important;height:100%!important;min-height:0!important;max-height:100%!important;overflow:hidden!important;grid-template-rows:none!important} .oneScreenRoot10150[data-screen="bookings"] .oneScreenViewport10150 .bookingUI35 .bookingDetail10164>header{flex:0 0 auto!important;min-height:0!important} .oneScreenRoot10150[data-screen="bookings"] .oneScreenViewport10150 .bookingUI35 .bookingDetail10164>.bookingBody35{display:block!important;flex:1 1 0!important;min-height:0!important;height:auto!important;max-height:none!important;overflow-y:auto!important;overflow-x:hidden!important;overscroll-behavior:contain} .oneScreenRoot10150[data-screen="bookings"] .oneScreenViewport10150 .bookingUI35 .bookingBody35 .bookingIntel10164{height:auto!important;max-height:none!important;overflow:visible!important} .oneScreenRoot10150[data-screen="bookings"] .oneScreenViewport10150 .bookingUI35 .bookingDetail10164>footer{position:relative!important;display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1.4fr)!important;flex:0 0 auto!important;min-height:66px!important;box-sizing:border-box!important;margin:0!important;z-index:2;background:#0a101b!important} .oneScreenRoot10150[data-screen="bookings"] .oneScreenViewport10150 .bookingUI35 .bookingDetail10164>footer button{min-height:44px!important;height:auto!important;visibility:visible!important;white-space:normal!important;font-size:14px!important} .oneScreenRoot10150[data-screen="bookings"] .oneScreenViewport10150 .bookingUI35 .bookingAcceptTip10164{min-width:0;display:block} .oneScreenRoot10150[data-screen="bookings"] .oneScreenViewport10150 .bookingUI35 .bookingAcceptTip10164 button{width:100%} /* styles/123-clear-ui-10207-43.css */ /* Clear login and compact booking. Scoped to these screens. */ .startSimple43.startHub10204{display:flex!important;flex-direction:column!important;min-height:100dvh!important;height:auto!important;padding:24px 32px!important;gap:20px!important} .startSimple43 .startHub10204Shell{display:flex!important;flex:1!important;align-items:center!important;justify-content:center!important;grid-template-columns:none!important} .startSimple43 .startHub10204Main{display:block!important;width:min(100%,600px)!important} .startSimple43 .startHub10204Career{min-height:0!important;height:auto!important;border:1px solid #38415b!important;border-radius:20px!important;box-shadow:0 24px 80px #0009!important} .startSimple43 .startHub10204CareerContent{padding:32px!important;display:flex!important;flex-direction:column!important;gap:22px!important} .startSimple43 .startHub10204CareerContent>header{margin:0!important} .startSimple43 .startHub10204CareerContent h1{font-size:30px!important;line-height:1.2!important} .startSimple43 .startHub10204AuthBox{padding:0!important;margin:0!important} .startSimple43 .startHub10204LoginFields{display:grid!important;grid-template-columns:1fr!important;gap:18px!important} .startSimple43 .startHub10204LoginFields label{font-size:13px!important;letter-spacing:.04em!important} .startSimple43 .startHub10204LoginFields input{height:54px!important;font-size:17px!important;margin-top:8px!important;background:#090e19!important;border:1px solid #526079!important} .startSimple43 .startHub10204LoginActions{display:flex!important;flex-direction:column!important;gap:12px!important;margin-top:24px!important} .startSimple43 .startHub10204Continue{width:100%!important;min-height:54px!important;font-size:16px!important} .startSimple43 .startHub10204CloudSummary{display:block!important;font-size:12px!important;margin-top:18px!important;line-height:1.5!important;color:#b4bfd0!important} .startTabs43{display:grid;grid-template-columns:1fr 1fr;gap:6px;padding:5px;border-radius:12px;background:#090e19} .startTabs43 button{min-height:48px;background:transparent;border:0;color:#cbd5e1;font-size:13px;font-weight:700;border-radius:8px} .startTabs43 button.active{background:#28314b;color:#fff} .startLinks43{display:flex;justify-content:center;gap:28px;padding:12px;flex-wrap:wrap} .startLinks43 a{color:#b7c3d7;text-decoration:none;font-size:13px} .startSimple43 button:focus-visible,.startLinks43 a:focus-visible{outline:2px solid #f3bf4b;outline-offset:3px} .bookingUI35 .bookingStatus43{display:flex;align-items:center;gap:12px;padding:9px 14px;font-size:12px;line-height:1.4;flex-wrap:wrap} .bookingStatus43.ready{color:#85d9ad}.bookingStatus43.blocked{color:#f3cb75} .bookingUI35 .bookingDetail10164>header{padding:14px 18px!important} .bookingUI35 .bookingDetail10164>header h2{font-size:25px!important;margin:4px 0!important} .bookingUI35 .bookingEstimate35{padding:8px 14px!important} .bookingUI35 .bookingEstimate35>header{display:none!important} .bookingUI35 .bookingDetailGrid10152 article{padding:9px 14px!important} .bookingUI35 .rivalCompact43{padding:10px 14px!important;margin:0!important} .bookingUI35 .rivalCompact43>header{padding:0!important;gap:10px!important} .bookingUI35 .rivalCompact43 h3{font-size:18px!important;line-height:1.3!important;margin:4px 0!important} .rivalCompact43 h3 span{color:#f3cb75;margin-left:10px;white-space:nowrap} .bookingUI35 .rivalCompact43>footer{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:8px!important;padding:8px 0!important;position:static!important} .bookingUI35 .rivalCompact43>footer button{font-size:11px!important;min-height:44px!important;padding:8px!important} .rivalDetails43 summary{cursor:pointer;font-size:11px;color:#b4bfd0;padding:6px 0} .bookingUI35 .rivalDetails43 .rivalBidGrid10170{grid-template-columns:repeat(3,1fr)!important} .bookingUI35 .bookingConflict10152{padding:8px 14px!important;margin:0!important;font-size:12px!important} @media(max-width:700px){.startSimple43.startHub10204{padding:16px!important}.startSimple43 .startHub10204CareerContent{padding:22px!important}.startSimple43 .startHub10204CareerContent h1{font-size:25px!important}} /* v10207.58: two-column game shell; scroll inside content tiles. */ .oneScreenRoot10150 .oneScreenBody10150{grid-template-columns:184px minmax(0,1fr)!important} .oneScreenRoot10150 .oneScreenCenter10150{min-width:0!important;width:auto!important;max-width:none!important} .oneScreenRoot10150 .oneScreenViewport10150 .saveIndicator920{right:18px!important} .oneScreenRoot10150 .socialDirectory34{height:100%!important;max-height:100%!important;min-height:0!important;display:flex!important;flex-direction:column!important;overflow:hidden!important;box-sizing:border-box!important;padding-bottom:12px!important} .oneScreenRoot10150 .socialDirectory34>:is(header,.directoryActions58,.playerSearch37,.playersMore10090){flex:0 0 auto!important} .oneScreenRoot10150 .socialDirectory34 .playersGrid37{flex:1 1 0!important;min-height:0!important;height:auto!important;max-height:none!important;overflow:auto!important;align-content:start!important;grid-template-columns:repeat(auto-fill,minmax(210px,1fr))!important;overscroll-behavior:contain;touch-action:pan-y;-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:#5b777d #0b1420;padding:4px 8px 8px 0!important} .oneScreenRoot10150 .socialDirectory34 .playersGrid37>article{min-width:0!important;overflow-wrap:anywhere} .directoryActions58{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 10px} .directoryActions58 button{min-height:40px;padding:8px 14px;border:1px solid #35555d;border-radius:9px;background:#101e26;color:#edf5f8;font-weight:700} .oneScreenRoot10150 .flightDesk101915{height:100%!important;min-height:0!important;overflow:hidden!important;display:flex!important;flex-direction:column!important;padding-bottom:10px!important} .oneScreenRoot10150 .flightDesk101915>:is(header,.flightDeskRoute101915,.airDisruption10193){flex:0 0 auto!important} .oneScreenRoot10150 .flightDeskGrid101915{flex:1 1 0!important;min-height:0!important;height:auto!important;display:grid!important;grid-template-columns:minmax(150px,.25fr) minmax(0,1fr)!important;grid-template-rows:minmax(150px,.8fr) minmax(230px,1.2fr)!important;gap:12px!important;overflow:hidden!important} .oneScreenRoot10150 .flightDeskGrid101915>:is(.flightCountries101915,.flightAirports101915){height:auto!important;min-height:0!important;max-height:none!important;overflow:hidden!important;display:flex!important;flex-direction:column!important} .oneScreenRoot10150 .flightDeskGrid101915 :is(.flightCountryList101915,.flightAirportList101915){flex:1 1 0!important;min-height:0!important;max-height:none!important;overflow:auto!important;touch-action:pan-y} .oneScreenRoot10150 .travelComparison58{grid-column:1/-1;min-height:0;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px;overflow:hidden} .oneScreenRoot10150 .travelComparison58>:is(.flightSummary101915,.travelTrain58){min-width:0!important;min-height:0!important;height:auto!important;max-height:none!important;overflow:auto!important;display:block!important;touch-action:pan-y;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#5b777d #0b1420} .oneScreenRoot10150 .travelTrain58{border:1px solid #427c77;border-radius:12px;background:#102824} .oneScreenRoot10150 .travelTrain58 .railCard1020712{margin:0!important;border:0!important} .oneScreenRoot10150 .travelComparison58 .flightSummary101915>header h3{font-size:20px!important} @media(max-width:1100px){.oneScreenRoot10150 .oneScreenBody10150{grid-template-columns:156px minmax(0,1fr)!important}.oneScreenRoot10150 .socialDirectory34 .playersGrid37{grid-template-columns:repeat(auto-fill,minmax(185px,1fr))!important}} @media(max-width:760px){.oneScreenRoot10150 .oneScreenBody10150{grid-template-columns:1fr!important}.oneScreenRoot10150 .socialDirectory34{height:min(760px,80dvh)!important}.oneScreenRoot10150 .flightDesk101915{height:auto!important;overflow:visible!important}.oneScreenRoot10150 .flightDeskGrid101915{display:flex!important;flex-direction:column!important;overflow:visible!important}.oneScreenRoot10150 .flightDeskGrid101915>:is(.flightCountries101915,.flightAirports101915){height:260px!important;flex:none!important}.oneScreenRoot10150 .travelComparison58{grid-template-columns:1fr;overflow:visible}.oneScreenRoot10150 .travelComparison58>:is(.flightSummary101915,.travelTrain58){max-height:420px!important}} /* .59: flight remains primary; rail is a compact optional choice. */ .oneScreenRoot10150 .travelComparison58{grid-template-columns:minmax(0,1fr) minmax(230px,280px)} .oneScreenRoot10150 .travelComparison58>.travelTrain58{align-self:start;max-height:100%!important;border-color:#34434b;background:#111b22} .oneScreenRoot10150 .travelTrain58 .railCard1020712{padding:14px!important;background:transparent!important;color:#b9c4cb} .oneScreenRoot10150 .travelTrain58 .railCard1020712 h3{font-size:15px!important;margin:0 0 8px!important} .oneScreenRoot10150 .travelTrain58 .railCard1020712 p{font-size:13px!important;line-height:1.5;margin:6px 0!important} .oneScreenRoot10150 .travelRailOptions59>summary{cursor:pointer;padding:14px;font-size:15px;font-weight:700;color:#cbd5dc} .oneScreenRoot10150 .travelRailOptions59>summary span{display:block;padding:5px 0 0 18px;font-size:11px;font-weight:400;color:#93a4af} .oneScreenRoot10150 .travelRailOptions59 .railCard1020712>header{display:none} .oneScreenRoot10150 .travelTrain58 .railCard1020712 article{flex-wrap:wrap;gap:8px} .oneScreenRoot10150 .travelTrain58 .railCard1020712 article>div{min-width:0} @media(max-width:1000px){.oneScreenRoot10150 .travelComparison58{grid-template-columns:minmax(0,1fr) 230px}} @media(max-width:760px){.oneScreenRoot10150 .travelComparison58{grid-template-columns:1fr}.oneScreenRoot10150 .travelComparison58>.travelTrain58{width:100%;box-sizing:border-box}} /* .60: compact destination selector beside the primary flight workspace. */ @media(min-width:1101px){ .oneScreenRoot10150 .flightDeskGrid101915{grid-template-columns:150px minmax(270px,.65fr) minmax(0,1.35fr)!important;grid-template-rows:minmax(0,1fr)!important} .oneScreenRoot10150 .travelComparison58{grid-column:auto;grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,1fr) auto} .oneScreenRoot10150 .travelComparison58>.travelTrain58{width:100%;box-sizing:border-box;max-height:180px!important} .oneScreenRoot10150 .flightAirportsHead101915{flex-direction:column;gap:8px;padding:12px} .oneScreenRoot10150 .flightAirportTools101915{width:100%;min-width:0} .oneScreenRoot10150 .flightAirportTools101915 input{width:0;min-width:0;flex:1} .oneScreenRoot10150 .flightAirportTools101915 select{width:100px} .oneScreenRoot10150 .flightAirportCard101915{grid-template-columns:42px minmax(0,1fr) 42px;gap:7px;padding:9px 8px} .oneScreenRoot10150 .flightAirportCard101915 .iata101915{font-size:15px} } .oneScreenRoot10150 .flightSummaryAirport101915 h3{font-size:23px!important;color:#79d8ff!important;line-height:1.2} .oneScreenRoot10150 .flightSummaryAirport101915{padding:12px 14px!important} .oneScreenRoot10150 .flightSummaryActions101915 button{min-height:44px!important;font-size:14px!important} @media(min-width:761px) and (max-width:1100px){ .oneScreenRoot10150 .flightDeskGrid101915{grid-template-columns:150px minmax(0,1fr)!important;grid-template-rows:minmax(130px,.5fr) minmax(260px,1.5fr)!important} .oneScreenRoot10150 .flightAirportsHead101915{flex-wrap:wrap;padding:8px 12px;gap:6px} .oneScreenRoot10150 .flightAirportTools101915 input{width:150px} } .muzeBrand63{position:relative;z-index:2;display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:10px}.muzeBrand63 img{position:static!important;width:52px!important;height:68px!important;object-fit:contain!important;transform:none!important;filter:none!important;background:#fff;padding:5px;border-radius:5px;box-sizing:border-box}.muzeBrand63 span{font-size:20px;font-weight:800;color:#fff}.muzeBrand63 small{width:100%;font-size:10px;color:#f5c45d}.cityClubPhoto9991>.muzeBrand63{position:absolute;left:8px;top:8px;background:rgba(4,8,17,.82);border-radius:8px;max-width:calc(100% - 16px);box-sizing:border-box} .muzePhoto64{position:relative;width:100%;height:100%;overflow:hidden}.muzePhoto64 .muzeHero64{width:100%;height:100%;object-fit:cover}.muzePhoto64 .muzeBrand63{position:absolute;left:18px;top:18px;z-index:2}.clubHuntRailP28{min-height:0;overflow-y:auto;overscroll-behavior:contain}.clubHuntPickP28{flex-shrink:0} /* Travel Step 1: readable country names and explicit selection contrast. */ .oneScreenRoot10150 .flightCountryList101915 button{grid-template-columns:24px minmax(0,1fr) 22px!important;gap:8px!important;min-height:48px!important;padding:10px 8px!important;color:#eef2f7!important;background:#0c121b!important} .oneScreenRoot10150 .flightCountryList101915 button b{font-size:16px!important;line-height:1.3!important;font-weight:700!important;color:#eef2f7!important;word-break:normal!important;overflow-wrap:normal!important} .oneScreenRoot10150 .flightCountryList101915 button em{font-size:12px!important;color:#b3c0d2!important} .oneScreenRoot10150 .flightCountryList101915 button:hover{background:#1b273b!important} .oneScreenRoot10150 .flightCountryList101915 button.active{background:#302719!important;color:#fff4d6!important;box-shadow:inset 3px 0 #f5b942,inset 0 0 0 1px #c89332!important} .oneScreenRoot10150 .flightCountryList101915 button.active b{color:#fff4d6!important} .oneScreenRoot10150 .flightCountryList101915 button.active em{color:#ffd77b!important} .oneScreenRoot10150 .flightCountryList101915 button:focus-visible{outline:2px solid #72d8ff!important;outline-offset:-2px} @media(min-width:1101px){.oneScreenRoot10150 .flightDeskGrid101915{grid-template-columns:210px minmax(270px,.65fr) minmax(0,1.35fr)!important}.oneScreenRoot10150 .flightCountryList101915 button b{font-size:17px!important}} @media(min-width:761px) and (max-width:1100px){.oneScreenRoot10150 .flightDeskGrid101915{grid-template-columns:200px minmax(0,1fr)!important}}