@font-face{font-family:Cinzel;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/cinzel-latin-700-normal-Dkw14w9r.woff2)format("woff2"),url(/assets/cinzel-latin-700-normal-C-gK7hA8.woff)format("woff")}@font-face{font-family:Mali;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/mali-thai-600-normal-DlTx3OsB.woff2)format("woff2"),url(/assets/mali-thai-600-normal-DPgXT6rZ.woff)format("woff")}@font-face{font-family:Jua;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/jua-latin-400-normal-B0wF3VKp.woff2)format("woff2"),url(/assets/jua-latin-400-normal-DW1ANaNr.woff)format("woff")}@font-face{font-family:Pixelify Sans;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/pixelify-sans-latin-400-normal-DLrIX9QE.woff2)format("woff2"),url(/assets/pixelify-sans-latin-400-normal-JapMNN6Z.woff)format("woff")}@font-face{font-family:Pixelify Sans;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/pixelify-sans-latin-600-normal-Dd_Dy7u5.woff2)format("woff2"),url(/assets/pixelify-sans-latin-600-normal-BNlgYbDL.woff)format("woff")}@font-face{font-family:Pixelify Sans;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/pixelify-sans-latin-700-normal-D3Xxx3QE.woff2)format("woff2"),url(/assets/pixelify-sans-latin-700-normal-BctWAS0u.woff)format("woff")}:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--u:min(1dvh, .56vw);--gold:#d9a441;--gold-hi:#ffe2a0;--gold-lo:#6e4f18;--crimson:#e0334f;--crimson-hi:#ff6b7d;--crimson-lo:#5c0f22;--teal:#2fd6c4;--violet:#a98bff;--ink:#07050c;--panel-a:#1b1226;--panel-b:#0b0711;--text:#f1e9f0;--muted:#9a8fa8;--f-ui:"Jua", "Mali", "Noto Sans Thai", system-ui, sans-serif;--f-title:"Cinzel", "Trajan Pro", Georgia, serif;--sat:env(safe-area-inset-top,0px);--sar:env(safe-area-inset-right,0px);--sab:env(safe-area-inset-bottom,0px);--sal:env(safe-area-inset-left,0px);--ui:1}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}h1,h2,h3,strong,b{font-weight:400}html,body{overscroll-behavior:none;background:var(--ink);width:100%;height:100%;margin:0;overflow:hidden}body{font-family:var(--f-ui);color:var(--text);-webkit-user-select:none;user-select:none;touch-action:none}#app{background:var(--ink);--u:min(1cqh, .56cqw);position:fixed;inset:0;overflow:hidden;container:app/size}@supports (height:100dvh){#app{height:100dvh;bottom:auto}}#app{height:var(--app-h,100dvh);bottom:auto}button{font:inherit;color:inherit;cursor:pointer;touch-action:manipulation;background:0 0;border:0}button:focus-visible{outline:2px solid var(--gold-hi);outline-offset:3px}button:disabled{opacity:.55;cursor:default}[hidden]{display:none!important}canvas{display:block}.screen{display:none;position:absolute;inset:0;overflow:hidden}html[data-screen=login] #login{display:flex}.embers{pointer-events:none;z-index:1;width:100%;height:100%;position:absolute;inset:0}.cut{--c:calc(var(--u) * 1.6);isolation:isolate;background:linear-gradient(135deg, var(--gold-hi), var(--gold) 45%, var(--gold-lo));clip-path:polygon(var(--c) 0, 100% 0, 100% calc(100% - var(--c)), calc(100% - var(--c)) 100%, 0 100%, 0 var(--c));position:relative}.cut:before{content:"";z-index:-1;background:linear-gradient(180deg, var(--panel-a), var(--panel-b));clip-path:polygon(var(--c) 0, 100% 0, 100% calc(100% - var(--c)), calc(100% - var(--c)) 100%, 0 100%, 0 var(--c));position:absolute;inset:2px}.btn-gold{--c:12px;isolation:isolate;letter-spacing:.5px;color:var(--gold-hi);background:linear-gradient(135deg, var(--gold-hi), var(--gold) 45%, var(--gold-lo));clip-path:polygon(var(--c) 0, 100% 0, 100% calc(100% - var(--c)), calc(100% - var(--c)) 100%, 0 100%, 0 var(--c));justify-content:center;align-items:center;gap:10px;padding:14px 28px;font-size:18px;transition:filter .15s,transform .1s;display:inline-flex;position:relative}.btn-gold:before{content:"";z-index:-1;clip-path:polygon(var(--c) 0, 100% 0, 100% calc(100% - var(--c)), calc(100% - var(--c)) 100%, 0 100%, 0 var(--c));background:linear-gradient(#3a1020,#14070e);position:absolute;inset:2px}.btn-gold svg{flex:none;width:22px;height:22px}.btn-gold:hover:not(:disabled){filter:brightness(1.25)drop-shadow(0 0 8px #d9a44199)}.btn-gold:active:not(:disabled){transform:translateY(2px)}.btn-link{color:var(--muted);padding:8px;font-size:14px;text-decoration:underline}.chip{padding:calc(var(--u) * 1) calc(var(--u) * 2.2);font-size:calc(var(--u) * 2.4);color:var(--gold-hi);border:1px solid var(--gold-lo);background:#0009;border-radius:999px}.chip:hover{border-color:var(--gold)}#gameView canvas{width:100%;height:100%}#login{background:radial-gradient(120% 80% at 50% 30%,#3a0e26 0%,#160a1f 45%,#07050c 100%);justify-content:center;align-items:center}#login .moon{background:radial-gradient(circle at 38% 36%,#ff9db0,#d9486a 45%,#7a1535 100%);border-radius:50%;width:46cqmin;height:46cqmin;animation:6s ease-in-out infinite moonPulse;position:absolute;top:14%;left:50%;transform:translate(-50%);box-shadow:0 0 8cqmin #e0334f88,0 0 24cqmin #e0334f44}@keyframes moonPulse{50%{box-shadow:0 0 10cqmin #e0334fbb,0 0 30cqmin #e0334f55}}#login .moon:after{content:"";background:radial-gradient(circle at 70% 70%,#0006 0 12%,#0000 13%),radial-gradient(circle at 30% 65%,#0004 0 8%,#0000 9%);border-radius:50%;position:absolute;inset:0}#login .skyline{clip-path:polygon(0 100%,0 62%,6% 62%,6% 46%,9% 40%,12% 46%,12% 58%,20% 58%,20% 36%,23% 22%,26% 36%,26% 58%,36% 58%,36% 48%,42% 48%,42% 30%,45% 30%,45% 14%,48% 4%,51% 14%,51% 30%,54% 30%,54% 48%,62% 48%,62% 60%,70% 60%,70% 40%,73% 28%,76% 40%,76% 60%,84% 60%,84% 50%,88% 44%,92% 50%,92% 62%,100% 62%,100% 100%);background:#050309;height:38%;position:absolute;bottom:0;left:0;right:0}.login-box{z-index:2;text-align:center;flex-direction:column;align-items:center;gap:2.2cqmin;width:min(92cqw,460px);margin-top:18cqmin;padding:0 4cqmin;display:flex;position:relative}.tagline{color:#cdbfd6;margin:0;font-size:clamp(14px,2.6cqmin,18px)}#gbtn{width:min(100%,340px);margin-top:2cqmin}.msg{min-height:1.4em;color:var(--crimson-hi);margin:0;font-size:14px}.logo{line-height:1;font-family:var(--f-title);flex-direction:column;align-items:center;margin:0;font-weight:700;display:flex}.logo span{letter-spacing:.08em;color:var(--gold-hi);text-shadow:0 0 22px #e0334f99,0 3px #000;font-size:clamp(40px,13cqmin,84px)}.logo em{letter-spacing:.6em;text-indent:.6em;color:var(--crimson-hi);text-shadow:0 0 12px #e0334f;margin-top:.6cqmin;font-size:clamp(16px,4.4cqmin,30px);font-style:normal}.modal{z-index:10;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:radial-gradient(90% 90% at 50% 40%,#2a0c22cc,#07050cee);justify-content:center;align-items:center;padding:16px;animation:.25s fadeIn;display:flex;position:absolute;inset:0;overflow:auto}.modal-card{--c:14px;text-align:center;flex-direction:column;align-items:center;gap:10px;width:min(92cqw,400px);max-height:100%;padding:26px 22px 18px;display:flex;box-shadow:0 0 40px #e0334f55}.modal-card h2{color:var(--gold-hi);text-shadow:0 0 14px #e0334f99;margin:4px 0 0;font-size:24px}.modal-card p{color:#d8cce0;margin:0;font-size:16px;line-height:1.6}.modal-card b{color:var(--crimson-hi)}.modal-card .who-line{color:var(--teal)}.modal-card .btn-gold{width:100%;margin-top:6px}.modal-card .msg{font-size:13px}.modal-card .rot-phone{width:48px;height:78px}@keyframes fadeIn{0%{opacity:0}}@container app (height<=520px){.modal-card{flex-direction:column;gap:6px;padding:14px 18px 10px}.modal-card .rot-phone{display:none}.modal-card h2{font-size:20px}.modal-card p{font-size:14px}}#app{background:radial-gradient(120% 80% at 50% 30%,#3a0e26 0%,#160a1f 45%,#07050c 100%)}#app>#gameView{z-index:0;position:absolute;inset:0}html[data-screen=login] #gameView{display:none}#login{padding:calc(var(--sat) + 16px) 16px calc(var(--sab) + 16px);background:0 0}.login-box{margin-top:0}.modal-card .rot-phone{display:none}#gameWrap{--ink:#ece7f2;--text:#ece7f2;--muted:#8b889b;--bronze:#c8a15a;--bronze-hi:#f1dba3;--bronze-lo:#5b4526;--crimson:#e0334f;--ember:#ff7a45;--teal:#2fd6c4;--surface:linear-gradient(180deg, #181923a8, #08080db8);--surface-solid:linear-gradient(180deg, #181923eb, #08080df2);--edge:inset 0 1px 0 #ffffff12, inset 0 0 0 1px #000000b3;--brackets:linear-gradient(var(--bronze), var(--bronze)) 0 0 / 11px 1px no-repeat, linear-gradient(var(--bronze), var(--bronze)) 0 0 / 1px 11px no-repeat, linear-gradient(var(--bronze), var(--bronze)) 100% 0 / 11px 1px no-repeat, linear-gradient(var(--bronze), var(--bronze)) 100% 0 / 1px 11px no-repeat, linear-gradient(var(--bronze), var(--bronze)) 0 100% / 11px 1px no-repeat, linear-gradient(var(--bronze), var(--bronze)) 0 100% / 1px 11px no-repeat, linear-gradient(var(--bronze), var(--bronze)) 100% 100% / 11px 1px no-repeat, linear-gradient(var(--bronze), var(--bronze)) 100% 100% / 1px 11px no-repeat;--hud-font:"Trebuchet MS", "Segoe UI", "Mali", system-ui, sans-serif;font-family:var(--hud-font);color:var(--ink)}#gameWrap button{touch-action:manipulation}#gameWrap button:active{filter:brightness(1.3)}.orb{border:2px solid var(--bronze);width:38px;height:38px;box-shadow:var(--edge), 0 3px 8px #00000073;background:radial-gradient(circle at 50% 22%,#2b2c3bc7,#0b0b11cc 76%);border-radius:50%;place-items:center;padding:0;display:grid;position:relative}.orb svg{fill:none;width:23px;height:23px;stroke:var(--bronze-hi);stroke-width:2.4px;stroke-linecap:round;stroke-linejoin:round}.orb:active{transform:scale(.92)}.orb[aria-expanded=true]{border-color:var(--ember);box-shadow:var(--edge), 0 0 14px #ff7a458c;background:radial-gradient(circle at 50% 24%,#5d3a1c,#1c0f08 78%)}.orb b{min-width:19px;font:700 10px/15px var(--hud-font);color:#fff;background:var(--crimson);border:1px solid #000;border-radius:99px;padding:1px 4px;position:absolute;top:-5px;right:-5px;box-shadow:0 0 8px #e0334fb3}.pop{background:var(--brackets), var(--surface-solid);width:260px;box-shadow:var(--edge), 0 4px 14px #0006;border:1px solid #c8a15a59;border-radius:5px;gap:8px;padding:12px 14px 14px;display:grid;position:absolute;top:56px;right:0}.pop h3{font:700 13px var(--f-title);letter-spacing:4px;text-transform:uppercase;text-align:center;color:var(--bronze-hi);border-bottom:1px solid #c8a15a4d;margin:0;padding-bottom:6px}.pop button{min-height:44px;font:700 15px var(--hud-font);color:var(--ink);border:1px solid var(--bronze-lo);box-shadow:var(--edge);background:radial-gradient(circle at 50% 22%,#2b2c3bc7,#0b0b11cc 76%);border-radius:4px;padding:4px 10px}#logout{color:#ffd0d8!important;background:linear-gradient(#4d1220,#200610)!important;border-color:#8f2238!important}#stats{text-align:center;font:600 11px var(--hud-font);color:var(--muted);pointer-events:none}#mailList{touch-action:pan-y;gap:5px;max-height:190px;margin:0;padding:0;list-style:none;display:grid;overflow-y:auto}#mailList li{color:var(--text);border-left:3px solid var(--bronze);background:#0d0e15;border-radius:0 4px 4px 0;padding:7px 10px;font-size:14px;line-height:1.45}#mailList li.empty{color:var(--muted);text-align:center;border-left-color:#3a3f4d;font-style:italic}#toast{z-index:7;text-align:center;max-width:70%;font:700 14px var(--hud-font);letter-spacing:2px;text-transform:uppercase;color:var(--bronze-hi);text-shadow:0 0 10px #ff7a458c;background:linear-gradient(90deg, transparent, var(--bronze) 20%, var(--bronze) 80%, transparent) top / 100% 1px no-repeat, linear-gradient(90deg, transparent, var(--bronze) 20%, var(--bronze) 80%, transparent) bottom / 100% 1px no-repeat, linear-gradient(90deg, transparent, #080a0fdd 18%, #080a0fdd 82%, transparent);opacity:0;pointer-events:none;padding:9px 32px;transition:opacity .25s;position:absolute;top:20%;left:50%;transform:translate(-50%)}#toast.on{opacity:1}html[data-screen=game] #gameWrap,html[data-screen=lobby] #gameWrap{z-index:1;pointer-events:none;background:0 0;flex-direction:column;justify-content:flex-end;display:flex}#acts{align-items:flex-end;gap:12px;display:flex}#uniq{--uc:#b98cff;pointer-events:auto;touch-action:none;border:2px solid var(--uc);background:radial-gradient(circle, color-mix(in srgb, var(--uc) 35%, transparent), #0a061099 100%);width:62px;height:62px;box-shadow:0 0 14px color-mix(in srgb, var(--uc) 60%, transparent);border-radius:50%;place-items:center;margin-bottom:18px;display:grid}#uniq[hidden]{display:none}#uniq span{font:700 24px/1 var(--hud-font);color:#fff;text-shadow:0 1px 3px #000000b3;pointer-events:none}#uniq.cd{opacity:.55;box-shadow:none}#uniq:active{transform:scale(.94)}.tr-choice{flex-wrap:wrap;justify-content:center;gap:6px;margin-top:6px;display:flex}.tr-choice button{border:1px solid var(--rc);background:color-mix(in srgb, var(--rc) 18%, transparent);color:#fff;font:700 13px var(--hud-font);border-radius:10px;padding:7px 12px}#chat[data-open="0"] #chatLog{pointer-events:none}.fine{z-index:3;left:calc(var(--sal) + 12px);bottom:calc(var(--sab) + 10px);pointer-events:none;font:400 14px/1 var(--f-ui);letter-spacing:.02em;text-transform:none;font-variant:normal;color:#fff6;text-shadow:0 1px 2px #00000073;background:0 0;margin:0;padding:0;position:absolute}#topbar{z-index:5;padding:calc(var(--sat) + 6px) calc(8px + var(--sar)) 0 calc(8px + var(--sal));pointer-events:none;justify-content:space-between;align-items:flex-start;gap:8px;display:flex;position:absolute;top:0;left:0;right:0}#hud{z-index:1;flex:none;align-items:center;width:min(252px,66cqw);display:flex;position:relative}.medal{z-index:1;background:conic-gradient(var(--ember) calc(var(--xp,0) * 1%), #2a2833 0);width:52px;height:52px;box-shadow:0 0 0 1.5px #000, 0 0 0 2.5px var(--bronze-lo), 0 3px 8px #000000b3;border-radius:50%;flex:none;margin-right:-13px;padding:3px;position:relative}.medal-core{text-align:center;background:radial-gradient(circle at 50% 28%,#34364a,#090a10 78%);border-radius:50%;place-content:center;width:100%;height:100%;display:grid;box-shadow:inset 0 0 0 1.5px #000,inset 0 0 0 2.5px #c8a15a99}.medal strong{font:700 23px/1 var(--hud-font);color:var(--bronze-hi);text-shadow:0 0 8px #ff7a458c,0 1px #000}.medal small{font:700 8px/1 var(--hud-font);letter-spacing:2px;color:var(--bronze);text-indent:2px;margin-top:1px}.hud-body{background:var(--brackets), var(--surface);min-width:0;box-shadow:var(--edge), 0 3px 10px #0006;border:1px solid #c8a15a59;border-radius:4px;flex:1;padding:6px 9px 7px 20px}.nick-row{justify-content:space-between;align-items:baseline;gap:6px;min-width:0;margin-bottom:3px;display:flex}.nick{text-overflow:ellipsis;white-space:nowrap;min-width:0;font:700 13.5px/1.2 var(--hud-font);letter-spacing:.4px;color:var(--bronze-hi);text-shadow:0 1px #000;overflow:hidden}.meter{clip-path:polygon(0 0,calc(100% - 5px) 0,100% 100%,5px 100%);background:#040407bf;height:14px;margin:3px 0 0;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #c8a15a66}.meter i{transform-origin:0;transition:transform .12s linear;position:absolute;inset:0;box-shadow:inset 0 1px #ffffff59,inset 0 -3px 4px #0000004d}.meter .ghost{box-shadow:none;opacity:.55;background:linear-gradient(#fffc,#fff7);transition:transform .42s ease-out .28s}.hp i:not(.ghost){background:linear-gradient(#ff8294 0%,#e0334f 48%,#7a1126 100%)}.armor i{background:linear-gradient(#cfdcf2 0%,#7f97c4 48%,#34466b 100%)}.stamina i{background:linear-gradient(#98f7ea 0%,#2fd6c4 48%,#0f6a70 100%)}.meter .lb{z-index:2;font:700 9px/14px var(--hud-font);letter-spacing:.5px;color:#ffffffe6;text-shadow:0 1px 2px #000,0 0 3px #000;position:absolute;top:0;left:7px}.meter.hp .lb{font-size:10px;line-height:17px}.meter span{z-index:2;text-align:right;font:700 10px/14px var(--hud-font);letter-spacing:.2px;color:#fff;text-shadow:0 1px 2px #000,0 0 3px #000;padding-right:8px;position:absolute;inset:0}.meter.hp span{font-size:11.5px;line-height:17px}#tools{z-index:6;pointer-events:auto;flex:none;gap:14px;margin:4px 4px 0 0;display:grid;position:relative}.orb{border-width:2px;width:40px;height:40px}.orb svg{stroke-width:2.4px;width:24px;height:24px}.orb b{min-width:16px;padding:0 4px;font-size:10px;line-height:15px;top:-4px;right:-4px}#tools .pop{gap:6px;width:min(250px,100cqw - 94px);padding:10px 12px 12px;top:0;right:52px}.pop h3{letter-spacing:3px;font-size:12px}#toast{letter-spacing:1.5px;padding:7px 26px;font-size:13px;top:14%}#dock{padding:0 calc(var(--sar) + 8px) calc(var(--sab) + 8px) calc(var(--sal) + 8px);-webkit-user-select:none;user-select:none;flex:none;align-self:stretch;position:relative}#dockBar{border:2px solid var(--gold-lo);background:linear-gradient(#221630f2,#0b0711f7);border-radius:14px;grid-template-columns:repeat(5,minmax(0,1fr));gap:4px;padding:5px;display:grid;box-shadow:0 0 0 1px #000,inset 0 1px #ffe2a033,0 -6px 18px #0006}.dk{min-width:0;color:var(--text);font:400 clamp(11px, 3.3cqw, 15px)/1.1 var(--f-ui);letter-spacing:.2px;white-space:nowrap;background:0 0;border:0;border-radius:10px;flex-direction:column;align-items:center;gap:3px;padding:7px 2px 6px;transition:background .15s,transform .1s;display:flex;position:relative}.dk svg{fill:none;width:clamp(22px,7.2cqw,32px);height:clamp(22px,7.2cqw,32px);stroke:var(--gold);stroke-width:1.7px;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 1px #000);transition:stroke .15s,fill .15s}.dk:active{transform:scale(.94)}.dk[aria-pressed=true]{color:var(--gold-hi);background:radial-gradient(at 50% 0,#d9a44147,#d9a4410f 70%);box-shadow:inset 0 0 0 1px #d9a4418c}.dk[aria-pressed=true] svg{stroke:var(--gold-hi);fill:#ffe2a038}@media (hover:hover) and (pointer:fine){.dk:hover{background:#d9a4411f}}#sheet{left:calc(var(--sal) + 8px);right:calc(var(--sar) + 8px);border:2px solid var(--gold-lo);background:linear-gradient(#1b1226f7,#0b0711f7);border-radius:14px;flex-direction:column;max-height:min(46cqh,340px);margin-bottom:-2px;display:flex;position:absolute;bottom:100%;box-shadow:0 0 0 1px #000,0 -8px 24px #00000080}#sheet[hidden]{display:none}#sheet header{border-bottom:1px solid #d9a4414d;flex:none;justify-content:space-between;align-items:center;padding:6px 8px 6px 14px;display:flex}#sheet h3{font:400 clamp(16px, 4.6cqw, 20px) var(--f-ui);color:var(--gold-hi);text-shadow:0 0 10px #e0334f77;margin:0}#sheetClose{width:34px;height:34px;color:var(--muted);background:0 0;border:0;border-radius:50%;place-items:center;display:grid}#sheetClose svg{fill:none;stroke:currentColor;stroke-width:2.2px;stroke-linecap:round;width:18px;height:18px}#sheetBody{overscroll-behavior:contain;touch-action:pan-y;flex:auto;min-height:0;padding:10px 14px 12px;font-size:clamp(13px,3.8cqw,16px);overflow-y:auto}.sh-empty{text-align:center;color:var(--muted);margin:14px 0;line-height:1.5}.sh-rows{grid-template-columns:auto 1fr;align-items:center;gap:7px 14px;margin:0;display:grid}.sh-rows dt{color:var(--muted)}.sh-rows dd{text-align:right;color:var(--text);font-variant-numeric:tabular-nums;margin:0}.sh-bar{background:#ffffff1a;border-radius:3px;grid-column:1/-1;height:6px;margin-top:-3px;overflow:hidden}.sh-bar i{height:100%;width:calc(var(--v,0) * 1%);border-radius:inherit;background:var(--c,var(--gold));display:block}#pad{padding:0 calc(30px + var(--sar)) 26px calc(30px + var(--sal));pointer-events:none;justify-content:space-between;align-items:flex-end;display:flex}#stick{pointer-events:auto;touch-action:none;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;opacity:1;background:radial-gradient(circle,#bec4ce38,#969ca84d 100%);border:2px solid #ffffff61;border-radius:50%;width:113px;height:113px;position:relative;box-shadow:inset 0 0 0 1px #0000001f,0 0 0 1px #00000026}#knob{pointer-events:none;will-change:transform;background:radial-gradient(circle at 50% 38%,#eceff4d1,#bec4ceb8 100%);border:2px solid #ffffff8c;border-radius:50%;width:48px;height:48px;margin:-24px 0 0 -24px;position:absolute;top:50%;left:50%;box-shadow:0 2px 5px #00000040}#atk{pointer-events:auto;touch-action:none;opacity:1;background:radial-gradient(circle,#bec4ce38,#969ca84d 100%);border:2px solid #ffffff61;border-radius:50%;place-items:center;width:78px;height:78px;margin-bottom:18px;display:grid;box-shadow:inset 0 0 0 1px #0000001f,0 0 0 1px #00000026}#atk span{font:700 15px/1 var(--hud-font);letter-spacing:1.5px;color:#ffffffe6;text-shadow:0 1px 2px #0009;pointer-events:none}#atk.on{background:radial-gradient(circle,#eceff473,#bec4ce80 100%);border-color:#fffc;transform:scale(.94)}#gameWrap #topbar>*,#gameWrap #dock{pointer-events:auto}.meter.armor .lb{font-size:10px}#leftCol{flex-direction:column;flex:none;gap:6px;width:min(252px,66cqw);min-width:0;display:flex}#leftCol #hud{width:100%}#chat{min-width:0;font-family:var(--hud-font);flex-direction:column;gap:4px;display:flex;position:relative}.ch-head{align-items:center;gap:8px;min-width:0;display:flex}#chatBtn{min-height:32px;color:var(--bronze-hi);font:700 13px var(--hud-font);letter-spacing:.5px;cursor:pointer;background:#0b0b11b8;border:1px solid #c8a15a66;border-radius:16px;flex:none;align-items:center;gap:6px;padding:4px 12px 4px 9px;display:inline-flex;position:relative}#chatBtn svg{fill:none;stroke:currentColor;stroke-width:2px;stroke-linejoin:round;width:16px;height:16px}#chat[data-open="1"] #chatBtn{border-color:var(--bronze-hi);background:#2b1e0cd9}#chatDot{min-width:18px;height:18px;font:700 11px/1 var(--hud-font);color:#fff;background:var(--crimson,#e0334f);border-radius:9px;place-items:center;padding:0 4px;display:grid;position:absolute;top:-6px;right:-6px;box-shadow:0 0 0 1.5px #000}#chatDot[hidden]{display:none}#chatInfo{text-overflow:ellipsis;white-space:nowrap;color:#ffffff8c;text-shadow:0 1px 2px #000;min-width:0;font-size:11px;overflow:hidden}#chat[data-state=online] #chatInfo:before,#chat[data-state=local] #chatInfo:before{content:"";background:#5dff9a;border-radius:50%;width:7px;height:7px;margin-right:5px;display:inline-block;box-shadow:0 0 6px #5dff9a}#chat[data-state=local] #chatInfo:before{background:#ffd35d;box-shadow:0 0 6px #ffd35d}#chatInfo:empty{display:none}#chatBox{flex-direction:column;gap:4px;min-width:0;display:flex}#chatLog{overscroll-behavior:contain;pointer-events:none;scrollbar-width:thin;flex-direction:column;gap:2px;margin:0;padding:0;list-style:none;display:flex;overflow-y:auto}#chatLog li{font:400 13px/1.35 var(--hud-font);color:#f3ecf4;overflow-wrap:anywhere;text-shadow:0 1px 2px #000;background:#08060e8c;border-radius:4px;padding:3px 8px}#chatLog li b{color:var(--bronze-hi);font-weight:700}#chatLog li.me b{color:#8fe3ff}#chatLog li.sys{color:#fff9;font-style:italic}#chat[data-open="0"] #chatLog{justify-content:flex-end;max-height:7.6em;overflow:hidden}#chat[data-open="0"] #chatLog li:not(.fresh),#chat[data-open="0"] #chatForm{display:none}#chat[data-open="1"] #chatLog{pointer-events:auto;background:#08060e99;border:1px solid #c8a15a40;border-radius:6px;max-height:clamp(84px,26cqh,190px);padding:4px}#chat[data-open="1"] #chatLog li{background:0 0;padding:1px 4px}#chatForm{gap:6px;display:flex}#chatIn{color:#fff;min-width:0;height:36px;font:400 16px var(--hud-font);background:#08060ed9;border:1px solid #c8a15a73;border-radius:6px;outline:none;flex:1;padding:0 10px}#chatIn:focus{border-color:var(--bronze-hi)}#chatIn::placeholder{color:#fff6}#chatSend{border:1px solid var(--bronze-lo);height:36px;color:var(--bronze-hi);font:700 14px var(--hud-font);cursor:pointer;background:linear-gradient(#5a4220,#2e200c);border-radius:6px;flex:none;padding:0 12px}@media (prefers-reduced-motion:no-preference){#chatLog li{animation:.18s ease-out chIn}@keyframes chIn{0%{opacity:0;transform:translateY(4px)}}}@media (hover:hover) and (pointer:fine){#pad{display:none}}.guide{z-index:20}.rot-icon{fill:none;width:72px;height:72px;stroke:var(--gold-hi);stroke-width:2.4px;stroke-linecap:round;stroke-linejoin:round;transform-origin:50%;animation:2.6s ease-in-out infinite rotHint}@keyframes rotHint{0%,15%{transform:rotate(0)}50%,80%{transform:rotate(90deg)}to{transform:rotate(0)}}@media (prefers-reduced-motion:reduce){.rot-icon{animation:none}}#fullscreenGuide .modal-card{width:min(92cqw,440px)}@container app (width<=340px){#hud{width:70cqw}.nick{font-size:12px}}#gameView{background:#000}.up{border-top:1px solid #d9a4414d;margin-top:14px;padding-top:10px}.up-head{color:var(--gold-hi);justify-content:space-between;align-items:center;gap:8px;margin-bottom:4px;display:flex}.up-coin{font-variant-numeric:tabular-nums;color:#dfe6ff;background:#a0afd229;border:1px solid #becdeb73;border-radius:999px;padding:3px 10px;font-size:.86em}.up-grp{margin-top:10px}.up-grp h4{font:400 .92em var(--f-ui);letter-spacing:.02em;color:var(--gold);margin:0 0 6px}.up-row{border-bottom:1px solid #ffffff0f;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px;padding:7px 0;display:grid}.up-top{justify-content:space-between;align-items:baseline;gap:8px;display:flex}.up-name{color:var(--text)}.up-top em{color:var(--gold-hi);font-variant-numeric:tabular-nums;font-size:.85em;font-style:normal}.up-info small{color:var(--muted);margin-top:1px;font-size:.8em;line-height:1.35;display:block}.up-bar{height:5px;margin-top:5px}.up-btn{border:1px solid var(--gold-lo);min-width:64px;min-height:40px;font:700 .92em var(--hud-font);color:#1a1226;background:linear-gradient(180deg, var(--gold-hi), var(--gold));font-variant-numeric:tabular-nums;border-radius:8px;padding:4px 10px}.up-btn:active:not(:disabled){transform:scale(.95)}.up-btn:disabled{color:var(--muted);background:#ffffff0f;border-color:#ffffff24}.up-note{color:var(--muted);text-align:center;margin:10px 0 0;font-size:.78em;line-height:1.4}#rotateGuide .modal-card{text-align:center;flex-direction:column;align-items:center;gap:12px;width:min(92cqw,440px);display:flex}#rotateGuide h2{color:var(--gold-hi);margin:0}#rotateGuide p{margin:0;line-height:1.6}.ios-dim{z-index:90;background:radial-gradient(120% 80% at 50% 30%,#3a0e26 0%,#160a1f 45%,#07050c 100%);justify-content:center;align-items:center;transition:opacity .28s;position:absolute;inset:0}.ios-dim.out{opacity:0;pointer-events:none}.ios-box{--sp:clamp(56px, 16cqmin, 96px);box-sizing:border-box;background:0 0;flex-direction:column;justify-content:center;align-items:center;gap:clamp(20px,5cqmin,40px);width:min(92cqw,460px);padding:0 4cqmin;animation:.3s ease-out iosPop;display:flex}.ios-box .logo{margin-bottom:clamp(4px,2cqmin,20px)}.ios-box p{letter-spacing:.04em;color:#ffffffe6;text-align:center;margin:0;font:600 clamp(15px,3.6cqmin,22px)/1.3 -apple-system,BlinkMacSystemFont,SF Pro Text,system-ui,sans-serif}.ios-spin{width:var(--sp);height:var(--sp);position:relative}.ios-spin i{width:calc(var(--sp) * .085);height:calc(var(--sp) * .25);margin-left:calc(var(--sp) * -.0425);transform-origin:50% calc(var(--sp) / 2);opacity:.2;background:#fff;border-radius:999px;animation:1s steps(12,end) infinite iosTick;position:absolute;top:0;left:50%}.ios-spin i:nth-child(n){transform:rotate(calc(var(--k) * 30deg));animation-delay:calc(var(--k) * -83.33ms)}.ios-spin i:first-child{--k:0}.ios-spin i:nth-child(2){--k:1}.ios-spin i:nth-child(3){--k:2}.ios-spin i:nth-child(4){--k:3}.ios-spin i:nth-child(5){--k:4}.ios-spin i:nth-child(6){--k:5}.ios-spin i:nth-child(7){--k:6}.ios-spin i:nth-child(8){--k:7}.ios-spin i:nth-child(9){--k:8}.ios-spin i:nth-child(10){--k:9}.ios-spin i:nth-child(11){--k:10}.ios-spin i:nth-child(12){--k:11}@keyframes iosTick{0%{opacity:1}to{opacity:.2}}@keyframes iosPop{0%{opacity:0;transform:scale(1.12)}to{opacity:1;transform:scale(1)}}@media (prefers-reduced-motion:reduce){.ios-box{animation:none}.ios-dim{transition:none}}#readyDlg{z-index:15;background:#07050ccc}#rotateGuide.strict{z-index:40;background:#07050c}#readyDlg{cursor:pointer}#readyDlg .modal-card{gap:8px}.tap-hint{font:400 14px/1.3 var(--f-ui);letter-spacing:.04em;color:#ece7f2c7;text-shadow:0 1px 3px #000000b3;margin-top:2px;animation:1.8s ease-in-out infinite tapPulse;display:block}@keyframes tapPulse{0%,to{opacity:.55}50%{opacity:1}}@media (prefers-reduced-motion:reduce){.tap-hint{animation:none}}#dungeonTag{z-index:4;top:calc(var(--sat) + 8px);pointer-events:none;white-space:nowrap;text-align:center;font:700 clamp(20px, 3.4cqmin, 28px)/1.25 var(--hud-font,var(--f-ui));letter-spacing:2px;color:#f1dba3;text-shadow:0 2px #000,0 0 14px #ff7a45a6;background:linear-gradient(90deg,#0000,#080a0fd1 16% 84%,#0000);border-top:1px solid #c8a15a99;border-bottom:1px solid #c8a15a99;border-image:linear-gradient(90deg,#0000,#c8a15a 22% 78%,#0000) 1;padding:6px 34px 8px;position:absolute;left:50%;transform:translate(-50%)}#dungeonTag:empty,html[data-screen=login] #dungeonTag{display:none}#dungeonTag.pop{animation:.6s ease-out tagPop}@keyframes tagPop{0%{opacity:0;transform:translate(-50%)scale(1.25)}to{opacity:1;transform:translate(-50%)scale(1)}}#dungeonTag{left:50%;top:calc(var(--sat) + 84px);padding:5px 26px 6px;font-size:clamp(18px,5cqw,24px);transform:translate(-50%)}@media (prefers-reduced-motion:reduce){#dungeonTag.pop{animation:none}}#readyDlg.modal{-webkit-backdrop-filter:blur(3px)saturate(1.1);backdrop-filter:blur(3px)saturate(1.1);background:#ffffff12}#readyDlg .modal-card.cut{clip-path:none;background:linear-gradient(145deg,#ffffff47,#ffffff1a);border:1px solid #ffffff73;border-radius:22px;box-shadow:0 8px 32px #00000047,inset 0 1px #ffffff8c}#readyDlg .modal-card.cut:before{display:none}#readyDlg .btn-gold{clip-path:none;color:#fff;text-shadow:0 1px 4px #0000008c;background:#ffffff38;border:1px solid #ffffff8c;border-radius:14px;box-shadow:inset 0 1px #ffffff80}#readyDlg .btn-gold:before{display:none}#readyDlg .btn-gold:hover:not(:disabled){filter:none;background:#ffffff57}#readyDlg .tap-hint{color:#ffffffeb;text-shadow:0 1px 4px #0009}#goCount{z-index:6;pointer-events:none;opacity:0;font:800 clamp(56px, 19cqmin, 150px)/1 var(--hud-font,var(--f-ui));color:#fff6d2;text-shadow:0 4px #000,0 0 28px #ff7a45bf,0 0 64px #b98cff8c;place-items:center;display:grid;position:absolute;inset:0}#goCount.go{animation:1.5s ease-out forwards goStart}html[data-screen=login] #goCount,html[data-screen=lobby] #goCount{display:none}@keyframes goStart{0%{opacity:0;transform:scale(.7)}9%{opacity:1;transform:scale(1.08)}18%{opacity:1;transform:scale(1)}72%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(1.25)}}@media (prefers-reduced-motion:reduce){#goCount.go{animation:1.5s linear forwards goFade}@keyframes goFade{0%,80%{opacity:1}to{opacity:0}}}.box-hint{color:#d8cce0;font-size:15px!important}.boxes{justify-content:center;gap:10px;width:100%;margin:4px 0 2px;display:flex}.box{--rc:#ffc531;aspect-ratio:3/4;max-width:112px;color:var(--ink);font:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent;animation:bx-float 2.6s ease-in-out var(--d,0s) infinite, bx-glow 2.6s ease-in-out var(--d,0s) infinite;background:radial-gradient(circle at 50% 35%,#ffc53124,#ffffff08 70%);border:2px solid #c8a15a66;border-radius:14px;flex:1 1 0;justify-content:center;align-items:center;padding:0;transition:transform .2s,border-color .3s,background .3s,opacity .4s,filter .4s;display:flex;position:relative;overflow:visible}.box:disabled{cursor:default}.box:not(:disabled):active{transform:scale(.94)}.box svg{width:82%;overflow:visible}.box .bx-body rect:not(.rb){fill:#2b1636;stroke:#d9a441;stroke-width:2px}.box .bx-lid rect:not(.rb){fill:#3b1d4a;stroke:#ffd77a;stroke-width:2px}.box .rb,.box ellipse.rb{fill:#e0334f;stroke:#ffb0c0;stroke-width:1.2px}.box .q{fill:#ffe6a8;stroke:#2a0a3a;stroke-width:.6px;font:700 17px Jua,sans-serif}.box .bx-lid{transform-box:fill-box;transform-origin:50% 100%;transition:transform .45s cubic-bezier(.3,1.6,.5,1),opacity .4s}.box.shake{border-color:#ffd77a;animation:.65s ease-in-out both bx-shake}.box.open{animation:none}.box.open svg{opacity:0;transition:opacity .25s,transform .3s;position:absolute;transform:scale(.6)}.box.open .bx-lid{transform:translateY(-14px)rotate(-18deg)}.bx-face{flex-direction:column;align-items:center;gap:3px;padding:4px;animation:.5s cubic-bezier(.3,1.7,.5,1) both bx-pop;display:flex}.bx-face i{color:var(--rc);text-shadow:0 0 14px var(--rc);font-size:34px;font-style:normal;line-height:1}.bx-face b{color:#fff;font-size:12px;line-height:1.25}.bx-face small{letter-spacing:1.2px;color:var(--rc);font-size:10px;font-weight:700}.box[data-r]{border-color:var(--rc);background:radial-gradient(circle at 50% 40%, color-mix(in srgb, var(--rc) 28%, transparent), #0a0610d9 75%)}.box.picked{box-shadow:0 0 22px color-mix(in srgb, var(--rc) 70%, transparent), inset 0 0 18px color-mix(in srgb, var(--rc) 25%, transparent);z-index:1;transform:translateY(-4px)scale(1.05)}.box.picked[data-r=inf]{animation:1.4s ease-in-out infinite bx-legend}.box.ghost{opacity:.45;filter:saturate(.6);transform:scale(.94)}.bx-spark{background:var(--rc,#fff);width:5px;height:5px;box-shadow:0 0 8px var(--rc,#fff);pointer-events:none;border-radius:50%;margin:-2.5px;animation:.75s ease-out forwards bx-spark;position:absolute;top:50%;left:50%}.box-result{--rc:#ffc531;text-align:center;border-radius:10px;flex-direction:column;gap:2px;width:100%;min-height:0;padding:0;display:flex}.box-result[data-r]{background:color-mix(in srgb, var(--rc) 12%, transparent);border:1px solid color-mix(in srgb, var(--rc) 55%, transparent);padding:8px 10px;animation:.45s ease-out both bx-pop}.box-result b{text-shadow:0 0 10px color-mix(in srgb, var(--rc) 60%, transparent);font-size:17px;color:var(--rc)!important}.box-result span{color:#d8cce0;font-size:13px;line-height:1.45}.btn-gold:disabled{opacity:.45;filter:grayscale(.4);cursor:not-allowed}@keyframes bx-float{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}@keyframes bx-glow{0%,to{box-shadow:0 0 6px #ffc53126}50%{box-shadow:0 0 18px #ffc53180}}@keyframes bx-shake{0%,to{transform:rotate(0)scale(1.04)}15%{transform:rotate(-9deg)scale(1.06)}30%{transform:rotate(9deg)scale(1.08)}45%{transform:rotate(-11deg)scale(1.1)}60%{transform:rotate(11deg)scale(1.1)}80%{transform:rotate(-4deg)scale(1.12)}}@keyframes bx-pop{0%{opacity:0;transform:scale(.4)}to{opacity:1;transform:scale(1)}}@keyframes bx-spark{0%{opacity:1;transform:translate(0)scale(1)}to{opacity:0;transform:translate(var(--dx), var(--dy)) scale(.2)}}@keyframes bx-legend{0%,to{box-shadow:0 0 18px #ffc53199}50%{box-shadow:0 0 34px #ffc531f2,0 0 60px #ff8c3c66}}@media (prefers-reduced-motion:reduce){.box,.box.picked[data-r=inf],.bx-face,.box-result[data-r],.box.shake{animation:none!important}.bx-spark{display:none}}#stick{--stick:clamp(96px, 24cqmin, 150px);width:var(--stick);height:var(--stick)}#knob{width:calc(var(--stick) * .32);height:calc(var(--stick) * .32);margin:calc(var(--stick) * -.16) 0 0 calc(var(--stick) * -.16)}html[data-screen=lobby] #lobby{display:flex}#lobby{color:var(--text);padding:calc(var(--sat) + 14px) calc(var(--sar) + 16px) calc(var(--sab) + 14px) calc(var(--sal) + 16px);font-family:var(--f-ui);background:radial-gradient(120% 90% at 50% 35%,#3a0e26 0%,#160a1f 48%,#07050c 100%)}#lobby .lb-glow{aspect-ratio:1;background:radial-gradient(circle, var(--glow,#e0334f55) 0%, #a98bff22 45%, transparent 70%);pointer-events:none;border-radius:50%;width:min(70cqmin,520px);animation:6s ease-in-out infinite moonPulse;display:none;position:absolute;top:52%;left:50%;transform:translate(-50%,-50%)}#lobby .lb-hero{left:50%;bottom:calc(var(--sab) + 9cqh);width:var(--w);height:var(--h);image-rendering:auto;pointer-events:none;background-position:0 0;background-repeat:no-repeat;animation:.9s steps(8,end) infinite lb-idle;position:absolute;transform:translate(-50%)}#lobby .lb-hero:after{content:"";z-index:-1;background:radial-gradient(#000a 0%,#0000 70%);width:62%;height:12%;position:absolute;bottom:2%;left:50%;transform:translate(-50%)}@keyframes lb-idle{0%{background-position-x:0}to{background-position-x:calc(var(--w) * -8)}}.lb-profile{z-index:2;background:linear-gradient(135deg,#1b1226ee,#0b0711ee);border:1px solid #fff2;border-radius:18px;align-self:flex-start;align-items:center;gap:12px;max-width:min(78cqw,420px);padding:10px 16px 10px 10px;display:flex;position:relative;box-shadow:0 6px 24px #000a,inset 0 0 0 1px #ffffff0a}.lb-avatar{border:2px solid var(--gold);width:64px;height:64px;font:700 28px var(--f-title);color:var(--gold-hi);background:#2b1636 50%/cover no-repeat;border-radius:50%;flex:none;place-items:center;display:grid;overflow:hidden;box-shadow:0 0 14px #d9a44155}.lb-info{flex-direction:column;gap:2px;min-width:0;display:flex}.lb-name-wrap{align-items:center;gap:6px;display:flex;position:relative}.lb-name{width:100%;min-width:0;font:400 22px/1.25 var(--f-ui);color:var(--gold-hi);text-overflow:ellipsis;background:0 0;border:0;border-bottom:1px dashed #ffe2a066;border-radius:0;outline:none;padding:2px 4px}.lb-name:focus{border-bottom-color:var(--gold-hi);background:#ffffff0d}.lb-name-wrap svg{fill:none;width:16px;height:16px;stroke:var(--muted);stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;flex:none}.lb-name-wrap .ic-lock,.lb-name-wrap[data-state=locked] .ic-edit,.lb-name-wrap[data-state=draft] .lb-ic{display:none}.lb-name-wrap[data-state=locked] .ic-lock{display:block}.lb-name-wrap[data-state=locked] .lb-name{color:var(--muted);cursor:default;border-bottom-style:solid;border-bottom-color:#ffffff1a}.lb-nbtn{cursor:pointer;background:#ffffff10;border:1px solid #ffffff2a;border-radius:50%;flex:none;place-items:center;width:30px;height:30px;padding:0;display:grid}.lb-nbtn[hidden]{display:none}.lb-nbtn svg{stroke-width:2.6px;width:16px;height:16px}.lb-nbtn.ok{background:#1f6b46;border-color:#7dffb0}.lb-nbtn.ok svg{stroke:#d8ffe8}.lb-nbtn.no svg{stroke:var(--crimson-hi)}.lb-nbtn:disabled{opacity:.5}.lb-status[data-s=warn]{color:var(--gold-hi)}.lb-meta{color:var(--muted);align-items:baseline;gap:8px;font-size:13px;display:flex}.lb-meta b{color:var(--teal);letter-spacing:.5px;font-weight:400}.lb-status{min-height:14px;color:var(--muted);font-size:12px}.lb-status[data-s=ok]{color:#7dffb0}.lb-status[data-s=err]{color:var(--crimson-hi)}.lb-right{z-index:2;right:calc(var(--sar) + 18px);bottom:calc(var(--sab) + 18px);flex-direction:column;align-items:center;gap:8px;display:flex;position:absolute}.lb-start{padding:16px 38px;font-size:22px;animation:2.4s ease-in-out infinite lb-pulse;box-shadow:0 0 24px #d9a44166}@keyframes lb-pulse{50%{filter:brightness(1.18)}}#lobby .lb-bg{pointer-events:none;background:#2f5a18;position:absolute;inset:0;overflow:hidden}.lb-dungeon{z-index:2;bottom:calc(var(--sab) + 18px);left:calc(var(--sal) + 16px);letter-spacing:.3px;color:var(--text);border:1px solid var(--rim,#fff3);box-shadow:0 0 12px -2px var(--rim,transparent);background:#0b0711cc;border-radius:999px;padding:6px 14px;font-size:13px;position:absolute}@container app (height<=420px){.lb-avatar{width:48px;height:48px;font-size:22px}.lb-name{font-size:18px}.lb-role{display:none}.lb-start{padding:12px 28px;font-size:18px}}@media (prefers-reduced-motion:reduce){#lobby .lb-hero,#lobby .lb-glow,.lb-start{animation:none}}.lb-silver{color:#e8eef7;align-items:center;gap:6px;font-size:14px;display:flex}.lb-silver b{letter-spacing:.5px;font-weight:400}.lb-silver .coin{background:radial-gradient(circle at 35% 30%,#fff 0%,#c9d3e0 45%,#8d99ab 100%);border:1.5px solid #8a95a6;border-radius:50%;width:16px;height:16px;box-shadow:0 0 6px #b9c6dd88,inset 0 0 0 2px #fff5}html{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%}body{-webkit-touch-callout:none;-webkit-font-smoothing:antialiased}button,input{font-family:inherit}input,textarea{font-size:max(16px,1em)}#topbar{padding-top:calc(var(--sat) + 8px)}#tools .pop{width:min(270px,100cqw - 78px)}#toast{top:calc(var(--sat) + 21cqh);max-width:88%}#dungeonTag{top:calc(var(--sat) + 84px);max-width:94%;font-size:clamp(16px,5cqw,24px)}#pad{padding:0 calc(var(--sar) + 5cqw) 2cqh calc(var(--sal) + 5cqw)}#atk{width:clamp(78px,22cqw,118px);height:clamp(78px,22cqw,118px);margin-bottom:14px}#uniq{width:clamp(56px,15cqw,84px);height:clamp(56px,15cqw,84px);margin-bottom:14px}.modal-card{overscroll-behavior:contain;max-height:calc(100cqh - 24px);overflow-y:auto}#lobby{flex-direction:column;align-items:stretch}.lb-profile{align-self:stretch;max-width:none}#lobby .lb-hero{bottom:calc(var(--sab) + 4cqh + 168px)}#lobby .lb-glow{width:min(86cqw,520px);top:50%}.lb-dungeon{left:50%;bottom:calc(var(--sab) + 4cqh + 122px);white-space:nowrap;max-width:90%;transform:translate(-50%)}.lb-right{left:0;right:0;bottom:calc(var(--sab) + 4cqh);padding:0 calc(var(--sar) + 7cqw) 0 calc(var(--sal) + 7cqw)}.lb-start{width:100%;max-width:380px;min-height:56px;padding:16px 20px}.lb-right .btn-link{min-height:44px}@container app (width<=359px){#hud,#leftCol{width:64cqw}.orb{width:36px;height:36px}.orb svg{width:21px;height:21px}#tools{gap:10px}.medal{width:46px;height:46px}.medal strong{font-size:20px}.lb-avatar{width:52px;height:52px;font-size:24px}.lb-name{font-size:19px}}@container app (height<=600px){#stick{--stick:clamp(92px, 26cqw, 132px)}#atk{width:74px;height:74px}#uniq{width:54px;height:54px}#lobby .lb-hero{bottom:calc(var(--sab) + 4cqh + 130px)}.lb-dungeon{display:none}}@container app (width>=520px){@supports (zoom:1){#topbar,#dock{zoom:1.2}}.lb-profile{zoom:1.15}}@container app (width>=700px){@supports (zoom:1){#topbar,#dock{zoom:1.4}.lb-profile{zoom:1.3}}}#lobby .lb-hero.free{transform-origin:50% 94%;will-change:transform, opacity;top:0;bottom:auto;left:0}#lobby .lb-hero[data-walk="1"]{background-position-y:calc(var(--h) * -1);animation-duration:.8s}.lb-portal{z-index:1;pointer-events:none;position:absolute}.lb-portal span{white-space:nowrap;color:var(--gold-hi);background:#0b0711c7;border:1px solid #ffe2a080;border-radius:999px;margin-top:6px;padding:5px 14px 6px;font-size:14px;animation:1.8s ease-in-out infinite lbTag;position:absolute;top:100%;left:50%;transform:translate(-50%);box-shadow:0 0 14px #a98bff8c}.lb-portal span:before{content:"";background:#0b0711c7;border-top:1px solid #ffe2a080;border-left:1px solid #ffe2a080;width:9px;height:9px;position:absolute;top:-6px;left:50%;transform:translate(-50%)rotate(45deg)}@keyframes lbTag{50%{transform:translate(-50%)translateY(-5px)}}.lb-entering .lb-portal span{visibility:hidden}.lb-mark{z-index:1;border:2px solid var(--gold-hi);opacity:0;pointer-events:none;border-radius:50%;width:34px;height:34px;margin:-17px 0 0 -17px;position:absolute;box-shadow:0 0 10px #d9a441cc}.lb-mark.on{opacity:1;animation:1s ease-out infinite lbMark}@keyframes lbMark{0%{opacity:1;transform:scale(.55)}to{opacity:.15;transform:scale(1.25)}}.lb-warp{z-index:5;pointer-events:none;opacity:0;background:radial-gradient(circle at 50% 28%,#f1e3ff 0%,#8a4ae0 38%,#1a0b2e 78%,#07050c 100%);transition:opacity .5s ease-in;position:absolute;inset:0}.lb-entering .lb-warp{opacity:.9}.lb-hint{text-align:center;max-width:100%;color:var(--gold-hi);background:#0b0711cc;border:1px solid #ffe2a073;border-radius:999px;margin:0;padding:10px 18px;font-size:15px;line-height:1.4;animation:2.4s ease-in-out infinite lb-pulse;box-shadow:0 0 18px #d9a44159,0 4px 16px #00000080}.lb-links{gap:10px;display:flex}.lb-right .btn-link{min-height:40px;color:var(--text);background:#0b0711c7;border:1px solid #ffffff38;border-radius:999px;padding:6px 20px;font-size:14px;text-decoration:none;box-shadow:0 2px 10px #00000073}@media (prefers-reduced-motion:reduce){.lb-portal span,.lb-mark.on,.lb-hint{animation:none}.lb-warp{transition:none}}.mp-profile{align-items:center;gap:10px;min-width:0;padding:4px 0 2px;display:flex}.mp-profile .lb-avatar{width:46px;height:46px;font-size:20px}.mp-profile .lb-info{flex:1;min-width:0}.mp-profile .lb-name{font-size:17px}.pop .lb-nbtn{width:30px;min-height:30px;padding:0}#menuPanel .lb-status{text-align:center;min-height:0;font-family:var(--hud-font)}#menuPanel .lb-status:empty{display:none}#lobbyPop{z-index:3;top:calc(var(--sat) + 58px);pointer-events:none;white-space:nowrap;font:700 12px/1.3 var(--hud-font,var(--f-ui));letter-spacing:1px;color:#e9dcb6;text-shadow:0 1px #000;background:#080a0f9e;border:1px solid #c8a15a66;border-radius:999px;padding:3px 14px 4px;position:absolute;left:50%;transform:translate(-50%)}#lobbyPop[hidden],html[data-screen=login] #lobbyPop,html[data-screen=game] #lobbyPop{display:none}@container app (aspect-ratio>=1){#hud,#leftCol{width:clamp(196px,30cqw,300px)}#topbar{padding-top:calc(var(--sat) + 6px)}#tools{gap:10px}.orb{width:36px;height:36px}.orb svg{width:21px;height:21px}#tools .pop{width:min(270px,42cqw)}#toast{top:calc(var(--sat) + 16cqh);max-width:56%}#dungeonTag{top:calc(var(--sat) + 8px);max-width:40%;font-size:clamp(15px,2.4cqw,22px)}#chat[data-open="1"] #chatLog{max-height:clamp(60px,30cqh,150px)}#pad{padding:0 calc(var(--sar) + 4cqw) calc(var(--sab) + 4cqh) calc(var(--sal) + 4cqw)}#stick{--stick:clamp(92px, 34cqh, 150px)}#atk{width:clamp(76px,28cqh,118px);height:clamp(76px,28cqh,118px);margin-bottom:1cqh}#atk span{font-size:clamp(13px,4cqh,19px)}#uniq{width:clamp(52px,18cqh,84px);height:clamp(52px,18cqh,84px);margin-bottom:1cqh}#uniq span{font-size:clamp(20px,6cqh,30px)}#acts{gap:3cqh}#dock{width:min(52cqw,440px);padding:0 8px calc(var(--sab) + 6px);align-self:auto;position:absolute;bottom:0;left:50%;transform:translate(-50%)}.dk{padding:5px 2px 4px}.dk svg{width:clamp(20px,6cqh,28px);height:clamp(20px,6cqh,28px)}#sheet{max-height:min(58cqh,300px);left:0;right:0}.modal{padding:8px}.modal-card{width:min(70cqw,440px);max-height:calc(100cqh - 16px);padding:18px 20px 14px}.modal-card h2{font-size:21px}.modal-card p{font-size:15px;line-height:1.5}#fullscreenGuide .modal-card,#readyDlg .modal-card{width:min(70cqw,440px)}.boxes{gap:8px}.box{max-width:96px}.login-box{width:min(60cqw,460px)}#login .moon{width:52cqh;height:52cqh;top:8%}.logo span{font-size:clamp(34px,11cqh,84px)}#lobby{flex-direction:row;align-items:flex-start}.lb-profile{align-self:flex-start;max-width:min(46cqw,420px)}#lobby .lb-hero{bottom:calc(var(--sab) + 9cqh)}#lobby .lb-glow{width:min(70cqh,520px);top:52%}.lb-dungeon{left:calc(var(--sal) + 16px);bottom:calc(var(--sab) + 14px);max-width:40%;transform:none}.lb-right{left:auto;right:calc(var(--sar) + 18px);bottom:calc(var(--sab) + 14px);padding:0}.lb-start{width:auto;max-width:none;min-height:0;padding:14px 34px;font-size:20px}.lb-right .btn-link{min-height:36px}#lobbyPop{top:calc(var(--sat) + 14px)}}@container app (aspect-ratio>=1) and (height<=440px){.meter{height:12px}.meter.hp{height:14px}.meter .lb,.meter span{font-size:9px;line-height:12px}.meter.hp .lb,.meter.hp span{font-size:10px;line-height:14px}.medal{width:44px;height:44px}.medal strong{font-size:19px}#hud,#leftCol{width:clamp(176px,28cqw,250px)}.modal-card{gap:6px;padding:12px 16px 10px}.lb-avatar{width:48px;height:48px}.lb-name{font-size:18px}.lb-start{padding:10px 26px;font-size:18px}}:root{--ui:1;--uh:1;--uc:1;--um:1;--hudw:min(calc(250px * var(--uh)), 64cqw)}html[data-orient=landscape]{--hudw:min(calc(250px * var(--uh)), 34cqw)}#hud,#leftCol{width:var(--hudw)}.medal{width:calc(52px * var(--uh));height:calc(52px * var(--uh));margin-right:calc(-13px * var(--uh))}.medal strong{font-size:calc(23px * var(--uh))}.medal small{font-size:calc(8px * var(--uh))}.hud-body{padding:calc(6px * var(--uh)) calc(9px * var(--uh)) calc(7px * var(--uh)) calc(20px * var(--uh))}.nick{font-size:calc(13.5px * var(--uh))}.meter{height:calc(14px * var(--uh))}.meter.hp{height:calc(17px * var(--uh))}.meter .lb,.meter span,.meter.armor .lb{font-size:calc(9.5px * var(--uh));line-height:calc(14px * var(--uh))}.meter.hp .lb,.meter.hp span{font-size:calc(11px * var(--uh));line-height:calc(17px * var(--uh))}#topbar{gap:calc(8px * var(--uh));padding-top:calc(var(--sat) + 6px * var(--uh))}#tools{gap:calc(12px * var(--uh))}.orb{width:max(36px, calc(40px * var(--uh)));height:max(36px, calc(40px * var(--uh)))}.orb svg{width:calc(24px * var(--uh));height:calc(24px * var(--uh))}.orb b{font-size:calc(10px * var(--uh))}#tools .pop{width:min(calc(264px * var(--uh)), calc(100cqw - 24px - 54px));right:calc(52px * var(--uh))}#tools #mailPanel{top:calc(52px * var(--uh))}.pop h3{font-size:calc(12px * var(--uh))}.pop button{min-height:max(40px, calc(40px * var(--uh)));font-size:calc(14px * var(--uh))}#mailList li{font-size:calc(14px * var(--uh))}#chatBtn{min-height:max(32px, calc(32px * var(--uh)));font-size:calc(12px * var(--uh))}#chatLog li{font-size:calc(13px * var(--uh))}#chatIn,#chatSend{height:max(34px, calc(36px * var(--uh)))}#chatInfo{font-size:calc(11px * var(--uh))}#dockBar{gap:calc(4px * var(--uh));padding:calc(5px * var(--uh));border-radius:calc(14px * var(--uh))}.dk{min-height:44px;font-size:calc(11px * var(--uh))}.dk svg{width:clamp(20px, calc(28px * var(--uh)), 38px);height:clamp(20px, calc(28px * var(--uh)), 38px)}#sheet h3{font-size:calc(19px * var(--uh))}#sheetBody{font-size:calc(15px * var(--uh))}#sheetClose{width:max(34px, calc(34px * var(--uh)));height:max(34px, calc(34px * var(--uh)))}html[data-orient=landscape] #dock{width:min(calc(440px * var(--uh)), 52cqw)}#stick{--stick:clamp(92px, calc(124px * var(--uc)), 190px)}#atk{width:clamp(76px, calc(96px * var(--uc)), 150px);height:clamp(76px, calc(96px * var(--uc)), 150px)}#atk span{font-size:calc(16px * var(--uc))}#uniq{width:clamp(52px, calc(68px * var(--uc)), 110px);height:clamp(52px, calc(68px * var(--uc)), 110px)}#uniq span{font-size:calc(24px * var(--uc))}#uniq.cd span{font-size:calc(19px * var(--uc))}#acts{gap:calc(12px * var(--uc))}html[data-orient=landscape] #stick{--stick:clamp(88px, min(calc(124px * var(--uc)), 38cqh), 180px)}html[data-orient=landscape] #atk{width:clamp(72px, min(calc(96px * var(--uc)), 32cqh), 140px);height:clamp(72px, min(calc(96px * var(--uc)), 32cqh), 140px)}html[data-orient=landscape] #uniq{width:clamp(48px, min(calc(68px * var(--uc)), 21cqh), 100px);height:clamp(48px, min(calc(68px * var(--uc)), 21cqh), 100px)}#toast{font-size:calc(13px * var(--uh))}#dungeonTag{font-size:clamp(15px, calc(22px * var(--uh)), 30px)}.modal-card{width:min(calc(400px * var(--um)), 92cqw)}html[data-orient=landscape] .modal-card,html[data-orient=landscape] #fullscreenGuide .modal-card,html[data-orient=landscape] #readyDlg .modal-card{width:min(calc(440px * var(--um)), 70cqw)}.modal-card h2{font-size:calc(24px * var(--um))}.modal-card p{font-size:calc(16px * var(--um))}.modal-card .btn-gold,.btn-gold{min-height:max(44px, calc(46px * var(--um)));font-size:calc(17px * var(--um))}.btn-link{min-height:44px;font-size:calc(14px * var(--um))}.box-result span{font-size:calc(13px * var(--um))}.lb-avatar{width:calc(64px * var(--um));height:calc(64px * var(--um))}.lb-name{font-size:calc(22px * var(--um))}.lb-meta{font-size:calc(13px * var(--um))}.lb-silver{font-size:calc(14px * var(--um))}.lb-dungeon{font-size:calc(13px * var(--um))}.lb-start{font-size:calc(22px * var(--um));min-height:max(48px, calc(56px * var(--um)))}.lb-hint{font-size:calc(15px * var(--um))}html[data-orient=portrait] #lobby .lb-hero{bottom:calc(var(--sab) + 4cqh + 168px * var(--um))}html[data-orient=portrait] .lb-dungeon{bottom:calc(var(--sab) + 4cqh + 122px * var(--um))}html[data-short="1"] #toast{top:calc(var(--sat) + 12cqh)}html[data-short="1"] .modal-card{max-height:calc(var(--app-h,100cqh) - 12px)}@media (hover:hover) and (pointer:fine){.dk,.btn-link{min-height:0}}.modal-card,#sheetBody,#mailList{overscroll-behavior:contain}#modeGate{z-index:60;text-align:center;background:#07050cf2;justify-content:center;align-items:center;padding:24px;display:flex;position:absolute;inset:0}#modeGate[hidden]{display:none}#modeGate .mg-card{max-width:420px;color:var(--text);font-family:var(--f-ui);flex-direction:column;align-items:center;gap:12px;display:flex}#modeGate svg{fill:none;width:84px;height:84px;stroke:var(--gold-hi);stroke-width:2.4px;stroke-linecap:round;stroke-linejoin:round}#modeGate h2{color:var(--gold-hi);margin:0;font-size:24px}#modeGate p{color:#d8cce0;margin:0;font-size:16px;line-height:1.6}#modeGate b{color:var(--crimson-hi)}@media (prefers-reduced-motion:no-preference){#modeGate svg{animation:2.6s ease-in-out infinite rotHint}}html[data-orient=portrait] #dock{align-self:stretch;width:auto;position:relative;bottom:auto;left:auto;transform:none}html[data-orient=portrait] #pad{padding:0 calc(var(--sar) + 5cqw) 2cqh calc(var(--sal) + 5cqw)}html[data-orient=landscape] #pad{padding:0 calc(var(--sar) + 4cqw) calc(var(--sab) + 4cqh) calc(var(--sal) + 4cqw)}html[data-orient=landscape][data-device=phone] #dock{width:min(calc(380px * var(--uh)), 46cqw)}html[data-orient=landscape][data-device=phone] .dk{padding:3px 2px}html[data-orient=landscape][data-device=phone] #chatInfo{display:none}html[data-orient=landscape][data-device=tablet] #pad{padding-left:calc(var(--sal) + 6cqw);padding-right:calc(var(--sar) + 6cqw);padding-bottom:calc(var(--sab) + 6cqh)}html[data-input=mouse] #pad{display:none}html[data-orient=landscape][data-device=desktop] #topbar{padding-left:calc(16px + var(--sal));padding-right:calc(16px + var(--sar));padding-top:calc(var(--sat) + 12px)}html[data-orient=landscape][data-device=desktop] .orb:hover,html[data-orient=landscape][data-device=desktop] .dk:hover{filter:brightness(1.2)}html[data-orient=landscape][data-device=desktop] .modal-card{width:min(calc(460px * var(--um)), 50cqw)}html[data-orient=landscape][data-screen]{--hudw:max(128px, min(calc(184px * var(--uh)), 28cqw));--orb:clamp(30px, calc(34px * var(--uh)), 44px)}html[data-orient=landscape][data-screen] #hud,html[data-orient=landscape][data-screen] #leftCol{width:var(--hudw)}html[data-orient=landscape][data-screen] #topbar{gap:calc(6px * var(--uh));padding:calc(var(--sat) + 4px * var(--uh)) calc(var(--sar) + 8px * var(--uh)) 0 calc(var(--sal) + 8px * var(--uh))}html[data-orient=landscape][data-screen] .medal{width:calc(36px * var(--uh));height:calc(36px * var(--uh));margin-right:calc(-9px * var(--uh))}html[data-orient=landscape][data-screen] .medal strong{font-size:max(12px, calc(15px * var(--uh)))}html[data-orient=landscape][data-screen] .medal small{font-size:max(7px, calc(7px * var(--uh)));letter-spacing:1.5px}html[data-orient=landscape][data-screen] .hud-body{padding:calc(3px * var(--uh)) calc(6px * var(--uh)) calc(4px * var(--uh)) calc(13px * var(--uh))}html[data-orient=landscape][data-screen] .nick-row{margin-bottom:calc(1px * var(--uh))}html[data-orient=landscape][data-screen] .nick{font-size:max(9.5px, calc(10.5px * var(--uh)))}html[data-orient=landscape][data-screen] .meter{height:max(9.5px, calc(10px * var(--uh)));margin-top:calc(2px * var(--uh))}html[data-orient=landscape][data-screen] .meter.hp{height:max(11px, calc(12px * var(--uh)))}html[data-orient=landscape][data-screen] .meter .lb,html[data-orient=landscape][data-screen] .meter span,html[data-orient=landscape][data-screen] .meter.armor .lb{font-size:max(7.5px, calc(8px * var(--uh)));line-height:max(9.5px, calc(10px * var(--uh)))}html[data-orient=landscape][data-screen] .meter.hp .lb,html[data-orient=landscape][data-screen] .meter.hp span{font-size:max(8px, calc(9px * var(--uh)));line-height:max(11px, calc(12px * var(--uh)))}html[data-orient=landscape][data-screen] #leftCol{gap:calc(4px * var(--uh))}html[data-orient=landscape][data-screen] #chatBtn{min-height:max(28px, calc(28px * var(--uh)));padding:2px calc(10px * var(--uh)) 2px calc(8px * var(--uh));font-size:max(10.5px, calc(11.5px * var(--uh)));gap:5px}html[data-orient=landscape][data-screen] #chatBtn svg{width:max(13px, calc(15px * var(--uh)));height:max(13px, calc(15px * var(--uh)))}html[data-orient=landscape][data-screen] #chatLog li{font-size:max(10.5px, calc(12px * var(--uh)))}html[data-orient=landscape][data-screen] #chatIn,html[data-orient=landscape][data-screen] #chatSend{height:max(30px, calc(32px * var(--uh)))}html[data-orient=landscape][data-screen] #tools{gap:calc(6px * var(--uh));margin:calc(2px * var(--uh)) calc(2px * var(--uh)) 0 0}html[data-orient=landscape][data-screen] .orb{width:var(--orb);height:var(--orb)}html[data-orient=landscape][data-screen] .orb svg{width:calc(var(--orb) * .58);height:calc(var(--orb) * .58)}html[data-orient=landscape][data-screen] .orb b{min-width:14px;font-size:8px;line-height:11px;top:-3px;right:-3px}html[data-orient=landscape][data-screen] #tools .pop{right:calc(var(--orb) + 10px);width:min(calc(250px * var(--uh)), 40cqw);max-height:calc(100cqh - var(--sat) - 12px);overflow-y:auto}html[data-orient=landscape][data-screen] #tools #mailPanel{top:calc(var(--orb) + 8px * var(--uh))}html[data-orient=landscape][data-screen] .pop button{min-height:36px;font-size:max(12px, calc(13.5px * var(--uh)))}html[data-orient=landscape][data-screen] .pop h3{font-size:max(10px, calc(11.5px * var(--uh)))}html[data-orient=landscape][data-screen] #dungeonTag{top:calc(var(--sat) + 4px);max-width:34%;font-size:clamp(13px,5.6cqh,24px)}html[data-orient=landscape][data-screen] #toast{font-size:max(11px, calc(12px * var(--uh)));top:calc(var(--sat) + 15cqh);padding:6px 22px}html[data-orient=landscape][data-screen] #dock{width:max(200px, min(calc(235px * var(--uh)), calc(90cqw - 83cqh)));padding:0 6px calc(var(--sab) + 3px)}html[data-orient=landscape][data-screen] #dockBar{padding:calc(2px * var(--uh));border-radius:calc(10px * var(--uh));border-width:1.5px;gap:1px}html[data-orient=landscape][data-screen] .dk{min-height:30px;padding:calc(2px * var(--uh)) 1px calc(1px * var(--uh));font-size:clamp(9.5px, calc(10px * var(--uh)), 12px);border-radius:7px;gap:0}html[data-orient=landscape][data-screen] .dk svg{width:clamp(15px, calc(19px * var(--uh)), 24px);height:clamp(15px, calc(19px * var(--uh)), 24px)}html[data-orient=landscape][data-screen] #sheet{max-height:min(62cqh,320px);left:0;right:0}html[data-orient=landscape][data-screen] #sheet header{padding:3px 6px 3px 12px}html[data-orient=landscape][data-screen] #sheet h3{font-size:max(14px, calc(17px * var(--uh)))}html[data-orient=landscape][data-screen] #sheetBody{font-size:max(12px, calc(14px * var(--uh)));padding:8px 12px 10px}html[data-orient=landscape][data-screen] #sheetClose{width:32px;height:32px}html[data-orient=landscape][data-screen] #pad{padding:0 calc(var(--sar) + 3.5cqw) calc(var(--sab) + 3cqh) calc(var(--sal) + 3.5cqw)}html[data-orient=landscape][data-screen] #stick{--stick:clamp(84px, 31cqh, 150px)}html[data-orient=landscape][data-screen] #atk{width:clamp(62px,22cqh,112px);height:clamp(62px,22cqh,112px);margin-bottom:0}html[data-orient=landscape][data-screen] #atk span{font-size:clamp(11px,3.8cqh,18px)}html[data-orient=landscape][data-screen] #uniq{width:clamp(46px,15cqh,80px);height:clamp(46px,15cqh,80px);margin-bottom:0}html[data-orient=landscape][data-screen] #uniq span{font-size:clamp(18px,5.4cqh,28px)}html[data-orient=landscape][data-screen] #uniq.cd span{font-size:clamp(14px,4.4cqh,22px)}html[data-orient=landscape][data-screen] #acts{align-items:flex-end;gap:2.4cqh}html[data-orient=landscape][data-device=tablet] #dock{width:max(240px, min(calc(290px * var(--uh)), calc(90cqw - 83cqh)))}html[data-orient=landscape][data-device=desktop]{--hudw:min(calc(262px * var(--uh)), 26cqw)}html[data-orient=landscape][data-device=desktop] #dock{width:min(calc(360px * var(--uh)), 34cqw);padding-bottom:calc(var(--sab) + 10px)}html[data-orient=landscape][data-device=desktop] .dk{font-size:clamp(11px, calc(11.5px * var(--uh)), 14px)}html[data-orient=landscape][data-device=desktop] .dk svg{width:clamp(20px, calc(22px * var(--uh)), 28px);height:clamp(20px, calc(22px * var(--uh)), 28px)}html[data-orient=landscape][data-device=desktop] .dk{min-height:0}html[data-orient=landscape][data-input=mouse] .pop button{min-height:32px}@container app (aspect-ratio>=1) and (width<=600px){html[data-orient=landscape][data-screen] #dock{width:max(200px, min(calc(220px * var(--uh)), calc(90cqw - 83cqh)))}html[data-orient=landscape][data-screen] .dk{font-size:9.5px}}.cs{white-space:normal;flex-direction:column;gap:clamp(8px,2.6cqw,14px);min-width:0;display:flex}.cs-cards{grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch;gap:clamp(8px,3cqw,16px);display:grid}.cs-card{text-align:center;min-width:0;color:var(--text);cursor:pointer;-webkit-tap-highlight-color:transparent;background:linear-gradient(160deg,#ffffff1a,#ffffff08);border:1.5px solid #fff3;border-radius:clamp(12px,9cqi,20px);flex-direction:column;align-items:stretch;gap:4cqi;padding:6cqi;transition:transform .12s,border-color .15s,background .15s,box-shadow .15s;display:flex;position:relative;container-type:inline-size}.cs-card:active{transform:scale(.96)}@media (hover:hover) and (pointer:fine){.cs-card:hover{border-color:#ffbecdb3;transform:translateY(-2px)}}.cs-pic{aspect-ratio:1;background:radial-gradient(circle at 50% 40%,#5a2a52 0%,#2b1636 75%);border-radius:clamp(10px,7cqi,16px);flex:none;width:100%;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #ffffff24}.cs-pic i{transform-origin:50%;transform:scale(var(--k,.5));image-rendering:auto;pointer-events:none;background-position:0 0;background-repeat:no-repeat;display:block;position:absolute;top:50%;left:50%}.cs-cn{overflow-wrap:anywhere;min-width:0;font:400 clamp(13px, 11cqi, 22px)/1.15 var(--f-ui);color:var(--gold-hi);text-shadow:0 0 8px #e0334f8c;display:block}.cs-role{overflow-wrap:anywhere;min-width:0;color:var(--muted);font-size:clamp(11px,7.6cqi,15px);line-height:1.25;display:block}.cs-tag{font:400 clamp(10px, 7cqi, 14px)/1.2 var(--f-ui);color:#3a1022;background:linear-gradient(135deg, var(--gold-hi), #ffb3c1);border-radius:999px;padding:.08em .7em .14em;font-style:normal;display:none;position:absolute;top:9cqi;right:9cqi;box-shadow:0 2px 6px #0006}.cs-card[aria-checked=true]{border-color:var(--gold);background:linear-gradient(160deg,#d9a4414d,#ff6b7d1a);box-shadow:0 0 0 2px #d9a44140,0 0 16px #d9a44159}.cs-card[aria-checked=true] .cs-tag{display:block}.cs-card.pop{animation:.5s cubic-bezier(.3,1.7,.5,1) csPop}.cs-card.shake{animation:.35s csShake}@keyframes csPop{0%{transform:scale(.9)}55%{transform:scale(1.07)}to{transform:scale(1)}}@keyframes csShake{25%{transform:translate(-5px)}75%{transform:translate(5px)}}.cs.busy .cs-card{pointer-events:none;opacity:.75}.cs-spark{z-index:2;color:var(--gold-hi);text-shadow:0 0 8px #ff6b7de6;pointer-events:none;font-size:16px;line-height:1;animation:.75s ease-out forwards csSpark;position:absolute;top:40%;left:50%}@keyframes csSpark{0%{opacity:1;transform:translate(-50%,-50%)scale(.5)}to{opacity:0;transform:translate(calc(-50% + var(--dx)), calc(-50% + var(--dy))) scale(1.2) rotate(40deg)}}.cs-nick{text-align:center;color:var(--muted);margin:0;font-size:clamp(11px,3.2cqw,14px)}@media (prefers-reduced-motion:reduce){.cs-card.pop,.cs-card.shake{animation:none}.cs-spark{display:none}}.cs-dress{width:100%;min-height:2.7em;font:400 clamp(15px, 4.2cqw, 20px) var(--f-ui);color:#3a1022;cursor:pointer;background:linear-gradient(135deg, var(--gold-hi), #ffb3c1);-webkit-tap-highlight-color:transparent;border:0;border-radius:999px;justify-content:center;align-items:center;gap:8px;padding:.45em .9em;transition:transform .1s,box-shadow .1s;display:flex;box-shadow:0 3px #a5566a,0 6px 16px #ff6b7d59}.cs-dress small{opacity:.7;font-size:.65em}.cs-dress:active{transform:translateY(3px);box-shadow:0 0 #a5566a,0 3px 10px #ff6b7d4d}.cs-dress span{animation:1.8s ease-in-out infinite csTwinkle;display:inline-block}@keyframes csTwinkle{50%{transform:scale(1.35)rotate(20deg)}}.dr{z-index:19;padding:calc(var(--sat) + 8px) calc(var(--sar) + 8px) calc(var(--sab) + 8px) calc(var(--sal) + 8px);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);font-family:var(--f-ui);color:var(--text);background:radial-gradient(90% 80% at 50% 40%,#3a0e26b8,#05030ae6);place-items:center;animation:.3s ease-out vnIn;display:grid;position:absolute;inset:0}.dr.out{opacity:0;pointer-events:none;transition:opacity .2s}.dr-card{border:2px solid var(--gold-lo);background:linear-gradient(160deg,#301634f5,#0e0816f7);border-radius:22px;flex-direction:column;width:min(100%,780px);height:min(100%,720px);min-height:0;display:flex;overflow:hidden;box-shadow:0 18px 60px #000c,inset 0 0 0 1px #ffbecd26}.dr-head{border-bottom:1px solid #d9a4414d;flex:none;justify-content:space-between;align-items:center;padding:8px 8px 8px 18px;display:flex}.dr-head h2{font:400 clamp(18px, 5cqw, 22px) var(--f-ui);color:var(--gold-hi);text-shadow:0 0 10px #e0334f77;margin:0}.dr-head small{color:var(--muted);font-size:.7em}.dr-x{width:40px;height:40px;color:var(--text);cursor:pointer;background:#ffffff14;border:0;border-radius:50%;place-items:center;display:grid}.dr-x svg{fill:none;stroke:currentColor;stroke-width:2.4px;stroke-linecap:round;width:18px;height:18px}.dr-main{overscroll-behavior:contain;flex-direction:column;flex:auto;min-height:0;display:flex;overflow-y:auto}.dr-stage{flex-direction:column;flex:none;align-items:center;gap:6px;padding:8px 12px 6px;display:flex;position:relative}.dr-pedestal{aspect-ratio:1.25;pointer-events:none;background:radial-gradient(at 50% 62%,#ff6b7d61,#a98bff29 45%,#0000 70%);border-radius:50%;width:min(70%,280px);position:absolute;top:4px;left:50%;transform:translate(-50%)}.dr-view{aspect-ratio:1;object-fit:contain;image-rendering:auto;filter:drop-shadow(0 6px 8px #00000080);width:auto;height:clamp(120px,21cqh,200px);animation:3.2s ease-in-out infinite drFloat;position:relative}.dr-view.bump{animation:.4s cubic-bezier(.3,1.6,.5,1) drBump,3.2s ease-in-out .4s infinite drFloat}@keyframes drFloat{50%{transform:translateY(-4px)}}@keyframes drBump{0%{transform:scale(.92)}55%{transform:scale(1.06)}to{transform:scale(1)}}.dr-panel{flex-direction:column;flex:1 0 auto;gap:8px;min-height:0;padding:6px 12px 10px;display:flex}.dr-tabs{background:#ffffff12;border-radius:999px;gap:6px;padding:4px;display:flex}.dr-tabs button{min-height:38px;color:var(--muted);font:400 clamp(14px, 3.8cqw, 16px) var(--f-ui);cursor:pointer;background:0 0;border:0;border-radius:999px;flex:1;padding:4px 8px;transition:background .15s,color .15s}.dr-tabs button.on{color:#3a1022;background:linear-gradient(135deg, var(--gold-hi), #ffb3c1);box-shadow:0 2px 8px #ff6b7d59}.dr-opts{flex-direction:column;gap:12px;display:flex}.dr-group h3{font:400 13px var(--f-ui);color:var(--muted);letter-spacing:.04em;margin:0 0 6px}.dr-row{flex-wrap:wrap;gap:8px;display:flex}.dr-chip{min-height:38px;color:var(--text);font:400 15px var(--f-ui);cursor:pointer;background:#ffffff12;border:1.5px solid #ffffff40;border-radius:999px;padding:6px 16px;transition:transform .1s,background .15s,border-color .15s}.dr-chip:active{transform:scale(.94)}.dr-chip[aria-pressed=true]{border-color:var(--gold);color:var(--gold-hi);background:linear-gradient(160deg,#d9a44152,#ff6b7d24);box-shadow:0 0 12px #d9a44159}.dr-dot{background:var(--c);cursor:pointer;border:2px solid #ffffff59;border-radius:50%;width:38px;height:38px;padding:0;transition:transform .1s;position:relative;box-shadow:inset 0 -4px 6px #0000002e,inset 0 3px 4px #ffffff59}.dr-dot:active{transform:scale(.88)}.dr-dot.orig{background:repeating-linear-gradient(135deg,#ffffff38 0 4px,#ffffff0f 4px 8px)}.dr-dot[aria-pressed=true]{border-color:#fff;transform:scale(1.12);box-shadow:0 0 0 3px #d9a441cc,0 0 14px #ffe2a0b3}.dr-note{text-align:center;color:var(--muted);margin:12px 0;line-height:1.6}.dr-foot{background:#00000040;border-top:1px solid #d9a4414d;flex:none;gap:8px;padding:8px 12px 10px;display:flex}.dr-btn{color:#fff;min-height:46px;font:400 clamp(15px, 4cqw, 18px) var(--f-ui);cursor:pointer;background:#ffffff1a;border:1.5px solid #ffffff59;border-radius:14px;flex:1;padding:8px 12px;transition:transform .1s}.dr-btn:active{transform:translateY(2px)}.dr-btn.main{color:#3a1022;background:linear-gradient(135deg, var(--gold-hi), #ffb3c1);border-color:#ffe2a0e6;flex:1.5;box-shadow:0 0 16px #d9a44173}.dr-btn:disabled{opacity:.55}html[data-orient=landscape] .dr-main{flex-direction:row;overflow:hidden}html[data-orient=landscape] .dr-stage{flex:0 0 46%;justify-content:center}html[data-orient=landscape] .dr-view{height:clamp(100px,34cqh,220px)}html[data-orient=landscape] .dr-panel{overscroll-behavior:contain;flex:1 1 0;overflow-y:auto}html[data-orient=landscape] .dr-card{height:100%}@container app (height<=420px){.dr-view{height:clamp(90px,30cqh,140px)}.dr-btn{min-height:40px}.dr-head{padding-top:4px;padding-bottom:4px}.dr-x{width:34px;height:34px}}@media (hover:hover) and (pointer:fine){.dr-chip:hover,.dr-dot:hover{filter:brightness(1.15)}}@media (prefers-reduced-motion:reduce){.dr-view,.dr-view.bump,.cs-dress span{animation:none}}@keyframes vnIn{0%{opacity:0}}html[data-orient=landscape] .cs-cards{width:min(100%,78cqh);margin-inline:auto}.bag{flex-direction:column;gap:10px;display:flex}.bag-grid{grid-template-columns:repeat(auto-fill,minmax(86px,1fr));gap:8px;display:grid}.bag-slot{color:var(--text);font:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent;background:#00000047;border:2px solid #5a4636;border-radius:6px;flex-direction:column;align-items:center;gap:4px;padding:10px 6px 8px;font-size:12px;display:flex;position:relative}.bag-slot[aria-pressed=true]{background:#ff9a3c24;border-color:#ff9a3c}.bag-slot:active{transform:translateY(1px)}.bag-ico{width:48px;height:48px;image-rendering:pixelated;pointer-events:none}.bag-name{text-align:center;line-height:1.25}.bag-tag{color:#2a1208;background:#ff9a3c;border-radius:4px;padding:1px 6px;font-size:10px;font-style:normal;font-weight:700;position:absolute;top:-7px;right:-4px}.bag-hint{text-align:center;color:var(--muted);margin:0;font-size:11px}#gameWrap{--fr-panel:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2212%22 height=%2212%22 viewBox=%220 0 12 12%22 shape-rendering=%22crispEdges%22%3E%3Cpath fill=%22%230d0405%22 d=%22M2 0h1v1h-1zM3 0h1v1h-1zM4 0h1v1h-1zM5 0h1v1h-1zM6 0h1v1h-1zM7 0h1v1h-1zM8 0h1v1h-1zM9 0h1v1h-1zM1 1h1v1h-1zM10 1h1v1h-1zM0 2h1v1h-1zM11 2h1v1h-1zM0 3h1v1h-1zM11 3h1v1h-1zM0 4h1v1h-1zM11 4h1v1h-1zM0 5h1v1h-1zM11 5h1v1h-1zM0 6h1v1h-1zM11 6h1v1h-1zM0 7h1v1h-1zM11 7h1v1h-1zM0 8h1v1h-1zM11 8h1v1h-1zM0 9h1v1h-1zM11 9h1v1h-1zM1 10h1v1h-1zM10 10h1v1h-1zM2 11h1v1h-1zM3 11h1v1h-1zM4 11h1v1h-1zM5 11h1v1h-1zM6 11h1v1h-1zM7 11h1v1h-1zM8 11h1v1h-1zM9 11h1v1h-1z%22/%3E%3Cpath fill=%22%23f0c860%22 d=%22M2 1h1v1h-1zM3 1h1v1h-1zM4 1h1v1h-1zM5 1h1v1h-1zM6 1h1v1h-1zM7 1h1v1h-1zM8 1h1v1h-1zM9 1h1v1h-1zM1 2h1v1h-1zM10 2h1v1h-1zM1 3h1v1h-1zM10 3h1v1h-1zM1 4h1v1h-1zM10 4h1v1h-1zM1 5h1v1h-1zM10 5h1v1h-1zM1 6h1v1h-1zM10 6h1v1h-1zM1 7h1v1h-1zM10 7h1v1h-1zM1 8h1v1h-1zM10 8h1v1h-1zM1 9h1v1h-1zM10 9h1v1h-1zM2 10h1v1h-1zM3 10h1v1h-1zM4 10h1v1h-1zM5 10h1v1h-1zM6 10h1v1h-1zM7 10h1v1h-1zM8 10h1v1h-1zM9 10h1v1h-1z%22/%3E%3Cpath fill=%22%23b8862a%22 d=%22M2 2h1v1h-1zM3 2h1v1h-1zM4 2h1v1h-1zM5 2h1v1h-1zM6 2h1v1h-1zM7 2h1v1h-1zM8 2h1v1h-1zM9 2h1v1h-1zM2 3h1v1h-1zM9 3h1v1h-1zM2 4h1v1h-1zM9 4h1v1h-1zM2 5h1v1h-1zM9 5h1v1h-1zM2 6h1v1h-1zM9 6h1v1h-1zM2 7h1v1h-1zM9 7h1v1h-1zM2 8h1v1h-1zM9 8h1v1h-1zM2 9h1v1h-1zM3 9h1v1h-1zM4 9h1v1h-1zM5 9h1v1h-1zM6 9h1v1h-1zM7 9h1v1h-1zM8 9h1v1h-1zM9 9h1v1h-1z%22/%3E%3Cpath fill=%22%234a1119%22 d=%22M3 3h1v1h-1zM4 3h1v1h-1zM5 3h1v1h-1zM6 3h1v1h-1zM7 3h1v1h-1zM8 3h1v1h-1zM3 4h1v1h-1zM8 4h1v1h-1zM3 5h1v1h-1zM8 5h1v1h-1zM3 6h1v1h-1zM8 6h1v1h-1zM3 7h1v1h-1zM8 7h1v1h-1zM3 8h1v1h-1zM4 8h1v1h-1zM5 8h1v1h-1zM6 8h1v1h-1zM7 8h1v1h-1zM8 8h1v1h-1z%22/%3E%3Cpath fill=%22%23240a0e%22 fill-opacity=%220.96%22 d=%22M4 4h1v1h-1zM5 4h1v1h-1zM6 4h1v1h-1zM7 4h1v1h-1zM4 5h1v1h-1zM5 5h1v1h-1zM6 5h1v1h-1zM7 5h1v1h-1zM4 6h1v1h-1zM5 6h1v1h-1zM6 6h1v1h-1zM7 6h1v1h-1zM4 7h1v1h-1zM5 7h1v1h-1zM6 7h1v1h-1zM7 7h1v1h-1z%22/%3E%3C/svg%3E");--fr-btn:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2212%22 height=%2212%22 viewBox=%220 0 12 12%22 shape-rendering=%22crispEdges%22%3E%3Cpath fill=%22%230d0405%22 d=%22M2 0h1v1h-1zM3 0h1v1h-1zM4 0h1v1h-1zM5 0h1v1h-1zM6 0h1v1h-1zM7 0h1v1h-1zM8 0h1v1h-1zM9 0h1v1h-1zM1 1h1v1h-1zM10 1h1v1h-1zM0 2h1v1h-1zM11 2h1v1h-1zM0 3h1v1h-1zM11 3h1v1h-1zM0 4h1v1h-1zM11 4h1v1h-1zM0 5h1v1h-1zM11 5h1v1h-1zM0 6h1v1h-1zM11 6h1v1h-1zM0 7h1v1h-1zM11 7h1v1h-1zM0 8h1v1h-1zM11 8h1v1h-1zM0 9h1v1h-1zM11 9h1v1h-1zM1 10h1v1h-1zM10 10h1v1h-1zM2 11h1v1h-1zM3 11h1v1h-1zM4 11h1v1h-1zM5 11h1v1h-1zM6 11h1v1h-1zM7 11h1v1h-1zM8 11h1v1h-1zM9 11h1v1h-1z%22/%3E%3Cpath fill=%22%23e6c067%22 d=%22M2 1h1v1h-1zM3 1h1v1h-1zM4 1h1v1h-1zM5 1h1v1h-1zM6 1h1v1h-1zM7 1h1v1h-1zM8 1h1v1h-1zM9 1h1v1h-1zM1 2h1v1h-1zM10 2h1v1h-1zM1 3h1v1h-1zM10 3h1v1h-1zM1 4h1v1h-1zM10 4h1v1h-1zM1 5h1v1h-1zM10 5h1v1h-1zM1 6h1v1h-1zM10 6h1v1h-1zM1 7h1v1h-1zM10 7h1v1h-1zM1 8h1v1h-1zM10 8h1v1h-1zM1 9h1v1h-1zM10 9h1v1h-1zM2 10h1v1h-1zM3 10h1v1h-1zM4 10h1v1h-1zM5 10h1v1h-1zM6 10h1v1h-1zM7 10h1v1h-1zM8 10h1v1h-1zM9 10h1v1h-1z%22/%3E%3Cpath fill=%22%23a8781f%22 d=%22M2 2h1v1h-1zM3 2h1v1h-1zM4 2h1v1h-1zM5 2h1v1h-1zM6 2h1v1h-1zM7 2h1v1h-1zM8 2h1v1h-1zM9 2h1v1h-1zM2 3h1v1h-1zM9 3h1v1h-1zM2 4h1v1h-1zM9 4h1v1h-1zM2 5h1v1h-1zM9 5h1v1h-1zM2 6h1v1h-1zM9 6h1v1h-1zM2 7h1v1h-1zM9 7h1v1h-1zM2 8h1v1h-1zM9 8h1v1h-1zM2 9h1v1h-1zM3 9h1v1h-1zM4 9h1v1h-1zM5 9h1v1h-1zM6 9h1v1h-1zM7 9h1v1h-1zM8 9h1v1h-1zM9 9h1v1h-1z%22/%3E%3Cpath fill=%22%234a1218%22 d=%22M3 3h1v1h-1zM4 3h1v1h-1zM5 3h1v1h-1zM6 3h1v1h-1zM7 3h1v1h-1zM8 3h1v1h-1zM3 4h1v1h-1zM8 4h1v1h-1zM3 5h1v1h-1zM8 5h1v1h-1zM3 6h1v1h-1zM8 6h1v1h-1zM3 7h1v1h-1zM8 7h1v1h-1zM3 8h1v1h-1zM4 8h1v1h-1zM5 8h1v1h-1zM6 8h1v1h-1zM7 8h1v1h-1zM8 8h1v1h-1z%22/%3E%3Cpath fill=%22%232e0b0f%22 d=%22M4 4h1v1h-1zM5 4h1v1h-1zM6 4h1v1h-1zM7 4h1v1h-1zM4 5h1v1h-1zM5 5h1v1h-1zM6 5h1v1h-1zM7 5h1v1h-1zM4 6h1v1h-1zM5 6h1v1h-1zM6 6h1v1h-1zM7 6h1v1h-1zM4 7h1v1h-1zM5 7h1v1h-1zM6 7h1v1h-1zM7 7h1v1h-1z%22/%3E%3C/svg%3E");--fr-btn-on:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2212%22 height=%2212%22 viewBox=%220 0 12 12%22 shape-rendering=%22crispEdges%22%3E%3Cpath fill=%22%230d0405%22 d=%22M2 0h1v1h-1zM3 0h1v1h-1zM4 0h1v1h-1zM5 0h1v1h-1zM6 0h1v1h-1zM7 0h1v1h-1zM8 0h1v1h-1zM9 0h1v1h-1zM1 1h1v1h-1zM10 1h1v1h-1zM0 2h1v1h-1zM11 2h1v1h-1zM0 3h1v1h-1zM11 3h1v1h-1zM0 4h1v1h-1zM11 4h1v1h-1zM0 5h1v1h-1zM11 5h1v1h-1zM0 6h1v1h-1zM11 6h1v1h-1zM0 7h1v1h-1zM11 7h1v1h-1zM0 8h1v1h-1zM11 8h1v1h-1zM0 9h1v1h-1zM11 9h1v1h-1zM1 10h1v1h-1zM10 10h1v1h-1zM2 11h1v1h-1zM3 11h1v1h-1zM4 11h1v1h-1zM5 11h1v1h-1zM6 11h1v1h-1zM7 11h1v1h-1zM8 11h1v1h-1zM9 11h1v1h-1z%22/%3E%3Cpath fill=%22%23ffe08a%22 d=%22M2 1h1v1h-1zM3 1h1v1h-1zM4 1h1v1h-1zM5 1h1v1h-1zM6 1h1v1h-1zM7 1h1v1h-1zM8 1h1v1h-1zM9 1h1v1h-1zM1 2h1v1h-1zM10 2h1v1h-1zM1 3h1v1h-1zM10 3h1v1h-1zM1 4h1v1h-1zM10 4h1v1h-1zM1 5h1v1h-1zM10 5h1v1h-1zM1 6h1v1h-1zM10 6h1v1h-1zM1 7h1v1h-1zM10 7h1v1h-1zM1 8h1v1h-1zM10 8h1v1h-1zM1 9h1v1h-1zM10 9h1v1h-1zM2 10h1v1h-1zM3 10h1v1h-1zM4 10h1v1h-1zM5 10h1v1h-1zM6 10h1v1h-1zM7 10h1v1h-1zM8 10h1v1h-1zM9 10h1v1h-1z%22/%3E%3Cpath fill=%22%23d4a537%22 d=%22M2 2h1v1h-1zM3 2h1v1h-1zM4 2h1v1h-1zM5 2h1v1h-1zM6 2h1v1h-1zM7 2h1v1h-1zM8 2h1v1h-1zM9 2h1v1h-1zM2 3h1v1h-1zM9 3h1v1h-1zM2 4h1v1h-1zM9 4h1v1h-1zM2 5h1v1h-1zM9 5h1v1h-1zM2 6h1v1h-1zM9 6h1v1h-1zM2 7h1v1h-1zM9 7h1v1h-1zM2 8h1v1h-1zM9 8h1v1h-1zM2 9h1v1h-1zM3 9h1v1h-1zM4 9h1v1h-1zM5 9h1v1h-1zM6 9h1v1h-1zM7 9h1v1h-1zM8 9h1v1h-1zM9 9h1v1h-1z%22/%3E%3Cpath fill=%22%23a3262f%22 d=%22M3 3h1v1h-1zM4 3h1v1h-1zM5 3h1v1h-1zM6 3h1v1h-1zM7 3h1v1h-1zM8 3h1v1h-1zM3 4h1v1h-1zM8 4h1v1h-1zM3 5h1v1h-1zM8 5h1v1h-1zM3 6h1v1h-1zM8 6h1v1h-1zM3 7h1v1h-1zM8 7h1v1h-1zM3 8h1v1h-1zM4 8h1v1h-1zM5 8h1v1h-1zM6 8h1v1h-1zM7 8h1v1h-1zM8 8h1v1h-1z%22/%3E%3Cpath fill=%22%236e141c%22 d=%22M4 4h1v1h-1zM5 4h1v1h-1zM6 4h1v1h-1zM7 4h1v1h-1zM4 5h1v1h-1zM5 5h1v1h-1zM6 5h1v1h-1zM7 5h1v1h-1zM4 6h1v1h-1zM5 6h1v1h-1zM6 6h1v1h-1zM7 6h1v1h-1zM4 7h1v1h-1zM5 7h1v1h-1zM6 7h1v1h-1zM7 7h1v1h-1z%22/%3E%3C/svg%3E");--fr-tag:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%228%22 height=%228%22 viewBox=%220 0 8 8%22 shape-rendering=%22crispEdges%22%3E%3Cpath fill=%22%230d0405%22 d=%22M1 0h1v1h-1zM2 0h1v1h-1zM3 0h1v1h-1zM4 0h1v1h-1zM5 0h1v1h-1zM6 0h1v1h-1zM0 1h1v1h-1zM7 1h1v1h-1zM0 2h1v1h-1zM7 2h1v1h-1zM0 3h1v1h-1zM7 3h1v1h-1zM0 4h1v1h-1zM7 4h1v1h-1zM0 5h1v1h-1zM7 5h1v1h-1zM0 6h1v1h-1zM7 6h1v1h-1zM1 7h1v1h-1zM2 7h1v1h-1zM3 7h1v1h-1zM4 7h1v1h-1zM5 7h1v1h-1zM6 7h1v1h-1z%22/%3E%3Cpath fill=%22%23ffe08a%22 d=%22M1 1h1v1h-1zM2 1h1v1h-1zM3 1h1v1h-1zM4 1h1v1h-1zM5 1h1v1h-1zM6 1h1v1h-1zM1 2h1v1h-1zM6 2h1v1h-1zM1 3h1v1h-1zM6 3h1v1h-1zM1 4h1v1h-1zM6 4h1v1h-1zM1 5h1v1h-1zM6 5h1v1h-1zM1 6h1v1h-1zM2 6h1v1h-1zM3 6h1v1h-1zM4 6h1v1h-1zM5 6h1v1h-1zM6 6h1v1h-1z%22/%3E%3Cpath fill=%22%23d4a537%22 d=%22M2 2h1v1h-1zM3 2h1v1h-1zM4 2h1v1h-1zM5 2h1v1h-1zM2 3h1v1h-1zM3 3h1v1h-1zM4 3h1v1h-1zM5 3h1v1h-1zM2 4h1v1h-1zM3 4h1v1h-1zM4 4h1v1h-1zM5 4h1v1h-1zM2 5h1v1h-1zM3 5h1v1h-1zM4 5h1v1h-1zM5 5h1v1h-1z%22/%3E%3C/svg%3E");--fr-slot:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%228%22 height=%228%22 viewBox=%220 0 8 8%22 shape-rendering=%22crispEdges%22%3E%3Cpath fill=%22%230d0405%22 d=%22M1 0h1v1h-1zM2 0h1v1h-1zM3 0h1v1h-1zM4 0h1v1h-1zM5 0h1v1h-1zM6 0h1v1h-1zM0 1h1v1h-1zM7 1h1v1h-1zM0 2h1v1h-1zM7 2h1v1h-1zM0 3h1v1h-1zM7 3h1v1h-1zM0 4h1v1h-1zM7 4h1v1h-1zM0 5h1v1h-1zM7 5h1v1h-1zM0 6h1v1h-1zM7 6h1v1h-1zM1 7h1v1h-1zM2 7h1v1h-1zM3 7h1v1h-1zM4 7h1v1h-1zM5 7h1v1h-1zM6 7h1v1h-1z%22/%3E%3Cpath fill=%22%238a6a3a%22 d=%22M1 1h1v1h-1zM2 1h1v1h-1zM3 1h1v1h-1zM4 1h1v1h-1zM5 1h1v1h-1zM6 1h1v1h-1zM1 2h1v1h-1zM6 2h1v1h-1zM1 3h1v1h-1zM6 3h1v1h-1zM1 4h1v1h-1zM6 4h1v1h-1zM1 5h1v1h-1zM6 5h1v1h-1zM1 6h1v1h-1zM2 6h1v1h-1zM3 6h1v1h-1zM4 6h1v1h-1zM5 6h1v1h-1zM6 6h1v1h-1z%22/%3E%3Cpath fill=%22%23150709%22 d=%22M2 2h1v1h-1zM3 2h1v1h-1zM4 2h1v1h-1zM5 2h1v1h-1zM2 3h1v1h-1zM3 3h1v1h-1zM4 3h1v1h-1zM5 3h1v1h-1zM2 4h1v1h-1zM3 4h1v1h-1zM4 4h1v1h-1zM5 4h1v1h-1zM2 5h1v1h-1zM3 5h1v1h-1zM4 5h1v1h-1zM5 5h1v1h-1z%22/%3E%3C/svg%3E");--fr-slot-on:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%228%22 height=%228%22 viewBox=%220 0 8 8%22 shape-rendering=%22crispEdges%22%3E%3Cpath fill=%22%230d0405%22 d=%22M1 0h1v1h-1zM2 0h1v1h-1zM3 0h1v1h-1zM4 0h1v1h-1zM5 0h1v1h-1zM6 0h1v1h-1zM0 1h1v1h-1zM7 1h1v1h-1zM0 2h1v1h-1zM7 2h1v1h-1zM0 3h1v1h-1zM7 3h1v1h-1zM0 4h1v1h-1zM7 4h1v1h-1zM0 5h1v1h-1zM7 5h1v1h-1zM0 6h1v1h-1zM7 6h1v1h-1zM1 7h1v1h-1zM2 7h1v1h-1zM3 7h1v1h-1zM4 7h1v1h-1zM5 7h1v1h-1zM6 7h1v1h-1z%22/%3E%3Cpath fill=%22%23d4a537%22 d=%22M1 1h1v1h-1zM2 1h1v1h-1zM3 1h1v1h-1zM4 1h1v1h-1zM5 1h1v1h-1zM6 1h1v1h-1zM1 2h1v1h-1zM6 2h1v1h-1zM1 3h1v1h-1zM6 3h1v1h-1zM1 4h1v1h-1zM6 4h1v1h-1zM1 5h1v1h-1zM6 5h1v1h-1zM1 6h1v1h-1zM2 6h1v1h-1zM3 6h1v1h-1zM4 6h1v1h-1zM5 6h1v1h-1zM6 6h1v1h-1z%22/%3E%3Cpath fill=%22%23150709%22 d=%22M2 2h1v1h-1zM3 2h1v1h-1zM4 2h1v1h-1zM5 2h1v1h-1zM2 3h1v1h-1zM3 3h1v1h-1zM4 3h1v1h-1zM5 3h1v1h-1zM2 4h1v1h-1zM3 4h1v1h-1zM4 4h1v1h-1zM5 4h1v1h-1zM2 5h1v1h-1zM3 5h1v1h-1zM4 5h1v1h-1zM5 5h1v1h-1z%22/%3E%3C/svg%3E");--fr-btn-s:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%228%22 height=%228%22 viewBox=%220 0 8 8%22 shape-rendering=%22crispEdges%22%3E%3Cpath fill=%22%230d0405%22 d=%22M1 0h1v1h-1zM2 0h1v1h-1zM3 0h1v1h-1zM4 0h1v1h-1zM5 0h1v1h-1zM6 0h1v1h-1zM0 1h1v1h-1zM7 1h1v1h-1zM0 2h1v1h-1zM7 2h1v1h-1zM0 3h1v1h-1zM7 3h1v1h-1zM0 4h1v1h-1zM7 4h1v1h-1zM0 5h1v1h-1zM7 5h1v1h-1zM0 6h1v1h-1zM7 6h1v1h-1zM1 7h1v1h-1zM2 7h1v1h-1zM3 7h1v1h-1zM4 7h1v1h-1zM5 7h1v1h-1zM6 7h1v1h-1z%22/%3E%3Cpath fill=%22%23b8903a%22 d=%22M1 1h1v1h-1zM2 1h1v1h-1zM3 1h1v1h-1zM4 1h1v1h-1zM5 1h1v1h-1zM6 1h1v1h-1zM1 2h1v1h-1zM6 2h1v1h-1zM1 3h1v1h-1zM6 3h1v1h-1zM1 4h1v1h-1zM6 4h1v1h-1zM1 5h1v1h-1zM6 5h1v1h-1zM1 6h1v1h-1zM2 6h1v1h-1zM3 6h1v1h-1zM4 6h1v1h-1zM5 6h1v1h-1zM6 6h1v1h-1z%22/%3E%3Cpath fill=%22%233a0f14%22 d=%22M2 2h1v1h-1zM3 2h1v1h-1zM4 2h1v1h-1zM5 2h1v1h-1zM2 3h1v1h-1zM3 3h1v1h-1zM4 3h1v1h-1zM5 3h1v1h-1zM2 4h1v1h-1zM3 4h1v1h-1zM4 4h1v1h-1zM5 4h1v1h-1zM2 5h1v1h-1zM3 5h1v1h-1zM4 5h1v1h-1zM5 5h1v1h-1z%22/%3E%3C/svg%3E");--fr-ok-s:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%228%22 height=%228%22 viewBox=%220 0 8 8%22 shape-rendering=%22crispEdges%22%3E%3Cpath fill=%22%230d0405%22 d=%22M1 0h1v1h-1zM2 0h1v1h-1zM3 0h1v1h-1zM4 0h1v1h-1zM5 0h1v1h-1zM6 0h1v1h-1zM0 1h1v1h-1zM7 1h1v1h-1zM0 2h1v1h-1zM7 2h1v1h-1zM0 3h1v1h-1zM7 3h1v1h-1zM0 4h1v1h-1zM7 4h1v1h-1zM0 5h1v1h-1zM7 5h1v1h-1zM0 6h1v1h-1zM7 6h1v1h-1zM1 7h1v1h-1zM2 7h1v1h-1zM3 7h1v1h-1zM4 7h1v1h-1zM5 7h1v1h-1zM6 7h1v1h-1z%22/%3E%3Cpath fill=%22%23fff0b0%22 d=%22M1 1h1v1h-1zM2 1h1v1h-1zM3 1h1v1h-1zM4 1h1v1h-1zM5 1h1v1h-1zM6 1h1v1h-1zM1 2h1v1h-1zM6 2h1v1h-1zM1 3h1v1h-1zM6 3h1v1h-1zM1 4h1v1h-1zM6 4h1v1h-1zM1 5h1v1h-1zM6 5h1v1h-1zM1 6h1v1h-1zM2 6h1v1h-1zM3 6h1v1h-1zM4 6h1v1h-1zM5 6h1v1h-1zM6 6h1v1h-1z%22/%3E%3Cpath fill=%22%23d4a537%22 d=%22M2 2h1v1h-1zM3 2h1v1h-1zM4 2h1v1h-1zM5 2h1v1h-1zM2 3h1v1h-1zM3 3h1v1h-1zM4 3h1v1h-1zM5 3h1v1h-1zM2 4h1v1h-1zM3 4h1v1h-1zM4 4h1v1h-1zM5 4h1v1h-1zM2 5h1v1h-1zM3 5h1v1h-1zM4 5h1v1h-1zM5 5h1v1h-1z%22/%3E%3C/svg%3E");--fr-dis-s:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%228%22 height=%228%22 viewBox=%220 0 8 8%22 shape-rendering=%22crispEdges%22%3E%3Cpath fill=%22%230d0405%22 d=%22M1 0h1v1h-1zM2 0h1v1h-1zM3 0h1v1h-1zM4 0h1v1h-1zM5 0h1v1h-1zM6 0h1v1h-1zM0 1h1v1h-1zM7 1h1v1h-1zM0 2h1v1h-1zM7 2h1v1h-1zM0 3h1v1h-1zM7 3h1v1h-1zM0 4h1v1h-1zM7 4h1v1h-1zM0 5h1v1h-1zM7 5h1v1h-1zM0 6h1v1h-1zM7 6h1v1h-1zM1 7h1v1h-1zM2 7h1v1h-1zM3 7h1v1h-1zM4 7h1v1h-1zM5 7h1v1h-1zM6 7h1v1h-1z%22/%3E%3Cpath fill=%22%234a3a3a%22 d=%22M1 1h1v1h-1zM2 1h1v1h-1zM3 1h1v1h-1zM4 1h1v1h-1zM5 1h1v1h-1zM6 1h1v1h-1zM1 2h1v1h-1zM6 2h1v1h-1zM1 3h1v1h-1zM6 3h1v1h-1zM1 4h1v1h-1zM6 4h1v1h-1zM1 5h1v1h-1zM6 5h1v1h-1zM1 6h1v1h-1zM2 6h1v1h-1zM3 6h1v1h-1zM4 6h1v1h-1zM5 6h1v1h-1zM6 6h1v1h-1z%22/%3E%3Cpath fill=%22%23241416%22 d=%22M2 2h1v1h-1zM3 2h1v1h-1zM4 2h1v1h-1zM5 2h1v1h-1zM2 3h1v1h-1zM3 3h1v1h-1zM4 3h1v1h-1zM5 3h1v1h-1zM2 4h1v1h-1zM3 4h1v1h-1zM4 4h1v1h-1zM5 4h1v1h-1zM2 5h1v1h-1zM3 5h1v1h-1zM4 5h1v1h-1zM5 5h1v1h-1z%22/%3E%3C/svg%3E");--fr-red-s:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%228%22 height=%228%22 viewBox=%220 0 8 8%22 shape-rendering=%22crispEdges%22%3E%3Cpath fill=%22%230d0405%22 d=%22M1 0h1v1h-1zM2 0h1v1h-1zM3 0h1v1h-1zM4 0h1v1h-1zM5 0h1v1h-1zM6 0h1v1h-1zM0 1h1v1h-1zM7 1h1v1h-1zM0 2h1v1h-1zM7 2h1v1h-1zM0 3h1v1h-1zM7 3h1v1h-1zM0 4h1v1h-1zM7 4h1v1h-1zM0 5h1v1h-1zM7 5h1v1h-1zM0 6h1v1h-1zM7 6h1v1h-1zM1 7h1v1h-1zM2 7h1v1h-1zM3 7h1v1h-1zM4 7h1v1h-1zM5 7h1v1h-1zM6 7h1v1h-1z%22/%3E%3Cpath fill=%22%23ff9a8a%22 d=%22M1 1h1v1h-1zM2 1h1v1h-1zM3 1h1v1h-1zM4 1h1v1h-1zM5 1h1v1h-1zM6 1h1v1h-1zM1 2h1v1h-1zM6 2h1v1h-1zM1 3h1v1h-1zM6 3h1v1h-1zM1 4h1v1h-1zM6 4h1v1h-1zM1 5h1v1h-1zM6 5h1v1h-1zM1 6h1v1h-1zM2 6h1v1h-1zM3 6h1v1h-1zM4 6h1v1h-1zM5 6h1v1h-1zM6 6h1v1h-1z%22/%3E%3Cpath fill=%22%23b3202a%22 d=%22M2 2h1v1h-1zM3 2h1v1h-1zM4 2h1v1h-1zM5 2h1v1h-1zM2 3h1v1h-1zM3 3h1v1h-1zM4 3h1v1h-1zM5 3h1v1h-1zM2 4h1v1h-1zM3 4h1v1h-1zM4 4h1v1h-1zM5 4h1v1h-1zM2 5h1v1h-1zM3 5h1v1h-1zM4 5h1v1h-1zM5 5h1v1h-1z%22/%3E%3C/svg%3E");--pu:2px;--px-font:"Pixelify Sans", "Mali", "Jua", system-ui, sans-serif;--o:#d4a537;--o-hi:#ffe08a;--o-lo:#7a1a22;--ink:#0d0405;--cream:#f6e8d4;--mut:#b49c78;--well:#14080a;--shine:linear-gradient(180deg, #ffffff6b 0 var(--pu), transparent var(--pu) calc(100% - var(--pu)), #00000047 calc(100% - var(--pu)));--step:polygon(var(--pu) 0, calc(100% - var(--pu)) 0, calc(100% - var(--pu)) var(--pu), 100% var(--pu), 100% calc(100% - var(--pu)), calc(100% - var(--pu)) calc(100% - var(--pu)), calc(100% - var(--pu)) 100%, var(--pu) 100%, var(--pu) calc(100% - var(--pu)), 0 calc(100% - var(--pu)), 0 var(--pu), var(--pu) var(--pu));--circ:polygon(25% 0, 75% 0, 75% 8%, 92% 8%, 92% 25%, 100% 25%, 100% 75%, 92% 75%, 92% 92%, 75% 92%, 75% 100%, 25% 100%, 25% 92%, 8% 92%, 8% 75%, 0 75%, 0 25%, 8% 25%, 8% 8%, 25% 8%);font-family:var(--px-font);color:var(--cream)}html[data-orient=landscape] #gameWrap{--pu:1px}html[data-orient=landscape][data-device=tablet] #gameWrap,html[data-orient=landscape][data-device=desktop] #gameWrap{--pu:2px}#gameWrap svg.px{fill:none;stroke:none;stroke-width:0;image-rendering:pixelated;filter:drop-shadow(0 var(--pu) 0 #0000008c);flex:none;transition:none}#gameWrap .hud-body,#gameWrap .medal,#gameWrap #dockBar,#gameWrap .dk[aria-pressed=true],#gameWrap #sheet,#gameWrap .pop,#gameWrap #chatBox[data-open="1"],#gameWrap #toast,#gameWrap .orb,#gameWrap #chatBtn,#gameWrap #sheetClose,#gameWrap #chatClose,#gameWrap #sheet h3,#gameWrap .pop h3,#gameWrap #chatTop strong{isolation:isolate}#gameWrap :is(.hud-body,.medal,#dockBar,.dk[aria-pressed=true],#sheet,.pop,#chatBox[data-open="1"],#toast,.orb,#chatBtn,#sheetClose,#chatClose,#sheet h3,.pop h3,#chatTop strong):before{content:"";z-index:-1;pointer-events:none;border:calc(var(--fs,5) * var(--pu)) solid transparent;border-image:var(--fr,var(--fr-panel)) var(--fs,5) fill / calc(var(--fs,5) * var(--pu)) stretch;image-rendering:pixelated;position:absolute;inset:0}#gameWrap .hud-body,#gameWrap #dockBar,#gameWrap #sheetClose,#gameWrap #chatClose,#gameWrap #sheet h3,#gameWrap .pop h3,#gameWrap #chatTop strong{position:relative}#gameWrap :is(.hud-body,.medal,#dockBar,#sheet,.pop,#chatBox[data-open="1"],#toast){--fr:var(--fr-panel);--fs:5}#gameWrap :is(.orb,#chatBtn,#sheetClose,#chatClose){--fr:var(--fr-btn);--fs:5}#gameWrap :is(.orb[aria-expanded=true],#chat[data-open="1"] #chatBtn,.dk[aria-pressed=true],.medal){--fr:var(--fr-btn-on);--fs:5}#gameWrap :is(#sheet h3,.pop h3,#chatTop strong){--fr:var(--fr-tag);--fs:3}#gameWrap .medal{box-shadow:none;background:0 0;border-radius:0;padding:0}#gameWrap .medal-core{inset:calc(var(--pu) * 5);width:auto;height:auto;box-shadow:none;background:linear-gradient(0deg, #ffc13a9e calc(var(--xp,0) * 1%), #00000061 0);border-radius:0;position:absolute}#gameWrap .medal strong{font:700 calc(21px * var(--uh,1))/1 var(--px-font);color:#fff4d6;text-shadow:var(--pu) var(--pu) 0 #000}#gameWrap .medal small{font:600 calc(8px * var(--uh,1))/1 var(--px-font);letter-spacing:1px;color:var(--o-hi);text-indent:1px;text-shadow:1px 1px #000;margin-top:0}#gameWrap .medal:after{content:none}#gameWrap .hud-body{padding:calc(var(--pu) * 5) calc(var(--pu) * 5) calc(var(--pu) * 5) calc(var(--pu) * 5 + 14px);box-shadow:none;-webkit-backdrop-filter:none;background:0 0;border:0;border-radius:0}#gameWrap .hud-body:after{content:none}#gameWrap .nick{font:700 calc(14px * var(--uh,1))/1.2 var(--px-font);letter-spacing:0;color:var(--o-hi);text-shadow:1px 1px #000}#gameWrap .nick-row{margin-bottom:calc(var(--pu) * 2)}#gameWrap .meter{--mh:calc(15px * var(--uh,1));height:var(--mh);margin:calc(var(--pu) * 3) calc(var(--pu) * 2) 0;clip-path:none;box-shadow:0 0 0 var(--pu) var(--ink), 0 0 0 calc(var(--pu) * 2) #c89a3a, inset 0 calc(var(--pu) * 2) 3px #000000a6;background:linear-gradient(#0d0405,#2a0f14);border-radius:999px;overflow:hidden}#gameWrap .meter.hp{--mh:calc(17px * var(--uh,1))}html[data-orient=landscape] #gameWrap .meter{--mh:calc(11px * var(--uh,1))}html[data-orient=landscape] #gameWrap .meter.hp{--mh:calc(12px * var(--uh,1))}html[data-orient=landscape][data-device=tablet] #gameWrap .meter,html[data-orient=landscape][data-device=desktop] #gameWrap .meter{--mh:calc(15px * var(--uh,1))}html[data-orient=landscape][data-device=tablet] #gameWrap .meter.hp,html[data-orient=landscape][data-device=desktop] #gameWrap .meter.hp{--mh:calc(17px * var(--uh,1))}#gameWrap .meter:before{content:"";z-index:3;pointer-events:none;background:linear-gradient(#ffffff4d 0,#ffffff0f 42%,#0000 52%,#00000038 100%);border:0;border-radius:999px;position:absolute;inset:0}#gameWrap .meter:after{content:"";z-index:1;inset:0 0 0 var(--mh);pointer-events:none;background:repeating-linear-gradient(90deg,#0000 0 calc(10% - 1px),#00000052 calc(10% - 1px) 10%);border-radius:0;position:absolute}#gameWrap .meter i{inset:0 0 0 calc(var(--mh) * .5);box-shadow:none;border-radius:0 999px 999px 0;padding-left:0;transition:transform .16s ease-out}#gameWrap .meter .ghost{opacity:1;background:#ffecbe80;transition:transform .42s ease-out .28s}#gameWrap .hp i:not(.ghost){background:linear-gradient(#ff7a68 0,#d92b38 48%,#8a1220 100%)}#gameWrap .stamina i{background:linear-gradient(#fff0a8 0,#e8b23a 48%,#a8741a 100%)}#gameWrap .armor i{background:linear-gradient(#e6f0ff 0,#8fb2dc 48%,#4a6a9a 100%)}#gameWrap .meter .lb{z-index:4;width:var(--mh);height:var(--mh);box-shadow:inset 0 0 0 var(--pu) #e6c067, 0 0 0 var(--pu) var(--ink);background:radial-gradient(circle at 35% 30%,#b3303a,#4a1119 75%);border-radius:50%;place-items:center;display:grid;position:absolute;top:0;left:0}#gameWrap .meter .lb svg.px{filter:none;width:66%;height:66%}#gameWrap .meter span{z-index:4;padding-right:calc(var(--pu) * 3);font:600 calc(var(--mh) * .7)/var(--mh) var(--px-font);letter-spacing:0;color:#fff;text-shadow:1px 1px #000,-1px 0 #000,0 1px #000}#gameWrap .orb,#gameWrap #chatBtn{color:var(--cream);box-shadow:none;background:0 0;border:0;border-radius:0;padding:0;transition:none;position:relative}#gameWrap .orb:active,#gameWrap #chatBtn:active{transform:translateY(var(--pu));filter:brightness(1.15)}#gameWrap .orb svg.px{width:54%;height:54%}#gameWrap #chatBtn{width:var(--orb,40px);height:var(--orb,40px);place-items:center;min-height:0;display:grid}#gameWrap #chatBtn svg.px{width:54%;height:54%}#gameWrap .orb b,#gameWrap #chatDot{background:var(--o);color:#2a0a0c;font:700 10px/16px var(--px-font);text-align:center;text-shadow:none;box-shadow:0 0 0 var(--pu) var(--ink), inset 0 var(--pu) 0 #ffffff59;clip-path:none;z-index:2;border:0;border-radius:0;position:absolute}#gameWrap .orb b{top:calc(var(--pu) * -2);right:calc(var(--pu) * -2);min-width:18px;height:16px;padding:0 3px}#gameWrap #chatDot{top:calc(var(--pu) * -2);right:calc(var(--pu) * -2);min-width:18px;height:16px;padding:0 3px;display:block}#gameWrap #chatDot[hidden],#gameWrap .orb b[hidden]{display:none}#gameWrap #chatInfo{font:400 11px var(--px-font);color:var(--mut);text-shadow:1px 1px #000}#gameWrap #chat{margin:0 0 0 calc(var(--pu) * 2)}#gameWrap .pop{padding:calc(var(--pu) * 5 + 2px) calc(var(--pu) * 5 + 2px) calc(var(--pu) * 5 + 4px);box-shadow:none;background:0 0;border:0;border-radius:0;gap:8px}#gameWrap .pop h3{padding:3px calc(var(--pu) * 6);font:700 12px/1.2 var(--px-font);letter-spacing:2px;text-transform:uppercase;color:#2a0a0c;text-shadow:none;background:0 0;border:0;justify-self:center;margin:0 0 2px}#gameWrap .pop button,#gameWrap #sheet .up-btn,#gameWrap #chatSend{border:calc(var(--pu) * 3) solid transparent;border-image:var(--fr-btn-s) 3 fill / calc(var(--pu) * 3) stretch;box-shadow:none;font-family:var(--px-font);color:var(--cream);text-shadow:1px 1px #000;background:0 0;border-radius:0;font-weight:600}#gameWrap .pop button:active,#gameWrap #sheet .up-btn:active:not(:disabled),#gameWrap #chatSend:active{transform:translateY(var(--pu));filter:brightness(1.12)}#gameWrap #logout{border-image:var(--fr-red-s) 3 fill / calc(var(--pu) * 3) stretch!important;color:#fff!important;background:0 0!important}#gameWrap #mailList li{background:var(--well);box-shadow:inset calc(var(--pu) * 2) 0 0 var(--o);padding-left:calc(var(--pu) * 5 + 2px);font-family:var(--px-font);color:var(--cream);border:0;border-radius:0}#gameWrap #mailList li.empty{box-shadow:inset calc(var(--pu) * 2) 0 0 #4a4038;color:var(--mut);font-style:normal}#gameWrap #toast{padding:calc(var(--pu) * 5 + 1px) calc(var(--pu) * 5 + 14px);box-shadow:none;text-transform:none;letter-spacing:0;font:600 14px/1.3 var(--px-font);color:var(--o-hi);text-shadow:1px 1px #000;background:0 0;border:0;border-radius:0}#gameWrap #dockBar{padding:calc(var(--pu) * 5 - 2px) calc(var(--pu) * 5 - 2px);box-shadow:none;-webkit-backdrop-filter:none;background:0 0;border:0;border-radius:0;gap:2px}#gameWrap .dk{box-shadow:none;font-family:var(--px-font);letter-spacing:0;color:var(--cream);text-shadow:1px 1px #000;background:0 0;border-radius:0;font-weight:600;transition:none}#gameWrap .dk svg.px{transition:transform .1s steps(2,end)}html[data-orient=portrait] #gameWrap .dk svg.px{width:clamp(28px,9.2cqw,42px);height:clamp(28px,9.2cqw,42px)}#gameWrap .dk:active{transform:translateY(var(--pu))}#gameWrap .dk[aria-pressed=true]{color:var(--o-hi);box-shadow:none;background:0 0}#gameWrap .dk[aria-pressed=true] svg.px{transform:translateY(calc(var(--pu) * -1))}#gameWrap .dk[aria-pressed=true]:after{content:none}@media (hover:hover) and (pointer:fine){#gameWrap .dk:hover{background:#d4a53729}}#gameWrap #sheet{padding:calc(var(--pu) * 4) calc(var(--pu) * 3) calc(var(--pu) * 3);box-shadow:none;font-family:var(--px-font);background:0 0;border:0;border-radius:0;margin-bottom:6px}#gameWrap #sheet header{background:0 0;border-bottom:2px solid #5a1a22;padding:2px 2px 8px}#gameWrap #sheet h3{padding:3px calc(var(--pu) * 6);font:700 clamp(14px, 4.2cqw, 18px)/1.2 var(--px-font);letter-spacing:0;color:#2a0a0c;text-shadow:none;margin:0}#gameWrap #sheetClose,#gameWrap #chatClose{width:34px;height:34px;color:var(--cream);background:0 0;border:0;border-radius:0;place-items:center;padding:0;display:grid}#gameWrap #sheetClose svg.px,#gameWrap #chatClose svg.px{filter:none;width:40%;height:40%}#gameWrap #sheetClose:active,#gameWrap #chatClose:active{transform:translateY(var(--pu))}#gameWrap #sheetBody{font-family:var(--px-font);color:var(--cream)}#gameWrap .sh-empty,#gameWrap .sh-rows dt{color:var(--mut)}#gameWrap .sh-bar{background:var(--well);height:8px;box-shadow:0 0 0 var(--pu) var(--ink);border-radius:0}#gameWrap .sh-bar i{background:var(--shine), var(--c,var(--o));border-radius:0}#gameWrap #sheet .up{background:0 0;border-top:2px solid #5a1a22}#gameWrap #sheet .up-head,#gameWrap #sheet .up-top em,#gameWrap #sheet .up-grp h4{color:var(--o-hi);font-family:var(--px-font)}#gameWrap #sheet .up-coin{color:#ffe08a;background:var(--well);box-shadow:0 0 0 var(--pu) var(--ink), inset 0 0 0 var(--pu) #6e5a4b;border:0;border-radius:0;padding:3px 10px}#gameWrap #sheet .up-row{border-bottom:2px dotted #3a1a1c}#gameWrap #sheet .up-btn{color:#2a0a0c;min-width:64px;text-shadow:none;border-image-source:var(--fr-ok-s);background:0 0}#gameWrap #sheet .up-btn:disabled{color:var(--mut);border-image-source:var(--fr-dis-s)}#gameWrap #chatBox{font-family:var(--px-font)}#gameWrap #chatBox[data-open="1"]{box-shadow:none;-webkit-backdrop-filter:none;padding:calc(var(--pu) * 5 + 2px) calc(var(--pu) * 5 + 4px);background:0 0;border:0;border-radius:0}#gameWrap #chatTop{background:0 0;border-bottom:2px solid #5a1a22;padding-bottom:6px}#gameWrap #chatTop strong{padding:3px calc(var(--pu) * 6);font:700 15px/1.2 var(--px-font);color:#2a0a0c;text-shadow:none}#gameWrap #chatTop small{font:400 13px/1.1 var(--px-font);color:var(--mut)}#gameWrap #chatBox[data-state=online] #chatTop small,#gameWrap #chatBox[data-state=local] #chatTop small{color:#8fe8a0}#gameWrap #chatBox[data-state=local] #chatTop small{color:#ffd35d}#gameWrap #chatTop svg.px{width:20px;height:20px}#gameWrap #chatLog{scrollbar-color:var(--o) transparent;gap:3px}#gameWrap #chatLog li,#gameWrap #chatBox[data-open="1"] #chatLog li{width:auto;max-width:none;box-shadow:none;font:400 15px/1.4 var(--px-font);color:var(--cream);text-shadow:none;background:0 0;border:0;border-radius:0;align-self:stretch;padding:3px 6px;animation:none}#gameWrap #chatBox[data-open="1"] #chatLog li{border-bottom:1px solid #ffffff12}#gameWrap #chatLog li time{color:var(--mut);margin-right:6px;font-size:.84em}#gameWrap #chatLog li b{color:var(--o-hi);text-shadow:none;font-weight:600}#gameWrap #chatLog li.me b{color:#7fe3ff}#gameWrap #chatLog li.sys:before{content:none}#gameWrap #chatLog li.sys,#gameWrap #chatBox[data-open="1"] #chatLog li.sys{color:#bcdcff;box-shadow:inset calc(var(--pu) * 2) 0 0 #6aa8ff;background:#1b2b57bf;border-bottom:0;padding-left:8px}#gameWrap #chatBox[data-open="0"] #chatLog li{box-shadow:inset calc(var(--pu) * 2) 0 0 var(--o);padding-left:calc(var(--pu) * 2 + 6px);background:#18080cd6;border-left:0;font-size:13px}#gameWrap #chatBox[data-open="0"] #chatLog li.me{box-shadow:inset calc(var(--pu) * 2) 0 0 #7fe3ff}#gameWrap #chatBox[data-open="0"] #chatLog li.sys{box-shadow:inset calc(var(--pu) * 2) 0 0 #6aa8ff;background:#1b2b57e0}#gameWrap #chatIn{border:calc(var(--pu) * 3) solid transparent;border-image:var(--fr-slot) 3 fill / calc(var(--pu) * 3) stretch;box-shadow:none;color:#fff;font:400 16px var(--px-font);background:0 0;border-radius:0;padding:0 8px;transition:none}#gameWrap #chatIn:focus{border-image-source:var(--fr-slot-on);box-shadow:none}#gameWrap #chatIn::placeholder{color:#f6e8d461}#gameWrap #chatSend{color:#2a0a0c;min-width:66px;text-shadow:none;border-image-source:var(--fr-ok-s);letter-spacing:0;font-size:16px}#gameWrap #atk,#gameWrap #uniq{border:calc(var(--pu) * 5) solid transparent;border-image:var(--fr-btn) 5 fill / calc(var(--pu) * 5) stretch;box-shadow:none;opacity:.94;background:0 0;border-radius:0}#gameWrap #atk span,#gameWrap #uniq span{font-family:var(--px-font);letter-spacing:1px;color:var(--cream);text-shadow:1px 1px #000;font-weight:700}#gameWrap #atk.on,#gameWrap #uniq{border-image-source:var(--fr-btn-on)}#gameWrap #atk.on{transform:translateY(var(--pu));background:0 0}#gameWrap #uniq.cd{opacity:.55}#gameWrap #chatBox{z-index:8;left:calc(var(--sal) + 8px + var(--pu));right:calc(var(--sar) + 8px + var(--pu));bottom:calc(var(--dock-h,64px) + 10px + var(--pu));pointer-events:none;flex-direction:column;gap:6px;min-width:0;display:flex;position:absolute}#gameWrap #chatTop,#gameWrap #chatForm{flex:none;align-items:center;gap:8px;display:flex}#gameWrap #chatTop small{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}#gameWrap #chatTop small:not(:empty):before{content:"· "}#gameWrap #chatLog{overscroll-behavior:contain;touch-action:pan-y;scrollbar-width:thin;flex-direction:column;margin:0;padding:0;list-style:none;display:flex;overflow-y:auto}#gameWrap #chatLog li{overflow-wrap:anywhere;display:block}#gameWrap #chatBox[data-open="0"]{width:min(76%,330px);right:auto}#gameWrap #chatBox[data-open="0"] #chatTop,#gameWrap #chatBox[data-open="0"] #chatForm{display:none}#gameWrap #chatBox[data-open="0"] #chatLog{pointer-events:none;justify-content:flex-end;max-height:9em;overflow:hidden}#gameWrap #chatBox[data-open="0"] #chatLog li:not(.fresh),#gameWrap #chatBox[data-open="0"] #chatLog li time{display:none}#gameWrap #chatBox[data-open="1"]{pointer-events:auto;height:min(44cqh,330px)}#gameWrap #chatBox[data-open="1"] #chatLog{pointer-events:auto;flex:auto;min-height:0;padding:2px 0}#gameWrap #chatIn{outline:none;flex:1;min-width:0;height:42px}#gameWrap #chatSend{flex:none;height:42px}html[data-orient=landscape] #gameWrap #chatBox{right:auto;bottom:calc(var(--dock-h,56px) + 8px + var(--pu));width:min(44cqw,400px)}html[data-orient=landscape] #gameWrap #chatBox[data-open="0"]{width:min(34cqw,280px)}html[data-orient=landscape] #gameWrap #chatBox[data-open="1"]{height:min(52cqh,230px)}html[data-orient=landscape] #gameWrap #chatIn,html[data-orient=landscape] #gameWrap #chatSend{height:36px}#gameWrap:has(#sheet:not([hidden])) #chatBox[data-open="0"]{display:none}@media (prefers-reduced-motion:no-preference){#gameWrap #chatBox[data-open="1"]{animation:.14s steps(3,end) pxUp}@keyframes pxUp{0%{opacity:0;transform:translateY(14px)}}}html[data-orient=portrait] #gameWrap #dungeonTag,html[data-orient=portrait] #dungeonTag{top:calc(var(--sat) + 118px);padding:3px 22px 4px;font-size:clamp(15px,4.4cqw,22px)}#gameWrap #dockBar:before{opacity:.78}#gameWrap .dk svg.px{filter:drop-shadow(0 var(--pu) 0 #0d0405b3) drop-shadow(0 0 3px #d4a53759)}#gameWrap .dk[aria-pressed=true]{background:radial-gradient(at 50% 0,#a3262f59,#0000 70%)}#gameWrap #atk,html[data-orient] #gameWrap #atk{image-rendering:pixelated;width:clamp(46px, calc(58px * var(--uc,1)), 80px)!important;height:clamp(46px, calc(58px * var(--uc,1)), 80px)!important;border-width:calc(var(--pu) * 4)!important;border-image-width:calc(var(--pu) * 4)!important;margin-bottom:6px!important}#gameWrap #atk span,html[data-orient] #gameWrap #atk span{color:var(--cream);text-shadow:1px 1px #000;-webkit-font-smoothing:none;font-smooth:never;font-weight:700;line-height:1;font-family:var(--px-font)!important;font-size:clamp(10px, calc(12px * var(--uc,1)), 15px)!important;letter-spacing:0!important;text-transform:none!important}#gameWrap #atk.on span{color:#ffe08a}html[lang^=zh]{--f-ui:"Jua", "PingFang SC", "Microsoft YaHei", "Noto Sans SC", "Noto Sans CJK SC", system-ui, sans-serif}html[lang^=zh] #gameWrap{--px-font:"Pixelify Sans", "PingFang SC", "Microsoft YaHei", "Noto Sans SC", "Noto Sans CJK SC", system-ui, sans-serif}#dungeonTag,#goCount{z-index:0}:is(#app:has(#sheet:not([hidden])) #dungeonTag,#app:has(#tools .pop:not([hidden])) #dungeonTag,#app:has(#chat[data-open="1"]) #dungeonTag,#app:has(#chatBox[data-open="1"]) #dungeonTag){visibility:hidden}#lobbyPop{z-index:0}:is(#app:has(#sheet:not([hidden])) #lobbyPop,#app:has(#tools .pop:not([hidden])) #lobbyPop){visibility:hidden}#gameWrap #sheet,#gameWrap .pop{clip-path:polygon(8px 0,calc(100% - 8px) 0,100% 8px,100% calc(100% - 8px),calc(100% - 8px) 100%,8px 100%,0 calc(100% - 8px),0 8px);background-color:#14080c}#dock{z-index:7}#dock,#topbar{--uz:1}@container app (width>=520px){#dock,#topbar{--uz:1.2}}@container app (width>=700px){#dock,#topbar{--uz:1.4}}#gameWrap #sheet{--room:calc(100cqh - var(--dock-h,56px) - var(--sat,0px) - 14px);max-height:calc(min(62cqh, 400px, var(--room)) / var(--uz))}html[data-orient=landscape] #gameWrap #sheet{max-height:calc(min(74cqh, 330px, var(--room)) / var(--uz))}#gameWrap #sheet.cs-sheet{max-height:calc(min(72cqh, var(--room)) / var(--uz))}html[data-orient=landscape] #gameWrap #sheet.cs-sheet{max-height:calc(min(84cqh, var(--room)) / var(--uz))}html[data-orient=portrait] #gameWrap:has(#tools .pop:not([hidden])) #leftCol{visibility:hidden}
