:root{--navy: #16213e;--navy-2: #1d2b55;--navy-3: #26386b;--gold: #d4a94a;--gold-2: #ffe08a;--gold-dark: #8a6420;--ink: #2a1810;--text: #f6ecd8;--muted: #b9b3c9;--ocre: #d9a86c;--terra: #b0663a;--red: #e0413a;--green: #43d14a;--blue: #4f8dff;--r: 12px;--shadow: 0 8px 22px rgba(5, 5, 20, .5);--font: "Nunito", system-ui, sans-serif;--title: "Baloo 2", "Nunito", system-ui, sans-serif;--safe-b: env(safe-area-inset-bottom, 0px)}*{box-sizing:border-box}html,body{margin:0;height:100%;overflow:hidden;background:#0b0806;color:var(--text);font-family:var(--font);font-weight:700;font-size:14px}body{touch-action:none;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;overscroll-behavior:none}input,textarea,select{-webkit-user-select:text;user-select:text;touch-action:manipulation}button{font-family:inherit}a{color:var(--gold-2)}[hidden]{display:none!important}.muted{color:var(--muted)}.small{font-size:12px}.center{text-align:center}.warn{color:#ffb070}kbd{font-family:var(--font)}:focus-visible{outline:3px solid var(--gold-2);outline-offset:2px}#app{position:fixed;inset:0}#game{position:absolute;inset:0}#game canvas{display:block;outline:none}#hud,#windows{position:absolute;inset:0;pointer-events:none}#hud>*,#windows>*{pointer-events:auto}body:not(.in-game) #hud,body:not(.in-game) #chat,body:not(.in-game) #windows{display:none}.panel{background:linear-gradient(180deg,#223160f2,#121b38f2);border:2px solid var(--gold);border-radius:var(--r);box-shadow:inset 0 0 0 1px #ffe8aa2e,inset 0 2px #ffffff14,var(--shadow);color:var(--text)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:8px 16px;border-radius:10px;border:2px solid var(--ink);cursor:pointer;font-family:var(--title);font-weight:800;font-size:15px;letter-spacing:.02em;text-decoration:none;background:linear-gradient(180deg,#3a4f8f,#273a70);color:var(--text);box-shadow:inset 0 2px #fff3,0 3px #00000059;transition:transform .08s,filter .15s}.btn:hover{filter:brightness(1.12)}.btn:active{transform:translateY(2px);box-shadow:inset 0 2px #fff3,0 1px #00000059}.btn:disabled{opacity:.5;cursor:default;filter:grayscale(.4)}.btn.gold{background:linear-gradient(180deg,#ffe590,#e3a93a);color:#3a2208}.btn.red{background:linear-gradient(180deg,#ff7a6a,#c9352c);color:#fff}.btn.ghost{background:#141c3a99;border-color:var(--gold);color:var(--gold-2);box-shadow:none}.btn.big{padding:12px 22px;font-size:17px;min-width:260px}.btn.small{padding:5px 11px;font-size:13px;border-radius:8px}.btn.google{background:#fff;color:#2a2a2a}.btn.discord{background:linear-gradient(180deg,#7984ff,#5865f2);color:#fff}.gmark{font-family:Arial,sans-serif;font-weight:900;font-size:18px;background:conic-gradient(#ea4335 0 25%,#fbbc05 0 50%,#34a853 0 75%,#4285f4 0);-webkit-background-clip:text;background-clip:text;color:transparent}.dmark{color:#fff}.icon-btn{background:#ffffff14;border:1.5px solid rgba(212,169,74,.6);color:var(--gold-2);border-radius:8px;width:30px;height:30px;cursor:pointer;font-size:16px;line-height:1;display:inline-flex;align-items:center;justify-content:center}.icon-btn.small{width:24px;height:24px;font-size:14px}.icon-btn:hover{background:#ffffff29}.link{background:none;border:0;color:var(--gold-2);text-decoration:underline;cursor:pointer;margin-left:8px}.chip{display:inline-flex;align-items:center;gap:6px;padding:5px 10px;border-radius:99px;border:1.5px solid rgba(212,169,74,.5);background:#ffffff0f;color:var(--text);cursor:pointer;font-weight:800;font-size:13px}.chip.on{background:linear-gradient(180deg,#ffe590,#e3a93a);color:#3a2208;border-color:var(--ink)}.chip.big{padding:8px 16px;font-size:14px}.chip img.itemimg{width:22px;height:22px}.chips{display:flex;flex-wrap:wrap;gap:6px;margin:6px 0}.row{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin:8px 0}.inp{width:100%;padding:8px 10px;border-radius:8px;border:2px solid rgba(212,169,74,.55);background:#080c1eb3;color:var(--text);font-family:var(--font);font-weight:700;font-size:14px}.inp:focus{outline:none;border-color:var(--gold-2)}select.inp{cursor:pointer}.box{padding:8px 10px;border-radius:10px;background:#ffffff0f;border:1px solid rgba(212,169,74,.35);margin:8px 0}.spin{display:inline-block;width:14px;height:14px;border:3px solid rgba(255,224,138,.3);border-top-color:var(--gold-2);border-radius:50%;animation:spin .8s linear infinite;vertical-align:-2px}@keyframes spin{to{transform:rotate(360deg)}}.ico{width:24px;height:24px;image-rendering:auto}.itemimg{width:30px;height:30px;pointer-events:none}.itemimg.tiny{width:18px;height:18px}#login{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;z-index:5}#login-bg{position:absolute;inset:0;width:100%;height:100%}#login-card{position:relative;width:min(470px,94vw);max-height:94vh;overflow:auto;padding:18px 22px 14px;text-align:center;background:linear-gradient(180deg,#223160e6,#101834eb);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}#login-card:has(.create-grid){width:min(820px,96vw)}.logo-wrap{margin:-6px 0 0}.logo-img{width:min(330px,76vw);height:auto;filter:drop-shadow(0 6px 10px rgba(0,0,0,.5));animation:logoIn .7s cubic-bezier(.2,1.4,.4,1)}@keyframes logoIn{0%{transform:scale(.7) rotate(-4deg);opacity:0}}.logo{font-family:Rye,serif;font-size:46px;margin:4px 0;color:var(--gold-2);text-shadow:0 3px 0 #6b3f1d,0 6px 12px #000}.logo .idle{display:block;font-size:30px}.tagline{margin:2px 0 14px;color:#ffe6b8;font-size:15px}.login-btns{display:flex;flex-direction:column;align-items:center;gap:10px;margin:10px 0}.login-btns.row{flex-direction:row;justify-content:center;flex-wrap:wrap}.login-err{margin:10px auto 4px;padding:8px 12px;border-radius:10px;background:#e0413a2e;border:1.5px solid rgba(255,110,100,.6);color:#ffd0c8;max-width:420px}.login-err:empty{display:none}.login-status{margin:8px 0;color:var(--gold-2)}.offline-box{margin:10px auto;padding:10px;border-radius:10px;background:#00000040;border:1.5px dashed rgba(212,169,74,.6);max-width:420px}.offline-btns{display:flex;gap:8px;justify-content:center;flex-wrap:wrap;margin-top:8px}.login-foot{margin-top:12px;font-size:12px;color:var(--muted)}.login-foot a{color:var(--gold-2)}.session-line{margin:4px 0 8px;color:#ffe6b8}#install-btn{position:absolute;bottom:calc(14px + var(--safe-b));right:14px}.card-title{font-family:var(--title);font-weight:800;font-size:22px;letter-spacing:.08em;text-transform:uppercase;color:var(--gold-2);margin:4px 0 10px;text-shadow:0 2px 0 #000}.demo-badge{display:inline-block;margin:0 0 10px;padding:4px 10px;border-radius:99px;background:#ffd84d26;border:1px solid #ffd84d;color:#ffe590;font-size:12px}.char-list{display:flex;flex-direction:column;gap:8px;text-align:left}.char-card{display:flex;align-items:center;gap:10px;padding:6px 10px;border-radius:12px;background:#ffffff0f;border:1.5px solid rgba(212,169,74,.45);cursor:pointer;transition:transform .1s,background .15s}.char-card:hover{background:#ffe08a1f;transform:translateY(-1px)}.char-av{width:64px;height:75px;flex:none}.char-info{flex:1;min-width:0}.char-name{font-family:var(--title);font-size:19px;font-weight:800;color:#fff}.char-sub{font-size:13px}.char-actions{display:flex;gap:6px;align-items:center}.create-grid{display:grid;grid-template-columns:300px 1fr;gap:16px;text-align:left}.create-preview{width:300px;height:260px;border-radius:14px;border:2px solid var(--gold);background:#2b3a6a}.preview-cap{text-align:center;font-size:12px;color:var(--muted);margin-top:4px}.fld{display:flex;flex-direction:column;gap:5px;margin-bottom:10px}.fld>span{font-family:var(--title);font-weight:800;color:var(--gold-2);text-transform:uppercase;font-size:12px;letter-spacing:.08em}.sex-row{display:flex;gap:8px}.outfit-row{display:flex;flex-wrap:wrap;gap:6px}.outfit-opt{position:relative;display:flex;flex-direction:column;align-items:center;width:74px;padding:4px 2px;border-radius:10px;border:1.5px solid rgba(212,169,74,.45);background:#ffffff0d;color:var(--text);cursor:pointer;font-size:11px;font-weight:800}.outfit-opt canvas{width:56px;height:64px}.outfit-opt.on{border-color:var(--gold-2);background:#ffe08a2e;box-shadow:0 0 0 2px #ffe08a59}.outfit-opt.locked{opacity:.5;cursor:not-allowed}.outfit-opt .lock{position:absolute;top:2px;right:4px;font-size:12px}.sw-row{display:flex;align-items:center;gap:8px;margin:4px 0}.sw-label{width:86px;font-size:12px;color:var(--muted)}.sw-list{display:flex;flex-wrap:wrap;gap:3px}.sw{width:18px;height:18px;border-radius:5px;border:2px solid rgba(0,0,0,.6);cursor:pointer;padding:0}.sw.on{outline:2px solid var(--gold-2);outline-offset:1px}.terms{display:flex;gap:8px;align-items:flex-start;text-align:left;margin:10px 4px;font-size:13px}.terms input{width:18px;height:18px;margin-top:1px;accent-color:#e3a93a}#info{position:absolute;top:10px;left:10px;width:250px;padding:8px 10px}.info-top{display:flex;gap:8px;align-items:center;margin-bottom:6px}#avatar{width:48px;height:48px;border-radius:50%;background:radial-gradient(circle at 40% 35%,#3f5a9a,#1a2550);border:2px solid var(--gold);flex:none}.info-name{font-family:var(--title);font-size:18px;font-weight:800;line-height:1;color:#fff;text-shadow:0 2px 0 #000}.info-sub{font-size:12px;color:var(--gold-2);margin-top:2px}.bar{position:relative;height:15px;border-radius:8px;background:#00000080;border:1.5px solid #0b0a18;margin:3px 0;overflow:hidden}.bar-fill{position:absolute;inset:0 auto 0 0;width:0;border-radius:6px;transition:width .25s ease-out;box-shadow:inset 0 3px #ffffff4d}.bar.hp .bar-fill{background:linear-gradient(180deg,#ff6a5c,#c9241c)}.bar.mana .bar-fill{background:linear-gradient(180deg,#7ab0ff,#2a5ad0)}.bar.exp .bar-fill{background:linear-gradient(180deg,#ffe58a,#d99a1e)}.bar-text{position:absolute;inset:0;text-align:center;font-size:11px;line-height:13px;font-weight:800;color:#fff;text-shadow:0 1px 0 #000,0 0 3px #000}.info-row{display:flex;gap:12px;align-items:center;margin-top:5px}.cur{display:inline-flex;align-items:center;gap:4px}.cur .ico{width:20px;height:20px}.vip-tag{padding:1px 7px;border-radius:99px;background:linear-gradient(180deg,#ffe590,#e3a93a);color:#3a2208;font-size:11px;font-weight:900}.info-region{margin-top:4px;font-size:12px;color:#ffe6b8}.conds{display:flex;gap:4px;margin-top:3px;min-height:0}.cond{font-size:14px;filter:drop-shadow(0 1px 0 #000)}#minimap-box{position:absolute;top:10px;right:10px;padding:6px}#minimap{display:block;width:180px;height:180px;border-radius:8px;border:1.5px solid #0b0a18;image-rendering:pixelated;cursor:crosshair}.mini-btns{position:absolute;top:10px;right:10px;display:flex;flex-direction:column;gap:4px}.ping{text-align:right;font-size:11px;margin-top:3px;padding-right:2px}#bigmap{display:block;width:100%;height:auto;image-rendering:pixelated;border-radius:8px;border:1.5px solid #0b0a18;cursor:crosshair}#bottom{position:absolute;left:0;right:0;bottom:0;pointer-events:none}#bottom>*{pointer-events:auto}#bar{position:absolute;bottom:calc(6px + var(--safe-b));left:50%;transform:translate(-50%);display:flex;gap:2px;padding:4px 6px;max-width:calc(100vw - 12px);overflow-x:auto;scrollbar-width:none}#bar::-webkit-scrollbar{display:none}.bar-btn{position:relative;flex:none;display:flex;flex-direction:column;align-items:center;justify-content:center;width:52px;height:52px;border-radius:10px;border:0;background:transparent;color:var(--text);cursor:pointer;font-size:10px;font-weight:800;padding:2px 0 0}.bar-btn:hover{background:#ffe08a24}.bar-btn .ico{width:28px;height:28px;filter:drop-shadow(0 2px 0 rgba(0,0,0,.5));transition:transform .12s}.bar-btn:hover .ico{transform:translateY(-2px) scale(1.08)}.bar-btn kbd{position:absolute;top:1px;right:3px;font-size:9px;color:var(--gold-2);opacity:.8}.bar-btn span{margin-top:1px;white-space:nowrap}.chat-toggle{display:none}#hotbar{position:absolute;bottom:calc(70px + var(--safe-b));left:370px;right:10px;display:flex;justify-content:center;gap:3px;flex-wrap:nowrap}.hot{position:relative;width:40px;height:40px;flex:none;border-radius:9px;border:2px solid rgba(212,169,74,.7);background:linear-gradient(180deg,#223160e6,#121b38e6);cursor:pointer;padding:0;box-shadow:0 2px 6px #0006}.hot img{position:absolute;inset:3px;width:30px;height:30px;pointer-events:none}.hot kbd{position:absolute;left:2px;top:0;font-size:9px;color:var(--gold-2);text-shadow:0 1px 0 #000;pointer-events:none}.hot .cnt{position:absolute;right:2px;bottom:0;font-size:10px;color:#fff;text-shadow:0 1px 0 #000,0 0 2px #000;pointer-events:none}.hot .cd{position:absolute;inset:0;border-radius:7px;background:conic-gradient(rgba(0,0,0,.65) var(--p, 0%),transparent 0);pointer-events:none}.hot.pressed{animation:press .25s}@keyframes press{40%{transform:scale(.88);box-shadow:0 0 0 3px var(--gold-2)}}.hot-sep{width:8px;flex:none}#chat{position:absolute;left:10px;bottom:calc(70px + var(--safe-b));width:350px;height:210px;display:flex;flex-direction:column;padding:4px;z-index:3}.chat-tabs{display:flex;gap:2px;overflow-x:auto;scrollbar-width:none;flex:none}.chat-tabs::-webkit-scrollbar{display:none}.chat-tab{flex:none;padding:3px 8px;border-radius:7px 7px 0 0;border:0;background:#ffffff12;color:var(--muted);font-size:12px;font-weight:800;cursor:pointer}.chat-tab.on{background:#ffe08a33;color:var(--gold-2)}.chat-tab.new{color:#fff;box-shadow:inset 0 -2px #ff9a4d}.tab-x{margin-left:5px;opacity:.7}.chat-log{flex:1;overflow-y:auto;padding:4px 6px;background:#05081673;border-radius:0 8px 8px;font-size:12.5px;line-height:1.35;user-select:text;-webkit-user-select:text}.chat-line{word-wrap:break-word;text-shadow:0 1px 0 #000}.chat-time{color:#8a88a0;font-size:11px}.chat-name{background:none;border:0;color:inherit;font:inherit;font-weight:900;cursor:pointer;padding:0}.npc-link{background:none;border:0;padding:0;font:inherit;font-weight:900;color:#fff3a0;text-decoration:underline;cursor:pointer}.chat-input{display:flex;gap:4px;margin-top:4px;flex:none}.chat-input .inp{padding:5px 8px;font-size:13px}#sacrifice-pill{position:absolute;top:12px;left:50%;transform:translate(-50%);padding:6px 14px;border-radius:99px;background:linear-gradient(180deg,#3c141eeb,#1e0a14eb);border:2px solid var(--gold);cursor:pointer;font-size:13px;white-space:nowrap;box-shadow:var(--shadow)}#sacrifice-pill .skull{color:#ffd84d}.pill-state{margin-left:6px;font-size:11px;padding:1px 7px;border-radius:99px;background:#ffffff1f}.pill-state.on{background:#43d14a;color:#0b2a0e}#center-msgs{position:absolute;top:22%;left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:4px;pointer-events:none;width:90vw}.cmsg{font-family:var(--title);font-weight:800;font-size:24px;text-align:center;text-shadow:0 2px 0 #1a0f0a,2px 0 0 #1a0f0a,-2px 0 0 #1a0f0a,0 -2px 0 #1a0f0a,0 4px 10px rgba(0,0,0,.6);animation:pop .35s cubic-bezier(.2,1.4,.4,1);transition:opacity .5s}#status-msgs{position:absolute;bottom:calc(126px + var(--safe-b));left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:2px;pointer-events:none;width:90vw}.smsg{font-size:14px;font-weight:800;text-align:center;text-shadow:0 1px 0 #000,1px 0 0 #000,-1px 0 0 #000,0 -1px 0 #000;transition:opacity .5s}.out{opacity:0!important}@keyframes pop{0%{transform:scale(.6);opacity:0}}.win{position:absolute;width:320px;max-height:min(640px,calc(100vh - 140px));display:flex;flex-direction:column;animation:winIn .16s ease-out}.win.closing{animation:winOut .12s ease-in forwards}@keyframes winIn{0%{transform:scale(.92);opacity:0}}@keyframes winOut{to{transform:scale(.94);opacity:0}}.win-title{display:flex;align-items:center;justify-content:space-between;padding:6px 8px 6px 12px;cursor:grab;border-bottom:1.5px solid rgba(212,169,74,.45);background:linear-gradient(180deg,rgba(255,224,138,.14),transparent);border-radius:10px 10px 0 0;touch-action:none}.win-title span{font-family:var(--title);font-weight:800;font-size:15px;letter-spacing:.1em;text-transform:uppercase;color:var(--gold-2);text-shadow:0 2px 0 #000}.win-x{width:26px;height:26px;border-radius:7px;border:2px solid var(--ink);background:linear-gradient(180deg,#ff7a6a,#c9352c);color:#fff;font-size:18px;line-height:18px;cursor:pointer;font-weight:900}.win-body{padding:8px 10px 10px;overflow-y:auto;overscroll-behavior:contain}.win.wide{width:520px}.win.sheet{position:fixed!important;inset:auto 0 0!important;width:100%!important;max-height:78vh;border-radius:16px 16px 0 0;animation:sheetIn .2s ease-out;padding-bottom:var(--safe-b)}@keyframes sheetIn{0%{transform:translateY(40%);opacity:0}}.tabs{display:flex;gap:4px;margin-bottom:8px;flex-wrap:wrap}.tab{flex:1;padding:6px 8px;border-radius:8px;border:1.5px solid rgba(212,169,74,.45);background:#ffffff0d;color:var(--muted);font-weight:800;cursor:pointer;font-size:13px}.tab.on{background:#ffe08a2e;color:var(--gold-2);border-color:var(--gold-2)}h4.sec{font-family:var(--title);font-weight:800;text-transform:uppercase;letter-spacing:.08em;font-size:12px;color:var(--gold-2);margin:10px 0 4px}.stat-head{margin-bottom:6px}.big-name{font-family:var(--title);font-size:20px;font-weight:800;color:#fff}.stat-grid{display:grid;grid-template-columns:1fr 1fr;gap:4px 12px;margin:6px 0}.stat-grid>div{display:flex;justify-content:space-between;gap:6px;font-size:13px;border-bottom:1px dashed rgba(255,255,255,.08);padding:2px 0}.skill-row{margin:4px 0}.skill-top{display:flex;justify-content:space-between;font-size:13px}.mini-bar{height:7px;border-radius:4px;background:#00000080;overflow:hidden;margin-top:2px}.mini-bar>div{height:100%;background:linear-gradient(180deg,#a8e070,#5fa82a);border-radius:4px}.mini-bar.exp>div{background:linear-gradient(180deg,#ffe58a,#d99a1e)}.mini-bar.mana>div{background:linear-gradient(180deg,#7ab0ff,#2a5ad0)}.mini-bar.hp>div{background:linear-gradient(180deg,#7dff7d,#2ea836)}.bag-top{display:flex;gap:10px;align-items:flex-start}.doll{display:grid;grid-template-columns:repeat(3,40px);gap:4px;padding:6px;border-radius:10px;background:#00000040}.bag-stats{flex:1;font-size:12px;display:flex;flex-direction:column;gap:4px}.bag-stats>div{display:flex;justify-content:space-between}.cell{position:relative;width:40px;height:40px;border-radius:7px;background:#080c1e99;border:1.5px solid rgba(212,169,74,.28);display:flex;align-items:center;justify-content:center}.cell.blank{background:transparent;border:0}.cell.slot{border-color:#d4a94a8c}.cell .itemimg{width:34px;height:34px}.cell .itemimg.ph{opacity:.18;filter:grayscale(1)}.cell.rar{box-shadow:inset 0 0 10px -2px var(--rar),0 0 0 1px var(--rar)}.cell .cnt{position:absolute;right:2px;bottom:0;font-size:10px;color:#fff;text-shadow:0 1px 0 #000,0 0 2px #000;pointer-events:none}.cell .ref{position:absolute;left:2px;top:0;font-size:10px;color:#7dff7d;text-shadow:0 1px 0 #000;pointer-events:none}.cell:hover{border-color:var(--gold-2)}.grid{display:grid;grid-template-columns:repeat(auto-fill,40px);gap:3px}.cont{margin-top:8px}.cont-head{display:flex;align-items:center;gap:6px;margin-bottom:4px;font-weight:800}.cont-head .icon-btn{margin-left:auto}.cont-head .icon-btn+.icon-btn{margin-left:2px}.dragging,.dragging *{cursor:grabbing!important}.drag-ghost{position:fixed;width:40px;height:40px;pointer-events:none;z-index:9999;transform:translate(-50%,-50%) scale(1.15);filter:drop-shadow(0 4px 6px rgba(0,0,0,.6))}.dragging [data-drop]:hover{box-shadow:0 0 0 2px var(--gold-2)}.spell-list{display:flex;flex-direction:column;gap:4px}.spell-row{display:flex;align-items:center;gap:8px;padding:5px 8px;border-radius:10px;border:1.5px solid rgba(212,169,74,.35);background:#ffffff0d;color:var(--text);cursor:pointer;text-align:left}.spell-row:hover{background:#ffe08a1f}.spell-ico{width:34px;height:34px}.spell-info{flex:1;display:flex;flex-direction:column}.spell-info .words{font-size:12px;color:#ffcf8a;font-style:italic}.spell-meta{display:flex;flex-direction:column;align-items:flex-end;font-size:12px}.battle-row{display:block;width:100%;text-align:left;padding:4px 6px;margin-bottom:3px;border-radius:8px;border:1.5px solid transparent;background:#ffffff0d;color:var(--text);cursor:pointer}.battle-row.on{border-color:#ff5a4a;background:#ff5a4a24}.b-name{font-size:13px}.quest{padding:6px 8px;border-radius:8px;background:#ffffff0d;margin-bottom:6px}.quest.done{opacity:.7}.q-name{font-weight:900;color:var(--gold-2)}.q-text{font-size:13px}.party-row,.vip-row,.house-row{display:flex;justify-content:space-between;align-items:center;gap:6px;padding:4px 6px;border-radius:8px;background:#ffffff0d;margin-bottom:4px;flex-wrap:wrap}.party-row .mini-bar{width:100%}.opt{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:6px 0}.opt input[type=range]{flex:1;accent-color:#e3a93a}.opt.check{justify-content:flex-start}.opt.check input{width:18px;height:18px;accent-color:#e3a93a}.news{padding:6px 8px;border-radius:8px;background:#ffffff0d;margin-bottom:6px}.news p{margin:2px 0 0;font-size:13px}.form{display:flex;flex-direction:column;gap:6px}.shop-list{display:flex;flex-direction:column;gap:3px;max-height:280px;overflow-y:auto;margin-bottom:8px}.shop-row{display:flex;align-items:center;gap:8px;padding:3px 8px;border-radius:8px;border:1.5px solid transparent;background:#ffffff0d;color:var(--text);cursor:pointer;text-align:left}.shop-row.on{border-color:var(--gold-2);background:#ffe08a24}.s-name{flex:1}.s-price{color:#ffe590}.shop-foot{display:flex;flex-direction:column;gap:8px}.qty{display:flex;align-items:center;gap:6px}.qty-inp{width:70px;text-align:center}.qty input[type=range]{flex:1;accent-color:#e3a93a}.total{font-size:14px}.search-res{display:flex;flex-wrap:wrap;gap:4px;margin:6px 0;max-height:120px;overflow-y:auto}.mk-head{display:flex;align-items:center;gap:6px;margin:6px 0}.mk-cols{display:grid;grid-template-columns:1fr 1fr;gap:10px}.mk-row{display:flex;align-items:center;gap:6px;padding:4px 6px;border-radius:8px;background:#ffffff0d;margin-bottom:3px;flex-wrap:wrap;font-size:13px}.store-head{display:flex;align-items:center;gap:8px;margin-bottom:8px;font-size:15px}.stars{color:#ffe590;font-size:18px}.offer-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:8px}.offer{display:flex;flex-direction:column;align-items:center;gap:4px;padding:8px;border-radius:12px;border:1.5px solid rgba(212,169,74,.45);background:#ffffff0d;text-align:center}.offer.owned{opacity:.7}.offer-ico{width:64px;height:72px;display:flex;align-items:center;justify-content:center}.offer-ico img{width:48px;height:48px}.offer-name{font-weight:900;font-size:13px}.offer-desc{font-size:11px;color:var(--muted)}.pack-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:8px}.pack{padding:10px;border-radius:12px;border:2px solid var(--gold);background:linear-gradient(180deg,#ffe08a29,#ffe08a0a);color:var(--text);cursor:pointer}.pack:disabled{opacity:.5;cursor:not-allowed}.pack-stars{font-family:var(--title);font-size:22px;font-weight:800;color:#ffe590}.pack-bonus{font-size:12px;color:#7dff7d;min-height:16px}.pack-price{font-size:15px;margin-top:4px}.pix-box{display:flex;gap:12px;margin-top:10px;padding:10px;border-radius:12px;background:#ffffff0f;flex-wrap:wrap}.pix-qr{width:180px;height:180px;background:#fff;border-radius:8px;padding:6px}.pix-info{flex:1;min-width:200px;display:flex;flex-direction:column;gap:6px}.pix-code{font-size:11px;resize:none}.drop-zone{display:flex;align-items:center;justify-content:center;gap:10px;min-height:70px;border:2px dashed rgba(212,169,74,.6);border-radius:12px;padding:10px;text-align:center;color:var(--muted);margin-bottom:8px}.refine-zone .itemimg{width:44px;height:44px}.trade-cols{display:grid;grid-template-columns:1fr 1fr;gap:10px}.hunt-toggle{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px;border-radius:12px;background:#ffffff0f;border:1.5px solid rgba(212,169,74,.45)}.hunt-toggle.on{background:#43d14a24;border-color:#43d14a}.hunt-toggle .btn.big{min-width:0}.vip-note{font-size:12px;color:#ffe590}.range-row{display:flex;gap:8px;align-items:center}.range-row input{flex:1;accent-color:#e3a93a}.tip{position:fixed;z-index:10000;pointer-events:none;max-width:260px;padding:8px 10px;border-radius:10px;background:#0e142cf7;border:1.5px solid var(--gold);box-shadow:var(--shadow);font-size:12.5px;display:none}.tip-title{font-family:var(--title);font-weight:800;font-size:15px}.tip-rar{font-size:11px;text-transform:uppercase;letter-spacing:.08em;margin-bottom:4px}.tip-line{display:flex;justify-content:space-between;gap:12px}.tip-desc{margin-top:4px;color:var(--muted);font-style:italic}.ctx{position:fixed;z-index:9000;display:flex;flex-direction:column;padding:4px;min-width:180px}.ctx-item{display:flex;align-items:center;gap:6px;padding:8px 10px;border:0;border-radius:7px;background:transparent;color:var(--text);text-align:left;cursor:pointer;font-weight:800;font-size:14px}.ctx-item:hover{background:#ffe08a29}#toasts{position:fixed;top:12px;left:50%;transform:translate(-50%);z-index:9500;display:flex;flex-direction:column;gap:6px;align-items:center;pointer-events:none}.toast{padding:8px 14px;border-radius:10px;background:#141c3cf5;border:1.5px solid var(--gold);box-shadow:var(--shadow);animation:pop .25s;transition:opacity .4s;max-width:90vw}.toast.warn{border-color:#ff7a6a}.conn-lost{position:fixed;top:60px;left:50%;transform:translate(-50%);z-index:9600;padding:8px 16px;border-radius:99px;background:#8c1e1ef2;border:2px solid #ffb0a0;font-weight:800}.modal-bg{position:fixed;inset:0;z-index:8000;background:#05051499;display:flex;align-items:center;justify-content:center;padding:12px;animation:fadeIn .2s}.modal-bg.out{opacity:0;transition:opacity .2s}@keyframes fadeIn{0%{opacity:0}}.modal{max-width:94vw;animation:pop .3s cubic-bezier(.2,1.3,.4,1)}.modal.panel,.modal-panel{padding:16px 18px;width:min(440px,94vw)}.modal-title{font-family:var(--title);font-weight:800;font-size:20px;color:var(--gold-2);letter-spacing:.04em;margin-bottom:6px}.modal-text{display:flex;flex-direction:column;gap:8px;margin-bottom:12px}.modal-btns{display:flex;gap:8px;justify-content:flex-end;flex-wrap:wrap;margin-top:10px}.scroll{position:relative;width:min(460px,92vw);padding:22px 34px 20px;text-align:center;color:#3a2208;background:radial-gradient(ellipse at center,#fbeecb,#f1dca8 70%,#d9bd7c);border-radius:8px;box-shadow:0 16px 40px #0000008c,inset 0 0 30px #8c5a1e59}.scroll:before,.scroll:after{content:"";position:absolute;left:-14px;right:-14px;height:26px;border-radius:13px;background:linear-gradient(180deg,#c9964a,#8a5a22 60%,#6b4217);box-shadow:0 4px 8px #0006}.scroll:before{top:-13px}.scroll:after{bottom:-13px}.scroll-logo{width:220px;max-width:70%;margin-top:4px;filter:drop-shadow(0 4px 6px rgba(0,0,0,.35))}.scroll-title{font-family:var(--title);font-weight:800;font-size:22px;color:#7a2d12;margin:6px 0;letter-spacing:.04em}.scroll-sub{font-family:var(--title);margin:0 0 4px;color:#5a3316}.scroll-text{font-size:15px;line-height:1.45;color:#4a2a10}.scroll .modal-btns{justify-content:center}.death .modal{width:auto}.death-box{text-align:center;padding:20px}.death-title{font-family:Rye,serif;font-size:52px;color:#ff4d4d;text-shadow:0 4px 0 #3a0808,0 0 30px rgba(255,60,60,.6);animation:pop .6s}.death-box p{font-size:16px}body.dead #game{filter:grayscale(.8) brightness(.6);transition:filter .6s}.modal-bg.death{background:radial-gradient(ellipse at center,#3c000066,#140000d9)}.loot-list{display:flex;flex-wrap:wrap;gap:6px;margin:8px 0}.loot-it{display:flex;align-items:center;gap:2px;padding:2px 6px;border-radius:8px;background:#ffffff12;font-size:12px}.tut{width:min(520px,94vw)!important}.tut-step{font-size:12px;color:var(--muted);text-transform:uppercase;letter-spacing:.1em}.tut-body{display:flex;gap:14px;align-items:center;margin:8px 0}.tut-body p{font-size:15px;line-height:1.45;margin:4px 0}.tut-art{width:110px;height:auto;flex:none;filter:drop-shadow(0 6px 8px rgba(0,0,0,.5));animation:bob 1.2s ease-in-out infinite}@keyframes bob{50%{transform:translateY(-5px) scaleY(1.03)}}.tut-dots{display:flex;gap:6px;justify-content:center}.tut-dots span{width:8px;height:8px;border-radius:50%;background:#ffffff40}.tut-dots span.on{background:var(--gold-2)}@media(max-width:1250px){#hotbar{left:360px}.hot{width:36px;height:36px}.hot img{width:26px;height:26px;inset:3px}.bar-btn{width:46px}.bar-btn span{font-size:9px}}@media(max-width:1000px){#hotbar .hot:nth-child(n+15){display:none}}@media(max-width:720px){html,body{font-size:13px}#info{width:176px;padding:6px 7px;top:calc(6px + env(safe-area-inset-top,0px));left:6px}#avatar{width:34px;height:34px}.info-name{font-size:14px}.info-sub{font-size:10.5px}.bar{height:13px}.bar-text{font-size:10px;line-height:11px}.info-row{gap:8px;font-size:12px}.info-region{font-size:10.5px}#minimap-box{top:calc(6px + env(safe-area-inset-top,0px));right:6px;padding:4px}#minimap{width:104px;height:104px}.mini-btns{top:6px;right:6px}.mini-btns .icon-btn.small{width:22px;height:22px}#bar{left:0;right:0;transform:none;bottom:0;border-radius:14px 14px 0 0;max-width:none;padding:3px 4px calc(3px + var(--safe-b));justify-content:flex-start}.bar-btn{width:50px;height:50px}.bar-btn kbd{display:none}.chat-toggle{display:flex}#hotbar{left:0;right:0;bottom:calc(60px + var(--safe-b));justify-content:flex-start;overflow-x:auto;padding:0 6px;scrollbar-width:none}#hotbar::-webkit-scrollbar{display:none}#hotbar .hot:nth-child(n+15){display:block}.hot{width:44px;height:44px}.hot img{width:34px;height:34px}#chat{display:none;left:0;right:0;width:auto;bottom:calc(108px + var(--safe-b));height:38vh;border-radius:14px;margin:0 6px}body.in-game.chat-open #chat{display:flex}#sacrifice-pill{top:auto;bottom:calc(158px + var(--safe-b));font-size:12px}#status-msgs{bottom:calc(160px + var(--safe-b))}.cmsg{font-size:19px}.create-grid{grid-template-columns:1fr}.create-preview{width:100%;height:auto;aspect-ratio:300 / 260}.btn.big{min-width:0;width:100%}.win-body{padding-bottom:calc(14px + var(--safe-b))}.cell,.hot{touch-action:none}.mk-cols,.trade-cols{grid-template-columns:1fr}.tut-body{flex-direction:column;text-align:center}.tut-art{width:90px}.death-title{font-size:40px}}@media(max-height:520px)and (orientation:landscape){#chat{height:150px}#info{transform:scale(.85);transform-origin:top left}#minimap{width:110px;height:110px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}.btn.inline{margin-left:6px;padding:2px 8px;font-size:12px;vertical-align:middle}.hot.none img{opacity:.35;filter:grayscale(.8)}.win[data-win=battle]{max-height:min(380px,50vh)}@media(max-width:720px){.smsg{font-size:12px}#status-msgs .smsg:nth-last-child(n+3){display:none}}.auth{margin:4px 0 2px}.auth-tabs{display:flex;gap:6px;margin:0 0 10px;padding:5px;border-radius:12px;background:linear-gradient(180deg,#5a3316,#3e2410);border:2px solid var(--ink);box-shadow:inset 0 2px #ffdca01f,0 2px #00000059}.auth-tab{flex:1;padding:8px 10px;border-radius:9px;border:2px solid #2a1810;cursor:pointer;font-family:var(--title);font-weight:800;font-size:15px;letter-spacing:.05em;text-transform:uppercase;color:#f1d6a8;background:linear-gradient(180deg,#8a5a2e,#6b3f1d);outline:1px dashed rgba(255,220,160,.35);outline-offset:-5px;transition:filter .12s,transform .08s}.auth-tab:hover{filter:brightness(1.12)}.auth-tab.on{color:#3a2208;background:linear-gradient(180deg,#ffe590,#e3a93a);outline-color:#5a320a73;box-shadow:inset 0 2px #fff6}.auth-tab:focus-visible{outline:3px solid var(--gold-2);outline-offset:1px}.auth-form{display:flex;flex-direction:column;gap:2px;text-align:left}.auth-form .btn.big{align-self:center;margin-top:6px}.auth-form.compact{gap:6px;margin-bottom:6px}.auth-form.compact .btn{align-self:flex-start}.auth-fld{margin-bottom:8px}.fld-hint{color:var(--muted);font-size:11.5px;font-weight:700}.inp.bad{border-color:#ff6e64;box-shadow:0 0 0 2px #ff6e6440}.inp:disabled{opacity:.65}.pw-wrap{position:relative;display:block}.pw-wrap .inp{padding-right:40px}.pw-eye{position:absolute;right:4px;top:50%;transform:translateY(-50%);width:32px;height:30px;border:0;border-radius:7px;background:transparent;cursor:pointer;font-size:16px;line-height:1}.pw-eye:hover{background:#ffffff14}.auth-2col{display:grid;grid-template-columns:1fr 1fr;gap:0 10px}.auth-line{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap;margin:0 0 4px;font-size:13px}.auth-line .link{margin-left:0;font-weight:800}.auth-check{display:inline-flex;align-items:center;gap:6px;cursor:pointer}.auth-check input{width:17px;height:17px;accent-color:#e3a93a}.auth-note{margin:2px 0 10px;font-size:13.5px;color:#ffe6b8;text-align:left}.auth-ok{margin:8px auto 4px;padding:8px 12px;border-radius:10px;background:#43d14a24;border:1.5px solid rgba(120,230,120,.55);color:#d6ffd0;text-align:left}.auth .terms{margin:4px 0 6px}.or-sep{display:flex;align-items:center;gap:10px;margin:12px 0 4px;color:var(--muted);font-size:12px;text-transform:uppercase;letter-spacing:.12em}.or-sep:before,.or-sep:after{content:"";flex:1;height:2px;border-radius:2px;background:linear-gradient(90deg,transparent,rgba(212,169,74,.6),transparent)}.login-btns.alt{flex-direction:row;justify-content:center;flex-wrap:wrap;gap:8px;margin:8px 0 4px}.login-btns.alt .btn{flex:1 1 180px;padding:9px 12px;font-size:14px}.login-btns.alt .gmark,.login-btns.alt .dmark{margin-right:6px}.guest-row{margin:4px 0 2px}.guest-save{display:flex;flex-direction:column;align-items:center;gap:6px;margin:0 auto 12px;padding:8px 10px;max-width:440px;border-radius:12px;background:#ffd84d1a;border:1.5px dashed rgba(255,216,77,.6)}.guest-save p{margin:0;font-size:13px;color:#ffe590}.acct-line{margin:-4px 0 10px;font-size:13px;color:var(--muted)}.acct-line b{color:#ffe6b8}.modal.panel.save-acc{width:min(480px,96vw);max-height:94vh;overflow:auto}.acc-line{display:flex;justify-content:space-between;gap:8px;padding:6px 8px;border-radius:8px;background:#ffffff0d;margin-bottom:6px}#login-card:has(.auth) .logo-img{width:min(250px,60vw)}#login-card:has(.auth-2col) .logo-img{width:min(200px,50vw)}#login-card:has(.auth) .tagline{margin-bottom:10px}@media(max-width:520px){#login-card:has(.auth) .logo-img{width:min(200px,52vw)}#login-card:has(.auth-2col) .logo-img{width:min(160px,42vw)}#login-card:has(.auth) .tagline{font-size:13.5px}.auth-2col{grid-template-columns:1fr}.auth-tab{font-size:14px;padding:7px 6px}.login-btns.alt .btn{flex-basis:100%}}#ev-banners{position:fixed;top:12%;left:50%;transform:translate(-50%);z-index:400;display:flex;flex-direction:column;gap:8px;align-items:center;pointer-events:none;width:min(520px,92vw)}.ev-banner{pointer-events:auto;cursor:pointer;position:relative;overflow:hidden;width:100%;display:flex;gap:12px;align-items:center;padding:12px 16px 14px;background:linear-gradient(180deg,#26386bf7,#16213ef7);border:3px solid var(--gold);border-radius:14px;box-shadow:0 0 0 2px var(--ink),0 10px 28px #0000008c,inset 0 1px #ffe08a59;animation:evIn .45s cubic-bezier(.2,1.35,.4,1);transition:opacity .5s,transform .5s}.ev-banner.out{opacity:0;transform:translateY(-12px) scale(.97)}.ev-banner.start{border-color:var(--gold-2);box-shadow:0 0 0 2px var(--ink),0 0 26px #ffd84d73,0 10px 28px #0000008c}.ev-banner.end{border-color:#9fb0c8}.ev-b-icon{font-size:38px;line-height:1;filter:drop-shadow(0 2px 0 #000);animation:evPulse 1.4s ease-in-out infinite}.ev-b-body{flex:1;min-width:0}.ev-b-kind{font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--gold-2)}.ev-b-title{font-family:var(--title);font-weight:800;font-size:22px;color:#fff;text-shadow:0 2px 0 #000;line-height:1.1}.ev-b-text{font-size:13px;color:var(--text);margin-top:2px}.ev-b-bar{position:absolute;left:0;right:0;bottom:0;height:4px;background:#00000059}.ev-b-bar div{height:100%;background:linear-gradient(90deg,var(--gold-2),var(--gold));animation:evBar linear forwards;transform-origin:left}@keyframes evIn{0%{opacity:0;transform:translateY(-18px) scale(.9)}to{opacity:1;transform:none}}@keyframes evPulse{50%{transform:scale(1.12)}}@keyframes evBar{0%{transform:scaleX(1)}to{transform:scaleX(0)}}.ev-card{padding:8px 10px;border-radius:10px;background:#ffffff0f;border:1.5px solid rgba(212,169,74,.45);margin:6px 0}.ev-card.live{border-color:var(--gold-2);background:linear-gradient(180deg,#ffe08a1f,#ffffff0a)}.ev-card-top{display:flex;align-items:center;gap:8px}.ev-card-top b{flex:1;color:#fff}.ev-left{font-size:12px;color:var(--gold-2);white-space:nowrap}.ev-ico{font-size:18px;width:24px;text-align:center}.ev-time{margin:6px 0 4px}.ev-time>div{background:linear-gradient(90deg,var(--gold-2),var(--gold))}.ev-boss{height:12px;margin:6px 0}.ev-rank{margin:6px 0 0;padding-left:22px;font-size:13px}.ev-rank li{display:flex;justify-content:space-between;gap:8px;padding:1px 0}.ev-rank li::marker{color:var(--gold-2)}.ev-mine{margin-top:4px;font-size:12px;color:#9fff9f}.ev-agenda{display:flex;flex-direction:column;gap:2px}.ev-day{margin-top:6px;font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--gold-2)}.ev-row{display:grid;grid-template-columns:24px 1fr auto auto;gap:8px;align-items:center;padding:4px 6px;border-radius:8px;background:#ffffff0a}.ev-hour{font-family:var(--title);font-weight:800;color:#fff}.ev-how{display:flex;gap:8px;padding:5px 0;border-bottom:1px dashed rgba(212,169,74,.25)}.ev-how:last-of-type{border-bottom:0}.war-title{display:flex;justify-content:center;align-items:center;gap:12px;font-family:var(--title);font-weight:800;font-size:22px;letter-spacing:.08em;text-shadow:0 2px 0 #000}.war-x{color:var(--gold-2);font-size:18px}.war-bar{display:flex;height:30px;border-radius:10px;overflow:hidden;border:2px solid var(--ink);box-shadow:0 0 0 2px var(--gold) inset;margin:6px 0 4px;background:#111}.war-b,.war-v{display:flex;align-items:center;min-width:38px;transition:width .6s ease}.war-b{background:linear-gradient(180deg,#d46a3a,#8b3a1a);justify-content:flex-start;padding-left:8px}.war-v{background:linear-gradient(180deg,#6fb06f,#3f5a3f);justify-content:flex-end;padding-right:8px}.war-b b,.war-v b{color:#fff;text-shadow:0 1px 0 #000;font-size:14px}.war-bonus{border-color:var(--gold-2);color:#fff4c8}.war-me{border-width:2px}.war-top{margin:4px 0;padding-left:22px}.war-top li{display:grid;grid-template-columns:16px 1fr auto;gap:6px;padding:2px 0}.war-rules{margin:4px 0;padding-left:18px;font-size:13px;color:var(--muted)}.war-rules li{margin:3px 0}.mail-lbl{display:flex;flex-direction:column;gap:4px;margin:8px 0;font-size:13px;color:var(--gold-2)}.mail-lbl>span{display:flex;justify-content:space-between}.mail-text{resize:vertical;min-height:90px;font-size:14px;line-height:1.35}.mail-drop{display:flex;align-items:center;gap:8px;min-height:52px;padding:6px 10px;border-radius:10px;border:2px dashed rgba(212,169,74,.6);background:#080c1e80;color:var(--text)}.mail-drop .itemimg{width:36px;height:36px}.mail-drop span{flex:1}body.dragging .mail-drop{border-color:var(--gold-2);background:#ffe08a1a}.mail-foot{justify-content:space-between}.modal.letter{max-width:420px;width:92vw;padding:22px 24px 16px;border-radius:6px;color:#3a2208;background:linear-gradient(180deg,#f8efd6,#ecd9ad);border:3px solid #8a6420;box-shadow:0 0 0 2px var(--ink),0 14px 40px #0009}.letter-from{font-family:var(--title);font-weight:800;font-size:20px;margin-bottom:10px;border-bottom:1px solid rgba(90,51,22,.4);padding-bottom:6px}.letter-text{white-space:pre-wrap;font-size:15px;line-height:1.5;max-height:50vh;overflow-y:auto;-webkit-user-select:text;user-select:text}.quest.daily{border-left:3px solid var(--gold-2)}.q-reg{font-size:11px;color:var(--muted);font-weight:700}#rain{position:absolute;inset:0;pointer-events:none;z-index:1;overflow:hidden}#rain>div{position:absolute;inset:-100% 0 0;background-image:repeating-linear-gradient(100deg,transparent 0 18px,rgba(190,215,255,.28) 18px 19px,transparent 19px 46px);will-change:transform}#rain .rain-a{animation:rainFall .55s linear infinite}#rain .rain-b{animation:rainFall .8s linear infinite;opacity:.55;background-size:70px 70px}@keyframes rainFall{0%{transform:translateZ(0)}to{transform:translate3d(-8%,50%,0)}}@media(prefers-reduced-motion:reduce){#rain>div{animation:none}.ev-b-icon{animation:none}}body.use-with #game canvas{cursor:crosshair}body.use-with #game:after{content:"";position:absolute;inset:0;pointer-events:none;box-shadow:inset 0 0 0 3px #ffe08a8c;border-radius:4px}@media(max-width:720px){#ev-banners{top:9%}.ev-banner{padding:10px 12px 12px;gap:10px}.ev-b-icon{font-size:30px}.ev-b-title{font-size:18px}.ev-b-text{font-size:12px}.war-title{font-size:18px}.ev-row{grid-template-columns:22px 1fr auto}.ev-row>.muted{display:none}}