@import "https://cdn.jsdelivr.net/npm/galmuri@latest/dist/galmuri.css";@font-face{font-family:Paperozi;src:url(https://cdn.jsdelivr.net/gh/projectnoonnu/2408-3@1.0/Paperlogy-9Black.woff2)format("woff2");font-weight:900;font-display:swap}@font-face{font-family:GiantsInline;src:url(https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2307-1@1.1/Giants-Inline.woff2)format("woff2");font-weight:400;font-display:swap}:root{--bg:#0a0d14;--bg-alt:#0d111a;--surface:#111723;--surface-2:#161d2c;--line:#ffffff14;--text:#eef1f6;--muted:#98a2b3;--accent:#ff6a1a;--accent-light:#ff8a3d;--accent-dark:#c94a08;--blue:#3da5ff;--glow:0 0 40px #ff6a1a40;--header-h:60px;--radius:16px;--font:"Pretendard Variable", Pretendard, -apple-system, BlinkMacSystemFont, system-ui, "Segoe UI", sans-serif;--font-en:var(--font)}*,:before,:after{box-sizing:border-box}html{scroll-padding-top:var(--header-h);-webkit-text-size-adjust:100%}body{background:var(--bg);color:var(--text);font-family:var(--font);word-break:keep-all;-webkit-font-smoothing:antialiased;margin:0;line-height:1.6;overflow-x:hidden}img{max-width:100%;display:block}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0;padding:0}h1,h2,h3,p,ul,ol{margin:0;padding:0}ul,ol{list-style:none}:focus-visible{outline:2px solid var(--accent-light);outline-offset:3px;border-radius:6px}::selection{background:var(--accent);color:#fff}.container{width:min(1120px,100% - 40px);margin-inline:auto}.container-wide{width:min(1200px,100% - 40px)}.container-narrow{width:min(760px,100% - 40px)}.accent{color:var(--accent)}.center{justify-content:center;margin-top:28px;display:flex}.header{z-index:50;height:var(--header-h);padding-top:var(--banner-h,0px);border-bottom:1px solid #0000;transition:background .3s,border-color .3s,-webkit-backdrop-filter .3s,backdrop-filter .3s;position:fixed;inset:0 0 auto}.header:before{content:"";z-index:-1;pointer-events:none;background:linear-gradient(#0a0d14d1 0%,#0a0d1480 55%,#0000 100%);transition:opacity .3s;position:absolute;inset:0 0 -28px}.header.is-solid:before{opacity:0}.header:after{content:"";z-index:-1;pointer-events:none;-webkit-backdrop-filter:blur(14px);opacity:0;background:#0a0d14d1;transition:opacity .3s;position:absolute;inset:0}.header.is-solid:after{opacity:1}.header.is-solid{border-bottom-color:var(--line)}.header-inner{justify-content:space-between;align-items:center;gap:16px;width:min(1280px,100% - 32px);height:100%;margin-inline:auto;display:flex}.brand{align-items:center;gap:10px;display:flex}.brand img{width:auto;height:22px}.brand-x{color:var(--muted);font-size:14px}.brand-name{font-family:"Paperozi", var(--font-en);letter-spacing:.08em;color:var(--accent);font-size:17px;font-weight:900}.nav{gap:4px;display:none}.nav button,.drawer button{color:var(--muted);padding:8px 12px;font-size:14px;font-weight:600;transition:color .2s;position:relative}.nav button:after{content:"";background:var(--accent);height:2px;transition:transform .25s;position:absolute;bottom:2px;left:12px;right:12px;transform:scaleX(0)}.nav button{color:#e8ecf3;text-shadow:0 1px 2px #000000e6,0 0 10px #000000a6}.nav button:hover,.nav button.active,.drawer button.active{color:#fff}.nav button.active:after{box-shadow:0 0 8px #ff6a1acc}.brand-name,.brand img,.menu-btn{filter:drop-shadow(0 1px 4px #000000b3)}.nav button.active:after{transform:scaleX(1)}.menu-btn{place-items:center;width:44px;height:44px;margin-right:-8px;display:grid}.drawer{inset:var(--header-h) 0 0 0;-webkit-backdrop-filter:blur(18px);opacity:0;pointer-events:none;background:#0a0d14f7;flex-direction:column;gap:4px;padding:16px 20px;transition:opacity .25s,transform .25s;display:flex;position:fixed;overflow-y:auto;transform:translateY(-8px)}.drawer.open{opacity:1;pointer-events:auto;transform:none}.drawer button{text-align:left;border-bottom:1px solid var(--line);padding:16px 4px;font-size:20px}.drawer button.active{color:var(--accent)}@media (width>=1024px){.nav{display:flex}.menu-btn,.drawer{display:none}}.ov-menu{margin-left:auto;position:relative}.ov-menu-btn{width:44px;height:44px;color:var(--text);filter:drop-shadow(0 1px 4px #000000b3);border-radius:12px;place-items:center;display:grid}.ov-menu-btn:hover,.ov-menu-btn[aria-expanded=true]{color:var(--blue)}.ov-menu-pop{z-index:60;background:#111723fa;border:1px solid #3da5ff73;border-radius:16px;gap:2px;width:250px;padding:6px;display:grid;position:absolute;top:calc(100% + 8px);right:0;box-shadow:0 12px 32px #00000080}.ov-menu-pop a{color:var(--text);border-radius:10px;gap:2px;padding:10px 12px;text-decoration:none;display:grid}.ov-menu-pop a:hover{background:var(--surface-2)}.ov-menu-pop b{font-size:15px}.ov-menu-pop span{color:var(--muted);font-size:12.5px}@media (width>=1024px){.ov-menu{margin-left:0}}.section{padding:clamp(72px,10vw,128px) 0;position:relative}.section-alt{background:var(--bg-alt)}.eyebrow{font-family:var(--font-en);letter-spacing:.22em;text-transform:uppercase;color:var(--accent-light);align-items:center;gap:10px;font-size:14px;font-weight:700;display:inline-flex}.eyebrow:before,.eyebrow:after{content:"";opacity:.6;background:currentColor;width:18px;height:1px}.section-head{text-align:center;margin-bottom:clamp(32px,5vw,56px)}.section-head h2{letter-spacing:-.02em;margin-top:10px;font-size:clamp(30px,5vw,48px);font-weight:800}.section-head .bar{background:var(--accent);width:40px;height:3px;box-shadow:var(--glow);border-radius:2px;margin:16px auto 0;display:block}.section-head p{color:#b4bdcc;margin-top:16px;font-size:16px}.head-row{position:relative}.head-row .link-arrow{position:absolute;top:8px;right:0}@media (width<=767px){.head-row{flex-direction:column;display:flex}.head-row .link-arrow{align-self:center;margin-top:-24px;margin-bottom:28px;position:static}}.link-arrow{color:var(--text);align-items:center;gap:6px;font-size:14px;font-weight:700;transition:color .2s;display:inline-flex}.link-arrow:hover{color:var(--accent-light)}.btn{border-radius:999px;justify-content:center;align-items:center;gap:8px;min-height:48px;padding:0 24px;font-size:15px;font-weight:700;transition:transform .2s,box-shadow .2s,background .2s,border-color .2s;display:inline-flex}.btn:hover{transform:translateY(-2px)}.btn.primary{color:#fff;border:1.5px solid var(--accent);-webkit-backdrop-filter:blur(14px)saturate(140%);background:linear-gradient(135deg,#ff8a3d38,#ff6a1a14);box-shadow:inset 0 1px #ffffff38,0 8px 32px #00000059,0 0 24px #ff6a1a2e}.btn.primary svg{color:var(--accent-light)}.btn.primary:hover{border-color:var(--accent-light);background:linear-gradient(135deg,#ff8a3d57,#ff6a1a29);box-shadow:inset 0 1px #ffffff4d,0 8px 32px #00000059,0 0 40px #ff6a1a66}.btn.ghost{-webkit-backdrop-filter:blur(14px);background:#ffffff0f;border:1.5px solid #ffffff4d}.btn.ghost:hover{border-color:var(--accent);background:#ff6a1a14}.mini-avatar{object-fit:cover;border-radius:50%}.flip{transform:rotate(180deg)}.hero{isolation:isolate;align-items:center;min-height:100svh;display:flex;position:relative;overflow:hidden}.hero-bg{z-index:-1;background:radial-gradient(60% 70% at 78% 40%, #ff6a1a38, transparent 70%), radial-gradient(50% 60% at 95% 100%, #3da5ff24, transparent 70%), var(--bg);position:absolute;inset:0}.hero-media,.hero-bg picture,.hero-img{width:100%;height:100%;position:absolute;inset:0}.hero-media{animation:2.4s ease-out both heroZoom,22s ease-in-out 2.4s infinite alternate heroDrift}@keyframes heroDrift{0%{transform:scale(1)translate(0,0)}to{transform:scale(1.08)translate(-1.5%,-1%)}}@media (prefers-reduced-motion:reduce){.hero-media{animation:2.4s ease-out both heroZoom}}.hero-img{object-fit:cover;object-position:72% center}.hero-img-hd{animation:.9s both heroHdIn}@keyframes heroHdIn{0%{opacity:0}to{opacity:1}}@keyframes heroZoom{0%{opacity:0;transform:scale(1.12)}40%{opacity:1}to{opacity:1;transform:scale(1)}}.hero-shade{background:linear-gradient(90deg, #0a0d14eb 0%, #0a0d148c 45%, transparent 75%), linear-gradient(0deg, var(--bg) 0%, transparent 28%);position:absolute;inset:0}.hero-lines{background:repeating-linear-gradient(115deg,#0000 0 80px,#ff6a1a0d 80px 82px);animation:14s linear infinite lineSlide;position:absolute;inset:0;-webkit-mask-image:linear-gradient(90deg,#0000,#000 60%);mask-image:linear-gradient(90deg,#0000,#000 60%)}@keyframes lineSlide{to{background-position:164px 0}}.hero-glow{filter:blur(40px);background:radial-gradient(closest-side,#ff6a1a59,#0000);width:55vw;height:55vw;animation:6s ease-in-out infinite pulse;position:absolute;bottom:-25vw;right:-10vw}@keyframes pulse{50%{opacity:.55;transform:scale(1.08)}}.hero-content{padding-top:var(--header-h);padding-bottom:80px}.hero h1{font-family:"GiantsInline", "Paperozi", var(--font);letter-spacing:-.03em;flex-direction:column;margin-top:18px;font-weight:400;line-height:1.05;display:flex}.h1-line{font-size:clamp(32px,6.2vw,72px)}.h1-name{background:linear-gradient(#fff 30%,#c9d0dc);color:#0000;filter:drop-shadow(0 0 40px #ff6a1a40);-webkit-background-clip:text;background-clip:text;align-self:flex-start;font-size:clamp(88px,19vw,240px);animation:1.1s cubic-bezier(.22,1,.36,1) .55s both nameSlide}@keyframes nameSlide{0%{clip-path:inset(-10% 100% -10% -10%);transform:translate(-60px)}to{clip-path:inset(-10%);transform:translate(0)}}@media (prefers-reduced-motion:reduce){.h1-name{animation:none}}.hero-sub{color:var(--muted);margin-top:20px;font-size:clamp(15px,2vw,20px);font-weight:500}.hero-cta{flex-wrap:wrap;gap:12px;margin-top:32px;display:flex}.scroll-down{bottom:calc(96px + env(safe-area-inset-bottom));color:var(--muted);animation:1.8s ease-in-out infinite bob;position:absolute;left:50%;translate:-50%}body:has(.goal-bubble) .scroll-down{bottom:calc(218px + env(safe-area-inset-bottom))}@keyframes bob{50%{color:var(--accent-light);transform:translateY(8px)}}@media (width<=767px){.hero{align-items:flex-start}.hero-content{padding-top:calc(var(--header-h) + 36px)}.hero-shade{background:linear-gradient(180deg, #0a0d14eb 0%, #0a0d1459 45%, transparent 70%), linear-gradient(0deg, var(--bg) 0%, transparent 25%)}.hero-img{object-position:center bottom}}.about-grid{align-items:center;gap:40px;display:grid}.about-frame{aspect-ratio:4/5;border:1px solid var(--line);background:linear-gradient(160deg, var(--surface-2), var(--surface));max-width:420px;box-shadow:var(--glow);border-radius:24px;margin-inline:auto;position:relative;overflow:hidden}.about-frame:after{content:"";pointer-events:none;background:linear-gradient(#0000 60%,#0a0d1480);position:absolute;inset:0}.about-frame img{object-fit:cover;width:100%;height:100%}.about-text h3{letter-spacing:-.02em;font-size:clamp(24px,3.4vw,36px);font-weight:800;line-height:1.3}.about-text p{color:var(--muted);margin-top:20px;font-size:16px}.tags{flex-wrap:wrap;gap:8px;margin:24px 0 28px;display:flex}.tags li{color:var(--accent-light);background:#ff6a1a14;border:1px solid #ff6a1a66;border-radius:999px;padding:6px 14px;font-size:14px;font-weight:700}@media (width>=900px){.about-grid{grid-template-columns:5fr 6fr;gap:72px}}.stats{isolation:isolate;grid-template-columns:repeat(2,1fr);gap:12px;margin-bottom:28px;display:grid;position:relative}.stat-wrap{--mx:50%;--my:50%;--rx:0deg;--ry:0deg;perspective:700px}.stat{text-align:center;border-radius:var(--radius);-webkit-backdrop-filter:blur(18px)saturate(160%);transform:rotateX(var(--rx)) rotateY(var(--ry));will-change:transform;background:#0e142280;border:1px solid #ffffff29;border-top:2px solid #ff6a1a99;padding:28px 12px;transition:transform .5s cubic-bezier(.2,.8,.2,1),box-shadow .3s,border-color .3s;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffff1f,0 8px 28px #00000059}.stat-wrap:hover .stat{border-color:#fff6;transition:transform 80ms linear,box-shadow .3s,border-color .3s;box-shadow:inset 0 1px #fff3,0 14px 36px #00000080,0 0 22px #ff6a1a40}.stat:before,.stat:after{content:"";border-radius:inherit;pointer-events:none;opacity:0;transition:opacity .3s;position:absolute;inset:0}.stat:before{background:repeating-linear-gradient(115deg,#ff6a6a 0%,#ffd36a 12%,#7dffb0 24%,#6ac8ff 36%,#b08cff 48%,#ff6a6a 60%) 0 0/220% 220%;background-position:var(--mx) var(--my);mix-blend-mode:color-dodge;filter:saturate(1.4)brightness(.8)}.stat:after{background:radial-gradient(circle at var(--mx) var(--my), #ffffff8c, #fff0 55%);mix-blend-mode:overlay}.stat-wrap:hover .stat:before{opacity:.35}.stat-wrap:hover .stat:after{opacity:1}@media (prefers-reduced-motion:reduce){.stat{transform:none}}.stat strong{font-family:var(--font-en);color:var(--accent-light);text-shadow:0 0 24px #ff6a1a73;font-size:clamp(36px,6vw,56px);line-height:1.1;display:block}.stat small{margin-left:2px;font-size:.5em}.stat>span{color:#c2cad8;font-size:15px;font-weight:600}@media (width>=768px){.stats{grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:40px}}.cards{gap:16px;display:grid}@media (width>=640px){.cards{grid-template-columns:repeat(2,1fr)}}@media (width>=1024px){.cards{grid-template-columns:repeat(3,1fr);gap:20px}}.card{border-radius:var(--radius);border:1px solid var(--line);background:var(--surface);flex-direction:column;transition:transform .3s,border-color .3s,box-shadow .3s;display:flex;overflow:hidden}.card:hover{box-shadow:var(--glow);border-color:#ff6a1a8c;transform:translateY(-6px)}.card-art{aspect-ratio:16/9;background:linear-gradient(135deg, var(--surface-2), var(--surface));overflow:hidden}.card-art img{object-fit:cover;width:100%;height:100%;transition:transform .6s}.card:hover .card-art img{transform:scale(1.06)}.card-art-fallback{color:#ff6a1a80;place-items:center;height:100%;display:grid}.card-art-fallback svg{width:44px;height:44px}.card-body{padding:20px 22px 24px}.card-top{justify-content:space-between;align-items:center;gap:8px;display:flex}.card-icon{width:38px;height:38px;color:var(--accent-light);background:#ff6a1a1f;border-radius:10px;place-items:center;display:grid}.card-tag{color:var(--accent-light);background:#ff6a1a1a;border-radius:999px;padding:4px 10px;font-size:12px;font-weight:700}.card h3{margin-top:14px;font-size:20px;font-weight:800}.card p{color:var(--muted);margin-top:8px;font-size:15px}.card-link{color:var(--accent,inherit);text-underline-offset:3px;align-items:center;gap:3px;font-weight:700;text-decoration:underline;display:inline-flex}.card-link svg{flex:none}.player{aspect-ratio:16/9;box-shadow:var(--glow), 0 30px 80px #00000080;background:#000;border:1px solid #ff6a1a59;border-radius:20px;position:relative;overflow:hidden}.player iframe,.player-facade{border:0;width:100%;height:100%;position:absolute;inset:0}.player-facade img{object-fit:cover;filter:brightness(.7);width:100%;height:100%;transition:transform .6s,filter .3s}.player-facade:hover img{filter:brightness(.85);transform:scale(1.04)}.play-circle{color:#fff;border:2px solid var(--accent);-webkit-backdrop-filter:blur(16px)saturate(150%);background:linear-gradient(135deg,#ff8a3d47,#ff6a1a14);border-radius:50%;place-items:center;width:clamp(64px,10vw,96px);height:clamp(64px,10vw,96px);margin:auto;transition:transform .25s,background .25s;animation:2.2s ease-out infinite ring;display:grid;position:absolute;inset:0;box-shadow:inset 0 1px #ffffff4d,0 10px 36px #0006,0 0 40px #ff6a1a4d}.play-circle svg{filter:drop-shadow(0 2px 8px #0006);margin-left:4px}.player-facade:hover .play-circle{background:linear-gradient(135deg,#ff8a3d6b,#ff6a1a29);transform:scale(1.08)}@keyframes ring{0%{outline-offset:0;outline:0 solid #ff6a1a73}to{outline-offset:14px;outline:14px solid #ff6a1a00}}.player-label{text-shadow:0 2px 8px #000;font-size:14px;font-weight:700;position:absolute;bottom:14px;left:16px}.vod-grid{grid-template-columns:repeat(2,1fr);gap:14px;display:grid}@media (width<=479px){.vod-grid{grid-template-columns:1fr}}@media (width>=900px){.vod-grid{grid-template-columns:repeat(3,1fr);gap:20px}}@media (width>=1100px){.vod-grid{grid-template-columns:repeat(4,1fr)}}.vod{display:block}.vod-thumb{aspect-ratio:16/9;background:var(--surface-2);border:1px solid var(--line);border-radius:12px;transition:border-color .3s,box-shadow .3s;position:relative;overflow:hidden}.vod-thumb img{object-fit:cover;width:100%;height:100%;transition:transform .5s}.vod:hover .vod-thumb{box-shadow:var(--glow);border-color:#ff6a1a99}.vod:hover .vod-thumb img{transform:scale(1.07)}.vod-play{color:#fff;opacity:0;background:#0a0d1473;place-items:center;transition:opacity .25s;display:grid;position:absolute;inset:0}.vod:hover .vod-play,.vod:focus-visible .vod-play{opacity:1}.vod-meta{padding:10px 2px 0}.vod-meta h3{-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:14px;font-weight:600;line-height:1.45;display:-webkit-box;overflow:hidden}.vod-meta time{color:var(--muted);margin-top:4px;font-size:12px;display:block}.hl-layout{grid-template-columns:1fr;gap:20px;display:grid}@media (width>=900px){.hl-layout{grid-template-columns:320px minmax(0,1fr);align-items:start;gap:28px}.hl-list{overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#ff6a1a8c transparent;max-height:520px;margin:-4px 0;padding:4px 10px 4px 4px;overflow-y:auto}.hl-list::-webkit-scrollbar{width:6px}.hl-list::-webkit-scrollbar-button{display:none}.hl-list::-webkit-scrollbar-track{background:#ffffff0d;border-radius:999px;margin:6px 0}.hl-list::-webkit-scrollbar-thumb{background:linear-gradient(180deg, var(--accent-2,#ff8a3d), var(--accent));border-radius:999px}.hl-list::-webkit-scrollbar-thumb:hover{background:var(--accent)}}@media (width<=899px){.hl-stage{order:-1}}.hl-list{gap:10px;display:grid}.hl-item{text-align:left;border:1px solid var(--line);background:var(--surface-2);border-radius:12px;grid-template-columns:112px 1fr;align-items:center;gap:12px;width:100%;padding:8px;transition:border-color .25s,box-shadow .25s,background .25s;display:grid}.hl-item:hover{border-color:#ff6a1a80}.hl-item.is-active{border-color:var(--accent);box-shadow:var(--glow)}.hl-item-thumb{aspect-ratio:16/9;background:#000;border-radius:8px;position:relative;overflow:hidden}.hl-item-thumb img{object-fit:cover;width:100%;height:100%}.hl-item-title{-webkit-line-clamp:3;-webkit-box-orient:vertical;font-size:13px;font-weight:600;line-height:1.5;display:-webkit-box;overflow:hidden}.hl-player{box-shadow:var(--glow);border-radius:14px}.hl-badge{color:#fff;background:#0a0d14c7;border-radius:5px;padding:1px 6px;font-size:11px;font-weight:700;position:absolute;bottom:6px;right:6px}.hl-meta{justify-content:space-between;align-items:flex-start;gap:12px;padding:12px 2px 0;display:flex}.hl-meta h3{font-size:16px;font-weight:700;line-height:1.5}.hl-meta a{color:var(--muted);flex:none;align-items:center;gap:6px;padding:4px 2px;font-size:13px;transition:color .2s;display:inline-flex}.hl-meta a:hover{color:var(--accent)}.timeline{gap:14px;display:grid;position:relative}.tl{position:relative}.tl-dot{display:none}.tl-card{border:1px solid var(--line);background:var(--surface);border-radius:14px;grid-template-columns:1fr auto;align-items:center;gap:4px 12px;padding:18px 20px;display:grid}.tl-card h3{font-size:18px;font-weight:800}.tl-icon{color:var(--muted);grid-area:1/2}.tl-card time{color:var(--muted);font-size:13px}.tl-badge{color:var(--muted);background:#ffffff12;border-radius:6px;grid-area:2/2;justify-self:end;padding:3px 10px;font-size:12px;font-weight:700}.tl.done .tl-card{opacity:.7}.tl.live .tl-card{border-color:var(--accent);background:linear-gradient(160deg, #ff6a1a24, var(--surface));box-shadow:var(--glow)}.tl.live .tl-icon,.tl.live time{color:var(--accent-light)}.tl.live .tl-badge{color:var(--accent-light);background:#ff6a1a2e}@media (width>=1024px){.timeline{grid-template-columns:repeat(6,1fr);gap:16px;padding-top:44px}.timeline:before{content:"";background:var(--line);height:2px;position:absolute;top:14px;left:8%;right:8%}.tl-dot{background:var(--bg);color:#fff;border:2px solid #3a4456;border-radius:50%;place-items:center;width:20px;height:20px;display:grid;position:absolute;top:-38px;left:50%;translate:-50%}.tl.done .tl-dot{background:#4b5568;border-color:#4b5568}.tl.live .tl-dot{border-color:var(--accent);background:var(--accent);box-shadow:0 0 0 6px #ff6a1a40, 0 0 20px var(--accent)}.tl-card{text-align:center;grid-template-columns:1fr;justify-items:center;gap:10px;height:100%;padding:24px 10px}.tl-icon,.tl-badge{grid-area:auto/1;justify-self:center}.tl-icon{order:2}.tl-card time{order:3}.tl-badge{order:4}}.comment{border-radius:var(--radius);border:1px solid var(--line);background:var(--surface);position:relative;overflow:hidden}.comment-clip{max-height:260px;padding:28px 24px 0;transition:max-height .6s;position:relative;overflow:hidden}.comment-clip:after{content:"";background:linear-gradient(0deg, var(--surface), transparent);pointer-events:none;height:110px;transition:opacity .3s;position:absolute;inset:auto 0 0}.comment.open .comment-clip{max-height:5200px;padding-bottom:24px}.comment.open .comment-clip:after{opacity:0}.comment-toggle{border-top:1px solid var(--line);background:#ffffff08;justify-content:center;align-items:center;display:flex;position:relative}.comment-toggle-btn{width:100%;color:var(--text,#e8ecf3);font:inherit;cursor:pointer;background:0 0;border:0;border-radius:0;justify-content:center;align-items:center;gap:6px;padding:18px 20px;font-size:14px;font-weight:600;transition:background .2s,color .2s;display:inline-flex}.comment-toggle-btn:hover{color:var(--accent,#ff7a1a);background:#ffffff14}.comment-body{white-space:pre-line;color:#cdd3de;word-break:keep-all;overflow-wrap:anywhere;font-size:15px;line-height:1.85}.comment-body a{color:var(--accent,#ff7a1a);text-underline-offset:2px;text-decoration:underline}.footer{border-top:1px solid var(--line);padding:56px 0 calc(290px + env(safe-area-inset-bottom));text-align:center;background:linear-gradient(#0000,#ff6a1a0d)}@media (width>=1100px){.footer{padding-bottom:calc(200px + env(safe-area-inset-bottom))}}.footer-inner{flex-direction:column;align-items:center;gap:14px;display:flex}.footer-chibi{width:120px;height:auto}.footer img[alt=SBO]{opacity:.8;width:auto;height:20px}.footer p{color:#b4bdcc;font-size:14px}.footer nav{gap:12px;font-size:14px;font-weight:700;display:flex}.footer nav a:hover{color:var(--accent-light);border-color:var(--accent);background:#ff6a1a1f;transform:translateY(-2px)}.footer small{color:#8a93a3;max-width:520px;font-size:12px}.floating{z-index:40;padding:0 16px calc(16px + env(safe-area-inset-bottom));pointer-events:none;justify-content:center;display:flex;position:fixed;bottom:0;left:0;right:0}.floating-btn{pointer-events:auto;min-height:52px;color:var(--accent);border:1.5px solid var(--accent);-webkit-backdrop-filter:blur(14px)saturate(140%);background:#1117238c;border-radius:999px;align-items:center;gap:10px;padding:0 24px;font-size:15px;font-weight:800;transition:transform .2s,background .2s;display:inline-flex;box-shadow:0 10px 40px #00000073,inset 0 1px #ffffff14}a.floating-btn{animation:2.4s ease-in-out infinite cta-pulse}a.floating-btn:hover{background:#111723b3;animation-play-state:paused;transform:translateY(-3px)}a.floating-btn svg:first-child{transform-origin:50% 90%;animation:1.6s ease-in-out infinite cta-flame}a.floating-btn svg:last-child{animation:1.6s ease-in-out infinite cta-nudge}@keyframes cta-pulse{0%,to{border-color:var(--accent);background:#1117238c;box-shadow:0 10px 40px #00000073,inset 0 1px #ffffff14,0 0 #ff6a1a8c}50%{border-color:var(--accent-light);background:#ff6a1a38;box-shadow:0 10px 40px #00000073,inset 0 1px #ffffff14,0 0 0 10px #ff6a1a00,0 0 24px #ff6a1a80}}@keyframes cta-flame{0%,to{transform:scale(1)rotate(0)}35%{transform:scale(1.15)rotate(-6deg)}65%{transform:scale(.95)rotate(5deg)}}@keyframes cta-nudge{0%,60%,to{transform:translate(0)}30%{transform:translate(2px,-2px)}}.floating-btn:disabled{cursor:not-allowed;color:#8a94a6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#1e2432eb;border:1px solid #ffffff1f;box-shadow:0 10px 40px #00000080}.floating-btn em{background:#ffffff1a;border-radius:6px;padding:2px 8px;font-size:12px;font-style:normal}.floating-stack{flex-direction:column;align-items:center;gap:14px;max-width:100%;display:flex}.goal-bubble{pointer-events:auto;color:#0a0d14;background:#fff;border:2.5px solid #0a0d14;border-radius:18px;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:6px 12px;max-width:min(460px,100%);padding:10px 20px 10px 14px;animation:.4s cubic-bezier(.2,1.2,.4,1) bubble-in;display:grid;position:relative;box-shadow:0 8px 28px #0006}.goal-bubble:before,.goal-bubble:after{content:"";border-style:solid;border-color:#0000;position:absolute;left:50%;translate:-50%}.goal-bubble:before{border-width:12px 10px 0;border-top-color:#0a0d14;top:100%}.goal-bubble:after{border-width:10px 8px 0;border-top-color:#fff;top:calc(100% - 3px)}.goal-who{flex-direction:column;flex:none;align-items:center;display:flex}.goal-who img{object-fit:cover;background:#fff;border:2px solid #0a0d14;border-radius:50%;width:46px;height:46px}.goal-who span{white-space:nowrap;color:#0a0d14;background:#fff;border:2px solid #0a0d14;border-radius:999px;margin-top:-9px;padding:0 8px;font-size:11px;font-weight:800;line-height:1.5}.goal-text{min-width:0}.goal-progress{grid-column:1/-1}.goal-progress-head{color:#4a5160;justify-content:space-between;gap:8px;margin-bottom:3px;font-family:Space Grotesk,Pretendard,sans-serif;font-size:11.5px;font-weight:700;line-height:1.2;display:flex}.goal-progress-head b{color:#0a0d14;font-weight:900}.goal-progress-bar{background:#e6e9ef;border:2px solid #0a0d14;border-radius:999px;height:9px;overflow:hidden}.goal-progress-bar i{background:linear-gradient(90deg, var(--accent), #ffb347);transform-origin:0;border-radius:999px;height:100%;animation:.9s cubic-bezier(.2,.8,.2,1) .2s both goal-fill;display:block}@keyframes goal-fill{0%{transform:scaleX(0)}}.goal-count{justify-content:space-between;align-items:center;gap:10px;display:flex}.goal-link{color:#0a0d14;border-radius:50%;flex:none;place-items:center;width:28px;height:28px;margin-right:-6px;transition:background .2s,color .2s;display:grid}.goal-link:hover{color:#fff;background:var(--accent)}.goal-bubble p{text-align:left;word-break:keep-all;margin:0;font-size:15.5px;font-weight:700;line-height:1.3}.goal-hl{color:var(--accent);font-style:normal;font-weight:900}.goal-when{color:#fff;background:var(--accent);vertical-align:1px;white-space:nowrap;border-radius:999px;margin-left:2px;padding:1px 8px;font-size:12.5px;font-weight:800;display:inline-block}.goal-bubble strong.goal-sm{font-size:19px}.goal-bubble strong{color:var(--accent-dark);font-size:26px;font-weight:900;line-height:1.2}.goal-close{color:#0a0d14;cursor:pointer;background:#fff;border:2px solid #0a0d14;border-radius:50%;place-items:center;width:26px;height:26px;display:none;position:absolute;top:-10px;right:-6px;box-shadow:0 2px 8px #00000059}@media (width<=479px){.goal-close{display:grid}}@keyframes bubble-in{0%{opacity:0;transform:translateY(8px)scale(.92)}}@media (width<=479px){:is(body:has(.goal-bubble) .fab-menu,body:has(.goal-bubble) .pk-field){translate:0 -126px}.footer{padding-bottom:calc(298px + env(safe-area-inset-bottom))}.floating-stack{width:100%}.floating-btn{justify-content:center;width:100%}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}.stadium-bg{background:url(/images/stadium-texture.webp) center / cover no-repeat, var(--bg)}.stadium-bg>.container,.about-visual{position:relative}.about-chibi{filter:drop-shadow(0 8px 20px #00000080);width:clamp(110px,28%,170px);height:auto;animation:4s ease-in-out infinite float;position:absolute;bottom:-28px;right:-4%}@keyframes float{50%{transform:translateY(-8px)}}.comment-head{position:relative}.comment-chibi{pointer-events:none;width:clamp(64px,12vw,96px);height:auto;margin-right:clamp(100px,18vw,150px);animation:4s ease-in-out infinite float;position:absolute;top:18px;right:50%}.comment-photo{border:1px solid var(--line);border-radius:12px;width:100%;height:auto;margin-top:24px}.soop-icon{border-radius:5px;flex:none;width:20px;height:20px}.footer-logos{color:var(--muted);align-items:center;gap:14px;display:flex}.footer .footer-logos img{opacity:.85;width:auto}.footer nav a{background:#ffffff0a;border:1px solid #ffffff2e;border-radius:999px;align-items:center;gap:8px;padding:9px 18px;transition:border-color .2s,background .2s,color .2s,transform .2s;display:inline-flex}.footer nav a img{border-radius:4px}.pk-field{--pk-size:72px;z-index:39;left:12px;bottom:calc(16px + 52px + 6px + env(safe-area-inset-bottom));width:min(240px,100vw - 24px);height:var(--pk-size);pointer-events:none;position:fixed}.pk-actor{width:var(--pk-size);height:var(--pk-size);cursor:pointer;pointer-events:auto;-webkit-tap-highlight-color:transparent;will-change:transform;background:0 0;border:0;padding:0;position:absolute;bottom:0;left:0}.pk-actor:focus-visible{outline:2px dashed var(--accent-light);outline-offset:2px;border-radius:8px}.pk-actor img{object-fit:contain;width:100%;height:100%;image-rendering:pixelated;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;filter:drop-shadow(0 4px #00000059);display:block}.pk-pop{font:400 15px/1 "Galmuri11", "Galmuri9", var(--font);color:#fff;text-shadow:-1px -1px #000,1px -1px #000,-1px 1px #000,1px 1px #000,0 -1px #000,0 1px #000,-1px 0 #000,1px 0 #000;background:var(--accent);-webkit-font-smoothing:none;white-space:nowrap;pointer-events:none;border:2px solid #000;border-radius:0;padding:5px 9px;animation:1.5s steps(12,end) forwards pk-pop;position:absolute;top:-6px;left:50%;box-shadow:2px 2px #000}@keyframes pk-pop{0%{opacity:0;transform:translate(-50%,6px)scale(.7)}10%{opacity:1;transform:translate(-50%,-6px)scale(1.15)}18%{opacity:1;transform:translate(-50%,-6px)scale(1)}75%{opacity:1;transform:translate(-50%,-14px)scale(1)}to{opacity:0;transform:translate(-50%,-26px)scale(1)}}.pk-ball{bottom:calc(var(--pk-size) * .45);width:calc(var(--pk-size) * .28);height:calc(var(--pk-size) * .28);image-rendering:pixelated;pointer-events:none;background:50%/contain no-repeat;position:absolute}.pk-ball-css{width:calc(var(--pk-size) * .18);height:calc(var(--pk-size) * .18);background:#fff;border:2px solid #1a2233;border-radius:2px;box-shadow:inset -2px -2px #c9cfdb}@media (width>=480px){.pk-field{--pk-size:84px;width:min(300px,100vw - 24px)}}@media (width>=1100px){.pk-field{--pk-size:104px;left:24px;bottom:calc(16px + env(safe-area-inset-bottom));width:min(340px,28vw)}}@media (height<=420px) and (orientation:landscape){.pk-field{--pk-size:56px}}.live-anchor{min-height:1px;margin-top:28px}.live-card{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0d111ac7;border:1px solid #ff6a1a80;border-radius:14px;align-items:center;gap:14px;width:min(100%,420px);padding:10px;transition:border-color .2s,transform .2s;display:flex}.live-card:hover{border-color:var(--accent);transform:translateY(-2px)}.live-thumb{aspect-ratio:16/9;background:var(--surface-2);border-radius:8px;flex:none;width:144px;position:relative;overflow:hidden}.live-thumb img{object-fit:cover;width:100%;height:100%;display:block}.live-viewers{color:#fff;background:#000000a3;border-radius:999px;align-items:center;gap:5px;padding:2px 8px;font-size:12px;font-weight:700;line-height:1.5;display:inline-flex;position:absolute;top:6px;left:6px}.live-dot{background:#ff3b3b;border-radius:50%;width:7px;height:7px;box-shadow:0 0 6px #ff3b3bb3}.live-title{-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:14px;line-height:1.35;display:-webkit-box;overflow:hidden}@media (width<=767px){.live-thumb{width:112px}}.mini-avatar-wrap{display:inline-flex;position:relative}.live-ring{z-index:3;-webkit-mask-composite:xor;pointer-events:none;background:linear-gradient(113.84deg,#0082ff 5.63%,#0a96ff 44.46%,#05bcff 57.4%,#00f0ff 75.9%,#04f0fc 78.67%,#10f1f5 81.44%,#24f4e8 84.22%,#40f7d7 87.92%,#64fbc1 90.69%,#82ffb0 92.54%);border-radius:50%;padding:2px;position:absolute;inset:-3px;-webkit-mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.fab-menu{z-index:41;right:12px;bottom:calc(16px + 52px + 8px + env(safe-area-inset-bottom));position:fixed}.fab-btn{width:48px;height:48px;color:var(--text);-webkit-backdrop-filter:blur(10px);background:#111723eb;border:1px solid #ff8a3d8c;border-radius:50%;place-items:center;transition:transform .15s,border-color .15s;display:grid;box-shadow:0 8px 28px #00000073,0 0 24px #ff6a1a2e}.fab-btn svg{color:var(--accent-light)}.fab-btn:hover{border-color:var(--accent-light);transform:translateY(-2px)}.fab-popover{background:#111723f7;border:1px solid #ff8a3d73;border-radius:16px;flex-direction:column;gap:4px;min-width:190px;padding:6px;animation:.16s ease-out fab-pop;display:flex;position:absolute;bottom:calc(100% + 10px);right:0;box-shadow:0 12px 36px #0000008c}.fab-item{min-height:44px;color:var(--text);white-space:nowrap;border-radius:11px;align-items:center;gap:10px;padding:0 14px;font-size:14px;font-weight:800;display:flex}.fab-item svg{color:var(--accent-light)}.fab-item:hover,.fab-item:focus-visible{background:var(--surface-2)}.fab-hint{white-space:nowrap;color:#0a0d14;pointer-events:none;background:#fff;border:2.5px solid #0a0d14;border-radius:14px;padding:8px 14px;font-size:13.5px;font-weight:800;animation:.4s cubic-bezier(.2,1.2,.4,1) bubble-in,2.2s ease-in-out .5s infinite fab-hint-bob;display:none;position:absolute;bottom:calc(100% + 12px);right:114px;box-shadow:0 8px 24px #0006}.fab-hint:before,.fab-hint:after{content:"";border-style:solid;border-color:#0000;position:absolute;right:17px}.fab-hint:before{border-width:11px 9px 0;border-top-color:#0a0d14;top:100%}.fab-hint:after{border-width:9px 7px 0;border-top-color:#fff;top:calc(100% - 3px)}@keyframes fab-pop{0%{opacity:0;transform:translateY(6px)scale(.96)}}@keyframes fab-hint-bob{50%{transform:translateY(-4px)}}@media (width>=480px){.fab-menu{right:16px;bottom:calc(16px + env(safe-area-inset-bottom))}}@media (width>=768px){.fab-hint{display:block}}@media (width>=1100px){.fab-menu{right:24px}}@media (prefers-reduced-motion:reduce){.fab-hint{animation:none}}.k3d-icon-btn{background:radial-gradient(circle at 50% 35%,#2a3550,#131a2a);border:1px solid #ff8a3d8c;border-radius:50%;place-items:center;width:48px;height:48px;transition:transform .15s,border-color .15s;animation:3.2s ease-in-out infinite k3d-bob;display:grid;position:absolute;bottom:0;right:116px;box-shadow:0 8px 28px #00000073,0 0 24px #ff6a1a2e}.k3d-icon-btn img{object-fit:cover;pointer-events:none;border-radius:50%;width:100%;height:100%}.k3d-icon-btn:hover{border-color:var(--accent-light);animation-play-state:paused;transform:translateY(-2px)rotate(-4deg)}.k3d-icon-badge{letter-spacing:.02em;color:#0a0d14;background:var(--accent-light);border:1.5px solid #0a0d14;border-radius:999px;padding:1px 5px;font-size:10px;font-weight:900;line-height:1.3;position:absolute;bottom:-3px;right:-4px}@keyframes k3d-bob{50%{transform:translateY(-3px)}}.k3d-wrap{z-index:65;background:#05080eb8;place-items:center;padding:16px;display:grid;position:fixed;inset:0}.k3d-modal{background:var(--bg-alt);border:1px solid var(--line);border-radius:20px;flex-direction:column;width:min(560px,100%);max-height:100%;display:flex;overflow:hidden;box-shadow:0 24px 60px #0009}.k3d-body{flex-direction:column;min-height:0;display:flex;overflow-y:auto}.k3d-up{background:linear-gradient(90deg, var(--accent-dark), var(--accent));color:#fff;border-radius:14px;align-items:center;gap:10px;padding:12px 14px;text-decoration:none;display:flex}.k3d-up span{gap:1px;display:grid}.k3d-up b{font-size:15px;font-weight:800}.k3d-up small{opacity:.85;font-size:12px}.k3d-up:hover{filter:brightness(1.08)}.k3d-stage{cursor:grab;background:radial-gradient(at 50% 35%,#26324c 0%,#121a2b 62%,#0b101c 100%);flex:none;width:100%;height:min(56dvh,480px);position:relative;overflow:hidden}.k3d-stage:active{cursor:grabbing}.k3d-stage canvas{touch-action:none;display:block}.k3d-loading{color:var(--muted);pointer-events:none;flex-direction:column;justify-content:center;align-items:center;gap:10px;font-size:13px;font-weight:700;display:flex;position:absolute;inset:0}.k3d-loading svg{color:var(--accent-light)}.k3d-tools{flex-direction:column;gap:8px;display:flex;position:absolute;top:10px;right:10px}.k3d-tool{width:38px;height:38px;color:var(--text);border:1px solid var(--line);-webkit-backdrop-filter:blur(6px);background:#111723cc;border-radius:50%;place-items:center;display:grid}.k3d-tool:hover{border-color:var(--accent-light)}.k3d-tool[aria-pressed=true]{color:#0a0d14;background:var(--accent-light);border-color:var(--accent-light)}.k3d-hint{text-align:center;color:#ffffff8c;pointer-events:none;margin:0;font-size:12px;font-weight:700;position:absolute;bottom:8px;left:0;right:0}.k3d-fallback{text-align:center;place-items:center;gap:8px;height:100%;padding:16px;display:grid}.k3d-fallback img{object-fit:contain;max-width:100%;max-height:80%}.k3d-fallback p{color:var(--muted);margin:0;font-size:13px}.k3d-panel{padding:14px 16px calc(16px + env(safe-area-inset-bottom));flex-direction:column;gap:14px;display:flex}.k3d-panel h3{color:var(--muted);margin:0 0 8px;font-size:13px;font-weight:800}.k3d-chips{flex-wrap:wrap;gap:6px;display:flex}.k3d-chip{min-height:36px;color:var(--text);background:var(--surface);border:1px solid var(--line);border-radius:999px;padding:0 14px;font-size:13.5px;font-weight:800;transition:background .12s,border-color .12s}.k3d-chip:hover{border-color:var(--accent-light)}.k3d-chip[aria-pressed=true]{color:#0a0d14;background:var(--accent-light);border-color:var(--accent-light)}@media (width<=479px){.k3d-wrap{padding:8px}.k3d-icon-btn{right:114px}.derby-icon-btn{right:56px}}@media (orientation:landscape) and (height<=520px){.k3d-modal{width:min(880px,100%)}.k3d-body{flex-direction:row;overflow:hidden}.k3d-stage{flex:56%;height:calc(100dvh - 96px)}.k3d-panel{flex:44%;overflow-y:auto}}@media (prefers-reduced-motion:reduce){.k3d-icon-btn{animation:none}}.gallery{z-index:60;background:var(--bg);flex-direction:column;display:flex;position:fixed;inset:0}.gallery-head{border-bottom:1px solid var(--line);background:var(--bg-alt);flex:none;justify-content:space-between;align-items:center;gap:12px;height:56px;padding:0 12px 0 16px;display:flex}.gallery-head h2{font-size:16px;font-weight:800}.gallery-close,.gallery-nav{border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;display:inline-flex}.gallery-close:hover{background:var(--surface-2)}.gallery-body{flex-direction:column-reverse;flex:1;min-height:0;display:flex}.gallery-list{padding:10px 12px calc(10px + env(safe-area-inset-bottom));border-top:1px solid var(--line);background:var(--bg-alt);flex:none;gap:8px;list-style:none;display:flex;overflow-x:auto}.gallery-list li{flex:none}.gallery-item{text-align:left;border:1px solid #0000;border-radius:10px;flex-direction:column;gap:6px;width:112px;padding:4px;display:flex}.gallery-item:hover{background:var(--surface)}.gallery-item.active{border-color:var(--accent);background:var(--surface-2)}.gallery-thumb{aspect-ratio:16/9;background:var(--surface);border-radius:6px;display:block;overflow:hidden}.gallery-thumb img{object-fit:cover;width:100%;height:100%}.gallery-empty{background:linear-gradient(135deg, var(--surface-2), var(--surface));width:100%;height:100%;display:block}.gallery-item-text{color:var(--muted);gap:6px;font-size:12px;line-height:1.3;display:flex}.gallery-item-text b{color:var(--accent-light);font-weight:800}.gallery-item.active .gallery-item-text{color:var(--text)}.gallery-item-text span{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.gallery-view{flex-direction:column;flex:1;min-height:0;display:flex}.gallery-stage{background:#05070b;flex:1;min-height:0;position:relative;overflow:hidden}.gallery-img{-webkit-user-select:none;user-select:none;-webkit-user-drag:none;pointer-events:none;object-fit:contain;width:100%;height:100%;position:absolute;inset:0}.gallery-img-thumb{filter:blur(10px);transition:opacity .25s;transform:scale(1.04)}.gallery-img-thumb.hide{opacity:0}.gallery-img-full{animation:.3s gallery-fade}@keyframes gallery-fade{0%{opacity:0}to{opacity:1}}.gallery-loading{color:var(--text);pointer-events:none;background:#05070b59;flex-direction:column;justify-content:center;align-items:center;gap:10px;font-size:13px;display:flex;position:absolute;inset:0}.gallery-loading svg{color:var(--accent-light)}.gallery-loading .spin{animation:.9s linear infinite gallery-spin}@keyframes gallery-spin{to{transform:rotate(360deg)}}.gallery-nav{z-index:2;border:1px solid var(--line);-webkit-backdrop-filter:blur(6px);background:#0a0d1499;position:absolute;top:50%;translate:0 -50%}.gallery-nav:hover{background:var(--accent-dark)}.gallery-nav.prev{left:10px}.gallery-nav.next{right:10px}.gallery-caption{border-top:1px solid var(--line);background:var(--bg-alt);flex:none;justify-content:space-between;align-items:center;gap:12px;padding:10px 14px;display:flex}.gallery-caption div{flex-direction:column;gap:2px;min-width:0;display:flex}.gallery-caption strong{font-size:15px}.gallery-caption div span{color:var(--muted);font-size:12px}.gallery-dl{border:1.5px solid var(--accent);min-height:42px;color:var(--accent);background:#0000008c;border-radius:0;flex:none;align-items:center;gap:8px;padding:0 18px;font-size:14px;font-weight:700;transition:background .15s;display:inline-flex}.gallery-dl:hover{background:#000000bf}.gallery-dl.disabled{opacity:.4;pointer-events:none}@media (width>=768px){.gallery-head{height:64px;padding:0 16px 0 24px}.gallery-head h2{font-size:20px}.gallery-body{flex-direction:row}.gallery-list{border-top:0;border-right:1px solid var(--line);flex-direction:column;gap:4px;width:320px;padding:12px;overflow:hidden auto}.gallery-item{flex-direction:row;align-items:center;gap:12px;width:100%}.gallery-thumb{flex:none;width:112px}.gallery-item-text{flex-direction:column;gap:2px;font-size:14px}.gallery-caption{padding:12px 20px}}.zoom{position:absolute;inset:0}.zoom-viewport{touch-action:none;cursor:zoom-in;position:absolute;inset:0;overflow:hidden}.zoom-viewport.zoomed{cursor:grab}.zoom-viewport.dragging{cursor:grabbing}.zoom-content{will-change:transform;transform-origin:50%;position:absolute;inset:0}.zoom-content.smooth{transition:transform .22s}.zoom-tools{z-index:2;border:1px solid var(--line);-webkit-backdrop-filter:blur(6px);background:#0a0d1499;border-radius:999px;align-items:center;gap:2px;padding:3px;display:flex;position:absolute;top:10px;right:10px}.zoom-tools button{border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;display:inline-flex}.zoom-tools button:hover:not(:disabled){background:var(--accent-dark)}.zoom-tools button:disabled{opacity:.35;cursor:default}.zoom-tools span{text-align:center;font-variant-numeric:tabular-nums;min-width:44px;font-size:12px;font-weight:700}.gallery-list,.cheer-list-scroll,.cheer-card-body,.cheer-modal{scrollbar-width:thin;scrollbar-color:#ffffff2e transparent}.gallery-list:hover,.cheer-list-scroll:hover,.cheer-card-body:hover,.cheer-modal:hover{scrollbar-color:#ff8a3db3 transparent}.cheer-list-scroll{scrollbar-gutter:stable}.gallery-list::-webkit-scrollbar{width:8px;height:8px}.cheer-list-scroll::-webkit-scrollbar{width:8px;height:8px}.cheer-card-body::-webkit-scrollbar{width:8px;height:8px}.cheer-modal::-webkit-scrollbar{width:8px;height:8px}.gallery-list::-webkit-scrollbar-track{background:0 0;margin:6px}.cheer-list-scroll::-webkit-scrollbar-track{background:0 0;margin:6px}.cheer-card-body::-webkit-scrollbar-track{background:0 0;margin:6px}.cheer-modal::-webkit-scrollbar-track{background:0 0;margin:6px}.gallery-list::-webkit-scrollbar-thumb{background:#ffffff24 padding-box content-box;border:2px solid #0000;border-radius:999px;transition:background .2s}.cheer-list-scroll::-webkit-scrollbar-thumb{background:#ffffff24 padding-box content-box;border:2px solid #0000;border-radius:999px;transition:background .2s}.cheer-card-body::-webkit-scrollbar-thumb{background:#ffffff24 padding-box content-box;border:2px solid #0000;border-radius:999px;transition:background .2s}.cheer-modal::-webkit-scrollbar-thumb{background:#ffffff24 padding-box content-box;border:2px solid #0000;border-radius:999px;transition:background .2s}.gallery-list:hover::-webkit-scrollbar-thumb{background:#ff8a3d8c padding-box content-box}.cheer-list-scroll:hover::-webkit-scrollbar-thumb{background:#ff8a3d8c padding-box content-box}.cheer-card-body:hover::-webkit-scrollbar-thumb{background:#ff8a3d8c padding-box content-box}.cheer-modal:hover::-webkit-scrollbar-thumb{background:#ff8a3d8c padding-box content-box}.gallery-list::-webkit-scrollbar-thumb:hover{background:var(--accent);background-clip:content-box}.cheer-list-scroll::-webkit-scrollbar-thumb:hover{background:var(--accent);background-clip:content-box}.cheer-card-body::-webkit-scrollbar-thumb:hover{background:var(--accent);background-clip:content-box}.cheer-modal::-webkit-scrollbar-thumb:hover{background:var(--accent);background-clip:content-box}.gallery-list::-webkit-scrollbar-corner{background:0 0}.cheer-list-scroll::-webkit-scrollbar-corner{background:0 0}.cheer-list-scroll{-webkit-mask-image:linear-gradient(#0000 0,#000 10px calc(100% - 22px),#0000 100%);mask-image:linear-gradient(#0000 0,#000 10px calc(100% - 22px),#0000 100%)}.pc{z-index:10000;opacity:0;pointer-events:none;will-change:transform;width:0;height:0;transition:opacity 80ms linear;position:fixed;top:0;left:0}.pc--on{opacity:1}.pc__glyph{max-width:none;image-rendering:pixelated;position:absolute;top:0;left:0}.pc__kano{background-position:0 0;background-repeat:no-repeat;background-size:576px 48px;width:48px;height:48px;animation:1.8s steps(12,end) infinite pc-kano;position:absolute;top:10px;left:12px}@keyframes pc-kano{to{background-position:-576px 0}}@media (prefers-reduced-motion:reduce){.pc__kano{animation:none}}.cheer-btn .spin{animation:.9s linear infinite gallery-spin}.cheer-icon-btn{border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;display:inline-flex}.cheer-icon-btn:hover{background:var(--surface-2)}.cheer-btn{min-height:44px;color:var(--text);border:1px solid var(--line);border-radius:999px;justify-content:center;align-items:center;gap:8px;padding:0 18px;font-size:14px;font-weight:800;transition:background .15s,border-color .15s,opacity .15s;display:inline-flex}.cheer-btn.ghost:hover{background:var(--surface-2)}.cheer-btn.primary{color:#fff;background:var(--accent);border-color:var(--accent)}.cheer-btn.primary:hover{background:var(--accent-dark);border-color:var(--accent-dark)}.cheer-btn.primary:active:not(:disabled){transform:scale(.98)}.cheer-btn.outline{color:#fff;background:#111723eb;border-color:#ff8a3db3;min-height:46px;box-shadow:0 0 20px #ff6a1a1f}.cheer-btn.outline svg{color:var(--accent-light);transition:transform .2s}.cheer-btn.outline:hover{border-color:var(--accent-light);background:#ff6a1a1a}.cheer-btn.outline:hover svg{transform:scale(1.12)rotate(-6deg)}.cheer-btn:focus-visible{outline:2px solid var(--accent-light);outline-offset:2px}@media (prefers-reduced-motion:reduce){.cheer-btn.outline svg{transition:none}.cheer-btn.outline:hover svg{transform:none}}.cheer-btn:disabled{opacity:.6;cursor:not-allowed}.skel,.cheer-skel .skel{background:linear-gradient(90deg, var(--surface) 25%, var(--surface-2) 45%, var(--surface) 65%);background-size:300% 100%;animation:1.3s linear infinite skel-shimmer}@keyframes skel-shimmer{0%{background-position:100% 0}to{background-position:0 0}}@media (prefers-reduced-motion:reduce){.skel,.cheer-skel .skel{animation:none}}.cheer-drawer-wrap{z-index:60;background:#05080e9e;position:fixed;inset:0}.cheer-drawer{background:var(--bg);border-left:1px solid var(--line);flex-direction:column;width:min(440px,100%);display:flex;position:absolute;top:0;bottom:0;right:0;box-shadow:-12px 0 40px #00000080}.cheer-drawer-head{border-bottom:1px solid var(--line);background:var(--bg-alt);flex:none;justify-content:space-between;align-items:center;height:56px;padding:0 8px 0 16px;display:flex}.cheer-drawer-head h2{align-items:center;gap:8px;font-size:16px;font-weight:800;display:flex}.cheer-drawer-head h2 svg{color:var(--accent-light)}.cheer-drawer-top{border-bottom:1px solid var(--line);flex:none;padding:12px 16px}.cheer-list-scroll{min-height:0;padding:12px 16px calc(24px + env(safe-area-inset-bottom));overscroll-behavior:contain;flex:1;overflow-y:auto}.cheer-list{flex-direction:column;gap:10px;display:flex}.cheer-item{text-align:left;border-radius:var(--radius);background:var(--surface);border:1px solid var(--line);width:100%;padding:12px 14px;transition:border-color .15s,background .15s;display:block}.cheer-item:hover{border-color:#ff8a3d8c}.cheer-item.open{background:var(--surface-2);border-color:#ff8a3d8c}.cheer-item-top{align-items:center;gap:8px;min-width:0;margin-bottom:6px;display:flex}.cheer-nick{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:14px;font-weight:800;overflow:hidden}.cheer-date{color:var(--muted);font-variant-numeric:tabular-nums;flex:none;margin-left:auto;font-size:12px}.cheer-chev{color:var(--muted);flex:none;transition:transform .2s}.cheer-item.open .cheer-chev{transform:rotate(180deg)}.cheer-tag{border-radius:999px;flex:none;padding:1px 8px;font-size:11px;font-weight:800;line-height:1.6}.cheer-tag.unread{color:#fff;background:var(--accent)}.cheer-tag.read{color:var(--muted);border:1px solid var(--line)}.cheer-body{-webkit-line-clamp:2;color:var(--text);word-break:break-word;white-space:pre-wrap;-webkit-box-orient:vertical;font-size:14px;line-height:1.6;display:-webkit-box;overflow:hidden}.cheer-item.open .cheer-body{-webkit-line-clamp:unset;display:block}.cheer-emote{vertical-align:middle;object-fit:contain;width:28px;height:28px;margin:-4px 1px;display:inline-block}.cheer-item.open .cheer-emote{width:40px;height:40px;margin:-6px 2px}.cheer-emote-missing{color:var(--muted)}.cheer-empty,.cheer-end{text-align:center;color:var(--muted);padding:36px 0;font-size:14px;line-height:1.7}.cheer-end{padding:20px 0 0;font-size:13px}.cheer-status{color:var(--muted);flex-direction:column;align-items:center;gap:10px;padding:20px 0;font-size:14px;display:flex}.cheer-sentinel{height:1px}.cheer-skeletons{flex-direction:column;gap:10px;margin-top:10px;display:flex}.cheer-skel{border-radius:var(--radius);background:var(--surface);border:1px solid var(--line);padding:14px}.cheer-skel .skel{vertical-align:middle;border-radius:6px;height:12px;display:inline-block}.cheer-skel .skel-tag{border-radius:999px;width:44px;margin-right:8px}.cheer-skel .skel-nick{width:90px}.cheer-skel .skel-line{width:100%;margin-top:10px;display:block}.cheer-skel .skel-line.short{width:60%}.cheer-modal-wrap{z-index:70;background:#05080eb3;place-items:center;padding:16px;display:grid;position:fixed;inset:0}.cheer-modal{background:var(--bg-alt);border:1px solid var(--line);border-radius:20px;width:min(480px,100%);max-height:100%;overflow-y:auto;box-shadow:0 24px 60px #0009}.cheer-modal-head{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding:8px 8px 8px 20px;display:flex}.cheer-modal-head h2{font-size:16px;font-weight:800}.cheer-form{flex-direction:column;gap:14px;padding:18px 20px 20px;display:flex}.cheer-field{flex-direction:column;gap:6px;display:flex}.cheer-field>span{justify-content:space-between;font-size:13px;font-weight:800;display:flex}.cheer-field em{color:var(--muted);font-style:normal;font-weight:600}.cheer-field input,.cheer-field textarea{width:100%;color:var(--text);background:var(--surface);border:1px solid var(--line);resize:vertical;border-radius:12px;padding:11px 14px;font-size:15px}.cheer-field input:focus,.cheer-field textarea:focus{outline:2px solid var(--accent);outline-offset:1px}.cheer-hp{opacity:0;width:1px;height:1px;position:absolute;left:-9999px}.cheer-emote-area{flex-direction:column;align-items:flex-start;gap:10px;display:flex}.emote-picker{grid-template-columns:repeat(6,1fr);gap:6px;width:100%;display:grid}.emote-btn{aspect-ratio:1;color:var(--muted);background:var(--surface);border:1px solid var(--line);border-radius:12px;place-items:center;font-size:11px;display:grid}.emote-btn:hover{border-color:var(--accent-light);background:var(--surface-2)}.emote-btn img{object-fit:contain;width:80%;height:80%}.emote-btn.skel{border-color:var(--line)}.cheer-error{color:#ff7a7a;margin:0;font-size:13px;font-weight:700}.cheer-note{color:var(--muted);margin:0;font-size:12.5px}.cheer-actions{justify-content:flex-end;gap:8px;display:flex}.cheer-sent{text-align:center;flex-direction:column;align-items:center;gap:8px;padding:32px 20px 24px;display:flex}.cheer-sent svg{color:var(--accent-light)}.cheer-sent strong{font-size:17px;font-weight:800}.cheer-sent p{color:var(--muted);margin:0 0 12px;font-size:14px}@media (width<=479px){.cheer-drawer{border-left:0;width:100%}.emote-picker{grid-template-columns:repeat(4,1fr)}}.cheer-btn.wide{width:100%}.cheer-card-link{width:100%;min-height:40px;color:var(--accent-light);border-radius:999px;justify-content:center;align-items:center;gap:6px;margin-top:8px;font-size:13px;font-weight:800;display:flex}.cheer-card-link:hover{background:#ff6a1a1a}.cheer-card-wrap{z-index:80;background:#05080ec7;place-items:center;padding:16px;display:grid;position:fixed;inset:0}.cheer-card-dialog{background:var(--bg-alt);border:1px solid var(--line);border-radius:20px;flex-direction:column;width:min(440px,100%);max-height:100%;display:flex;overflow:hidden;box-shadow:0 24px 60px #0009}.cheer-card-body{flex-direction:column;align-items:center;gap:12px;padding:16px 20px 20px;display:flex;overflow-y:auto}.holo-stage{perspective:800px;touch-action:pan-y;width:min(100%,340px,36.8vh)}.holo{--mx:50%;--my:50%;--rx:0deg;--ry:0deg;--d:0;aspect-ratio:1128/1398;transform:rotateX(var(--rx)) rotateY(var(--ry));transform-style:preserve-3d;filter:drop-shadow(0 10px 18px #00000080);will-change:transform;transition:transform .5s cubic-bezier(.2,.8,.2,1),filter .5s;position:relative;container-type:inline-size}.holo.active{filter:drop-shadow(0 16px 28px #0000008c)drop-shadow(0 0 18px #ff8a3d4d);transition:transform 80ms linear,filter .2s}.cheer-card-img{object-fit:cover;-webkit-touch-callout:default;-webkit-user-select:none;user-select:none;width:100%;height:100%;display:block}.holo-shine,.holo-glare{pointer-events:none;opacity:0;border-radius:5.65cqw;transition:opacity .3s;position:absolute;inset:1.72% 2.13%}.holo-shine{background:repeating-linear-gradient(115deg,#ff3d9a 0%,#ff9a3d 8%,#ffe83d 16%,#4dff9a 24%,#3dd2ff 32%,#8a5cff 40%,#ff3d9a 48%) 0 0/260% 260%;background-position:var(--mx) var(--my);mix-blend-mode:color-dodge;filter:saturate(1.1)brightness(.85)}.holo-glare{background:radial-gradient(circle at var(--mx) var(--my), #ffffffb3 0%, #ffffff2e 28%, #fff0 60%);mix-blend-mode:soft-light}.holo.active .holo-shine{opacity:calc(.2 + var(--d) * .22)}.holo.active .holo-glare{opacity:1}@media (prefers-reduced-motion:reduce){.holo,.holo.active{transition:none;transform:none}}.cheer-sent-card{color:var(--accent-light);margin:0;font-size:13px;font-weight:800}.cheer-collection{width:100%}.cheer-collection-title{text-align:center;color:var(--muted);margin:0 0 8px;font-size:12.5px}.cheer-collection-title b{color:var(--accent-light)}.cheer-collection-list{flex-wrap:wrap;justify-content:center;gap:6px;display:flex}.cheer-slot{border-radius:8px;place-items:center;width:40px;height:50px;font-size:13px;font-weight:800;display:grid;overflow:hidden}.cheer-slot.owned{background:var(--surface);border:2px solid #0000;transition:transform .15s,border-color .15s}.cheer-slot.owned:hover{transform:translateY(-2px)}.cheer-slot.owned.current{border-color:var(--slot,var(--accent))}.cheer-slot.owned img{object-fit:cover;width:100%;height:100%}.cheer-slot.locked{color:var(--muted);background:var(--surface);border:1px dashed var(--line)}.cheer-card-skel{border-radius:5.65cqw;position:absolute;inset:1.72% 2.13%}.cheer-card-error{text-align:center;height:100%;color:var(--muted);place-items:center;margin:0;padding:20px;font-size:14px;line-height:1.6;display:grid}.cheer-card-note{text-align:center;color:var(--muted);margin:0;font-size:13px;line-height:1.6}.cheer-card-actions{justify-content:center;gap:8px;width:100%;display:flex}.cheer-card-hint{color:var(--muted);text-align:center;margin:0;font-size:12px}html.has-congrats{--banner-h:46px;--header-h:calc(60px + var(--banner-h))}@media (width>=768px){html.has-congrats{--banner-h:56px}}.congrats{z-index:55;height:var(--banner-h);background:linear-gradient(90deg,#1a1208,#3a1a08 30%,#5a2608 50%,#3a1a08 70%,#1a1208);border-bottom:1px solid #ff8a3d73;justify-content:center;align-items:center;padding-inline:44px;display:flex;position:fixed;inset:0 0 auto;overflow:hidden;box-shadow:0 2px 18px #ff6a1a4d}.congrats-bg,.congrats-slide,.congrats-shade,.congrats-sparks{position:absolute;inset:0}.congrats-slide{background-position:50%;background-size:cover;animation:40s ease-in-out infinite alternate congrats-pan;transform:scale(1.08)}@keyframes congrats-pan{0%{transform:scale(1.08)translate(-2%)}to{transform:scale(1.14)translate(2%)}}.congrats-shade{background:radial-gradient(55% 140%,#0a0d149e,#0a0d1433 100%)}.congrats-sparks{background-image:radial-gradient(2px 2px at 8% 70%,#ffd9a8,#0000),radial-gradient(2px 2px at 22% 30%,#fff,#0000),radial-gradient(1.5px 1.5px at 37% 78%,#ffb067,#0000),radial-gradient(2px 2px at 63% 25%,#ffd9a8,#0000),radial-gradient(1.5px 1.5px at 78% 72%,#fff,#0000),radial-gradient(2px 2px at 92% 35%,#ffb067,#0000);animation:2.6s ease-in-out infinite alternate congrats-twinkle}@keyframes congrats-twinkle{0%{opacity:.25;transform:translateY(2px)}to{opacity:1;transform:translateY(-2px)}}.congrats-text{letter-spacing:-.01em;text-align:center;color:#fff;text-shadow:0 1px 3px #000c,0 0 14px #ff6a1a8c;align-items:center;gap:8px;margin:0;font-size:14px;font-weight:800;animation:.8s cubic-bezier(.22,1,.36,1) both congrats-in;display:flex;position:relative}.congrats-line{background:linear-gradient(100deg,#0000 35%,#ffc98f 47%,#0000 53%) 200% 0/250% 100% no-repeat,linear-gradient(#fff,#fff);-webkit-text-fill-color:transparent;text-shadow:none;filter:drop-shadow(0 1px 3px #000c)drop-shadow(0 0 10px #ff6a1a80);-webkit-background-clip:text;background-clip:text;animation:4s ease-in-out 1s infinite congrats-shimmer;position:relative}.congrats-name,.congrats-sbo{color:#0000;background:linear-gradient(180deg, #ffb067, var(--accent));-webkit-background-clip:text;background-clip:text}@keyframes congrats-shimmer{0%{background-position:200% 0}55%,to{background-position:-100% 0}}@keyframes congrats-in{0%{opacity:0;transform:translateY(-10px)}}.congrats-emoji{transform-origin:50% 80%;font-size:1.25em;animation:2.4s ease-in-out infinite congrats-pop;display:inline-block}@keyframes congrats-pop{0%,60%,to{transform:none}70%{transform:scale(1.35)rotate(-14deg)}80%{transform:scale(1.2)rotate(12deg)}90%{transform:scale(1.1)rotate(-6deg)}}.congrats-close{color:#ffffffbf;border-radius:50%;place-items:center;width:32px;height:32px;transition:background .2s,color .2s;display:grid;position:absolute;top:50%;right:8px;transform:translateY(-50%)}.congrats-close:hover{color:#fff;background:#ffffff26}@media (width>=768px){.congrats-text{gap:10px;font-size:18px}.congrats-close{right:16px}}@media (prefers-reduced-motion:reduce){.congrats-slide,.congrats-sparks,.congrats-line,.congrats-emoji,.congrats-text{animation:none}.congrats-line{-webkit-text-fill-color:#fff;background:0 0}}.pk-cats{z-index:40}.pk-cat{width:calc(var(--pk-size) * .55);height:calc(var(--pk-size) * .55);will-change:transform;position:absolute;bottom:0;left:0}.pk-cat img{object-fit:contain;width:100%;height:100%;image-rendering:pixelated;-webkit-user-select:none;user-select:none;filter:drop-shadow(0 3px #00000059);display:block}.pk-say{--tail:50%;left:0;bottom:calc(var(--pk-size) * .55 + 16px);color:#111;filter:drop-shadow(3px 3px #00000059);width:max-content;min-width:104px;max-width:min(196px,100vw - 24px);font:400 12px/1.4 "Galmuri11", "Galmuri9", var(--font);-webkit-font-smoothing:none;word-break:keep-all;overflow-wrap:anywhere;pointer-events:none;background:#fff;padding:7px 9px 6px;animation:.3s steps(4,end) both pk-say-in;position:absolute;box-shadow:0 -2px #000,0 2px #000,-2px 0 #000,2px 0 #000}.pk-say:after{content:"";left:calc(var(--tail) - 10px);width:20px;height:10px;image-rendering:pixelated;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 5' shape-rendering='crispEdges'%3E%3Cpath fill='%23000' d='M0 0h1v1H0zM9 0h1v1H9zM1 1h1v1H1zM8 1h1v1H8zM2 2h1v1H2zM7 2h1v1H7zM3 3h1v1H3zM6 3h1v1H6zM4 4h2v1H4z'/%3E%3Cpath fill='%23fff' d='M1 0h8v1H1zM2 1h6v1H2zM3 2h4v1H3zM4 3h2v1H4z'/%3E%3C/svg%3E") 50%/100% 100% no-repeat;position:absolute;top:100%}.pk-say-msg{-webkit-line-clamp:3;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.pk-say-by{color:var(--accent);white-space:nowrap;text-overflow:ellipsis;margin-top:3px;font-size:11px;line-height:1.2;display:block;overflow:hidden}@keyframes pk-say-in{0%{opacity:0;clip-path:inset(60% 0 0)}to{opacity:1;clip-path:inset(-12px)}}@media (prefers-reduced-motion:reduce){.pk-say{animation:none}}html.congrats-on .pk-field{left:50%;bottom:calc(16px + env(safe-area-inset-bottom));width:min(840px,100vw - 24px);translate:-50%}html.congrats-on .fab-menu{bottom:calc(16px + env(safe-area-inset-bottom))}html.congrats-on .footer{padding-bottom:calc(150px + env(safe-area-inset-bottom))}.pk-say .cheer-emote{width:20px;height:20px;margin:-4px 1px}html.congrats-on .scroll-down{bottom:calc(210px + env(safe-area-inset-bottom))}.derby{z-index:60;background:var(--bg);-webkit-user-select:none;user-select:none;flex-direction:column;display:flex;position:fixed;inset:0}.derby-head{border-bottom:1px solid var(--line);background:var(--bg-alt);flex:none;justify-content:space-between;align-items:center;gap:12px;height:56px;padding:0 8px 0 16px;display:flex}.derby-head h2{align-items:center;gap:8px;font-size:16px;font-weight:800;display:flex}.derby-head h2 svg{color:var(--accent-light)}.derby-head-actions{gap:2px;display:flex}.derby-icon{width:44px;height:44px;color:var(--text);border-radius:50%;place-items:center;display:grid}.derby-icon:hover{background:var(--surface-2)}.derby-body{background:radial-gradient(ellipse at 50% 0%, #1a2238 0%, var(--bg) 70%);flex-direction:column;flex:1;align-items:center;min-height:0;display:flex;position:relative;overflow-y:auto}.derby-body.playing{touch-action:none;cursor:pointer;overflow:hidden}.derby-stage{aspect-ratio:16/9;background:#0a0d14;flex:none;width:min(100vw,177.778dvh - 99.5556px);position:relative;overflow:hidden;container-type:inline-size}.derby-canvas{width:100%;height:100%;display:block}.derby-tapzone{width:100%;color:var(--muted);flex-direction:column;flex:1;justify-content:center;align-items:center;gap:6px;display:none}.derby-tapzone span{font:400 clamp(36px, 14vw, 64px) / 1 "Galmuri11", "Galmuri9", var(--font);color:var(--accent-light);animation:1.1s ease-in-out infinite derby-pulse}.derby-tapzone small{font-size:12px}@keyframes derby-pulse{50%{opacity:.8;transform:scale(1.08)}}@media (orientation:portrait) and (width<=767px){.derby-tapzone{display:flex}}.derby-title{gap:16px;width:100%;max-width:880px;margin:auto;padding:16px;display:grid;position:relative}.derby-title-art{object-fit:cover;border-radius:var(--radius);border:1px solid var(--line);width:100%;max-height:38dvh;image-rendering:pixelated}.derby-title-body{text-align:center;justify-items:center;gap:12px;display:grid}.derby-logo{font-family:"Paperozi", var(--font);font-size:clamp(30px,8vw,52px);line-height:1.1}.derby-logo b{color:var(--accent)}.derby-sub{color:var(--muted);font-size:15px}.derby-rules{text-align:left;max-width:520px;color:var(--text);background:var(--surface);border:1px solid var(--line);border-radius:14px;gap:8px;margin:4px 0;padding:14px 16px;font-size:14px;line-height:1.5;list-style:none;display:grid}.derby-rules li:before{content:"⚾";margin-right:8px}.derby-rules b{color:var(--accent-light)}.derby-start{color:#fff;background:linear-gradient(135deg, var(--accent-light), var(--accent-dark));min-height:52px;box-shadow:var(--glow);border-radius:999px;justify-content:center;align-items:center;gap:6px;padding:0 40px;font-size:18px;font-weight:900;transition:transform .15s;display:inline-flex}.derby-start:hover:not(:disabled){transform:translateY(-2px)}.derby-start:disabled{opacity:.6;cursor:wait}.derby-start.small{min-height:0;font-size:inherit;height:2.6em;padding:0 1.6em}.derby-best{color:var(--accent-light);font-size:13px;font-weight:800}.derby-roundend{text-align:center;color:var(--text);cursor:default;align-content:center;justify-items:center;gap:1.2cqw;font-size:clamp(11px,2.1cqw,18px);display:grid;position:absolute;inset:0}.derby-roundend h3{font:400 5.6cqw / 1.1 "Galmuri11", "Galmuri9", var(--font);color:var(--accent-light);text-shadow:0 2px #0a0d14}.derby-re-kicker{color:#ffb27a;letter-spacing:.1em;font-weight:800}.derby-re-dots{gap:1.2cqw;display:flex}.derby-re-dots i{background:#0a0d1499;border:2px solid #ffffff80;border-radius:50%;width:3cqw;height:3cqw}.derby-re-dots .o-homerun{background:#ff6a1a}.derby-re-dots .o-hit{background:#3ddc97}.derby-re-dots .o-foul{background:#ffc233}.derby-re-dots .o-miss{background:#5b6577}.derby-re-hits span{color:#ffd23d}.derby-re-score{font:400 4cqw / 1 "Galmuri11", "Galmuri9", var(--font)}.derby-re-up{color:#ffd9bf;text-underline-offset:3px;align-items:center;gap:4px;font-size:.85em;text-decoration:underline;display:inline-flex}.derby-result{align-items:start;gap:16px;width:100%;max-width:920px;margin:auto;padding:16px;display:grid}@media (width>=760px){.derby-result{grid-template-columns:minmax(0,340px) 1fr;gap:28px;padding:24px}}.grade-S{color:#ffd23d}.grade-A{color:#ff8a3d}.grade-B{color:#3da5ff}.grade-C{color:#9fb0c8}.derby-result-main{justify-items:start;gap:12px;display:grid}.derby-result-kicker{color:var(--accent-light);letter-spacing:.06em;font-size:13px;font-weight:800}.derby-result-title{font-family:"Paperozi", var(--font);font-size:clamp(26px,6vw,36px);line-height:1.1}.derby-result-score{font-family:"Paperozi", var(--font);flex-wrap:wrap;align-items:baseline;gap:6px;font-size:clamp(40px,11vw,64px);line-height:1;display:flex}.derby-result-score small{color:var(--muted);font-size:.4em}.derby-result-score em{font:800 13px / 1 var(--font);color:#0a0d14;background:#ffd23d;border-radius:999px;padding:6px 10px;font-style:normal}.derby-result-stats{grid-template-columns:repeat(4,auto);gap:6px 18px;margin:0;display:grid}.derby-result-stats div{gap:2px;display:grid}.derby-result-stats dt{color:var(--muted);font-size:11px}.derby-result-stats dd{margin:0;font-size:15px;font-weight:800}@media (width<=420px){.derby-result-stats{grid-template-columns:repeat(2,auto)}}.derby-up-line{color:var(--text);font-size:14px;line-height:1.5}.derby-up-btn{color:#fff;background:linear-gradient(135deg, var(--accent-light), var(--accent-dark));width:100%;min-height:56px;box-shadow:var(--glow);border-radius:14px;justify-content:center;align-items:center;gap:8px;padding:0 24px;font-size:17px;font-weight:900;animation:2s ease-in-out infinite derby-glow;display:inline-flex}.derby-up-btn:hover{filter:brightness(1.08)}@keyframes derby-glow{50%{box-shadow:0 0 56px #ff6a1a8c}}.derby-up-count{color:var(--muted);font-size:13px}.derby-up-count b{color:var(--accent-light)}.derby-result-actions{flex-wrap:wrap;gap:8px;width:100%;display:flex}.derby-btn{min-height:44px;color:var(--text);background:var(--surface-2);border:1px solid var(--line);border-radius:12px;flex:130px;justify-content:center;align-items:center;gap:6px;padding:0 14px;font-size:14px;font-weight:800;display:inline-flex}.derby-btn:hover:not(:disabled){border-color:var(--accent-light)}.derby-btn:disabled{opacity:.6}.derby-notice{color:var(--accent-light);font-size:13px}@media (prefers-reduced-motion:reduce){.derby-up-btn,.derby-tapzone span{animation:none}}.derby-icon-btn{width:48px;height:48px;color:var(--accent-light);background:radial-gradient(circle at 50% 35%,#3a2a24,#1a1210);border:1px solid #ff8a3dbf;border-radius:50%;place-items:center;transition:transform .15s,border-color .15s;animation:3.2s ease-in-out -1.6s infinite k3d-bob;display:grid;position:absolute;bottom:0;right:58px;box-shadow:0 8px 28px #00000073,0 0 24px #ff6a1a4d}.derby-icon-btn img{object-fit:contain;pointer-events:none;width:62%;height:62%}.derby-icon-btn:hover{border-color:var(--accent-light);animation-play-state:paused;transform:translateY(-2px)rotate(4deg)}.derby-icon-btn.fresh:after{content:"";border:2px solid var(--accent-light);opacity:0;pointer-events:none;border-radius:50%;animation:1.8s ease-out infinite derby-ring;position:absolute;inset:-4px}@keyframes derby-ring{0%{opacity:.9;transform:scale(.9)}to{opacity:0;transform:scale(1.5)}}.derby-icon-badge{letter-spacing:.02em;color:#0a0d14;background:#ffd23d;border:1.5px solid #0a0d14;border-radius:999px;padding:1px 5px;font-size:9px;font-weight:900;line-height:1.3;position:absolute;bottom:-3px;right:-6px}@media (prefers-reduced-motion:reduce){.derby-icon-btn,.derby-icon-btn.fresh:after{animation:none}}@media (height<=600px){.derby-title{gap:10px;padding-top:10px}.derby-title-art{max-height:24dvh}}.derby-holo-stage{justify-self:center;width:min(100%,340px,36.8dvh)}@media (width>=760px){.derby-holo-stage{width:100%;max-width:340px}}.notice{z-index:90;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#05070cc7;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.notice-card{flex-direction:column;gap:10px;width:min(100%,460px);max-height:100%;display:flex;position:relative}.notice-img{object-fit:contain;border-radius:14px;width:100%;height:auto;max-height:calc(100dvh - 120px);display:block;box-shadow:0 12px 48px #0009}.notice-x{z-index:1;color:#fff;cursor:pointer;background:#0000008c;border:0;border-radius:50%;place-items:center;width:34px;height:34px;display:grid;position:absolute;top:8px;right:8px}.notice-x:hover{background:#000c}.notice-actions{gap:8px;display:flex}.notice-actions>*{border:1px solid var(--line);font:inherit;text-align:center;color:var(--text);background:var(--surface-2);cursor:pointer;border-radius:10px;flex:1;padding:11px 8px;font-size:14px;font-weight:700;text-decoration:none}.notice-actions>:hover{background:var(--surface)}.notice-actions .notice-up{color:#fff;background:var(--accent);border-color:#0000;flex:1.4}.notice-actions .notice-up:hover{background:var(--accent-light)}.notice-actions .notice-skip{color:var(--muted)}