:root{--ink:#11130f;--paper:#f7f5ee;--mist:#e9efe9;--green:#1f6f55;--green-2:#52b788;--orange:#ff6b35;--red:#d64545;--line:#c9cec5;--muted:#60675f;--max:1180px;--shadow:0 18px 60px rgba(18,28,22,.13)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Inter,"Noto Sans SC","Noto Sans JP","Noto Sans KR",Arial,sans-serif;line-height:1.65;letter-spacing:0}img{max-width:100%;display:block}a{color:inherit;text-decoration:none}button,input{font:inherit}button{cursor:pointer}.skip-link{position:fixed;left:16px;top:-80px;z-index:100;background:var(--ink);color:#fff;padding:10px 16px}.skip-link:focus{top:16px}.site-header{position:sticky;top:0;z-index:50;background:rgba(247,245,238,.94);border-bottom:1px solid rgba(17,19,15,.12);backdrop-filter:blur(18px)}.nav{height:56px;max-width:var(--max);margin:auto;padding:0 22px;display:flex;align-items:center;gap:28px}.brand{display:flex;align-items:center;gap:10px;font-weight:800;white-space:nowrap}.brand img{width:32px;height:32px}.nav-links{display:flex;align-items:center;gap:24px;font-size:14px;margin-left:auto}.nav-links a:hover,.nav-links a:focus-visible{color:var(--green)}.lang-menu{display:flex;gap:8px;font-size:12px}.lang-menu a{padding:5px 7px;border-bottom:2px solid transparent}.lang-menu a[aria-current="page"]{border-color:var(--orange)}.menu-button{display:none;border:0;background:transparent;width:44px;height:44px}.menu-button svg{width:22px}.container{width:min(var(--max),calc(100% - 44px));margin-inline:auto}.hero{min-height:calc(100svh - 56px);display:grid;grid-template-columns:1.03fr .97fr;align-items:center;gap:58px;padding:68px 0 54px}.eyebrow{font-size:13px;font-weight:800;text-transform:uppercase;color:var(--green);letter-spacing:.08em}.hero h1{font-size:clamp(48px,7vw,96px);line-height:.98;margin:15px 0 26px;max-width:9ch;letter-spacing:0}.hero-copy{font-size:19px;color:var(--muted);max-width:650px}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:32px}.button{min-height:46px;border:1px solid var(--ink);padding:10px 18px;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-weight:750;background:transparent;border-radius:4px;transition:transform .2s,background .2s,color .2s}.button:hover{transform:translateY(-2px)}.button.primary{background:var(--ink);color:#fff}.button.primary:hover{background:var(--green)}.button.accent{background:var(--orange);border-color:var(--orange);color:var(--ink)}.hero-visual{position:relative}.hero-visual img{width:100%;aspect-ratio:1.35;object-fit:cover;border-radius:8px}.hero-note{position:absolute;left:-22px;bottom:24px;background:var(--ink);color:#fff;padding:18px 20px;width:min(290px,75%);border-radius:4px}.hero-note strong{display:block;font-size:26px}.section{padding:92px 0}.section.dark{background:var(--ink);color:#fff}.section.mist{background:var(--mist)}.section-head{display:flex;justify-content:space-between;gap:40px;align-items:end;margin-bottom:42px}.section-head h2{font-size:clamp(34px,5vw,62px);line-height:1.05;margin:8px 0 0;max-width:13ch}.section-head p{max-width:560px;color:var(--muted);margin:0}.dark .section-head p{color:#b8beb7}.grid-2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.grid-3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.feature{padding:30px;border-top:1px solid var(--line);min-height:250px}.feature-number{font-size:13px;color:var(--orange);font-weight:800}.feature h3{font-size:25px;line-height:1.2;margin:52px 0 12px}.feature p{color:var(--muted);margin:0}.media-split{display:grid;grid-template-columns:1fr 1fr;min-height:610px}.media-split>img{width:100%;height:100%;object-fit:cover}.media-copy{padding:70px clamp(30px,6vw,90px);display:flex;flex-direction:column;justify-content:center;background:#dce7e0}.media-copy h2{font-size:clamp(38px,5vw,68px);line-height:1.02;margin:0 0 24px}.check-list{display:grid;gap:14px;margin:28px 0 0;padding:0;list-style:none}.check-list li{padding-left:28px;position:relative}.check-list li:before{content:"";position:absolute;left:0;top:.6em;width:10px;height:10px;background:var(--orange)}
.game-shell{background:#0c8b8f;color:#fff;overflow:hidden;border-radius:8px;box-shadow:var(--shadow)}.game-topbar{display:flex;align-items:center;justify-content:space-between;padding:18px 22px;background:#086e72}.game-topbar strong{font-size:20px}.game-badge{font-size:12px;border:1px solid rgba(255,255,255,.55);padding:5px 9px;border-radius:99px}.game-layout{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(300px,.5fr)}.stadium{position:relative;min-height:570px;background:#72b35e;overflow:hidden}.stadium:before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(0deg,transparent 0 58px,rgba(255,255,255,.06) 58px 116px)}.field-line{position:absolute;left:-8%;right:-8%;height:190px;bottom:55px;border:3px solid rgba(255,255,255,.68);border-radius:50%}.goal{position:absolute;left:9%;top:54px;width:64%;height:320px;border:9px solid #f2f4ed;border-bottom-width:13px;box-shadow:0 8px 0 rgba(0,0,0,.1)}.goal-net{position:absolute;inset:0;background-image:linear-gradient(45deg,transparent 46%,rgba(255,255,255,.6) 48% 52%,transparent 54%),linear-gradient(-45deg,transparent 46%,rgba(255,255,255,.6) 48% 52%,transparent 54%);background-size:42px 42px}.door-card{position:absolute;top:105px;width:112px;height:154px;background:#fff;color:#20242d;border:3px solid #d7ddd4;border-radius:8px;display:grid;place-items:center;z-index:3;box-shadow:0 9px 0 rgba(0,0,0,.12)}.door-card.left{left:14%}.door-card.right{right:30%}.card-rank{font-size:65px;font-weight:900;line-height:1}.card-suit{font-size:36px;line-height:1}.red{color:#d82f35}.target-zone{position:absolute;left:calc(14% + 112px);right:calc(30% + 112px);top:105px;height:154px;background:rgba(82,183,136,.33);border-top:2px dashed rgba(255,255,255,.85);border-bottom:2px dashed rgba(255,255,255,.85);z-index:2}.ball{position:absolute;right:14%;bottom:118px;width:52px;height:52px;background:#fff;border:6px solid #111;border-radius:50%;z-index:6;transition:transform .72s cubic-bezier(.2,.75,.25,1),opacity .2s}.ball:before,.ball:after{content:"";position:absolute;background:#111;inset:14px;border-radius:30%}.ball:after{inset:4px auto auto 18px;width:9px;height:12px}.ball.kick{transform:translate(var(--ball-x),var(--ball-y)) scale(.72)}.kicker{position:absolute;right:2%;bottom:33px;width:190px;height:300px;z-index:5}.kicker svg{width:100%;height:100%}.game-result{position:absolute;left:8%;right:28%;bottom:22px;min-height:48px;display:flex;align-items:center;justify-content:center;background:rgba(17,19,15,.88);font-weight:800;z-index:8}.timer{position:absolute;left:26px;top:408px;width:105px;height:105px;background:#fff;color:var(--ink);border:10px solid var(--red);border-radius:50%;display:grid;place-items:center;z-index:7;font-weight:900;font-size:28px}.game-panel{background:#f7f5ee;color:var(--ink);padding:24px;display:flex;flex-direction:column;gap:20px}.probability-grid,.stat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.metric{background:#e9efe9;padding:12px 8px;text-align:center;border-radius:4px}.metric strong{display:block;font-size:22px}.metric span{font-size:11px;color:var(--muted)}.game-controls{display:grid;grid-template-columns:1fr 1fr;gap:8px}.game-controls .button:first-child{grid-column:1/-1}.game-controls button:disabled{opacity:.45;cursor:not-allowed}.game-log{width:100%;border-collapse:collapse;font-size:12px}.game-log th,.game-log td{border-bottom:1px solid var(--line);padding:7px 3px;text-align:left}.game-disclaimer{font-size:12px;color:var(--muted);border-left:3px solid var(--orange);padding-left:10px}.article-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.article-card{background:#fff;border:1px solid var(--line);border-radius:8px;overflow:hidden;display:grid;grid-template-columns:150px 1fr;min-height:190px;transition:transform .2s,box-shadow .2s}.article-card:hover{transform:translateY(-3px);box-shadow:0 14px 34px rgba(17,19,15,.09)}.article-card img{width:100%;height:100%;object-fit:cover}.article-card div{padding:22px}.article-card small{color:var(--green);font-weight:800}.article-card h3{font-size:19px;line-height:1.3;margin:9px 0}.article-card p{font-size:14px;color:var(--muted);margin:0}.notice{padding:26px;border:1px solid var(--ink);display:grid;grid-template-columns:auto 1fr;gap:18px;align-items:start}.notice strong{font-size:32px;color:var(--orange)}.site-footer{background:#11130f;color:#fff;padding:64px 0 28px}.footer-grid{display:grid;grid-template-columns:1.4fr repeat(3,1fr);gap:42px}.footer-grid h2{font-size:21px}.footer-grid h3{font-size:13px;color:#98a299;text-transform:uppercase}.footer-grid a{display:block;color:#d5d9d4;margin:8px 0;font-size:14px}.footer-bottom{margin-top:48px;padding-top:20px;border-top:1px solid #343731;color:#969d95;font-size:12px;display:flex;justify-content:space-between;gap:20px}.page-hero{padding:90px 0 64px}.page-hero h1{font-size:clamp(44px,7vw,82px);line-height:1.02;max-width:15ch;margin:12px 0 24px}.page-hero p{font-size:19px;max-width:760px;color:var(--muted)}.article-layout{display:grid;grid-template-columns:minmax(0,760px) 280px;gap:70px;padding-bottom:100px}.article-content{font-family:Georgia,"Noto Serif SC","Noto Serif JP","Noto Serif KR",serif;font-size:18px}.article-content h2{font-family:Inter,"Noto Sans SC",Arial,sans-serif;font-size:32px;line-height:1.2;margin:55px 0 18px}.article-content h3{font-family:Inter,"Noto Sans SC",Arial,sans-serif;font-size:22px}.article-content p{margin:0 0 22px}.article-content ul{padding-left:22px}.article-content .formula{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;background:#e9efe9;padding:22px;border-left:4px solid var(--green);overflow:auto}.article-aside{position:sticky;top:85px;align-self:start}.toc{border-top:3px solid var(--ink);padding-top:14px}.toc a{display:block;padding:8px 0;color:var(--muted);font-size:14px}.breadcrumb{font-size:13px;color:var(--muted)}.search-box{display:flex;gap:8px;max-width:680px}.search-box input{min-height:50px;flex:1;border:1px solid var(--ink);background:#fff;padding:10px 14px}.search-results{display:grid;gap:12px;margin-top:30px}.search-result{padding:20px;border-top:1px solid var(--line)}.search-result h2{font-size:21px;margin:0 0 5px}.source-table{width:100%;border-collapse:collapse;font-size:14px}.source-table th,.source-table td{padding:12px;border-bottom:1px solid var(--line);text-align:left;vertical-align:top}.source-table a{text-decoration:underline}.legal-copy{max-width:850px;padding-bottom:100px}.legal-copy h2{margin-top:48px}
@media(max-width:900px){.nav-links{display:none}.menu-button{display:grid;place-items:center;margin-left:auto}.nav.open{height:auto;flex-wrap:wrap;padding-bottom:16px}.nav.open .nav-links{display:flex;order:5;width:100%;flex-direction:column;align-items:flex-start;gap:8px}.hero{grid-template-columns:1fr;min-height:auto;padding-top:50px}.hero h1{max-width:12ch}.hero-note{left:14px}.grid-3{grid-template-columns:1fr 1fr}.media-split{grid-template-columns:1fr}.media-split>img{max-height:500px}.game-layout{grid-template-columns:1fr}.stadium{min-height:520px}.article-grid{grid-template-columns:1fr}.article-layout{grid-template-columns:1fr}.article-aside{position:static;order:-1}.footer-grid{grid-template-columns:1fr 1fr}}
@media(max-width:600px){.container{width:min(100% - 28px,var(--max))}.lang-menu{display:none}.hero{gap:34px}.hero h1{font-size:48px}.section{padding:68px 0}.section-head{display:block}.grid-2,.grid-3{grid-template-columns:1fr}.feature{min-height:auto;padding:24px 8px}.feature h3{margin-top:26px}.article-card{grid-template-columns:110px 1fr}.article-card div{padding:16px}.game-shell{border-radius:0;margin-inline:-14px}.stadium{min-height:440px}.goal{left:5%;width:72%;height:250px}.door-card{top:92px;width:76px;height:112px}.door-card.left{left:9%}.door-card.right{right:27%}.target-zone{left:calc(9% + 76px);right:calc(27% + 76px);top:92px;height:112px}.card-rank{font-size:45px}.card-suit{font-size:27px}.kicker{right:-28px;width:150px;height:230px}.ball{right:18%;bottom:95px;width:42px;height:42px}.timer{width:78px;height:78px;top:330px;font-size:21px;border-width:7px}.game-result{right:18%;font-size:13px}.footer-grid{grid-template-columns:1fr}.footer-bottom{display:block}.probability-grid,.stat-grid{grid-template-columns:repeat(3,1fr)}.article-content{font-size:17px}.source-table{font-size:12px}.source-table th,.source-table td{padding:7px}.page-hero{padding-top:55px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important;animation-iteration-count:1!important}}