.pixel-btn{--btn-color: var(--primary);--btn-ink: var(--on-primary);--btn-edge: var(--bg);font-family:var(--font-display);font-weight:var(--weight-display);font-size:16px;letter-spacing:var(--letter-spacing-ui);text-transform:var(--text-transform-ui);color:var(--btn-ink);background:var(--btn-color);border:var(--border-w) solid var(--btn-edge);padding:var(--sp-2) var(--sp-4);box-shadow:var(--shadow-hard),var(--bevel);transition:transform .02s linear,box-shadow .02s linear;user-select:none}.pixel-btn:active:not(:disabled){transform:translate(4px,4px);box-shadow:0 0 0 0 transparent,var(--bevel-pressed)}.pixel-btn:focus-visible{outline:3px dashed var(--secondary);outline-offset:3px}.pixel-btn:disabled{opacity:.4;cursor:not-allowed;filter:grayscale(.5)}.pixel-btn--primary{--btn-color: var(--primary);--btn-ink: var(--on-primary)}.pixel-btn--danger{--btn-color: var(--danger);--btn-ink: var(--on-danger)}.pixel-btn--ghost{--btn-color: transparent;--btn-ink: var(--primary);border-color:var(--primary-dim);box-shadow:var(--shadow-hard)}.pixel-btn--ghost:hover:not(:disabled){background:color-mix(in srgb,var(--primary) 8%,transparent);border-color:var(--primary)}.pixel-btn--sm{font-size:13px;padding:var(--sp-1) var(--sp-3)}.pixel-btn--lg{font-size:20px;padding:var(--sp-3) var(--sp-6)}.pixel-btn--block{display:block;width:100%}:root[data-theme=manga] .pixel-btn{--btn-edge: var(--primary-dim)}:root[data-theme=manga] .pixel-btn--ghost{--btn-color: var(--bg-panel);--btn-ink: var(--text)}:root[data-theme=manga] .pixel-btn--ghost:hover:not(:disabled){background:color-mix(in srgb,var(--primary) 12%,var(--bg-panel));border-color:var(--primary);color:var(--primary)}.pixel-panel{--panel-accent: var(--primary-dim);background:var(--bg-panel);border:var(--border-w) solid var(--panel-accent);box-shadow:var(--shadow-hard)}.pixel-panel__bar{display:flex;align-items:center;gap:var(--sp-2);padding:var(--sp-1) var(--sp-3);background:var(--panel-accent);color:var(--on-accent);font-family:var(--font-display);font-weight:var(--weight-display);font-size:14px;letter-spacing:.08em;text-transform:var(--text-transform-ui)}.pixel-panel__dots{font-size:8px;letter-spacing:2px;opacity:.7}.pixel-panel__title{font-weight:inherit}.pixel-panel__body{padding:var(--sp-4)}:root[data-theme=manga] .pixel-panel{border-color:var(--primary-dim);border-top:6px solid var(--panel-accent)}:root[data-theme=manga] .pixel-panel__bar{background:var(--bg-panel);color:var(--text);border-bottom:var(--border-w) solid var(--primary-dim)}:root[data-theme=manga] .pixel-panel__dots{color:var(--panel-accent);opacity:1;font-size:12px;letter-spacing:1px;-webkit-text-stroke:.4px var(--primary-dim)}.pixel-input__wrap{display:flex;flex-direction:column;gap:var(--sp-1)}.pixel-input__label{font-size:13px;color:var(--text-dim);text-transform:var(--text-transform-ui);letter-spacing:.08em}.pixel-input{font-family:var(--font-mono);font-size:18px;color:var(--text-bright);background:var(--bg-panel-alt);border:var(--border-w) solid var(--primary-dim);padding:var(--sp-2) var(--sp-3);caret-color:var(--primary);width:100%;outline:none}.pixel-input::placeholder{color:var(--text-dim);opacity:.7}.pixel-input:focus{border-color:var(--primary);box-shadow:0 0 0 1px var(--primary),0 0 8px var(--primary-glow)}:root[data-theme=manga] .pixel-input{background:var(--bg-panel)}:root[data-theme=manga] .pixel-input:focus{box-shadow:var(--shadow-hard-sm)}.crt-frame{position:relative;min-height:100%;width:100%}.crt-frame__scanlines{position:fixed;inset:0;pointer-events:none;z-index:var(--z-scanline);background-image:var(--overlay-a);background-size:var(--overlay-a-size);mix-blend-mode:var(--overlay-a-blend);opacity:var(--overlay-a-opacity)}.crt-frame__vignette{position:fixed;inset:0;pointer-events:none;z-index:var(--z-scanline);background-image:var(--overlay-b);background-size:var(--overlay-b-size);mix-blend-mode:var(--overlay-b-blend);opacity:var(--overlay-b-opacity);-webkit-mask-image:var(--overlay-b-mask);mask-image:var(--overlay-b-mask)}@media (prefers-reduced-motion: no-preference){.crt-frame__scanlines{animation:crt-flicker 4s steps(60) infinite}:root[data-theme=manga] .crt-frame__scanlines{animation:none}}@keyframes crt-flicker{0%,to{opacity:var(--overlay-a-opacity)}50%{opacity:calc(var(--overlay-a-opacity) * .92)}}.badge{--badge-color: var(--primary);display:inline-block;font-size:12px;line-height:1;letter-spacing:.06em;text-transform:var(--text-transform-ui);padding:3px 6px;color:var(--badge-color);border:2px solid var(--badge-color);background:var(--chip-bg);white-space:nowrap}.badge--green{--badge-color: var(--success)}.badge--amber{--badge-color: var(--secondary)}.badge--red{--badge-color: var(--danger)}.badge--cyan{--badge-color: var(--info)}.badge--pink{--badge-color: var(--accent-pink)}.badge--dim{--badge-color: var(--text-dim)}.modal__backdrop{position:fixed;inset:0;z-index:var(--z-modal);background:var(--scrim);display:flex;align-items:center;justify-content:center;padding:var(--sp-4)}.modal__dialog{width:100%;max-width:460px;position:relative}.modal__close{position:absolute;top:calc(-1 * var(--sp-2));right:0;background:transparent;border:none;color:var(--text-dim);font-size:18px;line-height:1}.modal__close:hover{color:var(--danger)}.modal__content{color:var(--text)}.modal__footer{margin-top:var(--sp-4);display:flex;gap:var(--sp-2);justify-content:flex-end}.reconnect-notice{display:flex;align-items:center;gap:var(--sp-2);padding:var(--sp-2) var(--sp-3);border:2px solid var(--secondary);background:#ffcc3314;color:var(--secondary);font-family:var(--font-pixel);font-size:13px;line-height:1.4}.reconnect-notice__dot{flex:none;width:8px;height:8px;background:var(--secondary);animation:reconnect-notice-blink 1s steps(2,end) infinite}.reconnect-notice__text{min-width:0}@keyframes reconnect-notice-blink{0%{opacity:1}50%{opacity:.15}to{opacity:1}}@media (prefers-reduced-motion: reduce){.reconnect-notice__dot{animation:none}}.invite{border:2px dashed var(--primary-dim);background:var(--bg-panel-alt);padding:var(--sp-3);text-align:left}.invite--panel{border-style:solid;padding:var(--sp-4)}.invite__label{margin:0 0 var(--sp-2);color:var(--text-bright);font-size:14px}.invite__row{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-3);flex-wrap:wrap}.invite__code-box{display:flex;flex-direction:column;gap:var(--sp-1)}.invite__code-label{font-size:11px;color:var(--text-dim);text-transform:uppercase;letter-spacing:.1em}.invite__code{font-size:28px;line-height:1;color:var(--primary);letter-spacing:.18em}.invite--panel .invite__code{font-size:40px}.invite__actions{display:flex;gap:var(--sp-2);flex-wrap:wrap}.invite__toast{display:block;min-height:18px;margin-top:var(--sp-2);font-size:13px;color:var(--primary)}@media (max-width: 420px){.invite__row{flex-direction:column;align-items:stretch}.invite__actions{justify-content:stretch}.invite__actions>*{flex:1}}.lb{width:100%;max-width:420px;text-align:left}.lb__list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:2px}.lb__row{display:grid;grid-template-columns:28px 1fr auto;align-items:center;gap:var(--sp-2);padding:var(--sp-1) var(--sp-2);font-size:14px;color:var(--text)}.lb__row:nth-child(odd){background:var(--bg-panel-alt)}.lb__row--me{background:#33ff661f;color:var(--text-bright);outline:2px solid var(--primary-dim)}.lb__rank{text-align:center;color:var(--text-dim);font-size:13px}.lb__row--me .lb__rank{color:var(--primary)}.lb__nick{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lb__score{color:var(--secondary);font-variant-numeric:tabular-nums;white-space:nowrap}.lb__empty{margin:0;padding:var(--sp-3) var(--sp-2);color:var(--text-dim);font-size:13px;text-align:center}.lb__skeleton{display:flex;flex-direction:column;gap:4px;padding:var(--sp-1) 0}.lb__skel-row{height:20px;background:var(--bg-panel-alt);border-left:3px solid var(--primary-dim);opacity:.6}.lb__mine{display:flex;justify-content:space-between;gap:var(--sp-2);margin:var(--sp-2) 0 0;padding-top:var(--sp-2);border-top:2px dashed var(--primary-dim);font-size:13px}.lb__mine-label{color:var(--text-dim)}.lb__mine-score{color:var(--primary);font-variant-numeric:tabular-nums}.lb__register{display:flex;gap:var(--sp-2);margin-top:var(--sp-3)}.lb__nick-input{flex:1;min-width:0}.lb__error{margin:var(--sp-2) 0 0;color:var(--danger);font-size:12px}.lb__total{margin:var(--sp-2) 0 0;color:var(--text-dim);font-size:11px;text-align:right}@media (max-width: 420px){.lb__row{grid-template-columns:24px 1fr auto;font-size:13px}.lb__register{flex-wrap:wrap}.lb__register .pixel-btn{flex:1}}@font-face{font-family:Neo둥근모;src:local("Neo둥근모"),local("Neo둥근모 "),local("NeoDunggeunmo"),local("NeoDunggeunmo "),url(/assets/neodgm-D-3Py31k.woff2) format("woff2"),url(/assets/neodgm-D99SKBE2.woff) format("woff");font-display:swap;font-weight:400}:root{--sp-1: 4px;--sp-2: 8px;--sp-3: 12px;--sp-4: 16px;--sp-5: 24px;--sp-6: 32px;--sp-8: 48px;--z-shellbar: 1100;--z-modal: 1000;--z-banner: 900;--z-scanline: 1}:root,:root[data-theme=pixel]{--bg: #070a08;--bg-panel: #0d130e;--bg-panel-alt: #0a1109;--primary: #33ff66;--primary-dim: #1e4028;--primary-glow: rgba(51, 255, 102, .45);--text: #cfe8d4;--text-dim: #62856b;--text-bright: #eafff0;--on-primary: #05210f;--on-danger: #2a0009;--on-accent: var(--bg);--secondary: #ffcc33;--danger: #ff3355;--info: #33ccff;--success: #33ff66;--accent-pink: #ff66cc;--border-w: 3px;--border: var(--primary-dim);--radius: 0px;--shadow-hard: 4px 4px 0 0 rgba(0, 0, 0, .6);--shadow-hard-sm: 3px 3px 0 0 rgba(0, 0, 0, .5);--shadow-hard-lg: 6px 6px 0 0 rgba(0, 0, 0, .55);--bevel: inset -3px -3px 0 0 rgba(0, 0, 0, .28), inset 3px 3px 0 0 rgba(255, 255, 255, .28);--bevel-pressed: inset -3px -3px 0 0 rgba(0, 0, 0, .28), inset 3px 3px 0 0 rgba(255, 255, 255, .2);--chip-bg: rgba(0, 0, 0, .35);--scrim: rgba(0, 0, 0, .78);--font-pixel: "Neo둥근모", "NeoDunggeunmo", "Courier New", monospace;--font-display: var(--font-pixel);--font-mono: "Neo둥근모", "Courier New", monospace;--font-smoothing: none;--text-transform-ui: uppercase;--letter-spacing-ui: .04em;--weight-body: 400;--weight-display: 400;--img-render: pixelated;--backdrop: linear-gradient(rgba(51, 255, 102, .03) 1px, transparent 1px), linear-gradient(90deg, rgba(51, 255, 102, .03) 1px, transparent 1px);--backdrop-size: 24px 24px;--overlay-a: repeating-linear-gradient( to bottom, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0) 2px, rgba(0, 0, 0, .18) 3px, rgba(0, 0, 0, .18) 4px );--overlay-a-size: auto;--overlay-a-blend: multiply;--overlay-a-opacity: 1;--overlay-b: radial-gradient(ellipse at center, rgba(0, 0, 0, 0) 55%, rgba(0, 0, 0, .55) 100%);--overlay-b-size: auto;--overlay-b-blend: normal;--overlay-b-opacity: 1;--overlay-b-mask: none;--glow-shadow: 0 0 6px var(--primary-glow), 0 0 12px var(--primary-glow);--glow-stroke: none}:root[data-theme=manga]{--bg: #efece3;--bg-panel: #fdfcf8;--bg-panel-alt: #e2ded1;--primary: #b82c24;--primary-dim: #14110f;--primary-glow: rgba(184, 44, 36, .28);--text: #14110f;--text-dim: #5a5248;--text-bright: #000000;--on-primary: #fdfcf8;--on-danger: #fdfcf8;--on-accent: #14110f;--secondary: #835a09;--danger: #9b1c24;--info: #1b5e94;--success: #2f6d34;--accent-pink: #a53878;--border-w: 3px;--border: var(--primary-dim);--radius: 2px;--shadow-hard: 5px 5px 0 0 #14110f;--shadow-hard-sm: 3px 3px 0 0 #14110f;--shadow-hard-lg: 7px 7px 0 0 #14110f;--bevel: inset 0 0 0 0 transparent;--bevel-pressed: inset 0 0 0 0 transparent;--chip-bg: rgba(253, 252, 248, .92);--scrim: rgba(20, 17, 15, .72);--font-pixel: "Nanum Myeongjo", "NanumMyeongjo", Batang, serif;--font-display: "Nanum Myeongjo", "NanumMyeongjo", Batang, serif;--font-mono: "Nanum Myeongjo", Batang, serif;--font-smoothing: antialiased;--text-transform-ui: none;--letter-spacing-ui: .01em;--weight-body: 400;--weight-display: 800;--img-render: auto;--backdrop: radial-gradient(circle, rgba(20, 17, 15, .055) .6px, transparent .7px);--backdrop-size: 4px 4px;--overlay-a: radial-gradient(circle, rgba(20, 17, 15, .1) .9px, transparent 1px);--overlay-a-size: 5px 5px;--overlay-a-blend: multiply;--overlay-a-opacity: .55;--overlay-b: repeating-conic-gradient( from 0deg at 50% 50%, transparent 0deg 1.3deg, rgba(20, 17, 15, .5) 1.3deg 1.9deg );--overlay-b-size: auto;--overlay-b-blend: multiply;--overlay-b-opacity: .09;--overlay-b-mask: radial-gradient(ellipse at center, transparent 58%, #000 100%);--glow-shadow: none;--glow-stroke: .6px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0;border-radius:var(--radius)!important}html,body,#root{height:100%}body{background:var(--bg);color:var(--text);font-family:var(--font-pixel);font-size:16px;font-weight:var(--weight-body);line-height:1.5;letter-spacing:.02em;-webkit-font-smoothing:var(--font-smoothing);font-smooth:never;text-rendering:optimizeSpeed;overflow-x:hidden;background-image:var(--backdrop);background-size:var(--backdrop-size)}img{image-rendering:var(--img-render)}canvas{image-rendering:pixelated;image-rendering:crisp-edges}a{color:var(--info);text-decoration:none}a:hover{color:var(--text-bright);text-decoration:underline}button{font-family:var(--font-pixel);cursor:pointer}input,textarea{font-family:var(--font-pixel)}::selection{background:var(--primary);color:var(--on-primary)}::-webkit-scrollbar{width:12px;height:12px}::-webkit-scrollbar-track{background:var(--bg-panel)}::-webkit-scrollbar-thumb{background:var(--primary-dim);border:2px solid var(--bg)}::-webkit-scrollbar-thumb:hover{background:var(--primary)}.glow{text-shadow:var(--glow-shadow);font-family:var(--font-display);font-weight:var(--weight-display)}:root[data-theme=manga] .glow{-webkit-text-stroke:var(--glow-stroke) currentColor;paint-order:stroke fill}.app-loading{display:flex;align-items:center;justify-content:center;min-height:100vh;color:var(--primary);font-size:24px;letter-spacing:.2em}