:root{--bg:#14161c;--bg-2:#1c1f27;--bg-3:#252935;--line:#313645;--text:#e8e6e1;--muted:#9a9fae;--accent:#c8442d;--accent-2:#e0a63a;--ok:#4caf7d;--warn:#e0a63a;--bad:#d9534f;--radius:12px;--shadow:0 6px 24px #00000059;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Inter,sans-serif;font-size:15px;line-height:1.4}.backdrop{z-index:-1;pointer-events:none;background:var(--bg);position:fixed;inset:0;overflow:hidden}.backdrop-glow{transition:background .8s;position:absolute;inset:0}.backdrop-wheel{opacity:.65;width:110vmax;height:110vmax;position:absolute;top:-46vmax;right:-40vmax}@media (width<=899px){.backdrop-wheel{opacity:.6;width:150vmax;height:150vmax;top:-88vmax;right:-62vmax}}@media (prefers-reduced-motion:reduce){.backdrop-glow,.backdrop-wheel path{transition:none!important}}.topbar,.bottomnav{background:#14161cd1}.harmony{flex-wrap:wrap;align-items:flex-start;gap:16px;display:flex}.harmony svg{flex:none}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer}a{color:var(--accent-2)}h1,h2,h3{letter-spacing:-.01em;margin:0 0 8px;font-weight:650}h1{font-size:20px}h2{font-size:17px}h3{font-size:15px}.muted{color:var(--muted)}.small{font-size:12.5px}.mono{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12.5px}.app{grid-template-rows:auto 1fr auto;min-height:100%;display:grid}.topbar{z-index:20;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--line);background:#14161ce6;align-items:center;gap:12px;padding:10px 16px;display:flex;position:sticky;top:0}.brand{white-space:nowrap;align-items:center;gap:10px;font-weight:700;display:flex}.brand .dot{background:radial-gradient(circle at 35% 35%, #fff6 0 20%, transparent 25%), var(--accent);border-radius:50%;width:22px;height:22px}.topbar nav{gap:4px;margin-left:12px;display:none}.topbar nav button,.bottomnav button{color:var(--muted);background:0 0;border:0;border-radius:8px;padding:8px 12px;font-weight:600}.topbar nav button.active,.bottomnav button.active{color:var(--text);background:var(--bg-3)}.spacer{flex:1}.main{width:100%;max-width:1100px;margin:0 auto;padding:16px 16px 88px}.bottomnav{z-index:20;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-top:1px solid var(--line);padding:6px 4px calc(6px + env(safe-area-inset-bottom));background:#14161cf2;grid-template-columns:repeat(7,1fr);display:grid;position:fixed;bottom:0;left:0;right:0}.bottomnav button{white-space:nowrap;flex-direction:column;align-items:center;gap:2px;padding:6px 0;font-size:10.5px;display:flex;overflow:hidden}.bottomnav button .ico{font-size:18px}@media (width>=900px){.topbar nav{display:flex}.bottomnav{display:none}.main{padding-bottom:32px}}.row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.grow{flex:1;min-width:160px}input[type=text],input[type=search],input[type=number],select,textarea{background:var(--bg-2);border:1px solid var(--line);border-radius:10px;outline:none;width:100%;padding:9px 12px}input:focus,select:focus,textarea:focus{border-color:var(--accent-2)}textarea{resize:vertical;min-height:70px}.btn{background:var(--bg-3);border:1px solid var(--line);white-space:nowrap;color:var(--text);border-radius:10px;align-items:center;gap:6px;padding:8px 14px;font-weight:600;text-decoration:none;display:inline-flex}.btn:hover{border-color:#4a5060}.btn.primary{background:var(--accent);border-color:var(--accent);color:#fff}.btn.ghost{background:0 0}.btn.small{border-radius:8px;padding:5px 10px;font-size:13px}.btn.danger{color:var(--bad)}.btn:disabled{opacity:.5;cursor:default}.chips{flex-wrap:wrap;gap:6px;display:flex}.chip{background:var(--bg-2);border:1px solid var(--line);color:var(--muted);border-radius:999px;padding:4px 11px;font-size:13px}.chip.active{background:var(--bg-3);color:var(--text);border-color:#4a5060}.chip.owned{border-color:var(--ok);color:var(--ok)}.card{background:var(--bg-2);border:1px solid var(--line);border-radius:var(--radius);padding:14px}.list{flex-direction:column;gap:6px;display:flex}.paint{background:var(--bg-2);border:1px solid var(--line);border-radius:var(--radius);cursor:pointer;grid-template-columns:44px 1fr auto;align-items:center;gap:12px;padding:10px 12px;display:grid}.paint:hover{border-color:#4a5060}.paint.owned{border-left:3px solid var(--ok)}.paint.need{border-left:3px solid var(--warn)}.paint .title{font-weight:600}.paint .sub{color:var(--muted);flex-wrap:wrap;gap:6px;font-size:12.5px;display:flex}.swatch{background:repeating-linear-gradient(45deg,#2a2e3a 0 6px,#333848 6px 12px);border:2px solid #0006;border-radius:50%;flex:none;width:44px;height:44px;display:inline-block;box-shadow:inset 0 0 0 1px #fff2,0 2px 6px #0006}.swatch.small{width:28px;height:28px}.swatch.metallic{box-shadow:inset 0 0 0 1px #fff2,inset -6px -6px 12px #0005,inset 6px 6px 12px #fff3,0 2px 6px #0006}.actions{align-items:center;gap:6px;display:flex}.qty{border:1px solid var(--line);border-radius:8px;align-items:center;display:inline-flex;overflow:hidden}.qty button{background:var(--bg-3);border:0;width:30px;height:30px;font-size:16px}.qty span{text-align:center;min-width:28px;font-weight:600}.badge{background:var(--bg-3);color:var(--muted);border-radius:6px;padding:2px 7px;font-size:11px;font-weight:600}.badge.ok{color:var(--ok)}.badge.warn{color:var(--warn)}.badge.bad{color:var(--bad)}.badge.exact{color:var(--ok)}.badge.close{color:var(--accent-2)}.badge.approx{color:var(--muted)}.grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:10px;display:grid}.stats{grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:10px;margin-bottom:14px;display:grid}.stat{background:var(--bg-2);border:1px solid var(--line);border-radius:var(--radius);padding:12px}.stat .n{font-size:24px;font-weight:700}.empty{text-align:center;color:var(--muted);padding:40px 12px}.error{color:#ffb4b0;background:#3a1f1f;border:1px solid #6b2f2f;border-radius:10px;padding:10px 12px}.notice{color:#f3d98b;background:#2c2a1f;border:1px solid #5c522c;border-radius:10px;padding:10px 12px}.section{margin-top:20px}.section h2{align-items:center;gap:8px;display:flex}.modal-bg{z-index:50;background:#0009;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}.modal{background:var(--bg);border:1px solid var(--line);width:100%;max-width:720px;max-height:92vh;box-shadow:var(--shadow);border-radius:16px 16px 0 0;padding:16px;overflow:auto}@media (width>=700px){.modal-bg{align-items:center}.modal{border-radius:16px;max-height:88vh}}.modal-head{align-items:center;gap:12px;margin-bottom:12px;display:flex}.close{background:var(--bg-3);border:0;border-radius:8px;width:34px;height:34px;margin-left:auto;font-size:18px}.bigswatch{width:64px;height:64px}.picker{position:relative}.picker .results{z-index:30;background:var(--bg-2);border:1px solid var(--line);max-height:280px;box-shadow:var(--shadow);border-radius:10px;position:absolute;top:calc(100% + 4px);left:0;right:0;overflow:auto}.picker .results button{text-align:left;background:0 0;border:0;align-items:center;gap:10px;width:100%;padding:8px 10px;display:flex}.picker .results button:hover{background:var(--bg-3)}.video-wrap{border-radius:var(--radius);aspect-ratio:4/3;background:#000;position:relative;overflow:hidden}.video-wrap video,.video-wrap img{object-fit:contain;width:100%;height:100%;display:block}.bottle{border-top:1px solid var(--line);margin-top:12px;padding-top:12px}.candidate{grid-template-columns:36px 1fr auto;align-items:center;gap:10px;padding:6px 0;display:grid}.conf{background:var(--bg-3);border-radius:2px;width:60px;height:4px;overflow:hidden}.conf i{background:var(--ok);height:100%;display:block}.step{border-bottom:1px solid var(--line);grid-template-columns:28px 36px 1fr auto;align-items:center;gap:10px;padding:8px 0;display:grid}.step .num{background:var(--bg-3);border-radius:50%;place-items:center;width:24px;height:24px;font-size:12px;font-weight:700;display:grid}.spinner{border:2px solid var(--line);border-top-color:var(--accent-2);border-radius:50%;width:16px;height:16px;animation:.8s linear infinite spin;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}.scan{--cam-h:33vh}@media (width<=899px){.scan .tech-badges{display:none}.scan-side .notice{padding:6px 10px;font-size:12.5px}.scan-side h3{margin:0 0 4px;font-size:13px}.scan-side .candidate{grid-template-columns:28px 1fr auto;gap:8px;padding:4px 0}.scan-side .candidate .swatch{width:28px;height:28px}.scan-side .candidate .reasons{display:none}.scan-side .candidate .conf{width:56px}.scan-side .card{padding:10px 12px}}.scan-grid{gap:10px;display:grid}.video-wrap.cam{max-width:100%;margin:0 auto 8px}.cam-status{align-items:center;gap:6px;max-width:calc(100% - 16px);display:flex;position:absolute;top:8px;left:8px}.cam-status .badge{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.cam-top{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0a0c10c7;border:1px solid #fff2;border-radius:12px;flex-direction:column;gap:6px;padding:8px 10px;display:flex}.cam-top.below{background:var(--bg-2);border-color:var(--line);margin:0 0 8px}.scan-side .candidate{border-bottom:1px solid var(--line);padding:5px 0}.scan-side .candidate:last-child{border-bottom:0}details.card summary{cursor:pointer;color:var(--muted);font-size:13px;font-weight:600;list-style:none}details.card summary:before{content:"▸ "}details.card[open] summary:before{content:"▾ "}.scan-details-desktop{display:none}@media (width>=900px){.scan{--cam-h:64vh}.scan-grid{grid-template-columns:minmax(0,1fr) minmax(340px,460px);align-items:start}.scan-side{max-height:calc(100vh - 80px);position:sticky;top:64px;overflow:auto}.scan-details-desktop{display:block}.scan-details-mobile{display:none}}.cam-top-main{align-items:center;gap:8px;display:flex}.quick-eq{border-top:1px solid var(--line);padding-top:6px}.quick-grid{grid-template-columns:repeat(auto-fill,minmax(270px,1fr));gap:2px 14px;display:grid}.quick-row{cursor:pointer;border-radius:8px;align-items:center;gap:8px;min-width:0;padding:3px 4px;font-size:13px;display:flex}.quick-row:hover{background:var(--bg-3)}.quick-row .swatch.small{width:16px;height:16px}.quick-row .quick-brand{color:var(--muted);flex:none;min-width:108px}.quick-row .quick-name{white-space:nowrap;text-overflow:ellipsis;font-weight:600;overflow:hidden}.tabs{border-bottom:1px solid var(--line);gap:4px;margin:4px 0 10px;display:flex}.tabs .tab{color:var(--muted);background:0 0;border:0;border-bottom:2px solid #0000;margin-bottom:-1px;padding:8px 12px;font-weight:600}.tabs .tab.active{color:var(--text);border-bottom-color:var(--accent-2)}.tabpanel{margin-bottom:14px}.scheme{border-bottom:1px solid var(--line);padding:6px 0}.scheme:last-of-type{border-bottom:0}.badge.best{color:#2a1d05;letter-spacing:.06em;background:linear-gradient(135deg,#f6d365,#e0a63a 60%,#c98a1e);border:1px solid #ffe9a8;font-weight:800;box-shadow:0 0 0 1px #0006,0 2px 8px #e0a63a55}.harmony-line{border-radius:8px;transition:background .2s}.harmony-line:hover{background:var(--bg-3)}.scheme .badge+.badge{margin-left:4px}.values{border-bottom:1px solid var(--line);margin-bottom:14px;padding-bottom:10px}.values-grid{grid-template-columns:1fr auto 1fr;align-items:start;gap:10px;display:grid}.value-self{text-align:center;padding-top:18px}@media (width<=700px){.values-grid{grid-template-columns:1fr}.value-self{display:none}}.light-grid{grid-template-columns:1fr;gap:12px;display:grid}@media (width>=900px){.light-grid{grid-template-columns:minmax(0,1.4fr) minmax(300px,1fr);align-items:start}}.light-row{justify-content:space-between;align-items:center;gap:10px;padding:6px 0;font-size:13px;display:flex}.light-row input[type=range]{width:55%}.zgauge{z-index:2;pointer-events:none;width:26px;position:absolute;top:16px;bottom:16px;right:-2px}.zgauge-track{background:var(--line);border-radius:2px;width:3px;position:absolute;top:0;bottom:0;left:11px}.zgauge-mark{background:var(--muted);width:11px;height:2px;position:absolute;left:-4px}.zgauge-mark.fig{background:var(--accent-2);height:3px}.zgauge-mark i{color:var(--muted);white-space:nowrap;font-size:10px;font-style:normal;position:absolute;top:-7px;right:14px}.zgauge-bulb{background:#ffd75e;border:2px solid #fff;border-radius:50%;width:13px;height:13px;margin-top:-6px;transition:top .15s;position:absolute;left:-5px;box-shadow:0 0 8px #ffd75e88}.login{justify-content:center;align-items:center;min-height:100vh;padding:24px 16px;display:flex}.login-card{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#1c1f27eb;flex-direction:column;gap:14px;width:100%;max-width:400px;padding:22px;display:flex}.login-brand{margin-bottom:4px;font-size:18px}.login-note{margin:0;font-size:14px;line-height:1.45}.login-tabs{background:var(--bg);border:1px solid var(--line);border-radius:10px;gap:4px;padding:4px;display:flex}.login-tabs button{color:var(--muted);background:0 0;border:0;border-radius:7px;flex:1;padding:7px;font-weight:600}.login-tabs button.active{background:var(--bg-3);color:var(--text)}.login-card label,.account-form label{color:var(--muted);flex-direction:column;gap:5px;font-size:13px;display:flex}.login-card label input,.account-form label input{color:var(--text)}.login-card label small{font-size:12px}.login-error{color:#f3a6a3;background:#d9534f22;border:1px solid #d9534f66;border-radius:10px;padding:8px 12px;font-size:14px}.login-ok{color:#a8e6bf;background:#3fa86a22;border:1px solid #3fa86a66;border-radius:10px;padding:8px 12px;font-size:14px}.login-submit{justify-content:center;margin-top:4px;padding:11px}.userbox{color:var(--text);background:0 0;border:1px solid #0000;border-radius:999px;align-items:center;gap:8px;padding:3px 10px 3px 3px;font-weight:600;display:flex}.userbox:hover{border-color:var(--line);background:var(--bg-2)}.userbox .username{text-overflow:ellipsis;white-space:nowrap;max-width:140px;overflow:hidden}.avatar{background:linear-gradient(135deg, var(--accent), var(--accent-2));color:#fff;border-radius:50%;flex:none;justify-content:center;align-items:center;width:28px;height:28px;font-size:13px;font-weight:800;display:inline-flex}.avatar.big{width:56px;height:56px;font-size:24px}@media (width<=520px){.userbox .username{display:none}}.account-form{flex-direction:column;gap:12px;display:flex}.account-row{grid-template-columns:1fr 1fr;gap:12px;display:grid}@media (width<=520px){.account-row{grid-template-columns:1fr}}.account-actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.users{border-collapse:collapse;width:100%;font-size:14px}.users th,.users td{text-align:left;border-bottom:1px solid var(--line);padding:6px 8px}.users th{color:var(--muted);text-transform:uppercase;letter-spacing:.04em;font-size:12px;font-weight:600}.users .num{text-align:right}.job{color:var(--muted);align-items:center;gap:6px;font-size:13px;display:inline-flex}.job .spinner{border-width:2px;width:12px;height:12px}.progress{background:var(--bg-3);border-radius:999px;height:10px;margin:8px 0;position:relative;overflow:hidden}.progress i{background:linear-gradient(90deg, var(--accent), var(--accent-2));border-radius:999px;height:100%;transition:width .4s;display:block}.progress span{color:var(--text);opacity:.8;font-size:9px;position:absolute;top:-1px;right:6px}.pcard{cursor:pointer;flex-direction:column;padding:0;display:flex;overflow:hidden}.pcard:hover{border-color:#4a5060}.pcard.done{opacity:.85}.pcover{aspect-ratio:16/9;object-fit:cover;background:var(--bg-3);width:100%;display:block}.empty-cover{opacity:.35;justify-content:center;align-items:center;font-size:40px;display:flex}.pbody{padding:12px 14px 14px}.dots{flex-wrap:wrap;gap:4px;margin-top:8px;display:flex}.dot{border:1px solid #0006;border-radius:50%;width:14px;height:14px;box-shadow:inset 0 0 0 1px #fff2}.dot.missing{opacity:.35;outline:1px dashed var(--warn);outline-offset:1px}.pgrid{grid-template-columns:1fr;gap:16px;display:grid}@media (width>=900px){.pgrid{grid-template-columns:1.1fr 1fr}}.item{background:var(--bg-2);border:1px solid var(--line);border-radius:10px;align-items:center;gap:10px;padding:8px 10px;display:flex}.item.done{opacity:.7}.item .state{border:2px solid var(--line);width:30px;height:30px;color:var(--muted);background:0 0;border-radius:50%;flex:none;font-size:15px}.item .state.in_progress{border-color:var(--accent-2);color:var(--accent-2)}.item .state.done{border-color:var(--ok);background:var(--ok);color:#fff}.chip .x{color:var(--muted);background:0 0;border:0;padding:0 0 0 4px;font-size:14px;line-height:1}.chip .x:hover{color:var(--bad)}.palette{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:6px;display:grid}.pal{background:var(--bg-2);border:1px solid var(--line);border-radius:10px;align-items:center;gap:8px;padding:6px 8px;display:flex}.pal.missing{border-left:3px solid var(--warn)}.timer .big{font-variant-numeric:tabular-nums;font-size:26px;font-weight:700}.sessions{border-top:1px solid var(--line);flex-direction:column;gap:4px;margin-top:10px;padding-top:8px;display:flex}.photos{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:8px;display:grid}.photo{background:var(--bg-2);border:1px solid var(--line);cursor:pointer;border-radius:10px;margin:0;overflow:hidden}.photo.cover{border-color:var(--accent-2)}.photo img{aspect-ratio:1;object-fit:cover;width:100%;display:block}.photo figcaption{padding:6px 8px;font-size:12px}.lightbox{max-width:900px}.lb-img{background:#000;border-radius:10px;position:relative;overflow:hidden}.lb-img img{max-width:100%;max-height:65vh;margin:0 auto;display:block}.lb-nav{color:#fff;background:#0008;border:0;border-radius:8px;width:40px;height:56px;font-size:28px;position:absolute;top:50%;transform:translateY(-50%)}.lb-nav.prev{left:8px}.lb-nav.next{right:8px}.workshop .stats{margin-bottom:0}.months{align-items:flex-end;gap:6px;height:70px;padding:0 2px;display:flex}.month{flex-direction:column;flex:1;justify-content:flex-end;align-items:center;gap:3px;max-width:56px;height:100%;display:flex}.month i{background:var(--accent-2);opacity:.85;border-radius:4px 4px 0 0;width:100%;min-height:2px;display:block}.month span{color:var(--muted);font-size:10px}.stage-loader{z-index:3;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);pointer-events:none;text-align:center;color:var(--text);background:radial-gradient(#0007 0%,#000a 70%);border-radius:10px;flex-direction:column;justify-content:center;align-items:center;gap:4px;display:flex;position:absolute;inset:8px}.stage-loader .pct{font-variant-numeric:tabular-nums;text-shadow:0 2px 12px #000;margin-top:6px;font-size:28px;font-weight:800}.stage-loader .phase{font-weight:600}.candle-flame{animation:.9s ease-in-out infinite alternate flicker}.candle-glow{animation:1.4s ease-in-out infinite alternate glowpulse}@keyframes flicker{0%{transform:scale(1)rotate(-3deg)}40%{transform:scale(.94,1.08)rotate(2deg)}to{transform:scale(1.05,.96)rotate(-1deg)}}@keyframes glowpulse{0%{opacity:.7}to{opacity:1}}.normals-chip{z-index:3;pointer-events:none;background:#000a;border:1px solid #fff2;border-radius:12px;align-items:center;gap:6px;padding:4px 10px 4px 6px;display:flex;position:absolute;top:14px;right:14px}.dungeon{background:#050405;justify-content:center;align-items:center;display:flex;position:fixed;inset:0;overflow:hidden}.dungeon .scene{transform-origin:50% 62%;will-change:transform;transition:transform 3s cubic-bezier(.5,0,.6,1);position:absolute;inset:0}.dungeon .wall{background:radial-gradient(at 50% 120%,#000 0%,#0000 55%),linear-gradient(115deg,#0000 48%,#0006 49%,#0000 50%),linear-gradient(70deg,#0000 62%,#0005 62.6%,#0000 63.2%),repeating-linear-gradient(0deg,#0000 0 30px,#000a 30px 33px),repeating-linear-gradient(90deg,#0000 0 72px,#000a 72px 75px),linear-gradient(#17151a 0%,#100e11 55%,#070607 100%);position:absolute;inset:0}.dungeon .wall:after{content:"";background:radial-gradient(at 50% 40%,#0000 20%,#000d 95%);position:absolute;inset:0}.dungeon .stain{opacity:.6;border-radius:50%;position:absolute}.dungeon .stain.a{background:radial-gradient(at 50% 20%,#3a0d0d 0%,#1a0606 40%,#0000 75%);width:220px;height:320px;top:8%;left:12%}.dungeon .stain.b{background:radial-gradient(#12200f 0%,#0a120a 45%,#0000 75%);width:260px;height:200px;top:30%;right:8%}.dungeon .chain{opacity:.8;background:repeating-linear-gradient(#3a3a40 0 10px,#0000 10px 14px),linear-gradient(#2a2a2e,#141416);border-radius:4px;width:8px;height:46vh;position:absolute;top:0}.dungeon .chain.left{opacity:.55;left:calc(50% - min(33vw,230px) - 110px);transform:rotate(3deg)}.dungeon .chain.right{opacity:.55;height:36vh;right:calc(50% - min(33vw,230px) - 120px);transform:rotate(-5deg)}.dungeon .floor{background:repeating-linear-gradient(90deg,#0000 0 90px,#0006 90px 93px),linear-gradient(#0b0a0a,#030202);border-top:2px solid #221c1a;height:18vh;position:absolute;bottom:0;left:0;right:0;box-shadow:0 -10px 40px #000}.dungeon .fog{pointer-events:none;background:radial-gradient(at 50% 100%,#6a6a7233 0%,#6a6a7211 40%,#0000 70%);height:30vh;animation:9s ease-in-out infinite alternate fogdrift;position:absolute;bottom:0;left:-10%;right:-10%}@keyframes fogdrift{0%{transform:translate(-3%)scaleX(1)}to{transform:translate(3%)scaleX(1.08)}}.dungeon .arch{z-index:1;perspective:700px;background:#020202;border:16px solid #2b2523;border-bottom:0;border-radius:50% 50% 0 0/40% 40% 0 0;width:min(66vw,460px);height:min(78vh,600px);position:absolute;bottom:18vh;left:50%;overflow:hidden;transform:translate(-50%);box-shadow:0 0 0 6px #14100f,0 0 0 10px #332c29,0 0 80px #000,inset 0 0 60px #000}.dungeon .keystone{z-index:4;background:linear-gradient(#3a3230,#1d1816);border:2px solid #4a413d;border-top:0;border-radius:0 0 14px 14px;justify-content:center;align-items:center;width:60px;height:54px;display:flex;position:absolute;top:-6px;left:50%;transform:translate(-50%)}.dungeon .keystone .rose{filter:drop-shadow(0 2px 3px #000)saturate(.85)brightness(.92);font-size:30px;line-height:1}.dungeon .inside{opacity:0;background:radial-gradient(at 50% 60%,#ffcc7a 0%,#c8442d 35%,#1c1f27 70%,#050405 100%);transition:opacity 1.6s .5s;position:absolute;inset:0}.dungeon .inside .beam{background:radial-gradient(at 50% 0,#fff3c466,#0000 70%);position:absolute;inset:0 25%}.dungeon .door{width:50%;transform-style:preserve-3d;z-index:2;will-change:transform;background:repeating-linear-gradient(90deg,#0000 0 26px,#0006 26px 28px),linear-gradient(#0004,#0000 30% 70%,#0007),linear-gradient(90deg,#2e1d12,#4a2f1c 45%,#3a2416 60%,#22150c);transition:transform 2.4s cubic-bezier(.65,0,.35,1) .35s;position:absolute;top:0;bottom:0;box-shadow:inset 0 0 40px #000c}.dungeon .door.left{transform-origin:0;border-right:3px solid #0a0604;left:0}.dungeon .door.right{transform-origin:100%;border-left:3px solid #0a0604;right:0}.dungeon .door .edge{background:linear-gradient(90deg,#1a100a,#3a2416);width:14px;position:absolute;top:0;bottom:0;transform:rotateY(90deg)}.dungeon .door.left .edge{transform-origin:0;right:-14px}.dungeon .door.right .edge{transform-origin:100%;left:-14px}.dungeon .door .band{background:linear-gradient(#4a4a4f,#1c1c1f);border-radius:2px;height:16px;position:absolute;top:20%;left:4%;right:4%;box-shadow:0 3px 5px #000c}.dungeon .door .band:before,.dungeon .door .band:after{content:"";background:#6a6a70;border-radius:50%;width:8px;height:8px;position:absolute;top:4px;box-shadow:inset 0 -2px 2px #000a}.dungeon .door .band:before{left:10px}.dungeon .door .band:after{right:10px}.dungeon .door .band.low{top:74%}.dungeon .door .studs{opacity:.85;background:radial-gradient(circle,#5a5a60 0 3px,#0000 4px) 0 0/36px 44px;position:absolute;inset:30% 10% 32%}.dungeon .door .ring{border:5px solid #2a2a30;border-radius:50%;width:36px;height:36px;position:absolute;top:47%;box-shadow:0 4px 8px #000c,inset 0 1px 2px #fff2}.dungeon .door.left .ring{right:9%}.dungeon .door.right .ring{left:9%}.dungeon .door .ring:before{content:"";background:#3a3a40;border-radius:50%;width:12px;height:12px;margin-left:-6px;position:absolute;top:-13px;left:50%}.dungeon .door .scratch{background:linear-gradient(160deg,#0000 47%,#0008 48%,#0000 50%),linear-gradient(150deg,#0000 55%,#0008 56%,#0000 58%),linear-gradient(165deg,#0000 40%,#0006 41%,#0000 43%);width:45%;height:60px;position:absolute;top:55%;left:20%}.dungeon .torch{z-index:1;background:linear-gradient(#3a2412,#1a0f06);border-radius:4px;width:14px;height:74px;position:absolute;bottom:44vh}.dungeon .torch.left{left:calc(50% - min(33vw,230px) - 70px)}.dungeon .torch.right{right:calc(50% - min(33vw,230px) - 70px)}.dungeon .torch i{background:radial-gradient(at 50% 80%,#fff0a8 0%,#ff9f3a 40%,#d83a12 75%,#0000 100%);border-radius:50% 50% 45% 45%/65% 65% 35% 35%;width:30px;height:46px;margin-left:-15px;animation:.6s ease-in-out infinite alternate torchflame;position:absolute;top:-36px;left:50%;box-shadow:0 0 70px 26px #ff6a2a44}.dungeon .torch b{background:radial-gradient(#5553,#0000 70%);border-radius:50%;width:26px;height:60px;margin-left:-13px;animation:2.4s ease-in infinite smoke;position:absolute;top:-90px;left:50%}@keyframes torchflame{0%{transform:scale(1)rotate(-4deg)}to{transform:scale(.9,1.12)rotate(4deg)}}@keyframes smoke{0%{opacity:0;transform:translateY(10px)scale(.8)}30%{opacity:.6}to{opacity:0;transform:translateY(-40px)scale(1.4)}}.dungeon .candles{z-index:2;align-items:flex-end;gap:10px;display:flex;position:absolute;bottom:17vh}.dungeon .candles.left{left:calc(50% - min(33vw,230px) - 40px)}.dungeon .candles.right{right:calc(50% - min(33vw,230px) - 26px)}.dungeon .candles i{background:linear-gradient(90deg,#cbbfa4,#f1e8d2 55%,#b8a986);border-radius:3px 3px 1px 1px;width:12px;height:34px;display:block;position:relative;box-shadow:0 0 24px 6px #ffb54722}.dungeon .candles i:nth-child(2){height:22px}.dungeon .candles i:after{content:"";background:radial-gradient(at 50% 80%,#fff6c2,#ffb547 50%,#0000 100%);border-radius:50% 50% 40% 40%/60% 60% 40% 40%;width:8px;height:14px;margin-left:-4px;animation:.8s ease-in-out infinite alternate torchflame;position:absolute;top:-14px;left:50%}.dungeon .login-card{z-index:5;border-color:#3a3230;transition:opacity .5s,transform .8s;position:relative;box-shadow:0 30px 80px #000}.dungeon .flash{z-index:6;opacity:0;pointer-events:none;background:radial-gradient(at 50% 55%,#ffe9b8,#c8442d 60%,#14161c 100%);transition:opacity .9s 2.1s;position:absolute;inset:0}.dungeon.open .login-card{opacity:0;pointer-events:none;transform:translateY(24px)scale(.96)}.dungeon.open .door.left{transform:rotateY(96deg)}.dungeon.open .door.right{transform:rotateY(-96deg)}.dungeon.open .inside{opacity:1}.dungeon.open .scene{transform:scale(3.2)translateY(6%)}.dungeon.open .flash{opacity:1}.app.enter{animation:.9s ease-out both appenter}@keyframes appenter{0%{opacity:0;filter:brightness(1.6);transform:scale(1.03)}to{opacity:1;filter:none;transform:none}}@media (width<=520px){.dungeon .torch,.dungeon .chain,.dungeon .candles{display:none}.dungeon .arch{width:88vw}}.admin h4{text-transform:uppercase;letter-spacing:.04em;color:var(--muted);align-items:center;gap:8px;margin:16px 0 8px;font-size:13px;display:flex}.admin .stats{margin-bottom:0}.days{align-items:flex-end;gap:4px;height:90px;display:flex}.day{flex-direction:column;flex:1;justify-content:flex-end;align-items:center;gap:3px;min-width:0;height:100%;display:flex}.day .bar{flex-direction:column-reverse;justify-content:flex-start;width:100%;height:100%;display:flex}.day .bar i{width:100%;min-height:2px;display:block}.day span{color:var(--muted);font-size:10px}.dotc{vertical-align:middle;border-radius:50%;width:8px;height:8px;margin-right:2px;display:inline-block}.account.modal{max-width:860px}.palette-insights{margin-bottom:14px}.palette-insights h4{text-transform:uppercase;letter-spacing:.04em;color:var(--muted);margin:12px 0 6px;font-size:12px}.palette-insights h4:first-child{margin-top:0}.pi-grid{grid-template-columns:1fr;gap:14px;display:grid}@media (width>=900px){.pi-grid{grid-template-columns:240px 1fr 1fr}}.pi-wheel,.huering{flex-direction:column;align-items:center;gap:6px;display:flex}.pi-suggest{text-align:center;flex-wrap:wrap;justify-content:center;align-items:center;gap:6px;min-height:22px;display:flex}.vbars{flex-direction:column;gap:4px;display:flex}.vbar{grid-template-columns:110px 1fr 28px;align-items:center;gap:8px;font-size:12px;display:grid}.vbar .vlabel{color:var(--muted)}.vbar .vtrack{background:var(--bg-3);border-radius:6px;height:12px;overflow:hidden}.vbar .vtrack i{border-right:1px solid #fff3;border-radius:6px;height:100%;display:block}.vbar .vnum{text-align:right;font-variant-numeric:tabular-nums}.chip .swatch.small{vertical-align:middle;width:12px;height:12px;margin-right:2px}.help{vertical-align:middle;margin-left:4px;display:inline-flex;position:relative}.help-btn{border:1px solid var(--line);background:var(--bg-3);width:16px;height:16px;color:var(--muted);text-transform:none;letter-spacing:0;border-radius:50%;justify-content:center;align-items:center;padding:0;font-size:10px;font-weight:700;line-height:1;display:inline-flex}.help-btn:hover{color:var(--text);border-color:#4a5060}.help-tip{width:min(300px,80vw);color:var(--text);border:1px solid var(--line);text-transform:none;letter-spacing:0;text-align:left;z-index:30;opacity:0;pointer-events:none;background:#0f1116;border-radius:10px;padding:8px 10px;font-size:12.5px;font-weight:400;line-height:1.4;transition:opacity .15s;position:absolute;top:calc(100% + 8px);left:-10px;box-shadow:0 10px 30px #000a}.help.top .help-tip{top:auto;bottom:calc(100% + 8px)}.help:hover .help-tip,.help.open .help-tip{opacity:1;pointer-events:auto}.help-tip:before{content:"";border-left:1px solid var(--line);border-top:1px solid var(--line);background:#0f1116;width:8px;height:8px;position:absolute;top:-5px;left:14px;transform:rotate(45deg)}.help.top .help-tip:before{top:auto;bottom:-5px;transform:rotate(225deg)}h3 .help,h4 .help,.stat .help{margin-left:6px}