@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@600;700;800;900&family=Noto+Sans+JP:wght@400;500;600;700;800;900&display=swap');
:root{--ink:#13382e;--green:#102e27;--lime:#ddf792;--paper:#f6f7ef;--muted:#69766b;--border:#dce1d5}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:28px}body{margin:0;background:var(--paper);color:var(--ink);font-family:'Noto Sans JP',sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}button,a{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #b46b2a;outline-offset:5px}button{border:0}p{line-height:1.95}h1,h2,h3,h4,p{margin:0}svg{display:block}::selection{background:var(--lime);color:var(--green)}.header{height:100px;max-width:1320px;margin:auto;padding:0 5%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--border)}.brand{display:flex;align-items:center;gap:10px;font-size:23px;font-weight:900;letter-spacing:-1px;line-height:1.05}.brand-icon{height:43px;width:43px;display:flex;align-items:center;justify-content:center;background:var(--ink);color:var(--paper);border-radius:13px;font-family:Arial,sans-serif;font-size:37px;position:relative}.brand-icon span{color:var(--lime);font-size:17px;position:absolute;right:1px;top:1px}.brand-sub{display:block;letter-spacing:4px;font-size:10px;margin-top:6px}.header nav{display:flex;gap:32px;font-size:12px;font-weight:700}.header nav a:hover{color:#6b8333}.daily-link{border:1px solid #b9c4b5;border-radius:30px;padding:11px 18px;font-size:11px;font-weight:700;display:flex;gap:20px}.hero{max-width:1320px;margin:auto;padding:62px 5% 64px;display:grid;grid-template-columns:.95fr 1.05fr;min-height:620px;overflow:hidden}.eyebrow{font-size:10px;font-weight:800;letter-spacing:2px;font-family:'Noto Sans JP',sans-serif}.hero .eyebrow{display:flex;align-items:center;gap:9px}.status-dot{width:7px;height:7px;border-radius:50%;background:#71963c;box-shadow:0 0 0 4px #e8eed9}h1{font-size:clamp(44px,5.3vw,72px);line-height:1.28;letter-spacing:-3px;font-weight:900;margin:24px 0 22px}h1>span{display:inline-block;position:relative;z-index:0}h1>span:after{content:'';position:absolute;left:0;right:-9px;bottom:5px;height:17px;background:var(--lime);z-index:-1;transform:rotate(-2deg)}.hero-description{font-size:13px;font-weight:500;line-height:2.15}.button{display:flex;align-items:center;justify-content:space-between;border-radius:6px;font-size:13px;font-weight:800;padding:18px 22px;gap:25px;transition:transform .2s,box-shadow .2s}.button:hover{transform:translateY(-3px);box-shadow:0 8px 20px #0b29151a}.button span{font-size:24px;line-height:1}.lime{background:var(--lime);color:var(--ink)}.cream{background:#f0e8cc;color:var(--ink)}.hero-copy>.button{margin-top:28px;width:255px}.hero-meta{display:flex;gap:12px;align-items:center;margin-top:21px;font-size:10px;font-weight:600;color:var(--muted)}.hero-meta i{font-style:normal;font-size:9px}.hero-art{position:relative;min-height:490px;margin-left:12px;background:radial-gradient(ellipse at 50% 50%,#e3e9d7,transparent 65%)}.sport-tile{position:absolute;width:240px;height:302px;border-radius:15px;box-shadow:0 18px 26px #17372524;display:flex;align-items:center;flex-direction:column;overflow:hidden;border:1px solid #ffffff6b}.soccer-tile{background:#1b493b;left:0;top:27px;transform:rotate(-12deg);z-index:2;color:#f6f5dc}.baseball-tile{background:#e9b17f;right:1px;top:130px;transform:rotate(13deg);z-index:3;color:#253d2e}.tile-caption{align-self:flex-start;font:600 10px 'Barlow Condensed',sans-serif;letter-spacing:2px;margin:17px 20px 0;z-index:1}.soccer-ball,.baseball{width:210px;height:210px;filter:drop-shadow(8px 12px 7px #0003)}.soccer-ball{transform:rotate(12deg)}.baseball{transform:rotate(-30deg)}.tile-game{font:800 40px 'Barlow Condensed',Impact,sans-serif;letter-spacing:-1px;margin-top:-4px}.soccer-tile .tile-game span{color:var(--lime)}.baseball-tile .tile-game span{color:#75442c}.orbit{position:absolute;border:1px solid #c5d0b9;border-radius:50%;width:430px;height:430px;left:25px;top:15px;transform:rotate(-35deg) scaleY(.8)}.orbit-two{transform:rotate(40deg) scaleY(.8);border-style:dashed}.art-coordinate{position:absolute;font:700 10px 'Barlow Condensed',sans-serif;letter-spacing:2px}.coord-one{right:10px;top:2px;writing-mode:vertical-rl}.coord-two{bottom:14px;left:25px}.hero-cross{position:absolute;right:35px;top:55px;font-size:45px;color:#7f965a;font-weight:400}.read-badge{position:absolute;left:13px;bottom:21px;z-index:4;background:var(--lime);border:1px solid var(--ink);height:110px;width:110px;border-radius:50%;transform:rotate(-12deg);text-align:center;padding-top:20px;font-size:13px;box-shadow:3px 4px 0 var(--ink)}.read-badge b{font-size:15px}.read-badge>span{display:block;font-size:23px}.ticker{background:var(--green);color:var(--paper);height:54px;display:flex;align-items:center;justify-content:space-around;gap:30px;white-space:nowrap;overflow:hidden;font:700 20px 'Barlow Condensed',Impact,sans-serif;letter-spacing:2px}.ticker b{color:var(--lime);font-size:27px}.section{max-width:1200px;margin:auto;padding:76px 20px}.section-top{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:31px}.section-top .eyebrow,.howto .eyebrow,.faq .eyebrow{color:#718051;margin-bottom:13px}h2{font-size:30px;line-height:1.55;font-weight:800;letter-spacing:-1px}.section-number{font:600 11px 'Barlow Condensed',sans-serif;letter-spacing:1.5px;color:#6c7d65}.game-grid{display:grid;grid-template-columns:1fr 1fr;gap:25px}.game-card{background:#fffefa;border:1px solid var(--border);border-radius:12px;overflow:hidden}.game-visual{height:300px;position:relative;overflow:hidden;background:#194d3c}.ball .game-visual{background:#d9d9ba}.game-category{position:absolute;left:25px;top:24px;font:700 10px 'Barlow Condensed',sans-serif;letter-spacing:2px;color:#cfe0bd;z-index:2}.ball .game-category{color:#617657}.visual-title{font:900 63px 'Barlow Condensed',Impact,sans-serif;color:var(--paper);position:absolute;left:25px;top:93px;z-index:2;letter-spacing:-2px;line-height:.9;transform:rotate(-3deg)}.visual-title>span{color:var(--lime)}.visual-title small{display:block;font:700 12px 'Noto Sans JP',sans-serif;letter-spacing:0;margin-top:17px}.ball .visual-title{color:var(--ink)}.ball .visual-title>span{color:#4b6b42}.field-lines{position:absolute;opacity:.14;border:2px solid #e6f5da}.football-field{width:420px;height:260px;transform:rotate(-20deg);left:-80px;top:130px}.football-field:before{content:'';position:absolute;width:120px;height:120px;border:2px solid white;border-radius:50%;top:65px;left:145px}.football-field:after{content:'';position:absolute;left:50%;height:100%;border-left:2px solid white}.baseball-field{height:260px;width:260px;transform:rotate(45deg);left:25px;top:170px;border-color:var(--ink);opacity:.15}.phone-frame{position:absolute;width:172px;height:328px;right:23px;top:38px;transform:rotate(9deg);border:5px solid #0a291f;border-radius:20px;box-shadow:10px 15px 20px #071b2a45;overflow:hidden;background:#12382d}.phone-frame img{height:100%;width:100%;object-fit:cover;display:block}.kick .phone-frame img{width:auto;max-width:none;height:100%;position:absolute;left:50%;transform:translateX(-50%) scale(1.11);transform-origin:50% 100%}.ball .phone-frame{transform:rotate(9deg);top:35px}.visual-mark{position:absolute;bottom:18px;left:25px;font-size:30px;color:#ddefac}.ball .visual-mark{color:var(--ink)}.game-body{padding:27px}.game-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:22px}.game-heading h3{font:800 27px 'Barlow Condensed',Impact,sans-serif;line-height:1}.game-heading small{font:500 9px 'Noto Sans JP',sans-serif;display:block;margin-top:8px;letter-spacing:1px}.sport-label{font-size:10px;border:1px solid var(--border);padding:5px 10px;border-radius:20px}.game-body h4{font-size:21px;line-height:1.75;font-weight:800;letter-spacing:-.5px}.game-body>p{font-size:12px;color:#617064;line-height:2;margin:15px 0 20px;min-height:96px}.game-facts{display:flex;flex-wrap:wrap;gap:6px}.game-facts span{font-size:9px;background:#eff2e8;border-radius:3px;padding:6px 8px;font-weight:600}.card-actions{margin-top:25px}.rules-button{display:flex;justify-content:center;align-items:center;gap:12px;background:transparent;margin:15px auto -2px;padding:7px;font-size:11px;font-weight:600}.rules-button span{font-size:17px}.rules-button:hover{text-decoration:underline}.howto{border-top:1px solid var(--border);display:grid;grid-template-columns:.9fr 1.1fr;gap:60px;padding-top:68px;padding-bottom:68px}.howto-intro h2{font-size:34px}.howto-intro>p:last-child{font-size:12px;color:var(--muted);margin-top:22px}.steps article{display:flex;gap:20px;position:relative;align-items:flex-start;padding:23px 0;border-bottom:1px solid var(--border)}.steps article:first-child{padding-top:0}.steps article:last-child{border-bottom:0;padding-bottom:0}.step-number{font:700 18px 'Barlow Condensed',sans-serif;color:#7e8c65}.steps h3{font-size:16px;margin:0 0 10px}.steps p{font-size:11px;color:var(--muted);line-height:1.9}.step-art{margin-left:auto;font-size:42px;color:#789254;line-height:1}.four-arrows{font-size:24px;line-height:1.1;white-space:nowrap}.play-style{background:#eaf0e1;max-width:none;padding-left:max(20px,calc((100% - 1160px)/2));padding-right:max(20px,calc((100% - 1160px)/2))}.section-top>p{font-size:11px;color:var(--muted)}.mode-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:34px}.mode-grid article{border-top:1px solid #bfcbb4;padding-top:25px}.mode-icon{display:block;font-size:32px;margin-bottom:20px}.mode-en{font:700 11px 'Barlow Condensed',sans-serif;letter-spacing:1.5px;color:#6c7d59}.mode-grid h3{font-size:17px;margin-top:9px}.mode-grid p{font-size:11px;line-height:2;margin-top:14px;color:#60705f;min-height:66px}.text-action{background:transparent;padding:14px 0 0;font-size:11px;font-weight:700}.text-action:hover{text-decoration:underline}.final-cta{margin:70px auto 0;max-width:1160px;background:var(--green);color:var(--paper);border-radius:10px;padding:43px;position:relative;overflow:hidden;display:grid;grid-template-columns:1fr auto;align-items:center;gap:14px}.final-cta>.eyebrow{color:var(--lime);grid-column:1}.final-cta h2{grid-column:1;font-size:29px}.final-cta .button{grid-column:2;grid-row:1/3;z-index:1;width:280px}.cta-decoration{font-size:260px;position:absolute;right:170px;top:-93px;color:#28503b;pointer-events:none}.mobile-break{display:none}.faq{display:grid;grid-template-columns:1fr 1.3fr;gap:60px;padding-top:68px;padding-bottom:65px}.faq h2{font-size:23px}.faq details{border-bottom:1px solid var(--border)}.faq summary{list-style:none;cursor:pointer;padding:17px 0;display:flex;justify-content:space-between;font-size:12px;font-weight:600;gap:20px}.faq summary::-webkit-details-marker{display:none}.faq summary>span{font-size:17px}.faq details[open] summary>span{transform:rotate(45deg)}.faq details p{font-size:12px;color:var(--muted);padding-bottom:20px}footer{max-width:1160px;margin:auto;border-top:1px solid var(--border);display:flex;gap:30px;padding:35px 0 45px;align-items:center}footer .brand{font-size:19px}footer .brand-icon{width:35px;height:35px;font-size:30px;border-radius:10px}footer .brand-sub{font-size:8px}footer p{font-size:10px;color:var(--muted)}footer>a:nth-last-child(2){margin-left:auto;font-size:10px}footer small{font-size:9px;color:var(--muted)}dialog{border:1px solid #cbd5bb;background:var(--paper);color:var(--ink);border-radius:16px;padding:40px;max-width:540px;width:calc(100% - 32px);max-height:85dvh;box-shadow:0 30px 120px #0004}dialog::backdrop{background:#071e18bb;backdrop-filter:blur(5px)}.dialog-close{position:absolute;right:17px;top:12px;background:transparent;font-size:29px;width:40px;height:40px}dialog h2{margin:16px 0 20px;font-size:26px}dialog ol{padding-left:24px}dialog li{font-size:13px;line-height:1.9;margin:15px 0}dialog p{font-size:12px;color:var(--muted)}dialog .button{margin-top:20px}dialog .mode-note{margin-bottom:20px}body:has(dialog[open]){overflow:hidden}@media(min-width:1450px){.hero{padding-top:78px;padding-bottom:78px}.hero-art{margin-left:55px}.soccer-tile{left:5px}.baseball-tile{right:0}}@media(max-width:1050px){.hero{grid-template-columns:1fr 1fr;padding-top:45px}.hero-art{transform:scale(.85);transform-origin:center center;margin-left:-25px;margin-right:-40px}.visual-title{font-size:48px;left:20px}.phone-frame{right:2px;width:150px}.game-body{padding:22px}.game-body h4{font-size:18px}.game-facts span{font-size:8px}.section{padding-left:30px;padding-right:30px}.howto{gap:30px}.howto-intro h2{font-size:29px}.mode-grid{gap:25px}.mode-grid h3{font-size:15px}.final-cta{margin-left:30px;margin-right:30px}.faq{gap:20px}footer{margin-left:30px;margin-right:30px}.header nav{gap:20px}.header{padding:0 30px}.section-number{font-size:10px}}@media(max-width:700px){.header{height:78px;padding:0 20px}.brand{font-size:20px}.brand-icon{width:37px;height:37px;font-size:32px}.header nav{display:none}.daily-link{font-size:10px;padding:9px 11px;gap:10px}.hero{padding:37px 24px 27px;display:block;min-height:auto}.hero-copy{position:relative;z-index:5}.hero .eyebrow{font-size:8px;letter-spacing:1.5px}h1{font-size:51px;margin:22px 0 19px;letter-spacing:-2px;line-height:1.3}.hero-description{font-size:12px;line-height:2}.hero-copy>.button{width:245px;margin-top:25px;padding:17px 18px}.hero-meta{font-size:9px;margin-top:18px;gap:9px}.hero-art{margin:4px auto -18px;width:350px;min-height:330px;transform:scale(.8);transform-origin:50% 45%;left:0}.sport-tile{width:195px;height:244px}.soccer-tile{top:10px;left:-5px}.baseball-tile{top:85px;right:-9px}.soccer-ball,.baseball{width:165px;height:165px}.tile-caption{font-size:9px;margin:16px 16px 0}.tile-game{font-size:33px}.read-badge{width:95px;height:95px;left:9px;bottom:-2px;font-size:12px;padding-top:15px}.read-badge b{font-size:13px}.orbit{height:330px;width:330px;left:5px;top:0}.hero-cross{right:0;top:0}.coord-one{right:-17px;top:0}.coord-two{bottom:-23px;left:20px}.ticker{height:43px;font-size:16px;justify-content:flex-start;padding-left:20px;gap:25px}.section{padding:49px 20px}.section-top{display:block;margin-bottom:24px}.section-top .eyebrow{font-size:9px;margin-bottom:10px}h2{font-size:24px}.section-number{display:none}.game-grid{grid-template-columns:1fr;gap:27px}.game-visual{height:265px}.visual-title{font-size:55px;top:90px;left:23px}.phone-frame{right:20px;top:30px;width:150px;height:295px}.ball .phone-frame{top:30px}.visual-title small{font-size:10px}.game-category{left:23px;top:23px}.game-body{padding:24px}.game-heading{margin-bottom:18px}.game-heading h3{font-size:28px}.game-body h4{font-size:19px}.game-body>p{min-height:0;font-size:12px;margin:16px 0 18px}.game-facts span{font-size:9px;padding:5px 7px}.button{font-size:12px}.howto{display:block;padding-top:43px;padding-bottom:45px}.howto-intro h2{font-size:28px}.howto-intro>p:last-child{font-size:11px;margin-top:16px}.steps{margin-top:32px}.steps article{gap:15px;padding:23px 0}.steps h3{font-size:15px}.steps p{font-size:10px}.step-art{font-size:34px}.four-arrows{font-size:21px}.play-style .section-top>p{margin-top:12px;font-size:11px}.mode-grid{grid-template-columns:1fr;gap:27px}.mode-grid article{position:relative;padding-left:55px;padding-top:23px}.mode-icon{position:absolute;left:2px;top:25px;font-size:30px}.mode-grid h3{font-size:17px}.mode-grid p{min-height:0;font-size:12px;margin-top:12px}.text-action{font-size:11px;padding-top:14px}.final-cta{margin:42px 20px 0;padding:30px 24px;display:block}.final-cta .eyebrow{font-size:9px}.final-cta h2{font-size:26px;line-height:1.65;margin-top:13px;position:relative;z-index:1}.mobile-break{display:block}.final-cta .button{width:100%;margin-top:25px;position:relative}.cta-decoration{right:-22px;top:-52px;font-size:230px}.faq{display:block;padding-top:43px;padding-bottom:40px}.faq>div:last-child{margin-top:20px}.faq h2{font-size:22px}.faq summary{font-size:11px;padding:18px 0}.faq details p{font-size:11px}footer{margin:0 20px;padding:27px 0 30px;flex-wrap:wrap;gap:22px}footer p{font-size:9px}footer>a:nth-last-child(2){margin-left:0}footer small{margin-left:auto}dialog{padding:33px 25px}dialog h2{font-size:25px}}@media(max-width:360px){.hero-art{left:-17px}.visual-title{font-size:45px}.phone-frame{right:6px;width:138px}.game-body{padding:20px}.game-body h4{font-size:17px}.hero{padding-left:20px;padding-right:20px}h1{font-size:47px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important}}
@media(max-width:700px){.visual-title{font-size:46px;top:87px}.phone-frame,.ball .phone-frame{width:130px;right:10px;top:43px;height:270px}.visual-title small{font-size:9px}.hero-art .tile-game{font-size:31px}}@media(max-width:360px){.visual-title{font-size:42px;left:18px}.phone-frame,.ball .phone-frame{width:120px;right:4px}.visual-title small{font-size:8px}}

/* JANKEN uses the same card, phone frame, actions and mobile layout. */
.janken .game-visual{background:#193f4c}.janken .visual-title{top:68px}.janken .visual-title>span{display:block}.janken .visual-title small{margin-top:15px}.duel-field{width:310px;height:310px;border-radius:50%;left:-85px;top:115px;transform:rotate(-20deg)}.duel-field:after{content:'';position:absolute;inset:45px;border:2px solid #e6f5da;border-radius:50%}
@media(min-width:1200px){.game-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.game-grid .visual-title{font-size:46px}.game-grid .phone-frame{width:128px;right:10px;top:44px;height:280px}.game-grid .game-body{padding:22px}.game-grid .game-body h4{font-size:18px}.game-grid .game-body>p{min-height:144px}}

/* Fourth game follows the shared visual, phone frame and card actions. */
.coin .game-visual{background:#204339}.coin .visual-title{top:76px}.coin .visual-title>span{display:block;color:#e1c36f}.coin .visual-title small{margin-top:15px}.coin .game-category{color:#e2d7a9}.coin .visual-mark{color:#e1c36f}.coin-field{width:350px;height:240px;border-radius:50%;left:-100px;top:130px;border-color:#ead79d;transform:rotate(-20deg)}.coin-field:after{content:'';position:absolute;inset:25px;border:2px solid #ead79d;border-radius:50%}
@media(min-width:1200px){.game-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.game-grid .visual-title{font-size:60px}.game-grid .phone-frame{width:166px;right:25px;top:38px;height:328px}.game-grid .game-body>p{min-height:96px}}