*{box-sizing:border-box}html,body,#root{margin:0;height:100%;overflow:hidden;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;background:#0d0e12;color:#e4e6ec;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}input,textarea,[contenteditable=true]{-webkit-user-select:text;user-select:text}button{font:inherit;color:inherit;cursor:pointer}.landing{position:relative;height:100%;overflow-y:auto;overflow-x:hidden;background:radial-gradient(1100px 520px at 50% -8%,rgba(46,88,200,.16),transparent 62%),radial-gradient(900px 480px at 50% 112%,rgba(217,172,92,.1),transparent 60%),radial-gradient(ellipse at 50% 42%,#171009,#0d0806 55%,#070404)}.landing:after{content:"";position:fixed;inset:0;pointer-events:none;opacity:.05;mix-blend-mode:overlay;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2'/%3E%3C/filter%3E%3Crect width='160' height='160' filter='url(%23n)'/%3E%3C/svg%3E")}.landing-embers{position:fixed;inset:0;overflow:hidden;pointer-events:none}.landing-embers span{position:absolute;left:var(--left);bottom:-10px;width:var(--size);height:var(--size);border-radius:50%;background:radial-gradient(circle,#ffd88cf2,#ffb24a00 70%);opacity:0;animation:ember-rise var(--dur) linear var(--delay) infinite}@keyframes ember-rise{0%{transform:translate(0) scale(1);opacity:0}10%{opacity:var(--glow)}85%{opacity:calc(var(--glow) * .5)}to{transform:translate(var(--drift),-105vh) scale(.35);opacity:0}}.landing-hero{position:relative;z-index:1;min-height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px 36px}.landing-emblem-wrap{position:relative;animation:landing-rise .9s ease-out both}.landing-emblem-wrap:before{content:"";position:absolute;inset:-4% -8%;border-radius:50%;background:radial-gradient(closest-side,rgba(37,25,12,.85) 0%,rgba(30,20,10,.5) 55%,transparent 100%)}.landing-emblem{position:relative;display:block;width:min(500px,90vw);margin-bottom:-26%;-webkit-mask-image:radial-gradient(ellipse 34% 42% at 50% 36%,#000 72%,transparent 100%),linear-gradient(to bottom,#000 60%,transparent 67.5%);-webkit-mask-composite:source-in;mask-image:radial-gradient(ellipse 34% 42% at 50% 36%,#000 72%,transparent 100%),linear-gradient(to bottom,#000 60%,transparent 67.5%);mask-composite:intersect;filter:drop-shadow(0 0 56px rgba(52,100,214,.3))}.landing-wordmark{margin:10px 0 0;font-family:Iowan Old Style,Palatino Linotype,Palatino,Georgia,serif;font-size:clamp(46px,9vw,64px);font-weight:600;line-height:1.05;letter-spacing:.1em;text-transform:uppercase;text-indent:.1em;background:linear-gradient(180deg,#f5dc9c,#d9a854 52%,#996b2c);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 2px 14px rgba(0,0,0,.65));animation:landing-rise .9s .05s ease-out both}.landing-sub{display:flex;align-items:center;gap:14px;margin:10px 0 0;font-size:12px;letter-spacing:.42em;text-transform:uppercase;color:#a58c66;animation:landing-rise .9s .1s ease-out both}.landing-sub span{margin-right:-.42em}.landing-sub:before,.landing-sub:after{content:"";height:1px;width:52px;background:linear-gradient(90deg,transparent,rgba(217,172,92,.55))}.landing-sub:after{background:linear-gradient(90deg,rgba(217,172,92,.55),transparent)}.landing-tagline{margin:24px 0 0;max-width:540px;text-align:center;text-wrap:balance;font-family:Iowan Old Style,Palatino Linotype,Palatino,Georgia,serif;font-size:23px;line-height:1.3;color:#ecdcb6;text-shadow:0 2px 24px rgba(0,0,0,.8);animation:landing-rise .9s .1s ease-out both}.landing-tagline span{display:block;margin-top:10px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;font-size:14.5px;line-height:1.5;color:#a58c66}.landing-panel{margin-top:30px;width:min(560px,92vw);padding:22px;border-radius:16px;border:1px solid rgba(217,172,92,.22);background:linear-gradient(180deg,#21160cb3,#120c07d1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 24px 70px #0000008c,inset 0 1px #ffe0a017;animation:landing-rise .9s .2s ease-out both}.landing-form{display:flex;gap:12px;align-items:flex-end}.landing-name{flex:1;display:flex;flex-direction:column;gap:7px}.landing-name span{font-size:11.5px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:#a58c66}.landing-name input{font:inherit;font-size:16px;color:#f0e3c4;background:#090603bf;border:1px solid rgba(217,172,92,.25);border-radius:10px;padding:11px 14px;outline:none;transition:border-color .15s,box-shadow .15s}.landing-name input::placeholder{color:#6d5a3e}.landing-name input:focus{border-color:#d9ac5c;box-shadow:0 0 0 3px #d9ac5c2e}.landing-cta{position:relative;overflow:hidden;border:1px solid #8a6425;border-radius:10px;padding:12px 24px;font-size:15px;font-weight:700;letter-spacing:.02em;white-space:nowrap;color:#221503;background:linear-gradient(180deg,#f0c877,#d9a854 48%,#b07f31);box-shadow:0 6px 20px #d9a85438,inset 0 1px #fff0c899;transition:transform .12s,filter .12s,box-shadow .12s}.landing-cta:hover{filter:brightness(1.07);transform:translateY(-1px);box-shadow:0 9px 26px #d9a85452,inset 0 1px #fff0c899}.landing-cta:active{filter:brightness(.97);transform:translateY(0)}.landing-cta:after{content:"";position:absolute;inset:-40% -60%;pointer-events:none;background:linear-gradient(115deg,transparent 42%,rgba(255,255,255,.45) 50%,transparent 58%);transform:translate(-80%);transition:transform .5s ease}.landing-cta:hover:after{transform:translate(80%)}.landing-recents{margin-top:18px;padding-top:16px;border-top:1px solid rgba(217,172,92,.14)}.landing-recents h2{margin:0 0 10px;font-size:11.5px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:#a58c66}.landing-recent{display:flex;justify-content:space-between;align-items:baseline;width:100%;padding:9px 12px;margin-bottom:6px;background:#ffd68c08;border:1px solid rgba(217,172,92,.12);border-radius:9px;transition:border-color .15s,background .15s}.landing-recent:last-child{margin-bottom:0}.landing-recent:hover{border-color:#d9ac5c80;background:#ffd68c12}.landing-recent-id{font-family:ui-monospace,monospace;font-size:13.5px;letter-spacing:.04em;color:#ecdfc4}.landing-recent-ts{font-size:12px;color:#8a7452}.landing-features{list-style:none;display:flex;flex-wrap:wrap;justify-content:center;gap:12px 34px;margin:28px 0 0;padding:0;animation:landing-rise .9s .3s ease-out both}.landing-features li{display:flex;align-items:center;gap:9px;font-size:13.5px;color:#b39b74}.landing-features svg{width:18px;height:18px;color:#d9ac5c;opacity:.9}.landing-hint{margin:24px 0 0;font-size:12.5px;text-align:center;color:#77613f;animation:landing-rise .9s .3s ease-out both}@keyframes landing-rise{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}@media(max-width:540px){.landing-form{flex-direction:column;align-items:stretch}}@media(prefers-reduced-motion:reduce){.landing-embers{display:none}.landing-emblem,.landing-tagline,.landing-panel,.landing-features,.landing-hint{animation:none}}.home{height:100%;display:flex;align-items:center;justify-content:center;overflow-y:auto;padding:24px 0;background:radial-gradient(1100px 520px at 50% -8%,rgba(46,88,200,.16),transparent 62%),radial-gradient(ellipse at 50% 42%,#171009,#0d0806 55%,#070404)}.home-card{width:min(420px,90vw);background:linear-gradient(180deg,#21160ccc,#120c07e0);border:1px solid rgba(217,172,92,.22);border-radius:16px;padding:32px;display:flex;flex-direction:column;gap:16px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 24px 70px #0000008c,inset 0 1px #ffe0a017}.home-card h1{margin:0;font-family:Iowan Old Style,Palatino Linotype,Palatino,Georgia,serif;font-size:30px;color:#ecdcb6}.tagline{margin:0;color:#b39b74;line-height:1.5}.field{display:flex;flex-direction:column;gap:7px;font-size:11.5px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:#a58c66}.field input{font:inherit;font-size:15px;font-weight:400;letter-spacing:normal;text-transform:none;color:#f0e3c4;background:#090603bf;border:1px solid rgba(217,172,92,.25);border-radius:10px;padding:11px 14px;outline:none;transition:border-color .15s,box-shadow .15s}.field input:focus{border-color:#d9ac5c;box-shadow:0 0 0 3px #d9ac5c2e}button.primary{background:linear-gradient(180deg,#f0c877,#d9a854 48%,#b07f31);border:1px solid #8a6425;border-radius:10px;padding:12px;font-size:15px;font-weight:700;color:#221503;box-shadow:0 6px 20px #d9a85438,inset 0 1px #fff0c899;transition:filter .12s}button.primary:hover{filter:brightness(1.07)}button.ghost{border:1px solid rgba(217,172,92,.3);border-radius:10px;padding:12px;font-size:15px;font-weight:600;color:#e2cfa4;background:#d9ac5c0f;transition:background .12s,border-color .12s}button.ghost:hover{background:#d9ac5c21;border-color:#d9ac5c80}.auth-actions{display:flex;flex-direction:column;gap:10px}.landing-auth{position:absolute;top:20px;right:24px;z-index:2;display:flex;align-items:center;gap:10px}.landing-auth-link{padding:8px 14px;border-radius:9px;font-size:14px;font-weight:600;color:#cbb392;background:transparent;border:1px solid transparent;transition:color .12s}.landing-auth-link:hover{color:#f0dcae}.landing-auth-cta{padding:8px 16px;border-radius:9px;font-size:14px;font-weight:700;color:#e8d5aa;background:#d9ac5c17;border:1px solid rgba(217,172,92,.32);transition:background .12s,border-color .12s}.landing-auth-cta:hover{background:#d9ac5c2b;border-color:#d9ac5c8c}.room{position:relative;height:100%}.room canvas{display:block}.room.tool-lights canvas{cursor:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='28' height='28' viewBox='0 0 28 28'><g fill='none' stroke-linecap='round' stroke-linejoin='round'><g stroke='%23000' stroke-opacity='0.8' stroke-width='4.2'><path d='M11 8.6a4 4 0 0 0-2.2 7.3v1.5h4.4v-1.5A4 4 0 0 0 11 8.6ZM9.4 19.8h3.2M11 5.2v2M5.4 7.8l1.5 1.5M16.6 7.8l-1.5 1.5M4 14h2.1M15.9 14H18M21.5 6.3v6M18.5 9.3h6'/></g><g stroke='%23fff' stroke-width='1.8'><path d='M11 8.6a4 4 0 0 0-2.2 7.3v1.5h4.4v-1.5A4 4 0 0 0 11 8.6ZM9.4 19.8h3.2M11 5.2v2M5.4 7.8l1.5 1.5M16.6 7.8l-1.5 1.5M4 14h2.1M15.9 14H18M21.5 6.3v6M18.5 9.3h6'/></g></g></svg>") 11 14,crosshair}.topbar{position:absolute;top:0;left:0;right:0;height:48px;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:0 10px;background:#101217f5;backdrop-filter:blur(16px) saturate(1.2);-webkit-backdrop-filter:blur(16px) saturate(1.2);border-bottom:1px solid rgba(255,255,255,.1);z-index:22}.topbar-group{display:flex;align-items:center;gap:6px;min-width:0}.topbar-left{flex:1 1 0}.topbar-scenes{flex:0 0 auto}.topbar-right{flex:1 1 0;justify-content:flex-end}.topbar-logo{width:28px;height:28px;display:grid;place-items:center;flex:none;font-size:15px;background:#ffffff0f;border:1px solid rgba(255,255,255,.07);border-radius:8px}.topbar-divider{width:1px;height:22px;flex:none;background:#ffffff14;margin:0 4px}.topbar-board{display:flex;align-items:center;gap:5px;min-width:0;background:none;border:1px solid transparent;border-radius:8px;padding:5px 8px;font-size:13px;font-weight:700;color:#fff;transition:background .12s}.topbar-board svg{color:#8f96a5;flex:none}.topbar-board:hover,.topbar-board.open{background:#ffffff12}.topbar-board-name{max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.topbar-tools{display:flex;align-items:center;gap:2px}.topbar-menu-anchor{position:relative;min-width:0}.topbar-backdrop{position:fixed;inset:0;z-index:1}.topbar-menu{position:absolute;top:calc(100% + 8px);left:0;min-width:208px;display:flex;flex-direction:column;gap:1px;background:#12141af7;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);border:1px solid rgba(255,255,255,.09);border-radius:12px;box-shadow:0 18px 44px #00000080;padding:5px;z-index:2}.scenes-menu{left:50%;transform:translate(-50%);min-width:224px}.menu-item{display:flex;align-items:center;gap:8px;background:none;border:none;border-radius:8px;padding:7px 10px;font-size:12.5px;color:#c8cbd4;text-align:left;white-space:nowrap}.menu-item svg{color:#8f96a5;flex:none}.menu-item:hover{background:#ffffff12;color:#fff}.menu-item.danger:hover{background:#e6604d26;color:#ff9384}.menu-sep{height:1px;background:#ffffff12;margin:4px 6px}.scene-item{justify-content:space-between;gap:12px}.scene-item.active{background:#4d7fe024;color:#fff}.scene-item-name{overflow:hidden;text-overflow:ellipsis}.scene-item-live{font-size:9.5px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#7ee283}.topbar-scene-name{display:flex;align-items:center;gap:6px;max-width:240px;background:none;border:1px solid transparent;border-radius:8px;padding:5px 10px;font-size:12.5px;font-weight:700;color:#fff;white-space:nowrap;transition:background .12s}.topbar-scene-name svg{color:#8f96a5;flex:none}.topbar-scene-name:hover:not(:disabled),.topbar-scene-name.open{background:#ffffff12}.topbar-scene-name:disabled{cursor:default}.scene-step{width:26px}.topbar-user{display:flex;align-items:center;gap:8px;flex:none;padding:3px 4px 3px 11px;border-radius:999px;background:#ffffff0a;border:1px solid rgba(255,255,255,.07)}.topbar-role{font-size:12px;font-weight:650;color:#eef3ff;white-space:nowrap}.topbar-avatar{width:26px;height:26px;display:grid;place-items:center;border-radius:50%;font-size:12px;font-weight:800;color:#0000009e}.tb-mode{display:grid;grid-template-columns:1fr 1fr;gap:3px;padding:3px;background:#ffffff0f;border-radius:10px}.tb-mode-btn{min-width:56px;height:28px;border:none;border-radius:7px;background:transparent;color:#9aa2b1;font-size:12px;font-weight:700;transition:color .12s,background .12s,box-shadow .12s}.tb-mode-btn:hover{color:#fff;background:#ffffff17}.tb-mode-btn.active{color:#fff;background:#568af557;box-shadow:inset 0 0 0 1px #85b0ff99}.tb-seg{display:flex;gap:2px;align-items:center;padding:0 8px}.tb-seg+.tb-seg{border-left:1px solid rgba(255,255,255,.08)}.tb-btn{display:flex;align-items:center;justify-content:center;width:32px;height:30px;background:none;border:none;border-radius:8px;color:#dfe6f2;transition:color .12s,background .12s,box-shadow .12s}.tb-btn:hover:not(:disabled){color:#fff;background:#ffffff1f}.tb-btn.active,.tb-btn.active:hover:not(:disabled){color:#fff;background:#568af557;box-shadow:inset 0 0 0 1px #85b0ff99}.tb-btn:disabled{opacity:.3;cursor:default}.tb-share{display:flex;align-items:center;gap:7px;background:#568af547;border:none;box-shadow:inset 0 0 0 1px #85b0ff73;border-radius:9px;padding:6px 12px;font-size:12px;font-weight:600;color:#eef3ff;transition:background .12s,color .12s,box-shadow .12s}.tb-share:hover{background:#568af56b;box-shadow:inset 0 0 0 1px #85b0ffb3;color:#fff}.tb-room{font-family:ui-monospace,monospace;font-size:11px;color:#9aa0ad}.tb-share-text{font-weight:600}.tool-btn{background:none;border:1px solid transparent;border-radius:7px;padding:6px 10px;font-size:13px;color:#c8cbd4;white-space:nowrap}.tool-btn:hover:not(:disabled){background:#232631}.tool-btn.active{background:#2d3a5c;border-color:#4d7fe0;color:#fff}.tool-btn:disabled{opacity:.35;cursor:default}.status-dot{width:8px;height:8px;border-radius:50%;display:inline-block}.status-dot.connected{background:#5dbb63;box-shadow:0 0 6px #5dbb63b3}.status-dot.connecting{background:#e6b84d}.status-dot.disconnected{background:#e6604d}.room-code{font-family:ui-monospace,monospace;font-size:12px;color:#9aa0ad}.dice-tray{position:absolute;bottom:52px;left:12px;display:flex;flex-direction:column;gap:8px;z-index:10}.dice-buttons{display:flex;gap:4px;background:#16181feb;border:1px solid #2a2d38;border-radius:10px;padding:6px}.roll-log{width:220px;max-height:220px;overflow-y:auto;background:#16181ff2;border:1px solid #2a2d38;border-radius:10px;padding:8px}.roll-empty{font-size:12px;color:#6c7280;text-align:center;padding:8px}.roll-row{display:flex;align-items:center;gap:6px;padding:3px 2px;font-size:12px}.roll-who{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.roll-die{color:#9aa0ad}.roll-value{font-weight:700;min-width:22px;text-align:right}.roll-value.crit{color:#5dbb63}.roll-value.fumble{color:#e6604d}.roll-latest{margin-left:6px;border:1.5px solid;border-radius:5px;padding:0 5px;font-weight:700;font-size:12px}.dice-result{background:#16181ff2;border:2px solid #ffd34d;border-radius:10px;padding:4px 14px;font-size:22px;font-weight:800;color:#ffd34d}.dice-pending{display:flex;align-items:center;gap:4px;flex-wrap:wrap;background:#16181feb;border:1px solid #2a2d38;border-radius:10px;padding:6px}.dice-chip{font:inherit;font-size:12px;font-weight:700;color:#e4e6ec;background:#ffffff0f;border:1px solid #3a3d48;border-radius:6px;padding:4px 8px;cursor:pointer}.dice-chip:hover{border-color:#e6604d;color:#e6604d}.dice-mod{display:flex;align-items:center;gap:2px}.dice-mod-btn{font:inherit;font-weight:700;color:#c7cad3;background:#ffffff0d;border:1px solid #2a2d38;border-radius:6px;width:22px;height:24px;cursor:pointer}.dice-mod-btn:hover{border-color:#4d7fe0}.dice-mod-val{min-width:26px;text-align:center;font-size:12.5px;font-weight:700;color:#9aa0ad}.dice-clear{font:inherit;font-size:12px;color:#9aa0ad;background:transparent;border:1px solid #2a2d38;border-radius:6px;padding:4px 8px;cursor:pointer}.dice-clear:hover{color:#e4e6ec;border-color:#3a3d48}.dice-throw-pad{font:inherit;font-size:12.5px;font-weight:800;color:#1d1c2a;background:#ffd34d;border:none;border-radius:7px;padding:5px 12px;cursor:grab;touch-action:none;margin-left:auto}.dice-throw-pad:active{cursor:grabbing}.dice-throw-pad:disabled{opacity:.45;cursor:default}.level-slider{position:absolute;right:0;top:50%;transform:translateY(-50%);height:min(46vh,460px);box-sizing:content-box;padding:30px 10px 30px 32px;cursor:pointer;touch-action:none;z-index:9}.level-slider-track{position:relative;width:48px;height:100%}.level-slider-line{position:absolute;left:50%;top:0;bottom:0;width:2px;transform:translate(-50%);border-radius:1px;background:repeating-linear-gradient(to bottom,#ffffff61 0 1px,#ffffff24 1px 5%);box-shadow:0 0 3px #0009;pointer-events:none}.level-slider-handle{position:absolute;transform:translate(-50%,-50%);pointer-events:none}.level-slider-handle.cut{left:calc(50% + 10px)}.level-slider-handle.build{left:calc(50% - 10px)}.level-slider-diamond{width:22px;height:22px;transform:rotate(45deg);border-radius:4px;box-shadow:0 0 5px #0000008c;display:flex;align-items:center;justify-content:center}.level-slider-diamond svg{width:15px;height:15px;transform:rotate(-45deg)}.level-slider-handle.cut .level-slider-diamond{background:#58c65c;border:1.5px solid #123c14}.level-slider-handle.cut .level-slider-diamond svg{color:#0e2f10}.level-slider-handle.build .level-slider-diamond{background:#e8963c;border:1.5px solid #56350c}.level-slider-handle.build .level-slider-diamond svg{color:#331f06}.level-slider-handle.cut.dragging .level-slider-diamond{transform:rotate(45deg) scale(1.12);box-shadow:0 0 10px #7ee283cc}.level-slider-handle.build.dragging .level-slider-diamond{transform:rotate(45deg) scale(1.12);box-shadow:0 0 10px #e8963cd9}.level-slider-label{position:absolute;right:24px;top:50%;transform:translateY(-50%);font-size:11px;white-space:nowrap;color:#e6e9f0;background:#16181feb;border:1px solid #2a2d38;border-radius:6px;padding:2px 7px}.level-slider-handle.build .level-slider-label{border-color:#6b4415}.level-slider-handle.cut .level-slider-label{border-color:#2c5b2e}.perm-toggle{background:none;border:1px solid #2a2d38;border-radius:6px;padding:1px 6px;font-size:12px;opacity:.45}.perm-toggle.granted{opacity:1;border-color:#5dbb63;background:#1d2b20}.perm-badge{font-size:12px}.palette{position:absolute;top:60px;left:12px;bottom:12px;width:296px;display:flex;flex-direction:column;background:#13151bf0;backdrop-filter:blur(20px) saturate(1.35);-webkit-backdrop-filter:blur(20px) saturate(1.35);border:1px solid rgba(255,255,255,.09);border-radius:14px;box-shadow:inset 0 1px #ffffff14,0 24px 60px #0000008c,0 4px 16px #00000059;overflow:hidden;z-index:10;animation:palette-in .4s cubic-bezier(.2,.7,.3,1) backwards}@keyframes palette-in{0%{opacity:0;transform:translate(-14px)}}.palette.collapsed{bottom:auto}.palette-head{display:flex;align-items:center;justify-content:space-between;padding:10px 10px 9px 14px;flex-shrink:0}.palette-title{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:700;letter-spacing:.01em;color:#fff}.palette-title svg{color:#dfe6f2}.palette-total{font-size:10.5px;font-weight:600;color:#9aa2b1;font-variant-numeric:tabular-nums}.palette-collapse{width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:none;border:none;border-radius:8px;color:#dfe6f2;transition:color .12s,background .12s}.palette-collapse:hover{color:#fff;background:#ffffff1f}.palette-collapse svg{transition:transform .25s cubic-bezier(.2,.7,.3,1)}.palette.collapsed .palette-collapse svg{transform:rotate(180deg)}.palette-search-wrap{position:relative;padding:0 12px 10px;flex-shrink:0}.search-icon{position:absolute;left:23px;top:calc(50% - 5px);transform:translateY(-50%);display:flex;color:#707686;pointer-events:none}.palette-search{width:100%;font:inherit;font-size:12.5px;color:#e7e9ef;background:#00000052;border:1px solid rgba(255,255,255,.08);border-radius:10px;padding:8px 30px 8px 32px;outline:none;box-shadow:inset 0 1px 3px #00000040;transition:border-color .15s,background .15s,box-shadow .15s}.palette-search::placeholder{color:#6b7180}.palette-search:focus{border-color:#6e91dccc;background:#0000006b;box-shadow:inset 0 1px 3px #00000040,0 0 0 3px #5a7dd22e}.search-clear{position:absolute;right:19px;top:calc(50% - 5px);transform:translateY(-50%);background:none;border:none;color:#707686;font-size:11px;padding:3px 5px;border-radius:6px}.search-clear:hover{color:#fff;background:#ffffff1a}.cat-chips{display:flex;flex-wrap:wrap;gap:5px;padding:0 12px 10px;flex-shrink:0}.cat-chip{background:#ffffff0d;border:1px solid rgba(255,255,255,.06);border-radius:999px;padding:4px 11px;font-size:11.5px;font-weight:600;color:#9aa0ad;transition:color .12s,background .12s,border-color .12s}.cat-chip:hover{color:#e4e6ec;background:#ffffff17}.cat-chip.active{color:#14151a;background:#dfe3ea;border-color:#dfe3ea}.palette-body{display:flex;flex-direction:column;gap:14px;padding:2px 12px 14px;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.16) transparent}.palette-body::-webkit-scrollbar{width:8px}.palette-body::-webkit-scrollbar-thumb{background:#ffffff24;border-radius:4px;border:2px solid transparent;background-clip:padding-box}.palette-body::-webkit-scrollbar-thumb:hover{background:#ffffff42;background-clip:padding-box}.lib-section-head{display:flex;align-items:baseline;justify-content:space-between;gap:7px;padding:0 3px 7px}.section-name{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:#b3b9c7}.section-count{font-size:10px;color:#666c79;font-variant-numeric:tabular-nums}.lib-seeall{background:none;border:none;padding:0;font-size:11px;font-weight:600;color:#8fa5d8}.lib-seeall:hover{color:#bcccf2;text-decoration:underline}.palette-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.asset-card{position:relative;height:114px;display:flex;flex-direction:column;padding:0;background:linear-gradient(180deg,#1d212c,#161922);border:1px solid rgba(255,255,255,.07);border-radius:12px;overflow:hidden;transition:transform .15s cubic-bezier(.2,.7,.3,1),border-color .15s,box-shadow .15s;animation:palette-card-in .32s cubic-bezier(.2,.7,.3,1) backwards}@keyframes palette-card-in{0%{opacity:0;transform:translateY(7px) scale(.96)}}.asset-card:hover{transform:translateY(-2px);border-color:color-mix(in srgb,var(--accent, #4d7fe0) 65%,transparent);box-shadow:0 8px 20px #00000073,0 0 14px color-mix(in srgb,var(--accent, #4d7fe0) 16%,transparent)}.asset-card.active{border-color:var(--accent, #4d7fe0);box-shadow:0 0 0 1px var(--accent, #4d7fe0),0 6px 18px color-mix(in srgb,var(--accent, #4d7fe0) 30%,transparent)}.asset-card.active:after{content:"";position:absolute;top:5px;right:5px;width:16px;height:16px;border-radius:50%;background-color:var(--accent, #4d7fe0);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M4.5 8.5 7 11l4.5-5.5' fill='none' stroke='%23101218' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-size:11px;background-position:center;background-repeat:no-repeat;box-shadow:0 2px 6px #00000073}.card-art{position:relative;width:100%;height:82px;flex:none;display:flex;align-items:center;justify-content:center;background:radial-gradient(85% 65% at 50% 26%,color-mix(in srgb,var(--swatch, #8a8f9b) 32%,transparent),transparent 78%),radial-gradient(120% 50% at 50% 108%,rgba(0,0,0,.4),transparent 70%),linear-gradient(180deg,rgba(255,255,255,.05),transparent 60%)}.card-thumb{width:93%;height:93%;object-fit:contain;filter:saturate(1.1) drop-shadow(0 5px 8px rgba(0,0,0,.5));pointer-events:none;transition:transform .2s cubic-bezier(.2,.7,.3,1)}.asset-card:hover .card-thumb{transform:scale(1.07) translateY(-1px)}.card-placeholder{width:36px;height:36px;border-radius:9px;opacity:.5;animation:palette-pulse 1.1s ease-in-out infinite alternate}@keyframes palette-pulse{0%{opacity:.25;transform:scale(.96)}to{opacity:.55;transform:scale(1)}}.card-name{flex:1;min-height:0;padding:5px 6px 4px;font-size:10px;font-weight:600;line-height:1.25;letter-spacing:.01em;color:#c3c7d2;text-align:center;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.asset-card:hover .card-name,.asset-card.active .card-name{color:#f2f3f7}.upload-card{border-style:dashed;border-color:#ffffff24;background:#ffffff05}.upload-card:hover{border-style:dashed;background:color-mix(in srgb,var(--accent, #a98ef0) 7%,transparent)}.upload-card .card-art{background:none}.upload-glyph{width:30px;height:30px;display:flex;align-items:center;justify-content:center;font-size:19px;font-weight:500;color:#9aa0ad;background:#ffffff0f;border-radius:50%;transition:color .15s,background .15s,transform .15s}.upload-card:hover .upload-glyph{color:#fff;background:color-mix(in srgb,var(--accent, #a98ef0) 35%,transparent);transform:scale(1.08)}.palette-empty{grid-column:1 / -1;display:flex;flex-direction:column;align-items:center;gap:3px;text-align:center;padding:26px 10px 30px;color:#6c7280}.empty-glyph{display:flex;padding:9px;border-radius:50%;background:#ffffff0d;color:#7c8290;margin-bottom:5px}.empty-title{font-size:12.5px;font-weight:600;color:#aeb4c2}.empty-hint{font-size:11px;color:#6c7280}@media(prefers-reduced-motion:reduce){.palette,.asset-card,.card-placeholder{animation:none}}.lighting-panel{position:absolute;top:60px;left:12px;width:296px;max-height:calc(100% - 84px);display:flex;flex-direction:column;background:#13151bf0;backdrop-filter:blur(20px) saturate(1.35);-webkit-backdrop-filter:blur(20px) saturate(1.35);border:1px solid rgba(255,255,255,.09);border-radius:14px;box-shadow:inset 0 1px #ffffff14,0 24px 60px #0000008c,0 4px 16px #00000059;overflow:hidden;z-index:10;animation:palette-in .4s cubic-bezier(.2,.7,.3,1) backwards}.lighting-panel .palette-title svg{color:#e6c25a}.lighting-body{display:flex;flex-direction:column;gap:3px;padding:2px 10px 12px;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.16) transparent}.light-item{display:flex;align-items:center;gap:9px;padding:7px 8px;border-radius:9px;cursor:pointer;-webkit-user-select:none;user-select:none;transition:background .12s}.light-item:hover{background:#ffffff0f}.light-item.open{background:#568af529;box-shadow:inset 0 0 0 1px #85b0ff59}.light-item-icon{display:flex;flex:none;color:#dfe6f2}.light-item-name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12.5px;font-weight:600;color:#eef2fa}.light-item-btn{width:24px;height:24px;display:flex;align-items:center;justify-content:center;flex:none;padding:0;background:none;border:none;border-radius:6px;color:#7b8290;transition:color .12s,background .12s}button.light-item-btn:hover{color:#fff;background:#ffffff1f}.light-item-btn.active{color:#9dbcff}button.light-item-btn.danger:hover{color:#ff9e90;background:#e6604d38}.global-light-body{display:flex;flex-direction:column;gap:8px}.gl-chips{display:flex;gap:5px}.gl-chip{flex:1;background:#ffffff0d;border:1px solid rgba(255,255,255,.06);border-radius:999px;padding:5px 4px;font-size:11.5px;font-weight:600;color:#9aa0ad;white-space:nowrap;transition:color .12s,background .12s,border-color .12s}.gl-chip:hover{color:#e4e6ec;background:#ffffff17}.gl-chip.active{color:#14151a;background:#dfe3ea;border-color:#dfe3ea}.lighting-empty{padding:10px 8px;font-size:11.5px;line-height:1.5;color:#6c7280}.light-add{display:flex;align-items:center;justify-content:center;gap:7px;margin-top:5px;padding:8px;background:#ffffff0a;border:1px dashed rgba(255,255,255,.18);border-radius:9px;font-size:12.5px;font-weight:650;color:#dfe6f2;transition:color .12s,background .12s,border-color .12s}.light-add:hover{color:#fff;background:#568af52e;border-color:#85b0ff80}.fps-meter{position:absolute;top:54px;right:232px;z-index:30;pointer-events:none;font-family:ui-monospace,monospace;font-size:11px;padding:2px 8px;border-radius:6px;background:#101218bf;border:1px solid #2a2d38}.fps-meter.good{color:#7ee283}.fps-meter.ok{color:#e6b84d}.fps-meter.bad{color:#e6604d}.players{width:100%;background:#13151bf0;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.08);border-radius:14px;padding:12px 12px 9px}.players-head{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:6px}.players h2{margin:0;font-size:12.5px;font-weight:700;letter-spacing:.01em;color:#edeff5}.players-count{font-size:11px;color:#6c7280;font-variant-numeric:tabular-nums}.player-row{display:flex;align-items:center;gap:9px;padding:5px 0;font-size:12.5px}.player-avatar{width:26px;height:26px;display:grid;place-items:center;flex:none;border-radius:50%;font-size:11.5px;font-weight:800;color:#0000009e}.player-name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#dfe3ea}.player-you{font-size:11px;color:#6c7280}.player-crown{display:flex;flex:none;color:#e6b84d}.player-presence{width:8px;height:8px;flex:none;border-radius:50%;background:#58c65c;box-shadow:0 0 6px #58c65c99}.player-build{width:22px;height:22px;display:flex;align-items:center;justify-content:center;flex:none;padding:0;background:none;border:1px solid transparent;border-radius:6px;color:#4d525e;transition:color .12s,border-color .12s}button.player-build:hover{color:#c8cbd4;border-color:#3a3d48}.player-build.granted{color:#e6b84d}.player-build.static{cursor:default}.env-toggle{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;font-size:12px;color:#9aa0ad}.switch{position:relative;width:34px;height:20px;flex-shrink:0;border-radius:10px;border:1px solid #2a2d38;background:#14161c;padding:0;cursor:pointer;transition:background .15s ease,border-color .15s ease}.switch.on{background:#4d7fe0;border-color:#4d7fe0}.switch-knob{position:absolute;top:2px;left:2px;width:14px;height:14px;border-radius:50%;background:#9aa0ad;transition:transform .15s ease,background .15s ease}.switch.on .switch-knob{transform:translate(14px);background:#fff}.object-panel{position:absolute;bottom:96px;left:50%;transform:translate(-50%);z-index:11}.selection-hud{position:relative;display:flex;align-items:center;gap:2px;max-width:min(92vw,520px);background:#101217f5;backdrop-filter:blur(16px) saturate(1.18);-webkit-backdrop-filter:blur(16px) saturate(1.18);border:1px solid rgba(255,255,255,.13);border-radius:12px;box-shadow:0 12px 30px #00000080;padding:5px 6px;pointer-events:auto;-webkit-user-select:none;user-select:none}.selection-hud:after{content:"";position:absolute;left:50%;top:100%;width:11px;height:11px;background:#101217f5;border:1px solid rgba(255,255,255,.13);border-radius:2px;transform:translate(-50%,-58%) rotate(45deg);z-index:-1}.selection-hud-label{max-width:132px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:0 10px 0 8px;font-size:12px;font-weight:700;color:#fff}.hud-btn{width:30px;height:30px;display:flex;align-items:center;justify-content:center;flex:none;background:none;border:none;border-radius:8px;color:#dfe6f2;transition:color .12s,background .12s,box-shadow .12s}.hud-btn:hover:not(:disabled){color:#fff;background:#ffffff1f}.hud-btn.active,.hud-btn.active:hover:not(:disabled){color:#fff;background:#568af557;box-shadow:inset 0 0 0 1px #85b0ff99}.hud-btn.danger:hover:not(:disabled){color:#ff9e90;background:#e6604d38}.hud-btn:disabled{opacity:.35;cursor:default}.hud-text-btn{font-size:11px;font-weight:800;line-height:1}.placement-hint{padding:3px 9px;border-radius:999px;color:#fff;background:#101217eb;border:1px solid rgba(255,255,255,.14);box-shadow:0 8px 22px #0006;font-size:10.5px;font-weight:800;letter-spacing:.01em;white-space:nowrap;text-transform:lowercase}.placement-hint.grid{border-color:#7da8f58c;background:#2d4374c7}.placement-hint.surface{border-color:#69c28d8c;background:#225239c7}.placement-hint.wall{border-color:#e6b84d8c;background:#644b1ec7}.placement-hint.free{opacity:.75}.object-inspector{min-width:280px;max-width:min(620px,88vw);display:flex;flex-direction:column;gap:8px;background:#101217f5;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border:1px solid rgba(255,255,255,.13);border-radius:12px;padding:9px 11px;box-shadow:0 12px 30px #00000080}.object-inspector.compact{min-width:0;flex-direction:row;align-items:center}.inspector-head{display:flex;align-items:center;justify-content:space-between;gap:14px}.inspector-fields{display:flex;align-items:center;flex-wrap:wrap;gap:8px}.object-kind{font-size:12.5px;font-weight:700;color:#fff;white-space:nowrap}.layer-chip{max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;border:none;border-radius:999px;padding:3px 10px;font-size:11px;font-weight:600;color:#cdddff;background:#568af538;box-shadow:inset 0 0 0 1px #85b0ff66}.inspector-subtle,.inspector-empty{font-size:11.5px;color:#6c7280;white-space:nowrap}.object-name{font:inherit;font-size:12.5px;color:#fff;background:#ffffff0d;border:1px solid rgba(255,255,255,.09);border-radius:8px;padding:6px 9px;width:160px;outline:none;transition:border-color .12s,background .12s}.object-name::placeholder{color:#6b7180}.object-name:focus{border-color:#85b0ffb3;background:#ffffff12}.token-nameplate{background:#101217eb;border:1px solid rgba(255,255,255,.16);border-radius:7px;padding:1px 8px;font-size:11px;font-weight:600;white-space:nowrap;color:#fff}.dice-btn{font-weight:600;padding:6px 7px}.palette-upload{border-style:dashed}.upload-swatch{display:flex;align-items:center;justify-content:center;background:#232631;color:#9aa0ad;font-size:16px}.helpbar{position:absolute;bottom:12px;left:50%;transform:translate(-50%);display:flex;gap:14px;background:#16181fd9;border:1px solid #2a2d38;border-radius:8px;padding:6px 14px;font-size:11px;color:#9aa0ad;white-space:nowrap;z-index:10}.helpbar b{color:#c8cbd4}.conn-banner{position:absolute;top:60px;left:50%;transform:translate(-50%);background:#5c3a2d;border:1px solid #e6604d;border-radius:8px;padding:6px 16px;font-size:13px;z-index:20}.cursor-label{background:#101217eb;border:1.5px solid;border-radius:7px;padding:2px 8px;font-size:11px;font-weight:600;white-space:nowrap;color:#fff}.theme-bar{position:absolute;top:60px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:3px;background:#101217f5;backdrop-filter:blur(16px) saturate(1.18);-webkit-backdrop-filter:blur(16px) saturate(1.18);border:1px solid rgba(255,255,255,.13);border-radius:12px;box-shadow:0 12px 30px #00000080;padding:5px 6px;z-index:10;white-space:nowrap}.theme-hint{font-size:11.5px;font-weight:600;color:#9aa2b1;padding:0 8px 0 6px}.theme-chip{display:flex;align-items:center;gap:6px;background:none;border:none;border-radius:8px;padding:6px 10px;font-size:12px;font-weight:600;color:#dfe6f2;transition:color .12s,background .12s,box-shadow .12s}.theme-chip svg{flex:none}.theme-chip:hover{color:#fff;background:#ffffff1f}.theme-chip.active,.theme-chip.active:hover{color:#fff;background:#568af557;box-shadow:inset 0 0 0 1px #85b0ff99}.dice-tray{left:50%;transform:translate(-50%);bottom:44px}.formula-input{font:inherit;font-size:12.5px;width:86px;color:#e4e6ec;background:#ffffff0d;border:1px solid #2a2d38;border-radius:7px;padding:5px 8px;outline:none}.formula-input:focus{border-color:#4d7fe0}.formula-input.bad{border-color:#e6604d;animation:shake .3s}@keyframes shake{25%{transform:translate(-2px)}75%{transform:translate(2px)}}.chat-panel{position:absolute;bottom:12px;right:12px;width:300px;display:flex;flex-direction:column;background:#101217f5;backdrop-filter:blur(16px) saturate(1.18);-webkit-backdrop-filter:blur(16px) saturate(1.18);border:1px solid rgba(255,255,255,.13);border-radius:12px;box-shadow:0 12px 30px #00000080;overflow:hidden;z-index:10}.chat-panel.open{height:280px}.chat-panel.floating{z-index:14}.chat-grip{position:absolute;top:0;left:0;width:18px;height:18px;display:flex;align-items:center;justify-content:center;color:#565d6b;cursor:nwse-resize;touch-action:none}.chat-grip:hover{color:#aeb6c4}.chat-grip svg{transform:rotate(90deg)}.chat-panel.floating .chat-grip{inset:auto 0 0 auto}.chat-panel.floating .chat-grip svg{transform:none}.chat-head{display:flex;align-items:center;gap:8px;flex:none;padding:9px 12px 8px;font-size:12.5px;font-weight:700;color:#fff;cursor:grab;-webkit-user-select:none;user-select:none}.chat-head:active{cursor:grabbing}.chat-head svg{color:#dfe6f2;flex:none}.chat-caret{margin-left:auto;color:#9aa2b1!important;transition:transform .2s cubic-bezier(.2,.7,.3,1)}.chat-caret.closed{transform:rotate(180deg)}.chat-list{flex:1;min-height:0;overflow-y:auto;padding:2px 10px 4px;display:flex;flex-direction:column;gap:3px;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.16) transparent}.chat-row{font-size:12.5px;line-height:1.35}.chat-row.whisper{opacity:.85;font-style:italic}.chat-system{padding:6px 8px;margin:2px 0 4px;border-radius:8px;background:#568af51f;box-shadow:inset 0 0 0 1px #85b0ff47;font-size:11.5px;line-height:1.45;color:#b9c9ef}.chat-system b{color:#dfe8ff}.chat-row.roll-line .chat-text{color:#9aa0ad}.chat-name{font-weight:600;margin-right:6px}.chat-text b.crit{color:#5dbb63}.roll-parts{color:#6c7280;font-size:11px}.chat-input{font:inherit;font-size:12.5px;flex:none;color:#fff;background:#ffffff0a;border:none;border-top:1px solid rgba(255,255,255,.09);padding:9px 12px;outline:none;transition:background .12s}.chat-input::placeholder{color:#6b7180}.chat-input:focus{background:#ffffff0f}.token-status{display:flex;flex-direction:column;align-items:center;gap:2px}.token-hpbar{width:46px;height:5px;border-radius:3px;background:#0a0b0fd9;border:1px solid rgba(255,255,255,.18);overflow:hidden}.token-hpfill{height:100%}.token-conds{font-size:9px;letter-spacing:.1em;color:#ffd34d;background:#0a0b0fcc;border-radius:4px;padding:0 4px}.hidden-marker{font-size:15px;filter:drop-shadow(0 1px 3px rgba(0,0,0,.8))}.hp-edit{display:flex;align-items:center;gap:3px}.object-hp{font:inherit;font-size:12px;width:44px;color:#fff;background:#ffffff0d;border:1px solid rgba(255,255,255,.09);border-radius:8px;padding:5px 6px;outline:none;text-align:center;transition:border-color .12s,background .12s}.object-hp::placeholder{color:#6b7180}.object-hp:focus{border-color:#85b0ffb3;background:#ffffff12}.hp-sep{color:#6c7280}.ring-color{display:flex;align-items:center;gap:6px;font-size:11.5px;font-weight:600;color:#9aa2b1}.ring-color input[type=color]{width:28px;height:24px;padding:0;border:1px solid rgba(255,255,255,.14);border-radius:7px;background:none;cursor:pointer}.cond-summary{width:30px;height:30px;display:flex;align-items:center;justify-content:center;gap:3px;list-style:none;border-radius:8px;color:#dfe6f2;cursor:pointer;transition:color .12s,background .12s}.cond-summary::-webkit-details-marker{display:none}.cond-summary:hover{color:#fff;background:#ffffff1f}details[open]>.cond-summary{color:#fff;background:#568af557;box-shadow:inset 0 0 0 1px #85b0ff99}.cond-count{font-size:10.5px;font-weight:800;color:#ffd34d}.cond-summary:has(.cond-count){width:auto;padding:0 8px}.cond-menu{position:relative}.cond-menu summary{list-style:none;cursor:pointer}.cond-list{position:absolute;bottom:120%;left:50%;transform:translate(-50%);display:grid;grid-template-columns:1fr 1fr;gap:4px;width:230px;background:#101218f7;border:1px solid #2a2d38;border-radius:10px;padding:8px;z-index:30}.cond-chip{background:#ffffff0a;border:1px solid transparent;border-radius:6px;padding:4px 6px;font-size:11.5px;color:#c8cbd4}.cond-chip.active{border-color:#e6604d;background:#e6604d26;color:#fff}.light-pop{display:flex;flex-direction:column;width:292px}.light-editor{display:flex;flex-direction:column;gap:6px}.light-row{display:flex;align-items:center;gap:6px;font-size:11.5px;color:#c8cbd4}.light-row input[type=range]{flex:1;min-width:0}.light-row select{flex:1;min-width:0;height:24px;color:#d8dbe4;background:#171923;border:1px solid #2a2d38;border-radius:6px}.light-row input[type=color]{width:28px;height:22px;padding:0;border:1px solid #2a2d38;border-radius:6px;background:none;cursor:pointer}.light-label{width:64px;color:#9aa0ad}.light-value{width:52px;text-align:right;color:#9aa0ad;font-variant-numeric:tabular-nums;overflow:hidden;text-overflow:ellipsis}.light-direction{display:grid;grid-template-columns:64px 54px 28px 52px;align-items:center;gap:6px;font-size:11.5px;color:#c8cbd4}.light-dial{position:relative;width:50px;height:50px;border-radius:50%;border:1px solid #343846;background:linear-gradient(90deg,transparent 49%,rgba(255,255,255,.12) 50%,transparent 51%),linear-gradient(0deg,transparent 49%,rgba(255,255,255,.12) 50%,transparent 51%),radial-gradient(circle at 50% 50%,#202431,#11131b);cursor:grab;touch-action:none}.light-dial:active{cursor:grabbing}.light-dial-needle{position:absolute;left:50%;top:50%;width:3px;height:20px;border-radius:999px;background:#7da8ff;box-shadow:0 0 10px #7da8ffa6;transform-origin:50% 100%}.light-dial-center{position:absolute;left:50%;top:50%;width:8px;height:8px;border-radius:50%;background:#eef3ff;transform:translate(-50%,-50%)}.light-tilt{height:50px;display:flex;align-items:center;justify-content:center}.light-tilt input[type=range]{width:50px;transform:rotate(-90deg)}.light-direction-values{width:52px;color:#9aa0ad;text-align:right;line-height:1.25;font-variant-numeric:tabular-nums}.light-swatch{width:18px;height:18px;border-radius:50%;border:1px solid rgba(255,255,255,.25);cursor:pointer;padding:0}.light-swatch.active{border-color:#fff;box-shadow:0 0 0 1px #fff}.light-hint{font-size:10.5px;color:#6c7280;line-height:1.35}.light-remove{align-self:flex-end;cursor:pointer}.pm-asset-light summary{opacity:.45}.pm-asset-light summary.active{opacity:1;border-color:#e6b84d;background:#e6b84d1f}.scene-rename{font:inherit;font-size:12px;width:110px;color:#e4e6ec;background:#0d0e12;border:1px solid #4d7fe0;border-radius:6px;padding:3px 8px;outline:none}.owner-select{font:inherit;font-size:12px;font-weight:600;color:#dfe6f2;background:#ffffff0d;border:1px solid rgba(255,255,255,.09);border-radius:8px;padding:5px 6px;outline:none;max-width:110px;transition:border-color .12s,background .12s}.owner-select:hover,.owner-select:focus{border-color:#85b0ffb3;background:#ffffff12}.pm-overlay{position:absolute;inset:0;background:#05060a8c;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);display:flex;align-items:center;justify-content:center;z-index:40}.pm-panel{width:min(640px,92vw);max-height:80vh;display:flex;flex-direction:column;background:#101218f7;border:1px solid rgba(255,255,255,.09);border-radius:16px;box-shadow:0 24px 80px #0009;overflow:hidden}.pm-panel-head{display:flex;align-items:center;justify-content:space-between;padding:14px 18px 10px;border-bottom:1px solid rgba(255,255,255,.07)}.pm-panel-head h2{margin:0;font-size:16px}.pm-panel-head .search-clear{position:static;transform:none;font-size:14px}.pm-list{overflow-y:auto;padding:12px 18px 18px;display:flex;flex-direction:column;gap:14px}.pm-row{background:#ffffff08;border:1px solid rgba(255,255,255,.06);border-radius:12px;padding:12px}.pm-title{display:flex;align-items:center;gap:8px;font-size:14px}.pm-count{font-size:11.5px;color:#6c7280}.pm-badge{font-size:10px;text-transform:uppercase;letter-spacing:.07em;color:#9aa0ad;border:1px solid rgba(255,255,255,.14);border-radius:5px;padding:1px 6px}.pm-badge.custom{color:#d8b04c;border-color:#d8b04c80}.pm-actions{margin-left:auto;display:flex;gap:4px}.pm-source{font-size:12px;color:#9aa0ad;margin-top:3px;line-height:1.45}.pm-source a{color:#7da8f5;text-decoration:none}.pm-license{color:#5dbb63}.pm-hint{text-align:center;padding:12px}.pm-thumbs{display:flex;gap:6px;margin-top:10px;overflow:hidden}.pm-thumb{width:44px;height:44px;object-fit:contain;background:#ffffff0a;border-radius:8px;flex-shrink:0}.pm-thumb-empty{display:inline-block;background:#ffffff0d}.pm-assets{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:8px;margin-top:10px}.pm-asset{position:relative;display:flex;flex-direction:column;align-items:center;gap:4px;background:#ffffff08;border:1px solid rgba(255,255,255,.06);border-radius:10px;padding:8px 6px 6px}.pm-asset .pm-thumb{width:56px;height:56px}.pm-asset-name{font-size:11px;color:#c8cbd4;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pm-asset-remove{position:absolute;top:4px;right:4px;background:#e6604d26;border:1px solid rgba(230,96,77,.4);border-radius:6px;color:#e6604d;font-size:10px;padding:1px 5px}.ai-panel{width:min(760px,94vw);max-height:min(820px,92vh)}.ai-head>div{min-width:0}.ai-head p{margin:3px 0 0;color:#858b98;font-size:12px}.ai-body{display:flex;flex-direction:column;gap:12px;padding:16px 18px 18px;min-height:0}.ai-drop{min-height:132px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;border:1px dashed #555d6d;border-radius:8px;background:#ffffff06;color:#e2e4e9;font:inherit;cursor:pointer}.ai-drop:hover,.ai-drop.dragging{border-color:#d8b04c;background:#d8b04c0f}.ai-drop span{color:#8f95a1;font-size:12px}.ai-drop .ai-upload-icon{display:grid;place-items:center;width:32px;height:32px;border-radius:50%;background:#d8b04c1f;color:#d8b04c;font-size:20px}.ai-support{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.ai-support span{display:flex;flex-direction:column;gap:2px;color:#777e8c;font-size:10.5px}.ai-support strong{color:#bec2cb;font-size:11px;font-weight:600}.ai-queue{min-height:0;display:flex;flex-direction:column;border-top:1px solid rgba(255,255,255,.07)}.ai-queue-head{display:flex;justify-content:space-between;padding:11px 0 8px;color:#d9dbe0;font-size:12px}.ai-queue-head span{color:#777e8c;font-size:11px}.ai-items{display:flex;flex-direction:column;gap:6px;max-height:330px;overflow-y:auto}.ai-item{display:grid;grid-template-columns:18px 52px minmax(0,1fr) auto 28px;align-items:center;gap:10px;min-height:60px;padding:5px 7px;border:1px solid rgba(255,255,255,.07);border-radius:7px;background:#ffffff06}.ai-item.selected{border-color:#d8b04c6b;background:#d8b04c0e}.ai-item.error{border-color:#e6604d52}.ai-item.optimizing{border-color:#d8b04c47}.ai-check{width:15px;height:15px;accent-color:#d8b04c}.ai-preview{width:50px;height:50px;display:grid;place-items:center;overflow:hidden;border-radius:5px;background:#0d0e12}.ai-preview img{width:100%;height:100%;object-fit:contain}.ai-model-placeholder{color:#777e8c;font-size:10px;font-weight:700}.ai-file{display:flex;flex-direction:column;gap:3px;min-width:0}.ai-name{width:100%;min-width:0;box-sizing:border-box;border:1px solid transparent;border-radius:4px;outline:0;background:transparent;color:#d9dbe0;font:inherit;font-size:12px;font-weight:650;padding:3px 5px;margin-left:-5px}.ai-name:hover:not(:disabled){border-color:#323741;background:#ffffff06}.ai-name:focus{border-color:#d8b04c;background:#15171c}.ai-name:disabled{opacity:1}.ai-file span{color:#777e8c;font-size:10.5px}.ai-item.error .ai-file span{color:#e17668}.ai-segments{display:inline-grid;grid-auto-flow:column;grid-auto-columns:1fr;overflow:hidden;border:1px solid #363b47;border-radius:6px;background:#14161b}.ai-segments button{min-width:54px;height:30px;padding:0 8px;border:0;border-left:1px solid #30343e;background:transparent;color:#8d94a1;font:inherit;font-size:10.5px;cursor:pointer}.ai-segments button:first-child{border-left:0}.ai-segments button:hover:not(:disabled){color:#e1e3e8;background:#ffffff0b}.ai-segments button.active{color:#171302;background:#d8b04c;font-weight:650}.ai-segments button:disabled{color:#484e59;cursor:default}.ai-set-all{display:flex;flex-direction:column;gap:6px;margin-bottom:8px;padding:8px 10px;border:1px solid rgba(255,255,255,.07);border-radius:7px;background:#ffffff05}.ai-set-all>div{display:flex;align-items:center;justify-content:space-between;gap:12px}.ai-set-all span,.ai-batch-bar>span{color:#9ba1ad;font-size:11px}.ai-batch-bar{display:flex;align-items:center;gap:9px;min-height:38px;margin-bottom:8px;padding:5px 8px 5px 11px;border:1px solid rgba(216,176,76,.34);border-radius:7px;background:#d8b04c12}.ai-batch-bar strong{color:#e7d49e;font-size:11px;white-space:nowrap}.ai-batch-bar .ai-segments button{height:27px;min-width:48px}.ai-clear-selection{margin-left:auto;border:0;background:transparent;color:#aaa18c;font:inherit;font-size:11px;cursor:pointer}.ai-select-all{display:flex;align-items:center;gap:7px;width:max-content;padding:7px 2px 0;color:#858c98;font-size:10.5px;cursor:pointer}.ai-select-all input{accent-color:#d8b04c}.ai-remove{width:28px;height:28px;border:0;background:transparent;color:#737a87;cursor:pointer}.ai-remove:hover{color:#e17668}.ai-done{color:#75b985;text-align:center}.ai-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-top:2px;color:#818896;font-size:11px}.ai-footer .ii-confirm{min-width:142px;margin:0}@media(max-width:620px){.ai-support{grid-template-columns:repeat(2,1fr)}.ai-item{grid-template-columns:18px 46px minmax(0,1fr) 28px}.ai-item .ai-segments{grid-column:3 / 5;width:100%}.ai-batch-bar{flex-wrap:wrap}}.ii-panel{width:min(560px,92vw)}.ii-body{display:flex;gap:16px;padding:16px 18px 18px}.ii-preview{position:relative;flex:0 0 200px;display:flex;align-items:center;justify-content:center;background:repeating-conic-gradient(rgba(255,255,255,.05) 0% 25%,transparent 0% 50%) 0 0 / 18px 18px,#0d0e12;border:1px solid #2a2d38;border-radius:10px;min-height:160px;overflow:hidden}.ii-preview img{max-width:100%;max-height:220px;object-fit:contain}.ii-px{position:absolute;bottom:4px;right:6px;font-size:10px;color:#9aa0ad;background:#0d0e12cc;border-radius:4px;padding:1px 5px}.ii-form{flex:1;display:flex;flex-direction:column;gap:10px;min-width:0}.ii-name{width:100%;box-sizing:border-box}.ii-kinds{display:flex;flex-direction:column;gap:6px}.ii-kind{display:flex;flex-direction:column;align-items:flex-start;gap:2px;text-align:left;background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:8px;padding:7px 10px;color:#c8cbd4;cursor:pointer}.ii-kind span{font-size:11px;color:#8b909c}.ii-kind.active{border-color:#d8b04c;background:#d8b04c14;color:#f0e6cc}.ii-size{display:flex;align-items:center;gap:6px;font-size:12px;color:#c8cbd4}.ii-confirm{margin-top:auto;background:#d8b04c;border:none;border-radius:8px;color:#181302;font:inherit;font-weight:600;padding:8px 12px;cursor:pointer}.ii-confirm:disabled{opacity:.6;cursor:default}.kit-panel{width:min(720px,94vw)}.kit-body{display:flex;flex-direction:column;gap:12px;padding:14px 18px 18px;min-height:0}.kit-controls{display:flex;align-items:flex-end;flex-wrap:wrap;gap:14px}.kit-field{display:flex;flex-direction:column;gap:4px;font-size:11.5px;color:#8b909c}.kit-scale{flex-direction:column}.kit-scale input{width:88px}.kit-hint{font-size:11px;color:#6c7280}.kit-select-row{margin-left:auto;display:flex;align-items:center;gap:6px}.kit-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(92px,1fr));gap:8px;overflow-y:auto;max-height:46vh;padding:2px}.kit-card{display:flex;flex-direction:column;gap:4px;background:#ffffff08;border:1px solid rgba(255,255,255,.07);border-radius:10px;padding:6px;cursor:pointer;color:#c8cbd4;font:inherit;opacity:.45}.kit-card.selected{border-color:#d8b04c;background:#d8b04c12;opacity:1}.kit-card .card-art{position:relative;aspect-ratio:1;display:flex;align-items:center;justify-content:center;border-radius:7px;background:#0d0e12b3;overflow:hidden}.kit-card .card-thumb{width:100%;height:100%;object-fit:contain}.kit-card .card-name{font-size:10.5px;line-height:1.25;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.kit-count{position:absolute;top:4px;right:4px;font-size:10px;color:#d8b04c;background:#0d0e12d9;border-radius:4px;padding:0 4px}.kit-loading{width:60%;height:60%;border-radius:8px;background:#ffffff0d;animation:kit-pulse 1.2s ease-in-out infinite}@keyframes kit-pulse{50%{opacity:.35}}.kit-confirm{margin-top:2px}.pm-kind{font-size:10px;color:#8b909c;text-transform:uppercase;letter-spacing:.04em}.ctl-row{display:flex;align-items:center;gap:6px;font-size:11.5px;color:#c8cbd4}.ctl-row input[type=range]{flex:1;min-width:0}.ctl-row input[type=color]{width:28px;height:22px;padding:0;border:1px solid #2a2d38;border-radius:6px;background:none;cursor:pointer}.ctl-row select{flex:1;min-width:0;height:24px;color:#d8dbe4;background:#171923;border:1px solid #2a2d38;border-radius:6px}.ctl-label{width:64px;flex:none;color:#9aa0ad}.ctl-num{position:relative;display:flex;align-items:center;width:56px;flex:none}.ctl-num input{width:100%;height:22px;padding:0 4px;font-size:11px;text-align:right;color:#c8cbd4;background:#171923;border:1px solid #2a2d38;border-radius:6px;font-variant-numeric:tabular-nums}.ctl-num input:focus{border-color:#4c6fff;outline:none}.ctl-unit{position:absolute;right:4px;color:#6c7280;font-size:10.5px;pointer-events:none}.ctl-color{display:flex;flex-direction:column;gap:6px}.ctl-temp{height:12px;border-radius:6px;border:1px solid rgba(255,255,255,.14);cursor:crosshair;touch-action:none}.ctl-chips{display:flex;flex-wrap:wrap;gap:6px}.gl-chip.warn{border-color:#b3722a;color:#e8a659}.ctl-section{border:1px solid #232633;border-radius:10px;background:#ffffff05;overflow:hidden}.ctl-section-head{display:flex;align-items:center;gap:6px;width:100%;padding:7px 10px;font-size:11px;font-weight:600;letter-spacing:.03em;text-transform:uppercase;color:#9aa0ad;background:none;border:none;cursor:pointer}.ctl-section-head:hover{color:#c8cbd4}.ctl-section-chevron{font-size:10px;transition:transform .12s ease}.ctl-section-chevron.open{transform:rotate(90deg)}.ctl-section-icon{display:inline-flex}.ctl-section-title{flex:1;text-align:left}.ctl-section-badge{font-size:10px;color:#8b909c}.ctl-section-body{display:flex;flex-direction:column;gap:8px;padding:4px 10px 10px}.right-rail{position:absolute;top:60px;right:12px;bottom:12px;width:232px;display:flex;flex-direction:column;gap:10px;z-index:12;pointer-events:none}.right-rail>*{pointer-events:auto}.inspector{display:flex;flex-direction:column;min-height:0;background:#101217f5;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.08);border-radius:14px;overflow:hidden}.inspector-header{display:flex;align-items:center;gap:7px;padding:9px 10px;border-bottom:1px solid rgba(255,255,255,.06)}.inspector-title{flex:1;min-width:0;font-size:12.5px;font-weight:700;color:#edeff5;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.inspector-body{overflow-y:auto;padding:10px;display:flex;flex-direction:column;gap:8px}.inspector-body>*{flex-shrink:0}.inspector-menu-wrap{position:relative}.inspector-menu{position:absolute;top:24px;right:0;display:flex;flex-direction:column;min-width:130px;padding:4px;background:#181a21fa;border:1px solid rgba(255,255,255,.1);border-radius:10px;box-shadow:0 10px 28px #00000080;z-index:30}.inspector-menu button{padding:6px 9px;font-size:11.5px;text-align:left;color:#d8dbe4;background:none;border:none;border-radius:7px;cursor:pointer}.inspector-menu button:hover{background:#ffffff12}.inspector-menu button.danger{color:#ff8f8a}.ctl-advanced-toggle{display:flex;align-items:center;gap:5px;padding:4px 0;font-size:11px;font-weight:600;letter-spacing:.03em;text-transform:uppercase;color:#9aa0ad;background:none;border:none;cursor:pointer}.ctl-advanced-toggle:hover{color:#c8cbd4}.ctl-slots{flex:none;font-size:10.5px;color:#8b909c;font-variant-numeric:tabular-nums}.ctl-slots.full{color:#e8a659}.preset-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.preset-grid-sep{grid-column:1 / -1;margin-top:2px;font-size:10px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:#8b909c}.preset-card-wrap{position:relative}.preset-card{display:flex;flex-direction:column;align-items:center;gap:4px;width:100%;padding:8px 4px 6px;background:#ffffff08;border:1px solid #232633;border-radius:10px;cursor:pointer;color:#c8cbd4}.preset-card:hover{border-color:#3a3f52;background:#ffffff0f}.preset-card.active{border-color:#4c6fff;background:#4c6fff1f}.preset-card-icon{display:inline-flex;font-size:15px;filter:drop-shadow(0 0 6px currentColor)}.preset-card-name{font-size:10px;line-height:1.15;text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}.preset-card-del{position:absolute;top:-4px;right:-4px;display:none;width:16px;height:16px;padding:0;font-size:9px;line-height:1;color:#ff8f8a;background:#1c1e27;border:1px solid #3a2a2a;border-radius:50%;cursor:pointer}.preset-card-wrap.user:hover .preset-card-del{display:block}.inspector-menu-input{margin:2px 4px;padding:5px 7px;font-size:11.5px;color:#d8dbe4;background:#171923;border:1px solid #2a2d38;border-radius:7px}.lights-section-head{display:flex;align-items:center;justify-content:space-between;gap:6px;margin-top:4px;font-size:10.5px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:#8b909c}.lights-section-hint{font-weight:400;text-transform:none;letter-spacing:0;color:#6c7280}.lights-section-tools{display:flex;align-items:center;gap:8px}.light-item.off .light-item-name{color:#7a7f8c}.light-item-slot{flex:none;font-size:10px;color:#e8a659}.hud-preset-pop{position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%);width:232px;padding:8px;background:#181a21fa;border:1px solid rgba(255,255,255,.1);border-radius:12px;box-shadow:0 10px 28px #00000080}.env-moods{display:grid;grid-template-columns:repeat(2,1fr);gap:6px}.env-moods .gl-chip{justify-content:flex-start}.ctl-row-spacer{flex:1}.gizmo-value-chip{padding:3px 8px;font-size:11px;font-weight:600;color:#edeff5;background:#101217eb;border:1px solid rgba(255,255,255,.14);border-radius:999px;white-space:nowrap;pointer-events:none;font-variant-numeric:tabular-nums}.landing-campaigns{margin-top:4px}.landing-campaigns-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px}.landing-campaigns-head h2{margin:0;font-size:11.5px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:#a58c66}.landing-cta-sm{padding:8px 16px;font-size:13.5px}.landing-cta-sm:disabled{filter:saturate(.5) brightness(.8);cursor:default}.landing-campaigns-empty{margin:6px 0 10px;font-size:13.5px;color:#8a7452}.landing-upgrade{display:flex;flex-wrap:wrap;align-items:center;gap:6px 10px;margin-bottom:10px;padding:10px 12px;border:1px solid rgba(217,172,92,.4);border-radius:9px;background:#d9ac5c17;font-size:13px;color:#e2cfa4}.landing-upgrade-link{padding:0;border:none;background:none;font-size:13px;font-weight:700;color:#f0c877;text-decoration:underline;text-underline-offset:3px}.landing-upgrade-link:hover{color:#ffe0a0}.campaign-row{display:flex;align-items:stretch;gap:6px;margin-bottom:6px}.campaign-row:last-child{margin-bottom:0}.campaign-open{flex:1;min-width:0;display:flex;justify-content:space-between;align-items:baseline;gap:12px;padding:10px 12px;background:#ffd68c08;border:1px solid rgba(217,172,92,.12);border-radius:9px;text-align:left;transition:border-color .15s,background .15s}.campaign-open:hover{border-color:#d9ac5c80;background:#ffd68c12}.campaign-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:14.5px;font-weight:600;color:#ecdfc4}.campaign-meta{flex:none;display:flex;align-items:baseline;gap:8px;font-size:12px;color:#8a7452}.campaign-expiry{padding:2px 8px;border-radius:999px;border:1px solid rgba(230,130,90,.45);background:#e6825a1f;font-size:11px;font-weight:600;color:#e8a184;white-space:nowrap}.campaign-rename{flex:1;font:inherit;font-size:14.5px;color:#f0e3c4;background:#090603bf;border:1px solid #d9ac5c;border-radius:9px;padding:10px 12px;outline:none;box-shadow:0 0 0 3px #d9ac5c2e}.campaign-actions{flex:none;display:flex;gap:4px}.campaign-action{display:grid;place-items:center;width:34px;border:1px solid rgba(217,172,92,.12);border-radius:9px;background:#ffd68c08;color:#a58c66;transition:border-color .15s,background .15s,color .15s}.campaign-action svg{width:15px;height:15px}.campaign-action:hover{border-color:#d9ac5c80;background:#ffd68c12;color:#ecdfc4}.campaign-action.danger:hover{border-color:#e6604d99;background:#e6604d1f;color:#e6604d}.account{height:100%;overflow-y:auto;background:radial-gradient(1100px 520px at 50% -8%,rgba(46,88,200,.16),transparent 62%),radial-gradient(ellipse at 50% 42%,#171009,#0d0806 55%,#070404)}.account-top{position:sticky;top:0;z-index:2;display:flex;align-items:center;justify-content:space-between;padding:16px 24px}.account-back{display:flex;align-items:center;gap:8px;padding:8px 12px;border:none;border-radius:9px;background:transparent;font-family:Iowan Old Style,Palatino Linotype,Palatino,Georgia,serif;font-size:17px;color:#ecdcb6;transition:color .12s}.account-back:hover{color:#ffe9bd}.account-main{width:min(640px,92vw);margin:0 auto;padding:8px 0 64px;display:flex;flex-direction:column;gap:16px}.account-title{margin:0 0 4px;font-family:Iowan Old Style,Palatino Linotype,Palatino,Georgia,serif;font-size:30px;color:#ecdcb6}.account-banner{padding:11px 14px;border:1px solid rgba(217,172,92,.35);border-radius:10px;background:#d9ac5c17;font-size:13.5px;color:#e2cfa4}.account-banner.success{border-color:#78c87873;background:#78c8781a;color:#b8e2b0}.account-card{padding:20px 22px;border-radius:16px;border:1px solid rgba(217,172,92,.22);background:linear-gradient(180deg,#21160cb3,#120c07d1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 24px 70px #0000008c,inset 0 1px #ffe0a017}.account-card h2{margin:0 0 14px;font-size:11.5px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:#a58c66}.account-profile{display:flex;align-items:center;gap:14px}.account-avatar{width:52px;height:52px;border-radius:50%;border:1px solid rgba(217,172,92,.35);object-fit:cover}.account-avatar-fallback{display:grid;place-items:center;font-size:22px;font-weight:800;color:#221503;background:linear-gradient(180deg,#f0c877,#b07f31)}.account-profile-text{display:flex;flex-direction:column;gap:3px;min-width:0}.account-profile-name{font-size:17px;font-weight:700;color:#ecdfc4}.account-profile-email{font-size:13px;color:#8a7452;overflow:hidden;text-overflow:ellipsis}.account-note{margin:14px 0 0;font-size:12.5px;line-height:1.5;color:#8a7452}.account-plan-row{display:flex;align-items:center;flex-wrap:wrap;gap:12px}.account-tier{padding:3px 12px;border-radius:999px;font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.tier-free{color:#b39b74;border:1px solid rgba(179,155,116,.4);background:#b39b7414}.tier-hero{color:#f0c877;border:1px solid rgba(240,200,119,.5);background:#f0c8771a}.tier-guild{color:#b9a8ff;border:1px solid rgba(151,130,255,.5);background:#9782ff1f}.account-plan-hint{font-size:12.5px;color:#8a7452}.account-usage{margin-top:16px;display:flex;flex-direction:column;gap:8px}.account-usage-row{display:flex;justify-content:space-between;font-size:13px;color:#b39b74}.account-usage-row span:last-child{color:#ecdfc4;font-variant-numeric:tabular-nums}.account-meter{height:8px;border-radius:999px;background:#090603bf;border:1px solid rgba(217,172,92,.18);overflow:hidden}.account-meter-fill{height:100%;border-radius:999px;background:linear-gradient(90deg,#b07f31,#f0c877);transition:width .4s ease}.account-meter-fill.hot{background:linear-gradient(90deg,#b0512e,#e6825a)}.account-portal{margin-top:16px}.account-plans{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px}.account-plan{display:flex;flex-direction:column;gap:10px;padding:16px;border:1px solid rgba(217,172,92,.16);border-radius:12px;background:#ffd68c08}.account-plan-head{display:flex;align-items:center;justify-content:space-between;gap:10px}.account-plan-price{font-size:15px;font-weight:700;color:#ecdfc4}.account-plan-blurb{margin:0;flex:1;font-size:13px;line-height:1.5;color:#b39b74}.tb-signin{flex:none;padding:6px 12px;border:1px solid rgba(255,255,255,.09);border-radius:999px;background:#ffffff0a;font-size:12px;font-weight:650;color:#c8cbd4;white-space:nowrap;transition:background .12s,color .12s}.tb-signin:hover{background:#ffffff17;color:#eef3ff}.tb-account{display:flex;align-items:center;gap:7px;flex:none;padding:3px 4px;border-radius:999px;background:#ffffff0a;border:1px solid rgba(255,255,255,.07);transition:background .12s,border-color .12s}.tb-account:hover,.tb-account.open{background:#ffffff17;border-color:#ffffff29}.tb-account-avatar{width:26px;height:26px;border-radius:50%;object-fit:cover}.tb-account-fallback{background:linear-gradient(180deg,#f0c877,#b07f31)}.tb-account .tb-tier{margin-right:6px;padding:2px 8px;border-radius:999px;font-size:10px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.topbar-menu.menu-right{left:auto;right:0}.claim-pill,.claim-toast{position:absolute;bottom:18px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:10px;padding:9px 10px 9px 16px;border-radius:999px;background:#12141af7;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);border:1px solid rgba(217,172,92,.35);box-shadow:0 18px 44px #00000080;font-size:13px;color:#e2cfa4;white-space:nowrap;z-index:20}.claim-pill-cta{padding:6px 14px;border:1px solid #8a6425;border-radius:999px;background:linear-gradient(180deg,#f0c877,#d9a854 48%,#b07f31);font-size:12.5px;font-weight:700;color:#221503;transition:filter .12s}.claim-pill-cta:hover:not(:disabled){filter:brightness(1.07)}.claim-pill-cta:disabled{filter:saturate(.5) brightness(.85);cursor:default}.claim-pill-dismiss{display:grid;place-items:center;width:26px;height:26px;border:none;border-radius:50%;background:transparent;font-size:16px;line-height:1;color:#8a7452;transition:background .12s,color .12s}.claim-pill-dismiss:hover{background:#ffffff14;color:#e2cfa4}.claim-toast{padding:10px 18px;border-color:#78c87873;color:#b8e2b0}