@import"https://fonts.googleapis.com/css2?family=Press+Start+2P&family=VT323&display=swap";:root{--pixel-font: "Press Start 2P", monospace;--body-font: "VT323", monospace;--c-primary: #5cb86a;--c-primary-dark: #2d6b3a;--c-primary-light: #7dd08c;--c-secondary: #19a7cc;--c-secondary-dark: #0d6a85;--c-accent: #4cc3ed;--c-accent-dark: #1a8ab8;--c-accent-light: #8ae6ff;--c-success: #5cb86a;--c-warning: #e8a838;--c-error: #e07856;--c-purple: #8b5fbf;--c-bg: #07324a;--c-bg-dark: #041c2a;--c-bg-panel: rgba(7, 40, 55, .88);--c-bg-panel-light: rgba(10, 50, 70, .72);--c-bg-slot: rgba(0, 50, 75, .45);--c-border: rgba(143, 226, 255, .25);--c-border-strong: rgba(143, 226, 255, .5);--c-text: #f4fbff;--c-text-dim: #cdeeff;--c-text-muted: #7ab8d4;font-family:var(--body-font);font-size:18px;color:var(--c-text);background:var(--c-bg);font-synthesis:none;image-rendering:pixelated}*{box-sizing:border-box}body{margin:0;overflow:hidden}button,input{font:inherit;color:inherit}.auth{min-height:100vh;display:grid;place-items:center;background:#07506a url(/assets/world/backgrounds/world-background.png) center / cover no-repeat;padding:24px}.auth-card{width:min(100%,420px);padding:32px 28px;border:2px solid rgba(143,226,255,.35);border-radius:14px;background:#072837e0;box-shadow:0 12px 48px #0000008c;position:relative}.auth-card:before{content:"";position:absolute;top:-2px;left:-2px;right:-2px;bottom:-2px;border:1px solid rgba(143,226,255,.25);border-radius:14px;pointer-events:none;opacity:.5}.brand-mark{width:52px;height:52px;display:grid;place-items:center;border-radius:4px;background:var(--c-accent);color:#1b3033;font-family:var(--pixel-font);font-size:16px;box-shadow:0 4px 0 var(--c-accent-dark)}.eyebrow{margin:24px 0 10px;color:var(--c-primary-light);font-family:var(--pixel-font);font-size:9px;letter-spacing:.1em}h1{margin:0;font-family:var(--pixel-font);font-size:clamp(20px,5vw,28px);letter-spacing:-.02em;color:var(--c-text);text-shadow:2px 2px 0 var(--c-bg-dark)}.muted{color:var(--c-text-dim);font-size:16px;line-height:1.4}form{display:grid;gap:14px;margin-top:22px}label{display:grid;gap:6px;color:#cdeef9d9;font-size:14px;font-family:var(--pixel-font);font-size:9px;letter-spacing:.05em}input{width:100%;padding:10px 12px;border:1px solid rgba(205,238,249,.45);border-radius:6px;outline:none;background:#00324b40;color:#f4fbff;font-family:var(--body-font);font-size:18px;transition:border-color .15s ease,box-shadow .15s ease}input:focus{border-color:#fffffff2;box-shadow:0 0 0 2px #8fe2ff4d}.primary{border:0;border-radius:8px;padding:14px;cursor:pointer;background:linear-gradient(180deg,#5cb86a,#3a8a4d);color:#fff;font-family:var(--pixel-font);font-size:11px;font-weight:700;letter-spacing:.05em;box-shadow:0 4px #2d6b3a;transition:transform .1s,box-shadow .1s}.primary:hover{transform:translateY(-2px);box-shadow:0 6px #2d6b3a}.primary:active{transform:translateY(2px);box-shadow:0 2px #2d6b3a}.text-button{width:100%;border:0;margin-top:14px;background:none;color:var(--c-primary-light);cursor:pointer;font-family:var(--body-font);font-size:16px}.text-button:hover{color:var(--c-success)}.error{margin:0;color:var(--c-error);font-size:15px}.game-shell,canvas{width:100vw;height:100vh;display:block;image-rendering:pixelated}canvas{cursor:default;touch-action:none}.hud-panel{border:2px solid rgba(143,226,255,.25);border-radius:14px;background:#072837e0;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);box-shadow:0 12px 48px #0000008c}.topbar{position:fixed;top:12px;left:50%;width:min(680px,calc(100% - 140px));transform:translate(-50%);display:flex;justify-content:space-between;align-items:center;padding:8px 16px;z-index:10;pointer-events:none}.topbar>*{pointer-events:auto}.world-info{display:flex;align-items:center;gap:10px;font-family:var(--pixel-font);font-size:9px;letter-spacing:.05em}.world-info .dot{width:8px;height:8px;border-radius:2px;background:var(--c-success);box-shadow:0 0 8px var(--c-success);animation:pulse-dot 2s ease-in-out infinite}@keyframes pulse-dot{0%,to{opacity:1}50%{opacity:.5}}.world-info .world-meta{color:var(--c-text-dim);font-size:8px}.player-info{display:flex;align-items:center;gap:8px;font-family:var(--pixel-font);font-size:9px}.player-info .player-count{color:var(--c-accent);display:flex;align-items:center;gap:6px}.player-info .player-count .count-icon{width:10px;height:10px;background:var(--c-accent);border-radius:2px;opacity:.7}.player-info .server-status{color:var(--c-success);font-size:8px}.side-toolbar{position:fixed;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;gap:8px;padding:8px 6px;z-index:10}.side-toolbar.left{left:12px}.side-toolbar.right{right:12px}.tool-btn{width:44px;height:44px;display:grid;place-items:center;border:2px solid var(--c-border);border-radius:8px;background:var(--c-bg-slot);color:var(--c-text-dim);cursor:pointer;transition:transform .15s ease,border-color .15s ease,background .15s ease,color .15s ease;position:relative}.tool-btn:hover{transform:scale(1.08);border-color:var(--c-accent);background:#dfad551f;color:var(--c-accent-light)}.tool-btn.active{border-color:var(--c-accent);background:#dfad552e;color:var(--c-accent);box-shadow:0 0 12px #dfad5540}.tool-btn svg{width:22px;height:22px}.tool-btn-icon{width:28px;height:28px;object-fit:contain;image-rendering:pixelated;border-radius:4px}.tool-btn .badge{position:absolute;top:-4px;right:-4px;min-width:16px;height:16px;padding:0 4px;display:grid;place-items:center;border-radius:8px;background:var(--c-accent);color:#1b3033;font-family:var(--pixel-font);font-size:8px}.tool-btn .tooltip{position:absolute;top:50%;transform:translateY(-50%);white-space:nowrap;padding:4px 10px;border-radius:4px;background:var(--c-bg-dark);border:1px solid var(--c-border);color:var(--c-text);font-family:var(--pixel-font);font-size:8px;opacity:0;pointer-events:none;transition:opacity .15s ease;z-index:20}.side-toolbar.left .tool-btn .tooltip{left:54px}.side-toolbar.right .tool-btn .tooltip{right:54px}.tool-btn:hover .tooltip{opacity:1}.hotbar{position:fixed;left:50%;bottom:16px;transform:translate(-50%);display:flex;gap:4px;padding:6px;z-index:10}.bottom-hud.frontier-inventory{position:fixed;left:50%;bottom:10px;transform:translate(-50%);z-index:30;width:min(96vw,880px);max-height:70vh;display:flex;flex-direction:column;padding:6px 10px 10px;border:3px solid #2a6f8a;border-radius:10px;background:linear-gradient(180deg,#1a3a4a,#0e2530);box-shadow:0 0 0 3px #00000073,0 10px 30px #00000080,inset 0 1px #8fe2ff1f}.inventory-drag-handle{position:absolute;top:-16px;left:50%;transform:translate(-50%);width:120px;height:28px;display:flex;align-items:center;justify-content:center;gap:4px;cursor:ns-resize;touch-action:none;z-index:31;border:2px solid #2a6f8a;border-radius:8px;background:linear-gradient(180deg,#1a3a4a,#0e2530);box-shadow:0 2px 6px #0006,inset 0 1px #8fe2ff1f;transition:border-color .15s ease,box-shadow .15s ease}.inventory-drag-handle:hover{border-color:#8ae6ff;box-shadow:0 2px 8px #00000080,0 0 10px #8ae6ff40,inset 0 1px #8fe2ff33}.inventory-drag-handle:active{cursor:ns-resize}.inventory-drag-handle .drag-grip{width:64px;height:8px;border-radius:4px;background:linear-gradient(90deg,#2a6f8a,#5fb8d4,#2a6f8a);box-shadow:0 1px 2px #0006;transition:background .15s ease}.inventory-drag-handle:hover .drag-grip{background:linear-gradient(90deg,#4fa5c4,#8ae6ff,#4fa5c4)}.inventory-drag-handle:before,.inventory-drag-handle:after{content:"";width:4px;height:4px;border-radius:50%;background:#5fb8d4;opacity:.6}.inventory-drag-handle:hover:before,.inventory-drag-handle:hover:after{background:#8ae6ff;opacity:1}.bottom-hud.frontier-inventory>.hotbar{position:static!important;inset:auto!important;left:auto!important;bottom:auto!important;width:100%;display:flex;justify-content:center;gap:6px;padding:4px 0 6px;border:0;border-radius:0;background:transparent;box-shadow:none;transform:none}.inventory-frame{display:grid;grid-template-columns:44px 1fr 72px;gap:8px;flex:1;min-height:0;overflow:hidden;margin-top:4px;padding-top:6px;border-top:2px solid rgba(42,111,138,.55)}.inventory-categories{display:flex;flex-direction:column;gap:6px;align-items:center;padding-top:2px}.inventory-categories button{width:36px;height:36px;display:grid;place-items:center;border:2px solid #1f5266;border-radius:8px;background:linear-gradient(180deg,#133040,#0a1e28);color:#5fb8d4;font-size:18px;cursor:pointer;transition:all .15s ease}.inventory-categories button:hover{border-color:#4fa5c4;color:#8ae6ff;background:linear-gradient(180deg,#1a4252,#102a36)}.inventory-categories button.active{border-color:#8ae6ff;background:linear-gradient(180deg,#1a5f7a,#0e3e52);color:#f4ffff;box-shadow:0 0 8px #8ae6ff59,inset 0 1px #8fe2ff4d}.inventory-content{display:flex;flex-direction:column;gap:8px;min-height:0}.inventory-search-row{display:flex;align-items:center;gap:6px}.inventory-search-icon{font-size:14px;color:#5fb8d4;margin-right:-2px}.inventory-search{flex:1;padding:6px 10px;border:2px solid #1f5266;border-radius:6px;background:#081822cc;color:#f4fbff;font-family:var(--body-font);font-size:14px;outline:none;transition:border-color .15s ease,box-shadow .15s ease}.inventory-search::placeholder{color:#8fe2ff66}.inventory-search:focus{border-color:#8ae6ff;box-shadow:0 0 0 2px #8ae6ff33}.inventory-search-button{width:34px;height:34px;display:grid;place-items:center;border:2px solid #2d6b3a;border-radius:6px;background:linear-gradient(180deg,#5cb86a,#3a8a4d);color:#fff;font-size:16px;cursor:pointer;box-shadow:0 3px #2d6b3a;transition:transform .12s ease,box-shadow .12s ease}.inventory-search-button:hover{transform:translateY(-1px);box-shadow:0 4px #2d6b3a}.inventory-search-button:active{transform:translateY(2px);box-shadow:0 1px #2d6b3a}.bottom-inventory-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(78px,1fr));grid-auto-rows:76px;align-content:start;gap:6px;overflow-y:auto;flex:1;min-height:0;padding:2px;scrollbar-width:thin;scrollbar-color:rgba(95,184,212,.5) transparent}.bottom-inventory-grid::-webkit-scrollbar{width:6px}.bottom-inventory-grid::-webkit-scrollbar-thumb{background:#5fb8d466;border-radius:3px}.inventory-empty{grid-column:1 / -1;text-align:center;padding:30px 10px;color:#8fe2ff73;font-family:var(--pixel-font);font-size:10px;text-transform:uppercase;letter-spacing:.05em}.bottom-item{position:relative;height:76px;min-height:76px;align-self:start;box-sizing:border-box;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;padding:5px 3px;border:2px solid #1f5266;border-radius:6px;background:linear-gradient(180deg,#12303cb3,#081822b3);color:#cdeeff;cursor:pointer;transition:border-color .15s ease,background .15s ease,box-shadow .15s ease}.bottom-item:hover{border-color:#8ae6ff;background:linear-gradient(180deg,#1a4f7a80,#0e324680);box-shadow:0 0 8px #8ae6ff33}.bottom-item .item-icon{width:28px;height:28px;object-fit:contain}.bottom-item span{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font:8px var(--pixel-font);color:#8fe2ffb3}.bottom-item b{color:#8ae6ff;font:8px var(--pixel-font)}.bottom-item.equipped{border-color:#5cb86a;box-shadow:inset 0 0 0 1px #79d4924d,0 0 6px #5cb86a33}.bottom-item.rarity-common{border-color:#cdcdcd4d}.bottom-item.rarity-uncommon{border-color:#4caf5073}.bottom-item.rarity-rare{border-color:#2196f380}.bottom-item.rarity-epic{border-color:#9c27b08c}.bottom-item.rarity-legendary{border-color:#ff950099;box-shadow:0 0 6px #ff950026}.bottom-item.rarity-common:hover{border-color:#ccc}.bottom-item.rarity-uncommon:hover{border-color:#4caf50}.bottom-item.rarity-rare:hover{border-color:#2196f3}.bottom-item.rarity-epic:hover{border-color:#9c27b0}.bottom-item.rarity-legendary:hover{border-color:#ff9500;box-shadow:0 0 10px #ff95004d}.inventory-actions{display:flex;flex-direction:column;gap:6px;padding-top:2px}.inventory-actions button{width:100%;padding:8px 4px;border:2px solid #1f5266;border-radius:6px;background:linear-gradient(180deg,#133040,#0a1e28);color:#5fb8d4;font-family:var(--pixel-font);font-size:8px;letter-spacing:.05em;cursor:pointer;transition:all .15s ease}.inventory-actions button:hover{border-color:#8ae6ff;color:#f4ffff;background:linear-gradient(180deg,#1a5f7a,#0e3e52);box-shadow:0 0 6px #8ae6ff33}.inventory-actions button:active{transform:scale(.96)}@media(max-width:640px){.bottom-hud.frontier-inventory{bottom:6px;width:98vw;padding:4px 6px 8px}.bottom-hud.frontier-inventory>.hotbar{gap:3px}.hotbar-slot{width:42px;height:48px}.inventory-frame{grid-template-columns:36px 1fr 56px;gap:5px}.inventory-categories button{width:30px;height:30px;font-size:14px}.inventory-actions button{padding:6px 2px;font-size:7px}.bottom-inventory-grid{grid-template-columns:repeat(auto-fill,minmax(64px,1fr));gap:4px}}.hotbar-slot{position:relative;width:48px;height:52px;display:grid;place-items:center;border:2px solid var(--c-border);border-radius:6px;background:var(--c-bg-slot);cursor:pointer;transition:transform .18s cubic-bezier(.34,1.56,.64,1),border-color .18s ease,background .18s ease,box-shadow .18s ease}.hotbar-slot:hover{transform:translateY(-3px) scale(1.05);border-color:#dfad5580;background:#dfad5514}.hotbar-slot.selected{transform:translateY(-4px) scale(1.08);border:2px solid var(--c-accent);background:#dfad5526;box-shadow:0 0 12px #dfad554d,inset 0 0 6px #dfad551a}.hotbar-slot.wrench-mode{border-color:#6cb4d9;background:#6cb4d92e;box-shadow:0 0 12px #6cb4d966,inset 0 0 6px #6cb4d926;animation:wrench-pulse 1.5s ease-in-out infinite}@keyframes wrench-pulse{0%,to{box-shadow:0 0 8px #6cb4d94d,inset 0 0 4px #6cb4d91a}50%{box-shadow:0 0 16px #6cb4d980,inset 0 0 8px #6cb4d933}}.hotbar-slot .slot-icon{width:24px;height:24px;display:block;border-radius:3px;object-fit:contain;image-rendering:pixelated}.hotbar-slot .slot-count{position:absolute;right:4px;bottom:3px;color:var(--c-accent);font-family:var(--pixel-font);font-size:8px}.hotbar-slot .slot-key{position:absolute;left:4px;top:3px;color:var(--c-text-muted);font-family:var(--pixel-font);font-size:7px}.item-icon{object-fit:contain;image-rendering:pixelated}.item-icon-placeholder{width:28px;height:28px;display:grid;place-items:center;border:2px dashed rgba(223,210,160,.4);border-radius:4px;background:#08121680;color:var(--c-text-muted);font-family:var(--pixel-font);font-size:12px}.help-hint{position:fixed;right:70px;top:56px;display:grid;gap:4px;color:#f4f1dfa6;font-family:var(--body-font);font-size:14px;text-align:right;text-shadow:1px 1px 2px rgba(0,0,0,.6);z-index:9;pointer-events:none}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#072837b3;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);display:grid;place-items:center;z-index:100;animation:fade-in .2s ease}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.modal{width:min(90vw,520px);max-height:80vh;overflow-y:auto;padding:24px;border:2px solid rgba(143,226,255,.35);border-radius:14px;background:#072837e0;box-shadow:0 12px 48px #0000008c;animation:modal-pop .2s cubic-bezier(.34,1.56,.64,1)}@keyframes modal-pop{0%{transform:scale(.9);opacity:0}to{transform:scale(1);opacity:1}}.modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:12px;border-bottom:2px solid var(--c-border)}.modal-title{margin:0;font-family:var(--pixel-font);font-size:14px;color:#8ae6ff;text-shadow:2px 2px 0 rgba(0,15,23,.7)}.modal-close{width:32px;height:32px;display:grid;place-items:center;border:2px solid var(--c-border);border-radius:6px;background:var(--c-bg-slot);color:var(--c-text-dim);cursor:pointer;font-size:18px;transition:all .15s ease}.modal-close:hover{border-color:var(--c-error);color:var(--c-error);background:#e078561a}.inv-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(64px,1fr));gap:8px}.inv-cell{display:flex;flex-direction:column;align-items:center;gap:6px;padding:10px 6px;border:2px solid var(--c-border);border-radius:6px;background:var(--c-bg-slot);transition:all .15s ease}.inv-cell:hover{border-color:var(--c-accent);background:#dfad5514}.inv-cell .item-icon{width:28px;height:28px;border-radius:4px}.inv-cell .item-name{font-family:var(--pixel-font);font-size:7px;color:var(--c-text-dim);text-transform:uppercase;text-align:center}.inv-cell .item-qty{font-family:var(--pixel-font);font-size:10px;color:var(--c-accent)}.inventory-help{margin:-8px 0 16px;color:var(--c-text-dim);font-size:16px}.inventory-notice{margin:-8px 0 16px;color:var(--c-success);font-family:var(--pixel-font);font-size:9px}.inventory-section-title{margin:18px 0 10px;color:var(--c-text);font:10px var(--pixel-font);text-transform:uppercase}.wearable-grid{grid-template-columns:repeat(auto-fill,minmax(100px,1fr))}.wearable-item{width:100%;color:inherit;cursor:pointer}.wearable-item.equipped{border-color:var(--c-success);background:#79d4921f;box-shadow:inset 0 0 0 1px #79d49259}.wearable-item .item-icon{width:36px;height:36px;object-fit:contain}.inv-cell.rarity-common{border-color:#cccccc59;background:#cccccc0f}.inv-cell.rarity-uncommon{border-color:#4caf5073;background:#4caf5014}.inv-cell.rarity-rare{border-color:#2196f380;background:#2196f31a}.inv-cell.rarity-epic{border-color:#9c27b08c;background:#9c27b01f}.inv-cell.rarity-legendary{border-color:#ff950099;background:#ff950024;box-shadow:0 0 8px #ff950026}.inv-cell.rarity-common:hover{border-color:#ccc;background:#cccccc26}.inv-cell.rarity-uncommon:hover{border-color:#4caf50;background:#4caf502e}.inv-cell.rarity-rare:hover{border-color:#2196f3;background:#2196f333}.inv-cell.rarity-epic:hover{border-color:#9c27b0;background:#9c27b038}.inv-cell.rarity-legendary:hover{border-color:#ff9500;background:#ff950040;box-shadow:0 0 14px #ff95004d}.inv-toolbar{display:flex;align-items:center;gap:12px;margin-bottom:12px;flex-wrap:wrap}.inv-search-input{flex:1;min-width:120px;padding:8px 12px;border:1px solid rgba(205,238,249,.45);border-radius:6px;background:#00324b40;color:#f4fbff;font-family:var(--body-font);font-size:16px;outline:none}.inv-search-input:focus{border-color:#8ae6ff;box-shadow:0 0 0 2px #8fe2ff4d}.inv-sort-group{display:flex;align-items:center;gap:4px}.inv-sort-label{font-family:var(--pixel-font);font-size:8px;color:var(--c-text-dim);margin-right:2px}.inv-sort-btn{padding:5px 10px;border:2px solid var(--c-border);border-radius:4px;background:var(--c-bg-slot);color:var(--c-text-dim);font-family:var(--pixel-font);font-size:7px;cursor:pointer;transition:all .15s ease}.inv-sort-btn:hover{border-color:var(--c-accent);color:var(--c-text)}.inv-sort-btn.active{border-color:var(--c-accent);background:#dfad5526;color:var(--c-accent)}.inv-scroll-area{transition:max-height .2s ease;padding-right:4px}.inv-expand-btn{display:flex;align-items:center;justify-content:center;width:100%;height:28px;margin-top:8px;border:2px solid var(--c-border);border-radius:6px;background:var(--c-bg-slot);color:var(--c-text-dim);cursor:pointer;touch-action:none;-webkit-user-select:none;user-select:none;transition:all .15s ease}.inv-expand-btn:hover{border-color:var(--c-accent);color:var(--c-accent);background:#dfad5514}.inv-expand-btn:active{transform:scale(.97)}.inv-tooltip{position:fixed;bottom:16px;left:50%;transform:translate(-50%);display:flex;flex-direction:column;gap:4px;padding:12px 16px;border:2px solid var(--c-border-strong);border-radius:6px;background:#081216f2;box-shadow:0 8px 24px #00000080;z-index:200;pointer-events:none;animation:fade-in .1s ease}.inv-tooltip-name{font-family:var(--body-font);font-size:18px;font-weight:700}.inv-tooltip-rarity{font-family:var(--pixel-font);font-size:8px}.inv-tooltip-category{font-family:var(--body-font);font-size:14px;color:var(--c-text-dim);text-transform:capitalize}.inv-tooltip-stat{font-family:var(--body-font);font-size:14px;color:var(--c-accent)}.player-list{display:grid;gap:8px}.player-row{display:flex;align-items:center;gap:12px;padding:10px 14px;border:2px solid var(--c-border);border-radius:6px;background:var(--c-bg-slot)}.player-row .player-avatar{width:32px;height:32px;border-radius:4px;background:var(--c-secondary);border:2px solid var(--c-border)}.player-row .player-name{font-family:var(--body-font);font-size:18px;color:var(--c-text)}.player-row .player-status{margin-left:auto;color:var(--c-success);font-family:var(--pixel-font);font-size:8px}.setting-row{display:flex;justify-content:space-between;align-items:center;padding:12px 0;border-bottom:1px solid var(--c-border)}.setting-row:last-child{border-bottom:0}.setting-label{font-family:var(--body-font);font-size:18px;color:var(--c-text-dim)}.setting-value{font-family:var(--pixel-font);font-size:10px;color:var(--c-accent)}.shop-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.shop-item{display:flex;flex-direction:column;align-items:center;gap:8px;padding:14px;border:2px solid var(--c-border);border-radius:6px;background:var(--c-bg-slot);transition:all .15s ease}.shop-item:hover{border-color:var(--c-primary-light)}.shop-item .item-icon{width:32px;height:32px}.shop-item .shop-name{font-family:var(--pixel-font);font-size:8px;color:var(--c-text-dim)}.shop-item .shop-price{font-family:var(--pixel-font);font-size:10px;color:var(--c-accent)}.shop-item .shop-btn{padding:6px 12px;border:0;border-radius:8px;background:linear-gradient(180deg,#5cb86a,#3a8a4d);color:#fff;font-family:var(--pixel-font);font-size:8px;cursor:pointer;box-shadow:0 4px #2d6b3a}.shop-item .shop-btn:hover{transform:translateY(-1px);box-shadow:0 5px #2d6b3a}.shop-item .shop-btn:active{transform:translateY(2px);box-shadow:0 2px #2d6b3a}.shop-item .shop-btn:hover{filter:brightness(1.1)}.shop-item .shop-btn:disabled{opacity:.4;cursor:not-allowed;box-shadow:none}.shop-item .shop-btn.active{background:var(--c-success, #2ecc71);box-shadow:0 3px #1a9c56}.shop-section{margin-top:16px}.shop-section-title{font-family:var(--pixel-font);font-size:10px;color:var(--c-text);margin-bottom:8px;text-transform:uppercase}.hair-icon-none{width:32px;height:32px;display:flex;align-items:center;justify-content:center;font-size:20px;color:var(--c-text-dim)}.mobile-controls{display:none;position:fixed;bottom:80px;left:0;right:0;z-index:15;pointer-events:none}.mobile-controls>*{pointer-events:auto}.mobile-pad{position:fixed;display:flex;gap:8px}.mobile-pad.left{left:16px;bottom:80px}.mobile-pad.right{right:16px;bottom:80px}.mobile-btn{width:56px;height:56px;display:grid;place-items:center;border:2px solid var(--c-border);border-radius:50%;background:#12262ab3;color:var(--c-text);cursor:pointer;font-size:24px;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);user-select:none;-webkit-user-select:none;touch-action:none;transition:transform .1s,background .1s}.mobile-btn:active{transform:scale(.9);background:#dfad554d}.mobile-btn.jump{width:64px;height:64px}.mobile-btn.down{width:56px;height:56px}@media(max-width:768px){:root{font-size:16px}.topbar{width:calc(100% - 120px);top:8px;padding:6px 10px}.world-info{font-size:8px;gap:6px}.world-info .world-meta{display:none}.player-info{font-size:8px;gap:6px}.side-toolbar{gap:6px;padding:6px 4px}.tool-btn{width:38px;height:38px}.tool-btn svg{width:18px;height:18px}.tool-btn .tooltip,.help-hint{display:none}.hotbar{bottom:10px;gap:3px;padding:4px}.hotbar-slot{width:40px;height:44px}.hotbar-slot .slot-icon{width:20px;height:20px}.hotbar-slot .slot-count{font-size:7px}.hotbar-slot .slot-key{display:none}.mobile-controls{display:block}.auth-card{padding:28px 20px}.modal{padding:18px}.modal-title{font-size:12px}.shop-grid{grid-template-columns:1fr}}@media(max-width:480px){.side-toolbar.left,.side-toolbar.right{gap:4px}.tool-btn{width:34px;height:34px}.tool-btn svg{width:16px;height:16px}.hotbar-slot{width:36px;height:40px}.hotbar-slot .slot-icon{width:18px;height:18px}.mobile-btn{width:48px;height:48px;font-size:20px}.mobile-btn.jump{width:56px;height:56px}.mobile-btn.down{width:48px;height:48px}}.game-shell{position:relative;background:#9db6a3}.frontier-topbar{position:fixed;top:16px;left:15%;right:15%;height:auto;z-index:11;padding:10px 16px;overflow:visible;border:2px solid #56c9f0;border-radius:12px;background:#051f37eb;box-shadow:0 4px #041222d9,inset 0 1px #abe9ff47,0 8px 24px #02132347;pointer-events:auto}.frontier-tabs,.frontier-activity{display:none}.frontier-tab{padding:8px 16px;border-radius:9px;background:#62685c7a;color:#f5f8e28c;font:9px var(--pixel-font);letter-spacing:.04em}.frontier-tab.active{background:#19a7cc;color:#f4ffff}.frontier-activity{display:flex;gap:6px;margin-top:8px;color:#efffefd1;font:9px var(--body-font)}.frontier-activity span{padding:5px 9px;border-radius:8px;background:#68bca457}.frontier-currency{position:absolute;top:18px;right:18px;display:flex;gap:8px;color:#ffffeeeb;font:10px var(--pixel-font)}.frontier-currency span:first-child{color:#ef78f3}.frontier-currency span:nth-child(2){color:#f4c45d}.frontier-currency span:nth-child(3){color:#e8eee5}.frontier-chat-log{margin:0;height:34px;overflow-y:auto;padding:4px 8px;pointer-events:auto;display:flex;flex-direction:column;gap:3px;scrollbar-width:thin;scrollbar-color:rgba(25,167,204,.5) transparent}.frontier-chat-log .chat-msg{font-family:var(--body-font);font-size:16px;line-height:1.3;text-shadow:2px 2px 3px rgba(0,0,0,.95),1px 1px 2px rgba(0,0,0,.9);color:#f5f9df;padding:1px 4px;word-break:break-word}.frontier-chat-log .chat-msg b{font-weight:700}.frontier-chat-log .chat-msg.system{color:#6fc06b;font-style:italic;text-shadow:2px 2px 3px rgba(0,0,0,.95)}.frontier-chat-log::-webkit-scrollbar{width:6px}.frontier-chat-log::-webkit-scrollbar-track{background:transparent}.frontier-chat-log::-webkit-scrollbar-thumb{background:#19a7cc66;border-radius:3px}.frontier-chat-log::-webkit-scrollbar-thumb:hover{background:#19a7cc99}.frontier-chat-form{position:relative;pointer-events:auto;margin-top:4px}.frontier-chat-hint{pointer-events:none;margin-top:4px;padding:4px 10px;border:1px dashed rgba(86,201,240,.25);border-radius:6px;color:#f4fae266;font:13px var(--body-font);text-align:center}.frontier-chat-form input{width:100%;height:30px;padding:4px 12px;border:1px solid rgba(86,201,240,.38);border-radius:6px;background:#bfd1bb33;color:#f5f9df;font:15px var(--body-font);outline:none}.frontier-chat-form input:focus{border-color:#19a7cc99}.frontier-chat-form input::placeholder{color:#f4fae275}.frontier-chat-scroll-button{position:absolute;left:50%;bottom:-10px;transform:translate(-50%);width:56px;height:18px;padding:0;border:2px solid rgba(12,43,64,.92);border-radius:14px;background:#0a2439f0;color:#4cc3ed;font:12px/16px var(--body-font);cursor:grab;pointer-events:auto;z-index:2;touch-action:none;box-shadow:0 3px #05141eb8,inset 0 1px #82daee2e;transition:background .15s ease,color .15s ease,border-color .15s ease}.frontier-chat-scroll-button:hover{background:#124463;color:#8ae6ff;border-color:#0c2b40eb}.frontier-chat-scroll-button:active{cursor:grabbing;background:#20a2c5;color:#fff}.side-toolbar{top:20px;transform:none;gap:8px;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none}.side-toolbar.left{left:16px}.side-toolbar.right{right:16px}.side-toolbar.left .tool-btn:first-child{display:none}.tool-btn{width:52px;height:52px;border:2px solid rgba(12,43,64,.9);border-radius:13px;background:#0a2439f0;color:#4cc3ed;box-shadow:0 3px #05141eb8,inset 0 1px #82daee2e}.tool-btn:hover{transform:translateY(-2px) scale(1.03);background:#124463;color:#8ae6ff}.tool-btn.active{background:#20a2c5;color:#fff;border-color:#123c52;box-shadow:0 3px #05141eb8}.tool-btn .tooltip{display:none}.hotbar{bottom:10px;gap:8px;padding:8px;border:2px solid rgba(12,28,45,.92);border-radius:14px;background:#051022eb;box-shadow:0 5px #05101c8c,inset 0 1px #70bcce2e}.hotbar-slot{width:58px;height:62px;border-color:#284e64cc;border-radius:10px;background:#0a192cf2}.hotbar-slot.selected{border-color:#14d7ad;background:#10b997;box-shadow:0 0 0 2px #062d37e6}.hotbar-slot .slot-count{color:#fff;text-shadow:1px 1px #111}.hotbar-slot .slot-key{color:#b8c5d2}.chat-overlay{display:none}@media(max-width:768px){.frontier-topbar{left:62px;right:62px;top:8px;height:auto;padding:8px 10px}.frontier-activity{display:none}.frontier-currency{top:12px;right:10px;font-size:7px}.side-toolbar{top:8px}.side-toolbar.left{left:8px}.side-toolbar.right{right:8px}.tool-btn{width:42px;height:42px}.chat-overlay{display:none}.frontier-chat-log{height:26px}.frontier-chat-log .chat-msg{font-size:14px}}.announcements-bar{display:flex;align-items:center;gap:12px;padding:8px 24px;background:linear-gradient(90deg,#dfad551f,#dfad550a);border-bottom:2px solid rgba(223,173,85,.25);overflow:hidden}.announcements-label{flex-shrink:0;font-family:var(--pixel-font);font-size:8px;color:var(--c-accent);letter-spacing:.08em;padding:4px 10px;background:#dfad5526;border-radius:4px}.announcements-ticker{flex:1;overflow:hidden;position:relative}.announcements-track{display:flex;gap:48px;white-space:nowrap;animation:ticker-scroll 30s linear infinite}@keyframes ticker-scroll{0%{transform:translate(100%)}to{transform:translate(-100%)}}.announcement-item{font-family:var(--body-font);font-size:14px;color:var(--c-text-dim)}.announcement-item:before{content:"\\2022";color:var(--c-accent);margin-right:12px}.world-select-sidebar{display:flex;flex-direction:column;gap:16px;position:sticky;top:80px}.sidebar-panel{border:2px solid var(--c-border);border-radius:8px;background:var(--c-bg-panel);padding:16px;box-shadow:0 4px 16px #00000040}.sidebar-title{margin:0 0 12px;font-family:var(--pixel-font);font-size:9px;color:var(--c-primary-light);letter-spacing:.08em;text-transform:uppercase}.sidebar-btn{display:block;width:100%;padding:12px 16px;margin-bottom:8px;border:2px solid var(--c-border);border-radius:6px;background:var(--c-bg-slot);color:var(--c-text);font-family:var(--pixel-font);font-size:10px;letter-spacing:.05em;cursor:pointer;text-align:center;transition:all .15s ease}.sidebar-btn:last-child{margin-bottom:0}.sidebar-btn:hover{border-color:var(--c-accent);background:#dfad551f;color:var(--c-accent)}.sidebar-btn.active{border-color:var(--c-accent);background:#dfad552e;color:var(--c-accent)}.sidebar-btn.create{background:var(--c-primary);border-color:var(--c-primary);color:var(--c-text);box-shadow:0 3px 0 var(--c-primary-dark)}.sidebar-btn.create:hover{transform:translateY(-2px);box-shadow:0 5px 0 var(--c-primary-dark);background:var(--c-primary);color:var(--c-text)}.sidebar-btn.create:active{transform:translateY(2px);box-shadow:0 1px 0 var(--c-primary-dark)}.sidebar-wod{display:flex;flex-direction:column;gap:6px;cursor:pointer}.sidebar-wod:hover .sidebar-wod-name{color:var(--c-accent)}.sidebar-wod-name{margin:0;font-family:var(--pixel-font);font-size:12px;color:var(--c-text);transition:color .15s ease}.sidebar-wod-desc{margin:0;font-family:var(--body-font);font-size:13px;line-height:1.35;color:var(--c-text-dim)}.sidebar-wod .world-enter-btn{margin-top:6px;align-self:flex-start}.sidebar-announcements{display:flex;flex-direction:column;gap:12px;max-height:280px;overflow-y:auto}.sidebar-announcement-item{padding-bottom:10px;border-bottom:1px solid var(--c-border)}.sidebar-announcement-item:last-child{border-bottom:none;padding-bottom:0}.sidebar-announcement-time{font-family:var(--pixel-font);font-size:7px;color:var(--c-text-muted);letter-spacing:.03em}.sidebar-announcement-text{margin:4px 0 0;font-family:var(--body-font);font-size:14px;line-height:1.4;color:var(--c-text-dim)}.world-select{min-height:100vh;background:radial-gradient(circle at 70% 20%,#2d5b5b,transparent 40%),#0d1a1e;display:flex;flex-direction:column;overflow-y:auto;overflow-x:hidden}.world-select-header{display:flex;align-items:center;gap:16px;padding:20px 32px;border-bottom:2px solid var(--c-border);background:#0d1a1ee6;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);position:sticky;top:0;z-index:10}.world-select-header h1{font-size:18px;margin:0;flex:1}.world-select-user{display:flex;align-items:center;gap:12px}.world-select-username{font-family:var(--pixel-font);font-size:10px;color:var(--c-accent)}.world-select-content{max-width:1200px;margin:0 auto;padding:24px 24px 64px;width:100%}.world-select-main{display:grid;grid-template-columns:1fr 280px;gap:24px;align-items:start}.world-select-left{min-width:0}.world-select-bar{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.world-select-title{font-family:var(--pixel-font);font-size:16px;color:var(--c-text);text-shadow:2px 2px 0 var(--c-bg-dark);margin:0}.world-create-form{display:grid;gap:14px;padding:24px;margin-bottom:32px;border:3px solid var(--c-border);border-radius:8px;background:var(--c-bg-panel);box-shadow:0 0 0 3px var(--c-bg-dark),0 12px 40px #0006;animation:modal-pop .2s cubic-bezier(.34,1.56,.64,1)}.world-create-form label{display:grid;gap:6px;font-family:var(--pixel-font);font-size:9px;letter-spacing:.05em;color:var(--c-text-dim)}.world-create-form .primary{margin-top:4px}.world-create-form .primary:disabled{opacity:.5;cursor:default}.world-section{margin-bottom:36px}.world-section-title{font-family:var(--pixel-font);font-size:11px;color:var(--c-primary-light);letter-spacing:.08em;margin:0 0 16px;text-transform:uppercase}.world-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px}.world-card{display:flex;flex-direction:column;padding:0;border:3px solid var(--c-border);border-radius:8px;background:var(--c-bg-panel);cursor:pointer;overflow:hidden;text-align:left;transition:transform .18s cubic-bezier(.34,1.56,.64,1),border-color .18s ease,box-shadow .18s ease;animation:world-card-in .3s ease backwards}@keyframes world-card-in{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.world-card:hover{transform:translateY(-4px);border-color:var(--c-accent);box-shadow:0 12px 32px #0006,0 0 0 1px var(--c-accent)}.world-card-preview{position:relative;height:120px;overflow:hidden}.world-card-sky{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#5a8ca8,#7ab0a0 40%,#a4c4a8 70%,#824a2e 71%,#6b3a22)}.world-card-terrain{position:absolute;bottom:0;left:0;right:0;height:40%;background:repeating-linear-gradient(90deg,rgba(0,0,0,.08) 0 8px,transparent 8px 16px),linear-gradient(180deg,#824a2e,#6b3a22,#4a2818)}.world-card-terrain:after{content:"";position:absolute;top:-2px;left:0;right:0;height:4px;background:repeating-linear-gradient(90deg,#6fc06b 0,#6fc06b 6px,#5a9d57 6px,#5a9d57 12px)}.world-badge{position:absolute;top:8px;left:8px;padding:4px 10px;border-radius:4px;background:var(--c-accent);color:#1b3033;font-family:var(--pixel-font);font-size:8px;letter-spacing:.05em}.world-players{position:absolute;top:8px;right:8px;padding:4px 10px;border-radius:4px;background:#12262ad9;border:1px solid var(--c-border);color:var(--c-success);font-family:var(--pixel-font);font-size:8px}.world-card-body{padding:16px 18px;display:flex;flex-direction:column;gap:6px}.world-card-name{margin:0;font-family:var(--pixel-font);font-size:13px;color:var(--c-text);text-shadow:1px 1px 0 var(--c-bg-dark)}.world-card-desc{margin:0;font-family:var(--body-font);font-size:16px;line-height:1.35;color:var(--c-text-dim)}.world-card-owner{font-family:var(--pixel-font);font-size:8px;color:var(--c-text-muted);letter-spacing:.05em}.world-empty{text-align:center;padding:64px 24px}.world-loading{text-align:center;padding:48px;font-size:18px}.world-select-controls{display:flex;gap:8px;align-items:center}.world-filter-btn{padding:8px 16px;border:2px solid var(--c-border);border-radius:6px;background:var(--c-bg-slot);color:var(--c-text-dim);cursor:pointer;font-family:var(--pixel-font);font-size:9px;letter-spacing:.05em;transition:all .15s ease}.world-filter-btn:hover{border-color:var(--c-accent);color:var(--c-accent)}.world-filter-btn.active{border-color:var(--c-accent);background:#dfad552e;color:var(--c-accent)}.world-search-row{margin-bottom:16px}.world-search-input{width:100%;padding:12px 16px;border:2px solid var(--c-border);border-radius:8px;background:var(--c-bg-panel);color:var(--c-text);font-family:var(--body-font);font-size:18px;outline:none;transition:border-color .15s ease}.world-search-input:focus{border-color:var(--c-primary-light);box-shadow:0 0 0 2px #6fc06b33}.world-search-input::placeholder{color:var(--c-text-muted)}.world-category-tabs{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:24px}.world-cat-tab{padding:6px 14px;border:2px solid var(--c-border);border-radius:20px;background:var(--c-bg-slot);color:var(--c-text-dim);cursor:pointer;font-family:var(--pixel-font);font-size:9px;letter-spacing:.03em;transition:all .15s ease}.world-cat-tab:hover{border-color:var(--c-primary-light);color:var(--c-text)}.world-cat-tab.active{border-color:var(--c-accent);background:#dfad552e;color:var(--c-accent)}.world-card{cursor:pointer;position:relative}.world-category-badge{position:absolute;bottom:8px;left:8px;padding:3px 8px;border-radius:4px;background:#2d6b6bd9;color:var(--c-text);font-family:var(--pixel-font);font-size:7px;letter-spacing:.05em;text-transform:uppercase}.world-fav-btn{position:absolute;top:8px;right:8px;width:32px;height:32px;border:2px solid var(--c-border);border-radius:6px;background:#081216b3;color:var(--c-text-dim);cursor:pointer;font-size:18px;line-height:1;display:grid;place-items:center;transition:all .15s ease}.world-fav-btn:hover{border-color:var(--c-accent);color:var(--c-accent);transform:scale(1.1)}.world-fav-btn.active{color:var(--c-accent);border-color:var(--c-accent)}.world-card-stats{display:flex;gap:10px;flex-wrap:wrap;margin-top:6px}.world-stat{font-family:var(--pixel-font);font-size:7px;color:var(--c-text-muted);letter-spacing:.03em}.world-card-actions{display:flex;align-items:center;gap:8px;margin-top:10px}.world-like-btn{padding:4px 10px;border:2px solid var(--c-border);border-radius:6px;background:var(--c-bg-slot);color:var(--c-text-dim);cursor:pointer;font-family:var(--body-font);font-size:15px;transition:all .15s ease}.world-like-btn:hover{border-color:var(--c-error);color:var(--c-error)}.world-like-btn.liked{border-color:var(--c-error);color:var(--c-error);background:#e078561a}.world-enter-btn{margin-left:auto;padding:6px 18px;border:0;border-radius:6px;background:var(--c-primary);color:var(--c-text);cursor:pointer;font-family:var(--pixel-font);font-size:9px;font-weight:700;letter-spacing:.05em;box-shadow:0 3px 0 var(--c-primary-dark);transition:transform .1s,box-shadow .1s}.world-enter-btn:hover{transform:translateY(-2px);box-shadow:0 5px 0 var(--c-primary-dark)}.world-enter-btn:active{transform:translateY(2px);box-shadow:0 1px 0 var(--c-primary-dark)}.star-rating{display:flex;align-items:center;gap:2px}.star-rating.lg{gap:4px}.star{background:none;border:none;cursor:pointer;padding:0;font-size:14px;color:var(--c-text-muted);line-height:1;transition:color .15s ease,transform .1s ease}.star-rating.lg .star{font-size:22px}.star:hover{color:var(--c-accent);transform:scale(1.2)}.star.filled{color:var(--c-accent)}.star-avg{font-family:var(--pixel-font);font-size:8px;color:var(--c-accent);margin-left:6px}.world-day-section{margin-bottom:24px}.day-title{color:var(--c-accent)}.world-badge.day{background:var(--c-primary);color:var(--c-text)}.world-day-banner{display:flex;gap:0;border:3px solid var(--c-accent);border-radius:10px;overflow:hidden;cursor:pointer;background:var(--c-bg-panel);box-shadow:0 0 0 3px var(--c-bg-dark),0 12px 40px #0006;transition:transform .15s ease,box-shadow .15s ease}.world-day-banner:hover{transform:translateY(-3px);box-shadow:0 0 0 3px var(--c-bg-dark),0 18px 50px #00000080}.world-day-preview{width:200px;min-height:120px;flex-shrink:0;position:relative;background:linear-gradient(180deg,#2d6b3a,#1a4848)}.world-day-info{padding:16px 20px;flex:1;display:flex;flex-direction:column;gap:6px}.world-day-info h3{margin:0;font-family:var(--pixel-font);font-size:14px;color:var(--c-text)}.world-day-actions{display:flex;align-items:center;gap:16px;margin-top:8px}.world-detail-overlay{position:fixed;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;background:#081216d9;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:100}.world-detail-modal{width:min(520px,92vw);max-height:85vh;overflow-y:auto;border:3px solid var(--c-border);border-radius:10px;background:var(--c-bg-panel);box-shadow:0 0 0 3px var(--c-bg-dark),0 24px 70px #0009;padding:24px 28px;position:relative}.world-detail-close{position:absolute;top:12px;right:14px;width:32px;height:32px;border:2px solid var(--c-border);border-radius:6px;background:var(--c-bg-slot);color:var(--c-text-dim);cursor:pointer;font-size:18px;transition:all .15s ease}.world-detail-close:hover{border-color:var(--c-error);color:var(--c-error)}.world-detail-name{margin:0 0 8px;font-family:var(--pixel-font);font-size:16px;color:var(--c-text)}.world-detail-actions{display:flex;align-items:center;gap:16px;margin-top:12px}.similar-worlds{margin-top:20px;padding-top:16px;border-top:2px solid var(--c-border)}.similar-title{margin:0 0 10px;font-family:var(--pixel-font);font-size:10px;color:var(--c-text-dim);text-transform:uppercase}.similar-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.similar-card{display:flex;flex-direction:column;gap:4px;padding:10px 14px;border:2px solid var(--c-border);border-radius:6px;background:var(--c-bg-slot);cursor:pointer;transition:all .15s ease}.similar-card:hover{border-color:var(--c-accent);background:#dfad5514}.similar-name{font-family:var(--pixel-font);font-size:10px;color:var(--c-text)}.world-template-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.world-template-card{display:flex;flex-direction:column;gap:4px;padding:10px 12px;border:2px solid var(--c-border);border-radius:6px;background:var(--c-bg-slot);cursor:pointer;text-align:left;transition:all .15s ease}.world-template-card:hover{border-color:var(--c-primary-light)}.world-template-card.active{border-color:var(--c-accent);background:#dfad551f}.world-template-name{font-family:var(--pixel-font);font-size:9px;color:var(--c-text)}.world-template-card.active .world-template-name{color:var(--c-accent)}.world-template-desc{font-family:var(--body-font);font-size:13px;color:var(--c-text-dim);line-height:1.3}@media(max-width:768px){.world-select-header{padding:14px 16px;gap:10px}.world-select-header h1{font-size:14px}.world-select-content{padding:20px 16px 48px}.world-grid{grid-template-columns:1fr;gap:12px}.world-select-title{font-size:13px}.world-select-bar{flex-direction:column;gap:12px;align-items:flex-start}.world-select-main{grid-template-columns:1fr}.world-select-sidebar{position:static;order:-1}.announcements-bar{padding:6px 16px}.announcements-label{font-size:7px}.announcement-item{font-size:13px}}@media(max-width:480px){.world-select-header{padding:12px}.world-select-header h1{font-size:12px}.world-card-preview{height:100px}.world-card-name{font-size:11px}}.menu-panel{display:flex;flex-direction:column;gap:20px}.menu-info{display:flex;flex-direction:column}.menu-actions{display:flex;flex-direction:column;gap:10px}.menu-btn{padding:14px;border:2px solid var(--c-border);border-radius:6px;background:var(--c-bg-slot);color:var(--c-text);font-family:var(--pixel-font);font-size:11px;cursor:pointer;transition:all .15s ease}.menu-btn:hover{border-color:var(--c-accent);background:#dfad551f}.menu-btn.respawn{color:var(--c-success)}.menu-btn.respawn:hover{border-color:var(--c-success);background:#79d4921f}.menu-btn.danger{color:var(--c-error)}.menu-btn.danger:hover{border-color:var(--c-error);background:#e078561f}.lock-panel{display:flex;flex-direction:column;gap:16px}.lock-status-row{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.lock-status-label{font-family:var(--pixel-font);font-size:10px;color:var(--c-text-dim);text-transform:uppercase}.lock-status-badge{padding:4px 12px;border-radius:4px;font-family:var(--pixel-font);font-size:9px;letter-spacing:.05em}.lock-status-badge.locked{background:#e0785633;color:var(--c-error);border:1px solid var(--c-error)}.lock-status-badge.unlocked{background:#79d49226;color:var(--c-success);border:1px solid var(--c-success)}.lock-toggle-btn{margin-left:auto;padding:8px 16px;border:2px solid var(--c-border);border-radius:6px;background:var(--c-bg-slot);color:var(--c-text);font-family:var(--pixel-font);font-size:9px;cursor:pointer;transition:all .15s ease}.lock-toggle-btn:hover{border-color:var(--c-accent);background:#dfad551f}.lock-mode-row{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.lock-mode-label{font-family:var(--pixel-font);font-size:10px;color:var(--c-text-dim);text-transform:uppercase}.lock-mode-buttons{display:flex;gap:6px;flex-wrap:wrap}.lock-mode-btn{padding:6px 14px;border:2px solid var(--c-border);border-radius:6px;background:var(--c-bg-slot);color:var(--c-text-dim);font-family:var(--pixel-font);font-size:9px;cursor:pointer;transition:all .15s ease}.lock-mode-btn:hover:not(:disabled){border-color:var(--c-accent);color:var(--c-text)}.lock-mode-btn.active{border-color:var(--c-accent);background:#dfad552e;color:var(--c-accent)}.lock-mode-btn:disabled{opacity:.4;cursor:not-allowed}.lock-mode-desc{margin:0;color:var(--c-text-muted);font-size:15px;line-height:1.4}.lock-add-form{display:flex;gap:8px;flex-wrap:wrap}.lock-add-form input{flex:1;min-width:120px;padding:8px 10px;border:2px solid var(--c-border);border-radius:4px;background:#08121699;color:var(--c-text);font-family:var(--body-font);font-size:16px;outline:none}.lock-add-form input:focus{border-color:var(--c-primary-light)}.lock-add-form select{padding:8px 10px;border:2px solid var(--c-border);border-radius:4px;background:#08121699;color:var(--c-text);font-family:var(--body-font);font-size:16px;outline:none}.lock-add-btn{padding:8px 18px;border:0;border-radius:4px;background:var(--c-accent);color:#1b3033;font-family:var(--pixel-font);font-size:9px;font-weight:700;cursor:pointer;box-shadow:0 3px 0 var(--c-accent-dark);transition:transform .1s,box-shadow .1s}.lock-add-btn:hover{transform:translateY(-2px);box-shadow:0 5px 0 var(--c-accent-dark)}.lock-add-btn:active{transform:translateY(2px);box-shadow:0 1px 0 var(--c-accent-dark)}.lock-section-title{font-family:var(--pixel-font);font-size:10px;color:var(--c-text);text-transform:uppercase;margin:4px 0 8px}.lock-access-list{display:grid;gap:6px}.lock-access-row{display:flex;align-items:center;gap:10px;padding:8px 12px;border:2px solid var(--c-border);border-radius:6px;background:var(--c-bg-slot)}.lock-access-name{font-family:var(--body-font);font-size:17px;color:var(--c-text)}.lock-access-role{padding:2px 8px;border-radius:3px;font-family:var(--pixel-font);font-size:7px;text-transform:uppercase}.lock-access-role.admin{background:#dfad5533;color:var(--c-accent)}.lock-access-role.member{background:#6fc06b26;color:var(--c-primary-light)}.lock-owner-tag{margin-left:auto;font-family:var(--pixel-font);font-size:7px;color:var(--c-text-muted)}.lock-access-actions{margin-left:auto;display:flex;gap:6px}.lock-access-actions button{padding:4px 10px;border:1px solid var(--c-border);border-radius:4px;background:transparent;color:var(--c-text-dim);font-family:var(--pixel-font);font-size:7px;cursor:pointer;transition:all .15s ease}.lock-access-actions button:hover{border-color:var(--c-accent);color:var(--c-text)}.lock-access-actions button.remove:hover{border-color:var(--c-error);color:var(--c-error)}.char-preview-loading{position:fixed;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;background:var(--c-bg-dark);color:var(--c-text-dim);font-family:var(--body-font);font-size:18px;z-index:100}.char-preview-overlay{position:fixed;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;background:#081216d9;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:100}.char-preview-panel{width:min(960px,95vw);max-height:90vh;display:flex;flex-direction:column;border:3px solid var(--c-border);border-radius:10px;background:var(--c-bg-panel);box-shadow:0 0 0 3px var(--c-bg-dark),0 24px 70px #0009;overflow:hidden}.char-preview-header{display:flex;align-items:center;justify-content:space-between;padding:14px 20px;border-bottom:2px solid var(--c-border)}.char-preview-header h2{font-family:var(--pixel-font);font-size:14px;color:var(--c-text);text-shadow:1px 1px 0 var(--c-bg-dark)}.char-preview-close{width:34px;height:34px;border:2px solid var(--c-border);border-radius:6px;background:var(--c-bg-slot);color:var(--c-text-dim);cursor:pointer;font-size:16px;transition:all .15s ease}.char-preview-close:hover{border-color:var(--c-error);color:var(--c-error)}.char-preview-body{display:flex;gap:0;overflow:auto}.char-preview-canvas-area{flex:1;display:flex;flex-direction:column;align-items:center;gap:12px;padding:24px;background:#08121666}.char-preview-canvas{image-rendering:pixelated;border:2px solid var(--c-border);border-radius:8px;max-width:100%;height:auto}.char-preview-controls{display:flex;gap:8px}.char-preview-sidebar{width:320px;padding:20px;display:flex;flex-direction:column;gap:16px;border-left:2px solid var(--c-border);overflow-y:auto}.cp-section{display:flex;flex-direction:column;gap:8px}.cp-label{font-family:var(--pixel-font);font-size:8px;color:var(--c-text-dim);letter-spacing:.05em;text-transform:uppercase}.cp-tab-row,.cp-part-row,.cp-anim-row{display:flex;flex-wrap:wrap;gap:6px}.cp-tab,.cp-part-btn,.cp-anim-btn{padding:6px 12px;border:2px solid var(--c-border);border-radius:6px;background:var(--c-bg-slot);color:var(--c-text-dim);cursor:pointer;font-family:var(--body-font);font-size:15px;transition:all .15s ease}.cp-tab:hover,.cp-part-btn:hover,.cp-anim-btn:hover{border-color:var(--c-primary-light);color:var(--c-text)}.cp-tab.active,.cp-part-btn.active,.cp-anim-btn.active{border-color:var(--c-accent);background:#dfad552e;color:var(--c-accent)}.cp-anim-btn:disabled{opacity:.35;cursor:not-allowed}.cp-anim-btn:disabled:hover{border-color:var(--c-border);color:var(--c-text-dim)}.cp-slider{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:6px;border-radius:3px;background:var(--c-bg-slot);border:1px solid var(--c-border);outline:none;cursor:pointer}.cp-slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:16px;height:16px;border-radius:50%;background:var(--c-accent);border:2px solid var(--c-bg-dark);cursor:pointer}.cp-slider::-moz-range-thumb{width:16px;height:16px;border-radius:50%;background:var(--c-accent);border:2px solid var(--c-bg-dark);cursor:pointer}.cp-btn{padding:8px 16px;border:2px solid var(--c-border);border-radius:6px;background:var(--c-bg-slot);color:var(--c-text-dim);cursor:pointer;font-family:var(--body-font);font-size:15px;transition:all .15s ease}.cp-btn:hover{border-color:var(--c-primary-light);color:var(--c-text)}.cp-btn.active{border-color:var(--c-accent);color:var(--c-accent)}.cp-offset-section{background:#08121666;padding:14px;border-radius:8px;border:1px solid var(--c-border)}.cp-offset-row{display:flex;align-items:center;gap:10px;margin-bottom:8px}.cp-offset-axis{font-family:var(--pixel-font);font-size:10px;color:var(--c-accent);width:14px;text-align:center}.cp-offset-val{font-family:var(--pixel-font);font-size:9px;color:var(--c-text-dim);width:32px;text-align:right}.cp-reset-btn{margin-top:4px}.cp-export-btn{border-color:var(--c-primary);color:var(--c-primary-light)}.cp-export-btn:hover{background:#4a9d5726}.cp-frame-size-section{background:#08121666;padding:14px;border-radius:8px;border:1px solid var(--c-border)}.cp-frame-size-row{display:flex;align-items:center;gap:8px;margin-bottom:8px}.cp-frame-size-x{font-family:var(--pixel-font);font-size:10px;color:var(--c-text-dim)}.cp-num-input{width:64px;padding:6px 8px;border:2px solid var(--c-border);border-radius:4px;background:var(--c-bg-slot);color:var(--c-text);font-family:var(--body-font);font-size:15px;outline:none;text-align:center}.cp-num-input:focus{border-color:var(--c-primary-light)}.cp-apply-btn{padding:6px 12px;font-size:14px}.cp-auto-btn{width:100%;margin-top:4px;border-color:var(--c-secondary);color:var(--c-primary-light)}.cp-auto-btn:hover{background:#2d6b6b26}.cp-auto-btn:disabled{opacity:.5;cursor:wait}.cp-recommended-hint{font-family:var(--body-font);font-size:12px;color:var(--c-text-dim);line-height:1.4;margin-bottom:6px}.cp-recommended-hint code{font-family:var(--pixel-font);font-size:10px;color:var(--c-accent);background:#dfad551f;padding:1px 4px;border-radius:3px}.cp-asset-section{background:#08121666;padding:14px;border-radius:8px;border:1px solid var(--c-border)}.cp-upload-row{display:flex;align-items:center;gap:8px;margin-bottom:8px}.cp-upload-label{font-family:var(--pixel-font);font-size:9px;color:var(--c-text-dim);width:72px;flex-shrink:0;text-transform:uppercase;letter-spacing:.03em}.cp-select{flex:1;padding:6px 8px;border:2px solid var(--c-border);border-radius:4px;background:var(--c-bg-slot);color:var(--c-text);font-family:var(--body-font);font-size:14px;outline:none;cursor:pointer}.cp-select:focus{border-color:var(--c-primary-light)}.cp-text-input{flex:1;padding:6px 8px;border:2px solid var(--c-border);border-radius:4px;background:var(--c-bg-slot);color:var(--c-text);font-family:var(--body-font);font-size:14px;outline:none}.cp-text-input:focus{border-color:var(--c-primary-light)}.cp-text-input::placeholder{color:var(--c-text-dim);opacity:.6}.cp-recommended-box{background:#2d6b6b1f;border:1px solid rgba(45,107,107,.3);border-radius:6px;padding:10px 12px;margin:8px 0}.cp-recommended-title{font-family:var(--pixel-font);font-size:9px;color:var(--c-primary-light);text-transform:uppercase;letter-spacing:.05em;margin-bottom:4px}.cp-recommended-detail{font-family:var(--body-font);font-size:13px;color:var(--c-text);line-height:1.5}.cp-upload-actions{display:flex;gap:8px;margin-top:6px}.cp-detect-btn{flex:1;border-color:var(--c-secondary);color:var(--c-primary-light)}.cp-detect-btn:hover{background:#2d6b6b26}.cp-detect-btn:disabled{opacity:.5;cursor:not-allowed}.cp-add-btn{flex:1;border-color:var(--c-primary);color:var(--c-primary-light)}.cp-add-btn:hover{background:#4a9d5726}.cp-detect-result{font-family:var(--pixel-font);font-size:10px;color:var(--c-accent);margin-top:6px;padding:4px 8px;background:#dfad551a;border-radius:4px}.cp-status{font-family:var(--body-font);font-size:13px;margin-top:6px;padding:6px 10px;border-radius:4px;line-height:1.4}.cp-status-info{color:var(--c-text-dim);background:#ffffff0a}.cp-status-error{color:var(--c-error);background:#ef44441a}.cp-status-success{color:var(--c-primary-light);background:#4a9d571a}.cp-custom-list{display:flex;flex-direction:column;gap:4px}.cp-custom-item{display:flex;align-items:center;gap:8px;padding:6px 10px;background:var(--c-bg-slot);border:1px solid var(--c-border);border-radius:4px;font-family:var(--body-font);font-size:13px}.cp-custom-name{flex:1;color:var(--c-text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cp-custom-layer{font-size:11px;color:var(--c-text-dim);flex-shrink:0}.cp-custom-size{font-family:var(--pixel-font);font-size:9px;color:var(--c-accent);flex-shrink:0}.cp-custom-delete{width:22px;height:22px;border:1px solid var(--c-border);border-radius:4px;background:transparent;color:var(--c-text-dim);cursor:pointer;font-size:12px;display:grid;place-items:center;flex-shrink:0;transition:all .15s ease}.cp-custom-delete:hover{border-color:var(--c-error);color:var(--c-error);background:#ef44441a}.cp-export-section{display:flex;flex-direction:column;gap:4px}.char-tune-overlay{position:fixed;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;background:#08121699;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);z-index:100;animation:fade-in .2s ease}.char-tune-panel{width:min(90vw,520px);max-height:85vh;overflow-y:auto;padding:24px;border:3px solid var(--c-border);border-radius:8px;background:var(--c-bg-panel);box-shadow:0 0 0 3px var(--c-bg-dark),0 20px 60px #00000080;animation:modal-pop .2s cubic-bezier(.34,1.56,.64,1)}.char-tune-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;padding-bottom:12px;border-bottom:2px solid var(--c-border)}.char-tune-body{display:flex;flex-direction:column;gap:16px}.ct-preview-area{display:flex;flex-direction:column;align-items:center;gap:10px;background:#08121666;padding:14px;border-radius:8px;border:1px solid var(--c-border)}.ct-preview-canvas{image-rendering:pixelated;border:2px solid var(--c-border);border-radius:6px;max-width:100%;height:auto}.ct-preview-controls{display:flex;flex-wrap:wrap;gap:6px;justify-content:center}.ct-mini-btn{padding:5px 12px;border:2px solid var(--c-border);border-radius:6px;background:var(--c-bg-slot);color:var(--c-text-dim);cursor:pointer;font-family:var(--pixel-font);font-size:8px;transition:all .15s ease}.ct-mini-btn:hover{border-color:var(--c-primary-light);color:var(--c-text)}.ct-mini-btn.active{border-color:var(--c-accent);background:#dfad552e;color:var(--c-accent)}.ct-sliders{display:flex;flex-direction:column;gap:8px}.ct-section-divider{font-family:var(--pixel-font);font-size:8px;color:var(--c-primary-light);text-transform:uppercase;letter-spacing:.08em;margin-top:4px;padding-bottom:4px;border-bottom:1px solid rgba(45,107,107,.25);display:flex;justify-content:space-between;align-items:center}.ct-swap-btn{padding:3px 10px;border:1px solid var(--c-secondary);border-radius:4px;background:#2d6b6b26;color:var(--c-primary-light);cursor:pointer;font-family:var(--pixel-font);font-size:7px;transition:all .15s ease}.ct-swap-btn:hover{background:#2d6b6b4d;color:var(--c-text)}.ct-row{display:grid;grid-template-columns:70px 1fr 36px;align-items:center;gap:10px}.ct-label{font-family:var(--pixel-font);font-size:8px;color:var(--c-text-dim);text-transform:uppercase;letter-spacing:.03em}.ct-row input[type=range]{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:6px;border-radius:3px;background:var(--c-bg-slot);border:1px solid var(--c-border);outline:none;cursor:pointer}.ct-row input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:16px;height:16px;border-radius:50%;background:var(--c-accent);border:2px solid var(--c-bg-dark);cursor:pointer}.ct-row input[type=range]::-moz-range-thumb{width:16px;height:16px;border-radius:50%;background:var(--c-accent);border:2px solid var(--c-bg-dark);cursor:pointer}.ct-val{font-family:var(--pixel-font);font-size:9px;color:var(--c-accent);text-align:right}.ct-actions{display:flex;gap:8px;margin-top:4px}.ct-btn{flex:1;padding:10px;border:2px solid var(--c-border);border-radius:6px;background:var(--c-bg-slot);color:var(--c-text-dim);cursor:pointer;font-family:var(--pixel-font);font-size:9px;transition:all .15s ease}.ct-btn:hover{border-color:var(--c-accent);color:var(--c-accent)}.trade-window{display:flex;gap:12px}.trade-side{flex:1;display:flex;flex-direction:column;gap:6px;padding:10px;border:2px solid var(--c-border);border-radius:8px;background:var(--c-bg-slot);min-height:160px}.trade-name{margin:0 0 4px;font-family:var(--pixel-font);font-size:10px;color:var(--c-accent);text-align:center}.trade-items{display:flex;flex-direction:column;gap:4px;flex:1}.trade-item-row{display:flex;align-items:center;gap:8px;padding:5px 8px;border:1px solid var(--c-border);border-radius:4px;background:#08121666;font-size:13px}.trade-item-row .item-icon{width:22px;height:22px}.trade-qty{margin-left:auto;color:var(--c-accent);font-family:var(--pixel-font);font-size:9px}.trade-accepted{padding:4px 10px;border-radius:4px;background:#79d4922e;border:1px solid var(--c-success);color:var(--c-success);font-family:var(--pixel-font);font-size:9px;text-align:center;letter-spacing:.05em}.trade-actions{display:flex;gap:10px;margin-top:12px}.trade-modal{max-height:85vh;overflow-y:auto}.trade-inv-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(76px,1fr));gap:5px;max-height:160px;overflow-y:auto;padding:4px}.trade-inv-cell{display:flex;flex-direction:column;align-items:center;gap:2px;padding:5px 4px;border:2px solid var(--c-border);border-radius:6px;background:var(--c-bg-slot);cursor:pointer;transition:all .15s ease}.trade-inv-cell:hover{border-color:var(--c-accent);background:#dfad5514}.trade-inv-cell.selected{border-color:var(--c-accent);background:#dfad5526;box-shadow:0 0 8px #dfad554d}.trade-inv-cell .item-icon{width:26px;height:26px}.trade-inv-label{font-size:10px;color:var(--c-text);text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:68px}.trade-inv-qty{font-family:var(--pixel-font);font-size:8px;color:var(--c-accent)}.trade-inv-cell.selected .trade-inv-qty{color:var(--c-success)}.vending-slots{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:12px}.vending-slot{display:flex;align-items:center;gap:8px;padding:10px;border:2px solid var(--c-border);border-radius:6px;background:var(--c-bg-slot)}.vending-slot .item-icon{width:28px;height:28px}.vending-price{font-family:var(--pixel-font);font-size:9px;color:var(--c-accent);flex:1}.vending-slot .shop-btn{padding:4px 12px;font-size:8px}.vending-stock{font-family:var(--pixel-font);font-size:9px;color:var(--c-text-dim)}.marketplace-panel{display:flex;flex-direction:column;gap:8px;max-height:70vh;overflow-y:auto}.mp-tabs{display:flex;gap:4px}.mp-tab{padding:6px 14px;border:2px solid var(--c-border);border-radius:4px;background:var(--c-bg-slot);color:var(--c-text-dim);cursor:pointer;font-family:var(--pixel-font);font-size:8px;letter-spacing:.05em;transition:all .15s ease}.mp-tab:hover{border-color:var(--c-accent);color:var(--c-accent-light)}.mp-tab.active{border-color:var(--c-accent);background:#dfad5526;color:var(--c-accent)}.mp-create-row{display:flex;align-items:center;gap:6px;flex-wrap:wrap;padding:10px;border:2px solid var(--c-border);border-radius:6px;background:var(--c-bg-slot)}.mp-list{display:flex;flex-direction:column;gap:6px;max-height:320px;overflow-y:auto}.mp-listing{display:flex;align-items:center;gap:10px;padding:8px 12px;border:2px solid var(--c-border);border-radius:6px;background:var(--c-bg-slot);transition:border-color .15s ease}.mp-listing:hover{border-color:var(--c-border-strong)}.mp-listing .item-icon{width:28px;height:28px;flex-shrink:0}.mp-info{flex:1;display:flex;flex-direction:column;gap:2px}.mp-item{font-size:14px;color:var(--c-text)}.mp-seller{font-size:12px;color:var(--c-text-dim)}.mp-price{font-family:var(--pixel-font);font-size:10px;color:var(--c-accent);text-shadow:1px 1px 0 var(--c-bg-dark);flex-shrink:0}.gem-packs-panel{display:flex;flex-direction:column;gap:8px}.econ-toast{padding:6px 12px;border-radius:4px;background:#dfad551f;border:1px solid var(--c-accent);color:var(--c-accent);font-size:14px;text-align:center;animation:fade-in .2s ease}.econ-form-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.econ-select{padding:6px 8px;border:2px solid var(--c-border);border-radius:4px;background:var(--c-bg-slot);color:var(--c-text);font-family:var(--body-font);font-size:14px;outline:none;cursor:pointer}.econ-select:focus{border-color:var(--c-primary-light)}.econ-input{padding:6px 10px;border:2px solid var(--c-border);border-radius:4px;background:var(--c-bg-slot);color:var(--c-text);font-family:var(--body-font);font-size:14px;outline:none}.econ-input:focus{border-color:var(--c-primary-light)}.mail-list{display:flex;flex-direction:column;gap:6px}.mail-item{display:flex;align-items:center;gap:10px;padding:8px 12px;border:2px solid var(--c-border);border-radius:6px;background:var(--c-bg-slot)}.mail-item .item-icon{width:28px;height:28px;flex-shrink:0}.mail-info{flex:1;display:flex;flex-direction:column;gap:2px}.mail-from{font-size:14px;color:var(--c-text)}.mail-msg{font-size:13px;color:var(--c-text-dim);font-style:italic}.mail-item .shop-btn{padding:4px 12px;font-size:8px;flex-shrink:0}.gem-bank-balance{display:flex;flex-direction:column;align-items:center;gap:4px;padding:20px;margin:16px 0;border:2px solid var(--c-accent);border-radius:8px;background:#dfad5514}.gem-bank-label{font-family:var(--pixel-font);font-size:9px;color:var(--c-text-dim);text-transform:uppercase;letter-spacing:.05em}.gem-bank-value{font-family:var(--pixel-font);font-size:24px;color:var(--c-accent);text-shadow:2px 2px 0 var(--c-bg-dark)}.gem-bank-row{display:flex;justify-content:center;padding:8px;font-size:16px;color:var(--c-text-dim)}.system-toast{position:fixed;top:80px;left:50%;transform:translate(-50%);padding:10px 24px;border:2px solid var(--c-accent);border-radius:8px;background:#12262af2;color:var(--c-accent);font-family:var(--pixel-font);font-size:10px;letter-spacing:.03em;z-index:200;animation:fade-in .2s ease;box-shadow:0 4px 20px #0006;pointer-events:none}.player-row-actions{display:flex;gap:6px;margin-left:8px}.profile-panel{min-width:360px}.profile-header{display:flex;align-items:center;gap:14px;margin-bottom:16px}.profile-name-block{display:flex;flex-direction:column;gap:2px}.profile-username{font-family:var(--body-font);font-size:20px;font-weight:700}.profile-role{font-family:var(--pixel-font);font-size:8px;color:var(--c-text-dim)}.profile-online{font-family:var(--pixel-font);font-size:8px}.profile-online.online{color:var(--c-success, #2ecc71)}.profile-online.offline{color:var(--c-text-dim)}.profile-level-badge{margin-left:auto;padding:8px 14px;border-radius:8px;background:var(--c-primary);color:#fff;font-family:var(--pixel-font);font-size:12px;box-shadow:0 3px 0 var(--c-primary-dark)}.profile-stats-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:16px}.profile-stat{display:flex;justify-content:space-between;padding:8px 12px;border:2px solid var(--c-border);border-radius:6px;background:var(--c-bg-slot)}.profile-stat-label{font-family:var(--body-font);font-size:14px;color:var(--c-text-dim)}.profile-stat-value{font-family:var(--pixel-font);font-size:10px;color:var(--c-accent)}.profile-achievements{display:flex;flex-direction:column;gap:6px;max-height:200px;overflow-y:auto}.profile-achievement{display:flex;flex-direction:column;gap:2px;padding:8px 12px;border:2px solid var(--c-border);border-radius:6px;background:var(--c-bg-slot)}.profile-ach-name{font-family:var(--body-font);font-size:14px;font-weight:700;color:var(--c-accent)}.profile-ach-desc{font-family:var(--body-font);font-size:12px;color:var(--c-text-dim)}.profile-actions{margin-top:16px;display:flex;justify-content:flex-end}.profile-badges{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}.profile-badge{display:flex;align-items:center;gap:6px;padding:6px 10px;border-radius:6px;background:var(--c-bg-slot);border:2px solid var(--c-border)}.profile-badge-icon{font-size:18px;color:var(--c-accent)}.profile-badge-name{font-family:var(--body-font);font-size:12px;font-weight:700;color:var(--c-text)}.settings-panel,.migrate-panel,.stats-panel{display:flex;flex-direction:column;gap:4px}.settings-panel label,.migrate-panel label{font-family:var(--body-font)}.settings-panel input[type=checkbox]{width:18px;height:18px;accent-color:var(--c-primary);cursor:pointer}.settings-panel select,.migrate-panel input,.settings-panel input[type=number]{padding:6px 10px;border:2px solid var(--c-border);border-radius:6px;background:var(--c-bg-slot);color:var(--c-text);font-family:var(--body-font);font-size:13px;outline:none}.settings-panel select:focus,.migrate-panel input:focus,.settings-panel input:focus{border-color:var(--c-primary-light)}.volume-slider{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:120px;height:6px;border-radius:3px;background:var(--c-bg-slot);border:2px solid var(--c-border);outline:none;cursor:pointer}.volume-slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:16px;height:16px;border-radius:50%;background:var(--c-primary);border:2px solid var(--c-primary-dark);cursor:pointer}.volume-slider::-moz-range-thumb{width:16px;height:16px;border-radius:50%;background:var(--c-primary);border:2px solid var(--c-primary-dark);cursor:pointer}.report-form{display:flex;flex-direction:column;gap:4px}.report-label{font-family:var(--pixel-font);font-size:8px;color:var(--c-text-dim);margin-top:8px}.report-textarea{width:100%;padding:8px 10px;border:2px solid var(--c-border);border-radius:6px;background:var(--c-bg-slot);color:var(--c-text);font-family:var(--body-font);font-size:14px;resize:vertical;outline:none}.report-textarea:focus{border-color:var(--c-primary-light)}.world-picker-screen{position:relative;min-height:100vh;overflow:hidden;align-items:center;justify-content:flex-start;padding:0 20px;background:#07506a url(/assets/world/backgrounds/world-background.png) center / cover no-repeat;color:#f4fbff}.world-picker-screen:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:radial-gradient(ellipse at center,#07283773,#072837d1)}.picker-announcement-panel{position:relative;z-index:1;width:min(100%,1180px);min-height:86px;margin-top:0;padding:12px 18px;display:flex;align-items:center;overflow:hidden;border:2px solid rgba(143,226,255,.35);border-radius:14px;background:#072837e0;box-shadow:0 12px 48px #0000008c}.picker-announcement-track{display:flex;gap:42px;width:max-content;white-space:nowrap;animation:picker-ticker 28s linear infinite;color:#f1f3e2;font:26px/1.25 var(--body-font);text-shadow:2px 2px 0 rgba(3,25,33,.85)}.picker-announcement-track span:before{content:"••";color:#8ae6ff;margin-right:8px}@keyframes picker-ticker{0%{transform:translate(100%)}to{transform:translate(-100%)}}.world-picker-content{position:relative;z-index:1;width:min(100%,1060px);margin-top:42px;display:flex;flex-direction:column;align-items:center}.world-picker-hint{margin:0 0 12px;color:#f4fbff;font:25px/1.2 var(--body-font);text-shadow:2px 2px 0 rgba(0,15,23,.72)}.world-picker-name-label{display:block;width:min(100%,1030px);margin:0;color:#cdeeff;font:32px/1 var(--body-font);letter-spacing:0;text-shadow:2px 2px 0 rgba(0,15,23,.72)}.world-picker-name-input{width:min(100%,830px);height:62px;margin-top:-3px;padding:4px 12px;border:1px solid rgba(205,238,249,.45);border-radius:6px;background:#00324b73;color:#f4fbff;outline:none;box-shadow:3px 5px #000d15cc,inset 0 1px #ffffff1f;font:30px/1 var(--body-font);text-shadow:2px 2px 0 rgba(0,20,27,.35)}.world-picker-name-input::placeholder{color:#cdeef980}.world-picker-name-input:focus{border:2px solid #8ae6ff;box-shadow:3px 5px #000d15cc,0 0 0 3px #8fe2ff4d}.world-picker-list{width:min(100%,1040px);margin-top:16px;display:flex;flex-wrap:wrap;justify-content:center;gap:10px 18px}.world-picker-heading,.world-picker-world,.world-picker-empty{display:inline-flex;align-items:center;min-height:48px;padding:4px 12px;border:0;border-radius:5px;color:#f4fbff;font:27px/1 var(--body-font);text-shadow:2px 2px 0 rgba(0,15,23,.7)}.world-picker-heading{background:#0d6a85;box-shadow:0 4px #053040}.world-picker-world{background:#00324b8c;box-shadow:0 4px #05141ecc;cursor:pointer;transition:transform .12s,filter .12s}.world-picker-world:hover{transform:translateY(-2px);filter:brightness(1.12)}.world-picker-world.selected{background:#19a7cc;box-shadow:0 4px #0d6a85}.world-picker-start{position:relative;margin-top:18px;padding:8px 18px;border:0;border-radius:8px;background:linear-gradient(180deg,#5cb86a,#3a8a4d);color:#fff;cursor:pointer;font:42px/1 var(--body-font);text-shadow:2px 2px 0 rgba(0,20,15,.5);box-shadow:0 5px #2d6b3a,0 8px 24px #00000059;transition:transform .12s,filter .12s}.world-picker-start:hover:not(:disabled){transform:translateY(-3px);filter:brightness(1.12)}.world-picker-start:active:not(:disabled){transform:translateY(2px);box-shadow:0 2px #2d6b3a}.world-picker-start:disabled,.world-picker-footer-button:disabled{opacity:.45;cursor:not-allowed}.world-picker-footer{position:absolute;z-index:1;left:max(8.5%,24px);right:max(8.5%,24px);bottom:28px;display:flex;justify-content:space-between;align-items:end}.world-picker-footer-button{min-width:210px;min-height:98px;padding:10px 24px;border:1px solid rgba(205,238,249,.3);border-radius:8px;background:#ffffff14;color:#cdeeff;cursor:pointer;font:44px/1 var(--body-font);text-shadow:3px 3px 0 rgba(0,15,23,.7);box-shadow:0 5px #05141ecc;transition:transform .12s,filter .12s}.world-picker-footer-button:hover:not(:disabled){transform:translateY(-3px);filter:brightness(1.1)}.world-picker-account-actions{position:absolute;right:20px;bottom:8px;z-index:2;display:flex;align-items:center;gap:10px;color:#cdeef999;font:16px var(--body-font)}.world-picker-account-actions .text-button{width:auto;margin:0;font-size:16px}.world-picker-error{position:relative;z-index:1;margin-top:8px}@media(max-width:700px){.world-picker-screen{padding:0 12px;background-size:auto 200%}.picker-announcement-panel{min-height:64px;padding:8px 12px}.picker-announcement-track{font-size:20px}.world-picker-content{margin-top:28px}.world-picker-hint{font-size:20px;text-align:center}.world-picker-name-label{font-size:27px}.world-picker-name-input{width:100%;height:52px;font-size:26px}.world-picker-heading,.world-picker-world,.world-picker-empty{min-height:40px;font-size:22px}.world-picker-start{font-size:34px}.world-picker-footer{bottom:48px;left:12px;right:12px}.world-picker-footer-button{min-width:0;width:43%;min-height:68px;padding:8px 10px;font-size:32px}.world-picker-account-actions{display:none}}.start-screen{position:relative;min-height:100vh;display:grid;place-items:center;overflow:hidden;background:#07506a url(/assets/world/backgrounds/world-background.png) center / cover no-repeat;font-family:var(--body-font)}.start-screen-overlay{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:radial-gradient(ellipse at center,#07283773,#072837d1);z-index:1}.start-screen-content{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;gap:10px;text-align:center;padding:24px;animation:start-fade-in .6s ease}@keyframes start-fade-in{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.start-emblem{width:96px;height:96px;position:relative;margin-bottom:12px}.start-emblem-sun{position:absolute;top:6px;left:50%;transform:translate(-50%);width:40px;height:40px;border-radius:50%;background:radial-gradient(circle,#f9d976 0%,#f0c878 60%,transparent 100%);box-shadow:0 0 24px #f0c87880}.start-emblem-mountain{position:absolute;bottom:0;left:50%;transform:translate(-50%);width:0;height:0;border-left:48px solid transparent;border-right:48px solid transparent;border-bottom:52px solid #2d6b3a;filter:drop-shadow(0 2px 4px rgba(0,0,0,.3))}.start-kicker{margin:0;font-family:var(--pixel-font);font-size:9px;letter-spacing:.18em;color:#8fe2ffe6;text-shadow:2px 2px 0 rgba(0,0,0,.5)}.start-title{margin:0;font-family:var(--pixel-font);font-size:clamp(32px,8vw,56px);line-height:1.05;letter-spacing:-.02em;color:#f4fbff;text-shadow:4px 4px 0 rgba(0,0,0,.6),0 0 24px rgba(143,226,255,.25)}.start-title span{color:#8fe2fff2;text-shadow:4px 4px 0 rgba(0,0,0,.6),0 0 24px rgba(143,226,255,.3)}.start-subtitle{margin:4px 0 0;font-size:18px;color:#cdeef9d9;text-shadow:1px 1px 2px rgba(0,0,0,.6)}.start-play-button{margin-top:28px;display:flex;align-items:center;gap:12px;padding:16px 56px;border:0;border-radius:8px;background:linear-gradient(180deg,#5cb86a,#3a8a4d);color:#fff;font-family:var(--pixel-font);font-size:18px;font-weight:700;letter-spacing:.08em;cursor:pointer;box-shadow:0 6px #2d6b3a,0 12px 32px #0006;transition:transform .12s ease,box-shadow .12s ease;animation:start-pulse 2.5s ease-in-out infinite}@keyframes start-pulse{0%,to{box-shadow:0 6px #2d6b3a,0 12px 32px #0006}50%{box-shadow:0 6px #2d6b3a,0 12px 40px #5cb86a59}}.start-play-button:hover{transform:translateY(-3px);box-shadow:0 9px #2d6b3a,0 16px 40px #00000073}.start-play-button:active{transform:translateY(3px);box-shadow:0 3px #2d6b3a,0 6px 16px #0006}.start-play-arrow{font-size:22px;line-height:1;transition:transform .15s ease}.start-play-button:hover .start-play-arrow{transform:translate(4px)}.start-hint{margin:16px 0 0;font-size:15px;color:#cdeef999;text-shadow:1px 1px 2px rgba(0,0,0,.5);letter-spacing:.05em}.start-footer{position:absolute;bottom:16px;left:0;right:0;display:flex;justify-content:space-between;padding:0 24px;z-index:2;font-family:var(--pixel-font);font-size:8px;color:#cdeef980;letter-spacing:.08em;text-shadow:1px 1px 2px rgba(0,0,0,.6)}@media(max-width:768px){.start-title{font-size:clamp(28px,10vw,44px)}.start-subtitle{font-size:16px}.start-play-button{padding:14px 44px;font-size:16px}.start-footer{font-size:7px}}.main-menu-screen{position:relative;min-height:100vh;overflow:hidden;background:#07506a url(/assets/world/backgrounds/world-background.png) center / cover no-repeat}.main-menu-screen:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:radial-gradient(ellipse at center,#07283773,#072837d1);z-index:1}.main-menu-hit{position:absolute;border:0;background:transparent;cursor:pointer;opacity:0}.main-menu-hit:hover{background:#ffffff0f}.main-menu-hit:active{background:#0000001f}.main-menu-play{left:39%;top:50%;width:22%;height:9%}.main-menu-options{left:43%;top:60%;width:14%;height:7%}.main-menu-about{left:43%;top:68%;width:14%;height:7%}.main-menu-quit{left:43%;top:76%;width:14%;height:8%}@media(max-width:768px){.main-menu-screen{background-size:auto 100%;background-position:center top}.main-menu-play,.main-menu-options,.main-menu-about,.main-menu-quit{left:20%;width:60%}}.connect-screen{position:relative;min-height:100vh;overflow:hidden;background:#07506a url(/assets/world/backgrounds/world-background.png) center / cover no-repeat;font-family:Arial,Helvetica,sans-serif;display:flex;align-items:center;justify-content:center}.connect-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at center,#07283773,#072837d1);z-index:1}.connect-panel{position:relative;z-index:2;display:flex;flex-direction:column;gap:14px;width:min(420px,90vw);padding:32px 28px;background:#072837e0;border:2px solid rgba(143,226,255,.35);border-radius:14px;box-shadow:0 12px 48px #0000008c;color:#f4fbff;animation:connect-fade-in .35s ease}@keyframes connect-fade-in{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}.connect-heading{margin:0 0 4px;font-size:24px;font-weight:700;text-align:center;text-shadow:1px 1px 2px rgba(0,0,0,.5);color:#fff}.connect-field{display:flex;flex-direction:column;gap:4px}.connect-label{font-size:13px;font-weight:700;letter-spacing:.04em;color:#cdeef9d9;text-shadow:1px 1px 2px rgba(0,0,0,.4)}.connect-input{width:100%;padding:10px 12px;border:1px solid rgba(205,238,249,.45);border-radius:6px;background:#00324b40;color:#f4fbff;font-family:Arial,Helvetica,sans-serif;font-size:16px;font-weight:700;text-shadow:1px 1px 2px rgba(0,0,0,.45);box-sizing:border-box;transition:border-color .15s ease,box-shadow .15s ease}.connect-input:focus{outline:none;border-color:#fffffff2;box-shadow:0 0 0 2px #8fe2ff4d}.connect-input:disabled{opacity:.5;cursor:not-allowed}.connect-check-row{display:flex;align-items:center;gap:8px;cursor:pointer;-webkit-user-select:none;user-select:none;font-size:14px;color:#cdeef9e6}.connect-check-row input{width:18px;height:18px;cursor:pointer;accent-color:#4a9d57}.connect-check-text{text-shadow:1px 1px 2px rgba(0,0,0,.4)}.connect-copy{margin:4px 0 0;font-size:12px;line-height:1.5;color:#cdeef9b3;text-shadow:1px 1px 2px rgba(0,0,0,.4)}.connect-error{margin:0;color:#ffb3a7;font-size:14px;text-shadow:1px 1px 2px #08202b}.connect-actions{display:flex;gap:12px;margin-top:4px}.connect-btn-primary,.connect-btn-secondary{flex:1;padding:12px 16px;border:0;border-radius:8px;font-family:Arial,Helvetica,sans-serif;font-size:16px;font-weight:700;cursor:pointer;transition:transform .12s ease,box-shadow .12s ease,background .15s ease}.connect-btn-primary{background:linear-gradient(180deg,#5cb86a,#3a8a4d);color:#fff;box-shadow:0 4px #2d6b3a,0 6px 16px #00000059}.connect-btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px #2d6b3a,0 10px 24px #0006}.connect-btn-primary:active{transform:translateY(2px);box-shadow:0 2px #2d6b3a,0 4px 10px #0000004d}.connect-btn-primary:disabled{opacity:.6;cursor:wait}.connect-btn-secondary{background:#ffffff14;color:#cdeeff;border:1px solid rgba(205,238,249,.3)}.connect-btn-secondary:hover{background:#ffffff26;transform:translateY(-2px)}.connect-btn-secondary:active{transform:translateY(2px);background:#00000026}@media(max-width:700px){.connect-screen{background-size:auto 100%;background-position:center top}.connect-panel{padding:24px 20px;gap:12px}.connect-heading{font-size:20px}.connect-input{font-size:14px;padding:8px 10px}}.trade-reference-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:120;pointer-events:none;background:#00080c1f;animation:fade-in .18s ease}.trade-reference-card{position:relative;width:100%;height:100%;color:#f4fbff;font-family:var(--body-font);pointer-events:none;text-shadow:1px 2px 0 rgba(0,15,22,.72)}.trade-reference-topline{display:flex;align-items:center;justify-content:center;gap:10px;position:absolute;top:50px;left:50%;transform:translate(-50%);font:18px var(--pixel-font);color:#f4fbff;text-shadow:1px 2px 0 rgba(0,15,22,.72);pointer-events:none;white-space:nowrap;z-index:2}.trade-reference-topline strong{color:#57e4c0}.trade-reference-close{pointer-events:auto;position:fixed;top:12px;right:18px;width:38px;height:38px;border:2px solid rgba(218,245,255,.8);border-radius:7px;background:#083144db;color:#f4fbff;font:26px/1 var(--body-font);cursor:pointer}.trade-reference-players{display:none}.trade-reference-board{position:absolute;top:50%;left:0;right:0;display:flex;justify-content:space-between;align-items:flex-start;transform:translateY(-30%)}.trade-reference-offer{position:relative;width:28.5%;min-height:115px;padding:10px 9px 8px;border:3px solid #7cc5db;border-radius:6px;background:linear-gradient(180deg,#10485df5,#114153e6);box-shadow:0 3px #031823cc,inset 0 2px #d4f8ff3b;pointer-events:auto}.trade-reference-offer.own{margin-left:1%}.trade-reference-offer.partner{margin-right:1%}.trade-reference-offer p{margin:7px 0 0;color:#fff7d8;font:19px/1 var(--body-font);text-align:left;text-shadow:1px 2px 0 rgba(22,36,31,.82)}.trade-reference-slots{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:5px}.trade-reference-slot-button,.trade-reference-slots>span{min-width:0;height:54px;padding:0;display:block;border:3px solid rgba(15,48,62,.9);border-radius:5px;background:#051c29ad;box-shadow:inset 0 1px #b4ebf824}.trade-reference-slot-button{cursor:pointer}.trade-reference-slot-button:disabled{cursor:default}.trade-reference-slot-button:hover:not(:disabled){border-color:#57e4c0;background:#0e6f75b8}.trade-reference-slot{position:relative;width:100%;height:100%;display:grid;place-items:center}.trade-reference-slot.filled{background:#082e3bb8}.trade-reference-icon{width:42px;height:42px;object-fit:contain;image-rendering:pixelated}.trade-reference-slot b{position:absolute;right:5px;bottom:1px;color:#fff;font:18px var(--body-font);text-shadow:2px 2px 0 #263b36}.trade-reference-slot small{position:absolute;left:4px;bottom:2px;color:#f7e9aa;font:12px var(--body-font)}.trade-reference-price-button{position:absolute;right:0;bottom:calc(100% + 8px);padding:7px 12px;border:0;border-radius:5px;background:#a1d6e9;color:#fff;font:20px var(--body-font);cursor:pointer;box-shadow:0 3px #295a6dcc;text-shadow:1px 2px 0 rgba(58,117,136,.75);pointer-events:auto}.trade-reference-price-button:hover{background:#b9e6f2;transform:translateY(-1px)}.trade-reference-status{position:absolute;top:-12px;right:8px;padding:2px 7px;border-radius:3px;background:#57d7a9;color:#073e39;font:9px var(--pixel-font);text-shadow:none}.trade-reference-divider{display:none}.trade-reference-actions{position:absolute;top:70%;left:0;right:0;display:flex;justify-content:space-between;pointer-events:none}.trade-reference-cancel,.trade-reference-accept{min-width:108px;padding:8px 14px;border:0;border-radius:5px;color:#fff;font:22px var(--body-font);cursor:pointer;pointer-events:auto;text-shadow:1px 2px 0 rgba(70,70,70,.7)}.trade-reference-cancel{margin-left:9%;background:#dc0909;box-shadow:0 4px #760707}.trade-reference-accept{margin-right:9%;background:#a6d9ea;box-shadow:0 4px #4f899e}.trade-reference-cancel:hover{background:#f21b1b;transform:translateY(-1px)}.trade-reference-accept:hover{background:#c1e9f5;transform:translateY(-1px)}.trade-reference-inventory{position:absolute;bottom:12px;left:50%;transform:translate(-50%);display:flex;flex-wrap:wrap;gap:4px;max-width:90%;justify-content:center;pointer-events:auto;z-index:2}.trade-reference-inventory-item{width:42px;height:42px;position:relative;display:grid;place-items:center;border:2px solid rgba(15,48,62,.9);border-radius:5px;background:#051c29ad;cursor:pointer;padding:0}.trade-reference-inventory-item.selected{border-color:#57e4c0;background:#0e6f75b8}.trade-reference-inventory-item:hover{border-color:#7cc5db}.trade-reference-inventory-icon{width:30px;height:30px;object-fit:contain;image-rendering:pixelated}.trade-reference-inventory-item b{position:absolute;right:2px;bottom:0;color:#fff;font:14px var(--body-font);text-shadow:1px 1px 0 #263b36}.trade-reference-slot-empty{display:block;height:54px;border:3px solid rgba(15,48,62,.9);border-radius:5px;background:#051c29ad;box-shadow:inset 0 1px #b4ebf824}@media(max-width:700px){.trade-reference-offer{width:43%;min-height:100px}.trade-reference-board{top:56%}.trade-reference-offer p{font-size:15px}.trade-reference-players{top:44%;gap:9px;font-size:10px}.trade-reference-arrow{font-size:20px}.trade-reference-actions{top:72%}.trade-reference-cancel{margin-left:5%}.trade-reference-accept{margin-right:5%}.trade-reference-price-button{font-size:15px}.trade-reference-inventory-item{width:34px;height:34px}.trade-reference-inventory-icon{width:24px;height:24px}}