:root{--bg: #14121c;--panel: rgba(28, 24, 40, .92);--panel-solid: #1c1828;--edge: #3a3350;--ember: #ff8a3d;--ember-bright: #ffb066;--ash: #c9c2d8;--muted: #897f9e;--good: #6fd08c;--warn: #ffce63;--hp: #e0556b;--hunger: #e8a13c;--warmth: #ff8a3d;--stamina: #6db8e0;--font: "Trebuchet MS", "Segoe UI", system-ui, sans-serif}*{box-sizing:border-box}html,body{margin:0;padding:0;height:100%;overflow:hidden;background:var(--bg);color:var(--ash);font-family:var(--font);user-select:none;-webkit-user-select:none}#game{position:fixed;inset:0}#game canvas{display:block}#overlay{position:fixed;inset:0;pointer-events:none;z-index:10}.auth-screen{pointer-events:auto}.auth-screen{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;background:radial-gradient(ellipse at 50% 30%,rgba(255,138,61,.1),transparent 60%),radial-gradient(ellipse at 50% 120%,rgba(255,138,61,.18),transparent 55%),linear-gradient(180deg,#100e18,#1a1626 60%,#20132a)}.auth-card{width:min(92vw,420px);background:var(--panel);border:1px solid var(--edge);border-radius:16px;padding:32px 28px;box-shadow:0 24px 80px #0009,0 0 60px #ff8a3d14;backdrop-filter:blur(8px)}.title{text-align:center;margin:0 0 4px;font-size:46px;letter-spacing:6px;font-weight:800;color:var(--ember-bright);text-shadow:0 0 24px rgba(255,138,61,.55)}.tagline{text-align:center;margin:0 0 22px;color:var(--muted);font-size:13px;letter-spacing:2px;text-transform:uppercase}.field{margin-bottom:14px}.field label{display:block;font-size:12px;color:var(--muted);margin-bottom:5px;letter-spacing:1px}.field input{width:100%;padding:11px 12px;background:#110f18;border:1px solid var(--edge);border-radius:9px;color:var(--ash);font-size:15px;font-family:var(--font);outline:none;transition:border-color .15s,box-shadow .15s}.field input:focus{border-color:var(--ember);box-shadow:0 0 0 3px #ff8a3d26}.btn{width:100%;padding:12px;border:none;border-radius:9px;background:linear-gradient(180deg,var(--ember-bright),var(--ember));color:#20120a;font-weight:700;font-size:15px;letter-spacing:1px;cursor:pointer;font-family:var(--font);transition:transform .08s,filter .15s}.btn:hover{filter:brightness(1.08)}.btn:active{transform:translateY(1px)}.btn:disabled{opacity:.5;cursor:default}.btn-ghost{background:transparent;color:var(--muted);border:1px solid var(--edge);margin-top:10px}.btn-ghost:hover{color:var(--ash)}.switch{text-align:center;margin-top:16px;font-size:13px;color:var(--muted)}.switch a{color:var(--ember-bright);cursor:pointer;text-decoration:none}.error{background:#e0556b1f;border:1px solid rgba(224,85,107,.4);color:#ffadbb;padding:9px 12px;border-radius:9px;font-size:13px;margin-bottom:14px;text-align:center}.info{background:#6fd08c1f;border:1px solid rgba(111,208,140,.4);color:#b4f0c6;padding:9px 12px;border-radius:9px;font-size:13px;margin-bottom:14px;text-align:center;user-select:text;-webkit-user-select:text;overflow-wrap:anywhere}.classes{display:flex;gap:10px;margin-bottom:18px}.class-opt{flex:1;text-align:center;padding:14px 6px;border:1px solid var(--edge);border-radius:11px;cursor:pointer;background:#110f18;transition:border-color .15s,transform .08s,background .15s}.class-opt:hover{transform:translateY(-2px)}.class-opt.sel{border-color:var(--ember);background:#ff8a3d1a;box-shadow:0 0 0 2px #ff8a3d33}.class-opt .emoji{font-size:34px;display:block}.class-opt .cname{font-size:13px;margin-top:6px;color:var(--ash);font-weight:700}.class-opt .cdesc{font-size:10px;color:var(--muted);margin-top:2px}.loading{text-align:center;color:var(--muted);margin-top:14px;font-size:13px}.hud{position:fixed;inset:0;pointer-events:none;font-size:14px}.hud>*{pointer-events:auto}.meters{position:fixed;left:16px;bottom:16px;width:230px;background:var(--panel);border:1px solid var(--edge);border-radius:12px;padding:12px 14px;backdrop-filter:blur(6px)}.meter{margin-bottom:9px}.meter:last-child{margin-bottom:0}.meter .lab{display:flex;justify-content:space-between;font-size:11px;color:var(--muted);margin-bottom:3px;letter-spacing:1px}.bar{height:9px;background:#0c0a12;border-radius:6px;overflow:hidden}.bar>span{display:block;height:100%;border-radius:6px;transition:width .25s ease}.logout{position:fixed;top:14px;left:16px;background:var(--panel);border:1px solid var(--edge);color:var(--muted);border-radius:999px;padding:7px 14px;font-size:12px;letter-spacing:1px;font-family:var(--font);cursor:pointer;backdrop-filter:blur(6px);transition:color .15s,border-color .15s}.logout:hover{color:var(--hp);border-color:#e0556b80}.mute{position:fixed;top:14px;left:132px;width:38px;height:33px;background:var(--panel);border:1px solid var(--edge);border-radius:999px;cursor:pointer;font-size:14px;backdrop-filter:blur(6px)}.mute:hover{border-color:var(--ember)}.report{position:fixed;top:14px;left:182px;background:#ff8a3d24;border:1px solid var(--ember);color:var(--ember-bright);border-radius:999px;padding:7px 14px;font-size:12px;font-weight:700;letter-spacing:1px;font-family:var(--font);cursor:pointer;backdrop-filter:blur(6px);transition:color .15s,border-color .15s,background .15s}.report:hover{color:#fff;background:var(--ember);border-color:var(--ember-bright)}.report-modal{position:fixed;inset:0;display:none;align-items:center;justify-content:center;background:#08060e99;backdrop-filter:blur(3px);z-index:30}.report-modal.open{display:flex}.report-card{width:min(440px,92vw);background:var(--panel);border:1px solid var(--edge);border-radius:14px;padding:20px;display:flex;flex-direction:column;gap:12px;box-shadow:0 18px 60px #00000080}.report-head{font-size:15px;letter-spacing:.5px;color:var(--text, #e8e3f0)}.report-types{display:flex;gap:8px}.rtype{flex:1;background:#0c0a12;border:1px solid var(--edge);color:var(--muted);border-radius:8px;padding:9px;font-family:var(--font);font-size:12px;cursor:pointer;transition:border-color .15s,color .15s}.rtype.active{color:var(--ember);border-color:var(--ember)}.report-title,.report-body{background:#0c0a12;border:1px solid var(--edge);border-radius:8px;color:var(--text, #e8e3f0);font-family:var(--font);font-size:13px;padding:10px;resize:none}.report-body{min-height:120px}.report-title:focus,.report-body:focus{outline:none;border-color:var(--ember)}.report-actions{display:flex;justify-content:flex-end;gap:8px}.btn.ghost{background:transparent;border:1px solid var(--edge);color:var(--muted)}.btn.ghost:hover{border-color:var(--muted)}.minimap{position:fixed;top:124px;right:16px;width:150px;height:150px;border-radius:50%;border:1px solid var(--edge);background:#0c0a14;box-shadow:0 8px 24px #0006}.coach{position:fixed;top:60px;left:16px;width:270px;background:var(--panel);border:1px solid var(--edge);border-left:3px solid var(--ember);border-radius:10px;padding:12px 14px;backdrop-filter:blur(6px)}.coach-title{color:var(--ember-bright);font-weight:700;font-size:14px;margin-bottom:8px}.coach-steps{margin:0;padding:0;list-style:none;font-size:12.5px;line-height:1.7}.coach-steps li{color:var(--ash);transition:color .2s}.coach-steps li.done{color:var(--good);text-decoration:line-through;opacity:.7}.coach-skip{display:inline-block;margin-top:8px;font-size:11px;color:var(--muted);cursor:pointer}.coach-skip:hover{color:var(--ash)}.clock{position:fixed;top:14px;left:50%;transform:translate(-50%);background:var(--panel);border:1px solid var(--edge);border-radius:999px;padding:7px 18px;font-size:13px;letter-spacing:1px;backdrop-filter:blur(6px);display:flex;gap:10px;align-items:center}.clock .phase{color:var(--ember-bright);font-weight:700}.skills{position:fixed;top:14px;right:16px;background:var(--panel);border:1px solid var(--edge);border-radius:12px;padding:10px 14px;backdrop-filter:blur(6px);min-width:130px}.skills .row{display:flex;justify-content:space-between;font-size:12px;margin:2px 0}.skills .row .lv{color:var(--ember-bright);font-weight:700}.inventory{position:fixed;right:16px;bottom:16px;display:grid;grid-template-columns:repeat(6,44px);gap:6px;background:var(--panel);border:1px solid var(--edge);border-radius:12px;padding:10px;backdrop-filter:blur(6px);max-width:320px}.slot{width:44px;height:44px;background:#110f18;border:1px solid var(--edge);border-radius:8px;position:relative;display:flex;align-items:center;justify-content:center;font-size:22px;cursor:pointer;transition:border-color .12s,transform .08s}.slot:hover{border-color:var(--ember);transform:translateY(-1px)}.slot .qty{position:absolute;right:2px;bottom:0;font-size:11px;color:var(--ash);font-weight:700;text-shadow:0 1px 2px #000}.craftbar{position:fixed;left:50%;bottom:16px;transform:translate(-50%);display:flex;gap:8px;background:var(--panel);border:1px solid var(--edge);border-radius:12px;padding:10px;backdrop-filter:blur(6px);max-width:70vw;flex-wrap:wrap;justify-content:center}.recipe{display:flex;flex-direction:column;align-items:center;gap:3px;background:#110f18;border:1px solid var(--edge);border-radius:9px;padding:7px 10px;cursor:pointer;min-width:64px;transition:border-color .12s,transform .08s,opacity .12s}.recipe:hover{border-color:var(--ember);transform:translateY(-2px)}.recipe.locked{opacity:.4;cursor:default}.recipe.locked:hover{transform:none;border-color:var(--edge)}.recipe.owned{opacity:.5;cursor:default}.recipe.owned:after{content:"✓ owned";font-size:9px;letter-spacing:.5px;color:var(--good)}.recipe.owned:hover{transform:none;border-color:var(--edge)}.slot.iron,.recipe.iron{border-color:#7aa7c7;box-shadow:inset 0 0 0 1px #7aa7c759}.slot.iron:before{content:"";position:absolute;top:2px;left:2px;width:5px;height:5px;border-radius:50%;background:#9cc4e0;box-shadow:0 0 4px #9cc4e0}.recipe .emoji{font-size:22px}.recipe .rname{font-size:10px;color:var(--ash)}.recipe .cost{font-size:9px;color:var(--muted)}.recipe.placing{border-color:var(--ember-bright);box-shadow:0 0 0 2px #ffb0664d}.toasts{position:fixed;top:70px;left:50%;transform:translate(-50%);display:flex;flex-direction:column;gap:6px;align-items:center;pointer-events:none}.toast{background:var(--panel-solid);border:1px solid var(--edge);padding:8px 16px;border-radius:999px;font-size:13px;animation:toastIn .2s ease,toastOut .3s ease 2.4s forwards;box-shadow:0 6px 24px #0006}.toast.warn{border-color:#ffce6380;color:var(--warn)}.toast.good{border-color:#6fd08c80;color:var(--good)}@keyframes toastIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1}}@keyframes toastOut{to{opacity:0;transform:translateY(-8px)}}.chatbox{position:fixed;left:16px;top:50%;transform:translateY(-50%);width:300px;max-height:30vh;display:flex;flex-direction:column;gap:4px}.chatlog{overflow-y:auto;font-size:13px;line-height:1.5;text-shadow:0 1px 3px #000;padding-right:4px}.chatlog .who{color:var(--ember-bright);font-weight:700}.chatlog .sys{color:var(--muted);font-style:italic}.chatinput{display:none;width:100%;padding:8px 10px;background:var(--panel);border:1px solid var(--ember);border-radius:8px;color:var(--ash);font-family:var(--font);outline:none}.chatinput.open{display:block}.quest{position:fixed;right:16px;top:286px;width:240px;background:var(--panel);border:1px solid var(--edge);border-left:3px solid var(--ember);border-radius:10px;padding:11px 13px;backdrop-filter:blur(6px);display:none}.quest.show{display:block}.quest .qtitle{color:var(--ember-bright);font-weight:700;font-size:13px;margin-bottom:4px}.quest .qtext{font-size:12px;color:var(--ash);line-height:1.4;white-space:pre-line}.quest .qstate{font-size:10px;color:var(--muted);margin-top:6px;letter-spacing:1px;text-transform:uppercase}.death{position:fixed;inset:0;display:none;align-items:center;justify-content:center;background:radial-gradient(ellipse at center,#28000080,#000000d9);flex-direction:column;gap:20px;z-index:20}.death.show{display:flex}.death h2{font-size:40px;color:var(--hp);letter-spacing:4px;margin:0;text-shadow:0 0 30px rgba(224,85,107,.6)}.death p{color:var(--muted);margin:0}.death .btn{width:200px}.hint{position:fixed;bottom:92px;left:50%;transform:translate(-50%);font-size:12px;color:var(--muted);background:#14121cb3;padding:5px 12px;border-radius:999px;pointer-events:none}.interact-prompt{position:fixed;bottom:120px;left:50%;transform:translate(-50%);background:var(--panel);border:1px solid var(--ember);border-radius:999px;padding:8px 18px;font-size:13px;color:var(--ember-bright);display:none}.interact-prompt.show{display:block}.bloodmoon{position:fixed;top:52px;left:50%;transform:translate(-50%);background:#2a0410eb;border:1px solid #e0556b;color:#ff9aa8;border-radius:999px;padding:7px 20px;font-size:13px;font-weight:700;letter-spacing:2px;display:none;box-shadow:0 0 30px #e0103080;animation:bloodpulse 2s ease-in-out infinite}.bloodmoon.show{display:block}@keyframes bloodpulse{0%,to{box-shadow:0 0 20px #e0103066}50%{box-shadow:0 0 36px #e01030bf}}.place-banner{position:fixed;bottom:120px;left:50%;transform:translate(-50%);background:var(--panel);border:1px solid var(--ember);border-radius:999px;padding:9px 20px;font-size:13px;color:var(--ash);display:none;box-shadow:0 0 24px #ff8a3d40;backdrop-filter:blur(6px)}.place-banner.show{display:block}.place-banner b{color:var(--ember-bright)}.place-banner .cancel{color:var(--muted);font-size:11px}