:root{--gj-bg: #0f1420;--gj-surface: #1a2130;--gj-surface-2: #232c3d;--gj-border: #2c3648;--gj-border-strong: #566a8f;--gj-field: #121826;--gj-text: #eef2f9;--gj-text-dim: #9aa6bd;--gj-accent: #4d8dff;--gj-accent-ink: #0f172a;--gj-danger: #ff7b7b;--gj-danger-ink: #0f172a;--gj-success: #4ade80;--gj-radius: 14px;--gj-radius-lg: 20px;--gj-radius-pill: 999px;--gj-gap: 12px;--gj-dur-fast: .12s;--gj-dur: .2s;--gj-ease: cubic-bezier(.2, 0, 0, 1);--gj-tap: 44px}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--gj-bg);color:var(--gj-text);font-family:system-ui,-apple-system,Apple SD Gothic Neo,Malgun Gothic,sans-serif;-webkit-font-smoothing:antialiased;overscroll-behavior:none}:where(button,a,input,[tabindex]):focus-visible{outline:2px solid var(--gj-accent);outline-offset:2px;border-radius:4px}.gj-shell{display:flex;flex-direction:column;height:100dvh;padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom);padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right)}.gj-shell__header,.gj-shell__footer{flex:0 0 auto;padding:var(--gj-gap)}.gj-shell__body{flex:1 1 auto;min-height:0;position:relative}.gj-btn{-webkit-appearance:none;appearance:none;display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:var(--gj-tap);border:1px solid var(--gj-border-strong);background:var(--gj-surface-2);color:var(--gj-text);border-radius:var(--gj-radius);padding:10px 18px;font-size:15px;font-weight:600;font-family:inherit;cursor:pointer;touch-action:manipulation;transition:background var(--gj-dur-fast) var(--gj-ease),transform var(--gj-dur-fast) var(--gj-ease)}.gj-btn:hover:not(:disabled){background:color-mix(in srgb,var(--gj-surface-2) 80%,var(--gj-text) 20%)}.gj-btn:active:not(:disabled){transform:scale(.97)}.gj-btn--primary{background:var(--gj-accent);border-color:var(--gj-accent);color:var(--gj-accent-ink)}.gj-btn--primary:hover:not(:disabled){background:color-mix(in srgb,var(--gj-accent) 88%,white 12%)}.gj-btn--ghost{background:transparent;border-color:transparent;color:var(--gj-text-dim)}.gj-btn--ghost:hover:not(:disabled){background:var(--gj-surface);color:var(--gj-text)}.gj-btn:disabled{opacity:.45;cursor:not-allowed}.gj-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;background:rgba(8,11,18,.72);padding:20px;z-index:10;animation:gj-fade var(--gj-dur) var(--gj-ease)}.gj-overlay__sheet{width:100%;max-width:340px;background:var(--gj-surface);border:1px solid var(--gj-border);border-radius:var(--gj-radius-lg);padding:24px 20px;text-align:center;animation:gj-rise var(--gj-dur) var(--gj-ease)}.gj-overlay__icon{display:grid;place-items:center;width:72px;height:72px;margin:0 auto 12px;border-radius:var(--gj-radius-pill);background:color-mix(in srgb,var(--gj-accent) 16%,transparent);color:var(--gj-accent)}.gj-overlay__icon.is-muted{background:var(--gj-surface-2);color:var(--gj-text-dim)}.gj-overlay__title{font-size:22px;font-weight:800}.gj-overlay__desc{margin-top:8px;color:var(--gj-text-dim);font-size:14px;line-height:1.5}.gj-overlay__actions{margin-top:20px;display:flex;flex-direction:column;gap:8px}@keyframes gj-fade{0%{opacity:0}}@keyframes gj-rise{0%{opacity:0;transform:translateY(10px)}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}:root{--gj-accent: #f5cf3d;--gj-accent-ink: #0f172a}.ar-header{display:flex;align-items:center;justify-content:space-between;gap:12px}.ar-title{font-size:18px;font-weight:800}.ar-meta{display:flex;gap:6px}.ar-chip{border-radius:999px;padding:5px 11px;font-size:13px;font-weight:700;background:var(--gj-surface-2);border:1px solid var(--gj-border)}.ar-footer{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px}.ar-status{color:var(--gj-text-dim);font-size:14px;font-weight:600}.ar-shots{display:flex;gap:6px}.ar-shot{min-width:26px;padding:3px 0;text-align:center;border-radius:8px;background:var(--gj-surface);border:1px solid var(--gj-border);color:var(--gj-text-dim);font-size:13px;font-weight:700;font-variant-numeric:tabular-nums}.ar-shot.is-done{background:var(--gj-accent);border-color:var(--gj-accent);color:var(--gj-accent-ink)}.ar-center{height:100%;display:grid;place-items:center;padding:16px}.ar-card{width:min(100%,22rem);display:flex;flex-direction:column;gap:10px;padding:20px;background:var(--gj-surface);border:1px solid var(--gj-border);border-radius:20px;text-align:center}.ar-card__title{margin:0;font-size:20px}.ar-card__lead{margin:0;color:var(--gj-text-dim);font-size:13px;line-height:1.5}.ar-field{display:flex;flex-direction:column;gap:4px;text-align:left;font-size:13px;color:var(--gj-text-dim)}.ar-field input,.ar-join input{padding:11px 12px;border-radius:10px;border:1px solid var(--gj-border);background:#121826;color:var(--gj-text);font-size:16px;width:100%;box-sizing:border-box}.ar-field input:focus,.ar-join input:focus{outline:2px solid var(--gj-accent);outline-offset:1px}.ar-error{margin:0;color:#ff7b7b;font-size:13px}.ar-ghost{background:transparent;color:var(--gj-text-dim)}.ar-btn--sm{padding:7px 12px;font-size:13px}.ar-code{font-size:clamp(2rem,12vw,2.75rem);font-weight:800;letter-spacing:.2em;font-variant-numeric:tabular-nums}.ar-lobby{height:100%;overflow-y:auto;display:flex;flex-direction:column;gap:10px;padding:8px 16px 24px;max-width:26rem;margin:0 auto;width:100%;box-sizing:border-box}.ar-lobby__head{display:flex;align-items:center;justify-content:space-between;gap:12px}.ar-lobby__name{font-size:16px;font-weight:700}.ar-lobby__rating{color:var(--gj-text-dim);font-size:13px}.ar-join{display:flex;gap:6px}.ar-join input{flex:1;text-transform:uppercase;letter-spacing:.15em}.ar-notice{margin:0;padding:9px 12px;border-radius:10px;background:rgba(77,141,255,.12);color:var(--gj-accent);font-size:13px}.ar-rank__title{margin-top:6px;font-size:13px;font-weight:700;color:var(--gj-text-dim)}.ar-rank__empty{margin:0;color:var(--gj-text-dim);font-size:13px}.ar-rank{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:4px}.ar-rank__row{display:grid;grid-template-columns:1.75rem 1fr auto auto;gap:8px;align-items:center;padding:8px 10px;background:var(--gj-surface);border-radius:8px;font-size:13px}.ar-rank__no{color:var(--gj-text-dim);text-align:center}.ar-rank__name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ar-rank__score{font-weight:700;font-variant-numeric:tabular-nums}.ar-rank__wl{color:var(--gj-text-dim);font-size:.85em}.ar-vs{margin-left:8px;font-weight:400;font-size:.72em;color:var(--gj-text-dim)}.ar-scoreline{display:flex;flex-direction:column;gap:4px}.ar-scorerow{display:grid;grid-template-columns:4.5rem 1fr 2.5rem;gap:8px;align-items:center;font-size:12px;color:var(--gj-text-dim)}.ar-scorerow.is-mine{color:var(--gj-text);font-weight:700}.ar-scorerow__name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ar-scorerow__total{text-align:right;font-weight:800;font-variant-numeric:tabular-nums}.ar-sudden{margin-right:6px;padding:2px 7px;border-radius:999px;background:#e8604c;color:#fff;font-size:11px;font-weight:800}.ar-wind{margin-left:8px;color:var(--gj-accent);font-weight:700}.ar-final{margin-top:6px;font-size:22px;font-weight:800;font-variant-numeric:tabular-nums}.ar-delta{margin-top:2px;font-weight:700;color:var(--gj-accent)}.ar-toast{position:absolute;left:50%;transform:translate(-50%);top:10px;z-index:5;max-width:min(90%,26rem);padding:8px 14px;border-radius:999px;background:rgba(8,11,18,.92);border:1px solid var(--gj-border);font-size:13px;text-align:center;pointer-events:none}.ar-offline{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:8px;padding:8px 10px 8px 14px;border-radius:14px;background:var(--gj-surface);border:1px solid var(--gj-danger)}.ar-offline--float{position:absolute;left:50%;transform:translate(-50%);top:10px;z-index:6;max-width:min(94%,30rem);background:rgba(8,11,18,.94)}.ar-offline__text{font-size:13px;font-weight:700;color:var(--gj-danger)}.ar-assist{display:flex;flex-direction:column;align-items:flex-start;gap:8px}.ar-assist__panel{display:flex;flex-wrap:wrap;align-items:center;gap:8px;padding:10px 12px;border-radius:var(--gj-radius);background:var(--gj-surface);border:1px solid var(--gj-border)}.ar-assist__row{display:flex;align-items:center;gap:6px}.ar-assist__label{font-size:12px;font-weight:700;color:var(--gj-text-dim)}.ar-assist__value{min-width:3.2rem;text-align:center;font-size:14px;font-weight:700;font-variant-numeric:tabular-nums}.ar-timer{position:relative;display:inline-grid;place-items:center;width:34px;height:34px;opacity:.5}.ar-timer.is-mine{opacity:1}.ar-timer__track,.ar-timer__fill{fill:none;stroke-width:3}.ar-timer__track{stroke:var(--gj-surface-2)}.ar-timer__fill{stroke:var(--gj-accent);stroke-linecap:round;transition:stroke-dashoffset .25s linear}.ar-timer.is-urgent .ar-timer__fill{stroke:var(--gj-danger)}.ar-timer__num{position:absolute;font-size:12px;font-weight:700;font-variant-numeric:tabular-nums}.ar-timer.is-urgent .ar-timer__num{color:var(--gj-danger)}@media (prefers-reduced-motion: reduce){.ar-timer__fill{transition:none}}.ar-shot,.ar-scorerow__total,.ar-code,.ar-final{font-family:Barlow Condensed,system-ui,sans-serif;letter-spacing:.02em}.ar-shot.is-next{border-color:var(--gj-accent);color:var(--gj-accent)}