:root{--bg: #14161d;--bg-soft: #1d2029;--bg-elevated: #262a35;--border: #363b48;--text: #eef1f6;--text-dim: #9aa4b8;--accent: #ff8fb0;--accent-strong: #ff5f8f;--accent-soft: rgba(255, 143, 176, .16);--success: #4fd18b;--warn: #ffc857;--error: #ff6b6b;--info: #6bb8ff;--radius: 12px;--radius-sm: 8px;--shadow: 0 12px 32px rgba(0, 0, 0, .45);--font: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", sans-serif;color-scheme:dark}*{box-sizing:border-box}html,body{margin:0;padding:0;width:100%;height:100%;overflow:hidden;background:var(--bg);color:var(--text);font-family:var(--font);-webkit-font-smoothing:antialiased;overscroll-behavior:none}#game-root{position:fixed;inset:0;touch-action:none}#game-root canvas{display:block;image-rendering:pixelated}.hidden{display:none!important}.overlay{position:fixed;inset:0;z-index:50;display:flex;align-items:center;justify-content:center;padding:16px;background:radial-gradient(circle at 50% 20%,#232a3a,#0e1015 70%);overflow:auto}.overlay.loading{z-index:90}.loading__inner{width:min(420px,90vw);text-align:center}.loading__logo{font-size:30px;font-weight:700;letter-spacing:.5px;margin-bottom:22px;background:linear-gradient(100deg,var(--accent),#ffd7a1);-webkit-background-clip:text;background-clip:text;color:transparent}.loading__bar{height:8px;border-radius:99px;background:var(--bg-soft);overflow:hidden;border:1px solid var(--border)}.loading__fill{height:100%;width:0%;border-radius:99px;background:linear-gradient(90deg,var(--accent),var(--accent-strong));transition:width .2s ease}.loading__text{margin-top:12px;font-size:13px;color:var(--text-dim)}.btn{appearance:none;border:1px solid var(--border);background:var(--bg-elevated);color:var(--text);font:inherit;font-size:14px;font-weight:600;padding:10px 16px;border-radius:var(--radius-sm);cursor:pointer;transition:transform .08s ease,background .15s ease,border-color .15s ease}.btn:hover:not(:disabled){background:#303542;border-color:#46506a}.btn:active:not(:disabled){transform:translateY(1px)}.btn:disabled{opacity:.55;cursor:default}.btn--primary{background:linear-gradient(180deg,var(--accent),var(--accent-strong));border-color:transparent;color:#2a0d18}.btn--primary:hover:not(:disabled){background:linear-gradient(180deg,#ffa2bf,var(--accent))}.btn--ghost{background:transparent}.btn--block{width:100%}.icon-btn{width:42px;height:42px;display:grid;place-items:center;font-size:19px;border-radius:50%;border:1px solid var(--border);background:#1d2029db;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:var(--text);cursor:pointer;transition:background .15s ease,transform .08s ease}.icon-btn:hover{background:var(--bg-elevated)}.icon-btn:active{transform:scale(.94)}.auth{width:100%;display:flex;justify-content:center}.auth__card{width:min(420px,100%);background:var(--bg-soft);border:1px solid var(--border);border-radius:18px;padding:26px 24px 20px;box-shadow:var(--shadow)}.auth__brand{text-align:center;margin-bottom:18px}.auth__logo{font-size:40px;line-height:1}.auth__title{margin:10px 0 4px;font-size:25px;letter-spacing:.3px}.auth__subtitle{margin:0;font-size:13px;color:var(--text-dim)}.auth__motd{margin:14px 0;padding:10px 12px;border-radius:var(--radius-sm);background:var(--accent-soft);border:1px solid rgba(255,143,176,.3);font-size:13px;line-height:1.45}.auth__tabs{display:flex;gap:6px;padding:4px;border-radius:var(--radius-sm);background:var(--bg);margin-bottom:16px}.auth__tab{flex:1;appearance:none;border:0;background:transparent;color:var(--text-dim);font:inherit;font-size:13px;font-weight:600;padding:8px 6px;border-radius:6px;cursor:pointer}.auth__tab.is-active{background:var(--bg-elevated);color:var(--text)}.auth__form{display:flex;flex-direction:column;gap:12px}.auth__hint{margin:0;font-size:12px;color:var(--text-dim);line-height:1.5}.auth__lang{display:flex;justify-content:center;gap:8px;margin-top:16px;padding-top:14px;border-top:1px solid var(--border)}.auth__lang-btn{appearance:none;border:1px solid transparent;background:transparent;color:var(--text-dim);font:inherit;font-size:12px;padding:4px 10px;border-radius:99px;cursor:pointer}.auth__lang-btn.is-active{border-color:var(--border);color:var(--text);background:var(--bg-elevated)}.field{display:flex;flex-direction:column;gap:5px}.field__label{font-size:12px;color:var(--text-dim);font-weight:600}.field__input{appearance:none;width:100%;padding:11px 13px;border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--bg);color:var(--text);font:inherit;font-size:14px;outline:none;transition:border-color .15s ease}.field__input:focus{border-color:var(--accent)}.cz{width:100%;display:flex;justify-content:center}.cz__panel{width:min(920px,100%);background:var(--bg-soft);border:1px solid var(--border);border-radius:18px;box-shadow:var(--shadow);display:flex;flex-direction:column;max-height:min(88vh,760px);overflow:hidden}.cz__header{padding:16px 22px;border-bottom:1px solid var(--border)}.cz__title{margin:0;font-size:18px}.cz__body{display:grid;grid-template-columns:240px 1fr;gap:20px;padding:20px 22px;overflow:auto;flex:1}.cz__preview-col{display:flex;flex-direction:column;align-items:center;gap:12px}.cz__preview{position:relative;border-radius:var(--radius);background:linear-gradient(180deg,#2c3a44,#22303a);border:1px solid var(--border);overflow:hidden;display:grid;place-items:center}.cz__layer{position:absolute;top:0;left:0;background-repeat:no-repeat;image-rendering:pixelated}.cz__filters{position:absolute}.cz__preview-floor{position:absolute;bottom:10px;left:50%;transform:translate(-50%);width:54%;height:12px;border-radius:50%;background:#00000047;filter:blur(3px);pointer-events:none}.cz__dirs{display:flex;gap:6px}.cz__dir{width:34px;height:34px;border-radius:8px;border:1px solid var(--border);background:var(--bg);color:var(--text-dim);font-size:15px;cursor:pointer}.cz__dir.is-active{border-color:var(--accent);color:var(--accent);background:var(--accent-soft)}.cz__toggle{display:flex;align-items:center;gap:7px;font-size:12px;color:var(--text-dim);cursor:pointer}.cz__controls{display:flex;flex-direction:column;gap:14px;min-width:0}.cz__row{display:flex;flex-direction:column;gap:6px}.cz__label{font-size:12px;font-weight:600;color:var(--text-dim)}.cz__bodytypes{display:flex;flex-wrap:wrap;gap:6px}.cz__chip{appearance:none;border:1px solid var(--border);background:var(--bg);color:var(--text-dim);font:inherit;font-size:12px;padding:6px 12px;border-radius:99px;cursor:pointer}.cz__chip.is-active{border-color:var(--accent);background:var(--accent-soft);color:var(--accent)}.cz__tabs{display:flex;flex-wrap:wrap;gap:6px;padding-bottom:12px;border-bottom:1px solid var(--border)}.cz__tab{appearance:none;border:1px solid var(--border);background:transparent;color:var(--text-dim);font:inherit;font-size:13px;font-weight:600;padding:7px 13px;border-radius:99px;cursor:pointer}.cz__tab.is-active{background:var(--accent-soft);border-color:var(--accent);color:var(--accent)}.cz__options{display:grid;grid-template-columns:repeat(auto-fill,minmax(94px,1fr));gap:8px;max-height:260px;overflow-y:auto;padding-right:4px}.cz__option{appearance:none;border:1px solid var(--border);background:var(--bg);border-radius:var(--radius-sm);padding:6px 4px 5px;cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:3px;transition:border-color .15s ease,background .15s ease}.cz__option:hover{background:var(--bg-elevated)}.cz__option.is-active{border-color:var(--accent);background:var(--accent-soft)}.cz__thumb{display:block;background-repeat:no-repeat;image-rendering:pixelated;transform:scale(.98)}.cz__option-name{font-size:10.5px;color:var(--text-dim);text-align:center;line-height:1.2;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cz__option.is-active .cz__option-name{color:var(--text)}.cz__colors{display:flex;flex-direction:column;gap:7px}.cz__swatches{display:flex;flex-wrap:wrap;gap:6px}.cz__swatch{width:26px;height:26px;border-radius:7px;border:2px solid transparent;background:var(--sw);cursor:pointer;box-shadow:inset 0 0 0 1px #00000059}.cz__swatch.is-active{border-color:var(--text)}.cz__hint{font-size:12px;color:var(--text-dim)}.cz__footer{display:flex;justify-content:flex-end;gap:8px;padding:14px 22px;border-top:1px solid var(--border);background:#00000029}.ui-root{position:fixed;inset:0;z-index:20;pointer-events:none}.ui-root>*{pointer-events:auto}.hud__hint{position:absolute;left:50%;bottom:96px;transform:translate(-50%);padding:8px 18px;border-radius:99px;background:#14161de0;border:1px solid var(--accent);color:var(--accent);font-size:13px;font-weight:600;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);pointer-events:none;white-space:nowrap}.icon-btn--atlas,.chip--btn-atlas,.chip__icon--atlas{background-repeat:no-repeat;background-size:2048px auto;image-rendering:pixelated;width:32px;height:32px;flex:none}.chip__icon--atlas{display:inline-block}.chip--btn-cat{background-image:url(/assets/pets/cat-idle.png);background-repeat:no-repeat;background-position:0 0;background-size:320px auto;image-rendering:pixelated;width:32px;height:32px;flex:none}.touch__btn--icon{background-repeat:no-repeat;image-rendering:pixelated}#touch-emote,#touch-chat{background-image:url(/assets/ui/emotes.png);background-size:320px auto;background-repeat:no-repeat;image-rendering:pixelated}#touch-emote{background-position:-192px 0}#touch-chat{background-position:0 0}.auth__logo--atlas{display:inline-block;width:48px;height:48px;background-image:url(/assets/icons/fantasy.png);background-repeat:no-repeat;background-size:2048px auto;background-position:-352px -320px;image-rendering:pixelated}.chat__guest{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:10px 12px;font-size:12px;color:var(--text-dim);border-top:1px solid var(--border)}.chip--btn{cursor:pointer;border:1px solid var(--border);background:#14161db8;font-size:15px;line-height:1}.chip--btn:hover{border-color:var(--accent)}.tp{position:absolute;top:56px;right:16px;width:260px;max-height:60vh;display:flex;flex-direction:column;background:#101218f2;border:1px solid var(--border);border-radius:12px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:20;overflow:hidden}.tp__head{display:flex;align-items:center;justify-content:space-between;padding:10px 14px;font-size:12px;text-transform:uppercase;letter-spacing:.4px;color:var(--text-dim);border-bottom:1px solid var(--border)}.tp__close{background:none;border:none;color:var(--text-dim);cursor:pointer;font-size:14px}.tp__list{overflow-y:auto;padding:6px}.tp--wide{width:340px}.decor__hint{padding:10px 12px;font-size:11px;color:var(--text-dim);border-bottom:1px solid var(--border)}.decor__section{width:100%;padding:8px 4px 4px;font-size:10px;text-transform:uppercase;letter-spacing:.5px;color:var(--text-dim)}.decor__frames{display:flex;flex-wrap:wrap;gap:4px;align-content:flex-start;padding:10px;max-height:260px;overflow-y:auto;background:#0f1218}.decor__item{background-color:#1a1f29;border:1px solid transparent;border-radius:6px;cursor:pointer;image-rendering:pixelated;background-repeat:no-repeat;flex:none}.decor__item:hover{border-color:var(--accent)}.decor__actions{display:flex;gap:8px;padding:10px 12px;border-top:1px solid var(--border)}.decor__actions .btn{flex:1}.bag__item{display:flex;align-items:baseline;justify-content:space-between;gap:8px;padding:8px 10px;font-size:13px;border-radius:8px}.bag__item:nth-child(odd){background:#ffffff0a}.bag__spawn{padding:10px 12px;border-top:1px solid var(--border)}.bag__spawn .pet__row{margin-top:8px}.pet{padding:12px}.pet__field{display:flex;flex-direction:column;gap:6px;font-size:12px;color:var(--text-dim);margin-bottom:10px}.pet__input{padding:8px 10px;border-radius:8px;border:1px solid var(--border);background:#0000004d;color:var(--text);font-size:13px}.pet__row{display:flex;gap:8px}.pet__hint{margin:10px 0 0;font-size:11px;color:var(--text-dim)}.btn--small{padding:6px 12px;font-size:12px}.tp__item{display:flex;align-items:baseline;justify-content:space-between;gap:8px;width:100%;padding:8px 10px;border:none;border-radius:8px;background:none;color:var(--text);cursor:pointer;text-align:left;font-size:13px}.tp__item:hover{background:#ffffff12}.tp__hint{font-size:11px;color:var(--text-dim)}.hud__top-left{position:absolute;top:12px;left:12px;display:flex;gap:8px}.hud__top-right{position:absolute;top:12px;right:12px;display:flex;gap:8px}.chip{display:flex;align-items:center;gap:6px;padding:6px 12px;border-radius:99px;background:#1d2029db;border:1px solid var(--border);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);font-size:13px;font-variant-numeric:tabular-nums}.chip--warn{border-color:var(--warn);color:var(--warn)}.chip__icon{font-size:13px;opacity:.85}.hud__emotes{position:absolute;top:64px;right:12px;display:flex;flex-direction:column;gap:6px;padding:8px;border-radius:var(--radius);background:#1d2029f0;border:1px solid var(--border);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.emote-btn{width:42px;height:42px;font-size:21px;border-radius:50%;border:1px solid transparent;background:transparent;cursor:pointer;width:32px;height:32px;image-rendering:pixelated;background-repeat:no-repeat}.emote-btn:hover{background:var(--bg-elevated);border-color:var(--border)}.hud__help{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:min(420px,90vw);padding:22px;border-radius:var(--radius);background:var(--bg-soft);border:1px solid var(--border);box-shadow:var(--shadow);text-align:center}.hud__help h3{margin:0 0 10px;font-size:16px}.hud__help p{font-size:13px;color:var(--text-dim);line-height:1.6;margin:0 0 16px}.hud__help-mobile{display:none}@media(pointer:coarse){.hud__help-desktop{display:none}.hud__help-mobile{display:block}}.chat{position:absolute;left:12px;bottom:12px;width:min(360px,calc(100vw - 24px));display:flex;flex-direction:column;border-radius:var(--radius);background:#14161dd1;border:1px solid var(--border);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);overflow:hidden}.chat__header{padding:8px 12px;font-size:12px;font-weight:700;color:var(--text-dim);border-bottom:1px solid var(--border);text-transform:uppercase;letter-spacing:.4px}.chat__log{height:176px;overflow-y:auto;padding:8px 12px;display:flex;flex-direction:column;gap:4px;scrollbar-width:thin}.chat__empty{color:var(--text-dim);font-size:12px;text-align:center;padding:20px 0}.chat__msg{font-size:13px;line-height:1.4;word-break:break-word}.chat__time{color:#6c778c;font-size:11px;margin-right:6px;font-variant-numeric:tabular-nums}.chat__author{font-weight:700;margin-right:6px}.chat__msg--guest .chat__author{color:#9fb3c8}.chat__msg--user .chat__author{color:#fff}.chat__msg--admin .chat__author{color:var(--warn)}.chat__msg--system{color:var(--info);font-style:italic}.chat__text{color:#dde3ee}.chat__form{display:flex;border-top:1px solid var(--border)}.chat__input{flex:1;appearance:none;border:0;background:transparent;padding:11px 12px;color:var(--text);font:inherit;font-size:13px;outline:none}.chat__send{appearance:none;border:0;background:transparent;color:var(--accent);font-size:16px;padding:0 16px;cursor:pointer}.chat__send:hover{color:var(--accent-strong)}.touch-root{position:fixed;inset:0;z-index:25;pointer-events:none}.touch__buttons{position:absolute;right:16px;bottom:28px;display:flex;flex-direction:column;gap:12px;pointer-events:auto}.touch__btn{width:58px;height:58px;border-radius:50%;border:1px solid var(--border);background:#1d2029cc;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);font-size:24px;cursor:pointer}.touch__stick{position:fixed;width:116px;height:116px;margin:-58px 0 0 -58px;border-radius:50%;border:2px solid rgba(255,255,255,.22);background:#ffffff0f;pointer-events:none;z-index:30}.touch__knob{position:absolute;top:50%;left:50%;width:50px;height:50px;margin:-25px 0 0 -25px;border-radius:50%;background:#ff8fb0bf;box-shadow:0 2px 10px #0006}.toast-root{position:fixed;top:14px;left:50%;transform:translate(-50%);z-index:80;display:flex;flex-direction:column;gap:8px;align-items:center;pointer-events:none}.toast{padding:10px 18px;border-radius:99px;font-size:13px;font-weight:600;background:var(--bg-elevated);border:1px solid var(--border);box-shadow:var(--shadow);opacity:0;transform:translateY(-8px);transition:opacity .25s ease,transform .25s ease;max-width:min(520px,92vw);text-align:center}.toast--visible{opacity:1;transform:translateY(0)}.toast--success{border-color:var(--success);color:var(--success)}.toast--warn{border-color:var(--warn);color:var(--warn)}.toast--error{border-color:var(--error);color:var(--error)}.toast--info{border-color:var(--info);color:var(--info)}@media(max-width:720px){.cz__body{grid-template-columns:1fr}.cz__preview-col{order:-1}.cz__options{max-height:190px}.chat{width:calc(100vw - 24px)}.chat__log{height:116px}.hud__top-left,.hud__top-right{top:8px}.hud__top-left{left:8px}.hud__top-right{right:8px;gap:5px}.icon-btn{width:38px;height:38px;font-size:17px}}