:root{--ground:#F3F4F1;--surface:#FFFFFF;--sunken:#E9EBE6;--line:#D9DDD5;--line-strong:#C3C9C0;--ink:#1B221E;--ink-2:#5C665F;--ink-3:#8B948D;--accent:#9A6A16;--accent-hover:#7F5710;--accent-soft:#F1E6CF;--on-accent:#FFFFFF;--good:#2F7A4F;--good-soft:#DCEFE3;--warn:#B4502F;--warn-soft:#F6E1D8;--info:#3C6E8F;--felt:#DCD9D2;--felt-2:#CBC7BD;--felt-line:#AFAA9E;--felt-ink:#2B2A26;--felt-ink-2:#6B685F;--focus:#9A6A16;--r-s:8px;--r-m:12px;--r-l:16px;--safe-t:env(safe-area-inset-top,0px);--safe-b:env(safe-area-inset-bottom,0px);--t-fast:.16s;--t-base:.2s;--ease:cubic-bezier(.2,.8,.2,1);color-scheme:light}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body,#root{height:100%}body{margin:0;background:var(--ground);color:var(--ink);font-family:IBM Plex Sans KR,Apple SD Gothic Neo,Malgun Gothic,system-ui,sans-serif;font-size:.9375rem;line-height:1.5;-webkit-font-smoothing:antialiased;overscroll-behavior:none;accent-color:var(--accent);caret-color:var(--accent)}::selection{background:var(--accent-soft);color:var(--ink)}:focus-visible{outline:2px solid var(--focus);outline-offset:2px;border-radius:var(--r-s)}*{scrollbar-width:thin;scrollbar-color:var(--line-strong) transparent}button,input,select{font:inherit;color:inherit}h1,h2,h3{margin:0;font-weight:600;letter-spacing:-.01em;text-wrap:balance}h1{font-size:1.75rem;line-height:1.2}h2{font-size:1.125rem;line-height:1.3}h3{font-size:1rem;line-height:1.35}p{margin:0}.wordmark{font-family:Hahmlet,IBM Plex Sans KR,serif;font-weight:700;letter-spacing:-.015em}.mono{font-family:IBM Plex Mono,monospace;font-variant-numeric:tabular-nums}.num{font-variant-numeric:tabular-nums}.muted{color:var(--ink-2)}.faint{color:var(--ink-3)}.small{font-size:.8125rem}.xs{font-size:.75rem}.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:0 16px;border-radius:var(--r-m);border:1px solid var(--line-strong);background:var(--surface);color:var(--ink);font-weight:500;cursor:pointer;transition:background var(--t-fast) var(--ease),border-color var(--t-fast) var(--ease),color var(--t-fast) var(--ease);text-decoration:none;white-space:nowrap}.btn:hover{background:var(--sunken)}.btn:active{background:var(--line)}.btn:disabled,.btn[aria-disabled=true]{opacity:.45;cursor:default;pointer-events:none}.btn.primary{background:var(--accent);border-color:var(--accent);color:var(--on-accent);font-weight:600}.btn.primary:hover{background:var(--accent-hover);border-color:var(--accent-hover)}.btn.primary:active{background:var(--accent-hover)}.btn.ghost{border-color:transparent;background:transparent}.btn.ghost:hover{background:var(--sunken)}.btn.block{width:100%}.btn.lg{min-height:52px;font-size:1rem}.btn.icon{width:44px;padding:0;border-radius:var(--r-m)}.btn.selected{background:var(--accent-soft);border-color:var(--accent);color:var(--accent)}.btn .spin{animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}input[type=text]{min-height:44px;background:var(--surface);border:1px solid var(--line-strong);border-radius:var(--r-m);padding:0 12px;width:100%;transition:border-color var(--t-fast) var(--ease)}input[type=text]:hover{border-color:var(--ink-3)}input[type=text]:focus{border-color:var(--accent);outline:none;box-shadow:0 0 0 3px var(--accent-soft)}input::placeholder{color:var(--ink-3)}.seg{display:grid;grid-auto-flow:column;grid-auto-columns:1fr;border:1px solid var(--line-strong);border-radius:var(--r-m);overflow:hidden;background:var(--surface)}.seg button{min-height:44px;border:0;border-left:1px solid var(--line);background:transparent;padding:6px 4px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;line-height:1.2;transition:background var(--t-fast) var(--ease)}.seg button:first-child{border-left:0}.seg button:hover{background:var(--sunken)}.seg button[aria-pressed=true]{background:var(--accent-soft);color:var(--accent);font-weight:600}.seg button:focus-visible{outline-offset:-3px;border-radius:0}.seg .cap{font-size:.6875rem;color:var(--ink-3);font-weight:400;white-space:nowrap;letter-spacing:-.02em}.seg button[aria-pressed=true] .cap{color:var(--accent)}.seg .cap.l0{color:var(--good)}.seg .cap.l3{color:var(--warn)}.seg .rec{font-size:.6875rem;color:var(--good);font-weight:600}.screen{min-height:100%;display:flex;flex-direction:column;max-width:560px;margin:0 auto;width:100%;padding:calc(12px + var(--safe-t)) 20px calc(24px + var(--safe-b))}.screen.tabbed{padding-bottom:calc(84px + var(--safe-b))}.appbar{display:flex;align-items:center;gap:6px;min-height:52px;margin:0 -8px 8px}.appbar h1{font-size:1.25rem;flex:1;min-width:0}.appbar .btn.icon{border-color:transparent;background:transparent}.section{padding:20px 0 4px}.section>h2{margin-bottom:10px}.section>.lead{color:var(--ink-2);margin:-6px 0 12px}.row{display:flex;align-items:center;gap:12px}.grow{flex:1;min-width:0}.stack{display:flex;flex-direction:column;gap:10px}.actions{display:flex;flex-direction:column;gap:10px;margin-top:16px}.divider{height:1px;background:var(--line);margin:8px 0}.list{display:flex;flex-direction:column}.item{display:flex;align-items:center;gap:12px;min-height:56px;padding:10px 0;border-bottom:1px solid var(--line)}.item:last-child{border-bottom:0}.item .ico{width:36px;height:36px;border-radius:10px;background:var(--sunken);display:flex;align-items:center;justify-content:center;color:var(--ink-2);flex:none}.item .t{font-weight:500}.item .d{color:var(--ink-2);font-size:.8125rem}.item .val{font-variant-numeric:tabular-nums;color:var(--ink-2);text-align:right}.item .th{width:64px;height:43px;border-radius:8px;object-fit:cover;flex:none;background:var(--sunken)}button.item{width:100%;background:transparent;border:0;border-bottom:1px solid var(--line);text-align:left;cursor:pointer;border-radius:0;transition:background var(--t-fast) var(--ease)}button.item:hover{background:var(--sunken)}button.item:focus-visible{outline-offset:-2px}button.item:last-child{border-bottom:0}.empty{padding:18px 16px;border:1px dashed var(--line-strong);border-radius:var(--r-m);color:var(--ink-2);display:flex;gap:12px;align-items:flex-start}.empty svg{flex:none;color:var(--ink-3);margin-top:2px}.skeleton{background:linear-gradient(90deg,var(--sunken) 25%,var(--line) 50%,var(--sunken) 75%);background-size:200% 100%;animation:shimmer 1.2s linear infinite;border-radius:6px;color:transparent!important}@keyframes shimmer{to{background-position:-200% 0}}.badge{display:inline-flex;align-items:center;gap:4px;font-size:.75rem;border:1px solid var(--line-strong);border-radius:6px;padding:1px 6px;color:var(--ink-2);vertical-align:middle}.badge.accent{border-color:var(--accent);color:var(--accent);background:var(--accent-soft)}.badge.good{border-color:var(--good);color:var(--good);background:var(--good-soft)}.tabs{position:fixed;left:0;right:0;bottom:0;background:var(--surface);border-top:1px solid var(--line);display:flex;justify-content:center;padding-bottom:var(--safe-b);z-index:5}.tabs .in{display:grid;grid-template-columns:repeat(3,1fr);width:100%;max-width:560px}.tabs button{border:0;background:transparent;min-height:60px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;color:var(--ink-3);font-size:.6875rem;font-weight:500;border-radius:0;transition:color var(--t-fast) var(--ease)}.tabs button:hover{color:var(--ink-2)}.tabs button[aria-current=page]{color:var(--accent)}.tabs button:focus-visible{outline-offset:-3px}@font-face{font-family:Tenada;src:url(/fonts/Tenada-sub.woff2) format("woff2");font-weight:400 800;font-display:swap}.game .panel-title,.game .link,.game .play-btn,.game .empty-game p{font-family:Tenada,IBM Plex Sans KR,sans-serif;font-weight:700;letter-spacing:0}.game{--g-ink-rgb:79,28,11;--g-ink:rgb(var(--g-ink-rgb));--g-ink-2:#5A2E0F;--g-ink-soft:rgba(var(--g-ink-rgb),.65);--g-gold-lt:#FFD470;--g-gold:#F5A623;--g-gold-dk:#E8931A;--g-gold-line:#C97A17;--g-gold-line-rgb:201,122,23;--g-gold-deep:#A85F10;--g-gold-deep-rgb:168,95,16;--g-btn-ink:#fff;--g-btn-ink-shadow:rgba(140,80,10,.55);--g-panel-hi:rgba(255,255,255,.55)}.home.game{padding-top:calc(8px + var(--safe-t));gap:0;min-height:100dvh;justify-content:center}.home.game .hero-logo{margin-top:-6px}.game{--g-canvas:linear-gradient(rgba(var(--g-ink-rgb),.1), rgba(var(--g-ink-rgb),.1)), var(--ground) url(/bg/puzzle-tile.webp) 0 0/208px 208px repeat}.game:before{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;background:var(--g-canvas)}.game{--ground:#F3F4F1;--surface:#FFF9EC;--sunken:#F3EBD8;--line:#E8DFC9;--line-strong:#D6CAAE;--ink:#24211B;--ink-2:#5E5A50;--ink-3:#8F897C;--accent:#9A6A16;--accent-hover:#7F5710;--accent-soft:#F1E6CF;--on-accent:#FFFFFF;--g-dark:#17100B;--g-dark-ink:#FFF4E2;color-scheme:light}.hero-logo{display:flex;flex-direction:column;align-items:center;gap:6px;padding:6px 0 14px}.hero-logo .logo{width:96px;height:auto;display:block;user-select:none;-webkit-user-drag:none;filter:drop-shadow(0 3px 0 rgba(0,0,0,.12))}.panel{position:relative;isolation:isolate;padding:30px 26px 26px;margin:0 0 22px;border-radius:24px;--ink:#24211B;--ink-2:#5E5A50;--ink-3:#8F897C;--surface:#FFF9EC;--sunken:#F3EBD8;--line:#E8DFC9;--line-strong:#D6CAAE;color:var(--ink)}.panel:before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;border:46px solid transparent;border-image-slice:72 fill;border-image-width:46px;border-image-repeat:stretch}.panel.orange:before{border-image-source:url(/bg/frame-orange.svg)}.panel.grey:before{border-image-source:url(/bg/frame-grey.svg)}.panel.brown:before{border-image-source:url(/bg/frame-brown.svg)}.panel.main{padding-top:52px;margin-top:22px;text-align:center}.panel-title{text-align:center;font-size:1.0625rem;font-weight:700;margin-bottom:12px;letter-spacing:-.01em;color:var(--g-ink,var(--ink))}.title-badge{position:absolute;top:-24px;left:50%;transform:translate(-50%);margin:0;padding:10px 26px;border-radius:999px;background:linear-gradient(var(--g-gold-lt),var(--g-gold) 55%,var(--g-gold-dk));border:3px solid var(--g-gold-line);box-shadow:inset 0 2px 0 var(--g-panel-hi),0 3px 0 var(--g-gold-deep);display:flex;align-items:center}.title-badge img{height:22px;width:auto;display:block}.play-btn{display:block;width:min(250px,82%);aspect-ratio:1311/396;margin:6px auto 14px;border:0;border-radius:999px;cursor:pointer;padding:.3em 0 0;background:url(/bg/btn-play.svg) center/100% 100% no-repeat;color:var(--g-btn-ink);font-size:1.75rem;text-shadow:0 2px 0 var(--g-btn-ink-shadow);filter:drop-shadow(0 6px 10px rgba(var(--g-gold-deep-rgb),.28));transition:transform var(--t-fast) var(--ease),filter var(--t-fast) var(--ease)}.play-btn:hover{filter:drop-shadow(0 6px 10px rgba(var(--g-gold-deep-rgb),.28)) brightness(1.04)}.play-btn:active{transform:translateY(3px);filter:drop-shadow(0 2px 4px rgba(var(--g-gold-deep-rgb),.3))}.play-btn:focus-visible{outline:3px solid var(--accent);outline-offset:3px}.play-btn:disabled{filter:grayscale(.5) brightness(1.02);opacity:.5;cursor:default;transform:none}.links{display:flex;justify-content:center;gap:26px;margin-bottom:8px}.link{background:transparent;border:0;color:var(--g-ink,var(--ink));font-weight:700;font-size:1.0625rem;line-height:1;display:inline-flex;align-items:center;gap:7px;min-height:40px;padding:0 6px;border-radius:8px;cursor:pointer}.game .appbar h1{font-family:Tenada,IBM Plex Sans KR,sans-serif;font-weight:700;letter-spacing:0;color:var(--g-ink)}.game .appbar .btn.icon{color:var(--g-ink)}.game .me .btn.ghost{background:var(--surface);border:1px solid rgba(var(--g-gold-line-rgb),.38);border-radius:999px;min-height:38px;padding:0 15px 0 12px;color:var(--g-ink);font-weight:600;box-shadow:0 1px rgba(var(--g-gold-deep-rgb),.14);transition:background var(--t-fast) var(--ease),border-color var(--t-fast) var(--ease),transform var(--t-fast) var(--ease)}.game .me .btn.ghost:hover{background:var(--sunken);border-color:var(--g-gold-line);box-shadow:0 2px rgba(var(--g-gold-deep-rgb),.2);transform:translateY(-1px)}.game .me .btn.ghost:active{transform:translateY(1px);box-shadow:none}.game .me .btn.ghost:disabled{opacity:1;color:var(--g-ink-soft);box-shadow:none;border-color:rgba(var(--g-gold-line-rgb),.22);transform:none}.game .me .faint{color:var(--g-ink-soft);font-weight:500}.game .me input[type=text]{max-width:210px;border-radius:999px;padding:0 16px;min-height:38px;font-weight:600}.panel .panel-lead{text-align:center;color:var(--g-ink-soft);font-size:.9375rem;margin:0 0 16px}.join-panel{margin-top:18px}.code-field{position:relative;isolation:isolate;height:64px;display:flex;align-items:center;margin:0 0 4px}.code-field:before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;border:0 solid transparent;border-left-width:33px;border-right-width:33px;border-image-source:url(/bg/code.svg);border-image-slice:0 156 fill;border-image-width:0 33px;border-image-repeat:stretch}.code-field input[type=text]{height:100%;min-height:0;background:transparent;border:0;box-shadow:none;padding:0 46px;text-align:center;text-indent:.2em;font-family:IBM Plex Mono,monospace;font-size:1.375rem;font-weight:600;letter-spacing:.2em;text-transform:uppercase;color:var(--g-ink)}.code-field input[type=text]:hover,.code-field input[type=text]:focus{border:0;box-shadow:none;outline:none}.code-field input[type=text]::placeholder{color:rgba(var(--g-ink-rgb),.45);letter-spacing:.2em}.game .seg{--g-tone-lt:var(--g-gold-lt);--g-tone:var(--g-gold);--g-tone-dk:var(--g-gold-dk);--g-tone-line:var(--g-gold-line);--g-tone-line-rgb:var(--g-gold-line-rgb);--g-tone-ink:var(--g-btn-ink);--g-tone-ink-shadow:var(--g-btn-ink-shadow)}.panel.grey{--g-tone-lt:#84868A;--g-tone:#6E7074;--g-tone-dk:#585A5E;--g-tone-line:#7C7C7C;--g-tone-line-rgb:124,124,124;--g-tone-ink:#fff;--g-tone-ink-shadow:rgba(58,60,64,.5)}.panel.brown{--g-tone-lt:#A5784F;--g-tone:#8B5E3C;--g-tone-dk:#603913;--g-tone-line:#603913;--g-tone-line-rgb:96,57,19;--g-tone-ink:#fff;--g-tone-ink-shadow:rgba(48,26,8,.5)}.game .btn{border-color:var(--g-gold-line);color:var(--g-ink)}.game .btn.primary{background:linear-gradient(var(--g-gold-lt),var(--g-gold) 55%,var(--g-gold-dk));border-color:var(--g-gold-line);color:var(--g-btn-ink);text-shadow:0 1px 0 var(--g-btn-ink-shadow)}.game .btn.primary:hover{background:linear-gradient(var(--g-gold-lt),var(--g-gold-dk))}.game .btn.ghost{border-color:transparent;background:transparent;color:var(--g-ink)}.game .btn.ghost:hover{background:rgba(var(--g-gold-line-rgb),.1)}.game .seg{border-color:var(--g-tone-line);border-radius:999px}.game .seg button{border-left-color:rgba(var(--g-tone-line-rgb),.3);color:var(--g-ink)}.game .seg button:hover{background:rgba(var(--g-tone-line-rgb),.08)}.game .seg button:disabled{opacity:.4}.game .seg button[aria-pressed=true]{background:linear-gradient(var(--g-tone-lt),var(--g-tone) 55%,var(--g-tone-dk));color:var(--g-tone-ink);text-shadow:0 1px 0 var(--g-tone-ink-shadow)}.game .seg button[aria-pressed=true] .cap,.game .seg button[aria-pressed=true] .rec{color:var(--g-tone-ink)}.game .tabs-out{background:var(--surface);border-width:2px;margin:20px 0 22px;box-shadow:0 2px rgba(var(--g-gold-deep-rgb),.22),inset 0 1px 0 var(--g-panel-hi)}.game .tabs-out button{min-height:54px;font-size:1.0625rem}.game .tabs-out+.panel{margin-top:0}.game .seg.tabs-tone button{font-family:Tenada,IBM Plex Sans KR,sans-serif;font-weight:700;letter-spacing:0;font-size:1rem}.game .pic[aria-pressed=true]{border-color:var(--g-gold-line)}.game .pic .nm{font-family:inherit;font-weight:600;letter-spacing:-.01em;line-height:1.25;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;background:linear-gradient(transparent,#000000b8)}.game .pic .chk,.game .pic .tag{background:linear-gradient(var(--g-gold-lt),var(--g-gold) 55%,var(--g-gold-dk));color:var(--g-btn-ink)}.panel .muted{color:var(--g-ink-soft)}.panel .pic-desc{text-align:center;margin-top:10px}.setup-panel{margin-top:18px}.game .pics{gap:10px}.play-btn.wide{position:relative;isolation:isolate;width:100%;height:58px;aspect-ratio:auto;margin:0;background:none;padding:6px 20px 0;font-size:1.125rem;letter-spacing:.01em;filter:none}.play-btn.wide:before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;border:0 solid transparent;border-left-width:88px;border-right-width:88px;border-image-source:url(/bg/btn-play.svg);border-image-slice:0 600 fill;border-image-width:0 88px;border-image-repeat:stretch}.play-btn.wide:active{transform:translateY(2px)}.game .sticky-cta{background:linear-gradient(transparent,#f3f4f1eb 35%)}.link svg{flex:none;position:relative;top:-.15em}.link:hover{background:rgba(var(--g-gold-line-rgb),.1)}.link:disabled{opacity:.4;cursor:default}.panel .me{justify-content:center;margin-top:2px}.panel .me .btn.ghost.small{min-height:32px;font-size:.8125rem;color:var(--ink-2)}.rows{display:flex;flex-direction:column;gap:18px;padding:4px 10px 2px;margin:0}.game-row{display:grid;grid-template-columns:auto minmax(0,1fr) auto auto;grid-template-areas:"ic nm play x" "d d d d";align-items:center;column-gap:10px;row-gap:3px}.game-row .ic{grid-area:ic;width:36px;height:auto}.game-row .nm{grid-area:nm;font-family:Tenada,IBM Plex Sans KR,sans-serif;font-weight:700;font-size:1.125rem;color:var(--g-ink-2,var(--ink));white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.game-row .play-btn.sm{grid-area:play}.game-row .x-btn{grid-area:x}.game-row .d{grid-area:d;font-size:.75rem;color:var(--g-ink-soft,var(--ink-2));white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.play-btn.sm{width:auto;min-width:112px;height:48px;aspect-ratio:auto;padding:6px 30px 0;margin:0;font-size:.9375rem;line-height:1;letter-spacing:.04em;flex:none;filter:drop-shadow(0 2px 4px rgba(var(--g-gold-deep-rgb),.25))}.play-btn.sm:active{transform:translateY(2px)}.x-btn{width:30px;height:30px;padding:0;border:0;background:transparent;flex:none;cursor:pointer;border-radius:50%}.x-btn img{width:28px;height:28px;display:block;margin:auto}.x-btn:active{transform:scale(.92)}.today-card{padding:0 10px 2px}.today-card .pic{display:block;width:100%;aspect-ratio:3/2;object-fit:cover;border-radius:12px;background:var(--sunken);margin:0 0 12px}.today-card .nm{font-family:Tenada,IBM Plex Sans KR,sans-serif;font-weight:700;font-size:1.125rem;color:var(--g-ink-2,var(--ink))}.today-card .d{font-size:.75rem;color:var(--ink-2);margin-top:2px}.today-card .play-btn.sm{min-width:104px}.empty-game{display:flex;flex-direction:column;align-items:center;gap:8px;padding:6px 0 4px;color:var(--ink-2)}.empty-game img{width:44px;height:44px;display:block}.empty-game p{font-weight:600;font-size:1.0625rem;color:var(--g-ink-soft,var(--ink-2))}.panel .item{border-color:var(--line)}.panel .item:last-child{border-bottom:0}.panel .item .ico,.panel .item .th{background:var(--sunken)}.panel .btn{background:var(--surface);border-color:var(--line-strong);color:var(--ink)}.panel .btn.primary{background:var(--accent);border-color:var(--accent);color:var(--on-accent)}.panel input[type=text]{background:var(--surface);border-color:var(--line-strong);color:var(--ink)}.brand{padding:12px 0 4px}.brand h1{font-size:2rem;line-height:1.15}.brand p{color:var(--ink-2);margin-top:4px}.me{display:flex;align-items:center;gap:8px;margin-top:14px}.me .who{display:inline-flex;align-items:center;gap:6px;color:var(--ink-2);font-size:.8125rem}.pics{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.pic{border:2px solid transparent;border-radius:var(--r-m);overflow:hidden;background:var(--sunken);padding:0;position:relative;aspect-ratio:3/2;cursor:pointer;transition:border-color var(--t-fast) var(--ease)}.pic canvas,.pic img{width:100%;height:100%;display:block;object-fit:cover}.pic.locked canvas,.pic.locked img{filter:grayscale(.6) brightness(.75)}.pic .tag{position:absolute;top:6px;left:6px;background:var(--accent);color:var(--on-accent);font-size:.625rem;font-weight:600;padding:1px 6px;border-radius:5px}.pic .lock{position:absolute;top:6px;left:6px;width:20px;height:20px;border-radius:50%;background:#0000008c;color:#fff;display:flex;align-items:center;justify-content:center}.pic:hover{border-color:var(--line-strong)}.pic[aria-pressed=true]{border-color:var(--accent)}.pic .nm{position:absolute;left:0;right:0;bottom:0;padding:4px 8px;font-size:.6875rem;background:linear-gradient(transparent,#0009);color:#fff;text-align:left}.pic[aria-pressed=true] .chk{position:absolute;top:6px;right:6px;width:20px;height:20px;border-radius:50%;background:var(--accent);color:var(--on-accent);display:flex;align-items:center;justify-content:center}.sticky-cta{position:sticky;bottom:calc(12px + var(--safe-b));margin-top:24px;padding-top:8px;background:linear-gradient(transparent,var(--ground) 30%)}.play{position:fixed;inset:0;background:var(--felt);display:flex;flex-direction:column;color:var(--felt-ink)}.play .hud{display:flex;align-items:center;gap:6px;padding:calc(6px + var(--safe-t)) 8px 6px;background:var(--felt);border-bottom:1px solid var(--felt-line);z-index:2}.play .hud .btn{background:transparent;border-color:transparent;color:var(--felt-ink)}.play .hud .btn:hover{background:var(--felt-2)}.play .hud .btn[aria-pressed=true]{background:#2b2a26;color:#fff}.play .hud .prog{flex:1;min-width:0;display:flex;flex-direction:column;gap:4px;padding:0 4px}.play .hud .bar{height:4px;background:#0000001f;border-radius:2px;overflow:hidden}.play .hud .bar i{display:block;height:100%;background:var(--accent);transition:width var(--t-base) var(--ease)}.play .hud .pct{font-size:.75rem;color:var(--felt-ink-2);display:flex;justify-content:space-between;font-variant-numeric:tabular-nums}.play .stage{flex:1;position:relative;min-height:0}.play canvas{position:absolute;inset:0;display:block}.play .peers{display:flex;gap:4px;padding:0 4px}.play .peers i{width:9px;height:9px;border-radius:50%;display:block;border:1.5px solid rgba(0,0,0,.2)}.toast{position:absolute;left:50%;bottom:calc(14px + var(--safe-b));transform:translate(-50%);background:#2b2a26f0;color:#fff;border:1px solid rgba(0,0,0,.2);padding:8px 14px;border-radius:999px;font-size:.8125rem;white-space:nowrap;opacity:0;transition:opacity var(--t-fast) var(--ease);pointer-events:none;z-index:3}.toast.show{opacity:1}.toast.tray{bottom:calc(130px + var(--safe-b))}.overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:var(--felt);color:var(--felt-ink);z-index:4;padding:24px;text-align:center}.overlay .btn{color:var(--felt-ink);border-color:var(--felt-line)}.sheet{position:absolute;left:0;right:0;bottom:0;background:var(--surface);color:var(--ink);border-radius:var(--r-l) var(--r-l) 0 0;padding:16px 20px calc(20px + var(--safe-b));z-index:4;box-shadow:0 -10px 30px #00000059;animation:sheet-in var(--t-base) var(--ease)}@keyframes sheet-in{0%{transform:translateY(24px);opacity:0}}.sheet h2{margin-bottom:8px}.sheet .opt{display:flex;justify-content:space-between;align-items:center;gap:12px;min-height:48px;border-bottom:1px solid var(--line)}.sheet .opt:last-of-type{border-bottom:0}.code{font-family:IBM Plex Mono,monospace;font-size:1.75rem;letter-spacing:.2em;text-align:center;padding:12px;background:var(--sunken);border-radius:var(--r-m);margin:8px 0 10px;user-select:all}.result-art{border-radius:var(--r-m);overflow:hidden;background:var(--felt);aspect-ratio:3/2;display:flex;align-items:center;justify-content:center;box-shadow:0 12px 30px #0000002e}.result-art canvas{max-width:100%;max-height:100%;display:block}.people .item .bar{height:6px;border-radius:3px;background:var(--sunken);overflow:hidden;margin-top:6px}.people .item .bar i{display:block;height:100%}.dot{width:10px;height:10px;border-radius:50%;flex:none}.f-bar{position:relative;isolation:isolate;display:flex;align-items:center;min-height:44px;padding:0 20px;margin-top:2px}.f-bar:before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;border:0 solid transparent;border-left-width:23px;border-right-width:23px;border-image-source:url(/bg/code.svg);border-image-slice:0 156 fill;border-image-width:0 23px;border-image-repeat:stretch}.f-bar .f-scroll{display:flex;align-items:center;min-width:0;overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none}.f-bar .f-scroll::-webkit-scrollbar{display:none}.f-btn{display:inline-flex;align-items:center;gap:5px;flex:none;min-height:34px;padding:0 9px;border:0;background:transparent;cursor:pointer;white-space:nowrap;font-size:.75rem;font-weight:600;color:var(--g-ink-soft)}.f-btn b{color:var(--g-ink);font-weight:700}.f-btn:hover b,.f-btn[aria-expanded=true] b{color:var(--g-gold-deep)}.f-btn svg{flex:none;transition:transform var(--t-base) var(--ease)}.f-btn[aria-expanded=true] svg{transform:rotate(180deg)}.f-div{flex:none;width:1px;height:15px;background:rgba(var(--g-gold-line-rgb),.38)}.f-bar .result-count{margin:0 0 0 auto;padding-left:10px;font-size:.6875rem;font-weight:600;color:var(--g-ink-soft);white-space:nowrap}.sheet-scrim{position:fixed;inset:0;background:#17100b73;z-index:9;border:0;animation:scrim-in var(--t-base) var(--ease)}@keyframes scrim-in{0%{opacity:0}}.sheet.on-screen{position:fixed;z-index:10}.sheet-list{display:flex;flex-direction:column;margin-top:4px}.opt-row{display:flex;align-items:center;gap:10px;min-height:52px;padding:0 4px;border:0;background:transparent;cursor:pointer;font-size:1rem;font-weight:600;color:var(--g-ink);text-align:left;border-bottom:1px solid rgba(var(--g-gold-line-rgb),.22)}.opt-row:last-child{border-bottom:0}.opt-row .cnt{margin-left:auto;font-size:.8125rem;font-weight:600;color:var(--g-ink-soft)}.opt-row:hover,.opt-row.on,.opt-row.on .cnt{color:var(--g-gold-deep)}.gallery{display:grid;grid-template-columns:1fr 1fr;gap:12px}.gal{background:transparent;border:0;padding:0;text-align:left;cursor:pointer;border-radius:var(--r-m)}.gal .art{aspect-ratio:3/2;background:var(--sunken);position:relative;border-radius:var(--r-m);overflow:hidden;transition:transform var(--t-fast) var(--ease)}.gal:hover .art{transform:translateY(-1px)}.gal .art canvas,.gal .art img{width:100%;height:100%;display:block;object-fit:cover}.gal .art.locked canvas,.gal .art.locked img{filter:grayscale(1) brightness(.45)}.gal .art .key{position:absolute;left:8px;bottom:8px;width:22px;height:22px;border-radius:50%;background:#0000008c;color:#fff;display:flex;align-items:center;justify-content:center}.gal .art .done.today{background:var(--surface);color:var(--accent);border:1px solid var(--accent)}.gal .art .done{position:absolute;top:8px;right:8px;background:var(--accent);color:var(--on-accent);font-size:.6875rem;padding:2px 7px;border-radius:6px;font-weight:600;display:inline-flex;align-items:center;gap:3px}.gal .title{font-size:.875rem;font-weight:500;margin-top:8px}.gal .tiers5{display:grid;grid-template-columns:repeat(5,1fr);gap:3px;margin-top:6px}.gal .tiers5 span{height:18px;border-radius:4px;background:var(--sunken);border:1px solid var(--line);font-size:.6875rem;display:flex;align-items:center;justify-content:center;color:var(--on-accent);font-weight:600}.gal .tiers5 span.c{background:var(--good);border-color:var(--good)}.gal .art:after{content:"";position:absolute;inset:-2px;pointer-events:none;border:22px solid transparent;border-image-slice:72;border-image-width:22px;border-image-repeat:stretch;display:none}.gal .art .done,.gal .art .key{z-index:1}.gal{position:relative}.gal .medal{position:absolute;top:-10px;right:-8px;width:40px;height:auto;z-index:2;filter:drop-shadow(0 2px 3px rgba(0,0,0,.35))}.viewer .frame .framed .medal{position:absolute;top:-30px;right:-22px;width:76px;height:auto;z-index:2;filter:drop-shadow(0 4px 8px rgba(0,0,0,.5))}.viewer{position:fixed;inset:0;background:var(--g-canvas);color:var(--g-ink);display:flex;flex-direction:column;z-index:10}.viewer .frame{flex:1 1 0;min-height:0;display:flex;align-items:center;justify-content:center;padding:28px 24px;container-type:size}.viewer .frame .framed{--ar:1.5;position:relative;display:block;aspect-ratio:var(--ar);width:min(100%,960px,calc(100cqh * var(--ar)));height:auto}.viewer .frame canvas,.viewer .frame img{width:100%;height:100%;object-fit:cover;display:block;box-shadow:0 18px 40px rgba(var(--g-gold-deep-rgb),.28)}.viewer .frame .framed:after{content:"";position:absolute;inset:-4px;pointer-events:none;border:0 solid transparent;border-image-slice:72;border-image-width:46px;border-image-repeat:stretch;display:none}.viewer .frame.f1 .framed:after,.viewer .frame.f2 .framed:after,.viewer .frame.f3 .framed:after,.viewer .frame.f4 .framed:after,.viewer .frame.f5 .framed:after{display:block}.viewer .frame.f1 .framed:after{border-image-source:url(/bg/frame-c1.svg)}.viewer .frame.f2 .framed:after{border-image-source:url(/bg/frame-c2.svg)}.viewer .frame.f3 .framed:after{border-image-source:url(/bg/frame-c3.svg)}.viewer .frame.f4 .framed:after{border-image-source:url(/bg/frame-c4.svg)}.viewer .frame.f5 .framed:after{border-image-source:url(/bg/frame-c5.svg)}.viewer .frame .framed :is(canvas,img){border-radius:18px}.viewer .caption{flex:none;overflow:auto;max-height:62%;background:var(--surface);border-radius:var(--r-l) var(--r-l) 0 0;border-top:2px solid var(--g-gold-line);box-shadow:0 -10px 30px rgba(var(--g-gold-deep-rgb),.22);padding:18px 20px calc(20px + var(--safe-b))}.viewer .caption>*{max-width:640px;margin-left:auto;margin-right:auto}.viewer .caption h2{color:var(--g-ink);font-family:Tenada,IBM Plex Sans KR,sans-serif;font-weight:700;letter-spacing:0}.viewer .caption p{margin-top:4px;color:var(--g-ink-soft);font-size:.875rem}.viewer .kv{display:grid;grid-template-columns:auto 1fr;gap:8px 14px;margin-top:14px;font-size:.8125rem}.viewer .kv dt{display:flex;align-items:center;gap:8px;color:var(--g-ink-soft);white-space:nowrap}.viewer .kv dt.c{color:var(--g-ink);font-weight:600}.viewer .kv dd{margin:0;font-variant-numeric:tabular-nums;color:var(--g-ink-soft)}.viewer .kv b{color:var(--g-gold-deep);font-weight:700}.viewer .viewer-note{text-align:center;color:var(--g-ink-soft);margin-top:8px}.viewer .kv .tier-dot{width:19px;height:15px;margin-right:0;vertical-align:middle}.viewer .btn.ghost.light{color:var(--g-ink-soft)}.viewer .btn.ghost.light:hover{background:rgba(var(--g-gold-line-rgb),.1);color:var(--g-ink)}.viewer .x{position:absolute;top:calc(10px + var(--safe-t));right:12px;width:40px;height:40px;border-radius:999px;background:var(--surface);border:1px solid var(--g-gold-line);color:var(--g-ink);display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 2px rgba(var(--g-gold-deep-rgb),.2)}.viewer .x:active{transform:translateY(1px);box-shadow:none}.viewer .frame .framed .medal{position:absolute;top:-30px;right:-22px;width:76px;height:auto;z-index:2;filter:drop-shadow(0 4px 8px rgba(var(--g-gold-deep-rgb),.45))}.table{display:grid;grid-template-columns:1fr auto;border-top:1px solid var(--line)}.table>*{padding:12px 0;border-bottom:1px solid var(--line)}.table dt{color:var(--ink-2);margin:0}.table dd{margin:0;text-align:right;font-variant-numeric:tabular-nums;font-weight:500}.table dd.big{font-size:1.375rem;font-weight:600}.game .gal .art{aspect-ratio:545/393;background:transparent;border-radius:0;overflow:hidden}.game .gal:hover .art{transform:none}.game .gal .art{--frame-w:34px;--frame-bar:8px}.game .gal .art:after{display:none;inset:0;z-index:2;background:none;border:0 solid transparent;border-image-slice:72;border-image-width:var(--frame-w);border-image-repeat:stretch;border-image-source:url(/bg/frame-c1.svg)}.game .gal .art.f1:after,.game .gal .art.f2:after,.game .gal .art.f3:after,.game .gal .art.f4:after,.game .gal .art.f5:after{display:block}.game .gal .art.f2:after{border-image-source:url(/bg/frame-c2.svg)}.game .gal .art.f3:after{border-image-source:url(/bg/frame-c3.svg)}.game .gal .art.f4:after{border-image-source:url(/bg/frame-c4.svg)}.game .gal .art.f5:after{border-image-source:url(/bg/frame-c5.svg)}.game .gal .art canvas,.game .gal .art img{position:absolute;left:var(--frame-bar);top:var(--frame-bar);right:auto;bottom:auto;width:calc(100% - var(--frame-bar) * 2);height:calc(100% - var(--frame-bar) * 2);object-fit:cover;border-radius:14px}.game .gal .art.f0 canvas,.game .gal .art.f0 img{left:0;top:0;width:100%;height:100%;border-radius:14px}.game .gal .art .done,.game .gal .art .key{z-index:3}.game .gal .art .key{left:14px;bottom:14px}.game .gal .art .done{top:14px;right:14px}.game .gal .medal{top:-6px;right:-4px}.game .gal .title{font-family:Tenada,IBM Plex Sans KR,sans-serif;font-weight:700;letter-spacing:0;font-size:1rem;color:var(--g-ink);margin-top:6px}.game .gal .tiers5{gap:5px;margin-top:5px}.game .gal .tiers5 span{height:auto;aspect-ratio:152/121;border:0;border-radius:0;background:url(/bg/slot-c1.svg) center/100% 100% no-repeat;color:var(--g-ink);font-size:.625rem;filter:grayscale(1) opacity(.24)}.game .gal .tiers5 span.c{filter:none}.game .gal .f2~.tiers5 span.c{background-image:url(/bg/slot-c2.svg)}.game .gal .f3~.tiers5 span.c{background-image:url(/bg/slot-c3.svg)}.game .gal .f4~.tiers5 span.c{background-image:url(/bg/slot-c4.svg)}.game .gal .f5~.tiers5 span.c{background-image:url(/bg/slot-c5.svg)}.game .gal .tiers5 span.c,.game .gal .f4~.tiers5 span.c,.game .gal .f5~.tiers5 span.c{color:var(--g-btn-ink);text-shadow:0 1px 0 rgba(0,0,0,.32)}.game .gal .f2~.tiers5 span.c,.game .gal .f3~.tiers5 span.c{color:var(--g-ink);text-shadow:none}.game .gal .medal{width:38px}.game .empty{border-color:rgba(var(--g-gold-line-rgb),.45);background:#fff9ecb8;color:var(--g-ink-soft)}.game .empty svg{color:var(--g-gold-line)}.viewer .frame.f1 .framed:after{border-image-source:url(/bg/frame-c1.svg)}.viewer .frame.f2 .framed:after{border-image-source:url(/bg/frame-c2.svg)}.viewer .frame.f3 .framed:after{border-image-source:url(/bg/frame-c3.svg)}.viewer .frame.f4 .framed:after{border-image-source:url(/bg/frame-c4.svg)}.viewer .frame.f5 .framed:after{border-image-source:url(/bg/frame-c5.svg)}.game .tabs{padding-top:6px;background:var(--surface);border-top:2px solid var(--g-gold-line);box-shadow:0 -2px 10px rgba(var(--g-gold-deep-rgb),.1)}.game .tabs button{min-height:66px;color:var(--g-ink-soft);font-weight:600;gap:4px}.game .tabs button:hover{color:var(--g-ink)}.game .tabs button[aria-current=page]{color:var(--g-gold-deep);font-weight:700}.game .tabs button img{display:block;height:34px;width:auto;transition:filter var(--t-fast) var(--ease),transform var(--t-fast) var(--ease)}.game .tabs button:not([aria-current=page]) img{filter:grayscale(1) opacity(.42)}.game .tabs button:not([aria-current=page]):hover img{filter:grayscale(.55) opacity(.7)}.game .tabs button[aria-current=page] img{transform:translateY(-1px)}.game .brand h1{font-family:Tenada,IBM Plex Sans KR,sans-serif;font-weight:700;letter-spacing:0;color:var(--g-ink);font-size:1.75rem}.game .brand p,.game .meta-chip,.game .appbar .muted{display:inline-flex;align-items:center;gap:6px;background:var(--surface);color:var(--g-ink);border:1px solid rgba(var(--g-gold-line-rgb),.35);border-radius:999px;padding:6px 14px;margin-top:9px;font-size:.875rem;font-weight:600;box-shadow:0 1px rgba(var(--g-gold-deep-rgb),.12)}.game .appbar .muted{margin-top:0;padding:4px 12px;font-size:.8125rem;flex:none}.game .result-art{background:transparent;box-shadow:none;aspect-ratio:auto;border-radius:0;display:flex;align-items:center;justify-content:center;padding:14px 8px}.game .result-art .framed{position:relative;display:inline-flex;max-width:100%}.game .result-art{--rw:44px}.game .result-art canvas,.game .result-art img{max-width:100%;height:auto;display:block;border-radius:18px}.game .result-art .framed:after{content:"";position:absolute;inset:-6px;pointer-events:none;border:0 solid transparent;border-image-slice:72;border-image-width:var(--rw);border-image-repeat:stretch}.game .result-art.f1 .framed:after{border-image-source:url(/bg/frame-c1.svg)}.game .result-art.f2 .framed:after{border-image-source:url(/bg/frame-c2.svg)}.game .result-art.f3 .framed:after{border-image-source:url(/bg/frame-c3.svg)}.game .result-art.f4 .framed:after{border-image-source:url(/bg/frame-c4.svg)}.game .result-art.f5 .framed:after{border-image-source:url(/bg/frame-c5.svg)}.panel .table dd.big{color:var(--g-ink);font-size:1.5rem;font-weight:700}.panel .people .item .bar{background:rgba(var(--g-ink-rgb),.1)}.game .badge{border-color:rgba(var(--g-gold-line-rgb),.55);color:var(--g-ink-soft)}.game .badge.accent{border-color:var(--g-gold-line);color:var(--g-btn-ink);background:linear-gradient(var(--g-gold-lt),var(--g-gold) 55%,var(--g-gold-dk));text-shadow:0 1px 0 var(--g-btn-ink-shadow)}.game .btn{background:var(--surface)}.viewer .frame.f1 .framed :is(canvas,img),.viewer .frame.f2 .framed :is(canvas,img),.viewer .frame.f3 .framed :is(canvas,img),.viewer .frame.f4 .framed :is(canvas,img),.viewer .frame.f5 .framed :is(canvas,img){border-radius:29px}.tier-dot{display:inline-block;width:22px;height:17.5px;vertical-align:-3px;margin-right:8px;background:center/100% 100% no-repeat}.tier-dot.t1{background-image:url(/bg/slot-c1.svg)}.tier-dot.t2{background-image:url(/bg/slot-c2.svg)}.tier-dot.t3{background-image:url(/bg/slot-c3.svg)}.tier-dot.t4{background-image:url(/bg/slot-c4.svg)}.tier-dot.t5{background-image:url(/bg/slot-c5.svg)}.panel .table dt{color:var(--g-ink-soft)}.panel .table dd{color:var(--g-ink)}.game.play{background:var(--felt);color:var(--felt-ink)}.game.play .hud{background:var(--surface);border-bottom:2px solid var(--g-gold-line);box-shadow:0 2px 10px rgba(var(--g-gold-deep-rgb),.1)}.game.play .hud .btn{color:var(--g-ink);background:transparent;border-color:transparent}.game.play .hud .btn:hover{background:rgba(var(--g-gold-line-rgb),.1)}.game.play .hud .btn[aria-pressed=true]{color:var(--g-btn-ink);background:linear-gradient(var(--g-gold-lt),var(--g-gold) 55%,var(--g-gold-dk))}.game.play .hud .bar{background:rgba(var(--g-ink-rgb),.14)}.game.play .hud .bar i{background:linear-gradient(var(--g-gold-lt),var(--g-gold) 55%,var(--g-gold-dk))}.game.play .hud .pct{color:var(--g-ink-soft);font-weight:600}.game.play .hud .peers i{border-color:rgba(var(--g-ink-rgb),.28)}.game .sheet{background:var(--surface);color:var(--g-ink);border-top:2px solid var(--g-gold-line);box-shadow:0 -10px 30px rgba(var(--g-gold-deep-rgb),.22)}.game .sheet h2{font-family:Tenada,IBM Plex Sans KR,sans-serif;font-weight:700;letter-spacing:0;color:var(--g-ink)}.game .sheet .opt{border-bottom-color:rgba(var(--g-gold-line-rgb),.28)}.game .sheet .muted{color:var(--g-ink-soft)}.game .overlay{background:var(--felt);color:var(--g-ink)}.game .toast{background:var(--g-dark);border-color:#fff4e22e;color:var(--g-dark-ink)}.game .sheet .code{position:relative;isolation:isolate;height:64px;margin:10px 0 12px;display:flex;align-items:center;justify-content:center;background:none;border-radius:0;padding:0 46px;color:var(--g-ink);text-transform:uppercase}.game .sheet .code:before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;border:0 solid transparent;border-left-width:33px;border-right-width:33px;border-image-source:url(/bg/code.svg);border-image-slice:0 156 fill;border-image-width:0 33px;border-image-repeat:stretch}.game.play .hud{gap:8px;padding:calc(8px + var(--safe-t)) 10px 8px}.game.play .hud .prog{padding:0 2px;gap:5px}.game.play .hud .pct{justify-content:flex-start;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.game.play .hud .pct span{overflow:hidden;text-overflow:ellipsis}.peers-chip{display:inline-flex;align-items:center;gap:7px;flex:none;min-height:34px;padding:0 10px;border-radius:999px;background:var(--surface);border:1.5px solid var(--g-gold-line);color:var(--g-ink);cursor:pointer;box-shadow:0 1px rgba(var(--g-gold-deep-rgb),.16)}.peers-chip.static{cursor:default}.peers-chip:hover{background:var(--sunken)}.peers-chip .dots{display:flex;gap:3px}.peers-chip .dots i{width:9px;height:9px;border-radius:50%;display:block;border:1.5px solid rgba(var(--g-ink-rgb),.28)}.game.play .tools{position:absolute;right:12px;bottom:calc(16px + var(--safe-b));display:flex;flex-direction:column;gap:10px;z-index:3}.game.play .tools.tray{bottom:calc(142px + var(--safe-b))}.game.play .tool{width:46px;height:46px;border-radius:999px;border:2px solid var(--g-gold-line);background:var(--surface);color:var(--g-ink);display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 2px rgba(var(--g-gold-deep-rgb),.24),0 6px 14px rgba(var(--g-gold-deep-rgb),.14);transition:transform var(--t-fast) var(--ease),background var(--t-fast) var(--ease)}.game.play .tool:active{transform:translateY(2px);box-shadow:0 0 #0000}.game.play .tool[aria-pressed=true]{color:var(--g-btn-ink);background:linear-gradient(var(--g-gold-lt),var(--g-gold) 55%,var(--g-gold-dk))}.game.play .tool:disabled{opacity:.38;cursor:default;box-shadow:none}.game.play .tool:disabled:active{transform:none}.game .sheet .opt{min-height:auto;padding:14px 0;gap:18px;align-items:center}.game .sheet .opt:first-of-type{padding-top:6px}.game .sheet .opt .seg{flex:none}.game .sheet .opt>span:first-child{font-weight:600;color:var(--g-ink)}.game .sheet .opt .muted{text-align:right;line-height:1.45}.game input[type=text]{border-color:var(--g-gold-line);color:var(--g-ink)}.game input[type=text]:hover{border-color:var(--g-gold-deep)}.game input[type=text]:focus{border-color:var(--g-gold-deep);box-shadow:0 0 0 3px rgba(var(--g-gold-line-rgb),.22)}.game input[type=text]::placeholder{color:rgba(var(--g-ink-rgb),.42)}.code-field input[type=text],.code-field input[type=text]:hover,.code-field input[type=text]:focus{border:0}.more-row{display:flex;align-items:center;justify-content:center;gap:6px;width:100%;min-height:40px;margin-top:-2px;padding:0 14px;border-radius:999px;background:var(--surface);border:1px solid rgba(var(--g-gold-line-rgb),.38);color:var(--g-ink-soft);font-size:.8125rem;font-weight:600;cursor:pointer;box-shadow:0 1px rgba(var(--g-gold-deep-rgb),.14);transition:background var(--t-fast) var(--ease),border-color var(--t-fast) var(--ease),transform var(--t-fast) var(--ease)}.more-row:hover{background:var(--sunken);border-color:var(--g-gold-line);color:var(--g-ink);box-shadow:0 2px rgba(var(--g-gold-deep-rgb),.2);transform:translateY(-1px)}.more-row:active{transform:translateY(1px);box-shadow:none}.more-row svg{transition:transform var(--t-base) var(--ease)}.more-row[aria-expanded=true] svg{transform:rotate(180deg)}.panel .people .item{display:grid;grid-template-columns:auto minmax(0,1fr) auto;grid-template-areas:"dot name score" "bar bar meta";align-items:center;column-gap:10px;row-gap:8px;padding:12px 0}.panel .people .item .dot{grid-area:dot;width:11px;height:11px}.panel .people .item .t{grid-area:name;display:flex;align-items:center;gap:6px;min-width:0;font-weight:600;font-size:.9375rem;color:var(--g-ink)}.panel .people .item .t>span:first-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.panel .people .item .score{grid-area:score;text-align:right;font-size:1.0625rem;font-weight:700;color:var(--g-ink);font-variant-numeric:tabular-nums;white-space:nowrap}.panel .people .item .bar{grid-area:bar;margin:0;height:7px;border-radius:4px}.panel .people .item .meta{grid-area:meta;text-align:right;font-size:.75rem;font-weight:600;color:var(--g-ink-soft);font-variant-numeric:tabular-nums;white-space:nowrap}.panel .people .item .badge{flex:none;font-size:.6875rem;padding:2px 7px;border-radius:999px}