:root{--blue:#4264ed;--navy:#263e90;--ink:#24304b;--muted:#76839a;--line:#e8edf5;--bg:#f5f7fb;--white:#fff;--radius:20px;font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI","Microsoft YaHei",sans-serif;color:var(--ink);font-size:16px;font-synthesis:none}
*{box-sizing:border-box}body{margin:0;background:var(--bg)}button,input,select,textarea{font:inherit;color:inherit}button,select{cursor:pointer}button{border:0;background:none}a{color:var(--blue)}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #8aabff;outline-offset:3px}button:disabled{opacity:.45;cursor:not-allowed}h1,h2,h3,p{margin:0}h1{font-size:30px;letter-spacing:-.7px;line-height:1.3}h2{font-size:20px}h3{font-size:17px}small{font-size:13px}.muted{color:var(--muted)}.small-text{font-size:14px}.nowrap{white-space:nowrap}.preview-bar{height:42px;padding:0 30px;background:#17295e;color:#c5d0f5;display:flex;align-items:center;justify-content:space-between;font-size:13px}.preview-bar b{font-weight:500;color:#fff}.preview-bar button{color:#fff;background:#ffffff16;border:1px solid #ffffff24;border-radius:7px;padding:4px 12px;font-size:12px}.app-shell{display:flex;min-height:calc(100vh - 42px)}.sidebar{width:224px;flex-shrink:0;background:var(--white);border-right:1px solid var(--line);display:flex;flex-direction:column;padding:32px 20px 20px;position:sticky;top:0;height:calc(100vh - 42px)}.brand{display:flex;align-items:center;gap:12px;padding:0 6px;font-size:21px;font-weight:750;letter-spacing:1px}.brand small{font-size:9px;display:block;color:#8e9bb1;letter-spacing:1.2px;font-weight:600;margin-top:4px}.brand-mark{width:42px;height:42px;display:grid;place-items:center;background:var(--blue);color:#fff;border-radius:13px;font-weight:650;box-shadow:0 6px 14px #4264ed20}.nav-list{display:flex;flex-direction:column;gap:7px;margin-top:45px}.nav-btn{display:flex;align-items:center;gap:13px;text-align:left;width:100%;border-radius:12px;padding:14px;color:#77839a;font-size:15px;font-weight:550;transition:.15s}.nav-btn:hover{background:#f5f7fc}.nav-btn.active{background:#edf1ff;color:var(--blue)}.nav-icon{width:21px;height:21px;flex-shrink:0;stroke:currentColor;stroke-width:1.7;fill:none;stroke-linecap:round;stroke-linejoin:round}.sidebar-bottom{margin-top:auto;padding-top:35px}.side-note{background:#f7f9fd;border:1px solid #ecf0f7;border-radius:14px;padding:20px 15px}.side-note-icon{display:block;width:28px;height:28px;border-radius:9px;background:#e6ecfd;color:var(--blue);text-align:center;line-height:28px;margin-bottom:12px}.side-note strong{font-size:14px}.side-note p{color:#8b96aa;font-size:12px;line-height:1.8;margin-top:7px}.reset-link{color:#8a96ac;font-size:13px;margin-top:20px;padding:10px;width:100%}.workspace{flex:1;min-width:0}.topbar{height:83px;background:#ffffffaa;border-bottom:1px solid var(--line);padding:0 42px;display:flex;align-items:center;justify-content:space-between;gap:20px}.breadcrumb{font-size:14px;color:#8c97aa}.breadcrumb span{padding:0 15px;color:#ccd2dd}.breadcrumb b{color:#556179;font-weight:500}.identity{display:flex;align-items:center;gap:10px;font-size:13px}.identity label{color:#929daf}.identity select{font-size:14px;background:#fff;border:1px solid var(--line);border-radius:9px;padding:8px 26px 8px 10px;max-width:190px}.avatar{height:42px;width:42px;border-radius:14px;background:#eaf0ff;color:var(--blue);display:inline-grid;place-items:center;font-size:17px;font-weight:650;flex-shrink:0}.avatar.small{width:32px;height:32px;font-size:14px;border-radius:11px}main{max-width:1280px;margin:0 auto;padding:34px 42px 48px;outline:none}.page-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:28px}.eyebrow{color:#9aa6bb;font-size:11px;letter-spacing:2px;margin-bottom:8px;font-weight:650}.page-heading p{color:#8a96aa;font-size:14px;margin-top:9px}.button{padding:11px 18px;border-radius:11px;font-size:14px;font-weight:600;display:inline-flex;align-items:center;justify-content:center;gap:8px;line-height:1.5;border:1px solid transparent;transition:background .15s}.button.primary{background:var(--blue);color:#fff;box-shadow:0 5px 12px #4264ed17}.button.primary:hover{background:#3453d5}.button.secondary{background:#edf1ff;color:#4564d8}.button.ghost{background:#fff;color:#697991;border-color:#e1e7f1}.button.danger{background:#fff1f1;color:#c25050}.button.compact{padding:8px 13px;font-size:13px}.button-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.button-row.end{justify-content:flex-end}.text-button{color:var(--blue);font-size:14px;padding:5px 0}.hero-grid{display:grid;grid-template-columns:1.28fr 1fr;gap:22px;margin-bottom:30px}.balance{background:var(--navy);color:#fff;padding:27px 29px;border-radius:var(--radius);box-shadow:0 12px 24px #263e9010;position:relative;overflow:hidden}.balance-top{display:flex;align-items:center;justify-content:space-between;font-size:14px;color:#c3cfef}.balance-tag{background:#ffffff14;border:1px solid #ffffff1f;border-radius:7px;padding:4px 9px;font-size:11px;color:#d7e1ff}.balance-number{font-size:48px;font-weight:650;letter-spacing:-1.6px;font-variant-numeric:tabular-nums;margin-top:17px;line-height:1.2}.balance-number .currency{font-size:26px;vertical-align:6px;font-weight:400;margin-right:8px}.balance-footer{display:flex;justify-content:space-between;gap:18px;border-top:1px solid #ffffff22;margin-top:25px;padding-top:18px}.balance-footer span{display:block;color:#aebfe9;font-size:12px}.balance-footer strong{font-size:18px;font-weight:500;margin-top:5px;display:block;font-variant-numeric:tabular-nums}.quick-stats{display:grid;grid-template-columns:1fr 1fr;gap:16px}.stat-card{background:#fff;border:1px solid var(--line);border-radius:18px;padding:21px 24px;text-align:left;display:flex;flex-direction:column;align-items:flex-start;justify-content:space-between;transition:.15s}.stat-card:hover{border-color:#bdcbfd}.stat-head{display:flex;justify-content:space-between;align-items:center;width:100%;font-size:14px;color:#7f8aa0}.stat-card strong{font-size:35px;font-weight:650;line-height:1.2;margin-top:12px}.stat-card strong small{font-size:12px;color:#9ca7b8;font-weight:400;margin-left:6px}.stat-arrow{color:#9aa8c2;font-size:17px}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:27px 0 18px}.section-heading h2{font-size:18px}.count-label{font-size:12px;color:#8c99ae;font-weight:400;margin-left:10px}.orders-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.order-card{background:#fff;border:1px solid var(--line);border-radius:17px;padding:22px;cursor:pointer;transition:transform .15s,border-color .15s}.order-card:hover{border-color:#c1ceef;transform:translateY(-2px)}.card-top{display:flex;align-items:center;justify-content:space-between;gap:12px}.game-name{display:flex;align-items:center;gap:9px;font-size:13px;color:#738097}.game-mark{width:29px;height:29px;background:#eaf0f8;color:#70839e;display:grid;place-items:center;border-radius:9px;font-weight:650;font-size:12px}.badge{display:inline-flex;align-items:center;border-radius:7px;padding:4px 9px;font-size:12px;white-space:nowrap;color:#8b72b4;background:#f1eefb}.badge.assigned{background:#edf2ff;color:#4869d5}.badge.submitted{background:#fff4df;color:#ac7c23}.badge.approved,.badge.active{background:#e9f7ef;color:#358464}.badge.paid{background:#eef5f2;color:#6c9281}.badge.canceled,.badge.disabled{background:#f0f2f6;color:#8894a6}.badge.pending{background:#fff4df;color:#ac7c23}.order-card h3{font-size:17px;margin-top:15px;line-height:1.5;overflow-wrap:anywhere}.order-sub{display:flex;align-items:center;gap:6px;color:#8b96aa;font-size:13px;margin-top:6px}.order-sub .nav-icon{width:14px;height:14px}.order-footer{border-top:1px solid #f0f3f8;margin-top:19px;padding-top:17px;display:flex;align-items:center;justify-content:space-between;gap:12px}.order-footer small{font-size:12px;color:#95a0b3}.order-footer strong{font-size:21px;font-weight:650;margin-left:8px;font-variant-numeric:tabular-nums}.order-footer .worker{font-size:12px;color:#8b96aa}.flow-strip{margin-top:26px;display:flex;align-items:center;justify-content:space-between;gap:15px;padding:19px 25px;background:#eef2fa;border:1px solid #e6ecf6;border-radius:14px;color:#7e8da8;font-size:13px}.flow-step{display:flex;align-items:center;gap:8px}.step-num{display:inline-grid;place-items:center;background:#fff;border:1px solid #dce4f4;border-radius:50%;width:23px;height:23px;font-size:11px;color:#6880af}.flow-arrow{color:#b3bfd3}.toolbar{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:22px}.search{background:#fff;border:1px solid var(--line);border-radius:12px;padding:11px 14px;max-width:380px;width:100%;font-size:14px;min-height:44px}.tabs{display:flex;align-items:center;gap:8px;overflow:auto;padding:3px 0 12px;margin-bottom:14px}.tab{padding:9px 15px;border-radius:9px;font-size:13px;color:#8390a4;white-space:nowrap;background:#eaf0f7}.tab.active{background:var(--navy);color:#fff}.empty{background:#fff;border:1px dashed #dce4f2;border-radius:18px;text-align:center;padding:64px 25px;color:#97a3b7}.empty strong{font-size:17px;font-weight:600;display:block;color:#62718b;margin:15px 0 8px}.empty .nav-icon{width:36px;height:36px;color:#a9b8d3}.empty p{font-size:14px}.notice{background:#edf2fc;color:#7386ad;padding:15px 18px;border-radius:12px;font-size:14px;line-height:1.7;margin-bottom:22px}.notice.warning{background:#fff5e5;color:#aa8037}.notice.error{background:#fff1f1;color:#b25959}.ledger{border:1px solid var(--line);border-radius:16px;overflow:hidden;background:#fff}.ledger-row{display:grid;grid-template-columns:1.6fr 1fr 1fr 90px;gap:18px;align-items:center;text-align:left;width:100%;padding:20px 25px;border-top:1px solid var(--line)}.ledger-row:first-child{border-top:0}.ledger-head{background:#f9fbfe;font-size:13px;color:#8f9ab0;padding-top:13px;padding-bottom:13px}.ledger-row:not(.ledger-head):hover{background:#fafcff}.ledger-row h3{font-size:15px;line-height:1.6}.ledger-row small{color:#96a1b4;font-size:12px;display:block;margin-top:4px}.money{font-variant-numeric:tabular-nums;font-weight:650;font-size:21px}.members-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.member-card,.panel{border:1px solid var(--line);border-radius:17px;background:#fff;padding:24px}.member-info{display:flex;align-items:center;gap:13px}.member-info h3{font-size:17px}.member-info p{color:#8b97ad;font-size:13px;margin-top:6px}.member-info .badge{margin-left:auto}.member-bottom{display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--line);margin-top:20px;padding-top:17px;gap:12px}.member-bottom span{color:#99a4b7;font-size:12px}.profile-layout{display:grid;grid-template-columns:1fr 1fr;gap:22px;align-items:start}.panel h2{font-size:18px;margin-bottom:22px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.field{display:block;min-width:0}.field.full{grid-column:1/-1}.field>span{display:block;margin-bottom:9px;font-size:14px;font-weight:550;color:#526078}.field input,.field select,.field textarea,.field-input{width:100%;border:1px solid #e0e6f0;border-radius:10px;padding:12px 13px;background:#f9fbfe;font-size:14px;min-height:45px}.field textarea{resize:vertical;min-height:108px;line-height:1.65}.field small{display:block;font-size:12px;color:#95a1b6;margin-top:7px}.form-footer{margin-top:25px;display:flex;justify-content:flex-end;gap:10px}.sheet{padding:0;border:0;box-shadow:0 22px 100px #17243a32;border-radius:22px;width:min(840px,calc(100% - 40px));max-height:calc(100dvh - 50px);color:var(--ink);background:var(--bg)}dialog::backdrop{background:#13234768;backdrop-filter:blur(3px)}.sheet-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:28px 30px 24px;background:#fff;border-bottom:1px solid var(--line)}.sheet-heading h2{font-size:23px;line-height:1.5;overflow-wrap:anywhere}.sheet-heading .eyebrow{font-size:11px;letter-spacing:1px}.sheet-heading p{font-size:13px;color:#8c98ae;margin-top:6px}.icon-button{height:33px;width:33px;border:1px solid #e4eaf4;background:#fff;border-radius:10px;flex-shrink:0;font-size:21px;color:#8796ad;display:grid;place-items:center}.sheet-body{padding:25px 30px 30px}.detail-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:20px;align-items:start}.detail-stack{display:flex;flex-direction:column;gap:20px}.detail-grid .panel{padding:22px}.detail-grid .balance{padding:23px}.detail-grid .balance-number{font-size:39px}.detail-grid .balance-footer{font-size:12px}.info-line{display:flex;justify-content:space-between;gap:22px;font-size:14px;line-height:1.7;margin:12px 0}.info-line>span:first-child{color:#8b97ac;flex-shrink:0}.info-line>span:last-child{text-align:right;overflow-wrap:anywhere}.notes{white-space:pre-wrap;overflow-wrap:anywhere;font-size:14px;line-height:1.8;color:#68778f}.separator{height:1px;background:var(--line);margin:20px 0}.action-stack{display:flex;flex-direction:column;gap:12px}.proofs{display:flex;flex-wrap:wrap;gap:10px;margin-top:15px}.proof-wrap{position:relative}.proof-button{display:block;padding:0;border-radius:10px;overflow:hidden;border:1px solid #e2e8f3}.proof-button img{display:block;width:90px;height:76px;object-fit:cover}.proof-remove{position:absolute;right:-6px;top:-6px;border-radius:50%;width:23px;height:23px;background:#263e90;color:#fff;font-size:14px;border:2px solid #fff}.timeline{margin:4px 0 0 7px;border-left:2px solid #e7edf8;padding-left:20px}.timeline-item{position:relative;padding-bottom:22px}.timeline-item:last-child{padding-bottom:0}.timeline-item::before{content:"";width:7px;height:7px;border:2px solid #c8d4f0;background:#fff;border-radius:50%;position:absolute;left:-26px;top:5px}.timeline-item p{font-size:13px;line-height:1.65;overflow-wrap:anywhere}.timeline-item small{display:block;color:#99a6ba;font-size:11px;margin-top:5px}.money-preview{margin-top:22px;background:#edf2ff;border-radius:13px;padding:18px;display:flex;justify-content:space-between;align-items:center;gap:15px}.money-preview span{font-size:14px;color:#6e80aa}.money-preview strong{font-size:25px;color:var(--blue)}.confirmation{border:0;border-radius:20px;padding:30px;width:min(400px,calc(100% - 36px));box-shadow:0 20px 70px #10204540;color:var(--ink)}.confirm-icon{width:39px;height:39px;background:#eaf0ff;border-radius:13px;display:grid;place-items:center;color:var(--blue);font-size:21px;font-weight:600;margin-bottom:20px}.confirmation h2{font-size:20px}.confirmation p{font-size:14px;line-height:1.8;color:#7a879e;margin:13px 0 26px}.confirmation .button-row{justify-content:flex-end}.image-dialog{padding:20px;border:0;border-radius:18px;background:#fff;max-width:90vw;max-height:90dvh}.image-dialog img{display:block;max-width:80vw;max-height:78dvh;object-fit:contain}.image-close{position:absolute;right:8px;top:8px}.error-message{display:none;background:#fff1f1;color:#ba5757;border-radius:10px;padding:12px 15px;font-size:14px;margin-top:15px}.error-message:not(:empty){display:block}#toast{position:fixed;bottom:30px;left:50%;transform:translate(-50%,20px);background:#223453;color:#fff;box-shadow:0 7px 30px #16233c25;border-radius:12px;padding:12px 20px;font-size:14px;z-index:100;opacity:0;pointer-events:none;transition:.2s;max-width:90%;text-align:center}#toast.show{opacity:1;transform:translate(-50%,0)}.bottom-nav{display:none}.profile-actions{display:flex;flex-direction:column;gap:12px}.fine-print{font-size:12px;color:#8d9bb2;line-height:1.8;margin-top:18px}.copy-box{width:100%;min-height:240px;padding:18px;border:1px solid var(--line);border-radius:12px;resize:vertical;font-size:14px;line-height:1.8;background:#fff}.float-badge{font-size:11px;color:#768cb8;background:#edf2fb;border-radius:7px;padding:4px 7px;margin-left:9px}.full-width{width:100%}
@media(min-width:801px){body.phone-preview{background:#e5eaf3}body.phone-preview .app-shell{width:420px;min-height:820px;margin:28px auto;border-radius:28px;overflow:hidden;box-shadow:0 25px 80px #283d661a;border:7px solid #fff;display:block}body.phone-preview .sidebar{display:none}body.phone-preview .topbar{padding:16px;height:auto}body.phone-preview .breadcrumb{display:none}body.phone-preview .identity{width:100%;justify-content:flex-end}body.phone-preview main{padding:25px 20px 90px}body.phone-preview .page-heading{align-items:flex-start;margin-bottom:24px;gap:10px}body.phone-preview h1{font-size:27px}body.phone-preview .hero-grid{grid-template-columns:1fr;gap:16px}body.phone-preview .quick-stats{gap:10px}body.phone-preview .stat-card{padding:17px 16px}body.phone-preview .stat-card strong{font-size:27px}body.phone-preview .orders-grid,body.phone-preview .members-grid,body.phone-preview .profile-layout{grid-template-columns:1fr}body.phone-preview .flow-strip{flex-wrap:wrap;padding:16px;gap:10px}body.phone-preview .flow-arrow{display:none}body.phone-preview .flow-step{width:46%;font-size:12px}body.phone-preview .toolbar{flex-direction:column;align-items:stretch}body.phone-preview .bottom-nav{display:flex;position:sticky;bottom:0;background:#fff;border-top:1px solid var(--line);padding:12px 7px;gap:2px;justify-content:space-around}body.phone-preview .bottom-nav .nav-btn{padding:3px;flex-direction:column;gap:5px;font-size:11px;border-radius:0}body.phone-preview .bottom-nav .nav-btn.active{background:none}body.phone-preview .ledger-head{display:none}body.phone-preview .ledger-row{grid-template-columns:1fr auto;padding:20px;gap:10px}body.phone-preview .ledger-person{display:none}body.phone-preview .page-heading>.button{padding:9px;font-size:12px;white-space:nowrap}body.phone-preview .identity label{font-size:12px}body.phone-preview .balance{padding:24px}body.phone-preview .balance-number{font-size:44px}}
@media(max-width:1100px) and (min-width:801px){.sidebar{width:196px;padding:28px 15px}.topbar{padding:0 26px}main{padding:30px 26px}.stat-card{padding:18px}.balance{padding:25px}.balance-number{font-size:42px}.order-footer strong{font-size:18px}.flow-strip{padding:16px;font-size:12px}}
@media(max-width:800px){.preview-bar{height:auto;min-height:36px;padding:9px 17px;font-size:11px}.preview-bar button{display:none}.sidebar{display:none}.app-shell{display:block}.topbar{height:auto;min-height:66px;padding:13px 20px}.breadcrumb{display:none}.identity{width:100%;justify-content:flex-end;gap:8px}.identity label{font-size:12px}.identity select{font-size:13px}.identity .avatar{margin-right:auto}.workspace{width:100%}main{padding:25px 20px 100px}.page-heading{align-items:flex-start;margin-bottom:25px;gap:10px}h1{font-size:28px}.page-heading p{font-size:13px;line-height:1.6}.page-heading>.button{padding:9px 11px;font-size:12px;white-space:nowrap}.hero-grid{grid-template-columns:1fr;gap:16px}.balance{padding:25px}.balance-number{font-size:45px}.balance-footer strong{font-size:18px}.quick-stats{gap:12px}.stat-card{padding:18px 20px;min-height:106px}.stat-card strong{font-size:29px}.orders-grid,.members-grid,.profile-layout{grid-template-columns:1fr}.order-card{padding:22px}.flow-strip{flex-wrap:wrap;padding:17px;gap:13px}.flow-step{width:46%;font-size:12px}.flow-arrow{display:none}.bottom-nav{display:flex;position:fixed;bottom:0;left:0;right:0;z-index:20;border-top:1px solid var(--line);background:#fffffff5;backdrop-filter:blur(15px);padding:10px 8px calc(9px + env(safe-area-inset-bottom));justify-content:space-around;gap:4px}.bottom-nav .nav-btn{padding:4px;flex-direction:column;gap:4px;font-size:11px;border-radius:0}.bottom-nav .nav-btn.active{background:none}.toolbar{flex-direction:column;align-items:stretch;gap:10px}.search{max-width:none}.ledger-head{display:none}.ledger-row{grid-template-columns:1fr auto;gap:12px;padding:20px}.ledger-person{display:none}.sheet{width:100%;max-height:100dvh;height:100dvh;margin:0;border-radius:0}.sheet-heading{padding:24px 20px 20px}.sheet-heading h2{font-size:21px}.sheet-body{padding:20px 20px 40px}.detail-grid{grid-template-columns:1fr}.form-grid{grid-template-columns:1fr}.field.full{grid-column:auto}.sheet .balance-number{font-size:40px}.form-footer{position:sticky;bottom:0;background:#f5f7bf00;padding-top:12px}.form-footer .button{flex:1}#toast{bottom:85px}.preview-hint{font-size:11px}.section-heading{margin-top:26px}.member-info{gap:10px}.member-info p{font-size:12px}.notice{font-size:13px}.panel{padding:22px}.profile-layout .form-grid{grid-template-columns:1fr}.image-dialog{max-width:96vw}.image-dialog img{max-width:85vw}}
.sheet{max-width:100%}
@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}

.customer-mode{--blue:#4968eb}.customer-mode .brand-mark{background:#4968eb}.customer-mode .side-note{background:#eef3ff}.customer-mode .breadcrumb{font-size:14px}.customer-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:28px}.customer-heading h1{font-size:31px;font-weight:750;letter-spacing:-.5px}.customer-heading p{color:#8592aa;font-size:14px;margin-top:12px;line-height:1.8}.sparkle{display:inline-block;color:#6c89f4;font-size:29px;margin-left:13px}.customer-space-label{padding:8px 15px;background:#edf1ff;color:#5d77cc;border:1px solid #e2e9ff;border-radius:10px;font-size:13px}.game-tabs{display:flex;gap:11px;overflow:auto;padding:1px 0 22px;border-bottom:1px solid #e5ebf5;margin-bottom:28px}.game-tab{border:1px solid #e3e9f3;border-radius:12px;padding:12px 21px;color:#7a89a2;font-size:14px;white-space:nowrap;background:#fff}.game-tab.active{background:#4968eb;color:#fff;border-color:#4968eb;box-shadow:0 5px 13px #4968eb19}.discovery-tools{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:24px}.discovery-count{display:flex;align-items:center;gap:12px;white-space:nowrap}.discovery-count h2{font-size:19px}.discovery-count span{font-size:12px;color:#98a3b7}.discovery-filters{display:flex;gap:10px;max-width:450px;flex:1;justify-content:flex-end}.discovery-filters .search{max-width:270px;font-size:13px}.discovery-filters select{border:1px solid #e4eaf3;background:#fff;border-radius:11px;padding:9px 12px;font-size:13px;color:#6e7f9a;max-width:130px}.talent-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}.talent-card{border-radius:19px;background:#fff;border:1px solid #e7ecf4;overflow:hidden;cursor:pointer;transition:transform .16s,box-shadow .16s}.talent-card:hover{transform:translateY(-4px);box-shadow:0 14px 26px #293a5610}.talent-card:focus-visible{outline:3px solid #8aabff;outline-offset:3px}.talent-visual{position:relative;margin:8px 8px 0}.lifestyle-photo{position:relative;width:100%;aspect-ratio:3/4;overflow:hidden;border-radius:13px;background:#e2e8f2}.lifestyle-grid{position:absolute;width:200%;height:200%;max-width:none;display:block;object-fit:fill}.own-lifestyle{width:100%;height:100%;display:block;object-fit:cover}.photo-caption{position:absolute;bottom:9px;left:9px;font-size:10px;color:#fff;background:#22304b60;border-radius:5px;padding:3px 6px;backdrop-filter:blur(3px)}.talent-availability{position:absolute;top:11px;right:10px;background:#ffffffee;color:#8c8297;border-radius:7px;padding:5px 8px;font-size:11px;box-shadow:0 2px 5px #00000005}.talent-availability.accepting{color:#318164}.talent-info{padding:17px 16px 18px}.talent-title{display:flex;align-items:center;justify-content:space-between;gap:6px}.talent-title h2{font-size:19px}.talent-title>span{font-size:11px;color:#7185a7}.talent-bio{color:#8d9ab0;font-size:12px;margin-top:9px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.6}.talent-tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:13px}.talent-tags>span{font-size:10px;color:#788daf;background:#f0f4fc;border-radius:5px;padding:4px 6px;line-height:1.5}.talent-bottom{display:flex;align-items:center;justify-content:space-between;gap:8px;border-top:1px solid #eef2f7;padding-top:15px;margin-top:17px}.talent-price b{font-size:19px;color:#4968eb;font-weight:650;letter-spacing:-.4px}.talent-price small{color:#9da8ba;font-size:11px}.choose-talent{color:#7c8fab;font-size:11px;white-space:nowrap}.customer-process{display:flex;align-items:center;justify-content:center;gap:25px;background:#edf2fd;border:1px solid #e4ebfa;border-radius:14px;padding:22px;margin-top:30px}.customer-process div{display:flex;align-items:center;gap:10px}.customer-process span{color:#96a9d0;font-size:13px;font-style:italic}.customer-process strong{font-size:13px;font-weight:500;color:#7186ad}.customer-process i{color:#b2c0da;font-size:14px;font-style:normal}.demo-gallery-note{font-size:12px;color:#99a4b7;text-align:center;margin-top:19px;line-height:1.8}.talent-detail{display:grid;grid-template-columns:1fr 1.05fr;gap:30px}.profile-portrait{border-radius:17px}.gallery-caption{font-size:12px;color:#8d9ab1;margin-top:11px;text-align:center}.talent-detail-name{display:flex;align-items:center;justify-content:space-between;gap:12px}.talent-detail-name h2{font-size:29px}.talent-introduction .talent-tags{margin-top:16px}.talent-introduction .talent-tags span{font-size:12px;padding:5px 9px}.public-intro{margin-top:25px}.public-intro h3{font-size:15px;margin-bottom:11px}.public-intro p{font-size:14px;color:#8390a7;line-height:1.85;white-space:pre-wrap;overflow-wrap:anywhere}.game-service{display:flex;align-items:center;gap:12px;background:#fff;border:1px solid #e7edf7;border-radius:13px;padding:15px}.game-service strong{font-size:14px}.game-service p{font-size:12px;line-height:1.7;margin-top:5px}.game-service-icon{width:37px;height:37px;display:grid;place-items:center;background:#eaf0ff;border-radius:11px;color:#6f87bc;font-weight:600}.customer-price-box{margin-top:26px;background:#eef2ff;border:1px solid #e1e8ff;border-radius:13px;padding:18px 20px}.customer-price-box>span{font-size:12px;color:#8192b5}.customer-price-box>div{margin-top:9px;color:#7084ad;font-size:13px}.customer-price-box strong{color:#4968eb;font-size:29px;letter-spacing:-.8px}.customer-price-box p{font-size:11px;color:#93a2bf;margin-top:10px}.booking-talent{display:flex;align-items:center;gap:20px;background:#fff;border:1px solid #e4ebf6;border-radius:15px;padding:16px;margin-bottom:25px}.booking-talent .lifestyle-photo{width:75px;flex-shrink:0;aspect-ratio:3/4;border-radius:10px}.booking-talent .photo-caption{display:none}.booking-talent h3{font-size:19px}.booking-talent p{font-size:13px;color:#8b98ad;margin:8px 0 10px}.booking-talent strong{color:#4968eb;font-size:18px}.booking-talent small{font-size:12px;color:#8b98ad;font-weight:400}.booking-total{display:flex;align-items:center;justify-content:space-between;padding:22px 0;margin-top:6px}.booking-total span{font-size:14px;color:#7c8ba2}.booking-total strong{font-size:28px;color:#4968eb}.customer-orders-list{display:grid;grid-template-columns:1fr 1fr;gap:20px}.customer-order-card{border:1px solid #e5ebf5;background:#fff;border-radius:17px;padding:23px;cursor:pointer}.customer-order-card:focus-visible{outline:3px solid #8aabff;outline-offset:3px}.customer-order-card:hover{border-color:#b9c9ef}.customer-order-title{display:flex;align-items:center;gap:12px;margin:24px 0}.customer-order-title h3{font-size:17px}.customer-order-title p{font-size:12px;color:#8d9bb1;margin-top:7px}.customer-order-title strong{margin-left:auto;font-size:22px;color:#4968eb}.customer-order-footer{border-top:1px solid #edf1f7;padding-top:17px;display:flex;justify-content:space-between;align-items:center;gap:10px;font-size:12px;color:#8a98b0;line-height:1.8}.customer-order-footer span:last-child{white-space:nowrap;color:#7188b7}.customer-order-summary{display:flex;justify-content:space-between;align-items:center;gap:20px;background:#fff;border:1px solid #e4ebf5;border-radius:17px;padding:25px}.customer-order-summary h2{font-size:20px;margin-top:16px}.customer-order-summary p{font-size:13px;color:#8e9cb2;margin-top:10px;line-height:1.8}.customer-order-summary>strong{font-size:28px;color:#4968eb;white-space:nowrap}.booking-progress{display:flex;justify-content:space-between;gap:20px;padding:26px 10px}.booking-progress span{display:flex;align-items:center;gap:8px;color:#a6b1c2;font-size:13px}.booking-progress i{font-style:normal;background:#edf1f8;color:#a6b1c2;display:grid;place-items:center;width:23px;height:23px;border-radius:50%;font-size:11px}.booking-progress .reached{color:#5f7cc5}.booking-progress .reached i{background:#e2eaff;color:#5c7aca}.booking-request-note{margin-bottom:22px}.customer-photo-upload{margin-top:20px}.public-profile-editor .form-grid{gap:18px}.public-profile-editor .preview-photo{width:100px;height:130px;object-fit:cover;border-radius:10px;margin-top:13px}
@media(max-width:1250px) and (min-width:801px){.talent-grid{gap:15px}.talent-info{padding:15px 12px}.talent-title{align-items:flex-start;flex-direction:column;gap:5px}.talent-price b{font-size:17px}.choose-talent{font-size:10px}.talent-tags>span{font-size:10px}.customer-process{gap:17px}}
@media(max-width:1050px) and (min-width:801px){.talent-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.discovery-tools{align-items:flex-start;flex-direction:column}.discovery-filters{width:100%;max-width:none}.discovery-filters .search{max-width:none}}
@media(max-width:800px){.customer-heading{margin-bottom:22px;align-items:flex-start;gap:10px}.customer-heading h1{font-size:27px}.customer-heading p{font-size:13px;line-height:1.8;margin-top:10px}.customer-space-label{font-size:11px;padding:6px 8px;white-space:nowrap;margin-top:20px}.sparkle{font-size:23px;margin-left:6px}.game-tabs{gap:8px;padding-bottom:17px;margin-bottom:22px;margin-right:-20px}.game-tab{padding:10px 14px;font-size:12px;border-radius:10px}.discovery-tools{align-items:stretch;flex-direction:column;gap:15px;margin-bottom:18px}.discovery-count h2{font-size:18px}.discovery-filters{max-width:none;gap:8px;justify-content:space-between}.discovery-filters .search{width:100%;max-width:none;min-width:0;font-size:12px}.discovery-filters select{font-size:12px;flex-shrink:0;max-width:105px;padding:8px 10px}.talent-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.talent-card{border-radius:15px}.talent-visual{margin:5px 5px 0}.lifestyle-photo{border-radius:10px}.talent-availability{top:7px;right:7px;font-size:10px;padding:4px 6px}.photo-caption{font-size:9px;padding:2px 4px;bottom:6px;left:6px}.talent-info{padding:12px 10px 13px}.talent-title{align-items:flex-start;flex-direction:column;gap:5px}.talent-title h2{font-size:17px}.talent-title>span{font-size:11px}.talent-bio{font-size:11px;margin-top:7px}.talent-tags{gap:4px;margin-top:9px}.talent-tags>span{font-size:10px;padding:3px 5px}.talent-bottom{gap:4px;margin-top:12px;padding-top:12px;flex-wrap:wrap}.talent-price b{font-size:17px}.talent-price small{font-size:10px}.choose-talent{font-size:10px}.customer-process{padding:17px 12px;gap:9px;align-items:flex-start}.customer-process div{flex:1;flex-direction:column;gap:8px;text-align:center}.customer-process strong{font-size:11px;line-height:1.8}.customer-process i{padding-top:19px;font-size:11px}.demo-gallery-note{font-size:11px;text-align:left;margin-top:15px}.talent-detail{grid-template-columns:1fr;gap:26px}.profile-portrait{max-width:310px;margin:0 auto}.talent-detail-name h2{font-size:27px}.customer-price-box{margin-top:22px}.customer-orders-list{grid-template-columns:1fr;gap:16px}.customer-order-card{padding:20px}.customer-order-title strong{font-size:20px}.customer-heading>.button{font-size:12px;padding:9px;white-space:nowrap}.customer-order-summary{padding:20px;flex-wrap:wrap;gap:15px}.customer-order-summary h2{font-size:19px}.customer-order-summary>strong{font-size:25px}.booking-progress{gap:10px;padding:24px 0}.booking-progress span{font-size:12px;gap:6px}.booking-progress i{width:21px;height:21px}.customer-mode main{padding-top:24px}.booking-talent{gap:14px}}
@media(min-width:801px){body.phone-preview .customer-heading{align-items:flex-start;margin-bottom:22px}body.phone-preview .customer-heading h1{font-size:26px}body.phone-preview .customer-heading p{font-size:12px}body.phone-preview .customer-space-label{display:none}body.phone-preview .sparkle{font-size:24px;margin-left:8px}body.phone-preview .game-tabs{gap:8px;padding-bottom:17px;margin-bottom:22px}body.phone-preview .game-tab{padding:10px 14px;font-size:12px}body.phone-preview .discovery-tools{align-items:stretch;flex-direction:column;gap:15px}body.phone-preview .discovery-filters{width:100%;max-width:none;gap:8px}body.phone-preview .discovery-filters .search{min-width:0;max-width:none;font-size:12px}body.phone-preview .discovery-filters select{font-size:12px;max-width:105px}body.phone-preview .talent-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}body.phone-preview .talent-info{padding:12px 10px}body.phone-preview .talent-title{flex-direction:column;align-items:flex-start;gap:5px}body.phone-preview .talent-title h2{font-size:17px}body.phone-preview .talent-bottom{flex-wrap:wrap;gap:5px}body.phone-preview .talent-price b{font-size:17px}body.phone-preview .choose-talent{font-size:10px}body.phone-preview .customer-process{gap:10px;padding:17px 12px}body.phone-preview .customer-process div{flex-direction:column;gap:8px}body.phone-preview .customer-process strong{font-size:11px}body.phone-preview .customer-process i{font-size:11px}body.phone-preview .demo-gallery-note{font-size:11px;text-align:left}body.phone-preview .customer-orders-list{grid-template-columns:1fr}}
.profile-checks{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:22px}.profile-checks label{display:flex;align-items:center;gap:8px;font-size:13px}.profile-checks input{width:18px;height:18px;accent-color:var(--blue)}.badge.awaiting_payment{color:#906200;background:#fff3d6}.member-bottom{flex-wrap:wrap;gap:10px}.customer-mode .sidebar-bottom .side-note p{line-height:1.8}
.service-row{border:1px solid #e1e8f4;padding:18px;border-radius:14px;margin:15px 0;background:#fff}.service-row>legend{font-size:14px;font-weight:650;padding:0 8px}.service-row .form-grid{margin-bottom:12px}.notification-toolbar{display:flex;align-items:flex-end;gap:25px;margin:22px 0}.notification-toolbar .field{max-width:270px;flex:1}.notice-unread{display:flex;align-items:center;gap:8px;font-size:14px;padding-bottom:12px}.notice-unread input{width:18px;height:18px;accent-color:#4968eb}.notification-list{display:grid;gap:14px}.notification-card{display:flex;gap:15px;background:#fff;border:1px solid #e2e9f3;border-radius:16px;padding:23px}.notification-dot{width:8px;height:8px;border-radius:100%;background:#4968eb;flex-shrink:0;margin-top:7px}.notification-card.read .notification-dot{background:#dce4f1}.notification-content{flex:1;min-width:0}.notification-heading{display:flex;justify-content:space-between;align-items:center;gap:15px}.notification-heading h2{font-size:17px;overflow-wrap:anywhere}.notification-heading time{font-size:12px;color:#8c99ae;white-space:nowrap}.notification-content p{font-size:14px;color:#7d8ba2;margin:15px 0;line-height:1.8;overflow-wrap:anywhere}.notification-card.read{background:#fafbfd}.notification-content .talent-tags{margin-top:10px}@media(max-width:500px){.notification-card{padding:17px;gap:10px}.notification-heading{align-items:flex-start;flex-direction:column;gap:7px}.notification-toolbar{gap:15px}.notification-heading h2{font-size:16px}.service-row{padding:12px}.notification-content p{font-size:13px}}
.nav-unread{display:inline-block;vertical-align:super;font-size:9px;background:#e86c6c;color:white;border-radius:8px;min-width:14px;padding:1px 3px;text-align:center;margin-left:3px;line-height:1.3}

.staff-overview{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin:0 0 26px}.staff-stat{display:flex;flex-direction:column;align-items:flex-start;text-align:left;gap:14px;background:#fff;border:1px solid #e3eaf5;border-radius:16px;padding:22px}.staff-stat span{font-size:13px;color:#8290a8}.staff-stat strong{font-size:25px;font-weight:650;letter-spacing:-.6px}.staff-stat:hover{border-color:#b2c5f9}.staff-directory{display:grid;gap:18px}.staff-card{background:#fff;border:1px solid #e2e9f4;border-radius:18px;padding:24px 26px 0}.staff-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:20px}.staff-card-head h2{font-size:18px}.staff-card-head .member-info p{font-size:12px;line-height:1.8;max-width:500px}.staff-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin:22px 0}.staff-metrics>div{display:flex;flex-direction:column;gap:8px;min-width:0}.staff-metrics>div>span{font-size:12px;color:#91a0b6}.staff-metrics strong{font-size:15px;font-weight:600}.staff-metrics small{font-size:12px;font-weight:400;color:#92a0b6}.staff-block-reason{background:#fff6e8;color:#a17d3e;border-radius:9px;padding:9px 12px;font-size:12px;line-height:1.7;margin:-3px 0 15px;overflow-wrap:anywhere}.staff-actions{display:flex;align-items:center;gap:9px;flex-wrap:wrap;padding-bottom:22px}.staff-actions .button{font-size:12px;padding:8px 12px}.staff-records{border-top:1px solid #edf1f7;margin:0 -26px;padding:0 26px}.staff-records>summary{display:flex;align-items:center;justify-content:space-between;gap:12px;list-style:none;padding:17px 0;cursor:pointer;color:#8594ad;font-size:12px}.staff-records>summary::-webkit-details-marker{display:none}.staff-records>summary>span:first-child{font-size:13px;color:#5d739b}.staff-records summary b{font-size:11px;color:#5274c6;background:#edf3ff;padding:2px 7px;border-radius:6px;margin-left:5px}.staff-records summary i{display:inline-block;font-style:normal;font-size:16px;margin-left:12px;transition:.2s}.staff-records[open] summary i{transform:rotate(180deg)}.staff-order-list{border-top:1px solid #f0f3f8}.staff-order-row{display:flex;align-items:center;gap:16px;padding:15px 0;border-bottom:1px solid #f0f3f8;text-align:left;width:100%}.staff-order-row>span:first-child{flex:1;min-width:0}.staff-order-row b{font-size:13px;line-height:1.7;display:block;overflow-wrap:anywhere;font-weight:500}.staff-order-row small{display:block;font-size:11px;color:#9aa7ba;margin-top:3px}.staff-record-income{min-width:90px;text-align:right;font-size:14px;font-weight:600;color:#5877b2}.staff-pagination{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:17px 0}.staff-pagination>span{font-size:12px;color:#95a2b8}.staff-check{display:flex;align-items:center;gap:9px;margin:18px 0;font-size:14px}.staff-check input{width:18px;height:18px;accent-color:#4968eb}.staff-audit{margin-top:23px;background:#fff;border:1px solid #e1e8f3;border-radius:13px;padding:0 18px}.staff-audit>summary{padding:17px 0;font-size:13px;color:#687eaa;cursor:pointer}.staff-audit>p{padding:12px 0;border-top:1px solid #f0f3f8;font-size:12px;color:#71819b;line-height:1.8;overflow-wrap:anywhere}.staff-audit small{display:block;font-size:11px;color:#9aa7ba}.staff-deposit-total{background:#203765;color:#fff;padding:25px 28px;border-radius:16px;margin-bottom:20px}.staff-deposit-total>span{font-size:13px;color:#bdcce9}.staff-deposit-total strong{font-size:38px;display:block;margin:14px 0;font-weight:600}.staff-deposit-total p{font-size:12px;color:#aebedf;line-height:1.7}.staff-deposit-row{border-top:1px solid #eef2f8;padding:15px 0;display:flex;justify-content:space-between;gap:16px;overflow-wrap:anywhere}.staff-deposit-row b{font-size:14px;color:#597393}.staff-deposit-row p{font-size:12px;color:#8b9ab0;line-height:1.7;margin-top:6px}.staff-deposit-row>p{max-width:50%}.assign-rate-preview{font-size:13px;line-height:1.8;background:#f1f5ff;border-radius:10px;padding:12px;color:#6980ad;margin:12px 0}.staff-order-picker{margin-top:18px}
@media(max-width:800px){.staff-overview{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-bottom:22px}.staff-stat{padding:17px;gap:10px}.staff-stat strong{font-size:23px}.staff-stat span{font-size:12px}.staff-card{padding:20px 18px 0}.staff-card-head{gap:10px}.staff-card-head h2{font-size:17px}.staff-card-head .avatar{width:37px;height:37px;border-radius:12px}.staff-card-head .badge{font-size:10px}.staff-metrics{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:18px;margin:20px 0}.staff-metrics strong{font-size:14px}.staff-actions{gap:7px;padding-bottom:18px}.staff-actions .button{font-size:11px;padding:7px 9px}.staff-records{margin:0 -18px;padding:0 18px}.staff-records>summary{gap:5px;font-size:10px}.staff-records>summary>span:first-child{font-size:12px}.staff-records summary i{margin-left:3px}.staff-order-row{gap:7px;flex-wrap:wrap}.staff-order-row>span:first-child{flex:1 1 60%}.staff-order-row .badge{font-size:10px}.staff-record-income{font-size:12px;margin-left:auto}.staff-record-income small{display:inline;margin-left:6px}.staff-pagination{gap:8px}.staff-pagination .button{padding:6px 8px;font-size:11px}.staff-pagination>span{font-size:10px}.staff-deposit-total{padding:22px}.staff-deposit-total strong{font-size:32px}}
@media(min-width:801px){body.phone-preview .staff-overview,body.phone-preview .staff-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}body.phone-preview .staff-card{padding:20px 16px 0}body.phone-preview .staff-records{margin:0 -16px;padding:0 16px}body.phone-preview .staff-stat{padding:17px}body.phone-preview .staff-stat strong{font-size:23px}body.phone-preview .staff-actions{gap:6px}body.phone-preview .staff-actions .button{font-size:11px}body.phone-preview .staff-records>summary{font-size:10px}body.phone-preview .staff-records summary i{margin-left:3px}}

.payroll-view{min-width:0}.payroll-readonly-label{font-size:12px;color:#7185ad;background:#edf2ff;border:1px solid #e0e8fc;padding:8px 13px;border-radius:9px;white-space:nowrap}.payroll-tabs{margin-bottom:20px}.payroll-filters{display:flex;align-items:flex-end;flex-wrap:wrap;gap:14px;padding:20px;background:#fff;border:1px solid #e3eaf5;border-radius:15px;margin-bottom:14px}.payroll-filter{display:flex;flex-direction:column;gap:8px;min-width:0;font-size:12px;color:#7b8ca7}.payroll-filter input,.payroll-filter select{width:100%;min-width:0;max-width:100%;height:41px;border:1px solid #dfe7f4;border-radius:9px;background:#fdfefe;color:#415a85;padding:9px 11px;font:inherit;font-size:13px;box-sizing:border-box}.payroll-filter input:focus,.payroll-filter select:focus{outline:2px solid #cedcff;outline-offset:1px}.payroll-filter input:disabled{color:#a3afc2;background:#f3f5f9}.payroll-name-field{flex:1 1 180px;max-width:290px}.payroll-date-fields{display:flex;align-items:flex-end;gap:11px;min-width:0}.payroll-date-fields .payroll-filter{width:158px}.payroll-date-separator{font-size:12px;color:#a0acc0;padding-bottom:12px}.payroll-filters>.button{height:41px}.payroll-notice{font-size:12px;color:#8291a9;line-height:1.8;margin:0 2px 23px;overflow-wrap:anywhere}.payroll-notice strong{font-weight:600;color:#647da5}.payroll-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px;margin-bottom:25px}.payroll-metric{display:flex;flex-direction:column;gap:13px;min-width:0;background:#fff;border:1px solid #e2eaf5;border-radius:16px;padding:22px}.payroll-metric>span{font-size:13px;color:#7d8fac}.payroll-metric strong{font-size:27px;font-weight:650;letter-spacing:-.6px;color:#25456f;overflow-wrap:anywhere}.payroll-metric small{font-size:11px;color:#9ba8bc;line-height:1.7}.payroll-metric.is-pending{background:#f1f5ff;border-color:#dce7ff}.payroll-metric.is-pending strong{color:#4968db}.payroll-table-panel{background:#fff;border:1px solid #e2e9f4;border-radius:17px;overflow:hidden;min-width:0}.payroll-table-title{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:22px 22px 19px}.payroll-table-title h2{font-size:17px}.payroll-table-title>span{font-size:12px;color:#92a0b6;line-height:1.7}.payroll-table{width:100%;border-collapse:collapse;table-layout:fixed;font-variant-numeric:tabular-nums}.payroll-table th{padding:14px 9px;text-align:left;color:#8796ae;font-size:11px;font-weight:500;background:#f6f8fc;border-top:1px solid #edf1f8;border-bottom:1px solid #eaf0f8;line-height:1.7;overflow-wrap:anywhere}.payroll-table td{padding:18px 9px;border-bottom:1px solid #edf1f7;text-align:left;font-size:12px;color:#667e9e;line-height:1.7;vertical-align:middle;overflow-wrap:anywhere}.payroll-table th:first-child,.payroll-table td:first-child{padding-left:20px;width:15%}.payroll-table th:last-child,.payroll-table td:last-child{padding-right:20px}.payroll-table tbody tr:last-child td{border-bottom:0}.payroll-table tbody tr:hover{background:#fbfcff}.payroll-table tfoot{background:#f1f5fd}.payroll-table tfoot td{font-weight:600;color:#416295;border-top:1px solid #e2eaf8}.payroll-table .payroll-emphasis{font-weight:600;color:#345b96}.payroll-table .payroll-pending-money{font-weight:600;color:#4968db}.payroll-person-name{display:flex;align-items:center;gap:9px;min-width:0}.payroll-person-name .avatar{flex-shrink:0;width:29px;height:29px;font-size:12px;border-radius:9px}.payroll-person-name>div{min-width:0}.payroll-person-name strong,.payroll-name-button{font-size:13px;font-weight:550;line-height:1.7;color:#3c5d8e;overflow-wrap:anywhere;text-align:left}.payroll-name-button:hover{text-decoration:underline;text-underline-offset:3px}.payroll-person-name small{display:block;font-size:10px;color:#a0acc0;margin-top:3px}.payroll-footnote{font-size:11px;color:#99a6b9;line-height:1.9;padding:16px 20px;border-top:1px solid #edf1f8;overflow-wrap:anywhere}.payroll-detail-controls{display:flex;align-items:center;justify-content:space-between;gap:18px;margin:27px 0 16px}.payroll-detail-controls h2{font-size:18px}.payroll-detail-controls p{font-size:12px;color:#98a5ba;margin-top:7px}.payroll-detail-controls .payroll-filter{min-width:150px}.payroll-group-list{display:grid;gap:13px}.payroll-group{border:1px solid #e2e9f4;background:#fff;border-radius:15px;overflow:hidden;min-width:0}.payroll-group-toggle{display:flex;align-items:center;gap:17px;width:100%;padding:21px;text-align:left;background:#fff}.payroll-group-toggle:hover{background:#fbfcff}.payroll-group-heading{min-width:0;flex:1}.payroll-group-heading strong{display:block;font-size:14px;color:#46628e;font-weight:600;overflow-wrap:anywhere}.payroll-group-heading small{display:block;font-size:11px;color:#97a4b9;line-height:1.8;margin-top:5px;overflow-wrap:anywhere}.payroll-group-amount{display:flex;flex-direction:column;align-items:flex-end;gap:6px}.payroll-group-amount small{font-size:10px;color:#9ba7bb}.payroll-group-amount b{font-size:18px;color:#4c6ca4;font-weight:600;white-space:nowrap}.payroll-chevron{font-size:22px;color:#98a9c9;width:20px;text-align:center;flex-shrink:0}.payroll-group-body{border-top:1px solid #e6edf8}.payroll-parent-summary{display:flex;flex-wrap:wrap;align-items:center;gap:11px 25px;padding:17px 21px;background:#f8faff;color:#8194b2;font-size:12px}.payroll-parent-summary b{font-weight:550;color:#5c79a5;margin-left:6px}.payroll-parent-summary>small{flex-basis:100%;font-size:10px;color:#a1aec1}.payroll-detail-table th:first-child,.payroll-detail-table td:first-child{width:28%}.payroll-detail-link{display:block;width:100%;text-align:left;color:#5b76a0;line-height:1.7;overflow-wrap:anywhere}.payroll-detail-link:hover strong{text-decoration:underline}.payroll-detail-link strong{display:block;font-size:13px;font-weight:550}.payroll-detail-link span,.payroll-detail-link small{display:block;font-size:10px;color:#95a4bb;margin-top:3px}.payroll-manual-note{display:block;color:#9ba9bd;font-size:10px;margin-top:4px}.payroll-pagination{display:flex;align-items:center;justify-content:space-between;gap:18px;margin:20px 0}.payroll-pagination>span{font-size:12px;color:#92a1b8}.payroll-pagination>div{display:flex;gap:9px}.payroll-deposit-table th:first-child,.payroll-deposit-table td:first-child{width:13%}.payroll-deposit-table th:last-child,.payroll-deposit-table td:last-child{width:13%}.payroll-deposit-table td,.payroll-deposit-table th{padding-left:7px;padding-right:7px;font-size:11px}.payroll-row-actions{display:flex;flex-direction:column;gap:5px}.payroll-row-actions .button{padding:6px 8px;font-size:10px;white-space:normal;line-height:1.6}.payroll-waiver{display:inline-block;color:#438575;background:#eaf6f0;border-radius:5px;font-size:10px;padding:1px 6px;margin-right:4px}.payroll-waiver-reason{display:block;color:#a0acbe;font-size:10px;margin-top:4px;line-height:1.7}.payroll-invalid-money{color:#ad8150;font-size:11px}.payroll-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(max-width:1150px) and (min-width:801px){.payroll-metric{padding:18px 16px}.payroll-metric strong{font-size:23px}.payroll-filters{gap:12px}.payroll-name-field{max-width:240px}.payroll-date-fields .payroll-filter{width:150px}.payroll-person-name .avatar{display:none}.payroll-table td,.payroll-table th{padding-left:6px;padding-right:6px}.payroll-table td{font-size:11px}.payroll-table th:first-child,.payroll-table td:first-child{padding-left:13px}.payroll-table th:last-child,.payroll-table td:last-child{padding-right:13px}}
@media(max-width:800px){.payroll-readonly-label{display:none}.payroll-filters{padding:16px;gap:15px;align-items:stretch}.payroll-name-field{max-width:none;flex-basis:100%}.payroll-date-fields{width:100%;gap:9px}.payroll-date-fields .payroll-filter{flex:1;width:0}.payroll-date-fields input{font-size:12px;padding-left:7px;padding-right:7px}.payroll-filters>.button{height:33px;margin-left:auto}.payroll-notice{font-size:11px;margin-bottom:18px}.payroll-metrics{grid-template-columns:repeat(2,minmax(0,1fr));gap:11px;margin-bottom:21px}.payroll-metric{padding:16px 13px;gap:10px;border-radius:13px}.payroll-metric>span{font-size:12px}.payroll-metric strong{font-size:22px}.payroll-metric small{font-size:10px}.payroll-table-title{padding:18px 16px;align-items:flex-start;flex-direction:column;gap:7px}.payroll-table-title h2{font-size:16px}.payroll-table-title>span{font-size:11px}.payroll-table,.payroll-table tbody,.payroll-table tfoot{display:block;width:100%}.payroll-table thead{display:none}.payroll-table tr{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0;padding:14px 15px;border-top:1px solid #eaf0f7}.payroll-table td,.payroll-table th:first-child,.payroll-table td:first-child,.payroll-table td:last-child,.payroll-detail-table td:first-child,.payroll-deposit-table td:first-child,.payroll-deposit-table td:last-child{width:auto;padding:9px 5px;font-size:13px;border:0;min-width:0}.payroll-table td:before{content:attr(data-label);display:block;font-size:10px;font-weight:400;color:#a1adc0;margin-bottom:4px;line-height:1.6}.payroll-table .payroll-person{grid-column:1/-1;margin-bottom:6px}.payroll-table .payroll-person:before{display:none}.payroll-person-name .avatar{width:30px;height:30px}.payroll-person-name strong,.payroll-name-button{font-size:14px}.payroll-person-name small{font-size:10px}.payroll-table tfoot td{font-size:13px}.payroll-table tfoot .payroll-person{font-size:14px}.payroll-footnote{padding:15px 16px;font-size:10px}.payroll-detail-controls{gap:12px}.payroll-detail-controls h2{font-size:17px}.payroll-detail-controls p{font-size:11px}.payroll-detail-controls .payroll-filter{min-width:0;max-width:140px}.payroll-group-toggle{gap:10px;padding:17px 15px}.payroll-group-heading strong{font-size:13px}.payroll-group-heading small{font-size:10px}.payroll-group-amount b{font-size:16px}.payroll-group-amount small{font-size:9px;max-width:75px;text-align:right;line-height:1.6}.payroll-chevron{font-size:20px;width:15px}.payroll-parent-summary{padding:15px 19px;gap:8px 15px;font-size:11px}.payroll-detail-link strong{font-size:14px}.payroll-detail-link span,.payroll-detail-link small{font-size:10px}.payroll-pagination{gap:10px}.payroll-pagination>span{font-size:10px}.payroll-pagination>div{gap:5px}.payroll-pagination .button{padding:7px 10px;font-size:11px}.payroll-table .payroll-actions{grid-column:1/-1;padding-top:12px}.payroll-actions:before{display:none!important}.payroll-row-actions{flex-direction:row;flex-wrap:wrap;gap:8px}.payroll-row-actions .button{padding:8px 11px;font-size:11px}.payroll-waiver-reason{font-size:10px}}
@media(min-width:801px){body.phone-preview .payroll-readonly-label{display:none}body.phone-preview .payroll-filters{padding:15px;gap:13px}body.phone-preview .payroll-name-field{flex-basis:100%;max-width:none}body.phone-preview .payroll-date-fields{width:100%}body.phone-preview .payroll-date-fields .payroll-filter{flex:1;width:0}body.phone-preview .payroll-metrics{grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}body.phone-preview .payroll-metric{padding:15px 12px}body.phone-preview .payroll-metric strong{font-size:21px}body.phone-preview .payroll-table,body.phone-preview .payroll-table tbody,body.phone-preview .payroll-table tfoot{display:block;width:100%}body.phone-preview .payroll-table thead{display:none}body.phone-preview .payroll-table tr{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));padding:14px;border-top:1px solid #eaf0f7}body.phone-preview .payroll-table td,body.phone-preview .payroll-table td:first-child,body.phone-preview .payroll-table td:last-child{width:auto;min-width:0;padding:9px 5px;border:0}body.phone-preview .payroll-table td:before{content:attr(data-label);display:block;font-size:10px;color:#a1adc0;margin-bottom:4px}body.phone-preview .payroll-table .payroll-person,body.phone-preview .payroll-table .payroll-actions{grid-column:1/-1}body.phone-preview .payroll-table .payroll-person:before,body.phone-preview .payroll-table .payroll-actions:before{display:none}body.phone-preview .payroll-row-actions{flex-direction:row}body.phone-preview .payroll-group-toggle{padding:17px 14px;gap:8px}body.phone-preview .payroll-group-amount b{font-size:16px}body.phone-preview .payroll-group-amount small{font-size:9px;max-width:75px;text-align:right}body.phone-preview .payroll-detail-controls .payroll-filter{min-width:0;max-width:145px}}

.group-worker-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.8fr) auto;gap:12px;align-items:start;border-top:1px solid #e8eef7;padding:18px 0}.group-worker-row:first-child{margin-top:12px}.group-worker-row>.button{margin-top:28px}.group-worker-row small{font-size:11px;font-weight:400;line-height:1.7;color:#8a96aa}.group-worker-row .field{min-width:0}.group-worker-row select{width:100%}.group-worker-row input{max-width:100%}#group-order-form .money-preview{margin-top:20px;gap:15px;flex-wrap:wrap}#group-order-form .money-preview strong{display:block;margin-top:6px;font-size:21px}.group-order-note{padding:12px 15px;border-radius:10px;background:#eef3ff;font-size:12px;color:#6179a4;line-height:1.8;margin:0 0 18px}.credit-deposit-box{margin:16px 0;padding:16px;border:1px solid #d8e5fa;background:#f3f7ff;border-radius:12px}.credit-deposit-box p{font-size:13px;color:#6b7c97;line-height:1.8}.credit-deposit-box .button{margin-top:13px}.staff-deposit-mode{margin-top:18px}.page-heading .heading-actions{display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end}
@media(max-width:800px){.group-worker-row{grid-template-columns:minmax(0,1fr);gap:12px}.group-worker-row>.button{margin:0;justify-self:start}.page-heading .heading-actions{flex-direction:column}.page-heading .heading-actions .button{padding:8px 10px;font-size:12px;white-space:nowrap}.bottom-nav{gap:0}.bottom-nav .nav-btn{min-width:0;flex:1;font-size:10px;padding:3px 1px}.bottom-nav .nav-btn span{overflow-wrap:anywhere;text-align:center;line-height:1.25}.bottom-nav .nav-icon{width:19px;height:19px}}
body.phone-preview .group-worker-row{grid-template-columns:minmax(0,1fr)}body.phone-preview .group-worker-row>.button{margin:0;justify-self:start}body.phone-preview .page-heading .heading-actions{flex-direction:column}body.phone-preview .page-heading .heading-actions .button{padding:8px;font-size:12px}body.phone-preview .bottom-nav .nav-btn{min-width:0;flex:1;font-size:10px;padding:3px 1px}body.phone-preview .bottom-nav .nav-btn span{overflow-wrap:anywhere;text-align:center;line-height:1.25}

.support-view{--support-ink:#21475a;--support-accent:#137b83;--support-soft:#eaf5f5}
.support-heading .eyebrow{color:var(--support-accent)}
.support-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin:24px 0 30px}
.support-stat{padding:22px;border:1px solid #d8e8e9;border-radius:18px;background:linear-gradient(135deg,#f6fbfb,#edf7f7);display:flex;flex-direction:column;gap:12px;color:var(--support-ink)}
.support-stat>span{font-size:13px}.support-stat strong{font-size:32px;line-height:1.1}.support-stat small{font-size:13px;font-weight:400}
.support-order-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.support-order-card{background:#fff;border:1px solid #dfe6eb;border-radius:18px;padding:22px;cursor:pointer;transition:border-color .15s,box-shadow .15s;min-width:0}
.support-order-card:hover,.support-order-card:focus-visible{border-color:#73afb2;box-shadow:0 8px 24px #21475a0c;outline:2px solid transparent}
.support-order-card h3{margin:18px 0 8px;font-size:17px;overflow-wrap:anywhere}.support-order-card>p{color:#647587;font-size:13px;margin:0}
.support-service-person{display:flex;flex-wrap:wrap;gap:8px 22px;color:#526477;font-size:13px;margin:20px 0;overflow-wrap:anywhere}
.support-order-bottom{border-top:1px solid #edf1f3;padding-top:16px;display:flex;gap:12px;align-items:center;justify-content:space-between}
.support-order-bottom strong{color:var(--support-ink);font-size:18px}.support-order-bottom>span{color:#65808a;font-size:12px}
.support-tabs{overflow-x:auto}.support-tabs .tab{white-space:nowrap}
.support-pagination{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:22px;color:#718092;font-size:13px}.support-pagination>div{display:flex;gap:10px}
.support-scope-note{font-size:13px;line-height:1.7;color:#718092;margin-top:24px}
.support-detail-summary{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:4px 0 24px}.support-detail-summary h2{font-size:22px;margin:14px 0 8px;overflow-wrap:anywhere}.support-detail-summary p{color:#718092}.support-detail-summary>strong{font-size:25px;white-space:nowrap;color:var(--support-ink)}
.support-followup{margin-top:20px}.support-followup h3{font-size:15px;margin:0 0 12px}.support-form .field small{font-size:12px;color:#718092;line-height:1.6}
.support-capabilities{display:flex;flex-wrap:wrap;gap:10px;margin-top:24px}.support-capabilities span{background:var(--support-soft);border-radius:8px;padding:9px 12px;color:var(--support-ink);font-size:13px}
@media(max-width:760px){.support-stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.support-stat{padding:18px}.support-order-grid{grid-template-columns:1fr}.support-order-card{padding:18px}.support-detail-summary{align-items:flex-start;flex-direction:column;gap:0}.support-pagination{align-items:flex-start;flex-wrap:wrap}}

.withdrawal-metrics{grid-template-columns:repeat(3,minmax(0,1fr))}.withdrawal-list{display:grid;gap:12px}.withdrawal-card{display:flex;align-items:center;justify-content:space-between;gap:20px;background:#fff;border:1px solid var(--line);border-radius:16px;padding:22px;text-align:left;width:100%;min-width:0}.withdrawal-card:hover{border-color:#afc0f7}.withdrawal-card>span{min-width:0}.withdrawal-card strong{display:block;font-size:18px;overflow-wrap:anywhere}.withdrawal-card small{display:block;color:var(--muted);font-size:12px;margin-top:7px;overflow-wrap:anywhere}.withdrawal-card-amount{text-align:right;flex-shrink:0}.withdrawal-card-amount strong{color:var(--blue);margin-bottom:10px}.withdrawal-options{display:grid;gap:10px}.withdrawal-option{display:grid;grid-template-columns:20px minmax(0,1fr) auto;align-items:center;gap:12px;border:1px solid var(--line);padding:16px;border-radius:12px;cursor:pointer;min-width:0}.withdrawal-option input{accent-color:var(--blue);width:18px;height:18px}.withdrawal-option strong,.withdrawal-option small{display:block;overflow-wrap:anywhere}.withdrawal-option small{color:var(--muted);font-size:12px;margin-top:5px}.withdrawal-option b{color:var(--blue);font-size:16px}.withdrawal-payment-fields{margin-top:20px}.withdrawal-payment-fields .form-grid{margin-top:20px}.withdrawal-section-heading{margin:0 0 18px}.withdrawal-linked-orders{display:grid;margin-top:14px}.withdrawal-linked-orders button{display:flex;justify-content:space-between;gap:16px;padding:16px 0;border-bottom:1px solid var(--line);text-align:left;overflow-wrap:anywhere;font-size:14px}.withdrawal-linked-orders button span{min-width:0}.withdrawal-linked-orders button strong{flex-shrink:0;color:var(--blue)}
.sidebar{overflow-y:auto}.sidebar .nav-list{margin-top:26px;gap:3px}.sidebar .side-note{margin-top:24px}.badge.rejected{background:#fff0ee;color:#b55747}
@media(max-width:800px){.withdrawal-metrics{grid-template-columns:1fr}.withdrawal-card{padding:18px;gap:12px}.withdrawal-card strong{font-size:16px}.withdrawal-option{grid-template-columns:18px minmax(0,1fr);padding:12px;gap:10px}.withdrawal-option>b{grid-column:2}.withdrawal-linked-orders button{font-size:12px}.bottom-nav{justify-content:flex-start;overflow-x:auto}.bottom-nav .nav-btn{flex:0 0 56px}.withdrawals-page .page-heading{flex-wrap:wrap}.withdrawal-section-heading{flex-wrap:wrap}}
body.phone-preview .withdrawal-metrics{grid-template-columns:1fr}body.phone-preview .bottom-nav{justify-content:flex-start;overflow-x:auto}body.phone-preview .bottom-nav .nav-btn{flex:0 0 56px}

.finance-view{min-width:0}.finance-filters{display:flex;align-items:flex-end;gap:16px;margin:26px 0 20px;flex-wrap:wrap}.finance-filters .field{margin:0;width:215px;max-width:100%}.finance-basis{background:#edf2fb;border:1px solid #dfe7f5;border-radius:17px;padding:18px 21px;color:#60718f;margin-bottom:22px;font-size:13px;line-height:1.75}.finance-basis strong{color:#405779;font-weight:650}.finance-basis p{margin:6px 0 0}.finance-metrics{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:13px;margin-bottom:36px}.finance-metric{padding:21px 17px;border:1px solid #e5eaf4;border-radius:19px;background:white;min-width:0}.finance-metric>span{display:block;font-size:12px;color:#7d8ba2;margin-bottom:12px}.finance-metric strong{display:block;font-size:26px;font-weight:720;color:#293e65;letter-spacing:-.8px;overflow-wrap:anywhere;font-variant-numeric:tabular-nums;line-height:1.25}.finance-metric small{display:block;color:#92a0b4;font-size:11px;margin-top:11px;line-height:1.6}.finance-balance{background:#283e8d;border-color:#283e8d}.finance-balance>span,.finance-balance small{color:#c6d2f3}.finance-balance strong{color:#fff}.finance-balance.is-negative{background:#6f3342;border-color:#6f3342}.finance-list-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:18px}.finance-list-heading h2{font-size:18px;margin:0 0 7px}.finance-list-heading p,.finance-list-heading>span{font-size:12px;color:#91a0b5;margin:0}.finance-records{display:grid;gap:12px}.finance-expense{display:flex;align-items:center;justify-content:space-between;gap:24px;background:#fff;border:1px solid #e6ebf4;border-radius:18px;padding:21px 23px;min-width:0}.finance-expense-main{min-width:0;flex:1}.finance-expense-top{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.finance-expense-top>strong{font-size:15px;overflow-wrap:anywhere}.finance-expense-main p{color:#73839c;font-size:13px;margin:10px 0;white-space:pre-wrap;overflow-wrap:anywhere}.finance-expense-main small{font-size:11px;color:#9aa6b8}.finance-expense-amount{text-align:right;flex-shrink:0}.finance-expense-amount>strong{font-size:22px;color:#314469;font-variant-numeric:tabular-nums}.finance-expense-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:12px}.finance-expense.is-void{background:#f9fafc}.finance-expense.is-void .finance-expense-amount>strong{text-decoration:line-through;color:#9aa6b8}.finance-pagination{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:20px 0 10px;font-size:12px;color:#8e9bb0}.finance-pagination>div{display:flex;gap:8px}.finance-detail-amount{display:flex;align-items:center;justify-content:space-between;gap:16px;font-size:34px;font-weight:700;color:#31446b;margin-bottom:22px}.finance-view .page-heading>.button{white-space:nowrap}
@media(max-width:1200px){.finance-metrics{grid-template-columns:repeat(3,minmax(0,1fr))}.finance-balance{grid-column:span 2}}@media(max-width:700px){.finance-metrics{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.finance-metric{padding:18px 15px}.finance-metric strong{font-size:26px}.finance-filters{gap:10px}.finance-filters .field{flex:1 1 calc(50% - 5px);width:auto}.finance-filters>.button{padding:10px 14px}.finance-expense{padding:18px;align-items:flex-start;gap:12px}.finance-expense-amount>strong{font-size:19px}.finance-expense-actions{gap:5px}.finance-expense-actions .button{font-size:11px;padding:8px 10px}.finance-pagination{align-items:flex-start;flex-wrap:wrap}.finance-list-heading>span{white-space:nowrap}.finance-basis{padding:16px}.finance-view .page-heading{gap:18px;align-items:flex-start;flex-wrap:wrap}.finance-view .page-heading>.button{width:100%}}@media(max-width:360px){.finance-expense{display:block}.finance-expense-amount{display:flex;align-items:center;justify-content:space-between;margin-top:16px}.finance-expense-actions{margin-top:0}.finance-metric strong{font-size:23px}}
.phone-preview .finance-metrics{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.phone-preview .finance-balance{grid-column:span 2}.phone-preview .finance-metric{padding:18px 13px}.phone-preview .finance-metric strong{font-size:24px}.phone-preview .finance-filters{gap:10px}.phone-preview .finance-filters .field{flex:1 1 calc(50% - 5px);width:auto}.phone-preview .finance-view .page-heading{flex-wrap:wrap}.phone-preview .finance-view .page-heading>.button{width:100%}.phone-preview .finance-expense{display:block;padding:18px}.phone-preview .finance-expense-amount{display:flex;justify-content:space-between;align-items:center;margin-top:16px}.phone-preview .finance-expense-actions{margin-top:0}.phone-preview .finance-pagination{flex-wrap:wrap}

[hidden]{display:none!important}.auth-gate{min-height:100vh;display:grid;place-items:center;padding:28px;background:radial-gradient(ellipse at top,#e8edff,#f7f8fc 70%)}.auth-card{width:min(100%,440px);padding:36px;background:#fff;border:1px solid #e5e9f2;border-radius:24px;box-shadow:0 18px 70px #192d5f10}.auth-card .brand-mark{margin-bottom:26px}.auth-card h1{font-size:28px;margin:12px 0}.auth-card>p{font-size:14px;line-height:1.7;color:#717b90}.auth-card .field{margin:20px 0}.auth-mode{display:block;margin:18px auto}.auth-card .error-message{margin:12px 0}.online-bar{font-size:12px;min-height:36px;background:#eef2ff;padding:8px 28px;color:#53628a}.online-identity{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.online-identity .button{padding:7px 10px;font-size:12px}.online-name{font-size:13px}.online-message{font-size:13px;line-height:1.7;overflow-wrap:anywhere}.portrait-placeholder{display:grid;place-items:center;width:100%;height:100%;background:linear-gradient(145deg,#edf1ff,#e2e7fa);color:#8a99c5;font-size:64px}.account-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}.account-grid .field{margin-top:16px}.invite-result{margin-top:18px;white-space:pre-wrap;overflow-wrap:anywhere}.account-row{padding:14px 0;border-bottom:1px solid #e9ecf2;display:flex;align-items:center;justify-content:space-between;gap:12px}.account-row small{display:block;color:#758094;margin-top:4px}.photo-upload-status{font-size:12px;color:#62708a}.own-lifestyle{width:100%;height:100%;object-fit:cover}.online-bar+.app-shell{min-height:calc(100vh - 36px)}@media(max-width:700px){.auth-card{padding:26px}.account-grid{grid-template-columns:1fr}.online-bar{padding:8px 16px}.online-identity{gap:6px}.online-identity .avatar{display:none}.topbar{gap:10px}.online-name{max-width:125px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}}
[data-auth-providers]{margin-top:24px}.auth-divider{display:flex;align-items:center;gap:12px;color:#758094;font-size:12px;margin:0 0 16px}.auth-divider::before,.auth-divider::after{content:"";height:1px;background:#e6eaf2;flex:1}.social-login-buttons{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.social-login-button{width:100%;justify-content:center;background:#fff;color:#334568;border:1px solid #dbe2f0;padding:12px 8px;white-space:normal;overflow-wrap:anywhere}.social-login-button:hover{background:#f4f6fc;border-color:#aabce0}.social-login-button:focus-visible{outline:3px solid #c1d0f5;outline-offset:2px}.social-login-buttons>.social-login-button:only-child{grid-column:1/-1}.social-login-button:disabled{opacity:.6;cursor:wait}.login-methods{margin-top:24px;padding-top:22px;border-top:1px solid #e6eaf2}.login-methods h3{font-size:16px;margin:0 0 12px}.login-method-row{display:flex;justify-content:space-between;align-items:center;gap:12px;min-height:48px;padding:10px 0;border-bottom:1px solid #edf0f6;font-size:14px}.login-method-row>span:first-child{overflow-wrap:anywhere}.login-method-row .button{flex-shrink:0}.login-method-status{color:#648270;font-size:12px;flex-shrink:0}.online-auth-notice{padding:13px 28px;color:#245b46;background:#edf8f1;border-bottom:1px solid #d2e9db;font-size:13px;line-height:1.6}.online-auth-notice.is-error{color:#884c20;background:#fff6e7;border-color:#f0dfc3}@media(max-width:400px){.social-login-buttons{grid-template-columns:1fr}.online-auth-notice{padding:12px 16px}}
.field>.email-code-row{display:flex;align-items:stretch;gap:10px;width:100%}.email-code-row input{min-width:0;flex:1;width:0;letter-spacing:.08em}.email-code-row .button{flex:0 0 auto;min-width:112px;padding:10px 12px;font-size:13px;white-space:nowrap}.email-code-row .button:disabled,[data-email-verify]:disabled{opacity:.65;cursor:default}.email-feedback{min-height:22px;color:#53628a}.email-security .field{margin:16px 0}.email-security form{max-width:480px}.email-account-hint{padding:12px 14px;background:#f5f7fc;border:1px solid #e8ecf5;border-radius:10px}.auth-alternative{display:block;margin:18px auto 0}.auth-alternative+.auth-mode{margin-top:12px}@media(max-width:380px){.field>.email-code-row{gap:7px}.email-code-row .button{min-width:100px;padding:10px 8px}}

/* Storefront scope keeps the team workspace's visual language intact. */
body.marketplace-mode{--bg:#100e19;--ink:#f1eef9;--muted:#a29bb4;--line:#302b40;--blue:#a886ff;--navy:#9566f1;background:#100e19;color:#f1eef9;font-family:Inter,"PingFang SC","Microsoft YaHei",sans-serif;color-scheme:dark}
.marketplace-mode button,.marketplace-mode input,.marketplace-mode select,.marketplace-mode textarea{font:inherit}.marketplace-mode button{cursor:pointer}.marketplace-mode button:disabled{cursor:default;opacity:.5}.marketplace-mode button:focus-visible,.marketplace-mode a:focus-visible,.marketplace-mode input:focus-visible,.marketplace-mode select:focus-visible,.marketplace-mode textarea:focus-visible{outline:2px solid #c5a8ff;outline-offset:3px}.marketplace-mode .online-bar{display:none}.marketplace-mode .app-shell{display:block;min-height:100vh}.marketplace-mode .sidebar{display:none}.marketplace-mode .workspace{width:100%;min-width:0}.marketplace-mode .topbar{height:78px;min-height:78px;padding:0 max(32px,calc((100vw - 1300px)/2));background:#17131f;border-bottom:1px solid #282233;gap:22px}.marketplace-mode .breadcrumb{color:#f0e9ff;font-size:15px}.marketplace-mode .online-identity{margin-left:auto}.marketplace-mode .online-name{color:#bfb6d1}.marketplace-mode #header-avatar{background:#483366;color:#e6d7ff}.marketplace-mode main,.marketplace-mode #storefront-main{max-width:1364px;margin:0 auto;padding:30px 32px 0;min-height:calc(100vh - 78px)}.marketplace-mode .bottom-nav{background:#191422ef;border-color:#322a40}.marketplace-mode .bottom-nav .nav-btn{color:#a99dbb}.marketplace-mode .bottom-nav .nav-btn.active{color:#c4a1ff}.marketplace-mode .button{border-radius:10px;min-height:42px;display:inline-flex;gap:8px;align-items:center;justify-content:center;font-weight:600;line-height:1.4;transition:background .18s,transform .18s}.marketplace-mode .button.primary{background:linear-gradient(105deg,#9e70ff,#8654e4);border:1px solid #b58aff;color:#fff;box-shadow:0 5px 18px #8e50fa24}.marketplace-mode .button.primary:hover{background:linear-gradient(105deg,#af85ff,#9966f7);transform:translateY(-1px)}.marketplace-mode .button.secondary{background:#30253f;border:1px solid #49365f;color:#e6d5ff}.marketplace-mode .button.secondary:hover{background:#3c2b52;border-color:#7651a6}.marketplace-mode .button.ghost{background:transparent;border:1px solid #393044;color:#c1b5d1}.marketplace-mode .button.ghost:hover{background:#302738;color:#f5eaff}.marketplace-mode .button.compact{font-size:12px;min-height:32px;padding:6px 10px}.market-icon{height:21px;width:21px;display:inline-block;vertical-align:middle;flex-shrink:0}.marketplace-mode .button .market-icon{height:17px;width:17px}.marketplace{width:100%;min-width:0}.market-kicker,.market-mini-label{font-size:10px;letter-spacing:2px;font-weight:700;color:#b59bd7}.market-hero{position:relative;isolation:isolate;min-height:233px;overflow:hidden;padding:34px 40px;border:1px solid #463362;border-radius:20px;background:radial-gradient(ellipse at 70% 110%,#56329170,transparent 60%),linear-gradient(112deg,#251934,#302047 62%,#21182e);display:flex;align-items:center}.market-hero::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(105deg,transparent 30%,#946cd805 30%,#946cd805 31%,transparent 31%,transparent 65%,#946cd809 65%,#946cd809 66%,transparent 66%)}.market-hero-copy{position:relative;z-index:2;width:60%;max-width:540px}.market-kicker{display:flex;align-items:center;gap:8px;color:#c4adda;font-size:10px;letter-spacing:2.1px}.market-kicker i{width:5px;height:5px;border-radius:50%;background:#b7eddd;box-shadow:0 0 12px #7cdeb5}.market-hero h1{font-size:39px;letter-spacing:1px;line-height:1.35;font-weight:750;margin:13px 0 9px;color:#fff}.market-hero h1 span{color:#cba8ff}.market-hero-copy>p{font-size:13px;color:#b9accd;line-height:1.8}.market-hero-actions{display:flex;align-items:center;gap:18px;margin-top:24px}.market-hero-actions .button{font-size:12px;min-height:38px;padding:9px 14px;border-color:#b68bff}.market-hero-actions>span{font-size:11px;color:#a99bbb}.market-hero-art{position:absolute;right:15px;top:50%;width:540px;height:280px;transform:translateY(-50%);object-fit:contain;pointer-events:none;z-index:1}.market-hero-index{position:absolute;right:24px;bottom:19px;font-size:9px;letter-spacing:3px;color:#9d82bc;writing-mode:vertical-rl}.market-games{display:flex;gap:9px;margin:22px 0 30px;overflow-x:auto;padding:0 0 7px;scrollbar-width:thin;scrollbar-color:#463459 transparent}.market-game{display:flex;align-items:center;gap:9px;white-space:nowrap;border:1px solid #30283d;background:#1c1725;color:#b9acc9;padding:10px 13px 10px 10px;border-radius:11px;font-size:12px;font-weight:600;transition:border-color .18s,background .18s}.market-game:hover{background:#2a1f37;border-color:#604181;color:#f1e8ff}.market-game.is-active{background:#372447;border-color:#8053aa;color:#e9d3ff}.market-game-icon{display:grid;place-items:center;width:29px;height:29px;flex-shrink:0;border-radius:8px;background:#30243e;color:#c4a6eb;font-size:14px;font-weight:700}.market-game:nth-child(3n+2) .market-game-icon{background:#223937;color:#9edbc3}.market-game:nth-child(3n) .market-game-icon{background:#28304e;color:#b2c1ff}.market-game:nth-child(4n) .market-game-icon{background:#49312d;color:#e9bb9c}.market-game.is-active .market-game-icon{background:#8354b1;color:#fff}.market-game small{margin-left:2px;min-width:15px;text-align:center;color:#897994;font-size:10px;font-weight:500}.market-game.is-active small{color:#d1b4e7}.market-game-icon .market-icon{width:19px;height:19px}.market-layout{display:grid;grid-template-columns:minmax(0,1fr) 270px;gap:26px;align-items:start}.market-results{min-width:0;scroll-margin-top:25px}.market-section-head{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:18px;min-height:30px}.market-discovery-tabs{display:flex;gap:24px;align-items:center}.market-discovery-tabs>button{background:none;padding:0 0 10px;border:0;border-bottom:2px solid transparent;color:#8f829f;display:flex;align-items:center;gap:7px;font-size:17px;font-weight:650}.market-discovery-tabs>button .market-icon{height:15px;width:15px}.market-discovery-tabs>button.is-active{color:#f4ebff;border-bottom-color:#ae7be7}.market-result-count{font-size:11px;color:#9684a6;white-space:nowrap;margin-bottom:10px}.market-filter-bar{display:flex;gap:9px;padding:13px;background:#1b1623;border:1px solid #30263c;border-radius:12px}.market-search{display:flex;flex:1;gap:9px;align-items:center;min-width:130px}.market-search .market-icon{color:#877792;width:17px;height:17px;margin-left:2px}.market-search input{min-width:0;width:100%;height:34px;line-height:34px;background:transparent;border:0;padding:0 5px;color:#e4d8ef;font-size:12px}.market-search input::placeholder{color:#81738d}.market-filter-bar select{height:34px;padding:0 28px 0 10px;border:1px solid #392c47;border-radius:7px;max-width:180px;color:#bfb0cc;font-size:11px;background-color:#231b2e}.market-filter-foot{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:17px 2px 19px;color:#9a8aa8;font-size:11px}.market-dot{margin:0 9px;color:#63516f}.market-switch{display:flex;align-items:center;gap:7px;cursor:pointer;color:#b2a3bf;white-space:nowrap}.market-switch input{width:13px;height:13px;accent-color:#a77be3;cursor:pointer;margin:0}.market-talent-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.market-talent{position:relative;background:#201929;border:1px solid #362b42;border-radius:13px;overflow:hidden;min-width:0;transition:transform .2s,border-color .2s,box-shadow .2s}.market-talent:hover{transform:translateY(-4px);border-color:#74518b;box-shadow:0 12px 24px #0003}.market-talent-open{display:block;width:100%;height:100%;padding:0;margin:0;background:transparent;border:0;color:inherit;text-align:left}.market-portrait{display:block;position:relative;overflow:hidden;aspect-ratio:4/4.35;background:#30213d}.market-portrait img{display:block;width:100%;height:100%;object-fit:cover;object-position:center 30%;transition:transform .35s}.market-talent:hover .market-portrait img{transform:scale(1.035)}.market-no-photo{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;height:100%;min-height:100%;background:radial-gradient(circle at 70% 25%,#6c448848,transparent 40%),linear-gradient(145deg,#332346,#1f1b2f);color:#bea0d6}.market-no-photo>span{display:grid;place-items:center;border:1px solid #8c689855;width:75px;height:75px;border-radius:24px;background:#9d6eb00d;font-size:30px;font-weight:400;box-shadow:0 0 0 17px #ac78bd05,0 0 0 35px #ac78bd04}.market-no-photo small{font-size:10px;color:#826c96;letter-spacing:2px}.market-availability{display:flex;align-items:center;gap:6px;position:absolute;top:12px;left:12px;padding:5px 8px;color:#d8cce2;background:#241a36c7;border:1px solid #c8a4ee1a;backdrop-filter:blur(7px);border-radius:6px;font-size:10px;font-weight:500}.market-availability i{width:5px;height:5px;border-radius:50%;background:#a797b4}.market-availability.is-available{color:#ccf5df}.market-availability.is-available i{background:#7bdfad;box-shadow:0 0 7px #8cf1bc77}.market-favorite{position:absolute;top:10px;right:10px;display:grid;place-items:center;width:31px;height:31px;border-radius:50%;border:1px solid #d3b8e629;color:#e5d7f2;background:#291d35b3;backdrop-filter:blur(6px)}.market-favorite .market-icon{width:15px;height:15px}.market-favorite:hover{background:#6c428cb3}.market-favorite.is-saved{color:#ffafd7;background:#783953b3}.market-favorite.is-saved .market-icon{fill:#ffafd7;stroke:#ffafd7}.market-talent-body{display:block;padding:15px 14px 13px;min-width:0}.market-talent-name{display:block;font-size:16px;font-weight:650;color:#eee4f7;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.market-service-name{display:flex;align-items:center;gap:7px;margin:8px 0;color:#bfa2dd;font-size:11px;white-space:nowrap;overflow:hidden}.market-service-name>span{color:#8c7b9c;overflow:hidden;text-overflow:ellipsis;font-size:10px}.market-service-name>span::before{content:"·";margin-right:7px;color:#7b6789}.market-talent-bio{display:block;color:#a193af;font-size:11px;line-height:1.8;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.market-tags{display:flex;gap:5px;flex-wrap:wrap;margin-top:10px;min-height:20px}.market-tags>span{font-size:10px;line-height:1.7;padding:2px 7px;border-radius:4px;color:#b0a0c0;background:#35283f}.market-card-bottom{display:flex;align-items:center;justify-content:space-between;gap:5px;margin-top:15px;padding-top:12px;border-top:1px solid #382a43}.market-rate{display:flex;gap:4px;align-items:baseline;white-space:nowrap}.market-rate strong{font-size:19px;font-weight:700;color:#d9b6ff;letter-spacing:-.5px}.market-rate small{font-size:10px;color:#9981ac}.market-card-arrow{width:27px;height:27px;display:grid;place-items:center;border-radius:8px;border:1px solid #56356b;background:#35203f;color:#c29ce2}.market-card-arrow .market-icon{height:15px;width:15px}.market-aside{display:flex;flex-direction:column;gap:17px;padding-top:1px}.market-side-card{border:1px solid #362940;border-radius:14px;padding:23px 21px;background:#211829}.market-side-card h2{font-size:15px;font-weight:650;color:#e8dcf5}.market-welcome{background:radial-gradient(ellipse at 100% 0,#57347266,transparent 65%),#24192e}.market-welcome .market-mini-label{font-size:9px;letter-spacing:1.8px;color:#a284b6}.market-welcome h2{font-size:19px;line-height:1.6;margin:10px 0 8px;overflow-wrap:anywhere}.market-welcome>p{font-size:12px;line-height:1.9;color:#ab98b9}.market-welcome>.button{width:100%;font-size:11px;margin-top:20px;min-height:37px;padding:9px 5px;background:#3a274b;border-color:#604077}.market-side-title{display:flex;align-items:center;gap:8px}.market-side-title>.market-icon{width:18px;height:18px;color:#ba96da}.market-steps{list-style:none;padding:0;margin:23px 0}.market-steps li{display:flex;gap:12px;align-items:flex-start;position:relative;padding-bottom:24px}.market-steps li:last-child{padding-bottom:0}.market-steps li:not(:last-child)::after{content:"";position:absolute;top:30px;left:12px;height:calc(100% - 32px);width:1px;background:#4b335b}.market-steps li>span{display:grid;place-items:center;flex-shrink:0;width:26px;height:26px;border-radius:8px;background:#402b51;color:#c0a0dc;font-size:10px;font-weight:650}.market-steps strong{font-size:12px;color:#d8c5e6;font-weight:550;line-height:1.8}.market-steps p{font-size:10px;color:#93809f;margin-top:4px;line-height:1.7}.market-service-note{display:flex;gap:9px;align-items:center;padding-top:18px;border-top:1px solid #3d2a4b;color:#ad98bb}.market-service-note .market-icon{height:24px;width:24px;color:#ae8bc8}.market-service-note>span{font-size:10px;line-height:1.8}.market-note-card{display:flex;align-items:flex-start;gap:13px;padding:6px 11px}.market-note-card>.market-icon{color:#9773ac;margin-top:4px;width:28px;height:28px}.market-note-card strong{font-size:12px;font-weight:550;color:#b19abd;line-height:2}.market-note-card p{font-size:10px;line-height:1.9;color:#826e90;margin-top:2px}.market-empty{min-height:330px;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:43px 35px;text-align:center;background:radial-gradient(ellipse at 50% 0,#60367515,transparent 70%),#1a1421;border:1px dashed #453151;border-radius:14px}.market-empty-icon{display:grid;place-items:center;width:71px;height:71px;border-radius:23px;background:linear-gradient(135deg,#3c264e,#2d2139);border:1px solid #67417d;margin:0 0 24px;color:#be91e0;transform:rotate(-7deg)}.market-empty-icon>.market-icon{width:33px;height:33px;transform:rotate(7deg)}.market-empty h3,.market-empty h2{font-size:20px;color:#e6d7f0;font-weight:600;margin:0 0 10px}.market-empty p{font-size:12px;color:#9e89ac;line-height:1.9;max-width:330px}.market-empty .button{margin-top:20px;font-size:12px}.market-empty-games{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin-top:22px}.market-empty-games>span{font-size:10px;color:#9978ad;padding:6px 10px;border:1px solid #483051;border-radius:6px;background:#2d1e351a}.market-footer{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:47px;border-top:1px solid #2f2338;padding:23px 0 28px;color:#786286;font-size:10px}.market-footer strong{font-size:14px;font-weight:650;color:#9576a7}.market-footer strong span{font-size:10px;font-weight:400;color:#7b6587;margin-left:18px}.market-topbar{display:flex;align-items:center;gap:35px;height:78px;padding:0 max(32px,calc((100vw - 1300px)/2));border-bottom:1px solid #2c2237;background:#17131f}.market-brand{display:inline-flex;align-items:center;gap:10px;text-decoration:none;color:#f0e4ff;font-size:22px;font-weight:750;letter-spacing:-.5px}.market-brand-mark{display:grid;place-items:center;width:35px;height:35px;background:linear-gradient(135deg,#bb8aff,#8056dd);color:#fff;border-radius:11px;box-shadow:0 3px 18px #8e60eb30}.market-brand small{font-size:10px;font-weight:400;letter-spacing:1px;color:#9783a8;margin-left:3px}.market-header-links{display:flex;gap:28px;align-items:center;margin-left:28px}.market-header-links>button,.market-header-links>a{background:none;border:0;color:#a396b3;font-size:13px;padding:27px 0 24px;white-space:nowrap;text-decoration:none;border-bottom:2px solid transparent}.market-header-links>.is-active{color:#d7b6ff;border-bottom-color:#b684ed}.market-header-actions{display:flex;gap:12px;align-items:center;margin-left:auto}.market-header-actions .button{font-size:12px;min-height:34px;padding:8px 15px}.market-header-actions>span{font-size:11px;color:#a391b2}.marketplace-mode .auth-gate{background:radial-gradient(ellipse at top,#332145,#120e19 70%)}.marketplace-mode .auth-card{background:#211929;border-color:#42304e;color:#ebdef7;box-shadow:0 18px 70px #0004}.marketplace-mode .auth-card>p{color:#ad97be}.marketplace-mode .auth-divider{color:#927ca3}.marketplace-mode .auth-divider::before,.marketplace-mode .auth-divider::after{background:#493456}.marketplace-mode .social-login-button{background:#2c2037;color:#d9c5e7;border-color:#50365f}.marketplace-mode .auth-card a{color:#c9a4ea}.marketplace-mode .email-feedback{color:#b9a0ca}.marketplace-mode .email-account-hint{background:#2a1d33;border-color:#4a3159}.marketplace-mode .sheet{--bg:#19121f;--ink:#e7d8f4;background:#19121f;color:#e7d8f4;width:min(880px,calc(100% - 40px));border:1px solid #594067;box-shadow:0 30px 100px #0008}.marketplace-mode .sheet::backdrop{background:#09050dde;backdrop-filter:blur(7px)}.marketplace-mode .sheet-heading{background:#25192e;border-color:#463052;padding:25px 30px}.marketplace-mode .sheet-heading .eyebrow{color:#a888bc}.marketplace-mode .sheet-heading h2{font-size:23px;color:#f0e2f9}.marketplace-mode .sheet-heading p{color:#a68bb7;font-size:12px}.marketplace-mode .sheet-heading .icon-button{background:#34213f;border-color:#553464;color:#b99acb}.marketplace-mode .panel{background:#24182d;border-color:#432e50}.marketplace-mode .panel h2{color:#e6d5f1}.marketplace-mode .field>span{color:#c6acd9;font-size:12px}.marketplace-mode .field input,.marketplace-mode .field select,.marketplace-mode .field textarea{background:#201528;border-color:#4a3158;color:#e6d4f2;min-height:43px;font-size:13px}.marketplace-mode .field input::placeholder,.marketplace-mode .field textarea::placeholder{color:#8c729c}.marketplace-mode .field small{color:#9679a8}.marketplace-mode .form-footer{background:transparent}.marketplace-mode .info-line{font-size:12px}.marketplace-mode .info-line>span:first-child{color:#a38aB3}.marketplace-mode .info-line>span:last-child{color:#d7c0e6}.marketplace-mode .notes{color:#b7a0c8;font-size:12px}.marketplace-mode .separator{background:#493254}.marketplace-mode .fine-print{color:#a187b1;font-size:11px}.marketplace-mode .badge{color:#c8ace0;background:#442e54;border-color:#5a3a6d}.marketplace-mode .badge.active,.marketplace-mode .badge.assigned{color:#b0dac6;background:#233d35}.marketplace-mode .error-message{background:#462330;color:#efbac5;border:1px solid #6a3547}.marketplace-mode .login-methods{border-color:#4b325a}.marketplace-mode .login-method-row{border-color:#493253;color:#bfa5d0}.marketplace-mode .login-method-status{color:#8fcbb4}.market-profile{display:grid;grid-template-columns:.8fr 1fr;gap:30px;align-items:start}.market-profile-photo{border-radius:14px;aspect-ratio:4/5;max-height:420px;border:1px solid #52345e}.market-profile-caption{display:block;text-align:center;font-size:10px;color:#8e6d9d;margin-top:11px}.market-profile-title{display:flex;justify-content:space-between;gap:12px;align-items:center}.market-profile-title h2{font-size:27px;font-weight:650;overflow-wrap:anywhere}.market-status{display:inline-flex;align-items:center;white-space:nowrap;font-size:10px;color:#baa3c9;background:#422b4e;border:1px solid #5a3b68;padding:5px 8px;border-radius:6px}.market-status.is-available{background:#1c3a31;color:#a4ddc4;border-color:#325c4d}.market-profile-info .market-tags{margin-top:14px}.market-profile-intro{padding:24px 0}.market-profile-intro h3{font-size:12px;margin-bottom:8px;color:#d6bce7;font-weight:550}.market-profile-intro p{font-size:12px;line-height:1.9;color:#a991b8;white-space:pre-wrap;overflow-wrap:anywhere}.market-profile-service{display:flex;align-items:center;gap:11px;margin-top:19px}.market-profile-service>span{display:grid;place-items:center;width:39px;height:39px;background:#432654;border:1px solid #623d76;border-radius:11px;color:#c091df}.market-profile-service strong{font-size:13px;color:#ddc4ef}.market-profile-service p{font-size:10px;color:#a083b3;margin-top:4px}.market-server-tags{display:flex;gap:7px;flex-wrap:wrap;margin-top:12px}.market-server-tags>span{border:1px solid #533360;border-radius:5px;padding:4px 8px;font-size:10px;color:#b493c7}.market-price-panel{padding:17px 19px;background:#35203f;border:1px solid #52305f;border-radius:12px;margin-top:22px}.market-price-panel>span{font-size:10px;color:#b28bc8}.market-price-panel>div{display:flex;align-items:baseline;gap:7px;margin-top:4px}.market-price-panel strong{font-size:28px;color:#dab4fa}.market-price-panel small{font-size:11px;color:#a27bbb}.market-price-panel p{font-size:10px;line-height:1.8;color:#a987bc;margin-top:8px}.market-profile-actions{display:flex;gap:9px;align-items:stretch;margin-top:18px}.market-profile-actions .button{padding:11px 12px;font-size:12px;min-height:42px}.market-profile-actions .button.primary{flex:1}.market-rules{margin-top:27px;padding:20px 23px;background:#26182e;border:1px solid #432a50;border-radius:12px}.market-rules h3{font-size:12px;color:#bea0d1;display:flex;align-items:center;gap:8px}.market-rules h3 .market-icon{height:18px;width:18px}.market-rules ul{list-style:disc;margin:13px 0 0 17px;padding:0;font-size:11px;color:#9f82b0;line-height:2.1}.market-booking-summary{display:flex;align-items:center;gap:17px;margin-bottom:27px;padding-bottom:23px;border-bottom:1px solid #493151}.market-booking-summary .market-portrait{height:85px;width:72px;border-radius:10px;border:1px solid #533561;flex-shrink:0}.market-booking-summary .market-no-photo>span{font-size:24px;width:40px;height:40px;border:0}.market-booking-summary .market-no-photo small{display:none}.market-booking-summary h3{font-size:18px;color:#e5ccf4}.market-booking-summary p{font-size:12px;color:#ac8dbf;margin:6px 0 9px}.market-booking-summary strong{font-size:17px;color:#c79be5}.market-booking-summary strong small{font-size:10px;font-weight:400}.market-booking-label{margin-left:auto;font-size:10px;color:#b28dc7;padding:6px 9px;border:1px solid #52305f;border-radius:5px}.market-booking-total{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-top:25px;padding:21px 0;border-top:1px solid #4c3158}.market-booking-total>div>span{font-size:13px;color:#ceabdE}.market-booking-total small{display:block;font-size:10px;color:#9779a8;margin-top:6px}.market-booking-total strong{font-size:29px;color:#d5acf2}.market-inline-notice{display:flex;align-items:center;gap:8px;font-size:11px;color:#b096c2;padding:13px 15px;line-height:1.8;background:#2c1c35;border:1px solid #4e305d;border-radius:8px}.market-inline-notice .market-icon{width:17px;height:17px}.marketpage{padding-bottom:38px}.market-page-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin:12px 0 30px}.market-page-heading h1{font-size:30px;color:#eee0f8;font-weight:650;margin:9px 0 8px}.market-page-heading p{font-size:12px;color:#a087b1;line-height:1.9}.market-page-heading .button{font-size:12px}.market-order-tabs{display:flex;gap:7px;margin-bottom:30px;padding-bottom:14px;border-bottom:1px solid #3b2846;overflow-x:auto}.market-order-tabs button{font-size:12px;border:1px solid #3b2846;background:#211627;color:#a084b2;white-space:nowrap;padding:9px 18px;border-radius:8px}.market-order-tabs button.is-active{background:#452858;border-color:#684084;color:#dcbbf3}.market-list-heading{font-size:15px;color:#dbc3e9;font-weight:550;margin:25px 0 15px}.market-list-heading span{font-size:10px;font-weight:400;color:#a17db4;margin-left:7px}.market-order-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:17px}.market-request-card{border:1px solid #43294f;background:#23172b;border-radius:12px;padding:19px 21px}.market-request-top{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:22px;font-size:10px;color:#9272a3}.market-request-state{font-size:10px;color:#c9a4e0;border:1px solid #654176;background:#40274c;border-radius:6px;padding:5px 8px;white-space:nowrap}.market-request-state.state-contacted{color:#a4d5d1;border-color:#345e5b;background:#203b3a}.market-request-state.state-completed{color:#a3d8bd;border-color:#325e47;background:#21392b}.market-request-state.state-canceled,.market-request-state.state-declined{color:#ac96b7;border-color:#503854;background:#332335}.market-request-open{display:flex;align-items:center;gap:13px;width:100%;padding:0;border:0;background:none;text-align:left;color:inherit}.market-request-avatar{display:grid;place-items:center;flex-shrink:0;width:47px;height:47px;border-radius:14px;background:#4d2d60;border:1px solid #704280;color:#d0ace3;font-size:19px}.market-request-info{display:flex;flex-direction:column;gap:7px;min-width:0;flex:1}.market-request-info>strong{font-size:16px;font-weight:550;color:#e1cbed;overflow-wrap:anywhere}.market-request-info>span{font-size:10px;line-height:1.7;color:#a688b8}.market-request-price{font-size:21px;color:#d3a8ed;font-weight:650;white-space:nowrap}.market-request-price small{display:block;font-size:9px;font-weight:400;color:#9671aa;margin-top:6px;text-align:right}.market-request-bottom{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:20px;padding-top:15px;border-top:1px solid #412849}.market-request-bottom>span{display:flex;align-items:center;gap:5px;font-size:10px;color:#92729f;line-height:1.8}.market-request-bottom>span .market-icon{height:13px;width:13px}.market-request-summary{display:flex;justify-content:space-between;gap:25px;align-items:center;padding:4px 0 26px}.market-request-summary h2{font-size:21px;margin:16px 0 8px;color:#e5caf6;font-weight:600}.market-request-summary p{font-size:12px;color:#ac86bf;line-height:1.9;max-width:430px}.market-request-summary>strong{font-size:27px;color:#d8adf4;white-space:nowrap}.market-small-heading{font-size:12px;color:#b998ca;margin-bottom:8px;font-weight:500}.market-request-history{margin:27px 0}.market-request-history h3{font-size:14px;color:#d5b5e8;margin-bottom:19px}.market-request-history ol{list-style:none;margin:0;padding:0}.market-request-history li{display:flex;gap:15px;position:relative;padding-bottom:22px}.market-request-history li:not(:last-child)::before{content:"";position:absolute;left:4px;top:14px;bottom:0;width:1px;background:#563662}.market-request-history li>span{height:9px;width:9px;background:#ae7acb;border-radius:50%;margin-top:4px;box-shadow:0 0 0 4px #462652;flex-shrink:0}.market-request-history strong{font-size:12px;color:#cfacdf;font-weight:500}.market-request-history small{display:inline-block;margin-left:15px;color:#9570a7;font-size:10px}.market-request-history p{font-size:11px;line-height:1.9;color:#ac89bc;white-space:pre-wrap;overflow-wrap:anywhere;margin-top:7px}.market-account-summary{display:flex;align-items:center;gap:19px;padding:26px 30px;border:1px solid #52305e;border-radius:15px;background:radial-gradient(ellipse at 100% 0,#64347b55,transparent 55%),#2b1b35;margin-bottom:24px}.market-account-avatar{width:67px;height:67px;display:grid;place-items:center;border:1px solid #785089;border-radius:21px;background:#513268;color:#d2aff0;font-size:27px}.market-account-summary>div{flex:1;min-width:0}.market-account-summary h2{font-size:23px;color:#ead1fa;overflow-wrap:anywhere}.market-account-summary p{font-size:11px;color:#a17bb7;margin-top:7px}.market-account-summary>button{border:0;border-left:1px solid #5b346c;min-width:115px;padding:0 23px;background:none;display:flex;flex-direction:column;gap:7px;color:#d1acdf}.market-account-summary>button strong{font-size:25px;color:#dbb6f1;font-weight:600}.market-account-summary>button span{font-size:11px;color:#b38bc8}
@media(min-width:1550px){.marketplace-mode main,.marketplace-mode #storefront-main{max-width:1460px}.market-talent-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.market-topbar,.marketplace-mode .topbar{padding-left:max(32px,calc((100vw - 1396px)/2));padding-right:max(32px,calc((100vw - 1396px)/2))}}
@media(max-width:1100px){.market-layout{grid-template-columns:minmax(0,1fr) 236px;gap:20px}.market-side-card{padding:20px 17px}.market-talent-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.market-hero-art{width:475px;right:-30px}.market-hero-copy{width:65%}.market-filter-bar{flex-wrap:wrap}.market-search{flex-basis:100%;padding-bottom:6px}.market-filter-bar select{flex:1;max-width:none}.market-header-links{gap:20px;margin-left:10px}.market-header-actions>span{display:none}.market-order-grid{grid-template-columns:1fr}}
@media(max-width:800px){.marketplace-mode main,.marketplace-mode #storefront-main{padding:22px 20px 88px}.market-topbar,.marketplace-mode .topbar{height:auto;min-height:67px;padding:14px 20px;gap:16px;flex-wrap:wrap}.market-header-links{gap:20px;margin:0;order:3;width:100%;border-top:1px solid #32213d;padding-top:3px}.market-header-links>button,.market-header-links>a{padding:13px 0 9px;font-size:12px}.market-header-actions{gap:7px}.market-header-actions .button{font-size:11px;padding:8px 11px;min-height:32px}.market-brand{font-size:20px}.market-brand-mark{width:30px;height:30px;border-radius:9px}.market-brand small{display:none}.marketplace-mode .breadcrumb{display:none}.marketplace-mode .online-identity{gap:7px}.marketplace-mode .online-name{max-width:140px;font-size:11px}.marketplace-mode .online-identity .button{min-height:31px;padding:6px 9px;font-size:11px}.market-layout{display:block}.market-aside{display:none}.market-hero{min-height:217px;padding:26px}.market-hero h1{font-size:31px;margin-top:12px}.market-hero-copy>p{font-size:11px;max-width:250px}.market-kicker{font-size:8px;letter-spacing:1.3px}.market-hero-art{right:-95px;width:440px;height:246px;opacity:.85}.market-hero-copy{width:75%}.market-hero-actions>span{display:none}.market-hero-actions{margin-top:19px}.market-hero-actions .button{font-size:11px;min-height:34px;padding:8px 11px}.market-hero-index{font-size:8px;right:13px;bottom:13px}.market-games{margin:18px 0 21px;gap:7px}.market-game{font-size:11px;padding:8px;gap:7px;border-radius:9px}.market-game-icon{width:25px;height:25px;font-size:12px}.market-game small{font-size:9px}.market-section-head{margin-bottom:12px}.market-discovery-tabs{gap:20px}.market-discovery-tabs>button{font-size:16px}.market-talent-grid{gap:14px}.market-filter-bar{flex-wrap:nowrap}.market-search{flex-basis:auto;padding-bottom:0}.market-filter-bar select{flex:initial;max-width:160px}.market-footer{margin-top:31px;padding-bottom:0}.market-footer>span{display:none}.market-footer strong{font-size:12px}.market-footer strong span{font-size:9px}.marketplace-mode .sheet{width:100%;height:100dvh;max-height:100dvh;margin:0;border-radius:0;border:0}.marketplace-mode .sheet-heading{padding:24px 20px 21px}.marketplace-mode .sheet-body{padding:22px 20px 40px}.market-profile{grid-template-columns:.8fr 1fr;gap:22px}.market-profile-title h2{font-size:23px}.market-profile-actions{flex-wrap:wrap}.market-profile-actions .button{flex:1;white-space:nowrap}.market-profile-intro{padding:19px 0}.market-profile .field select{font-size:12px}.market-price-panel{padding:15px;margin-top:16px}.market-price-panel strong{font-size:25px}.marketplace-mode .form-grid{grid-template-columns:1fr 1fr}.marketplace-mode .field.full{grid-column:1/-1}.market-page-heading{align-items:flex-start;margin:3px 0 25px}.market-page-heading h1{font-size:27px}.market-page-heading .button{font-size:11px;padding:9px 11px;min-height:36px}.market-page-heading p{font-size:11px}.market-request-card{padding:18px}.market-account-summary{padding:22px;gap:13px;flex-wrap:wrap}.market-account-summary>div{flex-basis:calc(100% - 90px)}.market-account-summary>button{flex:1;border:0;padding:15px 0 0;border-top:1px solid #543062;margin-top:7px;min-width:0}.marketplace-mode .profile-layout{grid-template-columns:1fr}.marketpage{padding-bottom:0}}
@media(max-width:540px){.marketplace-mode main,.marketplace-mode #storefront-main{padding:17px 16px 90px}.market-topbar,.marketplace-mode .topbar{padding:13px 16px;gap:10px}.market-header-links{gap:26px}.market-header-links>button,.market-header-links>a{font-size:11px}.market-brand{font-size:19px}.market-hero{border-radius:14px;min-height:201px;padding:24px 21px}.market-hero h1{font-size:28px;letter-spacing:0;line-height:1.5}.market-hero-copy{width:100%}.market-hero-copy>p{font-size:10px;max-width:180px}.market-hero-art{width:300px;height:185px;right:-112px;top:50%;opacity:.55}.market-hero::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#29193400 30%,#20152d00)}.market-kicker{font-size:7px;letter-spacing:1px}.market-hero-actions{margin-top:18px}.market-hero-index{display:none}.market-games{margin:15px 0 18px}.market-game small{display:none}.market-game{font-size:10px;gap:6px;padding:7px 9px 7px 7px}.market-game-icon{width:24px;height:24px}.market-discovery-tabs{gap:20px}.market-discovery-tabs>button{font-size:15px;gap:5px}.market-discovery-tabs>button .market-icon{width:12px;height:12px}.market-result-count{font-size:10px}.market-filter-bar{padding:11px;gap:9px;flex-wrap:wrap}.market-search{flex-basis:100%;padding:0 0 4px}.market-search input{height:29px;line-height:29px;font-size:11px}.market-filter-bar select{flex:1;max-width:none;font-size:10px;height:32px;width:45%}.market-filter-foot{font-size:10px;padding:15px 0 17px}.market-switch{font-size:10px;gap:5px}.market-talent-grid{gap:10px}.market-talent{border-radius:10px}.market-portrait{aspect-ratio:4/4.6}.market-talent-body{padding:11px 10px 10px}.market-talent-name{font-size:14px}.market-service-name{font-size:9px;margin:7px 0;gap:4px;flex-wrap:wrap}.market-service-name>span{font-size:9px}.market-service-name>span::before{margin-right:4px}.market-talent-bio{font-size:9px;line-height:1.7}.market-tags{gap:4px;margin-top:8px;min-height:19px}.market-tags>span{font-size:9px;padding:2px 5px}.market-card-bottom{margin-top:11px;padding-top:10px}.market-rate strong{font-size:17px}.market-rate small{font-size:9px}.market-card-arrow{height:22px;width:22px;border-radius:6px}.market-card-arrow .market-icon{height:13px;width:13px}.market-favorite{width:27px;height:27px;right:8px;top:8px}.market-favorite .market-icon{width:13px;height:13px}.market-availability{font-size:9px;left:8px;top:9px;padding:4px 6px;gap:4px}.market-availability i{width:4px;height:4px}.market-no-photo>span{width:55px;height:55px;font-size:25px;border-radius:18px}.market-no-photo small{font-size:9px}.market-empty{min-height:300px;padding:35px 23px}.market-empty h3{font-size:18px}.market-empty p{font-size:11px}.market-empty-games{gap:6px}.market-empty-games>span{padding:5px 7px;font-size:9px}.market-empty-icon{height:62px;width:62px;margin-bottom:22px}.market-footer{font-size:9px}.market-profile{grid-template-columns:1fr;gap:24px}.market-profile-photo{width:100%;max-width:290px;max-height:335px;margin:auto;aspect-ratio:4/4.7}.market-profile-info{min-width:0}.market-profile-title h2{font-size:26px}.market-profile-caption{font-size:9px;margin-top:10px}.market-profile-intro{padding:20px 0}.market-profile-actions{flex-wrap:nowrap}.market-profile-actions .button.secondary{flex:0 0 auto}.market-rules{padding:17px;margin-top:23px}.market-rules ul{font-size:10px}.marketplace-mode .sheet-heading h2{font-size:21px}.marketplace-mode .sheet-heading p{font-size:11px}.marketplace-mode .form-grid{gap:18px 13px}.marketplace-mode .field>span{font-size:11px}.marketplace-mode .field input,.marketplace-mode .field select,.marketplace-mode .field textarea{padding:11px 10px;font-size:12px}.market-booking-summary{gap:13px}.market-booking-summary h3{font-size:17px}.market-booking-summary p{font-size:11px}.market-booking-label{display:none}.market-booking-total strong{font-size:27px}.market-booking-total>div>span{font-size:12px}.market-inline-notice{font-size:10px;padding:12px}.marketplace-mode .form-footer{gap:8px}.marketplace-mode .form-footer .button{font-size:12px;padding:11px 9px}.marketplace-mode .info-line{font-size:11px;gap:16px}.marketplace-mode .info-line>span:first-child{max-width:45%;white-space:normal}.market-page-heading{gap:10px}.market-page-heading h1{font-size:25px}.market-page-heading .button{padding:8px 10px;min-height:34px;font-size:10px}.market-page-heading .button .market-icon{display:none}.market-order-tabs{gap:6px}.market-order-tabs button{padding:8px 11px;font-size:10px}.market-request-top{font-size:9px}.market-request-card{padding:16px 14px}.market-request-avatar{height:39px;width:39px;font-size:16px;border-radius:12px}.market-request-open{gap:10px}.market-request-info>strong{font-size:14px}.market-request-info>span{font-size:9px}.market-request-price{font-size:18px}.market-request-bottom{flex-wrap:wrap;gap:9px}.market-request-bottom>span{font-size:9px}.market-request-summary{display:block}.market-request-summary h2{font-size:20px}.market-request-summary p{font-size:11px}.market-request-summary>.market-request-price{margin-top:19px;font-size:27px}.market-request-summary .market-request-price small{text-align:left}.market-request-summary>strong{display:block;margin-top:18px}.market-account-summary{padding:21px}.market-account-avatar{width:56px;height:56px;border-radius:17px;font-size:24px}.market-account-summary h2{font-size:21px}.market-account-summary>button strong{font-size:23px}.marketplace-mode .auth-card{padding:26px 22px}.marketplace-mode .auth-gate{padding:20px}.marketplace-mode .auth-card h1{font-size:25px}}
@media(prefers-reduced-motion:reduce){.marketplace-mode *{scroll-behavior:auto!important;transition:none!important;animation:none!important}}
/* Light storefront refresh. These scoped rules also cover retained account forms. */
body.marketplace-mode{--bg:#f7f8fc;--ink:#322b42;--muted:#958bA2;--line:#eae3f2;--blue:#8b59df;--navy:#8054cc;color-scheme:light;background:linear-gradient(180deg,#edf3ff 0,#f5f3ff 480px,#f7f8fc 850px);color:#322b42}
.marketplace-mode .topbar{background:#ffffffed;border-color:#ece6f4}.marketplace-mode .online-name{color:#83718f}.marketplace-mode #header-avatar{background:#eee6ff;color:#8756d9}.marketplace-mode main,.marketplace-mode #storefront-main{max-width:1336px;padding:27px 28px 25px}.marketplace-mode .button.primary{background:linear-gradient(112deg,#8a5df4,#a365ec);border-color:#9565ed;color:#fff;box-shadow:0 5px 15px #9862ed24}.marketplace-mode .button.primary:hover{background:linear-gradient(112deg,#7950e8,#9953e7)}.marketplace-mode .button.secondary{background:#f1ebff;border-color:#e3d8fa;color:#8553d8}.marketplace-mode .button.secondary:hover{background:#e9dffd}.marketplace-mode .button.ghost{color:#82758f;background:#fff;border-color:#eae4f1}.marketplace-mode .button.ghost:hover{background:#f7f3fc;color:#8b57d7}.marketplace-mode .button.compact{font-size:11px;padding:7px 11px;min-height:32px}.marketplace-mode .bottom-nav{background:#fffffff2;border-color:#e9dfF2;box-shadow:0 -3px 20px #4b2e7910}.marketplace-mode .bottom-nav .nav-btn{color:#9c8dac}.marketplace-mode .bottom-nav .nav-btn.active{color:#9862df}.market-mini-label{color:#a298b6}.market-home-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:22px}.market-home-heading h1{font-size:27px;line-height:1.5;font-weight:750;color:#29253d;margin:5px 0 0;letter-spacing:.5px}.market-home-heading .market-mini-label{color:#9a90ad;font-size:9px;letter-spacing:2.3px}.market-history-link{display:flex;align-items:center;gap:7px;color:#857491;background:#ffffffb8;border:1px solid #eae5f6;border-radius:18px;font-size:11px;padding:9px 13px;white-space:nowrap}.market-history-link .market-icon{height:15px;width:15px}
.market-hero{display:block;min-height:224px;border:0;border-radius:22px;padding:30px 40px;background:linear-gradient(110deg,#68aef8 0%,#788bee 38%,#a783f0 72%,#bf91ef 100%);box-shadow:0 11px 30px #8494df20}.market-hero::before{inset:auto;right:-30px;top:-145px;width:650px;height:480px;border:1px solid #fff2;border-radius:50%;background:none;transform:rotate(-20deg)}.market-hero::after{content:"";position:absolute;right:95px;top:-120px;width:460px;height:460px;border:1px solid #fff2;border-radius:50%;z-index:-1}.market-hero-copy{max-width:500px;width:65%}.market-kicker{color:#edf4ff;font-size:10px;letter-spacing:1.4px;font-weight:500}.market-hero h2{font-size:33px;line-height:1.38;letter-spacing:1px;font-weight:750;color:#fff;margin:10px 0 9px}.market-hero h2 br{display:none}.market-hero h2 span{color:#fff}.market-hero-copy>p{color:#edf2ff;font-size:12px;line-height:1.8}.market-hero-actions{margin-top:20px}.market-hero-actions .button.primary{color:#8160d1;border-color:#ffffffc2;background:#fff;box-shadow:0 4px 18px #4e419f1a;font-size:12px;padding:9px 17px;min-height:37px}.market-hero-actions .button.primary:hover{background:#f5efff}.market-hero-art{width:490px;height:270px;right:28px;filter:brightness(1.13) saturate(.72);opacity:.95}.market-hero-bubble{position:absolute;display:flex;align-items:center;gap:7px;font-size:10px;color:#fff;background:#ffffff21;border:1px solid #ffffff55;backdrop-filter:blur(4px);box-shadow:0 4px 12px #6252ab10;border-radius:11px;padding:9px 12px;z-index:2;white-space:nowrap}.market-hero-bubble .market-icon{height:17px;width:17px}.bubble-one{right:32px;top:30px;transform:rotate(6deg)}.bubble-two{right:390px;bottom:27px;transform:rotate(-7deg);font-size:9px;letter-spacing:1px}
.market-games{display:grid;grid-template-columns:repeat(10,minmax(0,1fr));gap:9px;background:#fff;border:1px solid #efedf7;border-radius:18px;padding:22px 20px 19px;margin:21px 0 16px;box-shadow:0 7px 25px #49356b04;overflow:visible}.market-game{display:flex;flex-direction:column;align-items:center;gap:9px;min-width:0;padding:4px 0;background:none;border:0;color:#676070;font-size:11px;line-height:1.5;white-space:nowrap}.market-game-icon{position:relative;width:45px;height:45px;border-radius:14px;background:linear-gradient(140deg,#bb9bf9,#9264e9);color:white;box-shadow:0 4px 12px #a286d825;transition:transform .2s,box-shadow .2s}.market-game-icon::after{content:"";position:absolute;inset:2px;border:1px solid #ffffff28;border-radius:12px}.market-game-icon svg{width:25px;height:25px;filter:drop-shadow(0 2px 3px #69369b30)}.market-game:nth-child(n) .game-tone-0{background:linear-gradient(140deg,#bb9bf9,#9264e9);color:#fff}.market-game:nth-child(n) .game-tone-1{background:linear-gradient(140deg,#8dc9bd,#419897);color:#fff}.market-game:nth-child(n) .game-tone-2{background:linear-gradient(140deg,#f0cb88,#df9e46);color:#fff}.market-game:nth-child(n) .game-tone-3{background:linear-gradient(140deg,#88bef2,#4d86d4);color:#fff}.market-game:nth-child(n) .game-tone-4{background:linear-gradient(140deg,#f6a09f,#e56879);color:#fff}.market-game:nth-child(n) .game-tone-5{background:linear-gradient(140deg,#a6b3e7,#7f82c7);color:#fff}.market-game:hover{background:none;border-color:transparent;color:#9965cb}.market-game:hover .market-game-icon{transform:translateY(-3px)}.market-game.is-active{background:none;color:#8b55de;font-weight:700;border-color:transparent}.market-game.is-active .market-game-icon{outline:3px solid #ece2ff;outline-offset:3px}.market-shortcuts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-bottom:17px}.market-shortcut{display:flex;justify-content:space-between;align-items:center;gap:14px;border-radius:14px;border:1px solid #e9dcfb;padding:19px 21px;text-align:left;background:linear-gradient(110deg,#f1e7ff,#e8e0ff);color:#8053b4;min-width:0}.market-shortcut strong{display:block;font-size:17px;font-weight:650;line-height:1.5}.market-shortcut small{display:block;font-size:10px;color:#a591ba;margin-top:5px;white-space:nowrap}.market-shortcut-icon{display:grid;place-items:center;flex-shrink:0;width:49px;height:49px;border-radius:17px;background:#ffffffa3;box-shadow:0 5px 15px #a791c216;transform:rotate(8deg)}.market-shortcut-icon .market-icon{width:28px;height:28px;filter:drop-shadow(0 2px 3px #b790d42b)}.shortcut-blue{border-color:#dbeafa;background:linear-gradient(110deg,#e2f1ff,#e7efff);color:#648acc}.shortcut-blue small{color:#91a2bd}.shortcut-peach{border-color:#f5e1ee;background:linear-gradient(110deg,#ffecf5,#f6eafb);color:#b76e9a}.shortcut-peach small{color:#bd9bb1}.market-shortcut:hover .market-shortcut-icon{transform:rotate(0deg) scale(1.04)}
.market-showcase-note{display:flex;align-items:center;gap:9px;font-size:10px;color:#9b8ca9;line-height:1.8;margin:13px 1px 24px}.market-showcase-note>span:nth-child(2){flex:1}.market-demo-pill,.market-live-pill{flex-shrink:0;font-size:9px;line-height:1.4;border-radius:5px;background:#efe8fa;border:1px solid #e8def5;color:#9c7fb9;padding:4px 6px}.market-live-pill{background:#e9f4ef;border-color:#d3eadd;color:#74a58b}.market-showcase-note>button{background:none;border:0;color:#8c6ac4;display:flex;align-items:center;gap:4px;font-size:10px;white-space:nowrap}.market-showcase-note .market-icon{width:13px;height:13px}.market-featured{border-radius:17px;border:1px solid #efedf6;background:#fff;padding:22px 25px 24px;margin-bottom:29px}.market-section-head h2{font-size:19px;font-weight:650;line-height:1.5;color:#3b324a}.market-section-head h2>span{font-size:9px;font-weight:450;color:#b5acbf;letter-spacing:1.5px;margin-left:13px}.market-section-head>div>p{font-size:10px;color:#a794b5;margin-top:4px}.market-text-button{display:flex;align-items:center;gap:3px;color:#9d89b2;background:none;border:0;font-size:10px;white-space:nowrap}.market-text-button .market-icon{height:14px;width:14px}.market-mini-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:16px}.market-mini-talent{display:flex;flex-direction:column;align-items:center;min-width:0;border:0;background:none;padding:5px 0 0}.market-mini-talent .market-portrait{width:77px;height:77px;aspect-ratio:1;border-radius:50%;outline:3px solid #f2eafa;outline-offset:3px;margin:4px 0 14px}.market-mini-talent>strong{font-size:13px;font-weight:600;color:#64556f;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.market-mini-talent>span:last-child{font-size:9px;color:#aa94bc;margin-top:6px}.market-mini-talent:hover .market-portrait{outline-color:#d9c3f2}.market-discovery-tabs>button{color:#aa9cb8;font-size:20px}.market-discovery-tabs>button.is-active{color:#493253;border-color:#a877eb}.market-result-count{color:#a08bac}.market-filter-bar{background:#fff;border-color:#ede7f5;border-radius:12px;padding:12px 15px}.market-search .market-icon{color:#b4a6c2}.market-search input{color:#756480;font-size:12px}.market-search input::placeholder{color:#aa98b8}.market-filter-bar select{color:#8d719f;border-color:#e9e1f1;background-color:#fcfaff}.market-filter-foot{color:#9c8bab}.market-dot{color:#c1b1cd}.market-switch{color:#9984a9}.market-collection-hint{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:11px;color:#9986a8;padding:9px 0 16px}
.market-talent-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:19px}.market-talent{background:#fff;border-color:#efe8f5;border-radius:15px;box-shadow:0 4px 19px #57377405}.market-talent:hover{box-shadow:0 10px 27px #9368b017;border-color:#dbc4ee}.market-talent-open{height:auto}.market-portrait{aspect-ratio:4/4.6;background:#eee8f3}.market-no-photo{background:linear-gradient(130deg,#e7e9fb,#efe4f7);color:#ba9ed2}.market-no-photo>span{background:#ffffff32;border-color:#cfbade80;box-shadow:none}.market-no-photo small{color:#aa94bf}.market-availability{border-color:#ffffff40;background:#3c31466e;color:#fff;font-size:9px}.market-availability.is-available{color:#fff}.market-availability.is-available i{background:#abf2cb;box-shadow:none}.market-favorite{background:#fff9;border-color:#fffb;color:#85718c;width:29px;height:29px}.market-favorite:hover{background:#fff}.market-favorite.is-saved{background:#fff0f7;color:#e588b3;border-color:#ffc6e2}.market-favorite.is-saved .market-icon{fill:#ef93bd;stroke:#ef93bd}.market-talent-body{padding:15px 14px 0}.market-talent-name{color:#51405e;font-size:17px}.market-service-name{font-size:10px;color:#976caf}.market-service-name>span{color:#a890b5;font-size:9px}.market-service-name>span::before{color:#c0acca}.market-talent-bio{color:#987aa8;font-size:10px;line-height:1.9}.market-tags>span{font-size:9px;color:#9b75b0;background:#f6effb;border:1px solid #f1e7f8;padding:2px 6px;line-height:1.55}.market-card-bottom{margin:14px 14px 0;padding:12px 0 14px;border-color:#f1e8f7;gap:7px}.market-rate strong{font-size:21px;color:#a25fdd}.market-rate small{font-size:10px;color:#aa8abb}.market-list-section{margin-top:34px}.market-list-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.market-list-talent{display:flex;align-items:center;gap:15px;background:#fff;border:1px solid #eee6f5;border-radius:14px;padding:17px}.market-list-profile{display:flex;align-items:center;gap:15px;flex:1;min-width:0;background:none;border:0;padding:0;text-align:left}.market-list-profile .market-portrait{width:95px;height:111px;flex-shrink:0;border-radius:11px}.market-list-intro{display:flex;flex-direction:column;min-width:0}.market-list-intro>strong{color:#654574;font-size:16px;font-weight:650;display:flex;gap:9px;align-items:center}.market-list-intro>strong>small{font-size:8px;font-weight:400;color:#a38bb2;background:#f3edf7;border-radius:3px;padding:2px 4px}.market-list-intro>span:not(.market-tags){font-size:10px;color:#9277a1;margin-top:8px;line-height:1.6}.market-list-bio{max-width:210px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.market-list-action{display:flex;flex-direction:column;align-items:flex-end;gap:14px;flex-shrink:0}.market-service-strip{display:flex;align-items:center;justify-content:center;gap:45px;padding:25px;margin-top:30px;border-radius:13px;border:1px solid #eee6f7;background:#fcfaff}.market-service-strip>span{display:flex;align-items:center;gap:8px;color:#9d7eaf;font-size:11px}.market-service-strip .market-icon{height:20px;width:20px;color:#b490ce}.marketplace-mode .market-footer{color:#aa93b9;border-color:#ebe3f4;margin:30px auto 0;padding:23px 0 15px}.market-footer strong{color:#a782bb}.market-footer strong span{color:#aa93bc}.marketplace-mode .market-footer button{color:#a18aaf}.market-empty{background:#fff;border-color:#dfc9ee}.market-empty-icon{background:#f0e6fb;color:#b38ccd;border-color:#e9d7f5}.market-empty h2,.market-empty h3{color:#8d6c9e}.market-empty p{color:#a180b2}.market-page-heading h1{color:#674575}.market-page-heading p{color:#9b7bad}
.market-guest-notice{display:flex;align-items:center;justify-content:space-between;gap:18px;border:1px solid #e5d7f1;border-radius:12px;padding:17px 20px;background:#f4ecfc;margin-bottom:25px}.market-guest-notice>span{display:flex;align-items:center;gap:9px;font-size:12px;color:#997aaa;line-height:1.8}.market-guest-notice .button{font-size:11px;white-space:nowrap;min-height:34px;padding:8px 12px}.market-order-tabs{border-color:#e7dcec}.market-order-tabs button{border-color:#e8dbf1;background:#fff;color:#9b79ad}.market-order-tabs button.is-active{color:#945db5;border-color:#d8bee9;background:#ece0f7}.market-list-heading{color:#9371a6}.market-list-heading>span{color:#a98aba}.market-request-card{background:#fff;border-color:#e8dbf1}.market-request-top{color:#9c7fab}.market-request-state{border-color:#e3cff3;background:#f1e5fa;color:#a77fbf}.market-request-state.state-contacted{background:#edf7fc;border-color:#d4e9f6;color:#6b95aa}.market-request-state.state-completed{background:#eef8f0;border-color:#d1ead9;color:#73987f}.market-request-state.state-canceled,.market-request-state.state-declined{background:#f5f1f7;border-color:#e7deed;color:#9b82aa}.market-request-avatar{background:#f2e6fc;border-color:#e4d1f3;color:#aa81c6}.market-request-info>strong{color:#815495}.market-request-info>span{color:#9d7caf}.market-request-price{color:#ab77cb}.market-request-price small{color:#b28fc5}.market-request-bottom{border-color:#f0e5f7}.market-request-bottom>span{color:#9d7cae}.market-request-summary h2{color:#78568b}.market-request-summary p{color:#9c7bad}.market-request-summary>strong{color:#a679c0}.market-request-history h3{color:#9267a6}.market-request-history li:not(:last-child)::before{background:#dec8ed}.market-request-history li>span{background:#c59add;box-shadow:0 0 0 4px #f3e9fa}.market-request-history strong{color:#946aa9}.market-request-history small{color:#a081b0}.market-request-history p{color:#9f78b3}.market-account-summary{background:linear-gradient(115deg,#eceaff,#f7e9fb);border-color:#e6d8f4}.market-account-avatar{border-color:#debeee;background:#ffffff8c;color:#ba94d2}.market-account-summary h2{color:#826097}.market-account-summary p{color:#a484b6}.market-account-summary>button:not(.button){border-color:#dfc5ee;color:#a780bd}.market-account-summary>button strong{color:#a275be}.market-account-summary>.button{font-size:12px;padding:10px 14px;min-width:0}.market-guest-grid{display:grid;grid-template-columns:1fr 1fr;gap:19px;margin-bottom:24px}.market-guest-grid>button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;border:1px solid #e8d8f4;border-radius:15px;padding:27px;background:#fff;color:#a580bc}.market-guest-grid strong{font-size:29px;font-weight:600}.market-guest-grid>button>span{font-size:12px}
.marketplace-mode .panel{background:#fff;border-color:#e8d9f3}.marketplace-mode .panel h2{color:#825499}.marketplace-mode .field>span{color:#89679e}.marketplace-mode .field input,.marketplace-mode .field select,.marketplace-mode .field textarea{background:#fdfaff;border-color:#e3d1ee;color:#654a77}.marketplace-mode .field input::placeholder,.marketplace-mode .field textarea::placeholder{color:#ac92bd}.marketplace-mode .field small{color:#a486b7}.marketplace-mode .info-line>span:first-child{color:#9879ab}.marketplace-mode .info-line>span:last-child{color:#805995}.marketplace-mode .notes{color:#9774aa}.marketplace-mode .separator{background:#ecdcf6}.marketplace-mode .fine-print{color:#a381b8}.marketplace-mode .badge{background:#f2e7fa;border-color:#e4d2f0;color:#9e76b4}.marketplace-mode .badge.active,.marketplace-mode .badge.assigned{background:#e9f5ee;color:#6e947e}.marketplace-mode .error-message{background:#fff0f3;color:#b67788;border:1px solid #f4d5df}.marketplace-mode .login-methods{border-color:#eadbf4}.marketplace-mode .login-method-row{border-color:#f0e4f8;color:#986dae}.marketplace-mode .login-method-status{color:#6d987f}.marketplace-mode .email-account-hint{background:#f6eefc;border-color:#e9d9f4}.marketplace-mode .email-feedback{color:#9774ab}.marketplace-mode .auth-gate{background:radial-gradient(ellipse at top,#e8eaff,#f8f5fd 70%)}.marketplace-mode .auth-card{background:#fff;border-color:#e5daf0;color:#624d71;box-shadow:0 18px 70px #6f519a10}.marketplace-mode .auth-card>p{color:#9782a7}.marketplace-mode .auth-divider{color:#a08bad}.marketplace-mode .auth-divider::before,.marketplace-mode .auth-divider::after{background:#eadff2}.marketplace-mode .social-login-button{background:#faf6fd;color:#8c729d;border-color:#e4d4ef}.marketplace-mode .auth-card a{color:#9d70bd}.marketplace-mode .sheet{--bg:#fcf9ff;--ink:#785787;color:#785787;background:#fcf9ff;border-color:#decaec;box-shadow:0 30px 100px #53336b38}.marketplace-mode .sheet::backdrop{background:#31234075;backdrop-filter:blur(6px)}.marketplace-mode .sheet-heading{background:#fff;border-color:#eddef5}.marketplace-mode .sheet-heading .eyebrow{color:#a687b7}.marketplace-mode .sheet-heading h2{color:#805595}.marketplace-mode .sheet-heading p{color:#9f81b0}.marketplace-mode .sheet-heading .icon-button{background:#f7effd;border-color:#e9d6f5;color:#a782bc}.market-profile-photo{border-color:#e4d2ed}.market-profile-caption{color:#a48bb3}.market-profile-title h2{color:#805b93}.market-status{border-color:#e2d0ef;background:#f4eafc;color:#9d7bb2}.market-status.is-available{color:#749783;background:#edf7f2;border-color:#d9ece2}.market-profile-intro h3{color:#916ca6}.market-profile-intro p{color:#9776aa}.market-profile-service>span{background:#f0e2fb;border-color:#e3cdef;color:#b58fca}.market-profile-service>span svg{height:24px;width:24px}.market-profile-service strong{color:#946ca9}.market-profile-service p{color:#a081b3}.market-server-tags>span{color:#9f7eb3;border-color:#e4d1ef;background:#fbf6fe}.market-price-panel{background:#f2e8fc;border-color:#e7d4f4}.market-price-panel>span{color:#9874b0}.market-price-panel strong{color:#a66ec7}.market-price-panel small{color:#aa88be}.market-price-panel p{color:#9f7db4}.market-rules{background:#faf4fe;border-color:#ebdaf6}.market-rules h3{color:#9571ab}.market-rules ul{color:#9a7aac}.market-booking-summary{border-color:#e8d9f2}.market-booking-summary .market-portrait{border-color:#e7d5f0}.market-booking-summary h3{color:#9266aa}.market-booking-summary p{color:#a384b6}.market-booking-summary strong{color:#a06fba}.market-booking-label{color:#a17ab7;border-color:#e6d0f4;background:#f6edfc}.market-booking-total{border-color:#e9d6f4}.market-booking-total>div>span{color:#996faf}.market-booking-total small{color:#a88bba}.market-booking-total strong{color:#a56ec6}.market-inline-notice{color:#9873ac;background:#f7effc;border-color:#e7d4f2}.market-small-heading{color:#9c7ab0}
@media(max-width:1100px){.market-hero-art{width:445px;right:-15px}.market-hero-copy{width:68%}.bubble-two{right:275px}.market-games{gap:4px;padding:20px 10px}.market-game{font-size:10px}.market-game-icon{height:39px;width:39px;border-radius:12px}.market-game-icon svg{height:23px;width:23px}.market-shortcut{padding:17px;gap:9px}.market-shortcut strong{font-size:16px}.market-shortcut small{font-size:9px}.market-shortcut-icon{width:42px;height:42px;border-radius:14px}.market-shortcut-icon .market-icon{height:25px;width:25px}.market-talent-grid{gap:14px}.market-talent-body{padding:13px 12px 0}.market-talent-name{font-size:16px}.market-card-bottom{margin:12px 12px 0;gap:5px;flex-wrap:wrap}.market-rate strong{font-size:20px}.market-card-bottom>.button{font-size:10px;padding:7px 10px}.market-list-grid{grid-template-columns:1fr}.market-list-bio{max-width:450px}.market-hero h2{font-size:31px}.market-service-strip{gap:25px}}
@media(max-width:800px){.marketplace-mode main,.marketplace-mode #storefront-main{padding:23px 20px 88px}.market-home-heading{margin-bottom:18px}.market-home-heading h1{font-size:25px}.market-hero{min-height:215px;padding:28px;border-radius:19px}.market-hero h2{font-size:30px}.market-hero h2 br{display:block}.market-hero-copy>p{font-size:11px}.market-hero-art{width:400px;height:255px;right:-72px}.market-hero-copy{width:75%}.market-hero-actions{margin-top:17px}.market-hero-actions .button.primary{font-size:11px;min-height:34px;padding:8px 12px}.bubble-one{right:15px;top:21px;font-size:8px;padding:7px 8px}.bubble-two{right:190px;bottom:19px;font-size:8px}.market-games{grid-template-columns:repeat(5,minmax(0,1fr));row-gap:21px;padding:23px 18px 21px;margin:18px 0 15px}.market-game{gap:8px;font-size:11px}.market-game-icon{width:42px;height:42px;border-radius:13px}.market-game-icon svg{width:25px;height:25px}.market-shortcuts{gap:10px}.market-shortcut{position:relative;min-height:82px;padding:14px;overflow:hidden;align-items:flex-start}.market-shortcut strong{font-size:14px;position:relative;z-index:2}.market-shortcut small{font-size:9px;line-height:1.6;white-space:normal;max-width:90px;position:relative;z-index:2}.market-shortcut-icon{position:absolute;right:9px;bottom:9px;width:34px;height:34px;opacity:.55;transform:rotate(12deg);border-radius:11px}.market-shortcut-icon .market-icon{width:21px;height:21px}.market-showcase-note{font-size:9px;align-items:flex-start;gap:7px;margin-bottom:22px}.market-demo-pill,.market-live-pill{font-size:8px;padding:3px 5px;margin-top:1px}.market-showcase-note>button{font-size:9px;margin-top:3px}.market-featured{padding:20px 20px 23px;margin-bottom:27px}.market-section-head h2{font-size:17px}.market-section-head h2>span{font-size:8px;margin-left:9px;letter-spacing:1px}.market-mini-grid{gap:13px;overflow-x:auto;display:flex;padding:3px 0 5px;scrollbar-width:none}.market-mini-talent{min-width:86px;flex:1}.market-mini-talent .market-portrait{width:64px;height:64px;outline-width:2px;margin-bottom:12px}.market-mini-talent>strong{font-size:12px}.market-mini-talent>span:last-child{font-size:9px}.market-discovery-tabs>button{font-size:19px}.market-talent-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}.market-filter-bar select{max-width:148px;font-size:10px}.market-filter-bar{gap:8px;padding:11px 12px;flex-wrap:nowrap}.market-search{flex-basis:auto;padding-bottom:0}.market-search input{font-size:11px}.market-service-strip{gap:17px;padding:20px 16px}.market-service-strip>span{font-size:9px;gap:5px}.market-service-strip .market-icon{width:17px;height:17px}.marketplace-mode .market-footer{margin-top:26px;padding-bottom:0}.marketplace-mode .market-footer>span{display:none}.market-guest-notice{padding:15px;gap:12px}.market-guest-notice>span{font-size:11px}.market-account-summary>.button{margin-top:8px;min-height:36px;padding:9px 12px;font-size:11px}}
@media(max-width:540px){.marketplace-mode main,.marketplace-mode #storefront-main{padding:18px 16px 89px}.market-home-heading{margin-bottom:15px}.market-home-heading h1{font-size:21px;letter-spacing:0}.market-home-heading .market-mini-label{font-size:8px;letter-spacing:1.7px}.market-history-link{font-size:9px;padding:8px 9px;gap:4px}.market-history-link .market-icon{width:12px;height:12px}.market-hero{min-height:189px;padding:23px;border-radius:17px}.market-hero h2{font-size:26px;line-height:1.36;letter-spacing:.5px;margin:8px 0}.market-kicker{font-size:8px;letter-spacing:.5px}.market-hero-copy{width:100%}.market-hero-copy>p{font-size:9px;max-width:210px}.market-hero-art{width:290px;height:206px;right:-79px;top:50%;opacity:.83}.market-hero::after{inset:auto;right:95px;top:-120px;background:none}.market-hero-actions{margin-top:14px}.market-hero-actions .button.primary{font-size:10px;min-height:31px;padding:7px 10px}.market-hero-actions .market-icon{height:13px;width:13px}.bubble-one{right:11px;top:15px;font-size:7px;padding:5px 6px;border-radius:7px;gap:3px}.bubble-one .market-icon{height:12px;width:12px}.bubble-two{display:none}.market-games{padding:20px 12px 18px;row-gap:18px;border-radius:15px;margin:15px 0 13px;gap:17px 3px}.market-game{font-size:10px;gap:8px;padding:4px 0}.market-game-icon{width:37px;height:37px;border-radius:11px}.market-game-icon::after{border-radius:9px}.market-game-icon svg{height:23px;width:23px}.market-game.is-active .market-game-icon{outline-width:2px;outline-offset:2px}.market-shortcuts{gap:8px;margin-bottom:12px}.market-shortcut{border-radius:11px;padding:12px 10px;min-height:80px}.market-shortcut strong{font-size:12px}.market-shortcut small{font-size:8px;max-width:74px;margin-top:4px;line-height:1.7}.market-shortcut-icon{width:29px;height:29px;right:5px;bottom:6px;opacity:.3}.market-shortcut-icon .market-icon{width:20px;height:20px}.market-showcase-note{font-size:8px;line-height:1.85;gap:6px;margin:12px 0 18px;flex-wrap:wrap}.market-showcase-note>span:nth-child(2){flex-basis:70%}.market-showcase-note>button{margin-left:auto;font-size:8px}.market-demo-pill,.market-live-pill{font-size:7px;padding:3px 4px}.market-featured{padding:17px 15px 18px;border-radius:14px;margin-bottom:23px}.market-section-head{gap:10px;margin-bottom:15px}.market-section-head h2{font-size:16px}.market-section-head h2>span{font-size:7px;letter-spacing:.6px;margin-left:6px}.market-section-head>div>p{font-size:9px;margin-top:3px}.market-text-button{font-size:9px}.market-mini-grid{gap:9px}.market-mini-talent{min-width:64px}.market-mini-talent .market-portrait{width:51px;height:51px;margin:4px 0 11px;outline-offset:2px}.market-mini-talent>strong{font-size:11px}.market-mini-talent>span:last-child{font-size:8px;margin-top:5px}.market-discovery-tabs{gap:20px}.market-discovery-tabs>button{font-size:17px;padding-bottom:8px;border-bottom-width:2px;gap:5px}.market-discovery-tabs .market-icon{height:13px;width:13px}.market-result-count{font-size:9px}.market-filter-bar{padding:10px 11px;flex-wrap:wrap;gap:8px}.market-search{flex-basis:100%;padding-bottom:4px}.market-search .market-icon{height:16px;width:16px}.market-search input{font-size:10px;line-height:26px;padding:1px 4px}.market-filter-bar select{flex:1;max-width:none;width:45%;font-size:10px;height:31px}.market-filter-foot{font-size:9px;padding:14px 0 16px}.market-switch{font-size:9px;gap:5px}.market-switch input{width:12px;height:12px}.market-talent-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.market-talent{border-radius:12px}.market-portrait{aspect-ratio:4/4.7}.market-talent-body{padding:12px 10px 0}.market-talent-name{font-size:15px}.market-service-name{font-size:9px;gap:4px;margin:6px 0 7px;flex-wrap:wrap}.market-service-name>span{font-size:8px}.market-service-name>span::before{margin-right:4px}.market-talent-bio{font-size:9px;line-height:1.8}.market-tags{gap:4px;margin-top:8px;min-height:20px}.market-tags>span{font-size:8px;padding:2px 5px;line-height:1.6}.market-card-bottom{margin:12px 10px 0;padding:11px 0 12px;gap:6px;flex-wrap:wrap}.market-rate strong{font-size:19px}.market-rate small{font-size:9px}.market-card-bottom>.button{font-size:9px;min-height:28px;padding:6px 8px;border-radius:7px}.market-availability{left:8px;top:9px;font-size:8px;padding:4px 6px;gap:4px}.market-availability i{width:4px;height:4px}.market-favorite{height:26px;width:26px;right:8px;top:8px}.market-favorite .market-icon{height:13px;width:13px}.market-list-section{margin-top:26px}.market-list-grid{gap:12px}.market-list-talent{padding:12px;gap:9px;border-radius:12px}.market-list-profile{gap:11px}.market-list-profile .market-portrait{width:72px;height:90px;border-radius:9px}.market-list-intro>strong{font-size:14px;gap:5px}.market-list-intro>strong>small{font-size:7px}.market-list-intro>span:not(.market-tags){font-size:8px;line-height:1.7;margin-top:6px}.market-list-bio{max-width:115px}.market-list-intro .market-tags{gap:3px;margin-top:7px}.market-list-intro .market-tags>span{font-size:7px;padding:2px 4px}.market-list-action{gap:11px}.market-list-action .market-rate{gap:2px}.market-list-action .market-rate strong{font-size:17px}.market-list-action .market-rate small{font-size:8px}.market-list-action .button{font-size:9px;min-height:28px;padding:6px 8px}.market-service-strip{flex-wrap:wrap;gap:13px 18px;padding:18px 13px;margin-top:24px}.market-service-strip>span{font-size:8px;gap:4px}.market-service-strip .market-icon{height:14px;width:14px}.marketplace-mode .market-footer{margin-top:22px;padding-top:18px}.market-footer strong{font-size:12px}.market-footer strong span{font-size:9px;margin-left:13px}.market-guest-notice{flex-wrap:wrap;padding:14px}.market-guest-notice>span{font-size:10px}.market-guest-notice>.button{font-size:10px;min-height:30px;padding:7px 10px;margin-left:25px}.market-guest-grid{gap:13px}.market-guest-grid>button{padding:23px;gap:10px}.market-guest-grid strong{font-size:25px}.market-guest-grid>button>span{font-size:11px}}
@media(max-width:360px){.marketplace-mode main,.marketplace-mode #storefront-main{padding-left:12px;padding-right:12px}.market-hero{padding-left:19px}.market-hero-art{right:-105px}.market-shortcut strong{font-size:11px}.market-game{font-size:9px}.market-talent-grid{gap:9px}.market-card-bottom>.button{width:100%}.market-list-talent{flex-wrap:wrap}.market-list-action{flex-direction:row;justify-content:flex-end;width:100%}.market-list-bio{max-width:190px}.market-history-link{padding:7px;font-size:8px}.market-home-heading h1{font-size:19px}}
/* Preserve full lifestyle framing so activities are visible within the profile cards. */
.market-talent-grid .market-portrait{aspect-ratio:3/4}
.market-talent-grid .market-portrait img{object-position:center}
.market-profile .market-profile-photo{aspect-ratio:3/4;max-height:none}
.market-profile .market-profile-photo img{object-position:center}
/* Narrow phone layouts need labels scoped above the shared button font reset. */
@media(max-width:540px){
  .marketplace-mode .market-games{grid-template-columns:repeat(5,minmax(0,1fr));column-gap:5px;row-gap:14px}
  .marketplace-mode .market-game{min-width:0;width:100%;max-width:100%;font-size:12px;line-height:1.35;white-space:normal;gap:8px;text-align:center}
  .marketplace-mode .market-game>span:not(.market-game-icon){display:block;width:100%;min-width:0;max-width:100%;min-height:32px;padding:0 1px;font-size:12px;line-height:1.35;white-space:normal;overflow-wrap:anywhere;text-align:center}
  .marketplace-mode .market-home-heading{gap:0}
  .marketplace-mode .market-home-heading>div{min-width:0;width:100%}
  .marketplace-mode .market-home-heading h1{font-size:20px;line-height:1.5;white-space:nowrap;letter-spacing:0}
  .marketplace-mode .market-history-link{display:none}
  .marketplace-mode .market-hero-art{display:block!important;visibility:visible;position:absolute;width:290px;height:206px;max-width:none;right:-65px;top:50%;transform:translateY(-50%);opacity:.58;z-index:1;pointer-events:none;object-fit:contain}
  .marketplace-mode .market-hero-copy{position:relative;z-index:2}
}
@media(max-width:360px){.marketplace-mode .market-home-heading h1{font-size:19px}.marketplace-mode .market-hero-art{right:-82px;width:275px}}
/* Service-aware discovery, independent photo controls, and full service menus. */
.marketplace-mode .market-discovery-filter{margin-bottom:17px}
.marketplace-mode .market-discovery-filter .market-filter-bar{border-radius:12px 12px 0 0;border-bottom:0}
.marketplace-mode .market-advanced-filters{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;padding:5px 15px 15px;background:#fff;border:1px solid #ede7f5;border-top:0;border-radius:0 0 12px 12px}
.marketplace-mode .market-advanced-filters>label{display:flex;flex-direction:column;gap:7px;min-width:0}
.marketplace-mode .market-advanced-filters>label>span{font-size:11px;color:#9b82ab;font-weight:500}
.marketplace-mode .market-advanced-filters select{width:100%;min-width:0;min-height:37px;padding:7px 27px 7px 10px;border:1px solid #e6dbef;border-radius:8px;background:#fcfaff;color:#8e6ba5;font-size:12px;line-height:1.5}
.marketplace-mode .market-budget-help{grid-column:1/-1;font-size:10px;color:#a18aaf;line-height:1.8;margin:0}
.marketplace-mode .market-filter-toggle{display:none}
.marketplace-mode .market-filter-chips{display:flex;align-items:center;flex-wrap:wrap;gap:7px;margin-bottom:14px}
.marketplace-mode .market-filter-chips>button{display:inline-flex;align-items:center;gap:7px;min-height:32px;max-width:100%;padding:6px 9px;font-size:10px;line-height:1.6;border:1px solid #e3d2f0;border-radius:7px;color:#9870b2;background:#f4ecfc;text-align:left;overflow-wrap:anywhere}
.marketplace-mode .market-filter-chips>button>span{color:#bb99ce;font-size:16px;line-height:1}
.marketplace-mode .market-filter-chips>button:hover{background:#ede0f8;border-color:#cfb3e3}
.marketplace-mode .market-filter-chips>button.market-clear-filters{background:transparent;border-color:transparent;color:#a18cad;padding-left:5px;padding-right:5px}
.marketplace-mode .market-sort-explainer{color:#a180b4;background:#f4edfb;border:1px solid #e9dcf5;padding:10px 13px;font-size:11px;line-height:1.8;border-radius:9px;margin:0 0 16px}
.marketplace-mode .market-price-group{margin-bottom:24px}
.marketplace-mode .market-price-group>h3{display:flex;align-items:center;gap:10px;font-size:15px;font-weight:600;color:#8a5fa2;margin:0 0 14px}
.marketplace-mode .market-price-group>h3::before{content:"";width:4px;height:15px;flex-shrink:0;border-radius:3px;background:linear-gradient(#ae83e7,#8ba7ee)}
.marketplace-mode .market-price-group>h3 small{font-size:10px;font-weight:400;color:#b298c2}
.marketplace-mode .market-photo-button{display:inline-flex;align-items:center;justify-content:center;gap:7px;border:1px solid #e5d9ef;background:#ffffffeb;color:#9b75b2;border-radius:9px;font-size:11px;line-height:1.5;min-height:44px;min-width:44px;padding:9px 12px;cursor:zoom-in}
.marketplace-mode .market-photo-button:hover{background:#f5eefd;border-color:#d6bde8;color:#9162b0}
.marketplace-mode .market-photo-button .market-icon{width:17px;height:17px}
.marketplace-mode .market-card-photo{position:absolute;top:47px;right:7px;width:44px;height:44px;padding:0;background:#ffffffe0;border-color:#ffffffc9;color:#8e759f;backdrop-filter:blur(4px);box-shadow:0 3px 12px #5b316f0f;z-index:2}
.marketplace-mode .market-profile-zoom{display:flex;width:100%;margin-top:11px;background:#f5eefc;border-color:#e6d4f2;color:#9d77b6;min-height:44px;font-size:12px}
.marketplace-mode .market-list-photo{min-height:44px;background:#fcf9ff;font-size:10px;padding:8px 9px;align-self:stretch}
.marketplace-mode .market-list-action{gap:9px}
.marketplace-mode .market-all-services{margin:0 0 22px}
.marketplace-mode .market-profile-section-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:8px}
.marketplace-mode .market-profile-section-head h3{color:#8a639f;font-size:14px;font-weight:600;margin:0}
.marketplace-mode .market-profile-section-head>span{font-size:10px;color:#b192c2;white-space:nowrap}
.marketplace-mode .market-service-tip{font-size:10px;line-height:1.8;color:#a78ab8;margin:0 0 12px}
.marketplace-mode .market-service-options{display:flex;flex-direction:column;gap:10px}
.marketplace-mode .market-service-option{display:block;width:100%;padding:14px;border:1px solid #e7d8f1;border-radius:12px;background:#fff;text-align:left;color:#9778aa;font-size:12px;line-height:1.5;transition:background .18s,border-color .18s}
.marketplace-mode .market-service-option:hover{background:#fcf8ff;border-color:#d9bee9}
.marketplace-mode .market-service-option.is-selected{background:linear-gradient(130deg,#f4ecff,#fbf6ff);border-color:#c8a5e4;box-shadow:0 0 0 1px #e5d0f534}
.marketplace-mode .market-service-option-top{display:flex;align-items:center;gap:9px;width:100%}
.marketplace-mode .market-service-option-icon{display:grid;place-items:center;height:34px;width:34px;flex-shrink:0;border:1px solid #e0c9ef;border-radius:10px;color:#b18acf;background:#eee0fa}
.marketplace-mode .market-service-option-icon svg{width:21px;height:21px}
.marketplace-mode .market-service-option-title{display:flex;flex:1;min-width:0;flex-direction:column;gap:4px}
.marketplace-mode .market-service-option-title strong{font-size:13px;font-weight:600;color:#936dab;overflow-wrap:anywhere}
.marketplace-mode .market-service-option-title small{font-size:9px;color:#b193c3;font-weight:400;overflow-wrap:anywhere}
.marketplace-mode .market-service-option-price{display:flex;align-items:baseline;gap:4px;white-space:nowrap;flex-shrink:0}
.marketplace-mode .market-service-option-price strong{font-size:19px;font-weight:650;color:#a574c4;letter-spacing:-.4px}
.marketplace-mode .market-service-option-price small{font-size:9px;color:#b799c9}
.marketplace-mode .market-service-option-servers{display:flex;flex-wrap:wrap;gap:5px;margin-top:12px}
.marketplace-mode .market-service-option-servers>span{font-size:9px;line-height:1.5;color:#a489b6;border:1px solid #ecdef5;border-radius:4px;padding:3px 6px;background:#ffffffb8}
.marketplace-mode .market-service-option-choice{display:flex;align-items:center;justify-content:flex-end;gap:4px;color:#b195c1;font-size:10px;margin-top:11px;padding-top:9px;border-top:1px solid #eee0f6}
.marketplace-mode .market-service-option-choice .market-icon{width:13px;height:13px}
.marketplace-mode .market-service-option.is-selected .market-service-option-choice{color:#a276c1}
.marketplace-mode .market-current-service{margin-top:18px}
@media(max-width:800px){.marketplace-mode .market-advanced-filters{gap:10px;padding:5px 12px 13px}.marketplace-mode .market-advanced-filters select{font-size:11px;padding-left:8px}.marketplace-mode .market-profile-zoom{max-width:100%;font-size:11px}.marketplace-mode .market-service-option{padding:12px}.marketplace-mode .market-service-option-top{gap:7px}.marketplace-mode .market-service-option-icon{width:30px;height:30px}.marketplace-mode .market-service-option-title strong{font-size:12px}.marketplace-mode .market-service-option-price strong{font-size:17px}}
@media(max-width:600px){.marketplace-mode .market-discovery-filter .market-filter-bar{border-bottom:1px solid #ede7f5;border-radius:12px}.marketplace-mode .market-filter-toggle{display:flex;align-items:center;gap:7px;width:100%;min-height:44px;margin-top:9px;padding:10px 11px;color:#9c7aaf;border:1px solid #e5d8ee;border-radius:9px;background:#fbf8fe;font-size:11px;line-height:1.5;text-align:left}.marketplace-mode .market-filter-toggle>span{margin-left:auto;font-size:9px;color:#b092c2}.marketplace-mode .market-filter-toggle>.market-icon{height:15px;width:15px}.marketplace-mode .market-filter-toggle[aria-expanded="true"]>.market-icon:last-child{transform:rotate(90deg)}.marketplace-mode .market-advanced-filters{display:none;grid-template-columns:1fr 1fr;gap:12px;padding:14px 11px;border:1px solid #e6d9ef;border-radius:10px;margin-top:9px}.marketplace-mode .market-advanced-filters.is-open{display:grid}.marketplace-mode .market-advanced-filters>label:first-child{grid-column:1/-1}.marketplace-mode .market-advanced-filters>label>span{font-size:10px}.marketplace-mode .market-advanced-filters select{min-height:40px;font-size:12px}.marketplace-mode .market-budget-help{font-size:9px;line-height:1.8}.marketplace-mode .market-filter-chips{gap:6px;margin-bottom:14px}.marketplace-mode .market-filter-chips>button{font-size:9px;min-height:34px;padding:7px 8px}.marketplace-mode .market-sort-explainer{font-size:10px;padding:10px 11px}.marketplace-mode .market-price-group>h3{font-size:14px;gap:8px}.marketplace-mode .market-price-group>h3 small{font-size:9px}.marketplace-mode .market-card-photo{top:42px;right:5px;width:44px;height:44px;min-width:44px;min-height:44px;border-radius:9px}.marketplace-mode .market-card-photo .market-icon{height:16px;width:16px}.marketplace-mode .market-list-photo{padding:8px 7px;font-size:9px}.marketplace-mode .market-list-photo .market-icon{height:14px;width:14px}.marketplace-mode .market-profile-zoom{max-width:295px;margin-left:auto;margin-right:auto}.marketplace-mode .market-service-option{padding:13px}.marketplace-mode .market-service-option-icon{height:33px;width:33px}.marketplace-mode .market-service-option-title strong{font-size:13px}.marketplace-mode .market-service-option-price strong{font-size:19px}.marketplace-mode .market-profile-section-head h3{font-size:14px}.marketplace-mode .market-current-service{margin-top:19px}}

/* Compact game discovery and version-aware complete directory. */
.marketplace-mode .market-game-discovery{margin:24px 0 20px;padding:22px 24px 14px;background:#fff;border:1px solid #eeedf7;border-radius:22px;box-shadow:0 7px 26px #62529c05}
.market-game-discovery-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:18px}
.market-game-discovery-heading h2{margin:4px 0 0;color:#29253f;font-size:19px;font-weight:800;letter-spacing:-.35px}
.marketplace-mode .market-all-games{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:9px 13px;border:1px solid #e7e1ff;border-radius:12px;background:#f6f3ff;color:#7046d4;font-family:inherit;font-weight:700;font-size:12px;line-height:1.35;white-space:nowrap;cursor:pointer}
.market-all-games strong{padding:2px 6px;border-radius:6px;background:#eae1ff;font-size:11px}
.market-all-games .market-icon{width:15px;height:15px}
.marketplace-mode .market-featured-games{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:10px;margin:0;padding:0;border:0;background:transparent;box-shadow:none}
.marketplace-mode .market-featured-games .market-game{min-width:0;gap:9px;padding:7px 2px 4px;border-radius:12px;font-family:inherit;font-weight:600;font-size:11px;line-height:1.45;color:#565068}
.marketplace-mode .market-featured-games .market-game>span:not(.market-game-icon){display:block;width:100%;min-height:34px;white-space:normal;overflow-wrap:anywhere;text-align:center;font-size:11px;line-height:1.45}
.marketplace-mode .market-featured-games .market-game-icon{width:43px;height:43px;margin:0 auto;border-radius:14px}
.marketplace-mode .market-featured-games .market-game-icon svg{width:24px;height:24px}
.marketplace-mode .market-featured-games .market-game.is-active{background:#f4efff;color:#724bce}
.market-game-nav-foot{display:flex;align-items:center;gap:12px;margin-top:9px;padding-top:12px;border-top:1px solid #f1eef7;color:#8c859d;font-size:11px;line-height:1.5}
.marketplace-mode .market-game-nav-foot>button{min-height:36px;padding:6px 12px;border:1px solid #e9e4f4;border-radius:9px;background:#fff;color:#787185;font-family:inherit;font-weight:600;font-size:11px;line-height:1.3;white-space:nowrap;cursor:pointer}
.marketplace-mode .market-game-nav-foot>button.is-active{border-color:#dacaff;background:#f3edff;color:#7440ce}
.market-game-hub{display:flex;gap:17px;align-items:flex-start;margin:0 0 20px;padding:22px 24px;background:linear-gradient(115deg,#f2f4ff,#faf4ff);border:1px solid #e8e1f9;border-radius:20px;scroll-margin-top:95px;outline-offset:4px}
.market-game-hub-icon{display:grid;place-items:center;flex:0 0 56px;width:56px;height:56px;border:1px solid #dfd6ff;border-radius:17px;background:#fff;color:#8753de}
.market-game-hub-icon svg{width:30px;height:30px}
.market-game-hub-copy{flex:1;min-width:0}
.market-game-hub-title{display:flex;flex-wrap:wrap;align-items:center;gap:9px}
.market-game-hub-title h2{margin:0;color:#342749;font-size:21px;font-weight:800;line-height:1.4}
.market-game-hub-title>span{padding:3px 7px;border-radius:6px;background:#eae2ff;color:#8060b0;font-size:10px;line-height:1.4}
.market-game-english{margin:2px 0 9px;color:#8b7f9e;font-size:11px;letter-spacing:.25px}
.market-game-metadata{display:flex;flex-wrap:wrap;gap:5px;margin:8px 0}
.market-game-metadata>span{padding:3px 8px;border:1px solid #e5def2;border-radius:6px;background:#ffffffb3;color:#756888;font-size:10px;line-height:1.4}
.market-game-description{margin:8px 0 6px;color:#65586f;font-size:12px;line-height:1.7}
.market-game-version{max-width:780px;margin:0;color:#938799;font-size:10px;line-height:1.7}
.marketplace-mode .market-game-hub-change{display:inline-flex;align-items:center;justify-content:center;gap:5px;flex:0 0 auto;min-height:44px;padding:8px 11px;border:1px solid #dfd6f1;border-radius:10px;background:#fff;color:#7653a6;font-family:inherit;font-weight:600;font-size:11px;line-height:1.4;cursor:pointer}
.market-game-hub-change .market-icon{width:14px;height:14px}
.market-game-directory{color:#514660}
.market-directory-intro{display:flex;gap:12px;align-items:center;margin:0 0 17px;padding:14px 16px;border-radius:14px;background:linear-gradient(120deg,#eef4ff,#f5edff)}
.market-directory-intro>span{display:grid;place-items:center;flex:0 0 40px;width:40px;height:40px;border-radius:12px;background:#ffffffc9;color:#8b5bdf}
.market-directory-intro p{margin:0;color:#877a97;font-size:11px;line-height:1.7}
.market-directory-intro strong{display:block;margin-bottom:3px;color:#514061;font-size:13px;font-weight:750}
.market-directory-search{display:flex;gap:10px;align-items:center;height:47px;padding:0 14px;border:1px solid #e4ddf0;border-radius:12px;background:#fff;color:#9d8eaf}
.market-directory-search:focus-within{border-color:#b592ef;box-shadow:0 0 0 3px #ede3ff}
.market-directory-search>.market-icon{flex:0 0 18px;width:18px;height:18px}
.marketplace-mode .market-directory-search input{width:100%;min-width:0;height:100%;padding:0;border:0;outline:0;box-shadow:none!important;background:transparent;color:#42334f;font-size:13px}
.market-directory-filters{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:15px 0}
.market-directory-filters label{min-width:0;display:grid;gap:7px;color:#7c6f8b;font-size:11px}
.marketplace-mode .market-directory-filters select{width:100%;min-width:0;min-height:43px;padding:9px 28px 9px 11px;border:1px solid #e8e1f0;border-radius:10px;background-color:#fff;color:#675673;font-size:12px}
.market-directory-results-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:17px 0 11px;color:#918498;font-size:11px}
.market-directory-results-head strong{color:#7f50ca;font-weight:700}
.marketplace-mode .market-directory-results-head>button{min-height:36px;padding:5px 0;border:0;background:none;color:#8c67b8;font-size:11px;cursor:pointer}
.market-directory-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.marketplace-mode .market-directory-game{display:flex;align-items:center;gap:12px;min-width:0;padding:15px 12px;border:1px solid #eae4f2;border-radius:14px;background:#fff;text-align:left;cursor:pointer;transition:border-color .15s,background .15s}
.marketplace-mode .market-directory-game:hover{border-color:#c3a8ef;background:#fcfaff}
.marketplace-mode .market-directory-game.is-active{border-color:#ac80e4;background:#f5efff;box-shadow:0 0 0 1px #ac80e41a}
.market-directory-game>.market-game-icon{display:grid;place-items:center;flex:0 0 43px;width:43px;height:43px;border-radius:13px}
.market-directory-game>.market-game-icon svg{width:25px;height:25px}
.market-directory-game-copy{display:block;flex:1;min-width:0}
.market-directory-game-copy strong{display:block;color:#4e3e60;font-size:13px;font-weight:750;line-height:1.4;overflow-wrap:anywhere}
.market-directory-game-copy small{display:block;margin-top:2px;color:#998aa8;font-size:10px;line-height:1.4;overflow-wrap:anywhere}
.market-directory-game-copy>span{display:block;margin:5px 0 2px;color:#a99daf;font-size:10px;line-height:1.5}
.market-directory-game-copy em{font-size:10px;color:#8b62b5;font-style:normal;line-height:1.5}
.market-directory-game>.market-icon{flex:0 0 13px;width:13px;height:13px;color:#b7a2cb}
.market-directory-empty{padding:30px 15px;text-align:center;color:#7e6d8f;font-size:12px;line-height:1.7}
.market-directory-empty strong{display:block;font-size:16px;color:#5d446f}
.market-directory-note{margin:17px 2px 0;padding-top:13px;border-top:1px solid #f0eaf5;color:#9b8ba6;font-size:10px;line-height:1.8}
@media(max-width:1150px){.marketplace-mode .market-featured-games{grid-template-columns:repeat(6,minmax(0,1fr));gap:9px}.marketplace-mode .market-featured-games .market-game{padding:5px 3px}.marketplace-mode .market-featured-games .market-game>span:not(.market-game-icon){min-height:18px}.market-game-hub{padding:18px}.market-game-hub-title h2{font-size:19px}}
@media(max-width:600px){.marketplace-mode .market-game-discovery{margin:18px 0 16px;padding:17px 12px 11px;border-radius:18px}.market-game-discovery-heading{gap:8px;margin-bottom:13px}.market-game-discovery-heading .market-mini-label{font-size:8px}.market-game-discovery-heading h2{font-size:17px;letter-spacing:-.25px}.marketplace-mode .market-all-games{padding:7px 9px;gap:5px;font-size:11px}.market-all-games strong{padding:2px 4px;font-size:10px}.marketplace-mode .market-featured-games{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}.marketplace-mode .market-featured-games .market-game{padding:5px 2px 1px;gap:6px}.marketplace-mode .market-featured-games .market-game-icon{width:38px;height:38px;border-radius:12px}.marketplace-mode .market-featured-games .market-game-icon svg{width:23px;height:23px}.marketplace-mode .market-featured-games .market-game>span:not(.market-game-icon){min-height:32px;font-size:11px;line-height:1.45}.market-game-nav-foot{gap:8px;margin-top:5px;font-size:10px}.market-game-nav-foot>span{min-width:0}.market-game-hub{position:relative;gap:11px;margin-bottom:16px;padding:16px 13px;scroll-margin-top:85px}.market-game-hub-icon{flex-basis:42px;width:42px;height:42px;border-radius:13px}.market-game-hub-icon svg{width:26px;height:26px}.market-game-hub-title{padding-right:52px;gap:4px}.market-game-hub-title h2{font-size:17px}.market-game-hub-title>span{font-size:9px}.market-game-english{font-size:10px}.market-game-description{font-size:11px}.market-game-version{font-size:10px}.marketplace-mode .market-game-hub-change{position:absolute;top:10px;right:6px;gap:0;padding:5px;border:0;background:transparent;font-size:10px}.market-game-hub-change .market-icon{width:12px}.market-directory-intro{gap:9px;padding:12px}.market-directory-intro>span{flex-basis:34px;width:34px;height:34px}.market-directory-intro p{font-size:10px}.market-directory-intro strong{font-size:12px}.market-directory-filters{gap:7px}.marketplace-mode .market-directory-filters select{padding-left:7px;padding-right:21px;font-size:11px}.market-directory-grid{grid-template-columns:1fr;gap:9px}.marketplace-mode .market-directory-game{padding:12px 13px}.market-directory-game-copy strong{font-size:14px}.market-directory-game-copy small{font-size:11px}.market-directory-game-copy>span{display:inline-block;margin-right:10px;font-size:10px}.market-directory-game-copy em{font-size:10px}.market-directory-game>.market-game-icon{flex-basis:42px;width:42px;height:42px}.market-directory-search{padding:0 11px}.marketplace-mode .market-directory-search input{font-size:12px}}

/* Devices and distribution platforms are independent game-directory facets. */
.market-directory-filters{grid-template-columns:repeat(4,minmax(0,1fr))}
.market-directory-presets{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0 4px}
.marketplace-mode .market-directory-presets>button{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:40px;padding:8px 12px;border:1px solid #e6ddf4;border-radius:10px;background:#faf7ff;color:#827095;font-family:inherit;font-size:11px;font-weight:650;line-height:1.4;cursor:pointer}
.marketplace-mode .market-directory-presets>button.is-active{border-color:#bc99ea;background:#eee2ff;color:#7544b2}
.market-directory-presets .market-icon{width:16px;height:16px}
.market-game-hub .market-launcher-tags,.market-directory-game-copy>.market-launcher-tags{display:flex;flex-wrap:wrap;align-items:center;gap:4px;margin:8px 0 5px;line-height:1.35}
.market-launcher-tags .market-launcher-label{margin-right:2px;color:#9b8ea8;font-size:9px;font-weight:500;line-height:1.4}
.market-launcher-tags .market-launcher-tag{padding:3px 6px;border:1px solid #e7def1;border-radius:5px;background:#f8f4fe;color:#846499;font-size:9px;font-weight:500;line-height:1.4;overflow-wrap:anywhere}
.market-game-hub .market-launcher-tags{margin-top:9px;margin-bottom:9px}
.market-game-hub .market-launcher-tag{background:#ffffffbd}
.market-game-nav-foot>span{flex:1;min-width:0}
.marketplace-mode .market-game-nav-foot>.market-platform-entry{display:inline-flex;align-items:center;gap:3px;min-height:40px;padding:6px 7px;border:0;background:transparent;color:#8762b8;font-size:11px;font-weight:600}
.market-platform-entry .market-icon{width:12px;height:12px}
@media(max-width:760px){.market-directory-filters{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.marketplace-mode .market-directory-filters select{min-height:44px;font-size:12px;padding:10px 28px 10px 11px}}
@media(max-width:600px){.market-directory-presets{gap:6px}.marketplace-mode .market-directory-presets>button{flex:1;min-width:0;min-height:42px;padding:8px 6px;font-size:11px}.market-directory-presets .market-icon{width:15px;height:15px;flex-shrink:0}.market-game-nav-foot>span{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.marketplace-mode .market-game-nav-foot>.market-platform-entry{font-size:10px;padding:6px 2px}.market-directory-game-copy>.market-launcher-tags{display:flex;margin:7px 0 5px}.market-launcher-tags .market-launcher-tag{font-size:9px}.market-launcher-tags .market-launcher-label{font-size:9px}}
.market-launcher-tag>small{display:block!important;margin:1px 0 0!important;color:#a494b0!important;font-size:8px!important;line-height:1.35!important;letter-spacing:0}

/* Distinct profile pages keep the discovery grid short and each choice readable. */
.market-style-discovery{margin:14px 0 10px;padding:15px 16px;border:1px solid #eee5f6;border-radius:17px;background:linear-gradient(115deg,#faf6ff,#fff9fb)}
.market-style-shortcuts,.market-gender-shortcuts{display:flex;flex-wrap:wrap;align-items:center;gap:8px}
.market-gender-shortcuts{margin-top:10px;padding-top:10px;border-top:1px solid #eee5f6}
.market-style-shortcuts>span,.market-gender-shortcuts>span{margin-right:5px;color:#715785;font-size:12px;font-weight:650}
.marketplace-mode .market-style-shortcuts>button,.marketplace-mode .market-gender-shortcuts>button{min-height:38px;padding:8px 12px;border:1px solid #e8ddf2;border-radius:20px;background:#fff;color:#7a668b;font:inherit;font-size:12px;cursor:pointer}
.marketplace-mode .market-style-shortcuts>button.is-active,.marketplace-mode .market-gender-shortcuts>button.is-active{border-color:#a67adb;background:#8f61c5;color:#fff;box-shadow:0 3px 9px #9b6fd523}
.market-gender-shortcuts>small{margin-left:auto;color:#a38cae;font-size:10px}
.market-page-intro{margin:16px 0 12px;color:#917aa1;font-size:12px;line-height:1.6}
.market-pagination{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:16px;margin-top:24px;padding:18px 0 12px;border-top:1px solid #ede5f3}
.market-page-range{margin:0;color:#7b668b;font-size:12px;line-height:1.7}
.market-page-range strong{color:#6c438d;font-weight:650}
.market-page-range>span{display:block;color:#a18bae;font-size:10px}
.market-page-buttons{display:flex;flex-wrap:wrap;align-items:center;min-width:0;max-width:100%;gap:6px}
.marketplace-mode .market-page-buttons>button{min-width:40px;min-height:40px;padding:8px 12px;border:1px solid #e5d9f0;border-radius:10px;background:#fff;color:#795690;font:inherit;font-size:12px;cursor:pointer}
.marketplace-mode .market-page-buttons>button.is-active{border-color:#9163c6;background:#9163c6;color:#fff}
.marketplace-mode .market-page-buttons>button:disabled{border-color:#eee9f2;background:#f9f6fb;color:#b6a7c1;cursor:default}
.market-page-gap{padding:0 2px;color:#ad99bb;font-size:12px}
.marketplace-mode .market-page-buttons>button:focus-visible,.marketplace-mode .market-style-shortcuts>button:focus-visible,.marketplace-mode .market-gender-shortcuts>button:focus-visible{outline:3px solid #cbb0ea;outline-offset:3px}
@media(max-width:600px){.market-style-discovery{padding:12px}.market-style-shortcuts,.market-gender-shortcuts{gap:6px}.market-style-shortcuts>span{flex-basis:100%;margin-bottom:2px}.marketplace-mode .market-style-shortcuts>button,.marketplace-mode .market-gender-shortcuts>button{min-height:40px;padding:8px 11px;font-size:11px}.market-gender-shortcuts>small{flex-basis:100%;margin:3px 0 0}.market-pagination{justify-content:center;gap:12px;margin-top:18px}.market-page-range{text-align:center;flex-basis:100%}.market-page-buttons{width:100%;justify-content:center;gap:5px}.marketplace-mode .market-page-buttons>button{min-width:36px;min-height:42px;padding:8px 10px}.market-page-intro{font-size:11px}}

.market-admin .page-heading p{line-height:1.6}.market-admin-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-bottom:22px}.market-admin-stat{padding:21px 23px;background:#fff;border:1px solid var(--line);border-radius:16px;text-align:left;transition:border-color .15s,background .15s}.market-admin-stat.active{background:#f2f4ff;border-color:#abbaf4}.market-admin-stat>span{display:block;color:#75819a;font-size:14px}.market-admin-stat>strong{display:block;margin-top:10px;font-size:30px;font-variant-numeric:tabular-nums}.market-admin-stat small{font-size:12px;font-weight:400;color:#7f8aa0}.market-admin-guide{display:flex;align-items:center;justify-content:space-between;gap:22px;padding:21px 23px;margin-bottom:25px;border:1px solid #e3e9f7;border-radius:16px;background:#eef2fc}.market-admin-guide strong{font-size:15px;color:#52688c}.market-admin-guide p{font-size:13px;line-height:1.8;color:#71809a;margin-top:6px;max-width:670px}.market-admin-guide>.button{flex-shrink:0}.market-admin-tools{display:flex;justify-content:space-between;gap:20px;align-items:center;margin-bottom:16px}.market-admin-tools>span{font-size:12px;color:#77849a;white-space:nowrap}.market-admin-search{display:flex;gap:8px;align-items:center;flex:1;max-width:620px}.market-admin-search .search{flex:1;min-width:0;max-width:none}.market-admin-search .button{flex-shrink:0}.market-admin-tabs{margin-bottom:17px}.market-admin-tabs .tab{display:flex;align-items:center;gap:9px}.market-admin-tabs .tab>span{font-size:11px;opacity:.8;font-variant-numeric:tabular-nums}.market-admin-list{display:flex;flex-direction:column;gap:16px}.market-admin-card{background:#fff;border:1px solid var(--line);border-radius:17px;overflow:hidden}.market-admin-card-top{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;padding:22px 24px 16px}.market-admin-person{display:flex;align-items:center;gap:12px;min-width:0}.market-admin-initial{width:42px;height:42px;display:grid;place-items:center;background:#eef0fc;color:#6477bd;border-radius:14px;font-size:18px;flex-shrink:0}.market-admin-person h2{font-size:16px;line-height:1.6;overflow-wrap:anywhere}.market-admin-person h2>span{font-size:12px;font-weight:400;color:#93a0b5;margin:0 10px}.market-admin-person p{font-size:13px;line-height:1.6;color:#8491a7;margin-top:3px;overflow-wrap:anywhere}.market-admin-status{font-size:12px;border-radius:7px;padding:5px 9px;white-space:nowrap;background:#eff2f7;color:#7b879a}.market-admin-status.is-pending{background:#fff4dc;color:#996b17}.market-admin-status.is-contacted{background:#edf1ff;color:#4d67bd}.market-admin-status.is-completed{background:#eaf7ef;color:#377d59}.market-admin-status.is-declined{background:#fff0ee;color:#ab665b}.market-admin-summary{display:flex;gap:50px;padding:0 24px 18px 78px}.market-admin-summary>div{display:flex;flex-direction:column;gap:5px;min-width:0}.market-admin-summary small{font-size:12px;color:#8894a9}.market-admin-summary strong{font-size:14px;font-weight:550;line-height:1.6;font-variant-numeric:tabular-nums}.market-admin-summary>div:last-child strong{color:#4e65b8}.market-admin-details{margin:0 24px;border-top:1px solid #edf0f6}.market-admin-details>summary{display:flex;align-items:center;justify-content:space-between;gap:10px;list-style:none;cursor:pointer;padding:14px 0;font-size:13px;color:#77869e}.market-admin-details>summary::-webkit-details-marker{display:none}.market-admin-details>summary:focus-visible{outline:3px solid #8aabff;outline-offset:3px;border-radius:6px}.market-admin-details>summary>span{font-size:17px;color:#8f9fbb}.market-admin-details[open]>summary>span{transform:rotate(45deg)}.market-admin-detail-body{padding:2px 0 17px}.market-admin-facts{margin:0;display:grid;gap:12px}.market-admin-line{display:grid;grid-template-columns:110px minmax(0,1fr);gap:18px;font-size:13px;line-height:1.7}.market-admin-line dt{color:#8a97ab}.market-admin-line dd{margin:0;color:#526078;white-space:pre-wrap;overflow-wrap:anywhere}.market-admin-notes,.market-admin-history{margin-top:22px}.market-admin-notes h3,.market-admin-history h3{font-size:13px;font-weight:500;color:#8a97ab;margin-bottom:8px}.market-admin-notes p,.market-admin-history li p{font-size:13px;line-height:1.8;white-space:pre-wrap;overflow-wrap:anywhere;color:#526078}.market-admin-history ol{list-style:none;padding:0;margin:0}.market-admin-history li{position:relative;padding:2px 0 14px 18px;border-left:1px solid #e5eaf3;margin-left:4px}.market-admin-history li:before{content:'';position:absolute;top:9px;left:-4px;width:7px;height:7px;border-radius:50%;background:#bac6df}.market-admin-history li:last-child{padding-bottom:0}.market-admin-history li>div{display:flex;justify-content:space-between;gap:15px;flex-wrap:wrap}.market-admin-history li strong{font-size:13px;font-weight:500;color:#5d6d89}.market-admin-history li small{font-size:11px;color:#97a2b5;line-height:1.8}.market-admin-history li p{margin-top:4px}.market-admin-card-bottom{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:13px 24px;background:#fafbfe;border-top:1px solid #eff2f7}.market-admin-card-bottom>small{font-size:11px;color:#96a1b4}.market-admin-empty{padding:52px 24px;background:#fff;border:1px dashed #dce4f2;border-radius:17px;text-align:center}.market-admin-empty>span{display:inline-grid;place-items:center;width:46px;height:46px;border-radius:15px;background:#f0f4fc;color:#9cadc8;font-size:27px}.market-admin-empty h2{font-size:17px;font-weight:550;color:#65748d;margin-top:17px}.market-admin-empty p{font-size:13px;color:#96a1b4;line-height:1.8;margin-top:9px}.market-admin-update-notice{margin-top:20px}.market-admin-update-summary .market-admin-facts{gap:15px}
@media(max-width:800px){.market-admin-stats{gap:8px;margin-bottom:16px}.market-admin-stat{padding:16px 13px;border-radius:13px}.market-admin-stat>span{font-size:12px}.market-admin-stat>strong{font-size:25px}.market-admin-stat small{display:block;font-size:10px;margin-top:4px}.market-admin-guide{display:block;padding:18px;margin-bottom:20px}.market-admin-guide>.button{margin-top:13px}.market-admin-tools{align-items:stretch;flex-direction:column;gap:10px}.market-admin-search{max-width:none}.market-admin-tools>span{text-align:right}.market-admin-card-top{padding:18px 17px 14px;gap:10px}.market-admin-person{gap:9px}.market-admin-initial{width:35px;height:35px;border-radius:11px;font-size:16px}.market-admin-person h2{font-size:14px}.market-admin-person h2>span{margin:0 6px}.market-admin-person p{font-size:12px}.market-admin-status{font-size:10px;padding:5px 7px}.market-admin-summary{padding:0 17px 16px;gap:20px;justify-content:space-between}.market-admin-summary small{font-size:11px}.market-admin-summary strong{font-size:12px}.market-admin-details{margin:0 17px}.market-admin-line{grid-template-columns:80px minmax(0,1fr);gap:12px;font-size:12px}.market-admin-card-bottom{padding:12px 17px;align-items:flex-start;flex-direction:column;gap:10px}.market-admin-card-bottom .button-row{align-self:flex-end}.market-admin-history li>div{gap:3px;flex-direction:column}.market-admin-update-summary .market-admin-line{grid-template-columns:75px minmax(0,1fr)}}

.auth-browse{display:block;margin:22px auto 0;font-size:13px;color:#66718a}
.market-topbar{min-height:86px;display:flex;align-items:center;gap:36px;padding:0 max(28px,calc((100vw - 1340px)/2));border-bottom:1px solid #eaeef7;background:#ffffffed;position:relative;z-index:2}
.market-brand{display:flex;align-items:center;gap:10px;text-align:left;color:#252e52;font-size:24px;font-weight:800;letter-spacing:-.7px;white-space:nowrap;border:0;background:none;padding:0}
.market-logo{display:grid;place-items:center;width:40px;height:40px;background:linear-gradient(135deg,#0abbff,#7855fa);border-radius:13px;color:#fff;font-size:26px;font-weight:850;box-shadow:0 5px 18px #5362ee26}
.market-brand small{display:block;font-size:10px;letter-spacing:1.5px;color:#8a90a4;font-weight:400;margin-top:2px}
.market-header-links{display:flex;align-items:center;gap:28px;align-self:stretch}
.market-header-links button{border:0;background:none;position:relative;color:#68728b;font-size:14px;padding:0;white-space:nowrap}
.market-header-links button.active,.market-header-links button:hover{color:#6459f1}
.market-header-links button.active:after{content:'';height:3px;background:linear-gradient(90deg,#0fb7fc,#8251f6);position:absolute;bottom:0;left:16%;right:16%;border-radius:3px}
.market-header-actions{display:flex;align-items:center;gap:18px;margin-left:auto}
.market-header-actions .button{border-radius:20px;padding:10px 20px;font-size:13px;white-space:nowrap}
.market-staff-link{color:#59627c;font-size:12px;white-space:nowrap;background:none;border:0;padding:8px 0}
.market-staff-link:hover{color:#6551e8}
#storefront-main{max-width:1412px;margin:auto;padding:30px 36px 42px;min-height:calc(100vh - 160px)}
.market-load-error{min-height:420px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:20px;color:#7b8298;text-align:center}
.market-load-error h1{font-size:24px;color:#283052}
.storefront-footer{max-width:1340px;border-top:1px solid #e9edf7;margin:0 auto;padding:22px 0 30px;display:flex;align-items:center;color:#8790a6;font-size:12px;gap:24px}
.storefront-footer>span{margin-right:auto}.storefront-footer button{color:#6c7490;font-size:12px;background:none;border:0}
.market-guide h3{margin-top:24px;font-size:17px}.market-guide p{color:#747e96;line-height:1.9;margin:12px 0}
#storefront-feedback{padding:0 32px;color:#a14852;font-size:13px}
.marketplace-mode .online-bar{display:none}.marketplace-mode :focus-visible{outline:2px solid #7464f3;outline-offset:4px}
.storefront-bottom-nav{display:none}
.customer-top-links{display:none}.customer-mode .customer-top-links{display:flex;align-items:center;gap:30px;min-width:0}.customer-mode .topbar>.breadcrumb{display:none}.customer-mode .topbar{gap:22px}.customer-mode .online-identity{margin-left:auto}.customer-mode .customer-top-links .market-header-links{gap:22px;white-space:nowrap}.customer-mode .customer-top-links .market-header-links button{font-size:13px}.customer-mode .online-name{max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
@media(max-width:1100px){.market-topbar{gap:24px;padding:0 24px}.market-header-links{gap:20px}.market-header-actions{gap:14px}.customer-mode .customer-top-links{gap:18px}.customer-mode .online-name{display:none}.customer-mode .customer-top-links .market-header-links{gap:16px}}
@media(max-width:800px){.market-topbar{min-height:78px;height:auto;gap:0;padding:16px 22px 0;flex-wrap:wrap}.market-header-links{width:100%;order:3;min-height:49px;justify-content:space-around;gap:0}.market-header-actions{margin-bottom:15px}.market-brand{margin-bottom:15px;font-size:21px}.market-header-actions .button{padding:9px 15px;font-size:12px}.market-logo{width:36px;height:36px;font-size:23px}#storefront-main{padding:24px}.storefront-footer{margin:0 24px}.customer-mode .customer-top-links .market-header-links{display:none}.customer-mode .customer-top-links .market-brand{margin-bottom:0}.customer-mode .topbar{flex-wrap:nowrap}.customer-mode .online-identity{gap:8px}.customer-mode .online-identity .avatar{display:none}}
@media(max-width:760px){.storefront-bottom-nav{display:flex;position:fixed;bottom:0;left:0;right:0;z-index:30;background:#fffffff5;border-top:1px solid #e6eafa;box-shadow:0 -6px 24px #27264c06;padding:9px 8px calc(9px + env(safe-area-inset-bottom));justify-content:space-around;backdrop-filter:blur(14px)}.storefront-bottom-nav button{display:flex;align-items:center;flex-direction:column;gap:3px;border:0;background:none;color:#969db1;font-size:11px;min-width:68px;min-height:41px}.storefront-bottom-nav button>span{font-size:24px;line-height:25px}.storefront-bottom-nav button.active{color:#6b5af1;font-weight:700}.storefront-footer{padding-bottom:96px}.customer-mode .bottom-nav{display:flex}.customer-mode #main{padding-bottom:100px}}
@media(max-width:540px){.market-topbar{padding:14px 16px 0}.market-brand{font-size:19px;gap:7px}.market-logo{width:32px;height:32px;font-size:21px;border-radius:10px}.market-brand small{font-size:8px;letter-spacing:1px}.market-header-actions{gap:10px}.market-header-actions .button{padding:8px 11px;font-size:11px;min-height:34px}.market-staff-link{font-size:10px}.market-header-links button{font-size:13px}#storefront-main{padding:18px 16px 32px}.storefront-footer{margin:0 16px;gap:12px;flex-wrap:wrap;font-size:10px}.storefront-footer>span{flex-basis:100%}.storefront-footer button{font-size:11px}.market-load-error{min-height:300px}.market-load-error h1{font-size:20px}}

/* Independent consultation test entry */
.market-header-actions{flex-wrap:wrap}.market-header-actions .consultation-entry{display:inline-flex;align-items:center;justify-content:center;min-height:34px;padding:7px 12px;border:1px solid #e4d6fa;border-radius:18px;background:#fff;color:#7545b5;font-size:12px;font-weight:600;text-decoration:none;white-space:nowrap}.market-header-actions .consultation-entry-customer{background:#f3eaff}.market-header-actions .consultation-entry:focus-visible{outline:2px solid #7545b5;outline-offset:3px}@media(max-width:640px){.market-topbar .market-header-actions{display:flex;justify-content:flex-end;gap:6px}.market-header-actions .consultation-entry{padding:6px 9px;font-size:11px}}

body.photo-viewer-open{overflow:hidden}
dialog.bluecomp-photo-viewer{position:fixed;inset:0;width:min(900px,calc(100vw - 32px));max-width:none;height:fit-content;max-height:calc(100dvh - 32px);margin:auto;padding:0;border:1px solid #e8dff1;border-radius:20px;background:#fff;color:#3c304b;box-shadow:0 20px 90px #100a2d50;overflow:hidden}
dialog.bluecomp-photo-viewer::backdrop{background:#181222bc;backdrop-filter:blur(5px)}
.bluecomp-photo-viewer .photo-viewer-frame{display:flex;flex-direction:column;max-height:calc(100dvh - 34px)}
.bluecomp-photo-viewer .photo-viewer-head{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px 20px;background:#fff}
.bluecomp-photo-viewer .photo-viewer-labels{min-width:0}
.bluecomp-photo-viewer .photo-viewer-labels h2{font-size:18px;line-height:1.5;overflow-wrap:anywhere;letter-spacing:0}
.bluecomp-photo-viewer .photo-viewer-labels p{font-size:12px;color:#887b95;margin-top:4px}
.bluecomp-photo-viewer .photo-viewer-close{display:grid;place-items:center;flex-shrink:0;width:44px;height:44px;border:1px solid #e9e1f0;border-radius:50%;background:#f8f4fd;color:#79638f;font-size:27px;line-height:1;cursor:pointer}
.bluecomp-photo-viewer .photo-viewer-stage{display:flex;align-items:center;justify-content:center;min-height:160px;min-width:0;height:calc(100dvh - 205px);max-height:760px;overflow:auto;background:#f3eef8;overscroll-behavior:contain;outline-offset:-4px}
.bluecomp-photo-viewer .photo-viewer-image{display:block;flex-shrink:0;width:auto;height:auto;max-width:100%;max-height:100%;object-fit:contain}
.bluecomp-photo-viewer .photo-viewer-image[hidden]{display:none}
.bluecomp-photo-viewer .photo-viewer-stage.is-zoomed{display:block}
.bluecomp-photo-viewer .photo-viewer-stage.is-zoomed .photo-viewer-image{max-width:none;max-height:none;min-width:100%;margin:0 auto}
.bluecomp-photo-viewer .photo-viewer-status{padding:12px 20px;color:#82748f;background:#f8f5fb;text-align:center;font-size:13px}
.bluecomp-photo-viewer .photo-viewer-status[hidden]{display:none}
.bluecomp-photo-viewer .photo-viewer-foot{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 20px;background:#fff}
.bluecomp-photo-viewer .photo-viewer-hint{font-size:12px;color:#908198}
.bluecomp-photo-viewer .photo-viewer-zoom{font-size:13px;line-height:1.4;font-weight:600;min-height:42px;padding:10px 18px;border:1px solid #d9c7f2;border-radius:10px;color:#8253bd;background:#f0e6fe;cursor:pointer}
.bluecomp-photo-viewer button:focus-visible,.bluecomp-photo-viewer .photo-viewer-stage:focus-visible{outline:3px solid #9261da;outline-offset:2px}
@media(max-width:540px){dialog.bluecomp-photo-viewer{width:calc(100vw - 16px);max-height:calc(100dvh - 16px);border-radius:16px}.bluecomp-photo-viewer .photo-viewer-frame{max-height:calc(100dvh - 18px)}.bluecomp-photo-viewer .photo-viewer-head{padding:13px 14px;gap:8px}.bluecomp-photo-viewer .photo-viewer-labels h2{font-size:16px}.bluecomp-photo-viewer .photo-viewer-labels p{font-size:11px}.bluecomp-photo-viewer .photo-viewer-foot{padding:12px 14px}.bluecomp-photo-viewer .photo-viewer-hint{font-size:11px}.bluecomp-photo-viewer .photo-viewer-stage{height:calc(100dvh - 176px);max-height:none}}

.game-editor-presets{margin:2px 0 16px;padding:13px 15px;border:1px solid #e2dded;border-radius:12px;background:#f9f7fd}
.game-editor-presets summary{font-size:13px;font-weight:600;color:#72548e;cursor:pointer;line-height:1.6}
.game-editor-presets p,.game-editor-help{font-size:12px;line-height:1.7;color:#7b718b;margin:10px 0}
.game-editor-presets small{display:block;font-size:12px;color:#81768b;line-height:1.7}
.game-editor-server-options{display:flex;flex-wrap:wrap;gap:7px;margin:12px 0}
.game-editor-server-options button{padding:7px 10px;border:1px solid #ded3eb;border-radius:8px;background:#fff;color:#705286;font-size:12px;line-height:1.5;text-align:left}
.game-editor-server-options button[aria-pressed=true]{color:#664092;background:#eee3fa;border-color:#bda0dc}
.game-editor-feedback{font-size:12px;color:#79628c;line-height:1.7;margin-bottom:8px}
.game-editor-feedback:empty{display:none}

/* Community shares the marketplace palette; actual presence is never inferred. */
.community-page{--community-ink:#2e2944;--community-muted:#81758f;--community-border:#e9e2f3;--community-purple:#8b59db;color:var(--community-ink);max-width:1280px;margin:0 auto;padding-bottom:30px;min-width:0}
.community-limit-note{font-size:11px;color:#a18daf;line-height:1.8;padding:10px 15px;background:#f7f2fc;border-radius:8px;margin:10px 0 15px}
.community-icon{width:20px;height:20px;flex-shrink:0;vertical-align:middle}.community-page .button,.community-profile-card .button,.community-discovery-strip .button{display:inline-flex;align-items:center;justify-content:center;gap:7px;white-space:normal;font-size:12px}.community-page .button .community-icon{height:17px;width:17px}.community-page button:focus-visible,.community-form :is(input,select,textarea):focus-visible{outline:3px solid #8b59db;outline-offset:3px}.community-eyebrow{font-size:9px;letter-spacing:2px;color:#9c8bb5;font-weight:650}
.community-hero{position:relative;display:flex;justify-content:space-between;align-items:center;gap:30px;overflow:hidden;border:1px solid #e5d9f4;border-radius:22px;padding:42px 48px;background:radial-gradient(ellipse at 85% 10%,#e0d5ff 0,transparent 48%),linear-gradient(115deg,#f4f0ff,#f8f4fd 52%,#efe8ff);min-height:245px}.community-hero>div:first-child{position:relative;z-index:1;max-width:520px}.community-hero h1{font-size:37px;letter-spacing:1px;font-weight:760;margin:13px 0 14px;color:#332845;line-height:1.35}.community-hero p{font-size:13px;color:#8a759b;line-height:1.8}.community-hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:24px}.community-hero-art{position:relative;width:280px;height:175px;flex-shrink:0}.community-art-main{display:grid;place-items:center;position:absolute;left:80px;top:25px;width:106px;height:106px;border-radius:32px;background:linear-gradient(145deg,#b29bf0,#936ae0);transform:rotate(-8deg);color:#fff;box-shadow:0 16px 35px #8f66c52e,0 4px 0 #c9b5f0 inset}.community-art-main .community-icon{height:58px;width:58px}.community-orbit{position:absolute;border:1px solid #c9b9e8;border-radius:50%;width:255px;height:130px;top:19px;left:5px;transform:rotate(-25deg)}.orbit-two{width:210px;height:171px;top:0;left:32px;transform:rotate(35deg)}.community-art-chip{position:absolute;background:#ffffffe8;color:#8a66af;border:1px solid #ded1f0;border-radius:10px;padding:10px 13px;font-size:10px;font-weight:650;letter-spacing:1.4px;box-shadow:0 6px 19px #63418a0f}.chip-one{top:0;left:0;transform:rotate(-9deg)}.chip-two{bottom:1px;right:0;transform:rotate(6deg)}.community-art-dot{position:absolute;width:15px;height:15px;top:20px;right:15px;background:#edbfbe;border:3px solid #fff;border-radius:50%}
.community-explainer{display:flex;align-items:flex-start;gap:9px;color:#84738e;font-size:11px;line-height:1.9;margin:20px 0}.community-explainer .community-icon{width:17px;height:17px;margin-top:2px;color:#a287be}.community-explainer strong{font-weight:550;color:#71598c;overflow-wrap:anywhere}.community-filters{display:flex;gap:12px;align-items:flex-end;padding:17px 19px;border:1px solid var(--community-border);border-radius:13px;background:#fff}.community-filters label{display:flex;flex:1;flex-direction:column;gap:7px;min-width:0}.community-filters label>span{font-size:10px;color:#8e7e9b}.community-filters select{max-width:100%;width:100%;min-height:38px;padding:8px 29px 8px 11px;font-size:12px;border-radius:8px;border:1px solid #e6ddef;color:#685b7a;background:#faf8fd}.community-my-filter{padding:10px 15px;font-size:12px;min-height:38px;border:1px solid #e6ddef;border-radius:8px;background:#fff;color:#8c769e;white-space:nowrap}.community-my-filter.is-active{background:#ede4fb;color:#8752c7;border-color:#cbb1ed}.community-filters>.button{min-height:38px}
.community-list-heading{display:flex;align-items:center;justify-content:space-between;margin:28px 0 18px;gap:15px}.community-list-heading h2{font-size:18px;color:#3b3150;font-weight:650}.community-list-heading>span{font-size:11px;color:#9787a5}.community-room-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.community-room{background:#fff;border:1px solid var(--community-border);border-radius:16px;padding:22px;min-width:0;box-shadow:0 4px 14px #5a3a8204}.community-room-top{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:15px}.community-game{font-size:11px;color:#986acc;background:#f5eefc;border:1px solid #eee2f8;padding:5px 8px;border-radius:5px;overflow-wrap:anywhere;min-width:0}.community-room-status{font-size:10px;color:#459679;background:#edf8f2;border:1px solid #d5eddf;padding:4px 7px;border-radius:5px;white-space:nowrap}.community-room-status.is-full{color:#a78151;background:#fcf5e9;border-color:#f0e2c5}.community-room-status.is-closed{color:#8d8298;background:#f3f0f6;border-color:#e6deec}.community-room h3{font-size:17px;color:#3e3154;font-weight:650;line-height:1.6;margin:0 0 11px;overflow-wrap:anywhere}.community-tags{display:flex;gap:6px;flex-wrap:wrap}.community-tags span{border:1px solid #eae4f1;background:#faf8fc;border-radius:5px;padding:4px 7px;font-size:10px;color:#8e7a9f;overflow-wrap:anywhere;max-width:100%}.community-room-description{color:#8b7e97;font-size:12px;line-height:1.9;margin:16px 0;white-space:pre-wrap;overflow-wrap:anywhere;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:45px}.community-room-time{display:flex;align-items:center;gap:8px;color:#8b74a2;font-size:11px;padding:12px 0;border-bottom:1px solid #eee8f4}.community-room-time .community-icon{width:17px;height:17px}.community-room-time span{overflow-wrap:anywhere}.community-room-time small{display:block;color:#ad9eb9;font-size:9px;margin-top:4px}.community-room-people{display:flex;align-items:center;gap:10px;margin-top:16px}.community-avatar{display:inline-grid;place-items:center;width:38px;height:38px;flex-shrink:0;border:1px solid #e1d2f1;border-radius:13px;background:linear-gradient(145deg,#f2e8ff,#e9e4fc);color:#9661c3;font-size:15px;font-weight:550}.community-avatar.is-room{background:#eaf2fb;border-color:#dce8f6;color:#7b9ec9}.community-room-people>span:nth-child(2){flex:1;min-width:0}.community-room-people strong{display:block;font-size:12px;font-weight:550;color:#655073;overflow-wrap:anywhere}.community-room-people small{display:block;font-size:9px;color:#ac9db6;margin-top:4px}.community-seats{white-space:nowrap;font-size:11px;color:#a292ae}.community-room-people .community-seats strong{font-size:20px;color:#9473b8;display:inline}.community-room-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:20px}.community-room-actions>.button.primary{flex:1}.community-room-actions .button{min-height:35px;padding:8px 12px;font-size:11px}.community-empty{text-align:center;padding:55px 20px;border:1px dashed #e4d9ef;border-radius:15px;background:linear-gradient(145deg,#fff,#faf7fd);color:#8a799d}.community-empty>.community-icon{width:36px;height:36px;color:#b098ce;margin-bottom:17px}.community-empty h3{font-size:17px;color:#6c507d;font-weight:550;margin:0 0 10px}.community-empty p{font-size:12px;max-width:390px;margin:0 auto 20px;line-height:1.9;color:#9b88a8}.community-feedback{padding:12px 16px;border:1px solid #e8cfaa;background:#fff8ea;color:#96703c;border-radius:9px;margin:15px 0;font-size:12px;overflow-wrap:anywhere}.community-feedback[hidden],.community-message-error[hidden]{display:none}.community-loading{text-align:center;padding:45px;color:#9584a6;font-size:13px}.community-unread{display:inline-flex;align-items:center;justify-content:center;min-width:16px;height:16px;padding:0 4px;margin-left:3px;border-radius:9px;color:#fff!important;background:#ad7ae9;font-size:9px;line-height:1;vertical-align:middle}
.community-page-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:12px 0 27px}.community-page-heading h1{font-size:29px;color:#372b48;margin:10px 0 9px;font-weight:700}.community-page-heading p{font-size:12px;color:#9a88a8;line-height:1.8}.community-inbox{display:grid;grid-template-columns:290px minmax(0,1fr);border:1px solid #e5dcef;border-radius:18px;overflow:hidden;background:#fff;min-height:630px;box-shadow:0 8px 25px #52337805}.community-conversation-sidebar{background:#fcfaff;border-right:1px solid #e9e2f2;min-width:0}.community-conversations-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:20px 18px;border-bottom:1px solid #ede6f5}.community-conversations-heading h2{font-size:13px;color:#8a749c;font-weight:550}.community-conversations-heading .button{font-size:10px}.community-conversation{display:flex;align-items:center;width:100%;padding:16px 18px;gap:11px;text-align:left;background:transparent;border:0;border-bottom:1px solid #f0eaf6;color:#6b557e}.community-conversation:hover{background:#f7f1fd}.community-conversation.is-selected{background:#f0e7fc;box-shadow:inset 3px 0 0 #ac82e3}.community-conversation-copy{flex:1;min-width:0}.community-conversation-copy strong{display:block;font-size:12px;font-weight:550;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.community-conversation-copy>span{display:block;margin-top:7px;color:#a28bae;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:10px}.community-count{display:grid;place-items:center;flex-shrink:0;min-width:17px;height:17px;padding:0 4px;border-radius:10px;background:#a778dd;color:#fff;font-size:9px}.community-conversation-sidebar .community-empty{margin:15px;padding:27px 12px}.community-conversation-sidebar .community-empty h3{font-size:14px}.community-conversation-sidebar .community-empty p{font-size:11px}.community-chat{display:flex;flex-direction:column;min-width:0;background:#fff;min-height:630px;max-height:780px}.community-chat-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:23px 26px;border-bottom:1px solid #eee6f5}.community-chat-heading>div{min-width:0}.community-chat-heading h2{font-size:17px;color:#5e476f;font-weight:650;margin:7px 0 5px;overflow-wrap:anywhere}.community-chat-heading p{font-size:10px;color:#aa96b4;margin:0}.community-chat-tools{flex-shrink:0}.community-message-scroller{flex:1;min-height:250px;overflow-y:auto;overscroll-behavior:contain;padding:18px 26px;background:linear-gradient(#fcfaff,#fff)}#community-history-control{text-align:center;margin-bottom:12px}.community-message{display:flex;flex-direction:column;align-items:flex-start;margin-bottom:22px;min-width:0}.community-message.is-mine{align-items:flex-end}.community-message-meta{display:flex;align-items:center;flex-wrap:wrap;gap:9px;color:#9880aa;font-size:10px;margin-bottom:6px;max-width:95%;overflow-wrap:anywhere}.community-message-meta time{font-size:9px;color:#b2a2bc}.community-message-bubble{max-width:86%;padding:11px 14px;border:1px solid #e9e0f3;border-radius:3px 14px 14px 14px;color:#705681;background:#f5effb;font-size:13px;line-height:1.8;white-space:pre-wrap;overflow-wrap:anywhere}.community-message.is-mine .community-message-bubble{background:#a478dd;color:#fff;border-color:#a478dd;border-radius:14px 3px 14px 14px}.community-message-bubble.is-hidden{background:#f4f2f5!important;border-color:#e9e4ed!important;color:#afa0b7!important;font-style:italic}.community-report-link{background:none;border:0;color:#b19abe;padding:5px 0;font-size:9px}.community-report-link:hover{color:#9566b9}.community-composer{padding:16px 24px;border-top:1px solid #eee6f5;background:#fff;flex-shrink:0}.community-composer textarea{display:block;width:100%;border:0;background:#fbf8ff;color:#664b7c;font:inherit;font-size:13px;padding:12px;resize:vertical;min-height:75px;max-height:160px;border-radius:9px;box-sizing:border-box}.community-composer textarea::placeholder{color:#b6a4c1}.community-composer textarea:focus{outline:2px solid #cab0ed;outline-offset:0}.community-compose-bottom{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-top:12px}.community-compose-bottom>span{font-size:10px;color:#b1a0bc}.community-compose-bottom>.button{font-size:11px;padding:9px 15px;min-height:36px}.community-message-error{font-size:11px;color:#ba657a;line-height:1.8;margin:8px 0 0;overflow-wrap:anywhere}.community-no-conversation{margin:auto;text-align:center;padding:50px 25px;color:#9f88b1}.community-no-conversation>.community-icon{width:51px;height:51px;color:#b59ccd;margin-bottom:21px}.community-no-conversation h2{font-size:21px;color:#806091;font-weight:600;margin:0 0 14px}.community-no-conversation p{font-size:12px;line-height:2;margin-bottom:24px}
.community-profile-card{display:flex;align-items:center;gap:19px;padding:24px 26px;background:linear-gradient(115deg,#f5f0fd,#fff);border:1px solid #e8dff2;border-radius:15px;margin:24px 0}.community-profile-icon{display:grid;place-items:center;height:52px;width:52px;flex-shrink:0;border:1px solid #e2d6f0;background:#ede3fa;border-radius:16px;color:#a17bcb}.community-profile-icon .community-icon{width:27px;height:27px}.community-profile-card>div{flex:1;min-width:0}.community-profile-card h2{font-size:17px;color:#755888;font-weight:600;margin:0 0 9px}.community-profile-card p{font-size:12px;color:#9f84b1;margin:0;line-height:1.8;overflow-wrap:anywhere}.community-profile-card small{display:block;font-size:11px;color:#b4a0c0;line-height:1.8;margin-top:5px;overflow-wrap:anywhere}.community-discovery-strip{display:flex;justify-content:space-between;align-items:center;gap:20px;background:linear-gradient(105deg,#f5f1ff,#edf7fd);border:1px solid #e9e2f5;border-radius:14px;padding:20px 25px;margin:22px 0}.community-discovery-copy{display:flex;align-items:center;gap:17px;min-width:0}.community-discovery-icon{display:grid;place-items:center;height:47px;width:47px;flex-shrink:0;background:#fff;border:1px solid #e6dbf5;border-radius:15px;color:#ad83d4}.community-discovery-icon .community-icon{width:26px;height:26px}.community-discovery-copy h2{font-size:16px;color:#735a87;margin:7px 0 6px;font-weight:600}.community-discovery-copy p{font-size:11px;color:#a18dac;margin:0;line-height:1.8}.community-discovery-strip>.button{flex-shrink:0}
.community-form{display:flex;flex-direction:column;gap:20px}.community-language-fieldset{border:0;padding:0;margin:0;min-width:0}.community-language-fieldset legend{font-size:12px;color:#8e769e;margin-bottom:13px}.community-language-options{display:flex;gap:8px;flex-wrap:wrap}.community-language-options label{display:flex;align-items:center;gap:6px;padding:8px 10px;border:1px solid #e4d6ee;border-radius:8px;background:#faf6ff;color:#8a68a5;font-size:12px}.community-language-options input{width:15px;height:15px;accent-color:#a375d9}.community-form .field{margin:0}.community-form .form-footer{margin:0}.community-blocked{margin-top:24px;border-top:1px solid #eadff2;padding-top:22px}.community-blocked h3{font-size:14px;color:#9772af;margin-bottom:8px}.community-blocked>p{font-size:11px;color:#a991b8;margin-bottom:10px}.community-blocked>div{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:9px 0;color:#9277a3;font-size:12px}.community-room-detail>p{font-size:13px;line-height:1.9;color:#8e759f;white-space:pre-wrap;overflow-wrap:anywhere;margin:22px 0}.community-detail-time{display:flex;gap:10px;align-items:center;background:#f8f2ff;border:1px solid #e6d8f2;border-radius:10px;padding:15px;color:#ae87c7}.community-detail-time strong{display:block;font-size:13px;font-weight:550;color:#9470ad}.community-detail-time small{display:block;font-size:10px;margin-top:5px;color:#b09abe}.community-room-detail h3{font-size:14px;margin:24px 0 15px;color:#9271a8}.community-member-list>div{display:flex;gap:12px;align-items:center;padding:10px 0;border-bottom:1px solid #eee6f4}.community-member-list>div>span:nth-child(2){flex:1;min-width:0}.community-member-list strong{display:block;font-size:13px;color:#8c6ba1;overflow-wrap:anywhere}.community-member-list small{font-size:10px;display:block;margin-top:4px;color:#b199c0}.community-moderation-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:17px}.community-moderation-card{border:1px solid #e6dcee;background:#fff;border-radius:13px;padding:22px;min-width:0}.community-moderation-card p{font-size:12px;color:#8c769d;line-height:1.9;white-space:pre-wrap;overflow-wrap:anywhere}.community-moderation-card blockquote{margin:12px 0;padding:12px 15px;background:#f8f4fc;color:#80608d;border-left:3px solid #c7a9dd;border-radius:0 6px 6px 0;font-size:12px;line-height:1.9;white-space:pre-wrap;overflow-wrap:anywhere}.community-moderation-card small{font-size:10px;color:#ad99b9}.community-moderation-card .community-moderation-subject{font-size:11px;color:#aa8dba;margin-top:9px}.community-moderation-result{background:#f5f1f9;padding:8px 12px;border-radius:5px;margin-top:15px}.community-moderation-card .community-room-top>strong{color:#8c699f;font-size:13px}
@media(min-width:901px){.customer-mode .bottom-nav{grid-template-columns:repeat(5,1fr)}.community-inbox #community-conversations{max-height:675px;overflow-y:auto}}
@media(max-width:1100px){.community-room-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.community-hero{padding:34px}.community-hero-art{width:250px}.community-inbox{grid-template-columns:250px minmax(0,1fr)}}
@media(max-width:800px){.community-hero{padding:29px}.community-hero h1{font-size:30px}.community-hero-art{width:200px;transform:scale(.8);transform-origin:right center;margin-left:-45px}.community-room{padding:18px}.community-filters{flex-wrap:wrap}.community-filters label:first-child{flex-basis:100%}.community-filters label{flex-basis:calc(50% - 10px)}.community-inbox{grid-template-columns:220px minmax(0,1fr)}.community-conversation{padding:14px 12px}.community-chat-heading{padding:20px 16px}.community-message-scroller{padding:16px}.community-composer{padding:15px}.community-moderation-grid{grid-template-columns:1fr}}
@media(max-width:600px){.customer-mode .bottom-nav{grid-template-columns:repeat(5,minmax(0,1fr))!important}.customer-mode .bottom-nav .nav-btn{padding:9px 3px;font-size:10px;min-width:0}.customer-mode .bottom-nav .nav-btn span{white-space:nowrap}.community-page{padding-bottom:15px}.community-hero{padding:25px 22px;min-height:210px;border-radius:16px}.community-hero h1{font-size:30px;margin-top:12px}.community-hero p{font-size:12px;max-width:235px}.community-hero-art{display:none}.community-hero-actions{gap:8px;margin-top:20px}.community-hero-actions .button{padding:9px 11px;min-height:39px;font-size:11px}.community-eyebrow{font-size:8px;letter-spacing:1.7px}.community-explainer{font-size:10px;margin:16px 0}.community-filters{padding:13px;gap:10px;border-radius:11px}.community-my-filter{flex:1}.community-room-grid{grid-template-columns:1fr;gap:14px}.community-list-heading{margin-top:24px}.community-list-heading h2{font-size:16px}.community-room{padding:19px}.community-room-description{min-height:0}.community-room-time small{display:inline;margin-left:7px}.community-page-heading{gap:12px;margin-bottom:21px}.community-page-heading h1{font-size:26px}.community-page-heading p{font-size:11px}.community-page-heading>.button{padding:9px 10px;white-space:nowrap;font-size:11px}.community-inbox{grid-template-columns:minmax(0,1fr);border-radius:13px;min-height:0}.community-conversation-sidebar{border-right:0;border-bottom:1px solid #e9e0f2}.community-conversations-heading{padding:12px 14px}.community-conversations-heading h2{font-size:12px}#community-conversations{max-height:182px;overflow-y:auto}.community-conversation{padding:11px 15px}.community-conversation .community-avatar{height:34px;width:34px;border-radius:10px}.community-conversation-sidebar .community-empty{margin:10px;padding:15px}.community-conversation-sidebar .community-empty>.community-icon{display:none}.community-conversation-sidebar .community-empty h3{font-size:13px;margin-bottom:5px}.community-conversation-sidebar .community-empty p{font-size:10px;margin-bottom:10px}.community-chat{min-height:540px;max-height:690px}.community-chat-heading{padding:16px}.community-chat-heading h2{font-size:15px}.community-message-scroller{padding:14px}.community-message-bubble{font-size:12px;max-width:92%;padding:10px 12px}.community-message-meta{font-size:9px;gap:6px}.community-message-meta time{font-size:8px}.community-composer{padding:13px}.community-compose-bottom>span{font-size:9px}.community-no-conversation{padding:45px 20px}.community-no-conversation h2{font-size:19px}.community-profile-card{padding:20px 18px;gap:13px;flex-wrap:wrap}.community-profile-icon{height:43px;width:43px;border-radius:13px}.community-profile-card h2{font-size:14px}.community-profile-card p{font-size:10px}.community-profile-card small{font-size:10px}.community-profile-card>.button{width:100%;margin-top:3px}.community-discovery-strip{padding:17px;gap:15px;flex-wrap:wrap}.community-discovery-copy{gap:11px}.community-discovery-icon{height:39px;width:39px;border-radius:12px}.community-discovery-copy h2{font-size:13px;line-height:1.6;margin:5px 0}.community-discovery-copy p{font-size:10px}.community-discovery-strip>.button{width:100%;font-size:11px;min-height:35px}.community-language-options label{font-size:11px;padding:8px}.community-form .form-grid{grid-template-columns:1fr}.community-form .field.full{grid-column:auto}.community-member-list>div .button{padding:6px 8px;font-size:10px}.community-moderation-card{padding:18px}.community-moderation-card .community-room-actions .button{font-size:10px;padding:8px}}

@media(max-width:600px){.customer-mode .bottom-nav{display:grid!important}.storefront-bottom-nav button{min-width:0;flex:1;font-size:10px}.market-profile-actions{flex-wrap:wrap}.market-profile-actions>.button.primary{flex-basis:100%}}

.community-inbox-actions{display:flex;align-items:center;gap:9px;flex-wrap:wrap;flex-shrink:0}.community-chat-discovery{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:15px 19px;margin-bottom:20px;background:linear-gradient(110deg,#f4edff,#f0f8ff);border:1px solid #e8dff4;border-radius:12px}.community-chat-discovery>span{display:flex;align-items:center;gap:10px;color:#886e9d;font-size:12px;line-height:1.8}.community-chat-discovery>.button{flex-shrink:0;font-size:11px}.community-inbox-controls{padding:15px 15px 12px;border-bottom:1px solid #ede6f5}.community-conversation-search{display:block}.community-conversation-search input{width:100%;min-width:0;padding:10px 11px;background:#fff;border:1px solid #e5d9ef;border-radius:9px;color:#6c557b;font-size:11px;outline-offset:2px}.community-conversation-search input::placeholder{color:#aa95b6}.community-inbox-kinds{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px;padding:4px;background:#f0eaf7;border-radius:9px;margin-top:12px}.community-inbox-kinds button{min-height:31px;border-radius:6px;color:#9a81ad;font-size:11px}.community-inbox-kinds button.is-active{background:#fff;color:#8958b8;box-shadow:0 2px 7px #76508d0d;font-weight:650}.community-conversation-summary{font-size:10px;color:#a28aae;margin:10px 2px 0}.community-contact-list{min-width:0}.community-conversation-sidebar .community-limit-note{font-size:10px;line-height:1.8;color:#a18caf;margin:12px 16px}.community-inbox #community-conversations{overscroll-behavior:contain}
@media(max-width:900px){.community-page[data-community-page="messages"] .community-page-heading{flex-wrap:wrap;align-items:flex-start}.community-inbox-actions .button{font-size:11px;padding:9px 12px}.community-inbox-controls{padding:12px}.community-chat-discovery{padding:13px 15px;gap:10px}.community-chat-discovery>span{font-size:11px}}
@media(max-width:600px){.community-inbox-actions{width:100%}.community-inbox-actions>.button{flex:1;min-height:39px}.community-chat-discovery{align-items:flex-start;flex-wrap:wrap}.community-chat-discovery>.button{width:100%;min-height:36px}.community-inbox-controls{padding:12px 14px}.community-conversation-search input{font-size:12px;min-height:38px}.community-inbox-kinds{margin-top:10px}.community-inbox #community-conversations{max-height:215px}.community-inbox-kinds button{min-height:33px}}

/* One visual language for official app icons and complete wordmark artwork. */
.game-art{position:relative;display:grid;place-items:center;width:100%;height:100%;min-width:0;overflow:hidden;border-radius:inherit;background:#10141f;isolation:isolate}
.game-art-image{display:block;width:100%;height:100%;object-fit:contain}
.game-art-cover .game-art-image{object-fit:cover}
.game-art-contain .game-art-image{object-fit:contain;padding:3px}
.game-art-image[hidden],.game-art-fallback[hidden]{display:none}
.game-art.is-missing{background:#edf0f7;color:#646e86}
.game-art-fallback{font-size:12px;font-weight:700;line-height:1.2;text-align:center;padding:4px}
.marketplace-mode .market-game-icon,.marketplace-mode .market-game-hub-icon,.marketplace-mode .market-service-option-icon{padding:0;background:#f1f3f8;overflow:hidden}
.marketplace-mode .market-featured-games .market-game-icon{width:62px;height:62px;border-radius:17px;box-shadow:0 3px 10px #20234314;border:1px solid #151d3512;transition:transform .18s,box-shadow .18s}
.marketplace-mode .market-featured-games .market-game:hover .market-game-icon{transform:translateY(-3px);box-shadow:0 7px 16px #343b5e25}
.marketplace-mode .market-featured-games .market-game.is-active .market-game-icon{outline:3px solid #7466e7;outline-offset:3px}
.marketplace-mode .market-directory-game .market-game-icon{width:64px;height:64px;border-radius:14px;flex:0 0 64px}
.marketplace-mode .market-game-hub-icon{width:88px;height:88px;border-radius:20px;flex:0 0 88px}
.marketplace-mode .market-service-option-icon{width:40px;height:40px;border-radius:10px;flex:0 0 40px}
.market-service-game-icon{display:inline-block;vertical-align:middle;width:25px;height:25px;border-radius:7px;flex:0 0 25px}
.marketplace-mode .market-service-name{min-height:27px;gap:6px;white-space:normal;line-height:1.4}
.marketplace-mode .market-service-name>.market-service-game-icon::before{content:none}
.marketplace-mode .market-service-name>.market-service-game-icon{font-size:inherit;overflow:hidden}
.marketplace-mode .market-list-game{display:flex;align-items:center;gap:7px;line-height:1.45}
.marketplace-mode .market-card-servers{display:flex;flex-wrap:wrap;gap:5px;margin:8px 0 0;color:#627188;font-size:10px;line-height:1.6}
.market-card-servers>span{padding:2px 6px;border:1px solid #e1e8f1;border-radius:5px;background:#f6f8fc}
.market-card-servers>small{font-size:10px;align-self:center}
.market-home-platforms{display:flex;align-items:center;flex-wrap:wrap;gap:8px;border-top:1px solid #edf0f6;padding-top:15px;margin-top:14px}
.market-home-platforms>span{font-size:11px;color:#7b849b;margin-right:3px}
.marketplace-mode .market-home-platforms>button{display:inline-flex;align-items:center;gap:7px;min-height:34px;padding:6px 12px;border:1px solid #e4e8f2;border-radius:9px;background:#f7f9fd;color:#475574;font-size:11px;font-weight:600;line-height:1.3}
.marketplace-mode .market-home-platforms>button:hover{background:#f0ecff;color:#6550c8;border-color:#c7bdef}
.market-home-platforms .market-icon{width:16px;height:16px}
.marketplace-mode .market-game-hub-actions{display:flex;flex-direction:column;align-items:stretch;gap:8px;flex:0 0 130px;margin-left:auto}
.marketplace-mode .market-game-hub-actions .button{font-size:12px;padding:9px 12px;min-height:36px}
.marketplace-mode .market-game-hub-actions .market-game-hub-change{margin:0;padding:7px;font-size:11px;text-align:center;justify-content:center}
.community-game{display:flex;align-items:center;gap:8px;min-width:0}
.community-game-icon{width:32px;height:32px;border-radius:8px;display:inline-block;flex:0 0 32px}
@media(max-width:760px){.marketplace-mode .market-game-hub{flex-wrap:wrap}.marketplace-mode .market-game-hub-actions{flex:1 0 100%;flex-direction:row;flex-wrap:wrap;align-items:center;margin:0}.marketplace-mode .market-game-hub-actions .market-game-hub-change{margin-left:auto}.marketplace-mode .market-featured-games .market-game-icon{width:55px;height:55px;border-radius:15px}.market-home-platforms{gap:7px}.market-home-platforms>span{flex-basis:100%}.marketplace-mode .market-directory-game .market-game-icon{width:56px;height:56px;flex-basis:56px}}
@media(max-width:480px){.marketplace-mode .market-featured-games .market-game-icon{width:47px;height:47px;border-radius:13px}.marketplace-mode .market-home-platforms>button{padding:7px 9px;font-size:11px}.marketplace-mode .market-game-hub-icon{width:62px;height:62px;flex-basis:62px;border-radius:15px}.marketplace-mode .market-card-servers{font-size:9px;gap:4px}.market-card-servers>span{padding:1px 4px}.marketplace-mode .market-service-name{flex-wrap:wrap;gap:4px}.market-service-game-icon{width:22px;height:22px;flex-basis:22px}}

.service-detail-meta{display:block;color:#64748b;font-size:12px;line-height:1.65;margin:7px 0;overflow-wrap:anywhere}.service-details-panel{padding:20px 0;border-top:1px solid #e9edf5;margin-top:20px}.service-details-panel h3{font-size:16px;margin:20px 0 9px}.service-details-panel p,.service-details-panel small{color:#65728a;line-height:1.65}.service-slot-list{padding-left:20px;line-height:1.9;font-size:13px}.service-reviews article,.service-admin-review,.service-review-order{padding:18px;border:1px solid #e7ebf4;border-radius:14px;margin:12px 0}.service-reviews article small{display:block;margin-top:5px}.service-reviews p,.service-review-order p,.service-admin-review p{white-space:pre-wrap;overflow-wrap:anywhere}.service-language-editor{border:1px solid #e4e9f2;border-radius:12px;padding:16px;display:flex;gap:14px;flex-wrap:wrap;margin:15px 0}.service-language-editor label{display:flex;align-items:center;gap:6px;font-size:13px}.service-slot-editor{display:grid;grid-template-columns:1fr 1fr auto;gap:10px;align-items:center;padding:12px 0;border-bottom:1px solid #edf0f5}.service-slot-editor input{min-width:0;width:100%;box-sizing:border-box}.service-booking-slots{grid-column:1/-1;border:1px solid #d8def3;padding:14px;border-radius:12px;background:#f7f9ff}.service-booking-slots p{font-size:12px;color:#64748b;line-height:1.6}.service-booking-slots button{margin:4px 8px 4px 0;white-space:normal;text-align:left}.service-community-shortcuts{display:flex;gap:12px;margin:16px 0;flex-wrap:wrap}.service-community-shortcuts button{flex:1;min-width:140px;text-align:left;display:flex;flex-direction:column;gap:7px;padding:18px;border-radius:16px;background:#eff3ff;border:1px solid #dee5fc;color:#354592;font:inherit;cursor:pointer}.service-community-shortcuts small{color:#667392;font-size:12px}.service-community-shortcuts strong{font-size:17px}[data-service-feedback]{color:#b33d49;font-size:13px}.service-details-tools{margin:14px 0}.market-language-filter{min-width:150px}@media(max-width:600px){.service-slot-editor{grid-template-columns:1fr}.service-slot-editor .field{margin:0}.service-language-editor{gap:12px}.service-slot-list{padding-left:16px}.market-language-filter{width:100%}}

.realtime-page{max-width:1320px;margin:0 auto;padding-bottom:30px}.realtime-hero{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:40px;border:1px solid #dedcf7;border-radius:24px;background:linear-gradient(125deg,#f0e9ff,#e9f5ff);overflow:hidden}.realtime-hero.is-live{background:linear-gradient(120deg,#fff0f6,#ecebff);border-color:#f0dce9}.realtime-eyebrow{font-size:10px;letter-spacing:2px;color:#8369af;font-weight:700}.realtime-hero h1{font-size:34px;line-height:1.35;margin:13px 0;color:#40305c}.realtime-hero p{font-size:13px;line-height:1.8;color:#806b98}.realtime-hero-symbol{font-size:115px;color:#9e84df;transform:rotate(-10deg);padding-right:35px;text-shadow:12px 12px 0 #fff8}.realtime-hero.is-live .realtime-hero-symbol{color:#d084b2}.realtime-hero-actions,.realtime-mode-tabs,.realtime-room-actions{display:flex;gap:10px;flex-wrap:wrap}.realtime-hero-actions{margin-top:22px}.realtime-mode-tabs{margin:25px 0 14px}.realtime-network-note{line-height:1.8;color:#927d9f;font-size:12px}.realtime-list-heading{display:flex;align-items:center;justify-content:space-between;margin:28px 0 16px}.realtime-list-heading h2{font-size:20px;color:#5c4772}.realtime-list-heading span{font-size:12px;color:#a28fad}.realtime-room-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.realtime-room-card{border:1px solid #e9e0f2;padding:18px;border-radius:18px;background:#fff;min-width:0}.realtime-room-top{display:flex;align-items:center;justify-content:space-between;color:#a391b5;font-size:11px}.realtime-kind{color:#9c76c7;letter-spacing:1px;font-weight:700}.realtime-room-art{height:110px;border-radius:13px;margin:16px 0;display:grid;place-items:center;background:linear-gradient(125deg,#eee6ff,#e8f5fc);font-size:53px;color:#ab91d3}.realtime-room-art.is-live{background:linear-gradient(125deg,#fae5ef,#efe9ff);color:#c990af}.realtime-room-card h2{font-size:18px;overflow-wrap:anywhere;color:#665078;line-height:1.5}.realtime-room-card p{font-size:12px;color:#9d88ad;line-height:1.8;overflow-wrap:anywhere}.realtime-room-actions{margin-top:20px}.realtime-room-actions>.primary{flex:1}.realtime-empty{text-align:center;border:1px dashed #e2d8f0;border-radius:18px;background:#fcfaff;padding:50px 20px;color:#8d749f}.realtime-empty strong{display:block;font-size:18px}.realtime-empty p{font-size:13px;line-height:1.8}.realtime-empty .button{margin-top:10px}.realtime-feedback{background:#fff6e8;color:#976a36;padding:12px 16px;border-radius:10px;font-size:12px;line-height:1.8}.realtime-feedback[hidden]{display:none}[data-realtime-form-error]{color:#af4e69;font-size:13px;line-height:1.7}.realtime-floating{position:fixed;z-index:85;right:24px;bottom:24px;width:370px;max-width:calc(100vw - 28px);background:#fff;border:1px solid #d9c9ed;border-radius:18px;box-shadow:0 16px 60px #40275c30;overflow:hidden;color:#614776}.realtime-floating-top{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 17px;background:linear-gradient(110deg,#f0e8ff,#f7f5ff);border-bottom:1px solid #e6ddf1}.realtime-floating-title{background:none;border:0;padding:0;text-align:left;min-width:0;cursor:pointer;font:inherit;color:inherit}.realtime-floating-title>span{display:block;color:#a077c6;font-size:10px;font-weight:700;letter-spacing:1px;margin-bottom:5px}.realtime-floating-title strong{display:block;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:290px}.realtime-panel-collapse{border:0;background:none;color:#a081bc;font-size:23px;cursor:pointer}.realtime-floating.is-collapsed .realtime-panel-collapse{transform:rotate(180deg)}[data-realtime-panel-body]{max-height:min(700px,calc(100dvh - 150px));overflow-y:auto;padding:14px 16px}.realtime-connection-notice{font-size:12px;line-height:1.7;color:#89699f;margin:0 0 7px}.realtime-connection-note{font-size:10px;line-height:1.7;color:#a591b0;margin:0 0 13px}.realtime-media-item video{display:block;width:100%;max-height:230px;object-fit:contain;background:#272330;border-radius:12px}.realtime-media-item small{display:block;font-size:10px;color:#9e8bae;margin:6px 0 12px}.realtime-media-item audio{display:none}.realtime-participants{display:flex;flex-direction:column;gap:10px;margin:10px 0 17px}.realtime-participants>div{display:flex;align-items:center;gap:8px;min-width:0}.realtime-participants strong{font-size:12px;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:600}.realtime-participants small{font-size:10px;color:#a48cb4}.realtime-person-dot{width:8px;height:8px;border-radius:50%;background:#d9cadf;flex-shrink:0}.realtime-person-dot.is-connected{background:#76bca5}.realtime-controls{display:flex;gap:7px;flex-wrap:wrap}.realtime-controls .button{font-size:11px;min-height:34px;padding:8px 10px}.realtime-controls .danger{margin-left:auto}.realtime-floating [hidden]{display:none!important}@media(max-width:1050px){.realtime-room-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:600px){.realtime-hero{padding:25px 22px;border-radius:18px}.realtime-hero h1{font-size:27px}.realtime-hero-symbol{display:none}.realtime-hero p{font-size:12px}.realtime-room-grid{grid-template-columns:1fr}.realtime-floating{right:14px;bottom:83px;width:350px}.realtime-hero-actions .button{font-size:12px}.realtime-network-note{font-size:11px}.realtime-floating-title strong{max-width:260px}}
.realtime-room-chat{border-top:1px solid #ede5f4;border-bottom:1px solid #ede5f4;margin:13px 0;padding:12px 0}.realtime-room-chat summary{font-size:12px;color:#8d6b9e;cursor:pointer}.realtime-chat-messages{max-height:170px;min-height:30px;overflow-y:auto;padding:10px 2px;overscroll-behavior:contain}.realtime-chat-messages article{margin:0 0 12px}.realtime-chat-messages strong{font-size:10px;color:#ae92bc}.realtime-chat-messages article p{font-size:12px;line-height:1.7;color:#775887;white-space:pre-wrap;overflow-wrap:anywhere;margin:5px 0}.realtime-chat-empty{font-size:11px;color:#b19abe}.realtime-room-chat textarea{width:100%;box-sizing:border-box;padding:9px;border:1px solid #e3d6ed;border-radius:8px;resize:vertical;background:#fcfaff;color:#785789;font:inherit;font-size:12px}.realtime-room-chat form>div{display:flex;align-items:center;justify-content:space-between;margin-top:7px}.realtime-room-chat form small{font-size:10px;color:#b09bbc}
.realtime-beta{display:inline-flex;margin-left:13px;vertical-align:middle;font-size:10px;line-height:1.4;padding:5px 8px;background:#fff8e8;border:1px solid #eddbb3;color:#9f7734;border-radius:6px;font-weight:600}

.realtime-admin-entry{display:flex;justify-content:space-between;align-items:center;gap:18px;max-width:1320px;margin:0 auto 20px;padding:18px 22px;background:#fff8ec;border:1px solid #ead6b4;border-radius:16px;color:#795c35;box-sizing:border-box}.realtime-admin-entry strong{font-size:15px}.realtime-admin-entry p{font-size:12px;line-height:1.7;margin:6px 0 0}.realtime-admin-entry .button{flex-shrink:0}.realtime-admin-toolbar{display:flex;justify-content:space-between;align-items:center;gap:12px;margin:0 0 12px}.realtime-admin-report-list{display:grid;gap:14px;margin-top:18px}.realtime-admin-report{border:1px solid #e7ddef;border-radius:14px;padding:17px;min-width:0}.realtime-admin-report-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:14px}.realtime-admin-report h3{font-size:15px;line-height:1.6;color:#5e456f;margin:0;overflow-wrap:anywhere}.realtime-admin-report-heading>span{font-size:11px;color:#916c3d;flex-shrink:0;line-height:1.8}.realtime-admin-source{font-size:11px;line-height:1.9;color:#95829f;overflow-wrap:anywhere}.realtime-admin-reason{padding:12px 14px;background:#f8f5fb;border-radius:9px;font-size:13px;line-height:1.8;color:#705980;white-space:pre-wrap;overflow-wrap:anywhere}.realtime-admin-feedback{color:#ad465d;font-size:13px;line-height:1.8;white-space:pre-wrap;overflow-wrap:anywhere}.realtime-admin-feedback:empty{display:none}.realtime-admin-empty{padding:28px 18px;text-align:center;border:1px dashed #e4d9ee;border-radius:13px;color:#83668f}.realtime-admin-empty strong{font-size:15px}.realtime-admin-empty p{font-size:12px;line-height:1.8}.realtime-admin-reports .button:disabled{opacity:.6;cursor:wait}@media(max-width:600px){.realtime-admin-entry{align-items:flex-start;flex-direction:column;padding:16px;margin-bottom:15px}.realtime-admin-entry .button{width:100%}.realtime-admin-report-heading{flex-direction:column;gap:5px}.realtime-admin-report{padding:14px}}

/* Creator-only preparation and on-air controls. Ordinary voice panels stay unchanged. */
#sheet:has(.live-studio-preflight),
.realtime-floating.is-studio {
  --studio-bg: #141722;
  --studio-surface: #1d2231;
  --studio-raised: #252b3e;
  --studio-line: #353d54;
  --studio-text: #eef0fb;
  --studio-muted: #a9b1c9;
  --studio-accent: #aa91ff;
  color-scheme: dark;
  color: var(--studio-text);
  background: var(--studio-bg);
}

#sheet:has(.live-studio-preflight) {
  width: min(1080px, calc(100vw - 24px));
  max-width: calc(100vw - 24px);
  height: auto;
  max-height: calc(100vh - 32px);
  max-height: calc(100dvh - 32px);
  margin: auto;
  border: 1px solid var(--studio-line);
  border-radius: 22px;
  box-shadow: 0 30px 110px #05071180;
  overflow-x: hidden;
  overscroll-behavior: contain;
  scrollbar-color: #535775 var(--studio-bg);
}
#sheet:has(.live-studio-preflight) .sheet-heading {
  padding: 23px 28px 20px;
  background: linear-gradient(115deg, #202038, #1b2234);
  border-color: var(--studio-line);
  color: var(--studio-text);
}
#sheet:has(.live-studio-preflight) .sheet-heading h2 { color: var(--studio-text); }
#sheet:has(.live-studio-preflight) .sheet-heading p { color: var(--studio-muted); }
#sheet:has(.live-studio-preflight) .sheet-body { padding: 22px 28px 0; }
.live-studio-preflight, .live-studio-controls { min-width: 0; }
.live-studio-preflight *, .live-studio-controls * { box-sizing: border-box; }
.live-studio-preflight [hidden], .live-studio-controls [hidden] { display: none !important; }
.live-studio-preflight .fine-print, .live-studio-controls .fine-print {
  margin: 12px 0 0;
  color: var(--studio-muted);
  font-size: 11px;
  line-height: 1.8;
  overflow-wrap: anywhere;
}

.live-studio-steps {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 8px;
  margin-bottom: 22px;
}
.live-studio-steps > span {
  padding: 11px 10px;
  border: 1px solid #3e3c61;
  border-radius: 9px;
  background: linear-gradient(105deg, #2d2545, #232b42);
  color: #d8d1ef;
  text-align: center;
  font-size: 12px;
  font-weight: 600;
  line-height: 1.6;
}
.live-studio-grid { display: grid; grid-template-columns: minmax(0, 1.35fr) minmax(290px, 1fr); gap: 25px; align-items: start; }
.live-studio-grid > div { min-width: 0; }
.live-studio-grid > div:first-child { position: sticky; top: 18px; }
.live-studio-preview {
  position: relative;
  display: grid;
  place-items: center;
  isolation: isolate;
  width: 100%;
  min-height: 290px;
  aspect-ratio: 16 / 10;
  overflow: hidden;
  border: 1px solid #41455f;
  border-radius: 16px;
  background: #090d17;
  box-shadow: inset 0 1px 0 #ffffff0b, 0 12px 35px #05081430;
}
.live-studio-canvas {
  position: absolute;
  inset: 0;
  display: block;
  width: 100%;
  height: 100%;
  max-height: none;
  object-fit: contain;
  background: #070a12;
  border-radius: inherit;
}
.live-studio-placeholder {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 13px;
  width: 100%;
  min-height: inherit;
  align-self: stretch;
  padding: 44px 20px;
  text-align: center;
  background: radial-gradient(ellipse at 20% 15%, #6250b044, transparent 60%), radial-gradient(ellipse at 90% 90%, #3767a037, transparent 65%), linear-gradient(145deg, #17192e, #111827);
}
.live-studio-placeholder > span {
  display: grid;
  place-items: center;
  width: 66px;
  height: 66px;
  border: 1px solid #9385d349;
  border-radius: 20px;
  background: #b1a0ff12;
  color: #c8b9ff;
  font-size: 32px;
}
.live-studio-placeholder strong { color: #ece9ff; font-size: 19px; letter-spacing: .3px; }
.live-studio-placeholder p { margin: 0; color: #aab4d1; font-size: 12px; line-height: 1.9; }
.live-studio-preview-label {
  position: absolute;
  z-index: 2;
  left: 12px;
  top: 12px;
  max-width: calc(100% - 24px);
  padding: 6px 9px;
  border: 1px solid #c5c9f12b;
  border-radius: 7px;
  background: #0d1324c9;
  color: #e3ddff;
  font-size: 10px;
  line-height: 1.6;
  pointer-events: none;
}
.live-studio-loading {
  position: absolute;
  inset: 0;
  z-index: 4;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 14px;
  padding: 24px 16px;
  background: #101526f2;
  color: #f3f1ff;
  text-align: center;
  overflow-y: auto;
  pointer-events: auto;
}
.live-studio-loading strong { font-size: 15px; line-height: 1.6; overflow-wrap: anywhere; }
.live-studio-loading p { margin: 0; font-size: 12px; line-height: 1.8; color: #bec5de; }
.live-studio-loading .button { position: relative; z-index: 1; flex-shrink: 0; }
.live-studio-spinner { width: 33px; height: 33px; flex-shrink: 0; border: 3px solid #6d6e9959; border-top-color: #b5a2ff; border-right-color: #7ea6f9; border-radius: 50%; animation: live-studio-spin .85s linear infinite; }
@keyframes live-studio-spin { to { transform: rotate(360deg); } }
.live-studio-status { margin: 13px 0; color: #b5c5e5; font-size: 12px; line-height: 1.7; overflow-wrap: anywhere; }
.live-studio-inline { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; min-width: 0; }
.live-studio-inline > .field { flex: 1 1 120px; }
.live-studio-inline > label { display: flex; align-items: center; gap: 7px; color: var(--studio-muted); font-size: 12px; }
.live-studio-inline > label.field { display: block; }
.live-studio-sound { display: grid; grid-template-columns: auto minmax(70px, 1fr); align-items: center; gap: 8px 12px; margin-top: 20px; padding: 14px; border: 1px solid var(--studio-line); border-radius: 11px; background: #1c2230; }
.live-studio-sound > span { color: #cbd1e3; font-size: 11px; }
.live-studio-sound > small { grid-column: 1 / -1; color: var(--studio-muted); font-size: 10px; line-height: 1.6; }
.live-studio-meter { display: block; width: 100%; height: 12px; border: 0; border-radius: 8px; background: #111725; accent-color: #61d2b4; }
.live-studio-meter::-webkit-meter-bar { height: 9px; border: 0; border-radius: 8px; background: #101624; }
.live-studio-meter::-webkit-meter-optimum-value { border-radius: 8px; background: linear-gradient(90deg, #59bcd6, #6bd1a4); }
.live-studio-meter::-moz-meter-bar { border-radius: 8px; background: linear-gradient(90deg, #59bcd6, #6bd1a4); }
.live-studio-limit-note { margin: 18px 0 0; padding: 12px 14px; border: 1px solid #665134; border-radius: 10px; background: #302a20; color: #e0c69b; font-size: 11px; line-height: 1.8; }
.live-studio-controls { display: grid; gap: 16px; }
.live-studio-section { padding: 18px; border: 1px solid var(--studio-line); border-radius: 13px; background: var(--studio-surface); }
.live-studio-section h3 { margin: 0 0 15px; color: #e9e7f8; font-size: 14px; font-weight: 650; }
.live-studio-section h3 + .fine-print { margin: -5px 0 14px; }
#sheet:has(.live-studio-preflight) .field { width: auto; max-width: none; margin: 14px 0 0; min-width: 0; }
#sheet:has(.live-studio-preflight) .field > span { margin-bottom: 7px; color: #c2cae0; font-size: 12px; }
#sheet:has(.live-studio-preflight) .field input,
#sheet:has(.live-studio-preflight) .field select,
.live-studio-controls select {
  width: 100%;
  min-width: 0;
  min-height: 40px;
  padding: 9px 11px;
  border: 1px solid #48516b;
  border-radius: 8px;
  outline-offset: 3px;
  background: #151b2b;
  color: #e5e8f7;
  font: inherit;
  font-size: 12px;
}
#sheet:has(.live-studio-preflight) input::placeholder { color: #8b95b3; opacity: 1; }
#sheet:has(.live-studio-preflight) input[readonly] { color: #b5bfd6; background: #202637; }
.live-studio-controls .live-studio-inline > label:not(.field) select { width: auto; max-width: 140px; }
.live-studio-controls input[type="checkbox"] { width: 16px; height: 16px; min-height: 0; margin: 0; accent-color: #a78bfa; }
.live-studio-slider { display: block; margin: 16px 0; }
.live-studio-slider > span { display: flex; align-items: center; justify-content: space-between; gap: 12px; color: #b8c1d9; font-size: 12px; }
.live-studio-slider output { min-width: 42px; padding: 3px 6px; border-radius: 5px; background: #101726; color: #d4c5ff; font-size: 11px; font-variant-numeric: tabular-nums; text-align: right; }
.live-studio-slider input[type="range"] { display: block; width: 100%; min-height: 28px; height: 28px; margin: 7px 0 0; padding: 0; border: 0; background: transparent; accent-color: #ac95ff; cursor: pointer; touch-action: pan-y; }
#sheet:has(.live-studio-preflight) .button,
.realtime-floating.is-studio .button { min-height: 38px; border-radius: 9px; white-space: normal; font-size: 12px; line-height: 1.5; }
#sheet:has(.live-studio-preflight) .button.secondary,
.realtime-floating.is-studio .button.secondary { border: 1px solid #4a4569; background: #302a46; color: #e1d9fa; }
#sheet:has(.live-studio-preflight) .button.secondary:hover,
.realtime-floating.is-studio .button.secondary:hover { background: #3d3459; border-color: #8c79b9; }
#sheet:has(.live-studio-preflight) .button.primary,
#sheet:has(.live-studio-preflight) [data-live-action="preview"] { border: 1px solid #b39aff; background: linear-gradient(115deg, #9770ef, #6b71da); color: #fff; box-shadow: 0 4px 14px #8c66e52b; }
#sheet:has(.live-studio-preflight) .button:disabled,
.realtime-floating.is-studio .button:disabled { opacity: .45; cursor: not-allowed; transform: none; }
#sheet:has(.live-studio-preflight) :is(button,input,select,summary):focus-visible,
.realtime-floating.is-studio :is(button,input,select,summary):focus-visible { outline: 2px solid #baa4ff; outline-offset: 3px; }
.live-studio-preflight [data-live-error] { margin: 20px 0 0; padding: 13px 15px; border: 1px solid #935765; background: #482c38; color: #ffd5df; font-size: 12px; line-height: 1.8; overflow-wrap: anywhere; }
.live-studio-footer { position: sticky; z-index: 5; bottom: 0; display: flex; align-items: center; justify-content: space-between; gap: 15px; margin-top: 22px; padding: 18px 0 22px; border-top: 1px solid var(--studio-line); background: var(--studio-bg); box-shadow: 0 -10px 22px #1417229c; }
.live-studio-footer > span { color: var(--studio-muted); font-size: 12px; line-height: 1.7; }
.live-studio-footer [data-live-publish] { min-width: 140px; min-height: 44px; flex-shrink: 0; }

/* The host can expand this panel; the viewer and ordinary audio-room panel retain their own sizing. */
.realtime-floating.is-studio { border-color: #494564; box-shadow: 0 20px 80px #06091673; }
.realtime-floating.is-studio .realtime-floating-top { background: linear-gradient(110deg, #27233d, #222c42); border-color: #43415c; }
.realtime-floating.is-studio .realtime-floating-title { color: #f1edff; }
.realtime-floating.is-studio .realtime-floating-title > span { color: #bda6f1; }
.realtime-floating.is-studio .realtime-panel-collapse { color: #c8b9ef; }
.realtime-floating.is-studio [data-realtime-panel-body] { scrollbar-color: #515879 #171d2b; overscroll-behavior: contain; }
.realtime-floating.is-studio .realtime-connection-notice { color: #b8c6e3; }
.realtime-floating.is-studio .realtime-connection-note,
.realtime-floating.is-studio .realtime-media-item small,
.realtime-floating.is-studio .realtime-participants small { color: #a3aec8; }
.realtime-floating.is-studio .realtime-media-item video { max-height: min(360px, 43dvh); object-fit: contain; background: #070b14; border: 1px solid #3c415a; }
.realtime-floating.is-studio .live-studio-controls[data-live-controls] { gap: 12px; margin: 4px 0 18px; }
.live-studio-stats { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 8px; }
.live-studio-stat { min-width: 0; padding: 12px; background: #202637; border: 1px solid #353f58; border-radius: 10px; }
.live-studio-stat small { display: block; margin-bottom: 7px; color: #9daecb; font-size: 10px; }
.live-studio-stat strong { display: block; overflow-wrap: anywhere; color: #e5ddff; font-size: 17px; font-weight: 650; line-height: 1.4; font-variant-numeric: tabular-nums; }
.live-studio-adjust { border: 1px solid #3d425d; border-radius: 11px; overflow: hidden; }
.live-studio-adjust > summary { padding: 13px 14px; background: #22273a; color: #d7d2ed; font-size: 12px; font-weight: 600; cursor: pointer; }
.live-studio-adjust[open] > summary { border-bottom: 1px solid #3d425d; }
.live-studio-adjust .live-studio-section { border: 0; border-radius: 0; }
.realtime-floating.is-studio .realtime-participants { color: #d1d8e9; }
.realtime-floating.is-studio .realtime-room-chat { border-color: #39435c; }
.realtime-floating.is-studio .realtime-room-chat summary { color: #c3b0ee; }
.realtime-floating.is-studio .realtime-chat-messages strong { color: #b2a1d7; }
.realtime-floating.is-studio .realtime-chat-messages article p { color: #d7deec; }
.realtime-floating.is-studio .realtime-chat-empty,
.realtime-floating.is-studio .realtime-room-chat form small { color: #9ca9c5; }
.realtime-floating.is-studio .realtime-room-chat textarea { background: #171f2f; border-color: #43506c; color: #dce3f3; }
.realtime-floating.is-studio .realtime-controls { position: sticky; bottom: -1px; z-index: 2; padding: 12px 0 3px; border-top: 1px solid #343e57; background: var(--studio-bg); }
.realtime-floating.is-studio.is-wide { width: 960px; max-width: calc(100vw - 48px); max-height: calc(100vh - 48px); max-height: calc(100dvh - 48px); }
.realtime-floating.is-studio.is-wide [data-realtime-panel-body] { padding: 18px 20px; max-height: calc(100vh - 130px); max-height: calc(100dvh - 130px); }
.realtime-floating.is-studio.is-wide .realtime-floating-title strong { max-width: min(790px, calc(100vw - 135px)); font-size: 16px; }
.realtime-floating.is-studio.is-wide .realtime-media-item video { width: 100%; height: clamp(220px, 45dvh, 490px); max-height: 490px; object-fit: contain; }
.realtime-floating.is-studio.is-wide .live-studio-adjust .live-studio-section { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); column-gap: 22px; }
.realtime-floating.is-studio.is-wide .live-studio-adjust .live-studio-section > :is(h3,p,.live-studio-inline,[data-live-pip-controls]) { grid-column: 1 / -1; }
.realtime-floating.is-studio.is-wide [data-live-pip-controls] { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 18px; }
.realtime-floating.is-studio:not(.is-wide) .live-studio-stats { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.realtime-floating.is-studio:not(.is-wide) .live-studio-stat { padding: 9px 10px; }
.realtime-floating.is-studio:not(.is-wide) .live-studio-stat strong { font-size: 15px; }
.realtime-floating.is-studio:not(.is-wide) .live-studio-inline .button { flex: 1 1 auto; font-size: 11px; }

@media (max-width: 800px) {
  #sheet:has(.live-studio-preflight) { max-height: calc(100dvh - 24px); border-radius: 17px; }
  #sheet:has(.live-studio-preflight) .sheet-heading { padding: 19px 20px 16px; }
  #sheet:has(.live-studio-preflight) .sheet-body { padding: 18px 20px 0; }
  .live-studio-grid { grid-template-columns: 1fr; gap: 22px; }
  .live-studio-grid > div:first-child { position: static; }
  .live-studio-preview { aspect-ratio: 16 / 9; min-height: 260px; max-height: 55dvh; }
  .live-studio-controls { gap: 13px; }
  .live-studio-section { padding: 16px; }
  .realtime-floating.is-studio.is-wide { right: 12px; bottom: 82px; max-width: calc(100vw - 24px); max-height: calc(100dvh - 96px); }
  .realtime-floating.is-studio.is-wide [data-realtime-panel-body] { max-height: calc(100dvh - 178px); padding: 15px; }
  .realtime-floating.is-studio.is-wide .realtime-media-item video { height: clamp(190px, 35dvh, 380px); max-height: 380px; }
}
@media (max-width: 520px) {
  #sheet:has(.live-studio-preflight) .sheet-heading { padding: 16px; }
  #sheet:has(.live-studio-preflight) .sheet-heading h2 { font-size: 20px; }
  #sheet:has(.live-studio-preflight) .sheet-body { padding: 15px 14px 0; }
  .live-studio-steps { gap: 5px; margin-bottom: 16px; }
  .live-studio-steps > span { padding: 9px 4px; font-size: 10px; border-radius: 7px; }
  .live-studio-preview { min-height: 250px; border-radius: 12px; }
  .live-studio-placeholder { padding: 42px 12px 26px; }
  .live-studio-placeholder strong { font-size: 17px; }
  .live-studio-placeholder p { font-size: 11px; }
  .live-studio-loading { gap: 11px; padding: 15px 12px; }
  .live-studio-loading strong { font-size: 13px; }
  .live-studio-loading p { font-size: 11px; }
  .live-studio-section { padding: 14px; }
  #sheet:has(.live-studio-preflight) .field input,
  #sheet:has(.live-studio-preflight) .field select { font-size: 16px; min-height: 43px; }
  .live-studio-footer { padding: 14px 0 calc(14px + env(safe-area-inset-bottom)); gap: 12px; flex-wrap: wrap; }
  .live-studio-footer > span { width: 100%; font-size: 11px; }
  .live-studio-footer [data-live-publish] { width: 100%; }
  .realtime-floating.is-studio.is-wide { border-radius: 14px; }
  .realtime-floating.is-studio.is-wide .realtime-floating-title strong { font-size: 14px; max-width: calc(100vw - 112px); }
  .realtime-floating.is-studio.is-wide [data-realtime-panel-body] { padding: 12px; }
  .realtime-floating.is-studio .live-studio-stats { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .live-studio-stat { padding: 10px; }
  .live-studio-stat strong { font-size: 15px; }
  .realtime-floating.is-studio.is-wide .live-studio-adjust .live-studio-section,
  .realtime-floating.is-studio.is-wide [data-live-pip-controls] { grid-template-columns: 1fr; gap: 0; }
  .realtime-floating.is-studio .live-studio-inline > .button { flex: 1 1 auto; }
}
@media (prefers-reduced-motion: reduce) {
  .live-studio-spinner { animation: none; border-top-color: #ddd2ff; }
  #sheet:has(.live-studio-preflight) .button,
  .realtime-floating.is-studio .button { transition: none; }
}