:root{--bg:#ffffff;--surface:#ffffff;--paper:oklch(96% .006 80);--fg:oklch(24% .012 70);--muted:oklch(46% .014 70);--line:oklch(90% .008 80);--line-soft:oklch(95% .006 80);--accent:oklch(80% .15 70);--accent-ink:oklch(24% .012 70);--accent-deep:oklch(50% .13 55);--soft:oklch(97% .03 80);--ok:oklch(52% .12 150);--warn:oklch(55% .17 30);--display:"Black Han Sans","Noto Sans KR","Apple SD Gothic Neo",sans-serif;--body:"Noto Sans KR",-apple-system,BlinkMacSystemFont,"Apple SD Gothic Neo","Hiragino Sans","PingFang SC","Microsoft YaHei",sans-serif;--s1:4px;--s2:8px;--s3:12px;--s4:16px;--s5:24px;--s6:32px;--s7:48px;--r-s:6px;--r:12px;--r-l:18px;--stroke:2px}*{box-sizing:border-box}[hidden]{display:none!important}html{background:var(--bg);min-height:100%}body{margin:0;min-height:100vh;color:var(--fg);font:15px/1.5 var(--body);background:var(--bg);-webkit-tap-highlight-color:transparent}#app{margin:0 auto;min-height:100vh;display:flex;flex-direction:column;padding:env(safe-area-inset-top,0) env(safe-area-inset-right,0) 0 env(safe-area-inset-left,0)}#app.game{max-width:480px}@media(min-height:900px){#app.game{min-height:0;margin-top:max(0px,calc((100vh - 880px)/2))}}#app.hub{max-width:1120px}.screen{flex:1;padding:0 var(--s4) var(--s6)}.screen.in{animation:in .18s ease-out}@keyframes in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}.center{text-align:center}.muted{color:var(--muted)}.accent{color:var(--accent-deep);font-weight:700}.small{font-size:13px}h1{font:32px/1.15 var(--display);margin:var(--s3) 0 var(--s2);letter-spacing:.005em}h2{font:24px/1.2 var(--display);margin:0 0 var(--s2)}h3{font:18px/1.2 var(--display);margin:var(--s4) 0 var(--s2);color:var(--muted)}.eyebrow{display:block;font-size:12px;font-weight:700;letter-spacing:.08em;color:var(--muted)}a{color:inherit}:focus-visible{outline:3px solid var(--accent);outline-offset:2px}.top{position:sticky;top:env(safe-area-inset-top,0px);z-index:30;display:flex;align-items:center;gap:var(--s3);min-height:56px;padding:0 var(--s4);background:#fffffff5;backdrop-filter:blur(8px);border-bottom:var(--stroke) solid var(--fg)}.top .brand{display:flex;align-items:baseline;gap:var(--s2);text-decoration:none;font:26px/1 var(--display)}.top .brand small{font:12px var(--body);color:var(--muted)}.top .links{display:flex;gap:var(--s1);margin-left:var(--s2);margin-right:auto}.top .nav{text-decoration:none;color:var(--muted);font-weight:700;font-size:15px;padding:16px 8px;border-bottom:3px solid transparent;margin-bottom:-2px}.top .nav.on{color:var(--fg);border-color:var(--fg)}.top .me{display:flex;align-items:center;gap:6px;margin-left:auto;padding:5px 10px 5px 6px;border:var(--stroke) solid var(--fg);border-radius:999px;text-decoration:none;font-size:13px;font-weight:700;white-space:nowrap}.top .me img{width:22px;height:22px;object-fit:contain}.top.game .back{display:flex;align-items:center;gap:2px;text-decoration:none;color:var(--muted);font-weight:700;font-size:14px;margin-right:auto}.top.game .back .chev{font-size:26px;line-height:1;color:var(--fg);margin-top:-3px}.top.game .title{position:absolute;left:50%;transform:translate(-50%);font:20px var(--display)}@media(min-width:900px){.top{min-height:64px;padding:0 var(--s7)}.top .brand{font-size:30px}.top .nav{padding:20px 10px}}#app.hub .screen{padding:0 var(--s4) 0}.hub-grid{display:flex;flex-direction:column}@media(min-width:900px){#app.hub .screen{padding:0 var(--s7)}.hub-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:var(--s5)}.hub-main{grid-column:span 8}.hub-side{grid-column:span 4;padding-top:78px;display:flex;flex-direction:column;gap:var(--s4)}}.today{padding:var(--s5) 0 var(--s3)}.today h1{margin:2px 0 4px}.today .lede{margin:0;font-size:15px}.today-card{display:flex;flex-direction:column;border:var(--stroke) solid var(--fg);border-radius:var(--r-l);overflow:hidden}.today-card .kv{position:relative;display:block;height:min(62vw,300px);background:var(--paper);border-bottom:var(--stroke) solid var(--fg);overflow:hidden}.today-card .kv img{width:100%;height:100%;object-fit:cover;display:block}.today-card .kv img.icon{object-fit:contain;padding:8%}.today-card .info{display:flex;align-items:center;gap:var(--s3);padding:var(--s3) var(--s4)}.today-card .facts{display:flex;flex-direction:column;flex:1;gap:2px;font-size:13px}.today-card .facts b{font-size:14px}.today-card .go{font:20px var(--display);padding:12px 22px;background:var(--accent);color:var(--accent-ink);border:var(--stroke) solid var(--fg);border-radius:var(--r);text-decoration:none;white-space:nowrap}@media(min-width:900px){.today{padding-top:var(--s6)}.today h1{font-size:44px}.today .lede{font-size:17px}.today-card{display:grid;grid-template-columns:1fr 1fr}.today-card .kv{height:auto;min-height:300px;border-bottom:0;border-right:var(--stroke) solid var(--fg)}.today-card .info{flex-direction:column;align-items:flex-start;justify-content:space-between;padding:var(--s5)}.today-card .facts{font-size:15px;gap:6px}.today-card .go{font-size:24px;padding:14px 30px}}.resume{display:flex;align-items:center;gap:var(--s3);border:var(--stroke) solid var(--fg);border-radius:var(--r-l);padding:var(--s3) var(--s4);text-decoration:none;margin-top:var(--s4)}.resume img{width:48px;height:48px;border:var(--stroke) solid var(--fg);border-radius:10px;object-fit:cover}.resume .txt{flex:1;display:flex;flex-direction:column;line-height:1.3}.resume b{font:18px var(--display)}.resume small{color:var(--muted);font-size:12px}.resume .go{border:var(--stroke) solid var(--fg);border-radius:10px;padding:8px 14px;font-size:14px;font-weight:700}.sec-head{display:flex;align-items:baseline;gap:var(--s2);padding:var(--s5) 0 var(--s2)}.sec-head h2{margin:0}.sec-head small{color:var(--muted);font-size:13px}.glist{display:flex;flex-direction:column;border-top:var(--stroke) solid var(--fg)}.ggrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--s4) var(--s3);padding-top:var(--s2)}.gtile{display:flex;flex-direction:column;gap:3px;min-width:0;text-decoration:none;color:inherit}.gtile .pic{position:relative;display:block;aspect-ratio:1;border:var(--stroke) solid var(--fg);border-radius:var(--r-l);overflow:hidden;background:var(--paper);transition:transform .12s}.gtile:hover .pic,.gtile:focus-visible .pic{transform:translateY(-2px)}.gtile .pic img{width:100%;height:100%;object-fit:cover;display:block}.gtile .time{position:absolute;right:6px;bottom:6px;font-size:11px;font-weight:700;padding:2px 7px;background:#fff;border:2px solid var(--fg);border-radius:999px}.gtile .name{font:19px/1.15 var(--display);margin-top:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.gtile .hook{color:var(--muted);font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.gtile .sub{color:var(--muted);font-size:12px}.gtile .sub.on{color:var(--accent-deep);font-weight:700}@media(min-width:600px){.ggrid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(min-width:900px){.ggrid{grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--s5) var(--s4)}.gtile .name{font-size:20px}}.coming{margin:var(--s3) 0 0;color:var(--muted);font-size:13px}.box{display:flex;flex-direction:column;gap:var(--s2);border:var(--stroke) solid var(--fg);border-radius:var(--r-l);padding:var(--s4);margin-top:var(--s5)}.box h2{font-size:22px}@media(min-width:900px){.box{margin-top:0}}.tops a{display:flex;justify-content:space-between;align-items:center;gap:var(--s2);font-size:14px;text-decoration:none;padding:4px 0}.tops a b{font-variant-numeric:tabular-nums}.tops a .who{color:var(--muted);flex:1;text-align:center}.linkline{display:flex;align-items:center;gap:var(--s2);flex-wrap:wrap;margin-top:var(--s1);color:var(--muted);font-size:12px}.linkline .btn{width:auto;margin:0;padding:6px 12px;font-size:15px}.foot{padding:var(--s6) 0 var(--s4);text-align:center}.foot-cats{display:flex;justify-content:center;gap:var(--s3);align-items:flex-end;margin-bottom:var(--s2)}.foot-cats img{width:48px;height:auto}.foot p{margin:0;color:var(--muted);font-size:12px}.foot-links{margin-top:6px}.foot-links a{color:var(--muted)}.page{max-width:680px}.page h1{margin-top:var(--s4)}.page-sec{margin:var(--s4) 0}.page-sec h2{font-size:20px}.page-sec p{margin:0 0 var(--s2);font-size:15px;line-height:1.6;word-break:keep-all}@media(min-width:900px){.foot-cats img{width:60px}}@media(min-width:900px){.two{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);column-gap:var(--s7)}.two-side{padding-top:var(--s5)}}.btn{display:block;width:100%;font:17px var(--display);padding:12px 16px;border-radius:var(--r);border:var(--stroke) solid var(--fg);background:#fff;color:var(--fg);cursor:pointer;margin:0 0 10px;letter-spacing:.01em}.btn:active{transform:scale(.99)}.btn.primary{background:var(--accent);color:var(--accent-ink);padding:15px 16px;font-size:20px}.btn.next{background:var(--soft)}.btn.ghost{background:transparent;border-style:dashed;border-color:var(--muted);color:var(--muted)}.btn.icon{width:auto;padding:6px 12px;margin:0;font-size:16px}.btn:disabled{opacity:.45;cursor:default}.row{display:flex;gap:10px}.row .btn{flex:1}.actions{margin-top:var(--s4)}.actions.narrow{max-width:480px}.boardsel{display:block;width:100%;max-width:420px;margin:0 0 var(--s3);padding:10px 12px;font:16px var(--body);border:var(--stroke) solid var(--fg);border-radius:var(--r);background:#fff;color:var(--fg)}.chips{display:flex;gap:var(--s2);flex-wrap:wrap;margin:var(--s2) 0 var(--s3)}.chip{font:16px var(--display);padding:6px 12px;border-radius:999px;border:var(--stroke) solid var(--fg);background:#fff;color:var(--fg);cursor:pointer}.chip.on{background:var(--fg);color:#fff}.gmodal{position:fixed;inset:0;z-index:40;background:#2a262280;display:grid;place-items:end center;overflow:auto}.gmodal .sheet{position:relative;width:100%;max-width:720px;background:#fff;border:var(--stroke) solid var(--fg);border-bottom:0;border-radius:var(--r-l) var(--r-l) 0 0;max-height:calc(100dvh - 24px);overflow:auto;animation:up .2s ease-out}@keyframes up{0%{transform:translateY(24px);opacity:0}to{transform:none;opacity:1}}.gmodal .close{position:absolute;right:10px;top:10px;z-index:2;width:40px;height:40px;border-radius:50%;border:var(--stroke) solid var(--fg);background:#fff;font:26px/1 var(--body);cursor:pointer}.gmodal .kv{height:min(56vw,240px);background:var(--paper);border-bottom:var(--stroke) solid var(--fg);display:block;overflow:hidden}.gmodal .kv img{width:100%;height:100%;object-fit:cover;display:block}.gmodal .kv img.icon{object-fit:contain;padding:5%}.gmodal .kv img.home{display:none}.gmodal .body{padding:var(--s4) var(--s4) var(--s5)}.gmodal .body h2{font-size:30px;margin:2px 0 6px}.gmodal .summary{margin:0 0 var(--s2);font-size:15px}.gmodal .facts{margin:0;font-size:14px}.gmodal .actions{margin-top:var(--s3)}@media(min-width:720px){.gmodal .kv img.home{display:block}.gmodal .kv img.mobile{display:none}.gmodal{place-items:center}.gmodal .sheet{display:grid;grid-template-columns:1fr 1fr;border-bottom:var(--stroke) solid var(--fg);border-radius:var(--r-l);max-height:calc(100vh - 48px)}.gmodal .kv{height:auto;min-height:100%;border-bottom:0;border-right:var(--stroke) solid var(--fg)}.gmodal .body{padding:var(--s5);display:flex;flex-direction:column}.gmodal .body h2{font-size:34px}.gmodal .actions{margin-top:auto}}.keyvisual img{width:100%;border-radius:var(--r);border:var(--stroke) solid var(--fg);display:block;background:var(--line-soft);margin-top:var(--s3)}.skeleton{height:52vh;border-radius:var(--r);background:var(--line-soft);margin-top:var(--s3)}.play{position:relative;width:100%;aspect-ratio:420/560;max-height:min(70vh,640px);border-radius:var(--r);overflow:hidden;background:#dfeef7;touch-action:none;margin-top:var(--s2)}.play canvas{display:block;width:100%;height:100%}.play.embed{aspect-ratio:auto;height:min(calc(100dvh - 16px - env(safe-area-inset-top,0)),800px);max-height:none;background:#000}.embed-frame{display:block;width:100%;height:100%;border:0}#app.game .screen{position:relative}.top.game .pause{margin-left:auto;width:40px;height:40px;padding:0;border-radius:50%;display:grid;place-items:center}@media(min-width:900px){#app.game.playing{max-width:980px}#app.game.playing .screen{padding-top:var(--s4)}.play.wide{display:grid;grid-template-columns:420px minmax(0,1fr);column-gap:var(--s5);align-items:start}}.score{font:56px/1 var(--display);margin:0 0 10px}.photo img{display:block;width:70%;max-width:260px;margin:8px auto;border-radius:var(--r);border:var(--stroke) solid var(--fg)}.run,.rank{display:flex;justify-content:space-between;align-items:center;padding:10px 4px;border-bottom:1px solid var(--line);text-decoration:none;color:inherit}.rank img{width:34px;height:40px;object-fit:cover;border-radius:6px;border:1px solid var(--line);cursor:pointer}.rank .nophoto{width:34px}.rank .name{flex:1;padding:0 10px}.rank.me .name{font-weight:800}.rank>span:first-child{font:18px var(--display);min-width:22px}.list{max-width:560px}.profile{display:flex;gap:var(--s4);align-items:center;border:var(--stroke) solid var(--fg);border-radius:var(--r-l);padding:var(--s4);margin-top:var(--s4)}.profile .avatar{width:56px;height:56px;border-radius:50%;background:var(--paper);display:grid;place-items:center;overflow:hidden;flex:none}.profile .avatar img{width:80%;height:80%;object-fit:contain}.profile h2{margin:0 0 2px}.profile p{margin:0;font-size:13px}.sect{margin-bottom:var(--s2)}.modal{position:fixed;inset:0;background:#20202073;display:grid;place-items:center;padding:20px;z-index:50}.modal .box{background:#fff;margin:0;width:min(360px,100%)}.modal img.big{display:block;width:100%;border-radius:var(--r);margin:8px 0 12px;border:var(--stroke) solid var(--fg)}.toast{position:fixed;left:50%;top:38%;transform:translate(-50%);background:var(--fg);color:#fff;padding:10px 18px;border-radius:var(--r);z-index:60;font-size:15px;max-width:90%;text-align:center}#ad-bar{position:fixed;left:0;right:0;bottom:0;z-index:20;height:calc(50px + env(safe-area-inset-bottom,0px));padding-bottom:env(safe-area-inset-bottom,0px);overflow:hidden;background:#fff;border-top:1px solid var(--line);display:flex;justify-content:center;align-items:center}#ad-bar .adsbygoogle{display:block;width:100%;max-width:728px;height:50px}body.has-ad{padding-bottom:calc(60px + env(safe-area-inset-bottom,0px))}.dogam{display:grid;grid-template-columns:76px repeat(5,minmax(0,1fr));gap:4px;align-items:center;margin:var(--s3) 0}.dogam small{font-size:12px;color:var(--muted)}.dogam .head{text-align:center;font-weight:700;color:var(--fg)}.dogam img{width:100%;aspect-ratio:1;object-fit:contain;border-radius:var(--r-s)}.dogam img.dim{filter:grayscale(1) brightness(.35);opacity:.25}.dogam-meter{display:flex;align-items:baseline;gap:var(--s2)}.dogam-meter b{font:34px/1 var(--display)}