:root{color-scheme:dark;--app-h: 100vh;--bg: #0b0b0d;--surface-1: #141419;--surface-2: #1e1e26;--surface-3: #2b2b36;--line: #3a3a47;--scrim: rgba(11, 11, 13, .82);--text: #f4f4f6;--text-dim: #b6b7c0;--text-on-accent: #05121f;--accent: #4da3ff;--accent-soft: rgba(77, 163, 255, .16);--ok: #63d68f;--warn: #ffc65c;--danger: #ff8079;--tap: 64px;--tap-lg: 96px;--gap: 16px;--gap-lg: 24px;--gap-xl: 32px;--font: -apple-system, BlinkMacSystemFont, "Segoe UI", "Noto Sans KR", "Malgun Gothic", Roboto, "Apple SD Gothic Neo", sans-serif;--fs-legal: 15px;--fs-sm: 16px;--fs-body: 18px;--fs-md: 20px;--fs-playing: 24px;--fs-lg: 26px;--fs-title: 32px;--fs-hero: 44px;--fs-code: 56px;--r-sm: 8px;--r: 14px;--r-lg: 20px;--dur: .16s;--ease: cubic-bezier(.2, 0, .2, 1);--safe-t: env(safe-area-inset-top, 0px);--safe-b: env(safe-area-inset-bottom, 0px);--safe-l: env(safe-area-inset-left, 0px);--safe-r: env(safe-area-inset-right, 0px);--statusbar-h: 56px}@media(prefers-color-scheme:light){:root[data-theme=auto]{color-scheme:light;--bg: #f2f2f5;--surface-1: #ffffff;--surface-2: #e9e9ef;--surface-3: #dcdce4;--line: #c2c2ce;--scrim: rgba(242, 242, 245, .86);--text: #16161c;--text-dim: #4a4a56;--text-on-accent: #ffffff;--accent: #0a5ec4;--accent-soft: rgba(10, 94, 196, .12);--ok: #1c7a45;--warn: #8a5b00;--danger: #b3261e}}@media(prefers-reduced-motion:reduce){:root{--dur: 1ms}}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;padding:0;height:100%;background:var(--bg)}body{font-family:var(--font);font-size:var(--fs-body);line-height:1.45;color:var(--text);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;overscroll-behavior:none;text-size-adjust:100%;-webkit-text-size-adjust:100%}img,svg,iframe,canvas{display:block;max-width:100%;border:0}button,input,select,textarea{font:inherit;color:inherit}h1,h2,h3,p,ul,ol{margin:0;padding:0}ul,ol{list-style:none}a{color:var(--accent);text-decoration:none}:focus-visible{outline:3px solid var(--accent);outline-offset:2px}.sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}#app{height:var(--app-h);display:flex;flex-direction:column;overflow:hidden;padding:var(--safe-t) var(--safe-r) var(--safe-b) var(--safe-l)}.statusbar{flex:0 0 auto;height:var(--statusbar-h);display:flex;align-items:center;gap:var(--gap);padding:0 var(--gap-lg);background:var(--surface-1);border-bottom:1px solid var(--line);font-size:var(--fs-sm);color:var(--text-dim);white-space:nowrap;overflow:hidden}.statusbar .sb-clock{font-size:var(--fs-md);color:var(--text);font-variant-numeric:tabular-nums}.statusbar .sb-spacer{flex:1 1 auto}.sb-chip{display:inline-flex;align-items:center;gap:8px;padding:4px 12px;border-radius:999px;background:var(--surface-2);color:var(--text-dim);font-size:var(--fs-sm)}.sb-chip[data-tone=ok]{color:var(--ok)}.sb-chip[data-tone=warn]{color:var(--warn)}.sb-chip[data-tone=accent]{color:var(--accent);background:var(--accent-soft)}.sb-dot{width:10px;height:10px;border-radius:50%;background:currentColor;flex:0 0 auto}.view{flex:1 1 auto;min-height:0;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;overscroll-behavior-y:contain}.pad{padding:var(--gap-lg)}.stack{display:flex;flex-direction:column;gap:var(--gap-lg)}.row{display:flex;align-items:center;gap:var(--gap);flex-wrap:wrap}.grow{flex:1 1 auto}.h1{font-size:var(--fs-title);font-weight:700;letter-spacing:-.01em}.h2{font-size:var(--fs-lg);font-weight:700}.muted{color:var(--text-dim)}.legal{font-size:var(--fs-legal);color:var(--text-dim);line-height:1.35}.btn{min-height:var(--tap);min-width:var(--tap);display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:0 var(--gap-lg);border:1px solid var(--line);border-radius:var(--r);background:var(--surface-2);color:var(--text);font-size:var(--fs-body);font-weight:600;cursor:pointer;user-select:none;touch-action:manipulation;transition:transform var(--dur) var(--ease),background-color var(--dur) var(--ease)}.btn:active{transform:scale(.97);background:var(--surface-3)}.btn[disabled]{opacity:.5;pointer-events:none}.btn-primary{background:var(--accent);border-color:var(--accent);color:var(--text-on-accent)}.btn-primary:active{background:var(--accent)}.btn-ghost{background:transparent}.btn-danger{color:var(--danger);border-color:var(--danger);background:transparent}.btn-lg{min-height:var(--tap-lg);min-width:var(--tap-lg);font-size:var(--fs-md);padding:0 var(--gap-xl);border-radius:var(--r-lg)}.btn-block{width:100%}.btn-icon{padding:0;width:var(--tap);height:var(--tap)}.btn-icon.btn-lg{width:var(--tap-lg);height:var(--tap-lg)}.btn-row{display:flex;gap:var(--gap);flex-wrap:wrap}.card{background:var(--surface-1);border:1px solid var(--line);border-radius:var(--r-lg);padding:var(--gap-lg)}.card-accent{border-color:var(--accent);background:var(--accent-soft)}.divider{height:1px;background:var(--line);border:0;margin:var(--gap) 0}.tiles{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:var(--gap-lg)}.tile{min-height:180px;display:flex;flex-direction:column;justify-content:space-between;align-items:flex-start;gap:var(--gap);padding:var(--gap-lg);border-radius:var(--r-lg);border:1px solid var(--line);background:var(--surface-1);color:var(--text);text-align:left;cursor:pointer;touch-action:manipulation;transition:transform var(--dur) var(--ease),background-color var(--dur) var(--ease)}.tile:active{transform:scale(.98);background:var(--surface-2)}.tile .tile-title{font-size:var(--fs-title);font-weight:700}.tile .tile-sub{font-size:var(--fs-sm);color:var(--text-dim)}.tile .tile-icon{width:56px;height:56px;color:var(--accent)}.lane{display:flex;flex-direction:column;gap:12px}.lane-head{display:flex;align-items:center;gap:var(--gap);padding:0 var(--gap-lg)}.lane-head .lane-title{font-size:var(--fs-lg);font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lane-nav{display:flex;gap:12px;margin-left:auto;flex:0 0 auto}.lane-track{display:flex;gap:var(--gap);overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scroll-behavior:smooth;padding:4px var(--gap-lg) 8px;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain;scrollbar-width:none}.lane-track::-webkit-scrollbar{display:none}.vcard{flex:0 0 auto;width:300px;scroll-snap-align:start;display:flex;flex-direction:column;gap:10px;padding:0;border:0;background:transparent;color:var(--text);text-align:left;cursor:pointer;touch-action:manipulation;transition:transform var(--dur) var(--ease)}.vcard:active{transform:scale(.97)}.vcard[data-dead="1"]{opacity:.42}.thumb{position:relative;width:100%;aspect-ratio:16 / 9;border-radius:var(--r);overflow:hidden;background:var(--surface-2)}@supports not (aspect-ratio: 16 / 9){.thumb{height:0;padding-bottom:56.25%}}.thumb img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.thumb .badge{position:absolute;right:8px;bottom:8px;padding:3px 8px;border-radius:var(--r-sm);background:#0b0b0ddb;color:#f4f4f6;font-size:var(--fs-legal);font-variant-numeric:tabular-nums}.thumb .badge-live{left:8px;right:auto;background:#c62828;color:#fff;font-weight:700}.thumb .progress{position:absolute;left:0;right:0;bottom:0;height:5px;background:#f4f4f647}.thumb .progress>i{display:block;height:100%;background:var(--accent)}.vcard .vtitle{font-size:var(--fs-sm);font-weight:600;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:2.6em}.vcard .vmeta{font-size:var(--fs-legal);color:var(--text-dim);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.grid-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--gap-lg)}.grid-cards .vcard{width:auto}.field{display:flex;align-items:center;gap:var(--gap)}.input{flex:1 1 auto;min-width:0;min-height:var(--tap);padding:0 var(--gap);border-radius:var(--r);border:1px solid var(--line);background:var(--surface-2);color:var(--text);font-size:var(--fs-md)}.input::placeholder{color:var(--text-dim)}.switch-row{display:flex;align-items:center;gap:var(--gap);min-height:var(--tap)}.switch{flex:0 0 auto;width:88px;height:48px;border-radius:999px;border:1px solid var(--line);background:var(--surface-3);position:relative;cursor:pointer;touch-action:manipulation;transition:background-color var(--dur) var(--ease)}.switch>i{position:absolute;top:4px;left:4px;width:38px;height:38px;border-radius:50%;background:var(--text);transition:transform var(--dur) var(--ease)}.switch[aria-checked=true]{background:var(--accent);border-color:var(--accent)}.switch[aria-checked=true]>i{transform:translate(40px);background:var(--text-on-accent)}.spinner{width:40px;height:40px;border-radius:50%;border:4px solid var(--surface-3);border-top-color:var(--accent);animation:tp-spin .9s linear infinite}@keyframes tp-spin{to{transform:rotate(360deg)}}.state{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--gap);text-align:center;padding:var(--gap-xl);min-height:240px}.state .state-title{font-size:var(--fs-lg);font-weight:700}.state .state-body{color:var(--text-dim);max-width:44ch}.banner{display:flex;align-items:center;gap:var(--gap);padding:var(--gap) var(--gap-lg);border-radius:var(--r);background:var(--surface-2);border:1px solid var(--line)}.banner[data-tone=warn]{border-color:var(--warn);color:var(--warn)}.banner[data-tone=danger]{border-color:var(--danger);color:var(--danger)}.game{display:flex;flex-direction:column;align-items:center;gap:var(--gap)}.game-board{display:grid;gap:10px;width:100%;max-width:520px;touch-action:manipulation}.game-cell{aspect-ratio:1 / 1;min-height:68px;display:flex;align-items:center;justify-content:center;padding:0;border:1px solid var(--line);border-radius:var(--r);background:var(--surface-2);color:var(--text);font-size:var(--fs-hero);font-weight:700;font-variant-numeric:tabular-nums;cursor:pointer;user-select:none;touch-action:manipulation;transition:background-color var(--dur) var(--ease),transform var(--dur) var(--ease)}@supports not (aspect-ratio: 1 / 1){.game-cell{height:96px}}.game-cell:active{transform:scale(.96)}.game-cell[data-on="1"]{background:var(--accent-soft);border-color:var(--accent)}.game-cell[data-done="1"]{opacity:.4;pointer-events:none}.game-cell[data-v="0"]{background:var(--surface-1);color:transparent;font-size:0}.game-cell[data-tier="1"]{background:var(--surface-3)}.game-cell[data-tier="2"]{background:var(--accent-soft);border-color:var(--accent)}.game-cell[data-tier="3"]{background:var(--accent);border-color:var(--accent);color:var(--text-on-accent)}.game-cell[data-small="1"]{font-size:var(--fs-title)}.game-status{font-size:var(--fs-lg);font-weight:700;min-height:1.4em;text-align:center}.game-pad{display:grid;grid-template-columns:repeat(3,var(--tap-lg));grid-template-rows:repeat(2,var(--tap-lg));gap:10px;justify-content:center}.player{display:flex;flex-direction:column;height:100%;min-height:0}.player-stage{position:relative;flex:1 1 auto;min-height:0;background:#000;overflow:hidden}.player-stage>div,.player-stage>iframe,.player-stage>video{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.player-stage>video{object-fit:contain;background:#000}.player-scrim{position:absolute;top:0;right:0;bottom:0;left:0;z-index:5;display:flex;align-items:center;justify-content:center;text-align:center;padding:var(--gap-xl);background:var(--scrim)}:root{--yt-safe: 96px}.player-tap{position:absolute;top:0;left:0;right:0;bottom:var(--yt-safe);z-index:2;padding:0;border:0;background:transparent;cursor:pointer;touch-action:manipulation}.player-ui{position:absolute;top:0;left:0;right:0;bottom:var(--yt-safe);z-index:3;display:flex;flex-direction:column;justify-content:space-between;color:#f4f4f6;pointer-events:none;transition:opacity var(--dur) var(--ease)}.player-ui>*{pointer-events:auto}.player-ui[data-open="0"]{opacity:0;visibility:hidden}.player-top{padding:var(--gap) var(--gap-lg) 48px;background:linear-gradient(to bottom,#000000c7,#0000)}.player-bottom{display:flex;flex-direction:column;gap:8px;padding:56px var(--gap-lg) var(--gap);background:linear-gradient(to top,#000000d1,#0000)}.player-ui .btn{background:#141419b8;border-color:#f4f4f647;color:#f4f4f6}.player-ui .btn-primary,.player-ui .player-cc[data-cc=on]{background:var(--accent);border-color:var(--accent);color:var(--text-on-accent)}.player-ui .player-cc[data-cc=off]{opacity:.6}.player-ui .player-cc[data-cc=none]{opacity:.3;pointer-events:none}.player-seek{position:relative;display:flex;align-items:center;height:48px;cursor:pointer;touch-action:none}.player-seek[hidden]{display:none}.player-seek-track{width:100%;height:10px;border-radius:999px;background:#f4f4f64d;overflow:hidden}.player-seek-fill{height:100%;width:0;background:var(--accent)}.player-seek-knob{position:absolute;top:50%;left:0;width:30px;height:30px;margin-left:-15px;margin-top:-15px;border-radius:50%;background:#fff;box-shadow:0 1px 5px #0009}.player-time{font-size:var(--fs-sm);font-variant-numeric:tabular-nums;color:#f4f4f6;white-space:nowrap}.player-vol{width:180px;height:48px;background:transparent;-webkit-appearance:none;appearance:none;touch-action:none}.player-vol::-webkit-slider-runnable-track{height:10px;border-radius:999px;background:#f4f4f64d}.player-vol::-webkit-slider-thumb{-webkit-appearance:none;width:30px;height:30px;margin-top:-10px;border-radius:50%;background:#fff;box-shadow:0 1px 5px #0009}.player-vol::-moz-range-track{height:10px;border-radius:999px;background:#f4f4f64d}.player-vol::-moz-range-thumb{width:30px;height:30px;border:0;border-radius:50%;background:#fff}@media(max-height:560px){.player-top{padding-bottom:24px}.player-bottom{padding-top:28px;gap:4px}.player-title{font-size:var(--fs-md)}}.player-bar{flex:0 0 auto;display:flex;flex-direction:column;gap:12px;padding:var(--gap) var(--gap-lg);background:var(--surface-1);border-top:1px solid var(--line)}.player-title{font-size:var(--fs-playing);font-weight:700;line-height:1.25;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.player-controls{display:flex;align-items:center;gap:12px;flex-wrap:wrap}@media(max-height:520px){.player-bar .player-title{display:none}.player-bar{padding:8px var(--gap)}}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;background:var(--bg);display:flex;flex-direction:column;padding:var(--safe-t) var(--safe-r) var(--safe-b) var(--safe-l)}.overlay-scroll{flex:1 1 auto;min-height:0;overflow-y:auto;padding:var(--gap-xl)}.overlay-foot{flex:0 0 auto;padding:var(--gap-lg) var(--gap-xl);border-top:1px solid var(--line);background:var(--surface-1)}.limit{max-width:900px;margin:0 auto}.qr{width:260px;height:260px;padding:12px;border-radius:var(--r);background:#fff;flex:0 0 auto}.qr svg{width:100%;height:100%}.usercode{font-size:var(--fs-code);font-weight:700;letter-spacing:.14em;font-variant-numeric:tabular-nums;word-break:break-all}@media(max-width:560px){:root{--gap-lg: 18px;--gap-xl: 20px;--statusbar-h: 52px;--fs-title: 26px;--fs-hero: 32px;--fs-code: 38px}.tiles{grid-template-columns:1fr}.tile{min-height:132px}.vcard{width:262px}.qr{width:210px;height:210px}.lane-nav{display:none}}@media(max-height:620px){.state{min-height:160px}}