/* Isolated presentation study. Existing FF3 demo owns all data and actions. */
:root{--bg0:#111a20;--bg1:#111a20;--bg2:#111a20;--panel:#1b272f;--panel2:#142027;--line:#34414a;--line2:#46545d;--muted:#93a5af;--muted2:#b8c6ce;--ink:#f1efe6;--body:'Sora',system-ui,sans-serif}
body{background:#111a20}.bubbles{display:none}.wrap{max-width:1470px;padding:50px 40px 65px}.topbar{padding:0 0 28px;border-bottom:1px solid var(--line);margin-bottom:26px}.logo{font-size:28px;letter-spacing:-1px;text-shadow:none}.logo:after{content:'THE SUSHICREW';display:block;color:#94a4ad;font:9px var(--body);letter-spacing:3px;margin-top:9px}.chip{border:0;background:transparent;border-radius:0;border-right:1px solid var(--line);padding:6px 17px;box-shadow:none;font-weight:600}.chip img{filter:none!important}.chip.shards:before,.chip.coins:before,.chip.nova:before,.chip.chests:before{font-size:9px;color:#a4b3bc;letter-spacing:.02em}.chip.shards:before{content:'Magicite'}.chip.coins:before{content:'Fight Coins'}.chip.nova:before{content:'NovaTokens'}.chip.chests:before{content:'Chests'}.avatar{box-shadow:none;border-width:1px}.logoutbtn{font:10px var(--body);border:0;background:none}
#hub{position:relative;padding-left:211px;min-height:800px}.tabs{position:absolute;left:0;top:0;width:177px;display:flex;flex-direction:column;border:0;border-radius:0;background:none;padding:0;gap:7px}.tabs:before{content:'PLAYER MENU';font-size:9px;letter-spacing:2px;color:#7f939f;padding:6px 14px 16px}.tabs:after{content:'Built for the crew.\A Played on stream.';white-space:pre-line;color:#8296a1;font-size:11px;line-height:1.8;border-top:1px solid var(--line);padding:23px 14px;margin-top:35px}.tab{text-align:left;flex:none;border:0;border-radius:4px;padding:15px 17px;font:500 12px var(--body);letter-spacing:0;text-transform:capitalize}.tab.on{background:#dac18a;color:#20282d;box-shadow:none}.tab:hover{background:#273740}.tab.on:hover{background:#e5cea1}
.study-heading{display:flex;justify-content:space-between;align-items:center;padding:4px 0 30px}.study-heading p{font-size:9px;color:#d1b77e;letter-spacing:2px;margin-bottom:13px}.study-heading h1{font-family:'Chakra Petch',sans-serif;font-size:34px;font-weight:600;letter-spacing:-1px;line-height:1.15;margin-bottom:12px}.study-heading span{font-size:12px;color:#9eafb9}.study-heading a{color:#e2c88e;border:1px solid #5a5341;border-radius:4px;text-decoration:none;font-size:11px;padding:12px 16px}
.jobrow{gap:9px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:17px 0;margin-bottom:24px}.jobrow .lbl{font:9px var(--body);letter-spacing:1.4px;width:48px}.crystal{box-shadow:none!important;border-radius:4px!important;background:#1b2831!important;width:118px!important;height:66px!important;display:flex!important;align-items:center;gap:6px;padding:8px!important}.crystal .jicon{width:37px!important;height:37px!important;flex-shrink:0;filter:none!important}.crystal .jn{font:600 9px var(--body)!important;line-height:1.4!important;text-align:left!important}.crystal.active{background:#313737!important;border-color:#b5a578!important}.grid{grid-template-columns:minmax(330px,.92fr) minmax(390px,1.25fr);gap:22px}.panel{border:1px solid #35434c;border-radius:6px;padding:23px;box-shadow:none;backdrop-filter:none;background:#1b272f}.panel h3{font:500 12px var(--body);letter-spacing:1px;color:#c8d2d5;margin-bottom:22px}.panel h3:before{width:4px;height:12px;background:#cdb683;box-shadow:none;border-radius:1px}.doll{background:linear-gradient(160deg,#2c3a42,#1b272f 45%)}.doll .portrait{margin-top:8px;margin-bottom:16px;box-shadow:none}.doll .jobname{font:600 24px 'Chakra Petch',sans-serif;letter-spacing:.3px}.doll .pathname{font:12px var(--body);color:#acbac2;margin-top:5px}.rbtn{box-shadow:none!important;font:10px var(--body)!important}.acclbl{margin-top:22px;font:9px var(--body);letter-spacing:1px}.slot{background:#131f26!important;border-radius:5px!important;box-shadow:none!important}.slot img{filter:none}.srow .k{font:12px var(--body);text-transform:none}.srow .v{font:600 13px var(--body)}.srow{padding:9px 0}.gearbox,.hpbox{border-radius:4px;background:#131f26;box-shadow:none}.gearbox .val,.hpbox .v{font:600 30px 'Chakra Petch',sans-serif}.empty-note{color:#9caeb8!important;line-height:1.6}.cardwell{border-radius:5px}.forgecmp,.forgecards{box-shadow:none}.panel button{box-shadow:none}.panel h4{font-family:var(--body)}
@media(max-width:1150px){.wrap{padding:45px 22px}.chip:before{display:none}#hub{padding-left:170px}.tabs{width:145px}.grid{grid-template-columns:1fr}.study-heading h1{font-size:28px}.crystal{width:94px!important}}
@media(max-width:720px){#hub{padding-left:0}.tabs{position:static;width:auto;flex-direction:row;overflow:auto;margin-bottom:20px}.tabs:before,.tabs:after{display:none}.tab{white-space:nowrap}.study-heading{gap:12px}.study-heading h1{font-size:24px}.study-heading a{display:none}.chip{padding:5px;min-width:0}.topbar{gap:6px;flex-wrap:wrap}.grid{grid-template-columns:minmax(0,1fr)}}