:root{--green:#00c805;--green-deep:#0a3d1e;--ink:#eafbe7;--ink-dim:#a9c9b0;--card:#0a1c12d1;--card-border:#00c80538;--shadow:0 10px 30px #00140859;--radius:12px;--font:"Fredoka", "Segoe UI", system-ui, sans-serif}*{box-sizing:border-box}html,body{height:100%;font-family:var(--font);color:var(--ink);background:#7cc1ea;margin:0;overflow:hidden}#app{position:fixed;inset:0}#app canvas{touch-action:none;width:100%;height:100%;display:block}#ui{pointer-events:none;position:fixed;inset:0}#ui>*{pointer-events:none}#brand{align-items:center;gap:10px;display:flex;position:absolute;top:22px;left:184px}#brand .title{letter-spacing:.5px;color:#fff;text-shadow:0 2px #003c1459,0 4px 16px #00000040;font-size:26px;font-weight:700;line-height:1}#brand .region{color:#e9ffe9;opacity:.9;text-shadow:0 1px 4px #00000059;margin-top:3px;font-size:14px;font-weight:500}#minimap{width:150px;height:150px;box-shadow:var(--shadow);image-rendering:auto;background:#1d5fa8;border:2px solid #ffffffd9;border-radius:10px;position:absolute;top:18px;left:20px}#ui.pre #minimap{display:none}.card{border-radius:var(--radius);color:#103820;background:#fff;box-shadow:0 6px #b8d9c2,0 18px 36px #00280f40}.card-title{letter-spacing:1.5px;text-transform:uppercase;color:#16a049;font-size:14px;font-weight:800}.sub{color:#5c7f68;margin-top:2px;font-size:13px}#portfolio .card-title{color:#16a049}#portfolio{box-sizing:border-box;color:#103820;background:#fff;border-radius:8px;padding:9px 12px 10px;position:absolute;top:18px;right:20px;box-shadow:0 4px #b8d9c2,0 12px 26px #00280f42}#portfolio .card-title{letter-spacing:1.2px;font-size:12px}.pf-head{justify-content:space-between;align-items:center;gap:14px;margin-bottom:7px;display:flex}.pf-acct{color:#5c7f68;white-space:nowrap;text-overflow:ellipsis;align-items:center;gap:6px;max-width:150px;min-height:14px;font-size:11.5px;font-weight:500;display:flex;overflow:hidden}.pf-acct:before{content:"";background:#8a8f8c;border-radius:50%;flex:none;width:8px;height:8px}#portfolio[data-state=wallet] .pf-acct:before{background:var(--green);box-shadow:0 0 8px #00c805b3}#portfolio[data-state=guest] .pf-acct:before{background:#ffb347}#portfolio[data-state=connecting] .pf-acct:before{background:#7cc1ea}.certs{gap:6px;display:flex}.cert{background:#f1f8f3;border:1px solid #dcebe1;border-radius:6px;align-items:center;gap:6px;padding:4px 8px 4px 5px;display:flex}.cert .tick{--c:var(--green);letter-spacing:.3px;color:#103820;background:color-mix(in srgb, var(--c) 30%, #fff);border:1px solid color-mix(in srgb, var(--c) 55%, #fff);border-radius:5px;padding:1px 5px;font-size:11px;font-weight:800}.cert .n{color:#16a049;font-variant-numeric:tabular-nums;text-align:right;min-width:10px;font-size:14px;font-weight:800}.cert.empty{opacity:.6}.cert.empty .n{color:#7f9a88}#withdraw{pointer-events:auto;width:100%;margin-top:8px;padding:7px 8px 8px;font-size:12px;display:block}.hint{color:#fff;text-shadow:0 1px 4px #00000073;flex-wrap:wrap;gap:6px 14px;font-size:13px;transition:opacity 1s;display:flex;position:absolute;bottom:20px;left:20px}.hint b{background:#ffffff2e;border:1px solid #ffffff59;border-radius:6px;padding:1px 6px;font-weight:600}.hint.faded{opacity:0}#inventory{background:var(--card);border:1px solid var(--card-border);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:18px;gap:8px;padding:8px;display:flex;position:absolute;bottom:20px;left:50%;transform:translate(-50%)}.slot{background:#ffffff0f;border:1px solid #ffffff14;border-radius:12px;justify-content:center;align-items:center;width:58px;height:58px;transition:transform .15s,background .2s;display:flex;position:relative}.slot.empty{opacity:.38}.slot.bump{background:#00c80538;transform:scale(1.14)}.slot svg{width:36px;height:36px}.slot .count{color:#fff;text-shadow:0 1px 2px #000;font-size:13px;font-weight:700;position:absolute;bottom:3px;right:5px}.slot .label{white-space:nowrap;opacity:0;background:#000000b3;border-radius:8px;padding:3px 8px;font-size:12px;transition:opacity .15s;position:absolute;top:-30px;left:50%;transform:translate(-50%)}.slot:hover .label{opacity:1}#inventory{pointer-events:auto}#prompt-wrap{flex-direction:column;align-items:center;gap:8px;display:flex;position:absolute;bottom:108px;left:50%;transform:translate(-50%)}#prompt{background:var(--card);border:1px solid var(--card-border);box-shadow:var(--shadow);opacity:0;border-radius:999px;align-items:center;gap:10px;padding:9px 16px 9px 10px;font-size:16px;font-weight:500;transition:opacity .15s,transform .15s;display:flex;transform:translateY(6px)}#prompt.show{opacity:1;transform:translateY(0)}#prompt kbd{font-family:var(--font);background:var(--green);color:#05230f;border-radius:999px;padding:3px 9px;font-size:14px;font-weight:700}#progress{opacity:0;background:#00000073;border:1px solid #ffffff26;border-radius:6px;width:180px;height:8px;transition:opacity .15s;overflow:hidden}#progress.show{opacity:1}#progress-fill{background:linear-gradient(90deg,#00c805,#7dff8a);border-radius:6px;width:0%;height:100%;transition:width .12s}#toasts{flex-direction:column;align-items:center;gap:6px;display:flex;position:absolute;top:20px;left:50%;transform:translate(-50%)}.toast{background:var(--card);border:1px solid var(--card-border);box-shadow:var(--shadow);border-radius:999px;align-items:center;gap:9px;padding:8px 16px 8px 12px;font-size:14px;font-weight:500;animation:.25s ease-out toast-in;display:flex}.toast:before{content:"";background:#9ff5b8;border-radius:50%;flex:none;width:9px;height:9px}.toast.good{border-color:#00c80599}.toast.good:before{background:var(--green);box-shadow:0 0 8px #00c805cc}.toast.bad{border-color:#ff5a5a99}.toast.bad:before{background:#ff7a7a;box-shadow:0 0 8px #ff5a5ab3}.toast.out{animation:.3s forwards toast-out}@keyframes toast-in{0%{opacity:0;transform:translateY(-8px)scale(.96)}to{opacity:1;transform:none}}@keyframes toast-out{to{opacity:0;transform:translateY(-8px)}}#floaters{position:absolute;inset:0;overflow:hidden}.floater{color:#fff;text-shadow:0 2px #003c1480,0 3px 10px #0006;white-space:nowrap;align-items:center;gap:5px;font-size:18px;font-weight:700;animation:1.1s ease-out forwards float-up;display:flex;position:absolute;transform:translate(-50%,-50%)}.floater svg{width:22px;height:22px}@keyframes float-up{0%{opacity:0;margin-top:10px}15%{opacity:1}to{opacity:0;margin-top:-60px}}#banner{color:#fff;letter-spacing:2px;text-shadow:0 3px #003c1480,0 8px 30px #00000059;opacity:0;pointer-events:none;font-size:44px;font-weight:700;position:absolute;top:26%;left:50%;transform:translate(-50%)}#banner.show{animation:2.6s ease-out forwards banner}#banner small{text-align:center;letter-spacing:4px;color:#c9ffd0;font-size:16px;font-weight:500;display:block}@keyframes banner{0%{opacity:0;transform:translate(-50%)translateY(10px)}15%{opacity:1;transform:translate(-50%)translateY(0)}80%{opacity:1}to{opacity:0}}#panel{pointer-events:auto;width:min(520px,100vw - 40px);padding:18px 20px 16px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}#panel[hidden]{display:none}.panel-head{border-bottom:1px solid #e3efe6;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:12px;padding-bottom:10px;display:flex}.row{background:#f1f8f3;border:1px solid #dcebe1;border-radius:8px;align-items:center;gap:12px;margin-bottom:8px;padding:10px 12px;display:flex}.row .icon{background:#e6f6ea;border:1px solid #cfe8d6;border-radius:10px;flex:none;place-items:center;width:50px;height:50px;display:grid}.row .icon svg{width:34px;height:34px;display:block}.row .time{color:#3f7a55;vertical-align:2px;background:#e6f6ea;border-radius:6px;margin-left:8px;padding:1px 7px;font-size:12px;font-weight:700;display:inline-block}.row .btns{flex-direction:column;flex:none;gap:6px;display:flex}.row .btns .btn{min-width:88px;padding:7px 14px;font-size:13px}.have{flex-wrap:wrap;gap:8px;margin-bottom:12px;display:flex}.have div{color:#103820;background:#f1f8f3;border:1px solid #dcebe1;border-radius:8px;align-items:center;gap:6px;padding:5px 10px 5px 7px;font-size:13px;font-weight:600;display:flex}.have div.zero{opacity:.55}.have svg{width:20px;height:20px}.have b{color:#16a049;font-size:14px}.qlist{flex-direction:column;gap:6px;margin-top:6px;display:flex}.qjob{color:#103820;background:#e9f7ee;border:1px dashed #7fd39a;border-radius:8px;grid-template-columns:28px 1fr auto;align-items:center;gap:6px 10px;padding:8px 10px;font-size:13px;font-weight:600;display:grid}.qjob.waiting{color:#5c7f68;background:#f1f8f3;border-style:solid;border-color:#dcebe1}.qjob svg{width:24px;height:24px;display:block}.qjob .t{font-variant-numeric:tabular-nums;color:#16a049;font-weight:700}.qjob .bar{background:#cfe3d5;border-radius:4px;grid-column:1/-1;height:6px;overflow:hidden}.qjob .bar div{background:var(--green);height:100%;transition:width .2s linear}.guide-step{letter-spacing:1.5px;text-transform:uppercase;color:#16a049;margin-bottom:8px;font-size:12px;font-weight:800}.setting{color:#103820;background:#f1f8f3;border:1px solid #dcebe1;border-radius:8px;justify-content:space-between;align-items:center;gap:12px;margin-bottom:8px;padding:10px 12px;display:flex}.setting b{font-size:15px}.setting .d{color:#5c7f68;margin-top:2px;font-size:12.5px}.seg{flex:none;gap:4px;display:flex}.seg .btn{padding:6px 13px;font-size:13px}.seg .btn.off{background-image:var(--facet), var(--ingot-silver);color:#5c7f68;text-shadow:none}a.btn{align-items:center;text-decoration:none;display:inline-flex}.row .info{flex:1;min-width:0}.row .name{color:#103820;font-size:16px;font-weight:700}.row .needs{color:#5c7f68;flex-wrap:wrap;gap:10px;margin-top:3px;font-size:13px;display:flex}.row .needs span.ok{color:#148a3a;font-weight:600}.row .needs span.no{color:#c0392b;font-weight:600}.row .needs svg{vertical-align:-2px;width:14px;height:14px;margin-right:2px}:root{--ingot-green:linear-gradient(180deg, #4be478 0%, #33cf61 15%, #18b44d 16%, #16a748 79%, #0c7a33 80%, #0a682b 100%);--ingot-silver:linear-gradient(180deg, #fff 0%, #f5f9f5 15%, #e7eee9 16%, #dfe8e2 79%, #b4c4b9 80%, #a7b8ac 100%);--ingot-dull:linear-gradient(180deg, #eef3ef 0%, #e8eee9 15%, #e0e9e3 16%, #dce5df 79%, #c5d1c8 80%, #bfcbc2 100%);--facet:linear-gradient(112deg, transparent 34%, #ffffff38 34%, #ffffff38 46%, transparent 46%)}.btn{font-family:var(--font);letter-spacing:.3px;background:var(--ingot-green);background-image:var(--facet), var(--ingot-green);color:#fff;text-shadow:0 1px #00000038;cursor:pointer;clip-path:polygon(5% 0,95% 0,100% 100%,0 100%);border:none;padding:9px 18px 11px;font-size:14px;font-weight:800;transition:transform 80ms,filter .15s;position:relative}.btn:hover{filter:brightness(1.06);transform:translateY(-1px)}.btn:active{filter:brightness(.96);transform:translateY(1px)}.btn:disabled{background-image:var(--ingot-dull);color:#8aa393;text-shadow:none;cursor:not-allowed;filter:none;transform:none}.btn.ghost{background-image:var(--facet), var(--ingot-silver);color:#103820;text-shadow:none}.btn.ghost:hover{filter:brightness(1.02)}.queue{color:#103820;background:#e9f7ee;border:1px dashed #7fd39a;border-radius:8px;margin-top:8px;padding:10px 12px;font-size:13px}.queue .bar{background:#cfe3d5;border-radius:4px;height:6px;margin-top:6px;overflow:hidden}.queue .bar div{background:var(--green);height:100%;transition:width .2s linear}.quote{color:#5c7f68;margin-bottom:10px;font-size:13px;font-style:italic}#fade{opacity:0;background:#020604;transition:opacity .35s;position:absolute;inset:0}#fade.on{opacity:1}#loading{z-index:40;opacity:0;pointer-events:none;background:radial-gradient(at 50% 40%,#0c3a20,#041a0e 75%);place-items:center;transition:opacity .3s;display:grid;position:absolute;inset:0}#loading.on{opacity:1;pointer-events:auto}.load-card{flex-direction:column;align-items:center;gap:18px;display:flex}.load-icon{object-fit:cover;background:#0b3a1c;border-radius:50%;width:88px;height:88px;animation:1.4s ease-in-out infinite load-bob;box-shadow:0 0 0 4px #fff,0 12px 30px #00000080}@keyframes load-bob{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.load-title{color:#fff;letter-spacing:.5px;text-shadow:0 2px 10px #00000080;font-size:26px;font-weight:700}.load-bar{background:#ffffff26;border-radius:999px;width:220px;height:8px;overflow:hidden}.load-bar-fill{background:linear-gradient(90deg,#16b04b,#37d964);border-radius:999px;width:40%;height:100%;animation:1.1s ease-in-out infinite load-slide}@keyframes load-slide{0%{transform:translate(-120%)}to{transform:translate(320%)}}#bottom{align-items:flex-end;gap:10px;display:flex;position:absolute;bottom:20px;left:50%;transform:translate(-50%)}#inventory{position:static;transform:none}#hotbar{background:var(--card);border:1px solid var(--card-border);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);pointer-events:auto;border-radius:18px;gap:8px;padding:8px;display:flex}.hot{cursor:pointer;background:#ffffff0f;border:2px solid #ffffff1a;border-radius:12px;justify-content:center;align-items:center;width:58px;height:58px;transition:transform .12s,border-color .15s,background .15s;display:flex;position:relative}.hot:hover{transform:translateY(-2px)}.hot.active{border-color:var(--green);background:#00c8052e;box-shadow:0 0 0 3px #00c8052e}.hot svg{width:36px;height:36px}.hot .key{color:#cfead4;background:#00000073;border-radius:5px;padding:0 5px;font-size:11px;font-weight:700;position:absolute;top:3px;left:5px}.hot .label{white-space:nowrap;opacity:0;pointer-events:none;background:#000000b3;border-radius:8px;padding:3px 8px;font-size:12px;transition:opacity .15s;position:absolute;top:-30px;left:50%;transform:translate(-50%)}.hot:hover .label{opacity:1}#app canvas.pick{cursor:pointer}#chat{pointer-events:auto;flex-direction:column;gap:6px;width:min(340px,34vw);display:flex;position:absolute;bottom:100px;left:20px}#chat-log{flex-direction:column;justify-content:flex-end;gap:3px;max-height:160px;display:flex;overflow:hidden}.msg{color:#fff;text-shadow:0 1px 3px #0009;word-break:break-word;background:#06140c8c;border-radius:9px;align-self:flex-start;max-width:100%;padding:4px 9px;font-size:13px;line-height:1.3;transition:opacity 1s;animation:.2s ease-out toast-in}.msg.faded{opacity:.25}.msg .who{color:#9ff5b8;margin-right:5px;font-weight:700}.msg.system{color:#cfead4;font-style:italic}.msg.system .who{color:var(--green)}#chat-form{display:flex}#chat-input{font-family:var(--font);color:#fff;opacity:.6;background:#06140c99;border:1px solid #ffffff26;border-radius:999px;outline:none;width:100%;padding:8px 12px;font-size:14px;transition:opacity .15s,border-color .15s}#chat-input:focus{opacity:1;border-color:var(--green);background:#06140cd9}#chat-input::placeholder{color:#a9c9b0}#controls{justify-content:flex-end;max-width:300px;bottom:58px;left:auto;right:20px}#ui.pre #brand,#ui.pre #portfolio,#ui.pre #bottom,#ui.pre #chat,#ui.pre #controls,#ui.pre #prompt-wrap,#ui.pre #social{display:none}#start{box-sizing:border-box;pointer-events:auto;background:linear-gradient(90deg,#020c07d6 0%,#020c0794 38%,#020c0729 72%,#020c070d 100%);grid-template-rows:auto 1fr auto;padding:22px 36px;transition:opacity .5s;animation:.6s both s-in;display:grid;position:absolute;inset:0;overflow:auto}#start:after{content:"";pointer-events:none;background:linear-gradient(#020c0700,#020c07bf);height:40%;position:absolute;bottom:0;left:0;right:0}#start>*{z-index:1;position:relative}#start.hide{opacity:0;pointer-events:none;animation:none}@keyframes s-in{0%{opacity:0}to{opacity:1}}.s-top{justify-content:flex-end;align-items:center;display:flex}.s-brand{color:#fff;align-items:center;gap:10px;font-size:20px;font-weight:700;display:flex}.avatar{object-fit:cover;background:#0b3a1c;border-radius:50%;box-shadow:0 0 0 2px #fff}.s-brand .avatar{width:36px;height:36px}.s-links{align-items:center;gap:22px;font-size:14px;font-weight:600;display:flex}.s-links a{color:#fff;align-items:center;gap:7px;text-decoration:none;display:inline-flex}.s-links a:hover{color:var(--green)}.s-links svg{fill:currentColor;width:14px;height:14px}.s-tok{color:var(--green);font-weight:700}.s-hero{align-self:center;max-width:720px;padding:10px 0}.s-avatar{object-fit:cover;background:#0b3a1c;border-radius:50%;width:112px;height:112px;margin-bottom:14px;display:block;box-shadow:0 0 0 3px #fff,0 12px 30px #00000073}.s-hero h1{letter-spacing:-2px;color:#fff;text-shadow:0 4px #002d0f8c,0 14px 30px #0006;margin:0;font-size:clamp(64px,9vw,104px);font-weight:700;line-height:.95}.s-tagline{color:#e8f7ea;max-width:520px;margin:14px 0 22px;font-size:19px;font-weight:500;line-height:1.4}.s-tagline mark{color:#d9ffe0;background:#00c80538;border-radius:4px;padding:1px 6px}.s-play{flex-wrap:nowrap;align-items:center;gap:10px;display:flex}#start-name{box-sizing:border-box;width:200px;font-family:var(--font);color:#fff;background:#0000006b;border:1px solid #ffffff38;border-radius:8px;outline:none;padding:12px 14px;font-size:16px;font-weight:500}#start-name::placeholder{color:#9db8a4}#start-name:focus{border-color:var(--green)}#banner{text-align:center;padding-left:2px}.ibtn{cursor:pointer;font-family:var(--font);letter-spacing:.3px;color:#fff;filter:drop-shadow(0 7px 10px #00140859);background:0 0;border:none;padding:0;font-size:17px;font-weight:700;transition:transform .1s,filter .15s}.ibtn .face{white-space:nowrap;clip-path:polygon(7% 0,93% 0,100% 100%,0 100%);background-image:var(--facet), var(--ingot-green);text-shadow:0 1px #00000038;align-items:center;gap:9px;padding:13px 28px 16px;display:inline-flex;position:relative}.ibtn .face svg{flex:none;width:19px;height:19px}.ibtn:hover{filter:drop-shadow(0 11px 14px #00140861)brightness(1.05);transform:translateY(-2px)}.ibtn:active{filter:drop-shadow(0 2px 4px #00140859)brightness(.97);transform:translateY(2px)}.ibtn:focus-visible{outline-offset:4px;outline:3px solid #7dff9a}.ibtn.silver{color:#0a3d1e}.ibtn.silver .face{background-image:var(--facet), var(--ingot-silver);text-shadow:none}.start-note{color:#ffd27a;min-height:18px;margin-top:10px;font-size:13px}.s-hint{color:#b9d6c0;margin-top:6px;font-size:13px}.s-bottom{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:20px;display:flex}.s-steps{gap:28px;margin-left:56px;display:flex}.s-step{--c:var(--green);color:#fff;align-items:center;gap:9px;font-size:15px;font-weight:600;display:flex;position:relative}.s-step .ico svg{width:26px;height:26px;display:block}.s-step .detail{color:#dff5e2;opacity:0;pointer-events:none;background:#041009f5;border:1px solid #ffffff1f;border-radius:6px;width:220px;padding:8px 10px;font-size:12.5px;font-weight:500;line-height:1.35;transition:opacity .15s;position:absolute;bottom:calc(100% + 10px);left:0}.s-step:hover .detail{opacity:1}.s-foot{color:#b9d6c0;text-align:right;font-size:12px;line-height:1.6}.s-foot a{color:#fff;align-items:center;gap:5px;font-weight:600;text-decoration:none;display:inline-flex}.s-foot a svg{fill:currentColor;width:12px;height:12px}.s-foot a:hover{color:var(--green)}.s-foot .tok,#social .tok{color:var(--green);font-weight:700}.c-round{color:#0a3d1e;cursor:pointer;background:#fff;border:none;border-radius:50%;place-items:center;width:42px;height:42px;padding:0;text-decoration:none;transition:transform 80ms,box-shadow 80ms;display:grid;box-shadow:0 4px #b8d9c2,0 8px 16px #00000026}.c-round:hover{transform:translateY(-1px)}.c-round:active{transform:translateY(3px);box-shadow:0 1px #b8d9c2}.c-round svg{fill:currentColor;width:17px;height:17px;display:block}#mute{pointer-events:auto;z-index:6;position:absolute;bottom:20px;left:20px}#settings{pointer-events:auto;z-index:6;position:absolute;bottom:20px;left:70px}#ui.pre #settings{display:none}#next{color:#dfffe6;text-shadow:0 1px 4px #00000080;align-items:center;gap:7px;min-height:16px;margin-top:5px;font-size:13px;font-weight:600;display:flex}#next:before{content:"";border-left:7px solid var(--green);filter:drop-shadow(0 1px 2px #0006);border-top:5px solid #0000;border-bottom:5px solid #0000;width:0;height:0}#next:empty,#mute .off,#mute.muted .on{display:none}#mute.muted .off{display:block}#mute.muted{color:#b03a2e}@media (max-width:700px){#start{background:linear-gradient(#020c0799,#020c07d1);padding:16px 20px}.s-hero{text-align:center;margin:0 auto}.s-avatar{margin:0 auto 12px}.s-hero h1{font-size:64px}.s-tagline{margin:10px auto 16px;font-size:16px}.s-play{flex-wrap:wrap;justify-content:center}#start-name{width:100%}.s-play .ibtn{flex:auto}.s-play .ibtn .face{justify-content:center;width:100%}.s-bottom{flex-direction:column;align-items:center}.s-steps{gap:18px}.s-foot{text-align:center}.s-brand span{display:none}}@media (max-height:560px){.s-avatar{width:72px;height:72px;margin-bottom:8px}.s-hero h1{font-size:60px}.s-tagline{margin:8px 0 12px;font-size:15px}.s-hero{padding:0}}#social{color:#fff;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);pointer-events:auto;opacity:.85;background:#06140c8c;border:1px solid #ffffff24;border-radius:999px;align-items:center;gap:7px;padding:6px 12px;font-size:12.5px;font-weight:600;text-decoration:none;transition:opacity .15s,border-color .15s;display:inline-flex;position:absolute;bottom:20px;right:20px}#social:hover{opacity:1;border-color:var(--green)}#social svg{fill:currentColor;width:12px;height:12px}#brand .avatar{width:40px;height:40px;box-shadow:0 0 0 3px #fff,0 4px 12px #00000059}.btn.small{padding:7px 12px;font-size:12.5px}.wlist{flex-direction:column;gap:6px;margin-bottom:12px;display:flex}.wrow{color:#103820;background:#f1f8f3;border:1px solid #dcebe1;border-radius:8px;align-items:center;gap:10px;padding:8px 12px;font-size:14px;display:flex}.wrow.empty{opacity:.5}.wrow span{flex:1}.wrow b{color:#16a049;font-size:15px}.wrow span small{color:#5c7f68;font-size:12px;font-weight:500;display:block}.wrow.wd .btns{gap:6px;display:flex}.wrow.wd .btns .btn{white-space:nowrap}.wd-off{color:#8aa393;font-size:12px;font-style:normal}.wd-head{color:#5c7f68;flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:10px;font-size:13px;display:flex}.wd-head b{color:#103820;font-family:ui-monospace,Consolas,monospace;font-size:14px}.wd-chain{color:#103820;margin-left:auto;font-weight:600}.wd-chain em{color:#7a4d00;letter-spacing:.5px;background:#ffe7a8;border-radius:6px;margin-left:8px;padding:2px 7px;font-size:11px;font-style:normal}.wd-confirm{color:#103820;background:#fff8e1;border:1px solid #f2d98a;border-radius:8px;flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:12px;padding:10px 12px;font-size:14px;display:flex}.wd-confirm span{flex:1;min-width:200px;line-height:1.4}.wd-confirm .btns{gap:6px;display:flex}.wd-list{flex-direction:column;gap:4px;margin-bottom:12px;display:flex}.wd-item{color:#103820;background:#fff;border:1px solid #dcebe1;border-radius:8px;grid-template-columns:1fr auto auto auto;align-items:center;gap:10px;padding:6px 12px;font-size:13px;display:grid}.wd-item b{color:#103820}.wd-item i{color:#5c7f68;font-size:12px;font-style:normal;font-weight:600}.wd-item.sent i,.wd-item.confirmed i{color:#16a049}.wd-item.failed i{color:#c0392b}.wd-item a{color:#16a049;font-size:12px;font-weight:700}.dialog{color:#103820;white-space:pre-line;background:#f1f8f3;border-left:3px solid #16b04b;border-radius:8px;padding:12px 14px;font-size:15px;line-height:1.45}.wd-item span small{color:#a8651a;margin-top:2px;font-size:11.5px;font-weight:500;display:block}.actions{justify-content:flex-end;gap:8px;margin-top:12px;display:flex}#account{min-height:16px}.msg.me .who{color:#ffe08a}#ui.spectating>:not(#loading):not(#fade):not(#specstats){display:none!important}#specstats{box-sizing:border-box;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);width:266px;color:var(--ink);background:#041009a8;border:1px solid #ffffff21;border-radius:14px;padding:15px 18px 16px;position:absolute;bottom:28px;left:28px;box-shadow:0 14px 36px #00140873}#specstats[hidden]{display:none}.ss-brand{border-bottom:1px solid #ffffff1f;align-items:center;gap:10px;margin-bottom:13px;padding-bottom:12px;display:flex}.ss-brand img{border-radius:50%;flex:none;display:block}.ss-brand b{letter-spacing:3.4px;color:#fff;font-size:19px;font-weight:700}.ss-grid{grid-template-columns:1fr auto;align-items:baseline;gap:11px 16px;display:grid}.ss-grid i{letter-spacing:1.5px;text-transform:uppercase;color:#a9cdb3;font-size:12px;font-style:normal;font-weight:600}.ss-grid span{color:var(--green);font-variant-numeric:tabular-nums;text-shadow:0 2px #00280f73;justify-self:end;font-size:27px;font-weight:800;line-height:1}