:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#f1ead9;background:#111713;--safe-top:env(safe-area-inset-top,0px);--safe-right:env(safe-area-inset-right,0px);--safe-bottom:env(safe-area-inset-bottom,0px);--safe-left:env(safe-area-inset-left,0px);--app-height:100dvh}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body,#app,#game-root{width:100%;height:var(--app-height);min-height:100%;margin:0;overflow:hidden;overscroll-behavior:none;touch-action:none;user-select:none}body{position:fixed;inset:0;background:#111713}button{font:inherit}canvas{display:block;touch-action:none;image-rendering:auto}#game-root>canvas{width:100%!important;height:100%!important}[hidden]{display:none!important}.top-hud{position:fixed;z-index:20;top:calc(var(--safe-top) + 10px);left:calc(var(--safe-left) + 10px);right:calc(var(--safe-right) + 10px);display:flex;align-items:flex-start;justify-content:space-between;gap:10px;pointer-events:none}.player-chip,.status,.zone-chip,.minimap-panel{border:1px solid rgb(255 255 255/12%);background:#0c120ed1;backdrop-filter:blur(7px);box-shadow:0 5px 18px #00000040}.player-chip{display:flex;flex-direction:column;width:145px;padding:8px 10px;border-radius:13px}.player-chip strong{font-size:13px;line-height:1.15}.player-chip>span{margin-top:2px;color:#bbbfae;font-size:10px}.zone-chip{position:absolute;left:50%;transform:translate(-50%);padding:8px 12px;border-radius:999px;color:#eadcb4;font-family:Georgia,serif;font-size:12px;font-weight:700;white-space:nowrap}.hud-actions{display:flex;align-items:center;gap:7px;pointer-events:auto;margin-right:0}.status{padding:8px 10px;border-radius:999px;font-size:11px;font-weight:700}.status--online{color:#bde8aa}.status--offline{color:#efb0a6}.status--connecting{color:#ddc98d}.change-class{min-height:32px;padding:0 10px;border:1px solid rgb(255 255 255/12%);border-radius:999px;color:#ded7c6;background:#0c120ec7;font-size:11px;font-weight:700}.health-line{height:6px;margin-top:6px;overflow:hidden;border-radius:4px;background:#263329}.health-line i{display:block;width:100%;height:100%;background:#65b963;transition:width .18s linear}.combat-stats b{color:#eee5d2;font-weight:800}.xp-line{opacity:.85}.minimap-panel{position:absolute;right:0;top:43px;width:122px;padding:5px;border-radius:11px}.minimap-panel>span{display:block;margin-bottom:3px;color:#c9b98e;font-size:8px;font-weight:900;letter-spacing:.16em;text-align:center}.minimap-panel canvas{width:112px!important;height:162px!important;border-radius:6px;background:#263a2a}.class-selection{position:fixed;z-index:100;inset:0;display:flex;flex-direction:column;padding:calc(var(--safe-top) + 22px) calc(var(--safe-right) + 16px) calc(var(--safe-bottom) + 18px) calc(var(--safe-left) + 16px);overflow-y:auto;touch-action:pan-y;background:radial-gradient(circle at 50% 10%,rgb(91 108 78/25%),transparent 38%),linear-gradient(180deg,#151d18,#0d120f)}.class-selection__header{text-align:center;margin-bottom:18px}.class-selection__eyebrow{color:#a99c79;font-size:11px;font-weight:800;letter-spacing:.18em;text-transform:uppercase}.class-selection h1{margin:7px 0 6px;font-family:Georgia,serif;font-size:clamp(28px,8vw,38px);font-weight:700}.class-selection p{margin:0;color:#aeb3a8;font-size:13px}.class-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;width:100%;max-width:520px;margin:auto}.class-card{position:relative;display:flex;min-height:160px;flex-direction:column;align-items:center;gap:7px;padding:13px 9px;border:1px solid rgb(255 255 255/10%);border-radius:18px;color:#ece5d5;background:linear-gradient(160deg,#343f35c7,#181f1ae5);box-shadow:inset 0 1px #ffffff0a,0 10px 24px #00000038}.class-card--selected{border-color:#c7a866;box-shadow:inset 0 0 0 1px #c7a866,0 0 26px #c7a8662e;transform:translateY(-2px)}.class-card__portrait{display:grid;width:76px;height:76px;place-items:center;overflow:hidden;border:1px solid rgb(255 255 255/10%);border-radius:50%;background:#202b23}.class-card__portrait img{width:72px;height:72px;object-fit:contain;image-rendering:auto;filter:drop-shadow(0 7px 7px rgb(0 0 0/35%))}.class-card__text{display:flex;flex-direction:column;align-items:center;text-align:center}.class-card__text strong{font-family:Georgia,serif;font-size:17px}.class-card__text small{margin-top:2px;color:#c6a965;font-size:10px;font-weight:800;text-transform:uppercase}.class-card__text span{margin-top:5px;color:#adb2a8;font-size:10px;line-height:1.25}.confirm-class{width:100%;max-width:520px;min-height:52px;margin:18px auto 0;border:1px solid #d2b370;border-radius:15px;color:#161b16;background:linear-gradient(180deg,#d9bc7b,#af8c4f);font-weight:900;font-size:15px;box-shadow:0 8px 24px #0000004d}.confirm-class:disabled{opacity:.45}.version-note{margin-top:10px;text-align:center;color:#70766e;font-size:10px}@media(max-height:690px){.class-selection{padding-top:calc(var(--safe-top) + 12px)}.class-selection__header{margin-bottom:10px}.class-card{min-height:135px;padding:9px 7px}.class-card__portrait{width:62px;height:62px}.class-card__portrait img{width:56px;height:56px}.confirm-class{min-height:46px;margin-top:10px}.minimap-panel{top:39px}.minimap-panel canvas{height:140px!important}}@media(max-width:430px){.zone-chip{top:48px;font-size:11px}.hud-actions .status{display:none}.minimap-panel{top:39px}.player-chip{width:138px}}.inventory-button{position:absolute;right:0;top:221px;display:flex;width:122px;min-height:42px;align-items:center;justify-content:center;gap:8px;border:1px solid rgb(255 255 255/12%);border-radius:11px;color:#efe7d5;background:#0c120edb;box-shadow:0 5px 18px #00000040;pointer-events:auto}.inventory-button img{width:24px;height:24px;image-rendering:auto}.inventory-button span{font-size:11px;font-weight:900}.inventory-panel{position:fixed;z-index:90;inset:0;display:grid;place-items:center;padding:calc(var(--safe-top) + 12px) calc(var(--safe-right) + 12px) calc(var(--safe-bottom) + 12px) calc(var(--safe-left) + 12px);background:#040806b8;backdrop-filter:blur(5px);touch-action:pan-y}.inventory-panel__dialog{width:min(100%,480px);max-height:calc(var(--app-height) - var(--safe-top) - var(--safe-bottom) - 24px);overflow:auto;padding:16px;border:1px solid rgb(235 218 174/18%);border-radius:20px;background:linear-gradient(180deg,#1c2820,#111813);box-shadow:0 22px 70px #0000008c}.inventory-panel__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:13px}.inventory-panel__header span{color:#b39c69;font-size:9px;font-weight:900;letter-spacing:.18em}.inventory-panel__header h2{margin:2px 0 0;font-family:Georgia,serif;font-size:27px}.inventory-panel__header button{width:38px;height:38px;border:1px solid rgb(255 255 255/12%);border-radius:50%;color:#eee5d1;background:#263229;font-size:26px;line-height:1}.equipment-slots{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.equipment-slot{min-width:0;padding:8px;border:1px solid rgb(255 255 255/9%);border-radius:13px;background:#18231c}.equipment-slot>span{display:block;margin-bottom:6px;color:#bcb29a;font-size:9px;font-weight:800;text-align:center}.equipment-slot>div{display:grid;min-height:68px;place-items:center}.equipment-slot__empty{color:#677068;font-size:10px}.equipment-stats{display:grid;grid-template-columns:repeat(2,1fr);gap:6px;margin:12px 0}.equipment-stats div{display:flex;justify-content:space-between;padding:7px 9px;border-radius:9px;background:#202c24;color:#bfc5ba;font-size:10px}.equipment-stats b{color:#f0e4cb}.inventory-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.inventory-item{position:relative;display:grid;aspect-ratio:1;place-items:center;min-width:0;border:1px solid #626b61;border-radius:11px;background:#202b23}.inventory-item img{width:44px;height:44px;object-fit:contain;image-rendering:auto}.inventory-item>b{position:absolute;right:4px;bottom:3px;padding:1px 4px;border-radius:5px;color:#fff;background:#000000ad;font-size:9px}.inventory-item--empty{opacity:.32;border-style:dashed}.inventory-item--rare{border-color:#4b9ad1;box-shadow:inset 0 0 12px #4b9ad11f}.inventory-item--epic{border-color:#a45fd2;box-shadow:inset 0 0 12px #a45fd229}.inventory-item--legendary{border-color:#d9a83f;box-shadow:inset 0 0 14px #d9a83f38}.inventory-item--equipped{outline:2px solid #e5d18d;outline-offset:1px}.inventory-item__tooltip{position:absolute;z-index:2;left:50%;bottom:calc(100% + 5px);display:none;width:150px;padding:6px 7px;border-radius:7px;color:#eee5d2;background:#0b100d;font-size:9px;line-height:1.3;transform:translate(-50%)}.inventory-item:focus .inventory-item__tooltip,.inventory-item:active .inventory-item__tooltip{display:block}.inventory-hint{margin:11px 0 0;color:#8f988e;font-size:10px;text-align:center}@media(max-height:690px){.inventory-button{top:199px}.inventory-panel__dialog{padding:12px}.inventory-item img{width:36px;height:36px}}@media(max-width:430px){.inventory-button{top:199px;width:112px}.inventory-grid{grid-template-columns:repeat(4,1fr)}}.inventory-item--craft-ready{outline:2px solid #70c684;outline-offset:1px;animation:craft-ready-pulse 1.4s ease-in-out infinite}.inventory-item--boss{border-color:#d85c4e;box-shadow:inset 0 0 16px #d85c4e3d,0 0 10px #d85c4e1a}.inventory-item__boss-badge{position:absolute;top:3px;left:3px;padding:1px 3px;border-radius:4px;color:#ffe3cf;background:#8f3028;font-size:7px;font-style:normal;font-weight:900;letter-spacing:.04em}.inventory-craft{width:100%;min-height:42px;margin-top:12px;border:1px solid #b8944e;border-radius:11px;color:#161b16;background:linear-gradient(180deg,#d5b96f,#9d773c);font-size:11px;font-weight:900}.inventory-craft:disabled{border-color:#4e574f;color:#7b837b;background:#202921;opacity:.75}.inventory-notice{margin:9px 0 0;padding:8px;border-radius:8px;color:#efe4c7;background:#253329;font-size:10px;text-align:center}.inventory-notice[hidden]{display:none}.inventory-hint{line-height:1.35}@keyframes craft-ready-pulse{0%,to{box-shadow:0 0 #70c68400}50%{box-shadow:0 0 14px #70c6844d}}.combat-controls{position:fixed;z-index:28;right:calc(var(--safe-right) + 16px);bottom:calc(var(--safe-bottom) + 18px);display:flex;flex-direction:column;align-items:flex-end;gap:7px;pointer-events:auto}.combat-target-status{max-width:158px;padding:6px 9px;border:1px solid rgb(255 255 255/12%);border-radius:999px;color:#d8d2c1;background:#0c120ed6;box-shadow:0 5px 18px #00000040;font-size:9px;font-weight:800;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.combat-control-row{display:flex;align-items:flex-end;gap:11px}.combat-button{display:flex;width:66px;height:66px;flex-direction:column;align-items:center;justify-content:center;gap:2px;border:1px solid rgb(255 255 255/16%);border-radius:50%;color:#eee7d6;background:radial-gradient(circle at 40% 30%,#354239,#172019 72%);box-shadow:0 7px 20px #00000061,inset 0 1px #ffffff12;touch-action:manipulation}.combat-button img{width:31px;height:31px;pointer-events:none}.combat-button span{font-size:8px;font-weight:900;letter-spacing:.03em}.combat-button:active{transform:scale(.94)}.combat-button--target.is-selected{border-color:#d9bd70;box-shadow:0 0 0 2px #d9bd703d,0 7px 20px #00000061}.combat-button--attack{width:72px;height:72px}.combat-button--attack.is-active{border-color:#e2775f;background:radial-gradient(circle at 40% 30%,#7e3d32,#2b1916 74%);box-shadow:0 0 0 3px #e2775f38,0 7px 24px #0000006b;animation:attack-button-pulse 1.1s ease-in-out infinite}.combat-button:disabled{opacity:.42;filter:grayscale(.55);animation:none}.combat-target-status.is-active{color:#ffd6bd;border-color:#e2775f6b}@keyframes attack-button-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.045)}}@media(max-height:690px){.combat-controls{bottom:calc(var(--safe-bottom) + 10px)}.combat-button{width:60px;height:60px}.combat-button--attack{width:66px;height:66px}.combat-button img{width:28px;height:28px}}body{background:radial-gradient(circle at 50% 12%,#263b2c,#101713 70%)}.player-chip,.status,.zone-chip,.minimap-panel,.inventory-button{background:linear-gradient(155deg,#17221be8,#090f0bdb);border-color:#ecdaaa29;box-shadow:0 10px 28px #00000047,inset 0 1px #ffffff0d}.zone-chip{border-color:#dbbf773d;box-shadow:0 8px 24px #00000042}.class-selection{background:radial-gradient(circle at 50% 5%,rgb(88 122 88/38%),transparent 38%),linear-gradient(180deg,#17251c,#0a110d)}.class-card{overflow:hidden;background:radial-gradient(circle at 50% 15%,rgb(92 125 91/28%),transparent 42%),linear-gradient(160deg,#2f4134eb,#121b15f5);box-shadow:inset 0 1px #ffffff0f,0 14px 34px #0000004d}.class-card__portrait{width:84px;height:84px;border-color:#e7d2a02e;background:radial-gradient(circle at 50% 35%,#46634a,#17221b 72%);box-shadow:inset 0 0 18px #00000047,0 8px 18px #00000040}.combat-button{backdrop-filter:blur(8px);background:radial-gradient(circle at 38% 28%,#415348,#18231c 70%);border-color:#eedcae33}.combat-button--attack.is-active{background:radial-gradient(circle at 38% 28%,#944b3d,#301c18 72%)}