.sp-app{--bg:#080f1e;--bg-2:#0d1b30;--bg-3:#0a1628;--surface:#111827;--sp-border:#f2ede314;--sp-border-2:#f2ede326;--gold:#c4922a;--gold-light:#e8b94a;--gold-glow:#c4922a2e;--cream:#f2ede3;--cream-2:#f2ede3a6;--cream-3:#f2ede359;--cream-4:#f2ede31f;--cream-5:#f2ede30d;--outlet:#10b981;--outlet-glow:#10b98133;--wd:#3b82f6;--wd-glow:#3b82f633;--ds:#8b5cf6;--ds-glow:#8b5cf633;--success:#22c55e;--danger:#ef4444;--amber:#f59e0b;--syne:"Syne", system-ui, sans-serif;--sans:"Space Grotesk", system-ui, sans-serif;--mono:"JetBrains Mono", ui-monospace, monospace;--ease-out:cubic-bezier(.22,.7,.2,1);--nav-h:60px;--welcome-h:90px;--bottom-h:56px;background:var(--bg);min-height:100vh;color:var(--cream);font-family:var(--sans);-webkit-font-smoothing:antialiased;font-size:14px;position:relative;overflow-x:hidden}.sp-app *,.sp-app :before,.sp-app :after{box-sizing:border-box}.sp-app button{cursor:pointer;color:inherit;background:0 0;border:none;font-family:inherit}.sp-app ::-webkit-scrollbar{width:8px;height:8px}.sp-app ::-webkit-scrollbar-track{background:0 0}.sp-app ::-webkit-scrollbar-thumb{background:#f2ede31a;border-radius:4px}.sp-app ::-webkit-scrollbar-thumb:hover{background:#f2ede32e}.sp-app .bg-orb{pointer-events:none;z-index:0;opacity:0;animation:sp-orbIn 1.2s var(--ease-out) forwards;border-radius:50%;position:fixed}.sp-app .bg-orb.gold{filter:blur(100px);width:500px;height:500px;animation:sp-orbIn 1.2s var(--ease-out) forwards,sp-orbBreath 10s ease-in-out 1.2s infinite;background:radial-gradient(circle,#c4922a17,#0000 68%);bottom:-100px;left:-100px}.sp-app .bg-orb.teal{filter:blur(90px);background:radial-gradient(circle,#162847b3,#0000 68%);width:400px;height:400px;top:-80px;right:-80px}@keyframes sp-orbIn{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@keyframes sp-orbBreath{0%,to{transform:scale(1)}50%{transform:scale(1.06)}}.sp-app .bg-grid{pointer-events:none;z-index:0;background-image:linear-gradient(#f2ede306 1px,#0000 1px),linear-gradient(90deg,#f2ede306 1px,#0000 1px);background-size:56px 56px;position:fixed;inset:0;-webkit-mask-image:radial-gradient(80% 70%,#000 0%,#0000 100%);mask-image:radial-gradient(80% 70%,#000,#0000)}.sp-app .app{z-index:1;flex-direction:column;min-height:100vh;display:flex;position:relative}.sp-app .nav{z-index:10;height:var(--nav-h);background:var(--bg);opacity:0;animation:sp-navIn .4s var(--ease-out) forwards;border-bottom:1px solid #f2ede30f;justify-content:space-between;align-items:center;padding:0 28px;display:flex;position:sticky;top:0;transform:translateY(-60px)}@keyframes sp-navIn{to{opacity:1;transform:none}}.sp-app .brand{align-items:center;gap:10px;display:flex}.sp-app .brand-shield{color:var(--gold);display:flex}.sp-app .brand-itc{font-family:var(--syne);color:var(--gold);letter-spacing:.02em;font-size:20px;font-weight:800}.sp-app .brand-sep{background:#c4922a66;width:1.5px;height:18px;margin:0 4px}.sp-app .brand-name{font-family:var(--sans);color:var(--cream);letter-spacing:.01em;font-size:18px;font-weight:600}.sp-app .nav-right{align-items:center;gap:14px;display:flex}.sp-app .nav-user{font-family:var(--sans);color:#f2ede3a6;font-size:14px;font-weight:500}.sp-app .icon-btn{width:32px;height:32px;color:var(--cream-3);background:#f2ede30f;border-radius:50%;justify-content:center;align-items:center;transition:color .2s,background .2s;display:flex}.sp-app .icon-btn:hover{color:var(--cream-2);background:#f2ede31a}.sp-app .avatar{width:36px;height:36px;color:var(--bg);font-family:var(--syne);background:linear-gradient(135deg,#c4922a,#9a7020);border-radius:50%;justify-content:center;align-items:center;font-size:13px;font-weight:700;display:flex}.sp-app .welcome{height:var(--welcome-h);justify-content:space-between;align-items:center;gap:24px;padding:0 40px;display:flex}.sp-app .welcome-left{opacity:0;animation:sp-fadeUp .5s var(--ease-out) .15s forwards;transform:translateY(16px)}.sp-app .welcome-line1{align-items:baseline;gap:12px;display:flex}.sp-app .welcome-line1 .hi{color:#f2ede373;font-size:15px;font-weight:400}.sp-app .welcome-line1 .name{font-family:var(--syne);color:var(--gold);letter-spacing:-.01em;font-size:36px;font-weight:800;line-height:1}.sp-app .welcome-meta{color:#f2ede359;margin-top:6px;font-size:12px}.sp-app .welcome-meta .dot{opacity:.6;margin:0 6px}@keyframes sp-fadeUp{to{opacity:1;transform:none}}.sp-app .chips{gap:12px;display:flex}.sp-app .chip{opacity:0;background:#f2ede30a;border-radius:10px;align-items:center;gap:12px;padding:10px 18px 10px 14px;animation:.4s cubic-bezier(.34,1.56,.64,1) forwards sp-chipIn;display:flex;transform:scale(.88);box-shadow:inset 0 0 0 1px #f2ede31a}.sp-app .chip:first-child{animation-delay:.25s}.sp-app .chip:nth-child(2){animation-delay:.33s}.sp-app .chip:nth-child(3){animation-delay:.41s}@keyframes sp-chipIn{to{opacity:1;transform:none}}.sp-app .ring-wrap{flex:none;width:44px;height:44px;position:relative}.sp-app .ring-wrap svg{width:44px;height:44px;display:block;transform:rotate(-90deg)}.sp-app .ring-wrap .ring-track{stroke:#f2ede314;stroke-width:4px;fill:none}.sp-app .ring-wrap .ring-fill{stroke:var(--gold);stroke-width:4px;fill:none;stroke-linecap:round;stroke-dasharray:138;stroke-dashoffset:138px;transition:stroke-dashoffset 1s var(--ease-out)}.sp-app .ring-wrap.go .ring-fill{stroke-dashoffset:var(--ring-offset,82.8)}.sp-app .ring-label{font-family:var(--mono);color:var(--gold);justify-content:center;align-items:center;font-size:11px;display:flex;position:absolute;inset:0}.sp-app .chip-text{flex-direction:column;line-height:1.15;display:flex}.sp-app .chip-num{font-family:var(--syne);color:var(--cream);font-size:22px;font-weight:700}.sp-app .chip-num.gold{color:var(--gold);font-family:var(--mono)}.sp-app .chip-label{color:var(--cream-3);margin-top:2px;font-size:11px}.sp-app .chip-label.big{color:var(--cream);font-size:14px;font-weight:500}.sp-app .flame-icon{color:var(--amber);filter:drop-shadow(0 0 6px #f59e0b99)}.sp-app .star-icon{color:var(--gold);filter:drop-shadow(0 0 6px #c4922a80)}.sp-app .worlds{min-height:calc(100vh - var(--nav-h) - var(--welcome-h) - var(--bottom-h));flex:1;grid-template-columns:repeat(3,1fr);gap:16px;padding:0 40px 16px;display:grid}.sp-app .world-card{transition:transform .3s var(--ease-out),box-shadow .3s var(--ease-out),border-color .3s var(--ease-out);opacity:0;animation:sp-cardIn .6s var(--ease-out) forwards;border:1px solid #f2ede314;border-radius:20px;flex-direction:column;padding:28px 26px;display:flex;position:relative;overflow:hidden;transform:translateY(28px)}.sp-app .world-card[data-world=outlet]{background:linear-gradient(160deg,#0d1b30,#091a14);animation-delay:.3s}.sp-app .world-card[data-world=wd]{background:linear-gradient(160deg,#0d1b30,#090f1e);animation-delay:.42s}.sp-app .world-card[data-world=ds]{background:linear-gradient(160deg,#0d1b30,#110b24);animation-delay:.54s}@keyframes sp-cardIn{to{opacity:1;transform:none}}.sp-app .world-card:before{content:"";height:3px;transition:height .3s var(--ease-out);border-radius:20px 20px 0 0;position:absolute;top:0;left:0;right:0}.sp-app .world-card[data-world=outlet]:before{background:var(--outlet)}.sp-app .world-card[data-world=wd]:before{background:var(--wd)}.sp-app .world-card[data-world=ds]:before{background:var(--ds)}.sp-app .world-card:hover{transform:translateY(-4px)}.sp-app .world-card:hover:before{height:4px}.sp-app .world-card[data-world=outlet]:hover{box-shadow:0 20px 60px -20px var(--outlet-glow),0 4px 24px #00000080;border-color:#10b98166}.sp-app .world-card[data-world=wd]:hover{box-shadow:0 20px 60px -20px var(--wd-glow),0 4px 24px #00000080;border-color:#3b82f666}.sp-app .world-card[data-world=ds]:hover{box-shadow:0 20px 60px -20px var(--ds-glow),0 4px 24px #00000080;border-color:#8b5cf666}.sp-app .world-deco{opacity:.04;pointer-events:none;justify-content:center;align-items:center;width:120px;height:120px;display:flex;position:absolute;bottom:-20px;right:-10px}.sp-app .world-row1{align-items:center;gap:12px;display:flex}.sp-app .world-icon-circle{border-radius:50%;flex:none;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.sp-app .world-card[data-world=outlet] .world-icon-circle{color:var(--outlet);background:#10b9811f;box-shadow:inset 0 0 0 1px #10b98140}.sp-app .world-card[data-world=wd] .world-icon-circle{color:var(--wd);background:#3b82f61f;box-shadow:inset 0 0 0 1px #3b82f640}.sp-app .world-card[data-world=ds] .world-icon-circle{color:var(--ds);background:#8b5cf61f;box-shadow:inset 0 0 0 1px #8b5cf640}.sp-app .world-titles{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.sp-app .world-label{font-family:var(--mono);text-transform:uppercase;letter-spacing:.2em;font-size:10px;font-weight:600}.sp-app .world-card[data-world=outlet] .world-label{color:var(--outlet)}.sp-app .world-card[data-world=wd] .world-label{color:var(--wd)}.sp-app .world-card[data-world=ds] .world-label{color:var(--ds)}.sp-app .world-name{font-family:var(--syne);color:var(--cream);font-size:22px;font-weight:700;line-height:1.1}.sp-app .level-pill{font-family:var(--mono);letter-spacing:.05em;border-radius:999px;flex:none;padding:4px 10px;font-size:10px;font-weight:600}.sp-app .world-card[data-world=outlet] .level-pill{color:var(--outlet);background:#10b9811f;box-shadow:inset 0 0 0 1px #10b98159}.sp-app .world-card[data-world=wd] .level-pill{color:var(--wd);background:#3b82f61f;box-shadow:inset 0 0 0 1px #3b82f659}.sp-app .world-card[data-world=ds] .level-pill{color:var(--ds);background:#8b5cf61f;box-shadow:inset 0 0 0 1px #8b5cf659}.sp-app .world-desc{color:#f2ede38c;margin-top:14px;font-size:13px;line-height:1.5}.sp-app .world-count{font-family:var(--mono);color:#f2ede34d;text-transform:uppercase;letter-spacing:.15em;margin-top:6px;font-size:10px;font-weight:400}.sp-app .persona-strip{background:#00000040;border:1px solid #f2ede312;border-radius:10px;align-items:center;gap:10px;margin-top:20px;padding:11px 13px;display:flex}.sp-app .persona-avatar{width:34px;height:34px;font-family:var(--syne);border-radius:50%;flex:none;justify-content:center;align-items:center;font-size:12px;font-weight:700;display:flex}.sp-app .persona-info{flex-direction:column;flex:1;gap:1px;min-width:0;display:flex}.sp-app .persona-name{font-family:var(--sans);color:var(--cream);white-space:nowrap;text-overflow:ellipsis;font-size:12px;font-weight:600;overflow:hidden}.sp-app .persona-role{color:#f2ede373;white-space:nowrap;text-overflow:ellipsis;font-size:10px;overflow:hidden}.sp-app .tactic-pill{font-family:var(--sans);white-space:nowrap;border-radius:6px;flex:none;margin-left:auto;padding:3px 8px;font-size:10px;font-weight:500}.sp-app .world-card[data-world=outlet] .tactic-pill{color:var(--outlet);background:#10b9811f;box-shadow:inset 0 0 0 1px #10b9814d}.sp-app .world-card[data-world=wd] .tactic-pill{color:var(--wd);background:#3b82f61f;box-shadow:inset 0 0 0 1px #3b82f64d}.sp-app .world-card[data-world=ds] .tactic-pill{color:var(--ds);background:#8b5cf61f;box-shadow:inset 0 0 0 1px #8b5cf64d}.sp-app .unlock{border-top:1px solid #f2ede30f;margin-top:14px;padding-top:14px}.sp-app .unlock-row{justify-content:space-between;align-items:baseline;gap:8px;display:flex}.sp-app .unlock-label{color:#f2ede366;font-size:11px}.sp-app .unlock-meta{font-family:var(--mono);color:#f2ede359;font-size:10px}.sp-app .unlock-track{background:#f2ede312;border-radius:999px;height:4px;margin-top:7px;overflow:hidden}.sp-app .unlock-fill{width:0%;height:100%;transition:width .9s var(--ease-out);border-radius:999px}.sp-app .world-card[data-world=outlet] .unlock-fill{background:#10b981cc}.sp-app .world-card[data-world=wd] .unlock-fill{background:#3b82f6cc}.sp-app .world-card[data-world=ds] .unlock-fill{background:#8b5cf6cc}.sp-app .select-btn{margin-top:auto;padding-top:20px}.sp-app .select-btn button{width:100%;height:46px;font-family:var(--sans);border-radius:10px;justify-content:space-between;align-items:center;padding:0 18px;font-size:14px;font-weight:600;transition:background .2s,box-shadow .2s,border-color .2s,transform .1s;display:flex}.sp-app .world-card[data-world=outlet] .select-btn button{color:var(--outlet);background:#10b9811f;box-shadow:inset 0 0 0 1.5px #10b98166}.sp-app .world-card[data-world=wd] .select-btn button{color:var(--wd);background:#3b82f61f;box-shadow:inset 0 0 0 1.5px #3b82f666}.sp-app .world-card[data-world=ds] .select-btn button{color:var(--ds);background:#8b5cf61f;box-shadow:inset 0 0 0 1.5px #8b5cf666}.sp-app .world-card[data-world=outlet] .select-btn button:hover{background:#10b98140;box-shadow:inset 0 0 0 1.5px #10b981cc}.sp-app .world-card[data-world=wd] .select-btn button:hover{background:#3b82f640;box-shadow:inset 0 0 0 1.5px #3b82f6cc}.sp-app .world-card[data-world=ds] .select-btn button:hover{background:#8b5cf640;box-shadow:inset 0 0 0 1.5px #8b5cf6cc}.sp-app .select-btn button .arrow{transition:transform .2s;display:inline-flex}.sp-app .select-btn button:hover .arrow{transform:translate(3px)}.sp-app .select-btn button:active{transform:scale(.98)}.sp-app .bottom-nav{z-index:10;height:var(--bottom-h);-webkit-backdrop-filter:blur(12px);background:#080f1ef2;border-top:1px solid #f2ede314;justify-content:center;display:flex;position:sticky;bottom:0}.sp-app .bottom-nav-inner{grid-template-columns:repeat(3,1fr);width:100%;max-width:360px;height:100%;display:grid}.sp-app .bn-tab{color:#f2ede359;height:100%;font-family:var(--sans);border-top:2px solid #0000;flex-direction:column;align-items:center;gap:4px;padding-top:10px;font-size:11px;font-weight:500;transition:color .2s,border-color .2s;display:flex}.sp-app .bn-tab:hover{color:#f2ede399}.sp-app .bn-tab.active{color:var(--gold);border-top-color:var(--gold)}.sp-app .rules-pill{z-index:20;-webkit-backdrop-filter:blur(8px);font-family:var(--sans);color:#f2ede3a6;opacity:0;animation:sp-fadeUp .6s var(--ease-out) .5s forwards;background:#080f1ee6;border:1.5px solid #f2ede32e;border-radius:999px;align-items:center;gap:8px;padding:9px 16px;font-size:13px;font-weight:500;transition:border-color .2s,color .2s;display:flex;position:fixed;bottom:72px;left:24px;transform:translateY(20px)}.sp-app .rules-pill svg{color:#f2ede38c;transition:color .2s}.sp-app .rules-pill .chev{color:#f2ede359}.sp-app .rules-pill:hover{color:var(--gold);border-color:#c4922a80}.sp-app .rules-pill:hover svg{color:var(--gold)}.sp-app .overlay{z-index:30;pointer-events:none;background:0 0;transition:background .25s;position:fixed;inset:0}.sp-app .overlay.open{pointer-events:auto;background:#000000a6}.sp-app .panel{top:var(--nav-h);z-index:40;-webkit-backdrop-filter:blur(12px);background:#0d1b30;border-left:1px solid #f2ede31a;flex-direction:column;width:420px;max-width:100vw;transition:transform .35s cubic-bezier(.22,.7,.2,1);display:flex;position:fixed;bottom:0;right:0;transform:translate(100%);box-shadow:-20px 0 60px -20px #0009}.sp-app .panel.open{transform:translate(0)}.sp-app .panel-header{justify-content:space-between;align-items:flex-start;gap:12px;padding:22px 24px 0;display:flex}.sp-app .panel-title{font-family:var(--syne);color:var(--cream);margin:0;font-size:22px;font-weight:700;line-height:1.1}.sp-app .panel-subtitle{font-family:var(--mono);color:var(--cream-3);text-transform:uppercase;letter-spacing:.2em;margin-top:4px;font-size:10px}.sp-app .panel-close{width:32px;height:32px;color:var(--cream-3);background:#f2ede314;border-radius:50%;flex:none;justify-content:center;align-items:center;transition:color .2s,background .2s;display:flex}.sp-app .panel-close:hover{color:var(--cream);background:#f2ede324}.sp-app .panel-body{flex:1;padding:18px 24px 0;overflow-y:auto}.sp-app .panel-foot{background:linear-gradient(#0d1b30f2,#0d1b30);border-top:1px solid #f2ede30f;padding:14px 24px 18px}.sp-app .persona-card{border:1px solid #f2ede31a;border-left:3px solid var(--cream-3);background:#f2ede30a;border-radius:12px;gap:14px;margin-top:14px;padding:16px;display:flex}.sp-app .persona-card[data-world=outlet]{border-left-color:var(--outlet)}.sp-app .persona-card[data-world=wd]{border-left-color:var(--wd)}.sp-app .persona-card[data-world=ds]{border-left-color:var(--ds)}.sp-app .persona-card .av{width:52px;height:52px;font-family:var(--syne);border-radius:50%;flex:none;justify-content:center;align-items:center;font-size:18px;font-weight:700;display:flex}.sp-app .persona-card .pc-info{flex-direction:column;gap:4px;min-width:0;display:flex}.sp-app .pc-name{font-family:var(--syne);color:var(--cream);font-size:18px;font-weight:700;line-height:1.1}.sp-app .pc-real{color:var(--cream-3);font-size:12px}.sp-app .pc-desc{color:var(--cream-2);margin-top:4px;font-size:12.5px;line-height:1.5}.sp-app .pc-traits{flex-wrap:wrap;gap:6px;margin-top:8px;display:flex}.sp-app .trait{border-radius:6px;padding:3px 8px;font-size:10px;font-weight:500}.sp-app .persona-card[data-world=outlet] .trait{color:var(--outlet);background:#10b9811f}.sp-app .persona-card[data-world=wd] .trait{color:var(--wd);background:#3b82f61f}.sp-app .persona-card[data-world=ds] .trait{color:var(--ds);background:#8b5cf61f}.sp-app .choose-label{font-family:var(--sans);color:#f2ede380;text-transform:uppercase;letter-spacing:.12em;margin:22px 0 10px;font-size:12px;font-weight:600}.sp-app .scenario-list{flex-direction:column;gap:8px;display:flex}.sp-app .scn{cursor:pointer;text-align:left;background:#f2ede308;border:1px solid #f2ede312;border-radius:10px;align-items:flex-start;gap:12px;width:100%;padding:14px 16px;transition:background .18s,border-color .18s;display:flex}.sp-app .scn:hover{background:#f2ede30f;border-color:#f2ede326}.sp-app .scn .scn-num{width:28px;height:28px;font-family:var(--mono);border-radius:50%;flex:none;justify-content:center;align-items:center;font-size:12px;font-weight:600;display:flex}.sp-app .panel[data-world=outlet] .scn-num{color:var(--outlet);background:#10b98126}.sp-app .panel[data-world=wd] .scn-num{color:var(--wd);background:#3b82f626}.sp-app .panel[data-world=ds] .scn-num{color:var(--ds);background:#8b5cf626}.sp-app .scn-body{flex:1;min-width:0}.sp-app .scn-name{font-family:var(--sans);color:var(--cream);font-size:14px;font-weight:600;line-height:1.2;display:block}.sp-app .scn-desc{color:var(--cream-3);margin-top:3px;font-size:12px;line-height:1.4;display:block}.sp-app .scn-chev{color:var(--cream-3);flex:none;margin-top:6px}.sp-app .panel[data-world=outlet] .scn.selected{border-color:#10b98166;border-left:3px solid var(--outlet);background:#10b98114;padding-left:14px}.sp-app .panel[data-world=wd] .scn.selected{border-color:#3b82f666;border-left:3px solid var(--wd);background:#3b82f614;padding-left:14px}.sp-app .panel[data-world=ds] .scn.selected{border-color:#8b5cf666;border-left:3px solid var(--ds);background:#8b5cf614;padding-left:14px}.sp-app .scn.locked{opacity:.45;cursor:not-allowed}.sp-app .scn.locked:hover{background:#f2ede308;border-color:#f2ede312}.sp-app .scn.locked .scn-num{color:var(--cream-3);background:#f2ede30f}.sp-app .level-divider{color:#f2ede34d;font-family:var(--mono);text-transform:uppercase;letter-spacing:.2em;align-items:center;gap:12px;margin:14px 0 8px;font-size:10px;display:flex}.sp-app .level-divider:before,.sp-app .level-divider:after{content:"";background:#f2ede314;flex:1;height:1px}.sp-app .level-steps{justify-content:space-between;align-items:flex-start;gap:4px;margin:20px 4px 8px;display:flex}.sp-app .lvl-step{flex-direction:column;flex:none;align-items:center;gap:6px;width:90px;display:flex}.sp-app .lvl-circle{width:28px;height:28px;color:var(--cream-3);font-family:var(--mono);background:#f2ede30f;border-radius:50%;justify-content:center;align-items:center;font-size:12px;font-weight:600;display:flex}.sp-app .panel[data-world=outlet] .lvl-step.active .lvl-circle{background:var(--outlet);color:#04130c}.sp-app .panel[data-world=wd] .lvl-step.active .lvl-circle{background:var(--wd);color:#07101f}.sp-app .panel[data-world=ds] .lvl-step.active .lvl-circle{background:var(--ds);color:#150a22}.sp-app .lvl-name{font-family:var(--sans);color:var(--cream-2);font-size:11px;font-weight:600}.sp-app .lvl-meta{font-family:var(--sans);color:var(--cream-3);text-align:center;font-size:10px;line-height:1.3}.sp-app .lvl-link{background:#f2ede31f;flex:1;height:1px;margin-top:14px}.sp-app .start-btn{color:#f2ede34d;width:100%;height:52px;font-family:var(--sans);cursor:not-allowed;background:#f2ede314;border:1px solid #f2ede326;border-radius:12px;justify-content:center;align-items:center;gap:10px;font-size:15px;font-weight:700;transition:background .2s,color .2s,box-shadow .2s,border-color .2s,transform .1s;display:flex}.sp-app .start-btn.enabled[data-world=outlet]{background:var(--outlet);color:#fff;border-color:var(--outlet);box-shadow:0 0 28px -6px var(--outlet);cursor:pointer}.sp-app .start-btn.enabled[data-world=wd]{background:var(--wd);color:#fff;border-color:var(--wd);box-shadow:0 0 28px -6px var(--wd);cursor:pointer}.sp-app .start-btn.enabled[data-world=ds]{background:var(--ds);color:#fff;border-color:var(--ds);box-shadow:0 0 28px -6px var(--ds);cursor:pointer}.sp-app .start-btn.enabled:hover{filter:brightness(1.08);transform:scale(1.01)}.sp-app .start-btn.enabled:active{transform:scale(.99)}.sp-app .rules-sheet{z-index:50;opacity:0;pointer-events:none;background:#0d1b30;border:1px solid #f2ede31f;border-radius:16px;width:320px;padding:18px 20px;transition:opacity .2s,transform .2s;position:fixed;bottom:72px;left:24px;transform:translateY(10px);box-shadow:0 20px 60px -10px #000000b3}.sp-app .rules-sheet.open{opacity:1;pointer-events:auto;transform:none}.sp-app .rules-sheet h4{font-family:var(--syne);color:var(--cream);margin:0 0 10px;font-size:16px;font-weight:700}.sp-app .rules-sheet ul{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.sp-app .rules-sheet li{color:var(--cream-2);align-items:flex-start;gap:10px;font-size:12.5px;line-height:1.4;display:flex}.sp-app .rules-sheet li:before{content:"";background:var(--gold);border-radius:50%;flex:none;width:6px;height:6px;margin-top:6px}@media(max-width:980px){.sp-app .worlds{grid-template-columns:1fr;padding:0 20px 16px}.sp-app .welcome{flex-direction:column;align-items:flex-start;gap:14px;height:auto;padding:14px 20px 18px}.sp-app .chips{width:100%;overflow-x:auto}.sp-app .panel{width:100%;top:0}.sp-app .rules-pill{bottom:68px}.sp-app .welcome-line1 .name{font-size:28px}}@media(prefers-reduced-motion:reduce){.sp-app *,.sp-app :before,.sp-app :after{transition:none!important;animation:none!important}.sp-app .ring-wrap.go .ring-fill{stroke-dashoffset:var(--ring-offset,82.8)}}:root{--navy-deepest:#080f1e;--navy-deep:#0f2340;--navy-mid:#1b3a5c;--navy-mid-h:#2a4f7a;--gold:#c4922a;--gold-light:#e8b94a;--gold-glow:#c4922a26;--cream:#f2ede3;--cream-muted:#f2ede3a6;--cream-faint:#f2ede31f;--cream-ghost:#f2ede30f;--right-bg:#fafaf8;--ink:#0f2340;--ink-2:#1f2937;--muted:#6b7280;--muted-2:#9ca3af;--border:#e5e7eb;--border-2:#d1d5db;--danger:#ef4444;--teal:#2dd4bf;--serif:"Playfair Display", "Times New Roman", serif;--sans:"DM Sans", system-ui, -apple-system, sans-serif;--mono:"JetBrains Mono", ui-monospace, monospace;--ease-out:cubic-bezier(.22,.7,.2,1)}*,:before,:after{box-sizing:border-box}html,body{height:100%;margin:0;padding:0}body{font-family:var(--sans);color:var(--ink);background:var(--right-bg);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;overflow:hidden}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer;color:inherit;background:0 0;border:0;padding:0}input,select{font:inherit;color:inherit}p{margin:0}h1,h2,h3{letter-spacing:-.01em;margin:0;font-weight:700}.mono{font-family:var(--mono);font-feature-settings:"tnum" 1,"zero" 1}::selection{background:var(--gold);color:var(--navy-deepest)}.auth{grid-template-columns:1fr 1fr;width:100%;height:100vh;display:grid;overflow:hidden}.left{background:var(--navy-deepest);color:var(--cream);flex-direction:column;gap:22px;padding:32px 44px 28px;display:flex;position:relative;overflow:hidden}.left__bg,.left__grid,.left__orbs{pointer-events:none;position:absolute;inset:0}.left__grid{opacity:.65;background-image:linear-gradient(45deg,#f2ede30d 1px,#0000 1px),linear-gradient(-45deg,#f2ede30d 1px,#0000 1px);background-size:56px 56px;-webkit-mask-image:radial-gradient(90% 80% at 40%,#000 35%,#0000 85%);mask-image:radial-gradient(90% 80% at 40%,#000 35%,#0000 85%)}.orb{filter:blur(80px);opacity:0;transition:opacity 1.2s var(--ease-out),transform 1.2s var(--ease-out);border-radius:999px;position:absolute;transform:scale(.8)}.orb.in{opacity:1;transform:scale(1)}.orb--gold{background:radial-gradient(circle,#c4922a59,#0000 70%);width:400px;height:400px;animation:9s ease-in-out infinite breathe;bottom:-90px;left:-90px}.orb--navy{background:radial-gradient(circle,#162847cc,#0000 70%);width:350px;height:350px;animation:11s ease-in-out -2s infinite breathe;top:-80px;right:-80px}.orb--teal{filter:blur(90px);background:radial-gradient(circle,#2dd4bf1a,#0000 70%);width:280px;height:280px;animation:13s ease-in-out -4s infinite breathe;top:40%;left:30%}@keyframes breathe{0%,to{transform:scale(1)}50%{transform:scale(1.06)}}.brand{z-index:2;align-items:center;gap:12px;display:inline-flex}.left__header{z-index:2;justify-content:space-between;align-items:center;gap:12px;display:flex;position:relative}.live-now{color:#86efac;letter-spacing:.02em;background:#22c55e14;border-radius:999px;align-items:center;gap:8px;padding:5px 12px;font-size:11px;font-weight:500;display:inline-flex;box-shadow:inset 0 0 0 1px #22c55e40}.live-now .pulse{background:#22c55e;border-radius:999px;width:7px;height:7px;animation:1.6s ease-out infinite pulse-dot;box-shadow:0 0 #22c55eb3}.live-now .n{font-family:var(--mono);color:var(--cream);font-weight:600}@keyframes pulse-dot{0%{box-shadow:0 0 #22c55e8c}70%{box-shadow:0 0 0 8px #22c55e00}to{box-shadow:0 0 #22c55e00}}.brand__itc{font-family:var(--serif);color:var(--gold);letter-spacing:.04em;font-size:22px;font-weight:700;line-height:1}.brand__sep{background:var(--gold);opacity:.6;width:1.5px;height:16px}.brand__name{font-family:var(--sans);color:var(--cream);letter-spacing:.01em;font-size:18px;font-weight:600}.left__center{z-index:2;flex-direction:column;gap:14px;max-width:560px;display:flex;position:relative}.left__h1{font-family:var(--serif);letter-spacing:-.03em;color:var(--cream);text-wrap:balance;margin:0;font-size:clamp(30px,2.8vw,38px);line-height:1.05}.left__h1 .gold-i{color:var(--gold);font-style:italic;display:inline-block}.left__sub{color:var(--cream-muted);max-width:480px;font-size:14px;line-height:1.55}.live-conv{z-index:2;box-shadow:inset 0 0 0 1px var(--cream-faint);background:linear-gradient(#0f23408c,#0f234040);border-radius:14px;flex-direction:column;gap:10px;padding:14px 16px;display:flex;position:relative;overflow:hidden}.live-conv__head{align-items:center;gap:10px;display:flex}.live-conv__av{width:30px;height:30px;font-family:var(--serif);border-radius:999px;flex-shrink:0;justify-content:center;align-items:center;font-size:12px;font-weight:700;transition:background .5s,box-shadow .5s,color .3s;display:inline-flex}.live-conv__meta{flex-direction:column;min-width:0;line-height:1.2;display:flex}.live-conv__name{color:var(--cream);letter-spacing:.01em;font-size:12.5px;font-weight:600}.live-conv__sub{color:#f2ede38c;font-size:10.5px}.live-conv__tag{color:var(--gold);letter-spacing:.04em;text-transform:uppercase;white-space:nowrap;background:#c4922a1a;border-radius:999px;align-items:center;gap:6px;margin-left:auto;padding:3px 9px;font-size:10px;font-weight:600;display:inline-flex;box-shadow:inset 0 0 0 1px #c4922a59}.live-conv__msg{color:var(--cream);min-height:36px;font-size:13px;line-height:1.45;font-family:var(--serif);letter-spacing:.005em;font-style:italic}.live-conv__msg:after{content:"";background:var(--gold);vertical-align:-2px;width:6px;height:14px;margin-left:3px;animation:.8s steps(2,end) infinite caret;display:inline-block}@keyframes caret{50%{opacity:0}}.live-conv__wave{align-items:flex-end;gap:3px;height:22px;margin-top:2px;display:flex}.live-conv__wave span{background:var(--gold);opacity:.85;border-radius:2px;flex:1;max-width:4px;height:4px;animation:.9s ease-in-out infinite alternate cwave}.live-conv__wave span:nth-child(2n){animation-duration:.65s}.live-conv__wave span:nth-child(3n){animation-duration:1.1s}.live-conv__wave span:nth-child(4n){animation-duration:.5s}.live-conv__wave span:nth-child(5n){animation-duration:.8s}@keyframes cwave{to{height:100%}}.chips{z-index:2;grid-template-columns:repeat(3,1fr);gap:8px;display:grid;position:relative}.chip{background:var(--cream-ghost);box-shadow:inset 0 0 0 1px var(--cream-faint);transition:transform .2s var(--ease-out),box-shadow .25s var(--ease-out),background .25s ease;opacity:0;border-radius:10px;align-items:center;gap:10px;min-width:0;padding:8px 10px;display:inline-flex;transform:translateY(12px)}.chip.is-active{background:#c4922a14;box-shadow:inset 0 0 0 1px #c4922a8c,0 8px 24px -10px #c4922a73}.chip.in{opacity:1;transition:opacity .55s var(--ease-out),transform .55s var(--ease-out);transform:translateY(0)}.chip:hover{background:#f2ede314;transform:translateY(-2px);box-shadow:inset 0 0 0 1px #c4922a80,0 8px 24px -8px #c4922a4d}.chip__av{width:30px;height:30px;font-family:var(--serif);letter-spacing:.02em;color:var(--navy-deepest);border-radius:999px;flex-shrink:0;justify-content:center;align-items:center;font-size:13px;font-weight:700;display:inline-flex}.chip__av--gold{color:var(--navy-deepest);background:linear-gradient(150deg,#e8b94a,#c4922a);box-shadow:0 0 16px -4px #c4922a8c}.chip__av--emerald{color:var(--cream);background:linear-gradient(150deg,#34d399,#059669)}.chip__av--violet{color:var(--cream);background:linear-gradient(150deg,#a78bfa,#7c3aed)}.chip__text{flex-direction:column;gap:0;min-width:0;line-height:1.2;display:flex;overflow:hidden}.chip__name{color:var(--cream);white-space:nowrap;text-overflow:ellipsis;font-size:12px;font-weight:600;overflow:hidden}.chip__role{color:#f2ede38c;letter-spacing:.02em;white-space:nowrap;text-overflow:ellipsis;font-size:10px;font-weight:500;overflow:hidden}.feed{z-index:2;background:var(--cream-ghost);box-shadow:inset 0 0 0 1px var(--cream-faint);border-radius:12px;flex-direction:column;gap:10px;padding:12px 14px;display:flex;position:relative;overflow:hidden}.feed__head{color:#f2ede38c;letter-spacing:.18em;text-transform:uppercase;justify-content:space-between;align-items:center;font-size:10.5px;font-weight:600;display:flex}.feed__head .total{color:var(--cream);font-family:var(--mono);letter-spacing:.02em;text-transform:none;font-weight:600}.feed__list{flex-direction:column;height:90px;display:flex;position:relative;overflow:hidden}.feed__item{color:var(--cream);border-top:1px solid var(--cream-faint);opacity:0;animation:feed-in .45s var(--ease-out) forwards;grid-template-columns:22px 1fr auto;align-items:center;gap:10px;padding:5px 0;font-size:12px;line-height:1.3;display:grid;transform:translateY(8px)}.feed__item:first-child{border-top:0}@keyframes feed-in{to{opacity:1;transform:translateY(0)}}.feed__dot{border-radius:999px;justify-self:center;width:8px;height:8px}.feed__dot--gold{background:var(--gold);box-shadow:0 0 8px var(--gold)}.feed__dot--emerald{background:#34d399;box-shadow:0 0 8px #34d399}.feed__dot--violet{background:#a78bfa;box-shadow:0 0 8px #a78bfa}.feed__dot--red{background:var(--danger);box-shadow:0 0 8px var(--danger)}.feed__txt{min-width:0;overflow:hidden}.feed__txt strong{color:var(--cream);font-weight:600}.feed__txt .when{color:#f2ede373;font-family:var(--mono);margin-left:6px;font-size:10.5px}.feed__score{font-family:var(--mono);color:var(--gold);white-space:nowrap;font-size:12px;font-weight:600}.feed__score.bad{color:var(--danger)}.left__foot{z-index:2;justify-content:space-between;align-items:center;gap:12px;margin-top:auto;display:flex;position:relative}.left__stats{flex-wrap:wrap;gap:8px;display:flex}.stat-pill{background:var(--cream-ghost);box-shadow:inset 0 0 0 1px var(--cream-faint);color:var(--cream);border-radius:8px;align-items:baseline;gap:6px;padding:7px 11px;font-size:11.5px;display:inline-flex}.stat-pill .n{font-family:var(--mono);color:var(--gold);font-size:13px;font-weight:600}.stat-pill.live .n{color:#86efac}.left__quote{font-family:var(--serif);color:#f2ede366;text-align:right;flex-shrink:0;max-width:200px;font-size:12px;font-style:italic;line-height:1.4}.reveal{opacity:0;transition:opacity .6s var(--ease-out),transform .6s var(--ease-out);transform:translateY(20px)}.reveal.in{opacity:1;transform:translateY(0)}.right{background:var(--right-bg);opacity:0;transition:opacity .55s var(--ease-out),transform .55s var(--ease-out);justify-content:center;align-items:center;padding:40px 24px 96px;display:flex;position:relative;transform:translate(30px)}.right.in{opacity:1;transform:translate(0)}.form-wrap{flex-direction:column;width:100%;max-width:380px;display:flex}.auth-title{font-family:var(--serif);color:var(--ink);letter-spacing:-.015em;margin:0;font-size:28px;font-weight:700;line-height:1.15}.auth-sub{color:var(--muted);margin-top:8px;font-size:14px}.tabs{border-bottom:1px solid var(--border);gap:26px;margin:28px 0 32px;display:inline-flex;position:relative}.tab{color:var(--muted-2);cursor:pointer;padding:0 0 12px;font-size:14px;font-weight:500;transition:color .2s;position:relative}.tab[aria-selected=true]{color:var(--ink);font-weight:600}.tab__ink{background:var(--gold);height:2px;transition:left .25s var(--ease-out),width .25s var(--ease-out);border-radius:2px;position:absolute;bottom:-1px;left:0;box-shadow:0 0 6px #c4922a66}.form{flex-direction:column;gap:14px;display:flex}.form__group{opacity:0;transition:opacity .35s var(--ease-out),transform .35s var(--ease-out);transform:translateY(8px)}.form__group.in{opacity:1;transform:translateY(0)}.field{border:1px solid var(--border);height:52px;transition:border-color .2s var(--ease-out),box-shadow .2s var(--ease-out);background:#fff;border-radius:10px;position:relative}.field input{width:100%;height:100%;color:var(--ink);background:0 0;border:0;border-radius:10px;outline:0;padding:18px 16px 6px;font-size:14.5px}.field input[type=password]{letter-spacing:.12em;padding-right:44px}.field input[type=password]:placeholder-shown{letter-spacing:normal}.field input::placeholder{color:#0000}.field__label{color:var(--muted);pointer-events:none;transform-origin:0;transition:transform .2s var(--ease-out),color .2s var(--ease-out);background:0 0;font-size:14.5px;position:absolute;top:50%;left:16px;transform:translateY(-50%)}.field input:focus+.field__label,.field.is-filled .field__label{color:var(--gold);letter-spacing:.01em;font-weight:600;transform:translateY(-18px)scale(.78)}.field.is-filled:not(:focus-within) .field__label{color:var(--muted)}.field:focus-within{border-color:var(--gold);border-width:1.5px;box-shadow:0 0 0 3px #c4922a14}.field.has-error{border-color:var(--danger);border-width:1.5px}.field.has-error .field__label{color:var(--danger)}.field.has-error:focus-within{box-shadow:0 0 0 3px #ef444414}.field__icon-btn{width:28px;height:28px;color:var(--muted-2);border-radius:6px;justify-content:center;align-items:center;transition:color .2s,background .2s;display:inline-flex;position:absolute;top:50%;right:12px;transform:translateY(-50%)}.field__icon-btn:hover{color:var(--ink);background:#0f23400d}.field__icon-btn.is-on{color:var(--gold)}.field-error{color:var(--danger);margin-top:6px;padding-left:4px;font-size:12px;display:none}.field-error.show{animation:.35s shake;display:block}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-3px)}75%{transform:translate(3px)}}.row{justify-content:space-between;align-items:center;gap:8px;display:flex}.check{color:var(--muted);cursor:pointer;align-items:center;gap:8px;font-size:13px;display:inline-flex}.check input{accent-color:var(--gold)}.link-gold{color:var(--gold);font-size:13px;font-weight:600;transition:color .2s}.link-gold:hover{color:#a47a1f;text-underline-offset:3px;text-decoration:underline}.roles{grid-template-columns:1fr 1fr;gap:10px;display:grid}.role{border:1px solid var(--border);height:80px;transition:border .15s var(--ease-out),background .15s var(--ease-out),transform .15s var(--ease-out);cursor:pointer;text-align:center;background:#fff;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;gap:4px;padding:0 8px;display:flex}.role:hover{border-color:var(--border-2);transform:translateY(-1px)}.role[aria-pressed=true]{border:2px solid var(--navy-deep);background:#0f23400a}.role .ico{color:var(--navy-deep);margin-bottom:2px}.role .title{color:var(--ink);font-size:13.5px;font-weight:600;line-height:1.1}.role .sub{color:var(--muted);font-size:11.5px;line-height:1.1}.field--select select{appearance:none;width:100%;height:100%;color:var(--ink);cursor:pointer;background:0 0;border:0;border-radius:10px;outline:0;padding:18px 40px 6px 16px;font-size:14.5px}.field--select:after{content:"";border-right:1.5px solid var(--gold);border-bottom:1.5px solid var(--gold);pointer-events:none;width:10px;height:10px;position:absolute;top:50%;right:16px;transform:translateY(-70%)rotate(45deg)}.field--select.is-filled .field__label,.field--select:focus-within .field__label{transform:translateY(-18px)scale(.78)}.submit{background:var(--navy-mid);color:#fff;border-radius:10px;justify-content:center;align-items:center;gap:8px;width:100%;height:52px;margin-top:8px;font-size:15px;font-weight:600;transition:background .2s,transform .15s,box-shadow .25s;display:inline-flex;position:relative;box-shadow:0 4px 18px -8px #0f234080}.submit:hover{background:var(--navy-mid-h);transform:scale(1.01);box-shadow:0 8px 24px -8px #0f234073}.submit:active{transform:scale(.995)}.submit:disabled{opacity:.85;cursor:progress}.submit__spinner{border:2px solid #ffffff59;border-top-color:#fff;border-radius:999px;width:18px;height:18px;animation:.8s linear infinite spin;display:none}.submit.is-loading .submit__spinner{display:inline-block}.submit.is-loading .submit__label{display:none}@keyframes spin{to{transform:rotate(360deg)}}.form-foot{text-align:center;color:var(--muted);margin-top:18px;font-size:13px}.form-foot a{color:var(--gold);font-weight:600}.form-foot a:hover{text-underline-offset:3px;text-decoration:underline}.right__foot{text-align:center;color:var(--muted-2);letter-spacing:.02em;font-size:11px;position:absolute;bottom:24px;left:0;right:0}@media(max-width:1180px){.left{gap:16px;padding:28px 32px 24px}.left__quote{display:none}}@media(max-width:980px){.feed__list{height:72px}}@media(max-width:768px){body{overflow:auto}.auth{grid-template-rows:130px 1fr;grid-template-columns:1fr;height:100vh;min-height:700px}.left{gap:8px;padding:14px 20px}.brand{gap:8px}.brand__itc{font-size:17px}.brand__name{font-size:14px}.left__center{gap:6px;max-width:100%}.left__h1{font-size:16px;line-height:1.25}.left__h1 br,.left__sub,.chips,.left__foot,.live-conv,.feed{display:none}.orb--gold{width:280px;height:280px;bottom:-160px;left:30%}.orb--navy{width:220px;height:220px;top:-60px;right:-60px}.orb--teal{display:none}.right{align-items:flex-start;padding:36px 20px 80px}.form-wrap{max-width:100%}.right__foot{font-size:10.5px;bottom:14px}}@media(prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}