@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;500;700;900&display=swap');
:root{--ink:#1d2e24;--paper:#faf3df;--yellow:#ffdb73;--pink:#efaaaa;--green:#b8cdae;--line:#1d2e2433}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:var(--paper);color:var(--ink);font-family:'Noto Sans JP',sans-serif;font-size:16px;line-height:1.9}a{color:inherit;text-decoration:none}a:focus-visible{outline:3px solid #ad482c;outline-offset:6px}a:hover{text-decoration:underline;text-underline-offset:5px}::selection{background:var(--yellow)}.skip{position:absolute;left:20px;top:-90px;background:var(--ink);color:white;padding:8px;z-index:10}.skip:focus{top:10px}.header{max-width:1440px;margin:auto;padding:34px 5%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);gap:28px}.wordmark{font-family:Arial,sans-serif;font-weight:900;font-size:34px;letter-spacing:-2px;line-height:1}.brand-dot{font-size:13px;vertical-align:top;letter-spacing:0;margin-left:4px}.header nav{display:flex;gap:32px;font-size:14px;font-weight:700}.hero{max-width:1440px;margin:auto;padding:70px 5% 0;display:grid;grid-template-columns:1fr 1fr;column-gap:6%}.eyebrow{font:700 12px/1.5 Arial,sans-serif;letter-spacing:2px;margin:0 0 30px}.hero h1{font-size:clamp(48px,5.2vw,78px);font-weight:900;line-height:1.45;letter-spacing:-.055em;margin:0 0 28px}.hero h1 span{display:inline-block;border-bottom:8px solid var(--yellow);line-height:1.25;padding-bottom:8px}.intro{font-size:16px;line-height:2.25;margin:0 0 30px}.text-link{font-weight:700;font-size:14px;display:inline-flex;gap:34px;align-items:center;border-bottom:1px solid var(--ink);padding:0 0 9px}.sticker-board{align-self:center;position:relative;min-height:490px;isolation:isolate;border:1px solid var(--line);border-radius:50% 50% 5px 5px;background-color:#efead5;background-image:radial-gradient(#1d2e242c .8px,transparent .8px);background-size:18px 18px}.board-caption{position:absolute;top:27px;left:50%;transform:translateX(-50%);font:700 11px/1.4 Arial;letter-spacing:1.6px;white-space:nowrap}.sticker{position:absolute;object-fit:contain;width:43%;height:auto}.key{top:55px;left:7%;transform:rotate(-17deg);width:47%}.duck{top:135px;right:3%;transform:rotate(13deg);width:49%}.rice{bottom:30px;left:11%;transform:rotate(-9deg);width:41%}.label{position:absolute;font-weight:900;line-height:1.5;font-size:15px;z-index:2;padding:12px 19px;border:5px solid var(--paper);outline:2px solid var(--ink);border-radius:40px;background:var(--pink)}.label-play{top:85px;right:-13px;transform:rotate(9deg)}.label-made{bottom:51px;right:15px;background:var(--yellow);transform:rotate(-8deg);border-radius:12px;font-size:18px}.board-number{position:absolute;bottom:10px;left:20px;font:10px/1.5 Arial;letter-spacing:1.2px}.hero-bottom{grid-column:1/-1;display:flex;justify-content:space-between;border-bottom:2px solid var(--ink);padding:55px 0 20px;margin-top:10px;font-size:12px;letter-spacing:1px}.section{max-width:1440px;margin:auto;padding:85px 5%}.section-heading{display:flex;align-items:flex-start;gap:9%;margin-bottom:38px}.section-heading .eyebrow{min-width:190px;margin-top:14px}h2{font-size:clamp(26px,3vw,40px);letter-spacing:-.04em;line-height:1.6;margin:0;font-weight:900}.game-list{display:grid;grid-template-columns:1fr 1fr;gap:36px}.game-visual{height:310px;position:relative;border:2px solid var(--ink);border-radius:10px;display:flex;align-items:center;justify-content:center;overflow:hidden}.duo{background:var(--green)}.solo{background:var(--yellow)}.game-tag{position:absolute;top:19px;left:20px;border-bottom:1px solid var(--ink);font-weight:700;font-size:13px;line-height:1.7}.type-art{display:flex;gap:10px;align-items:center;font-family:Arial,sans-serif;font-weight:900;font-size:clamp(38px,5.5vw,76px);letter-spacing:-5px}.type-art span:not(.plus){border:6px solid var(--paper);outline:2px solid var(--ink);padding:1px 14px;line-height:1.3;background:var(--paper);border-radius:16px;transform:rotate(-8deg)}.type-art span:last-child{transform:rotate(9deg);background:var(--pink)}.type-art .plus{font-size:35px;letter-spacing:0;margin:0 4px}.solo-type{gap:28px;font-size:100px}.solo-type span:not(.plus){width:98px;text-align:center;border-radius:50% 50% 15% 15%;line-height:1.1;background:var(--paper)}.solo-type span:last-child{background:var(--green)}.visual-bottom{position:absolute;bottom:14px;left:20px;font:700 11px/1.5 Arial;letter-spacing:1.4px;margin:0}.game-copy{padding:25px 3px 0}.category{font:700 11px/1.5 Arial;letter-spacing:1.5px}.game h3{font-size:26px;line-height:1.5;margin:7px 0 12px;letter-spacing:-.04em}.game p:not(.visual-bottom){font-size:15px;margin:0;line-height:1.9}.about{border-top:1px solid var(--line);display:grid;grid-template-columns:1fr 1fr;gap:7%;padding-top:75px;padding-bottom:85px}.about-copy>p{margin:0 0 22px}.about dl{margin:35px 0 0;font-size:14px}.about dl div{display:grid;grid-template-columns:85px 1fr;gap:16px;padding:15px 0;border-top:1px solid var(--line)}dt{font-weight:700}dd{margin:0}.pending{font-size:12px;display:inline-block;margin-left:10px;border:1px solid var(--line);padding:0 6px}.closing{background:var(--ink);color:var(--paper);padding:64px 5%;display:flex;align-items:end;justify-content:space-between}.closing p{font-size:clamp(35px,4.5vw,60px);line-height:1.5;font-weight:900;letter-spacing:-.04em;margin:0}.closing p span{color:var(--yellow)}.back-top{font-size:14px;border-bottom:1px solid var(--paper);padding:10px 0}footer{padding:38px 5%;display:flex;align-items:center;justify-content:space-between;gap:30px}footer .wordmark{font-size:27px}footer>div{display:flex;gap:35px;font-size:12px}.mobile-only{display:none}.legal{max-width:860px;min-height:65vh;margin:auto;padding:75px 5% 100px}.legal h1{font-size:42px;margin:10px 0 35px}.legal-box{border-top:2px solid var(--ink);border-bottom:1px solid var(--line);padding:28px 0;margin:35px 0}.legal-box h2{font-size:22px}.legal .note{font-size:14px}.legal .eyebrow{margin-top:25px}
@media(min-width:1500px){.closing,footer{padding-left:calc((100% - 1296px)/2);padding-right:calc((100% - 1296px)/2)}}@media(max-width:800px){.header{padding:24px 6%;align-items:flex-start}.wordmark{font-size:29px}.header nav{gap:15px;font-size:12px}.header nav a:first-child{display:none}.hero{padding:45px 6% 0;gap:35px}.hero h1{font-size:48px}.sticker-board{min-height:365px}.label{font-size:12px;padding:8px 11px}.label-made{font-size:14px;bottom:35px}.label-play{right:-5px;top:70px}.board-caption{font-size:9px}.key{top:65px}.duck{top:145px}.rice{bottom:20px}.section{padding:58px 6%}.section-heading{display:block}.section-heading .eyebrow{margin:0 0 20px}.game-list{gap:24px}.game-visual{height:250px}.game-tag{font-size:11px;left:15px}.type-art{font-size:40px;gap:5px;letter-spacing:-3px}.type-art span:not(.plus){padding:5px}.type-art .plus{font-size:22px}.solo-type{font-size:80px;gap:20px}.solo-type span:not(.plus){width:78px}.visual-bottom{font-size:9px}.about{gap:35px}.about h2{font-size:28px}.about-copy{font-size:14px}.about dl div{grid-template-columns:65px 1fr}.pending{margin-left:0}.intro{font-size:14px}}
@media(max-width:580px){.header nav{gap:16px}.header nav a:nth-child(2){display:none}.hero{grid-template-columns:1fr;padding-top:35px;gap:28px}.eyebrow{margin-bottom:20px}.hero h1{font-size:clamp(43px,11vw,60px)}.intro{font-size:15px}.sticker-board{min-height:375px;width:100%;max-width:440px;margin:auto}.key{width:45%;top:48px}.duck{width:46%;top:125px}.rice{width:37%;bottom:15px}.label-play{right:5px;top:66px;font-size:14px}.label-made{right:19px;bottom:40px;font-size:16px}.board-caption{font-size:10px}.hero-bottom{padding:15px 0 18px;margin:0;font-size:10px;letter-spacing:0}.game-list{grid-template-columns:1fr;gap:38px}.game-visual{height:285px}.type-art{font-size:62px;gap:12px}.type-art span:not(.plus){padding:2px 12px}.solo-type{font-size:100px;gap:35px}.solo-type span:not(.plus){width:90px}.game-tag{font-size:12px}.visual-bottom{font-size:10px}.game h3{font-size:24px}.game-copy{padding-top:20px}.section{padding-top:52px;padding-bottom:52px}.mobile-only{display:block}.about{grid-template-columns:1fr;gap:28px}.about-copy{font-size:15px}.about dl{font-size:13px}.closing{display:block;padding:45px 6%}.closing p{font-size:39px}.back-top{display:inline-block;margin-top:32px}footer{padding:30px 6%;align-items:flex-start}footer>div{flex-direction:column;gap:10px}.legal{padding-top:45px}.legal h1{font-size:32px}.legal-box h2{font-size:20px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
