*{margin:0;padding:0;box-sizing:border-box}body{overflow:hidden;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;background:#1a1a2e;touch-action:none;-ms-touch-action:none}#game-container{width:100vw;height:100vh;position:relative}#game-canvas{width:100%;height:100%;display:block}#hud{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none}#hud>*{pointer-events:auto}#hud-top{position:absolute;top:16px;left:16px;display:flex;gap:16px;align-items:flex-start}#player-info{background:#000000bf;border:1px solid rgba(255,215,0,.3);border-radius:8px;padding:12px 16px;min-width:200px}#player-name{color:gold;font-weight:700;font-size:14px}#player-level{color:#aaa;font-size:12px;margin-bottom:6px}#health-bar,#exp-bar{height:18px;background:#00000080;border-radius:9px;margin-top:4px;position:relative;overflow:hidden}#health-fill{height:100%;background:linear-gradient(90deg,#e74c3c,#ff6b6b);border-radius:9px;width:100%;transition:width .3s}#exp-fill{height:100%;background:linear-gradient(90deg,#3498db,#5dade2);border-radius:9px;width:0%;transition:width .3s}#health-text,#exp-text{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff;font-size:10px;font-weight:700;text-shadow:1px 1px 2px rgba(0,0,0,.8)}#stats-panel{background:#000000bf;border:1px solid rgba(255,215,0,.3);border-radius:8px;padding:10px 14px;display:flex;gap:12px;flex-wrap:wrap}.stat{display:flex;align-items:center;gap:4px;color:#fff;font-size:13px}.stat-icon{font-size:16px}#minimap{position:absolute;top:16px;right:16px;background:#000c;border:3px solid rgba(255,215,0,.5);border-radius:50%;padding:0;width:130px;height:130px;overflow:hidden}#minimap-canvas{width:130px;height:130px;border-radius:50%}#zone-name{position:absolute;bottom:-22px;left:50%;transform:translate(-50%);text-align:center;color:gold;font-size:11px;font-weight:700;background:#000000b3;padding:2px 10px;border-radius:8px;white-space:nowrap}#server-info{position:absolute;top:16px;left:16px;background:#000000bf;border:1px solid rgba(255,255,255,.15);border-radius:6px;padding:6px 10px;font-family:Courier New,monospace;font-size:10px;color:#9fe89f;line-height:1.5}.srv-row span{color:#fff}#hud-top{position:absolute;top:86px;left:16px;display:flex;flex-direction:column;gap:8px;align-items:flex-start}#online-count{position:absolute;top:16px;left:50%;transform:translate(-50%);background:#000000bf;border:1px solid rgba(255,255,255,.15);border-radius:16px;padding:5px 16px;color:#fff;font-size:14px;font-weight:700;display:flex;align-items:center;gap:6px}.online-icon{font-size:14px}#daily-quests{position:absolute;bottom:175px;left:16px;width:220px;max-height:160px;overflow:hidden;background:#14181ee6;border:1px solid rgba(255,215,0,.25);border-radius:8px;padding:10px 12px}#daily-quests-header{color:gold;font-size:12px;font-weight:700;letter-spacing:1px;margin-bottom:8px;border-bottom:1px solid rgba(255,215,0,.2);padding-bottom:6px}#daily-quests-list{display:flex;flex-direction:column;gap:7px}.dquest{font-size:11px}.dquest .dq-title{color:#ddd}.dquest .dq-reward{color:#888;font-size:10px}.dquest.done .dq-title{color:#2ecc71;text-decoration:line-through}.dquest .dq-bar{height:3px;background:#00000080;border-radius:2px;margin-top:3px;overflow:hidden}.dquest .dq-fill{height:100%;background:gold;border-radius:2px;transition:width .3s}#token-ticker{position:absolute;top:180px;right:16px;background:#000c;border:1px solid rgba(255,215,0,.35);border-radius:8px;padding:8px 12px;min-width:150px}.ticker-row{display:flex;justify-content:space-between;align-items:center;color:#fff;font-size:13px;margin-bottom:2px}.ticker-row.small{font-size:10px;color:#aaa}.ticker-logo{color:gold;font-weight:700}#ticker-price{color:#2ecc71;font-weight:700}.ticker-row.online{margin-top:4px;color:#5dade2}.online-dot{width:7px;height:7px;background:#2ecc71;border-radius:50%;display:inline-block;margin-right:4px;animation:pulse 2s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.3}}.item-img{width:28px;height:28px;object-fit:contain;image-rendering:pixelated;vertical-align:middle;filter:contrast(1.2) saturate(.85) brightness(1.05);-webkit-filter:contrast(1.2) saturate(.85) brightness(1.05)}.inv-slot .item-img{width:32px;height:32px;filter:contrast(1.2) saturate(.85) brightness(1.05)}.qslot-icon .item-img{width:26px;height:26px}#market-items{display:flex;flex-direction:column;gap:6px}#market-panel{min-width:440px;max-width:480px;background:#3a3f45;border:1px solid rgba(0,0,0,.5)}#market-panel .panel-header h3{color:#fff;font-size:18px;flex:1;text-align:center;margin-left:28px}#market-tabs{display:flex;gap:12px;margin-bottom:12px}.market-tab{flex:1;padding:14px;border:none;border-radius:8px;font-size:16px;font-weight:700;color:#fff;cursor:pointer;transition:all .15s;opacity:.65;box-shadow:0 3px #0000004d}.market-tab.sell{background:#c0392b}.market-tab.buy{background:#27ae60}.market-tab.active{opacity:1;transform:translateY(-1px)}.market-tab.sell.active{background:#e74c3c}.market-tab.buy.active{background:#2ecc71}#my-listings-btn{width:100%;padding:12px;background:#2c3035;border:1px solid rgba(255,255,255,.1);border-radius:8px;color:#fff;font-size:14px;font-weight:700;cursor:pointer;margin-bottom:12px;box-shadow:0 3px #0000004d}#my-listings-btn:hover{background:#353a40}#market-subtitle{color:#aaa;font-size:12px;margin-bottom:10px}.market-filters{display:flex;gap:10px;margin-bottom:10px}.market-filters input,.market-filters select{flex:1;padding:10px 12px;background:#2c3035;border:1px solid rgba(255,255,255,.1);border-radius:8px;color:#fff;font-size:13px;outline:none}.market-filters input::placeholder{color:#777}.market-filters select{cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'><path d='M2 4l4 4 4-4' stroke='%23999' stroke-width='1.5' fill='none'/></svg>");background-repeat:no-repeat;background-position:right 10px center;padding-right:28px}#market-listings{display:flex;flex-direction:column;gap:8px;max-height:320px;overflow-y:auto;background:#15171a;border-radius:10px;padding:8px}.market-listing{display:flex;align-items:center;gap:12px;background:#1f2226;border:1px solid rgba(255,255,255,.05);border-radius:8px;padding:12px 14px;cursor:pointer;transition:background .15s}.market-listing:hover{background:#282c31;border-color:#ffd7004d}.market-listing .listing-icon{width:36px;height:36px;object-fit:contain;image-rendering:pixelated}.market-listing .listing-label{flex:1;color:#fff;font-size:14px;font-weight:600}.market-listing .listing-seller{color:#888;font-weight:400}.market-listing .listing-price{color:#2ecc71;font-size:14px;font-weight:700;white-space:nowrap}.market-listing .listing-price.kins{color:#c39bd3}.market-empty{color:#777;text-align:center;padding:30px 10px;font-size:13px}.market-item{display:flex;align-items:center;gap:10px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:8px;padding:8px 10px}.market-item .market-icon{width:34px;height:34px;object-fit:contain;image-rendering:pixelated}.market-item .market-info{flex:1}.market-item .market-info h4{color:#fff;font-size:13px}.market-item .market-info .market-cat{color:#888;font-size:10px;text-transform:uppercase}.market-item .market-count{color:gold;font-size:12px;font-weight:700}#minimap-canvas{border-radius:4px}#zone-name{text-align:center;color:gold;font-size:11px;margin-top:4px;font-weight:700}#hotbar-wrap{position:absolute;bottom:16px;left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:6px}#hotbar-pills{display:flex;gap:6px}.pill{width:56px;height:9px;border-radius:5px;background:#3a4250;border:1px solid rgba(0,0,0,.4);transition:background .2s}.pill.filled{background:#4caf50}.pill.buff.active{background:#4a90e2}#hotbar{display:flex;gap:8px}.hbslot{width:62px;height:62px;background:#0f1216eb;border:2px solid rgba(0,0,0,.5);border-radius:12px;position:relative;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s}.hbslot:hover{border-color:#ffd70099}.hbslot.weapon{border-color:#ffd54a;box-shadow:0 0 8px #ffd54a66}.hbslot.tool-slot{border-color:#5dade2;box-shadow:0 0 8px #5dade266}.hbslot .hb-icon{font-size:30px;display:flex;align-items:center;justify-content:center}.hbslot .hb-icon .item-img{width:42px;height:42px;object-fit:contain;image-rendering:pixelated}.hbslot .hb-count{position:absolute;top:3px;right:6px;font-size:14px;font-weight:700;color:#fff;text-shadow:1px 1px 2px #000,-1px -1px 2px #000}.hbslot .hb-lvl{position:absolute;top:4px;left:6px;font-size:11px;font-weight:700;color:#ffd54a;text-shadow:1px 1px 2px #000}.hbslot .hb-durability{position:absolute;bottom:5px;left:6px;right:6px;height:4px;background:#0009;border-radius:2px;overflow:hidden}.hbslot .hb-durability .hb-dfill{height:100%;background:#6dd36d;border-radius:2px}.hbslot .hb-num{position:absolute;bottom:-22px;left:50%;transform:translate(-50%);width:20px;height:20px;background:#f2f2f2;color:#333;font-size:12px;font-weight:700;border-radius:5px;display:flex;align-items:center;justify-content:center;box-shadow:0 2px #0000004d}#fn-buttons{position:absolute;right:20px;bottom:120px;display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.fn-btn{width:54px;height:54px;border-radius:50%;background:#dde2e7;border:2px solid #b9c0c7;display:flex;align-items:center;justify-content:center;font-size:24px;cursor:pointer;box-shadow:0 3px #00000040;transition:all .15s}.fn-btn:hover{background:#fff;border-color:#ffd54a;transform:translateY(-2px)}.fn-btn:active{transform:translateY(1px);box-shadow:0 1px #00000040}#control-hints{position:absolute;bottom:4px;left:50%;transform:translate(-50%);font-size:10px;color:#ffffff73;white-space:nowrap;pointer-events:none}.panel{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:#141428f2;border:1px solid rgba(255,215,0,.4);border-radius:12px;padding:20px;min-width:380px;max-width:520px;max-height:75vh;overflow-y:auto;z-index:100}.panel.hidden{display:none}.panel-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;border-bottom:1px solid rgba(255,215,0,.2);padding-bottom:10px}.panel-header h3{color:gold;font-size:16px}.close-btn{background:none;border:none;color:#aaa;font-size:22px;cursor:pointer}.close-btn:hover{color:#fff}#inventory-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:6px}.inv-slot{width:50px;height:50px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:6px;display:flex;align-items:center;justify-content:center;font-size:22px;position:relative;cursor:pointer}.inv-slot:hover{border-color:gold}.inv-slot .count{position:absolute;bottom:2px;right:4px;font-size:9px;color:#fff;background:#000000b3;padding:1px 3px;border-radius:3px}#quest-list{display:flex;flex-direction:column;gap:8px}.quest-item{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:8px;padding:10px;cursor:pointer}.quest-item:hover{border-color:gold}.quest-item h4{color:gold;font-size:13px;margin-bottom:4px}.quest-item p{color:#ccc;font-size:11px}.quest-item .quest-progress{margin-top:6px;height:4px;background:#00000080;border-radius:2px;overflow:hidden}.quest-item .quest-progress-fill{height:100%;background:gold;border-radius:2px;transition:width .3s}.quest-item.completed{border-color:#2ecc71}.quest-item.completed h4{color:#2ecc71}#shop-items{display:flex;flex-direction:column;gap:8px}.shop-item{display:flex;align-items:center;gap:10px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:8px;padding:10px;cursor:pointer}.shop-item:hover{border-color:gold}.shop-item .item-icon{font-size:28px}.shop-item .item-info{flex:1}.shop-item .item-info h4{color:#fff;font-size:13px}.shop-item .item-info p{color:#aaa;font-size:11px}.shop-item .item-price{color:gold;font-weight:700;font-size:13px}#chat-box{position:absolute;bottom:16px;left:16px;width:280px;background:#000000b3;border:1px solid rgba(255,255,255,.1);border-radius:8px;overflow:hidden}#chat-messages{height:92px;overflow-y:auto;padding:8px 12px;display:flex;flex-direction:column;gap:4px}#chat-messages .msg{color:#ccc;font-size:11px;line-height:1.3}#chat-messages .msg .sender{color:gold;font-weight:700}#chat-messages .msg.system{color:#5dade2;font-style:italic}#chat-input{width:100%;background:#00000080;border:none;border-top:1px solid rgba(255,255,255,.1);padding:8px 12px;color:#fff;font-size:12px;outline:none}#chat-input::placeholder{color:#666}#notifications,.notification{display:none}#map-welcome-banner{position:absolute;top:60px;left:50%;transform:translate(-50%);pointer-events:none;z-index:100}.map-welcome{background:#000000b3;border-radius:12px;padding:12px 28px;color:#fff;font-size:16px;font-weight:600;letter-spacing:.5px;text-align:center;animation:welcomeFadeIn .5s ease,welcomeFadeOut 1s ease 4s forwards}@keyframes welcomeFadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes welcomeFadeOut{0%{opacity:1}to{opacity:0;transform:translateY(-10px)}}@keyframes slideIn{0%{transform:translate(50px);opacity:0}to{transform:translate(0);opacity:1}}@keyframes fadeOut{to{opacity:0;transform:translate(50px)}}#loading-screen{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,#1a1a2e,#16213e,#0f3460);display:flex;align-items:center;justify-content:center;z-index:1000;transition:opacity .5s}#loading-screen.hidden{opacity:0;pointer-events:none}#loading-content{text-align:center}#loading-content h1{color:gold;font-size:36px;margin-bottom:8px}#loading-content p{color:#aaa;font-size:14px;margin-bottom:24px}#loading-bar{width:250px;height:6px;background:#ffffff1a;border-radius:3px;overflow:hidden;margin:0 auto 12px}#loading-fill{height:100%;background:linear-gradient(90deg,gold,#ffab00);border-radius:3px;width:0%;transition:width .3s}#loading-text{color:#888;font-size:12px}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:#0000004d}::-webkit-scrollbar-thumb{background:#ffd7004d;border-radius:3px}#game-container.hidden{display:none}#landing-page{position:fixed;top:0;left:0;width:100vw;height:100vh;display:flex;align-items:center;justify-content:center;z-index:9999;overflow:hidden}#landing-page.fade-out{animation:landingFadeOut .6s ease forwards}@keyframes landingFadeOut{to{opacity:0;transform:scale(1.05)}}.landing-bg{position:absolute;top:0;left:0;width:100%;height:100%;z-index:0;overflow:hidden}.bg-slideshow{position:absolute;top:0;left:0;width:100%;height:100%}.bg-slide{position:absolute;top:0;left:0;width:100%;height:100%;background-size:cover;background-position:center;opacity:0;transition:opacity 1.5s ease;animation:bgZoom 10s ease-in-out infinite alternate;transform:scale(1)}.bg-slide.active{opacity:1}@keyframes bgZoom{0%{transform:scale(1)}to{transform:scale(1.08)}}.bg-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(180deg,#0000004d,#0009 60%,#000000d9)}.landing-bg:before{display:none}.landing-nav{position:fixed;top:0;left:0;right:0;z-index:100;display:flex;justify-content:space-between;align-items:center;padding:14px 28px;background:#0000004d;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-bottom:1px solid rgba(255,255,255,.05)}.nav-left{display:flex;align-items:center;gap:16px}.nav-logo{color:gold;font-size:18px;font-weight:900;letter-spacing:3px}.nav-divider{color:#fff3}.nav-link{color:#ffffffb3;text-decoration:none;font-size:13px;font-weight:500;transition:color .2s}.nav-link:hover{color:#fff}.nav-right{display:flex;align-items:center;gap:12px}.nav-connect-btn{padding:8px 20px;background:#e67e22;border:none;border-radius:6px;color:#fff;font-size:13px;font-weight:700;cursor:pointer;transition:all .2s}.nav-connect-btn:hover{background:#d35400;transform:translateY(-1px)}.landing-title{font-size:68px;font-weight:900;color:#fff;letter-spacing:10px;text-shadow:0 2px 20px rgba(0,0,0,.6),0 0 60px rgba(255,215,0,.15);margin:20px 0 8px;font-family:Georgia,Times New Roman,serif}.landing-desc{font-size:15px;color:#fffc;max-width:500px;line-height:1.6;margin:0 auto 20px;text-align:center;text-shadow:0 1px 4px rgba(0,0,0,.5)}.landing-particles{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;pointer-events:none;overflow:hidden}.particle{position:absolute;bottom:-10px;width:3px;height:3px;background:gold;border-radius:50%;animation:floatUp linear infinite;opacity:0}@keyframes floatUp{0%{transform:translateY(0) scale(1);opacity:0}10%{opacity:.4}90%{opacity:.2}to{transform:translateY(-100vh) scale(.3);opacity:0}}.landing-content{position:relative;z-index:2;text-align:center;display:flex;flex-direction:column;align-items:center;gap:16px;width:100%;max-width:720px;padding:0 20px}.landing-form{display:flex;flex-direction:column;align-items:center;gap:16px;width:320px}.input-label{color:#ffffffb3;font-size:13px;font-weight:600;letter-spacing:1px;text-transform:uppercase}.name-input{width:100%;padding:14px 20px;background:#ffffff14;border:2px solid rgba(255,215,0,.3);border-radius:12px;color:#fff;font-size:18px;text-align:center;font-weight:600;outline:none;transition:all .3s}.name-input::placeholder{color:#ffffff4d;font-weight:400}.name-input:focus{border-color:gold;background:#ffffff1f;box-shadow:0 0 20px #ffd70026}.play-button{width:100%;padding:16px 32px;background:linear-gradient(135deg,gold,#ffab00);border:none;border-radius:12px;color:#1a1a2e;font-size:18px;font-weight:800;letter-spacing:2px;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center;gap:10px;box-shadow:0 4px 15px #ffd7004d,0 6px #c8a200;position:relative;overflow:hidden}.play-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);animation:shimmer 3s infinite}@keyframes shimmer{0%{left:-100%}to{left:100%}}.play-button:hover{transform:translateY(-2px);box-shadow:0 6px 20px #ffd70066,0 8px #c8a200}.play-button:active{transform:translateY(2px);box-shadow:0 2px 10px #ffd7004d,0 2px #c8a200}.play-button.hidden{display:none}.play-button.wallet-connect-style{background:linear-gradient(135deg,#9b59b6,#8e44ad);color:#fff;box-shadow:0 4px 15px #9b59b64d,0 6px #6c3483}.play-button.wallet-connect-style:before{background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent)}.play-button.wallet-connect-style:hover{transform:translateY(-2px);box-shadow:0 6px 20px #9b59b666,0 8px #6c3483}.play-button.wallet-connect-style:active{transform:translateY(2px);box-shadow:0 2px 10px #9b59b64d,0 2px #6c3483}.play-button.wallet-connect-style.hidden{display:none}.play-button:disabled{opacity:.7;cursor:not-allowed;transform:none}.wallet-info{display:flex;align-items:center;justify-content:center;gap:8px;padding:10px 16px;background:#2ecc711a;border:1px solid rgba(46,204,113,.3);border-radius:10px;width:100%}.wallet-info.hidden{display:none}.wallet-info-icon{font-size:16px}.wallet-info-addr{color:#2ecc71;font-size:13px;font-weight:700;font-family:Courier New,monospace}.play-icon{font-size:16px}.landing-footer{display:flex;flex-direction:column;align-items:center;gap:12px}.landing-stats{display:flex;gap:24px}.lstat{display:flex;align-items:center;gap:6px;background:#0006;padding:6px 14px;border-radius:20px;border:1px solid rgba(255,255,255,.1)}.lstat-dot{width:8px;height:8px;border-radius:50%}.lstat-dot.green{background:#2ecc71}.lstat-dot.orange{background:#e67e22}.lstat-val{color:#fff;font-size:13px;font-weight:700}.lstat-lbl{color:#ffffff80;font-size:12px}.landing-ca{padding:6px 16px;background:#0006;border:1px solid rgba(255,255,255,.08);border-radius:6px;color:#ffffff80;font-size:11px;font-family:Courier New,monospace}.landing-credit{color:#ffffff40;font-size:11px;margin:0}#server-page{position:fixed;top:0;left:0;width:100vw;height:100vh;display:flex;align-items:center;justify-content:center;z-index:9998;overflow:hidden}#server-page.hidden{display:none}#server-page.fade-out{animation:landingFadeOut .6s ease forwards}.fade-in{animation:fadeIn .5s ease forwards}@keyframes fadeIn{0%{opacity:0;transform:scale(.97)}to{opacity:1;transform:scale(1)}}.server-content{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;gap:24px;width:100%;max-width:520px;padding:0 20px}.server-header{text-align:center}.server-title{color:gold;font-size:28px;font-weight:800;letter-spacing:4px;text-shadow:0 0 15px rgba(255,215,0,.3);margin:0 0 8px}.server-subtitle{color:#ffffff80;font-size:14px;margin:0}.server-list{width:100%;display:flex;flex-direction:column;gap:12px}.server-card{display:flex;align-items:center;gap:14px;background:#ffffff0d;border:2px solid rgba(255,255,255,.1);border-radius:14px;padding:16px 20px;cursor:pointer;transition:all .2s}.server-card:hover{background:#ffd7000d;border-color:#ffd70066;transform:translateY(-2px);box-shadow:0 4px 20px #ffd7001a}.server-card.selected{background:#ffd7001a;border-color:gold;box-shadow:0 0 20px #ffd70033;transform:scale(1.02)}.server-card:has(.server-status.maintenance){opacity:.45;cursor:not-allowed}.server-card:has(.server-status.maintenance):hover{transform:none;border-color:#ffffff1a;background:#ffffff0d;box-shadow:none}.server-icon{font-size:32px;flex-shrink:0}.server-info{flex:1}.server-info h3{color:#fff;font-size:15px;font-weight:700;margin:0 0 3px}.server-region{color:#ffffff73;font-size:12px;margin:0}.server-meta{display:flex;flex-direction:column;align-items:flex-end;gap:4px}.server-players{color:#ffffffb3;font-size:12px;display:flex;align-items:center;gap:5px}.server-ping{color:#fff6;font-size:11px;font-family:Courier New,monospace}.server-status{font-size:10px;font-weight:800;letter-spacing:1px;padding:4px 10px;border-radius:6px;flex-shrink:0}.server-status.good{color:#2ecc71;background:#2ecc711f;border:1px solid rgba(46,204,113,.3)}.server-status.maintenance{color:#e67e22;background:#e67e221f;border:1px solid rgba(230,126,34,.3)}.back-button{padding:12px 32px;background:#ffffff0f;border:1px solid rgba(255,255,255,.15);border-radius:10px;color:#ffffffb3;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s}.back-button:hover{background:#ffffff1a;border-color:#ffffff4d;color:#fff}#wallet-page{position:fixed;top:0;left:0;width:100vw;height:100vh;display:flex;align-items:center;justify-content:center;z-index:9998;overflow:hidden}#wallet-page.hidden{display:none}#wallet-page.fade-out{animation:landingFadeOut .6s ease forwards}.wallet-content{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;gap:28px;width:100%;max-width:420px;padding:0 20px}.wallet-header{text-align:center}.wallet-title{color:gold;font-size:28px;font-weight:800;letter-spacing:4px;text-shadow:0 0 15px rgba(255,215,0,.3);margin:0 0 8px}.wallet-subtitle{color:#ffffff80;font-size:14px;margin:0}.wallet-status{display:flex;flex-direction:column;align-items:center;gap:8px;padding:20px;background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:16px;width:100%}.wallet-icon-large{font-size:48px;line-height:1}.wallet-status-text{color:#fff9;font-size:14px;margin:0}.wallet-install-link{color:gold;font-size:13px;text-decoration:none;margin-top:4px;transition:color .2s}.wallet-install-link:hover{color:#fff;text-decoration:underline}.wallet-options{display:flex;flex-direction:column;gap:10px;width:100%}.wallet-options.hidden{display:none}.wallet-btn{display:flex;align-items:center;gap:14px;width:100%;padding:16px 20px;background:#ffffff0d;border:2px solid rgba(255,255,255,.1);border-radius:14px;cursor:pointer;transition:all .2s}.wallet-btn:hover{background:#9b59b61a;border-color:#9b59b680;transform:translateY(-2px);box-shadow:0 4px 20px #9b59b626}.wallet-btn-emoji{font-size:28px;flex-shrink:0;width:36px;text-align:center}.wallet-btn-text{flex:1;color:#fff;font-size:16px;font-weight:700;text-align:left}.wallet-btn-tag{font-size:10px;font-weight:700;letter-spacing:.5px;padding:3px 8px;border-radius:6px;color:#fff9;background:#ffffff14;border:1px solid rgba(255,255,255,.1)}.wallet-btn-tag.popular{color:gold;background:#ffd7001a;border-color:#ffd7004d}.wallet-connected{display:flex;flex-direction:column;align-items:center;gap:16px;width:100%}.wallet-connected.hidden{display:none}.wallet-address-box{display:flex;align-items:center;gap:10px;padding:12px 20px;background:#2ecc7114;border:1px solid rgba(46,204,113,.3);border-radius:10px;width:100%;justify-content:center}.wallet-addr-label{color:#ffffff80;font-size:13px}.wallet-addr{color:#2ecc71;font-size:14px;font-weight:700;font-family:Courier New,monospace}.wallet-actions{display:flex;gap:12px;align-items:center}.skip-button{padding:10px 24px;background:none;border:1px solid rgba(255,255,255,.15);border-radius:10px;color:#ffffff80;font-size:13px;cursor:pointer;transition:all .2s}.skip-button:hover{color:#fffc;border-color:#ffffff4d}.skip-button.hidden{display:none}.token-gate{width:100%;padding:16px 20px;background:#ffffff08;border:1px solid rgba(255,255,255,.1);border-radius:12px;display:flex;flex-direction:column;gap:10px}.token-gate.hidden{display:none}.token-gate.token-pass{border-color:#2ecc7166;background:#2ecc710d}.token-gate.token-fail{border-color:#e74c3c66;background:#e74c3c0d}.token-gate-header{display:flex;justify-content:space-between;align-items:center}.token-gate-symbol{color:gold;font-size:16px;font-weight:800;letter-spacing:1px}.token-gate-req{color:#ffffff80;font-size:12px}.token-gate-balance{display:flex;justify-content:space-between;align-items:center}.token-balance-label{color:#ffffff80;font-size:12px}.token-balance-val{color:#fff;font-size:14px;font-weight:700;font-family:Courier New,monospace}.token-gate-status{text-align:center}.token-status-pass{color:#2ecc71;font-size:13px;font-weight:700}.token-status-fail{color:#e74c3c;font-size:13px;font-weight:700}.token-gate-ca{display:flex;justify-content:space-between;align-items:center;padding-top:8px;border-top:1px solid rgba(255,255,255,.06)}.token-ca-label{color:#fff6;font-size:11px;text-transform:uppercase;letter-spacing:1px}.token-ca-val{color:#fff9;font-size:12px;font-family:Courier New,monospace;font-style:italic}.token-buy-link{display:block;text-align:center;color:gold;font-size:13px;font-weight:600;text-decoration:none;padding:10px;background:#ffd70014;border:1px solid rgba(255,215,0,.25);border-radius:8px;transition:all .2s}.token-buy-link:hover{background:#ffd70026;border-color:#ffd70080}.token-buy-link.hidden{display:none}.token-block-notif{display:flex;align-items:center;gap:10px;padding:12px 20px;background:#e74c3c1f;border:1px solid rgba(231,76,60,.5);border-radius:10px;color:#fff;font-size:13px;margin-top:12px;animation:shakeIn .4s ease}.token-block-notif strong{color:gold}.token-block-notif.fade-out-notif{animation:fadeOutNotif .5s ease forwards}@keyframes shakeIn{0%{transform:translate(-10px);opacity:0}25%{transform:translate(6px)}50%{transform:translate(-4px)}75%{transform:translate(2px)}to{transform:translate(0);opacity:1}}@keyframes fadeOutNotif{to{opacity:0;transform:translateY(-10px)}}.token-block-icon{display:inline-flex;flex-shrink:0}.slot-picker{position:absolute;bottom:100px;left:50%;transform:translate(-50%);background:#0f1218f5;border:1px solid rgba(255,215,0,.3);border-radius:12px;padding:14px;min-width:260px;max-width:320px;max-height:300px;z-index:200;animation:pickerSlideUp .2s ease;box-shadow:0 8px 32px #0009}@keyframes pickerSlideUp{0%{opacity:0;transform:translate(-50%) translateY(10px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.slot-picker-title{color:gold;font-size:13px;font-weight:700;letter-spacing:1px;text-transform:uppercase;margin-bottom:10px;padding-bottom:8px;border-bottom:1px solid rgba(255,215,0,.15)}.slot-picker-list{display:flex;flex-direction:column;gap:4px;max-height:200px;overflow-y:auto}.slot-picker-item{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:8px;cursor:pointer;transition:background .15s}.slot-picker-item:hover{background:#ffd7001a}.slot-picker-item.equipped{background:#ffd7000f;border:1px solid rgba(255,215,0,.2)}.spi-icon{width:28px;height:28px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.spi-icon .item-img{width:28px;height:28px}.spi-name{flex:1;color:#fff;font-size:13px;font-weight:600}.spi-tag{font-size:9px;font-weight:700;color:gold;background:#ffd70026;padding:2px 6px;border-radius:4px;text-transform:uppercase;letter-spacing:.5px}.spi-stats{color:#ffffff80;font-size:10px}.slot-picker-close{margin-top:10px;padding:8px;text-align:center;color:#ffffff80;font-size:12px;cursor:pointer;border-top:1px solid rgba(255,255,255,.06);transition:color .15s}.slot-picker-close:hover{color:#fff}.hbslot.active-slot{border-color:#fff;box-shadow:0 0 12px #ffffff80,inset 0 0 8px #ffffff1a}.zone-safe{color:#2ecc71!important}.zone-normal{color:gold!important}.zone-danger{color:#e74c3c!important;animation:dangerPulse 2s infinite}@keyframes dangerPulse{0%,to{opacity:1}50%{opacity:.6}}.pixel-icon{image-rendering:pixelated;image-rendering:crisp-edges;filter:contrast(1.25) saturate(.8) brightness(1.08) hue-rotate(8deg);-webkit-filter:contrast(1.25) saturate(.8) brightness(1.08) hue-rotate(8deg)}.hbslot .pixel-icon{filter:contrast(1.2) saturate(.85) brightness(1.1) hue-rotate(8deg)}.tutorial-hud{position:absolute;top:50px;left:50%;transform:translate(-50%);background:#0a0e14eb;border:1px solid rgba(255,215,0,.4);border-radius:10px;padding:12px 20px;min-width:240px;text-align:center;pointer-events:none;z-index:50}.tut-title{color:gold;font-size:11px;font-weight:800;letter-spacing:2px;margin-bottom:6px}.tut-task{color:#fff;font-size:14px;font-weight:600;margin-bottom:8px}.tut-bar{height:6px;background:#ffffff1a;border-radius:3px;overflow:hidden;margin-bottom:6px}.tut-fill{height:100%;background:linear-gradient(90deg,gold,#ffab00);border-radius:3px;transition:width .3s}.tut-hint{color:#ffffff73;font-size:11px}.tut-complete{color:#2ecc71;font-size:14px;font-weight:700}.tutorial-popup{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:#0c1018f5;border:2px solid rgba(255,215,0,.5);border-radius:16px;padding:28px 32px;min-width:320px;max-width:380px;text-align:center;z-index:300;animation:tpopIn .4s ease;box-shadow:0 12px 40px #000000b3,0 0 30px #ffd7001a}@keyframes tpopIn{0%{opacity:0;transform:translate(-50%,-50%) scale(.9)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}.tutorial-popup.tpop-fadeout{animation:tpopOut .4s ease forwards}@keyframes tpopOut{to{opacity:0;transform:translate(-50%,-50%) scale(.95)}}.tpop-header{color:gold;font-size:11px;font-weight:800;letter-spacing:3px;margin-bottom:12px}.tpop-title{color:#fff;font-size:20px;font-weight:700;margin-bottom:10px}.tpop-desc{color:#fff9;font-size:13px;line-height:1.5;margin-bottom:16px}.tpop-rewards{display:flex;justify-content:center;gap:12px;margin-bottom:20px}.tpop-reward{font-size:11px;font-weight:700;color:gold;background:#ffd7001a;border:1px solid rgba(255,215,0,.25);padding:4px 10px;border-radius:6px}.tpop-buttons{display:flex;gap:12px;justify-content:center}.tpop-accept{padding:12px 32px;background:linear-gradient(135deg,gold,#ffab00);border:none;border-radius:10px;color:#1a1a2e;font-size:14px;font-weight:800;letter-spacing:1px;cursor:pointer;transition:all .2s;box-shadow:0 3px #c8a200}.tpop-accept:hover{transform:translateY(-2px);box-shadow:0 5px #c8a200}.tpop-decline{padding:12px 24px;background:none;border:1px solid rgba(255,255,255,.15);border-radius:10px;color:#ffffff80;font-size:13px;cursor:pointer;transition:all .2s}.tpop-decline:hover{border-color:#ffffff4d;color:#fffc}.building-panel{min-width:360px;max-width:420px}.building-npc{display:flex;align-items:center;gap:12px;padding:12px;background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:10px;margin-bottom:16px}.bnpc-avatar{width:40px;height:40px;border-radius:50%;flex-shrink:0}.bnpc-info{flex:1}.bnpc-name{color:gold;font-size:14px;font-weight:700}.bnpc-dialog{color:#ffffff8c;font-size:12px;font-style:italic;margin-top:2px}.bank-grid{display:flex;flex-direction:column;gap:6px}.bank-row{display:flex;align-items:center;gap:8px;padding:8px 10px;background:#ffffff08;border-radius:8px}.bank-item-name{color:#fff;font-size:13px;font-weight:600;min-width:80px}.bank-counts{flex:1;color:#ffffff80;font-size:11px;font-family:Courier New,monospace}.bank-btn{padding:4px 10px;border:1px solid rgba(255,255,255,.15);border-radius:6px;background:#ffffff0d;color:#fff;font-size:11px;cursor:pointer;transition:all .15s}.bank-btn:hover{background:#ffd70026;border-color:#ffd70066}.bank-btn.deposit{color:#2ecc71;border-color:#2ecc714d}.bank-btn.withdraw{color:#e74c3c;border-color:#e74c3c4d}.bshop-list{display:flex;flex-direction:column;gap:6px}.bshop-item{display:flex;align-items:center;gap:10px;padding:10px 12px;background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:8px;cursor:pointer;transition:all .15s}.bshop-item:hover{background:#ffd70014;border-color:#ffd7004d}.bshop-icon{width:28px;height:28px;display:flex;align-items:center;justify-content:center}.bshop-name{flex:1;color:#fff;font-size:13px;font-weight:600}.bshop-price{font-size:13px;font-weight:700}.tavern-heal{text-align:center;padding:12px;background:#2ecc710d;border:1px solid rgba(46,204,113,.2);border-radius:10px}.tavern-heal-btn{padding:10px 24px;background:linear-gradient(135deg,#2ecc71,#27ae60);border:none;border-radius:8px;color:#fff;font-size:14px;font-weight:700;cursor:pointer;transition:all .2s;box-shadow:0 3px #1e8449}.tavern-heal-btn:hover{transform:translateY(-1px);box-shadow:0 4px #1e8449}.bank-layout{display:flex;gap:12px}.bank-section{flex:1;min-width:0}.bank-section-title{color:gold;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:1px;margin-bottom:8px;padding-bottom:6px;border-bottom:1px solid rgba(255,215,0,.15)}.bank-divider{width:1px;background:#ffffff1a}.bank-item-list{display:flex;flex-direction:column;gap:4px;max-height:250px;overflow-y:auto}.bank-item-row{display:flex;align-items:center;gap:6px;padding:6px 8px;background:#ffffff08;border:1px solid rgba(255,255,255,.06);border-radius:6px;transition:background .15s}.bank-item-row:hover{background:#ffd7000f}.bank-item-icon{width:22px;height:22px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.bank-item-icon .item-img{width:22px;height:22px}.bank-item-row .bank-item-name{flex:1;font-size:11px;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bank-item-qty{color:#ffffff80;font-size:11px;font-family:Courier New,monospace}.bank-item-row .bank-btn{padding:3px 8px;font-size:10px;white-space:nowrap}.bank-empty{color:#ffffff4d;font-size:12px;text-align:center;padding:20px 8px;font-style:italic}.trader-tabs{display:flex;gap:8px;margin-bottom:12px}.trader-tab{flex:1;padding:8px;border:1px solid rgba(255,255,255,.15);border-radius:8px;background:#ffffff08;color:#fff9;font-size:12px;font-weight:700;cursor:pointer;transition:all .15s}.trader-tab.active{background:#ffd7001a;border-color:#ffd70066;color:gold}.trader-content.hidden{display:none}.trader-row{display:flex;align-items:center;gap:8px;padding:6px 8px;background:#ffffff08;border-radius:6px;margin-bottom:4px}.trader-icon{width:22px;height:22px;display:flex;align-items:center;justify-content:center}.trader-icon .item-img{width:22px;height:22px}.trader-name{flex:1;color:#fff;font-size:12px}.trader-qty{color:#ffffff80;font-size:11px;font-family:Courier New,monospace}.trader-price{color:gold;font-size:12px;font-weight:700}.trader-row .bank-btn:disabled{opacity:.3;cursor:not-allowed}.bshop-details{flex:1;display:flex;flex-direction:column;gap:2px}.bshop-desc{color:#ffffff73;font-size:10px}.bshop-cost{font-size:10px;display:flex;gap:4px;flex-wrap:wrap}.bshop-item.cannot-afford{opacity:.5}.cosmetics-panel-v2{min-width:520px;max-width:580px}.cos-layout{display:flex;gap:16px}.cos-options-col{flex:1;min-width:0}.cos-preview-col{width:200px;display:flex;flex-direction:column;align-items:center;gap:6px}#cos-preview-canvas{border-radius:10px;background:linear-gradient(180deg,#1a1a2e,#2a2a4e);border:1px solid rgba(255,215,0,.2)}.cos-preview-label{color:#fff6;font-size:11px;text-transform:uppercase;letter-spacing:1px}.cos-opt-list{display:flex;flex-direction:column;gap:4px;max-height:120px;overflow-y:auto}.cos-opt-item{display:flex;align-items:center;gap:10px;padding:6px 10px;border-radius:6px;border:1px solid rgba(255,255,255,.06);cursor:pointer;transition:all .15s}.cos-opt-item:hover{background:#ffd7000f;border-color:#ffd70033}.cos-opt-item.active{background:#ffd7001a;border-color:gold}.cos-opt-swatch{width:20px;height:20px;border-radius:4px;flex-shrink:0}.cos-opt-name{color:#fff;font-size:12px}.cos-save-btn{width:100%;margin-top:12px;padding:12px;background:linear-gradient(135deg,gold,#ffab00);border:none;border-radius:8px;color:#1a1a2e;font-size:14px;font-weight:800;letter-spacing:1px;cursor:pointer;transition:all .2s;box-shadow:0 3px #c8a200}.cos-save-btn:hover{transform:translateY(-1px);box-shadow:0 4px #c8a200}.cos-shape-tag{font-size:9px;color:#ffffff59;margin-left:auto;text-transform:uppercase;letter-spacing:.5px}#dashboard-page{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:9998;overflow-y:auto;background:#12141a}#dashboard-page .landing-bg,#dashboard-page.hidden{display:none}.dashboard-content{position:relative;z-index:2;max-width:900px;margin:80px auto 40px;padding:0 24px}.dash-header h2{color:gold;font-size:24px;font-weight:800;letter-spacing:2px;margin:0 0 20px}.dash-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.dash-card{background:#0006;border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:16px 20px}.dash-card-title{color:gold;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:1px;margin-bottom:12px;padding-bottom:8px;border-bottom:1px solid rgba(255,215,0,.15)}.dash-hero-info{display:flex;gap:16px;align-items:flex-start}.dash-hero-avatar{width:60px;height:60px;background:#ffd7001a;border-radius:10px;border:2px solid rgba(255,215,0,.3)}.dash-hero-stats{flex:1;display:flex;flex-direction:column;gap:4px}.dash-stat-row{display:flex;justify-content:space-between;align-items:center;padding:3px 0}.dash-stat-label{color:#ffffff80;font-size:12px}.dash-stat-val{color:#fff;font-size:13px;font-weight:700}.dash-res-grid{display:grid;grid-template-columns:1fr 1fr;gap:6px}.dash-res-item{display:flex;justify-content:space-between;padding:6px 10px;background:#ffffff08;border-radius:6px}.dash-res-name{color:#ffffffb3;font-size:12px}.dash-res-count{color:gold;font-size:12px;font-weight:700}.dash-items-list{display:flex;flex-direction:column;gap:4px;max-height:150px;overflow-y:auto}.dash-item-row{color:#ffffffb3;font-size:12px;padding:4px 8px;background:#ffffff08;border-radius:4px}.dash-wallet-addr{color:#ffffff80;font-size:12px;font-family:Courier New,monospace}.nav-link.active{color:gold}#docs-page{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:9998;overflow-y:auto;background:#12141a}#docs-page .landing-bg,#docs-page.hidden{display:none}.docs-content{position:relative;z-index:2;display:flex;max-width:960px;margin:70px auto 40px;padding:20px 24px;gap:24px}.docs-sidebar{width:180px;flex-shrink:0;position:sticky;top:80px;align-self:flex-start}.docs-nav-title{color:gold;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:1px;margin-bottom:12px}.docs-nav-btn{display:block;width:100%;text-align:left;padding:8px 12px;border:none;border-radius:6px;background:transparent;color:#fff9;font-size:13px;cursor:pointer;margin-bottom:4px;transition:all .15s}.docs-nav-btn:hover{background:#ffffff0d;color:#fff}.docs-nav-btn.active{background:#ffd7001a;color:gold;font-weight:600}.docs-main{flex:1;min-width:0}.docs-section{color:#fffc;line-height:1.7}.docs-section.hidden{display:none}.docs-section h2{color:gold;font-size:22px;margin:0 0 12px}.docs-section h3{color:#fff;font-size:15px;margin:16px 0 8px}.docs-section p{font-size:14px;margin:0 0 12px}.docs-section ol,.docs-section ul{padding-left:20px;margin:0 0 12px}.docs-section li{font-size:13px;margin-bottom:6px}.docs-table{width:100%;border-collapse:collapse;margin:8px 0}.docs-table td{padding:8px 12px;border-bottom:1px solid rgba(255,255,255,.06);font-size:13px}.docs-table td:first-child{color:gold;font-weight:700;font-family:Courier New,monospace;width:120px}.docs-zone-list{display:flex;flex-direction:column;gap:8px}.docs-zone{padding:10px 14px;border-radius:8px;font-size:13px;border:1px solid rgba(255,255,255,.06)}.docs-zone.safe{background:#2ecc7114}.docs-zone.normal{background:#ffd7000f}.docs-zone.danger{background:#e74c3c14}.docs-zone-tag{font-size:9px;font-weight:800;letter-spacing:1px;padding:2px 6px;border-radius:4px;margin-right:8px}.docs-zone.safe .docs-zone-tag{background:#2ecc7133;color:#2ecc71}.docs-zone.normal .docs-zone-tag{background:#ffd70033;color:gold}.docs-zone.danger .docs-zone-tag{background:#e74c3c33;color:#e74c3c}.docs-changelog{display:flex;flex-direction:column;gap:16px}.changelog-entry{padding:14px 16px;background:#ffffff08;border:1px solid rgba(255,255,255,.06);border-radius:8px}.changelog-ver{color:gold;font-size:14px;font-weight:700;margin-bottom:8px}.changelog-date{color:#fff6;font-size:11px;font-weight:400;margin-left:8px}.changelog-entry ul{padding-left:18px;margin:0}.changelog-entry li{color:#ffffffb3;font-size:12px;margin-bottom:4px}.docs-zone-detail{margin-top:8px}.docs-zone-detail p{font-size:13px;color:#ffffffb3;margin:0 0 8px;line-height:1.5}.docs-zone-info{display:flex;flex-direction:column;gap:3px;padding:8px 10px;background:#0003;border-radius:6px;margin-top:6px}.docs-zone-info span{font-size:11px;color:#ffffff8c}.howtoplay-section{margin-top:40px;padding-top:30px;border-top:1px solid rgba(255,255,255,.06);width:100%;max-width:700px}.htp-title{color:gold;font-size:24px;font-weight:800;text-align:center;margin:0 0 20px;letter-spacing:2px}.htp-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:12px}.htp-card{background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:10px;padding:16px 14px;text-align:center;transition:border-color .2s}.htp-card:hover{border-color:#ffd7004d}.htp-num{width:28px;height:28px;line-height:28px;border-radius:50%;background:#ffd70026;color:gold;font-size:13px;font-weight:800;margin:0 auto 10px}.htp-card h3{color:#fff;font-size:13px;font-weight:700;margin:0 0 6px}.htp-card p{color:#ffffff80;font-size:11px;line-height:1.5;margin:0}.credit-link{color:#ffd70099;text-decoration:none}.credit-link:hover{color:gold}#landing-page{overflow-x:hidden;overflow-y:auto;align-items:center;padding-top:70px;min-height:100vh;scrollbar-width:none;-ms-overflow-style:none}#landing-page::-webkit-scrollbar{display:none}.landing-content{padding-bottom:60px;display:flex;flex-direction:column;align-items:center}.play-now-btn{padding:16px 48px;background:#e67e22;border:none;border-radius:8px;color:#fff;font-size:20px;font-weight:800;cursor:pointer;transition:all .2s;box-shadow:0 4px #c0601a;margin:8px 0}.play-now-btn:hover{background:#d35400;transform:translateY(-2px);box-shadow:0 6px #a04010}.play-now-btn:active{transform:translateY(2px);box-shadow:0 2px #c0601a}#login-page{position:fixed;top:0;left:0;width:100vw;height:100vh;display:flex;align-items:center;justify-content:center;z-index:9998;overflow:hidden}#login-page.hidden{display:none}.login-content{position:relative;z-index:2;text-align:center;display:flex;flex-direction:column;align-items:center;gap:16px;max-width:400px;width:100%;padding:0 20px}.login-title{color:gold;font-size:24px;font-weight:800;letter-spacing:2px;margin:0}.login-form{display:flex;flex-direction:column;align-items:center;gap:14px;width:100%}.nav-back-btn{padding:6px 14px;background:none;border:1px solid rgba(255,255,255,.2);border-radius:6px;color:#ffffffb3;font-size:12px;cursor:pointer;transition:all .2s}.nav-back-btn:hover{border-color:#ffffff80;color:#fff}#howtoplay-page{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:9998;overflow-y:auto;background:linear-gradient(180deg,#2a4a6a,#1a3a5a)}#howtoplay-page.hidden{display:none}.htp-page-content{display:flex;max-width:1000px;margin:70px auto 40px;padding:20px;gap:24px}.htp-page-sidebar{width:180px;flex-shrink:0;position:sticky;top:80px;align-self:flex-start}.htp-sidebar-title{color:#ffffff80;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:2px;margin-bottom:12px}.htp-sidebar-btn{display:block;width:100%;text-align:left;padding:8px 12px;border:none;border-radius:6px;background:transparent;color:#ffffffb3;font-size:13px;cursor:pointer;margin-bottom:3px;transition:all .15s}.htp-sidebar-btn:hover{background:#ffffff14;color:#fff}.htp-sidebar-btn.active{background:#ffffff1f;color:#fff;font-weight:600}.htp-page-main{flex:1;background:#ffffff0f;border-radius:12px;padding:28px 32px}.htp-tab-buttons{display:flex;gap:8px;margin-bottom:12px}.htp-main-wrapper{flex:1;min-width:0;display:flex;flex-direction:column}.htp-tab-btn{padding:10px 24px;border:1px solid rgba(255,255,255,.15);border-radius:8px;background:#ffffff0d;color:#fff9;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease}.htp-tab-btn:hover{background:#ffffff1a;color:#fff}.htp-tab-btn.active{background:#ffffff26;color:#fff;border-color:#ffffff4d}.htp-section.hidden{display:none}.htp-section-label{color:#fff6;font-size:11px;font-weight:700;letter-spacing:2px;text-transform:uppercase;margin-bottom:8px}.htp-section h1{color:#fff;font-size:28px;font-weight:800;margin:0 0 12px}.htp-intro{color:#ffffffb3;font-size:14px;line-height:1.6;margin-bottom:20px}.htp-section h2{color:#fff;font-size:18px;font-weight:800;margin:24px 0 10px;text-transform:uppercase;letter-spacing:1px}.htp-section h3{color:#ffffffe6;font-size:14px;font-weight:700;margin:16px 0 8px}.htp-section p{color:#ffffffbf;font-size:13px;line-height:1.6;margin:0 0 10px}.htp-section ul,.htp-section ol{padding-left:18px;margin:0 0 12px}.htp-section li{color:#ffffffbf;font-size:13px;margin-bottom:5px;line-height:1.5}.htp-icons-row{display:flex;gap:12px;flex-wrap:wrap;margin:16px 0 24px;padding:14px;background:#ffffff0d;border-radius:8px}.htp-icon-item{display:flex;flex-direction:column;align-items:center;gap:4px}.htp-icon-box{width:40px;height:40px;background:#ffffff1a;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:20px}.htp-icon-item span{font-size:9px;color:#ffffff80;text-transform:uppercase}.htp-tip{padding:10px 14px;background:#ffd70014;border-left:3px solid #ffd700;border-radius:4px;color:#fffc;font-size:12px;margin:12px 0}.htp-table{width:100%;border-collapse:collapse}.htp-table td{padding:8px 12px;border-bottom:1px solid rgba(255,255,255,.06);font-size:13px;color:#ffffffbf}.htp-table td:first-child{color:gold;font-weight:700;font-family:Courier New,monospace;width:130px}.htp-changelog-entry{padding:12px 14px;background:#ffffff0a;border-radius:8px;margin-bottom:12px}.htp-changelog-entry h3{color:gold;margin:0 0 8px}.htp-changelog-entry li{font-size:12px}