:root{--purple-700:#4c1d95;--purple-600:#5b21ff;--purple-500:#7c3aed;--purple-300:#c4b5fd;--purple-100:#ede9fe;--purple-50:#f5f3ff;--gray-950:#111;--gray-700:#374151;--gray-500:#6b7280;--gray-300:#d1d5db;--gray-100:#f3f4f6;--white:#fff;--success:#16a34a;--success-bg:#dcfce7;--success-fg:#166534;--error:#dc2626;--error-bg:#fee2e2;--error-fg:#991b1b;--warning:#f59e0b;--info:#2563eb;--color-primary:var(--purple-600);--color-primary-dark:var(--purple-700);--color-primary-hover:var(--purple-500);--color-primary-light:var(--purple-300);--color-primary-bg:var(--purple-50);--color-text-primary:var(--gray-950);--color-text-secondary:var(--gray-700);--color-text-muted:var(--gray-500);--color-border:var(--gray-300);--color-border-soft:var(--purple-100);--color-background:var(--white);--color-surface:var(--gray-100);--brand-gradient:linear-gradient(135deg, #7c3aed 0%, #5b21ff 100%);--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:20px;--radius-full:9999px;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--space-12:48px;--dur-fast:.12s;--dur-normal:.18s;--dur-slow:.24s;--font-family:"Pretendard Variable", Pretendard, SUIT, "Noto Sans KR", -apple-system, BlinkMacSystemFont, system-ui, sans-serif}*{box-sizing:border-box}html,body{background:var(--color-background);color:var(--color-text-primary);font-family:var(--font-family);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;padding:0}button{font-family:inherit}.wrap{max-width:720px;padding:var(--space-4);margin:0 auto;position:relative}.home-shell{max-width:720px;padding:var(--space-4) var(--space-4) calc(var(--space-4) + env(safe-area-inset-bottom,0px));flex-direction:column;height:100dvh;margin:0 auto;display:flex;position:relative;overflow:hidden}.home-shell .topbar{z-index:40;flex:none;min-height:44px;padding:4px 4px 8px;position:relative}.home-shell .hero{z-index:2;flex:1;position:relative}.home-shell .home-actions{z-index:2;flex:1;min-height:0;margin-top:10px;display:flex;position:relative}.home-shell .home-actions>*{flex:1;min-height:0}.home-shell .hero-countdown{z-index:2;flex:none;align-self:center;position:relative}.home-shell .hero-spacer{flex:0;min-height:0}.home-shell .home-hero-kicker{z-index:2;flex:none;align-self:center;margin:-12px auto -4px;position:relative}.home-hero-logo{z-index:2;filter:drop-shadow(0 12px 28px #00000061);object-fit:contain;transform-origin:50%;flex:none;align-self:center;width:100%;max-width:100%;height:auto;margin:20px auto 24px;display:block;position:relative;transform:scale(1.1)}.home-shell .home-footer{z-index:2;position:relative}.home-hero{color:var(--white);background:radial-gradient(ellipse at top left, #ffffff24, transparent 60%), radial-gradient(ellipse at bottom right, #0000002e, transparent 55%), linear-gradient(160deg, var(--purple-500) 0%, var(--color-primary) 45%, var(--color-primary-dark) 100%)}.home-hero-bg{background:linear-gradient(180deg, #0003 0%, #0000 20%, #0000 55%, #00000059 100%), url(/brand/hero-bg.png?v=2) center 30% / cover no-repeat, var(--color-primary)}.hero-spacer,.hero-spacer-top,.hero-spacer-bottom{flex:0;min-height:0}.home-hero .icon-btn{color:var(--white)}.home-hero .icon-btn:hover{background:#ffffff1f}.home-hero .room-title{color:var(--white)}.home-hero .room-title .q,.home-hero .hero-brand .q{color:var(--yellow,#fde68a)}.home-hero .topbar .room-title span[style]{color:var(--yellow,#fde68a)!important}.home-hero .user-badge{color:var(--white)}.home-hero .user-badge:hover .user-badge-nick{color:var(--yellow,#fde68a)}.home-hero .user-badge-avatar{box-shadow:0 0 0 2px #fff6}.hero{padding:var(--space-4) 4px;flex-direction:column;justify-content:center;align-items:flex-start;gap:14px;display:flex}.hero-center{text-align:center;align-items:center}.hero-center .hero-brand-row{justify-content:center}.hero-countdown{box-shadow:none;color:var(--white);background:0 0;border:0;flex-direction:column;align-items:center;gap:4px;margin-top:-6px;padding:0;display:inline-flex}.hero-countdown-label{letter-spacing:.08em;text-transform:uppercase;color:#ffffffc7;font-size:15px;font-weight:800}.hero-countdown-value{font-variant-numeric:tabular-nums;letter-spacing:.03em;color:var(--yellow,#fde68a);text-shadow:0 4px 16px #00000052;font-size:clamp(40px,12vw,72px);font-weight:900;line-height:1}.hero-countdown[data-live=true] .hero-countdown-value{color:#ff5a5f;animation:1.2s ease-in-out infinite livePulse}.hero-countdown-players{color:var(--white);border-radius:var(--radius-full);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff29;margin-top:8px;padding:6px 12px;font-size:14px;font-weight:700}.hero-join-btn{border-radius:var(--radius-full);background:var(--yellow,#fde68a);min-width:200px;color:var(--gray-950);letter-spacing:.02em;cursor:pointer;transition:transform var(--dur-fast), box-shadow var(--dur-fast), opacity var(--dur-fast);border:0;margin-top:14px;padding:14px 28px;font-family:inherit;font-size:17px;font-weight:900;box-shadow:0 10px 24px #00000047,0 2px 6px #00000029}.hero-join-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 14px 30px #00000057,0 2px 6px #0000002e}.hero-join-btn:active:not(:disabled){transform:translateY(0)}.hero-join-btn:disabled{opacity:.55;cursor:not-allowed;box-shadow:none}.hero-join-note{color:#ffffffb8;letter-spacing:.02em;margin-top:8px;font-size:11.5px;font-weight:700}.hero-reserved{flex-direction:column;align-items:center;gap:8px;margin-top:14px;display:inline-flex}.hero-reserved-badge{border-radius:var(--radius-full);color:var(--white);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#fff3;border:1px solid #ffffff59;padding:10px 20px;font-size:15px;font-weight:800}.hero-cancel-btn{color:#ffffffb8;cursor:pointer;text-underline-offset:3px;background:0 0;border:0;padding:6px 14px;font-family:inherit;font-size:12px;font-weight:700;text-decoration:underline}.hero-cancel-btn:hover{color:var(--white)}.home-chat{flex-direction:column;flex:1;width:100%;min-height:0;display:flex}.home-chat-list{scrollbar-width:thin;scrollbar-color:#ffffff59 transparent;flex-direction:column;flex:auto;min-height:120px;padding:6px 2px 10px;display:flex;overflow-y:auto}.home-chat-list::-webkit-scrollbar{width:4px}.home-chat-list::-webkit-scrollbar-thumb{background:#ffffff47;border-radius:2px}.home-chat-line{color:var(--white);word-break:break-word;text-shadow:0 1px 2px #00000059;padding:2px 4px;font-size:14px;line-height:1.5}.home-chat-nick{color:var(--yellow,#fde68a);margin-right:6px;font-weight:800}.home-chat-text{color:var(--white)}.home-chat-line.is-system{text-align:center;color:#ffffffb8;padding:4px 0;font-size:12.5px;font-style:italic}.home-chat-sys{border-radius:var(--radius-full);background:#ffffff24;padding:3px 10px}.home-chat-input-row{flex:none;gap:8px;padding:6px 0 0;display:flex}.home-chat-input{border-radius:var(--radius-full);color:#fff;-webkit-text-fill-color:#fff;min-width:0;caret-color:var(--yellow,#fde68a);appearance:none;background:#00000073;border:1px solid #ffffff59;flex:1;padding:10px 14px;font-family:inherit;font-size:16px;line-height:1.2}.home-chat-input::placeholder{color:#ffffff8c}.home-chat-input:focus{background:#0000008c;border-color:#ffffffb3;outline:none}.home-chat-input:disabled{opacity:.6}.home-chat-input:-webkit-autofill{-webkit-text-fill-color:#fff;caret-color:var(--yellow,#fde68a);-webkit-box-shadow:inset 0 0 0 1000px #0000008c}.home-chat-input:-webkit-autofill:focus{-webkit-text-fill-color:#fff;caret-color:var(--yellow,#fde68a);-webkit-box-shadow:inset 0 0 0 1000px #0000008c}.home-chat-send{border-radius:var(--radius-full);background:var(--yellow,#fde68a);color:var(--gray-950);cursor:pointer;appearance:none;border:0;flex:none;padding:0 18px;font-family:inherit;font-size:15px;font-weight:800}.home-chat-send:disabled{opacity:.5;cursor:not-allowed}.participants{border:1px solid var(--color-border-soft);border-radius:var(--radius-lg);background:var(--white);padding:12px 14px calc(12px + env(safe-area-inset-bottom,0px));margin-top:12px}.participants-header{color:var(--color-text-secondary);margin-bottom:8px;font-size:13px;font-weight:700}.participants-header b{color:var(--color-text-primary);font-weight:900}.participants-ready-count{color:var(--color-primary);font-weight:800}.participants-list{flex-direction:column;gap:6px;max-height:30vh;margin:0;padding:0;list-style:none;display:flex;overflow-y:auto}.participants-item{border-radius:var(--radius-md);background:var(--color-surface);justify-content:space-between;align-items:center;padding:8px 12px;font-size:14px;display:flex}.participants-item[data-ready=true]{background:var(--success-bg);color:var(--success-fg)}.participants-item[data-me=true]{outline:2px solid var(--color-primary-light);outline-offset:-2px}.participants-nick{color:var(--color-text-primary);align-items:center;gap:6px;font-weight:700;display:inline-flex}.participants-item[data-ready=true] .participants-nick{color:var(--success-fg)}.participants-tag{border-radius:var(--radius-full);background:var(--color-primary-bg);color:var(--color-primary);letter-spacing:.04em;padding:2px 6px;font-size:10px;font-weight:800}.participants-tag.host{background:var(--color-primary);color:var(--white)}.participants-tag.ai{background:var(--color-border);color:var(--color-text-secondary)}.participants-state{font-size:13px;font-weight:700}.room-chat{border:1px solid var(--color-border-soft);border-radius:var(--radius-lg);background:var(--white);flex-direction:column;min-height:180px;max-height:40vh;margin-top:12px;display:flex;overflow:hidden}.room-chat-list{flex-direction:column;flex:1;gap:4px;min-height:0;padding:10px 12px;display:flex;overflow-y:auto}.room-chat-line{color:var(--color-text-primary);word-break:break-word;padding:2px 4px;font-size:14px;line-height:1.4}.room-chat-line.is-me{background:var(--color-primary-bg);border-radius:6px}.room-chat-line.is-system{color:var(--color-text-muted);text-align:center;padding:4px 0;font-size:12.5px;font-style:italic}.room-chat-nick{color:var(--color-primary);margin-right:6px;font-weight:800}.room-chat-sys{display:inline-block}.room-chat-input-row{padding:8px 10px calc(8px + env(safe-area-inset-bottom,0px));border-top:1px solid var(--color-border-soft);gap:8px;display:flex}.room-chat-input{border-radius:var(--radius-full);border:1px solid var(--color-border);background:var(--color-surface);min-width:0;color:var(--color-text-primary);flex:1;padding:10px 14px;font-family:inherit;font-size:16px;line-height:1.2}.room-chat-input::placeholder{color:var(--color-text-muted)}.room-chat-input:focus{border-color:var(--color-primary-light);outline:none}.room-chat-send{border-radius:var(--radius-full);background:var(--color-primary);color:var(--white);cursor:pointer;border:0;flex:none;padding:0 18px;font-family:inherit;font-size:14px;font-weight:800}.room-chat-send:disabled{opacity:.5;cursor:not-allowed}.room-code-banner{border:2px dashed var(--color-primary-light);border-radius:var(--radius-md);background:var(--color-primary-bg);width:100%;color:var(--color-primary);cursor:pointer;transition:transform var(--dur-fast), background var(--dur-fast);flex-direction:column;align-items:center;gap:4px;margin:8px 0 12px;padding:16px 20px;font-family:inherit;display:flex}.room-code-banner:hover{background:var(--color-primary-light);color:var(--white)}.room-code-banner:active{transform:translateY(1px)}.room-code-banner-label{letter-spacing:.14em;text-transform:uppercase;opacity:.85;font-size:11.5px;font-weight:800}.room-code-banner-value{letter-spacing:.24em;font-variant-numeric:tabular-nums;-webkit-user-select:all;user-select:all;font-size:44px;font-weight:900;line-height:1}.room-code-banner-hint{color:inherit;opacity:.72;font-size:11px;font-weight:700}.verdict{border-radius:var(--radius-md);text-align:center;letter-spacing:-.01em;flex-direction:column;align-items:center;gap:4px;margin-top:16px;padding:14px 18px;font-size:18px;font-weight:900;display:flex}.verdict[data-tone=good]{background:var(--success-bg);color:var(--success-fg)}.verdict[data-tone=bad]{background:var(--error-bg);color:var(--error-fg)}.verdict-hint{opacity:.85;font-size:13px;font-weight:600}.lobby-code-card{border-radius:var(--radius-lg);background:var(--white);border:1px solid var(--color-border-soft);text-align:center;margin:8px 0 12px;padding:18px 20px;box-shadow:0 4px 14px #5b21ff0f}.lobby-code-label{letter-spacing:.14em;color:var(--color-text-muted);text-transform:uppercase;margin-bottom:4px;font-size:12px;font-weight:800}.lobby-code-row{justify-content:center;align-items:center;gap:12px;display:flex}.lobby-code-value{letter-spacing:.24em;color:var(--color-primary);font-variant-numeric:tabular-nums;-webkit-user-select:all;user-select:all;font-size:44px;font-weight:900}.lobby-code-copy{border-radius:var(--radius-full);background:var(--color-primary-bg);color:var(--color-primary);cursor:pointer;transition:background var(--dur-fast);border:0;padding:8px 14px;font-family:inherit;font-size:12px;font-weight:800}.lobby-code-copy:hover{background:var(--color-primary-light);color:var(--white)}.lobby-code-hint{color:var(--color-text-muted);margin-top:6px;font-size:12px}.lobby-share-grid{grid-template-columns:1fr 1fr;gap:10px;margin-bottom:14px;display:grid}.lobby-share-card{border:1px solid var(--color-border-soft);border-radius:var(--radius-lg);background:var(--white);color:var(--color-text-primary);cursor:pointer;transition:background var(--dur-fast), transform var(--dur-fast);flex-direction:column;align-items:center;gap:4px;padding:14px 12px;font-family:inherit;display:flex}.lobby-share-card:hover{background:var(--color-primary-bg);transform:translateY(-1px)}.lobby-share-icon{font-size:22px}.lobby-share-title{font-size:13.5px;font-weight:800}.lobby-share-desc{color:var(--color-text-muted);font-size:11px}.lobby-body{flex-direction:column;gap:14px;padding:8px 0;display:flex}.lobby-waiting-title{color:var(--color-text-primary);text-align:center;padding:4px 0;font-size:20px;font-weight:800}.lobby-waiting-title b{color:var(--color-primary)}.lobby-participants{flex-direction:column;gap:6px;max-height:28vh;margin:0;padding:0;list-style:none;display:flex;overflow-y:auto}.lobby-participant{border-radius:var(--radius-md);background:var(--color-surface);align-items:center;gap:10px;padding:8px 12px;display:flex}.lobby-participant[data-ready=true]{background:var(--success-bg)}.lobby-participant-avatar{background:var(--color-primary);width:32px;height:32px;color:var(--white);border-radius:50%;flex:none;justify-content:center;align-items:center;font-size:14px;font-weight:800;display:inline-flex}.lobby-participant-nick{min-width:0;color:var(--color-text-primary);flex:1;align-items:center;gap:6px;font-weight:700;display:inline-flex}.lobby-participant-state{color:var(--color-text-muted);font-size:12.5px;font-weight:800}.lobby-participant[data-ready=true] .lobby-participant-state{color:var(--success-fg)}.lobby-tag{border-radius:var(--radius-full);background:var(--color-primary-bg);color:var(--color-primary);letter-spacing:.04em;padding:2px 6px;font-size:10px;font-weight:800}.lobby-tag.host{background:var(--color-primary);color:var(--white)}.lobby-tag.ai{background:var(--color-border);color:var(--color-text-secondary)}.lobby-meta{border-radius:var(--radius-lg);background:var(--color-primary-bg);grid-template-columns:repeat(3,1fr);gap:8px;padding:10px 12px;display:grid}.lobby-meta-cell{text-align:center;flex-direction:column;align-items:center;gap:2px;display:flex}.lobby-meta-icon{font-size:16px}.lobby-meta-label{color:var(--color-text-muted);font-size:10.5px;font-weight:700}.lobby-meta-value{color:var(--color-primary);font-size:14px;font-weight:900}.btn.lobby-cta{height:56px;margin-top:6px;font-size:17px;font-weight:800}.room-share-actions{grid-template-columns:1fr 1fr;gap:8px;margin-bottom:10px;display:grid}.room-share-btn{height:40px;margin-top:0;font-size:13px;font-weight:800}.share-toast{left:50%;bottom:calc(24px + env(safe-area-inset-bottom,0px));background:var(--gray-950);color:var(--white);border-radius:var(--radius-full);z-index:200;padding:8px 14px;font-size:13px;font-weight:700;position:fixed;transform:translate(-50%);box-shadow:0 8px 20px #00000047}.eliminated-count{border-radius:var(--radius-full);background:var(--error-bg);color:var(--error-fg);margin-left:8px;padding:2px 8px;font-size:12px;font-weight:800}.daily-spinner{border:4px solid var(--color-border-soft);border-top-color:var(--color-primary);border-radius:50%;width:48px;height:48px;margin:60px auto;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.admin-layer{z-index:90;background:var(--color-background);flex-direction:column;animation:.26s cubic-bezier(.2,.7,.2,1) admin-layer-in-up;display:flex;position:fixed;inset:0}@keyframes admin-layer-in-up{0%{opacity:.4;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}.admin-sub-overlay{z-index:2;background:var(--color-background);flex-direction:column;animation:.26s cubic-bezier(.2,.7,.2,1) admin-sub-in;display:flex;position:absolute;inset:0}.admin-sub-overlay[data-closing=true]{animation:.26s cubic-bezier(.4,0,.6,1) forwards admin-sub-out}@keyframes admin-sub-in{0%{opacity:.8;transform:translate(-100%)}to{opacity:1;transform:translate(0)}}@keyframes admin-sub-out{0%{opacity:1;transform:translate(0)}to{opacity:.8;transform:translate(-100%)}}.admin-layer-header{justify-content:space-between;align-items:center;gap:var(--space-3);padding:14px var(--space-4);border-bottom:1px solid var(--color-border-soft);background:var(--color-background);z-index:1;flex:none;display:flex;position:sticky;top:0}.admin-layer-header-left{align-items:center;gap:10px;min-width:0;display:flex}.admin-layer-title{color:var(--color-text-primary);letter-spacing:-.01em;text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:20px;font-weight:900;overflow:hidden}.admin-layer-body{padding:var(--space-4);padding-bottom:calc(var(--space-4) + env(safe-area-inset-bottom,0px));flex:1;overflow-y:auto}.admin-back{width:36px;height:36px;color:var(--color-text-primary);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--white);justify-content:center;align-items:center;font-size:22px;font-weight:700;text-decoration:none;display:inline-flex}.admin-back:hover{background:var(--color-surface)}.admin-back-spacer{width:36px;height:36px}.admin-menu-grid{grid-template-columns:1fr 1fr;gap:12px;display:grid}@media (max-width:480px){.admin-menu-grid{grid-template-columns:1fr}}.admin-menu-tile{border:1px solid var(--color-border-soft);border-radius:var(--radius-lg);background:var(--white);color:var(--color-text-primary);transition:transform var(--dur-fast), background var(--dur-fast);flex-direction:column;gap:6px;min-height:96px;padding:18px 16px;text-decoration:none;display:flex}.admin-menu-tile:hover{background:var(--color-surface);transform:translateY(-1px)}.admin-menu-tile-title{font-size:16px;font-weight:800}.admin-menu-tile-desc{color:var(--color-text-muted);font-size:12px;line-height:1.4}.admin-user-row{border:1px solid var(--color-border-soft);border-radius:var(--radius-md);background:var(--white);grid-template-columns:40px 1fr auto;align-items:center;gap:12px;margin-bottom:6px;padding:12px 14px;display:grid}.admin-user-avatar{background:var(--color-surface);width:40px;height:40px;color:var(--color-text-muted);border-radius:50%;justify-content:center;align-items:center;font-weight:800;display:flex;overflow:hidden}.admin-user-avatar img{object-fit:cover;width:100%;height:100%}.admin-user-main{flex-direction:column;gap:2px;min-width:0;display:flex}.admin-user-nick{text-overflow:ellipsis;white-space:nowrap;font-size:15px;font-weight:800;overflow:hidden}.admin-user-email{color:var(--color-text-muted);text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.admin-user-meta{color:var(--color-text-muted);text-align:right;flex-direction:column;gap:2px;font-size:11px;display:flex}.admin-user-tag{border-radius:var(--radius-full);background:var(--color-surface);color:var(--color-text-secondary);margin-left:4px;padding:1px 6px;font-size:10px;font-weight:700;display:inline-block}.admin-user-tag[data-tone=admin]{background:var(--color-primary);color:var(--white)}.admin-user-tag[data-platform=web]{color:#3730a3;background:#e0e7ff}.admin-user-tag[data-platform=toss_miniapp]{color:#075985;background:#dbeafe}.admin-user-tag[data-platform=ios]{color:#111827;background:#f3f4f6}.admin-user-tag[data-platform=android]{color:#14532d;background:#dcfce7}.admin-pagination{justify-content:center;align-items:center;gap:8px;margin-top:16px;padding-bottom:12px;display:flex}.admin-page-btn{border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--white);min-width:40px;color:var(--color-text-primary);cursor:pointer;padding:6px 12px;font-family:inherit;font-size:14px;font-weight:700}.admin-page-btn:disabled{opacity:.4;cursor:not-allowed}.admin-page-info{color:var(--color-text-muted);font-size:12px}.page-title{color:var(--color-text-primary);margin:12px 4px 16px;font-size:22px;font-weight:800}.admin-card{border:1px solid var(--color-border-soft);border-radius:var(--radius-lg);background:var(--white);margin-bottom:16px;padding:20px}.admin-card-title{color:var(--color-text-primary);margin:0 0 6px;font-size:16px;font-weight:800}.admin-card-desc{color:var(--color-text-muted);margin:0 0 14px;font-size:13px}.admin-row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.admin-time-input{border:1px solid var(--color-border);border-radius:var(--radius-md);font-variant-numeric:tabular-nums;min-width:140px;padding:10px 12px;font-family:inherit;font-size:18px;font-weight:700}.admin-msg{color:var(--success);margin-top:10px;font-size:13px;font-weight:600}.admin-inline-msg{color:var(--success);white-space:nowrap;align-self:center;font-size:13px;font-weight:700;animation:3.5s ease-out forwards admin-inline-msg-fade}@keyframes admin-inline-msg-fade{0%{opacity:0;transform:translate(-4px)}8%{opacity:1;transform:translate(0)}70%{opacity:1}to{opacity:0}}.admin-table-wrap{border:1px solid var(--color-border-soft);border-radius:var(--radius-md);overflow:hidden}.admin-table{border-collapse:collapse;width:100%;font-size:14px}.admin-table thead{background:var(--color-primary-bg)}.admin-table th{text-align:left;color:var(--color-primary-dark);border-bottom:1px solid var(--color-border-soft);padding:10px 14px;font-weight:800}.admin-table td{border-bottom:1px solid var(--color-border-soft);color:var(--color-text-primary);font-variant-numeric:tabular-nums;padding:10px 14px}.admin-table tbody tr:last-child td{border-bottom:0}.admin-table tbody tr:hover{background:var(--color-surface)}.admin-table-num{color:var(--color-text-muted);font-weight:600}@keyframes livePulse{0%,to{opacity:1}50%{opacity:.6}}.hero-kicker{border-radius:var(--radius-full);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:var(--white);letter-spacing:-.01em;background:#ffffff2e;align-items:center;gap:8px;margin:0;padding:6px 14px;font-size:13px;font-weight:700;display:inline-flex}.hero-kicker:before{content:"🌙"}.hero-title-wrap{justify-content:center;width:100%;padding:20px 0 8px;display:flex;position:relative}.hero-side{letter-spacing:.08em;color:var(--white);opacity:.9;text-align:left;text-transform:uppercase;pointer-events:none;font-family:inherit;font-size:11px;font-weight:800;line-height:1.35;position:absolute;top:30px}.hero-side-left{left:2px;transform:rotate(-8deg)}.hero-side-right{text-align:right;text-transform:none;letter-spacing:0;font-size:12px;right:2px;transform:rotate(6deg)}.hero-side-star{color:var(--yellow,#fde68a);margin-left:2px;font-size:14px;display:inline-block}.hero-title{color:var(--white);flex-direction:column;align-items:center;gap:6px;margin:0;line-height:1;display:flex}.hero-line{align-items:baseline;gap:8px;display:inline-flex}.hero-line-top{align-items:flex-end}.hero-num{letter-spacing:-.06em;background:linear-gradient(#fde68a 0%,#fbbf24 60%,#f59e0b 100%);color:#0000;text-shadow:0 2px #0000001a,0 12px 32px #00000059;-webkit-background-clip:text;background-clip:text;font-size:clamp(72px,22vw,168px);font-weight:900;line-height:.9;display:inline-block;position:relative;transform:rotate(-3deg)}.hero-crown{filter:drop-shadow(0 6px 12px #00000059);-webkit-text-fill-color:initial;font-size:.42em;line-height:1;position:absolute;top:-.32em;left:50%;transform:translate(-50%)rotate(-6deg)}.hero-line-sub{letter-spacing:-.02em;color:#ffffffeb;font-size:clamp(28px,7vw,44px);font-weight:900}.hero-quizshow{letter-spacing:-.04em;color:var(--white);filter:drop-shadow(0 8px 20px #00000059);white-space:nowrap;padding:0 14px;font-size:clamp(40px,11vw,92px);font-weight:900;position:relative;transform:rotate(-1.5deg)}.hero-quizshow:before{content:"";z-index:-1;background:#fde68a47;border-radius:12px;height:18%;position:absolute;bottom:8px;left:4px;right:4px;transform:skew(-6deg)}.hero-bang{color:#ff5a8a;text-shadow:0 6px 14px #00000047;margin-left:2px;animation:1.4s ease-in-out infinite bangPulse;display:inline-block;transform:rotate(10deg)translateY(-6px)}@keyframes bangPulse{0%,to{transform:rotate(10deg)translateY(-6px)scale(1)}50%{transform:rotate(10deg)translateY(-10px)scale(1.08)}}.hero-brand-row{align-items:center;gap:12px;margin-top:12px;display:flex}.hero-tagline{color:var(--white);letter-spacing:.01em;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#ffffff24;border:1.5px solid #ffffff38;border-radius:16px;align-items:center;margin-top:10px;padding:12px 24px;font-size:clamp(18px,5vw,26px);font-weight:800;display:inline-flex}.hero-tagline .q{color:var(--yellow,#fde68a)}.hero-brand{letter-spacing:-.02em;color:var(--white);font-size:clamp(30px,8vw,56px);font-weight:900}.hero-sub{color:#ffffffd9;margin:6px 0 0;font-size:14px;font-weight:600}.home-bg{pointer-events:none;z-index:1;position:absolute;inset:0;overflow:hidden}.deco{color:#ffffff29;font-weight:900;line-height:1;animation:6s ease-in-out infinite floaty;position:absolute}.deco.d1{font-size:220px;top:12%;right:-4%;transform:rotate(12deg)}.deco.d2{font-size:42px;animation-delay:-1s;top:4%;left:6%}.deco.d3{color:#ffffff1f;font-size:160px;animation-delay:-2s;top:46%;left:-4%;transform:rotate(-14deg)}.deco.d4{font-size:26px;animation-delay:-3s;top:22%;right:30%}.deco.d5{color:#fde68a47;font-size:92px;animation-delay:-1.5s;bottom:32%;right:12%;transform:rotate(8deg)}.deco.d6{font-size:30px;animation-delay:-2.5s;bottom:18%;left:20%}@keyframes floaty{0%,to{translate:0}50%{translate:0 -10px}}.multi-sheet-root{z-index:85;background:#11111173;animation:.22s ease-out multi-sheet-bg-in;display:flex;position:fixed;inset:0}@keyframes multi-sheet-bg-in{0%{opacity:0}to{opacity:1}}.multi-sheet{background:var(--color-background);border-top-left-radius:var(--radius-xl);border-top-right-radius:var(--radius-xl);max-height:92dvh;padding:0 var(--space-4) calc(var(--space-4) + env(safe-area-inset-bottom,0px));will-change:transform;transition:transform .22s cubic-bezier(.2,.7,.2,1);animation:.26s cubic-bezier(.2,.7,.2,1) multi-sheet-in;position:absolute;bottom:0;left:0;right:0;overflow-y:auto}@keyframes multi-sheet-in{0%{transform:translateY(100%)}to{transform:translateY(0)}}.multi-sheet-root[data-closing=true]{animation:.22s ease-out forwards multi-sheet-bg-out}.multi-sheet-root[data-closing=true] .multi-sheet{animation:.24s cubic-bezier(.4,0,1,1) forwards multi-sheet-out}@keyframes multi-sheet-bg-out{to{opacity:0}}@keyframes multi-sheet-out{to{transform:translateY(100%)}}.multi-sheet-root[data-fullscreen=true]{background:var(--color-background)}.multi-sheet .room-title,.multi-sheet .icon-btn{color:var(--color-text-primary)}.multi-sheet .icon-btn:hover{background:var(--color-primary-bg);color:var(--color-primary)}.multi-sheet-root[data-fullscreen=true] .multi-sheet{height:100dvh;max-height:100dvh;padding:var(--space-4) var(--space-4) calc(var(--space-4) + env(safe-area-inset-bottom,0px));border-radius:0;transition:none;animation:none;position:fixed;inset:0}.multi-sheet-handle-area{cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;justify-content:center;align-items:center;padding:10px 0 4px;display:flex}.multi-sheet-handle-area:active{cursor:grabbing}.multi-sheet-handle{background:var(--color-border);border-radius:999px;width:44px;height:5px;display:block}.room-code-display{letter-spacing:.24em;color:var(--color-primary);text-align:center;border:2px dashed var(--color-primary-light);border-radius:var(--radius-md);background:var(--color-primary-bg);font-variant-numeric:tabular-nums;-webkit-user-select:all;user-select:all;padding:14px 18px;font-size:44px;font-weight:900}.daily-intro{text-align:center;flex-direction:column;align-items:stretch;gap:14px;padding:24px 0 8px;display:flex}.daily-intro>.btn{align-self:stretch}.daily-intro-emoji{font-size:56px;line-height:1}.daily-intro-title{letter-spacing:-.01em;color:var(--color-text-primary);margin:0;font-size:24px;font-weight:900}.daily-intro-rules{color:var(--color-text-secondary);flex-direction:column;gap:8px;margin:6px 0 14px;padding:0;font-size:14.5px;line-height:1.5;list-style:none;display:flex}.daily-intro-rules li b{color:var(--color-primary);font-weight:800}.daily-sheet{z-index:80;background:var(--color-background);max-width:none;padding:var(--space-4) var(--space-4) calc(var(--space-4) + env(safe-area-inset-bottom,0px));animation:.26s cubic-bezier(.2,.7,.2,1) daily-sheet-in;position:fixed;inset:0;overflow-y:auto}@keyframes daily-sheet-in{0%{transform:translateY(100%)}to{transform:translateY(0)}}.home-menu{flex:1;grid-template-columns:1fr 1fr;align-content:end;gap:10px;width:100%;padding:0;display:grid}.home-menu-card{border-radius:var(--radius-lg);color:var(--white);cursor:pointer;text-align:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:transform var(--dur-fast), background var(--dur-fast);-webkit-tap-highlight-color:transparent;background:#ffffff24;border:1px solid #ffffff40;flex-direction:column;justify-content:center;align-items:center;gap:4px;padding:16px 10px;font-family:inherit;display:flex;position:relative}.home-menu-card[data-done=true]{background:#22c55e38;border-color:#86efaca6}.home-menu-badge{border-radius:var(--radius-full);background:var(--success);color:var(--white);letter-spacing:.02em;padding:2px 8px;font-size:11px;font-weight:800;position:absolute;top:8px;right:10px}.home-menu-badge-record{color:var(--white);background:linear-gradient(135deg,#ffb300,#ff6f00)}.home-menu-inline-badge{border-radius:var(--radius-full);background:var(--success);color:var(--white);letter-spacing:.02em;padding:3px 10px;font-size:11px;font-weight:800;display:inline-block}.home-menu-card:active{transform:translateY(1px)}@media (hover:hover){.home-menu-card:hover{background:#ffffff38;transform:translateY(-2px)}}.home-menu-title{letter-spacing:-.01em;font-size:18px;font-weight:800}.home-menu-desc{color:#ffffffbf;font-size:12px;font-weight:600}.ranking-tabs{padding:0 var(--space-2) var(--space-2);grid-template-columns:repeat(3,1fr);gap:6px;display:grid}.ranking-tab{border-radius:var(--radius-md);border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-text-secondary);cursor:pointer;transition:background var(--dur-fast), color var(--dur-fast), border-color var(--dur-fast);padding:10px 6px;font-family:inherit;font-size:13px;font-weight:800}.ranking-tab[data-active=true]{background:var(--color-primary);color:var(--white);border-color:var(--color-primary)}.ranking-body{padding:0 var(--space-2) var(--space-4);min-height:200px;overflow-y:auto}.ranking-list{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.ranking-row{border-radius:var(--radius-md);background:var(--color-surface);border:1px solid var(--color-border);grid-template-columns:56px 1fr auto;align-items:center;gap:12px;padding:12px 14px;display:grid}.ranking-row[data-rank="1"]{background:linear-gradient(135deg,#fff8e1,#ffe082);border-color:#ffc107}.ranking-row[data-rank="2"]{background:linear-gradient(135deg,#f5f5f5,#e0e0e0);border-color:#9e9e9e}.ranking-row[data-rank="3"]{background:linear-gradient(135deg,#fff3e0,#ffcc80);border-color:#ff9800}.ranking-rank{text-align:center;color:var(--color-text-primary);font-size:18px;font-weight:800}.ranking-name{color:var(--color-text-primary);text-overflow:ellipsis;white-space:nowrap;font-size:15px;font-weight:700;overflow:hidden}.ranking-value{color:var(--color-text-primary);align-items:baseline;gap:4px;display:flex}.ranking-value b{font-size:18px;font-weight:900}.ranking-value em{color:var(--color-text-secondary);font-size:12px;font-style:normal;font-weight:600}.survival-row .ranking-rank{color:var(--color-text-secondary);font-size:13px}.home-footer{text-align:center;letter-spacing:.14em;color:#ffffff9e;text-transform:uppercase;margin:18px 0 0;font-size:11px;font-weight:800}.center-screen{min-height:100vh;padding:var(--space-4);justify-content:center;align-items:center;display:flex}.topbar{justify-content:space-between;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-2) var(--space-5);display:flex}.topbar-left{align-items:center;gap:8px;min-width:0;display:flex}.app-brand-icon{filter:drop-shadow(0 2px 6px #0000002e);border-radius:8px;width:36px;height:36px;display:block}.icon-btn{border-radius:var(--radius-full);width:44px;height:44px;color:var(--color-text-primary);cursor:pointer;transition:background var(--dur-fast);background:0 0;border:0;justify-content:center;align-items:center;font-size:24px;font-weight:700;display:inline-flex}.icon-btn:hover{background:var(--color-primary-bg);color:var(--color-primary)}.icon-btn.room-leave{font-size:28px;font-weight:800;position:absolute;top:5px;right:5px}.room-title{letter-spacing:-.01em;color:var(--color-text-primary);margin:0;font-size:24px;font-weight:700}.room-meta{color:var(--color-text-muted);margin-top:4px;font-size:13px}.card{background:var(--color-background);border:1px solid var(--color-border-soft);border-radius:var(--radius-xl);padding:var(--space-6);box-shadow:0 1px 2px #1111110a}.card.card-plain,.stage{box-shadow:none;background:0 0;border:0;padding:0}.logo-lockup{margin:0 0 var(--space-4);flex-direction:column;align-items:center;gap:2px;display:flex}.logo-lockup .kicker{color:var(--color-primary);letter-spacing:.02em;font-size:14px;font-weight:600}.logo-lockup .wordmark{letter-spacing:-.03em;color:var(--color-text-primary);font-size:44px;font-weight:800;line-height:1}.logo-lockup .wordmark .q{color:var(--color-primary)}.logo-lockup .sub{margin-top:var(--space-2);color:var(--color-text-muted);font-size:13.5px}.hint{color:var(--color-text-muted);font-size:13px}.err{color:var(--error);margin-top:var(--space-3);text-align:center;font-size:13.5px}.sub{color:var(--color-text-muted);font-size:13.5px}.linkish{color:var(--color-primary);cursor:pointer;background:0 0;border:0;padding:0;font-size:13px;font-weight:600}.linkish:hover{color:var(--color-primary-hover)}label{color:var(--color-text-secondary);margin:var(--space-3) 0 var(--space-2);font-size:12.5px;font-weight:600;display:block}input,textarea{border-radius:var(--radius-md);border:1px solid var(--color-border);background:var(--color-background);width:100%;color:var(--color-text-primary);transition:border-color var(--dur-fast), box-shadow var(--dur-fast);outline:none;padding:14px 16px;font-family:inherit;font-size:16px}input:focus,textarea:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--purple-100)}input.code{letter-spacing:.1em;text-transform:uppercase;font-weight:700}.btn{justify-content:center;align-items:center;gap:var(--space-2);width:100%;height:48px;padding:0 var(--space-5);border-radius:var(--radius-md);background:var(--color-primary);color:var(--white);cursor:pointer;transition:background var(--dur-fast), transform var(--dur-fast);margin-top:var(--space-3);border:0;font-family:inherit;font-size:15px;font-weight:700;display:inline-flex}.btn:hover:not(:disabled){background:var(--color-primary-hover)}.btn:active:not(:disabled){transform:translateY(1px)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn.ghost{background:var(--color-primary-bg);color:var(--color-primary)}.btn.ghost:hover:not(:disabled){background:var(--purple-100)}.btn.on{background:var(--success)}.btn.on:hover:not(:disabled){background:#15803d}.btn.btn-toss{background:#3182f6}.btn.btn-toss:hover:not(:disabled){background:#1b64da}.admin-qlist{gap:10px;margin:0;padding:0;list-style:none;display:grid}.admin-qitem{border:1px solid var(--border);border-radius:var(--radius-md);padding:var(--space-3);background:var(--surface)}.admin-qhead{align-items:center;gap:6px;font-size:11px;display:flex}.admin-qtype,.admin-qcat,.admin-qid{background:var(--color-primary-bg);color:var(--color-primary);border-radius:999px;padding:1px 6px;font-weight:700}.admin-qid{color:var(--text-muted);background:0 0;margin-left:auto}.admin-qtext{margin:6px 0 2px;font-weight:600;line-height:1.4}.admin-qopts,.admin-qhints{color:var(--text-muted);margin:6px 0 4px;padding-left:18px;font-size:12px;line-height:1.6}.admin-qopts li[data-correct=true]{color:var(--success,#16a34a);font-weight:700}.admin-qopts li[data-correct=true]:after{content:" ✓"}.admin-qhints li{margin-bottom:1px}.admin-qhintpt{background:var(--color-primary-bg);color:var(--color-primary);border-radius:999px;margin-left:6px;padding:0 5px;font-size:10px;font-weight:700}.admin-qans{color:var(--text-muted);font-size:12px}.admin-qmeta{color:var(--text-muted);margin-top:2px;font-size:11px}.admin-qlevels{flex-wrap:wrap;gap:4px;margin-top:8px;display:flex}.admin-qlevels .tab{min-width:30px;padding:4px 6px;font-size:12px}.admin-qacts{gap:6px;margin-top:8px;display:flex}.admin-qacts .tab{padding:4px 10px;font-size:12px}.admin-qdel{color:var(--danger,#dc2626)}.admin-qedit{padding:var(--space-4);border:1px solid var(--color-primary);border-radius:var(--radius-md);background:var(--surface);margin-top:12px}.tabs{gap:var(--space-2);display:flex}.tab{border-radius:var(--radius-md);border:1px solid var(--color-border);background:var(--color-background);color:var(--color-text-secondary);cursor:pointer;transition:all var(--dur-fast);flex:1;padding:12px 14px;font-family:inherit;font-size:14px;font-weight:500}.tab:hover{background:var(--color-surface)}.tab[data-on=true]{background:var(--color-primary-bg);border-color:var(--color-primary);color:var(--color-primary);font-weight:700}.form-grid{gap:var(--space-3);grid-template-columns:1fr 1fr;display:grid}@media (max-width:560px){.form-grid{grid-template-columns:1fr}}.form-grid>div{min-width:0}.panel-title{color:var(--color-text-muted);letter-spacing:.08em;text-transform:uppercase;margin:0 0 var(--space-3);font-size:12px;font-weight:700}.mode-picker{gap:var(--space-3);margin:var(--space-2) 0 var(--space-4);grid-template-columns:1fr 1fr;display:grid}@media (max-width:560px){.mode-picker{grid-template-columns:1fr}}.mode-card{text-align:left;padding:var(--space-4);border-radius:var(--radius-lg);border:1.5px solid var(--color-border-soft);background:var(--color-background);color:var(--color-text-primary);cursor:pointer;transition:all var(--dur-fast);font-family:inherit}.mode-card:hover{background:var(--color-primary-bg)}.mode-card[data-on=true]{border-color:var(--color-primary);background:var(--color-primary-bg)}.mode-card .mode-title{margin-bottom:var(--space-1);font-size:15px;font-weight:700}.mode-card .mode-desc{color:var(--color-text-muted);font-size:12.5px;line-height:1.5}.chips{flex-wrap:wrap;gap:6px;margin-top:6px;display:flex}.chip{border:1px solid var(--color-border);border-radius:var(--radius-full);background:var(--color-background);color:var(--color-text-primary);cursor:pointer;transition:all var(--dur-fast);align-items:center;gap:6px;padding:6px 12px;font-family:inherit;font-size:13px;font-weight:600;display:inline-flex}.chip:hover{border-color:var(--color-primary-light)}.chip[data-on=true]{background:var(--color-primary);border-color:var(--color-primary);color:var(--white)}.chip[data-on=true] .chip-count{color:#ffffffbf}.chip-count{color:var(--color-text-muted);font-size:11px;font-weight:500}.fab{right:24px;bottom:calc(24px + env(safe-area-inset-bottom,0px));background:var(--color-primary);width:56px;height:56px;color:var(--white);cursor:pointer;transition:transform var(--dur-fast), box-shadow var(--dur-fast);z-index:20;border:0;border-radius:50%;justify-content:center;align-items:center;font-family:inherit;font-size:28px;font-weight:700;line-height:1;display:inline-flex;position:fixed;box-shadow:0 8px 24px #5b21ff59,0 2px 6px #1111111f}.fab:hover{transform:translateY(-2px);box-shadow:0 12px 30px #5b21ff73,0 2px 6px #1111111f}.fab:active{transform:translateY(0)}.user-menu{position:relative}.user-badge{color:var(--color-text-primary);cursor:pointer;background:0 0;border:0;align-items:center;gap:10px;padding:0;font-family:inherit;font-size:14px;font-weight:600;display:inline-flex}.user-badge:hover .user-badge-nick{color:var(--color-primary)}.user-badge:hover .user-badge-avatar{box-shadow:0 0 0 2px var(--color-primary-light)}.user-badge-nick{text-overflow:ellipsis;white-space:nowrap;max-width:140px;overflow:hidden}.user-badge-avatar{background:var(--color-primary);width:32px;height:32px;color:var(--white);border-radius:50%;flex:none;justify-content:center;align-items:center;font-size:14px;font-weight:800;display:inline-flex;overflow:hidden}.user-badge-avatar img{object-fit:cover;width:100%;height:100%}.user-badge-avatar-fallback{line-height:1}.user-menu-gear{border-radius:var(--radius-full);width:36px;height:36px;color:var(--color-text-primary);cursor:pointer;transition:background var(--dur-fast), color var(--dur-fast);background:0 0;border:0;justify-content:center;align-items:center;padding:0;display:inline-flex}.user-menu-gear:hover{background:var(--color-primary-bg);color:var(--color-primary)}.user-menu-gear:focus-visible{outline:2px solid var(--color-primary-light);outline-offset:2px}.home-hero .user-menu-gear{color:var(--white)}.home-hero .user-menu-gear:hover{color:var(--yellow,#fde68a);background:#ffffff24}.user-menu-dropdown{background:var(--color-background);border:1px solid var(--color-border-soft);border-radius:var(--radius-md);z-index:90;min-width:180px;animation:dropdown-in var(--dur-fast) ease-out;padding:6px;position:absolute;top:calc(100% + 8px);right:0;box-shadow:0 10px 30px #1111111f}@keyframes dropdown-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}.user-menu-item{border-radius:var(--radius-sm);width:100%;color:var(--color-text-primary);text-align:left;cursor:pointer;background:0 0;border:0;padding:10px 12px;font-family:inherit;font-size:14px;font-weight:600;display:block}.user-menu-item:hover{background:var(--color-primary-bg);color:var(--color-primary)}.user-menu-item-danger{color:var(--error)}.user-menu-item-danger:hover{background:var(--error-bg);color:var(--error-fg)}.user-menu-sep{background:var(--color-border-soft);height:1px;margin:4px 0}.sheet-backdrop{z-index:100;animation:sheet-backdrop-in var(--dur-base) ease-out;background:#1116;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}@keyframes sheet-backdrop-in{0%{opacity:0}to{opacity:1}}.sheet{background:var(--color-background);border-top-left-radius:var(--radius-xl);border-top-right-radius:var(--radius-xl);width:100%;max-width:560px;max-height:92vh;padding:0 var(--space-4) calc(var(--space-4) + env(safe-area-inset-bottom));animation:sheet-up var(--dur-base) cubic-bezier(.22, .61, .36, 1);will-change:transform;flex-direction:column;transition:transform .22s cubic-bezier(.2,.7,.2,1);display:flex;box-shadow:0 -12px 40px #1111112e}@keyframes sheet-up{0%{transform:translateY(100%)}to{transform:none}}.sheet-backdrop[data-closing=true]{animation:.22s ease-out forwards sheet-backdrop-out}.sheet-backdrop[data-closing=true] .sheet{animation:.24s cubic-bezier(.4,0,1,1) forwards sheet-down}@keyframes sheet-backdrop-out{to{opacity:0}}@keyframes sheet-down{to{transform:translateY(100%)}}.sheet-drag-area{cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;justify-content:center;align-items:center;padding:10px 0 4px;display:flex}.sheet-drag-area:active{cursor:grabbing}.sheet-handle{background:var(--color-border);border-radius:999px;width:44px;height:5px;margin:0 auto}.sheet-header{margin-bottom:var(--space-3);justify-content:space-between;align-items:center;display:flex}.sheet-title{letter-spacing:-.01em;color:var(--color-text-primary);margin:0;font-size:20px;font-weight:700}.sheet-close{border-radius:var(--radius-full);width:32px;height:32px;color:var(--color-text-muted);cursor:pointer;background:0 0;border:0;font-size:16px}.sheet-close:hover{background:var(--color-primary-bg);color:var(--color-primary)}.sheet-body{-webkit-overflow-scrolling:touch;padding-bottom:4px;overflow-y:auto}.home-tiles{gap:var(--space-4);margin-top:var(--space-3);grid-template-columns:1fr 1fr;display:grid}@media (max-width:560px){.home-tiles{grid-template-columns:1fr}}.home-tile{align-items:center;gap:var(--space-3);padding:var(--space-8) var(--space-5);cursor:pointer;border-radius:var(--radius-xl);color:var(--white);transition:transform var(--dur-fast), box-shadow var(--dur-fast);border:0;flex-direction:column;font-family:inherit;display:flex;box-shadow:0 8px 20px #5b21ff26}.home-tile:hover{transform:translateY(-3px);box-shadow:0 12px 28px #5b21ff40}.home-tile.solo{background:var(--brand-gradient)}.home-tile.multi{background:linear-gradient(135deg,#5b21ff 0%,#4c1d95 100%)}.home-tile-emoji{font-size:56px;line-height:1}.home-tile-title{font-size:22px;font-weight:800}.home-tile-sub{opacity:.9;font-size:12.5px}.solo-card{align-items:center;gap:var(--space-4);width:100%;padding:var(--space-5);margin-bottom:var(--space-3);cursor:pointer;border-radius:var(--radius-xl);color:var(--white);text-align:left;transition:transform var(--dur-fast), box-shadow var(--dur-fast);border:0;font-family:inherit;display:flex;box-shadow:0 6px 18px #5b21ff26}.solo-card:hover{transform:translateY(-2px)}.solo-card.daily{background:var(--brand-gradient)}.solo-card.high{background:linear-gradient(135deg,#5b21ff 0%,#4c1d95 100%)}.solo-card.multi{background:var(--white);color:var(--color-text-primary);border:1.5px solid var(--color-border-soft);box-shadow:0 2px 8px #1111110a}.solo-card.multi .solo-card-desc{color:var(--color-text-muted);opacity:1}.solo-card.multi .solo-card-chip{background:var(--color-primary-bg);color:var(--color-primary)}.solo-card.multi .solo-card-go{background:var(--color-primary);color:var(--white)}.solo-card-icon{font-size:40px}.solo-card-body{flex:1}.solo-card-title{margin-bottom:3px;font-size:20px;font-weight:800}.solo-card-desc{opacity:.9;margin-bottom:var(--space-2);font-size:12.5px}.solo-card-chip{border-radius:var(--radius-full);background:#ffffff40;padding:4px 10px;font-size:11px;font-weight:700;display:inline-block}.solo-card-go{border-radius:var(--radius-md);background:var(--white);color:var(--color-primary);padding:10px 16px;font-size:14px;font-weight:700}.rooms{gap:var(--space-2);flex-direction:column;display:flex}.room-row{align-items:center;gap:var(--space-3);width:100%;padding:var(--space-4);border-radius:var(--radius-lg);border:1px solid var(--color-border-soft);background:var(--color-background);text-align:left;cursor:pointer;transition:all var(--dur-fast);font-family:inherit;display:flex}.room-row:hover:not(:disabled){border-color:var(--color-primary-light);background:var(--color-primary-bg)}.room-row:disabled{opacity:.5;cursor:not-allowed}.room-ic{font-size:28px;line-height:1}.room-main{flex-direction:column;flex:1;min-width:0;display:flex}.room-name{color:var(--color-text-primary);font-size:15px;font-weight:700}.room-sub{color:var(--color-text-muted);margin-top:2px;font-size:12px}.room-count{color:var(--color-primary);border-radius:var(--radius-full);background:var(--color-primary-bg);padding:4px 10px;font-size:12.5px;font-weight:700}.badge{border-radius:var(--radius-full);padding:4px 10px;font-size:11px;font-weight:700}.badge[data-tone=wait]{background:var(--success-bg);color:var(--success-fg)}.badge[data-tone=play]{background:var(--purple-100);color:var(--color-primary)}.pill{border-radius:var(--radius-full);background:var(--color-primary-bg);color:var(--color-primary);border:1px solid var(--purple-100);cursor:pointer;align-items:center;gap:6px;padding:6px 12px;font-family:inherit;font-size:13px;font-weight:700;display:inline-flex}.pill:hover{background:var(--purple-100)}.empty{padding:var(--space-10) var(--space-4);text-align:center}.qnum{border-radius:var(--radius-full);background:var(--color-primary-bg);color:var(--color-primary);letter-spacing:.05em;padding:4px 10px;font-size:11px;font-weight:800;display:inline-block}.qtext{color:var(--color-text-primary);margin:20px 0 24px;font-size:22px;font-weight:700;line-height:1.5}.qhead{justify-content:space-between;align-items:center;gap:12px;margin-bottom:4px;display:flex}.qhead-left{align-items:center;gap:8px;display:flex}.qhead-sec{color:var(--color-primary);align-items:center;gap:4px;font-size:13px;font-weight:700;display:inline-flex}.qhead-sec:before{content:"⏱";font-size:12px}.big-num{color:var(--color-primary);font-size:96px;font-weight:800;line-height:1}.stage-center{align-items:center;gap:var(--space-2);padding:var(--space-6) 0;text-align:center;flex-direction:column;display:flex}.stage-center.countdown-full{justify-content:center;gap:var(--space-4);min-height:70dvh}.big-num.countdown-num{font-size:216px;line-height:1}.countdown-num.countdown-num-placeholder{opacity:.45;animation:1.4s ease-in-out infinite countdown-placeholder-pulse}@keyframes countdown-placeholder-pulse{0%,to{opacity:.35}50%{opacity:.75}}.countdown-caption{color:var(--color-text-secondary);letter-spacing:.02em;margin-top:var(--space-2);font-size:28px;font-weight:800}.opt{position:relative}.opt[data-reveal="1"][data-state=right]:after,.opt[data-reveal="1"][data-state=wrong]:after{pointer-events:none;filter:drop-shadow(0 4px 10px #00000047);animation:markPop var(--dur-base) ease-out;justify-content:center;align-items:center;font-size:68px;font-weight:900;line-height:1;display:flex;position:absolute;inset:0}.opt[data-reveal="1"][data-state=right]:after{content:"○";color:#16a34ae6;font-size:48px}.opt[data-reveal="1"][data-state=wrong]:after{content:"✕";color:#dc2626e6}.ox-btn{position:relative}@keyframes markPop{0%{opacity:0;transform:scale(.6)}to{opacity:1;transform:scale(1)}}.timer{border-radius:var(--radius-full);background:var(--color-surface,#f3f4f6);height:6px;margin:4px 0 12px;overflow:hidden}.timer>i{background:var(--color-primary);height:100%;transition:width var(--dur-fast) linear;display:block}.timer[data-phase=reveal]>i{background:var(--color-primary-light)}.options{margin-top:var(--space-4);flex-direction:column;gap:10px;display:flex}.opt{background:var(--color-surface,#f3f4f6);width:100%;min-height:60px;color:var(--color-text-primary);cursor:pointer;text-align:left;transition:all var(--dur-fast);-webkit-tap-highlight-color:transparent;appearance:none;border:0;border-radius:14px;justify-content:flex-start;align-items:center;padding:18px 20px;font-family:inherit;font-size:16px;font-weight:600;line-height:1.35;display:flex}@media (hover:hover){.opt:hover:not(:disabled){background:var(--color-primary-bg)}}.opt:focus{outline:none}.opt:focus-visible{outline:2px solid var(--color-primary-light);outline-offset:2px}.opt:disabled{cursor:not-allowed;opacity:.6}.opt:active:not(:disabled){background:var(--color-primary-bg)}.opt[data-state=picked]{background:var(--color-primary-bg);color:var(--color-primary)}.opt[data-state=right]{background:var(--success-bg);color:var(--success-fg)}.opt[data-state=wrong]{background:var(--error-bg);color:var(--error-fg)}.opt[data-reveal="1"]{background:linear-gradient(to right, #d1d5db 0%, #d1d5db var(--pick-pct,0%), #f3f4f6 var(--pick-pct,0%), #f3f4f6 100%);color:var(--color-text-primary);justify-content:space-between;gap:10px}.opt[data-reveal="1"][data-state=right]{color:var(--color-text-primary);background:linear-gradient(to right, #f59e0b 0%, #f59e0b var(--pick-pct,0%), #f3f4f6 var(--pick-pct,0%), #f3f4f6 100%)}.opt[data-reveal="1"][data-state=wrong]{color:var(--color-text-primary)}.opt-text{text-align:left;text-overflow:ellipsis;flex:1;min-width:0;overflow:hidden}.opt-count{color:var(--color-text-primary);font-variant-numeric:tabular-nums;flex:none;padding:0 2px;font-size:14px;font-weight:800}.ox-panel{gap:var(--space-3);margin-top:var(--space-4);grid-template-columns:1fr 1fr;display:grid}.ox-btn{justify-content:center;align-items:center;gap:var(--space-2);padding:40px var(--space-4);border-radius:var(--radius-xl);border:2px solid var(--color-border);background:var(--color-background);color:var(--color-text-primary);cursor:pointer;transition:all var(--dur-fast);-webkit-tap-highlight-color:transparent;appearance:none;flex-direction:column;font-family:inherit;display:flex}@media (hover:hover){.ox-btn:hover:not(:disabled){border-color:var(--color-primary-light);background:var(--color-primary-bg)}}.ox-btn:focus{outline:none}.ox-btn:focus-visible{outline:2px solid var(--color-primary-light);outline-offset:2px}.ox-btn:disabled{cursor:not-allowed;opacity:.6}.ox-btn:active:not(:disabled){background:var(--color-primary-bg)}.ox-btn .ox-mark{font-size:60px;font-weight:900;line-height:1}.ox-btn .ox-label{color:var(--color-text-muted);font-size:13px;font-weight:600}.ox-btn .ox-count{color:var(--color-text-primary);font-variant-numeric:tabular-nums;margin-top:2px;font-size:18px;font-weight:800}.ox-btn[data-tone=o] .ox-mark{color:var(--success)}.ox-btn[data-tone=x] .ox-mark{color:var(--error)}.ox-btn[data-state=picked]{border-color:var(--color-primary);background:var(--color-primary-bg)}.ox-btn[data-state=right]{border-color:var(--success);background:var(--success-bg)}.ox-btn[data-state=wrong]{border-color:var(--error);background:var(--error-bg)}.ox-btn[data-state=right]:before,.ox-btn[data-state=wrong]:before{width:22px;height:22px;color:var(--white);pointer-events:none;border-radius:50%;justify-content:center;align-items:center;font-size:13px;font-weight:900;line-height:1;display:flex;position:absolute;top:10px;right:10px}.ox-btn[data-state=right]:before{content:"✓";background:var(--success)}.ox-btn[data-state=wrong]:before{content:"✕";background:var(--error)}.short-panel{gap:var(--space-3);margin-top:var(--space-4);flex-direction:column;display:flex}.short-form{gap:var(--space-2);display:flex}.short-form input{flex:1}.short-form .btn{width:auto;height:48px;padding:0 var(--space-5);margin-top:0}.short-form .btn.ghost{width:auto}.hint-list{gap:var(--space-2);flex-direction:column;display:flex}.hint-item{gap:var(--space-3);padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);background:var(--color-primary-bg);border:1px solid var(--purple-100);align-items:baseline;font-size:14px;display:flex}.hint-item .hint-num{letter-spacing:.08em;color:var(--color-primary);text-transform:uppercase;min-width:44px;font-size:11px;font-weight:800}.hint-item .hint-text{color:var(--color-text-primary);flex:1;line-height:1.55}.hint-item.is-pending{background:var(--color-surface);border-color:var(--color-border)}.hint-item.is-pending .hint-text{color:var(--color-text-muted);font-style:italic}.hint-scoreline{border-radius:var(--radius-md);background:var(--color-primary-bg);border:1px solid var(--purple-100);color:var(--color-text-secondary);text-align:center;padding:12px 14px;font-size:13.5px}.hint-scoreline b{color:var(--color-primary);font-size:15px}.banner{margin-top:var(--space-3);border-radius:var(--radius-md);background:var(--color-surface);border:1px solid var(--color-border);color:var(--color-text-secondary);text-align:center;padding:12px 16px;font-size:14px;font-weight:600}.banner[data-tone=good]{background:var(--success-bg);border-color:var(--success);color:var(--success-fg)}.banner[data-tone=bad]{background:var(--error-bg);border-color:var(--error);color:var(--error-fg)}.banner[data-tone=info]{background:var(--color-primary-bg);border-color:var(--purple-300);color:var(--color-primary-dark);text-align:left}.plist{gap:var(--space-2);flex-direction:column;display:flex}.prow{align-items:center;gap:var(--space-2);border-radius:var(--radius-md);border:1px solid var(--color-border-soft);background:var(--color-background);padding:10px 12px;font-size:14px;display:flex}.prow[data-me=true]{border-color:var(--color-primary);background:var(--color-primary-bg)}.prow .nm{text-overflow:ellipsis;white-space:nowrap;flex:1;font-weight:600;overflow:hidden}.prow .sc{color:var(--color-primary);font-variant-numeric:tabular-nums;font-weight:800}.dot{background:var(--color-border);border-radius:50%;flex:none;width:8px;height:8px}.dot[data-on=true]{background:var(--success);box-shadow:0 0 0 3px var(--success-bg)}.dot[data-passed=true]{background:var(--color-border);box-shadow:none}.pass-tag{color:var(--color-text-muted);font-size:11.5px;font-weight:500}.crown{font-size:12px}.rank{gap:var(--space-2);width:100%;max-width:420px;margin-top:var(--space-3);flex-direction:column;display:flex}.rank-row{align-items:center;gap:var(--space-3);border-radius:var(--radius-lg);border:1px solid var(--color-border-soft);background:var(--color-background);padding:14px 16px;font-size:16px;display:flex}.rank-row[data-first=true]{background:var(--brand-gradient);color:var(--white);border-color:#0000}.rank-row .no{color:var(--color-text-muted);text-align:center;width:24px;font-weight:800}.rank-row[data-first=true] .no{color:#fffc}.rank-row .nm{flex:1;font-weight:600}.rank-row .sc{color:var(--color-primary);font-weight:800}.rank-row[data-first=true] .sc{color:var(--white)}.foot{gap:var(--space-3);margin-top:var(--space-4);justify-content:flex-end;display:flex}.modal-bg{padding:var(--space-4);z-index:50;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#1116;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal{width:100%;max-width:400px;animation:modal-in var(--dur-normal) ease-out}@keyframes modal-in{0%{opacity:0;transform:translateY(8px)scale(.98)}to{opacity:1;transform:none}}.short-submissions{gap:var(--space-1);margin-top:var(--space-2);flex-direction:column;display:flex}.submission{justify-content:space-between;gap:var(--space-2);border-radius:var(--radius-sm);background:var(--color-surface);border:1px solid var(--color-border-soft);padding:8px 12px;font-size:13.5px;display:flex}.submission[data-correct=true]{background:var(--success-bg);border-color:var(--success)}.submission .nm{color:var(--color-text-muted);font-weight:600}.submission .tx{color:var(--color-text-primary);font-weight:700}