@import"https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@400;500;700;900&family=Outfit:wght@400;500;600;700;800;900&display=swap";:root{--bg-app: #120e26;--bg-screen: linear-gradient(165deg, #150d2c, #1b1240);--bg-card: rgba(255, 255, 255, .06);--bg-elevated: rgba(255, 255, 255, .09);--bg-inset: rgba(255, 255, 255, .05);--bg-overlay: rgba(15, 10, 32, .74);--bg-overlay-strong: rgba(12, 9, 28, .92);--fg-main: #f4f2ff;--fg-on-glass: #f0edff;--fg-muted: #b8b0d8;--fg-subtle: #9a92c0;--fg-dim: #8a82ad;--fg-inverse: #1a1140;--primary: #7c6cf0;--secondary: #c855f0;--accent: #22d3ee;--lilac: #c4b5fd;--lilac-soft: #d6ccff;--primary-glow: rgba(124, 108, 240, .22);--grad-primary: linear-gradient(135deg, #7c6cf0, #c855f0);--grad-text: linear-gradient(110deg, #e6ddff, #f8cbff);--success: #34d399;--success-soft: #6ee7b7;--warning: #fbbf24;--warning-soft: #fcd34d;--danger: #fb5570;--danger-soft: #fda4af;--border-color: rgba(255, 255, 255, .11);--border-strong: rgba(255, 255, 255, .16);--border-accent: #c4b5fd;--badge-bg: rgba(255, 255, 255, .07);--badge-border: rgba(255, 255, 255, .1);--badge-fg: #d6ccff;--badge-mc-bg: var(--badge-bg);--badge-mc-fg: var(--badge-fg);--badge-ox-bg: var(--badge-bg);--badge-ox-fg: var(--badge-fg);--badge-short-bg: var(--badge-bg);--badge-short-fg: var(--badge-fg);--badge-img-bg: var(--badge-bg);--badge-img-fg: var(--badge-fg);--badge-timed-bg: var(--badge-bg);--badge-timed-fg: var(--badge-fg);--badge-fast-bg: rgba(251, 85, 112, .16);--badge-fast-fg: #fecdd3;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-7: 32px;--space-8: 40px;--space-10: 56px;--radius-xs: 7px;--radius-sm: 10px;--radius-md: 13px;--radius-lg: 16px;--radius-xl: 22px;--radius-pill: 9999px;--chat-name-1: #c4b5fd;--chat-name-2: #7fd6b0;--chat-name-3: #f0b8d0;--chat-name-4: #f5c97f;--chat-name-5: #8fd0f0;--chat-name-6: #d6a8f0;--font-title: "Outfit", "Noto Sans KR", sans-serif;--font-body: "Noto Sans KR", "Outfit", sans-serif;--font-mono: "Outfit", ui-monospace, monospace;--fs-xs: 11px;--fs-sm: 12.5px;--fs-md: 14px;--fs-lg: 16px;--fs-xl: 20px;--fs-2xl: 26px;--fs-display: 40px;--shadow-card: 0 24px 48px -20px rgba(80, 50, 180, .5);--shadow-glow: 0 14px 26px -10px rgba(160, 80, 230, .65);--anim-fast: .16s cubic-bezier(.4, 0, .2, 1);--anim-base: .3s cubic-bezier(.4, 0, .2, 1);--anim-slow: .5s cubic-bezier(.4, 0, .2, 1);--z-effects: 500;--z-sheet: 800;--z-modal: 8000;--z-game-over: 10000;--z-reconnect: 12000;--z-pwa: 20000;--app-max-width: 480px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%}body{background:var(--bg-app);color:var(--fg-main);font-family:var(--font-body);line-height:1.5;-webkit-font-smoothing:antialiased;overscroll-behavior:none}#root{max-width:var(--app-max-width);margin:0 auto;min-height:100%;display:flex;flex-direction:column;position:relative}button{font-family:inherit;cursor:pointer;border:none;background:none;color:inherit;-webkit-tap-highlight-color:transparent;transition:transform var(--anim-fast),background var(--anim-fast),border-color var(--anim-fast),opacity var(--anim-fast)}button:active{transform:scale(.97)}.card{transition:transform var(--anim-fast),border-color var(--anim-fast),background var(--anim-fast)}button.card:active{transform:scale(.985)}input,textarea,select{font-family:inherit;color:var(--fg-main);background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:var(--space-3) var(--space-4);font-size:var(--fs-md);width:100%;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}input::placeholder,textarea::placeholder{color:var(--fg-dim)}input:focus,textarea:focus,select:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-glow)}h1,h2,h3{font-family:var(--font-title);font-weight:600}a{color:var(--accent);text-decoration:none}::selection{background:var(--primary-glow)}@keyframes qz-shake{0%,to{transform:translate(0)}20%,60%{transform:translate(-8px)}40%,80%{transform:translate(8px)}}@keyframes qz-pulse{0%,to{transform:scale(1);box-shadow:0 0 0 0 var(--primary-glow)}50%{transform:scale(1.03);box-shadow:0 0 0 12px transparent}}@keyframes qz-fade-up{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes qz-slide-in{0%{opacity:0;transform:translate(24px)}to{opacity:1;transform:translate(0)}}@keyframes qz-sheet-up{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes qz-pop{0%{opacity:0;transform:scale(.6) translateY(10px)}60%{opacity:1;transform:scale(1.06)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes qz-flash{0%{opacity:0}15%{opacity:.6}to{opacity:0}}.qz-shake{animation:qz-shake var(--anim-base)}.qz-fade-up{animation:qz-fade-up var(--anim-base)}.qz-slide-in{animation:qz-slide-in var(--anim-base) both}.qz-pop{animation:qz-pop var(--anim-base) both}@keyframes qz-spin{to{transform:rotate(360deg)}}@keyframes qz-twinkle{0%,to{opacity:.2;transform:scale(.85)}50%{opacity:.75;transform:scale(1.05)}}@keyframes qz-orb{0%,to{opacity:.4;transform:scale(.9)}50%{opacity:.9;transform:scale(1.15)}}@keyframes qz-float{0%,to{transform:translateY(0)}50%{transform:translateY(-14px)}}@keyframes qz-scan{0%{top:10%}50%{top:82%}to{top:10%}}@keyframes qz-logo-pulse{0%,to{transform:scale(1);opacity:.92}50%{transform:scale(1.05);opacity:1}}@keyframes qz-dot{0%,to{opacity:.3;transform:scale(.7)}50%{opacity:1;transform:scale(1)}}.qz-effects-canvas{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:var(--z-effects)}.badge{display:inline-flex;align-items:center;padding:3px var(--space-3);border-radius:var(--radius-pill);font-size:9px;font-weight:700;letter-spacing:.02em;border:1px solid var(--badge-border)}.badge-mc{background:var(--badge-mc-bg);color:var(--badge-mc-fg)}.badge-ox{background:var(--badge-ox-bg);color:var(--badge-ox-fg)}.badge-short{background:var(--badge-short-bg);color:var(--badge-short-fg)}.badge-img{background:var(--badge-img-bg);color:var(--badge-img-fg)}.badge-timed{background:var(--badge-timed-bg);color:var(--badge-timed-fg)}.badge-fast{background:var(--badge-fast-bg);color:var(--badge-fast-fg)}.screen{flex:1;display:flex;flex-direction:column;position:relative;isolation:isolate;padding:calc(var(--space-4) + env(safe-area-inset-top)) calc(var(--space-4) + env(safe-area-inset-right)) calc(var(--space-6) + env(safe-area-inset-bottom)) calc(var(--space-4) + env(safe-area-inset-left));gap:var(--space-3);animation:qz-fade-up var(--anim-base)}.screen-header{display:flex;align-items:center;gap:var(--space-2);min-height:var(--space-7);margin-bottom:var(--space-1)}.screen-header h2{font-size:var(--fs-lg);font-weight:700;flex:1}.screen-scroll{flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:var(--space-3)}.card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:var(--space-4);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-4);border-radius:var(--radius-md);font-size:var(--fs-md);font-weight:600;transition:transform var(--anim-fast),background var(--anim-fast),opacity var(--anim-fast);background:var(--bg-elevated);color:var(--fg-main);border:1px solid var(--border-color);width:100%}.btn:active{transform:scale(.97)}.btn:disabled{opacity:.4;pointer-events:none}.btn{backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.btn-primary{background:var(--grad-primary);border:none;box-shadow:var(--shadow-glow);color:#fff;font-weight:800}.btn-ghost{background:transparent;-webkit-backdrop-filter:none;backdrop-filter:none}.btn-danger{background:var(--danger);border:none;color:#fff}.btn-icon{width:auto;padding:var(--space-2);background:transparent;border:none;color:var(--fg-muted)}.btn-dashed{background:transparent;border:1.5px dashed var(--border-strong);color:var(--lilac)}.chip{display:inline-flex;align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-3);border-radius:var(--radius-pill);background:var(--bg-elevated);font-size:var(--fs-sm);border:1px solid var(--border-color)}.chip-warn{background:#f59e0b24;color:var(--warning-soft);border:1px solid rgba(245,158,11,.3)}#qz-qr-region{width:100%!important;height:100%!important;border:none!important}#qz-qr-region video{width:100%!important;height:100%!important;object-fit:cover!important;display:block}#qz-qr-region img{display:none!important}.field-label{font-size:var(--fs-sm);font-weight:600;color:var(--fg-main)}.field-hint{font-size:var(--fs-xs);color:var(--fg-subtle);line-height:1.5}.row{display:flex;align-items:center;gap:var(--space-2)}.row-between{display:flex;align-items:center;justify-content:space-between}.stack{display:flex;flex-direction:column;gap:var(--space-2)}.stack-sm{display:flex;flex-direction:column;gap:var(--space-1)}.podium{display:flex;justify-content:center;align-items:flex-end;gap:var(--space-2);margin-top:var(--space-4)}.podium-slot{text-align:center;width:64px}.podium-emoji{font-size:15px}.podium-tile{margin-top:var(--space-1);border-radius:var(--radius-md);height:46px;display:flex;flex-direction:column;align-items:center;justify-content:center;background:var(--bg-elevated);border:1px solid var(--border-strong);color:#fff}.podium-tile .rank{font-family:var(--font-title);font-weight:900;font-size:var(--fs-lg)}.podium-tile .who{font-size:var(--fs-xs);font-weight:700}.podium-slot[data-place="1"]{width:74px}.podium-slot[data-place="1"] .podium-emoji{font-size:19px}.podium-slot[data-place="1"] .podium-tile{height:80px;background:linear-gradient(160deg,var(--primary),var(--secondary));border:none;box-shadow:0 0 26px #c855f080}.podium-slot[data-place="1"] .rank{font-size:var(--fs-2xl)}.podium-slot[data-place="2"] .podium-tile{height:56px}.code-label{color:var(--fg-subtle);font-size:var(--fs-xs);font-weight:600}.code-value{font-family:var(--font-title);font-weight:900;font-size:30px;letter-spacing:.16em;color:#fff}.roster-list{flex:1;padding:0;overflow:hidden;display:flex;flex-direction:column}.roster-scroll{overflow-y:auto}.roster-row{display:flex;align-items:center;gap:var(--space-3);padding:9px 12px;border-bottom:1px solid rgba(255,255,255,.06);animation:qz-slide-in var(--anim-base) both}.roster-row[data-off=true]{opacity:.55}.roster-name{flex:1;color:var(--fg-main);font-weight:600;font-size:var(--fs-sm)}.dot{width:7px;height:7px;border-radius:50%;flex:none}.dot-success{background:var(--success);box-shadow:0 0 6px var(--success)}.dot-warn{background:var(--warning)}.btn-soft{background:#ffffff1a}.btn-lilac{background:#c4b5fd38;border-color:#c4b5fd61;color:var(--lilac-soft)}.overlay-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:var(--z-modal);background:var(--bg-overlay-strong);display:grid;place-items:center;padding:var(--space-6)}.choice-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-2)}.choice-preview{padding:var(--space-3);display:flex;gap:var(--space-2)}.choice-num{color:var(--fg-muted)}.answer-list{display:flex;flex-direction:column;gap:var(--space-3)}.answer-opt{display:flex;align-items:center;gap:var(--space-3);width:100%;text-align:left;padding:15px var(--space-4);border-radius:var(--radius-lg);background:var(--bg-card);border:1px solid var(--border-color);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.answer-opt[data-picked=true]{background:#c4b5fd33;border:1.5px solid var(--border-accent);box-shadow:0 8px 20px -8px #a06ef080}.answer-opt:disabled{opacity:.55}.answer-opt[data-picked=true]:disabled{opacity:1}.answer-num{width:24px;height:24px;flex:none;border-radius:var(--radius-xs);background:var(--bg-elevated);color:var(--fg-muted);font-family:var(--font-title);font-weight:800;font-size:12px;display:flex;align-items:center;justify-content:center}.answer-opt[data-picked=true] .answer-num{background:var(--lilac);color:var(--fg-inverse)}.answer-label{flex:1;font-size:14.5px;font-weight:600;color:var(--fg-on-glass)}.answer-opt[data-picked=true] .answer-label{color:#fff;font-weight:700}.answer-thumb{max-height:80px;border-radius:var(--radius-sm)}.ox-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-3)}.ox-tile{padding:var(--space-6) 0;border-radius:var(--radius-xl);background:var(--bg-card);border:1px solid var(--border-color);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);text-align:center;font-family:var(--font-title);font-weight:900;font-size:32px;color:var(--lilac)}.ox-tile[data-picked=true]{background:#c4b5fd33;border:1.5px solid var(--border-accent);color:#fff}.ox-tile:disabled{opacity:.55}.ox-tile[data-picked=true]:disabled{opacity:1}.progress-track{height:10px;border-radius:var(--radius-pill);background:var(--bg-inset);overflow:hidden}.progress-fill{height:100%;background:linear-gradient(90deg,var(--primary),var(--accent));transition:width var(--anim-base)}.muted{color:var(--fg-muted);font-size:var(--fs-sm)}.center{text-align:center}.pwa-banner{position:fixed;left:50%;transform:translate(-50%);bottom:calc(var(--space-5) + env(safe-area-inset-bottom));z-index:var(--z-pwa);display:flex;align-items:center;gap:var(--space-2);padding:var(--space-1);padding-left:var(--space-2);border-radius:var(--radius-pill);background:var(--bg-overlay-strong);border:1px solid var(--border-strong);box-shadow:var(--shadow-card);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);animation:qz-fade-up var(--anim-base)}.pwa-banner-apply{width:auto;border-radius:var(--radius-pill)}.pwa-banner-close{color:var(--fg-subtle)}.chat-layer{position:fixed;top:0;right:0;bottom:0;left:0;z-index:var(--z-sheet);pointer-events:none;display:flex;justify-content:center}.chat-col{position:relative;width:100%;max-width:var(--app-max-width)}.chat-fab{position:absolute;right:var(--space-4);bottom:calc(var(--space-10) + var(--space-4) + env(safe-area-inset-bottom));width:48px;height:48px;border-radius:50%;background:var(--grad-primary);box-shadow:var(--shadow-glow);display:flex;align-items:center;justify-content:center;color:#fff;pointer-events:auto;animation:qz-pop var(--anim-base) both}.chat-fab-badge{position:absolute;top:-4px;right:-4px;min-width:16px;height:16px;padding:0 3px;border-radius:var(--radius-pill);background:var(--danger);color:#fff;font-family:var(--font-title);font-weight:800;font-size:9px;display:flex;align-items:center;justify-content:center;border:2px solid var(--bg-app)}.chat-scrim{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:auto}.chat-sheet{position:absolute;left:0;right:0;bottom:0;height:min(64%,460px);border-radius:var(--radius-xl) var(--radius-xl) 0 0;background:var(--bg-overlay-strong);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-top:1px solid var(--border-strong);box-shadow:0 -12px 30px #0006;display:flex;flex-direction:column;padding-bottom:env(safe-area-inset-bottom);pointer-events:auto;animation:qz-sheet-up var(--anim-base)}.chat-grab{width:40px;height:4px;border-radius:var(--radius-pill);background:var(--border-strong);margin:var(--space-3) auto var(--space-2)}.chat-head{display:flex;align-items:center;justify-content:space-between;padding:0 var(--space-4) var(--space-3);border-bottom:1px solid var(--border-color)}.chat-title{color:var(--fg-main);font-weight:700;font-size:var(--fs-md)}.chat-count{color:var(--fg-subtle);font-weight:500;font-size:var(--fs-xs)}.chat-list{flex:1;overflow-y:auto;padding:var(--space-4);display:flex;flex-direction:column;gap:var(--space-3)}.chat-msg{display:flex;flex-direction:column;gap:var(--space-1);max-width:82%;align-self:flex-start}.chat-msg[data-mine=true]{align-self:flex-end;align-items:flex-end}.chat-name{font-size:10.5px;font-weight:700}.chat-bubble{padding:9px var(--space-3);border-radius:4px 12px 12px;background:var(--bg-elevated);color:var(--fg-on-glass);font-size:var(--fs-sm);line-height:1.4;word-break:break-word}.chat-msg[data-mine=true] .chat-bubble{border-radius:12px 4px 12px 12px;background:var(--grad-primary);color:#fff}.chat-input-row{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-4) var(--space-4);border-top:1px solid var(--border-color)}.chat-input{flex:1;width:auto;border-radius:var(--radius-pill);padding:11px var(--space-4);background:var(--bg-inset);font-size:var(--fs-sm)}.chat-send{width:40px;height:40px;flex:none;border-radius:50%;background:var(--grad-primary);color:#fff;display:flex;align-items:center;justify-content:center}.chat-send:disabled{opacity:.4;pointer-events:none}.tone-success{--tone: var(--success);--tone-soft: var(--success-soft);--tone-bg: rgba(52, 211, 153, .14);--tone-glow: rgba(52, 211, 153, .55);--tone-ink: #04241a}.tone-danger{--tone: var(--danger);--tone-soft: var(--danger-soft);--tone-bg: rgba(244, 63, 94, .14);--tone-glow: rgba(244, 63, 94, .4);--tone-ink: #2a0510}.tone-neutral{--tone: var(--primary);--tone-soft: var(--lilac);--tone-bg: var(--primary-glow);--tone-glow: var(--primary-glow);--tone-ink: #fff}.verdict{display:flex;flex-direction:column;align-items:center;gap:var(--space-1);text-align:center;margin-top:var(--space-2)}.verdict-circle{width:66px;height:66px;border-radius:50%;display:grid;place-items:center;background:var(--tone-bg);color:var(--tone);border:2px solid var(--tone);box-shadow:0 0 30px var(--tone-glow);animation:qz-pulse 1.5s ease-in-out infinite}.tone-success .verdict-circle{background:linear-gradient(135deg,#34d399,#10b981);color:var(--tone-ink);border:none}.verdict-label{font-family:var(--font-title);font-weight:900;font-size:var(--fs-2xl);color:var(--tone-soft)}.verdict-points{font-family:var(--font-title);font-weight:800;font-size:var(--fs-xl);color:var(--fg-main)}.tone-danger .verdict-points{color:var(--fg-muted)}.verdict-rank{font-size:var(--fs-sm);font-weight:600;color:var(--tone-soft)}.qz-reveal-flash{position:fixed;top:0;right:0;bottom:0;left:0;z-index:var(--z-effects);pointer-events:none;background:radial-gradient(circle at 50% 30%,var(--tone-glow),transparent 65%);animation:qz-flash .8s ease-out forwards}