html,body{margin:0;overflow:hidden;height:100%;width:100%;background:#2c3e50;font-family:Courier New,monospace;-webkit-user-select:none;-ms-user-select:none;user-select:none}body{position:relative}#settings-btn{position:absolute;top:10px;left:10px;width:44px;height:44px;background:#00000080;border:2px solid rgba(255,255,255,.3);border-radius:8px;color:#fff;font-size:22px;line-height:1;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:50;user-select:none;-webkit-user-select:none;touch-action:manipulation}#settings-btn:hover{background:#ffeb3b26;border-color:#ffeb3b99}#fullscreen-btn{position:absolute;top:10px;left:60px;width:44px;height:44px;background:#00000080;border:2px solid rgba(255,255,255,.3);border-radius:8px;color:#fff;font-size:22px;line-height:1;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:50;user-select:none;-webkit-user-select:none;touch-action:manipulation}#fullscreen-btn:hover,#fullscreen-btn.active{background:#ffeb3b26;border-color:#ffeb3b99}#settings-modal{position:absolute;top:0;left:0;width:100%;height:100%;background:#000000b3;display:none;align-items:center;justify-content:center;z-index:1500}#settings-box{width:420px;max-width:92%;max-height:85%;overflow-y:auto;background:linear-gradient(180deg,#19191ef7,#121216fa);border:1px solid rgba(100,100,110,.25);border-radius:16px;padding:20px 24px;box-sizing:border-box;color:#fff;font-family:Courier New,monospace;animation:loginBoxEntrance .3s ease-out}.settings-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px;padding-bottom:8px;border-bottom:2px solid rgba(255,235,59,.3)}.settings-header span{color:#ffeb3b;font-size:18px;font-weight:700;letter-spacing:2px;text-shadow:0 0 8px rgba(255,235,59,.4),1px 1px 2px black}.settings-section-title{color:#ffeb3b;font-size:13px;font-weight:700;letter-spacing:1px;margin:16px 0 8px;text-shadow:1px 1px 2px black}.settings-row{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:8px}.settings-row label{font-size:14px;color:#e0ddd5;text-shadow:1px 1px 2px rgba(0,0,0,.5)}.settings-row select{pointer-events:auto;cursor:pointer;padding:6px 10px;border-radius:4px;background:#000c;color:#fff;border:1px solid rgba(255,255,255,.3);font-family:Courier New,monospace;font-size:14px;outline:none}.settings-keys{background:#0000004d;border:1px solid rgba(255,255,255,.15);border-radius:6px;padding:10px 14px;font-size:13px;line-height:1.7;color:#e0ddd5;text-shadow:1px 1px 2px rgba(0,0,0,.5)}#settings-done{margin-top:18px}#stats-container{position:absolute;top:0;right:10px;text-align:right;font-family:monospace;font-size:14px;text-shadow:1px 1px 2px black;z-index:11;pointer-events:none}#fps-counter,#ping{color:#0f0}#coords-display{color:#fff}#timer-display{position:absolute;top:0;left:50%;transform:translate(-50%);color:#fff;font-size:24px;font-weight:700;text-shadow:2px 2px 4px black;z-index:11;pointer-events:none}#compassBackground{position:absolute;width:54px;height:54px;top:23px;left:50%;transform:translate(-50%);z-index:11;pointer-events:none;display:block;background-image:url(/textures/compass/c_b.png);background-size:cover}#compass{position:absolute;width:50px;height:50px;top:25px;left:50%;transform:translate(-50%);z-index:11;pointer-events:none;display:block}#compassPlot,#compassFriend{position:absolute;width:50px;height:50px;top:25px;left:50%;transform:translate(-50%);z-index:12;pointer-events:none;display:block}#crosshair{position:absolute;top:50%;left:50%;width:16px;height:16px;border:2px solid white;transform:translate(-50%,-50%);pointer-events:none;z-index:10;border-radius:50%;opacity:.8}#hotbar{position:absolute;bottom:20px;left:50%;transform:translate(-50%);display:flex;gap:5px;background:#0009;padding:8px;border-radius:8px;z-index:10}.slot{width:50px;height:50px;border:2px solid #444;border-radius:7px;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#fff;font-size:12px;cursor:pointer;transition:.2s;text-align:center;position:relative}.slot.active{border-color:#fff;background-color:#ffffff4d;box-shadow:0 0 10px #fff}.slot .name{position:absolute;top:2px;left:50%;transform:translate(-50%);font-weight:700;color:#fff;text-shadow:1px 1px 2px black}.slot .count{font-size:14px;position:absolute;bottom:2px;right:2px;font-weight:700;color:#fff;text-shadow:1px 1px 2px black}.slot .shortcut{position:absolute;bottom:2px;right:2px;font-weight:700;color:#fff;text-shadow:1px 1px 2px black}.cantUse{display:block}.cantUse:first-letter{color:red!important}.affix1{font-size:13px;color:#fff;background:#0000008c;padding:1px 5px;border-radius:10px}.affix2{font-size:13px;color:#fff;background:#0000ff8c;padding:1px 5px;border-radius:10px}.affix3{font-size:13px;color:#000;background:#00ff008c;padding:1px 5px;border-radius:10px}.affix4{font-size:13px;color:#fff;background:#ffeb3b8c;padding:1px 5px;border-radius:10px}.affix5{font-size:13px;color:#fff;background:#ffa5008c;padding:1px 5px;border-radius:10px}#controls{position:absolute;bottom:20px;left:20px;display:flex;gap:10px;z-index:10}.btn{width:60px;height:60px;background:#0006;border:2px solid white;border-radius:10px;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;user-select:none;pointer-events:auto;touch-action:none;cursor:pointer}body>canvas{position:absolute;top:0;left:0;image-rendering:pixelated}#login-screen{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,#0d0d0f,#121214 40%,#151518,#1a1a1e);display:flex;align-items:center;justify-content:center;z-index:100;color:#fff;overflow:hidden}.login-bg-slide{position:absolute;top:0;left:0;width:100%;height:100%;background-size:cover;background-position:center;opacity:0;z-index:0;pointer-events:none;transition:opacity 2s linear}#login-box{position:relative;z-index:1;background:linear-gradient(180deg,#19191eb3,#121216bf);padding:28px;border-radius:16px;text-align:center;border:1px solid rgba(100,100,110,.15);max-width:420px;width:90%;max-height:92%;overflow-y:auto;animation:loginBoxEntrance .6s ease-out;backdrop-filter:blur(10px)}.login-demo-badge{position:absolute;top:10px;right:12px;z-index:2;padding:5px 12px;background:linear-gradient(135deg,#ffeb3b,#ffc107);color:#1a1a1e;font-size:14px;font-weight:700;letter-spacing:2px;border-radius:8px;transform:rotate(6deg);box-shadow:0 4px 12px #00000080,0 0 18px #ffeb3b73;pointer-events:none}@keyframes loginBoxEntrance{0%{opacity:0;transform:translateY(-20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}#header_kraftkube{font-size:32px;font-weight:700;letter-spacing:4px;color:#fff;text-shadow:0 0 10px rgba(200,200,210,.8),0 0 30px rgba(200,200,210,.4),0 0 60px rgba(200,200,210,.2);margin-bottom:8px;color:#ffeb3b;text-shadow:0 0 10px #FFD700,0 0 20px #FFD700,0 0 30px #FFA500,0 0 40px #FFA500;animation:kraftkubeGlow 4.5s ease-in-out infinite alternate}.section-divider{border:none;height:1px;background:linear-gradient(90deg,transparent,rgba(255,235,59,.3),transparent);margin:8px 0}.section-title{color:#b0b0b0;font-size:16px;font-weight:700;letter-spacing:1px;margin:10px 0 8px}.form-group{display:flex;flex-direction:column;align-items:stretch;margin-bottom:10px;text-align:left}.form-group label{font-size:13px;color:#9a9a9a;margin-bottom:5px;letter-spacing:.5px}.form-row{display:flex;gap:12px}.form-half{flex:1;display:flex;flex-direction:column}#login-box input[type=text],#login-box input[type=password]{width:100%;padding:8px 12px;font-size:15px;font-family:Courier New,monospace;background:#0000004d;border:1px solid rgba(120,120,130,.2);border-radius:8px;color:#ffeb3b;outline:none;transition:all .3s ease;box-sizing:border-box}#login-box input[type=text]:focus,#login-box input[type=password]:focus{border-color:#78788280;background:#0006;box-shadow:0 0 12px #7878821a}#login-box input::placeholder{color:#ffffff4d}#login-box select{width:100%;padding:8px 12px;font-size:14px;font-family:Courier New,monospace;background:#0009;border:1px solid rgba(120,120,130,.2);border-radius:8px;color:#fff;outline:none;cursor:pointer;transition:all .3s ease;box-sizing:border-box}#login-box select:focus{border-color:#78788280;background:#0009;box-shadow:0 0 12px #7878821a}.login-btn{width:100%;padding:10px 20px;font-size:16px;font-family:Courier New,monospace;font-weight:700;letter-spacing:1px;border:none;border-radius:8px;cursor:pointer;transition:all .3s ease;margin-top:8px}.create-btn{background:linear-gradient(135deg,#4a4e54,#35383d);color:#fff;box-shadow:0 4px 15px #4a4e544d}.create-btn:hover{background:linear-gradient(135deg,#5a5e64,#4a4e54);box-shadow:0 6px 20px #4a4e5480;transform:translateY(-2px)}.create-btn:active{transform:translateY(0)}.login-btn-primary{background:linear-gradient(135deg,#5a5f66,#3e4249);color:#fff;box-shadow:0 4px 15px #5a5f664d}.login-btn-primary:hover{background:linear-gradient(135deg,#6a6f76,#5a5f66);box-shadow:0 6px 20px #5a5f6680;transform:translateY(-2px)}.login-btn-primary:active{transform:translateY(0)}#cookie-consent-modal{position:absolute;top:0;left:0;width:100%;height:100%;background:#000c;display:none;align-items:center;justify-content:center;z-index:2000}#cookie-consent-box{width:420px;max-width:92%;background:linear-gradient(180deg,#19191ef7,#121216fa);border:1px solid rgba(100,100,110,.25);border-radius:16px;padding:24px 28px;box-sizing:border-box;color:#fff;font-family:Courier New,monospace;text-align:center;animation:loginBoxEntrance .3s ease-out}#cookie-consent-box h2{margin-top:0;font-size:24px;letter-spacing:2px;color:#ffeb3b;text-shadow:0 0 10px rgba(255,235,59,.5),1px 1px 2px black}#cookie-consent-box p{font-size:14px;line-height:1.6;color:#e0ddd5;text-shadow:1px 1px 2px rgba(0,0,0,.5)}#username-input{padding:10px;font-size:18px;border-radius:5px;border:none;margin-bottom:20px;width:200px;text-align:center}#server-info-stack{position:absolute;top:20px;right:0;width:250px;display:flex;flex-direction:column;gap:5px;z-index:10;pointer-events:none}#server-info-stack>div{pointer-events:auto}#high-score-container{position:relative;width:250px;background:#00000080;border-radius:2px;color:#fff;font-family:monospace;padding:10px;z-index:10;border:1px solid rgba(255,255,255,.2);box-sizing:border-box;text-align:center}#high-score-list{list-style:none;padding:0;margin:5px 0 0;font-size:12px}#high-score-list li{display:flex;justify-content:space-between;margin-bottom:2px}#high-score-list li.highlight{color:#ffeb3b;font-weight:700;text-shadow:0 0 5px gold}#server-info-container{position:relative;width:250px;background:#00000080;border-radius:2px;color:#fff;font-family:monospace;padding:10px;z-index:10;border:1px solid rgba(255,255,255,.2);box-sizing:border-box;text-align:center}#server-info-list{list-style:none;padding:0;margin:5px 0 0;font-size:12px}#server-info-list li{display:flex;justify-content:space-between;margin-bottom:2px}#chat-container{position:relative;width:250px;height:200px;background:#00000080;border-radius:2px;display:flex;flex-direction:column;z-index:10;border:1px solid rgba(255,255,255,.2);overflow:hidden}#chat-messages{flex:1;overflow-y:auto;padding:6px 8px;color:#fff;font-size:12px;text-shadow:1px 1px 2px black}.chat-msg{margin-bottom:3px;line-height:1.35;word-wrap:break-word;overflow-wrap:anywhere}.chat-msg-own b{color:#ffeb3b}.chat-msg-own{background:#ffeb3b1a;border-left:2px solid rgba(255,235,59,.6);padding-left:4px}.chat-msg-server b{color:#ff8a65}.chat-msg-server{font-style:italic;background:#ff8a6514;border-left:2px solid rgba(255,138,101,.5);padding-left:4px}#chat-input{width:100%;padding:8px;background:#000c;border:none;border-top:1px solid rgba(255,255,255,.2);color:#fff;outline:none;box-sizing:border-box}#health-container{position:absolute;bottom:0;left:50%;transform:translate(-50%);width:300px;height:20px;background:#00000080;border:2px solid #000000;border-radius:2px;z-index:11;overflow:hidden;display:flex;align-items:center;justify-content:center}#health-username{position:absolute;width:100%;text-align:center;color:#fff;font-weight:700;font-size:12px;text-shadow:1px 1px 2px black;z-index:12;pointer-events:none}#health-bar{width:100%;height:100%;background:#f44;transition:width .3s ease}@keyframes healthPulse{0%{background:#fff;border:2px solid red}50%{background:red}to{background:#f44}}#health-bar.health-pulse,#health-container.health-pulse{animation:healthPulse .5s ease-out}@keyframes goldPulse{0%,to{border-color:#ffeb3b}50%{border-color:#000}}.border-goldPulse{animation:goldPulse 2s ease-in-out infinite!important}#death-screen{position:absolute;top:0;left:0;width:100%;height:100%;background:#141414e6;display:none;align-items:center;justify-content:center;z-index:1000;color:red;font-size:48px;font-weight:700;text-shadow:0 0 10px red;pointer-events:none;letter-spacing:5px}#epoch-toast{position:absolute;top:100px;left:50%;transform:translate(-50%);background:#000c;color:#ffeb3b;padding:20px 40px;border-radius:10px;font-size:32px;font-weight:700;text-shadow:2px 2px 4px black;z-index:100;display:none;border:2px solid #ffeb3b;pointer-events:none}#world-generation-overlay{display:none;position:absolute;top:0;left:0;width:100%;height:100%;background:#000000d9;z-index:999999;justify-content:center;align-items:center;flex-direction:column}#world-generation-box{background:#1a1a2e;border:3px solid #ffcc00;border-radius:15px;padding:40px 60px;text-align:center;box-shadow:0 0 30px #ffcc0080}#world-generation-box h2{color:#fc0;margin:0 0 25px;font-size:28px;text-shadow:0 0 10px rgba(255,204,0,.7);font-family:Arial,sans-serif}#progress-bar-container{width:400px;height:30px;background:#0a0a15;border:2px solid #444;border-radius:15px;overflow:hidden;margin:0 auto}#progress-bar-fill{width:0%;height:100%;background:linear-gradient(90deg,#fc0,#f80);border-radius:13px;transition:width .3s ease-out}#progress-percentage{color:#fff;font-size:20px;margin-top:15px;font-family:Arial,sans-serif;font-weight:700}@keyframes kraftkubeGlow{0%{text-shadow:0 0 5px #ffeb3b,0 0 10px #FFD700,0 0 15px #FFA500;opacity:.8}to{text-shadow:0 0 10px #ffeb3b,0 0 30px #FFD700,0 0 40px #FFA500,0 0 50px #FFA500,0 0 60px #FF8C00;opacity:1}}@keyframes fadeInOut{0%{opacity:0;transform:translate(-50%,-20px)}10%{opacity:1;transform:translate(-50%)}90%{opacity:1;transform:translate(-50%)}to{opacity:0;transform:translate(-50%,-20px)}}#touch-controls{position:absolute;top:0;left:0;width:100%;height:100%;z-index:20;pointer-events:none}#dyn-joy-base{position:absolute;width:120px;height:120px;margin-left:-60px;margin-top:-60px;border-radius:50%;background:#ffffff0a;border:1px solid rgba(255,255,255,.12);opacity:0;transition:opacity .25s ease-out;pointer-events:none;touch-action:none}#dyn-joy-base.joy-visible{opacity:1;transition-duration:.08s}#dyn-joy-knob{width:50px;height:50px;border-radius:50%;background:#ffffff1a;border:1px solid rgba(255,255,255,.25);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);pointer-events:none;touch-action:none}#move-modifiers{position:absolute;left:12px;bottom:78px;display:flex;gap:6px;pointer-events:auto}#action-buttons{position:absolute;right:12px;bottom:78px;display:flex;gap:6px;pointer-events:auto}.touch-action-btn{width:40px;height:40px;border-radius:50%;background:#ffffff1a;border:2px solid rgba(255,255,255,.3);display:flex;align-items:center;justify-content:center;color:#fff;font-size:11px;font-weight:700;user-select:none;touch-action:none;cursor:pointer;text-shadow:1px 1px 2px black}.touch-action-btn:active,.touch-action-btn.btn-active{background:#3232ffb3}#btn-jump{background:#7878821a;border-color:#64c8ff66}#btn-attack{background:#ff505026;border-color:#ff505066}#emote-modal{position:absolute;top:0;left:0;width:100%;height:100%;background:#0006;display:none;align-items:center;justify-content:center;z-index:1000}#emote-box{width:200px;background:#00000080;border-radius:2px;color:#fff;font-family:monospace;padding:10px;border:1px solid rgba(255,255,255,.2);box-sizing:border-box;text-align:center}.emote-header{font-weight:700;border-bottom:1px solid rgba(255,255,255,.3);padding-bottom:5px;margin-bottom:5px}#emote-select{width:100%;padding:5px;background:#000c;color:#fff;border:1px solid rgba(255,255,255,.3);border-radius:2px;font-family:monospace;font-size:14px;outline:none;cursor:pointer}#message-modal{position:absolute;top:0;left:0;width:100%;height:100%;background:#000000b3;display:none;align-items:center;justify-content:center;z-index:3000}#message-box{background:linear-gradient(180deg,#19191ef2,#121216fa);padding:28px;border-radius:16px;text-align:center;box-shadow:0 0 40px #64646e1a,0 20px 60px #00000080,inset 0 1px #ffffff0d;border:1px solid rgba(100,100,110,.15);max-width:400px;width:85%;max-height:85%;display:flex;flex-direction:column;animation:loginBoxEntrance .3s ease-out;backdrop-filter:blur(10px)}#message-text{color:#fff;font-family:Courier New,monospace;font-size:16px;line-height:1.5;margin-bottom:20px;white-space:pre-line;text-shadow:1px 1px 2px rgba(0,0,0,.5);flex:1 1 auto;min-height:0;overflow-y:auto}#sign-post-modal{position:absolute;top:0;left:0;width:100%;height:100%;background:#000000b3;display:none;align-items:center;justify-content:center;z-index:2000}#sign-post-box{position:relative;width:500px;max-width:90%;background:#3e2723;border:4px solid #5d4037;border-radius:4px;padding:0;box-shadow:0 8px 32px #0009,inset 0 0 20px #0000004d;font-family:Courier New,monospace}#sign-post-box:before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(90deg,rgba(0,0,0,.05) 0px,rgba(0,0,0,.05) 1px,transparent 1px,transparent 8px);pointer-events:none;border-radius:2px}.sign-post-header{background:#4e342e;color:#ffeb3b;font-weight:700;font-size:18px;padding:12px 16px;text-align:center;border-bottom:3px solid #5d4037;text-shadow:1px 1px 2px black;letter-spacing:2px}#sign-post-message{color:#efebe9;font-size:16px;padding:20px 16px;text-align:center;line-height:1.5;min-height:40px;text-shadow:1px 1px 2px rgba(0,0,0,.5)}#sign-post-close{display:block;margin:10px auto 16px;padding:8px 32px;background:#5d4037;color:#ffeb3b;border:2px solid #795548;border-radius:3px;font-family:Courier New,monospace;font-size:16px;font-weight:700;cursor:pointer;text-shadow:1px 1px 2px black;transition:background .15s}#friend-modal{position:absolute;top:0;left:0;width:100%;height:100%;background:#000000b3;display:none;align-items:center;justify-content:center;z-index:2000}#friend-box{background:linear-gradient(180deg,#19191ef7,#121216fa);padding:24px;border-radius:16px;box-shadow:0 0 40px #64646e1a,0 20px 60px #00000080,inset 0 1px #ffffff0d;border:1px solid rgba(100,100,110,.15);max-width:480px;width:90%;max-height:75%;overflow-y:auto;animation:loginBoxEntrance .3s ease-out;backdrop-filter:blur(10px);font-family:Courier New,monospace}#friend-content{color:#fff}.friend-headerRow{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.friend-header{font-weight:700;font-size:18px;color:#ffeb3b;letter-spacing:2px;text-shadow:0 0 10px rgba(255,235,59,.5)}#btn_closeFriends{padding:6px 20px;background:#5d4037;color:#ffeb3b;border:2px solid #795548;border-radius:3px;font-family:Courier New,monospace;font-size:14px;font-weight:700;cursor:pointer;text-shadow:1px 1px 2px black;transition:background .15s}#btn_closeFriends:hover{background:#6d4c41}.friend-pulse{animation:friendBtnPulse 1s ease-in-out infinite}@keyframes friendBtnPulse{0%,to{box-shadow:0 0 4px #ffeb3b66;transform:scale(1)}50%{box-shadow:0 0 14px #ffeb3be6;transform:scale(1.06)}}.friend-row{display:flex;align-items:center;gap:8px;padding:8px 10px;margin-bottom:6px;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:6px}.friend-row[data-friend-user-id]{cursor:pointer;transition:background .15s,border-color .15s}.friend-row[data-friend-user-id]:hover{background:#ffffff17;border-color:#ffeb3b59}.friend-row[data-friend-user-id]:has(.btn-friend-compass:disabled){cursor:default}.friend-row[data-friend-user-id]:has(.btn-friend-compass:disabled):hover{background:#ffffff0a;border-color:#ffffff14}.online-dot{width:10px;height:10px;min-width:10px;border-radius:50%;background:#555;box-shadow:0 0 4px #0009}.online-dot.on{background:#4caf50;box-shadow:0 0 6px #4caf50cc}.friend-name{flex:1;font-weight:700;color:#fff;text-shadow:1px 1px 2px black;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.friend-level{color:#ffeb3b;font-size:13px;min-width:40px;text-align:right;text-shadow:1px 1px 2px black}.btn-friend-accept,.btn-friend-decline,.btn-friend-remove,.btn-friend-compass{padding:5px 12px;border-radius:3px;font-family:Courier New,monospace;font-size:13px;font-weight:700;cursor:pointer;text-shadow:1px 1px 2px black;transition:background .15s,transform .1s}.btn-friend-accept{background:#2e7d32;color:#fff;border:1px solid #4caf50}.btn-friend-accept:hover{background:#388e3c;transform:scale(1.05)}.btn-friend-decline{background:#6d4c41;color:#fff;border:1px solid #8d6e63}.btn-friend-decline:hover{background:#795548;transform:scale(1.05)}.btn-friend-compass{background:#1a237e;color:#fff;border:1px solid #3949ab;padding:4px 8px;font-size:12px;line-height:1.2}.btn-friend-compass:hover{background:#283593;transform:scale(1.05)}.btn-friend-compass.active{background:#f9a825;color:#000;border-color:#ffeb3b;box-shadow:0 0 8px #ffeb3b99}.btn-friend-compass.active:hover{background:#fbc02d;transform:scale(1.05)}.btn-friend-compass:disabled{opacity:.4;cursor:not-allowed;transform:none}.btn-friend-remove{background:#b71c1c;color:#fff;border:1px solid #e53935;padding:4px 8px;font-size:12px;line-height:1.2}.btn-friend-remove:hover{background:#d32f2f;transform:scale(1.05)}.btn-friend-compass,.btn-friend-remove{width:36px;height:30px;display:inline-flex;align-items:center;justify-content:center;padding:0}.btn-friend-remove.confirm{background:#e53935;border-color:#ff8a80;font-size:12px;white-space:nowrap;width:auto;min-width:36px;padding:0 8px;animation:friendRemovePulse .6s ease-in-out infinite alternate}@keyframes friendRemovePulse{0%{transform:scale(1)}to{transform:scale(1.08)}}.friend-empty{color:#ffffff73;font-style:italic;padding:6px 4px;text-shadow:1px 1px 2px black}.friend-addRow{display:flex;align-items:center;gap:8px}#inp_friendUsername{flex:1;min-width:0;padding:8px 10px;background:#00000080;border:2px solid #795548;border-radius:3px;color:#fff;font-family:Courier New,monospace;font-size:14px}#inp_friendUsername:focus{outline:none;border-color:#ffeb3b}#btn_friendSend{flex-shrink:0;white-space:nowrap;padding:8px 14px;background:#5d4037;color:#ffeb3b;border:2px solid #795548;border-radius:3px;font-family:Courier New,monospace;font-size:14px;font-weight:700;cursor:pointer;text-shadow:1px 1px 2px black;transition:background .15s}#btn_friendSend:hover{background:#6d4c41}#avatar-info-modal{position:absolute;top:0;left:0;width:100%;height:100%;background:#000000b3;display:none;align-items:center;justify-content:center;z-index:2500}#avatar-info-box{background:linear-gradient(180deg,#19191ef2,#121216fa);padding:28px;border-radius:16px;text-align:left;box-shadow:0 0 40px #64646e1a,0 20px 60px #00000080,inset 0 1px #ffffff0d;border:1px solid rgba(100,100,110,.15);max-width:960px;width:90%;max-height:80%;overflow-y:auto;animation:loginBoxEntrance .3s ease-out;backdrop-filter:blur(10px)}#avatar-info-content{position:relative;margin-bottom:20px;min-height:350px}#avatar-info-text{position:relative;z-index:1;color:#fff;font-family:Courier New,monospace;font-size:14px;line-height:1.5;margin:0;white-space:pre-wrap;text-shadow:1px 1px 2px rgba(0,0,0,.8)}#avatar-preview-container{position:absolute;top:0;right:0;width:450px;height:450px;z-index:0;pointer-events:none}#avatar-preview-container canvas{width:100%!important;height:100%!important;display:block}.info-btn:hover{background:linear-gradient(135deg,#3a3a4e,#2a2a38)!important;box-shadow:0 6px 20px #2a2a3e80!important;transform:translateY(-2px)}.info-btn:active{transform:translateY(0)}#sign-post-close:hover{background:#6d4c41}#npc-dialog-modal{position:absolute;top:0;left:0;width:100%;height:100%;background:#000000bf;display:none;align-items:center;justify-content:center;z-index:2200}#npc-dialog-box{position:relative;width:650px;max-width:92%;max-height:80%;display:flex;flex-direction:column;background:#1a1a24;border:2px solid #3a3a4a;border-radius:6px;box-shadow:0 0 40px #000c,0 0 80px #6450c826,inset 0 1px #ffffff0d;font-family:Courier New,monospace;overflow:hidden;animation:loginBoxEntrance .3s ease-out}#npc-dialog-header{display:flex;align-items:center;justify-content:space-between;background:linear-gradient(180deg,#2a2a3e,#1e1e2e);padding:10px 16px;border-bottom:2px solid #3a3a4a}#npc-dialog-name{color:#ffeb3b;font-size:18px;font-weight:700;letter-spacing:2px;text-shadow:0 0 8px rgba(255,235,59,.4),1px 1px 2px black}.npc-dialog-x-btn{background:none;border:1px solid rgba(255,255,255,.2);color:#aaa;font-size:14px;padding:2px 8px;border-radius:3px;cursor:pointer;transition:all .15s}.npc-dialog-x-btn:hover{background:#ff50504d;color:#fff;border-color:#ff505080}#npc-dialog-body{display:flex;flex-direction:row;flex:1;overflow:hidden;min-height:250px}#npc-dialog-info{flex:1;padding:20px;color:#e0ddd5;font-size:14px;line-height:1.6;overflow-y:auto;border-right:1px solid #3a3a4a;background:#0003}#npc-dialog-info p{margin:0 0 12px;text-shadow:1px 1px 2px rgba(0,0,0,.5)}#npc-dialog-info ul{margin:8px 0;padding-left:20px}#npc-dialog-info li{margin-bottom:6px}#npc-dialog-info b{color:#ffeb3b}#npc-dialog-topics{width:180px;min-width:150px;padding:12px 0;background:linear-gradient(180deg,#141420,#1a1a28);overflow-y:auto}.npc-dialog-topic{display:block;width:100%;padding:10px 16px;background:none;border:none;color:#8a87b0;font-family:Courier New,monospace;font-size:13px;text-align:left;cursor:pointer;transition:all .15s;border-left:3px solid transparent;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.npc-dialog-topic:hover{background:#ffeb3b14;color:#c5c0ff}.npc-dialog-topic.active{background:#ffeb3b1f;color:#ffeb3b;border-left-color:#ffeb3b;text-shadow:0 0 6px rgba(255,235,59,.3)}