:root{--ng-ground: #0B090B;--ng-ground-2: #151013;--ng-scrim: rgba(8, 6, 7, .62);--ng-glass-1: rgba(22, 17, 20, .72);--ng-glass-2: rgba(40, 31, 35, .82);--ng-glass-blur: blur(18px) saturate(120%);--ng-hairline: rgba(255, 255, 255, .1);--ng-hairline-strong: rgba(255, 255, 255, .18);--ng-highlight: inset 0 1px 0 rgba(255, 255, 255, .06);--ng-text-1: #F2ECE8;--ng-text-2: #BDB2AC;--ng-text-3: #948985;--ng-action: #C93A24;--ng-action-hover: #D6452E;--ng-action-text: #FF6B4A;--ng-action-glow: rgba(201, 58, 36, .45);--ng-cat-atk: #FF7A4D;--ng-cat-atk-text: #FF9A76;--ng-cat-sur: #3CCFB8;--ng-cat-sur-text: #5FE0CB;--ng-cat-mob: #6AB0FF;--ng-cat-mob-text: #8CC2FF;--ng-cat-rare: #B592FF;--ng-cat-rare-text: #C9AEFF;--ng-cat-gold: #F4C95D;--ng-cat-gold-text: #F7D582;--ng-self: #FFE066;--ng-font-display: "NgDisplay", "NanumBarunpenB", sans-serif;--ng-font-body: "NgBody", system-ui, -apple-system, "Apple SD Gothic Neo", "Malgun Gothic", "Noto Sans KR", sans-serif;--ng-font-plain: "Galmuri11", system-ui, -apple-system, "Apple SD Gothic Neo", "Malgun Gothic", "Noto Sans KR", sans-serif;--ng-radius-sm: clamp(.5rem, 1.4vmin, .625rem);--ng-radius-md: clamp(.7rem, 1.9vmin, .875rem);--ng-radius-lg: clamp(1rem, 3vmin, 1.375rem);--ng-ease: cubic-bezier(.2, .8, .2, 1);--ng-press-ms: 90ms;--ng-move-ms: .26s;--ng-panel-ms: .35s;--color-bg-base: var(--ng-ground);--color-surface-base: var(--ng-glass-1);--color-surface-border: var(--ng-hairline);--color-panel-bg: rgba(22, 17, 20, .86);--color-primary-base: var(--ng-action);--color-primary-glow: var(--ng-action-glow);--color-primary-dark: #8E2716;--color-gold: #E9C46A;--color-gold-glow: rgba(233, 196, 106, .28);--color-gem: #E0557F;--color-gem-glow: rgba(224, 85, 127, .28);--color-exp: #E9C46A;--font-family-base: var(--ng-font-body);--font-family-heading: var(--ng-font-display);--color-text-primary: var(--ng-text-1);--color-text-secondary: var(--ng-text-2);--color-text-muted: var(--ng-text-3);--color-text-danger: var(--ng-action-text);--color-text-success: #E9C46A;--color-hover-overlay: rgba(242, 236, 232, .06);--color-active-overlay: rgba(242, 236, 232, .12);--spacing-1: .25rem;--spacing-2: .5rem;--spacing-3: .75rem;--spacing-4: 1rem;--spacing-6: 1.5rem;--spacing-8: 2rem;--spacing-12: 3rem;--radius-xs: .375rem;--radius-sm: .5rem;--radius-md: .75rem;--radius-lg: 1rem;--radius-xl: 1.375rem;--radius-full: 9999px;--shadow-sm: 0 4px 12px -6px rgba(0, 0, 0, .7);--shadow-md: 0 14px 32px -16px rgba(0, 0, 0, .85);--shadow-lg: 0 24px 60px -24px rgba(0, 0, 0, .9);--shadow-neon: 0 12px 28px -12px var(--color-primary-glow);--shadow-gold: 0 10px 24px -12px var(--color-gold-glow);--glass-blur: var(--ng-glass-blur);--duration-fast: .15s;--duration-normal: .25s;--duration-slow: .45s;--ease-out-expo: var(--ng-ease);--ease-in-out: cubic-bezier(.4, 0, .2, 1)}@media(prefers-reduced-motion:reduce){:root{--duration-fast: 0ms !important;--duration-normal: 0ms !important;--duration-slow: 0ms !important;--ng-move-ms: 0ms;--ng-panel-ms: 0ms}}@media(prefers-reduced-transparency:reduce){:root{--ng-glass-1: #1C1619;--ng-glass-2: #2A2125;--ng-glass-blur: none}}.ng-scrim{background:var(--ng-scrim);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.ng-glass{background:var(--ng-glass-1);-webkit-backdrop-filter:var(--ng-glass-blur);backdrop-filter:var(--ng-glass-blur);border:1px solid var(--ng-hairline);box-shadow:0 18px 44px -24px #000000e6,var(--ng-highlight)}.ng-glass-2{background:var(--ng-glass-2);border:1px solid var(--ng-hairline);box-shadow:0 18px 40px -22px #000000e6,var(--ng-highlight)}.ng-grit{position:relative;isolation:isolate}.ng-grit:before{content:"";position:absolute;inset:0;z-index:-1;border-radius:inherit;background:url("./stain3-VTJD7YQG.png") center / cover no-repeat;mix-blend-mode:soft-light;filter:brightness(0) invert(1);opacity:.2;pointer-events:none}.ng-grit--soft:before{opacity:.08}.ng-blood{position:relative;isolation:isolate;overflow:hidden}.ng-blood:after{content:"";position:absolute;inset:-12%;z-index:-1;background:url("./stain1-AYZ5ICH3.png") left center / 58% auto no-repeat,url("./stain2-RMDBZIPX.png") right center / 72% auto no-repeat;mix-blend-mode:multiply;opacity:.4;pointer-events:none}@media(prefers-reduced-transparency:reduce){.ng-grit:before{opacity:.1}}.ng-display{font-family:var(--ng-font-display);font-weight:400;font-size:clamp(1.9rem,5.2vmin,2.9rem);line-height:1.05;letter-spacing:-.01em}.ng-title{font-family:var(--ng-font-display);font-weight:400;font-size:clamp(1.15rem,3vmin,1.6rem);line-height:1.15}.ng-body{font-family:var(--ng-font-body);font-size:clamp(.85rem,2vmin,.95rem);line-height:1.55;color:var(--ng-text-2)}.ng-caption{font-family:var(--ng-font-body);font-size:clamp(.7rem,1.6vmin,.78rem);line-height:1.4;letter-spacing:.02em;color:var(--ng-text-3)}.ng-overline{font-family:var(--ng-font-body);font-size:clamp(.7rem,1.6vmin,.8rem);letter-spacing:.08em;color:var(--ng-text-3)}.ng-btn{display:inline-flex;align-items:center;justify-content:center;gap:.6em;min-block-size:2.75rem;padding:0 1.25em;border:0;border-radius:var(--ng-radius-md);font-family:var(--ng-font-body);font-size:clamp(.9rem,2.2vmin,1.05rem);font-weight:700;cursor:pointer;transition:transform var(--ng-press-ms) ease-out,background-color .18s ease,color .18s ease,box-shadow .18s ease,opacity .18s ease}.ng-btn:active:not(:disabled){transform:scale(.97)}.ng-btn:focus-visible{outline:2px solid var(--ng-text-1);outline-offset:3px}.ng-btn:disabled{opacity:.45;cursor:default}.ng-btn--primary{background:var(--ng-action);color:#fff;box-shadow:0 12px 28px -12px var(--ng-action-glow)}.ng-btn--primary:hover:not(:disabled){background:var(--ng-action-hover)}.ng-btn--secondary{background:#f2ece81a;color:var(--ng-text-1);box-shadow:inset 0 0 0 1px var(--ng-hairline-strong)}.ng-btn--secondary:hover:not(:disabled){background:#f2ece829}.ng-btn--ghost{background:transparent;color:var(--ng-text-2)}.ng-btn--ghost:hover:not(:disabled){color:var(--ng-text-1);background:#f2ece80f}.ng-btn--icon{inline-size:2.75rem;padding:0;border-radius:999px}:root{--ng-mode-ico-alert: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 3.5 L21 19.5 H3 Z M12 10 V14 M12 17 V17.01'/%3E%3C/svg%3E");--ng-mode-ico-check: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12.5 L10 17.5 L19 7'/%3E%3C/svg%3E");--ng-mode-ico-blade: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4.5 18.5 L15.5 4.5 M2.5 16 L7 20.5 M10 20 L20.5 8'/%3E%3C/svg%3E");--ng-mode-ico-key: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M8 9.5 A4 4 0 1 0 8.01 9.5 M11.5 13.5 H21 M17.5 13.5 V17 M20.5 13.5 V16'/%3E%3C/svg%3E");--ng-mode-ico-eye: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M2.5 12 C5 7.5 8.5 5.5 12 5.5 C15.5 5.5 19 7.5 21.5 12 C19 16.5 15.5 18.5 12 18.5 C8.5 18.5 5 16.5 2.5 12 Z M12 9.5 A2.5 2.5 0 1 0 12.01 9.5'/%3E%3C/svg%3E");--ng-mode-ico-lock: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6.5 11 H17.5 V20 H6.5 Z M8.5 11 V8 A3.5 3.5 0 0 1 15.5 8 V11'/%3E%3C/svg%3E");--ng-mode-ico-crown: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3.5 8 L8 12 L12 5 L16 12 L20.5 8 L19 18 H5 Z'/%3E%3C/svg%3E")}.ng-icon{flex-shrink:0;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;pointer-events:none}.ng-chip{display:inline-flex;align-items:center;gap:.35em;padding:.25em .7em;border-radius:999px;font-size:clamp(.68rem,1.6vmin,.76rem);font-weight:600;letter-spacing:.02em;white-space:nowrap;color:var(--ng-text-2);background:#f2ece814}.ng-chip[data-cat=atk]{color:var(--ng-cat-atk-text);background:#ff7a4d24}.ng-chip[data-cat=sur]{color:var(--ng-cat-sur-text);background:#3ccfb824}.ng-chip[data-cat=mob]{color:var(--ng-cat-mob-text);background:#6ab0ff24}.ng-chip[data-cat=rare]{color:var(--ng-cat-rare-text);background:#b592ff29}.ng-chip[data-cat=gold]{color:var(--ng-cat-gold-text);background:#f4c95d29}.ng-keycap{display:inline-flex;align-items:center;justify-content:center;min-inline-size:1.4rem;block-size:1.4rem;padding:0 .4em;border-radius:.375rem;border:1px solid rgba(255,255,255,.2);border-bottom-width:2px;font-family:var(--ng-font-body);font-size:.75rem;color:var(--ng-text-2)}.ng-seg{position:relative;display:flex;padding:.25rem;border-radius:var(--ng-radius-md);background:var(--ng-glass-1);-webkit-backdrop-filter:var(--ng-glass-blur);backdrop-filter:var(--ng-glass-blur);border:1px solid var(--ng-hairline)}.ng-seg__ind{position:absolute;inset-block:.25rem;inset-inline-start:.25rem;inline-size:calc(50% - .25rem);border-radius:var(--ng-radius-sm);background:#f2ece829;box-shadow:inset 0 1px #ffffff1f;transition:transform .32s var(--ng-ease)}.ng-seg[data-index="1"] .ng-seg__ind{transform:translate(100%)}.ng-seg__btn{position:relative;flex:1 1 0;min-block-size:2.25rem;border:0;background:transparent;color:var(--ng-text-2);font-family:var(--ng-font-body);font-size:clamp(.85rem,2vmin,.95rem);font-weight:600;cursor:pointer}.ng-seg__btn[aria-pressed=true]{color:var(--ng-text-1)}.ng-ring__track{fill:none;stroke:#ffffff2e}.ng-ring__fill{fill:none;stroke:var(--ng-action-text);stroke-linecap:round;transform:rotate(-90deg);transform-origin:50% 50%}.ng-badge{display:block;flex-shrink:0}.ng-badge__shape{stroke-width:2;stroke-linejoin:round}.ng-badge__glyph{fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.ng-card{position:relative;overflow:hidden;color:var(--ng-text-1);text-align:start;font-family:var(--ng-font-body);background:var(--ng-glass-2);border:1px solid var(--ng-hairline);border-radius:var(--ng-radius-lg);box-shadow:0 18px 40px -22px #000000e6,var(--ng-highlight);cursor:pointer;transition:transform var(--ng-move-ms) var(--ng-ease),opacity .22s ease,box-shadow .22s ease,border-color .22s ease;will-change:transform}@media(hover:hover){.ng-card:hover:not(:disabled){transform:translateY(-4px)}}.ng-card:active:not(:disabled){transform:scale(.97);transition-duration:var(--ng-press-ms)}.ng-card:focus-visible{outline:2px solid var(--ng-text-1);outline-offset:3px}.ng-card.is-soft{opacity:.72}.ng-card.is-selected{transform:translateY(-12px)}.ng-card.is-dim{opacity:.3;transform:scale(.96)}.ng-card.is-confirmed{transform:translateY(-12px) scale(1.03)}.ng-card[data-cat=atk]:is(.is-selected,.is-confirmed){border-color:#ff7a4dbf;box-shadow:0 0 0 1px #ff7a4d59,0 26px 60px -20px #ff7a4d80}.ng-card[data-cat=sur]:is(.is-selected,.is-confirmed){border-color:#3ccfb8bf;box-shadow:0 0 0 1px #3ccfb859,0 26px 60px -20px #3ccfb873}.ng-card[data-cat=mob]:is(.is-selected,.is-confirmed){border-color:#6ab0ffbf;box-shadow:0 0 0 1px #6ab0ff59,0 26px 60px -20px #6ab0ff73}.ng-card[data-cat=rare]{background:linear-gradient(180deg,#342646db,#241c28db)}.ng-card[data-cat=rare]:is(.is-selected,.is-confirmed){border-color:#b592ffcc;box-shadow:0 0 0 1px #b592ff66,0 26px 60px -20px #b592ff8c}.ng-card[data-cat=gold]{background:linear-gradient(180deg,#3e321cdb,#261e1adb)}.ng-card[data-cat=gold]:is(.is-selected,.is-confirmed){border-color:#f4c95dcc;box-shadow:0 0 0 1px #f4c95d66,0 26px 60px -20px #f4c95d73}.ng-pips{display:inline-flex;gap:.25rem}.ng-pip{inline-size:1.35rem;block-size:.375rem;border-radius:.2rem;background:#ffffff1f}.ng-pip[data-state=on]{background:var(--ng-pip-color, var(--ng-text-2))}.ng-pip[data-state=next]{background:var(--ng-pip-color, var(--ng-text-2));opacity:.6;animation:ng-pulse 1.2s ease-in-out infinite}[data-cat=atk]{--ng-pip-color: var(--ng-cat-atk)}[data-cat=sur]{--ng-pip-color: var(--ng-cat-sur)}[data-cat=mob]{--ng-pip-color: var(--ng-cat-mob)}[data-cat=rare]{--ng-pip-color: var(--ng-cat-rare)}[data-cat=gold]{--ng-pip-color: var(--ng-cat-gold)}.ng-flash{position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 50% 30%,#fff9,#fff0 62%);animation:ng-flash .52s ease-out forwards}.ng-pill-hint{position:absolute;inset-inline-start:50%;inset-block-end:.9rem;transform:translate(-50%);padding:.4em .8em;border-radius:999px;background:#f2ece8f0;color:#141013;font-size:.75rem;font-weight:700;white-space:nowrap;animation:ng-rise var(--ng-move-ms) var(--ng-ease)}.ng-pill-done{position:absolute;inset-inline-start:50%;inset-block-end:.9rem;transform:translate(-50%);padding:.4em .8em;border-radius:999px;background:var(--ng-action);color:#fff;font-size:.75rem;font-weight:700;white-space:nowrap}.ng-deal{animation:ng-deal .42s var(--ng-ease) both}@keyframes ng-pulse{50%{opacity:.35}}@keyframes ng-flash{0%{opacity:1}to{opacity:0}}@keyframes ng-rise{0%{opacity:0;transform:translate(-50%,6px)}to{opacity:1;transform:translate(-50%)}}@keyframes ng-deal{0%{opacity:0;transform:translateY(28px)}to{opacity:1;transform:none}}@media(prefers-reduced-motion:reduce){.ng-btn,.ng-card,.ng-seg__ind{transition:opacity .2s ease,background-color .2s ease}.ng-btn:active:not(:disabled),.ng-card:active:not(:disabled),.ng-card.is-selected,.ng-card.is-confirmed,.ng-card.is-dim,.ng-card:hover:not(:disabled){transform:none}.ng-deal,.ng-flash,.ng-pill-hint,.ng-pip[data-state=next]{animation:none}}@media(prefers-contrast:more){.ng-glass,.ng-glass-2,.ng-card{border-color:#ffffff73}}@font-face{font-family:NgBody;src:url("./Galmuri11-KGJQA6RD.woff2") format("woff2");font-weight:100 599;font-display:swap}@font-face{font-family:NgBody;src:url("./Galmuri11-Bold-DIZAWR6A.woff2") format("woff2");font-weight:600 900;font-display:swap;unicode-range:U+0000-024F,U+1100-11FF,U+2000-206F,U+3130-318F,U+AC00-D7A3}@font-face{font-family:NgDisplay;src:url("./Galmuri11-KGJQA6RD.woff2") format("woff2");font-weight:100 599;font-display:swap}@font-face{font-family:NgDisplay;src:url("./Galmuri11-Bold-DIZAWR6A.woff2") format("woff2");font-weight:600 900;font-display:swap;unicode-range:U+0000-024F,U+1100-11FF,U+2000-206F,U+3130-318F,U+AC00-D7A3}@font-face{font-family:Galmuri11;src:url("./Galmuri11-KGJQA6RD.woff2") format("woff2");font-weight:100 599;font-display:swap}@font-face{font-family:Galmuri11;src:url("./Galmuri11-Bold-DIZAWR6A.woff2") format("woff2");font-weight:600 900;font-display:swap;unicode-range:U+0000-024F,U+1100-11FF,U+2000-206F,U+3130-318F,U+AC00-D7A3}@font-face{font-family:NanumBarunpenB;src:url("./NanumBarunpenB-MAVVUDRX.ttf") format("truetype");font-display:swap}:root{--font-main: var(--ng-font-body);--bg-0: var(--ng-ground);--bg-1: #110D0F;--bg-2: var(--ng-ground-2);--global-gloom-alpha: .2;--panel-bg: var(--ng-glass-1);--panel-border: var(--ng-hairline);--text: var(--ng-text-1);--text-soft: var(--ng-text-2);--muted: var(--ng-text-3);--warn: var(--ng-action-text);--glow-red: var(--ng-action-glow)}*{box-sizing:border-box}html,body{margin:0;padding:0;width:100%;height:100%;overflow:hidden;color:var(--text);font-family:var(--font-family-base);word-break:keep-all;overflow-wrap:break-word;font-synthesis:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;touch-action:manipulation;background:var(--color-bg-base)}:where(button,a[href],input,select,textarea,label,summary,[role=button],[role=tab],[role=radio],[role=option],[role=switch],[role=checkbox]){touch-action:manipulation}input,textarea,select{-webkit-user-select:text;user-select:text}button,input,textarea,select{font-family:var(--font-family-base)}body.lobby-hub-bg{background:url("./lobbybg-ABPTL5BT.webp") center center / cover no-repeat,var(--bg-0)}body:after{content:"";position:fixed;inset:0;pointer-events:none;z-index:2147483647;background:rgba(0,0,0,var(--global-gloom-alpha))}#game{position:fixed;left:0;top:0;width:100vw;height:100vh;height:100lvh;display:block;image-rendering:pixelated;image-rendering:crisp-edges;background:#0b1118;transition:opacity .18s ease,filter .16s ease;touch-action:none;pointer-events:none}#game-text{position:fixed;left:0;top:0;width:100vw;height:100vh;height:100lvh;display:block;image-rendering:auto;background:transparent;transition:opacity .18s ease,filter .16s ease;touch-action:none;pointer-events:none}#game.human-vision-dim{filter:brightness(.75) saturate(.88)}#game.horror-grade{filter:brightness(.82) saturate(.84) contrast(1.05)}#game.human-vision-dim.horror-grade{filter:brightness(.64) saturate(.76) contrast(1.07)}#game.horror-grade.horror-grade-oni{filter:brightness(.84) saturate(1) contrast(1.06) sepia(.22) hue-rotate(-18deg)}#game.interactive{pointer-events:auto}body.lobby-hub-bg #game{opacity:0;pointer-events:none}body.lobby-hub-bg #game-text{opacity:0}.join-backdrop{position:fixed;inset:0;z-index:33;pointer-events:none;overflow:hidden;background:var(--ng-ground)}.join-backdrop:before{content:"";position:absolute;inset:-4%;background:url("./lobbybg-ABPTL5BT.webp") center / cover no-repeat;filter:brightness(.46) saturate(.7);animation:joinBackdropDrift 32s ease-in-out infinite alternate}.join-backdrop:after{content:"";position:absolute;inset:0;background:radial-gradient(ellipse 78% 88% at 62% 44%,#06050800 28%,#060508d6)}.join-split-layout{position:fixed;inset:0;z-index:34;display:flex;align-items:stretch;gap:clamp(1rem,3.2vmin,2.5rem);padding:max(clamp(.75rem,2.8vmin,1.5rem),env(safe-area-inset-top,0px)) max(clamp(.75rem,2.8vmin,1.5rem),env(safe-area-inset-right,0px)) max(clamp(.75rem,2.8vmin,1.5rem),env(safe-area-inset-bottom,0px)) max(clamp(.75rem,2.8vmin,1.5rem),env(safe-area-inset-left,0px));background:transparent;animation:fadeIn .4s var(--ng-ease)}.join-left-panel{flex:0 0 clamp(20rem,30vw,25rem);min-inline-size:0;min-block-size:0;display:flex;flex-direction:column;padding:clamp(1.25rem,4.4vmin,2.25rem) clamp(1.1rem,3.2vmin,2rem);border-radius:var(--ng-radius-lg);overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;scrollbar-width:none}.join-left-panel::-webkit-scrollbar{display:none}.join-left-content{inline-size:100%;max-inline-size:21rem;margin:auto;display:flex;flex-direction:column;gap:clamp(.85rem,2.6vmin,1.25rem)}#join-particles{display:none}#join-screen .join-logo{display:block;inline-size:clamp(9rem,27vmin,14rem);margin:0 auto clamp(.1rem,.8vmin,.4rem);filter:drop-shadow(0 .6rem 1.4rem rgba(0,0,0,.6))}#join-form{display:flex;flex-direction:column;gap:clamp(.6rem,1.8vmin,.85rem)}#auth-fields{display:flex;flex-direction:column;gap:clamp(.5rem,1.4vmin,.65rem)}.join-field{position:relative;display:flex;align-items:center}.join-sr{position:absolute;inline-size:1px;block-size:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.join-field-icon{position:absolute;inset-inline-start:.95rem;inline-size:1.15rem;block-size:1.15rem;fill:none;stroke:var(--ng-text-3);stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;pointer-events:none;transition:stroke .18s ease}#join-form .join-field input{inline-size:100%;min-block-size:3rem;margin:0;padding:0 1rem 0 2.85rem;border:1px solid var(--ng-hairline);border-radius:var(--ng-radius-md);background:#08060780;color:var(--ng-text-1);font-family:var(--ng-font-body);font-size:1rem;font-weight:500;outline:none;box-shadow:none;transition:border-color .18s ease,background-color .18s ease,box-shadow .18s ease}#join-form .join-field input::placeholder{color:var(--ng-text-3);opacity:1}#join-form .join-field input:focus{border-color:#ffffff57;background:#080607a8;box-shadow:0 0 0 .2rem #f2ece814}#join-form .join-field input:-webkit-autofill{-webkit-text-fill-color:var(--ng-text-1);caret-color:var(--ng-text-1);box-shadow:inset 0 0 0 10rem #171215}.join-field:focus-within .join-field-icon{stroke:var(--ng-text-1)}#join-error{display:flex;align-items:flex-start;gap:.5em;margin:0;padding:.6em .85em;border-radius:var(--ng-radius-sm);background:#ff6b4a1a;color:var(--ng-action-text);font-size:clamp(.78rem,1.9vmin,.86rem);font-weight:600;line-height:1.4}#join-error:before{content:"";flex:0 0 auto;inline-size:1.05em;block-size:1.05em;margin-block-start:.12em;background:currentColor;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.2' stroke-linecap='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M12 7.5v5.5M12 16.5h.01'/%3E%3C/svg%3E") center / contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.2' stroke-linecap='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M12 7.5v5.5M12 16.5h.01'/%3E%3C/svg%3E") center / contain no-repeat}#join-error[data-tone=status]{background:#f2ece80f;color:var(--ng-text-2)}#join-error[data-tone=status]:before{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.2' stroke-linecap='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M12 11v5.5M12 7.5h.01'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.2' stroke-linecap='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M12 11v5.5M12 7.5h.01'/%3E%3C/svg%3E")}#join-error:empty{display:none}.join-consents{display:flex;flex-direction:column;gap:.45rem;animation:fadeIn .25s var(--ng-ease)}.consent-title{margin:.2rem 0 0;font-size:clamp(.74rem,1.7vmin,.8rem);font-weight:600;letter-spacing:.02em;color:var(--ng-text-2)}.consent-list{display:flex;flex-direction:column;gap:.35rem}.consent-item{position:relative;display:block;cursor:pointer;-webkit-tap-highlight-color:transparent}.consent-item input[type=checkbox]{position:absolute;inline-size:1px;block-size:1px;margin:0;opacity:0;pointer-events:none}.consent-box{display:flex;align-items:center;gap:.7em;min-block-size:2.75rem;padding:.4em .75em;border:1px solid var(--ng-hairline);border-radius:var(--ng-radius-sm);background:#f2ece80a;transition:background-color .18s ease,border-color .18s ease,transform var(--ng-press-ms) ease-out}.consent-item:active .consent-box{transform:scale(.98)}@media(hover:hover){.consent-item:hover .consent-box{background:#f2ece812}}.consent-item input:focus-visible+.consent-box{outline:2px solid var(--ng-text-1);outline-offset:2px}.consent-item input:checked+.consent-box{border-color:#ff6b4a66;background:#c93a241a}.check-mark{flex:0 0 auto;display:grid;place-items:center;inline-size:1.375rem;block-size:1.375rem;border:1.5px solid var(--ng-hairline-strong);border-radius:.4rem;transition:background-color .14s ease,border-color .14s ease}.check-mark svg{inline-size:.95rem;block-size:.95rem;fill:none;stroke:#fff;stroke-width:3;stroke-linecap:round;stroke-linejoin:round;opacity:0;transform:scale(.6);transition:opacity .14s ease,transform .2s var(--ng-ease)}.consent-item input:checked+.consent-box .check-mark{border-color:var(--ng-action);background:var(--ng-action)}.consent-item input:checked+.consent-box .check-mark svg{opacity:1;transform:none}.consent-item .text{flex:1 1 auto;min-inline-size:0;font-size:clamp(.8rem,1.9vmin,.88rem);line-height:1.35;color:var(--ng-text-1)}.consent-item .text a{color:var(--ng-text-1);font-weight:700;text-decoration:underline;text-decoration-color:#f2ece866;text-underline-offset:.2em}.consent-item .required{flex:0 0 auto;padding:.18em .6em;border-radius:999px;background:#ff6b4a24;color:var(--ng-action-text);font-size:clamp(.68rem,1.6vmin,.74rem);font-style:normal;font-weight:700;white-space:nowrap}#join-submit-btn{inline-size:100%;min-block-size:3.25rem;margin-block-start:.15rem;border-radius:var(--ng-radius-md);font-family:var(--ng-font-display);font-size:clamp(1.1rem,2.8vmin,1.3rem);font-weight:400;letter-spacing:.01em}#join-submit-btn:disabled{opacity:.78;cursor:progress}.auth-switch{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:.2em;margin-block-start:-.2rem;font-size:clamp(.8rem,1.9vmin,.88rem);color:var(--ng-text-3)}#auth-switch-btn{min-block-size:2.75rem;padding:0 .6em;border:0;border-radius:var(--ng-radius-sm);background:transparent;color:var(--ng-text-1);font:inherit;font-weight:700;text-decoration:underline;text-decoration-color:#f2ece859;text-underline-offset:.25em;cursor:pointer;transition:background-color .18s ease,transform var(--ng-press-ms) ease-out}#auth-switch-btn:hover{background:#f2ece80f}#auth-switch-btn:active{transform:scale(.97)}#auth-switch-btn:focus-visible{outline:2px solid var(--ng-text-1);outline-offset:2px}.join-load{display:flex;flex-direction:column;gap:.45rem}.join-load.hidden{display:flex!important;visibility:hidden;pointer-events:none}.join-load-head{display:flex;align-items:baseline;justify-content:space-between;gap:.75rem;min-inline-size:0;font-size:clamp(.72rem,1.7vmin,.78rem);color:var(--ng-text-3)}#join-load-stage{flex:1 1 auto;min-inline-size:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}#join-load-pct{flex:0 0 auto;font-weight:600;color:var(--ng-text-2);font-variant-numeric:tabular-nums}.join-load-track{block-size:.1875rem;border-radius:999px;background:#ffffff14;overflow:hidden}.join-load-fill{inline-size:0;block-size:100%;border-radius:inherit;background:var(--ng-text-2);transition:width .3s var(--ng-ease)}.join-help{padding-block-start:clamp(.7rem,2vmin,1rem);border-top:1px solid var(--ng-hairline)}.join-help.hidden{display:block!important;visibility:hidden;pointer-events:none}.join-help h2{margin:0 0 .35rem;font-family:var(--ng-font-body);font-size:clamp(.74rem,1.7vmin,.8rem);font-weight:600;letter-spacing:.02em;color:var(--ng-text-2)}.join-help p{margin:.15rem 0;font-size:clamp(.72rem,1.65vmin,.78rem);line-height:1.45;color:var(--ng-text-3)}.join-right-panel{flex:1 1 auto;min-inline-size:0;min-block-size:0;display:flex;align-items:center;justify-content:center}.join-media-frame{position:relative;inline-size:100%;max-inline-size:min(100%,calc((100vh - clamp(3rem,10vmin,5rem)) * 16 / 9));max-inline-size:min(100%,calc((100dvh - clamp(3rem,10vmin,5rem)) * 16 / 9));aspect-ratio:16 / 9;overflow:hidden;border:1px solid var(--ng-hairline);border-radius:var(--ng-radius-lg);background:#050305 url("./thumb-2J6AABAR.jpg") center / cover no-repeat;box-shadow:0 2rem 5rem -2rem #000000f2;pointer-events:none}.join-media-frame:after{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at center,#06050800 45%,#060508b8);transition:opacity .6s ease}.join-media-frame.is-playing:after{opacity:.4}.join-media-video{position:absolute;inset:0;display:block;inline-size:100%;block-size:100%;border:0;opacity:0;pointer-events:none;transition:opacity .6s ease}.join-media-frame.is-playing .join-media-video{opacity:1}#join-screen[data-auth-mode=register] .join-help,#join-screen[data-auth-mode=register] .join-help.hidden{display:none!important}#join-screen[data-auth-mode=register] .join-logo{inline-size:clamp(7rem,19vmin,10rem)}@media(max-width:640px){.join-split-layout{flex-direction:column}.join-left-panel{flex:1 1 auto}.join-right-panel{display:none}}@media(max-height:500px){.join-split-layout{gap:clamp(.6rem,2.4vmin,1rem);padding:max(.6rem,env(safe-area-inset-top,0px)) max(.6rem,env(safe-area-inset-right,0px)) max(.6rem,env(safe-area-inset-bottom,0px)) max(.6rem,env(safe-area-inset-left,0px))}.join-left-panel{flex-basis:clamp(18rem,44vw,23rem);padding:clamp(.8rem,3.4vmin,1.1rem) clamp(.9rem,3.6vmin,1.25rem)}.join-left-content{gap:clamp(.5rem,2.2vmin,.7rem)}#join-screen .join-logo{inline-size:clamp(5rem,22vmin,7.5rem);margin-block-end:0}#join-form{gap:clamp(.45rem,2vmin,.6rem)}#auth-fields{gap:.4rem}#join-form .join-field input{min-block-size:2.75rem}#join-submit-btn{min-block-size:2.875rem;font-size:clamp(1rem,4.4vmin,1.15rem)}.auth-switch{margin-block-start:-.35rem}.consent-box{padding-block:.25em}.join-help,.join-help.hidden{display:none!important}}#join-screen.join-keyboard-active .join-left-content{margin-block:0 auto}#join-screen.join-keyboard-active .join-left-panel{scroll-padding-block-end:calc(var(--join-keyboard-offset, 0px) + 2rem);padding-block-end:calc(clamp(1rem,3vmin,1.5rem) + var(--join-keyboard-offset, 0px))}#join-screen.join-keyboard-active .join-help,#join-screen.join-keyboard-active .join-help.hidden{display:none!important}@media(orientation:portrait)and (max-width:720px){body:after{content:"화면을 가로로 돌려주세요";position:fixed;inset:0;z-index:99999;display:flex;align-items:center;justify-content:center;background:#0a0a0a;color:#fff;font-size:22px;font-weight:700;letter-spacing:.1em;text-align:center;padding:20px}}@keyframes joinBackdropDrift{0%{transform:scale(1)}to{transform:scale(1.06) translate(-1%)}}@keyframes joinCardEnter{0%{opacity:0;transform:scale(.96) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@media(prefers-reduced-motion:reduce){.join-backdrop,.join-backdrop:before,#join-screen,.join-consents{animation:none!important}.join-media-video,.join-media-frame:after,.check-mark svg{transition:opacity .2s ease!important}#join-submit-btn:active,#auth-switch-btn:active,.consent-item:active .consent-box{transform:none}}.rotate-hint{position:fixed;inset:0;z-index:100000;display:flex;align-items:center;justify-content:center;padding:clamp(1.5em,6vmin,4em);background:radial-gradient(ellipse at center,#08080ad1,#08080af5);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);text-align:center;animation:fadeIn .25s ease-out}.rotate-hint-inner{display:flex;flex-direction:column;align-items:center;gap:clamp(.5em,2.4vmin,1.1em);max-width:min(86vw,30em)}.rotate-hint-icon{display:block;font-size:clamp(3rem,16vmin,6rem);line-height:1;transform-origin:center;animation:rotateHintTilt 2.4s ease-in-out infinite}.rotate-hint-title{margin:0;font-family:var(--font-family-heading);font-size:clamp(1.15rem,5.2vmin,1.9rem);font-weight:800;color:#fff;letter-spacing:.01em}.rotate-hint-sub{margin:0;font-size:clamp(.82rem,3.4vmin,1.05rem);line-height:1.5;color:#ffffffa8}@keyframes rotateHintTilt{0%,16%{transform:rotate(0)}50%,66%{transform:rotate(-90deg)}to{transform:rotate(0)}}@media(prefers-reduced-motion:reduce){.rotate-hint,.rotate-hint-icon{animation:none!important}}.panel{position:relative;z-index:1;background:#141419d9;border:1px solid rgba(255,255,255,.05);border-radius:clamp(12px,3vmin,24px);box-shadow:0 16px 40px #0009;padding:clamp(1rem,3vmin,1.5rem);backdrop-filter:blur(12px);overflow:hidden}.panel:before{content:"";position:absolute;inset:0;pointer-events:none;background-image:url("./stain3-VTJD7YQG.png");background-size:cover;background-position:center;mix-blend-mode:soft-light;opacity:.15;filter:brightness(0) invert(1);z-index:0}.hud{width:300px}.hud p{margin:4px 0;font-size:12px}.hud .spectator{color:#ddc4c9}.hud,.panel,.overlay-card{max-inline-size:min(92vw,34rem);overflow-wrap:anywhere}.overlay-card{position:fixed;z-index:34;inset:0;margin:auto;height:fit-content;text-align:left;overflow:hidden}.error-text{min-height:clamp(1rem,2.2vmin,1.2rem);margin:0;font-size:clamp(.68rem,1.55vmin,.8rem);color:var(--warn)}#top-ui{position:fixed;inset:0;z-index:20;pointer-events:none;font-family:var(--font-family-base);color:var(--color-text-primary)}.panel-transparent{position:absolute;inset:0;pointer-events:auto;overflow:hidden}.value-up{animation:value-up-anim .5s var(--duration-normal) var(--ease-out-expo)}@keyframes value-up-anim{0%{transform:scale(1);filter:brightness(1)}30%{transform:scale(1.2);filter:brightness(1.5);color:var(--color-text-success)}to{transform:scale(1);filter:brightness(1)}}.lobby-modern-layout{--hub-pad: clamp(1rem, 3.9vmin, 2.25rem);--hub-top: calc(clamp(.75rem, 2.8vmin, 1.5rem) + env(safe-area-inset-top, 0px)) ;--hub-l: calc(var(--hub-pad) + env(safe-area-inset-left, 0px));--hub-r: calc(var(--hub-pad) + env(safe-area-inset-right, 0px));--hub-b: calc(var(--hub-pad) + env(safe-area-inset-bottom, 0px));--hub-side-top: clamp(4.5rem, 11.4%, 7rem);--hub-col: clamp(13rem, min(41.7vmin, 24vw), 22rem);--hub-gap: clamp(.5rem, 1.4vmin, .8rem);--hub-u: min(1vmin, .675rem);--hub-stage-bottom: max(15.8%, calc(3.6vmin + 5rem) );--hub-online: #4ADE80;--hub-level-ink: #C9A45C;position:relative;width:100%;height:100%;overflow:hidden;color:var(--ng-text-1);font-family:var(--ng-font-body);animation:fadeIn var(--duration-normal) var(--ease-out-expo)}.lobby-modern-layout:before{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(to top,#060508cc,#06050800 30%),radial-gradient(ellipse 58% 62% at 50% 46%,#06050800 35%,#060508b3),#06050866}@keyframes fadeIn{0%{opacity:0;transform:scale(1.02)}to{opacity:1;transform:scale(1)}}@keyframes hub-fade{0%{opacity:0;transform:translateY(.4rem)}to{opacity:1;transform:none}}#lobby-hub-view [hidden]{display:none!important}#lobby-hub-view button,#lobby-hub-view a{-webkit-tap-highlight-color:transparent}.hub-ico{display:block;flex-shrink:0;inline-size:1.15em;block-size:1.15em;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.lobby-top-bar{position:absolute;z-index:3;top:var(--hub-top);left:var(--hub-l);right:var(--hub-r);display:flex;align-items:center;justify-content:space-between;gap:1rem;pointer-events:none}.lobby-top-bar>*{pointer-events:auto}.lobby-brand{display:flex;align-items:center;gap:clamp(.5rem,1.9vmin,1rem);min-width:0}.lobby-brand .classic-title{margin:0;font-family:var(--ng-font-display);font-weight:400;font-size:clamp(1.2rem,3.6vmin,2rem);line-height:1;white-space:nowrap;color:var(--ng-text-1);text-shadow:0 .125rem .5rem rgba(0,0,0,.6)}.lobby-online-pill{display:inline-flex;align-items:center;gap:.6em;padding:.45em .95em;border-radius:999px;font-size:clamp(.72rem,1.8vmin,.9rem);color:var(--ng-text-2);white-space:nowrap}.status-dot{flex-shrink:0;inline-size:.6em;block-size:.6em;border-radius:50%;background:var(--hub-online)}.lobby-top-right{display:flex;align-items:center;gap:clamp(.4rem,1.4vmin,.75rem)}.currency-group{display:flex;gap:clamp(.4rem,1.4vmin,.75rem)}.currency-item{display:inline-flex;align-items:center;gap:.5em;block-size:clamp(2.25rem,5.6vmin,3rem);padding:0 .95em 0 .5em;border-radius:999px;font-size:clamp(.8rem,2.1vmin,1.1rem);font-weight:700;font-variant-numeric:tabular-nums}.currency-item .currency-icon{display:block;inline-size:1.6em;block-size:1.6em;object-fit:contain;image-rendering:pixelated}.currency-item.gem .currency-icon{inline-size:1.45em;block-size:1.45em}.currency-value{color:var(--ng-text-1)}.settings-top-btn{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;inline-size:clamp(2.25rem,5.6vmin,3rem);block-size:clamp(2.25rem,5.6vmin,3rem);padding:0;border-radius:999px;color:var(--ng-text-1);cursor:pointer;touch-action:manipulation;transition:transform var(--ng-press-ms) ease-out,background-color .18s ease,border-color .18s ease,color .18s ease}.settings-top-btn .hub-ico{inline-size:45%;block-size:45%}#lobby-fullscreen-btn.is-active{color:var(--color-gold)}.lobby-side-right{position:absolute;z-index:2;top:var(--hub-side-top);right:var(--hub-r);inline-size:clamp(12rem,min(32.2vmin,19vw),17rem);display:flex;flex-direction:column;gap:var(--hub-gap)}.nav-item-wide{display:flex;align-items:center;gap:.8em;block-size:clamp(3rem,8vmin,4.25rem);padding:0 .9em;border-radius:clamp(.75rem,2.2vmin,1.1rem);color:var(--ng-text-1);font-family:inherit;font-size:clamp(.85rem,2.1vmin,1.1rem);text-align:start;cursor:pointer;touch-action:manipulation;transition:transform var(--ng-press-ms) ease-out,background-color .18s ease,border-color .18s ease,opacity .18s ease}.nav-item-wide:disabled{opacity:.45;cursor:default}.nav-icon{display:flex;align-items:center;justify-content:center;flex-shrink:0;inline-size:2.4em;block-size:2.4em;border-radius:.8em;background:#f2ece814}.nav-icon .hub-ico{inline-size:1.33em;block-size:1.33em;stroke-width:1.8}.nav-label{flex:1 1 auto;min-width:0;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.nav-badge{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;min-inline-size:1.85em;block-size:1.85em;padding:0 .5em;border-radius:999px;background:var(--ng-action);color:#fff;font-size:.8em;font-weight:700;font-variant-numeric:tabular-nums}.nav-chat-toggle{display:none}.settings-top-btn:active,.nav-item-wide:active:not(:disabled),.night-entry-bar:active:not(:disabled),.start-game-btn:active:not(:disabled),.lobby-chat-send-btn:active,.online-page-btn:active:not(:disabled),.lobby-social-close:active,.btn-sm-primary:active,.btn-sm-outline:active,.discord-join-link:active{transform:scale(.97)}.settings-top-btn:focus-visible,.nav-item-wide:focus-visible,.night-entry-bar:focus-visible,.start-game-btn:focus-visible,.lobby-chat-send-btn:focus-visible,.online-page-btn:focus-visible,.lobby-social-close:focus-visible,.btn-sm-primary:focus-visible,.btn-sm-outline:focus-visible,.discord-join-link:focus-visible,.footer-legal-links a:focus-visible{outline:2px solid var(--ng-text-1);outline-offset:3px}@media(hover:hover){.settings-top-btn:hover,.nav-item-wide:hover:not(:disabled),.night-entry-bar:hover:not(:disabled){background:var(--ng-glass-2);border-color:var(--ng-hairline-strong)}}.lobby-side-left{position:absolute;z-index:2;top:var(--hub-side-top);left:var(--hub-l);inline-size:var(--hub-col);block-size:clamp(16rem,58.3vmin,34rem);display:flex}.lobby-info-card{flex:1;min-width:0;display:flex;flex-direction:column;gap:var(--hub-gap);padding:clamp(.6rem,1.7vmin,1rem);border-radius:var(--ng-radius-lg)}.lobby-social-head{display:flex;align-items:center;gap:.5rem}.lobby-social-tabs.ng-seg{flex:1;background:#ffffff0d;border-color:transparent;-webkit-backdrop-filter:none;backdrop-filter:none}.lobby-social-tabs .ng-seg__btn[aria-selected=true]{color:var(--ng-text-1)}.lobby-social-tabs .ng-seg__btn:focus-visible{outline:2px solid var(--ng-text-1);outline-offset:-2px;border-radius:var(--ng-radius-sm)}.online-section-count{font-variant-numeric:tabular-nums}.lobby-social-close{display:none}.info-card-section{flex:1 1 auto;min-height:0;display:flex;flex-direction:column;animation:hub-fade .24s var(--ng-ease) both}.lobby-chat-messages{list-style:none;margin:0;padding:0 .25rem;flex:1 1 auto;min-height:0;overflow-y:auto;overscroll-behavior:contain;display:flex;flex-direction:column;gap:.5em;font-size:clamp(.75rem,1.8vmin,.95rem);line-height:1.5;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.15) transparent;font-family:var(--ng-font-plain)}.lobby-chat-messages>:first-child{margin-top:auto}.lobby-chat-messages li{display:block;overflow-wrap:anywhere}.lobby-chat-prefix{margin-right:.3em;font-size:.85em;color:var(--ng-text-3)}.lobby-chat-nick{font-weight:700;color:var(--ng-text-2)}.lobby-chat-body{color:var(--ng-text-1)}.lobby-chat-role-human .lobby-chat-nick{color:var(--ng-cat-mob-text)}.lobby-chat-role-monster .lobby-chat-nick{color:var(--ng-action-text)}.lobby-chat-role-spectator .lobby-chat-nick{color:var(--ng-text-3)}.lobby-chat-role-system .lobby-chat-nick,.lobby-chat-role-system .lobby-chat-body{color:var(--ng-cat-gold-text)}.lobby-chat-form{display:flex;gap:.5rem;margin-top:var(--hub-gap)}.lobby-chat-input{flex:1;min-width:0;block-size:clamp(2.5rem,5.6vmin,2.9rem);padding:0 .85em;border:1px solid rgba(255,255,255,.12);border-radius:var(--ng-radius-md);background:#00000040;color:var(--ng-text-1);font-family:var(--ng-font-plain);font-size:clamp(.85rem,1.95vmin,1rem);transition:border-color .18s ease,background-color .18s ease}.lobby-chat-input::placeholder{color:var(--ng-text-3)}.lobby-chat-input:focus{outline:none;border-color:var(--ng-hairline-strong);background:#0006}.lobby-chat-send-btn{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;inline-size:clamp(2.5rem,5.6vmin,2.9rem);block-size:clamp(2.5rem,5.6vmin,2.9rem);padding:0;border:0;border-radius:var(--ng-radius-md);background:#f2ece81f;color:var(--ng-text-1);font-size:1rem;cursor:pointer;transition:transform var(--ng-press-ms) ease-out,background-color .18s ease}.online-entries-list{list-style:none;margin:0;padding:0;flex:1 1 auto;min-height:0;display:flex;flex-direction:column;gap:.4rem;overflow:hidden}.online-entries-list li{display:flex;align-items:center;gap:.7em;padding:.55em .75em;border-radius:var(--ng-radius-md);background:#ffffff08;font-size:clamp(.8rem,1.95vmin,1rem)}.online-entries-list li:before{content:"";flex-shrink:0;inline-size:.55em;block-size:.55em;border-radius:50%;background:var(--hub-online)}.online-entries-list .online-entry-nick{flex:1 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:600;color:var(--ng-text-1)}.online-entries-list .online-entry-lv{flex-shrink:0;font-size:.85em;color:var(--ng-text-3);font-variant-numeric:tabular-nums}.online-entries-list li.empty{justify-content:center;background:transparent;color:var(--ng-text-3)}.online-entries-list li.empty:before{display:none}.online-pagination{display:flex;align-items:center;justify-content:center;gap:.75rem;padding-top:.5rem}.online-page-btn{display:inline-flex;align-items:center;justify-content:center;inline-size:2.25rem;block-size:2.25rem;padding:0;border:0;border-radius:999px;background:#f2ece814;color:var(--ng-text-2);font-size:1rem;cursor:pointer;transition:transform var(--ng-press-ms) ease-out,opacity .18s ease}.online-page-btn:disabled{opacity:.3;cursor:default}.online-page-indicator{font-size:clamp(.72rem,1.7vmin,.85rem);color:var(--ng-text-3);font-variant-numeric:tabular-nums}.lobby-center-stage{position:absolute;z-index:1;left:50%;bottom:var(--hub-stage-bottom);transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:clamp(.75rem,2.8vmin,1.5rem);pointer-events:none}.center-stage-identity{display:flex;flex-direction:column;align-items:center;gap:.5rem;text-align:center;white-space:nowrap;text-shadow:0 .125rem .625rem rgba(0,0,0,.8)}.center-stage-identity .stage-nick{margin:0;font-family:var(--ng-font-display);font-weight:400;font-size:clamp(1.3rem,4.2vmin,2.4rem);line-height:1;color:var(--ng-text-1)}.center-stage-identity .stage-level{margin:0;font-family:var(--ng-font-display);font-size:clamp(.72rem,1.95vmin,1.05rem);line-height:1;letter-spacing:.18em;color:var(--hub-level-ink)}.character-display{display:flex;align-items:flex-end}.skin-showcase{position:relative;display:flex;justify-content:center}.skin-showcase.human-stage{z-index:3;inline-size:calc(30.6 * var(--hub-u));margin-inline-end:calc(-24.2 * var(--hub-u))}.skin-showcase.monster-stage{z-index:2;inline-size:calc(44.4 * var(--hub-u))}.skin-visual{position:relative;flex:0 0 auto;inline-size:auto;block-size:calc(40 * var(--hub-u));max-inline-size:100%;aspect-ratio:2 / 3;background-color:transparent;background-image:url("./player-AM34IFIT.png");background-repeat:no-repeat;background-size:400% 400%;background-position:0% 0%;image-rendering:pixelated;image-rendering:crisp-edges;filter:drop-shadow(0 .5rem 1rem rgba(0,0,0,.6));animation:skin-walk-down .7s step-end infinite}.skin-showcase.human-stage .skin-visual{block-size:calc(33 * var(--hub-u))}.skin-showcase.monster-stage .skin-visual{block-size:calc(53 * var(--hub-u));background-image:url("./ao_h-WGQW5QK3.png");animation-delay:.2s}.skin-visual:after{content:"";position:absolute;left:50%;bottom:9%;inline-size:70%;block-size:6%;transform:translate(-50%);border-radius:50%;background:#0009;filter:blur(.75rem)}@keyframes skin-walk-down{0%{background-position:0% 0%}25%{background-position:33.333% 0%}50%{background-position:66.667% 0%}75%{background-position:100% 0%}}.skin-visual[data-lobby-sprite-cols="3"]{animation-name:skin-walk-down-3}.skin-visual[data-lobby-sprite-cols="1"]{animation-name:none}.lobby-exp-card{position:absolute;z-index:2;left:var(--hub-l);bottom:var(--hub-b);inline-size:var(--hub-col);display:flex;flex-direction:column;gap:.55rem;padding:clamp(.65rem,1.95vmin,1rem) clamp(.75rem,2.2vmin,1.1rem);border-radius:clamp(.8rem,2.5vmin,1.25rem);font-size:clamp(.7rem,1.67vmin,.85rem)}.lobby-exp-card .exp-header{display:flex;flex-wrap:wrap;align-items:baseline;column-gap:.6em;row-gap:.2em;min-width:0}.level-label{font-family:var(--ng-font-display);font-size:clamp(1.05rem,2.8vmin,1.4rem);line-height:1;white-space:nowrap;color:var(--ng-text-1)}.rank-label{min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--ng-text-3)}.exp-value{margin-inline-start:auto;white-space:nowrap;color:var(--ng-text-3);font-variant-numeric:tabular-nums}.exp-progress-track{block-size:clamp(.3rem,.83vmin,.45rem);border-radius:999px;background:#ffffff1a;overflow:hidden}.exp-progress-fill{height:100%;width:0%;background:var(--color-gold);transition:width var(--duration-slow) var(--ease-out-expo)}.hot-time-banner{display:flex;align-items:center;gap:.45em;margin:0;color:var(--ng-action-text)}.hot-time-banner:before{content:"";flex-shrink:0;inline-size:1.15em;block-size:1.15em;background:currentColor;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 3 C12 8 17 9 17 14 A5 5 0 0 1 7 14 C7 11 9 10 9 7 C11 9 12 7 12 3 Z' fill='none' stroke='%23000' stroke-width='2' stroke-linejoin='round'/%3E%3C/svg%3E") center / contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 3 C12 8 17 9 17 14 A5 5 0 0 1 7 14 C7 11 9 10 9 7 C11 9 12 7 12 3 Z' fill='none' stroke='%23000' stroke-width='2' stroke-linejoin='round'/%3E%3C/svg%3E") center / contain no-repeat}.exp-coupon-banner{color:#f29ab5}.exp-coupon-banner:before{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M3.5 7 H20.5 V10 A2 2 0 0 0 20.5 14 V17 H3.5 V14 A2 2 0 0 0 3.5 10 Z M14.5 7 V9 M14.5 11 V13 M14.5 15 V17' fill='none' stroke='%23000' stroke-width='2' stroke-linejoin='round'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M3.5 7 H20.5 V10 A2 2 0 0 0 20.5 14 V17 H3.5 V14 A2 2 0 0 0 3.5 10 Z M14.5 7 V9 M14.5 11 V13 M14.5 15 V17' fill='none' stroke='%23000' stroke-width='2' stroke-linejoin='round'/%3E%3C/svg%3E")}.bottom-center{position:absolute;z-index:2;left:50%;bottom:calc(clamp(.9rem,3.6vmin,2rem) + env(safe-area-inset-bottom,0px));transform:translate(-50%);max-inline-size:calc(100% - 2 * var(--hub-col) - 4 * var(--hub-pad))}.lobby-footer-bundle{display:flex;flex-direction:column;align-items:center;gap:var(--hub-gap)}.footer-card.discord-wide{display:flex;align-items:center;gap:.75em;max-inline-size:100%;padding:.5em .6em .5em 1em;border-radius:999px;font-size:clamp(.72rem,1.8vmin,.9rem)}.discord-ico{inline-size:1.2em;block-size:1.2em;stroke-width:1.8;color:var(--ng-text-2)}.discord-content{display:flex;align-items:center;gap:.35em;min-width:0;white-space:nowrap;color:var(--ng-text-2)}.discord-label,.discord-sep{flex-shrink:0}#discord-link-status{flex:0 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--ng-text-2)}#discord-link-status.linked{color:var(--hub-online)}.discord-actions{display:flex;align-items:center;gap:.4em;flex-shrink:0}.btn-sm-primary,.btn-sm-outline,.discord-join-link{display:inline-flex;align-items:center;justify-content:center;min-block-size:2em;padding:0 .95em;border:0;border-radius:999px;background:#f2ece81f;color:var(--ng-text-1);font-family:inherit;font-size:inherit;font-weight:600;white-space:nowrap;text-decoration:none;cursor:pointer;transition:transform var(--ng-press-ms) ease-out,background-color .18s ease}.btn-sm-primary{background:#f2ece833}@media(hover:hover){.btn-sm-primary:hover,.btn-sm-outline:hover,.discord-join-link:hover{background:#f2ece83d}.footer-legal-links a:hover{color:var(--ng-text-1)}}.footer-legal-links{display:flex;align-items:center;justify-content:center;gap:1.1em;font-size:clamp(.68rem,1.67vmin,.82rem)}.footer-legal-links a{padding:.35em 0;color:var(--ng-text-3);text-decoration:none;white-space:nowrap;transition:color .18s ease}.footer-legal-links a strong{font-weight:600;color:var(--ng-text-2)}.bottom-right{position:absolute;z-index:2;right:var(--hub-r);bottom:var(--hub-b);inline-size:var(--hub-col);display:flex;flex-direction:column;gap:var(--hub-gap)}.night-entry-bar{display:flex;align-items:center;gap:.75em;block-size:clamp(2.9rem,7.5vmin,3.9rem);padding:0 1.1em;border-radius:clamp(.75rem,2.2vmin,1.1rem);color:var(--ng-text-1);font-family:inherit;font-size:clamp(.9rem,2.2vmin,1.15rem);text-align:start;cursor:pointer;touch-action:manipulation;transition:transform var(--ng-press-ms) ease-out,background-color .18s ease,border-color .18s ease}.night-bar-ico{inline-size:1.25em;block-size:1.25em;stroke-width:1.8}.night-bar-text{display:flex;flex-direction:column;gap:.1em;flex:1 1 auto;min-width:0}.night-bar-main{font-weight:700;line-height:1.2}.night-bar-sub{font-size:.75em;color:var(--ng-text-2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.night-bar-go{inline-size:1em;block-size:1em;color:var(--ng-text-2)}.start-game-btn{display:flex;align-items:center;gap:.9em;block-size:clamp(3.75rem,10vmin,5rem);padding:0 1.25em;border:0;border-radius:clamp(.85rem,2.5vmin,1.25rem);background:var(--ng-action);color:#fff;box-shadow:0 1rem 2.25rem -.875rem var(--ng-action-glow);font-family:inherit;font-size:clamp(.9rem,2.2vmin,1.15rem);text-align:start;cursor:pointer;touch-action:manipulation;transition:transform var(--ng-press-ms) ease-out,background-color .18s ease,opacity .18s ease}@media(hover:hover){.start-game-btn:hover:not(:disabled){background:var(--ng-action-hover)}}.start-game-btn:disabled{opacity:.55;cursor:default}.start-game-btn .start-ico{inline-size:1.4em;block-size:1.4em;fill:#fff;stroke:none}.start-game-btn .btn-text{display:flex;flex-direction:column;gap:.2em;min-width:0}.start-game-btn .btn-main{font-family:var(--ng-font-display);font-size:1.65em;line-height:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.start-game-btn .btn-sub{font-size:.75em;color:#ffffffd9;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@media(pointer:coarse){.lobby-modern-layout{--hub-stage-bottom: max(15.8%, calc(3.6vmin + 6.5rem) )}.btn-sm-primary,.btn-sm-outline,.discord-join-link{min-block-size:2.25rem}.footer-legal-links a{display:inline-flex;align-items:center;min-block-size:2.25rem;padding:0}}@media(max-height:500px){.lobby-modern-layout{--hub-pad: clamp(.75rem, 4.1vmin, 1.25rem);--hub-top: calc(clamp(.5rem, 2.8vmin, .9rem) + env(safe-area-inset-top, 0px)) ;--hub-side-top: clamp(3.4rem, 15.9%, 4.5rem);--hub-tile: clamp(2.75rem, 13.3vmin, 3.5rem);--hub-gap: clamp(.4rem, 2vmin, .6rem);--hub-cta: clamp(2.9rem, 14.4vmin, 3.6rem);--hub-rail-end: calc(var(--hub-l) + var(--hub-tile) + var(--hub-gap) * 1.5);--hub-u: 1vmin;--hub-stage-bottom: 18.5%}.lobby-brand .classic-title{font-size:clamp(1rem,4.9vmin,1.35rem)}.lobby-online-pill{font-size:clamp(.65rem,2.8vmin,.8rem);padding:.35em .8em}.currency-item{block-size:clamp(2rem,8.2vmin,2.5rem);font-size:clamp(.75rem,3.3vmin,.9rem)}.settings-top-btn{inline-size:2.75rem;block-size:2.75rem}.settings-top-btn .hub-ico{inline-size:41%;block-size:41%}.lobby-side-right{top:var(--hub-side-top);left:var(--hub-l);right:auto;inline-size:var(--hub-tile)}.nav-item-wide{position:relative;flex-direction:column;justify-content:center;gap:.2em;inline-size:var(--hub-tile);block-size:var(--hub-tile);padding:0 .15em;border-radius:clamp(.8rem,4.1vmin,1rem);font-size:clamp(.6rem,2.6vmin,.72rem)}.nav-chat-toggle{display:flex}.nav-icon{inline-size:auto;block-size:auto;border-radius:0;background:none}.nav-icon .hub-ico{inline-size:2em;block-size:2em}.nav-label{flex:0 0 auto;max-inline-size:100%;font-weight:500;color:var(--ng-text-2)}.nav-badge{position:absolute;z-index:1;top:.2em;right:.2em;font-size:.85em}.nav-chat-toggle[aria-expanded=true]{background:var(--ng-glass-2);border-color:var(--ng-hairline-strong)}.lobby-side-left{z-index:6;top:var(--hub-side-top);bottom:var(--hub-b);left:var(--hub-rail-end);inline-size:clamp(15rem,40vw,21rem);block-size:auto;display:none}.lobby-side-left.is-open{display:flex;animation:hub-fade .24s var(--ng-ease) both}.lobby-side-left .lobby-info-card{background:#161114f0}.lobby-social-close{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;inline-size:2.75rem;block-size:2.75rem;padding:0;border:0;border-radius:999px;background:#f2ece81a;color:var(--ng-text-1);font-size:1rem;cursor:pointer;transition:transform var(--ng-press-ms) ease-out}.lobby-chat-messages{font-size:clamp(.72rem,3.1vmin,.85rem)}.online-entries-list li{font-size:clamp(.72rem,3.1vmin,.85rem);padding:.45em .7em}.online-entries-list{gap:.3rem}.lobby-center-stage{gap:clamp(.4rem,2.3vmin,.75rem)}.center-stage-identity{gap:.3rem}.center-stage-identity .stage-nick{font-size:clamp(1.1rem,5.4vmin,1.5rem)}.center-stage-identity .stage-level{font-size:clamp(.62rem,2.8vmin,.8rem)}.skin-showcase.human-stage .skin-visual{block-size:calc(35 * var(--hub-u))}.skin-showcase.monster-stage .skin-visual{block-size:calc(55 * var(--hub-u))}.lobby-exp-card{left:var(--hub-rail-end);inline-size:clamp(10.5rem,26vw,14rem);gap:.35rem;padding:.6em .8em;border-radius:clamp(.8rem,3.6vmin,.9rem);font-size:clamp(.62rem,2.6vmin,.75rem)}.level-label{font-size:clamp(.85rem,3.85vmin,1rem)}.bottom-right{flex-direction:row;align-items:stretch;inline-size:auto}.night-entry-bar,.start-game-btn{block-size:var(--hub-cta);font-size:clamp(.78rem,3.6vmin,.9rem)}.night-entry-bar{gap:.55em;padding:0 .95em;border-radius:clamp(.8rem,4.1vmin,1rem)}.night-bar-go,.start-game-btn .btn-sub{display:none}.start-game-btn{gap:.6em;padding:0 1.5em;border-radius:clamp(.8rem,4.1vmin,1rem)}.start-game-btn .btn-main{font-size:1.5em}.start-game-btn .start-ico{inline-size:1.3em;block-size:1.3em}.bottom-center{left:auto;right:var(--hub-r);bottom:calc(var(--hub-b) + var(--hub-cta) + var(--hub-gap) * 1.5);transform:none;max-inline-size:min(22rem,46vw)}.lobby-footer-bundle{align-items:flex-end;gap:.3rem}.footer-card.discord-wide{padding:.3em .35em .3em .85em;font-size:clamp(.62rem,2.8vmin,.75rem)}.btn-sm-primary,.btn-sm-outline,.discord-join-link{min-block-size:2.25rem}.footer-legal-links{gap:1em;font-size:clamp(.6rem,2.6vmin,.72rem)}.footer-legal-links a{display:inline-flex;align-items:center;min-block-size:2.75rem;padding:0}}@media(prefers-reduced-motion:reduce){.lobby-modern-layout,.info-card-section,.lobby-side-left.is-open,.skin-visual{animation:none}.settings-top-btn,.nav-item-wide,.night-entry-bar,.start-game-btn,.lobby-chat-send-btn,.online-page-btn,.lobby-social-close{transition:background-color .2s ease,opacity .2s ease}.settings-top-btn:active,.nav-item-wide:active:not(:disabled),.night-entry-bar:active:not(:disabled),.start-game-btn:active:not(:disabled),.lobby-chat-send-btn:active,.online-page-btn:active:not(:disabled),.lobby-social-close:active,.btn-sm-primary:active,.btn-sm-outline:active,.discord-join-link:active{transform:none}}.room-view-modern{width:400px;height:100%;background:var(--color-panel-bg);backdrop-filter:var(--glass-blur);border-left:1px solid var(--color-surface-border);position:absolute;right:0;top:0;display:flex;flex-direction:column;padding:var(--spacing-8);box-shadow:-20px 0 50px #00000080;animation:slideIn var(--duration-normal) var(--ease-out-expo)}@keyframes slideIn{0%{transform:translate(100%)}to{transform:translate(0)}}.room-header{margin-bottom:var(--spacing-8)}.room-header h2{margin:0 0 var(--spacing-2);font-size:2rem;font-weight:900}.status-badge{background:var(--color-primary-base);color:#000;font-size:.7rem;font-weight:900;padding:4px 12px;border-radius:var(--radius-xs);margin-right:var(--spacing-3)}.rule-text{font-size:.85rem;color:var(--color-text-secondary)}.room-players-panel{flex:1;display:flex;flex-direction:column}.panel-head{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:var(--spacing-4)}.panel-head h3{margin:0;font-size:1rem;color:var(--color-text-secondary)}.count-badge{font-weight:800;color:var(--color-primary-base)}.modern-player-list{list-style:none;padding:0;margin:0;overflow-y:auto}.modern-player-list li{padding:var(--spacing-3) var(--spacing-4);background:linear-gradient(90deg,rgba(255,255,255,.03) 0%,transparent 100%);border:1px solid var(--color-surface-border);border-left:4px solid var(--color-surface-border);border-radius:var(--radius-xs);margin-bottom:var(--spacing-2);font-size:.9rem;display:flex;justify-content:space-between}.room-footer{display:flex;gap:var(--spacing-4);margin-top:var(--spacing-8)}.btn-outline,.btn-primary{flex:1;height:54px;border-radius:var(--radius-xs);font-weight:900;cursor:pointer;transition:all var(--duration-fast)}.btn-outline{background:var(--color-surface-base);border:1px solid var(--color-surface-border);border-bottom:4px solid var(--color-text-secondary);color:var(--color-text-primary)}.btn-outline:hover{background:#ffffff0d;transform:translateY(-2px)}.btn-primary{background:var(--color-primary-base);border:1px solid var(--color-surface-border);border-bottom:4px solid var(--color-primary-dark);color:#000}.btn-primary:hover{transform:translateY(-2px);filter:brightness(1.1)}.float-anim{animation:float 4s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@media(max-width:768px){.room-view-modern{width:100%}}@media(pointer:coarse)and (orientation:landscape)and (max-width:1200px){.room-view-modern{width:400px}}.lobby-event-card{--ev-accent: #ffb15a;--ev-scrim: 10, 9, 14;--ev-sprite: 3em;position:relative;isolation:isolate;display:grid;grid-template-rows:auto 1fr auto auto;aspect-ratio:1.6;padding:.85em .95em .8em;border-radius:clamp(.75rem,2.2vmin,1.1rem);color:var(--ng-text-2);font-size:clamp(.72rem,1.7vmin,.86rem);background:rgb(var(--ev-scrim));box-shadow:inset 0 0 0 1px #ffffff1a,0 .9em 2.4em -.6em #000000b3}.lobby-event-card[hidden]{display:none}.event-art{position:absolute;inset:0;z-index:-2;inline-size:100%;block-size:100%;border-radius:inherit;object-fit:cover;object-position:62% 46%}.lobby-event-card:before{content:"";position:absolute;inset:0;z-index:-1;border-radius:inherit;background:linear-gradient(to top,rgba(var(--ev-scrim),.94),rgba(var(--ev-scrim),.62) 30%,rgba(var(--ev-scrim),0) 58%),linear-gradient(to right,rgba(var(--ev-scrim),.82),rgba(var(--ev-scrim),.4) 42%,rgba(var(--ev-scrim),0) 68%)}.event-head{display:grid;grid-template-columns:1fr auto;align-items:start;gap:.2em .6em}.event-title{margin:0;font-family:var(--ng-font-display);font-weight:800;font-size:1.55em;line-height:1.05;letter-spacing:-.01em;color:#fff4e6;text-shadow:0 .06em .5em rgba(0,0,0,.6);text-wrap:balance}.event-remaining{padding:.18em .6em;border-radius:999px;background:rgba(var(--ev-scrim),.62);box-shadow:inset 0 0 0 1px #ffb15a59;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:var(--ev-accent);font-weight:800;font-size:.86em;letter-spacing:.02em;font-variant-numeric:tabular-nums;white-space:nowrap}.event-remaining:empty{visibility:hidden}.event-total{grid-column:1 / -1;display:flex;align-items:baseline;gap:.45em;margin:0}.event-total .event-value{font-size:1.3em;color:var(--ev-accent);letter-spacing:-.01em}.event-label{color:#f2ece8b8;font-weight:600}.event-value{color:#fff4e6;font-weight:800;font-variant-numeric:tabular-nums}.event-bar{grid-row:3;position:relative;block-size:calc(var(--ev-sprite) + .45em)}.event-track{position:absolute;inset-inline:calc(var(--ev-sprite) * .4);inset-block-end:0;block-size:.45em;border-radius:999px;background:#ffffff24;overflow:hidden}.event-fill{block-size:100%;inline-size:0;border-radius:inherit;background:linear-gradient(90deg,#c4561f,#ffb15a);transition:inline-size .9s cubic-bezier(.2,.8,.2,1)}.event-markers{position:absolute;inset-inline:calc(var(--ev-sprite) * .4);inset-block:0;pointer-events:none}.event-marker{position:absolute;inset-block-end:.2em;translate:-50% 0;display:grid;justify-items:center}.event-marker img{inline-size:var(--ev-sprite);block-size:var(--ev-sprite);object-fit:contain;object-position:50% 100%;image-rendering:pixelated;filter:saturate(.55) brightness(.78) drop-shadow(0 .1em .15em rgba(0,0,0,.8));transition:filter .4s ease}.event-marker.is-reached img{background:radial-gradient(closest-side,#ffaa468c,#ffaa4600) 50% 70% / 140% 100% no-repeat;filter:drop-shadow(0 0 .3em rgba(255,160,60,.6)) drop-shadow(0 .1em .15em rgba(0,0,0,.8))}.event-marker:after{content:"";position:absolute;inset-block-end:-.2em;inline-size:.45em;block-size:.45em;border-radius:50%;background:#ffffff59;box-shadow:0 0 0 .12em rgba(var(--ev-scrim),.9)}.event-marker.is-reached:after{background:#ffd8a0}.event-marker.is-mine:before{content:"";position:absolute;inset-block-start:0;inset-inline-end:-.15em;z-index:1;inline-size:.8em;block-size:.8em;border-radius:50%;background:#3fbf6f url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath d='M2.5 6.2 5 8.6 9.6 3.6' fill='none' stroke='white' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / 80% no-repeat;box-shadow:0 0 0 .12em rgba(var(--ev-scrim),.9)}.event-line{grid-row:4;display:flex;flex-wrap:wrap;align-items:baseline;gap:.1em .4em;margin:0;padding-block-start:.55em}.event-value.is-mine{color:var(--ev-accent)}.event-next{order:1;margin-inline-start:auto;color:#f2ece8b8;font-size:.9em;font-variant-numeric:tabular-nums;white-space:nowrap}.event-note{order:2;flex-basis:100%;color:#f2ece899;font-size:.86em}.event-next[hidden],.event-note[hidden]{display:none}@media(max-height:500px){.bottom-right .lobby-event-card{--ev-sprite: 2.4em;--ev-clear: 6rem;position:absolute;inset-inline-end:0;inset-block-end:calc(100% + var(--hub-gap) * 2.5 + var(--ev-clear));inline-size:clamp(13rem,34vw,16.5rem);aspect-ratio:auto;grid-template-rows:auto auto auto;row-gap:.25em;padding:.6em .75em;font-size:clamp(.6rem,2.6vmin,.72rem)}.bottom-right .lobby-event-card .event-art{object-position:72% 36%}.bottom-right .lobby-event-card .event-total{gap:.3em;align-items:center}.bottom-right .lobby-event-card .event-total:before{content:"";inline-size:1.35em;block-size:1.35em;background:url("./pumpkin-GTOIHJRM.png") center / contain no-repeat;image-rendering:pixelated}.bottom-right .lobby-event-card .event-total .event-label{position:absolute;inline-size:1px;block-size:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.bottom-right .lobby-event-card .event-next{display:none}.bottom-right .lobby-event-card .event-bar{grid-row:auto}.bottom-right .lobby-event-card .event-line{grid-row:auto;padding-block-start:.15em}}@media(max-height:340px){.bottom-right .lobby-event-card{--ev-sprite: 2.1em;padding-block:.45em}.bottom-right .lobby-event-card .event-note{display:none}.bottom-right .lobby-event-card .event-title{font-size:1.3em}}@media(prefers-reduced-motion:reduce){.event-fill,.event-marker img{transition:none}}@media(prefers-reduced-transparency:reduce){.event-remaining{background:rgb(var(--ev-scrim));-webkit-backdrop-filter:none;backdrop-filter:none}}.shop-global-currencies{display:flex;flex:1 1 auto;justify-content:flex-end;flex-wrap:wrap;min-inline-size:0;gap:clamp(.35rem,1.2vmin,.55rem)}.shop-page-currency{display:inline-flex;align-items:center;gap:.45em;block-size:clamp(2.1rem,6vmin,2.5rem);padding:0 .95em 0 .45em;border-radius:999px;background:var(--ng-glass-1);-webkit-backdrop-filter:var(--ng-glass-blur);backdrop-filter:var(--ng-glass-blur);border:1px solid var(--ng-hairline);box-shadow:var(--ng-highlight);font-family:var(--ng-font-body);font-size:clamp(.82rem,2.2vmin,.95rem);white-space:nowrap}.shop-page-currency .currency-icon{inline-size:1.5em;block-size:1.5em;object-fit:contain;image-rendering:pixelated}.shop-page-currency strong{font-weight:700;color:var(--ng-text-1);font-variant-numeric:tabular-nums}.shop-page{inline-size:100%;max-inline-size:90rem;margin-inline:auto;display:flex;flex-direction:column;gap:clamp(.55rem,1.8vmin,.9rem);min-block-size:0;color:var(--ng-text-1);font-family:var(--ng-font-body)}.shop-page-status{align-self:center;margin:0;padding:.45em 1em;border-radius:999px;background:var(--ng-glass-2);border:1px solid var(--ng-hairline);color:var(--ng-text-1);font-size:clamp(.78rem,1.9vmin,.88rem);font-weight:600;text-align:center}.shop-catalog-notice{display:flex;align-items:flex-start;gap:.7em;padding:.75em 1em;border-radius:var(--ng-radius-md);background:#f2ece80b;border:1px solid var(--ng-hairline);color:var(--ng-text-2);font-size:clamp(.76rem,1.9vmin,.86rem);line-height:1.5}.shop-catalog-notice-icon{margin-block-start:.1em;color:var(--ng-text-3)}.shop-catalog-notice-lines{display:flex;flex-direction:column;gap:.2em;min-inline-size:0}.shop-catalog-notice-lines p{margin:0;word-break:keep-all;overflow-wrap:anywhere}.shop-weekly-status{display:flex;align-items:center;flex-wrap:wrap;gap:.25em .55em;margin:0;color:var(--ng-text-2);font-size:clamp(.76rem,1.9vmin,.86rem)}.shop-weekly-status .ng-icon{color:var(--ng-text-3)}.shop-weekly-status strong{color:var(--ng-text-1);font-variant-numeric:tabular-nums}.shop-weekly-status .shop-weekly-note{color:var(--ng-text-3)}.shop-weekly-status.is-reached .ng-icon,.shop-weekly-status.is-reached strong{color:var(--ng-action-text)}.shop-weekly-status.is-unlimited .ng-icon,.shop-weekly-status.is-unlimited>span:first-of-type{color:#f29ab5}.shop-page-panel{inline-size:100%;min-inline-size:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(clamp(10.25rem,16.5vw,13.5rem),1fr));gap:clamp(.55rem,1.8vmin,1rem);align-items:stretch}.shop-page-panel.luckybox-mode,.shop-page-panel.badges-mode,.shop-page-panel[data-shop-tab=etc]{display:block}.shop-empty{grid-column:1 / -1;margin:0;padding:clamp(1.5rem,6vmin,3rem) 1rem;border-radius:var(--ng-radius-lg);background:#f2ece808;border:1px dashed var(--ng-hairline);color:var(--ng-text-3);font-size:clamp(.85rem,2vmin,.95rem);text-align:center}.shop-card{position:relative;display:flex;flex-direction:column;gap:clamp(.4rem,1.2vmin,.6rem);min-inline-size:0;padding:clamp(.5rem,1.4vmin,.7rem) clamp(.5rem,1.4vmin,.7rem) clamp(.6rem,1.6vmin,.8rem);background:var(--ng-glass-2);border:1px solid var(--ng-hairline);border-radius:var(--ng-radius-lg);box-shadow:0 18px 40px -22px #000000e6,var(--ng-highlight);color:var(--ng-text-1);text-align:center;transition:border-color .22s ease,box-shadow .22s ease}@media(hover:hover){.shop-card:hover{border-color:var(--ng-hairline-strong)}}.shop-card.is-special{background:linear-gradient(180deg,#342646db,#241c28db)}.shop-card.is-equipped{border-color:#f2ece8b8;box-shadow:0 0 0 1px #f2ece847,0 22px 48px -24px #000000f2,var(--ng-highlight)}.shop-card.is-unavailable .shop-preview-sprite{filter:grayscale(1) brightness(.7);opacity:.7}.shop-card.is-unavailable .shop-name{color:var(--ng-text-2)}.shop-preview{position:relative;display:flex;align-items:flex-end;justify-content:center;inline-size:100%;block-size:clamp(8.25rem,25vmin,12rem);padding-block-end:clamp(.55rem,1.8vmin,.9rem);box-sizing:border-box;border-radius:calc(var(--ng-radius-lg) - .25rem);background:radial-gradient(46% 16% at 50% 88%,#ffe8ce38,#ffe8ce00),radial-gradient(62% 78% at 50% 100%,#ffe2c417,#ffe2c400),#0000004d;overflow:hidden}.shop-card.is-special .shop-preview{background:radial-gradient(46% 16% at 50% 88%,#c9aeff42,#c9aeff00),radial-gradient(62% 78% at 50% 100%,#b592ff1f,#b592ff00),#0000004d}.shop-preview:after{content:"";position:absolute;inset-inline-start:50%;inset-block-end:clamp(.45rem,1.5vmin,.75rem);inline-size:42%;block-size:9%;transform:translate(-50%);border-radius:50%;background:radial-gradient(closest-side,#0009,#0000);pointer-events:none}.shop-preview-sprite{position:relative;z-index:1;block-size:80%;inline-size:auto;max-inline-size:92%;aspect-ratio:1 / 1;background-size:400% 400%;background-repeat:no-repeat;background-position:0% 0%;image-rendering:pixelated;animation:shop-walk-down .7s step-end infinite}.shop-preview-sprite[data-shop-sprite-cols="3"]{animation-name:skin-walk-down-3}.shop-preview-sprite[data-shop-sprite-cols="1"]{animation:none}@keyframes shop-walk-down{0%{background-position:0% 0%}25%{background-position:33.333% 0%}50%{background-position:66.667% 0%}75%{background-position:100% 0%}}@keyframes skin-walk-down-3{0%{background-position:0% 0%}33%{background-position:50% 0%}66%{background-position:100% 0%}}.shop-card-chips{position:absolute;z-index:2;inset-block-start:.45rem;inset-inline:.45rem;display:flex;flex-wrap:wrap;gap:.25rem;pointer-events:none}.shop-chip{--chip-tint: rgba(242, 236, 232, 0);background:linear-gradient(var(--chip-tint),var(--chip-tint)),#120e10d1;box-shadow:inset 0 0 0 1px var(--ng-hairline);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:var(--ng-text-2);line-height:1.2}.shop-chip .ng-icon{stroke-width:2.4}.shop-chip[data-tone=equipped]{background:#f2ece8f0;color:#141013;box-shadow:none}.shop-chip[data-tone=owned]{--chip-tint: rgba(242, 236, 232, .1);color:var(--ng-text-1)}.shop-chip[data-tone=rental]{--chip-tint: rgba(106, 176, 255, .16);color:var(--ng-cat-mob-text)}.shop-chip[data-tone=soldout]{color:var(--ng-text-3)}.shop-chip[data-tone=rare]{--chip-tint: rgba(181, 146, 255, .2);color:var(--ng-cat-rare-text)}.shop-chip[data-tone=gold]{--chip-tint: rgba(244, 201, 93, .18);color:var(--ng-cat-gold-text)}.shop-chip[data-tone=new]{--chip-tint: rgba(60, 207, 184, .16);color:var(--ng-cat-sur-text)}.shop-chip[data-tone=gems]{--chip-tint: rgba(224, 85, 127, .2);color:#f29ab5}.shop-chip[data-tone=empty]{color:var(--ng-text-3)}.shop-meta{display:flex;flex-direction:column;align-items:center;gap:.2rem;min-inline-size:0}.shop-name{margin:0;max-inline-size:100%;font-family:var(--ng-font-display);font-weight:400;font-size:clamp(1rem,2.6vmin,1.28rem);line-height:1.15;color:var(--ng-text-1);word-break:keep-all;overflow-wrap:anywhere}.shop-price{display:flex;align-items:baseline;justify-content:center;flex-wrap:wrap;gap:.15em .5em;margin:0}.shop-costs{display:inline-flex;align-items:center;gap:.6em}.shop-cost{display:inline-flex;align-items:center;gap:.25em}.shop-cost-icon{inline-size:1.25em;block-size:1.25em;object-fit:contain;image-rendering:pixelated;align-self:center}.shop-cost-amount,.shop-cost-free{font-weight:700;font-variant-numeric:tabular-nums;color:var(--ng-text-1)}.shop-price .shop-costs{font-size:clamp(.95rem,2.4vmin,1.1rem)}.shop-price-offer{font-size:clamp(.7rem,1.7vmin,.78rem);letter-spacing:.02em;color:var(--ng-text-3)}.shop-price.is-unavailable .shop-price-offer{font-size:clamp(.8rem,2vmin,.9rem);font-weight:600;color:var(--ng-text-2)}.shop-price-alt{display:flex;align-items:center;justify-content:center;gap:.45em;margin:0;font-size:clamp(.72rem,1.8vmin,.8rem);color:var(--ng-text-3)}.shop-price-alt .shop-cost-amount{color:var(--ng-text-2);font-weight:600}.shop-price-detail,.shop-desc{margin:0;font-size:clamp(.7rem,1.7vmin,.78rem);line-height:1.45;letter-spacing:.01em;color:var(--ng-text-3);word-break:keep-all;overflow-wrap:anywhere}.shop-desc{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:5;overflow:hidden}.shop-page button:is(.ng-btn,.shop-action-btn):not([role=tab]){display:inline-flex;align-items:center;justify-content:center;gap:.45em;inline-size:100%;max-inline-size:none;min-inline-size:0;min-block-size:2.75rem;padding:0 .9em;border:0;border-radius:var(--ng-radius-md);background:#f2ece81a;box-shadow:inset 0 0 0 1px var(--ng-hairline-strong);color:var(--ng-text-1);font-family:var(--ng-font-body);font-size:clamp(.82rem,2vmin,.95rem);font-weight:700;letter-spacing:0;line-height:1.2;white-space:nowrap;filter:none;transform:none;cursor:pointer;transition:transform var(--ng-press-ms) ease-out,background-color .18s ease,color .18s ease,box-shadow .18s ease,opacity .18s ease}.shop-page button:is(.ng-btn,.shop-action-btn):not([role=tab]):hover{filter:none;transform:none}.shop-page button:is(.ng-btn,.shop-action-btn):not([role=tab]):hover:not(:disabled){background:#f2ece829}.shop-page button:is(.ng-btn,.shop-action-btn):not([role=tab]):active:not(:disabled){transform:scale(.97)}.shop-page button:is(.ng-btn,.shop-action-btn):not([role=tab]):focus-visible{outline:2px solid var(--ng-text-1);outline-offset:3px}.shop-page button.ng-btn--primary:not([role=tab]){background:var(--ng-action);box-shadow:0 12px 28px -12px var(--ng-action-glow);color:#fff}.shop-page button.ng-btn--primary:not([role=tab]):hover:not(:disabled){background:var(--ng-action-hover)}@media(hover:hover){.shop-page button.shop-buy-btn:not([role=tab]):hover:not(:disabled){box-shadow:inset 0 0 0 1px #ff6b4a8c;color:var(--ng-action-text)}}.shop-page button.shop-buy-btn:not([role=tab]):active:not(:disabled){background:var(--ng-action);box-shadow:0 12px 28px -12px var(--ng-action-glow);color:#fff}.shop-page button.ng-btn--ghost:not([role=tab]){background:transparent;box-shadow:none;color:var(--ng-text-2)}.shop-page button.ng-btn--ghost:not([role=tab]):hover:not(:disabled){background:#f2ece80f;color:var(--ng-text-1)}.shop-page button:is(.ng-btn,.shop-action-btn):not([role=tab]):disabled{background:#f2ece80f;box-shadow:inset 0 0 0 1px var(--ng-hairline);color:var(--ng-text-2);opacity:.7;cursor:default}.shop-page button.shop-action-btn--blocked:not([role=tab]),.shop-page button.shop-action-btn--blocked:not([role=tab]):disabled{background:transparent;box-shadow:inset 0 0 0 1px #f2ece833;color:var(--ng-text-3);opacity:1}.shop-page button.shop-action-btn--status:not([role=tab]):disabled{background:#f2ece814;box-shadow:none;color:var(--ng-text-2);opacity:1}.shop-page button.is-pending:not([role=tab]):disabled{opacity:.85}.shop-action-label{min-inline-size:0;white-space:normal;word-break:keep-all;overflow-wrap:anywhere;text-wrap:balance}.shop-page button.shop-action-btn:not([role=tab]){padding-block:.35em}.shop-page button:is(.ng-btn,.shop-action-btn)>*{pointer-events:none}.shop-card>.shop-action-btn,.shop-card>.shop-action-row{margin-block-start:auto}.shop-action-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:.35rem;inline-size:100%}.shop-page .shop-action-row button:is(.ng-btn,.shop-action-btn):not([role=tab]){padding-inline:.5em;font-size:clamp(.76rem,1.9vmin,.9rem)}.luckybox-layout{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:clamp(.6rem,2vmin,1.1rem);inline-size:100%;max-inline-size:72rem;margin-inline:auto;align-items:start}.luckybox-main,.luckybox-side{display:flex;flex-direction:column;gap:clamp(.6rem,2vmin,1rem);min-inline-size:0}.luckybox-card{display:flex;flex-direction:column;align-items:center;gap:clamp(.55rem,1.6vmin,.85rem);padding:clamp(.7rem,2vmin,1.1rem);border-radius:var(--ng-radius-lg);text-align:center}.luckybox-stage{position:relative;display:grid;place-items:center;inline-size:100%;block-size:clamp(9rem,30vmin,14rem);border-radius:calc(var(--ng-radius-lg) - .25rem);background:radial-gradient(40% 16% at 50% 84%,#c9aeff47,#c9aeff00),radial-gradient(60% 80% at 50% 100%,#b592ff1f,#b592ff00),#0000004d;overflow:hidden}.luckybox-card-badge{position:absolute;inset-block-start:.55rem;inset-inline-start:.55rem}.luckybox-card-art .shop-badge{inline-size:clamp(5.25rem,18vmin,7.5rem);block-size:auto}.luckybox-card-title{font-family:var(--ng-font-display);font-size:clamp(1.15rem,3.2vmin,1.6rem);line-height:1.15;color:var(--ng-text-1);word-break:keep-all}.luckybox-card-desc{font-size:clamp(.8rem,2vmin,.92rem);line-height:1.5;color:var(--ng-text-2);word-break:keep-all;overflow-wrap:anywhere}.shop-page button.luckybox-buy-btn:not([role=tab]){min-block-size:3.25rem;font-size:clamp(.95rem,2.4vmin,1.1rem)}.luckybox-buy-btn .shop-cost-amount{color:inherit}.luckybox-buy-hint{display:inline-flex;align-items:center;gap:.4em;color:var(--ng-text-3);font-size:clamp(.74rem,1.8vmin,.84rem)}.luckybox-info-card{display:flex;flex-direction:column;gap:clamp(.45rem,1.4vmin,.7rem);padding:clamp(.7rem,2vmin,1rem);border-radius:var(--ng-radius-lg);color:var(--ng-text-2);text-align:start}.luckybox-info-title{display:flex;align-items:center;gap:.5em;font-size:clamp(.9rem,2.2vmin,1rem);font-weight:700;color:var(--ng-text-1)}.luckybox-info-title .ng-icon{color:var(--ng-text-3)}.luckybox-prob-list{display:flex;flex-direction:column;gap:.3rem}.luckybox-prob-row{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:.65rem;padding:.5rem .65rem;border-radius:var(--ng-radius-sm);background:#f2ece809}.luckybox-prob-icon{display:grid;place-items:center;inline-size:1.6rem;color:var(--ng-text-3)}.luckybox-prob-icon .shop-cost-icon{inline-size:1.35rem;block-size:1.35rem}.luckybox-prob-row[data-type=skin_token] .luckybox-prob-icon{color:var(--ng-cat-rare-text)}.luckybox-prob-name{display:flex;flex-direction:column;gap:.1rem;min-inline-size:0}.luckybox-prob-name strong{font-size:clamp(.82rem,2vmin,.92rem);color:var(--ng-text-1);font-weight:600}.luckybox-prob-name span,.luckybox-prob-value span{font-size:clamp(.68rem,1.6vmin,.76rem);color:var(--ng-text-3);word-break:keep-all;overflow-wrap:anywhere}.luckybox-prob-value{display:flex;flex-direction:column;align-items:flex-end;gap:.1rem;text-align:end}.luckybox-prob-value strong{font-variant-numeric:tabular-nums;color:var(--ng-text-1);font-size:clamp(.85rem,2.1vmin,.95rem)}.luckybox-selector-row{display:flex;flex-direction:column;gap:.4rem;padding:.6rem .7rem;border-radius:var(--ng-radius-md);background:#f2ece80a}.luckybox-selector-head{display:flex;align-items:center;justify-content:space-between;gap:.5rem;flex-wrap:wrap;color:var(--ng-text-1)}.luckybox-selector-meta{display:flex;flex-wrap:wrap;gap:0 .4em;margin:0;font-size:clamp(.74rem,1.8vmin,.84rem);color:var(--ng-text-3)}.luckybox-selector-meta>span+span:before{content:"·";margin-inline-end:.4em}.luckybox-selector-row .luckybox-modal-actions{margin:0}.luckybox-guide-list{display:flex;flex-direction:column;gap:.4rem;margin:0;padding:0;list-style:none}.luckybox-guide-list li{display:flex;align-items:center;gap:.55em;font-size:clamp(.78rem,1.9vmin,.88rem);line-height:1.45;word-break:keep-all}.luckybox-guide-list .ng-icon{color:var(--ng-text-3)}.luckybox-guide-list strong{color:var(--ng-text-1)}.luckybox-overlay{position:fixed;inset:0;z-index:1000;display:grid;padding:max(clamp(.75rem,3vmin,1.5rem),env(safe-area-inset-top,0px)) max(clamp(.75rem,3vmin,1.5rem),env(safe-area-inset-right,0px)) max(clamp(.75rem,3vmin,1.5rem),env(safe-area-inset-bottom,0px)) max(clamp(.75rem,3vmin,1.5rem),env(safe-area-inset-left,0px));background:var(--ng-scrim);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);overflow-y:auto;overscroll-behavior:contain;color:var(--ng-text-1);font-family:var(--ng-font-body)}.luckybox-overlay.hidden{display:none}.luckybox-modal,.luckybox-result-card,.luckybox-picker-modal{position:relative;inline-size:min(100%,28rem);box-sizing:border-box;margin:auto;padding:clamp(1rem,3vmin,1.5rem);border-radius:var(--ng-radius-lg);color:var(--ng-text-1);animation:shop-materialize var(--ng-panel-ms) var(--ng-ease) both}.luckybox-picker-modal{inline-size:min(100%,36rem)}.luckybox-modal-head{display:flex;align-items:center;justify-content:space-between;gap:.75rem;margin-block-end:.75rem}.luckybox-modal-head h2{display:flex;align-items:center;gap:.5em;margin:0;font-family:var(--ng-font-display);font-weight:400;font-size:clamp(1.15rem,3vmin,1.45rem);color:var(--ng-text-1)}.luckybox-modal-body{margin:0 0 .6rem;font-size:clamp(.85rem,2vmin,.95rem);line-height:1.55;color:var(--ng-text-2);word-break:keep-all}.luckybox-modal-body strong{color:var(--ng-text-1)}.luckybox-confirm-cost{display:flex;align-items:center;justify-content:center;gap:.4em;margin:.2rem 0 .8rem;padding:.7rem;border-radius:var(--ng-radius-md);background:#00000047;font-size:clamp(1.3rem,3.6vmin,1.7rem)}.luckybox-confirm-cost strong{font-variant-numeric:tabular-nums;color:var(--ng-text-1)}.luckybox-modal-meta{margin:0;font-size:clamp(.76rem,1.8vmin,.84rem);color:var(--ng-text-3)}.luckybox-modal-actions{display:flex;justify-content:flex-end;flex-wrap:wrap;gap:.5rem;margin-block-start:clamp(.8rem,2.4vmin,1.2rem)}.luckybox-modal-actions>.ng-btn{flex:1 1 8rem}.luckybox-overlay .ng-btn{min-block-size:2.75rem}.luckybox-btn-close.ng-btn--icon{flex:0 0 auto;color:var(--ng-text-2)}.luckybox-result-card{text-align:center;overflow:hidden}.luckybox-result-anim{display:grid;place-items:center;margin-block:.25rem .6rem}.luckybox-result-icon{display:grid;place-items:center}.luckybox-result-icon .shop-badge{inline-size:clamp(4.75rem,16vmin,6rem);block-size:auto}.luckybox-result-tier:empty{display:none}.luckybox-result-headline{margin:.55rem 0 .35rem;font-family:var(--ng-font-display);font-weight:400;font-size:clamp(1.3rem,3.6vmin,1.75rem);line-height:1.15;color:var(--ng-text-1)}.luckybox-result-skin_token .luckybox-result-headline{color:var(--ng-cat-rare-text)}.luckybox-result-gold .luckybox-result-headline{color:var(--ng-cat-gold-text)}.luckybox-result-none .luckybox-result-headline{color:var(--ng-text-2)}.luckybox-result-sub{margin:0;font-size:clamp(.82rem,2vmin,.92rem);line-height:1.5;color:var(--ng-text-2)}.luckybox-result-flash{position:absolute;inset:0;pointer-events:none;opacity:0;background:radial-gradient(circle at 50% 28%,#ffffff8c,#fff0 62%)}.luckybox-anim-active .luckybox-result-flash{animation:shop-flash .64s ease-out .22s both}.luckybox-anim-active .luckybox-result-none .luckybox-result-flash{animation:none}.luckybox-anim-active .luckybox-result-icon{animation:shop-reveal .42s var(--ng-ease) .16s both}.luckybox-anim-active :is(.luckybox-result-tier,.luckybox-result-headline,.luckybox-result-sub,.luckybox-modal-actions){animation:shop-rise .36s var(--ng-ease) .38s both}.luckybox-picker-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(clamp(6.5rem,20vmin,8.5rem),1fr));gap:.55rem;max-block-size:clamp(12rem,48vh,26rem);margin:.6rem 0;padding:.2rem;overflow-y:auto}.luckybox-picker-cell{position:relative;display:flex;flex-direction:column;align-items:center;gap:.35rem;padding:.5rem;border:1px solid var(--ng-hairline);border-radius:var(--ng-radius-md);background:var(--ng-glass-2);color:var(--ng-text-1);font-family:var(--ng-font-body);cursor:pointer;transition:transform var(--ng-move-ms) var(--ng-ease),border-color .18s ease,box-shadow .18s ease,opacity .18s ease}.luckybox-picker-cell:active:not(:disabled){transform:scale(.97);transition-duration:var(--ng-press-ms)}.luckybox-picker-cell:focus-visible{outline:2px solid var(--ng-text-1);outline-offset:3px}.luckybox-picker-cell.selected{border-color:#f2ece8cc;box-shadow:0 0 0 1px #f2ece84d,0 16px 36px -18px #000000e6;transform:translateY(-4px)}.luckybox-picker-cell.owned,.luckybox-picker-cell:disabled{opacity:.45;cursor:default}.luckybox-picker-stage{display:grid;place-items:center;inline-size:100%;block-size:clamp(4.5rem,14vmin,6rem);border-radius:var(--ng-radius-sm);background:radial-gradient(50% 20% at 50% 86%,#c9aeff3d,#c9aeff00),#00000047}.luckybox-picker-art{inline-size:80%;block-size:80%;object-fit:contain;image-rendering:pixelated}.luckybox-picker-art.empty{background:#0000004d;border-radius:var(--ng-radius-sm)}.luckybox-picker-name{font-size:clamp(.78rem,1.9vmin,.88rem);font-weight:600;text-align:center;word-break:keep-all}.luckybox-picker-owned{font-size:.7rem}@media(max-width:720px)and (orientation:portrait){.luckybox-layout{grid-template-columns:minmax(0,1fr)}}.badge-crest-collection{display:flex;flex-direction:column;gap:clamp(1rem,3vmin,1.6rem);inline-size:100%}.badge-crest-section,.crest-collection-section{display:flex;flex-direction:column;gap:clamp(.5rem,1.5vmin,.8rem);inline-size:100%}.inventory-section-head{display:flex;align-items:baseline;gap:.6rem}.inventory-section-title{margin:0;font-family:var(--ng-font-display);font-weight:400;font-size:clamp(1.1rem,2.8vmin,1.4rem);color:var(--ng-text-1)}.inventory-section-count{font-size:clamp(.76rem,1.8vmin,.84rem);color:var(--ng-text-3);font-variant-numeric:tabular-nums}.badge-grid,.inventory-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(clamp(9.25rem,14.5vw,11.5rem),1fr));gap:clamp(.5rem,1.6vmin,.85rem)}.badge-card{position:relative;display:flex;flex-direction:column;align-items:center;gap:.35rem;min-inline-size:0;padding:clamp(.5rem,1.4vmin,.7rem) clamp(.5rem,1.4vmin,.7rem) clamp(.6rem,1.6vmin,.8rem);background:var(--ng-glass-2);border:1px solid var(--ng-hairline);border-radius:var(--ng-radius-lg);box-shadow:0 18px 40px -22px #000000e6,var(--ng-highlight);text-align:center}.badge-card.equipped{border-color:#f2ece8b8;box-shadow:0 0 0 1px #f2ece847,0 22px 48px -24px #000000f2,var(--ng-highlight)}.badge-card-icon-wrap{display:grid;place-items:center;inline-size:100%;block-size:clamp(4.5rem,13vmin,6rem);border-radius:calc(var(--ng-radius-lg) - .25rem);background:radial-gradient(46% 22% at 50% 82%,#ffe8ce2e,#ffe8ce00),#0000004d}.badge-card-icon{max-inline-size:64%;max-block-size:72%;image-rendering:pixelated}.badge-card.locked .badge-card-icon{filter:grayscale(1) brightness(.6);opacity:.8}.badge-card-name{font-family:var(--ng-font-display);font-weight:400;font-size:clamp(.92rem,2.3vmin,1.08rem);line-height:1.2;color:var(--ng-text-1);word-break:keep-all}.badge-card.locked .badge-card-name{color:var(--ng-text-2)}.badge-card-desc{font-size:clamp(.68rem,1.6vmin,.76rem);line-height:1.4;color:var(--ng-text-3);word-break:keep-all;overflow-wrap:anywhere;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden}.badge-card-progress{inline-size:88%;block-size:.375rem;border-radius:.2rem;background:#f2ece81f;overflow:hidden}.badge-card-progress-fill{block-size:100%;border-radius:inherit;background:var(--ng-text-2)}.badge-card-progress-label{font-size:clamp(.66rem,1.5vmin,.74rem);color:var(--ng-text-3);font-variant-numeric:tabular-nums}.shop-page button.badge-card-equip:not([role=tab]){margin-block-start:auto}.badge-card-locked-tag{margin-block-start:auto}.badge-card .emblem-equipped-label.shop-chip,.shop-card .emblem-equipped-label{position:absolute;z-index:2;inset-block-start:.45rem;inset-inline-start:.45rem}.badge-collection-notice{display:flex;align-items:center;justify-content:center;gap:.5em;margin:.8rem 0 0;font-size:clamp(.72rem,1.7vmin,.8rem);color:var(--ng-text-3);text-align:center;word-break:keep-all}.crest-card .shop-preview{block-size:clamp(5rem,15vmin,6.5rem);align-items:center;padding:0}.crest-card .shop-preview:after{display:none}.inventory-preview-image{max-inline-size:80%;max-block-size:80%;object-fit:contain;image-rendering:pixelated}.inventory-badges{display:flex;flex-wrap:wrap;justify-content:center;gap:.25rem}.inventory-badge{display:inline-flex;align-items:center;padding:.2em .6em;border-radius:999px;background:#f2ece814;color:var(--ng-text-2);font-size:clamp(.66rem,1.5vmin,.74rem);font-weight:600}.shop-card .emblem-equipped-label:not(.shop-chip){padding:.25em .7em;border-radius:999px;background:#f2ece8f0;color:#141013;font-size:clamp(.68rem,1.6vmin,.76rem);font-weight:700}@keyframes shop-materialize{0%{opacity:0;transform:scale(.96);filter:blur(6px)}to{opacity:1;transform:none;filter:none}}@keyframes shop-reveal{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:none}}@keyframes shop-rise{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}@keyframes shop-flash{0%{opacity:0}18%{opacity:1}to{opacity:0}}@media(max-height:500px){.shop-page{gap:.45rem}.shop-catalog-notice{padding:.5em .75em;font-size:.72rem;line-height:1.4}.shop-page-panel{grid-template-columns:repeat(auto-fill,minmax(clamp(8.75rem,21vw,11rem),1fr));gap:.5rem}.shop-card{gap:.3rem;padding:.4rem .4rem .5rem}.shop-preview{block-size:clamp(5.75rem,26vmin,7rem);padding-block-end:.45rem}.shop-card-chips{inset-block-start:.3rem;inset-inline:.3rem;gap:.2rem}.shop-chip{font-size:.64rem;padding:.2em .55em}.shop-name{font-size:.95rem}.shop-price .shop-costs{font-size:.92rem}.shop-desc{display:none}.shop-price-detail{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;overflow:hidden;font-size:.66rem}.shop-page button:is(.ng-btn,.shop-action-btn):not([role=tab]){font-size:.8rem}.shop-page .shop-action-row button:is(.ng-btn,.shop-action-btn):not([role=tab]){font-size:.74rem;padding-inline:.35em;gap:.3em}.shop-page .shop-action-row button .ng-icon{display:none}.luckybox-stage{block-size:clamp(6.5rem,30vmin,8rem)}.luckybox-card{gap:.45rem;padding:.6rem}.luckybox-modal,.luckybox-result-card,.luckybox-picker-modal{padding:.85rem 1rem}.luckybox-result-anim{margin-block:0 .25rem}.luckybox-picker-grid{max-block-size:clamp(7rem,38vh,11rem)}.badge-card-icon-wrap{block-size:clamp(3.75rem,16vmin,4.75rem)}}@media(prefers-reduced-motion:reduce){.shop-preview-sprite{animation:none}.shop-page button:is(.ng-btn,.shop-action-btn):not([role=tab]):active:not(:disabled){transform:none}.luckybox-modal,.luckybox-result-card,.luckybox-picker-modal{animation:shop-fade .2s ease both}.luckybox-anim-active .luckybox-result-flash{animation:none}.luckybox-anim-active .luckybox-result-icon,.luckybox-anim-active :is(.luckybox-result-tier,.luckybox-result-headline,.luckybox-result-sub,.luckybox-modal-actions){animation:shop-fade .2s ease both}.luckybox-picker-cell,.luckybox-picker-cell.selected{transition:opacity .2s ease,border-color .2s ease;transform:none}}@keyframes shop-fade{0%{opacity:0}to{opacity:1}}@media(prefers-contrast:more){.shop-card,.badge-card,.luckybox-picker-cell{border-color:#ffffff73}.shop-price-offer,.shop-price-detail,.shop-desc,.badge-card-desc{color:var(--ng-text-2)}}.shop-badge{display:block;flex-shrink:0;overflow:visible}.shop-badge__shape{stroke-width:2;stroke-linejoin:round;fill:#f2ece814;stroke:#f2ece866}.shop-badge__shape--empty{fill:none;stroke:#f2ece84d;stroke-dasharray:5 5}.shop-badge__glyph{fill:none;stroke:var(--ng-text-2);stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.shop-badge[data-tone=rare] .shop-badge__shape,.shop-badge[data-tone=tier-gold] .shop-badge__shape{fill:#b592ff29;stroke:#b592ffa6}.shop-badge[data-tone=rare] .shop-badge__glyph,.shop-badge[data-tone=tier-gold] .shop-badge__glyph{stroke:var(--ng-cat-rare-text)}.shop-badge[data-tone=gold] .shop-badge__shape,.shop-badge[data-tone=tier-rainbow] .shop-badge__shape{fill:#f4c95d29;stroke:#f4c95db3}.shop-badge[data-tone=gold] .shop-badge__glyph,.shop-badge[data-tone=tier-rainbow] .shop-badge__glyph{stroke:var(--ng-cat-gold-text)}.shop-badge[data-tone=gems] .shop-badge__shape{fill:#e0557f29;stroke:#e0557f99}.shop-badge[data-tone=gems] .shop-badge__glyph{stroke:#f29ab5}.shop-badge[data-tone=tier-bronze] .shop-badge__shape{fill:#3ccfb824;stroke:#3ccfb899}.shop-badge[data-tone=tier-bronze] .shop-badge__glyph{stroke:var(--ng-cat-sur-text)}.shop-badge[data-tone=tier-silver] .shop-badge__shape{fill:#6ab0ff24;stroke:#6ab0ff99}.shop-badge[data-tone=tier-silver] .shop-badge__glyph{stroke:var(--ng-cat-mob-text)}.shop-badge[data-tone=owned] .shop-badge__shape{fill:#f2ece81a;stroke:#f2ece88c}.shop-badge[data-tone=owned] .shop-badge__glyph{stroke:var(--ng-text-1)}:is(.shop-badge[data-tone=empty],.shop-badge[data-tone=tier-empty]) .shop-badge__glyph{stroke:var(--ng-text-3)}.shop-chip[data-tone=tier-empty]{color:var(--ng-text-3)}.shop-chip[data-tone=tier-bronze]{--chip-tint: rgba(60, 207, 184, .16);color:var(--ng-cat-sur-text)}.shop-chip[data-tone=tier-silver]{--chip-tint: rgba(106, 176, 255, .16);color:var(--ng-cat-mob-text)}.shop-chip[data-tone=tier-gold]{--chip-tint: rgba(181, 146, 255, .2);color:var(--ng-cat-rare-text)}.shop-chip[data-tone=tier-rainbow]{--chip-tint: rgba(244, 201, 93, .18);color:var(--ng-cat-gold-text)}.shop-etc-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-areas:"gacha gacha" "coupon skinkey" "nick exchange";gap:clamp(.6rem,2vmin,1rem);inline-size:100%;max-inline-size:72rem;margin-inline:auto;align-items:stretch}.shop-gacha-card{grid-area:gacha}.shop-exp-coupon-card{grid-area:coupon}.shop-skin-key-card{grid-area:skinkey}.shop-nickname-card{grid-area:nick}.shop-exchange-card{grid-area:exchange}.shop-etc-card{display:flex;flex-direction:column;gap:clamp(.5rem,1.5vmin,.8rem);min-inline-size:0;padding:clamp(.8rem,2.4vmin,1.25rem);border-radius:var(--ng-radius-lg);color:var(--ng-text-1);text-align:start}.shop-etc-head{display:flex;align-items:center;gap:.6rem}.shop-etc-icon{display:grid;place-items:center;inline-size:clamp(2.1rem,6vmin,2.5rem);block-size:clamp(2.1rem,6vmin,2.5rem);border-radius:999px;background:#f2ece814;color:var(--ng-text-1)}.shop-etc-icon[data-tone=gems]{background:#e0557f29;color:#f29ab5}.shop-etc-title{margin:0;font-family:var(--ng-font-display);font-weight:400;font-size:clamp(1.1rem,2.8vmin,1.4rem);line-height:1.15;color:var(--ng-text-1)}.shop-etc-price{display:flex;align-items:center;flex-wrap:wrap;gap:.5em;margin:0;font-size:clamp(.95rem,2.4vmin,1.1rem)}.shop-exchange-arrow{color:var(--ng-text-3)}.shop-etc-desc{display:flex;flex-wrap:wrap;align-items:baseline;gap:.25em .5em;margin:0;font-size:clamp(.8rem,2vmin,.9rem);line-height:1.5;color:var(--ng-text-2);word-break:keep-all;overflow-wrap:anywhere}.shop-etc-desc strong{color:var(--ng-text-1);font-weight:700}.shop-etc-note{margin:0;font-size:clamp(.7rem,1.7vmin,.78rem);line-height:1.45;color:var(--ng-text-3);word-break:keep-all}.shop-exchange-note{color:var(--ng-text-2);font-variant-numeric:tabular-nums}.shop-etc-card>.shop-etc-action-btn{margin-block-start:auto}.shop-exchange-row{display:flex;gap:.45rem;inline-size:100%;margin-block-start:auto}.shop-exchange-count{flex:0 0 clamp(4.25rem,12vmin,5.25rem);min-inline-size:0;min-block-size:2.75rem;box-sizing:border-box;padding:0 .6em;border:1px solid var(--ng-hairline-strong);border-radius:var(--ng-radius-md);background:#0000004d;color:var(--ng-text-1);font-family:var(--ng-font-body);font-size:1rem;font-weight:700;font-variant-numeric:tabular-nums;text-align:center}.shop-exchange-count:focus-visible{outline:2px solid var(--ng-text-1);outline-offset:2px}.shop-exchange-row .shop-etc-action-btn{flex:1 1 auto}.gem-item-status-row{display:flex;flex-wrap:wrap;gap:.35rem}.gem-item-chip[data-tone=active],.gem-item-status[data-tone=active]{--chip-tint: rgba(60, 207, 184, .16);color:var(--ng-cat-sur-text)}.shop-chip.gem-item-chip{white-space:normal}.gem-item-btn-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,7.5rem),1fr));gap:.45rem;margin-block-start:auto}.gem-item-btn-row .shop-etc-action-btn{min-inline-size:0}.shop-page .gem-item-btn-row button:is(.ng-btn,.shop-action-btn):not([role=tab]){white-space:normal}.gacha-kind-note{color:var(--ng-text-2)}.gacha-container{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);grid-template-areas:"info odds" "btns odds";align-items:start;gap:clamp(.6rem,1.8vmin,.9rem) clamp(.9rem,3vmin,1.6rem)}.gacha-info{grid-area:info;display:flex;flex-direction:column;gap:clamp(.45rem,1.4vmin,.7rem)}.gacha-odds-block{grid-area:odds;display:flex;flex-direction:column;gap:.45rem;min-inline-size:0}.gacha-gems-display{display:flex;align-items:center;gap:.6em;margin:0;font-size:clamp(.82rem,2vmin,.92rem);color:var(--ng-text-3)}.gacha-gems-display .shop-costs{font-size:clamp(.95rem,2.4vmin,1.1rem)}.gacha-desc{margin:0;font-size:clamp(.82rem,2vmin,.92rem);line-height:1.5;color:var(--ng-text-2);word-break:keep-all}.gacha-odds{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:.35rem;margin:0;padding:0;list-style:none}.gacha-odds-cell{display:flex;flex-direction:column;align-items:center;gap:.15rem;padding:clamp(.5rem,1.8vmin,.9rem) .25rem;border-radius:var(--ng-radius-md);background:#00000042;border:1px solid var(--ng-hairline);text-align:center}.gacha-odds-cell .shop-badge{inline-size:clamp(1.7rem,6.5vmin,2.9rem);block-size:auto;margin-block-end:.2rem}.gacha-odds-tier{font-size:clamp(.68rem,1.8vmin,.82rem);font-weight:700;color:var(--ng-text-2)}.gacha-odds-cell[data-tier=bronze] .gacha-odds-tier{color:var(--ng-cat-sur-text)}.gacha-odds-cell[data-tier=silver] .gacha-odds-tier{color:var(--ng-cat-mob-text)}.gacha-odds-cell[data-tier=gold] .gacha-odds-tier{color:var(--ng-cat-rare-text)}.gacha-odds-cell[data-tier=rainbow] .gacha-odds-tier{color:var(--ng-cat-gold-text)}.gacha-odds-gems{font-size:clamp(.66rem,1.6vmin,.74rem);color:var(--ng-text-3)}.gacha-odds-rate{font-size:clamp(.85rem,2.4vmin,1.1rem);font-variant-numeric:tabular-nums;color:var(--ng-text-1)}.gacha-odds-link{display:inline-flex;align-items:center;gap:.35em;align-self:flex-start;font-size:clamp(.72rem,1.7vmin,.8rem);color:var(--ng-text-3);text-decoration:underline;text-underline-offset:.18em}.gacha-odds-link:hover{color:var(--ng-text-1)}.gacha-odds-link:focus-visible{outline:2px solid var(--ng-text-1);outline-offset:3px;border-radius:.25rem}.gacha-btn-row{grid-area:btns;align-self:end;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem}.gacha-btn-row--single{grid-template-columns:minmax(0,1fr)}.shop-page .gacha-btn-row button:is(.ng-btn,.shop-action-btn):not([role=tab]){min-block-size:3rem;white-space:normal}.shop-effect-overlay{position:fixed;inset:0;z-index:80;display:grid;box-sizing:border-box;min-block-size:100svh;min-block-size:100dvh;padding:max(clamp(.6rem,2.4vmin,1.4rem),env(safe-area-inset-top,0px)) max(clamp(.6rem,2.4vmin,1.4rem),env(safe-area-inset-right,0px)) max(clamp(.6rem,2.4vmin,1.4rem),env(safe-area-inset-bottom,0px)) max(clamp(.6rem,2.4vmin,1.4rem),env(safe-area-inset-left,0px));background:var(--ng-scrim);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:var(--ng-text-1);font-family:var(--ng-font-body);overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;cursor:pointer;animation:gacha-scrim-in .2s ease-out both}.shop-buy-effect{pointer-events:none;cursor:default}.gacha-effect-fade{opacity:0;transition:opacity .5s ease-out}.gacha-flash{position:fixed;inset:0;pointer-events:none;opacity:0;background:radial-gradient(circle at 50% 45%,rgba(255,255,255,var(--flash-peak, .4)),#fff0 58%);animation:gacha-flash .68s ease-out .14s both}.gacha-effect[data-tier=empty] .gacha-flash{display:none}.gacha-effect[data-tier=bronze] .gacha-flash{--flash-peak: .28}.gacha-effect[data-tier=silver] .gacha-flash{--flash-peak: .4}.gacha-effect[data-tier=gold] .gacha-flash{--flash-peak: .55;background:radial-gradient(circle at 50% 45%,#d6c4ff99,#b592ff00 60%)}.gacha-effect[data-tier=rainbow] .gacha-flash{background:radial-gradient(circle at 50% 45%,#fff0c8d9,#f4c95d00 64%)}.gacha-result-display{position:relative;display:flex;flex-direction:column;align-items:center;gap:clamp(.3rem,1vmin,.5rem);min-inline-size:min(100%,17rem);box-sizing:border-box;padding:clamp(1rem,3.4vmin,1.75rem) clamp(1.4rem,5vmin,2.6rem);margin:auto;border-radius:var(--ng-radius-lg);text-align:center;animation:gacha-materialize var(--ng-panel-ms) var(--ng-ease) both}.gacha-result-badge{display:grid;place-items:center;animation:gacha-reveal .42s var(--ng-ease) .14s both}.gacha-result-badge .shop-badge{inline-size:clamp(4.5rem,15vmin,6rem);block-size:auto}.gacha-gem-count{display:inline-flex;align-items:center;gap:.25em;font-family:var(--ng-font-display);font-size:clamp(1.8rem,6.5vmin,2.8rem);line-height:1.05;color:var(--ng-text-1);font-variant-numeric:tabular-nums;word-break:keep-all}.gacha-gem-icon{color:#f29ab5}.gacha-effect[data-tier=empty] .gacha-gem-count{color:var(--ng-text-2);font-size:clamp(1.4rem,5vmin,2.1rem)}.gacha-gem-label{font-size:clamp(.85rem,2.1vmin,.98rem);color:var(--ng-text-2)}.gacha-dismiss-hint{margin-block-start:.25rem;font-size:clamp(.68rem,1.6vmin,.76rem);letter-spacing:.02em;color:var(--ng-text-3)}.gacha-result-display>:is(.gacha-tier-label,.gacha-gem-count,.gacha-gem-label,.gacha-dismiss-hint){animation:gacha-rise .34s var(--ng-ease) .32s both}.gacha-x10-panel{display:flex;flex-direction:column;align-items:center;gap:clamp(.5rem,1.8vmin,.9rem);inline-size:min(100%,42rem);box-sizing:border-box;margin:auto;padding:clamp(.8rem,2.8vmin,1.4rem) clamp(.8rem,3vmin,1.6rem);border-radius:var(--ng-radius-lg);animation:gacha-materialize var(--ng-panel-ms) var(--ng-ease) both}.gacha-x10-header{display:flex;flex-direction:column;align-items:center;gap:.2rem;text-align:center}.gacha-x10-header .gacha-gem-count{font-size:clamp(1.6rem,5.5vmin,2.4rem)}.gacha-x10-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:clamp(.3rem,1vmin,.5rem);inline-size:100%}.gacha-x10-cell{position:relative;display:flex;flex-direction:column;align-items:center;gap:.1rem;min-inline-size:0;padding:clamp(.35rem,1.2vmin,.6rem) .2rem;border-radius:var(--ng-radius-md);background:#00000047;border:1px solid var(--ng-hairline);opacity:0;animation:gacha-cell-in .32s var(--ng-ease) var(--cell-delay, 0s) forwards}.gacha-x10-cell .shop-badge{inline-size:clamp(1.8rem,6vmin,2.5rem);block-size:auto}.gacha-x10-gem{font-size:clamp(.95rem,2.8vmin,1.25rem);font-weight:800;font-variant-numeric:tabular-nums;color:var(--ng-text-1)}.gacha-x10-tier{font-size:clamp(.62rem,1.5vmin,.72rem);font-weight:700;color:var(--ng-text-3)}.gacha-x10-cell[data-tier=bronze] .gacha-x10-tier{color:var(--ng-cat-sur-text)}.gacha-x10-cell[data-tier=silver] .gacha-x10-tier{color:var(--ng-cat-mob-text)}.gacha-x10-cell[data-tier=gold]{border-color:#b592ff8c}.gacha-x10-cell[data-tier=gold] .gacha-x10-tier{color:var(--ng-cat-rare-text)}.gacha-x10-cell[data-tier=rainbow]{border-color:#f4c95db3;box-shadow:0 0 0 1px #f4c95d40,0 12px 28px -14px #f4c95d8c}.gacha-x10-cell[data-tier=rainbow] .gacha-x10-tier{color:var(--ng-cat-gold-text)}.gacha-x10-cell[data-tier=empty]{animation-name:gacha-cell-in-dim}.gacha-x10-cell[data-tier=empty] .gacha-x10-gem{color:var(--ng-text-3)}.gacha-x10-badge{position:absolute;inset-block-start:.2rem;inset-inline-end:.2rem;padding:.05em .4em;border-radius:999px;background:#f4c95de6;color:#1a1408;font-size:clamp(.58rem,1.4vmin,.68rem);font-weight:800}@keyframes gacha-scrim-in{0%{opacity:0}to{opacity:1}}@keyframes gacha-materialize{0%{opacity:0;transform:scale(.96);filter:blur(6px)}to{opacity:1;transform:none;filter:none}}@keyframes gacha-reveal{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:none}}@keyframes gacha-rise{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}@keyframes gacha-flash{0%{opacity:0}18%{opacity:1}to{opacity:0}}@keyframes gacha-cell-in{0%{opacity:0;transform:translateY(8px) scale(.96)}to{opacity:1;transform:none}}@keyframes gacha-cell-in-dim{0%{opacity:0;transform:translateY(8px) scale(.96)}to{opacity:.55;transform:none}}@media(max-width:720px)and (orientation:portrait){.shop-etc-layout{grid-template-columns:minmax(0,1fr);grid-template-areas:"gacha" "coupon" "skinkey" "nick" "exchange"}.gacha-container{grid-template-columns:minmax(0,1fr);grid-template-areas:"info" "btns" "odds"}.gacha-x10-grid{grid-template-columns:repeat(5,minmax(0,1fr))}}@media(max-height:500px){.shop-etc-card{padding:.7rem .8rem;gap:.45rem}.gacha-odds-cell{padding:.35rem .2rem}.gacha-odds-cell .shop-badge{inline-size:1.5rem}.gacha-x10-panel{gap:.45rem;padding:.6rem .8rem}.gacha-x10-header{gap:.1rem}.gacha-x10-header .gacha-gem-count{font-size:1.5rem}.gacha-x10-cell .shop-badge{inline-size:1.7rem}.gacha-result-display{padding:.8rem 1.4rem}}@media(prefers-reduced-motion:reduce){.gacha-flash{display:none}.shop-effect-overlay,.gacha-result-display,.gacha-x10-panel,.gacha-result-badge,.gacha-result-display>:is(.gacha-tier-label,.gacha-gem-count,.gacha-gem-label,.gacha-dismiss-hint){animation:gacha-scrim-in .2s ease both}.gacha-x10-cell{animation:gacha-scrim-in .2s ease forwards;animation-delay:0s}.gacha-x10-cell[data-tier=empty]{animation:none;opacity:.55}}@media(prefers-reduced-transparency:reduce){.shop-effect-overlay,.luckybox-overlay{-webkit-backdrop-filter:none;backdrop-filter:none;background:#080607e6}}.clan-overlay{position:fixed;inset:0;z-index:38;display:flex;align-items:flex-start;justify-content:center;padding:clamp(.9rem,5vh,3.2rem) clamp(.65rem,2.1vmin,.95rem) clamp(.6rem,1.9vmin,.9rem);padding:calc(clamp(.9rem,5svh,3.2rem) + env(safe-area-inset-top,0rem)) clamp(.65rem,2.1vmin,.95rem) calc(clamp(.6rem,1.9vmin,.9rem) + env(safe-area-inset-bottom,0rem));overflow:hidden;isolation:isolate;background:radial-gradient(circle at 18% 16%,rgba(165,13,34,.2),transparent 40%),radial-gradient(circle at 82% 84%,rgba(122,9,27,.22),transparent 42%),radial-gradient(circle at 50% 50%,#08080acc,#000000f2);backdrop-filter:blur(12px);animation:fadeIn .4s var(--ease-out-expo)}.clan-overlay:before{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;background:repeating-linear-gradient(0deg,transparent,transparent 1px,rgba(255,255,255,.01) 1px,rgba(255,255,255,.01) 2px)}.clan-modal{position:relative;z-index:1;width:min(clamp(18rem,96vw,65rem),calc(100vw - clamp(.8rem,2.6vmin,1.3rem)));max-height:90vh;max-height:min(90svh,90dvh);padding:var(--spacing-5) var(--spacing-8);overflow:auto;overscroll-behavior:contain;background:var(--color-panel-bg);border:1px solid var(--color-surface-border);border-top:8px solid #e62e2e;border-radius:var(--radius-xs);box-shadow:var(--shadow-lg),0 0 50px #00000080;color:#fff;animation:joinCardEnter .5s var(--ease-out-expo) both}.clan-head{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:var(--spacing-4);padding-bottom:var(--spacing-3);margin-bottom:var(--spacing-3);border-bottom:1px solid var(--color-surface-border)}.clan-head>div:not(.clan-head-actions){display:flex;flex-direction:column;gap:4px;padding-left:var(--spacing-2)}.clan-head h2{margin:0;font-family:var(--font-family-heading);font-size:clamp(1.5rem,3.4vmin,2.2rem);font-weight:900;letter-spacing:-.02em;color:#fff}.clan-sub{margin:0;font-size:.85rem;font-weight:700;color:var(--color-text-secondary)}.clan-head-actions{display:flex;align-items:center;gap:var(--spacing-3);flex-wrap:wrap}.clan-head-actions button{min-height:40px;padding:0 var(--spacing-6);background:var(--color-surface-base);border:1px solid var(--color-surface-border);border-bottom:4px solid var(--color-text-secondary);border-radius:var(--radius-xs);color:var(--color-text-primary);font-family:var(--font-family-base);font-weight:900;font-size:.85rem;letter-spacing:.06em;cursor:pointer;transition:all var(--duration-fast)}.clan-head-actions button:hover{background:#ffffff0d;transform:translateY(-2px)}.clan-head-actions button[data-action=close],.clan-head-actions button#clan-close-btn,.clan-head-actions .clan-close-btn{border-bottom-color:#e62e2e;color:#fff}.clan-head-actions button[data-action=close]:hover,.clan-head-actions button#clan-close-btn:hover,.clan-head-actions .clan-close-btn:hover{background:#e62e2e1a}.clan-tabs{display:flex;gap:var(--spacing-2);margin-bottom:var(--spacing-3);padding:var(--spacing-2) 0;flex-wrap:wrap;border-bottom:1px solid var(--color-surface-border)}.clan-tab{min-width:clamp(80px,18vmin,130px);padding:10px 22px;background:var(--color-surface-base);border:1px solid var(--color-surface-border);border-bottom:4px solid var(--color-surface-border);border-radius:var(--radius-xs);color:var(--color-text-secondary);font-family:var(--font-family-base);font-weight:900;font-size:.92rem;letter-spacing:.04em;cursor:pointer;white-space:nowrap;transition:all var(--duration-fast)}.clan-tab:hover{background:#ffffff0d;transform:translateY(-2px)}.clan-tab.active,.clan-tab[aria-selected=true]{color:#000;background:#e62e2e;border:1px solid var(--color-surface-border);border-bottom:4px solid #8b0000;transform:translateY(-1px)}.clan-status{font-size:.85rem;font-weight:700;color:var(--color-text-secondary);min-height:1.1rem;margin-bottom:var(--spacing-2)}.clan-content{min-height:clamp(11rem,29vmin,14rem)}.clan-info-card{background:var(--color-surface-base);border:1px solid var(--color-surface-border);border-left:4px solid #e62e2e;border-radius:var(--radius-xs);padding:var(--spacing-5);margin-bottom:var(--spacing-3);transition:all var(--duration-fast)}.clan-info-card h3{margin:0 0 var(--spacing-2);font-family:var(--font-family-heading);font-size:clamp(1.05rem,2.4vmin,1.3rem);font-weight:900;letter-spacing:-.02em;color:#fff}.clan-info-card p{margin:clamp(.12rem,.45vmin,.2rem) 0;color:var(--color-text-secondary);font-weight:700;font-size:.86rem;line-height:1.45}.clan-season-panel{display:grid;gap:clamp(.18rem,.55vmin,.3rem);margin-top:var(--spacing-3);padding:clamp(.5rem,1.4vmin,.72rem);border:1px solid var(--color-surface-border);border-left:4px solid var(--color-gold);border-radius:var(--radius-xs);background:#0006}.clan-season-panel div{display:flex;align-items:center;justify-content:space-between;gap:clamp(.4rem,1.1vmin,.7rem)}.clan-season-panel strong{color:#fff;font-size:clamp(.9rem,2.2vmin,1.1rem);font-weight:900}.clan-season-label{color:var(--color-text-secondary);font-weight:900;letter-spacing:.04em}.clan-season-panel p{margin:0;color:var(--color-text-secondary);font-weight:700;font-size:.78rem}.clan-info-actions{display:flex;gap:8px;margin-top:12px;flex-wrap:wrap}.clan-info-actions button{min-height:36px;padding:0 var(--spacing-5);background:var(--color-surface-base);border:1px solid var(--color-surface-border);border-bottom:4px solid var(--color-text-secondary);border-radius:var(--radius-xs);color:var(--color-text-primary);font-family:var(--font-family-base);font-weight:900;font-size:.8rem;letter-spacing:.04em;cursor:pointer;transition:all var(--duration-fast)}.clan-info-actions button:hover{background:#ffffff0d;transform:translateY(-2px)}.clan-info-actions button.danger{border-bottom-color:#e62e2e;color:#ffb4b4}.clan-info-actions button.danger:hover{background:#e62e2e1a;color:#fff}.clan-member-row{display:grid;grid-template-columns:32px 1fr 80px 60px;align-items:center;gap:8px;padding:10px 12px;background:linear-gradient(90deg,rgba(255,255,255,.03) 0%,transparent 100%);border:1px solid var(--color-surface-border);border-left:4px solid var(--color-surface-border);border-radius:var(--radius-xs);margin-bottom:4px;font-size:13px;transition:all var(--duration-fast)}.clan-member-row:hover{border-left-color:#fff;background:linear-gradient(90deg,#ffffff14,#ffffff05);transform:translate(4px)}.clan-member-row .member-rank{color:var(--color-gold);font-weight:900;text-align:center}.clan-member-row .member-name{color:#fff;font-weight:900;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.clan-member-row .member-name .leader-badge{color:var(--color-gold);font-size:11px;margin-left:4px}.clan-member-row .member-level{color:var(--color-text-secondary);font-weight:700;text-align:right}.clan-member-row .member-action button{padding:6px 12px;font-size:11px;font-weight:900;letter-spacing:.04em;cursor:pointer;border:1px solid var(--color-surface-border);border-bottom:4px solid #8b0000;border-radius:var(--radius-xs);color:#000;background:#e62e2e;transition:all var(--duration-fast)}.clan-member-row .member-action button:hover{filter:brightness(1.1);transform:translateY(-2px)}.clan-pending-row{display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:8px;padding:10px 12px;background:linear-gradient(90deg,rgba(255,255,255,.03) 0%,transparent 100%);border:1px solid var(--color-surface-border);border-left:4px solid var(--color-surface-border);border-radius:var(--radius-xs);margin-bottom:4px;font-size:13px;transition:all var(--duration-fast)}.clan-pending-row:hover{border-left-color:#fff;background:linear-gradient(90deg,#ffffff14,#ffffff05);transform:translate(4px)}.clan-pending-row .pending-name{color:#fff;font-weight:900}.clan-pending-row button{padding:6px 14px;font-size:11px;font-weight:900;letter-spacing:.04em;cursor:pointer;transition:all var(--duration-fast);border-radius:var(--radius-xs)}.clan-pending-row .approve-btn{border:1px solid var(--color-surface-border);border-bottom:4px solid #8b0000;background:#e62e2e;color:#000}.clan-pending-row .approve-btn:hover{filter:brightness(1.1);transform:translateY(-2px)}.clan-pending-row .reject-btn{background:var(--color-surface-base);border:1px solid var(--color-surface-border);border-bottom:4px solid var(--color-text-secondary);color:var(--color-text-primary)}.clan-pending-row .reject-btn:hover{background:#ffffff0d;transform:translateY(-2px)}.clan-chat-container{display:flex;flex-direction:column;height:min(360px,calc(100dvh - 14rem));min-height:10rem}.clan-chat-messages{flex:1;overflow-y:auto;padding:12px;background:#0006;border:1px solid var(--color-surface-border);border-radius:var(--radius-xs);margin-bottom:8px;font-family:var(--ng-font-plain)}.clan-chat-msg{margin-bottom:4px;font-size:13px;line-height:1.45;word-break:break-word}.clan-chat-msg .chat-nick{color:#e62e2e;font-weight:900;margin-right:6px;letter-spacing:.02em}.clan-chat-msg .chat-text{color:#fff;font-weight:700}.clan-chat-input-row{display:flex;gap:6px}.clan-chat-input-row input{flex:1;padding:10px 14px;border:1px solid var(--color-surface-border);border-radius:var(--radius-xs);background:#0006;color:#fff;font-size:13px;font-weight:700;font-family:var(--ng-font-plain);outline:none;transition:all var(--duration-fast)}.clan-chat-input-row input:focus{border-color:#fff;background:#0009}.clan-chat-input-row button{padding:10px 18px;border:1px solid var(--color-surface-border);border-bottom:4px solid #8b0000;border-radius:var(--radius-xs);font-size:12px;font-weight:900;letter-spacing:.04em;color:#000;background:#e62e2e;cursor:pointer;transition:all var(--duration-fast)}.clan-chat-input-row button:hover{filter:brightness(1.1);transform:translateY(-2px)}.clan-ranking-row{display:grid;grid-template-columns:36px 1fr 80px;align-items:center;gap:8px;padding:10px 12px;background:linear-gradient(90deg,rgba(255,255,255,.03) 0%,transparent 100%);border:1px solid var(--color-surface-border);border-left:4px solid var(--color-surface-border);border-radius:var(--radius-xs);margin-bottom:4px;font-size:13px;transition:all var(--duration-fast)}.clan-ranking-row:hover{border-left-color:#fff;background:linear-gradient(90deg,#ffffff14,#ffffff05);transform:translate(4px)}.clan-ranking-row .cr-rank{color:var(--color-gold);font-weight:900;text-align:center}.clan-ranking-row .cr-name{color:#fff;font-weight:900;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.clan-ranking-row .cr-exp{color:var(--color-text-secondary);font-weight:700;text-align:right}.clan-search-input-row{display:flex;gap:6px;margin-bottom:12px}.clan-search-input-row input{flex:1;padding:10px 14px;border:1px solid var(--color-surface-border);border-radius:var(--radius-xs);background:#0006;color:#fff;font-size:13px;font-weight:700;font-family:var(--font-family-base);outline:none;transition:all var(--duration-fast)}.clan-search-input-row input:focus{border-color:#fff;background:#0009}.clan-search-input-row button{padding:10px 18px;border:1px solid var(--color-surface-border);border-bottom:4px solid #8b0000;border-radius:var(--radius-xs);font-size:12px;font-weight:900;letter-spacing:.04em;color:#000;background:#e62e2e;cursor:pointer;transition:all var(--duration-fast)}.clan-search-input-row button:hover{filter:brightness(1.1);transform:translateY(-2px)}.clan-search-row{display:grid;grid-template-columns:1fr 70px auto;align-items:center;gap:8px;padding:10px 12px;background:linear-gradient(90deg,rgba(255,255,255,.03) 0%,transparent 100%);border:1px solid var(--color-surface-border);border-left:4px solid var(--color-surface-border);border-radius:var(--radius-xs);margin-bottom:4px;font-size:13px;transition:all var(--duration-fast)}.clan-search-row:hover{border-left-color:#fff;background:linear-gradient(90deg,#ffffff14,#ffffff05);transform:translate(4px)}.clan-search-row .cs-name{color:#fff;font-weight:900}.clan-search-row .cs-count{color:var(--color-text-secondary);font-weight:700;text-align:right}.clan-search-row button{padding:6px 14px;font-size:11px;font-weight:900;letter-spacing:.04em;cursor:pointer;border:1px solid var(--color-surface-border);border-bottom:4px solid var(--color-text-secondary);color:var(--color-text-primary);background:var(--color-surface-base);border-radius:var(--radius-xs);transition:all var(--duration-fast)}.clan-search-row button:hover{background:#ffffff0d;transform:translateY(-2px)}.clan-create-form{background:var(--color-surface-base);border:1px solid var(--color-surface-border);border-left:4px solid #e62e2e;border-radius:var(--radius-xs);padding:16px;margin-bottom:12px}.clan-create-form h3{margin:0 0 12px;font-family:var(--font-family-heading);font-size:16px;font-weight:900;letter-spacing:.04em;color:#fff}.clan-create-form label{display:block;font-size:12px;font-weight:900;color:var(--color-text-secondary);margin-bottom:4px;letter-spacing:.04em}.clan-create-form input{width:100%;padding:10px 14px;border:1px solid var(--color-surface-border);border-radius:var(--radius-xs);background:#0006;color:#fff;font-size:13px;font-weight:700;font-family:var(--font-family-base);outline:none;margin-bottom:12px;transition:all var(--duration-fast)}.clan-create-form input:focus{border-color:#fff;background:#0009}.clan-create-form .clan-create-cost{font-size:13px;font-weight:900;color:var(--color-gold);margin-bottom:12px;letter-spacing:.04em}.clan-create-form button{padding:10px 22px;border:1px solid var(--color-surface-border);border-bottom:4px solid #8b0000;border-radius:var(--radius-xs);font-size:13px;font-weight:900;letter-spacing:.04em;color:#000;background:#e62e2e;cursor:pointer;transition:all var(--duration-fast)}.clan-create-form button:hover{filter:brightness(1.1);transform:translateY(-2px)}.clan-empty{text-align:center;color:var(--color-text-secondary);font-weight:700;font-size:.86rem;padding:clamp(.8rem,2.2vmin,1.25rem) 0}.clan-donate-section{margin-top:clamp(10px,2vmin,18px);padding:14px;border-radius:var(--radius-xs);background:#0006;border:1px solid var(--color-surface-border);border-left:4px solid var(--color-gold)}.clan-donate-section h4{margin:0 0 8px;font-family:var(--font-family-heading);font-size:clamp(13px,2vmin,16px);font-weight:900;letter-spacing:.04em;color:#fff}.clan-donate-balance{margin:0 0 6px;color:var(--color-text-secondary);font-weight:700;font-size:clamp(11px,1.6vmin,14px)}.clan-donate-balance strong{color:var(--color-gem);font-weight:900}.clan-donate-season{margin:0 0 8px;color:var(--color-text-secondary);font-weight:700;font-size:clamp(11px,1.6vmin,14px)}.clan-donate-season strong{color:#fff;font-weight:900}.clan-donate-row{display:flex;gap:8px}.clan-donate-input{flex:1;min-width:0;padding:10px 14px;border:1px solid var(--color-surface-border);border-radius:var(--radius-xs);background:#0006;color:#fff;font-size:clamp(12px,1.8vmin,15px);font-weight:700;font-family:var(--font-family-base);outline:none;transition:all var(--duration-fast)}.clan-donate-input:focus{border-color:#fff;background:#0009}.clan-donate-input::placeholder{color:#ffffff4d}.clan-donate-btn{padding:10px 20px;border:1px solid var(--color-surface-border);border-bottom:4px solid #8b0000;border-radius:var(--radius-xs);background:#e62e2e;color:#000;font-weight:900;font-size:clamp(12px,1.8vmin,15px);letter-spacing:.04em;cursor:pointer;transition:all var(--duration-fast)}.clan-donate-btn:hover{filter:brightness(1.1);transform:translateY(-2px)}@media(max-width:720px){.clan-modal{width:min(98vw,42rem);max-height:92vh;max-height:min(92svh,92dvh);padding:clamp(.52rem,1.6vmin,.74rem)}.clan-head{flex-direction:column;align-items:stretch;gap:var(--spacing-3)}.clan-head-actions{width:100%;justify-content:space-between;flex-wrap:wrap}}.mailbox-overlay{position:fixed;inset:0;z-index:38;display:flex;align-items:flex-start;justify-content:center;padding:calc(clamp(.9rem,5svh,3.2rem) + env(safe-area-inset-top,0rem)) clamp(.65rem,2.1vmin,.95rem) calc(clamp(.6rem,1.9vmin,.9rem) + env(safe-area-inset-bottom,0rem));overflow:hidden;isolation:isolate;background:radial-gradient(circle at 18% 16%,rgba(165,13,34,.2),transparent 40%),radial-gradient(circle at 82% 84%,rgba(122,9,27,.22),transparent 42%),radial-gradient(circle at 50% 50%,#08080acc,#000000f2);backdrop-filter:blur(12px);animation:fadeIn .4s var(--ease-out-expo)}.mailbox-overlay:before{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;background:repeating-linear-gradient(0deg,transparent,transparent 1px,rgba(255,255,255,.01) 1px,rgba(255,255,255,.01) 2px)}.mailbox-modal{position:relative;z-index:1;width:min(clamp(18rem,96vw,62rem),calc(100vw - clamp(.8rem,2.6vmin,1.3rem)));max-height:min(90svh,90dvh);padding:var(--spacing-5) var(--spacing-8);overflow:auto;overscroll-behavior:contain;background:var(--color-panel-bg);border:1px solid var(--color-surface-border);border-top:8px solid #e62e2e;border-radius:var(--radius-xs);box-shadow:var(--shadow-lg),0 0 50px #00000080;color:#fff;animation:joinCardEnter .5s var(--ease-out-expo) both}.mailbox-head{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-3);padding-bottom:var(--spacing-3);border-bottom:1px solid var(--color-surface-border)}.mailbox-head>div:not(.mailbox-head-actions){display:flex;flex-direction:column;gap:4px;padding-left:var(--spacing-2)}.mailbox-head h2{margin:0;font-family:var(--font-family-heading);font-size:clamp(1.5rem,3.4vmin,2.2rem);font-weight:900;letter-spacing:-.02em;color:#fff}.mailbox-sub{margin:0;font-size:.85rem;font-weight:700;color:var(--color-text-secondary)}.mailbox-head-actions{display:flex;align-items:center;gap:var(--spacing-3)}.mailbox-head-actions button{min-height:40px;padding:0 var(--spacing-6);background:var(--color-surface-base);border:1px solid var(--color-surface-border);border-bottom:4px solid var(--color-text-secondary);border-radius:var(--radius-xs);color:var(--color-text-primary);font-family:var(--font-family-base);font-weight:900;font-size:.85rem;letter-spacing:.06em;cursor:pointer;transition:all var(--duration-fast)}.mailbox-head-actions button:hover{background:#ffffff0d;transform:translateY(-2px)}.mailbox-head-actions button#mailbox-claim-all-btn{border-bottom-color:var(--color-gold)}.mailbox-head-actions button#mailbox-claim-all-btn:hover{background:#ffcc331a}.mailbox-head-actions button[data-action=close],.mailbox-head-actions button#mailbox-close-btn,.mailbox-head-actions .mailbox-close-btn{border-bottom-color:#e62e2e;color:#fff}.mailbox-head-actions button[data-action=close]:hover,.mailbox-head-actions button#mailbox-close-btn:hover,.mailbox-head-actions .mailbox-close-btn:hover{background:#e62e2e1a}.mailbox-status{min-height:1.1rem;margin:var(--spacing-2) 0 0;color:var(--color-text-secondary);font-size:.85rem;font-weight:700}.mailbox-list{margin-top:var(--spacing-3);display:flex;flex-direction:column;gap:clamp(.5rem,1.4vmin,.72rem)}.mailbox-card{display:grid;gap:clamp(.45rem,1.2vmin,.65rem);padding:clamp(.7rem,1.8vmin,1rem);border-radius:var(--radius-xs);border:1px solid var(--color-surface-border);border-left:4px solid var(--color-surface-border);background:linear-gradient(90deg,rgba(255,255,255,.03) 0%,transparent 100%);transition:all var(--duration-fast)}.mailbox-card:hover{border-left-color:#fff;background:linear-gradient(90deg,#ffffff14,#ffffff05);transform:translate(4px)}.mailbox-card.is-special{border-left-color:var(--color-gold)}.mailbox-card.is-special:hover{border-left-color:var(--color-gold);background:linear-gradient(90deg,rgba(255,204,51,.1) 0%,transparent 100%)}.mailbox-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:clamp(.45rem,1.2vmin,.7rem)}.mailbox-card-title{margin:0;font-family:var(--font-family-heading);color:#fff;font-size:clamp(.95rem,2.2vmin,1.1rem);font-weight:900;letter-spacing:-.02em}.mailbox-card-time{color:var(--color-text-secondary);font-size:clamp(.66rem,1.45vmin,.76rem);font-weight:700;white-space:nowrap;letter-spacing:.04em}.mailbox-card-body{margin:0;color:var(--color-text-secondary);font-size:clamp(.78rem,1.75vmin,.9rem);font-weight:700;line-height:1.45}.mailbox-reward-chips{display:flex;flex-wrap:wrap;gap:clamp(.3rem,.85vmin,.42rem)}.reward-chip{display:inline-flex;align-items:center;justify-content:center;min-height:clamp(1.3rem,3vmin,1.55rem);padding:.22em .8em;border-radius:var(--radius-xs);font-size:clamp(.68rem,1.5vmin,.8rem);font-weight:900;letter-spacing:.04em;border:1px solid var(--color-surface-border);background:#0006;color:#fff}.reward-chip.gold{border-bottom:2px solid var(--color-gold);color:var(--color-gold)}.reward-chip.gems{border-bottom:2px solid var(--color-gem);color:var(--color-gem)}.mailbox-item-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(.34rem,1vmin,.5rem)}.mailbox-item-card{display:grid;gap:clamp(.22rem,.7vmin,.34rem);padding:clamp(.5rem,1.2vmin,.7rem);border-radius:var(--radius-xs);border:1px solid var(--color-surface-border);background:#0006}.mailbox-item-name{color:#fff;font-size:clamp(.72rem,1.55vmin,.84rem);font-weight:900;text-align:center;letter-spacing:.02em}.mailbox-item-desc{color:var(--color-text-secondary);font-size:clamp(.62rem,1.35vmin,.72rem);font-weight:700;text-align:center}.mailbox-claim-btn{min-height:clamp(2.1rem,4.8vmin,2.5rem);padding:0 var(--spacing-6);border:1px solid var(--color-surface-border);border-bottom:4px solid #8b0000;border-radius:var(--radius-xs);background:#e62e2e;color:#000;font-family:var(--font-family-base);font-size:clamp(.74rem,1.65vmin,.86rem);font-weight:900;letter-spacing:.06em;cursor:pointer;transition:all var(--duration-fast)}.mailbox-claim-btn:hover{filter:brightness(1.1);transform:translateY(-2px)}.mailbox-claim-btn:disabled{background:var(--color-surface-base);border-color:var(--color-surface-border);color:var(--color-text-muted);cursor:not-allowed;transform:none;filter:none}.mailbox-empty{margin:0;padding:clamp(1.2rem,2.8vmin,1.6rem);border-radius:var(--radius-xs);border:1px dashed var(--color-surface-border);background:#0006;color:var(--color-text-secondary);text-align:center;font-weight:700;font-size:clamp(.82rem,1.85vmin,.94rem);letter-spacing:.02em}@media(max-width:720px){.mailbox-modal{width:min(98vw,42rem);max-height:92vh;max-height:min(92svh,92dvh);padding:clamp(.6rem,1.8vmin,.9rem)}.mailbox-head{flex-direction:column;align-items:stretch;gap:var(--spacing-3)}.mailbox-head-actions{width:100%;justify-content:space-between;flex-wrap:wrap}.mailbox-item-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.ranking-overlay{position:fixed;inset:0;z-index:38;display:flex;align-items:flex-start;justify-content:center;padding:calc(clamp(.9rem,5svh,3.2rem) + env(safe-area-inset-top,0rem)) clamp(.65rem,2.1vmin,.95rem) calc(clamp(.6rem,1.9vmin,.9rem) + env(safe-area-inset-bottom,0rem));overflow:hidden;isolation:isolate;background:radial-gradient(circle at 18% 16%,rgba(165,13,34,.2),transparent 40%),radial-gradient(circle at 82% 84%,rgba(122,9,27,.22),transparent 42%),radial-gradient(circle at 50% 50%,#08080acc,#000000f2);backdrop-filter:blur(12px);animation:fadeIn .4s var(--ease-out-expo)}.ranking-overlay:before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(0deg,transparent,transparent 1px,rgba(255,255,255,.01) 1px,rgba(255,255,255,.01) 2px);pointer-events:none;z-index:0}.ranking-fireworks{display:none}.ranking-modal{position:relative;z-index:1;width:min(clamp(18rem,96vw,65rem),calc(100vw - clamp(.8rem,2.6vmin,1.3rem)));max-height:min(90svh,90dvh);padding:var(--spacing-5) var(--spacing-8);overflow:auto;overscroll-behavior:contain;background:var(--color-panel-bg);border:1px solid var(--color-surface-border);border-top:8px solid #e62e2e;border-radius:var(--radius-xs);box-shadow:var(--shadow-lg),0 0 50px #00000080;color:#fff;animation:joinCardEnter .5s var(--ease-out-expo) both}.ranking-head{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-4);padding-bottom:var(--spacing-3);border-bottom:1px solid var(--color-surface-border)}.ranking-head>div:not(.ranking-head-actions){display:flex;flex-direction:column;gap:4px;padding-left:var(--spacing-2)}.ranking-head h2{margin:0;font-family:var(--font-family-heading);font-size:clamp(1.5rem,3.4vmin,2.2rem);font-weight:900;letter-spacing:-.02em;color:#fff}.ranking-sub{margin:0;font-size:.85rem;font-weight:700;color:var(--color-text-secondary)}.ranking-head-actions{display:flex;align-items:center;gap:var(--spacing-3)}#ranking-refresh-btn,#ranking-close-btn{min-height:40px;padding:0 var(--spacing-6);background:var(--color-surface-base);border:1px solid var(--color-surface-border);border-bottom:4px solid var(--color-text-secondary);border-radius:var(--radius-xs);color:var(--color-text-primary);font-family:var(--font-family-base);font-weight:900;font-size:.85rem;letter-spacing:.06em;cursor:pointer;transition:all var(--duration-fast)}#ranking-refresh-btn:hover,#ranking-close-btn:hover{background:#ffffff0d;transform:translateY(-2px)}#ranking-close-btn{border-bottom-color:#e62e2e;color:#fff}#ranking-close-btn:hover{background:#e62e2e1a}.ranking-status{min-height:1.1rem;margin:var(--spacing-2) 0 0;color:var(--color-text-secondary);font-weight:700;font-size:.85rem}.ranking-season-panel{display:grid;gap:clamp(.4rem,1.1vmin,.65rem);padding:clamp(.55rem,1.4vmin,.8rem);border:1px solid var(--color-surface-border);border-left:4px solid #e62e2e;border-radius:var(--radius-xs);background:linear-gradient(90deg,rgba(230,46,46,.05) 0%,transparent 100%)}.ranking-season-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(.4rem,1.1vmin,.65rem)}.ranking-season-stat{display:grid;gap:clamp(.14rem,.4vmin,.24rem);padding:clamp(.42rem,1.1vmin,.6rem);border-radius:var(--radius-xs);background:#0006;border:1px solid var(--color-surface-border)}.ranking-season-label{color:var(--color-text-secondary);font-size:clamp(.66rem,1.55vmin,.78rem);font-weight:900;letter-spacing:.04em}.ranking-season-value{color:#fff;font-size:clamp(.92rem,2.3vmin,1.12rem);font-weight:900}.ranking-season-period{margin:0;padding:clamp(.42rem,1.1vmin,.6rem) clamp(.5rem,1.25vmin,.72rem);border-radius:var(--radius-xs);border:1px solid var(--color-surface-border);border-left:4px solid var(--color-gold);background:#0006;color:var(--color-gold);font-size:clamp(.78rem,1.85vmin,.9rem);font-weight:900;line-height:1.45;letter-spacing:.03em;text-align:center}.ranking-season-meta{margin:0;color:var(--color-text-secondary);font-size:clamp(.7rem,1.6vmin,.82rem);font-weight:700;line-height:1.45}.ranking-list{margin-top:clamp(.4rem,1.2vmin,.6rem);display:grid;grid-template-columns:1fr;gap:clamp(.3rem,1vmin,.5rem)}.ranking-podium{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-items:end;gap:10px;margin-bottom:4px}.ranking-podium-card{position:relative;display:grid;grid-template-rows:112px auto auto auto auto;align-items:center;justify-items:center;gap:6px;padding:8px 8px 0;background:var(--color-surface-base);border:1px solid var(--color-surface-border);border-bottom:4px solid var(--color-surface-border);border-radius:var(--radius-xs);transition:all var(--duration-fast)}.ranking-podium-card.rank-1{border-bottom-color:var(--color-gold);background:linear-gradient(0deg,rgba(255,204,51,.1) 0%,transparent 100%)}.ranking-podium-card.rank-2{border-bottom-color:#b0c4de;background:linear-gradient(0deg,rgba(176,196,222,.1) 0%,transparent 100%)}.ranking-podium-card.rank-3{border-bottom-color:#cd7f32;background:linear-gradient(0deg,rgba(205,127,50,.1) 0%,transparent 100%)}.ranking-podium-sprite-wrap{width:100%;height:112px;display:flex;align-items:flex-end;justify-content:center;position:relative;z-index:1}.ranking-podium-sprite{width:auto;height:100px;max-width:92%;aspect-ratio:2 / 3;background-repeat:no-repeat;background-position:0% 0%;background-size:400% 400%;animation:skin-walk-down .7s step-end infinite;image-rendering:pixelated;image-rendering:crisp-edges;filter:drop-shadow(0 6px 10px rgba(0,0,0,.45))}.ranking-podium-medal{position:relative;z-index:1;min-width:62px;text-align:center;border-radius:var(--radius-xs);padding:4px 10px;font-size:11px;font-weight:900;letter-spacing:.06em;border:1px solid var(--color-surface-border)}.ranking-podium-medal.rank-1{color:#000;background:var(--color-gold);border-color:var(--color-gold)}.ranking-podium-medal.rank-2{color:#000;background:#b0c4de;border-color:#b0c4de}.ranking-podium-medal.rank-3{color:#000;background:#cd7f32;border-color:#cd7f32}.ranking-podium-name{position:relative;z-index:1;margin:0;color:#fff;font-size:13px;font-weight:900;text-align:center}.ranking-podium-exp{position:relative;z-index:1;margin:0;color:var(--color-text-secondary);font-weight:700;font-size:12px;text-align:center}.ranking-podium-stand{width:100%;min-height:32px;border-radius:var(--radius-xs) var(--radius-xs) 0 0;display:flex;align-items:center;justify-content:center;font-size:18px;font-weight:900;line-height:1;background:#0006;border:1px solid var(--color-surface-border);border-bottom:none}.ranking-podium-stand.rank-1{min-height:68px;color:var(--color-gold)}.ranking-podium-stand.rank-2{min-height:56px;color:#b0c4de}.ranking-podium-stand.rank-3{min-height:46px;color:#cd7f32}.ranking-row{display:grid;grid-template-columns:56px 1fr auto;align-items:center;gap:10px;padding:10px;border:1px solid var(--color-surface-border);border-left:4px solid var(--color-surface-border);border-radius:var(--radius-xs);background:linear-gradient(90deg,rgba(255,255,255,.03) 0%,transparent 100%);transition:all var(--duration-fast)}.ranking-row:hover{border-left-color:#fff;background:linear-gradient(90deg,#ffffff14,#ffffff05);transform:translate(4px)}.ranking-rank{color:var(--color-text-secondary);font-size:15px;font-weight:900;text-align:center}.ranking-name{color:#fff;font-size:14px;font-weight:900}.ranking-exp{color:var(--color-text-secondary);font-size:13px;font-weight:700;white-space:nowrap}.ranking-empty{margin:8px 0;color:var(--color-text-secondary);font-size:13px;font-weight:700}.ranking-tabs{margin-top:var(--spacing-3);padding:var(--spacing-2) 0;display:flex;flex-wrap:wrap;gap:var(--spacing-2);border-bottom:1px solid var(--color-surface-border)}.ranking-tabs button{min-width:clamp(80px,18vmin,130px);padding:10px 22px;background:var(--color-surface-base);border:1px solid var(--color-surface-border);border-bottom:4px solid var(--color-surface-border);border-radius:var(--radius-xs);color:var(--color-text-secondary);font-family:var(--font-family-base);font-weight:900;font-size:.92rem;letter-spacing:.04em;cursor:pointer;white-space:nowrap;transition:all var(--duration-fast)}.ranking-tabs button:hover{background:#ffffff0d;transform:translateY(-2px)}.ranking-tabs button[aria-selected=true]{color:#000;background:#e62e2e;border:1px solid var(--color-surface-border);border-bottom:4px solid #8b0000;transform:translateY(-1px)}.ranking-clan-podium{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-items:end;gap:clamp(6px,1.4vmin,12px);margin-bottom:clamp(4px,1vmin,8px)}.ranking-clan-podium-card{position:relative;display:grid;grid-template-rows:auto auto auto auto auto auto auto;align-items:center;justify-items:center;gap:clamp(3px,.6vmin,6px);padding:8px 8px 0;background:var(--color-surface-base);border:1px solid var(--color-surface-border);border-bottom:4px solid var(--color-surface-border);border-radius:var(--radius-xs)}.ranking-clan-podium-card.rank-1{border-bottom-color:var(--color-gold);background:linear-gradient(0deg,rgba(255,204,51,.1) 0%,transparent 100%)}.ranking-clan-podium-card.rank-2{border-bottom-color:#b0c4de;background:linear-gradient(0deg,rgba(176,196,222,.1) 0%,transparent 100%)}.ranking-clan-podium-card.rank-3{border-bottom-color:#cd7f32;background:linear-gradient(0deg,rgba(205,127,50,.1) 0%,transparent 100%)}.ranking-clan-season-panel{display:flex;align-items:center;justify-content:space-between;gap:clamp(.42rem,1.1vmin,.7rem);padding:clamp(.46rem,1.2vmin,.66rem) clamp(.56rem,1.5vmin,.8rem);border:1px solid var(--color-surface-border);border-left:4px solid var(--color-gold);border-radius:var(--radius-xs);background:#0006;color:var(--color-gold)}.ranking-clan-season-panel strong{font-size:clamp(.82rem,1.95vmin,.98rem);font-weight:900}.ranking-clan-season-panel span{color:var(--color-text-secondary);font-size:clamp(.66rem,1.55vmin,.78rem);font-weight:700}.ranking-clan-emblem{position:relative;z-index:1;font-size:clamp(32px,7vmin,56px);line-height:1}.ranking-clan-medal{position:relative;z-index:1;min-width:clamp(48px,10vmin,68px);text-align:center;border-radius:var(--radius-xs);padding:clamp(2px,.5vmin,4px) clamp(6px,1.2vmin,12px);font-size:clamp(10px,1.6vmin,13px);font-weight:900;letter-spacing:.06em;border:1px solid var(--color-surface-border)}.ranking-clan-medal.rank-1{color:#000;background:var(--color-gold);border-color:var(--color-gold)}.ranking-clan-medal.rank-2{color:#000;background:#b0c4de;border-color:#b0c4de}.ranking-clan-medal.rank-3{color:#000;background:#cd7f32;border-color:#cd7f32}.ranking-clan-podium-name{position:relative;z-index:1;margin:0;color:#fff;font-size:clamp(12px,2vmin,15px);font-weight:900;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.ranking-clan-podium-members{position:relative;z-index:1;margin:0;color:var(--color-text-secondary);font-size:clamp(10px,1.4vmin,12px);font-weight:700;text-align:center}.ranking-clan-podium-gems{position:relative;z-index:1;margin:0;color:#fff;font-size:clamp(11px,1.6vmin,13px);font-weight:900;text-align:center}.ranking-clan-podium-total{position:relative;z-index:1;margin:0;color:var(--color-text-secondary);font-size:clamp(10px,1.4vmin,12px);font-weight:700;text-align:center}.ranking-clan-stand{width:100%;min-height:clamp(24px,5vmin,32px);border-radius:var(--radius-xs) var(--radius-xs) 0 0;display:flex;align-items:center;justify-content:center;font-size:clamp(14px,2.8vmin,20px);font-weight:900;line-height:1;background:#0006;border:1px solid var(--color-surface-border);border-bottom:none}.ranking-clan-stand.rank-1{min-height:clamp(48px,10vmin,68px);color:var(--color-gold)}.ranking-clan-stand.rank-2{min-height:clamp(38px,8vmin,56px);color:#b0c4de}.ranking-clan-stand.rank-3{min-height:clamp(30px,6.5vmin,46px);color:#cd7f32}.ranking-clan-row{display:grid;grid-template-columns:clamp(28px,6vmin,42px) 1fr auto;align-items:center;gap:clamp(4px,1vmin,10px);padding:clamp(6px,1.2vmin,10px) clamp(8px,1.5vmin,14px);border:1px solid var(--color-surface-border);border-left:4px solid var(--color-surface-border);border-radius:var(--radius-xs);background:linear-gradient(90deg,rgba(255,255,255,.03) 0%,transparent 100%);transition:all var(--duration-fast)}.ranking-clan-row:hover{border-left-color:#fff;background:linear-gradient(90deg,#ffffff14,#ffffff05);transform:translate(4px)}.ranking-clan-rank{color:var(--color-text-secondary);font-weight:900;font-size:clamp(12px,2vmin,16px);text-align:center}.ranking-clan-name{color:#fff;font-size:clamp(12px,1.8vmin,15px);font-weight:900;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ranking-clan-gems{color:#fff;font-size:clamp(11px,1.6vmin,14px);font-weight:900;white-space:nowrap}@media(max-width:720px){.ranking-modal{width:min(98vw,42rem);max-height:92vh;max-height:min(92svh,92dvh);padding:clamp(.52rem,1.6vmin,.74rem)}}@media(max-width:440px){.ranking-podium{grid-template-columns:1fr;gap:6px}.ranking-podium-card{grid-template-columns:64px 1fr auto;grid-template-rows:auto auto;justify-items:stretch;align-items:center;gap:6px 8px;padding:8px;border:1px solid var(--color-surface-border);border-left:4px solid var(--color-surface-border);border-bottom:none;border-radius:var(--radius-xs);background:#0006}.ranking-podium-card.rank-1{border-left-color:var(--color-gold)}.ranking-podium-card.rank-2{border-left-color:#b0c4de}.ranking-podium-card.rank-3{border-left-color:#cd7f32}.ranking-podium-sprite-wrap{width:64px;height:72px;grid-row:1 / 3}.ranking-podium-sprite{height:70px}.ranking-podium-medal{justify-self:start}.ranking-podium-name,.ranking-podium-exp{text-align:left}.ranking-podium-stand{grid-column:3;grid-row:1 / 3;min-height:100%;width:44px;border-radius:var(--radius-xs);border:1px solid var(--color-surface-border)}.ranking-podium-stand.rank-1,.ranking-podium-stand.rank-2,.ranking-podium-stand.rank-3{min-height:100%}.ranking-row{grid-template-columns:46px 1fr}.ranking-exp{grid-column:1 / -1;padding-left:56px}.ranking-clan-podium{grid-template-columns:1fr;gap:6px}.ranking-clan-podium-card{grid-template-columns:auto 1fr auto;grid-template-rows:auto auto auto;justify-items:stretch;align-items:center;gap:2px 8px;padding:8px;border:1px solid var(--color-surface-border);border-left:4px solid var(--color-surface-border);border-bottom:none;border-radius:var(--radius-xs);background:#0006}.ranking-clan-podium-card.rank-1{border-left-color:var(--color-gold)}.ranking-clan-podium-card.rank-2{border-left-color:#b0c4de}.ranking-clan-podium-card.rank-3{border-left-color:#cd7f32}.ranking-clan-emblem{grid-row:1 / 4;font-size:clamp(26px,6vmin,40px)}.ranking-clan-medal{justify-self:start;grid-column:2}.ranking-clan-podium-name,.ranking-clan-podium-members{text-align:left;grid-column:2}.ranking-clan-podium-gems{grid-column:3;grid-row:1 / 4;text-align:right}.ranking-clan-stand{display:none}.ranking-clan-row{grid-template-columns:36px 1fr auto}}.lobby-discord-section{padding:clamp(.6em,1.8vmin,1em);background:#5d2a7a14;border:1px solid rgba(93,42,122,.3);border-radius:.5em;margin-top:clamp(.5em,1.5vmin,1em)}.discord-link-row{display:flex;align-items:center;gap:clamp(.5em,1.5vmin,1em);flex-wrap:wrap;font-size:clamp(11px,2vmin,14px)}.discord-link-label{color:#c79be0;font-weight:600}.discord-link-status{color:#b8a7c4;flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.discord-link-status.linked{color:#6ee07f}.discord-link-btn,.discord-unlink-btn{padding:.4em .9em;border-radius:.4em;border:none;cursor:pointer;font-size:inherit;font-family:inherit}.discord-link-btn{background:#5865f2;color:#fff}.discord-link-btn:hover{background:#4752c4}.discord-unlink-btn{background:#ffffff1a;color:#e8d6f0}.discord-unlink-btn:hover{background:#ffffff2e}.mobile-settings-overlay{position:fixed;inset:0;z-index:40;background:var(--ng-scrim);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);transition:background-color .2s ease}.mobile-settings-panel{position:absolute;z-index:30;top:50%;left:50%;transform:translate(-50%,-50%);inline-size:min(clamp(34rem,66vw,50rem),calc(100vw - 2rem));block-size:min(clamp(24rem,80vh,36rem),calc(100vh - 2rem));block-size:min(clamp(24rem,80dvh,36rem),calc(100dvh - 2rem));display:grid;grid-template-columns:clamp(9.5rem,24%,12rem) minmax(0,1fr);overflow:hidden;border-radius:var(--ng-radius-lg);animation:msPanelIn var(--ng-panel-ms) var(--ng-ease);transition:background-color .2s ease,border-color .2s ease,box-shadow .2s ease}.ms-icon{flex:0 0 auto;inline-size:1.15rem;block-size:1.15rem;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.ms-nav{min-block-size:0;display:flex;flex-direction:column;gap:.25rem;padding:clamp(1rem,3vmin,1.4rem) clamp(.6rem,1.6vmin,.85rem);border-inline-end:1px solid var(--ng-hairline);background:#0806074d;overflow-y:auto;scrollbar-width:none;transition:opacity .2s ease}.ms-title{margin:0 0 .6rem;padding-inline:.55rem;font-family:var(--ng-font-display);font-size:clamp(1.25rem,3.2vmin,1.6rem);font-weight:400;line-height:1.1;color:var(--ng-text-1)}.ms-tabs{display:flex;flex-direction:column;gap:.2rem}.ms-tab{display:flex;align-items:center;gap:.7em;min-block-size:2.75rem;padding:0 .75em;border:0;border-radius:var(--ng-radius-sm);background:transparent;color:var(--ng-text-2);font-family:var(--ng-font-body);font-size:clamp(.88rem,2vmin,.95rem);font-weight:600;text-align:start;cursor:pointer;transition:background-color .18s ease,color .18s ease,transform var(--ng-press-ms) ease-out}.ms-tab:hover{background:#f2ece80f;color:var(--ng-text-1)}.ms-tab:active{transform:scale(.97)}.ms-tab[aria-selected=true]{background:#f2ece81f;box-shadow:inset 0 1px #ffffff14;color:var(--ng-text-1)}.ms-tab:focus-visible,.ms-seg-btn:focus-visible,.ms-choice:focus-visible,.ms-link:focus-visible{outline:2px solid var(--ng-text-1);outline-offset:-2px}.ms-tab--touch{display:none}@media(pointer:coarse){.ms-tab--touch{display:flex}}.ms-confirm{position:relative;overflow:hidden}.ms-confirm-armed,.ms-confirm[data-armed=true] .ms-confirm-idle{display:none}.ms-confirm[data-armed=true] .ms-confirm-armed{display:inline}.ms-confirm[data-armed=true],.ms-confirm[data-armed=true]:hover{border-color:var(--ng-action);background:var(--ng-action);color:#fff}.ms-confirm[data-armed=true]:after{content:"";position:absolute;inset-inline:0;inset-block-end:0;block-size:.15rem;background:#ffffffbf;transform-origin:left center;animation:msConfirmTimer 3.2s linear forwards}.ms-reset{display:flex;align-items:center;gap:.6em;min-block-size:2.75rem;margin-block-start:auto;padding:.35em .75em;border:1px solid var(--ng-hairline);border-radius:var(--ng-radius-sm);background:transparent;color:var(--ng-text-2);font-family:var(--ng-font-body);font-size:clamp(.78rem,1.8vmin,.84rem);font-weight:600;line-height:1.25;text-align:start;cursor:pointer;transition:background-color .18s ease,color .18s ease,border-color .18s ease,transform var(--ng-press-ms) ease-out}.ms-reset:hover{background:#f2ece80f;color:var(--ng-text-1)}.ms-reset:active,.ms-logout-btn:active{transform:scale(.97)}.ms-body{position:relative;min-inline-size:0;min-block-size:0;display:flex;flex-direction:column}.ms-close{position:absolute;z-index:2;inset-block-start:clamp(.5rem,1.6vmin,.8rem);inset-inline-end:clamp(.5rem,1.6vmin,.8rem);display:grid;place-items:center;inline-size:2.75rem;block-size:2.75rem;padding:0;border:0;border-radius:999px;background:#f2ece814;color:var(--ng-text-1);cursor:pointer;transition:background-color .18s ease,opacity .2s ease,transform var(--ng-press-ms) ease-out}.ms-close:hover{background:#f2ece829}.ms-close:active{transform:scale(.94)}.ms-close:focus-visible{outline:2px solid var(--ng-text-1);outline-offset:2px}.ms-close .ms-icon{inline-size:1.2rem;block-size:1.2rem;stroke-width:2.2}.ms-scroll{flex:1 1 auto;min-block-size:0;padding:clamp(1rem,3vmin,1.4rem) clamp(1rem,3vmin,1.6rem) clamp(1.25rem,3.4vmin,1.75rem);overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.18) transparent}.ms-section{display:flex;flex-direction:column;gap:clamp(.7rem,2vmin,.95rem)}.ms-section[hidden]{display:none}.ms-section:not([hidden]){animation:fadeIn .2s ease}.ms-section-title{display:flex;align-items:center;min-block-size:1.75rem;margin:0;font-family:var(--ng-font-display);font-size:clamp(1.05rem,2.8vmin,1.3rem);font-weight:400;line-height:1.2;color:var(--ng-text-1);transition:opacity .2s ease}.ms-section-title:first-child{padding-inline-end:3.25rem}.ms-section-title:not(:first-child){margin-block-start:clamp(.5rem,1.8vmin,.9rem)}.ms-group-title{margin:.6rem 0 -.35rem;font-size:clamp(.74rem,1.7vmin,.8rem);font-weight:600;letter-spacing:.04em;color:var(--ng-text-3);transition:opacity .2s ease}.ms-field{display:flex;flex-direction:column;gap:.45rem}.ms-label{font-size:clamp(.84rem,1.95vmin,.92rem);font-weight:600;color:var(--ng-text-1)}.ms-caption{margin:0;font-size:clamp(.72rem,1.65vmin,.78rem);line-height:1.45;color:var(--ng-text-3);transition:opacity .2s ease}.ms-seg{position:relative;display:flex;padding:.25rem;border:1px solid var(--ng-hairline);border-radius:var(--ng-radius-md);background:#08060766}.ms-seg-ind{position:absolute;inset-block:.25rem;inset-inline-start:.25rem;inline-size:calc((100% - .5rem) / var(--ms-seg-count, 3));border-radius:var(--ng-radius-sm);background:#f2ece829;box-shadow:inset 0 1px #ffffff1f;transform:translate(calc(var(--ms-seg-index, 0) * 100%));transition:transform .32s var(--ng-ease);pointer-events:none}.ms-seg-btn{position:relative;flex:1 1 0;min-inline-size:0;min-block-size:2.75rem;padding:0 .5em;border:0;border-radius:var(--ng-radius-sm);background:transparent;color:var(--ng-text-2);font-family:var(--ng-font-body);font-size:clamp(.82rem,1.9vmin,.9rem);font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;cursor:pointer;transition:color .18s ease,transform var(--ng-press-ms) ease-out}.ms-seg-btn:hover,.ms-seg-btn[aria-checked=true]{color:var(--ng-text-1)}.ms-seg-btn:active{transform:scale(.96)}.ms-choices{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.5rem}.ms-choice{display:flex;align-items:center;justify-content:space-between;gap:.5em;min-block-size:2.75rem;padding:0 .9em;border:1px solid var(--ng-hairline);border-radius:var(--ng-radius-sm);background:#f2ece80a;color:var(--ng-text-2);font-family:var(--ng-font-body);font-size:clamp(.84rem,1.95vmin,.92rem);font-weight:600;text-align:start;cursor:pointer;transition:background-color .18s ease,border-color .18s ease,color .18s ease,transform var(--ng-press-ms) ease-out}.ms-choice:after{content:"";flex:0 0 auto;inline-size:1rem;block-size:1rem;background:currentColor;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5.5 12.5 10 17l8.5-9.5'/%3E%3C/svg%3E") center / contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5.5 12.5 10 17l8.5-9.5'/%3E%3C/svg%3E") center / contain no-repeat;opacity:0;transition:opacity .14s ease}.ms-choice:hover{background:#f2ece812;color:var(--ng-text-1)}.ms-choice:active{transform:scale(.97)}.ms-choice[aria-checked=true]{border-color:#f2ece866;background:#f2ece81a;color:var(--ng-text-1)}.ms-choice[aria-checked=true]:after{opacity:1}.ms-switch-row{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.75rem .9rem;border:1px solid var(--ng-hairline);border-radius:var(--ng-radius-md);background:#f2ece80a}.ms-switch-text{display:flex;flex-direction:column;gap:.2rem;min-inline-size:0;cursor:pointer}.ms-switch{position:relative;flex:0 0 auto;inline-size:3.25rem;block-size:2rem;padding:0;border:0;border-radius:999px;background:#f2ece833;cursor:pointer;transition:background-color .2s ease}.ms-switch:before{content:"";position:absolute;inset:-.4rem -.3rem}.ms-switch-thumb{position:absolute;inset-block-start:.2rem;inset-inline-start:.2rem;inline-size:1.6rem;block-size:1.6rem;border-radius:50%;background:#fff;box-shadow:0 .15rem .4rem #00000073;transition:transform .24s var(--ng-ease)}.ms-switch[aria-checked=true]{background:var(--ng-action)}.ms-switch[aria-checked=true] .ms-switch-thumb{transform:translate(1.25rem)}.ms-switch:focus-visible{outline:2px solid var(--ng-text-1);outline-offset:3px}.ms-slider{display:flex;flex-direction:column;border-radius:var(--ng-radius-sm);transition:opacity .2s ease,background-color .2s ease,box-shadow .2s ease}.ms-slider-head{display:flex;align-items:baseline;justify-content:space-between;gap:1rem}.ms-slider-head label{font-size:clamp(.84rem,1.95vmin,.92rem);font-weight:600;color:var(--ng-text-1)}.ms-value{font-size:clamp(.8rem,1.9vmin,.88rem);font-weight:600;color:var(--ng-text-2);font-variant-numeric:tabular-nums}.ms-slider input[type=range]{--ms-fill: 50%;inline-size:100%;block-size:2.75rem;margin:0;padding:0;-webkit-appearance:none;appearance:none;background:transparent;cursor:pointer;outline:none;touch-action:pan-x;-webkit-touch-callout:none}.ms-slider input[type=range]::-webkit-slider-runnable-track{block-size:.375rem;border-radius:999px;background:linear-gradient(90deg,var(--ng-action) var(--ms-fill),rgba(242,236,232,.16) var(--ms-fill))}.ms-slider input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;inline-size:1.5rem;block-size:1.5rem;margin-block-start:-.5625rem;border:0;border-radius:50%;background:var(--ng-text-1);box-shadow:0 .15rem .5rem #00000080;transition:transform var(--ng-press-ms) ease-out,box-shadow .18s ease}.ms-slider input[type=range]:active::-webkit-slider-thumb{transform:scale(1.12)}.ms-slider input[type=range]:focus-visible::-webkit-slider-thumb{box-shadow:0 0 0 .25rem #f2ece859,0 .15rem .5rem #00000080}.ms-slider input[type=range]::-moz-range-track{block-size:.375rem;border-radius:999px;background:#f2ece829}.ms-slider input[type=range]::-moz-range-progress{block-size:.375rem;border-radius:999px;background:var(--ng-action)}.ms-slider input[type=range]::-moz-range-thumb{inline-size:1.5rem;block-size:1.5rem;border:0;border-radius:50%;background:var(--ng-text-1);box-shadow:0 .15rem .5rem #00000080}.ms-slider input[type=range]:focus-visible::-moz-range-thumb{box-shadow:0 0 0 .25rem #f2ece859,0 .15rem .5rem #00000080}.ms-logout-btn{display:inline-flex;align-items:center;justify-content:center;gap:.6em;align-self:flex-start;min-inline-size:min(100%,13rem);min-block-size:2.75rem;padding:0 1.1em;border:1px solid rgba(255,107,74,.45);border-radius:var(--ng-radius-md);background:transparent;color:var(--ng-action-text);font-family:var(--ng-font-body);font-size:clamp(.88rem,2vmin,.95rem);font-weight:700;cursor:pointer;transition:background-color .18s ease,border-color .18s ease,color .18s ease,transform var(--ng-press-ms) ease-out}.ms-logout-btn:hover{background:#ff6b4a1a}.ms-logout-btn:focus-visible,.ms-reset:focus-visible{outline:2px solid var(--ng-text-1);outline-offset:2px}.ms-links{display:flex;flex-direction:column;overflow:hidden;border:1px solid var(--ng-hairline);border-radius:var(--ng-radius-md)}.ms-link{display:flex;align-items:center;justify-content:space-between;gap:1rem;min-block-size:2.75rem;padding:0 .9rem;background:#f2ece808;color:var(--ng-text-1);font-size:clamp(.84rem,1.95vmin,.92rem);font-weight:600;text-decoration:none;transition:background-color .18s ease}.ms-link+.ms-link{border-top:1px solid var(--ng-hairline)}.ms-link:hover{background:#f2ece812}.ms-link:active{background:#f2ece81c}.ms-link-icon{flex:0 0 auto;inline-size:1rem;block-size:1rem;fill:none;stroke:var(--ng-text-3);stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.ms-preview{pointer-events:none;opacity:.9}.ms-preview.dpad-joystick{display:block}.ms-preview.dash-button{display:flex}.mobile-settings-overlay:not([data-ms-tab=controls]) .ms-preview{display:none}.mobile-settings-overlay.is-peeking{background:transparent;-webkit-backdrop-filter:none;backdrop-filter:none}.mobile-settings-overlay.is-peeking .mobile-settings-panel{border-color:transparent;background:transparent;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none}.mobile-settings-overlay.is-peeking .mobile-settings-panel:before,.mobile-settings-overlay.is-peeking :is(.ms-nav,.ms-close,.ms-section-title,.ms-group-title,.ms-caption,.ms-slider:not(.is-active)){opacity:0}.mobile-settings-overlay.is-peeking .ms-slider.is-active{background:var(--ng-glass-2);box-shadow:0 0 0 .6rem var(--ng-glass-2),0 1rem 2rem -.5rem #000000b3}@media(max-height:500px){.mobile-settings-panel{inset:max(.5rem,env(safe-area-inset-top,0px)) max(.5rem,env(safe-area-inset-right,0px)) max(.5rem,env(safe-area-inset-bottom,0px)) max(.5rem,env(safe-area-inset-left,0px));transform:none;inline-size:auto;block-size:auto;grid-template-columns:clamp(8.75rem,22vw,10.5rem) minmax(0,1fr)}.ms-nav{gap:.15rem;padding:.6rem .5rem}.ms-title{margin-block-end:.3rem;font-size:clamp(1.05rem,5vmin,1.25rem)}.ms-tabs{gap:.1rem}.ms-scroll{padding:.75rem .9rem 1rem}.ms-section{gap:.6rem}}.dash-button{position:fixed;z-index:29;right:calc(16px + env(safe-area-inset-right,0px));bottom:calc(58px + env(safe-area-inset-bottom,0px));width:94px;height:94px;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;padding:10px 8px 8px;overflow:hidden;text-align:center;cursor:pointer}.dash-button:disabled{cursor:not-allowed;opacity:.9}.dash-ring-svg{position:absolute;inset:0;width:100%;height:100%;transform:rotate(-90deg);pointer-events:none}.dash-ring-bg{fill:none;stroke-width:6}.dash-ring{fill:none;stroke-width:6;stroke-linecap:round;stroke-dasharray:100;stroke-dashoffset:100;transition:stroke .15s ease}.dash-label,.dash-timer{position:relative;z-index:1;margin:0;max-width:100%;line-height:1.1;white-space:nowrap}.dpad-joystick{position:fixed;z-index:29;left:calc(16px + env(safe-area-inset-left,0px));bottom:calc(58px + env(safe-area-inset-bottom,0px));width:100px;height:100px;touch-action:none;user-select:none;opacity:.9;border-radius:50%;overflow:hidden}.dpad-joystick img{width:100%;height:100%;pointer-events:none}.dpad-joystick:after{content:"";position:absolute;inset:0;border-radius:50%;pointer-events:none;opacity:0;transition:opacity 80ms ease}.dpad-joystick[data-active-dir]:after{opacity:1}@media(max-width:720px){.dash-button{width:84px;height:84px;right:calc(12px + env(safe-area-inset-right,0px));bottom:calc(52px + env(safe-area-inset-bottom,0px))}}@media(max-height:500px){.dpad-joystick{width:90px;height:90px;left:calc(12px + env(safe-area-inset-left,0px));bottom:calc(52px + env(safe-area-inset-bottom,0px))}}@keyframes msPanelIn{0%{opacity:0;scale:.97}to{opacity:1;scale:1}}@keyframes msConfirmTimer{0%{transform:scaleX(1)}to{transform:scaleX(0)}}@media(prefers-reduced-motion:reduce){.mobile-settings-panel,.ms-section:not([hidden]),.ms-confirm[data-armed=true]:after{animation:none}.ms-seg-ind,.ms-switch-thumb{transition:none}.ms-tab:active,.ms-seg-btn:active,.ms-choice:active,.ms-reset:active,.ms-logout-btn:active,.ms-close:active{transform:none}}@media(prefers-reduced-transparency:reduce){.mobile-settings-overlay{background:#080607e6;-webkit-backdrop-filter:none;backdrop-filter:none}}@media(prefers-contrast:more){.ms-seg,.ms-choice,.ms-switch-row,.ms-links,.ms-reset{border-color:#ffffff73}}.debug-hud{position:fixed;z-index:35;left:10px;bottom:10px;min-width:min(520px,calc(100vw - 20px));max-width:min(680px,calc(100vw - 20px));max-height:42vh;overflow:auto;margin:0;padding:10px;border:1px solid rgba(171,47,67,.55);background:#090407e0;color:#f0dce0;font-size:12px;line-height:1.42}.infection-count-top{position:fixed;z-index:26;top:calc(clamp(.5rem,2vmin,1rem) + env(safe-area-inset-top,0rem));right:calc(clamp(.5rem,2vmin,1rem) + env(safe-area-inset-right,0rem));min-width:clamp(8.5rem,22vmin,12rem);padding:clamp(.5rem,1.4vmin,.7rem) clamp(.7rem,2vmin,.95rem);border-radius:var(--ng-radius-md);background:#0e0b0dad;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:inset 0 0 0 1px var(--ng-hairline),0 18px 40px -24px #000000e6;color:var(--ng-text-1);font-family:var(--ng-font-body);font-size:clamp(.66rem,1.65vmin,.86rem);display:flex;flex-direction:column;gap:clamp(.25rem,.8vmin,.4rem);pointer-events:none}.infection-count-title{margin:0;color:var(--ng-text-3);font-size:.82em;font-weight:600;letter-spacing:.04em}.infection-count-row{display:grid;grid-template-columns:1fr auto;align-items:center;gap:.6em}.infection-count-label{display:inline-flex;align-items:center;gap:.45em;font-weight:700;color:var(--ng-text-2)}.infection-count-label:before{content:"";flex:0 0 auto;inline-size:.62em;block-size:.62em}.infection-count-label.human{color:var(--ng-cat-sur-text)}.infection-count-label.human:before{border-radius:50%;background:var(--ng-cat-sur)}.infection-count-label.monster{color:var(--ng-action-text)}.infection-count-label.monster:before{transform:rotate(45deg) scale(.9);background:var(--ng-action-text)}#infection-count-human,#infection-count-monster{font-family:var(--ng-font-display);font-weight:400;font-size:1.35em;line-height:1;color:var(--ng-text-1);font-variant-numeric:tabular-nums}@media(max-height:500px){.infection-count-top{top:calc(clamp(.25rem,1vmin,.5rem) + env(safe-area-inset-top,0rem));right:calc(clamp(.25rem,1vmin,.5rem) + env(safe-area-inset-right,0rem));padding:.4rem .65rem}}@media(prefers-reduced-transparency:reduce){.infection-count-top{-webkit-backdrop-filter:none;backdrop-filter:none;background:#151013}}.horror-heart{position:fixed;left:calc(clamp(.9rem,2vmin,1rem) + env(safe-area-inset-left,0rem));top:calc(clamp(.5rem,2vmin,.875rem) + env(safe-area-inset-top,0rem));z-index:26;display:flex;align-items:center;gap:.375rem;pointer-events:none;transform-origin:1.75rem 52%;will-change:transform,opacity;filter:drop-shadow(0 0 6px rgba(170,0,20,.55))}.horror-heart-svg{width:clamp(2.25rem,8vmin,3.5rem);height:clamp(2.25rem,8vmin,3.5rem);display:block}.horror-heart-bpm{font:700 clamp(.75rem,2vmin,.9375rem)/1 "Galmuri11","NanumBarunpenB",sans-serif;color:#f2c4c8;letter-spacing:.04em;text-shadow:0 0 4px rgba(0,0,0,.8)}.infection-heart-effect{position:absolute;inset-block-start:50%;inset-inline-start:calc(100% + .4rem);transform:translateY(-50%);inline-size:max-content;max-inline-size:12em;padding:.3em .6em;border-radius:var(--ng-radius-sm);background:var(--ng-glass-2);color:var(--ng-text-1);font:700 clamp(.65rem,1.8vmin,.8rem)/1.3 var(--ng-font-body);white-space:normal}.tag-rank-top{position:fixed;z-index:26;top:calc(clamp(.5rem,2vmin,1rem) + env(safe-area-inset-top,0rem));right:calc(clamp(.5rem,2vmin,1rem) + env(safe-area-inset-right,0rem));min-width:clamp(10rem,27vmin,15rem);max-width:min(clamp(12.4rem,33vmin,18rem),calc(100vw - clamp(1rem,3vmin,2rem)));padding:clamp(.5rem,1.4vmin,.7rem) clamp(.6rem,1.8vmin,.85rem);border-radius:var(--ng-radius-md);background:#0e0b0dad;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:inset 0 0 0 1px var(--ng-hairline),0 18px 40px -24px #000000e6;color:var(--ng-text-1);font-family:var(--ng-font-body);font-size:clamp(.66rem,1.6vmin,.84rem);display:flex;flex-direction:column;gap:clamp(.3rem,.8vmin,.45rem);pointer-events:none}.tag-rank-leader{display:flex;align-items:center;gap:.4em;margin:0;color:var(--ng-text-3);font-size:.86em;font-weight:600;letter-spacing:.01em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tag-rank-leader:before{content:"";flex:0 0 auto;inline-size:1.1em;block-size:1.1em;background:var(--ng-text-2);-webkit-mask:var(--ng-mode-ico-crown) center / contain no-repeat;mask:var(--ng-mode-ico-crown) center / contain no-repeat}.tag-rank-list{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:.15em}.tag-rank-item{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:.5em;padding:.18em .35em .18em .2em;border-radius:var(--ng-radius-sm);font-size:.92em}.tag-rank-place{display:inline-grid;place-items:center;min-inline-size:1.45em;block-size:1.45em;border-radius:.4em;background:#f2ece814;color:var(--ng-text-2);font-size:.86em;font-weight:800;font-variant-numeric:tabular-nums}.tag-rank-name{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;color:var(--ng-text-1);font-weight:700}.tag-rank-time{color:var(--ng-text-2);font-variant-numeric:tabular-nums;font-weight:700}.tag-rank-item.leader{background:#f2ece812}.tag-rank-item.leader .tag-rank-place{background:var(--ng-text-1);color:#141013}.tag-rank-item.is-me .tag-rank-name,.tag-rank-item.is-me .tag-rank-time{color:var(--ng-self)}.tag-rank-item.is-me .tag-rank-place{box-shadow:inset 0 0 0 1px var(--ng-self)}@media(max-height:500px){.tag-rank-top{top:calc(clamp(.25rem,1vmin,.5rem) + env(safe-area-inset-top,0rem));right:calc(clamp(.25rem,1vmin,.5rem) + env(safe-area-inset-right,0rem));padding:.4rem .55rem}}@media(prefers-reduced-transparency:reduce){.tag-rank-top{-webkit-backdrop-filter:none;backdrop-filter:none;background:#151013}}.defense-kill-feed-container{position:fixed;z-index:40;left:50%;bottom:calc(clamp(6rem,20vmin,12rem) + env(safe-area-inset-bottom,0px));transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:clamp(.25rem,.9vmin,.4rem);max-inline-size:min(92vw,30rem);pointer-events:none}.defense-kill-toast{display:flex;align-items:center;gap:.55em;max-inline-size:100%;padding:.5em 1em .5em .8em;border-radius:999px;background:#0e0b0dc7;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:inset 0 0 0 1px var(--ng-hairline),0 14px 32px -18px #000000e6;color:var(--ng-text-1);font-family:var(--ng-font-body);font-size:clamp(.82rem,2.3vmin,1rem);font-weight:700;line-height:1.25;white-space:nowrap;animation:ng-feed-in 2s var(--ng-ease) forwards}.defense-kill-toast .reward-text{min-inline-size:0;overflow:hidden;text-overflow:ellipsis;color:var(--ng-text-2);font-weight:600}@keyframes ng-feed-in{0%{opacity:0;transform:translateY(.5rem)}8%{opacity:1;transform:none}85%{opacity:1;transform:none}to{opacity:0;transform:translateY(-.4rem)}}.defense-team-hud-container{--defense-team-hud-top: max( calc(env(safe-area-inset-top, 0px) + clamp(10.75rem, 29vmin, 12.25rem)) , calc(var(--defense-minimap-bottom, 0px) + .5rem) );position:fixed;z-index:30;top:var(--defense-team-hud-top);right:calc(env(safe-area-inset-right,0px) + clamp(.5rem,2vmin,1rem));display:flex;flex-direction:column;align-items:flex-end;gap:clamp(.25rem,.8vmin,.4rem);pointer-events:none;max-block-size:calc(100dvh - var(--defense-team-hud-top) - clamp(16rem,42vmin,19rem));overflow:hidden}.defense-teammate-row{display:flex;align-items:center;gap:clamp(.4rem,1.2vmin,.6rem);padding:clamp(.25rem,.8vmin,.35rem) clamp(.5rem,1.5vmin,.75rem) clamp(.25rem,.8vmin,.35rem) clamp(.25rem,.8vmin,.35rem);border-radius:var(--ng-radius-md);background:#0e0b0d9e;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:inset 0 0 0 1px var(--ng-hairline);transition:opacity .3s ease,filter .3s ease}.defense-teammate-row.is-dead{filter:grayscale(1);opacity:.55}.defense-teammate-portrait{flex:0 0 auto;block-size:clamp(2rem,5.6vmin,2.6rem);inline-size:auto;aspect-ratio:2 / 3;max-inline-size:clamp(2rem,5.6vmin,2.8rem);border-radius:var(--ng-radius-sm);background-color:#00000059;box-shadow:inset 0 0 0 1px #f2ece814;image-rendering:pixelated}.defense-teammate-info{display:flex;flex-direction:column;align-items:flex-end;gap:.22rem;min-inline-size:0}.defense-teammate-name{max-width:clamp(6rem,18vmin,10rem);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--ng-text-1);font-family:var(--ng-font-body);font-size:clamp(.74rem,2vmin,.88rem);font-weight:700;line-height:1.15}.defense-teammate-stats{display:flex;align-items:center;gap:clamp(.4rem,1.2vmin,.6rem);color:var(--ng-text-2);font-size:clamp(.68rem,1.8vmin,.78rem)}.defense-teammate-hp-bar{position:relative;inline-size:clamp(3rem,10vmin,5rem);block-size:clamp(.3rem,.9vmin,.4rem);border-radius:999px;background:#f2ece81f;overflow:hidden}.defense-teammate-hp-fill{block-size:100%;border-radius:inherit;background:var(--ng-cat-sur);transition:width .2s ease,background-color .3s ease}.defense-teammate-row.is-low-hp .defense-teammate-hp-fill{background:var(--ng-action-text);animation:hpPulse 1s ease-in-out infinite alternate}.defense-teammate-row.is-low-hp .defense-teammate-name{color:var(--ng-action-text)}@keyframes hpPulse{0%{opacity:1}to{opacity:.55}}.defense-teammate-kills{display:inline-flex;align-items:center;gap:.2em;color:var(--ng-text-2);font-weight:700;font-variant-numeric:tabular-nums}.defense-teammate-kills:before{content:"";inline-size:.95em;block-size:.95em;background:currentColor;-webkit-mask:var(--ng-mode-ico-blade) center / contain no-repeat;mask:var(--ng-mode-ico-blade) center / contain no-repeat;opacity:.8}.fx-needle-slash-container{position:absolute;pointer-events:none;z-index:50;left:50%;top:50%;transform:translate(-50%,-50%)}.fx-needle-slash{width:clamp(4rem,15vmin,8rem);height:clamp(.2rem,.8vmin,.4rem);background:#f4eeff;border-radius:50%;box-shadow:0 0 clamp(.5rem,2vmin,.95rem) var(--ng-cat-rare),0 0 clamp(1.25rem,5vmin,2.5rem) #b592ffb3;animation:needleSlashAnim .15s cubic-bezier(.1,.9,.2,1) forwards;transform-origin:center}@keyframes needleSlashAnim{0%{transform:scaleX(0) scaleY(2) rotate(45deg);opacity:1}50%{transform:scaleX(1) scaleY(1) rotate(45deg);opacity:1;filter:brightness(2)}to{transform:scaleX(1.5) scaleY(0) rotate(45deg);opacity:0}}.fx-enemy-hit-flash{animation:enemyHitFlash .2s ease-out}@keyframes enemyHitFlash{0%{filter:brightness(2) contrast(1.5) hue-rotate(-20deg)}to{filter:brightness(1) contrast(1) hue-rotate(0deg)}}.fx-screen-shake-quick{animation:screenShakeQuick .15s ease-in-out}@keyframes screenShakeQuick{0%{transform:translate(0)}25%{transform:translate(clamp(2px,.5vmin,4px),clamp(-2px,-.5vmin,-4px))}50%{transform:translate(clamp(-2px,-.5vmin,-4px),clamp(2px,.5vmin,4px))}75%{transform:translate(clamp(1px,.2vmin,2px),clamp(1px,.2vmin,2px))}to{transform:translate(0)}}.defense-auto-attack-toggle{position:fixed;z-index:29;right:calc(1rem + env(safe-area-inset-right,0px));bottom:calc(10.25rem + env(safe-area-inset-bottom,0px));inline-size:5.875rem;min-block-size:2.25rem;padding:0 .6rem;border:0;border-radius:999px;background:#0e0b0db3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:inset 0 0 0 1px var(--ng-hairline-strong),0 10px 24px -14px #000000e6;color:var(--ng-text-2);display:flex;align-items:center;justify-content:center;gap:.4em;font-family:var(--ng-font-body);font-size:.75rem;font-weight:700;letter-spacing:.04em;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:transform var(--ng-press-ms) ease-out,color .15s ease,background-color .15s ease,box-shadow .15s ease}.defense-auto-attack-toggle:active{transform:scale(.96)}.defense-auto-attack-toggle:focus-visible{outline:2px solid var(--ng-text-1);outline-offset:3px}.defense-auto-attack-toggle:before{content:"";inline-size:.45rem;block-size:.45rem;border-radius:50%;box-shadow:inset 0 0 0 1.5px currentColor}.defense-auto-attack-toggle .defense-auto-attack-state{font-size:.7rem;color:var(--ng-text-3);transition:color .15s ease}.defense-auto-attack-toggle[data-on="1"]{background:#c93a244d;box-shadow:inset 0 0 0 1px #ff6b4ab3,0 10px 24px -12px var(--ng-action-glow);color:var(--ng-text-1)}.defense-auto-attack-toggle[data-on="1"]:before{background:var(--ng-action-text);box-shadow:0 0 .5rem var(--ng-action-glow)}.defense-auto-attack-toggle[data-on="1"] .defense-auto-attack-state{color:var(--ng-action-text)}.defense-alert-toast{animation:ng-feed-in 3s var(--ng-ease) forwards}.defense-alert-toast:before{content:"";flex:0 0 auto;inline-size:1.05em;block-size:1.05em;background:currentColor}.defense-alert-danger{color:var(--ng-action-text);box-shadow:inset 0 0 0 1px #ff6b4a73,0 14px 32px -18px #c93a2499}.defense-alert-danger:before{-webkit-mask:var(--ng-mode-ico-alert) center / contain no-repeat;mask:var(--ng-mode-ico-alert) center / contain no-repeat}.defense-alert-danger>span:first-of-type{color:var(--ng-action-text)}.defense-alert-success{color:var(--ng-cat-sur-text)}.defense-alert-success:before{-webkit-mask:var(--ng-mode-ico-check) center / contain no-repeat;mask:var(--ng-mode-ico-check) center / contain no-repeat}.defense-alert-success>span:first-of-type{color:var(--ng-cat-sur-text)}.defense-alert-toast .reward-text{color:var(--ng-text-1)}@media(max-height:500px){.defense-kill-feed-container{bottom:calc(clamp(4.5rem,24vmin,6rem) + env(safe-area-inset-bottom,0px))}.defense-kill-toast{font-size:.78rem;padding:.4em .85em .4em .65em}.defense-team-hud-container{--defense-team-hud-top: max( calc(env(safe-area-inset-top, 0px) + 6rem) , calc(var(--defense-minimap-bottom, 0px) + .35rem) );right:calc(env(safe-area-inset-right,0px) + 7.25rem);max-block-size:calc(100dvh - var(--defense-team-hud-top) - 4rem);gap:.2rem}.defense-teammate-row{padding:.2rem .5rem}.defense-teammate-portrait{display:none}.defense-teammate-name{font-size:.7rem;max-width:7rem}.defense-teammate-stats{font-size:.64rem;gap:.4rem}.defense-teammate-hp-bar{inline-size:3.25rem;block-size:.28rem}}@media(prefers-reduced-motion:reduce){.defense-kill-toast,.defense-alert-toast{animation-name:ng-feed-fade}.defense-teammate-row.is-low-hp .defense-teammate-hp-fill{animation:none}.defense-auto-attack-toggle:active{transform:none}}@keyframes ng-feed-fade{0%{opacity:0}8%{opacity:1}85%{opacity:1}to{opacity:0}}@media(prefers-reduced-transparency:reduce){.defense-kill-toast,.defense-teammate-row,.defense-auto-attack-toggle{-webkit-backdrop-filter:none;backdrop-filter:none;background:#151013}}.defense-levelup-overlay{position:fixed;inset:0;z-index:60;display:flex;align-items:center;justify-content:center;background:var(--ng-scrim);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);animation:levelup-scrim-in var(--ng-panel-ms) ease-out both}.defense-levelup-panel{display:flex;flex-direction:column;align-items:center;gap:clamp(1rem,3.2vmin,1.75rem);max-inline-size:min(96vw,64rem);max-block-size:100dvh;padding:clamp(.75rem,2.4vmin,1.5rem);box-sizing:border-box;overflow-y:auto;color:var(--ng-text-1);font-family:var(--ng-font-body)}.defense-levelup-head{display:flex;flex-direction:column;align-items:center;gap:.5em}.defense-levelup-headline{display:flex;align-items:center;gap:.75em}.defense-levelup-level{padding:.3em .8em;border-radius:var(--radius-full);background:#f2ece81a;border:1px solid var(--ng-hairline-strong);font-family:var(--ng-font-display);font-size:clamp(.9rem,2.4vmin,1.15rem)}.defense-levelup-title{margin:0;font-family:var(--ng-font-display);font-weight:400;font-size:clamp(1.9rem,6vmin,2.9rem);line-height:1.05;letter-spacing:-.01em}.defense-levelup-sub{margin:0;color:var(--ng-text-2);font-size:clamp(.85rem,2.1vmin,.95rem)}.defense-levelup-timer{inline-size:clamp(12rem,34vmin,26rem);block-size:.25rem;margin-block-start:.35em;border-radius:var(--radius-full);background:#ffffff1a;overflow:hidden}#defense-levelup-timer-fill{block-size:100%;inline-size:100%;border-radius:inherit;background:var(--ng-text-2);transition:width .1s linear,background-color .3s ease}#defense-levelup-timer-fill.is-urgent{background:var(--ng-action-text)}.defense-levelup-cards{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(0,clamp(12rem,24vw,19rem));gap:clamp(.8rem,2.4vmin,1.25rem);align-items:stretch}.defense-levelup-card{display:flex;flex-direction:column;gap:.7em;min-block-size:clamp(16rem,50vmin,25.5rem);padding:clamp(1rem,2.6vmin,1.25rem);box-sizing:border-box;font-size:clamp(.85rem,2vmin,1rem);rotate:var(--fan-rot, 0deg);top:var(--fan-drop, 0)}.defense-levelup-card:disabled{cursor:default}.defense-levelup-card.ng-card{--card-tint: rgba(20, 15, 14, .18);background:linear-gradient(var(--card-tint),var(--card-tint)),url("./card-front-FBOQQI3X.jpg") var(--stain-a-x, 50%) var(--stain-a-y, 50%) / 150% auto no-repeat,#1d1817;border-radius:.95rem .8rem 1rem .75rem}.defense-levelup-card.ng-card[data-cat=rare]{--card-tint: rgba(64, 36, 92, .32)}.defense-levelup-card.ng-card[data-cat=gold]{--card-tint: rgba(92, 70, 24, .3)}.levelup-card-frame{position:absolute;inset:.4rem;border:1px solid rgba(233,210,154,.16);border-radius:.6rem .5rem .65rem .45rem;pointer-events:none;-webkit-mask:linear-gradient(#000,#000) center / calc(100% - 1.4rem) 100% no-repeat,linear-gradient(#000,#000) center / 100% calc(100% - 1.4rem) no-repeat;mask:linear-gradient(#000,#000) center / calc(100% - 1.4rem) 100% no-repeat,linear-gradient(#000,#000) center / 100% calc(100% - 1.4rem) no-repeat}.levelup-card-back{position:absolute;inset:0;z-index:3;border-radius:inherit;opacity:0;pointer-events:none;background:url("./card-back-JTNWWO3B.jpg") center / cover no-repeat,#2a1210}.defense-levelup-card.is-dealing{animation:levelup-card-deal .64s cubic-bezier(.2,.85,.25,1.04) var(--deal-delay, 0ms) both;pointer-events:none}.defense-levelup-card.is-dealing .levelup-card-back{animation:levelup-card-back-hide .64s linear var(--deal-delay, 0ms) both}.defense-levelup-card.is-discarded{animation:levelup-card-discard .52s cubic-bezier(.55,0,.8,.35) var(--discard-delay, 0ms) forwards;pointer-events:none}.defense-levelup-card.is-folding{animation:levelup-card-fold .26s cubic-bezier(.4,0,.7,.4) forwards;pointer-events:none}.defense-levelup-card.is-folding .levelup-card-back{animation:levelup-card-back-show .26s linear forwards}.defense-levelup-card.is-taken{animation:levelup-card-take .42s cubic-bezier(.5,0,.75,.2) .14s both}.defense-levelup-overlay.is-closing{pointer-events:none;animation:levelup-scrim-out var(--levelup-close-ms, .66s) ease-in forwards}.defense-levelup-overlay.is-closing .defense-levelup-head,.defense-levelup-overlay.is-closing .defense-levelup-waiting,.defense-levelup-overlay.is-closing .defense-levelup-help{animation:levelup-fade-out .2s ease-in forwards}.defense-levelup-panel.is-animating,.defense-levelup-overlay.is-closing .defense-levelup-panel{overflow:visible}.defense-levelup-card-top{display:flex;align-items:center;justify-content:space-between;gap:.5em}.defense-levelup-card-icon .ng-badge__pixel{image-rendering:pixelated}.defense-levelup-card-icon{inline-size:clamp(3.25rem,9vmin,4.75rem);block-size:clamp(3.25rem,9vmin,4.75rem)}.defense-levelup-card-title{font-family:var(--ng-font-display);font-weight:400;font-size:clamp(1.15rem,3.2vmin,1.6rem);line-height:1.15}.defense-levelup-card-level{display:flex;align-items:center;gap:.6em;font-size:.8rem;color:var(--ng-text-2)}.defense-levelup-card-new{padding:.15em .5em;border-radius:.4rem;background:var(--ng-text-1);color:#141013;font-size:.68rem;font-weight:700}.defense-levelup-card-effects{display:flex;flex-direction:column;gap:.45em}.defense-levelup-card-effect{display:flex;flex-direction:column;gap:.1em}.defense-levelup-card-effect-label{font-size:.72rem;letter-spacing:.02em;color:var(--ng-text-3)}.defense-levelup-card-desc{font-size:.88rem;line-height:1.45;color:var(--ng-text-2)}.defense-levelup-card-next{font-size:clamp(1rem,2.6vmin,1.2rem);font-weight:700;line-height:1.35;color:var(--ng-text-1)}.defense-levelup-card[data-cat=atk] .defense-levelup-card-next{color:var(--ng-cat-atk-text)}.defense-levelup-card[data-cat=sur] .defense-levelup-card-next{color:var(--ng-cat-sur-text)}.defense-levelup-card[data-cat=mob] .defense-levelup-card-next{color:var(--ng-cat-mob-text)}.defense-levelup-card[data-cat=rare] .defense-levelup-card-next{color:var(--ng-cat-rare-text)}.defense-levelup-card[data-cat=gold] .defense-levelup-card-next{color:var(--ng-cat-gold-text)}.defense-levelup-card[data-cat=rare] .defense-levelup-card-next{font-size:clamp(.82rem,2vmin,.92rem);font-weight:600;line-height:1.5}.defense-levelup-card.is-selected,.defense-levelup-card.is-confirmed{padding-block-end:3rem}.defense-levelup-card-note{margin-block-start:auto;font-size:.75rem;color:var(--ng-text-2)}.defense-levelup-card-warning{display:flex;gap:.45em;align-items:flex-start;margin-block-start:auto;font-size:.78rem;line-height:1.45;color:var(--ng-cat-rare-text)}.defense-levelup-card-warning:before{content:"";flex-shrink:0;inline-size:1em;block-size:1em;margin-block-start:.15em;background:currentColor;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 3 L22 20 H2 Z M12 10 V14 M12 17 V17.01' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 3 L22 20 H2 Z M12 10 V14 M12 17 V17.01' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / contain no-repeat}.defense-levelup-card-synergy-hint{display:flex;gap:.55em;align-items:flex-start;margin-block-start:auto;padding:.6em .7em;border-radius:var(--ng-radius-sm);background:#f2ece814;font-size:.78rem;line-height:1.4;color:var(--ng-text-1)}.defense-levelup-card-synergy-icon{flex-shrink:0;inline-size:1em;block-size:1em;margin-block-start:.15em}.defense-levelup-card-synergy-icon path{fill:none;stroke:var(--ng-cat-gold-text);stroke-width:2;stroke-linejoin:round}.defense-levelup-card-synergy-body{display:flex;flex-direction:column;gap:.15em}.defense-levelup-card-synergy-head{display:flex;flex-wrap:wrap;gap:.4em}.defense-levelup-card-synergy-head strong{font-weight:700}.defense-levelup-card-synergy-effect{color:var(--ng-text-2)}.defense-levelup-card.rare-taken{filter:grayscale(.85) brightness(.6);cursor:not-allowed}.defense-levelup-waiting{margin:0;text-align:center;color:var(--ng-text-2);font-size:clamp(.8rem,2vmin,.95rem);animation:levelup-waiting 1.5s ease-in-out infinite alternate}.defense-levelup-help{margin:0;display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:.5em .9em;font-size:.78rem;color:var(--ng-text-3);text-align:center}.defense-levelup-help-keys{display:inline-flex;align-items:center;gap:.35em}@media(hover:none){.defense-levelup-keycap,.defense-levelup-help-keys{display:none}}@media(max-height:500px){.defense-levelup-panel{gap:.7rem;padding:.6rem .9rem}.defense-levelup-title{font-size:clamp(1.4rem,7vmin,1.9rem)}.defense-levelup-sub,.defense-levelup-help{display:none}.defense-levelup-card{min-block-size:auto;gap:.45em;padding:.75rem}.defense-levelup-card-icon{inline-size:2.75rem;block-size:2.75rem}.defense-levelup-card-title{font-size:1.1rem}.defense-levelup-card-next{font-size:.95rem}.defense-levelup-card.is-selected{transform:translateY(-6px)}.defense-levelup-card.is-confirmed{transform:translateY(-6px) scale(1.02)}.defense-levelup-card.is-selected,.defense-levelup-card.is-confirmed{padding-block-end:2.6rem}.defense-levelup-card{--fan-rot: 0deg !important;--fan-drop: 0rem !important}}@keyframes levelup-scrim-in{0%{opacity:0}to{opacity:1}}@keyframes levelup-card-deal{0%{opacity:0;translate:var(--deal-x, 0) var(--deal-y, 0);rotate:var(--deal-rot, 0deg);scale:.78}10%{opacity:1}58%{translate:0 0;rotate:var(--fan-rot, 0deg);scale:1}72%{scale:.02 1}88%{scale:1.035 1}to{opacity:1;translate:0 0;rotate:var(--fan-rot, 0deg);scale:1}}@keyframes levelup-card-back-hide{0%,71.9%{opacity:1}72%,to{opacity:0}}@keyframes levelup-card-back-show{0%,39.9%{opacity:0}40%,to{opacity:1}}@keyframes levelup-card-discard{0%{opacity:1;translate:0 0}20%{translate:calc(var(--discard-x, 0) * -.04) -.6rem}to{opacity:0;translate:var(--discard-x, 0) 55vh;rotate:calc(var(--fan-rot, 0deg) + var(--discard-rot, 20deg))}}@keyframes levelup-card-fold{0%{scale:1;opacity:1}40%{scale:.02 1}to{scale:.7;opacity:0;translate:var(--deal-x, 0) var(--deal-y, 0);rotate:var(--deal-rot, 0deg)}}@keyframes levelup-card-take{0%{scale:1.03;opacity:1}25%{scale:1.08;translate:0 -.5rem}to{scale:.12;opacity:0;translate:var(--take-x, 0) var(--take-y, 0);rotate:0deg}}@keyframes levelup-scrim-out{0%,72%{opacity:1}to{opacity:0}}@keyframes levelup-fade-out{to{opacity:0}}@keyframes levelup-waiting{0%{opacity:.6}to{opacity:1}}@media(prefers-reduced-motion:reduce){.defense-levelup-overlay,.defense-levelup-card,.defense-levelup-waiting,.levelup-card-back{animation:none}.defense-levelup-card{rotate:0deg;top:0}.defense-levelup-card.is-discarded{opacity:.25;transition:opacity .2s ease}}.defense-levelup-card[data-rarity=common]{border-color:#3ccfb873}.defense-levelup-card[data-rarity=rare]{border-color:#b592ffb3}.defense-levelup-card[data-rarity=legendary]{border-color:#f4c95de6;box-shadow:0 18px 40px -22px #000000e6,var(--ng-highlight),inset 0 0 0 .1875rem #f4c95d38}.defense-levelup-card[data-kind=evolve] .defense-levelup-card-note{color:var(--ng-cat-gold-text);font-weight:700}.defense-levelup-card[data-kind=twoEdged] .defense-levelup-card-note{color:var(--ng-cat-rare-text)}.night-levelup-reroll{padding:.35em .9em;border:0;border-radius:100vmax;background:var(--ng-glass-2);box-shadow:inset 0 0 0 .0625rem var(--ng-hairline);color:var(--ng-text-1);font-family:var(--ng-font-body);font-size:clamp(.72rem,1.9vmin,.85rem);font-weight:700;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent}.night-levelup-reroll:active:not(:disabled){transform:scale(.97)}.night-levelup-reroll:disabled{opacity:.45;cursor:default}.night-levelup-reroll:focus-visible{outline:2px solid var(--ng-text-1);outline-offset:3px}.night-hud-container{position:fixed;z-index:30;isolation:isolate;top:max(.75rem,env(safe-area-inset-top));left:max(.75rem,env(safe-area-inset-left));width:clamp(14rem,34vmin,21rem);box-sizing:border-box;padding:.7em .8em .75em;display:grid;gap:.45em;color:var(--ng-text-1);border-radius:var(--ng-radius-md);background:#0e0b0dc2;box-shadow:inset 0 0 0 1px var(--ng-hairline),0 18px 40px -24px #000000e6;font-family:var(--ng-font-body);font-size:clamp(.72rem,1.65vmin,.92rem);line-height:1.3;pointer-events:auto;transition:box-shadow .2s ease,background-color .2s ease}.night-hud-container:has(.night-hud-oni-warning.is-active){box-shadow:inset 0 0 0 1px #ff6b4a8c,0 18px 40px -20px #c93a248c}.night-hud-header,.night-hud-stats,.night-hud-content,.night-entry-actions,.night-result-stats{display:flex;align-items:center;gap:.5em}.night-hud-header{flex-wrap:wrap;gap:.35em .5em}.night-hud-zone{flex:1 1 auto;min-inline-size:0;font-family:var(--ng-font-display);font-weight:400;font-size:1.12em;line-height:1.15;color:var(--ng-text-1);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.night-hud-depth,.night-hud-keys{display:inline-flex;align-items:center;gap:.3em;padding:.15em .55em;border-radius:999px;background:#f2ece814;color:var(--ng-text-2);font-size:.78em;font-weight:700;font-variant-numeric:tabular-nums;white-space:nowrap}.night-hud-depth:empty,.night-hud-keys:empty{display:none}.night-hud-keys{color:var(--ng-cat-gold-text);background:#f4c95d1f}.night-hud-keys:before{content:"";inline-size:1em;block-size:1em;background:currentColor;-webkit-mask:var(--ng-mode-ico-key) center / contain no-repeat;mask:var(--ng-mode-ico-key) center / contain no-repeat}.night-hud-stats{flex-wrap:wrap;gap:.2em .7em;color:var(--ng-text-2);font-size:.8em;font-variant-numeric:tabular-nums}.night-hud-stats span:empty{display:none}.night-hud-hp{color:var(--ng-text-1);font-weight:700}.night-hud-gold{color:var(--ng-cat-gold-text)}.night-hud-curse{color:var(--ng-cat-rare-text)}.night-hud-hp-track,.night-combo-gauge{width:100%;overflow:hidden;border-radius:99em;background:#f2ece81f}.night-hud-hp-track{height:.5em}.night-combo-gauge{height:.3em}.night-hud-hp-fill,.night-combo-gauge-fill{width:0%;height:100%;border-radius:inherit;transition:width .18s ease-out}.night-hud-hp-fill{background:var(--ng-cat-sur)}.night-combo-gauge-fill,.night-combo-gauge-fill.night-combo-tier-1{background:var(--ng-cat-mob)}.night-combo-gauge-fill.night-combo-tier-2{background:var(--ng-cat-sur)}.night-combo-gauge-fill.night-combo-tier-3{background:var(--ng-cat-gold)}.night-combo-gauge-fill.night-combo-tier-4{background:var(--ng-cat-atk)}.night-combo-gauge-fill.night-combo-tier-5{background:var(--ng-action-text);box-shadow:0 0 .6em var(--ng-action-glow)}.night-hud-content{flex-wrap:wrap;gap:.3em;min-height:0}.night-hud-content>:empty{display:none}.night-combo-label,.night-hud-boss,.night-hud-weakness,.night-hud-oni-warning,.night-hidden-status{display:inline-flex;align-items:center;gap:.35em;padding:.2em .6em;border-radius:999px;font-size:.8em;font-weight:700;line-height:1.25}.night-combo-label{background:#f2ece814;color:var(--ng-text-1);font-variant-numeric:tabular-nums}.night-hud-boss{background:#ff7a4d24;color:var(--ng-cat-atk-text)}.night-hud-weakness{background:#f4c95d24;color:var(--ng-cat-gold-text);font-variant-numeric:tabular-nums}.night-hud-oni-warning{background:#c93a2438;color:var(--ng-action-text);box-shadow:inset 0 0 0 1px #ff6b4a73}.night-hud-oni-warning:before{content:"";inline-size:1.05em;block-size:1.05em;background:currentColor;-webkit-mask:var(--ng-mode-ico-alert) center / contain no-repeat;mask:var(--ng-mode-ico-alert) center / contain no-repeat}.night-hud-oni-warning.is-active{animation:night-warn-flicker 1.4s ease-in-out infinite}.night-hud-oni-warning:not(.is-active){display:none}.night-hidden-status{background:#3ccfb824;color:var(--ng-cat-sur-text)}.night-hidden-status:before{content:"";inline-size:1.05em;block-size:1.05em;background:currentColor;-webkit-mask:var(--ng-mode-ico-eye) center / contain no-repeat;mask:var(--ng-mode-ico-eye) center / contain no-repeat}.night-hidden-status:not(.is-active){display:none}@keyframes night-warn-flicker{0%,to{opacity:1}50%{opacity:.62}}.night-hud-interactions{display:flex;flex-wrap:wrap;gap:.35em}.night-hud-interactions:empty{display:none}.night-interaction-button,.night-style-card{font:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent}.night-interaction-button{min-height:2.25rem;padding:0 .85em;border:0;border-radius:var(--ng-radius-sm);background:#f2ece81a;box-shadow:inset 0 0 0 1px var(--ng-hairline-strong);color:var(--ng-text-1);font-size:.86em;font-weight:700;transition:transform var(--ng-press-ms) ease-out,background-color .15s ease}.night-interaction-button:not(:disabled):hover{background:#f2ece829}.night-interaction-button:not(:disabled):active{transform:scale(.96)}.night-interaction-button:focus-visible{outline:2px solid var(--ng-text-1);outline-offset:2px}.night-interaction-button:disabled{cursor:default;background:transparent;box-shadow:inset 0 0 0 1px #f2ece838;color:var(--ng-text-3)}@media(pointer:coarse){.night-interaction-button{min-height:2.75rem}}.night-slot-result{display:grid;gap:.35em;padding-top:.45em;border-top:1px solid var(--ng-hairline);font-size:.82em}.night-slot-result.hidden{display:none}.night-slot-title{color:var(--ng-cat-gold-text);font-weight:700}.night-slot-reels{display:flex;flex-wrap:wrap;gap:.3em}.night-slot-reel{padding:.2em .55em;border-radius:var(--ng-radius-sm);background:#0000004d;box-shadow:inset 0 0 0 1px var(--ng-hairline);color:var(--ng-text-1);font-weight:700;transition:filter .12s ease-out,color .12s ease-out}.night-slot-reel:not(.is-stopped){color:var(--ng-text-3);filter:blur(.06em)}.night-slot-reel.is-stopped.night-slot-gold,.night-slot-reel.is-stopped.night-slot-golden{color:var(--ng-cat-gold-text)}.night-slot-reel.is-stopped.night-slot-curse{color:var(--ng-cat-rare-text)}.night-slot-golden{color:var(--ng-cat-gold-text);font-weight:700}.night-slot-summary{color:var(--ng-text-2)}.night-hide-vignette{position:fixed;z-index:-1;inset:0;pointer-events:none;opacity:0;background:radial-gradient(ellipse 58% 52% at center,transparent 42%,rgba(4,6,8,.82) 100%);transition:opacity .24s ease-out}.night-hide-vignette.is-active{opacity:1}.night-hide-vision{display:none;color:var(--ng-cat-sur-text);font-size:.72em;letter-spacing:.08em}.night-hide-vision.is-active{display:block}.night-hud-container.is-hiding{background:#0a0c0d8c}.night-entry-overlay{position:fixed;z-index:50;inset:0;display:grid;padding:max(1rem,env(safe-area-inset-top)) max(1rem,env(safe-area-inset-right)) max(1rem,env(safe-area-inset-bottom)) max(1rem,env(safe-area-inset-left));background:var(--ng-scrim);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);overflow-y:auto}.night-entry-overlay.hidden{display:none}.night-entry-dialog{margin:auto;width:min(92vw,34rem);max-height:90svh;overflow:auto;box-sizing:border-box;padding:clamp(1rem,4vmin,1.75rem);border-radius:var(--ng-radius-lg);color:var(--ng-text-1);background:var(--ng-glass-1);-webkit-backdrop-filter:var(--ng-glass-blur);backdrop-filter:var(--ng-glass-blur);box-shadow:inset 0 0 0 1px var(--ng-hairline),0 24px 60px -24px #000000e6,var(--ng-highlight);font-family:var(--ng-font-body);animation:night-materialize var(--ng-panel-ms) var(--ng-ease) both}.night-entry-title{margin:0;font-family:var(--ng-font-display);font-weight:400;font-size:clamp(1.4rem,5vmin,2rem);line-height:1.1;color:var(--ng-text-1)}.night-entry-copy{margin:.5em 0 1em;color:var(--ng-text-2);font-size:clamp(.85rem,2.2vmin,.95rem)}.night-entry-progress,.night-entry-unlocks{margin:.7em 0 0;color:var(--ng-text-3);font-size:clamp(.74rem,1.9vmin,.82rem);line-height:1.5;font-variant-numeric:tabular-nums;word-break:keep-all;overflow-wrap:anywhere}.night-entry-unlocks{color:var(--ng-text-2)}.night-style-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(9rem,100%),1fr));gap:.55em}.night-style-card{position:relative;display:grid;gap:.3em;align-content:start;min-height:5.25em;padding:.75em .85em;border:0;border-radius:var(--ng-radius-md);text-align:left;color:var(--ng-text-1);background:var(--ng-glass-2);box-shadow:inset 0 0 0 1px var(--ng-hairline),var(--ng-highlight);transition:transform var(--ng-move-ms) var(--ng-ease),box-shadow .18s ease,opacity .18s ease}.night-style-name{font-family:var(--ng-font-display);font-weight:400;font-size:1.15em}.night-style-detail{color:var(--ng-text-2);font-size:.82em;line-height:1.4}.night-style-card:not(.is-locked):hover{box-shadow:inset 0 0 0 1px var(--ng-hairline-strong),var(--ng-highlight)}.night-style-card:not(.is-locked):active{transform:scale(.97);transition-duration:var(--ng-press-ms)}.night-style-card:focus-visible{outline:2px solid var(--ng-text-1);outline-offset:3px}.night-style-card.is-selected{box-shadow:inset 0 0 0 1.5px #f2ece8d9,0 16px 36px -20px #000000e6;transform:translateY(-3px)}.night-style-card.is-selected:after,.night-style-card.is-locked:after{content:"";position:absolute;top:.7em;right:.7em;inline-size:1em;block-size:1em;background:currentColor}.night-style-card.is-selected:after{-webkit-mask:var(--ng-mode-ico-check) center / contain no-repeat;mask:var(--ng-mode-ico-check) center / contain no-repeat}.night-style-card.is-locked{cursor:default;background:transparent;box-shadow:inset 0 0 0 1px #f2ece833;color:var(--ng-text-3)}.night-style-card.is-locked .night-style-detail{color:var(--ng-text-3)}.night-style-card.is-locked:after{-webkit-mask:var(--ng-mode-ico-lock) center / contain no-repeat;mask:var(--ng-mode-ico-lock) center / contain no-repeat}.night-entry-actions{justify-content:flex-end;margin-top:1.1em}.night-entry-actions .ng-btn{min-inline-size:7rem}.night-result-details{display:grid;gap:.5em;margin-top:.75em;padding:.75em .85em;border-radius:var(--ng-radius-md);color:var(--ng-text-1);background:#00000047;box-shadow:inset 0 0 0 1px var(--ng-hairline);font-family:var(--ng-font-body);font-size:clamp(.74rem,1.8vmin,.92rem);line-height:1.45}.night-result-stats{flex-wrap:wrap;gap:.35em}.night-result-stats>span{padding:.2em .65em;border-radius:999px;background:#f2ece814;font-weight:700;font-variant-numeric:tabular-nums}.night-result-clue{margin:0;color:var(--ng-text-2)}.night-result-unlocks{margin:0;color:var(--ng-cat-gold-text)}.night-result-cap{margin:0;color:var(--ng-text-3)}@keyframes night-combo-pulse{0%{filter:brightness(1)}45%{filter:brightness(1.7)}to{filter:brightness(1)}}.night-combo-gauge-fill.night-combo-pulse{animation:night-combo-pulse .26s ease-out}@keyframes night-materialize{0%{opacity:0;transform:scale(.96);filter:blur(6px)}to{opacity:1;transform:none;filter:none}}@media(max-height:500px){.night-hud-container{top:max(.4rem,env(safe-area-inset-top));left:max(.4rem,env(safe-area-inset-left));width:clamp(13rem,44vmin,18rem);padding:.5em .6em;gap:.32em}.night-hud-stats{font-size:.74em}.night-hud-interactions{max-width:70vw}.night-slot-result{padding-top:.3em}.night-entry-dialog{max-height:86svh;padding:.8rem 1rem}.night-entry-copy{margin:.3em 0 .6em}.night-style-card{min-height:0;padding:.55em .7em}}@media(prefers-reduced-motion:reduce){.night-hud-oni-warning.is-active,.night-combo-gauge-fill.night-combo-pulse,.night-entry-dialog{animation:none}.night-style-card,.night-style-card.is-selected{transform:none;transition:box-shadow .18s ease}}@media(prefers-reduced-transparency:reduce){.night-hud-container{background:#151013}.night-entry-dialog{-webkit-backdrop-filter:none;backdrop-filter:none;background:#151013}}@supports not (height: 1svh){.night-entry-dialog{max-height:86vh}}.night-hud-keyquest{margin-block:.15em .1em;padding:.3em .6em;border-radius:.5em;background:#f4c95d1a;color:var(--ng-cat-gold-text);font-size:.84em;font-weight:700;line-height:1.3;word-break:keep-all}.night-hud-keyquest:empty{display:none}.night-hud-keyquest.is-done{background:#78d68c1f;color:#a6e6b2}.night-hud-bandage{font-variant-numeric:tabular-nums}.night-bandage-btn{position:fixed;z-index:29;right:calc(7.675rem + env(safe-area-inset-right,0rem));bottom:calc(3.625rem + env(safe-area-inset-bottom,0rem));inline-size:clamp(3.2rem,11vmin,3.9rem);block-size:clamp(3.2rem,11vmin,3.9rem);display:grid;place-items:center;align-content:center;gap:.1em;padding:0;border:1px solid var(--ng-hairline-strong);border-radius:50%;background:#1611149e;color:var(--ng-text-1);font-family:var(--ng-font-body);font-weight:700;font-size:clamp(.7rem,2.2vmin,.82rem);font-variant-numeric:tabular-nums;box-shadow:0 1rem 2rem -1rem #000000e6,var(--ng-highlight);cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;pointer-events:auto;transition:transform 90ms ease-out,opacity .16s ease}.night-bandage-btn:active:not(:disabled){transform:scale(.94)}.night-bandage-btn:disabled{opacity:.4;cursor:default}.night-bandage-btn.is-active{border-color:#f3f0e699;box-shadow:0 0 0 .15rem #f3f0e640,var(--ng-highlight)}.night-bandage-icon{inline-size:1.35em;block-size:1.35em;border-radius:.3em;background:linear-gradient(#e0493a,#e0493a) center / 22% 64% no-repeat,linear-gradient(#e0493a,#e0493a) center / 64% 22% no-repeat,#eee9df}@media(hover:hover)and (pointer:fine){.night-bandage-btn:after{content:"B";position:absolute;inset-block-end:-.35rem;inset-inline-start:-.35rem;padding:.05em .4em;border-radius:.3em;background:#1c171b;border:1px solid var(--ng-hairline-strong);font-size:.72em}}body.story-cutscene-ui-hidden .night-bandage-btn{display:none}@media(max-height:500px){.night-bandage-btn{bottom:calc(2.6rem + env(safe-area-inset-bottom,0rem))}}@media(prefers-reduced-motion:reduce){.night-bandage-btn:active:not(:disabled){transform:none}}.night-oni-arrive{position:fixed;inset:0;z-index:18;pointer-events:none;opacity:0;box-shadow:inset 0 0 18vmin #c81e14d9}.night-oni-arrive.is-on{animation:night-oni-arrive .9s cubic-bezier(.2,.8,.2,1) forwards}@keyframes night-oni-arrive{0%{opacity:0}12%{opacity:1}to{opacity:0}}@media(prefers-reduced-motion:reduce){.night-oni-arrive.is-on{animation-duration:.6s}}.night-investigate-caption{position:fixed;z-index:28;left:50%;top:calc(50% + clamp(2.2rem,8vmin,4rem));transform:translate(-50%);max-width:min(80vw,26rem);padding:.35em .9em;border-radius:100vmax;background:var(--ng-glass-2);-webkit-backdrop-filter:var(--ng-glass-blur);backdrop-filter:var(--ng-glass-blur);color:var(--ng-cat-gold-text);font-size:clamp(.72rem,1.9vmin,.9rem);font-weight:400;letter-spacing:.01em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;pointer-events:none;animation:night-investigate-in .18s ease-out}.night-investigate-caption.is-cancel{color:var(--ng-text-2)}@keyframes night-investigate-in{0%{opacity:0;transform:translate(-50%,.3em)}to{opacity:1;transform:translate(-50%)}}@media(prefers-reduced-motion:reduce){.night-investigate-caption{animation:none}}@media(max-height:500px){.night-investigate-caption{top:calc(50% + clamp(1.8rem,11vmin,3rem))}}body.story-cutscene-ui-hidden .night-investigate-caption{display:none}.night-raid-toast{position:fixed;z-index:28;left:50%;bottom:calc(clamp(6.5rem,20vmin,8.5rem) + env(safe-area-inset-bottom,0rem));max-width:min(88vw,30rem);padding:.55em 1.1em;border-radius:100vmax;background:var(--ng-glass-1);-webkit-backdrop-filter:var(--ng-glass-blur);backdrop-filter:var(--ng-glass-blur);box-shadow:inset 0 0 0 .0625rem var(--ng-hairline);color:var(--ng-text-1);font-size:clamp(.8rem,2.2vmin,.92rem);font-weight:700;text-align:center;pointer-events:none;opacity:0;transform:translate(-50%,.4rem);transition:opacity .26s var(--ng-ease),transform .26s var(--ng-ease)}.night-raid-toast.is-on{opacity:1;transform:translate(-50%)}@media(prefers-reduced-motion:reduce){.night-raid-toast{transition:opacity .2s ease;transform:translate(-50%)}}@media(max-height:500px){.night-raid-toast{bottom:calc(clamp(4.2rem,24vmin,6rem) + env(safe-area-inset-bottom,0rem))}}body.story-cutscene-ui-hidden .night-raid-toast{display:none}.nh-hud{position:fixed;inset:0;z-index:31;pointer-events:none;color:var(--ng-text-1);font-family:var(--ng-font-body);--nh-warn: 0}.nh-hud button{pointer-events:auto;font-family:inherit}.nh-icon{inline-size:1.25em;block-size:1.25em;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex:none}body.is-night-horror .boss-story-portrait-wrap:has(.boss-story-portrait:not([src])){display:none}body.story-cutscene-ui-hidden .nh-hud :is(.nh-top,.nh-tools,.nh-toast,.nh-prompt,.nh-hint,.nh-note,.nh-notes-panel,.nh-map-panel){visibility:hidden}.nh-top{position:absolute;inset-block-start:calc(clamp(.6rem,2vmin,1rem) + env(safe-area-inset-top,0rem));inset-inline:0;margin-inline:auto;inline-size:max-content;max-inline-size:min(94vw,44rem);display:flex;align-items:center;gap:.5rem}.nh-objective,.nh-noise,.nh-notes-btn,.nh-map-btn{min-block-size:2.75rem;display:inline-flex;align-items:center;gap:.6em;padding:.45em 1em;border-radius:var(--radius-full);background:var(--ng-glass-1);backdrop-filter:var(--ng-glass-blur);-webkit-backdrop-filter:var(--ng-glass-blur);border:1px solid var(--ng-hairline);box-shadow:0 .75rem 1.75rem -1.1rem #000000e6,var(--ng-highlight)}.nh-objective{min-inline-size:0;flex:0 1 auto;transition:border-color .26s var(--ng-ease),box-shadow .26s var(--ng-ease)}.nh-objective.hidden{display:none}.nh-objective-label{flex:none;font-size:.72rem;font-weight:700;letter-spacing:.06em;color:var(--ng-text-3)}.nh-objective-text{min-inline-size:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:700;font-size:clamp(.9rem,2.3vmin,1.05rem)}.nh-objective.is-urgent{border-color:#ff6b4a8c;box-shadow:0 0 0 1px #ff6b4a2e,0 .9rem 2rem -1rem var(--ng-action-glow)}.nh-objective.is-urgent .nh-objective-label{color:var(--ng-action-text)}.nh-objective.is-new{animation:nh-objective-new .9s var(--ng-ease)}@keyframes nh-objective-new{0%{background:#f2ece838;border-color:#f2ece873}to{background:var(--ng-glass-1);border-color:var(--ng-hairline)}}.nh-noise{gap:.5em;padding-inline:.85em}.nh-noise-label{font-size:.72rem;font-weight:700;letter-spacing:.06em;color:var(--ng-text-3)}.nh-noise-bars{display:inline-flex;align-items:flex-end;gap:.18rem;block-size:1rem}.nh-noise-bar{display:block;inline-size:.28rem;border-radius:.1rem;background:#f2ece829;transition:background-color .18s ease}.nh-noise-bar.is-1{block-size:40%}.nh-noise-bar.is-2{block-size:70%}.nh-noise-bar.is-3{block-size:100%}.nh-noise:not([data-mode=aware]) :is(.nh-noise-bar.is-4,.nh-noise-bar.is-5,.nh-noise-bar.is-6){display:none}.nh-noise[data-mode=aware] .nh-noise-bar{block-size:70%;inline-size:.32rem}.nh-noise[data-mode=aware][data-level="1"] .nh-noise-bar:nth-child(-n+1),.nh-noise[data-mode=aware][data-level="2"] .nh-noise-bar:nth-child(-n+2),.nh-noise[data-mode=aware][data-level="3"] .nh-noise-bar:nth-child(-n+3){background:var(--ng-text-2)}.nh-noise[data-mode=aware][data-level="4"] .nh-noise-bar:nth-child(-n+4),.nh-noise[data-mode=aware][data-level="5"] .nh-noise-bar:nth-child(-n+5){background:#f4a340}.nh-noise[data-mode=aware][data-level="6"] .nh-noise-bar{background:var(--ng-action-text)}.nh-noise[data-mode=aware][data-alert=warn] .nh-noise-label{color:#f4a340}.nh-noise[data-mode=aware][data-alert="1"] .nh-noise-label{color:var(--ng-action-text)}.nh-noise[data-mode=aware][data-alert="1"]{animation:nh-aware-pulse .9s ease-in-out infinite}@keyframes nh-aware-pulse{50%{box-shadow:0 0 0 .12rem #ff5a4673}}@media(prefers-reduced-motion:reduce){.nh-noise[data-mode=aware][data-alert="1"]{animation:none}}.nh-noise:not([data-mode=aware])[data-level="1"] .nh-noise-bar.is-1,.nh-noise:not([data-mode=aware])[data-level="2"] :is(.nh-noise-bar.is-1,.nh-noise-bar.is-2){background:var(--ng-text-2)}.nh-noise:not([data-mode=aware])[data-level="3"] .nh-noise-bar{background:var(--ng-action-text)}.nh-noise:not([data-mode=aware])[data-level="3"] .nh-noise-label{color:var(--ng-action-text)}.nh-notes-btn,.nh-map-btn{color:var(--ng-text-1);cursor:pointer;font-weight:700;font-size:.88rem;transition:background-color .18s ease,transform var(--ng-press-ms) ease-out}.nh-map-btn.hidden{display:none}:is(.nh-notes-btn,.nh-map-btn):hover{background:var(--ng-glass-2)}:is(.nh-notes-btn,.nh-map-btn):active{transform:scale(.97)}:is(.nh-notes-btn,.nh-map-btn):focus-visible{outline:2px solid var(--ng-text-1);outline-offset:3px}.nh-notes-count{min-inline-size:1.4rem;padding:.05em .45em;border-radius:var(--radius-full);background:#f2ece81f;font-size:.75rem;text-align:center;font-variant-numeric:tabular-nums}.nh-tools{position:absolute;inset-inline-end:calc(8rem + env(safe-area-inset-right,0rem));inset-block-end:calc(4.25rem + env(safe-area-inset-bottom,0rem));display:flex;gap:.6rem}.nh-tool{position:relative;inline-size:clamp(4.25rem,11vmin,5rem);block-size:clamp(4.25rem,11vmin,5rem);display:grid;place-items:center;align-content:center;gap:.2rem;padding:.4rem;border:1px solid var(--ng-hairline-strong);border-radius:var(--ng-radius-lg);background:var(--ng-glass-2);backdrop-filter:var(--ng-glass-blur);-webkit-backdrop-filter:var(--ng-glass-blur);color:var(--ng-text-1);cursor:pointer;box-shadow:0 1rem 2rem -1.2rem #000000f2,var(--ng-highlight);transition:transform var(--ng-press-ms) ease-out,background-color .18s ease,opacity .18s ease}.nh-tool .nh-icon{inline-size:1.7rem;block-size:1.7rem}.nh-tool-name{font-size:.7rem;font-weight:700;color:var(--ng-text-2);white-space:nowrap}.nh-tool-charges{position:absolute;inset-block-start:-.4rem;inset-inline-end:-.4rem;min-inline-size:1.4rem;padding:.1em .4em;border-radius:var(--radius-full);background:var(--ng-action);color:#fff;font-size:.72rem;font-weight:800;text-align:center;font-variant-numeric:tabular-nums}.nh-tool-key{position:absolute;inset-block-end:-.45rem;inset-inline-start:-.45rem}@media(hover:none){.nh-tool-key{display:none}}.nh-tool:not(.is-primary) .nh-tool-key{display:none}@media(hover:none)and (pointer:coarse){.nh-tools[data-primary]:not([data-primary=""]) .nh-tool:not(.is-passive):not(.is-primary){display:none}}body.story-cutscene-ui-hidden .nh-code{visibility:hidden}body.is-night-horror.story-cutscene-ui-hidden :is(#horror-heart,#float-back-lobby){visibility:hidden}.nh-tool:hover:not(:disabled){background:#34292de6}.nh-tool:is(:active,.is-pressed):not(:disabled){transform:scale(.96)}.nh-tool:focus-visible{outline:2px solid var(--ng-text-1);outline-offset:3px}.nh-tool:disabled{opacity:.45;cursor:default}.nh-tool.is-passive{opacity:.75;cursor:default}.nh-tool.is-passive:disabled{opacity:.75}.nh-note,.nh-notes-panel{position:absolute;inset-block-start:calc(clamp(4rem,12vmin,5.25rem) + env(safe-area-inset-top,0rem));inline-size:clamp(16rem,32vw,22rem);max-block-size:calc(100% - clamp(9rem,26vmin,12rem));overflow-y:auto;padding:clamp(.9rem,2.4vmin,1.25rem);border-radius:var(--ng-radius-lg);border:1px solid var(--ng-hairline-strong);box-shadow:0 1.5rem 3rem -1.5rem #000000f2,var(--ng-highlight);pointer-events:auto;animation:nh-panel-in var(--ng-panel-ms) var(--ng-ease)}.nh-note{z-index:1;inset-inline-end:calc(clamp(.9rem,3vmin,1.5rem) + env(safe-area-inset-right,0rem));background:linear-gradient(180deg,#3a2e24f0,#221b16f5);color:#ede3d6}.nh-notes-panel{inset-inline-start:calc(clamp(.9rem,3vmin,1.5rem) + env(safe-area-inset-left,0rem));background:var(--ng-glass-2);backdrop-filter:var(--ng-glass-blur);-webkit-backdrop-filter:var(--ng-glass-blur);animation-name:nh-panel-in-left}.nh-note.hidden,.nh-notes-panel.hidden{display:none}@keyframes nh-panel-in{0%{opacity:0;transform:translate(.75rem)}to{opacity:1;transform:none}}@keyframes nh-panel-in-left{0%{opacity:0;transform:translate(-.75rem)}to{opacity:1;transform:none}}.nh-note-head,.nh-notes-head{display:flex;align-items:center;justify-content:space-between;gap:.75rem}.nh-note-place{font-size:.75rem;font-weight:700;letter-spacing:.04em;color:#ede3d699}.nh-note-title,.nh-notes-title{margin:.35rem 0 .6rem;font-family:var(--ng-font-display);font-weight:400;font-size:clamp(1.2rem,3vmin,1.45rem);letter-spacing:0}.nh-notes-title{margin:0}.nh-note-body{display:grid;gap:.45rem}.nh-note-line{margin:0;font-size:.95rem;line-height:1.6}.nh-note-close{inline-size:2.5rem;block-size:2.5rem;display:grid;place-items:center;border:0;border-radius:var(--radius-full);background:#f2ece814;color:inherit;cursor:pointer;transition:background-color .18s ease,transform var(--ng-press-ms) ease-out}.nh-note-close:hover{background:#f2ece829}.nh-note-close:active{transform:scale(.94)}.nh-note-close:focus-visible{outline:2px solid currentColor;outline-offset:2px}.nh-notes-list{list-style:none;margin:.75rem 0 0;padding:0;display:grid;gap:.45rem}.nh-notes-open,.nh-notes-item.is-hint{inline-size:100%;display:grid;gap:.15rem;text-align:start;padding:.65rem .8rem;border-radius:var(--ng-radius-md);border:1px solid var(--ng-hairline);background:#00000038;color:var(--ng-text-1)}.nh-notes-open{cursor:pointer;transition:background-color .18s ease}.nh-notes-open:hover{background:#f2ece814}.nh-notes-open:focus-visible{outline:2px solid var(--ng-text-1);outline-offset:2px}.nh-notes-item-title{font-weight:700;font-size:.9rem}.nh-notes-item-place{color:var(--ng-text-2);font-size:.8rem;line-height:1.45}.nh-notes-item.is-hint{border-style:dashed}.nh-notes-empty{color:var(--ng-text-3);font-size:.88rem;padding:.5rem .2rem}@font-face{font-family:NgHand;src:url("./NanumPenScript-notes-XJKBS7EN.woff2") format("woff2");font-display:swap}.nh-note:is([data-kind=paper],[data-kind=log]){--note-tilt: -.8deg;--note-ink: #2a2019;color:var(--note-ink);border-color:transparent;border-radius:.2rem;background:url("./note-paper-KVRBJSHJ.jpg") center top / cover no-repeat,#ddd2bd;box-shadow:0 1.4rem 2.6rem -1.2rem #000000f2;rotate:var(--note-tilt);padding-block-start:clamp(1.4rem,3.6vmin,1.9rem)}.nh-note[data-kind=log]{--note-tilt: .6deg;background:url("./log-page-ONAZX7WW.jpg") left top / 22rem auto repeat-y,#d9c79a;padding-inline-start:5rem}.nh-note:is([data-kind=paper],[data-kind=log]) .nh-note-place{color:#2a20199e}.nh-note:is([data-kind=paper],[data-kind=log]) .nh-note-close{background:#2a20191a}.nh-note:is([data-kind=paper],[data-kind=log]) .nh-note-close:hover{background:#2a20192e}.nh-note:is([data-kind=paper],[data-kind=log]) .nh-note-line{font-family:"NgHand",var(--ng-font-body);font-size:clamp(1.15rem,3vmin,1.35rem);line-height:1.85rem;letter-spacing:.01em}.nh-note[data-kind=log] .nh-note-line{padding-inline-start:.2rem}.nh-note:is([data-kind=paper],[data-kind=log]) .nh-note-body{gap:0;background:repeating-linear-gradient(180deg,transparent 0 calc(1.85rem - 1px),rgba(70,90,120,.24) calc(1.85rem - 1px) 1.85rem)}.nh-note[data-kind=scratch]{--note-tilt: 0deg;color:#d9d6cf;background:radial-gradient(8rem 5rem at 20% 20%,rgba(255,255,255,.05),transparent 70%),repeating-linear-gradient(95deg,rgba(255,255,255,.025) 0 2px,transparent 2px 7px),linear-gradient(180deg,#3a3f3c,#262a28)}.nh-note[data-kind=scratch] .nh-note-line{font-weight:700;letter-spacing:.08em;color:#e6e2d8;text-shadow:0 -1px 0 rgba(0,0,0,.85),0 1px 0 rgba(255,255,255,.12)}.nh-note.is-opening:is([data-kind=paper],[data-kind=log]){transform-origin:50% 0;animation:nh-note-unfold .42s cubic-bezier(.2,.9,.25,1.06) both}@keyframes nh-note-unfold{0%{opacity:0;transform:perspective(40rem) rotateX(-70deg) translateY(-.5rem)}60%{opacity:1}to{opacity:1;transform:none}}@media(prefers-reduced-motion:reduce){.nh-note.is-opening:is([data-kind=paper],[data-kind=log]){animation:nh-panel-in .16s linear both}}.nh-item-card{border-color:#e9d29a52;background:linear-gradient(#140f0e40,#140f0e40),url("./card-front-FBOQQI3X.jpg") 30% 40% / 180% auto no-repeat,#1d1817;overflow:hidden;isolation:isolate}.nh-item-back{position:absolute;inset:0;z-index:2;border-radius:inherit;background:url("./card-back-JTNWWO3B.jpg") center / cover no-repeat,#2a1210;opacity:0;pointer-events:none}.nh-item-card.is-visible .nh-item-back{animation:nh-item-back 2.4s linear both}@keyframes nh-item-back{0%,11.9%{opacity:1}12%,to{opacity:0}}.nh-item-art{box-shadow:inset 0 0 0 1px #e9d29a33}.nh-toast{position:absolute;inset-inline:0;margin:0 auto;inset-block-end:calc(clamp(6.5rem,20vmin,8.5rem) + env(safe-area-inset-bottom,0rem));inline-size:max-content;max-inline-size:min(88vw,30rem);padding:.55em 1.1em;border-radius:var(--radius-full);background:var(--ng-glass-1);backdrop-filter:var(--ng-glass-blur);-webkit-backdrop-filter:var(--ng-glass-blur);border:1px solid var(--ng-hairline);font-weight:700;font-size:.92rem;text-align:center;opacity:0;transform:translateY(.4rem);transition:opacity .26s var(--ng-ease),transform .26s var(--ng-ease)}.nh-toast.is-visible{opacity:1;transform:none}.nh-item-card{position:absolute;inset-inline:0;margin:0 auto;inset-block-start:26%;inline-size:max-content;max-inline-size:min(88vw,24rem);display:flex;align-items:center;gap:clamp(.7rem,2.2vmin,1rem);padding:clamp(.6rem,1.8vmin,.8rem) clamp(1rem,3vmin,1.4rem) clamp(.6rem,1.8vmin,.8rem) clamp(.6rem,1.8vmin,.8rem);border-radius:var(--ng-radius-lg);border:.125rem solid rgba(242,201,138,.35);background:linear-gradient(180deg,#281e18f0,#16110ef5);box-shadow:0 1.2rem 2.6rem -1.2rem #000000f2,0 0 1.6rem -.4rem #f2aa5a59;pointer-events:none;opacity:0;transform:translateY(.6rem) scale(.94)}.nh-item-card.is-visible{animation:nh-item-card 2.4s var(--ng-ease) both}@keyframes nh-item-card{0%{opacity:0;transform:translateY(1.4rem) rotate(-4deg) scale(.9)}8%{opacity:1;transform:translateY(-.2rem) rotate(1deg) scale(1.02)}12%{transform:translateY(-.1rem) scale(.03,1.02)}16%{transform:scaleX(1.04)}20%{transform:none}82%{opacity:1;transform:none}to{opacity:0;transform:translateY(-.6rem)}}.nh-item-art{display:grid;place-items:center;inline-size:clamp(3rem,9vmin,3.8rem);block-size:clamp(3rem,9vmin,3.8rem);border-radius:var(--ng-radius-md);background:radial-gradient(circle,rgba(255,214,150,.32),transparent 70%),#120d0b}.nh-item-img{inline-size:88%;block-size:88%;object-fit:contain;image-rendering:pixelated}.nh-item-art .nh-icon{inline-size:60%;block-size:60%}.nh-item-text{display:grid;gap:.1rem}.nh-item-kicker{font-size:clamp(.7rem,1.9vmin,.8rem);font-weight:700;letter-spacing:.1em;color:#f2c98a}.nh-item-name{font-family:var(--ng-font-display);font-weight:700;font-size:clamp(1.1rem,3.2vmin,1.4rem);color:#f4ede6}.nh-item-hint{font-size:clamp(.75rem,2vmin,.85rem);color:#ede3d6b8;word-break:keep-all}body.story-cutscene-ui-hidden .nh-item-card{visibility:hidden}@media(prefers-reduced-motion:reduce){.nh-item-card.is-visible{animation:none;opacity:1;transform:none}}.nh-toast:empty{display:none}.nh-prompt{position:absolute;inset-inline:0;margin:0 auto;inset-block-end:calc(clamp(6.5rem,20vmin,8.5rem) + env(safe-area-inset-bottom,0rem));inline-size:max-content;max-inline-size:min(88vw,30rem);display:flex;align-items:center;gap:.5rem;padding:.45em 1.1em;border-radius:var(--radius-full);background:var(--ng-glass-2);backdrop-filter:var(--ng-glass-blur);-webkit-backdrop-filter:var(--ng-glass-blur);border:1px solid rgba(242,214,140,.45);font-size:.92rem;font-weight:700;opacity:0;transform:translateY(.4rem);transition:opacity .2s var(--ng-ease),transform .2s var(--ng-ease);pointer-events:none}.nh-prompt.is-visible{opacity:1;transform:none}.nh-prompt:empty{display:none}.nh-prompt-target{color:#f2d68c}.nh-prompt-target:before{content:"·";margin-inline-end:.5rem;color:var(--ng-text-3)}.nh-act-title{position:absolute;inset:0;display:grid;place-content:center;justify-items:center;gap:.4rem;opacity:0;pointer-events:none}.nh-act-title.is-visible{animation:nh-act 3.2s var(--ng-ease) forwards}.nh-act-kicker{font-size:.85rem;font-weight:700;letter-spacing:.3em;color:var(--ng-text-2)}.nh-act-name{font-family:var(--ng-font-display);font-weight:400;font-size:clamp(2rem,7vmin,3.2rem);text-shadow:0 .2rem 1.5rem rgba(0,0,0,.9)}@keyframes nh-act{0%{opacity:0}18%{opacity:1}78%{opacity:1}to{opacity:0}}.nh-hint{position:absolute;inset-inline:0;margin:0 auto;inset-block-end:calc(clamp(9.5rem,28vmin,12rem) + env(safe-area-inset-bottom,0rem));inline-size:max-content;max-inline-size:min(88vw,32rem);display:flex;align-items:center;gap:.35rem;padding:.5em 1em;border-radius:var(--radius-full);background:var(--ng-glass-2);backdrop-filter:var(--ng-glass-blur);-webkit-backdrop-filter:var(--ng-glass-blur);border:1px solid var(--ng-hairline-strong);font-size:.9rem;font-weight:600;opacity:0;transform:translateY(.4rem);transition:opacity .35s var(--ng-ease),transform .35s var(--ng-ease)}.nh-hint.is-visible{opacity:1;transform:none}.nh-hint:empty{display:none}.nh-hint-text{margin-inline-start:.35rem}.nh-flicker{position:absolute;inset:0;background:#000;opacity:0}.nh-hud.is-warning .nh-flicker{animation:nh-flicker 1.6s steps(1,end) 1}.nh-hud[data-stage=warning] .nh-flicker{opacity:calc(.08 + var(--nh-warn) * .14)}@keyframes nh-flicker{0%{opacity:.55}8%{opacity:.05}14%{opacity:.6}20%{opacity:.1}38%{opacity:.45}44%{opacity:.08}70%{opacity:.3}76%{opacity:.12}to{opacity:.14}}.nh-hide{position:absolute;inset:0;display:grid;align-content:end;justify-items:center;padding-block-end:calc(clamp(1.2rem,4vmin,2rem) + env(safe-area-inset-bottom,0rem));background:linear-gradient(180deg,#040305f0 0% 36%,#04030500 40% 60%,#040305f0 64% 100%);transition:opacity .26s var(--ng-ease)}.nh-hide.hidden{display:none}.nh-hide-slit{position:absolute;inset-inline:0;inset-block:40% 40%;background:repeating-linear-gradient(180deg,transparent 0 .9rem,rgba(4,3,5,.85) .9rem 1.25rem)}.nh-hide-text{margin:0;font-size:.85rem;font-weight:700;letter-spacing:.06em;color:var(--ng-text-3)}.nh-hide[data-risk=mid] .nh-hide-text,.nh-hide[data-risk=high] .nh-hide-text{color:var(--ng-action-text)}.nh-hide[data-risk=high]{box-shadow:inset 0 0 12vmin #8c080e8c}.nh-flash{position:absolute;inset:0;background:#fff8ee;opacity:0}.nh-flash.is-on{animation:nh-flash .9s ease-out forwards}.nh-caught{position:absolute;inset:0;pointer-events:none;opacity:0;background:#000}.nh-caught.is-on{animation:nh-caught 1.4s cubic-bezier(.3,0,.2,1) forwards}.nh-caught.is-cut{animation:none;opacity:1;background:#000}@keyframes nh-caught{0%{opacity:0;background:#c8241a}6%{opacity:.78;background:#c8241a}30%{opacity:.62;background:#3a0604}to{opacity:1;background:#000}}@keyframes nh-flash{0%{opacity:.95}to{opacity:0}}.nh-map-panel{position:absolute;inset-block-start:calc(clamp(4rem,12vmin,5.25rem) + env(safe-area-inset-top,0rem));inset-inline:0;margin-inline:auto;inline-size:min(92vw,clamp(20rem,58vw,38rem));padding:clamp(.8rem,2.2vmin,1.15rem);border-radius:var(--ng-radius-lg);border:1px solid rgba(237,227,214,.18);background:linear-gradient(180deg,#3a2e24f2,#221b16f7);color:#ede3d6;box-shadow:0 1.5rem 3rem -1.5rem #000000f2,var(--ng-highlight);pointer-events:auto;animation:nh-map-in var(--ng-panel-ms) var(--ng-ease)}.nh-map-panel.hidden{display:none}@keyframes nh-map-in{0%{opacity:0;transform:translateY(-.5rem)}to{opacity:1;transform:none}}.nh-map-head{display:flex;align-items:center;justify-content:space-between;gap:.75rem;margin-block-end:.4rem}.nh-map-floor{margin-inline-start:auto;padding:.3em .8em;border:0;border-radius:100vmax;background:var(--ng-glass-2);color:#ede3d6db;font:inherit;font-size:clamp(.72rem,1.9vmin,.85rem);cursor:pointer}.nh-map-floor.hidden{display:none}.nh-map-floor:active{transform:scale(.97)}.nh-map-floor:focus-visible{outline:.125rem solid var(--ng-text-1);outline-offset:.2rem}.nh-map-title{margin:0;font-family:var(--ng-font-display);font-weight:400;font-size:clamp(1.1rem,2.8vmin,1.35rem)}.nh-map-svg{display:block;inline-size:100%;block-size:auto}.nh-map-room{fill:#ede3d60d;stroke:#ede3d68c;stroke-width:.35}.nh-map-room.is-locked{fill:url(#nh-map-hatch);stroke:#ede3d647;stroke-dasharray:1 .8}.nh-map-room.is-here{fill:#ff6b4a29;stroke:var(--ng-action-text);stroke-width:.5}.nh-map-hatch{stroke:#ede3d629;stroke-width:.5}.nh-map-door{stroke:#ede3d68c;stroke-width:.9;stroke-linecap:round}.nh-map-name{fill:#ede3d6db;font-weight:700}.nh-map-lock{fill:#ede3d673;font-size:.8em}.nh-map-me{fill:var(--ng-action-text);animation:nh-map-me 1.4s ease-in-out infinite}@keyframes nh-map-me{50%{opacity:.35}}.nh-map-spot{fill:#f2d68c2e;stroke:#f2d68c;stroke-width:.35}.nh-map-spot.is-empty{fill:#ede3d60f;stroke:#ede3d659}.nh-map-spot-mark{fill:#f2d68c;font-size:.87em;font-weight:700;text-anchor:middle}.nh-map-spot.is-empty+.nh-map-spot-mark{fill:#ede3d673}.nh-map-spot-name{fill:#f2d68ce6;font-size:.78em}.nh-map-spot-name.is-empty{fill:#ede3d666;text-decoration:line-through}.nh-map-legend{display:flex;flex-wrap:wrap;gap:.35rem .9rem;margin:.5rem 0 0;font-size:.78rem;color:#ede3d6b3}.nh-map-key{display:inline-flex;align-items:center;gap:.35em}.nh-map-key:before{content:"";inline-size:.7em;block-size:.7em;border-radius:50%}.nh-map-key.is-unknown:before{background:#f2d68c59;box-shadow:inset 0 0 0 1px #f2d68c}.nh-map-key.is-empty:before{background:#ede3d614;box-shadow:inset 0 0 0 1px #ede3d666}.nh-map-key.is-here:before{background:var(--ng-action-text)}@media(max-height:500px){.nh-map-panel{inset-block-start:calc(3.2rem + env(safe-area-inset-top,0rem));inline-size:min(64vw,calc((100vh - 10.7rem)*1.45));padding:.55rem .75rem}.nh-map-head{margin-block-end:.2rem}.nh-map-legend{margin-block-start:.3rem;font-size:.68rem}.nh-top{gap:.35rem;max-inline-size:min(70vw,34rem)}.nh-objective,.nh-noise,.nh-notes-btn,.nh-map-btn{min-block-size:2.4rem;padding:.35em .8em}.nh-notes-label,.nh-map-label,.nh-noise-label{display:none}.nh-note,.nh-notes-panel{inset-block-start:calc(3.4rem + env(safe-area-inset-top,0rem));inset-inline:0;margin-inline:auto;inline-size:min(58vw,22rem);max-block-size:calc(100% - 13.9rem - env(safe-area-inset-top,0rem) - env(safe-area-inset-bottom,0rem));padding:.75rem .9rem}.nh-note-line{font-size:.88rem;line-height:1.5}.nh-toast,.nh-prompt{inset-block-end:calc(5.25rem + env(safe-area-inset-bottom,0rem))}.nh-hint{inset-block-end:calc(7.75rem + env(safe-area-inset-bottom,0rem));font-size:.82rem}}@media(prefers-reduced-motion:reduce){.nh-hud.is-warning .nh-flicker{animation:none;opacity:.18}.nh-objective.is-new,.nh-note,.nh-notes-panel,.nh-map-panel,.nh-map-me{animation:none}.nh-flash.is-on{animation-duration:.4s}.nh-caught.is-on{animation:nh-caught-calm .9s ease-out forwards}@keyframes nh-flash{0%{opacity:.6}to{opacity:0}}}@media(prefers-reduced-transparency:reduce){.nh-objective,.nh-noise,.nh-notes-btn,.nh-map-btn,.nh-tool,.nh-toast,.nh-prompt,.nh-notes-panel{background:#1e181b;backdrop-filter:none;-webkit-backdrop-filter:none}}.nh-code{position:fixed;z-index:38;inset-inline-start:50%;inset-block-start:50%;translate:-50% -50%;inline-size:clamp(15rem,34vmin,19rem);max-block-size:calc(100% - clamp(1.5rem,6vmin,3rem));overflow-y:auto;display:grid;gap:clamp(.45rem,1.6vmin,.8rem);padding:clamp(.85rem,2.6vmin,1.25rem);border-radius:var(--ng-radius-lg);border:.125rem solid rgba(196,160,90,.35);background:linear-gradient(180deg,#140e086b,#0e0a069e),url("./keypad-plate-NYQ2CP4Z.jpg") center / cover no-repeat,#2b2416;box-shadow:0 1.6rem 3.4rem -1.4rem #000000f2,inset 0 .0625rem #ffffff1f;color:#e6e2dc;pointer-events:auto;animation:nh-code-in .26s var(--ng-ease)}.nh-code.hidden{display:none}@keyframes nh-code-in{0%{opacity:0;transform:translateY(.6rem) scale(.97)}to{opacity:1;transform:none}}.nh-code-head{display:flex;align-items:flex-start;justify-content:space-between;gap:.75rem}.nh-code-titles{display:grid;gap:.15rem}.nh-code-place{margin:0;font-size:clamp(.7rem,1.9vmin,.8rem);font-weight:700;letter-spacing:.06em;color:#e6e2dc8c}.nh-code-title{margin:0;font-family:var(--ng-font-display);font-weight:400;font-size:clamp(1.1rem,3vmin,1.4rem)}.nh-code-close{inline-size:clamp(2rem,6vmin,2.4rem);block-size:clamp(2rem,6vmin,2.4rem);border:0;border-radius:50%;background:#ffffff0f;color:inherit;font-size:clamp(1.1rem,3vmin,1.35rem);line-height:1;cursor:pointer}.nh-code-close:active{transform:scale(.94)}.nh-code-hint{margin:0;font-size:clamp(.8rem,2.2vmin,.92rem);line-height:1.45;color:#e6e2dcc7;word-break:keep-all}.nh-code-slots{display:grid;grid-template-columns:repeat(4,1fr);gap:clamp(.35rem,1.2vmin,.55rem)}.nh-code-slot{display:grid;place-items:center;block-size:clamp(2.6rem,8vmin,3.3rem);border-radius:var(--ng-radius-md);background:#0b0b0e;box-shadow:inset 0 .2rem .45rem #000000d9,0 .0625rem #ffffff12;font-family:var(--ng-font-display);font-weight:700;font-size:clamp(1.4rem,4.4vmin,1.9rem);color:#f2c98a;text-shadow:0 0 .45em rgba(242,170,90,.5);font-variant-numeric:tabular-nums}.nh-code-slot.is-next{box-shadow:inset 0 .2rem .45rem #000000d9,inset 0 -.14rem #f2c98a8c;animation:nh-code-caret 1s steps(2) infinite}@keyframes nh-code-caret{50%{box-shadow:inset 0 .2rem .45rem #000000d9}}.nh-code.is-failed .nh-code-slots{animation:nh-code-shake .42s cubic-bezier(.36,.07,.19,.97)}.nh-code.is-failed .nh-code-slot{color:#e05a48}.nh-code.is-opened .nh-code-slot{color:#9fe0a8;text-shadow:0 0 .5em rgba(120,220,140,.55)}@keyframes nh-code-shake{20%{transform:translate(-.35rem)}40%{transform:translate(.3rem)}60%{transform:translate(-.2rem)}80%{transform:translate(.12rem)}}.nh-code-status{margin:0;min-block-size:1.2em;text-align:center;font-size:clamp(.8rem,2.2vmin,.9rem);color:#e6e2dc99}.nh-code-status[data-tone=fail]{color:#f08a78}.nh-code-status[data-tone=ok]{color:#9fe0a8}.nh-code-pad{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(.3rem,1vmin,.45rem)}.nh-code-key{block-size:clamp(2.3rem,7vmin,2.8rem);border:.0625rem solid rgba(255,255,255,.1);border-radius:var(--ng-radius-md);background:linear-gradient(180deg,#3a3c43,#2a2b31);box-shadow:0 .15rem #101114;color:#ede9e3;font-family:var(--ng-font-display);font-size:clamp(1rem,2.9vmin,1.2rem);cursor:pointer;touch-action:manipulation;transition:transform 80ms ease-out,box-shadow 80ms ease-out}.nh-code-key:active:not(:disabled){transform:translateY(.12rem);box-shadow:0 .03rem #101114}.nh-code-key.is-enter{background:linear-gradient(180deg,#7a3226,#56221a);border-color:#ff8c6e4d;font-size:clamp(.9rem,2.5vmin,1rem)}.nh-code-key:disabled{opacity:.42;cursor:default}.nh-code.is-pending .nh-code-key{opacity:.6}@media(max-height:500px){.nh-code{inline-size:min(34rem,calc(100% - 2rem));grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);grid-template-areas:"head pad" "hint pad" "slots pad" "status pad";align-items:start;column-gap:1rem;padding:.75rem .9rem}.nh-code-head{grid-area:head}.nh-code-hint{grid-area:hint}.nh-code-slots{grid-area:slots}.nh-code-status{grid-area:status}.nh-code-pad{grid-area:pad;align-self:center}.nh-code-slot{block-size:clamp(2.2rem,12vh,2.8rem)}.nh-code-key{block-size:clamp(2.1rem,13vh,2.6rem)}}@media(prefers-reduced-motion:reduce){.nh-code,.nh-code.is-failed .nh-code-slots,.nh-code-slot.is-next{animation:none}}@keyframes nh-caught-calm{0%{opacity:0}to{opacity:1}}.nh-elevator{--el-steel: #2a2b2f;--el-steel-lit: #4d4f55;--el-amber: #F4B13D;position:absolute;inset:0;overflow:hidden;pointer-events:none;background:repeating-linear-gradient(90deg,transparent 0 calc(12.5% - .18vmin),rgba(0,0,0,.55) calc(12.5% - .18vmin) 12.5%),linear-gradient(to bottom,#1c1d20 0%,var(--el-steel) 38%,#141416 100%);opacity:1;transition:opacity .5s ease-out}.nh-elevator[data-phase=gone]{opacity:0}.nh-el-light{position:absolute;top:calc(var(--story-bar-h, 3rem) + 1.2vmin);left:50%;inline-size:min(44vmin,60vw);block-size:1.1vmin;transform:translate(-50%);border-radius:.3vmin;background:#e9f1e6;box-shadow:0 0 5vmin 1vmin #d6ecd673}.nh-el-light:after{content:"";position:absolute;left:50%;top:100%;inline-size:160vmin;block-size:90vmin;transform:translate(-50%);background:radial-gradient(ellipse 45% 60% at 50% 0%,rgba(214,236,214,.2),transparent 70%)}.nh-elevator[data-phase=closing] .nh-el-light{animation:nh-el-flicker 1.8s steps(1,end) both}.nh-elevator[data-phase=thud] .nh-el-light{animation:nh-el-dropout 1.4s steps(1,end) both}.nh-elevator[data-phase=ride] .nh-el-light{opacity:.55;animation:nh-el-hum 2.6s ease-in-out infinite}@keyframes nh-el-flicker{0%,12%,30%,to{opacity:1}6%,22%{opacity:.08}}@keyframes nh-el-dropout{0%{opacity:1}4%,38%{opacity:0}46%{opacity:.4}54%{opacity:.05}70%,to{opacity:.55}}@keyframes nh-el-hum{0%,to{opacity:.55}50%{opacity:.42}}.nh-el-display{position:absolute;top:calc(var(--story-bar-h, 3rem) + 5vmin);left:50%;display:flex;gap:.6em;align-items:center;transform:translate(-50%);padding:.25em .8em;border-radius:.4em;background:#0b0a0a;box-shadow:inset 0 0 0 .15em #3a3a3e;color:var(--el-amber);font-size:clamp(.9rem,3.4vmin,1.6rem);font-weight:700;font-variant-numeric:tabular-nums;letter-spacing:.08em;text-shadow:0 0 .5em rgba(244,177,61,.6)}.nh-el-arrow{opacity:0}.nh-elevator:is([data-phase=closing],[data-phase=thud],[data-phase=ride]) .nh-el-arrow{animation:nh-el-blink .9s steps(1,end) infinite}@keyframes nh-el-blink{0%,to{opacity:1}50%{opacity:.1}}.nh-el-doors{position:absolute;top:calc(var(--story-bar-h, 3rem) + 11vmin);bottom:calc(var(--story-bar-h, 3rem) + 2vmin);left:50%;display:flex;inline-size:min(50vmin,62vw);transform:translate(-50%);overflow:hidden;box-shadow:0 0 0 .7vmin #3b3c41,0 0 0 1.1vmin #151517;background:radial-gradient(ellipse at 50% 70%,#2a2622,#0d0c0b 70%)}.nh-elevator:is([data-phase=opening],[data-phase=gone]) .nh-el-doors{background:#000}.nh-el-door{flex:1;background:linear-gradient(to bottom,transparent 48%,rgba(0,0,0,.25) 48% 52%,transparent 52%),linear-gradient(90deg,#45464b,var(--el-steel-lit) 50%,#3f4045);transition:transform .9s cubic-bezier(.55,0,.35,1)}.nh-el-door.is-left{box-shadow:inset -.25vmin 0 #111}.nh-el-door.is-right{box-shadow:inset .25vmin 0 #111}.nh-elevator:is([data-phase=open],[data-phase=opening],[data-phase=gone]) .nh-el-door.is-left{transform:translate(-96%)}.nh-elevator:is([data-phase=open],[data-phase=opening],[data-phase=gone]) .nh-el-door.is-right{transform:translate(96%)}.nh-el-panel{position:absolute;top:46%;left:calc(50% + min(25vmin,31vw) + 3vmin);display:grid;place-items:center;padding:1.2vmin .9vmin;border-radius:.5vmin;background:#1a1b1e;box-shadow:inset 0 0 0 .2vmin #45464b}.nh-el-btn{display:grid;place-items:center;inline-size:clamp(1.4rem,4.6vmin,2.4rem);aspect-ratio:1;border-radius:100vmax;background:#2b2a28;box-shadow:inset 0 0 0 .2vmin #6b6a66;color:var(--el-amber);font-size:clamp(.55rem,1.7vmin,.85rem);font-weight:700;text-shadow:0 0 .6em rgba(244,177,61,.8)}.nh-el-dust{position:absolute;inset:0}.nh-el-dust i{position:absolute;top:calc(var(--story-bar-h, 3rem) + 2vmin);left:var(--x);inline-size:.5vmin;block-size:.5vmin;background:#c8bca6bf;opacity:0}.nh-elevator[data-phase=thud] .nh-el-dust i{animation:nh-el-fall 1.3s ease-in var(--d) both}@keyframes nh-el-fall{0%{opacity:0;transform:translateY(0)}10%{opacity:1}to{opacity:0;transform:translateY(40vmin)}}.nh-elevator[data-phase=thud]{animation:nh-el-shake .42s ease-out both}@keyframes nh-el-shake{0%{transform:translate(0)}15%{transform:translate(-.8vmin,.6vmin)}35%{transform:translate(.7vmin,-.4vmin)}55%{transform:translate(-.4vmin,.3vmin)}80%{transform:translate(.2vmin,-.1vmin)}to{transform:translate(0)}}.nh-el-vignette{position:absolute;inset:0;background:radial-gradient(ellipse at 50% 45%,transparent 45%,rgba(0,0,0,.7) 100%)}.nh-elevator.is-calm,.nh-elevator.is-calm *{animation:none!important}.nh-elevator.is-calm[data-phase=thud] .nh-el-light,.nh-elevator.is-calm[data-phase=ride] .nh-el-light{opacity:.5}@media(prefers-reduced-motion:reduce){.nh-el-door{transition-duration:1ms}}.nh-investigate{position:absolute;left:50%;top:calc(50% + clamp(2.2rem,8vmin,4rem));transform:translate(-50%);max-width:min(80vw,26rem);padding:.35em .9em;border-radius:100vmax;background:var(--ng-glass-2);-webkit-backdrop-filter:var(--ng-glass-blur);backdrop-filter:var(--ng-glass-blur);color:#f2d68c;font-size:clamp(.72rem,1.9vmin,.9rem);font-weight:400;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;pointer-events:none}.nh-investigate.is-cancel{color:#ede3d6b3}@media(max-height:500px){.nh-investigate{top:calc(50% + clamp(1.8rem,11vmin,3rem))}}body.story-cutscene-ui-hidden .nh-hud .nh-investigate{visibility:hidden}.sl-root{position:fixed;inset:0;z-index:30;pointer-events:none;color:var(--ng-text-1);font-family:var(--ng-font-body)}.sl-root :is(button,.sl-card){pointer-events:auto}.sl-icon{inline-size:1.25rem;block-size:1.25rem;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;flex:none}body.is-solo-lobby :is(#float-back-lobby,#float-vote-start,#float-oni-preview){display:none!important}@media(max-height:500px){body.is-solo-lobby #chat-overlay{top:calc(clamp(4.4rem,12vmin,5.2rem) + env(safe-area-inset-top,0rem))}}.sl-shade{position:absolute;inset:0;background:linear-gradient(to bottom,#060508b8,#06050800 20%),radial-gradient(ellipse 62% 70% at 50% 44%,#04040800 40%,#040408c7),#141e4052}.sl-countbar{position:absolute;inset-block-start:0;inset-inline:0;block-size:.2rem;background:var(--ng-action-text);transform:scaleX(0);transform-origin:left center}.sl-root:not([data-start=counting]) .sl-countbar{opacity:0}.sl-head{position:absolute;inset-block-start:calc(clamp(.9rem,2.8vmin,1.25rem) + env(safe-area-inset-top,0rem));inset-inline-start:calc(clamp(1rem,3vmin,1.5rem) + env(safe-area-inset-left,0rem));display:flex;align-items:center;gap:.75rem}.sl-back{inline-size:2.75rem;block-size:2.75rem;display:grid;place-items:center;border-radius:var(--radius-full);border:1px solid var(--ng-hairline);background:var(--ng-glass-1);-webkit-backdrop-filter:var(--ng-glass-blur);backdrop-filter:var(--ng-glass-blur);color:var(--ng-text-1);cursor:pointer;transition:transform var(--ng-press-ms) ease-out,background-color .18s ease}.sl-back:hover{background:var(--ng-glass-2)}.sl-back:active{transform:scale(.96)}.sl-back:focus-visible{outline:2px solid var(--ng-text-1);outline-offset:3px}.sl-title{display:grid;gap:.05rem;text-shadow:0 .06rem .2rem rgba(0,0,0,.6)}.sl-kicker{font-size:.75rem;letter-spacing:.08em;color:var(--ng-text-2)}.sl-name{font-family:var(--ng-font-display);font-weight:400;font-size:clamp(1.2rem,3vmin,1.4rem);line-height:1.1}.sl-seg{position:absolute;inset-block-start:calc(clamp(.9rem,2.8vmin,1.25rem) + env(safe-area-inset-top,0rem));inset-inline:0;margin-inline:auto;inline-size:clamp(16rem,26vw,20rem);block-size:2.75rem;box-sizing:border-box;padding:.25rem;display:flex;border-radius:.875rem;background:var(--ng-glass-1);-webkit-backdrop-filter:var(--ng-glass-blur);backdrop-filter:var(--ng-glass-blur);border:1px solid var(--ng-hairline);box-shadow:0 1.1rem 2.75rem -1.5rem #000000e6}.sl-seg-ind{position:absolute;inset-block:.25rem;inset-inline-start:.25rem;inline-size:calc(50% - .25rem);border-radius:.625rem;background:#f2ece829;box-shadow:inset 0 1px #ffffff1f;transition:transform .32s var(--ng-ease)}.sl-seg-ind.is-right{transform:translate(100%)}.sl-seg-btn{position:relative;flex:1 1 0;border:0;background:transparent;color:var(--ng-text-2);font-family:inherit;font-weight:600;font-size:clamp(.88rem,2.1vmin,.95rem);cursor:pointer;transition:color .18s ease,transform var(--ng-press-ms) ease-out}.sl-seg-btn.is-on{color:var(--ng-text-1)}.sl-seg-btn:active:not(:disabled){transform:scale(.97)}.sl-seg-btn:focus-visible{outline:2px solid var(--ng-text-1);outline-offset:-2px;border-radius:.625rem}.sl-seg-btn:disabled{cursor:default}.sl-start{position:absolute;inset-block-start:calc(clamp(.8rem,2.5vmin,1.1rem) + env(safe-area-inset-top,0rem));inset-inline-end:calc(clamp(1rem,3vmin,1.5rem) + env(safe-area-inset-right,0rem));block-size:3rem;min-inline-size:9.5rem;box-sizing:border-box;padding:0 1.25rem;display:flex;align-items:center;justify-content:center;gap:.6rem;border:0;border-radius:.875rem;background:var(--ng-action);color:#fff;font-family:inherit;font-weight:700;font-size:clamp(.98rem,2.4vmin,1.06rem);cursor:pointer;box-shadow:0 .75rem 1.75rem -.75rem var(--ng-action-glow);transition:transform var(--ng-press-ms) ease-out,background-color .18s ease,color .18s ease}.sl-start:hover{background:var(--ng-action-hover)}.sl-start:active:not(:disabled){transform:scale(.97)}.sl-start:focus-visible{outline:2px solid var(--ng-text-1);outline-offset:3px}.sl-play{fill:#fff;stroke:none;inline-size:1rem;block-size:1rem}.sl-ring{display:none;inline-size:1.75rem;block-size:1.75rem}.sl-ring-track{fill:none;stroke:#ffffff2e;stroke-width:3}.sl-ring-fill{fill:none;stroke:var(--ng-action-text);stroke-width:3;stroke-linecap:round}.sl-ring-num{fill:var(--ng-text-1);font-size:.8rem;font-weight:700;font-family:var(--ng-font-body)}.sl-root[data-start=counting] .sl-start{background:var(--ng-glass-1);-webkit-backdrop-filter:var(--ng-glass-blur);backdrop-filter:var(--ng-glass-blur);color:var(--ng-text-1);box-shadow:inset 0 0 0 1px var(--ng-hairline-strong)}.sl-root[data-start=counting] .sl-ring{display:block}.sl-root[data-start=counting] .sl-play{display:none}.sl-root[data-start=go] .sl-start{background:var(--ng-text-1);color:#141013}.sl-root[data-start=go] .sl-play{display:none}.sl-card{position:absolute;inset-block-start:calc(clamp(4.9rem,13vmin,5.5rem) + env(safe-area-inset-top,0rem));inset-inline-end:calc(clamp(1rem,3vmin,1.5rem) + env(safe-area-inset-right,0rem));inline-size:clamp(17rem,26vw,21rem);max-block-size:calc(100% - clamp(8rem,22vmin,9.5rem));overflow-y:auto;box-sizing:border-box;padding:clamp(1rem,3vmin,1.4rem);border-radius:1.375rem;background:var(--ng-glass-1);-webkit-backdrop-filter:var(--ng-glass-blur);backdrop-filter:var(--ng-glass-blur);border:1px solid var(--ng-hairline);box-shadow:0 1.1rem 2.75rem -1.5rem #000000e6}.sl-card-body{display:grid;gap:.875rem}.sl-card-body.is-entering{animation:sl-in .28s var(--ng-ease) both}@keyframes sl-in{0%{opacity:0;transform:translateY(.5rem)}to{opacity:1;transform:none}}.sl-card-kicker{margin:0;font-size:.75rem;letter-spacing:.08em;color:var(--ng-text-3)}.sl-card-title{margin:0;font-family:var(--ng-font-display);font-weight:400;font-size:clamp(2rem,6vmin,2.5rem);line-height:1.02;letter-spacing:-.01em}.sl-card-title.is-raid{font-size:clamp(1.7rem,5vmin,2.1rem)}.sl-card-copy{margin:0;font-size:.875rem;line-height:1.6;color:var(--ng-text-2)}.sl-card-label{margin:0;font-size:.82rem;font-weight:600;color:var(--ng-text-2)}.sl-info{list-style:none;margin:0;padding:0;display:grid;gap:.5rem}.sl-info-row{display:flex;align-items:center;gap:.625rem;font-size:.82rem;line-height:1.4}.sl-info-row .sl-icon{inline-size:1.1rem;block-size:1.1rem;color:var(--ng-text-2);stroke-width:1.8}.sl-styles{display:grid;gap:.5rem}.sl-style{display:flex;align-items:center;gap:.75rem;min-block-size:3.5rem;padding:.625rem .75rem;border-radius:.875rem;border:1px solid rgba(255,255,255,.08);background:#ffffff0a;color:var(--ng-text-1);font-family:inherit;text-align:start;cursor:pointer;transition:transform var(--ng-press-ms) ease-out,border-color .2s ease,background-color .2s ease,opacity .2s ease}.sl-style:active:not(.is-locked):not(:disabled){transform:scale(.98)}.sl-style:focus-visible{outline:2px solid var(--ng-text-1);outline-offset:2px}.sl-style.is-selected{border-color:#ff7a4db3;background:#ff7a4d1a}.sl-style.is-locked{opacity:.55;cursor:not-allowed}.sl-style-badge{inline-size:2.4rem;block-size:2.4rem;flex:none}.sl-style-shape{fill:#ff7a4d21;stroke:#ff7a4d8c;stroke-width:2;stroke-linejoin:round}.sl-style-badge path:last-child{fill:none;stroke:var(--ng-cat-atk, #FF7A4D);stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.sl-style-text{display:grid;gap:.125rem;flex:1 1 auto;min-inline-size:0}.sl-style-name{font-family:var(--ng-font-display);font-weight:400;font-size:1.1rem}.sl-style-detail{font-size:.75rem;line-height:1.4;color:var(--ng-text-2)}.sl-lock{inline-size:1rem;block-size:1rem;color:var(--ng-text-2)}.sl-records{display:grid;gap:.375rem;padding-block-start:.75rem;border-top:1px solid rgba(255,255,255,.08);font-size:.75rem;color:var(--ng-text-3)}.sl-records p{margin:0;display:flex;gap:.4em}.sl-records strong{color:var(--ng-text-1);font-weight:600;font-variant-numeric:tabular-nums}.sl-go{position:absolute;inset:0;display:none;place-content:center;justify-items:center;gap:.4rem;background:#050305;color:var(--ng-text-2);font-family:var(--ng-font-display);font-size:clamp(1.6rem,5vmin,2rem)}.sl-go-kicker{font-family:var(--ng-font-body);font-size:.85rem;font-weight:700;letter-spacing:.3em}.sl-root[data-start=go] .sl-go{display:grid;animation:sl-go .9s ease-in forwards}@keyframes sl-go{0%{opacity:0}to{opacity:1}}@media(max-height:500px){.sl-kicker{display:none}.sl-name{font-size:1.1rem}.sl-seg{inline-size:clamp(14rem,34vw,17rem);block-size:2.5rem}.sl-start{block-size:2.75rem;min-inline-size:8rem;padding-inline:1rem}.sl-card{inset-block-start:calc(3.9rem + env(safe-area-inset-top,0rem));inline-size:clamp(15rem,38vw,18rem);max-block-size:calc(100% - 4.9rem);padding:.875rem 1rem}.sl-card-body{gap:.625rem}.sl-card-title{font-size:1.6rem}.sl-card-copy{font-size:.8rem;line-height:1.5}}@media(prefers-reduced-motion:reduce){.sl-seg-ind{transition:none}.sl-card-body.is-entering,.sl-root[data-start=go] .sl-go{animation:none}}@media(prefers-reduced-transparency:reduce){:is(.sl-back,.sl-seg,.sl-card){background:#1c1619;-webkit-backdrop-filter:none;backdrop-filter:none}}.page-backdrop{position:fixed;inset:0;z-index:40;transition:opacity .3s ease}.page-frame{position:fixed;inset:0;inline-size:100vw;block-size:100vh;block-size:100svh;block-size:100dvh;z-index:41;display:flex;flex-direction:column;overflow:hidden;animation:fadeIn .4s var(--ease-out-expo, ease-out)}.page-frame:after{content:"";position:absolute;inset:0;background-image:url("./stain3-VTJD7YQG.png");background-size:cover;background-position:center;mix-blend-mode:soft-light;pointer-events:none;z-index:0;filter:brightness(0) invert(1)}.page-header,.page-content{position:relative;z-index:1}.page-header{flex-shrink:0;display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:clamp(.5rem,2vmin,1rem)}.page-header-left{display:flex;align-items:center;flex:1 1 min(100%,48rem);min-inline-size:0}#page-title{margin:0;line-height:1;flex:0 0 auto}.page-header-right{display:flex;align-items:center;gap:clamp(.75rem,3vw,1.5rem);flex:0 1 auto;min-inline-size:0;flex-wrap:wrap;justify-content:flex-end}#page-close-btn{cursor:pointer}.page-tabs{display:flex;min-inline-size:0;max-inline-size:100%;overflow-x:auto;overflow-y:hidden;scrollbar-width:none;-webkit-overflow-scrolling:touch}.page-tabs::-webkit-scrollbar{display:none}.page-tabs button{background:transparent;cursor:pointer;white-space:nowrap;flex:0 0 auto}.currency-icon{width:clamp(16px,4vw,24px);height:clamp(16px,4vw,24px);object-fit:contain}.page-content{flex:1;min-block-size:0;overflow-y:auto;overflow-x:hidden;padding:clamp(1rem,4vmin,3rem);display:flex;flex-direction:column;align-items:stretch;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}.page-content::-webkit-scrollbar{width:clamp(4px,1.5vw,8px)}.page-content::-webkit-scrollbar-thumb:hover{background:#ffffff4d}.ranking-page,.clan-page,.mailbox-page{width:100%;max-width:1400px;display:flex;flex-direction:column;align-items:center;min-block-size:0;margin-inline:auto}.ranking-page-head,.clan-page-head,.mailbox-page-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:clamp(1rem,3vmin,1.5rem);width:100%}.ranking-sub,.clan-page-sub,.mailbox-summary{margin:0}.mailbox-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(clamp(150px,35vw,220px),1fr));grid-auto-rows:max-content;gap:clamp(.75rem,3vmin,1.5rem);width:100%}.ranking-list,.clan-content{display:flex;flex-direction:column;gap:clamp(.5rem,2vmin,.75rem);width:100%}.page-content button:not([role=tab]){min-height:clamp(36px,8vmin,44px);padding:clamp(.5rem,2vmin,.75rem) clamp(1rem,3vmin,1.5rem);background:#b31414;border:1px solid rgba(255,255,255,.1);border-bottom:clamp(2px,.5vmin,3px) solid #6b0b0b;border-radius:clamp(4px,1vmin,8px);color:#fff;font-family:var(--font-family-base, sans-serif);font-weight:900;font-size:clamp(.85rem,2.5vw,1rem);letter-spacing:.04em;cursor:pointer;transition:all .15s ease;width:100%;max-width:clamp(200px,50vw,240px)}.page-content button:not([role=tab]):hover{filter:brightness(1.2);transform:translateY(-2px)}.page-content button:not([role=tab]):disabled{background:#ffffff0d;border-color:#ffffff1a;color:#ffffff4d;cursor:not-allowed;transform:none;filter:none}.clan-card,.mailbox-card,.clan-info-card{position:relative;padding:clamp(.75rem,2.5vmin,1.25rem);display:flex;flex-direction:column;align-items:center;text-align:center;gap:clamp(.5rem,2vmin,1rem);transition:all .2s ease;overflow:hidden}.mailbox-empty,.ranking-empty,.clan-empty{grid-column:1 / -1;text-align:center;padding:clamp(2rem,5vmin,4rem) 1rem;width:100%}.ranking-row,.ranking-clan-row,.clan-member-row,.clan-pending-row,.clan-search-row{position:relative;justify-content:space-between;transition:all .2s ease;overflow:hidden;width:100%}.clan-card:after,.mailbox-card:after,.clan-info-card:after,.ranking-row:after,.ranking-clan-row:after,.clan-member-row:after,.clan-pending-row:after,.clan-search-row:after{content:"";position:absolute;inset:0;background-image:url("./stain3-VTJD7YQG.png");background-size:cover;background-position:center;mix-blend-mode:soft-light;pointer-events:none;filter:brightness(0) invert(1);z-index:0}.mailbox-card-head,.ranking-item-head{display:flex;flex-direction:column;gap:clamp(.25rem,1vmin,.5rem);width:100%;z-index:1}.mailbox-card-title{font-size:clamp(1rem,3.5vw,1.2rem);margin:0}.mailbox-card-body,.mailbox-reward-chips,.mailbox-card-actions{z-index:1;width:100%}@media(max-width:900px),(max-height:500px){.page-header{flex-direction:column;align-items:stretch;gap:clamp(.75rem,2vmin,1.5rem)}.page-header-left{flex-direction:column;align-items:flex-start}.page-header-right{justify-content:space-between}.page-tabs{width:100%;overflow-x:auto}.page-content{padding:clamp(.75rem,2vmin,1.5rem)}.clan-grid,.ranking-list,.mailbox-list{grid-template-columns:repeat(auto-fill,minmax(100%,1fr))}.ranking-page-head,.clan-page-head,.mailbox-page-head{flex-direction:column;align-items:stretch}.ranking-row,.ranking-clan-row,.clan-member-row,.clan-pending-row,.clan-search-row{flex-direction:column}.page-content button:not([role=tab]){max-width:100%}}@media(max-width:900px),(max-height:560px){.page-frame{max-block-size:100dvh}.page-header{gap:clamp(.4rem,1.5vmin,.75rem)}.page-header-left{min-inline-size:min(100%,18rem)}.page-header-right{gap:clamp(.35rem,1.4vmin,.65rem)}.currency-icon{inline-size:clamp(.9rem,4vmin,1.1rem);block-size:clamp(.9rem,4vmin,1.1rem)}.page-content{padding-block:clamp(.5rem,2vmin,.9rem);padding-inline:max(clamp(.55rem,2.2vw,1rem),env(safe-area-inset-left,0px)) max(clamp(.55rem,2.2vw,1rem),env(safe-area-inset-right,0px));padding-block-end:max(clamp(.7rem,2.4vmin,1rem),env(safe-area-inset-bottom,0px))}.ranking-page,.clan-page,.mailbox-page{max-inline-size:min(100%,72rem)}.ranking-page-head,.clan-page-head,.mailbox-page-head{margin-block-end:clamp(.45rem,1.6vmin,.8rem)}.mailbox-list{gap:clamp(.45rem,1.8vmin,.85rem)}.clan-card,.mailbox-card,.clan-info-card{padding:clamp(.55rem,1.8vmin,.85rem);gap:clamp(.35rem,1.4vmin,.65rem)}.mailbox-card-title{font-size:clamp(.88rem,3vmin,1.05rem);line-height:1.15}.page-content button:not([role=tab]){min-block-size:clamp(2rem,7.5vmin,2.5rem);padding-block:clamp(.35rem,1.4vmin,.55rem);padding-inline:clamp(.65rem,2.5vmin,.9rem);font-size:clamp(.75rem,2.5vmin,.9rem)}}@media(orientation:landscape)and (max-height:560px){.page-header{flex-direction:row;align-items:center}.page-header-left{flex:1 1 min(70vw,46rem);flex-direction:row;align-items:center}.page-header-right{flex:0 1 auto}.page-tabs{flex:1 1 auto}.mailbox-list{grid-template-columns:repeat(auto-fit,minmax(min(100%,clamp(12rem,38vw,18rem)),1fr))}.ranking-list,.clan-content{gap:clamp(.35rem,1.4vmin,.6rem)}.ranking-row,.ranking-clan-row,.clan-member-row,.clan-pending-row,.clan-search-row{flex-direction:row}.ranking-podium-sprite-wrap{inline-size:clamp(3rem,11vmin,4.5rem)}}@media(orientation:landscape)and (max-height:430px){.page-content{padding-block-start:.4rem}.clan-card,.mailbox-card,.clan-info-card{padding:clamp(.45rem,1.5vmin,.65rem)}}@media(max-width:720px),(max-height:520px){.page-frame{overflow:hidden}.page-header{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:clamp(.4rem,1.5vmin,.75rem)}.page-header-left{min-inline-size:0;flex:1 1 auto;display:grid;grid-template-columns:minmax(0,1fr);align-items:start}#page-title{max-inline-size:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:1.08}.page-tabs{inline-size:100%;max-inline-size:100%;overflow-x:auto}.page-tabs button{background:#ffffff09}.page-tabs button[aria-selected=true]{border-color:#ffffff1f}.page-header-right{grid-column:1 / -1;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;inline-size:100%;justify-content:stretch;gap:clamp(.35rem,1.4vmin,.65rem)}#page-close-btn{inline-size:auto;max-inline-size:none;justify-self:end}.page-content{flex:1 1 auto;min-block-size:0;padding-block:clamp(.45rem,1.7vmin,.75rem);padding-inline:max(clamp(.5rem,2vw,.85rem),env(safe-area-inset-left,0px)) max(clamp(.5rem,2vw,.85rem),env(safe-area-inset-right,0px));padding-block-end:max(clamp(.65rem,2.2vmin,.95rem),env(safe-area-inset-bottom,0px))}.ranking-page,.clan-page,.mailbox-page{align-items:stretch;inline-size:100%}.mailbox-list{grid-template-columns:repeat(auto-fit,minmax(min(100%,clamp(13rem,72vw,20rem)),1fr))}.mailbox-card-body,.ranking-sub,.clan-page-sub,.mailbox-summary{overflow-wrap:anywhere}}@media(orientation:landscape)and (max-height:430px){.page-header{grid-template-columns:minmax(0,1fr) minmax(9rem,38vw);align-items:center}.page-header-left{grid-template-columns:auto minmax(0,1fr);align-items:center}.page-header-right{grid-column:auto;grid-template-columns:minmax(0,1fr) auto}.mailbox-list{grid-template-columns:repeat(auto-fit,minmax(min(100%,clamp(11rem,32vw,15rem)),1fr))}}@media(max-width:720px),(max-height:520px){.ranking-podium,.ranking-clan-podium{grid-template-columns:repeat(auto-fit,minmax(min(100%,clamp(11rem,48vw,15rem)),1fr))}.ranking-podium-card,.ranking-clan-podium-card{min-inline-size:0}.ranking-podium-name,.ranking-podium-exp,.ranking-clan-podium-name,.ranking-clan-podium-gems,.ranking-clan-podium-members,.ranking-clan-podium-total{min-inline-size:0;overflow-wrap:anywhere}.ranking-row,.ranking-clan-row,.clan-member-row,.clan-pending-row,.clan-ranking-row,.clan-search-row{min-inline-size:0;flex-wrap:wrap;align-items:center}.ranking-name,.ranking-clan-name,.member-name,.pending-name,.cr-name,.cs-name{flex:1 1 min(100%,10rem);min-inline-size:0}.ranking-exp,.ranking-clan-gems,.member-level,.cr-exp,.cs-count{flex:0 1 auto;min-inline-size:0;white-space:normal}.member-action,.clan-pending-row button,.clan-search-row button{flex:1 1 clamp(6.5rem,36vw,9rem);min-inline-size:0}.member-action button,.clan-pending-row button,.clan-search-row button{inline-size:100%;white-space:normal}.clan-season-panel div,.clan-donate-row,.clan-chat-input-row,.clan-search-input-row{flex-wrap:wrap}.clan-donate-input,.clan-chat-input-row input,.clan-search-input-row input{flex:1 1 clamp(10rem,58vw,18rem);min-inline-size:0}.clan-donate-btn,.clan-chat-input-row button,.clan-search-input-row button{flex:1 1 clamp(6.5rem,34vw,9rem);min-inline-size:0;white-space:normal}.clan-info-card,.clan-create-form,.clan-donate-section,.ranking-season-panel,.mailbox-card{min-inline-size:0}.clan-info-card p,.clan-season-label,.clan-season-panel strong,.clan-season-panel p,.clan-donate-balance,.clan-donate-season,.ranking-season-label,.ranking-season-value,.ranking-season-period,.ranking-season-meta{overflow-wrap:anywhere}}@media(max-width:480px){.ranking-podium,.ranking-clan-podium{grid-template-columns:1fr}.ranking-podium-card,.ranking-clan-podium-card{justify-content:flex-start}.ranking-podium-sprite-wrap{inline-size:clamp(3rem,16vmin,4rem);margin-block-end:0;flex:0 0 auto}}.hidden{display:none!important}.page-backdrop{background:#060508e0}.page-frame{background:radial-gradient(ellipse 90% 70% at 50% 0%,#1b1417 0%,var(--ng-ground) 72%);color:var(--ng-text-1);font-family:var(--ng-font-body)}.page-frame:after{opacity:.07}.page-header{padding:clamp(.7rem,2.2vmin,1.05rem) clamp(1rem,4vw,2.5rem);background:#0b090bbd;-webkit-backdrop-filter:var(--ng-glass-blur);backdrop-filter:var(--ng-glass-blur);border-bottom:1px solid var(--ng-hairline)}.page-header-left{gap:clamp(.75rem,3vw,2rem)}#page-title{font-family:var(--ng-font-display);font-weight:400;font-size:clamp(1.45rem,4.4vmin,2.1rem);letter-spacing:-.01em;text-shadow:none;color:var(--ng-text-1)}.page-tabs{gap:.3rem;padding:.25rem;border-radius:var(--ng-radius-md);background:#ffffff0d;border:1px solid var(--ng-hairline)}.page-tabs button{min-block-size:2.25rem;padding:.4em .95em;border:0;border-radius:var(--ng-radius-sm);color:var(--ng-text-2);font-family:var(--ng-font-body);font-weight:600;font-size:clamp(.82rem,2vmin,.95rem);transition:background-color .18s ease,color .18s ease,transform var(--ng-press-ms) ease-out}.page-tabs button:hover{color:var(--ng-text-1)}.page-tabs button:active{transform:scale(.97)}.page-tabs button:focus-visible{outline:2px solid var(--ng-text-1);outline-offset:2px}.page-tabs button[aria-selected=true]{color:var(--ng-text-1);background:#f2ece824;border-bottom-color:transparent;box-shadow:inset 0 1px #ffffff1a;text-shadow:none}#page-close-btn{min-block-size:2.5rem;padding:.5em 1.15em;border:1px solid var(--ng-hairline-strong);border-radius:var(--radius-full);background:#f2ece814;color:var(--ng-text-1);font-family:var(--ng-font-body);font-weight:700;font-size:clamp(.85rem,2vmin,.95rem);transition:background-color .18s ease,transform var(--ng-press-ms) ease-out}#page-close-btn:hover{background:#f2ece824;transform:none}#page-close-btn:active{transform:scale(.97)}#page-close-btn:focus-visible{outline:2px solid var(--ng-text-1);outline-offset:3px}.page-content::-webkit-scrollbar-track{background:transparent}.page-content::-webkit-scrollbar-thumb{background:#ffffff24;border-radius:var(--radius-full)}.ranking-page-head,.clan-page-head,.mailbox-page-head{gap:1rem}.ranking-sub,.clan-page-sub,.mailbox-summary{font-weight:600;font-size:clamp(.85rem,2vmin,.95rem);color:var(--ng-text-2)}.ranking-status,.clan-status,.mailbox-status{color:var(--ng-text-3);font-size:.8rem}:is(.ranking-page,.clan-page,.mailbox-page) button:not([role=tab]){position:relative;isolation:isolate;overflow:hidden;min-block-size:2.75rem;padding:.55em 1.2em;background:var(--ng-action);border:0;border-radius:var(--ng-radius-md);color:#fff;font-family:var(--ng-font-body);font-weight:700;font-size:clamp(.85rem,2vmin,.95rem);letter-spacing:0;box-shadow:0 12px 28px -14px var(--ng-action-glow);transition:background-color .18s ease,transform var(--ng-press-ms) ease-out,opacity .18s ease}:is(.ranking-page,.clan-page,.mailbox-page) button:not([role=tab]):before{content:"";position:absolute;inset:0;z-index:-1;background:url("./stain3-VTJD7YQG.png") center / cover no-repeat;mix-blend-mode:soft-light;filter:brightness(0) invert(1);opacity:.2;pointer-events:none}:is(.ranking-page,.clan-page,.mailbox-page) button:not([role=tab]):hover{background:var(--ng-action-hover);filter:none;transform:none}:is(.ranking-page,.clan-page,.mailbox-page) button:not([role=tab]):active{transform:scale(.97)}:is(.ranking-page,.clan-page,.mailbox-page) button:not([role=tab]):focus-visible{outline:2px solid var(--ng-text-1);outline-offset:3px}:is(.ranking-page,.clan-page,.mailbox-page) button:not([role=tab]):disabled{background:#f2ece814;color:var(--ng-text-3);box-shadow:none;cursor:not-allowed;transform:none}:is(.ranking-refresh-btn,.reject-btn,.member-action){background:#f2ece81a!important;color:var(--ng-text-1)!important;box-shadow:inset 0 0 0 1px var(--ng-hairline-strong)!important}:is(.ranking-refresh-btn,.reject-btn,.member-action):hover{background:#f2ece829!important}:is(.clan-page) button.danger{background:transparent!important;color:var(--ng-action-text)!important;box-shadow:inset 0 0 0 1px #ff6b4a80!important}:is(.ranking-page-head,.mailbox-page-head,.clan-page-head) button:not([role=tab]){inline-size:auto;min-inline-size:7.5rem;max-inline-size:none}:is(.clan-page,.mailbox-page,.ranking-page) :is(input[type=text],input[type=number],input:not([type]),textarea){min-block-size:2.75rem;padding:0 .9em;box-sizing:border-box;border-radius:var(--ng-radius-md);border:1px solid var(--ng-hairline-strong);background:#00000047;color:var(--ng-text-1);font-family:var(--ng-font-body);font-size:clamp(.9rem,2.1vmin,1rem)}:is(.clan-page,.mailbox-page,.ranking-page) :is(input,textarea):focus-visible{outline:none;border-color:var(--ng-text-2);box-shadow:0 0 0 .2rem #f2ece824}:is(.clan-page,.mailbox-page,.ranking-page) :is(input,textarea)::placeholder{color:var(--ng-text-3)}:is(.clan-card,.mailbox-card,.clan-info-card,.ranking-row,.ranking-clan-row,.clan-member-row,.clan-pending-row,.clan-search-row,.ranking-season-panel,.ranking-clan-season-panel,.clan-season-panel,.clan-donate-section,.clan-create-form,.clan-chat-container){background:var(--ng-glass-2);border:1px solid var(--ng-hairline);border-radius:var(--ng-radius-md);box-shadow:0 14px 30px -20px #000000d9,var(--ng-highlight);color:var(--ng-text-1)}:is(.clan-card,.mailbox-card,.clan-info-card,.ranking-row,.ranking-clan-row,.clan-member-row,.clan-pending-row,.clan-search-row):hover{background:#30262adb;border-color:var(--ng-hairline-strong);transform:none;box-shadow:0 14px 30px -20px #000000d9,var(--ng-highlight)}:is(.clan-card,.mailbox-card,.clan-info-card,.ranking-row,.ranking-clan-row,.clan-member-row,.clan-pending-row,.clan-search-row):after{opacity:.08}.mailbox-empty,.ranking-empty,.clan-empty{color:var(--ng-text-2);font-weight:600;font-size:clamp(.95rem,2.4vmin,1.1rem)}.ranking-podium,.ranking-clan-podium{display:flex;justify-content:center;align-items:flex-end;gap:clamp(.6rem,2.2vmin,1.1rem);margin-block-end:clamp(1rem,3vmin,1.5rem)}.ranking-podium-card,.ranking-clan-podium-card{position:relative;isolation:isolate;overflow:hidden;flex:0 1 clamp(8.5rem,24vw,13rem);display:flex;flex-direction:column;align-items:center;gap:.35em;padding:clamp(.6rem,1.8vmin,.9rem) clamp(.5rem,1.6vmin,.85rem) 0;background:var(--ng-glass-2);border:1px solid var(--ng-hairline);border-radius:var(--ng-radius-lg);box-shadow:0 18px 40px -22px #000000e6,var(--ng-highlight);color:var(--ng-text-1)}.ranking-podium-card:before,.ranking-clan-podium-card:before{content:"";position:absolute;inset:0;z-index:-1;background:url("./stain3-VTJD7YQG.png") center / cover no-repeat;mix-blend-mode:soft-light;filter:brightness(0) invert(1);opacity:.12;pointer-events:none}.ranking-podium-card.rank-1,.ranking-clan-podium-card.rank-1{border-color:#e9c46a8c;background:linear-gradient(180deg,rgba(233,196,106,.1),transparent 55%),var(--ng-glass-2);box-shadow:0 0 0 1px #e9c46a2e,0 24px 50px -24px #e9c46a66}.ranking-podium-card.rank-2,.ranking-clan-podium-card.rank-2{border-color:#c9d1d961;background:var(--ng-glass-2)}.ranking-podium-card.rank-3,.ranking-clan-podium-card.rank-3{border-color:#d4a2766b;background:var(--ng-glass-2)}.ranking-podium-card.self{box-shadow:0 0 0 2px #ff6b4a99,0 18px 40px -22px #000000e6}.ranking-podium-sprite-wrap{block-size:clamp(5rem,15vmin,6.75rem)}.ranking-podium-sprite{block-size:90%;filter:drop-shadow(0 .4rem .6rem rgba(0,0,0,.55))}:is(.ranking-podium-medal,.ranking-clan-medal){min-inline-size:0;padding:.2em .75em;border:0;border-radius:var(--radius-full);font-size:.72rem;font-weight:700;letter-spacing:.02em;background:#f2ece81a;color:var(--ng-text-1)}:is(.ranking-podium-medal,.ranking-clan-medal).rank-1{background:#e9c46a33;color:#f2d68c}:is(.ranking-podium-medal,.ranking-clan-medal).rank-2{background:#c9d1d929;color:#dce3ea}:is(.ranking-podium-medal,.ranking-clan-medal).rank-3{background:#d4a27633;color:#e6b98f}:is(.ranking-podium-name,.ranking-clan-podium-name){margin:0;max-inline-size:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-family:var(--ng-font-display);font-weight:400;font-size:clamp(.95rem,2.4vmin,1.1rem);color:var(--ng-text-1);text-align:center}:is(.ranking-podium-exp,.ranking-clan-podium-gems,.ranking-clan-podium-members,.ranking-clan-podium-total){margin:0;font-size:.78rem;font-weight:600;color:var(--ng-text-2);font-variant-numeric:tabular-nums}:is(.ranking-podium-stand,.ranking-clan-stand){align-self:stretch;inline-size:auto;margin-block-start:.45em;margin-inline:calc(-1*clamp(.5rem,1.6vmin,.85rem));min-block-size:2.4rem;display:flex;align-items:center;justify-content:center;border:0;border-top:1px solid var(--ng-hairline);border-radius:0;background:#00000042;font-family:var(--ng-font-display);font-weight:400;font-size:clamp(1.1rem,3vmin,1.45rem);color:var(--ng-text-2)}:is(.ranking-podium-stand,.ranking-clan-stand).rank-1{min-block-size:4rem;color:#f2d68c}:is(.ranking-podium-stand,.ranking-clan-stand).rank-2{min-block-size:3.2rem;color:#dce3ea}:is(.ranking-podium-stand,.ranking-clan-stand).rank-3{min-block-size:2.6rem;color:#e6b98f}.ranking-row,.ranking-clan-row{display:grid;grid-template-columns:clamp(2.6rem,7vmin,3.5rem) minmax(0,1fr) auto;align-items:center;gap:.75rem;padding:.7em 1.1em}.ranking-rank,.ranking-clan-rank{min-inline-size:2.6rem;font-family:var(--ng-font-display);font-size:clamp(.95rem,2.3vmin,1.1rem);color:var(--ng-text-3)}.ranking-name,.ranking-clan-name{flex:1 1 auto;min-inline-size:0;font-weight:600;color:var(--ng-text-1);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ranking-exp,.ranking-clan-gems{font-variant-numeric:tabular-nums;color:var(--ng-text-2);font-size:.88rem}.ranking-row.self,.ranking-clan-row.self{border-color:#ff6b4a8c;box-shadow:0 0 0 1px #ff6b4a33,var(--ng-highlight)}.ranking-season-panel,.ranking-clan-season-panel{padding:clamp(.8rem,2.2vmin,1.1rem);margin-block-end:1rem}.ranking-season-label{color:var(--ng-text-3);font-size:.78rem;letter-spacing:.04em}.ranking-season-stat{background:#00000038;border:1px solid var(--ng-hairline);border-radius:var(--ng-radius-sm)}.ranking-season-value{font-family:var(--ng-font-body);font-weight:700;font-size:clamp(1rem,2.6vmin,1.2rem);color:var(--ng-text-1);font-variant-numeric:tabular-nums}.ranking-season-meta{color:var(--ng-text-2);font-size:.82rem}.mailbox-card{align-items:stretch;text-align:start;gap:.6em}.mailbox-card.is-special{border-color:#e9c46a8c;background:linear-gradient(180deg,rgba(62,50,28,.6),var(--ng-glass-2))}.mailbox-card-head{display:flex;justify-content:space-between;align-items:baseline;gap:.75em}.mailbox-card-title{font-weight:700;color:var(--ng-text-1)}.mailbox-card-time{color:var(--ng-text-3);font-size:.75rem;white-space:nowrap}.mailbox-card-body{color:var(--ng-text-2);font-size:.88rem;line-height:1.5}.mailbox-card-actions{display:flex;justify-content:flex-end}.mailbox-reward-chips{display:flex;flex-wrap:wrap;gap:.4rem}.reward-chip{display:inline-flex;align-items:center;margin:0;padding:.3em .75em;border:1px solid var(--ng-hairline-strong);border-radius:var(--radius-full);background:#f2ece814;color:var(--ng-text-1);font-size:.78rem;font-weight:700;font-variant-numeric:tabular-nums}.reward-chip.gold{color:var(--ng-cat-gold-text);border-color:#f4c95d59;background:#f4c95d1a}.reward-chip.gems{color:#7fd8f0;border-color:#7fd8f052;background:#7fd8f014}.mailbox-item-card{background:#ffffff0a;border:1px solid var(--ng-hairline);border-radius:var(--ng-radius-sm)}.mailbox-item-name{color:var(--ng-text-1);font-weight:600}.mailbox-item-desc{color:var(--ng-text-2);font-size:.8rem}.clan-info-card,.clan-create-form,.clan-donate-section,.clan-season-panel{padding:clamp(.9rem,2.4vmin,1.25rem)}.clan-create-form{align-items:stretch;text-align:start;gap:.7em;max-inline-size:36rem}:is(.clan-create-form,.clan-info-card,.clan-donate-section) :is(h3,h4){margin:0;font-family:var(--ng-font-display);font-weight:400;font-size:clamp(1.1rem,2.8vmin,1.35rem);color:var(--ng-text-1);letter-spacing:0}.clan-create-form label{color:var(--ng-text-2);font-size:.82rem;font-weight:600}.clan-info-card{align-items:stretch;text-align:start}.clan-info-card>p{margin:0;color:var(--ng-text-2);font-size:.9rem}.clan-create-cost{color:var(--color-gold);font-size:.85rem}.clan-info-actions{display:flex;flex-wrap:wrap;gap:.6rem;justify-content:flex-end}.member-name,.pending-name,.cs-name{font-weight:600;color:var(--ng-text-1)}.member-level,.cs-count{color:var(--ng-text-2);font-size:.82rem;font-variant-numeric:tabular-nums}.leader-badge{padding:.15em .6em;border-radius:var(--radius-full);background:#e9c46a2e;color:#f2d68c;font-size:.72rem;font-weight:700}.clan-chat-container{display:flex;flex-direction:column;gap:.6rem;padding:.8rem}.clan-chat-messages{color:var(--ng-text-1);font-size:.88rem;line-height:1.5}.chat-nick{color:var(--ng-text-2);font-weight:700}.chat-text{color:var(--ng-text-1)}.clan-chat-input-row,.clan-search-input-row,.clan-donate-row{display:flex;gap:.6rem;align-items:stretch}.clan-donate-balance,.clan-season-label,.clan-donate-season{color:var(--ng-text-2);font-size:.82rem}.clan-content>*{flex-shrink:0}.clan-member-row{display:grid;grid-template-columns:2rem minmax(0,1fr) auto auto;align-items:center;gap:.75rem;padding:.55em 1em;margin:0;font-size:.9rem}.clan-pending-row,.clan-search-row{display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:.75rem;padding:.55em 1em;margin:0}.member-rank{font-family:var(--ng-font-display);color:var(--ng-text-3);text-align:center}.member-name,.pending-name,.cs-name{display:flex;align-items:center;gap:.5em;min-inline-size:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:is(.clan-member-row,.clan-pending-row,.clan-search-row) button:not([role=tab]){inline-size:auto;min-inline-size:5.5rem;max-inline-size:none;min-block-size:2.5rem;padding-inline:1em}.clan-chat-msg .chat-nick{color:var(--ng-action-text)}.clan-donate-balance strong{color:#7fd8f0}.clan-page button.danger:before{opacity:.08}@media(max-height:500px){.page-header{padding:.45rem 1rem}#page-title{font-size:1.3rem}.page-tabs button{min-block-size:2rem;padding:.3em .75em;font-size:.8rem}#page-close-btn{min-block-size:2.25rem;padding:.35em .9em}.ranking-page-head,.mailbox-page-head,.clan-page-head{flex-direction:row;align-items:center;justify-content:space-between}:is(.ranking-page-head,.mailbox-page-head,.clan-page-head) button:not([role=tab]){min-block-size:2.4rem}.ranking-podium-card,.ranking-clan-podium-card{flex-basis:9.5rem;padding-block-start:.45rem;gap:.2em}.ranking-podium-sprite-wrap{block-size:4.4rem}:is(.ranking-podium-stand,.ranking-clan-stand).rank-1{min-block-size:2.8rem}:is(.ranking-podium-stand,.ranking-clan-stand).rank-2{min-block-size:2.3rem}:is(.ranking-podium-stand,.ranking-clan-stand).rank-3{min-block-size:1.9rem}}body{--hud-edge: clamp(.5rem, 2.2vmin, 1.25rem);--hud-t: calc(var(--hud-edge) + env(safe-area-inset-top, 0px));--hud-r: calc(var(--hud-edge) + env(safe-area-inset-right, 0px));--hud-b: calc(var(--hud-edge) + env(safe-area-inset-bottom, 0px));--hud-l: calc(var(--hud-edge) + env(safe-area-inset-left, 0px));--hud-text: clamp(.75rem, 1.9vmin, .95rem);--hud-ok: #4ADE80;--hud-panel: rgba(16, 12, 14, .88)}.hud-ico{display:block;flex-shrink:0;inline-size:1.15em;block-size:1.15em;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}@keyframes hud-fade{0%{opacity:0;transform:translateY(.4rem)}to{opacity:1;transform:none}}@keyframes hud-fade-x{0%{opacity:0;transform:translate(-50%,.4rem)}to{opacity:1;transform:translate(-50%)}}.float-back-lobby,.float-oni-preview,.float-vote-start,.spectator-next-btn,.mobile-chat-btn,.result-actions button,.boss-story-skip-btn,.room-mode-map-vote-card{-webkit-tap-highlight-color:transparent;touch-action:manipulation;cursor:pointer}.float-back-lobby:focus-visible,.float-oni-preview:focus-visible,.float-vote-start:focus-visible,.spectator-next-btn:focus-visible,.mobile-chat-btn:focus-visible,.result-actions button:focus-visible,.boss-story-skip-btn:focus-visible,.room-mode-map-vote-card:focus-visible{outline:2px solid var(--ng-text-1);outline-offset:3px}.float-back-lobby{position:fixed;z-index:25;top:var(--hud-t);right:var(--hud-r);display:inline-flex;align-items:center;gap:.45em;min-block-size:2.75rem;max-inline-size:min(92vw,18rem);padding:0 1.1em 0 .8em;border-radius:100vmax;color:var(--ng-text-1);font-family:var(--ng-font-body);font-size:var(--hud-text);font-weight:600;line-height:1.2;transition:transform var(--ng-press-ms) ease-out,background-color .18s ease,border-color .18s ease,opacity .18s ease}.float-back-lobby:active:not(:disabled){transform:scale(.97)}.float-back-lobby:disabled{opacity:.45;cursor:default}.float-oni-preview{position:fixed;z-index:25;top:calc(var(--hud-t) + 2.75rem + clamp(.4rem,1.2vmin,.6rem));right:var(--hud-r);display:inline-flex;align-items:center;gap:.45em;min-block-size:2.75rem;max-inline-size:min(92vw,18rem);padding:0 1.1em 0 .8em;border-radius:100vmax;color:var(--ng-text-1);font-family:var(--ng-font-body);font-size:var(--hud-text);font-weight:600;line-height:1.2;white-space:nowrap;transition:transform var(--ng-press-ms) ease-out,background-color .18s ease,border-color .18s ease,box-shadow .18s ease}.float-oni-preview:active{transform:scale(.97)}.float-oni-preview[aria-pressed=true]{background:#7c5cd652;box-shadow:inset 0 0 0 1px #aa8cff8c,0 0 1.2em -.3em #966eff99}.float-vote-start{position:fixed;z-index:25;top:var(--hud-t);left:50%;transform:translate(-50%);min-block-size:3rem;max-inline-size:min(92vw,20rem);padding:0 1.6em;border:0;border-radius:var(--ng-radius-md);background:var(--ng-action);color:#fff;box-shadow:0 .75rem 1.75rem -.75rem var(--ng-action-glow);font-family:var(--ng-font-body);font-size:clamp(.9rem,2.2vmin,1.1rem);font-weight:700;line-height:1.2;white-space:nowrap;transition:transform var(--ng-press-ms) ease-out,background-color .18s ease,opacity .18s ease}.float-vote-start:active:not(:disabled){transform:translate(-50%) scale(.97)}.float-vote-start:disabled{background:var(--ng-glass-2);color:var(--ng-text-2);box-shadow:inset 0 0 0 1px var(--ng-hairline);cursor:default}.float-vote-start:disabled:after{opacity:0}@media(hover:hover){.float-back-lobby:hover:not(:disabled),.float-oni-preview:hover,.spectator-next-btn:hover{background:var(--ng-glass-2);border-color:var(--ng-hairline-strong)}.float-vote-start:hover:not(:disabled){background:var(--ng-action-hover)}}#room-mode-map-vote{position:relative;padding:clamp(.75rem,2.5vmin,1.25rem);border:1px solid var(--ng-hairline);border-radius:var(--ng-radius-lg);background:var(--ng-glass-1);-webkit-backdrop-filter:var(--ng-glass-blur);backdrop-filter:var(--ng-glass-blur);color:var(--ng-text-1);font-family:var(--ng-font-body)}#room-mode-map-vote.hidden{display:none}#room-mode-map-vote.active-phase{position:fixed;z-index:31;top:var(--hud-t);left:50%;transform:translate(-50%);inline-size:min(46rem,calc(100vw - 2rem));max-block-size:calc(100vh - 2 * var(--hud-t));max-block-size:calc(100dvh - 2 * var(--hud-t));overflow-y:auto;padding:clamp(.9rem,2.8vmin,1.4rem);box-shadow:0 1.5rem 3.5rem -1.5rem #000000e6,var(--ng-highlight);pointer-events:auto;animation:hud-fade-x .26s var(--ng-ease) both}.room-mode-map-vote-head{display:flex;flex-direction:column;gap:.3em;margin-bottom:clamp(.6rem,2vmin,1rem)}.room-mode-map-vote-head h3{margin:0;font-family:var(--ng-font-display);font-weight:400;font-size:clamp(1.15rem,3vmin,1.5rem);line-height:1.15}.room-mode-map-vote-head p{margin:0;color:var(--ng-text-2);font-size:clamp(.75rem,1.85vmin,.9rem);line-height:1.45;font-variant-numeric:tabular-nums}.room-mode-map-vote-grid{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr);gap:clamp(.5rem,1.6vmin,.8rem)}@media(max-width:34rem){.room-mode-map-vote-grid{grid-auto-flow:row;grid-template-columns:minmax(0,1fr)}}.room-mode-map-vote-card{position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:.25em;min-inline-size:0;min-block-size:clamp(4.5rem,11vmin,6rem);padding:clamp(.7rem,2vmin,1rem);border:1px solid var(--ng-hairline);border-radius:var(--ng-radius-md);background:var(--ng-glass-2);color:var(--ng-text-1);font-family:var(--ng-font-body);text-align:start;transition:transform var(--ng-press-ms) ease-out,border-color .18s ease,box-shadow .18s ease,opacity .18s ease}.room-mode-map-vote-card:active:not(:disabled){transform:scale(.97)}@media(hover:hover){.room-mode-map-vote-card:hover:not(:disabled){border-color:var(--ng-hairline-strong)}}.room-mode-map-vote-card.selected{border-color:#ff6b4abf;box-shadow:0 0 0 1px #ff6b4a4d,0 1.25rem 2.5rem -1.25rem var(--ng-action-glow)}.room-mode-map-vote-card:disabled{cursor:default}.room-mode-map-vote-card:disabled:not(.selected){opacity:.55}.room-mode-map-vote-label{max-inline-size:100%;font-size:clamp(.85rem,2.1vmin,1rem);font-weight:700;line-height:1.25;word-break:keep-all;overflow-wrap:anywhere}.room-mode-map-vote-count{font-family:var(--ng-font-display);font-weight:400;font-size:clamp(1.3rem,3.6vmin,1.8rem);line-height:1}.room-mode-map-vote-weight{font-size:clamp(.7rem,1.7vmin,.8rem);color:var(--ng-text-3)}.room-mode-map-vote-selected{align-self:flex-start;margin-top:.2em;padding:.2em .65em;border-radius:100vmax;background:#f2ece814;color:var(--ng-text-2);font-size:clamp(.68rem,1.6vmin,.78rem);font-weight:700}.room-mode-map-vote-card.selected .room-mode-map-vote-selected{background:var(--ng-action);color:#fff}.room-mode-map-vote-new{position:absolute;inset-block-start:clamp(.45rem,1.3vmin,.65rem);inset-inline-end:clamp(.45rem,1.3vmin,.65rem);padding:.15em .55em;border-radius:100vmax;background:#f4c95d;color:#2a1c0a;font-family:var(--ng-font-body);font-size:clamp(.6rem,1.5vmin,.7rem);font-weight:800;letter-spacing:.06em;line-height:1.2;pointer-events:none}.room-mode-map-vote-card.is-new .room-mode-map-vote-label{padding-inline-end:3em}.mission-top{position:fixed;z-index:26;top:var(--hud-t);left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:.45em;max-inline-size:min(92vw,30rem);padding:.5em 1.1em;border-radius:var(--ng-radius-lg);color:var(--ng-text-1);font-family:var(--ng-font-body);font-size:var(--hud-text);pointer-events:none}.mission-main{display:flex;align-items:center;gap:.6em;white-space:nowrap}.mission-label{font-size:.78em;font-weight:600;color:var(--ng-text-3)}#mission-top-value{font-family:var(--ng-font-display);font-weight:400;font-size:1.35em;line-height:1;letter-spacing:.02em}#mission-top-timer{display:inline-flex;align-items:center;gap:.35em;padding-inline-start:.6em;border-inline-start:1px solid var(--ng-hairline-strong);font-size:1.05em;font-weight:700;color:var(--ng-text-2);font-variant-numeric:tabular-nums}#mission-top-timer:empty{display:none}#mission-top-timer:before{content:"";inline-size:.95em;block-size:.95em;background:currentColor;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='%23000' stroke-width='2.2' stroke-linecap='round'%3E%3Ccircle cx='12' cy='13' r='8'/%3E%3Cpath d='M12 9 V13 L14.5 15.5 M9.5 2.5 H14.5'/%3E%3C/g%3E%3C/svg%3E") center / contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='%23000' stroke-width='2.2' stroke-linecap='round'%3E%3Ccircle cx='12' cy='13' r='8'/%3E%3Cpath d='M12 9 V13 L14.5 15.5 M9.5 2.5 H14.5'/%3E%3C/g%3E%3C/svg%3E") center / contain no-repeat}.mission-event-wrap{inline-size:clamp(11rem,36vmin,18rem);display:flex;flex-direction:column;align-items:stretch;gap:.35em}.mission-event-track{block-size:clamp(.25rem,.6vmin,.4rem);border-radius:100vmax;background:#ffffff1f;overflow:hidden}.mission-event-fill{inline-size:100%;block-size:100%;border-radius:inherit;background:linear-gradient(90deg,var(--ng-action),var(--ng-action-text));transition:width 80ms linear}.mission-event-text{margin:0;font-size:.82em;color:var(--ng-text-2);text-align:center;line-height:1.35;white-space:normal;overflow-wrap:anywhere}.event-toast,#result-banner.result{position:fixed;z-index:31;left:50%;top:calc(var(--hud-t) + clamp(3.5rem,11vmin,5rem));transform:translate(-50%);max-inline-size:min(92vw,32rem);padding:.55em 1.1em;border:1px solid var(--ng-hairline-strong);border-radius:100vmax;background:var(--ng-glass-2);-webkit-backdrop-filter:var(--ng-glass-blur);backdrop-filter:var(--ng-glass-blur);box-shadow:0 1rem 2.25rem -1rem #000000e6;color:var(--ng-text-1);font-family:var(--ng-font-body);font-size:var(--hud-text);font-weight:600;line-height:1.35;text-align:center;overflow-wrap:anywhere;animation:hud-fade-x .22s var(--ng-ease) both}#result-banner.result{z-index:30}.chat-overlay{position:fixed;z-index:24;left:var(--hud-l);bottom:var(--hud-b);inline-size:clamp(15rem,40vmin,26rem);display:flex;flex-direction:column;gap:.4em;font-family:var(--ng-font-plain);font-size:clamp(.75rem,1.85vmin,.95rem);pointer-events:none}body.lobby-hub-bg .chat-overlay{display:none}.chat-dock-handle,.chat-messages{translate:var(--chat-dock-dx, 0rem) var(--chat-dock-dy, 0rem)}.chat-dock-handle{position:relative;display:grid;place-items:center;align-self:flex-start;inline-size:clamp(1.9rem,9vmin,2.3rem);block-size:clamp(1.9rem,9vmin,2.3rem);padding:0;border:1px solid var(--ng-hairline-strong);border-radius:50%;background:#0c090b9e;color:var(--ng-text-1);pointer-events:auto;touch-action:none;-webkit-tap-highlight-color:transparent;cursor:grab;transition:transform .1s ease-out,background .12s ease}.chat-dock-handle svg{inline-size:55%;block-size:55%;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linejoin:round}.chat-dock-handle.is-pressed{transform:scale(.94);background:#281e22cc}.chat-overlay.is-dragging .chat-dock-handle{cursor:grabbing}.chat-overlay:not(.is-collapsed) .chat-dock-handle{opacity:.72}.chat-overlay.is-collapsed .chat-messages{display:none}.chat-dock-dot{position:absolute;inset-block-start:.1rem;inset-inline-end:.1rem;inline-size:.5rem;block-size:.5rem;border-radius:50%;background:#e0493a;box-shadow:0 0 .4rem #e0493ab3;opacity:0}.chat-overlay.is-collapsed.has-unread .chat-dock-dot{opacity:1}.chat-messages{max-block-size:clamp(6.5rem,26vmin,14rem);overflow:hidden;display:flex;flex-direction:column;justify-content:flex-end;gap:.15em;padding:.5em .8em;border:1px solid var(--ng-hairline);border-radius:var(--ng-radius-md);background:#0c090b6b;opacity:0;transform:translateY(.25em);transition:opacity .5s ease,transform .5s var(--ng-ease)}.chat-messages.is-overflowing{-webkit-mask-image:linear-gradient(to bottom,transparent 0,#000 1.4em);mask-image:linear-gradient(to bottom,transparent 0,#000 1.4em)}.chat-overlay.chat-log-visible .chat-messages{opacity:1;transform:none}.chat-translate-chip{margin-inline-start:.4em;padding:.05em .45em;border:1px solid var(--ng-hairline);border-radius:100vmax;background:#ffffff0f;color:var(--ng-text-2);font:inherit;font-size:.78em;line-height:1.3;vertical-align:.05em;cursor:pointer;pointer-events:auto;touch-action:manipulation}.chat-translate-chip[aria-pressed=true]{color:var(--ng-text-1);border-color:var(--ng-hairline-strong)}.chat-line{line-height:1.45;color:var(--ng-text-1);text-shadow:0 1px 3px rgba(0,0,0,.8);overflow-wrap:anywhere}.chat-nick-human{color:var(--ng-cat-mob-text);font-weight:700}.chat-nick-monster{color:var(--ng-action-text);font-weight:700}.chat-nick-spectator{color:var(--ng-text-3);font-weight:700}.chat-nick-system{color:var(--ng-cat-gold-text);font-weight:700}.chat-line-warning{color:var(--ng-cat-atk-text);font-weight:700}.chat-nick-warning{color:var(--ng-action-text);font-weight:800}.chat-input{pointer-events:auto;display:none;position:fixed;z-index:70;left:50%;bottom:clamp(2.5rem,8vmin,5rem);transform:translate(-50%);inline-size:clamp(15rem,42vmin,35rem);min-block-size:2.75rem;padding:0 1.1em;border:1px solid var(--ng-hairline-strong);border-radius:100vmax;background:#161114db;-webkit-backdrop-filter:var(--ng-glass-blur);backdrop-filter:var(--ng-glass-blur);box-shadow:0 1rem 2.25rem -1rem #000000e6;color:var(--ng-text-1);font-family:var(--ng-font-plain);font-size:clamp(.85rem,2vmin,1rem);outline:none;transition:border-color .18s ease,box-shadow .18s ease}.chat-input::placeholder{color:var(--ng-text-3)}.chat-input:focus{border-color:#ffffff52;box-shadow:0 0 0 3px #f2ece814,0 1rem 2.25rem -1rem #000000e6}.mobile-chat-btn{position:fixed;z-index:70;bottom:calc(.625rem + env(safe-area-inset-bottom,0px));left:50%;transform:translate(-50%);display:flex;align-items:center;justify-content:center;inline-size:2.75rem;block-size:2.75rem;padding:0;border-radius:50%;color:var(--ng-text-1);font-size:1rem;transition:transform var(--ng-press-ms) ease-out,background-color .18s ease}.mobile-chat-btn:active{transform:translate(-50%) scale(.94)}.net-state{position:fixed;z-index:30;right:var(--hud-r);bottom:var(--hud-b);display:inline-flex;align-items:center;gap:.5em;padding:.35em .8em .35em .65em;border:1px solid var(--ng-hairline);border-radius:100vmax;background:#1611149e;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:var(--ng-text-2);font-family:var(--ng-font-body);font-size:clamp(.65rem,1.55vmin,.78rem);font-weight:600;font-variant-numeric:tabular-nums;letter-spacing:.02em;pointer-events:none}.net-state:before{content:"";flex-shrink:0;inline-size:.55em;block-size:.55em;border-radius:50%;background:var(--hud-ok)}.net-state[data-state=offline]{color:var(--ng-action-text)}.net-state[data-state=offline]:before{background:var(--ng-action-text)}.net-state[data-state=connected]:before{background:var(--ng-cat-gold)}.spectator-next-btn{position:fixed;z-index:32;bottom:var(--hud-b);left:50%;transform:translate(.3rem);display:inline-flex;align-items:center;justify-content:center;gap:.4em;min-block-size:2.75rem;max-inline-size:min(44vw,14rem);padding:0 1.2em;border-radius:100vmax;color:var(--ng-text-1);font-family:var(--ng-font-body);font-size:clamp(.85rem,2.1vmin,1.05rem);font-weight:700;line-height:1.2;white-space:nowrap;transition:transform var(--ng-press-ms) ease-out,background-color .18s ease,border-color .18s ease}.spectator-next-btn:active{transform:translate(.3rem) scale(.97)}.spectator-exit-btn{transform:translate(calc(-100% - .3rem));color:var(--ng-text-2);font-weight:600}.spectator-exit-btn:active{transform:translate(calc(-100% - .3rem)) scale(.97)}.boss-story-overlay{position:fixed;inset:0;z-index:39;pointer-events:auto;display:flex;align-items:flex-end;justify-content:center;overflow:hidden;padding:calc(clamp(.6rem,2.2vmin,1rem) + env(safe-area-inset-top,0px)) calc(clamp(.6rem,2.4vmin,1.2rem) + env(safe-area-inset-right,0px)) calc(clamp(.75rem,2.8vmin,1.3rem) + env(safe-area-inset-bottom,0px)) calc(clamp(.6rem,2.4vmin,1.2rem) + env(safe-area-inset-left,0px))}.boss-story-blackout{position:absolute;inset:0;pointer-events:none;opacity:var(--boss-story-blackout-alpha, 0);background:radial-gradient(ellipse at center,#080608cc,#040305f7);box-shadow:inset 0 0 14vmin #78120a59;transition:opacity .14s linear}.boss-story-skip-wrap{position:absolute;z-index:2;top:var(--hud-t);right:var(--hud-r);display:flex;flex-direction:column;align-items:flex-end;gap:.4rem;max-inline-size:min(78vw,18rem)}.boss-story-skip-count{margin:0;padding:.35em .85em;border:1px solid var(--ng-hairline);border-radius:100vmax;background:#161114b8;-webkit-backdrop-filter:var(--ng-glass-blur);backdrop-filter:var(--ng-glass-blur);color:var(--ng-text-2);font-family:var(--ng-font-body);font-size:clamp(.68rem,1.7vmin,.82rem);line-height:1.35;text-align:right;font-variant-numeric:tabular-nums}.boss-story-skip-count:empty{display:none}.boss-story-skip-btn{min-block-size:2.75rem;padding:0 1.1em;border:1px solid var(--ng-hairline-strong);border-radius:100vmax;background:#161114b8;-webkit-backdrop-filter:var(--ng-glass-blur);backdrop-filter:var(--ng-glass-blur);color:var(--ng-text-1);font-family:var(--ng-font-body);font-size:clamp(.8rem,1.95vmin,.95rem);font-weight:600;line-height:1.2;transition:transform var(--ng-press-ms) ease-out,background-color .18s ease,border-color .18s ease,opacity .18s ease}.boss-story-skip-btn:active:not(:disabled){transform:scale(.97)}.boss-story-skip-btn[aria-pressed=true]{border-color:#ff6b4ab3;background:#c93a244d;color:#fff}.boss-story-skip-btn:disabled{opacity:.45;cursor:default}.boss-story-layout{position:relative;z-index:1;inline-size:min(46rem,100%);display:grid;grid-template-columns:max-content minmax(0,1fr);align-items:end;gap:clamp(.6rem,2vmin,1.1rem);opacity:var(--boss-story-dialogue-alpha, 1);transform:translateY(var(--boss-story-dialogue-offset, 0%));transition:opacity .18s ease,transform .22s var(--ng-ease)}.boss-story-portrait-wrap{--boss-story-portrait-h: clamp(4.8rem, 15vmin, 8.8rem);position:relative;block-size:var(--boss-story-portrait-h);inline-size:clamp(3.8rem,calc(var(--boss-story-portrait-h) * var(--boss-story-portrait-ratio-num, 1)),13.6rem);max-inline-size:100%;justify-self:start;aspect-ratio:var(--boss-story-portrait-ratio, 1 / 1);overflow:hidden;border:1px solid var(--ng-hairline-strong);border-radius:var(--ng-radius-lg);background:radial-gradient(circle at 50% 65%,rgba(120,18,10,.3),transparent 70%),var(--hud-panel);box-shadow:0 1.5rem 3rem -1.5rem #000000f2,var(--ng-highlight)}.boss-story-portrait{position:absolute;inset:0;inline-size:100%;block-size:100%;object-fit:contain;object-position:center center;image-rendering:auto}.boss-story-portrait.sheet-4x4{transform-origin:top left;transform:scale(4);object-fit:fill;object-position:top left;image-rendering:pixelated}.boss-story-dialogue-wrap{display:grid;grid-template-rows:auto auto;gap:.5rem;min-inline-size:0}.boss-story-name{margin:0;justify-self:start;padding:.3em .9em;border:1px solid rgba(255,107,74,.45);border-radius:100vmax;background:#c93a2438;color:#ffe3da;font-family:var(--ng-font-display);font-weight:400;font-size:clamp(1rem,2.6vmin,1.4rem);line-height:1.2;letter-spacing:.03em}.boss-story-name:empty{display:none}.boss-story-line{margin:0;min-block-size:clamp(5rem,16vmin,9rem);padding:clamp(.8rem,2.4vmin,1.25rem) clamp(.95rem,2.9vmin,1.45rem);border:1px solid var(--ng-hairline);border-radius:var(--ng-radius-lg);background:var(--hud-panel);-webkit-backdrop-filter:var(--ng-glass-blur);backdrop-filter:var(--ng-glass-blur);box-shadow:0 1.5rem 3.75rem -1.5rem #000000f2,var(--ng-highlight);color:var(--ng-text-1);font-family:var(--ng-font-body);font-size:clamp(1rem,2.9vmin,1.5rem);line-height:1.55;letter-spacing:.01em;word-break:keep-all;overflow-wrap:anywhere;text-shadow:0 1px 2px rgba(0,0,0,.8)}.boss-story-line.shake{animation:bossStoryLineShake .12s cubic-bezier(.36,.07,.19,.97) infinite}@keyframes bossStoryLineShake{0%{transform:translate(-.3%) translateY(.2%)}25%{transform:translate(.4%) translateY(-.1%)}50%{transform:translate(-.2%) translateY(.3%)}75%{transform:translate(.3%) translateY(-.2%)}to{transform:translate(-.1%) translateY(.1%)}}.boss-story-overlay{--story-bar-h: clamp(1.6rem, 9vh, 4.6rem)}.boss-story-overlay.is-story-staging:before,.boss-story-overlay.is-story-staging:after{content:"";position:absolute;inset-inline:0;z-index:1;block-size:var(--story-bar-h);background:#000;pointer-events:none;animation:storyBarIn .42s var(--ng-ease) both}.boss-story-overlay.is-story-staging:before{top:0;transform-origin:top}.boss-story-overlay.is-story-staging:after{bottom:0;transform-origin:bottom}@keyframes storyBarIn{0%{transform:scaleY(0)}to{transform:scaleY(1)}}.boss-story-overlay.is-story-staging .boss-story-skip-wrap{z-index:3;top:calc(env(safe-area-inset-top,0rem) + max(calc(var(--story-bar-h) / 2),1.675rem));translate:0 -50%}.boss-story-overlay.is-story-staging .boss-story-skip-count{display:none}.boss-story-overlay.is-story-staging .boss-story-skip-btn{padding:.35em .95em;border-color:#f4ede638;background:#ffffff0f;color:#f4ede6d1;font-size:clamp(.78rem,2.1vmin,.92rem)}.boss-story-overlay.is-story-staging .boss-story-skip-btn:after{content:" ▸▸";letter-spacing:-.1em}.boss-story-overlay.is-story-staging .boss-story-skip-btn:disabled{opacity:0;pointer-events:none}.boss-story-overlay.is-story-staging .boss-story-layout{z-index:2;inline-size:min(50rem,100%);margin-block-end:calc(var(--story-bar-h) * .18)}.boss-story-overlay.is-story-staging .boss-story-line{position:relative;min-block-size:clamp(4.4rem,13vmin,7rem);border:.125rem solid rgba(244,237,230,.2);border-radius:var(--ng-radius-md);background:#0c090ded;-webkit-backdrop-filter:none;backdrop-filter:none;box-shadow:0 1.2rem 2.6rem -1.2rem #000000f2,inset 0 .0625rem #ffffff0f}.boss-story-overlay.is-story-staging .boss-story-line{border:solid transparent;border-width:clamp(.55rem,1.6vmin,.85rem) clamp(.9rem,2.4vmin,1.3rem);border-image:url("./dialogue-strip-G7URUOWB.webp") 30 46 fill / clamp(.55rem,1.6vmin,.85rem) clamp(.9rem,2.4vmin,1.3rem) stretch;border-radius:0;background:none;box-shadow:none;filter:drop-shadow(0 .8rem 1.4rem rgba(0,0,0,.75))}.boss-story-overlay.is-story-staging[data-speaker-kind=narration] .boss-story-line{background:none}.boss-story-overlay.is-story-staging .boss-story-name{rotate:-2deg;box-shadow:0 .3rem .8rem -.3rem #000c}.boss-story-overlay[data-speaker-kind=voice] .boss-story-portrait{image-rendering:auto;animation:story-phone-buzz .9s steps(1) infinite}@keyframes story-phone-buzz{0%,60%,to{translate:0 0;rotate:0deg}10%{translate:-.06rem 0;rotate:-1.5deg}20%{translate:.06rem 0;rotate:1.5deg}30%{translate:-.04rem 0;rotate:-1deg}}@media(prefers-reduced-motion:reduce){.boss-story-overlay[data-speaker-kind=voice] .boss-story-portrait{animation:none}}.boss-story-untyped{color:transparent;text-shadow:none}.boss-story-sr{position:absolute;inline-size:.0625rem;block-size:.0625rem;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.boss-story-overlay.is-story-staging .boss-story-line.is-typed:after{content:"";position:absolute;inset-inline-end:.9em;inset-block-end:.55em;inline-size:.62em;block-size:.42em;background:var(--ng-text-2);clip-path:polygon(0 0,100% 0,50% 100%);animation:storyNextBob .8s steps(2) infinite}@keyframes storyNextBob{0%{transform:translateY(0)}to{transform:translateY(.18em)}}.boss-story-overlay.is-story-staging .boss-story-name{margin-block-end:-.95rem;margin-inline-start:.8rem;position:relative;z-index:1;border-color:#f4ede647;background:#1d1720;color:#f4ede6}.boss-story-overlay.is-story-staging .boss-story-portrait-wrap{--boss-story-portrait-h: clamp(5.2rem, 17vmin, 9.6rem);border:.125rem solid rgba(244,237,230,.18);background:radial-gradient(circle at 50% 78%,rgba(255,214,170,.16),transparent 68%),#140f15}.boss-story-overlay.is-story-staging .boss-story-portrait{image-rendering:pixelated}.boss-story-overlay[data-speaker-kind=narration] .boss-story-layout{grid-template-columns:minmax(0,1fr)}.boss-story-overlay[data-speaker-kind=narration] .boss-story-portrait-wrap,.boss-story-overlay[data-speaker-kind=narration] .boss-story-name{display:none}.boss-story-overlay.is-story-staging[data-speaker-kind=narration] .boss-story-line{text-align:center;border-color:transparent;background:#060408d1;color:#ece2d8f0}.boss-story-overlay[data-speaker-kind=voice] .boss-story-name{border-color:#ff6b4a80;background:#2a0f0c;color:#ffb3a3}.boss-story-overlay[data-speaker-kind=voice] .boss-story-line{color:#f6cfc6;letter-spacing:.04em;text-shadow:0 0 .5em rgba(200,55,43,.55),0 1px 2px rgba(0,0,0,.8)}.boss-story-overlay[data-speaker-kind=voice] .boss-story-portrait-wrap{background:radial-gradient(circle at 50% 42%,rgba(200,55,43,.28),transparent 70%),#0d0709;border-color:#ff6b4a52}.boss-story-chapter{position:absolute;inset:0;z-index:3;display:grid;place-content:center;justify-items:center;gap:clamp(.3rem,1.4vmin,.7rem);pointer-events:none;text-align:center;opacity:var(--boss-story-chapter-alpha, 0);transform:translateY(calc((1 - var(--boss-story-chapter-alpha, 0)) * .6rem))}.boss-story-chapter-kicker{display:flex;align-items:center;gap:.8em;font-family:var(--ng-font-display);font-size:clamp(.85rem,2.6vmin,1.25rem);letter-spacing:.4em;color:#ff8068eb}.boss-story-chapter-kicker:before,.boss-story-chapter-kicker:after{content:"";inline-size:clamp(1.6rem,7vmin,3.4rem);block-size:.0625rem;background:currentColor;opacity:.6}.boss-story-chapter-title{font-family:var(--ng-font-display);font-weight:700;font-size:clamp(2rem,9vmin,4.4rem);line-height:1.1;letter-spacing:.14em;color:#f4ede6;text-shadow:0 0 1.1em rgba(160,20,12,.6);padding:.32em 1.5em .38em;background:url("./banner-INBHAQ4Y.webp") center / 100% 100% no-repeat}@media(max-height:500px){.boss-story-overlay{--story-bar-h: clamp(.9rem, 7vh, 2rem)}.boss-story-overlay.is-story-staging .boss-story-portrait-wrap{--boss-story-portrait-h: clamp(3.6rem, 24vmin, 6rem)}.boss-story-overlay.is-story-staging .boss-story-line{min-block-size:clamp(3rem,18vmin,4.8rem)}.boss-story-overlay.is-story-staging .boss-story-name{margin-block-end:-.7rem}}@media(prefers-reduced-motion:reduce){.boss-story-overlay.is-story-staging:before,.boss-story-overlay.is-story-staging:after,.boss-story-overlay.is-story-staging .boss-story-line.is-typed:after{animation:none}.boss-story-chapter{transform:none}}body.story-cutscene-ui-hidden #top-ui,body.story-cutscene-ui-hidden #mission-top,body.story-cutscene-ui-hidden #mission-event-wrap,body.story-cutscene-ui-hidden #chat-overlay,body.story-cutscene-ui-hidden #mobile-chat-btn,body.story-cutscene-ui-hidden #dash-button,body.story-cutscene-ui-hidden #dpad-joystick,body.story-cutscene-ui-hidden #spectator-next-btn,body.story-cutscene-ui-hidden #spectator-exit-btn,body.story-cutscene-ui-hidden #event-toast,body.story-cutscene-ui-hidden #result-banner,body.story-cutscene-ui-hidden #net-state,body.story-cutscene-ui-hidden #debug-hud,body.story-cutscene-ui-hidden #mobile-settings-overlay,body.story-cutscene-ui-hidden #lobby-settings-btn,body.story-cutscene-ui-hidden #shop-overlay,body.story-cutscene-ui-hidden #mailbox-overlay,body.story-cutscene-ui-hidden #ranking-overlay,body.story-cutscene-ui-hidden #clan-overlay,body.story-cutscene-ui-hidden #match-result-overlay{display:none!important}.dpad-joystick{border:1px solid var(--ng-hairline-strong);background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cg fill='none' stroke='rgba(242,236,232,0.72)' stroke-width='4.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M42 22 L50 14 L58 22 M42 78 L50 86 L58 78 M22 42 L14 50 L22 58 M78 42 L86 50 L78 58'/%3E%3C/g%3E%3Ccircle cx='50' cy='50' r='15' fill='rgba(242,236,232,0.12)' stroke='rgba(242,236,232,0.28)' stroke-width='1.5'/%3E%3C/svg%3E") center / 100% 100% no-repeat,#1611148c;-webkit-backdrop-filter:var(--ng-glass-blur);backdrop-filter:var(--ng-glass-blur);box-shadow:0 1.25rem 2.5rem -1.25rem #000000e6,var(--ng-highlight)}.dpad-joystick img{visibility:hidden}.dpad-joystick[data-active-dir=up]:after{background:radial-gradient(ellipse 60% 40% at 50% 16%,rgba(255,107,74,.45),transparent 70%)}.dpad-joystick[data-active-dir=down]:after{background:radial-gradient(ellipse 60% 40% at 50% 84%,rgba(255,107,74,.45),transparent 70%)}.dpad-joystick[data-active-dir=left]:after{background:radial-gradient(ellipse 40% 60% at 16% 50%,rgba(255,107,74,.45),transparent 70%)}.dpad-joystick[data-active-dir=right]:after{background:radial-gradient(ellipse 40% 60% at 84% 50%,rgba(255,107,74,.45),transparent 70%)}.dash-button{container-type:inline-size;border:1px solid var(--ng-hairline-strong);background:#16111499;-webkit-backdrop-filter:var(--ng-glass-blur);backdrop-filter:var(--ng-glass-blur);box-shadow:0 1.25rem 2.5rem -1.25rem #000000e6,var(--ng-highlight);color:var(--ng-text-1);font-family:var(--ng-font-body);-webkit-tap-highlight-color:transparent;transition:transform var(--ng-press-ms) ease-out,opacity .18s ease,box-shadow .18s ease}.dash-button:hover{transform:none}.dash-button:active:not(:disabled){transform:scale(.95)}.dash-ring-bg{stroke:#f2ece824}.dash-ring{stroke:var(--ng-action-text)}.dash-button[data-state=ready]{box-shadow:0 0 0 1px #ff6b4a59,0 1.25rem 2.5rem -1.25rem var(--ng-action-glow)}.dash-button[data-state=ready] .dash-ring{stroke:var(--ng-action-text)}.dash-button[data-state=active] .dash-ring{stroke:var(--ng-text-1)}.dash-button[data-state=cooldown] .dash-ring{stroke:#ff6b4a8c}.dash-button[data-state=locked]{opacity:.45}.dash-button[data-state=locked] .dash-ring{stroke:var(--ng-text-3)}.dash-label{font-family:var(--ng-font-display);font-weight:400;font-size:.85rem;font-size:clamp(.62rem,16cqi,1.35rem);letter-spacing:.02em}.dash-button[data-icon] .dash-label:before{content:"";display:block;inline-size:2rem;inline-size:36cqi;block-size:2rem;block-size:36cqi;margin:0 auto .1rem;background:center / contain no-repeat;image-rendering:pixelated}.dash-button[data-icon=dash] .dash-label:before{background-image:url("./dash-MOF6COY7.png")}.dash-button[data-icon=attack] .dash-label:before{background-image:url("./attack-YOCX4LIF.png")}.dash-button[data-icon=flashbang] .dash-label:before{background-image:url("./flashbang-BBYJH2BN.png")}.dash-button[data-icon] .dash-label{font-size:.75rem;font-size:clamp(.55rem,13cqi,1.1rem)}.dash-button[data-icon] .dash-timer{font-size:.55rem;font-size:clamp(.5rem,9cqi,.8rem)}.dash-timer{color:var(--ng-text-2);font-size:.65rem;font-size:clamp(.55rem,10cqi,.9rem);font-weight:600;letter-spacing:.04em;font-variant-numeric:tabular-nums}@media(max-height:500px){body{--hud-edge: clamp(.4rem, 2.6vmin, .75rem);--hud-text: clamp(.68rem, 3vmin, .8rem)}.float-vote-start{min-block-size:2.75rem;font-size:clamp(.8rem,3.6vmin,.95rem)}#room-mode-map-vote.active-phase{inline-size:min(36rem,calc(100vw - 1rem));padding:.75rem .9rem}.room-mode-map-vote-head{flex-direction:row;align-items:baseline;justify-content:space-between;gap:.75rem}.room-mode-map-vote-head p{text-align:right}.room-mode-map-vote-card{min-block-size:3.6rem;padding:.55rem .75rem}.chat-overlay{top:calc(var(--hud-t) + 3.1rem);bottom:auto;inline-size:min(clamp(12rem,44vw,20rem),calc(50vw - 5.5rem - var(--hud-l)));font-size:clamp(.68rem,3vmin,.8rem)}.chat-messages{max-block-size:clamp(3.4rem,22vh,6rem);transform:translateY(-.25em)}body.is-night-raid .chat-overlay{top:calc(var(--night-hud-bottom, 8rem) + .4rem)}.spectator-next-btn{bottom:calc(var(--hud-b) + 3.25rem);font-size:clamp(.78rem,3.4vmin,.9rem)}.boss-story-layout{inline-size:min(40rem,100%);gap:.5rem}.boss-story-portrait-wrap{--boss-story-portrait-h: clamp(3.6rem, 22vmin, 6rem)}.boss-story-name{font-size:clamp(.85rem,4vmin,1.05rem)}.boss-story-line{min-block-size:clamp(3.2rem,20vmin,5.4rem);padding:.55rem .8rem;font-size:clamp(.85rem,4vmin,1.05rem);line-height:1.45}}@media(prefers-reduced-motion:reduce){#room-mode-map-vote.active-phase,.event-toast,#result-banner.result,.match-result-overlay,.boss-story-line.shake{animation:none}.float-back-lobby:active:not(:disabled),.float-oni-preview:active,.result-actions button:active,.boss-story-skip-btn:active:not(:disabled),.room-mode-map-vote-card:active:not(:disabled),.dash-button:active:not(:disabled){transform:none}.float-vote-start:active:not(:disabled),.mobile-chat-btn:active{transform:translate(-50%)}.spectator-next-btn:active{transform:translate(.3rem)}.spectator-exit-btn:active{transform:translate(calc(-100% - .3rem))}}@media(prefers-reduced-transparency:reduce){.chat-messages,.net-state,.chat-input,.event-toast,#result-banner.result,.boss-story-skip-count,.boss-story-skip-btn,.boss-story-line,.dash-button,.dpad-joystick{-webkit-backdrop-filter:none;backdrop-filter:none}.chat-messages{background:#100c0eeb}}.survival-notice,.bomb-notice{position:fixed;z-index:34;left:50%;top:calc(env(safe-area-inset-top,0rem) + clamp(4.5rem,14vh,7rem));max-width:min(88vw,30rem);padding:.55em 1.1em;border-radius:100vmax;background:var(--ng-glass-1);-webkit-backdrop-filter:var(--ng-glass-blur);backdrop-filter:var(--ng-glass-blur);box-shadow:inset 0 0 0 .0625rem var(--ng-hairline);color:var(--ng-text-1);font-size:clamp(.8rem,2.2vmin,.95rem);font-weight:700;text-align:center;pointer-events:none;opacity:0;transform:translate(-50%,-.4rem);transition:opacity .24s ease,transform .24s ease}.survival-notice.is-on,.bomb-notice.is-on{opacity:1;transform:translate(-50%)}.survival-notice[data-tone=danger],.bomb-notice[data-tone=danger]{color:#ffb3a3;box-shadow:inset 0 0 0 .0625rem #ff6b4a73}.survival-notice[data-tone=ok],.bomb-notice[data-tone=ok]{color:#f7d582}.survival-notice[data-tone=muted],.bomb-notice[data-tone=muted]{color:var(--ng-text-2)}.survival-flash{position:fixed;inset:0;z-index:33;pointer-events:none;background:radial-gradient(circle at 50% 50%,rgba(255,255,240,.85),rgba(255,255,240,.25) 60%,transparent 85%);opacity:0}.survival-flash.is-on{animation:survival-flash .52s ease-out both}.survival-flash.is-strong{background:#fffff5f2;animation-duration:1.5s}@keyframes survival-flash{0%{opacity:1}to{opacity:0}}.bomb-edge{position:fixed;inset:0;z-index:33;pointer-events:none;box-shadow:inset 0 0 clamp(2.5rem,12vmin,7rem) clamp(.5rem,2.5vmin,1.5rem) #e61e14d9;opacity:0}.bomb-edge.is-on{animation:bomb-edge .7s ease-out both}@keyframes bomb-edge{0%{opacity:1}to{opacity:0}}@media(prefers-reduced-motion:reduce){.survival-flash.is-on{animation-duration:.9s}}@media(max-height:500px){.survival-notice,.bomb-notice{top:calc(env(safe-area-inset-top,0rem) + 3.2rem)}}.countdown-reveal{position:fixed;z-index:32;left:50%;top:calc(env(safe-area-inset-top,0rem) + clamp(3.5rem,11vh,6rem));display:flex;flex-direction:column;align-items:center;gap:clamp(.2rem,.8vmin,.4rem);max-inline-size:min(92vw,34rem);padding:clamp(.7rem,2.2vmin,1.1rem) clamp(1.2rem,4vmin,2.2rem);border-radius:var(--ng-radius-lg);background:var(--ng-glass-1);-webkit-backdrop-filter:var(--ng-glass-blur);backdrop-filter:var(--ng-glass-blur);box-shadow:inset 0 0 0 .0625rem var(--ng-hairline),0 1.25rem 2.5rem -1.25rem #000000d9;color:var(--ng-text-1);text-align:center;pointer-events:none;opacity:0;transform:translate(-50%,-.6rem);transition:opacity .26s var(--ng-ease, ease),transform .26s var(--ng-ease, ease)}.countdown-reveal.is-on{opacity:1;transform:translate(-50%)}.countdown-reveal-kicker{font-size:clamp(.66rem,1.7vmin,.78rem);font-weight:700;letter-spacing:.08em;color:var(--ng-text-3)}.countdown-reveal-mode{font-family:var(--ng-font-display);font-weight:400;font-size:clamp(1.4rem,4.6vmin,2.3rem);line-height:1.1;letter-spacing:-.01em;text-wrap:balance}.countdown-reveal-row{display:inline-flex;align-items:center;gap:.5em;font-size:clamp(.85rem,2.2vmin,1rem);font-weight:700;color:var(--ng-text-2)}.countdown-reveal .countdown-reveal-new{position:static}.countdown-reveal-line{margin:0;font-size:clamp(.75rem,1.9vmin,.88rem);color:var(--ng-text-2);text-wrap:balance}@media(max-height:500px){.countdown-reveal{top:calc(env(safe-area-inset-top,0rem) + .4rem);padding-block:.4rem;gap:.1rem}.countdown-reveal-mode{font-size:clamp(1.1rem,5vmin,1.5rem)}}@media(prefers-reduced-motion:reduce){.countdown-reveal{transition:opacity .2s ease;transform:translate(-50%)}}.solo-pause-open{position:fixed;z-index:25;top:var(--hud-t);right:var(--hud-r);min-block-size:2.75rem;padding:0 1.1em;border:0;border-radius:100vmax;color:var(--ng-text-1);font-family:var(--ng-font-body);font-size:var(--hud-text);font-weight:600;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;transition:transform var(--ng-press-ms) ease-out}.solo-pause-open:before{content:"⏸ "}.solo-pause-open:active{transform:scale(.97)}.solo-pause-open:focus-visible{outline:2px solid var(--ng-text-1);outline-offset:3px}.solo-pause-open.hidden{display:none}.solo-pause{position:fixed;inset:0;z-index:60;display:grid;place-items:center;padding:clamp(1rem,4vmin,2rem);background:#0604089e}.solo-pause.hidden{display:none}.solo-pause-panel{display:flex;flex-direction:column;align-items:stretch;gap:clamp(.6rem,2vmin,.9rem);inline-size:min(88vw,22rem);padding:clamp(1.1rem,3.5vmin,1.6rem);border-radius:var(--ng-radius-lg);background:var(--ng-glass-1);-webkit-backdrop-filter:var(--ng-glass-blur);backdrop-filter:var(--ng-glass-blur);box-shadow:inset 0 0 0 .0625rem var(--ng-hairline),0 1.5rem 3rem -1.5rem #000000e6;text-align:center}.solo-pause-title{margin:0;font-family:var(--ng-font-display);font-weight:400;font-size:clamp(1.4rem,4.5vmin,2rem);color:var(--ng-text-1)}.solo-pause-sub{margin:0;font-size:clamp(.78rem,2vmin,.9rem);color:var(--ng-text-2)}.solo-pause-actions{display:flex;flex-direction:column;gap:clamp(.45rem,1.4vmin,.6rem)}.solo-pause-btn{min-block-size:2.9rem;border:0;border-radius:var(--ng-radius-md);background:var(--ng-glass-2);box-shadow:inset 0 0 0 .0625rem var(--ng-hairline);color:var(--ng-text-1);font-family:var(--ng-font-body);font-size:clamp(.9rem,2.4vmin,1.05rem);font-weight:700;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;transition:transform var(--ng-press-ms) ease-out}.solo-pause-btn.is-primary{background:var(--ng-action);box-shadow:none;color:#fff}.solo-pause-btn:active:not(:disabled){transform:scale(.97)}.solo-pause-btn:disabled{opacity:.5;cursor:default}.solo-pause-btn:focus-visible{outline:2px solid var(--ng-text-1);outline-offset:3px}.solo-pause.is-waiting .solo-pause-actions{opacity:.7}.solo-pause-note{margin:0;min-block-size:1.2em;font-size:.8rem;color:var(--ng-text-2)}@media(max-height:500px){.solo-pause-panel{gap:.4rem;padding-block:.8rem}.solo-pause-btn{min-block-size:2.4rem}}.player-tab-list{position:fixed;z-index:60;top:calc(clamp(3.2rem,9vmin,4.6rem) + env(safe-area-inset-top,0rem));left:50%;transform:translate(-50%);inline-size:min(clamp(16rem,52vmin,28rem),calc(100vw - 2rem));max-block-size:min(70vh,34rem);display:flex;flex-direction:column;gap:.5em;padding:clamp(.6rem,1.8vmin,.9rem) clamp(.75rem,2.2vmin,1.1rem);border-radius:var(--ng-radius-lg);background:var(--ng-glass-1);-webkit-backdrop-filter:var(--ng-glass-blur);backdrop-filter:var(--ng-glass-blur);box-shadow:inset 0 0 0 .0625rem var(--ng-hairline),var(--ng-highlight),0 1.5rem 3rem -1.5rem #000000e6;color:var(--ng-text-1);font-family:var(--ng-font-body);font-size:clamp(.8rem,2vmin,.95rem);pointer-events:none}.player-tab-list.hidden{display:none}.ptl-head{display:flex;align-items:baseline;justify-content:space-between;gap:1em;padding-block-end:.45em;border-block-end:.0625rem solid var(--ng-hairline)}.ptl-head strong{font-family:var(--ng-font-display);font-weight:400;font-size:1.05em;letter-spacing:.02em}.ptl-count{color:var(--ng-text-3);font-variant-numeric:tabular-nums}.ptl-list{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:.2em;overflow-y:auto}.ptl-row{display:grid;grid-template-columns:minmax(4.4em,auto) minmax(3.4em,auto) 1fr auto;align-items:center;gap:.6em;padding:.3em .45em;border-radius:var(--ng-radius-sm)}.ptl-row.is-self{background:#ffe06612}.ptl-role{display:inline-flex;align-items:center;gap:.4em;font-weight:700;font-size:.86em;color:var(--ng-text-2);white-space:nowrap}.ptl-role:before{content:"";flex:0 0 auto;inline-size:.6em;block-size:.6em;border-radius:50%;background:var(--ng-text-3)}.ptl-row.is-human .ptl-role{color:var(--ng-cat-sur-text)}.ptl-row.is-human .ptl-role:before{background:var(--ng-cat-sur)}.ptl-row.is-monster .ptl-role{color:var(--ng-action-text)}.ptl-row.is-monster .ptl-role:before{border-radius:0;transform:rotate(45deg) scale(.9);background:var(--ng-action-text)}.ptl-row.is-spectator{opacity:.7}.ptl-row.is-spectator .ptl-role:before{background:transparent;box-shadow:inset 0 0 0 .0625rem var(--ng-text-3)}.ptl-lv{color:var(--ng-text-3);font-size:.86em;font-variant-numeric:tabular-nums;white-space:nowrap}.ptl-name{min-inline-size:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-family:var(--ng-font-plain)}.ptl-row.is-self .ptl-name{color:var(--ng-self)}.ptl-clan{max-inline-size:7em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--ng-text-3);font-size:.82em}.infection-count-top.is-tappable{pointer-events:auto;cursor:pointer}@media(max-height:500px){.player-tab-list{top:calc(clamp(.4rem,1.6vmin,.7rem) + env(safe-area-inset-top,0rem));max-block-size:82vh;font-size:clamp(.72rem,3vmin,.85rem)}}.match-result-overlay{position:fixed;inset:0;z-index:90;display:grid;place-items:center;padding:max(var(--hud-t, 1rem),1rem) max(var(--hud-r, 1rem),1rem) max(var(--hud-b, 1rem),1rem) max(var(--hud-l, 1rem),1rem);background:#060508cc;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);overflow-y:auto;color:var(--ng-text-1);font-family:var(--ng-font-body);--mr-glow: rgba(242, 236, 232, .08);--mr-accent: var(--ng-text-1);animation:mr-fade .32s var(--ng-ease) both}.match-result-overlay[data-outcome=win]{--mr-glow: rgba(233, 196, 106, .26);--mr-accent: #F2D68C}.match-result-overlay[data-outcome=lose]{--mr-glow: rgba(201, 58, 36, .3);--mr-accent: var(--ng-action-text)}.result-backdrop{position:fixed;inset:0;overflow:hidden;pointer-events:none;background:radial-gradient(ellipse 70% 55% at 50% 0%,var(--mr-glow),transparent 70%),radial-gradient(ellipse at center,transparent 45%,rgba(0,0,0,.65) 100%)}.match-result-overlay[data-outcome=lose] .result-backdrop:after{content:"";position:absolute;inset:-8%;background:url("./stain1-AYZ5ICH3.png") left bottom / 42% auto no-repeat,url("./stain2-RMDBZIPX.png") right top / 48% auto no-repeat;mix-blend-mode:multiply;opacity:.4}.mr-shell{position:relative;inline-size:min(74rem,100%);display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);grid-template-areas:"hero hero" "board side";align-items:stretch;gap:clamp(.9rem,2.4vmin,1.4rem)}.mr-hero{grid-area:hero;display:grid;justify-items:center;gap:.4rem;text-align:center;animation:mr-rise .46s var(--ng-ease) both}.mr-kicker{margin:0;font-size:.78rem;font-weight:700;letter-spacing:.14em;color:var(--ng-text-3)}.mr-kicker:empty{display:none}.mr-title{margin:0;font-family:var(--ng-font-display);font-weight:400;font-size:clamp(2.6rem,9.5vmin,4.4rem);line-height:1;letter-spacing:-.01em;color:var(--mr-accent);text-shadow:0 .25rem 2rem var(--mr-glow)}.mr-flavor{margin:0;max-inline-size:40rem;color:var(--ng-text-2);font-size:clamp(.9rem,2.2vmin,1.02rem);line-height:1.5}.mr-board{grid-area:board;display:flex;flex-direction:column;min-block-size:0;max-block-size:min(66vh,36rem);padding:clamp(.9rem,2.2vmin,1.25rem);border-radius:var(--ng-radius-lg);animation:mr-rise .46s 90ms var(--ng-ease) both}.mr-board-head{display:flex;align-items:baseline;justify-content:space-between;gap:1rem;margin-block-end:.75rem}.mr-board-title{margin:0;font-family:var(--ng-font-display);font-weight:400;font-size:clamp(1.1rem,2.8vmin,1.35rem)}.mr-myrank{margin:0;display:flex;align-items:baseline;gap:.4em;font-size:.85rem;color:var(--ng-text-2)}.mr-myrank.hidden{display:none}.mr-myrank-n{font-weight:800;font-size:2rem;line-height:1;color:#f2d68c;font-variant-numeric:tabular-nums}.mr-myrank:is([data-top="1"],[data-top="2"],[data-top="3"]) .mr-myrank-n{text-shadow:0 0 1.2rem rgba(233,196,106,.55)}.mr-myrank-total{font-variant-numeric:tabular-nums}.mr-board-list{list-style:none;margin:0;padding:0;display:grid;gap:.35rem;min-block-size:0;overflow-y:auto;overscroll-behavior:contain}.mr-board-list.hidden{display:none}.mr-row{display:grid;grid-template-columns:2rem 2.3rem minmax(0,1fr) auto 4.6rem;align-items:center;gap:.7rem;min-block-size:2.8rem;padding:.25rem .8rem;border-radius:var(--ng-radius-md);border:1px solid transparent;background:#ffffff09;animation:mr-row-in .38s var(--ng-ease) both;animation-delay:calc(min(var(--mr-i, 0),12)*45ms + .22s)}.mr-row.is-me{border-color:#ffe06673;background:#ffe06612}.mr-rank{font-weight:800;font-size:1.05rem;text-align:center;color:var(--ng-text-3);font-variant-numeric:tabular-nums}.mr-row.rank-1 .mr-rank{color:#f2d68c}.mr-row.rank-2 .mr-rank{color:#dce3ea}.mr-row.rank-3 .mr-rank{color:#e6b98f}.mr-face{inline-size:2.3rem;block-size:2.7rem;background-repeat:no-repeat;background-size:400% 400%;background-position:0 0;image-rendering:pixelated;filter:drop-shadow(0 .2rem .3rem rgba(0,0,0,.5))}.mr-who{display:flex;align-items:center;gap:.45rem;min-inline-size:0}.mr-name{min-inline-size:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:700}.mr-row.is-me .mr-name{color:var(--ng-self)}.mr-role,.mr-me{flex:none;padding:.12em .55em;border-radius:var(--radius-full);font-size:.68rem;font-weight:800}.mr-role.is-human{color:var(--ng-cat-sur, #3CCFB8);background:#3ccfb81f}.mr-role.is-monster{color:var(--ng-action-text);background:#ff6b4a1f}.mr-me{color:#141013;background:var(--ng-self)}.mr-stats{display:flex;gap:.35rem;justify-content:flex-end}.mr-stat{display:inline-flex;align-items:baseline;gap:.3em;padding:.18em .55em;border-radius:var(--ng-radius-sm);background:#0000003d;font-size:.74rem;color:var(--ng-text-3);white-space:nowrap}.mr-stat-value{color:var(--ng-text-1);font-variant-numeric:tabular-nums}.mr-stat.is-good .mr-stat-value{color:var(--ng-cat-sur, #3CCFB8)}.mr-stat.is-bad .mr-stat-value{color:var(--ng-action-text)}.mr-score{text-align:end;font-variant-numeric:tabular-nums;white-space:nowrap}.mr-score strong{font-size:1.05rem}.mr-score-unit{margin-inline-start:.15em;font-size:.72rem;color:var(--ng-text-3)}.mr-solo{color:var(--ng-text-2);font-size:.95rem}.mr-solo.hidden{display:none}.mr-solo:empty{display:none}.mr-solo .night-result-details{margin:0}.match-result-overlay[data-solo="1"] .mr-board{justify-content:flex-start}.mr-solo .night-result-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(8.5rem,1fr));gap:.6rem}.mr-solo .night-result-stats>span{display:grid;align-content:center;gap:.25rem;min-block-size:5.5rem;padding:.9rem 1rem;border-radius:var(--ng-radius-md);background:#00000042;border:1px solid var(--ng-hairline);color:var(--ng-text-1);font-size:clamp(1.05rem,2.8vmin,1.25rem);font-weight:800;font-variant-numeric:tabular-nums}.mr-solo .night-result-stat>span:first-child{font-size:.78rem;font-weight:700;color:var(--ng-text-3)}.mr-solo .night-result-stat>strong{font-size:clamp(1.5rem,4.4vmin,2rem)}.mr-solo :is(.night-result-clue,.night-result-unlocks,.night-result-cap){margin:.7rem 0 0;font-size:.85rem;color:var(--ng-text-2)}.mr-side{grid-area:side;display:flex;flex-direction:column;justify-content:space-between;gap:clamp(.8rem,2vmin,1rem);animation:mr-rise .46s .16s var(--ng-ease) both}.mr-rewards{display:grid;gap:.75rem;padding:clamp(.9rem,2.2vmin,1.25rem);border-radius:var(--ng-radius-lg)}.mr-rewards-title{margin:0;font-size:.74rem;font-weight:700;letter-spacing:.12em;color:var(--ng-text-3)}.mr-reward{display:grid;grid-template-columns:2rem minmax(0,1fr) auto;align-items:center;gap:.6rem}.mr-reward.hidden{display:none}.mr-reward-ico{inline-size:1.7rem;block-size:1.7rem;object-fit:contain;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.mr-reward-label{color:var(--ng-text-2);font-size:.9rem;font-weight:600}.mr-reward-value{font-weight:800;font-size:clamp(1.25rem,3.2vmin,1.5rem);font-variant-numeric:tabular-nums}.mr-reward.is-gold .mr-reward-value{color:var(--ng-cat-gold-text, #F7D582)}.mr-reward.is-competitive,.mr-reward.is-competitive .mr-reward-value{color:var(--ng-cat-mob, #6AB0FF)}.mr-exp{display:grid;gap:.45rem;padding-block-start:.75rem;border-top:1px solid var(--ng-hairline)}.mr-exp-head{display:flex;align-items:baseline;justify-content:space-between;gap:.75rem}.mr-reward-value.is-exp{font-size:1.05rem;color:var(--ng-text-1)}.result-exp-track{block-size:.55rem;border-radius:var(--radius-full);background:#ffffff14;overflow:hidden}.result-exp-fill{block-size:100%;border-radius:inherit;background:linear-gradient(90deg,#b48a34,#f2d68c)}.result-exp-fill.is-filling{animation:mr-exp-fill 1.1s .42s var(--ng-ease) both}.mr-exp-foot{display:flex;align-items:center;gap:.5rem;font-size:.78rem;color:var(--ng-text-3)}.mr-level{font-weight:800;font-size:.9rem;color:var(--ng-text-1)}.mr-levelup{padding:.12em .6em;border-radius:var(--radius-full);background:#f2d68c2e;color:#f2d68c;font-size:.72rem;font-weight:800;animation:mr-fade .42s 1.4s var(--ng-ease) both}.mr-levelup.hidden{display:none}.mr-exp-text{margin-inline-start:auto;font-variant-numeric:tabular-nums}.mr-exp .hot-time-tag{justify-self:start;padding:.2em .6em;border-radius:var(--radius-full);background:#f2d68c1f;color:#f2d68c;font-size:.72rem;font-weight:700}.mr-exp .hot-time-tag.hidden{display:none}.mr-exp .exp-coupon-tag{background:#e0557f24;color:#f29ab5}.result-actions{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.35fr);gap:.6rem}.result-actions button{position:relative;min-block-size:3.1rem;padding:0 1rem;border:0;border-radius:var(--ng-radius-md);font-family:inherit;font-weight:800;font-size:clamp(.95rem,2.3vmin,1.05rem);transition:transform var(--ng-press-ms) ease-out,background-color .18s ease}.result-actions button:active{transform:scale(.97)}.result-actions .btn-outline{background:#f2ece814;color:var(--ng-text-1);box-shadow:inset 0 0 0 1px var(--ng-hairline-strong)}.result-actions .btn-primary-red{background:var(--ng-action);color:#fff;box-shadow:0 .75rem 1.75rem -.75rem var(--ng-action-glow)}@media(hover:hover){.result-actions .btn-outline:hover{background:#f2ece829}.result-actions .btn-primary-red:hover{background:var(--ng-action-hover)}}@keyframes mr-fade{0%{opacity:0}to{opacity:1}}@keyframes mr-rise{0%{opacity:0;transform:translateY(.75rem)}to{opacity:1;transform:none}}@keyframes mr-row-in{0%{opacity:0;transform:translate(-.5rem)}to{opacity:1;transform:none}}@keyframes mr-exp-fill{0%{width:var(--mr-exp-from, 0%)}}@media(max-height:500px){.match-result-overlay{padding:max(var(--hud-t, .5rem),.5rem) max(var(--hud-r, .75rem),.75rem) max(var(--hud-b, .5rem),.5rem) max(var(--hud-l, .75rem),.75rem)}.mr-shell{grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);grid-template-areas:"board hero" "board side";grid-template-rows:auto 1fr;gap:.6rem .9rem;block-size:calc(100vh - 1rem);block-size:calc(100dvh - 1rem)}.mr-hero{justify-items:start;text-align:start;gap:.2rem}.mr-title{font-size:clamp(1.8rem,9vmin,2.4rem)}.mr-flavor{font-size:.8rem}.mr-board{max-block-size:none;block-size:100%;padding:.7rem .75rem}.mr-board-head{margin-block-end:.45rem}.mr-myrank-n{font-size:1.5rem}.mr-row{grid-template-columns:1.5rem 1.7rem minmax(0,1fr) auto 3.4rem;gap:.45rem;min-block-size:2.5rem;padding:.2rem .5rem}.mr-face{inline-size:1.7rem;block-size:2rem}.mr-role{display:none}.mr-stat{font-size:.68rem;padding:.12em .4em}.mr-stat:nth-child(n+3){display:none}.mr-side{gap:.5rem}.mr-solo .night-result-stats>span{min-block-size:3.6rem;padding:.55rem .7rem}.mr-solo .night-result-stat>strong{font-size:1.35rem}.mr-rewards{gap:.45rem;padding:.65rem .8rem}.mr-rewards-title{display:none}.mr-reward-value{font-size:1.1rem}.mr-exp{gap:.3rem;padding-block-start:.45rem}.result-actions button{min-block-size:2.75rem;padding-inline:.6rem;white-space:nowrap;font-size:clamp(.82rem,3.4vmin,.95rem)}.mr-exp .hot-time-tag{font-size:.66rem}}@media(max-width:40rem)and (min-height:501px){.mr-shell{grid-template-columns:minmax(0,1fr);grid-template-areas:"hero" "board" "side"}.mr-row{grid-template-columns:1.6rem 1.9rem minmax(0,1fr) 3.6rem}.mr-stats{grid-column:3 / 5;justify-content:flex-start}}@media(prefers-reduced-motion:reduce){.match-result-overlay,.mr-hero,.mr-board,.mr-side,.mr-row,.mr-levelup,.result-exp-fill.is-filling{animation:none}.result-actions button:active{transform:none}}@media(prefers-reduced-transparency:reduce){.match-result-overlay{background:#0b090b;-webkit-backdrop-filter:none;backdrop-filter:none}}.mr-reward-img{stroke:none;image-rendering:pixelated}.mr-reward.is-event .mr-reward-value{color:#ffb15a}.ng-confirm-overlay{position:fixed;inset:0;z-index:85;display:grid;place-items:center;padding:max(var(--hud-t, 1rem),1rem) max(var(--hud-r, 1rem),1rem) max(var(--hud-b, 1rem),1rem) max(var(--hud-l, 1rem),1rem);background:var(--ng-scrim);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);touch-action:manipulation;animation:ng-confirm-fade .18s var(--ng-ease) both}.ng-confirm{inline-size:min(100%,clamp(19rem,56vmin,27rem));padding:clamp(1.1rem,3.2vmin,1.6rem);border-radius:var(--ng-radius-lg);color:var(--ng-text-1);font-family:var(--ng-font-body);text-align:center;animation:ng-confirm-rise .22s var(--ng-ease) both}.ng-confirm-title{margin:0;font-family:var(--ng-font-display);font-weight:400;font-size:clamp(1.1rem,3.2vmin,1.45rem);line-height:1.25}.ng-confirm-body{margin:.6em 0 0;color:var(--ng-text-2);font-size:clamp(.82rem,2.1vmin,.95rem);line-height:1.5}.ng-confirm-actions{display:grid;grid-template-columns:1fr 1fr;gap:.6rem;margin-block-start:clamp(1rem,3vmin,1.4rem)}.ng-confirm-actions .ng-btn{padding-inline:.8em;line-height:1.2;-webkit-tap-highlight-color:transparent;touch-action:manipulation}@keyframes ng-confirm-fade{0%{opacity:0}}@keyframes ng-confirm-rise{0%{opacity:0;transform:translateY(.5rem) scale(.98)}}@media(max-height:500px){.ng-confirm{padding:clamp(.85rem,3.4vmin,1.1rem)}.ng-confirm-actions{margin-block-start:.8rem}}@media(prefers-reduced-motion:reduce){.ng-confirm{animation:ng-confirm-fade .16s ease both}}@media(prefers-reduced-transparency:reduce){.ng-confirm-overlay{background:#080607e6;-webkit-backdrop-filter:none;backdrop-filter:none}}