@import"https://fonts.googleapis.com/css2?family=Press+Start+2P&family=JetBrains+Mono:wght@400;500&display=swap";*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}:root{--mc-font: "Outfit", system-ui, -apple-system, "Segoe UI", sans-serif;--mc-mono: "Outfit", system-ui, -apple-system, "Segoe UI", sans-serif;--primary-blue: #5aa3d0;--primary-blue-dark: #3a7aa0;--wt-panel: #4a2e14;--wt-bg-panel: rgba(12,9,6,.92);--wt-slot-bg: #1e1812;--wt-border-subtle: rgba(255,255,255,.06);--wt-border-hover: rgba(255,255,255,.2);--wt-overlay-bg: rgba(0,0,0,.55);--gap-slots: 3px;--wt-heart: #c42020;--wt-heart-empty: rgba(80,0,0,.4);--wt-shank: #b08030;--wt-shank-empty: rgba(80,50,0,.4);--wt-death-overlay: rgba(120,0,0,.6);--wm-font: "Outfit", system-ui, -apple-system, "Segoe UI", sans-serif;--wm-display: "Press Start 2P", monospace;--wm-bg: #0d1117;--wm-bg-elev: #141a22;--wm-surface: rgba(255,255,255,.035);--wm-surface-hover: rgba(255,255,255,.07);--wm-surface-active:rgba(90,163,208,.12);--wm-border: rgba(255,255,255,.06);--wm-border-soft: rgba(255,255,255,.04);--wm-border-strong: rgba(255,255,255,.14);--wm-accent: var(--primary-blue);--wm-accent-soft: rgba(90,163,208,.15);--wm-accent-hover: #7cbde0;--wm-gold: #d4a24a;--wm-gold-hover: #e3b75e;--wm-text: #e8ecf0;--wm-text-muted: rgba(232,236,240,.62);--wm-text-dim: rgba(232,236,240,.38);--wm-text-faint: rgba(232,236,240,.22);--wm-danger: #e06666;--wm-success: #6fcf8b;--wm-radius: 10px;--wm-radius-sm: 6px;--wm-shadow: 0 12px 32px rgba(0,0,0,.45)}body{overflow:hidden;font-family:var(--mc-font);filter:saturate(1.05);width:100vw;height:100vh;background:#000}body>canvas{display:block;position:absolute;inset:0;z-index:1}#inv-grid,.ws-grid{scrollbar-width:none}#inv-grid::-webkit-scrollbar,.ws-grid::-webkit-scrollbar{display:none}.slot,.inv-slot,.inv-hb-slot{background:var(--wt-slot-bg);display:flex;align-items:center;justify-content:center;position:relative}.mc-btn,.ws-footer-btn,.landing-play-btn{font-family:var(--mc-font);border:none;cursor:pointer;transition:filter .1s,transform .08s}.mc-btn:hover:not(:disabled),.ws-footer-btn:hover:not(:disabled),.landing-play-btn:hover{filter:brightness(1.15)}.mc-btn:active:not(:disabled),.ws-footer-btn:active:not(:disabled),.landing-play-btn:active{transform:translateY(1px)}.mc-btn:disabled,.ws-footer-btn:disabled{opacity:.45;cursor:default}.ws-card:after,.mp-server-card:after{content:"";position:absolute;inset:0;z-index:3;border:2px solid transparent;pointer-events:none;transition:border-color .1s}.ws-card:hover:after,.mp-server-card:hover:after{border-color:var(--wt-border-hover)}#inventory-screen{position:fixed;inset:0;z-index:200;background:var(--wt-overlay-bg);display:flex;align-items:center;justify-content:center}#inventory-panel{background:var(--wt-bg-panel);border:1px solid rgba(255,255,255,.07);padding:20px;display:flex;flex-direction:column;gap:0;max-height:80vh;user-select:none;width:calc(9 * 46px + 8 * var(--gap-slots) + 2 * 20px)}.inv-title{font-family:var(--mc-font);font-size:13px;font-weight:700;color:#fff;letter-spacing:.2px;text-shadow:2px 2px 0 rgba(0,0,0,.8);margin-bottom:12px}#inv-grid{display:grid;grid-template-columns:repeat(9,46px);gap:var(--gap-slots);overflow-y:auto;overflow-x:hidden}#inv-grid.inv-grid-creative{min-height:291px;max-height:291px}.inv-slot{width:46px;height:46px;border:1px solid var(--wt-border-subtle);cursor:pointer;transition:border-color .08s}.inv-slot:hover{border-color:var(--wt-border-hover)}.inv-slot:active{border-color:var(--primary-blue)}#inv-tooltip,.slot-tooltip{position:fixed;z-index:300;pointer-events:none;background:var(--wt-bg-panel);border:1px solid rgba(255,255,255,.1);color:#fff;font-family:var(--mc-font);font-size:13px;font-weight:600;line-height:1.4;padding:7px 11px;white-space:nowrap}.inv-divider{height:1px;background:var(--wt-border-subtle)}#inv-hotbar-row{display:grid;grid-template-columns:repeat(9,46px);gap:var(--gap-slots);margin-top:20px}.inv-hb-slot{width:46px;height:46px;border:1px solid var(--wt-border-subtle);cursor:pointer;transition:border-color .08s}.inv-hb-slot:hover{border-color:var(--wt-border-hover)}.inv-hb-slot.active{border:2px solid var(--primary-blue)}.inv-search-wrap{margin-bottom:8px}.inv-search{width:100%;font-family:var(--mc-mono);font-size:13px;font-weight:500;color:#fff;letter-spacing:.3px;background:var(--wt-slot-bg);border:1px solid var(--wt-border-subtle);padding:7px 10px;outline:none;transition:border-color .1s}.inv-search::placeholder{color:#ffffff40}.inv-search:focus{border-color:var(--primary-blue)}.inv-empty{grid-column:1 / -1;font-family:var(--mc-mono);font-size:13px;font-weight:500;color:#ffffff40;text-align:center;padding:24px 0}.inv-tabs{display:flex;gap:5px;margin-bottom:10px;flex-wrap:wrap}.inv-tab{font-family:var(--mc-font);font-size:11px;font-weight:600;color:#ffffff73;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:4px;padding:6px 12px;cursor:pointer;letter-spacing:.2px;transition:color .12s,background .12s,border-color .12s}.inv-tab:hover{color:#ffffffb3;background:#ffffff14;border-color:#ffffff26}.inv-tab.active{color:#fff;background:#5aa3d026;border-color:var(--primary-blue)}#inv-held-item{position:fixed;pointer-events:none;z-index:201;filter:drop-shadow(2px 3px 4px rgba(0,0,0,.7))}#key-hints{position:fixed;bottom:16px;right:16px;z-index:10;pointer-events:none;display:none;flex-direction:column;align-items:flex-end;gap:12px}.key-hint{display:flex;align-items:center;gap:8px}.key-hint-label{font-family:var(--mc-font);font-size:14px;font-weight:600;color:#ffffffd9;letter-spacing:.2px;text-shadow:1px 1px 0 rgba(0,0,0,.8)}.key-hint-key{font-family:var(--mc-font);font-size:13px;font-weight:800;color:#fff;background:linear-gradient(180deg,var(--primary-blue) 0%,var(--primary-blue-dark) 100%);min-width:27px;height:27px;display:inline-flex;align-items:center;justify-content:center;padding:0 6px;border-radius:4px;border:1px solid rgba(255,255,255,.15);border-bottom:3px solid rgba(0,0,0,.35);box-shadow:0 1px 3px #00000080;letter-spacing:0;line-height:1;text-shadow:1px 1px 0 rgba(0,0,0,.5)}#home-screen{position:fixed;inset:0;z-index:2000;display:flex;flex-direction:column;overflow:hidden;font-family:var(--wm-font);color:var(--wm-text);background:var(--wm-bg)}#home-screen:before{content:"";position:absolute;inset:-20px;background:url(../img/background.webp) center/cover;filter:blur(16px) brightness(.2) saturate(.7);z-index:0;pointer-events:none;transition:filter .4s ease}#home-screen[data-tab=landing]:before{inset:0;filter:none}#home-screen:after{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 20% 0%,rgba(90,163,208,.08) 0%,transparent 55%),radial-gradient(ellipse at 80% 100%,rgba(212,162,74,.05) 0%,transparent 50%),linear-gradient(180deg,#0d11178c,#0d1117d1);z-index:0;pointer-events:none}.home-header{position:relative;z-index:2;display:flex;justify-content:center;flex-shrink:0;padding:20px 48px 0}.home-header-inner{display:flex;align-items:center;justify-content:center;height:52px;padding:0 8px 0 22px;background:#141a22b8;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--wm-border);border-radius:var(--wm-radius)}.home-logo{background:none;border:none;cursor:pointer;margin-right:28px;padding:0;display:flex;align-items:center;opacity:.9;transition:opacity .2s}.home-logo:hover{opacity:1}.home-logo-text{font-family:var(--wm-display);font-size:14px;color:var(--wm-text);letter-spacing:2px;line-height:1}.home-nav{display:flex;gap:2px}.home-tab{font-family:var(--wm-font);font-size:13px;font-weight:500;color:var(--wm-text-muted);background:none;border:none;padding:8px 16px;border-radius:6px;cursor:pointer;letter-spacing:.1px;transition:color .15s,background .15s;display:flex;align-items:center;gap:8px}.home-tab:hover{color:var(--wm-text);background:var(--wm-surface-hover)}.home-tab.active{color:var(--wm-text);background:var(--wm-surface-active)}.home-tab-badge{font-family:var(--wm-font);font-size:10px;font-weight:600;background:var(--wm-accent-soft);color:var(--wm-accent);padding:2px 7px;border-radius:10px;letter-spacing:.2px;line-height:1.4}.home-content{position:relative;z-index:1;flex:1;overflow:hidden}.home-panel{height:100%;display:flex;flex-direction:column;padding:56px max(48px,8%) 0;gap:0}@keyframes panel-enter{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.panel-enter{animation:panel-enter .32s cubic-bezier(.4,0,.2,1) both}.home-panel-top{display:flex;align-items:flex-start;justify-content:space-between;flex-shrink:0}.home-panel--landing{position:relative;padding:0;justify-content:center;align-items:center;overflow:hidden}@keyframes landing-fade-up{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}.landing-content{position:relative;z-index:1;max-width:640px;width:100%;display:flex;flex-direction:column;align-items:center;text-align:center}.landing-eyebrow{font-family:var(--wm-font);font-size:13px;font-weight:500;color:var(--wm-accent);letter-spacing:.3px;margin-bottom:20px;animation:landing-fade-up .6s ease-out both}.landing-title{font-family:var(--wm-font);font-size:64px;font-weight:700;color:var(--wm-text);letter-spacing:-1.5px;line-height:1.05;margin-bottom:24px;animation:landing-fade-up .6s .08s ease-out both}.landing-desc{font-family:var(--wm-font);font-size:15px;font-weight:400;color:var(--wm-text-muted);line-height:1.7;letter-spacing:.1px;max-width:480px;margin-bottom:40px;animation:landing-fade-up .6s .16s ease-out both}.landing-buttons{display:flex;gap:12px;align-items:center;animation:landing-fade-up .6s .24s ease-out both;margin-bottom:56px}.landing-play-btn{font-family:var(--wm-font);font-size:14px;font-weight:600;background:var(--wm-surface);color:var(--wm-text-muted);padding:13px 34px;letter-spacing:.2px;border:1px solid var(--wm-border-strong);border-radius:var(--wm-radius-sm);transition:background .2s,color .2s,border-color .2s,transform .08s}.landing-play-btn:hover{background:var(--wm-surface-hover);color:var(--wm-text);border-color:#ffffff38}.landing-play-btn:active{transform:translateY(1px)}.landing-continue-btn{background:var(--wm-gold);color:#1a1209;border:1px solid transparent;padding:13px 28px;display:flex;align-items:center;gap:10px}.landing-continue-btn:hover{background:var(--wm-gold-hover);color:#1a1209;border-color:transparent}.landing-btn-icon{width:16px;height:16px}.home-footer{position:relative;z-index:1;flex-shrink:0;padding:16px 48px;display:flex;align-items:center;justify-content:space-between;background:#0a0d12b3;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border-top:1px solid var(--wm-border)}.home-footer-copy{font-family:var(--wm-font);font-size:12px;font-weight:400;color:var(--wm-text-dim);letter-spacing:.1px}.home-footer-links{display:flex;align-items:center;gap:0}.home-footer-links a{font-family:var(--wm-font);font-size:12px;font-weight:400;color:var(--wm-text-dim);text-decoration:none;padding:0 14px;transition:color .15s}.home-footer-links a:hover{color:var(--wm-text)}.home-footer-sep{width:1px;height:12px;background:#ffffff1a}@media(max-width:700px){.home-footer{flex-direction:column;gap:10px;padding:14px 20px;text-align:center}.home-footer-links{flex-wrap:wrap;justify-content:center;row-gap:6px}.home-footer-links a{padding:0 10px}}#loading-screen{position:fixed;inset:0;z-index:1000;background:#080402;display:flex;align-items:center;justify-content:center;flex-direction:column}.loader-box{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;gap:40px;width:500px}.mc-logo{font-family:var(--wm-display);font-size:clamp(22px,4vw,40px);color:var(--primary-blue);letter-spacing:8px;text-shadow:0 0 30px rgba(90,163,208,.3)}.loader-bar-wrap{width:100%;display:flex;flex-direction:column;align-items:center;gap:14px}#loading-text{font-family:var(--mc-font);color:#fffc;font-size:15px;font-weight:500;letter-spacing:.2px;animation:pulse 1.5s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}.loader-bar-bg{width:100%;height:6px;background:#ffffff0f;border-radius:3px;overflow:hidden}#loading-bar{height:100%;width:0%;background:linear-gradient(90deg,var(--primary-blue),#7cbde0);border-radius:3px;transition:width .3s linear;box-shadow:0 0 12px #5aa3d066}#pause-screen{position:fixed;inset:0;z-index:100;background:#000000bf;display:flex;align-items:center;justify-content:center}.pause-box{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;gap:24px;width:380px}.mc-title-sm{font-family:var(--mc-font);color:#fff;font-size:20px;font-weight:700;letter-spacing:.3px;margin-bottom:8px}.mc-buttons{width:100%;display:flex;flex-direction:column;gap:8px}.mc-btn{width:100%;padding:12px 16px;font-size:13px;font-weight:600;letter-spacing:.2px}.mc-btn-green,.mc-btn-gray{background:var(--primary-blue);color:#fff}.ws-panel-header{flex-shrink:0;display:flex;align-items:flex-end;justify-content:space-between;padding-top:4px;border-bottom:1px solid var(--wm-border);padding-bottom:22px}@media(max-width:500px){.ws-panel-header{flex-direction:column;align-items:flex-start;gap:16px}}.ws-heading{font-family:var(--wm-font);font-size:26px;font-weight:600;color:var(--wm-text);letter-spacing:-.3px}.ws-sub{margin-top:6px;font-family:var(--wm-font);font-size:13px;font-weight:500;color:var(--wm-text-dim);letter-spacing:.2px}.ws-grid{margin-top:22px;margin-bottom:0;padding-bottom:32px;flex:1;display:grid;grid-template-columns:repeat(auto-fill,minmax(max(280px,(100% - 24px) / 3),1fr));grid-auto-rows:max-content;gap:12px;overflow-y:auto;align-content:flex-start}.ws-card{position:relative;overflow:hidden;aspect-ratio:16 / 10;cursor:pointer;user-select:none;border:1px solid var(--wm-border);border-radius:var(--wm-radius-sm);transition:border-color .15s}.ws-card:hover{border-color:var(--wm-border-strong)}.ws-card-del{position:absolute;top:8px;right:8px;width:24px;height:24px;background:#1a2028;color:var(--wm-text-muted);border:1px solid var(--wm-border-strong);border-radius:var(--wm-radius-sm);cursor:pointer;font-size:13px;line-height:1;display:flex;align-items:center;justify-content:center;transition:background .15s,color .15s,border-color .15s;z-index:2}.ws-card-del:hover{background:var(--wm-danger);color:#fff;border-color:var(--wm-danger)}.ws-card-thumb{width:100%;height:100%;background:linear-gradient(160deg,#0f1820,#1a3448 45%,#2e5f80 80%,#5aa3d0)}.ws-card--flat .ws-card-thumb{background:linear-gradient(160deg,#131820,#233a50 45%,#3f6a8a 80%,#7cbde0)}.ws-card-thumb--showcase{background:linear-gradient(135deg,#0d1117,#1a2a3a,#2a4a5a 70%,#5aa3d0)}.dev-card{cursor:pointer}.dev-card-thumb{background:linear-gradient(160deg,#0d1117,#141a22,#1e2a38);display:flex;align-items:center;justify-content:center}.dev-card-icon{width:30px;height:30px;color:var(--wm-text-dim);transition:color .15s}.dev-card-icon svg{width:100%;height:100%}.dev-card:hover .dev-card-icon{color:var(--wm-accent)}.ws-card-info{position:absolute;bottom:0;left:0;right:0;padding:32px 14px 12px;background:linear-gradient(to top,rgba(13,17,23,.92) 0%,rgba(13,17,23,.5) 55%,transparent 100%);display:flex;flex-direction:column;gap:4px}.ws-card-name{font-family:var(--wm-font);font-size:14px;font-weight:600;color:var(--wm-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;letter-spacing:-.1px}.ws-card-date{font-family:var(--wm-font);font-size:12px;font-weight:500;color:var(--wm-text-dim);letter-spacing:.2px}.mp-grid{padding-top:22px}.mp-server-card{position:relative;overflow:hidden;aspect-ratio:16 / 10;cursor:pointer;user-select:none;border:1px solid var(--wm-border);border-radius:var(--wm-radius-sm);transition:border-color .15s,transform .12s}.mp-server-card:hover{border-color:var(--wm-border-strong);transform:translateY(-1px)}.mp-server-thumb{width:100%;height:100%}.ws-slot-empty{aspect-ratio:16 / 10;background:var(--wm-surface);border:1px dashed var(--wm-border);border-radius:var(--wm-radius-sm)}.ws-card--skeleton{cursor:default;background:linear-gradient(90deg,#ffffff0a,#ffffff1a,#ffffff0a) 0 0 / 200% 100%;animation:skeleton-shimmer 1.4s ease-in-out infinite}.ws-card--skeleton:hover{border-color:var(--wm-border)}.ws-card--skeleton:after{display:none}.ws-footer{flex-shrink:0;display:flex;align-items:center;justify-content:flex-end;gap:8px;padding-top:16px;border-top:1px solid var(--wm-border)}.ws-footer-btn{font-family:var(--wm-font);font-size:13px;font-weight:600;padding:10px 22px;letter-spacing:.2px;border:1px solid transparent;border-radius:var(--wm-radius-sm);transition:background .15s,color .15s,border-color .15s,transform .08s,opacity .1s}.ws-footer-btn-primary{background:var(--wm-gold);color:#1a1209}.ws-footer-btn-primary:hover{background:var(--wm-gold-hover)}.ws-footer-btn-secondary{background:var(--wm-surface);color:var(--wm-text-muted);border-color:var(--wm-border-strong)}.ws-footer-btn-secondary:hover{background:var(--wm-surface-hover);color:var(--wm-text);border-color:#ffffff38}.ws-footer-btn-danger{background:var(--wm-danger);color:#fff;border-color:var(--wm-danger)}.ws-footer-btn-danger:hover{background:#e88282;color:#fff;border-color:#e88282}#underwater-overlay{display:none;position:fixed;inset:0;z-index:8;pointer-events:none;background:#0a2a4a8c;animation:caustic 4s ease-in-out infinite alternate}@keyframes caustic{0%{background:#0a2a4a80}50%{background:#08375a99}to{background:#0c264480}}#stats{position:fixed;top:4px;left:4px;z-index:50;pointer-events:none;padding:6px 10px;font-family:var(--mc-mono);font-size:13px;font-weight:500;line-height:1.7;color:#fff;text-shadow:1px 1px 0 #000}#stats div{display:flex;gap:8px}#stats .lbl{color:#ffffff73}#interact-prompt{position:absolute;top:50%;left:50%;transform:translate(-50%,28px);z-index:10;pointer-events:none;display:none;align-items:center;gap:6px;white-space:nowrap}.interact-text{font-family:var(--mc-font);font-size:15px;font-weight:700;color:#fff;letter-spacing:.2px;text-shadow:1px 1px 0 rgba(0,0,0,.8)}.interact-key{font-family:var(--mc-font);font-size:14px;font-weight:800;color:#fff;background:linear-gradient(180deg,var(--primary-blue) 0%,var(--primary-blue-dark) 100%);min-width:28px;height:28px;display:inline-flex;align-items:center;justify-content:center;padding:0 6px;border-radius:4px;border:1px solid rgba(255,255,255,.15);border-bottom:3px solid rgba(0,0,0,.35);box-shadow:0 1px 3px #00000080;line-height:1;text-shadow:1px 1px 0 rgba(0,0,0,.5)}#crosshair{display:none;position:absolute;top:50%;left:50%;width:18px;height:18px;transform:translate(-50%,-50%);z-index:10;pointer-events:none}#crosshair:before,#crosshair:after{content:"";position:absolute;background:#ffffffe6;filter:drop-shadow(1px 1px 0 rgba(0,0,0,.8))}#crosshair:before{width:2px;height:100%;left:50%;top:0;transform:translate(-50%)}#crosshair:after{width:100%;height:2px;top:50%;left:0;transform:translateY(-50%)}#hotbar{position:absolute;bottom:12px;left:50%;transform:translate(-50%);z-index:10;pointer-events:none;display:flex;gap:var(--gap-slots);padding:0;background:none;border:none;align-items:flex-end;contain:layout style}.slot{width:51px;height:51px;border:2px solid rgba(255,255,255,.08);contain:layout style}.slot.active{border:2px solid var(--primary-blue)}.swatch{width:40px;height:40px;image-rendering:pixelated;filter:drop-shadow(1px 2px 2px rgba(0,0,0,.6))}.slot-num{position:absolute;top:3px;left:5px;font-family:var(--mc-font);font-size:10px;font-weight:600;color:#ffffffbf;text-shadow:1px 1px 0 #000}.slot-count,.inv-slot-count{position:absolute;bottom:2px;right:4px;font-family:var(--mc-font);font-size:12px;font-weight:700;color:#fff;text-shadow:1px 1px 0 #000,-1px -1px 0 #000;pointer-events:none}.durability-bar{position:absolute;bottom:3px;left:6px;right:6px;height:2px;background:#00000080;border-radius:1px;pointer-events:none;display:none}.durability-fill{height:100%;border-radius:1px}.toast-stack{position:fixed;top:20px;right:20px;z-index:4000;display:flex;flex-direction:column;gap:8px;max-width:calc(100vw - 40px);pointer-events:none}.toast{padding:12px 18px;display:flex;align-items:center;gap:10px;font-family:var(--wm-font);font-size:13px;font-weight:500;color:var(--wm-text);background:#141a22f5;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--wm-border-strong);border-radius:var(--wm-radius-sm);box-shadow:0 8px 24px #00000073;opacity:0;transform:translate(calc(100% + 20px));transition:opacity .25s ease,transform .25s ease}.toast.is-visible{opacity:1;transform:translate(0)}.toast-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0;background:#22c55e;box-shadow:0 0 0 3px #22c55e2e}.toast.is-error .toast-dot{background:#ef4444;box-shadow:0 0 0 3px #ef44442e}#unsupported-screen{display:none;position:fixed;inset:0;z-index:99999;background:#080402;flex-direction:column;align-items:center;justify-content:center;gap:20px;text-align:center;padding:40px}.unsupported-logo{font-family:var(--wm-display);font-size:22px;color:var(--primary-blue);letter-spacing:6px}.unsupported-title{font-family:var(--mc-font);font-size:17px;font-weight:600;color:#fff;letter-spacing:.3px}.unsupported-desc{font-family:var(--mc-mono);font-size:14px;font-weight:400;color:#ffffff8c;line-height:1.7;letter-spacing:0}.unsupported-home{margin-top:8px;font-family:var(--wm-font);font-size:14px;font-weight:600;color:var(--wm-text);background:var(--wm-surface);border:1px solid var(--wm-border-strong);border-radius:var(--wm-radius-sm);padding:11px 22px;cursor:pointer;transition:background .15s,border-color .15s}.unsupported-home:hover{background:var(--wm-surface-hover);border-color:#ffffff38}@media(max-width:1000px){#unsupported-screen.active{display:flex}}#ingame-settings-screen{position:fixed;inset:0;z-index:100;background:#000000bf;display:flex;align-items:center;justify-content:center}.st-ingame-box{width:380px;max-height:80vh;overflow-y:auto;scrollbar-width:none}.st-ingame-box::-webkit-scrollbar{display:none}.st-ingame-box .st-body{padding:0;max-width:none;width:100%}.st-ingame-box .mc-buttons{margin-top:24px}.st-body{flex:1;overflow-y:auto;padding:28px 0 32px;display:flex;flex-direction:column;gap:28px;max-width:600px;scrollbar-width:none}.st-body::-webkit-scrollbar{display:none}.st-section{display:flex;flex-direction:column;gap:14px}.st-section-title{font-family:var(--mc-font);font-size:12px;font-weight:700;color:var(--primary-blue);letter-spacing:.2px;margin-bottom:2px}.st-row{display:flex;align-items:center;gap:12px}.st-label{font-family:var(--mc-mono);font-size:13px;font-weight:500;color:#ffffffbf;min-width:120px;letter-spacing:0}.st-slider-wrap{flex:1;height:18px;display:flex;align-items:center}.st-slider{-webkit-appearance:none;appearance:none;width:100%;height:3px;background:#ffffff14;border-radius:2px;outline:none;cursor:pointer;transition:background .15s}.st-slider:hover{background:#ffffff24}.st-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:10px;height:10px;border-radius:50%;background:var(--primary-blue);cursor:pointer;box-shadow:0 0 4px #5aa3d080;transition:transform .1s,box-shadow .1s}.st-slider::-moz-range-thumb{width:10px;height:10px;border-radius:50%;background:var(--primary-blue);border:none;cursor:pointer;box-shadow:0 0 4px #5aa3d080}.st-slider:active::-webkit-slider-thumb{transform:scale(1.3);box-shadow:0 0 8px #5aa3d0b3}.st-value{font-family:var(--mc-mono);font-size:13px;font-weight:500;color:#ffffff80;min-width:56px;text-align:right}.st-lang-row{display:flex;gap:8px;flex-wrap:wrap}.st-lang-btn{font-family:var(--mc-font);font-size:12px;font-weight:600;letter-spacing:.2px;padding:8px 18px;border-radius:4px;cursor:pointer;border:1px solid rgba(255,255,255,.12);background:#ffffff0a;color:#ffffffbf;transition:background .15s,color .15s,border-color .15s}.st-lang-btn:hover{background:#ffffff17;color:#fff}.st-lang-btn.is-active{background:var(--primary-blue);border-color:var(--primary-blue);color:#fff}#survival-hud{position:fixed;bottom:72px;left:50%;transform:translate(-50%);z-index:50;display:flex;gap:12px;pointer-events:none;align-items:center;width:calc(9 * 51px + 8 * var(--gap-slots))}.survival-bar{display:flex;align-items:center;gap:6px;flex:1;min-width:0}.bar-icon{width:16px;height:16px;flex-shrink:0;image-rendering:pixelated}.bar-track{flex:1;height:10px;background:#00000080;overflow:hidden;border:1px solid rgba(255,255,255,.06)}.bar-fill{height:100%;width:100%;transition:width .25s ease}#health-bar .bar-fill{background:var(--wt-heart)}#hunger-bar .bar-track{direction:rtl}#hunger-bar .bar-fill{background:var(--wt-shank)}#death-screen{position:fixed;inset:0;z-index:300;display:flex;align-items:center;justify-content:center;background:var(--wt-death-overlay)}.death-box{text-align:center}.death-title{font-family:var(--mc-font);font-size:36px;font-weight:800;color:#fff;text-shadow:2px 2px 0 #000;margin-bottom:16px;letter-spacing:-.3px}.death-info{font-family:var(--mc-mono);font-size:14px;font-weight:500;color:#fffc;margin-bottom:24px}#chat-screen{position:fixed;left:0;bottom:40px;width:500px;display:flex;flex-direction:column;justify-content:flex-end;z-index:200;pointer-events:none}#chat-screen.chat--active{pointer-events:auto}.chat-log{overflow:hidden;display:flex;flex-direction:column;justify-content:flex-end;gap:0;padding:6px 6px 4px;max-height:504px}#chat-screen.chat--active .chat-log{background:#00000080;overflow-y:auto;height:504px}.chat-msg{font-family:var(--mc-mono);font-size:13px;font-weight:500;line-height:1.45;padding:2px 4px;white-space:pre-wrap;word-break:break-word;text-shadow:1px 1px 0 #000}.chat-msg--success{color:var(--primary-blue)}.chat-msg--error{color:#f55}.chat-msg--info{color:#ddd}.chat-msg--chat{color:#fff}.chat-input{width:100%;padding:7px;background:#000000b3;color:#fff;font-family:var(--mc-mono);font-size:14px;font-weight:500;border:none;border-top:1px solid rgba(255,255,255,.1);outline:none;caret-color:#ddd}.chat-input::placeholder{color:#ffffff4d}.wiki-search-wrap{flex-shrink:0}.wiki-search{font-family:var(--wm-font);font-size:13px;font-weight:500;color:var(--wm-text);letter-spacing:.1px;background:var(--wm-surface);border:1px solid var(--wm-border);border-radius:var(--wm-radius-sm);padding:10px 14px;width:280px;outline:none;transition:border-color .15s,background .15s}.wiki-search::placeholder{color:var(--wm-text-dim);font-weight:400}.wiki-search:focus{border-color:var(--wm-accent);background:var(--wm-surface-hover)}.wiki-tabs{display:flex;gap:6px;flex-wrap:wrap;flex-shrink:0;padding:14px 0 16px}.wiki-tab{font-family:var(--wm-font);font-size:12px;font-weight:500;color:var(--wm-text-muted);background:var(--wm-surface);border:1px solid var(--wm-border);border-radius:var(--wm-radius-sm);padding:7px 14px;cursor:pointer;letter-spacing:.1px;transition:color .15s,background .15s,border-color .15s}.wiki-tab:hover{color:var(--wm-text);background:var(--wm-surface-hover);border-color:var(--wm-border-strong)}.wiki-tab.active{color:var(--wm-accent);background:var(--wm-accent-soft);border-color:var(--wm-accent)}.wiki-grid{flex:1;overflow-y:auto;padding-bottom:32px;scrollbar-width:none;display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:10px;align-content:start}.wiki-grid::-webkit-scrollbar{display:none}.wiki-card{display:flex;flex-direction:column;align-items:center;background:var(--wm-surface);border:1px solid var(--wm-border);border-radius:var(--wm-radius-sm);padding:14px 10px 12px;transition:border-color .15s,background .15s,transform .12s;cursor:default;gap:8px}.wiki-card:hover{border-color:var(--wm-border-strong);background:var(--wm-surface-hover);transform:translateY(-1px)}.wiki-card--tool{border-color:#d4a24a24;background:#d4a24a0a}.wiki-card--tool:hover{border-color:#d4a24a59;background:#d4a24a14}.wiki-card-icon{width:48px;height:48px;image-rendering:pixelated;flex-shrink:0}.wiki-card-name{font-family:var(--wm-font);font-size:12px;font-weight:500;color:var(--wm-text);text-align:center;line-height:1.3;word-break:break-word;letter-spacing:.1px}.wiki-type{font-family:var(--wm-font);font-size:10px;font-weight:600;padding:3px 7px;letter-spacing:.2px;border-radius:10px;line-height:1.4}.wiki-type--block{background:var(--wm-surface-hover);color:var(--wm-text-muted)}.wiki-type--tool{background:#d4a24a29;color:var(--wm-gold)}.wiki-type--mob{background:#6fcf8b24;color:var(--wm-success)}.wiki-card--mob{border-color:#6fcf8b24;background:#6fcf8b0a}.wiki-card--mob:hover{border-color:#6fcf8b59;background:#6fcf8b14}.wiki-card-tags{display:flex;flex-wrap:wrap;justify-content:center;gap:3px;min-height:14px}.wiki-flag{font-family:var(--wm-font);font-size:9px;font-weight:500;background:var(--wm-surface-hover);color:var(--wm-text-dim);padding:2px 6px;letter-spacing:.3px;border-radius:8px}.wiki-card-info{font-family:var(--wm-font);font-size:10px;font-weight:400;color:var(--wm-text-dim);text-align:center;letter-spacing:.2px}.wiki-empty{font-family:var(--wm-font);font-size:13px;font-weight:500;color:var(--wm-text-dim);text-align:center;padding:48px 0;grid-column:1 / -1}#crafting-screen{position:fixed;inset:0;z-index:200;background:var(--wt-overlay-bg);display:flex;align-items:center;justify-content:center}.craft-panel{background:var(--wt-bg-panel);border:1px solid rgba(255,255,255,.07);padding:20px;display:flex;flex-direction:column;gap:0;user-select:none;width:calc(9 * 46px + 8 * var(--gap-slots) + 2 * 20px)}.craft-title{font-family:var(--mc-font);font-size:13px;font-weight:700;color:#fff;letter-spacing:.2px;text-shadow:2px 2px 0 rgba(0,0,0,.8);margin-bottom:12px}.craft-search-wrap{margin-bottom:8px}.craft-search{width:100%;box-sizing:border-box;font-family:var(--mc-mono);font-size:13px;font-weight:500;color:#fff;letter-spacing:.3px;padding:7px 10px;background:var(--wt-slot-bg);border:1px solid var(--wt-border-subtle);outline:none;transition:border-color .1s}.craft-search::placeholder{color:#ffffff40}.craft-search:focus{border-color:var(--primary-blue)}.craft-body{display:flex;gap:12px;min-height:280px}.craft-grid{display:grid;grid-template-columns:repeat(4,46px);gap:var(--gap-slots);min-height:291px;max-height:291px;overflow-y:auto;overflow-x:hidden;scrollbar-width:none;align-content:start}.craft-grid::-webkit-scrollbar{display:none}.craft-slot{width:46px;height:46px;background:var(--wt-slot-bg);border:1px solid var(--wt-border-subtle);cursor:pointer;display:flex;align-items:center;justify-content:center;position:relative;transition:border-color .08s}.craft-slot:hover{border-color:var(--wt-border-hover)}.craft-slot.selected{border-color:var(--primary-blue)}.craft-slot.uncraftable{opacity:.4;filter:grayscale(.6)}.craft-slot.craftable{opacity:1}.craft-slot-count{position:absolute;bottom:2px;right:4px;font-family:var(--mc-font);font-size:11px;font-weight:700;color:#fff;text-shadow:1px 1px 0 #000;pointer-events:none}.craft-detail{flex:1;display:flex;flex-direction:column;align-items:center;gap:8px;padding:12px;background:#0003;border:1px solid var(--wt-border-subtle)}.craft-hint{color:#fff6;font-family:var(--mc-font);font-size:11px;font-weight:500;margin-top:60px}.craft-item-name{font-family:var(--mc-font);font-size:13px;font-weight:600;color:#fff;text-shadow:1px 1px 0 #000;letter-spacing:.2px}.craft-preview{display:flex;align-items:center;justify-content:center;padding:12px}.craft-preview canvas{image-rendering:pixelated;width:64px;height:64px}.craft-ingredients{width:100%;display:flex;flex-direction:column;gap:6px}.craft-ing-row{display:flex;align-items:center;gap:8px;font-family:var(--mc-font);font-size:11px;font-weight:500;color:#fff;padding:4px 8px;background:#00000026;border-radius:2px}.craft-ing-row canvas{image-rendering:pixelated;flex-shrink:0}.craft-ing-row.missing{color:#ff6b6b}.craft-ing-row.sufficient{color:#6bff6b}.craft-ing-label{flex:1}.craft-ing-counts{white-space:nowrap;font-size:11px;font-weight:600}.craft-buttons{display:flex;gap:4px;margin-top:auto;width:100%}.craft-buttons .mc-btn{flex:1;font-size:11px;font-weight:600;padding:7px 0;min-width:auto}.craft-buttons .mc-btn:disabled{opacity:.35;cursor:not-allowed}.craft-hotbar-row{display:grid;grid-template-columns:repeat(9,46px);gap:var(--gap-slots);margin-top:20px}.craft-empty{color:#fff6;font-family:var(--mc-font);font-size:12px;font-weight:500;padding:40px 0;text-align:center;grid-column:1 / -1}#furnace-screen{position:fixed;inset:0;z-index:200;background:var(--wt-overlay-bg);display:flex;align-items:center;justify-content:center}.furnace-panel{background:var(--wt-bg-panel);border:1px solid rgba(255,255,255,.07);padding:20px;display:flex;flex-direction:column;gap:0;user-select:none;width:calc(9 * 46px + 8 * var(--gap-slots) + 2 * 20px)}.furnace-title{font-family:var(--mc-font);font-size:13px;font-weight:700;color:#fff;letter-spacing:.2px;text-shadow:2px 2px 0 rgba(0,0,0,.8);margin-bottom:16px}.furnace-body{display:flex;align-items:center;justify-content:center;gap:16px;padding:20px 0}.furnace-slots{display:flex;flex-direction:column;align-items:center;gap:8px}.furnace-slot{width:52px;height:52px;background:var(--wt-slot-bg);border:1px solid var(--wt-border-subtle);cursor:pointer;display:flex;align-items:center;justify-content:center;position:relative;transition:border-color .08s}.furnace-slot:hover{border-color:var(--wt-border-hover)}.furnace-slot.active{border-color:var(--primary-blue)}.furnace-slot canvas{image-rendering:pixelated}.furnace-slot-count{position:absolute;bottom:2px;right:4px;font-family:var(--mc-font);font-size:11px;font-weight:700;color:#fff;text-shadow:1px 1px 0 #000;pointer-events:none}.furnace-slot-label{font-family:var(--mc-font);font-size:11px;font-weight:600;color:#ffffff80;letter-spacing:.2px;text-align:center}.furnace-arrow{display:flex;flex-direction:column;align-items:center;gap:6px}.furnace-arrow-bar{width:40px;height:6px;background:#ffffff14;border:1px solid var(--wt-border-subtle);position:relative;overflow:hidden}.furnace-arrow-fill{position:absolute;left:0;top:0;bottom:0;background:var(--primary-blue);width:0%;transition:width .15s linear}.furnace-arrow-text{font-family:var(--mc-font);font-size:14px;color:#ffffff40;line-height:1}.furnace-flame{width:16px;height:16px;background:#ffffff0f;border:1px solid var(--wt-border-subtle);position:relative;transition:background .2s,border-color .2s}.furnace-flame.burning{background:#ff6a00;border-color:#ff8c00;box-shadow:0 0 8px #ff6a0080}.furnace-held-item{position:fixed;pointer-events:none;z-index:210;filter:drop-shadow(2px 3px 4px rgba(0,0,0,.7))}.furnace-inv-grid{display:grid;grid-template-columns:repeat(9,46px);gap:var(--gap-slots)}.furnace-hotbar-row{display:grid;grid-template-columns:repeat(9,46px);gap:var(--gap-slots);margin-top:20px}@media(max-width:1100px){.home-header-inner{padding:0 20px}.home-tab{padding:0 14px}.home-logo{margin-right:20px}.home-panel{padding-top:32px}.landing-content{padding:0 48px 52px}.landing-buttons{flex-direction:column;gap:10px}}.mobile-menu-burger{display:none}#mobile-menu{position:fixed;top:0;left:0;bottom:0;width:310px;z-index:2200;font-family:var(--wm-font);color:var(--wm-text);background:linear-gradient(180deg,#141a22fa,#0d1117fa);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);border-right:1px solid var(--wm-border);box-shadow:12px 0 32px #0000008c;display:flex;flex-direction:column;transform:translate(-100%);transition:transform .28s ease-out;pointer-events:none}#mobile-menu:before{content:"";position:absolute;left:0;right:0;top:0;height:2px;background:var(--wm-accent);opacity:.6}#mobile-menu.open{transform:none;pointer-events:auto}@media(max-width:500px){#mobile-menu{width:100%;border-right:none}}.mm-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid var(--wm-border);flex-shrink:0}.mm-title{font-size:15px;font-weight:600;color:var(--wm-text);letter-spacing:.2px}.mm-close{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:transparent;border:1px solid transparent;border-radius:var(--wm-radius-sm);color:var(--wm-text-dim);cursor:pointer;transition:background .15s,color .15s,border-color .15s}.mm-close:hover{background:var(--wm-surface-hover);color:var(--wm-text);border-color:var(--wm-border)}.mm-close svg{width:18px;height:18px}.mm-nav{display:flex;flex-direction:column;padding:12px 16px;gap:2px}.mm-item{font-family:var(--wm-font);font-size:15px;font-weight:500;color:var(--wm-text-muted);background:transparent;border:none;padding:14px;text-align:left;cursor:pointer;border-radius:var(--wm-radius-sm);display:flex;align-items:center;gap:10px;transition:background .15s,color .15s}.mm-item:hover{background:var(--wm-surface-hover);color:var(--wm-text)}.mm-item.active{background:var(--wm-surface-active);color:var(--wm-text)}.mm-links{margin-top:auto;display:flex;flex-direction:column;padding:16px 24px 22px;border-top:1px solid var(--wm-border);gap:4px}.mm-links a{font-family:var(--wm-font);font-size:13px;font-weight:400;color:var(--wm-text-dim);text-decoration:none;padding:8px 0;transition:color .15s}.mm-links a:hover{color:var(--wm-text)}@media(max-width:800px){.home-nav,.home-logo,.home-header-inner{display:none}.home-header{min-height:68px}.home-panel{padding-top:20px}.home-footer-links{display:none}.home-footer{justify-content:center}.up-body{padding-top:12px}.ws-grid{margin-top:12px}.mp-grid{padding-top:12px}.wiki-tabs{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch}.wiki-tabs::-webkit-scrollbar{display:none}.wiki-tab{flex-shrink:0}.mobile-menu-burger{position:absolute;top:12px;left:20px;width:52px;height:52px;display:flex;align-items:center;justify-content:center;background:#141a22b8;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--wm-border);border-radius:var(--wm-radius);color:var(--wm-text);cursor:pointer;z-index:2;transition:background .15s,border-color .15s}.mobile-menu-burger:hover{background:#1a222cd9;border-color:var(--wm-border-strong)}.mobile-menu-burger svg{width:20px;height:20px}}.cm-overlay{position:fixed;inset:0;z-index:3000;background:#000000a6;backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px);display:flex;align-items:center;justify-content:center;animation:cm-fade .14s ease-out}@keyframes cm-fade{0%{opacity:0}to{opacity:1}}@keyframes cm-pop{0%{opacity:0;transform:translateY(6px) scale(.97)}to{opacity:1;transform:none}}.cm-box{position:relative;background:linear-gradient(180deg,#141a22fa,#0d1117fa);border:1px solid var(--wm-border-strong);border-radius:var(--wm-radius);box-shadow:var(--wm-shadow);padding:26px 28px 22px;min-width:380px;max-width:460px;display:flex;flex-direction:column;gap:14px;font-family:var(--wm-font);color:var(--wm-text);animation:cm-pop .16s ease-out}.cm-header{display:flex;align-items:center;gap:12px}.cm-icon{width:32px;height:32px;flex:0 0 32px;display:flex;align-items:center;justify-content:center;font-size:16px;border:1px solid rgba(90,163,208,.35);background:var(--wm-accent-soft);color:var(--wm-accent);border-radius:var(--wm-radius-sm)}.cm-box-danger .cm-icon{border-color:#e0666666;background:#e0666624;color:var(--wm-danger)}.cm-title{margin:0;font-family:var(--wm-font);font-size:16px;font-weight:600;color:var(--wm-text);letter-spacing:-.1px}.cm-message{margin:0;font-family:var(--wm-font);font-size:13px;font-weight:400;line-height:1.6;color:var(--wm-text-muted)}.cm-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:6px}.cm-btn{font-family:var(--wm-font);font-size:13px;font-weight:600;padding:10px 20px;letter-spacing:.1px;border:1px solid transparent;border-radius:var(--wm-radius-sm);cursor:pointer;transition:background .15s,color .15s,border-color .15s,transform .08s}.cm-btn:active{transform:translateY(1px)}.cm-btn:focus-visible{outline:2px solid var(--wm-accent);outline-offset:2px}.cm-btn-cancel{background:var(--wm-surface);color:var(--wm-text-muted);border-color:var(--wm-border-strong)}.cm-btn-cancel:hover{background:var(--wm-surface-hover);color:var(--wm-text);border-color:#ffffff38}.cm-btn-primary{background:var(--wm-gold);color:#1a1209}.cm-btn-primary:hover{background:var(--wm-gold-hover)}.cm-btn-danger{background:var(--wm-danger);color:#fff}.cm-btn-danger:hover{background:#e88282}#login-screen{position:fixed;inset:0;z-index:2500;display:flex;align-items:center;justify-content:center;overflow:hidden;font-family:var(--wm-font);color:var(--wm-text)}#login-screen:before{content:"";position:absolute;inset:-20px;background:url(../img/background.webp) center/cover;filter:blur(14px) brightness(.22) saturate(.8);z-index:0;pointer-events:none}#login-screen:after{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at top,rgba(90,163,208,.08) 0%,transparent 50%),linear-gradient(180deg,#0d1117bf,#0d11178c,#0d1117e0);z-index:0;pointer-events:none}@keyframes login-fade-up{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.login-card{position:relative;z-index:1;width:400px;padding:44px 40px 28px;background:#141a22e0;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--wm-border);border-radius:var(--wm-radius);box-shadow:var(--wm-shadow);display:flex;flex-direction:column;align-items:center;animation:login-fade-up .4s cubic-bezier(.4,0,.2,1) both}.login-close{position:absolute;top:14px;right:14px;width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:transparent;color:var(--wm-text-muted);border:none;border-radius:6px;cursor:pointer;transition:background .12s ease,color .12s ease}.login-close:hover{background:#ffffff14;color:var(--wm-text)}.login-close svg{width:18px;height:18px}.login-brand{display:flex;flex-direction:column;align-items:center;margin-bottom:36px}.login-title{font-family:var(--wm-display);font-size:22px;color:var(--wm-text);letter-spacing:4px;margin-bottom:10px}.login-tagline{font-family:var(--wm-font);font-size:13px;color:var(--wm-text-muted);letter-spacing:.3px;font-weight:400}.login-providers{width:100%;display:flex;flex-direction:column;gap:10px;margin-bottom:28px}.login-btn{display:flex;align-items:center;justify-content:center;gap:12px;width:100%;padding:13px 18px;font-family:var(--wm-font);font-size:14px;font-weight:500;letter-spacing:.1px;border:1px solid transparent;border-radius:var(--wm-radius-sm);cursor:pointer;transition:background .18s,border-color .18s,transform .08s}.login-btn:active{transform:translateY(1px)}.login-btn-icon{width:18px;height:18px;flex-shrink:0}.login-btn-google{background:#fff;color:#1a1a1a}.login-btn-google:hover{background:#ebecef}.login-btn-discord{background:#5865f2;color:#fff}.login-btn-discord:hover{background:#4752c4}.login-disclaimer{font-family:var(--wm-font);font-size:12px;color:var(--wm-text-dim);line-height:1.6;text-align:center}.login-disclaimer a{color:var(--wm-accent);text-decoration:none;transition:color .15s}.login-disclaimer a:hover{color:var(--wm-accent-hover)}[data-avatar=blue]{background:linear-gradient(135deg,#4a8dd8,#1f4a8f)}[data-avatar=rose]{background:linear-gradient(135deg,#b8574f,#6b2b24)}[data-avatar=amber]{background:linear-gradient(135deg,#c8892a,#7a4d0e)}[data-avatar=violet]{background:linear-gradient(135deg,#8a5cc4,#3f2870)}[data-avatar=teal]{background:linear-gradient(135deg,#3fa68f,#1e5648)}[data-avatar=guest]{background:linear-gradient(135deg,#3a4454,#1e2530)}.has-me-avatar .user-pill:not(.is-guest) .user-pill-avatar,.has-me-avatar .up-avatar,.has-me-avatar #friends-sidebar .fs-avatar.fs-avatar-lg{background:var(--wm-me-avatar) center/cover no-repeat,linear-gradient(135deg,#2a3442,#161c26)}.has-me-avatar .user-pill:not(.is-guest) .user-pill-avatar:after,.has-me-avatar .up-avatar:after,.has-me-avatar #friends-sidebar .fs-avatar.fs-avatar-lg:after{display:none}@keyframes skeleton-shimmer{0%{background-position:-150% 0}to{background-position:150% 0}}html.is-loading-avatar .user-pill-avatar,html.is-loading-avatar .up-avatar,html.is-loading-avatar #friends-sidebar .fs-avatar.fs-avatar-lg{background:linear-gradient(90deg,#ffffff0a,#ffffff1a,#ffffff0a) 0 0 / 200% 100%!important;animation:skeleton-shimmer 1.4s ease-in-out infinite}html.is-loading-avatar .user-pill-avatar:after,html.is-loading-avatar .up-avatar:after,html.is-loading-avatar #friends-sidebar .fs-avatar.fs-avatar-lg:after,html.is-loading-avatar .user-pill-dot,html.is-loading-avatar #friends-sidebar .fs-avatar.fs-avatar-lg>.fs-dot{display:none!important}html.is-loading-auth .user-pill-name,html.is-loading-auth .up-title,html.is-loading-auth .up-username-value,html.is-loading-auth .fs-me-name,html.is-loading-auth .fs-me-status{color:transparent!important;background:linear-gradient(90deg,#ffffff0a,#ffffff1a,#ffffff0a) 0 0 / 200% 100%;border-radius:4px;animation:skeleton-shimmer 1.4s ease-in-out infinite;user-select:none;pointer-events:none}html.is-loading-auth .user-pill-name{display:inline-block;width:80px;height:13px}html.is-loading-auth .up-title{display:inline-block;width:180px;height:22px}html.is-loading-auth .up-username-value{display:inline-block;width:120px;height:14px}html.is-loading-auth .fs-me-name{width:100px;height:14px;margin-bottom:4px}html.is-loading-auth .fs-me-status{width:70px;height:11px}html.is-loading-auth .up-username-badge{display:none!important}.user-pill.is-guest .user-pill-dot{display:none}.user-pill.is-guest .user-pill-name{color:var(--wm-text-muted)}.home-header{position:relative}.user-pill{position:absolute;top:20px;right:48px;height:52px;display:flex;align-items:center;gap:10px;padding:4px 6px 4px 4px;background:#141a22b8;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--wm-border);border-radius:var(--wm-radius);cursor:pointer;transition:background .15s,border-color .15s;z-index:2}.user-pill:hover{background:#1a222ccc;border-color:var(--wm-border-strong)}.user-pill:focus-visible{outline:2px solid var(--wm-accent);outline-offset:2px}.user-pill-avatar{position:relative;width:40px;height:40px;border-radius:50%;box-shadow:inset 0 0 0 1px #00000059;flex-shrink:0}.user-pill-dot{position:absolute;z-index:1;right:1px;bottom:1px;width:11px;height:11px;border-radius:50%;background:var(--wm-success);border:2px solid rgba(13,17,23,.95)}.user-pill-name{font-family:var(--wm-font);font-size:13px;font-weight:600;color:var(--wm-text);letter-spacing:.1px;max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-pill-friends{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:transparent;border:1px solid transparent;border-radius:var(--wm-radius-sm);color:var(--wm-text-muted);cursor:pointer;transition:background .15s,color .15s,border-color .15s}.user-pill:hover .user-pill-friends{background:var(--wm-accent-soft);color:var(--wm-accent)}.user-pill-friends svg{width:15px;height:15px}.up-head{display:flex;align-items:center;gap:14px}.up-head-text{display:flex;flex-direction:column;align-items:flex-start;gap:6px;min-width:0}.up-avatar{width:52px;height:52px;border-radius:50%;background:linear-gradient(135deg,var(--wm-accent) 0%,#3a7aa0 100%);box-shadow:inset 0 0 0 1px #00000059;flex-shrink:0;position:relative}.up-body{flex:1;min-height:0;overflow-y:auto;padding-top:28px;padding-bottom:40px;font-family:var(--wm-font);color:var(--wm-text)}.up-columns{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:40px;align-items:start}@media(max-width:960px){.up-columns{grid-template-columns:minmax(0,1fr);gap:20px}}.up-col{min-width:0;display:flex;flex-direction:column;gap:24px}.up-section{display:flex;flex-direction:column;gap:10px}.up-section-title{font-size:11px;font-weight:700;color:var(--wm-text-dim);letter-spacing:.12px}.up-section-title--danger{color:var(--wm-danger)}.up-link-row{display:flex;align-items:center;gap:12px;padding:12px 14px;background:var(--wm-surface);border:1px solid var(--wm-border);border-radius:var(--wm-radius-sm);transition:background .15s,border-color .15s}.up-link-row.is-connected{background:var(--wm-accent-soft);border-color:#5aa3d047}.up-link-icon{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:#ffffff0f;border-radius:var(--wm-radius-sm);flex-shrink:0}.up-link-icon svg{width:20px;height:20px}.up-link-info{flex:1;min-width:0}.up-link-name{font-size:14px;font-weight:600;color:var(--wm-text);letter-spacing:-.1px}.up-link-value{font-size:12px;font-weight:500;color:var(--wm-text-muted);margin-top:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.up-link-status{font-size:12px;font-weight:600;color:var(--wm-text-dim);padding:5px 10px;border-radius:999px;background:#ffffff0d;border:1px solid var(--wm-border)}.up-link-row.is-connected .up-link-status{color:var(--wm-accent);background:#5aa3d02e;border-color:#5aa3d059}.up-logout{font-family:var(--wm-font);font-size:13px;font-weight:600;color:var(--wm-text-muted);padding:9px 18px;background:var(--wm-surface);border:1px solid var(--wm-border);border-radius:var(--wm-radius-sm);cursor:pointer;transition:background .15s,color .15s,border-color .15s}.up-logout:hover{background:var(--wm-surface-hover);color:var(--wm-text);border-color:var(--wm-border-strong)}.up-username .up-username-edit,.up-username.is-editing .up-username-view{display:none}.up-username.is-editing .up-username-edit{display:flex;flex-direction:column;gap:10px}.up-username-view{display:flex;align-items:center;gap:10px;padding:10px 10px 10px 14px;background:var(--wm-surface);border:1px solid var(--wm-border);border-radius:var(--wm-radius-sm)}.up-username-value{flex:1;min-width:0;font-family:var(--wm-font);font-size:15px;font-weight:600;color:var(--wm-text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.up-username-badge{font-size:11px;font-weight:600;letter-spacing:.02em;padding:2px 8px;border-radius:999px;background:#e6b8661f;color:#e6b866;border:1px solid rgba(230,184,102,.25)}.up-username-edit-btn{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:var(--wm-radius-sm);background:transparent;border:1px solid transparent;color:var(--wm-text-muted);cursor:pointer;transition:background .15s,color .15s,border-color .15s}.up-username-edit-btn:hover{background:var(--wm-surface-hover);color:var(--wm-text);border-color:var(--wm-border)}.up-username-edit-btn svg{width:14px;height:14px}.up-username-input-wrap{display:flex;align-items:center;padding:0 12px;background:var(--wm-bg-elev);border:1px solid var(--wm-border);border-radius:var(--wm-radius-sm);transition:border-color .15s}.up-username-input-wrap:focus-within{border-color:var(--wm-accent)}.up-at{color:var(--wm-text-dim);font-size:15px;font-weight:500;margin-right:2px}.up-username-input{flex:1;min-width:0;background:transparent;border:0;outline:none;padding:10px 0;font-family:var(--wm-font);font-size:15px;font-weight:600;color:var(--wm-text)}.up-username-foot{display:flex;align-items:center;gap:12px;justify-content:space-between}.up-username-hint{margin:0;font-size:12px;color:var(--wm-text-muted);min-height:16px;flex:1}.up-username-hint.is-error{color:var(--wm-danger)}.up-username-hint.is-ok{color:#7fc98c}.up-username-actions{display:flex;gap:8px}.up-btn{font-family:var(--wm-font);font-size:13px;font-weight:600;padding:8px 16px;border-radius:var(--wm-radius-sm);cursor:pointer;border:1px solid var(--wm-border);background:var(--wm-surface);color:var(--wm-text-muted);transition:background .15s,color .15s,border-color .15s,opacity .15s}.up-btn:hover:not(:disabled){background:var(--wm-surface-hover);color:var(--wm-text)}.up-btn:disabled{opacity:.45;cursor:not-allowed}.up-btn-primary{background:var(--wm-accent);border-color:var(--wm-accent);color:#08121a}.up-btn-primary:hover:not(:disabled){background:var(--wm-accent-hover);border-color:var(--wm-accent-hover);color:#08121a}.up-btn-danger{background:var(--wm-danger);border-color:var(--wm-danger);color:#fff}.up-btn-danger:hover:not(:disabled){filter:brightness(1.1)}.up-delete .up-delete-confirm,.up-delete.is-confirming .up-delete-view{display:none}.up-delete.is-confirming .up-delete-confirm{display:flex;flex-direction:column;gap:10px}.up-delete-view{display:flex;flex-direction:column;gap:12px}.up-delete-warn{margin:0;font-size:13px;line-height:1.55;color:var(--wm-text-muted)}.up-delete-warn b{color:var(--wm-text);font-weight:600}.up-delete-btn{align-self:flex-start;font-family:var(--wm-font);font-size:13px;font-weight:600;color:var(--wm-danger);padding:9px 16px;background:#e0666614;border:1px solid rgba(224,102,102,.3);border-radius:var(--wm-radius-sm);cursor:pointer;transition:background .15s,color .15s,border-color .15s}.up-delete-btn:hover{background:var(--wm-danger);color:#fff;border-color:var(--wm-danger)}.up-delete-input{padding:10px 12px;background:var(--wm-bg-elev);border:1px solid var(--wm-border);border-radius:var(--wm-radius-sm);font-family:var(--wm-font);font-size:14px;color:var(--wm-text);outline:none;transition:border-color .15s}.up-delete-input:focus{border-color:var(--wm-danger)}.up-delete-actions{display:flex;justify-content:flex-end;gap:8px}.up-lang-row{display:flex;gap:8px;flex-wrap:wrap}.up-lang-btn{font-family:var(--wm-font);font-size:13px;font-weight:600;padding:8px 16px;border-radius:var(--wm-radius-sm);cursor:pointer;border:1px solid var(--wm-border);background:var(--wm-surface);color:var(--wm-text-muted);transition:background .15s,color .15s,border-color .15s}.up-lang-btn:hover{background:var(--wm-surface-hover);color:var(--wm-text)}.up-lang-btn.is-active{background:var(--wm-accent);border-color:var(--wm-accent);color:#08121a}.up-lang-btn.is-active:hover{background:var(--wm-accent-hover);border-color:var(--wm-accent-hover)}#friends-sidebar{position:fixed;top:0;right:0;bottom:0;width:340px;z-index:2100;font-family:var(--wm-font);color:var(--wm-text);background:linear-gradient(180deg,#141a22fa,#0d1117fa);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);border-left:1px solid var(--wm-border);box-shadow:-12px 0 32px #0000008c;display:flex;flex-direction:column;transform:translate(100%);transition:transform .28s ease-out;pointer-events:none}#friends-sidebar:before{content:"";position:absolute;left:0;right:0;top:0;height:2px;background:var(--wm-accent);opacity:.6}#friends-sidebar.open{transform:translate(0);pointer-events:auto}.fs-me{display:flex;align-items:center;gap:12px;padding:18px 14px 18px 20px;border-bottom:1px solid var(--wm-border);flex-shrink:0}.fs-avatar{position:relative;width:40px;height:40px;border-radius:50%;flex-shrink:0;box-shadow:inset 0 0 0 1px #0000004d}.fs-avatar-lg{width:44px;height:44px}.fs-dot{position:absolute;z-index:1;right:-1px;bottom:-1px;width:12px;height:12px;border-radius:50%;background:var(--wm-success);border:2px solid rgba(13,17,23,.98)}.fs-dot.fs-dot-offline{background:#4a5463;box-shadow:none}.fs-me-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.fs-me-name{font-family:var(--wm-font);font-size:14px;font-weight:600;color:var(--wm-text);letter-spacing:.1px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.fs-me-status{font-family:var(--wm-font);font-size:12px;font-weight:400;color:var(--wm-text-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.fs-icon-btn{width:34px;height:34px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;color:var(--wm-text-muted);cursor:pointer;border-radius:var(--wm-radius-sm);transition:background .15s,color .15s}.fs-icon-btn:hover{background:var(--wm-surface-hover);color:var(--wm-text)}.fs-icon-btn svg{width:16px;height:16px}.fs-body{flex:1;overflow-y:auto}.fs-body::-webkit-scrollbar{width:6px}.fs-body::-webkit-scrollbar-thumb{background:#ffffff14;border-radius:3px}.fs-body::-webkit-scrollbar-thumb:hover{background:#ffffff29}.fs-section{display:flex;flex-direction:column}.fs-section-header{width:100%;display:flex;align-items:center;justify-content:space-between;padding:16px 20px 10px;background:transparent;border:none;cursor:pointer;font-family:var(--wm-font);font-size:12px;font-weight:600;color:var(--wm-text-dim);letter-spacing:.2px;transition:color .15s}.fs-section-header:hover{color:var(--wm-text-muted)}.fs-section-count{color:var(--wm-text-faint);margin-left:4px;font-weight:500}.fs-caret{width:14px;height:14px;color:var(--wm-text-faint);transition:transform .18s}.fs-section.collapsed .fs-caret{transform:rotate(180deg)}.fs-section.collapsed .fs-section-list{display:none}.fs-section-list{display:flex;flex-direction:column;padding-bottom:4px}.fs-friend{display:flex;align-items:center;gap:12px;padding:9px 12px 9px 20px;cursor:pointer;position:relative;transition:background .12s}.fs-friend:hover{background:var(--wm-surface)}.fs-friend:hover .fs-row-btn{opacity:1}.fs-row-actions{display:flex;align-items:center;gap:2px}.fs-friend-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.fs-friend-name{font-family:var(--wm-font);font-size:13px;font-weight:500;color:var(--wm-text);letter-spacing:.1px;display:flex;align-items:center;gap:8px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.fs-friend-name.is-offline{color:var(--wm-text-muted)}.fs-friend-badge{font-family:var(--wm-font);font-size:10px;font-weight:700;color:var(--wm-accent);letter-spacing:.2px;background:var(--wm-accent-soft);padding:2px 6px;border-radius:8px;line-height:1.4}.fs-friend-badge.is-multi{color:var(--wm-success);background:#6fcf8b24}.fs-friend-status{font-family:var(--wm-font);font-size:11px;font-weight:400;color:var(--wm-text-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.fs-friend-status.is-playing{color:var(--wm-success);font-weight:500}.fs-row-btn{width:30px;height:30px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;color:var(--wm-text-faint);cursor:pointer;border-radius:var(--wm-radius-sm);opacity:0;transition:color .15s,background .15s,opacity .15s}.fs-row-btn:hover{color:var(--wm-danger);background:#e066661f}.fs-row-btn[data-cancel-outgoing]{opacity:1}.fs-row-btn svg{width:14px;height:14px}.fs-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px 24px;text-align:center;color:var(--wm-text-dim);font-family:var(--wm-font);font-size:13px;font-weight:400;line-height:1.6;gap:12px}.fs-empty svg{width:30px;height:30px;color:var(--wm-text-faint)}.fs-notif-item{display:flex;align-items:center;gap:10px;padding:12px 14px 12px 20px;border-bottom:1px solid var(--wm-border-soft)}.fs-notif-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px}.fs-notif-text{font-family:var(--wm-font);font-size:13px;font-weight:400;color:var(--wm-text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.fs-notif-text b{color:var(--wm-accent);font-weight:600}.fs-notif-time{font-family:var(--wm-font);font-size:11px;font-weight:400;color:var(--wm-text-dim)}.fs-notif-actions{display:flex;gap:4px;flex-shrink:0}.fs-notif-btn{width:30px;height:30px;display:flex;align-items:center;justify-content:center;background:var(--wm-surface);border:1px solid var(--wm-border);border-radius:var(--wm-radius-sm);color:var(--wm-text-muted);cursor:pointer;transition:background .15s,color .15s,border-color .15s}.fs-notif-btn:hover{background:var(--wm-surface-hover);color:var(--wm-text);border-color:var(--wm-border-strong)}.fs-notif-btn.is-accept:hover{background:#6fcf8b24;color:var(--wm-success);border-color:#6fcf8b59}.fs-notif-btn.is-decline:hover{background:#e0666624;color:var(--wm-danger);border-color:#e0666659}.fs-notif-btn svg{width:13px;height:13px}.fs-blocked-item{display:flex;align-items:center;gap:10px;padding:9px 12px 9px 20px}.fs-unblock-btn{font-family:var(--wm-font);font-size:11px;font-weight:500;color:var(--wm-text-muted);background:var(--wm-surface);border:1px solid var(--wm-border);border-radius:var(--wm-radius-sm);padding:6px 12px;cursor:pointer;letter-spacing:.1px;transition:background .15s,color .15s,border-color .15s}.fs-unblock-btn:hover{background:var(--wm-accent-soft);color:var(--wm-accent);border-color:#5aa3d066}.fs-unblock-btn.is-sent,.fs-unblock-btn:disabled{background:#6fcf8b1f;color:var(--wm-success);border-color:#6fcf8b4d;cursor:default}.fs-unblock-btn.is-sent:hover{background:#6fcf8b1f}.fs-add-view{padding:22px 20px 14px;display:flex;flex-direction:column;gap:16px}.fs-add-title{font-family:var(--wm-font);font-size:13px;font-weight:600;color:var(--wm-text);letter-spacing:.2px}.fs-add-desc{font-family:var(--wm-font);font-size:12px;font-weight:400;color:var(--wm-text-muted);line-height:1.7}.fs-add-suggestions-title{font-family:var(--wm-font);font-size:12px;font-weight:600;color:var(--wm-text-dim);letter-spacing:.2px;padding:0 20px;margin:8px 0 6px}.fs-input-bar{display:none;align-items:center;gap:8px;padding:9px 10px 9px 12px;margin:10px 16px 12px;background:var(--wm-surface);border:1px solid var(--wm-accent);border-radius:var(--wm-radius-sm);flex-shrink:0}.fs-input-bar.open{display:flex}.fs-input-icon{width:14px;height:14px;color:var(--wm-text-muted);flex-shrink:0}.fs-input{flex:1;background:transparent;border:none;outline:none;font-family:var(--wm-font);font-size:13px;font-weight:500;color:var(--wm-text)}.fs-input::placeholder{color:var(--wm-text-dim);font-weight:400}.fs-input-action{font-family:var(--wm-font);font-size:11px;font-weight:600;color:#0b1520;background:var(--wm-accent);border:none;border-radius:var(--wm-radius-sm);padding:6px 12px;cursor:pointer;letter-spacing:.3px;transition:background .12s}.fs-input-action:hover{background:var(--wm-accent-hover)}.fs-input-action:disabled{opacity:.4;cursor:default}.fs-actions{display:flex;justify-content:space-around;align-items:center;padding:12px 14px;border-top:1px solid var(--wm-border);flex-shrink:0;background:#0003}.fs-action{position:relative;width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:transparent;border:1px solid transparent;border-radius:var(--wm-radius-sm);color:var(--wm-text-muted);cursor:pointer;transition:background .15s,color .15s,border-color .15s}.fs-action:hover{background:var(--wm-surface);color:var(--wm-text)}.fs-action.active{background:var(--wm-accent-soft);color:var(--wm-accent);border-color:#5aa3d066}.fs-action svg{width:16px;height:16px}.fs-action-badge{position:absolute;top:-4px;right:-4px;min-width:16px;height:16px;padding:0 4px;display:flex;align-items:center;justify-content:center;font-family:var(--wm-font);font-size:10px;font-weight:700;color:#0b1520;background:var(--wm-accent);border:2px solid rgba(13,17,23,.98);border-radius:8px;line-height:1}@media(max-width:1100px){#friends-sidebar{width:310px}.user-pill{top:20px;right:20px}.login-card{width:380px;padding:36px 28px 22px}}@media(max-width:1000px){.user-pill-name{display:none}}@media(max-width:800px){.user-pill{top:12px}}@media(max-width:500px){#friends-sidebar{width:100%;border-left:none}}