:root{--paper:#efe6d2;--card:#f8f3e6;--ink:#1e1e1a;--ink2:#3a3832;--muted:#4a473f;--red:#a8321f;--moss:#3f5a22;--moss-bg:#6e8b3d;--line:#b8ae95;--glow:#c9e27f;--head:"Shippori Mincho", "Noto Serif", Georgia, serif;--body:"Noto Sans", system-ui, sans-serif;--mono:"JetBrains Mono", ui-monospace, monospace}html[lang=ja]{--body:"Zen Kaku Gothic New", "Hiragino Sans", "Noto Sans JP", sans-serif}html[lang=ko]{--head:"Nanum Myeongjo", "AppleMyungjo", "Noto Serif KR", "Noto Serif", serif;--body:"Apple SD Gothic Neo", "Malgun Gothic", "Noto Sans KR", "Noto Sans", sans-serif}html[lang=vi]{--head:"Noto Serif", Georgia, serif}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%;overflow-x:hidden}body{background:var(--paper);color:var(--ink);font-family:var(--body);margin:0;font-size:17px;line-height:1.65;overflow-x:hidden}a{color:var(--red)}a:hover{color:var(--ink)}h1,h2,h3{font-family:var(--head);margin:0;line-height:1.15}h1{font-size:clamp(38px,6vw,68px);font-weight:800}h2{font-size:clamp(28px,3.6vw,42px);font-weight:800}h3{font-size:20px;font-weight:700;font-family:var(--body)}p{margin:0}.wrap{max-width:1200px;margin:0 auto;padding-inline:20px}.mono{font-family:var(--mono)}.muted{color:var(--muted)}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}section{padding-top:64px}.mist{z-index:-1;filter:blur(48px);pointer-events:none;border-radius:50%;max-width:70vw;animation:16s ease-in-out infinite drift;position:fixed}@keyframes drift{0%,to{transform:translate(0)scale(1)}50%{transform:translate(50px,-30px)scale(1.15)}}.top{border-bottom:2px solid var(--ink);background:var(--paper)}.top .wrap{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;min-height:76px;padding-top:8px;padding-bottom:8px;display:flex}.logo{font-family:var(--head);color:var(--ink);align-items:center;gap:10px;font-size:28px;font-weight:800;text-decoration:none;display:flex}.logo span.seal{background:var(--red);width:38px;height:38px;color:var(--paper);border-radius:6px;justify-content:center;align-items:center;font-size:21px;display:inline-flex;transform:rotate(-6deg)}.nav{flex-wrap:wrap;gap:6px 20px;font-size:15px;font-weight:500;display:flex}.nav a{color:var(--ink);padding:6px 0;text-decoration:none}.nav a[aria-current=page]{color:var(--red);border-bottom:3px solid var(--red);font-weight:700}.langs,.langs details{position:relative}.langs summary{cursor:pointer;border:2px solid var(--ink);border-radius:4px;align-items:center;gap:8px;min-height:44px;padding:0 14px;font-size:14px;font-weight:700;list-style:none;display:flex}.langs summary::-webkit-details-marker{display:none}.langs ul{z-index:20;background:var(--card);border:2px solid var(--ink);box-shadow:5px 5px 0 var(--ink);min-width:180px;margin:0;padding:6px;list-style:none;position:absolute;top:50px;right:0}.langs li a{color:var(--ink);padding:10px 12px;font-weight:500;text-decoration:none;display:block}.langs li a:hover,.langs li a[aria-current=true]{background:var(--paper);color:var(--red)}.status{background:var(--ink);color:var(--paper);font-family:var(--mono);font-size:12.5px;font-weight:800}.status .wrap{flex-wrap:wrap;justify-content:space-between;gap:6px 16px;padding-top:9px;padding-bottom:9px;display:flex}.status .live{color:#b9d27a;align-items:center;gap:8px;display:flex}.dot{background:#b9d27a;border-radius:50%;width:9px;height:9px;animation:1.4s ease-in-out infinite pulse;display:inline-block}@keyframes pulse{0%,to{opacity:1}50%{opacity:.3}}.hero{grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);align-items:start;gap:32px;padding-top:36px;display:grid}.crumb{color:var(--muted);margin-bottom:14px;font-size:14px}.crumb a{color:var(--muted)}.hero h1 .code{color:var(--red);display:block}.brushline{width:min(460px,90%);height:24px;margin:6px 0 16px;display:block}.brushline path{stroke-dasharray:520;stroke-dashoffset:520px;animation:1.5s ease-out .3s forwards brush}@keyframes brush{to{stroke-dashoffset:0}}.lead{max-width:620px;font-size:19px}.lead+.lead{margin-top:12px}.kero-fig{text-align:center;margin:0;position:relative}.kero-fig svg{max-width:100%;height:auto}.kero-fig figcaption{font-family:var(--head);color:var(--muted);margin-top:4px;font-size:18px}.codecard{background:var(--card);border:2px solid var(--ink);box-shadow:8px 8px 0 var(--ink);border-radius:4px;flex-direction:column;gap:14px;max-width:600px;margin-top:28px;padding:22px;display:flex;position:relative}.codecard .row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.codecard .big{font-family:var(--mono);letter-spacing:.06em;word-break:break-all;font-size:clamp(30px,5vw,44px);font-weight:800}.btn-ink{border:2px solid var(--ink);background:var(--ink);min-height:48px;color:var(--card);font:700 15px var(--body);cursor:pointer;border-radius:4px;padding:0 20px}.btn-ink:hover{background:var(--red);border-color:var(--red)}.tiles{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.tile{border-top:2px solid var(--ink);padding-top:8px}.tile small{letter-spacing:.08em;color:var(--muted);text-transform:uppercase;font-size:12px;font-weight:700;display:block}.tile b{font-family:var(--head);font-size:26px;font-weight:800;line-height:1.2}.cta{text-align:center;background:var(--red);min-height:54px;color:var(--card);border-radius:4px;justify-content:center;align-items:center;padding:8px 14px;font-size:18px;font-weight:700;text-decoration:none;display:flex}.cta:hover{background:var(--ink);color:var(--card)}.ticks{color:var(--moss);flex-direction:column;gap:4px;font-size:14px;font-weight:500;display:flex}.ticks .warn{color:var(--red)}.hanko{border:4px solid var(--red);width:88px;height:88px;color:var(--red);background:#f8f3e6e6;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;line-height:1;animation:.7s cubic-bezier(.3,1.4,.5,1) .8s both hanko;display:flex;position:absolute;top:-44px;right:-18px}.hanko b{font-family:"Shippori Mincho", var(--head);font-size:28px}.hanko span{font-family:var(--mono);margin-top:4px;font-size:11px;font-weight:800}@keyframes hanko{0%{opacity:0;transform:scale(2.4)rotate(-12deg)}55%{opacity:1;transform:scale(.9)rotate(-12deg)}to{opacity:1;transform:scale(1)rotate(-12deg)}}.hist-head{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:12px;display:flex}.hist-head h2{font-size:24px}.hist{grid-template-columns:repeat(30,minmax(0,1fr));gap:4px;margin:0;padding:0;list-style:none;display:grid}.hist li{border:1px dashed var(--line);border-radius:3px;height:28px}.hist li.ok{background:var(--red);border-color:var(--red)}.hist li.bad{background:repeating-linear-gradient(45deg, var(--line) 0 4px, transparent 4px 8px);border-style:solid}.games-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:16px;margin-bottom:18px;display:flex}.games-head p{color:var(--muted);margin-top:6px}.livecount{font-family:var(--mono);color:var(--moss);white-space:nowrap;align-items:center;gap:8px;font-size:13px;font-weight:800;display:flex}.tabs{flex-wrap:wrap;gap:8px;margin-bottom:24px;display:flex}.tabs button{min-height:44px;font:700 14px var(--body);cursor:pointer;border:2px solid var(--ink);color:var(--ink);background:0 0;border-radius:4px;padding:0 16px}.tabs button[aria-selected=true]{background:var(--ink);color:var(--card)}.grid3{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;display:grid}.match{background:var(--card);border:2px solid var(--ink);box-shadow:6px 6px 0 var(--ink);border-radius:4px;flex-direction:column;gap:12px;padding:16px;display:flex}.match .meta{color:var(--muted);justify-content:space-between;align-items:center;gap:8px;font-size:13px;font-weight:700;display:flex}.sporticon{border:2px solid var(--ink);width:30px;height:30px;color:var(--ink);border-radius:50%;flex:none;justify-content:center;align-items:center;font-size:10px;font-weight:800;display:inline-flex}.badge{font-family:var(--mono);white-space:nowrap;border-radius:3px;padding:4px 8px;font-size:12.5px;font-weight:800}.badge.in{background:var(--moss);color:var(--card)}.badge.pre{background:var(--ink);color:var(--card)}.badge.post{color:var(--ink);background:#ddd3ba}.teams{font-family:var(--head);grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:4px 10px;font-size:19px;font-weight:800;display:grid}.teams .s{font-family:var(--mono);text-align:right}.ofuda{background:var(--red);color:var(--card);border-radius:3px;align-items:center;gap:10px;padding:8px 12px;font-size:14px;font-weight:700;display:flex}.ofuda i{font-family:"Shippori Mincho", var(--head);font-size:18px;font-style:normal}.btn-line{border:2px solid var(--ink);min-height:44px;color:var(--ink);text-align:center;border-radius:4px;justify-content:center;align-items:center;padding:4px 10px;font-weight:700;text-decoration:none;display:flex}.btn-line:hover{background:var(--ink);color:var(--card)}.quiet{border-top:2px solid var(--ink);border-bottom:2px solid var(--ink);align-items:center;gap:18px;margin-top:28px;padding:16px 4px;display:flex}.quiet b{font-family:var(--head);color:var(--red);flex:none;font-size:22px}.subhead{font-family:var(--mono);letter-spacing:.08em;color:var(--muted);margin:28px 0 14px;font-size:13px;font-weight:800}.steps{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:26px;margin:24px 0 0;padding:0;list-style:none;display:grid}.steps li{border-top:2px solid var(--ink);flex-direction:column;gap:8px;padding-top:12px;display:flex}.steps .n{font-family:"Shippori Mincho", var(--head);color:var(--red);font-size:42px;font-weight:800;line-height:1}.steps p{color:var(--ink2);font-size:16px}.prose{max-width:820px}.prose h2{margin-bottom:16px}.prose p{color:var(--ink2);margin-bottom:14px}.prose ul{color:var(--ink2);margin:0 0 14px;padding-left:22px}.prose li{margin-bottom:6px}table.terms{border-collapse:collapse;width:100%;max-width:820px;margin-top:16px;font-size:16px}table.terms th{text-align:left;width:38%;color:var(--muted);vertical-align:top;padding:12px 12px 12px 0;font-weight:500}table.terms td{padding:12px 0}table.terms tr{border-top:1px solid var(--line)}table.terms tr:first-child{border-top:2px solid var(--ink)}table.terms tr:last-child{border-bottom:2px solid var(--ink)}.faq{border-top:2px solid var(--ink);max-width:920px;margin-top:18px}.faq details{border-bottom:1px solid var(--line);padding:16px 4px}.faq summary{cursor:pointer;font-size:18px;font-weight:700}.faq p{color:var(--ink2);margin-top:10px}.others{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:20px;margin-top:20px;display:grid}.other{background:var(--card);border:2px solid var(--ink);color:var(--ink);box-shadow:5px 5px 0 var(--ink);border-radius:4px;flex-direction:column;gap:8px;padding:16px;text-decoration:none;display:flex}.other:hover{box-shadow:7px 7px 0 var(--ink);color:var(--ink);transform:translate(-2px,-2px)}.other b{font-family:var(--head);font-size:24px}.other .c{font-family:var(--mono);color:var(--red);font-weight:800}footer{background:var(--ink);color:var(--paper);margin-top:80px;padding:28px 0 36px;font-size:13.5px}footer .wrap{flex-direction:column;gap:16px;display:flex}footer .disc{align-items:flex-start;gap:16px;display:flex}footer .age{border:2px solid var(--paper);border-radius:6px;flex:none;justify-content:center;align-items:center;width:48px;height:48px;font-weight:800;display:flex}footer a{color:#e8b4a8}footer nav{flex-wrap:wrap;gap:8px 18px;display:flex}.kero .puff{transform-box:fill-box;transform-origin:50%;animation:2.4s ease-in-out infinite puff}.kero .blink{transform-box:fill-box;transform-origin:50%;animation:5s infinite blink}.kero .band{transform-box:fill-box;transform-origin:0;animation:1.8s ease-in-out infinite wave}.fly{background:var(--glow);border-radius:50%;width:7px;height:7px;animation:6s ease-in infinite float;position:absolute;box-shadow:0 0 12px 4px #c9e27fb3}@keyframes puff{0%,to{transform:scale(1)}50%{transform:scale(1.06,1.1)}}@keyframes blink{0%,92%,to{transform:scaleY(1)}96%{transform:scaleY(.1)}}@keyframes wave{0%,to{transform:rotate(0)}50%{transform:rotate(14deg)}}@keyframes float{0%{opacity:0;transform:translate(0)}20%{opacity:1}to{opacity:0;transform:translate(40px,-160px)}}@media (prefers-reduced-motion:reduce){*,:before,:after{animation:none!important}.brushline path{stroke-dashoffset:0}}@media (max-width:900px){.hero{grid-template-columns:1fr}.kero-fig{max-width:200px;margin:0 auto}.grid3{grid-template-columns:1fr}.hist{gap:2px}.hist li{height:22px}.hanko{width:74px;height:74px;top:-40px;right:6px}.quiet{flex-direction:column;align-items:flex-start}}@media (min-width:600px) and (max-width:900px){.grid3{grid-template-columns:repeat(2,minmax(0,1fr))}}.h1date{color:var(--red);font-size:.42em;font-weight:600;font-family:var(--mono);letter-spacing:.02em;margin-top:10px;display:block}@media (max-width:700px){.top .wrap{grid-template-columns:1fr auto;gap:6px 10px;min-height:0;padding-top:10px;padding-bottom:0;display:grid}.logo{font-size:24px}.logo span.seal{width:32px;height:32px;font-size:18px}.langs{grid-area:1/2;justify-self:end}.langs summary{min-height:40px;padding:0 10px;font-size:13px}.nav{scrollbar-width:none;-webkit-overflow-scrolling:touch;flex-wrap:nowrap;grid-area:2/1/auto/-1;gap:18px;margin:0 -20px;padding:2px 20px 8px;font-size:14px;overflow-x:auto}.nav::-webkit-scrollbar{display:none}.nav a{white-space:nowrap;padding:8px 0}.status{font-size:11px}.status .wrap{white-space:nowrap;flex-wrap:nowrap;justify-content:flex-start;gap:12px;padding-top:7px;padding-bottom:7px;overflow:hidden}.status .wrap>span:last-child{display:none}.hero{gap:18px;padding-top:20px}.crumb{margin-bottom:8px;font-size:13px}h1{font-size:34px;line-height:1.12}.h1date{margin-top:8px;font-size:15px}.brushline{width:70%;height:16px;margin:4px 0 12px}.lead{font-size:17px}h2{font-size:26px}section{padding-top:48px}.hero>div:first-child{flex-direction:column;display:flex}.hero>div:first-child .codecard{order:2;margin-top:8px;margin-bottom:18px}.hero>div:first-child .lead+.lead{order:3}.codecard{padding:18px}.codecard .big{font-size:30px}}.nav .short{display:none}@media (max-width:700px){.nav{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;margin:0;padding:0 0 10px;display:grid;overflow:visible}.nav a{text-align:center;border:2px solid var(--ink);border-radius:4px;justify-content:center;align-items:center;min-height:40px;padding:8px 2px;font-size:14px;font-weight:700;display:flex}.nav a[aria-current=page]{background:var(--red);border-color:var(--red);color:var(--card);border-bottom-width:2px}.nav .full{display:none}.nav .short{display:inline}.status .nxt{display:none}}
