:root{--ink:#0d1519;--panel:#0e161adb;--panel-solid:#121c21;--line:#dcf0e624;--text:#edf3ee;--muted:#9db2a9;--accent:#ffd34e;--danger:#ff7a66;--f-display:"Pixelify Sans", ui-monospace, "Courier New", monospace;--f-body:"Rubik", system-ui, -apple-system, "Segoe UI", sans-serif;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--ink);color:var(--text);font-family:var(--f-body);touch-action:none;-webkit-user-select:none;user-select:none;overflow:hidden}#game{cursor:crosshair;outline:none;width:100%;height:100%;display:block;position:fixed;inset:0}body.map-mode #game{cursor:grab}body.map-mode #game.dragging{cursor:grabbing}.card{background:var(--panel);border:1px solid var(--line);-webkit-backdrop-filter:blur(6px);border-radius:10px}button{font:inherit;color:var(--text);cursor:pointer;background:0 0;border:0}button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}kbd{font-family:var(--f-display);border:1px solid var(--line);color:var(--muted);border-radius:4px;padding:1px 5px;font-size:11px}.hud-top{top:calc(env(safe-area-inset-top,0px) + 10px);left:max(12px, env(safe-area-inset-left,0px));right:max(12px, env(safe-area-inset-right,0px));pointer-events:none;display:flex;position:fixed}.hud-bar{pointer-events:auto;align-items:center;gap:8px;max-width:100%;padding:4px 4px 4px 12px;display:flex}.place{flex:1;min-width:0;max-width:360px}.place-name{font-family:var(--f-display);white-space:nowrap;text-overflow:ellipsis;align-items:center;font-size:16px;font-weight:700;line-height:1.2;display:flex;overflow:hidden}.place-name .net{flex:none}.meta{white-space:nowrap;color:var(--muted);font-variant-numeric:tabular-nums;align-items:baseline;gap:8px;font-size:11px;display:flex;overflow:hidden}.meta>*{flex:none}.meta .eyebrow{text-overflow:ellipsis;min-width:0;font-family:var(--f-display);letter-spacing:.08em;text-transform:uppercase;color:var(--accent);flex:0 auto;overflow:hidden}.meta .net-text{color:var(--danger);font-weight:600}.clock{color:var(--accent);text-underline-offset:3px;font-variant-numeric:tabular-nums;padding:0;font-size:11px;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}.mode{flex-shrink:0;gap:4px;padding:4px;display:flex}.mode button{color:var(--muted);border-radius:7px;align-items:center;gap:6px;padding:7px 11px;font-size:13px;font-weight:500;display:flex}.mode button[aria-pressed=true]{background:var(--accent);color:#1b1606}.mode button[aria-pressed=true] kbd{color:#1b1606;border-color:#1b16064d}.net{background:var(--muted);border-radius:50%;width:7px;height:7px;margin-right:6px;display:inline-block}.net.online{background:#6fd065}.net.offline{background:var(--danger)}.toast{top:calc(env(safe-area-inset-top,0px) + 64px);text-align:center;pointer-events:none;max-width:calc(100vw - 32px);padding:9px 14px;font-size:13px;animation:.25s ease-out pop;position:fixed;left:50%;transform:translate(-50%)}.reconnecting{top:calc(env(safe-area-inset-top,0px) + 108px);white-space:nowrap;pointer-events:none;border-color:#ff7a6680;align-items:center;gap:9px;padding:8px 14px;font-size:13px;display:flex;position:fixed;left:50%;transform:translate(-50%)}.reconnecting .spin{border:2px solid var(--line);border-top-color:var(--accent);border-radius:50%;width:12px;height:12px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.toast.warn{border-color:#ff7a6680}@keyframes pop{0%{opacity:0;transform:translate(-50%,-6px)}to{opacity:1;transform:translate(-50%)}}.hud-bottom{bottom:calc(env(safe-area-inset-bottom,0px) + 12px);align-items:center;gap:12px;width:min(560px,100vw - 24px);padding:10px 12px;display:flex;position:fixed;left:50%;transform:translate(-50%)}.build-bar{--slot:min(42px, calc((100vw - 24px - 16px - 9 * 2px) / 10));--px-dark:#0a0e10;--px-panel:#232a2e;--px-slot:#161c1f;background:var(--px-panel);border:2px solid var(--px-dark);width:max-content;max-width:calc(100vw - 24px);font-family:var(--f-display);image-rendering:pixelated;border-radius:0;gap:6px;padding:6px 8px 8px;display:grid;box-shadow:inset 2px 2px #ffffff1a,inset -2px -2px #0006,0 4px #00000059}.build-head{justify-content:space-between;align-items:center;gap:12px;width:0;min-width:100%;padding:0 2px;display:flex}.build-info{min-width:0;color:var(--muted);align-items:baseline;gap:8px;font-size:12px;display:flex}.build-info b{color:var(--text);white-space:nowrap;text-shadow:2px 2px 0 var(--px-dark);font-size:14px;font-weight:700}.build-info span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.category{letter-spacing:.08em;text-transform:uppercase;color:var(--accent);flex:none;font-size:11px}.build-head .login-cta{border-radius:0;width:auto;padding:5px 10px;box-shadow:inset -2px -2px #0000004d}.hotbar{gap:2px;display:flex}.slot{width:var(--slot);height:var(--slot);background:var(--px-slot);box-shadow:inset 2px 2px 0 var(--px-dark), inset -2px -2px 0 #3a4449;border-radius:0;flex:none;place-items:center;padding:0;display:grid;position:relative}.slot:hover{background:#20282c}.slot canvas{width:calc(var(--slot) - 12px);height:calc(var(--slot) - 12px);image-rendering:pixelated}.slot small{color:#f4f4ec;text-shadow:1px 1px 0 var(--px-dark), -1px 0 0 var(--px-dark), 0 -1px 0 var(--px-dark);font-variant-numeric:tabular-nums;pointer-events:none;font-size:12px;font-weight:700;line-height:1;position:absolute;bottom:2px;right:3px}.slot.mat{cursor:default}.slot.mat:hover{background:var(--px-slot)}.slot[aria-pressed=true]{z-index:1;box-shadow:0 0 0 2px var(--px-dark), 0 0 0 4px #f2f2ea, inset 0 0 0 2px var(--px-dark);background:#2c3438}.slot.more{grid-auto-flow:column;place-content:center;gap:3px;margin-left:4px}.slot.more i{width:4px;height:4px;box-shadow:1px 1px 0 var(--px-dark);background:#c9d2cc}.slot.more[aria-expanded=true]{background:#2c3438}.slot.more[aria-expanded=true] i{background:var(--accent)}.variants{scrollbar-width:thin;gap:4px;padding-bottom:2px;display:flex;overflow-x:auto}.variants button{color:var(--muted);white-space:nowrap;background:var(--px-slot);box-shadow:inset -2px -2px 0 var(--px-dark), inset 2px 2px 0 #3a4449;border-radius:0;flex:none;padding:4px 9px;font-size:12px}.variants button[aria-pressed=true]{color:#1b1606;background:var(--accent);box-shadow:inset -2px -2px #a8811c,inset 2px 2px #fff0b0}.inventory{background:var(--px-panel);border:2px solid var(--px-dark);gap:8px;padding:8px 8px 6px;animation:.12s steps(3,end) inv-in;display:grid;position:absolute;bottom:calc(100% - 2px);left:-2px;right:-2px;box-shadow:inset 2px 2px #ffffff1a,inset -2px -2px #0006,0 4px #00000059}@keyframes inv-in{0%{opacity:0;transform:translateY(6px)}}.inv-grid{grid-template-columns:repeat(9, var(--slot));justify-content:start;gap:2px;display:grid}.slot.empty,.slot.mat{cursor:default}.slot.empty:hover{background:var(--px-slot)}.craft-go{gap:2px;display:flex}.craft-go button{font:inherit;color:#1b1606;background:var(--accent);border-radius:0;padding:6px 10px;font-size:12px;font-weight:700;box-shadow:inset -2px -2px #a8811c,inset 2px 2px #fff0b0}.craft-go button:disabled{color:var(--muted);background:var(--px-slot);box-shadow:inset -2px -2px 0 var(--px-dark), inset 2px 2px 0 #3a4449;cursor:default}.craft-go button.quiet{color:var(--muted);background:var(--px-slot);box-shadow:inset -2px -2px 0 var(--px-dark), inset 2px 2px 0 #3a4449}.cost-list{flex-wrap:wrap;gap:2px 8px;display:inline-flex}.cost{color:var(--text);font-variant-numeric:tabular-nums;align-items:center;gap:2px;font-size:12px;font-weight:700;display:inline-flex}.cost canvas{width:16px;height:16px;image-rendering:pixelated}.cost[data-short]{color:#ff9a88}.bp-text{flex:1;gap:2px;min-width:0;display:grid}.bp-text b{color:var(--text);text-shadow:2px 2px 0 var(--px-dark);white-space:nowrap;text-overflow:ellipsis;font-size:13px;overflow:hidden}.bp-text small{color:var(--muted);font-size:11px}.bp-hint{color:var(--muted);margin:0;font-size:11px}.site-panel{box-sizing:border-box;width:0;min-width:100%;box-shadow:inset 2px 2px 0 var(--px-dark);background:#0003;gap:4px;padding:6px;display:grid}.site-head{justify-content:space-between;align-items:baseline;gap:8px;display:flex}.site-head b{color:var(--accent);text-shadow:2px 2px 0 var(--px-dark);white-space:nowrap;text-overflow:ellipsis;font-size:13px;overflow:hidden}.site-head span{color:var(--muted);white-space:nowrap;font-variant-numeric:tabular-nums;font-size:11px}.site-bar{background:var(--px-slot);height:6px;box-shadow:inset 1px 1px 0 var(--px-dark)}.site-bar i{background:var(--accent);height:100%;transition:width .2s steps(4,end);display:block}.site-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;display:flex}.site-note{color:var(--muted);flex-wrap:wrap;align-items:center;gap:6px;font-size:12px;display:inline-flex}.site-panel input{min-width:120px;font:inherit;color:var(--text);background:var(--px-slot);box-shadow:inset 2px 2px 0 var(--px-dark);border:0;border-radius:0;flex:1;padding:6px 8px;font-size:13px}.inv-tabs{gap:2px;display:flex;position:absolute;bottom:calc(100% + 2px);left:6px}.inv-tabs button{font:inherit;color:var(--muted);background:var(--px-slot);border:2px solid var(--px-dark);border-bottom:0;border-radius:0;align-items:center;gap:4px;padding:4px 10px 4px 6px;font-size:12px;display:flex;box-shadow:inset 2px 2px #3a4449}.inv-tabs button[aria-selected=true]{color:var(--text);background:var(--px-panel);margin-bottom:-4px;padding-bottom:6px;box-shadow:inset 2px 2px #ffffff1a}.inv-tabs canvas{width:20px;height:20px;image-rendering:pixelated}.inv-label{color:var(--muted);align-items:baseline;gap:8px;padding:0 2px;font-size:12px;display:flex}.inv-label b{color:var(--accent)}.inv-label small{opacity:.8;font-size:10px}.craft-list{gap:4px;display:grid}.craft-row{background:#00000026;align-items:center;gap:6px;padding:2px;display:flex}.craft-row[data-off] .slot canvas{opacity:.45}.craft-in{gap:2px;display:flex}.craft-arrow{color:var(--muted);font-size:14px}.craft-name{min-width:0;color:var(--text);text-shadow:2px 2px 0 var(--px-dark);white-space:nowrap;text-overflow:ellipsis;flex:1;font-size:13px;overflow:hidden}.bp-detail{align-items:center;gap:8px;display:flex}.slot.bp-big{width:calc(var(--slot) * 2);height:calc(var(--slot) * 2)}.slot.bp-big canvas{width:calc(var(--slot) * 2 - 12px);height:calc(var(--slot) * 2 - 12px)}.bp-go{flex-direction:column}.inv-grid .slot[data-inv]:not(.empty),.hotbar .slot[data-grab]{cursor:grab;touch-action:none}.build-bar .slot[data-dragging]{opacity:.35}.build-bar .slot[data-over]{box-shadow:inset 0 0 0 2px var(--accent);background:#2c3438}.inv-grid .slot.mat:hover{background:#20282c}.inv-info{color:var(--text);background:#0003;padding:4px 6px;font-size:12px}.inv-info b{color:var(--accent)}.drag-ghost{z-index:5;pointer-events:none;opacity:.9;position:absolute;transform:translate(-50%,-50%)}.map-bar{color:var(--muted);flex-wrap:wrap;justify-content:space-between;font-size:13px}.map-bar .tools{gap:6px;display:flex}.map-bar .tools button{border:1px solid var(--line);color:var(--text);border-radius:7px;padding:7px 12px;font-weight:500}.map-bar .tools button:hover{border-color:var(--accent)}.map-bar .hint{flex-basis:100%}.tp{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.tp label{font-family:var(--f-display);letter-spacing:.08em;color:var(--muted);font-size:11px}.tp input{border:1px solid var(--line);width:84px;color:var(--text);font:inherit;font-variant-numeric:tabular-nums;background:#ffffff0f;border-radius:7px;padding:7px 8px}.tp input:focus{outline:2px solid var(--accent);outline-offset:1px}.tp button{background:var(--accent);color:#1b1606;border-radius:7px;padding:7px 12px;font-weight:600}.ctx{z-index:5;gap:2px;min-width:210px;padding:6px;display:grid;position:fixed}.ctx-head{border-bottom:1px solid var(--line);margin-bottom:4px;padding:6px 8px 8px}.ctx-head b{font-family:var(--f-display);font-size:15px;font-weight:700;display:block}.ctx-head span{color:var(--muted);font-variant-numeric:tabular-nums;font-size:12px}.ctx>button{text-align:left;border-radius:6px;padding:8px 10px;font-size:13px}.ctx>button:hover,.ctx>button:focus-visible{background:#ffffff14}.ctx>button.go{color:var(--accent);font-weight:600}.ctx-name{border-top:1px solid var(--line);gap:6px;margin-top:4px;padding:8px;display:grid}.ctx-name label{color:var(--muted);font-size:12px;line-height:1.4}.ctx-name div{gap:6px;display:flex}.ctx-name input{border:1px solid var(--line);min-width:0;color:var(--text);font:inherit;background:#ffffff0f;border-radius:7px;flex:1;padding:7px 8px}.ctx-name input:focus{outline:2px solid var(--accent);outline-offset:1px}.ctx-name button{background:var(--accent);color:#1b1606;border-radius:7px;padding:7px 10px;font-weight:600}.stick-zone{--bottom:calc(env(safe-area-inset-bottom,0px) + 24px + var(--bar-h,116px));width:50%;left:0;bottom:var(--bottom);top:min(55%, calc(100% - var(--bottom) - 120px));touch-action:none;display:none;position:fixed}.stick{--size:96px;--knob:40px;left:max(16px, env(safe-area-inset-left,0px));width:var(--size);height:var(--size);background:var(--panel);border:1px solid var(--line);opacity:.4;pointer-events:none;border-radius:50%;place-items:center;transition:opacity .15s;display:grid;position:absolute;bottom:0}.stick.held{opacity:.8;bottom:auto}.stick i{width:var(--knob);height:var(--knob);border:1px solid var(--line);transform:translate(calc(var(--x,0) * (var(--size) - var(--knob)) / 2), calc(var(--y,0) * (var(--size) - var(--knob)) / 2));background:#ffffff4d;border-radius:50%;transition:transform .12s}.stick.held i{background:var(--accent);transition:none}@media (pointer:coarse){body:not(.map-mode) .stick-zone{display:block}}.chat{z-index:11;position:fixed}.chat.closed{opacity:0;pointer-events:none}.chat textarea{resize:none;font:500 13px var(--f-body);color:inherit;-webkit-user-select:text;user-select:text;background:0 0;border:0;outline:none;display:block}.chat.chat-bubble{border-radius:12px;max-width:220px;padding:6px 10px;display:grid;top:0;left:0;box-shadow:0 6px 18px #0000004d}.chat.chat-bubble:after{content:"";border:6px solid #0000;border-bottom:0;border-top-color:inherit;margin-left:-6px;position:absolute;bottom:-6px;left:50%}.chat.chat-bubble .size,.chat.chat-bubble textarea{font:500 13px/17px var(--f-body);white-space:pre-wrap;overflow-wrap:anywhere;grid-area:1/1;padding:0}.chat.chat-bubble .size{visibility:hidden;min-width:1ch}.chat.chat-bubble .size:after{content:" "}.chat.chat-bubble textarea{width:100%;height:100%;overflow:hidden}.chat.chat-bubble textarea::placeholder{color:inherit;opacity:.6}.chat.chat-bar{padding:8px max(12px, env(safe-area-inset-right,0px)) calc(8px + env(safe-area-inset-bottom,0px)) max(12px, env(safe-area-inset-left,0px));background:var(--panel-solid);border-top:1px solid var(--line);gap:8px;display:flex;bottom:0;left:0;right:0}.chat.chat-bar textarea{background:#ffffff14;border-radius:10px;flex:1;min-width:0;padding:10px 12px;font-size:16px}.chat.chat-bar button{background:var(--accent);color:#1b1606;border-radius:10px;padding:0 16px;font-weight:600}.chat-btn{right:max(16px, env(safe-area-inset-right,0px));bottom:calc(env(safe-area-inset-bottom,0px) + 24px + var(--bar-h,116px));background:var(--panel);border:1px solid var(--line);border-radius:25px;width:50px;height:50px;font-size:20px;display:none;position:fixed}@media (pointer:coarse){body:not(.map-mode) .chat-btn{display:block}}.intro{background:var(--panel-solid);width:min(400px,100vw - 32px);max-height:calc(100% - 32px);padding:20px 22px;position:fixed;top:50%;left:50%;overflow:auto;transform:translate(-50%,-50%);box-shadow:0 20px 60px #00000073}.intro h1{font-family:var(--f-display);color:var(--accent);margin:0;font-size:34px;line-height:1}.intro p{color:var(--text);margin:10px 0 0;font-size:14px;line-height:1.5}.intro ul{gap:7px;margin:12px 0 0;padding:0;font-size:13px;list-style:none;display:grid}.intro li{color:var(--muted);align-items:baseline;gap:10px;display:flex}.intro li span:first-child{min-width:92px;color:var(--text);font-weight:500}.intro .note{color:var(--muted);border-top:1px solid var(--line);margin-top:14px;padding-top:10px;font-size:12px}.intro .go{background:var(--accent);color:#1b1606;border-radius:8px;width:100%;margin-top:14px;padding:11px;font-weight:600}@media (width<=560px){.hud-bar{flex:1}.mode button{padding:6px 9px;font-size:12px}.mode button kbd,.meta .found{display:none}}@media (prefers-reduced-motion:reduce){.toast,.reconnecting .spin{animation:none}}.sound-btn{width:36px;height:36px;color:var(--text);background:#ffffff0f;border:0;border-radius:50%;flex:none;place-items:center;padding:0;display:grid}.sound-btn[aria-pressed=false]{color:var(--muted)}.volume{width:100%;accent-color:var(--accent)}.sound-board{z-index:20;background:var(--panel-solid);gap:8px;width:min(420px,100vw - 24px);max-height:60vh;padding:10px;font-size:12px;display:grid;position:fixed;bottom:12px;left:12px;overflow:auto}.sound-board div{flex-wrap:wrap;gap:4px;display:flex}.sound-board button{padding:4px 8px;font-size:12px}.account-menu{flex:none;display:flex;position:relative}.avatar-btn{background:#ffffff0f;border:2px solid;border-radius:50%;place-items:center;width:36px;height:36px;padding:0;display:grid;overflow:hidden}.avatar-btn[aria-expanded=true]{box-shadow:0 0 0 2px var(--accent)}.account-panel{z-index:5;background:var(--panel-solid);gap:6px;width:min(296px,100vw - 24px);padding:12px;font-size:13px;display:grid;position:absolute;top:calc(100% + 10px);right:-4px}.acct-head{border-bottom:1px solid var(--line);gap:2px;margin-bottom:2px;padding-bottom:8px;display:grid}.acct-head b{text-overflow:ellipsis;white-space:nowrap;font-weight:600;overflow:hidden}.acct-head small{color:var(--muted);font-size:11px}.acct-label{color:var(--muted);margin-top:4px;font-size:11px}.acct-label .muted{color:var(--text);margin-left:4px}.account-panel .chars{gap:6px;display:flex}.account-panel .chars button{border:1px solid var(--line);width:68px;color:var(--muted);background:#ffffff0a;border-radius:7px;flex-direction:column;align-items:center;gap:4px;padding:6px 4px 5px;font-size:11px;display:flex}.account-panel .chars button[aria-pressed=true]{outline:2px solid var(--accent);outline-offset:1px;color:var(--text)}.account-panel .palette{grid-template-columns:repeat(8,1fr);gap:6px;display:grid}.account-panel .palette button{aspect-ratio:1;border:1px solid #00000059;border-radius:6px;padding:0;box-shadow:inset 0 0 0 1px #ffffff1f}.account-panel .palette button[aria-pressed=true]{outline:2px solid var(--accent);outline-offset:2px}.account-panel .mode{padding:0}.account-panel .mode button{border:1px solid var(--line);flex:1;justify-content:center}.acct-actions{gap:6px;margin-top:8px;display:flex}.acct-actions button{border:1px solid var(--line);text-overflow:ellipsis;white-space:nowrap;border-radius:7px;flex:1;min-width:0;padding:8px 10px;font-size:12px;font-weight:500;overflow:hidden}.acct-actions button.primary,.login-cta{background:var(--accent);color:#1b1606;border-color:#0000;font-weight:600}.login-cta{border-radius:8px;width:120px;padding:9px 10px;font-size:12px;line-height:1.25}.muted{color:var(--muted)}.dialog{background:var(--panel-solid);z-index:10;gap:10px;width:min(380px,100vw - 32px);max-height:calc(100% - 32px);padding:20px 22px;display:grid;position:fixed;top:50%;left:50%;overflow:auto;transform:translate(-50%,-50%);box-shadow:0 20px 60px #00000073}.dialog h2{font-family:var(--f-display);color:var(--accent);margin:0;font-size:24px;line-height:1.1}.dialog p{margin:0;font-size:13px;line-height:1.5}.dialog form{margin:0}.login .provider{border:1px solid var(--line);background:#ffffff0f;border-radius:8px;width:100%;padding:11px;font-weight:600}.login .provider:not(:disabled):hover{border-color:var(--accent)}.login .provider:disabled{opacity:.45;cursor:not-allowed}.login .provider.discord{background:#5865f2;border-color:#0000}.turnstile{justify-content:center;min-height:65px;display:flex}.dev-login{border-top:1px solid var(--line);gap:6px;padding-top:10px;display:grid}.dev-login label{color:var(--muted);font-size:12px}.dev-login div{gap:6px;display:flex}.dev-login input{border:1px solid var(--line);min-width:0;color:var(--text);font:inherit;background:#ffffff0f;border-radius:7px;flex:1;padding:8px}.dev-login input:focus{outline:2px solid var(--accent);outline-offset:1px}.dev-login button{background:var(--accent);color:#1b1606;border-radius:7px;padding:8px 12px;font-weight:600}.login .close{color:var(--muted);justify-self:center;padding:6px;font-size:13px}.dialog .go{background:var(--accent);color:#1b1606;border-radius:8px;width:100%;margin-top:4px;padding:11px;font-weight:600}.clan .close{color:var(--muted);justify-self:center;padding:6px;font-size:13px}.clan-form{border-top:1px solid var(--line);gap:8px;padding-top:10px;font-size:13px;display:grid}.clan-form label{color:var(--muted);gap:4px;font-size:12px;display:grid}.clan-form input,.clan-form .row input{border:1px solid var(--line);color:var(--text);font:inherit;background:#ffffff0f;border-radius:7px;padding:8px 10px}.clan-form input:focus{outline:2px solid var(--accent);outline-offset:1px}.clan-form .row{gap:6px;display:flex}.clan-form .row input{letter-spacing:.12em;flex:1;min-width:0}.clan-form .row button{background:var(--accent);color:#1b1606;border-radius:7px;padding:8px 12px;font-weight:600}.clan-form button:disabled,.clan-mine button:disabled{opacity:.5}.clan-colors{grid-template-columns:repeat(8,1fr);gap:5px;display:grid}.clan-colors button{aspect-ratio:1;border:1px solid #00000059;border-radius:5px}.clan-colors button[aria-pressed=true]{outline:2px solid var(--accent);outline-offset:2px}.clan-err{color:#ff9a88}.clan-mine{gap:10px;font-size:13px;display:grid}.clan-head{align-items:center;gap:8px;display:flex}.clan-head i{border-radius:50%;width:14px;height:14px;box-shadow:0 0 0 2px #fff6}.clan-head .tag{color:var(--accent);font-family:var(--f-display)}.clan-head .muted{font-variant-numeric:tabular-nums;margin-left:auto}.clan-members{gap:4px;max-height:200px;margin:0;padding:0;list-style:none;display:grid;overflow:auto}.clan-members li{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:8px;padding:4px 0;display:flex}.clan-members em{color:var(--muted);font-size:12px;font-style:normal}.clan-members button,.clan-code button{border:1px solid var(--line);border-radius:6px;padding:4px 8px;font-size:12px}.clan-code{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.clan-code span{color:var(--muted);width:100%;font-size:12px}.clan-code code{font-family:var(--f-display);letter-spacing:.14em;color:var(--text);margin-right:auto;font-size:18px}.clan-mine .leave{color:#ff9a88;border:1px solid #ff7a6680;border-radius:7px;padding:8px}.clan-mine .leave.sure{background:#ff7a6626}