@import "https://fonts.googleapis.com/css2?family=Jua&family=Noto+Sans+KR:wght@400;700;900&display=swap";:root{--c-bg-0:#0a2463;--c-bg-1:#12389a;--c-panel:#1c5ad6;--c-panel-2:#2c78f2;--c-slot:#52aeff;--c-slot-2:#8ad0ff;--c-line:#081c52;--c-line-hi:#a6ddff;--c-text:#fff;--c-text-dim:#c2dcff;--c-text-ink:#0f2350;--c-primary:#ff9f1c;--c-primary-2:#ff6a00;--c-yellow:#ffd23f;--c-success:#2bd47d;--c-danger:#ff4d6d;--c-cop:#2453ff;--c-cop-2:#9db6ff;--c-thief:#ff4d4d;--c-thief-2:#ffb3b3;--c-scrim:#040e2c9e;--f-display:"Jua", "Noto Sans KR", system-ui, sans-serif;--f-body:"Noto Sans KR", system-ui, sans-serif;--fs-xs:12px;--fs-sm:14px;--fs-md:16px;--fs-lg:20px;--fs-xl:24px;--fs-2xl:32px;--fs-3xl:44px;--r-xs:6px;--r-sm:10px;--r-md:16px;--r-lg:24px;--r-pill:999px;--bw:3px;--sp-1:4px;--sp-2:8px;--sp-3:12px;--sp-4:16px;--sp-5:24px;--sp-6:32px;--tap:44px;--topbar-h:56px;--page-gutter:16px;--sh-1:0 3px 0 var(--c-line);--sh-2:0 5px 0 var(--c-line), 0 8px 18px #00000040;--sh-3:0 8px 0 var(--c-line), 0 18px 40px #0006;--hi:inset 0 2px 0 #ffffff73;--lo:inset 0 -3px 0 #0000002e;--ease-pop:cubic-bezier(.34, 1.56, .64, 1);--t-fast:.12s;--t-med:.22s}*{box-sizing:border-box}body{background:var(--c-bg-0);color:var(--c-text);font:var(--fs-md)/1.45 var(--f-body);margin:0}.game-text{font-family:var(--f-display);color:#fff;paint-order:stroke fill;-webkit-text-stroke:4px var(--c-line);text-shadow:0 3px 0 var(--c-line);letter-spacing:.02em}.panel{background:linear-gradient(180deg, var(--c-panel-2), var(--c-panel) 40%);border:var(--bw) solid var(--c-line);border-radius:var(--r-md);box-shadow:var(--sh-2), var(--hi);padding:var(--sp-3)}.panel-head{font-family:var(--f-display);font-size:var(--fs-lg);background:var(--c-bg-1);border:var(--bw) solid var(--c-line);border-radius:var(--r-pill);padding:2px var(--sp-4);align-items:center;gap:var(--sp-2);box-shadow:var(--hi);margin:calc(-1 * var(--sp-5)) 0 var(--sp-2);display:inline-flex}.inset{border-radius:var(--r-sm);padding:var(--sp-2);background:#081c5273;box-shadow:inset 0 3px #00000040}.btn{--b1:var(--c-panel-2);--b2:var(--c-panel);font:var(--fs-lg) var(--f-display);color:#fff;min-height:var(--tap);padding:0 var(--sp-5);border:var(--bw) solid var(--c-line);border-radius:var(--r-sm);cursor:pointer;background:linear-gradient(180deg, var(--b1), var(--b2));box-shadow:var(--sh-1), var(--hi), var(--lo);justify-content:center;align-items:center;gap:var(--sp-2);white-space:nowrap;text-shadow:0 2px #00000040;transition:transform var(--t-fast), box-shadow var(--t-fast);flex:none;display:inline-flex}.btn:hover{filter:brightness(1.08)}.btn:active{box-shadow:0 0 0 var(--c-line), var(--hi);transform:translateY(3px)}.btn:focus-visible{outline:3px solid var(--c-yellow);outline-offset:2px}.btn:disabled{filter:grayscale(.8)brightness(.8);cursor:not-allowed;transform:none}.btn img{width:28px;height:28px}.btn-primary{--b1:#ffc04d;--b2:var(--c-primary-2)}.btn-success{--b1:#6af0a8;--b2:#17a75e}.btn-danger{--b1:#ff8095;--b2:#e0284b}.btn-light{--b1:#fff;--b2:#cfe8ff;color:var(--c-text-ink);text-shadow:none}.btn-xl{font-size:var(--fs-2xl);border-radius:var(--r-md);min-height:72px;padding:0 var(--sp-6)}.btn-sm{font-size:var(--fs-sm);min-height:32px;padding:0 var(--sp-3)}.btn-icon{width:var(--tap);border-radius:var(--r-pill);padding:0}.tabs{gap:var(--sp-1);background:var(--c-bg-1);border:var(--bw) solid var(--c-line);border-radius:var(--r-pill);padding:3px;display:flex}.tab{font:var(--fs-md) var(--f-display);color:var(--c-text-dim);border-radius:var(--r-pill);min-height:36px;padding:0 var(--sp-3);cursor:pointer;white-space:nowrap;background:0 0;border:0;flex:1;justify-content:center;align-items:center;gap:6px;display:inline-flex}.tab img{width:22px;height:22px}.tab[aria-selected=true]{color:#fff;background:linear-gradient(180deg, var(--c-slot-2), var(--c-slot));box-shadow:var(--hi), 0 2px 0 var(--c-line);text-shadow:0 1px 0 var(--c-line)}.slot{background:linear-gradient(180deg, var(--c-slot-2), var(--c-slot));border:var(--bw) solid var(--c-line);border-radius:var(--r-sm);box-shadow:var(--sh-1), var(--hi);aspect-ratio:1;place-items:center;display:grid;position:relative;overflow:hidden}.slot.is-empty{background:#52aeff59;box-shadow:inset 0 3px #0003}.slot.is-closed{background:repeating-linear-gradient(45deg,#0f2e7a 0 8px,#12389a 8px 16px)}.slot.is-selected{outline:4px solid var(--c-yellow);outline-offset:-1px}.slot .badge{width:24px;height:24px;position:absolute;top:4px;left:4px}.slot .name{background:var(--c-line);font-size:var(--fs-xs);text-align:center;white-space:nowrap;text-overflow:ellipsis;padding:2px 4px;position:absolute;bottom:0;left:0;right:0;overflow:hidden}.slot.is-ready .name{background:var(--c-success);color:var(--c-text-ink);font-weight:700}.chip{font:var(--fs-md) var(--f-display);background:var(--c-line);border-radius:var(--r-pill);padding:2px var(--sp-3) 2px 4px;align-items:center;gap:4px;display:inline-flex;box-shadow:inset 0 0 0 2px #ffffff26}.chip img{width:24px;height:24px}.chip-cop{background:var(--c-cop)}.chip-thief{background:var(--c-thief)}.input{font:var(--fs-md) var(--f-body);color:var(--c-text-ink);border:var(--bw) solid var(--c-line);border-radius:var(--r-sm);min-height:var(--tap);padding:0 var(--sp-3);background:#fff;width:100%;box-shadow:inset 0 3px #0000001f}.input:focus{outline:3px solid var(--c-yellow)}.scrim{background:var(--c-scrim);z-index:50;padding:var(--sp-4);place-items:center;display:grid;position:absolute;inset:0}.dialog{background:linear-gradient(180deg, var(--c-panel-2), var(--c-panel) 30%);border:var(--bw) solid var(--c-line);border-radius:var(--r-lg);width:min(480px,100%);max-height:100%;box-shadow:var(--sh-3), var(--hi);padding:var(--sp-5);animation:pop var(--t-med) var(--ease-pop);position:relative;overflow:auto}.dialog-title{text-align:center;font-size:var(--fs-2xl);margin:calc(-1 * var(--sp-2)) 0 var(--sp-4)}.dialog-close{position:absolute;top:-14px;right:-14px}@keyframes pop{0%{opacity:0;transform:scale(.85)}}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}.check{appearance:none;cursor:pointer;border:var(--bw) solid var(--c-line);border-radius:var(--r-sm);width:32px;height:32px;transition:transform var(--t-fast) var(--ease-pop);background:#fff;flex:none;place-items:center;margin:0;display:inline-grid;box-shadow:inset 0 3px #0000001f}.check:after{content:"";width:14px;height:8px;transition:transform var(--t-fast) var(--ease-pop);border-bottom:4px solid #fff;border-left:4px solid #fff;transform:translateY(-2px)rotate(-45deg)scale(0)}.check:checked{box-shadow:var(--hi), 0 2px 0 var(--c-line);background:linear-gradient(#6af0a8,#17a75e)}.check:checked:after{transform:translateY(-2px)rotate(-45deg)scale(1)}.check:active{transform:scale(.92)}.check:focus-visible{outline:3px solid var(--c-yellow);outline-offset:2px}.tag{font:700 var(--fs-xs)/1 var(--f-body);border-radius:var(--r-pill);white-space:nowrap;align-items:center;padding:4px 8px;display:inline-flex}.tag-req{background:var(--c-danger);color:#fff}.tag-opt{background:var(--c-bg-1);color:var(--c-text-dim)}.agree-list{gap:var(--sp-2);display:grid}.agree-row{align-items:center;gap:var(--sp-3);min-height:56px;padding:var(--sp-2) var(--sp-3);cursor:pointer;border-radius:var(--r-sm);transition:border-color var(--t-fast), background var(--t-fast);background:#081c5259;border:2px solid #0000;display:flex}.agree-row:hover{background:#081c5280}.agree-row:has(.check:checked){border-color:var(--c-success);background:#2bd47d24}.agree-row .txt{min-width:0;font-size:var(--fs-md);flex:1;line-height:1.35}.agree-row .txt small{color:var(--c-text-dim);font-size:var(--fs-xs);margin-top:2px;display:block}.agree-row.all{min-height:64px;font:var(--fs-lg) var(--f-display);background:var(--c-bg-1);border:var(--bw) solid var(--c-line);box-shadow:var(--hi)}.agree-row.all:has(.check:checked){border-color:var(--c-line);background:linear-gradient(#2bd47d,#179e5c)}.text-link{font:inherit;color:var(--c-yellow);text-underline-offset:3px;cursor:pointer;background:0 0;border:0;min-height:32px;padding:4px 2px;text-decoration:underline}.text-link.dim{color:var(--c-text-dim)}.notice{gap:var(--sp-3);padding:var(--sp-3);border-radius:var(--r-sm);font-size:var(--fs-sm);border:2px solid var(--c-line-hi);background:#081c5273;align-items:flex-start;line-height:1.5;display:flex}.notice img{flex:none;width:28px;height:28px}.notice.warn{border-color:var(--c-danger);background:#ff4d6d24}.doc-scroll{color:var(--c-text-ink);border:var(--bw) solid var(--c-line);border-radius:var(--r-md);padding:var(--sp-4) var(--sp-5);overscroll-behavior:contain;font:15px/1.75 var(--f-body);word-break:keep-all;overflow-wrap:anywhere;scroll-padding-top:var(--sp-4);scrollbar-width:thin;scrollbar-color:var(--c-panel) #e6eef9;background:#fff;overflow-y:auto;box-shadow:inset 0 3px #00000014}.doc-scroll>:first-child{margin-top:0}.doc-scroll h1{font:var(--fs-xl)/1.3 var(--f-display);color:var(--c-bg-0);margin:0 0 var(--sp-2)}.doc-scroll h2{font:var(--fs-lg)/1.35 var(--f-display);color:var(--c-bg-0);margin:var(--sp-5) 0 var(--sp-2);border-left:6px solid var(--c-panel);border-radius:0 var(--r-sm) var(--r-sm) 0;scroll-margin-top:var(--sp-3);background:#eaf4ff;padding:6px 12px}.doc-scroll h3{font:var(--fs-md) var(--f-display);color:var(--c-panel);margin:var(--sp-4) 0 var(--sp-1)}.doc-scroll p{margin:0 0 var(--sp-2)}.doc-scroll ol,.doc-scroll ul{margin:0 0 var(--sp-3);padding-left:1.5em}.doc-scroll li{margin:2px 0}.doc-scroll li::marker{color:var(--c-panel);font-weight:700}.doc-scroll strong{background:linear-gradient(#0000 58%,#ffe27a 58%);font-weight:700}.doc-scroll .meta{font-size:var(--fs-xs);color:#4b5a7a;border-radius:var(--r-pill);margin-bottom:var(--sp-3);background:#f1f4fa;padding:2px 10px;display:inline-block}.doc-scroll .table-wrap{margin:0 0 var(--sp-3);border-radius:var(--r-sm);border:2px solid #d5deec;overflow-x:auto}.doc-scroll table{border-collapse:collapse;width:100%;min-width:520px;font-size:13px;line-height:1.55}.doc-scroll th{text-align:left;background:#eaf4ff;font-weight:700}.doc-scroll th,.doc-scroll td{vertical-align:top;border-bottom:1px solid #e1e8f3;padding:8px 10px}.doc-toc{scrollbar-width:none;gap:6px;padding-bottom:4px;display:flex;overflow-x:auto}.doc-toc a{font:var(--fs-sm) var(--f-display);color:#fff;background:var(--c-bg-1);border:2px solid var(--c-line);border-radius:var(--r-pill);flex:none;padding:4px 12px;text-decoration:none}.doc-toc a:hover{background:var(--c-panel-2)}@media (width<=640px){.doc-scroll{padding:var(--sp-3) var(--sp-4);font-size:15px}}.page-bg{background:radial-gradient(120% 80% at 50% 0%, var(--c-bg-1), var(--c-bg-0));min-height:100dvh;position:relative}.page-bg:before{content:"";pointer-events:none;opacity:.08;background:radial-gradient(circle at 20px 20px,#fff 3px,#0000 4px) 0 0/48px 48px;position:fixed;inset:0}.page-head{z-index:5;height:var(--topbar-h);align-items:center;gap:var(--sp-3);padding:0 var(--sp-4);border-bottom:var(--bw) solid var(--c-line);background:linear-gradient(#081c52f2,#081c52bf);display:flex;position:sticky;top:0}.page-head img.lockup{width:auto;height:36px}.page-head .title{font:var(--fs-xl) var(--f-display);flex:1}.page-doc{max-width:820px;padding:var(--sp-4);gap:var(--sp-3);grid-template-columns:minmax(0,1fr);margin:0 auto;display:grid}.page-doc .doc-scroll{max-height:none;overflow:visible}.page-center{min-height:100dvh;padding:var(--sp-4);place-items:center;display:grid}.page-center>.panel{text-align:center;gap:var(--sp-3);width:min(480px,100%);padding:var(--sp-5);justify-items:center;display:grid}.hero-icon{filter:drop-shadow(0 6px #081c5266);width:96px;height:96px}dialog.dialog{border:var(--bw) solid var(--c-line);border-radius:var(--r-lg);padding:var(--sp-5);color:var(--c-text);background:linear-gradient(180deg, var(--c-panel-2), var(--c-panel) 30%);width:min(480px,100vw - 32px);max-height:calc(100dvh - 32px);box-shadow:var(--sh-3), var(--hi);overflow:visible}dialog.dialog[open]{animation:pop var(--t-med) var(--ease-pop);gap:var(--sp-3);flex-direction:column;display:flex}dialog.dialog::backdrop{background:var(--c-scrim)}dialog.dialog.wide{width:min(760px,100vw - 32px)}dialog.dialog .doc-scroll{flex:1;min-height:200px;max-height:60dvh}dialog.dialog .dialog-close{position:absolute;top:-14px;right:-14px}@media (width<=640px){dialog.dialog{width:calc(100vw - 32px);max-height:calc(100dvh - 32px);padding:var(--sp-4);margin:auto}dialog.dialog .dialog-close{top:10px;right:10px}dialog.dialog .doc-scroll{max-height:none}}.loadbar{border-radius:var(--r-pill);background:var(--c-line);border:var(--bw) solid var(--c-line);width:min(320px,80%);height:18px;box-shadow:var(--hi);overflow:hidden}.loadbar>i{border-radius:var(--r-pill);background:linear-gradient(180deg, #ffe27a, var(--c-yellow));height:100%;width:var(--p,30%);transition:width var(--t-med);display:block}.loadbar.indeterminate>i{width:40%;animation:1.2s ease-in-out infinite slide}@keyframes slide{0%{transform:translate(-100%)}to{transform:translate(250%)}}.code-box{font:var(--fs-xl) var(--f-display);letter-spacing:.12em;text-align:center;color:var(--c-text-ink);border:var(--bw) solid var(--c-line);border-radius:var(--r-sm);-webkit-user-select:all;user-select:all;background:#fff;width:100%;padding:8px 12px;box-shadow:inset 0 3px #0000001a}input.code-box{min-height:var(--tap);text-transform:uppercase}input.code-box:focus{outline:3px solid var(--c-yellow)}.switch{appearance:none;cursor:pointer;border-radius:var(--r-pill);border:var(--bw) solid var(--c-line);width:56px;height:32px;transition:background var(--t-fast);background:#0f2e7a;flex:none;margin:0;position:relative;box-shadow:inset 0 3px #0000004d}.switch:after{content:"";border:2px solid var(--c-line);width:22px;height:22px;box-shadow:0 2px 0 var(--c-line);transition:transform var(--t-med) var(--ease-pop);background:linear-gradient(#fff,#cfe8ff);border-radius:50%;position:absolute;top:2px;left:2px}.switch:checked{background:linear-gradient(#6af0a8,#17a75e)}.switch:checked:after{transform:translate(24px)}.switch:focus-visible{outline:3px solid var(--c-yellow);outline-offset:2px}.switch:disabled{opacity:.45;cursor:not-allowed}.slider{appearance:none;cursor:pointer;background:0 0;flex:1;min-width:120px;height:32px;margin:0}.slider::-webkit-slider-runnable-track{border-radius:var(--r-pill);border:var(--bw) solid var(--c-line);background:linear-gradient(90deg, var(--c-yellow) 0 var(--v,50%), #0f2e7a var(--v,50%));height:14px;box-shadow:inset 0 2px #00000040}.slider::-moz-range-track{border-radius:var(--r-pill);border:var(--bw) solid var(--c-line);background:#0f2e7a;height:8px}.slider::-moz-range-progress{border-radius:var(--r-pill);background:var(--c-yellow);height:8px}.slider::-webkit-slider-thumb{-webkit-appearance:none;border:var(--bw) solid var(--c-line);width:28px;height:28px;box-shadow:0 3px 0 var(--c-line);background:linear-gradient(#fff,#cfe8ff);border-radius:50%;margin-top:-10px}.slider::-moz-range-thumb{border:var(--bw) solid var(--c-line);background:#fff;border-radius:50%;width:22px;height:22px}.slider:focus-visible{outline:3px solid var(--c-yellow);outline-offset:4px;border-radius:var(--r-pill)}.slider:disabled{opacity:.45}.set-row{align-items:center;gap:var(--sp-3);min-height:56px;padding:var(--sp-2) var(--sp-3);border-radius:var(--r-sm);background:#081c5259;display:flex}.set-row+.set-row{margin-top:var(--sp-2)}.set-row>.lbl{min-width:88px;font:var(--fs-md) var(--f-display);align-items:center;gap:6px;display:flex}.set-row>.lbl img{width:26px;height:26px}.set-row>.desc{font-size:var(--fs-xs);color:var(--c-text-dim);flex:1}.set-row .val{font:var(--fs-md) var(--f-display);color:var(--c-yellow);text-align:right;min-width:3ch}.set-row.is-locked{opacity:.5}.keycap{font:700 var(--fs-md) var(--f-body);min-width:104px;min-height:42px;padding:0 var(--sp-3);cursor:pointer;color:var(--c-text-ink);border:var(--bw) solid var(--c-line);border-radius:var(--r-sm);background:linear-gradient(#fff,#e3eefa);border-bottom-width:7px}.keycap:active{border-bottom-width:3px;transform:translateY(4px)}.keycap.is-listening{background:var(--c-yellow);animation:1s steps(2,end) infinite kc-blink}.keycap.is-fixed{color:#5a6680;cursor:not-allowed;background:#c9d3e3;border-bottom-width:3px}@keyframes kc-blink{50%{filter:brightness(.85)}}.key-note{font-size:var(--fs-xs);color:var(--c-yellow)}.dlg-tabs{gap:var(--sp-1);background:var(--c-bg-1);border:var(--bw) solid var(--c-line);border-radius:var(--r-pill);scrollbar-width:none;padding:3px;display:flex;overflow-x:auto}.dlg-tabs .tab{flex:1 0 auto}.stage3d{aspect-ratio:4/5;border-radius:var(--r-md);border:var(--bw) solid var(--c-line);background:radial-gradient(70% 55% at 50% 60%, #8fd3ff, var(--c-panel-2) 70%, var(--c-panel));position:relative;overflow:hidden;box-shadow:inset 0 -16px #081c5240}.stage3d:after{content:"";background:#081c5259;border-radius:50%;height:7%;position:absolute;bottom:8%;left:20%;right:20%}.stage3d>img,.stage3d>canvas{object-fit:contain;z-index:1;width:100%;height:100%;position:absolute;inset:0}.stage3d .rot{z-index:2;width:40px;min-height:40px;position:absolute;bottom:8px}.stage3d .rot.l{left:8px}.stage3d .rot.r{right:8px}.stage3d .hint{text-align:center;z-index:2;font-size:var(--fs-xs);color:var(--c-text-dim);position:absolute;top:8px;left:0;right:0}.role-badge{z-index:2;position:absolute;top:8px;left:8px}.stat-grid{gap:var(--sp-2);grid-template-columns:repeat(4,1fr);display:grid}.stat{text-align:center;padding:var(--sp-2) 4px;border-radius:var(--r-sm);background:#081c5266;box-shadow:inset 0 2px #ffffff14}.stat b{font:var(--fs-xl)/1.1 var(--f-display);color:var(--c-yellow);display:block}.stat span{font-size:var(--fs-xs);color:var(--c-text-dim)}.cooldown{font-size:var(--fs-xs);color:var(--c-text-dim);border-radius:var(--r-pill);white-space:nowrap;background:#081c5280;padding:2px 10px}.id-box{font:700 var(--fs-md) ui-monospace, Menlo, monospace;letter-spacing:.06em;border-radius:var(--r-sm);background:#081c5280;padding:6px 10px}@media (width<=640px){:root{--page-gutter:12px}}@media (height<=480px) and (orientation:landscape){:root{--page-gutter:8px}}.search-field{flex:1;min-width:160px;position:relative}.search-field .input{padding-right:44px}.search-field .clear{border:2px solid var(--c-line);width:32px;height:32px;min-height:32px;color:var(--c-text-ink);font:700 14px/1 var(--f-body);cursor:pointer;background:#e3eefa;border-radius:50%;padding:0;position:absolute;top:50%;right:6px;transform:translateY(-50%)}.search-field .input:placeholder-shown+.clear{display:none}.nick-field{align-items:center;display:flex;position:relative}.nick-field .nick-check{min-height:36px;padding:0 var(--sp-3);font-size:var(--fs-sm);border-radius:var(--r-xs);position:absolute;top:50%;right:6px;transform:translateY(-50%)}.nick-field[data-state=ok] .input{border-color:var(--c-success);outline:3px solid color-mix(in srgb, var(--c-success) 45%, transparent)}.nick-field[data-state=ok] .nick-check{--b1:var(--c-success);--b2:#1fa862;color:var(--c-text-ink);pointer-events:none}.nick-field+.nick-sugg{margin-top:var(--sp-2)}.nick-sugg{flex-wrap:wrap;align-content:flex-start;align-items:center;gap:6px;display:flex}.nick-sugg .chip{cursor:pointer;font-size:var(--fs-sm);padding:2px var(--sp-3);min-height:32px}.nick-sugg .more{font-size:var(--fs-sm);min-height:32px}.dialog-icon{width:56px;height:56px;margin:0 auto var(--sp-2);display:block}.dialog-msg{text-align:center;font-size:var(--fs-md);margin:0 0 var(--sp-4);word-break:keep-all;line-height:1.5}.chat-pill{align-items:center;gap:var(--sp-2);min-width:0;height:40px;padding:0 var(--sp-3);border-radius:var(--r-pill);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:var(--c-text);font:700 var(--fs-sm)/1 var(--f-body);white-space:nowrap;text-overflow:ellipsis;cursor:pointer;background:#081c528c;border:2px solid #ffffff59;flex:auto;display:flex;overflow:hidden}.chat-pill .nick{color:var(--c-yellow);text-overflow:ellipsis;flex:none;max-width:40%;overflow:hidden}.chat-pill .msg{text-overflow:ellipsis;min-width:0;overflow:hidden}.chat-pill.is-empty{color:var(--c-text-dim)}.chat-pill.is-new{animation:.6s ease-out chat-pulse}@keyframes chat-pulse{0%{border-color:var(--c-yellow);box-shadow:0 0 0 3px #ffd23f8c}to{border-color:#ffffff59;box-shadow:0 0 #ffd23f00}}@media (prefers-reduced-motion:reduce){.chat-pill.is-new{border-color:var(--c-yellow);animation:none}}.chat-pill.compact{width:104px;padding:0 var(--sp-2);flex:none;gap:4px}.chat-pill.compact:before{content:"💬";flex:none;font-size:16px}.chat-pill.compact .nick{display:none}@media (width<=374px){.chat-pill.compact{justify-content:center;width:44px;padding:0}.chat-pill.compact .msg{display:none}}.chat-dialog{width:min(480px, calc(100vw - 2 * var(--page-gutter)));flex-direction:column;max-height:min(560px,80dvh);display:flex}.chat-log{min-height:120px;padding:var(--sp-2);gap:var(--sp-1);border-radius:var(--r-sm);font:var(--fs-sm)/1.4 var(--f-body);background:#081c5259;flex-direction:column;flex:auto;display:flex;overflow-y:auto}.chat-line{padding:2px var(--sp-2);border-radius:var(--r-xs);word-break:break-word}.chat-line .nick{color:var(--c-yellow);margin-right:4px;font-weight:700}.chat-line.is-me{background:#ffffff1f}.chat-line.is-me .nick{color:var(--c-slot-2)}.chat-line.is-system{color:var(--c-text-dim);text-align:center;background:0 0;font-style:italic}.chat-input-row{gap:var(--sp-2);margin-top:var(--sp-3);flex:none;display:flex}.chat-input-row input{min-width:0;height:var(--tap);flex:1}.chat-input-row button{height:var(--tap);padding:0 var(--sp-4);flex:none}.nametag{font:13px/1 var(--f-display);color:#fff;-webkit-text-stroke:3px var(--c-line);paint-order:stroke fill;text-shadow:0 2px 0 var(--c-line)}.bubble{color:var(--c-text-ink);border:2px solid var(--c-line);border-radius:var(--r-md);background:#fff;position:relative}.bubble:after{content:"";filter:drop-shadow(0 2px 0 var(--c-line));border:8px solid #0000;border-top-color:#fff;border-bottom:0;position:absolute;bottom:-8px;left:50%;transform:translate(-50%)}.gender-toggle{border-radius:var(--r-pill);background:var(--c-line);box-shadow:var(--hi);gap:3px;padding:3px;display:inline-flex}.gender-toggle button{border-radius:var(--r-pill);min-width:88px;height:40px;color:var(--c-text-dim);font:var(--fs-md) var(--f-display);cursor:pointer;transition:background var(--t-fast);background:0 0;border:0}.gender-toggle button[aria-pressed=true]{color:#fff;background:linear-gradient(180deg, var(--c-slot-2), var(--c-slot));box-shadow:var(--hi), 0 2px 0 var(--c-line);text-shadow:0 1px 0 var(--c-line)}.swatches{grid-template-columns:repeat(auto-fill, minmax(var(--tap), 56px));gap:var(--sp-3);justify-content:start;display:grid}.swatch{aspect-ratio:1;width:100%;max-width:56px;min-height:var(--tap);border:3px solid var(--c-line);background:var(--sw,#888);box-shadow:var(--hi), var(--lo);cursor:pointer;border-radius:50%}.swatch[aria-pressed=true]{outline:3px solid var(--c-yellow);outline-offset:2px}.swatch.custom{font:900 22px/1 var(--f-body);color:var(--c-text);background:conic-gradient(#ff5a5f,#ffd23f,#3ddc84,#3e8bff,#9b5cf6,#ff5a5f);place-items:center;display:grid}.swatch.custom:after{content:"+";background:var(--c-line);border-radius:50%;place-items:center;width:24px;height:24px;display:grid}.swatch.custom.is-set{background:var(--sw)}.swatch.custom.is-set:after{content:"✎";background:#081c52b3;font-size:13px}.color-dialog{width:min(400px, calc(100vw - 2 * var(--page-gutter)));gap:var(--sp-3);display:grid}.color-dialog .preview{align-items:center;gap:var(--sp-3);display:flex}.color-dialog .preview .dot{border:4px solid var(--c-line);background:var(--cur);width:72px;height:72px;box-shadow:var(--hi), var(--lo);border-radius:50%;flex:none}.color-dialog .preview .was{border:3px solid var(--c-line);background:var(--prev);border-radius:50%;width:32px;height:32px}.color-dialog .rgb{align-items:center;gap:var(--sp-2);font:var(--fs-md) var(--f-display);grid-template-columns:20px 1fr 44px;display:grid}.color-dialog input[type=range]{appearance:none;border-radius:var(--r-pill);border:2px solid var(--c-line);background:var(--track);height:16px}.color-dialog input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;border:3px solid var(--c-line);width:28px;height:28px;box-shadow:var(--sh-1);background:#fff;border-radius:50%}.color-dialog input[type=range]::-moz-range-thumb{border:3px solid var(--c-line);background:#fff;border-radius:50%;width:24px;height:24px}.color-dialog .hex{align-items:center;gap:var(--sp-2);display:flex}.color-dialog .hex input{min-width:0;height:var(--tap);font:700 var(--fs-md) ui-monospace, monospace;text-transform:uppercase;flex:1}.color-dialog .hex input[aria-invalid=true]{border-color:var(--c-danger)}.color-dialog .actions{gap:var(--sp-2);grid-template-columns:1fr 1fr;display:grid}.plaza-top{z-index:3;gap:var(--sp-2);padding:calc(env(safe-area-inset-top) + var(--sp-2)) calc(env(safe-area-inset-right) + var(--page-gutter)) 0 calc(env(safe-area-inset-left) + var(--page-gutter));display:grid;position:absolute;top:0;left:0;right:0}.plaza-top .r1{align-items:center;gap:var(--sp-2);display:flex}.plaza-top .r1 .sp{flex:1}.plaza-top .r2{align-items:center;gap:var(--sp-2);display:flex}.plaza-top .r2 .chan{flex:none;height:40px}.plaza-top .btn-icon{width:var(--tap);height:var(--tap)}@media (width<=480px){.plaza-top .r1 .lbl{display:none}}.emote-pop{box-shadow:none;filter:drop-shadow(0 2px 2px #00000059);animation:emote-pop .9s var(--ease-pop) both;background:0 0;border:0;padding:0;font-size:32px;line-height:1;display:inline-block}@keyframes emote-pop{0%{opacity:0;transform:translateY(8px)scale(.4)}25%{opacity:1;transform:translateY(0)scale(1.15)}40%,80%{transform:scale(1)}to{opacity:0;transform:translateY(-6px)}}@media (prefers-reduced-motion:reduce){.emote-pop{animation:none}}:root{--app-h:100vh}@supports (height:100dvh){:root{--app-h:100dvh}}@supports not (height:100dvh){dialog.dialog{max-height:calc(100vh - 32px)}}main{padding:calc(var(--topbar-h) + var(--sp-2)) var(--page-gutter) var(--page-gutter);min-height:var(--app-h)}.topbar{height:var(--topbar-h);justify-content:flex-end;align-items:center;gap:var(--sp-2);padding:0 var(--page-gutter);z-index:50;pointer-events:none;display:flex;position:fixed;inset:0 0 auto}.topbar>*{pointer-events:auto}.topbar .btn img{width:22px}@media (width<=640px){.topbar .btn{gap:0;font-size:0}.topbar .btn img{width:26px}}.center{align-items:center;gap:var(--sp-3);text-align:center;flex-direction:column;max-width:480px;margin:0 auto;display:flex}.chat{height:240px;color:var(--c-text-ink);border-radius:var(--r-md);padding:var(--sp-2) var(--sp-4);background:#fff;overflow-y:auto}.game{inset:var(--topbar-h) 0 0 0;position:fixed}dialog::backdrop{background:var(--c-scrim)}button.link{color:var(--c-yellow);cursor:pointer;font:inherit;background:0 0;border:none;padding:0;text-decoration:underline}button.danger{color:var(--c-danger)}.deco{gap:var(--sp-4);grid-template-columns:minmax(240px,380px) 1fr;max-width:1100px;margin:0 auto;display:grid}.deco-preview{place-items:center;display:grid}.deco-ava{width:100%;max-height:380px}.deco-editor{gap:var(--sp-3);flex-direction:column;min-width:0;display:flex}.deco-nick{gap:var(--sp-1);font-family:var(--f-display);flex-direction:column;display:flex}.nick-status{min-height:1.4em;font-size:var(--fs-sm);margin:0}.nick-status.error{color:var(--c-danger)}.nick-status.ok{color:var(--c-success)}.tabs.sub .tab{font-size:var(--fs-sm)}.deco-grid{gap:var(--sp-2);grid-template-columns:repeat(auto-fill,minmax(88px,1fr));align-content:start;min-height:200px;display:grid}.deco-grid .slot{aspect-ratio:1;padding:var(--sp-1);cursor:pointer;overflow:hidden}.deco-grid .slot svg{width:100%;height:100%}.deco-grid .slot .tint-dot{background:var(--dot);pointer-events:none;border:2px solid #fff;border-radius:50%;width:12px;height:12px;position:absolute;bottom:6px;right:6px;box-shadow:0 1px 2px #00000059}.swatch{aspect-ratio:1;border:var(--bw) solid var(--c-line);border-radius:var(--r-pill);cursor:pointer;min-height:var(--tap)}.swatch.is-selected{box-shadow:0 0 0 2px var(--c-panel,#1e5bd8), 0 0 0 6px var(--c-yellow);outline:none;transition:none}.swatch.is-selected:focus-visible{outline-offset:8px;outline:3px solid #fff}@media (width<=720px){.deco{grid-template-columns:1fr}.deco-ava{max-height:210px}}.row-2{gap:var(--sp-2);grid-template-columns:1fr 1fr;width:100%;display:grid}.field{gap:var(--sp-1);margin-bottom:var(--sp-3);display:grid}.logo{display:block}.logo img{height:auto;margin:0 auto;display:block}@media (orientation:landscape) and (height<=500px){.logo img{height:44px;width:auto!important}}.splash{gap:var(--sp-5)}.consent{gap:var(--sp-4);width:min(520px,100%);display:grid}.consent-links{align-items:center;gap:var(--sp-2);color:var(--c-text-dim);font-size:var(--fs-sm);flex-direction:column;margin:0;display:flex}.lobby{align-items:center;gap:var(--sp-5);max-width:1000px;min-height:calc(var(--app-h) - var(--topbar-h) - 2 * var(--sp-4));grid-template-columns:300px 1fr;margin:0 auto;display:grid}.lobby .me{text-align:center}.lobby-ava{width:100%;height:300px}.bigbtns{gap:var(--sp-5);grid-template-columns:1fr 1fr;display:grid}.bigbtn{aspect-ratio:4/3;font-size:var(--fs-3xl);border-radius:var(--r-lg);flex-direction:column;height:auto}.bigbtn img{width:45%;height:auto}.bigbtn small{font:var(--fs-md) var(--f-body);opacity:.9}.rooms{max-width:1100px;margin:0 auto}.rooms .main{gap:var(--sp-3);min-height:calc(var(--app-h) - var(--topbar-h) - 2 * var(--sp-4));grid-template-rows:auto 1fr auto;display:grid}.toolbar{gap:var(--sp-2);flex-wrap:wrap;align-items:center;display:flex}.toolbar .search{flex:1;gap:6px;min-width:160px;display:flex}.toolbar .search .input{flex:1;min-width:0}.roomgrid{gap:var(--sp-3);grid-template-columns:1fr 1fr;grid-auto-rows:112px;align-content:start;display:grid}.room{gap:var(--sp-3);background:linear-gradient(180deg, #7fd0ff, var(--c-slot));border:var(--bw) solid var(--c-line);border-radius:var(--r-md);box-shadow:var(--sh-1), var(--hi);padding:var(--sp-2) var(--sp-3);color:var(--c-text-ink);cursor:pointer;min-height:0;font:inherit;grid-template-columns:84px 1fr auto;align-items:center;display:grid}.room .thumb,.mappick .thumb{border-radius:var(--r-sm);border:var(--bw) solid var(--c-line);width:84px;height:84px;color:var(--c-text-ink);background:#fff;place-items:center;display:grid}.room .thumb img{width:64px}.room .no,.wait .no{font:var(--fs-sm) var(--f-display);background:var(--c-line);color:#fff;border-radius:6px;padding:0 6px}.room .t{font:var(--fs-lg) var(--f-display);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.room .meta{font-size:var(--fs-sm);align-items:center;gap:10px;display:flex}.room .meta img{vertical-align:-4px;width:18px}.room .state{font:var(--fs-sm) var(--f-display);border-radius:var(--r-pill);background:var(--c-success);border:2px solid var(--c-line);padding:2px 10px}.room.playing{filter:saturate(.3)brightness(.85)}.room.playing .state{background:#9aa}.room.full{filter:grayscale()brightness(.8)}.rooms-empty{align-content:center;place-items:center;gap:var(--sp-3);text-align:center;font-family:var(--f-display);font-size:var(--fs-lg);display:grid}.pager{justify-content:center;gap:var(--sp-2);align-items:center;display:flex}.toast{left:50%;bottom:var(--sp-6);background:var(--c-line);color:#fff;border-radius:var(--r-pill);padding:var(--sp-2) var(--sp-5);font-family:var(--f-display);box-shadow:var(--sh-2);z-index:100;text-align:center;max-width:calc(100vw - 32px);position:fixed;transform:translate(-50%)}.seg{display:flex}.seg .tab{justify-content:center;align-items:center;gap:4px;min-height:40px;display:inline-flex}.mappick{grid-template-columns:repeat(4,1fr);gap:6px;display:grid}.mappick .slot{cursor:pointer;place-items:center;padding:4px 4px 20px;display:grid}.mappick .thumb{aspect-ratio:1;background:0 0;border:0;width:100%;height:auto}.mappick .thumb img{width:60%}.mappick .slot .name{font-size:11px}input[type=range]{width:100%;accent-color:var(--c-yellow);height:28px}.map-thumb{aspect-ratio:16/10;border-radius:var(--r-sm);border:var(--bw) solid var(--c-line);position:relative;overflow:hidden}.map-thumb.is-selected{box-shadow:inset 0 0 0 4px var(--c-yellow);outline:none}.map-thumb .bg{object-fit:cover;width:100%;height:100%;display:block}.map-thumb:after{content:"";background:linear-gradient(#0000,#081c5299);position:absolute;inset:66% 0 0}.map-thumb .corner{width:40px;filter:drop-shadow(0 3px 0 var(--c-line));position:absolute;top:6px;right:6px}.map-thumb .badge{z-index:1;background:#081c52d9;position:absolute;bottom:6px;left:6px}.map-thumb .badge img{width:24px}.wait{gap:var(--sp-3);max-width:1100px;height:calc(var(--app-h) - var(--topbar-h) - var(--sp-2) - var(--page-gutter) - env(safe-area-inset-bottom));grid-template-rows:minmax(0,1fr) minmax(0,200px);grid-template-columns:1fr 300px;margin:0 auto;display:grid}.wait .slots{gap:var(--sp-2) var(--sp-3);grid-area:1/1;grid-template-rows:repeat(3,minmax(0,1fr));grid-template-columns:repeat(4,minmax(0,1fr));min-height:0;display:grid}.wait .slots .slot{aspect-ratio:3/4;justify-self:center;width:auto;max-width:100%;height:100%;overflow:hidden}.wait .slots .slot .ava{height:76%;position:absolute;top:6%;bottom:18%;left:50%;transform:translate(-50%)}.wait .side{gap:var(--sp-3);grid-area:1/2/3;grid-template-rows:auto auto auto 1fr;min-height:0;display:grid}.wait .side>:last-child{align-self:end}.wait>.chat{gap:var(--sp-2);grid-area:2/1;grid-template-rows:minmax(0,1fr) auto auto;height:auto;min-height:0;display:grid;overflow:hidden}.wait>.chat .chat-log{min-height:0;overflow-y:auto}.chat-log{padding:var(--sp-2);border-radius:var(--r-sm);overflow-wrap:anywhere;background:#081c5273;min-height:0;margin:0;list-style:none;overflow-y:auto}.chat-input{gap:var(--sp-2);display:flex}.chat-input .input{flex:1;min-width:0}.chat-err{color:var(--c-danger);font-size:var(--fs-sm);margin:0}.req-ava{height:140px}@media (width<=640px){.lobby{grid-template-columns:1fr;align-content:start}.lobby-ava{height:200px}.bigbtns{gap:var(--sp-3);grid-template-columns:1fr}.bigbtn{aspect-ratio:auto;min-height:120px;font-size:var(--fs-2xl);flex-direction:row}.bigbtn img{width:72px}.roomgrid{grid-template-columns:1fr;grid-auto-rows:104px}.wait{grid-template-rows:auto auto 260px;grid-template-columns:1fr;height:auto}.wait .slots,.wait>.chat,.wait .side{grid-area:auto/1}.wait .slots{grid-template-rows:repeat(3,130px);gap:6px}.wait .side .map-thumb{display:none}}@media (height<=480px){.lobby{grid-template-columns:200px 1fr}.lobby-ava{height:170px}.bigbtn{aspect-ratio:auto;min-height:180px}.room .thumb{width:56px;height:56px}.room .thumb img{width:42px}.room{grid-template-columns:56px 1fr auto}}.wait .slots button.slot{font:inherit;color:inherit;cursor:pointer;padding:0}.wait .slots button.slot:disabled{cursor:default;opacity:1}.slot.is-offline .ava{opacity:.45;filter:grayscale(.6)}.map-btn{cursor:pointer;background:0 0;border:0;width:100%;padding:0;display:block}.map-btn:disabled{cursor:default}.host-settings{gap:var(--sp-2);display:grid}.side-actions{gap:var(--sp-2);align-self:end;display:grid}.chat-log .sys{color:var(--c-yellow);font-size:var(--fs-sm)}.mappick.big{grid-template-columns:repeat(4,1fr)}.game-hud{top:calc(var(--topbar-h) + var(--sp-2));font-size:var(--fs-2xl);z-index:5;position:fixed;left:50%;transform:translate(-50%)}.invite-banner{z-index:20;background:var(--c-yellow);color:var(--c-text-ink);padding:var(--sp-1) var(--sp-4);border-radius:0 0 var(--r-md) var(--r-md);border:var(--bw) solid var(--c-line);text-shadow:none;border-top:0;position:fixed;top:0;left:50%;transform:translate(-50%)}.game{z-index:30;touch-action:none;position:fixed;inset:0}.game-hud{top:var(--sp-2);font-size:var(--fs-2xl);z-index:31;pointer-events:none;position:fixed;left:50%;transform:translate(-50%)}.game-hud.urgent{color:var(--c-danger)}.game-map-name{top:var(--sp-2);left:var(--sp-3);z-index:31;pointer-events:none;position:fixed}.game-keys{bottom:var(--sp-2);z-index:31;pointer-events:none;font-size:var(--fs-sm);position:fixed;left:50%;transform:translate(-50%)}.touch-controls{z-index:32;height:200px;padding:0 var(--sp-6) var(--sp-4);pointer-events:none;justify-content:space-between;align-items:center;display:flex;position:fixed;inset:auto 0 0}.touch-controls.side-left{flex-direction:row-reverse}.touch-controls>*{pointer-events:auto}.stick{border:var(--bw) solid #fff6;touch-action:none;background:#081c5273;border-radius:50%;place-items:center;width:120px;height:120px;display:grid}.stick .knob{width:52px;height:52px;box-shadow:var(--sh-1);background:#ffffffd9;border-radius:50%}.action-btns{gap:var(--sp-3);align-items:flex-end;display:flex}.act{border:var(--bw) solid var(--c-line);font:var(--fs-md) var(--f-display);color:#fff;box-shadow:var(--sh-1), var(--hi);touch-action:none;border-radius:50%}.act.jump{background:linear-gradient(180deg, var(--c-slot-2), var(--c-panel-2));width:64px;height:64px}.act:disabled{filter:grayscale(.7)brightness(.8)}.viewer3d{width:100%;height:380px;position:relative}.viewer3d-canvas,.viewer3d-canvas canvas{touch-action:none;width:100%;height:100%;display:block}.viewer3d-rotate{left:0;right:0;bottom:var(--sp-2);justify-content:center;gap:var(--sp-3);display:flex;position:absolute}@media (width<=720px){.viewer3d{height:240px}}.role-badge{top:calc(var(--sp-2) + 36px);left:var(--sp-3);z-index:31;padding:2px var(--sp-3);border-radius:var(--r-pill);border:2px solid var(--c-line);pointer-events:none;position:fixed}.role-badge.cop{background:var(--c-cop)}.role-badge.thief{background:var(--c-thief)}.act.grab{background:linear-gradient(180deg, #ffc04d, var(--c-primary-2));width:88px;height:88px}.rescue-hint{z-index:31;pointer-events:none;color:var(--c-success);position:fixed;bottom:140px;left:50%;transform:translate(-50%)}.thief-count{top:calc(var(--sp-2) + 36px);z-index:31;pointer-events:none;position:fixed;left:50%;transform:translate(-50%)}.intro-card{z-index:40;text-align:center;place-content:center;gap:var(--sp-3);background:var(--c-scrim);padding:var(--sp-4);display:grid;position:fixed;inset:0}.intro-card .big{font-size:var(--fs-3xl)}.intro-card.cop .big{color:var(--c-cop-2)}.intro-card.thief .big{color:var(--c-thief-2)}.intro-count{z-index:40;pointer-events:none;place-items:center;font-size:120px;display:grid;position:fixed;inset:0}.intro-hold{z-index:40;font-size:var(--fs-xl);pointer-events:none;text-align:center;position:fixed;top:30%;left:50%;transform:translate(-50%)}.result-table{border-collapse:collapse;width:100%;font-size:var(--fs-sm)}.result-table th,.result-table td{text-align:center;border-bottom:1px solid #fff3;padding:4px 8px}.result-table tr.me{background:#ffd23f2e}.result-cop{color:var(--c-cop-2)}.result-thief{color:var(--c-thief-2)}.nowebgl{gap:var(--sp-3);width:min(560px,100%);display:grid}.nowebgl h1{text-align:center;font-size:var(--fs-2xl);margin:0;line-height:1.25}.nowebgl .hero{justify-self:center;width:120px;height:100px;position:relative}.nowebgl .hero .mon{filter:drop-shadow(0 6px #081c5266);width:100px;position:absolute;top:0;left:0}.nowebgl .hero .warn{width:56px;position:absolute;bottom:-4px;right:-6px}.how{background:linear-gradient(180deg, var(--c-panel-2), var(--c-panel) 40%);border:var(--bw) solid var(--c-line);border-radius:var(--r-md);box-shadow:var(--sh-1), var(--hi);padding:0 var(--sp-3)}.how summary{align-items:center;gap:var(--sp-2);min-height:56px;font:var(--fs-lg) var(--f-display);cursor:pointer;list-style:none;display:flex}.how summary::-webkit-details-marker{display:none}.how summary img{width:28px}.how .chev{transition:transform var(--t-fast);margin-left:auto}.how[open] .chev{transform:rotate(180deg)}.how .num{background:var(--c-yellow);width:28px;height:28px;color:var(--c-text-ink);border:2px solid var(--c-line);font-size:var(--fs-md);border-radius:50%;place-items:center;display:grid}.how ul{margin:0 0 var(--sp-3);line-height:1.7;font-size:var(--fs-sm);padding-left:1.2em}.how .chips{flex-wrap:wrap;gap:6px;display:flex}.how .chips .chip{font-size:var(--fs-sm)}.how .notice{margin-bottom:var(--sp-3)}.fullscreen-overlay{z-index:1000;position:fixed;inset:0;overflow:auto}.profile-dialog[open]{width:min(720px,100vw - 32px)}.prof-grid{gap:var(--sp-4);grid-template-columns:260px 1fr;align-items:start;display:grid}.prof-grid .stage3d .viewer3d{height:100%}.prof-grid .stage3d>svg{z-index:1;width:84%;height:84%;position:absolute;inset:8%}.prof-info{gap:var(--sp-3);align-content:start;display:grid}.row{align-items:center;gap:var(--sp-2);display:flex}.row.wrap{flex-wrap:wrap}.grow{flex:1;min-width:0}.settings-dialog[open]{width:min(560px,100vw - 32px)}.block-list{gap:var(--sp-2);margin:0;padding:0;list-style:none;display:grid}.licenses{white-space:pre-wrap;overflow-wrap:anywhere;border-radius:var(--r-sm);max-height:60dvh;padding:var(--sp-3);font-size:var(--fs-xs);background:#081c5273;margin:0;overflow:auto}@media (width<=640px){.prof-grid{grid-template-columns:1fr}.prof-grid .stage3d{aspect-ratio:auto;height:240px;max-height:240px}}.market-hud,.page-hud{height:var(--topbar-h);z-index:40;padding:0 var(--page-gutter);pointer-events:none;grid-template-columns:1fr auto 1fr;align-items:center;display:grid;position:fixed;top:0;left:0;right:0}.market-hud>*,.page-hud>*{pointer-events:auto}.page-title{align-items:center;gap:var(--sp-2);white-space:nowrap;font-size:var(--fs-lg);display:flex}@media (width<=640px){.hud-left .btn{gap:0;font-size:0}.hud-left .btn img{width:26px}.page-title .t{display:none}}.hud-left{gap:var(--sp-2);align-items:center;display:flex}.hud-left .btn img{width:22px}.channel-pick{min-height:36px;padding:0 var(--sp-3);font-family:var(--f-display)}.market-chat{left:var(--page-gutter);bottom:var(--page-gutter);width:min(420px, calc(100vw - 2 * var(--page-gutter)));z-index:40;gap:var(--sp-1);display:grid;position:fixed}.market-chat .chat-log{background:#081c528c;max-height:160px}.market-chat .chat-input{flex-wrap:wrap}.emote-btn{min-width:40px;padding:0 6px;font-size:18px;position:relative}.emote-btn .key-badge{display:none}@media (pointer:fine){.emote-btn .key-badge{color:#fff;min-width:15px;height:15px;font:700 11px/16px var(--font-ui,sans-serif);text-align:center;pointer-events:none;background:#0f2350;border:1px solid #ffffff80;border-radius:4px;padding:0 3px;display:block;position:absolute;bottom:1px;right:1px}}.search-field{flex:1;display:flex;position:relative}.search-field .input{flex:1;min-width:0;padding-right:36px}.search-field .clear{cursor:pointer;color:var(--c-text-ink);background:0 0;border:0;width:28px;height:28px;font-size:18px;position:absolute;top:50%;right:6px;transform:translateY(-50%)}@media (width<=640px){.hud-left .btn{gap:0;font-size:0}.market-chat .chat-log{max-height:90px}}.game>canvas{width:100%;height:100%;display:block}.stage-overlay{pointer-events:none;position:absolute;inset:0;overflow:hidden}.stage-tag{will-change:transform;flex-direction:column;align-items:center;gap:2px;display:flex;position:absolute;top:0;left:0}.stage-tag .name{color:#0f2350;white-space:nowrap;-webkit-text-stroke:0;text-shadow:none;background:#fff;border:2px solid #0f235059;border-radius:999px;align-items:center;gap:4px;padding:3px 8px;font-family:Jua,sans-serif;font-size:13px;line-height:1;display:inline-flex;box-shadow:0 1px 2px #081c5259}.stage-tag .name.me{border-width:3px;border-color:#0f2350;padding:2px 7px}.stage-tag .name.role-cop{border-color:#2453ff}.stage-tag .name.role-thief{border-color:#ff4d4d}.stage-tag .name.me.role-cop,.stage-tag .name.me.role-thief{border-width:3px}.stage-tag .name .role-badge-ico{flex:none;width:17px;height:17px}.stage-tag .name.is-jailed .role-badge-ico{opacity:.4;filter:grayscale(.8)}.stage-tag .bubble{color:#0f2350;text-align:center;overflow-wrap:anywhere;word-break:break-all;background:#fff;border-radius:10px;max-width:180px;padding:4px 8px;font-size:13px}.stage-tag .emote{box-shadow:none;filter:drop-shadow(0 2px 2px #00000059);background:0 0;border:0;border-radius:0;width:auto;height:auto;padding:0;font-size:32px;line-height:1}.stage-tag .emote.emote-pop{animation:3s linear forwards emote-life}@keyframes emote-life{0%{opacity:0;transform:scale(.4)}5%{opacity:1;transform:scale(1.15)}8.3%{transform:scale(1)}86.7%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-10px)}}@media (prefers-reduced-motion:reduce){.stage-tag .emote.emote-pop{animation-name:emote-fade}@keyframes emote-fade{0%,86.7%{opacity:1}to{opacity:0}}}.stage-tag [hidden]{display:none}:root{--topbar-right:212px}@media (width<=640px),(height<=480px){:root{--topbar-right:112px}.topbar .btn,.hud-left .btn{gap:0;font-size:0}.topbar .btn img,.hud-left .btn img{width:26px}.page-title .t{display:none}}.topbar,.market-hud,.page-hud{padding-left:max(var(--page-gutter), env(safe-area-inset-left))}.topbar{padding-right:max(var(--page-gutter), env(safe-area-inset-right))}main{padding-left:max(var(--page-gutter), env(safe-area-inset-left));padding-right:max(var(--page-gutter), env(safe-area-inset-right));padding-bottom:calc(var(--page-gutter) + env(safe-area-inset-bottom))}.market-chat{bottom:calc(var(--page-gutter) + env(safe-area-inset-bottom));left:max(var(--page-gutter), env(safe-area-inset-left))}.touch-controls{padding-bottom:calc(var(--sp-4) + env(safe-area-inset-bottom));padding-left:max(var(--sp-6), env(safe-area-inset-left));padding-right:max(var(--sp-6), env(safe-area-inset-right))}.market-hud,.page-hud{gap:var(--sp-2);padding-right:calc(var(--topbar-right) + var(--page-gutter));grid-template-columns:auto minmax(0,1fr)}.market-hud>:nth-child(2),.page-hud>:nth-child(2){justify-self:center;min-width:0;max-width:100%}.page-title{min-width:0}.page-title .t{text-overflow:ellipsis;overflow:hidden}.channel-pick{text-overflow:ellipsis;width:auto;min-width:0;max-width:100%}dialog.dialog[open]{position:fixed;overflow:hidden}dialog.dialog .dialog-close{z-index:2;top:10px;right:10px}.dialog-body{gap:var(--sp-3);overscroll-behavior:contain;flex-direction:column;flex:auto;min-width:0;min-height:0;padding-top:4px;display:flex;overflow:hidden auto}.dialog-body>*{flex-shrink:0;min-width:0;max-width:100%}.dialog-body>.doc-scroll{flex-shrink:1;min-height:120px;overflow-y:auto}.dialog-body>.dialog-title:first-child,.dialog-body>:first-child .dialog-title{padding-inline:48px}.dialog-body canvas{max-width:100%}.room .meta{flex-wrap:wrap;row-gap:0}.room .meta>span{white-space:nowrap}.toolbar .search{flex:140px;min-width:0}.toolbar .tabs{flex:none}.market-chat .chat-input{flex-wrap:nowrap;gap:4px;display:flex}.market-chat .chat-input .input{flex:1;min-width:0}@media (width<=420px){.emote-btn{min-width:34px;padding:0 2px;font-size:16px}.market-chat .chat-input .btn{flex:none}}@media (orientation:landscape) and (height<=500px){.deco{grid-template-columns:minmax(180px,36%) 1fr;align-items:start}.deco-preview{top:calc(var(--topbar-h) + var(--sp-2));position:sticky}.deco .viewer3d{height:calc(var(--app-h) - var(--topbar-h) - 3 * var(--sp-3))}}@media (width<=420px){.market-hud{grid-template-columns:auto;grid-template-rows:var(--topbar-h) auto;height:auto}.market-hud>:nth-child(2){justify-self:start}}[data-testid=deco-done],[data-testid=create-submit],[data-testid=room-start],[data-testid=consent-submit],[data-testid=delete-confirm],[data-testid=no-webgl-retry]{bottom:max(var(--sp-2), env(safe-area-inset-bottom));z-index:3;box-shadow:var(--sh-2);position:sticky}.nowebgl{padding-bottom:calc(var(--sp-5) + env(safe-area-inset-bottom))}@media (height<=480px) and (width>=641px){.wait .side{flex-direction:column;min-height:0;display:flex;overflow:hidden}.wait .side .map-btn{flex:none;max-height:64px;overflow:hidden}.wait .side .host-settings,.wait .side .inset{overscroll-behavior:contain;flex:auto;align-content:start;min-height:0;overflow-y:auto}.wait .side-actions{gap:var(--sp-2);flex:none;grid-template-columns:1fr 1fr 1.6fr;display:grid;position:static}.wait .side-actions .row-2{display:contents}.wait .side-actions .btn{min-height:48px}}@media (width<=420px){.dlg-tabs .tab img{display:none}.dlg-tabs .tab{padding-inline:6px}}.set-row>.desc{min-width:0}.set-row>.btn{flex:none}.set-row .id-box{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}@media (width<=420px){.set-row>.lbl{min-width:72px}}.wait .side-actions{bottom:max(var(--sp-2), env(safe-area-inset-bottom));z-index:3;position:sticky}@media (height<=480px) and (width>=641px){.wait .side-actions,.wait .side-actions [data-testid=room-start]{box-shadow:none;position:static}.wait{gap:var(--sp-2);grid-template-rows:minmax(0,1fr) minmax(0,100px)}.wait .slots{grid-template-rows:repeat(2,minmax(0,1fr));grid-template-columns:repeat(6,minmax(0,1fr));gap:4px 6px}.wait>.chat{padding:var(--sp-1) var(--sp-2);gap:4px}.wait .side-actions .btn{min-width:0;padding-inline:6px}.wait .side{min-width:0}.wait .side .map-btn{max-height:36px}.wait .side .host-settings{min-height:44px}}@media (height<=480px){[data-testid=deco-done],[data-testid=room-start],[data-testid=create-submit],[data-testid=consent-submit]{height:auto;min-height:48px;font-size:var(--fs-lg);padding-block:6px}}.ava3d{aspect-ratio:4/5;place-items:center;max-width:100%;display:inline-grid;position:relative}.ava3d:not(.full){aspect-ratio:1}.ava3d img{object-fit:contain;width:100%;height:100%;animation:.25s ease-out ava-in}.ava-skel{background:linear-gradient(100deg,#ffffff1a 30%,#ffffff47 50%,#ffffff1a 70%) 0 0/200% 100%;border-radius:45% 45% 18% 18%/30% 30% 12% 12%;animation:1.2s linear infinite ava-shimmer;position:absolute;inset:8% 22% 4%}.ava3d:not(.full) .ava-skel{border-radius:50%;inset:18%}@keyframes ava-shimmer{to{background-position:-200% 0}}@keyframes ava-in{0%{opacity:0}to{opacity:1}}@media (prefers-reduced-motion:reduce){.ava-skel,.ava3d img{animation:none}}.deco-grid .slot .ava3d{width:100%;height:100%}.deco-ava.ava3d{width:100%;height:380px;max-height:380px}@media (width<=720px){.deco-ava.ava3d{height:240px}}.wait .slots .slot .ava3d.ava{aspect-ratio:4/5;width:auto;max-width:none}.req-ava.ava3d{height:140px}.deco-nick-wrap{gap:var(--sp-1);flex-direction:column;display:flex}.nick-field .nick-check img{width:18px}.nick-note{font-size:var(--fs-sm);color:var(--c-text-dim);margin:0}.dialog-body-center{justify-items:center;gap:var(--sp-2);text-align:center;display:grid}.dialog-body-center .dialog-title{margin:0}.prof-grid>*,.prof-info>*,.prof-info .row>*{min-width:0}.prof-info .id-box{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.prof-info .row>.btn:not(.grow){flex:none}.stat-grid,.stat-grid .stat{min-width:0}.set-row>.slider{flex:1;width:auto;min-width:0}.set-row>.switch,.set-row>.val{flex:none}.nick-field .nick-check{z-index:1}.nick-field[data-state=ok] .nick-check{pointer-events:auto}.search-field,.how .row-2>*{min-width:0}.how .id-box{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.stage-pop{text-shadow:0 0 4px #081c52,0 0 4px #081c52;white-space:nowrap;font-size:22px;animation:.9s ease-out forwards stage-pop;position:absolute;top:0;left:0}@keyframes stage-pop{0%{opacity:1;margin-top:0}to{opacity:0;margin-top:-30px}}.stage-tag .gauge{box-sizing:border-box;background:#081c52cc;border-radius:3px;width:44px;height:8px;padding:1px}.stage-tag .gauge>i{background:#2bd47d;border-radius:2px;height:100%;display:block}@media (prefers-reduced-motion:reduce){.stage-pop{animation-duration:10ms;animation-delay:.8s}}.doc-toc{flex-wrap:wrap;overflow:visible}.doc-scroll .table-wrap{max-width:100%;overflow-x:auto}.doc-scroll table td,.doc-scroll table th{overflow-wrap:anywhere}.dialog-body input[type=range]{box-sizing:border-box;width:100%;margin-inline:0}.doc-scroll table{table-layout:auto;min-width:0}.nick-field .input{padding-right:58px}.nick-field .nick-check{place-items:center;width:44px;height:44px;min-height:44px;padding:0;font-size:22px;font-weight:800;line-height:1;display:grid;right:4px}.nick-field[data-state=ok] .nick-check,.nick-field[data-state=ok] .nick-check:disabled{--b1:var(--c-success);--b2:#1fa862;background:var(--c-success);color:#fff;opacity:1;filter:none;cursor:default}.chat-log{flex-direction:column;display:flex}.chat-log>:first-child{margin-top:auto}.chat-log .empty{color:var(--c-text-dim);opacity:.7;list-style:none}.market-chat{width:min(max(35vw, 320px), calc(100vw - 2 * var(--page-gutter)))}.market-chat .chat-log{height:calc(6 * 1.45em + 2 * var(--sp-2));max-height:none}@media (width<=640px){.market-chat .chat-log{height:calc(4 * 1.45em + 2 * var(--sp-2));max-height:none}}@media (height<=480px){.market-chat .chat-log{height:calc(3 * 1.45em + 2 * var(--sp-2));max-height:none}}:root{--chat-lines:6}@media (width<=640px){:root{--chat-lines:4}}@media (height<=480px){:root{--chat-lines:3}}.market-stage~.touch-controls{bottom:calc(var(--chat-lines) * 1.45em + 2 * var(--sp-2) + 48px + var(--sp-1) + var(--page-gutter) + env(safe-area-inset-bottom));height:150px;padding-bottom:0}.market{pointer-events:none;position:fixed;inset:0}.market>*{pointer-events:auto}.ch-trigger{min-height:40px;padding:0 var(--sp-4);border:var(--bw) solid var(--c-line);border-radius:var(--r-pill);background:linear-gradient(180deg, var(--c-panel-2), var(--c-panel));max-width:100%;color:var(--c-text);box-shadow:var(--sh-1), var(--hi);cursor:pointer;font:inherit;justify-content:center;align-items:center;display:inline-flex}.ch-trigger:focus-visible{outline:3px solid var(--c-yellow)}.ch-list{gap:6px;margin:0;padding:0;list-style:none;display:grid}.ch-opt{align-items:center;gap:var(--sp-3);width:100%;min-height:48px;padding:0 var(--sp-3);border-radius:var(--r-sm);cursor:pointer;color:var(--c-text);font:inherit;text-align:left;background:#081c5259;border:2px solid #0000;grid-template-columns:18px auto 1fr;display:grid}.ch-opt:not(:disabled):hover{background:#ffffff24}.ch-opt[aria-current=true]{border-color:var(--c-yellow)}.ch-opt[aria-current=true] .ch-name{color:var(--c-yellow)}.ch-opt.is-full{opacity:.55;cursor:not-allowed}.ch-check{color:var(--c-yellow);font-weight:800}.ch-bar{background:#081c5299;border-radius:4px;height:8px;overflow:hidden}.ch-bar>i{background:var(--c-success);border-radius:4px;height:100%;display:block}.ch-opt.lv-ok .ch-bar>i{background:var(--c-success)}.ch-opt.lv-mid .ch-bar>i{background:var(--c-yellow)}.ch-opt.lv-high .ch-bar>i,.ch-opt.lv-full .ch-bar>i{background:var(--c-danger)}.ch-bar{min-width:60px}.nick-sugg{flex-wrap:wrap;min-width:0;max-width:100%}.nick-sugg .chip{color:#0f2350;border:2px solid var(--c-line);background:#eaf4ff;font-weight:700}.nick-sugg .chip:hover{background:#fff}.nick-sugg .more{flex:none}.viewer3d{flex-direction:column;display:flex}.viewer3d-canvas{flex:auto;height:auto;min-height:0}.viewer3d-rotate{padding:var(--sp-2) 0;flex:none;position:static}.deco-preview{flex-direction:column;display:flex}.deco-preview .viewer3d{flex:auto;height:auto;min-height:380px;max-height:none}@media (width<=720px){.deco-preview .viewer3d{min-height:260px}}@media (orientation:landscape) and (height<=500px){.deco-preview .viewer3d{min-height:0;height:calc(var(--app-h) - var(--topbar-h) - 4 * var(--sp-3));flex:none}}.slot,.slot .name{color:var(--c-text)}.tag-req{background:#d63b40}.key-wrap{container-type:inline-size}@media (pointer:fine) and (width>=700px){dialog.dialog.settings-dialog{width:min(640px,100vw - 32px)}}.key-grid{column-gap:var(--sp-4);grid-template-columns:1fr 1fr;display:grid}@container (width<=519px){.key-grid{grid-template-columns:1fr}}.key-row{align-items:center;gap:var(--sp-2);display:flex}.key-row .lbl{text-align:left;flex-direction:column;flex:1;align-items:flex-start;min-width:0;display:flex}.key-row .lbl .desc{font-size:var(--fs-xs);color:var(--c-text-dim);font-weight:400}.key-row .keycap{flex:none}.key-note{border-radius:var(--r-sm);background:#081c5299;padding:6px 10px}.chat-log .empty{color:var(--c-text-dim);opacity:1}.act{text-shadow:0 0 3px #081c52,0 0 3px #081c52,0 2px #081c52}.wait .chat-log .empty{color:#0f2350}.dialog-body:focus,:focus:not(:focus-visible){outline:none}.slot.is-selected{box-shadow:inset 0 0 0 4px var(--c-yellow), var(--sh-1);outline:none;transition:none}.slot.is-selected:focus-visible{outline-offset:2px;outline:3px solid #fff}:focus-visible{outline:3px solid var(--c-yellow);outline-offset:2px}input:focus-visible,textarea:focus-visible,select:focus-visible,.input:focus-visible,.ch-trigger:focus-visible{outline-offset:-3px}.dialog-body{margin-inline:-6px;padding-inline:6px}dialog.dialog .dialog-title{white-space:nowrap;text-overflow:ellipsis;font-size:clamp(18px, 5.2vw, var(--fs-2xl));overflow:hidden}.stage-tag.foot .name{font-size:12px}.stage-tag .bubble:not([hidden]){margin-bottom:18px;display:block;overflow:visible}.stage-tag .bubble-text{display:block}.stage-tag .bubble:before,.stage-tag .bubble:after{content:"";filter:none;clip-path:polygon(0 0,100% 0,50% 100%);aspect-ratio:1/.6;border:0;height:auto;position:absolute;top:100%;bottom:auto;left:50%;transform:translate(-50%)}.stage-tag .bubble:before{background:var(--c-line);width:calc(clamp(10px,12%,18px) + 6px)}.stage-tag .bubble:after{background:#fff;width:clamp(10px,12%,18px);top:calc(100% - 1px)}.hud-mid{align-items:center;gap:var(--sp-2);min-width:0;display:flex}.chat-pill{max-width:360px}.chat-dialog .chat-log{flex:260px;height:auto;min-height:80px}.stick-col{align-items:flex-start;gap:var(--sp-2);pointer-events:none;flex-direction:column;display:flex}.side-left .stick-col{align-items:flex-end}.stick-col>*{pointer-events:auto}.emote-row{gap:6px;display:flex}.emote-row .emote-btn{min-width:36px;min-height:36px;padding:0 4px;font-size:18px}@media (pointer:coarse),(width<=900px){.market-stage~.touch-controls{height:230px;padding-bottom:calc(var(--sp-4) + env(safe-area-inset-bottom));align-items:flex-end;bottom:0}.market-hud>.hud-mid{justify-self:stretch}.touch-controls{align-items:flex-end}}html,body{overscroll-behavior:none}html.stage-on,html.stage-on body{height:100%;overflow:hidden}html.stage-on body{width:100%;position:fixed;inset:0}.dialog-body,.chat-log,.doc-scroll{overscroll-behavior:contain}.prof-grid .stage3d{aspect-ratio:3/4;justify-self:center;width:min(100%,min(52dvh,420px)/1.33333);height:auto;max-height:none}.prof-grid .stage3d>.ava3d{aspect-ratio:auto;width:100%;height:100%;position:absolute;inset:0}.prof-grid .stage3d>.ava3d img{object-fit:contain}.prof-grid .stage3d .viewer3d{height:100%;min-height:0}@media (width<=640px){.prof-grid .stage3d{width:min(100%,31.5dvh);height:auto;max-height:none}}@media (height<=480px){.prof-grid{grid-template-columns:auto 1fr}.prof-grid .stage3d{width:calc(60dvh - 82.5px);max-height:none}}.deco-grid .slot .name{border-radius:var(--r-pill);background:var(--c-line);color:#fff;font:700 12px/1.2 var(--f-body);white-space:nowrap;text-overflow:ellipsis;max-width:calc(100% - 8px);padding:3px 8px;bottom:6px;left:50%;right:auto;overflow:hidden;transform:translate(-50%)}.gender-seg{margin-bottom:var(--sp-1)}@media (width<=600px){.rooms .toolbar{gap:var(--sp-2);flex-wrap:wrap;align-items:center;display:flex}.rooms .toolbar .tb-filter{flex:0 130px;order:1;min-width:0;width:auto!important}.rooms .toolbar .tb-create{font-size:var(--fs-md);white-space:nowrap;padding-inline:12px}.rooms .toolbar .tb-create img{width:22px}.rooms .toolbar .tb-create{order:2;margin-left:auto}.rooms .toolbar .tb-search{order:3;flex:1 1 calc(100% - 44px - var(--sp-2));min-width:0}.rooms .toolbar .tb-refresh{order:4}.rooms .toolbar .tb-search .btn-icon,.rooms .toolbar .tb-refresh{flex:none;width:44px;height:44px;min-height:44px;padding:0}.rooms .toolbar .tb-search .input{height:44px}}.market-hud{grid-template-columns:auto;grid-template-rows:var(--topbar-h) auto;row-gap:0;height:auto}.market-hud>.hud-mid{justify-self:stretch;padding-top:2px}.market-hud .chat-pill{max-width:none}.market-hud{padding-right:var(--page-gutter)!important}.market-hud>.hud-left{margin-right:var(--topbar-right)}.hud-back{place-items:center;width:40px;min-width:40px;height:40px;min-height:40px;padding:0;line-height:1;display:grid;font-size:28px!important}.hud-title{font-size:var(--fs-lg);white-space:nowrap;text-overflow:ellipsis;min-width:0;margin:0;overflow:hidden}.page-hud .hud-left{min-width:0}.prof-grid .stage3d:after{display:none}@media (pointer:coarse),(width<=900px){.touch-controls,.market-stage~.touch-controls{padding:0 calc(16px + env(safe-area-inset-right)) calc(16px + env(safe-area-inset-bottom)) calc(16px + env(safe-area-inset-left))}.act.jump,.act.grab{width:92px;height:92px;font-size:22px}.action-btns{gap:12px}}.deco-grid{padding-bottom:calc(48px + var(--sp-3))}.chat-pill,.ch-trigger{height:44px;min-height:44px}.loading-overlay{z-index:900;place-content:center;justify-items:center;gap:var(--sp-3);padding:var(--sp-4);text-align:center;background:radial-gradient(circle at 50% 40%,#8fd3ff 0%,#4aa8f5 45%,#2369d8 100%);animation:.2s ease-out loading-in;display:grid;position:fixed;inset:0}.loading-overlay.is-out{opacity:0;transition:opacity .25s ease-in}.loading-art{aspect-ratio:1;width:min(52vw,220px,36dvh);display:block}.loading-art img{object-fit:contain;filter:drop-shadow(0 10px 12px #081c5259);width:100%;height:100%;animation:.9s cubic-bezier(.3,.6,.4,1) infinite alternate loading-bounce}.loading-logo{color:#fff;font-size:clamp(28px,8vw,44px)}.loading-bar{border-radius:var(--r-pill);background:#081c5273;border:2px solid #ffffffb3;width:min(70vw,280px);height:12px;overflow:hidden}.loading-bar>i{background:linear-gradient(180deg, #ffe27a, var(--c-yellow));border-radius:inherit;width:0;height:100%;transition:width .2s;display:block}.loading-bar.is-indeterminate>i{width:35%;animation:1.1s ease-in-out infinite loading-slide}.loading-tip{color:#fff;font-size:var(--fs-sm);text-shadow:0 1px #081c5299;min-height:1.4em;margin:0;animation:.3s ease-out loading-in}@keyframes loading-in{0%{opacity:0}to{opacity:1}}@keyframes loading-bounce{0%{transform:translateY(0)}to{transform:translateY(-18px)}}@keyframes loading-slide{0%{transform:translate(-110%)}to{transform:translate(300%)}}@media (orientation:landscape) and (height<=500px){.loading-overlay{gap:var(--sp-2)}.loading-art{width:min(30dvh,140px)}}@media (prefers-reduced-motion:reduce){.loading-art img,.loading-bar.is-indeterminate>i,.loading-tip,.loading-overlay{animation:none}.loading-bar.is-indeterminate>i{opacity:.6;width:100%}}.minimap{right:max(16px, env(safe-area-inset-right));z-index:45;cursor:pointer;background:#1b2547;border:4px solid #0f2350;border-radius:50%;width:140px;height:140px;padding:0;position:fixed;top:64px;overflow:visible;box-shadow:inset 0 0 0 2px #9ed3ff,0 4px #081c528c}.minimap canvas{border-radius:50%;width:100%;height:100%;display:block}.minimap-expand{color:#fff;pointer-events:none;background:#2453ff;border:2px solid #0f2350;border-radius:50%;place-items:center;width:26px;height:26px;font-size:15px;line-height:1;display:grid;position:absolute;bottom:-2px;left:-2px}@media (pointer:coarse),(width<=900px){.minimap{width:96px;height:96px}.minimap-expand{width:20px;height:20px;font-size:12px;bottom:-2px;left:-2px}}@media (height<=360px){.minimap{width:72px;height:72px}}.minimap-big{z-index:44;pointer-events:none;background:#081c5273;place-items:center;display:grid;position:fixed;inset:0}.minimap-big[hidden]{display:none}.minimap-big canvas{pointer-events:auto;border-radius:var(--r-md);height:auto;box-shadow:var(--sh-3);background:#1b2547;border:4px solid #0f2350}