:root,body{color-scheme:light;--bg:#fffefa;--surface:#fff;--soft:#f7f6f2;--ink:#292c3d;--muted:#6b6d7a;--line:#e8e7e1;--yellow:#ffd45d;--yellow-soft:#fff7df;--purple:#6860a8;--purple-soft:#eeeaf9;--shadow:0 8px 28px #28253806;--radius:18px;--error:#b32740;--board-line:#a8a6b5;--selected:#ddd6f9;--related:#f1eef9;--same:#e4dcff}:root[data-theme=dark],:root[data-theme=dark] body{color-scheme:dark;--bg:#191b25;--surface:#222532;--soft:#282b38;--ink:#efeff6;--muted:#b1b2c2;--line:#3c3e4d;--yellow:#ffd45d;--yellow-soft:#343024;--purple:#b7a9f6;--purple-soft:#353047;--shadow:0 8px 28px #0002;--error:#ff9aac;--board-line:#9692ac;--selected:#55477f;--related:#302c41;--same:#423560}*{box-sizing:border-box}html{background:var(--bg);scroll-behavior:smooth;scroll-padding-top:100px}body{color:var(--ink);background:var(--bg);-webkit-font-smoothing:antialiased;margin:0;font-family:Inter,Noto Sans TC,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.7}button,input,select{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a{color:inherit;text-decoration:none}svg{vertical-align:middle;flex-shrink:0}button:disabled{cursor:not-allowed;opacity:.45}a,button{touch-action:manipulation}button:focus-visible,a:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid var(--purple);outline-offset:4px}button:not(:disabled):active,.button:active{transform:translateY(1px)}[hidden]{display:none!important}.container{width:min(1180px,100% - 64px);margin-inline:auto}h1,h2,h3,p{margin:0}h1,h2,h3{line-height:1.35}h1,h2{letter-spacing:-.045em}p{color:var(--muted)}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.skip-link{z-index:1000;background:var(--ink);color:var(--bg);border-radius:10px;padding:12px 20px;position:fixed;top:-100px;left:12px}.skip-link:focus{top:8px}.site-header{background:var(--surface);border-bottom:1px solid var(--line);z-index:20;position:relative}.header-inner{justify-content:space-between;align-items:center;gap:24px;height:88px;display:flex}.brand{letter-spacing:-1.1px;white-space:nowrap;align-items:center;gap:7px;font-size:26px;font-weight:800;line-height:1;display:inline-flex}.brand-accent{color:var(--purple)}.brand-dot{color:#e4ae2c}.desktop-nav{gap:35px;font-size:14px;font-weight:550;display:flex}.desktop-nav a{padding:31px 0;position:relative}.desktop-nav a:hover,.desktop-nav [aria-current=page]{color:var(--purple)}.desktop-nav [aria-current=page]:after{content:"";background:var(--yellow);border-radius:50%;width:5px;height:5px;position:absolute;bottom:20px;left:50%}.header-actions{align-items:center;gap:18px;display:flex}.header-play{background:var(--yellow-soft);color:var(--ink);border-radius:9px;align-items:center;gap:12px;padding:9px 15px;font-size:13px;font-weight:650;display:flex}.icon-button{border:1px solid var(--line);width:40px;height:40px;color:var(--ink);background:0 0;border-radius:50%;place-items:center;display:grid}.icon-button:hover{background:var(--soft)}.theme-sun{display:none}[data-theme=dark] .theme-sun{display:inline}[data-theme=dark] .theme-moon,.mobile-toggle{display:none}.mobile-nav{border-top:1px solid var(--line);flex-direction:column;gap:4px;padding:12px 24px 20px;display:flex}.mobile-nav a{border-radius:8px;padding:10px 16px}.mobile-nav a:hover{background:var(--soft)}.home-hero{background:var(--yellow-soft);position:relative;overflow:hidden}.hero-grid{grid-template-columns:1fr 1fr;align-items:center;gap:40px;min-height:610px;padding-block:66px;display:grid}.eyebrow{letter-spacing:2px;color:var(--purple);align-items:center;gap:9px;font-size:10px;font-weight:750;display:flex}.eyebrow-dot,.status-dot{background:var(--purple);border-radius:50%;width:6px;height:6px;display:inline-block}.hero-copy h1{letter-spacing:-1.8px;margin:22px 0 21px;font-size:clamp(35px,3.9vw,54px);font-weight:850;line-height:1.4;position:relative}.hero-copy h1>span:not(.heading-spark){color:var(--purple);position:relative}.hero-copy h1>span:not(.heading-spark):after{content:"";background:var(--yellow);opacity:.7;border-radius:100%;height:7px;position:absolute;bottom:0;left:0;right:0}.heading-spark{color:#ddab39;margin-left:12px;font-size:34px;position:absolute;top:10px;transform:rotate(17deg)}.hero-copy>p{max-width:425px;font-size:15px;line-height:1.95}.hero-buttons{align-items:center;gap:28px;margin-top:30px;display:flex}.button{border:1px solid #0000;border-radius:11px;justify-content:center;align-items:center;gap:23px;min-height:48px;padding:14px 25px;font-size:14px;font-weight:700;transition:transform .15s;display:inline-flex}.primary{background:var(--yellow);color:#302b22;box-shadow:0 4px #ddae3899}.primary:hover{background:#ffca37}.text-link{align-items:center;gap:9px;font-size:13px;font-weight:600;display:inline-flex}.text-link:hover{color:var(--purple)}.hero-assurances{color:var(--muted);gap:20px;margin-top:24px;font-size:11px;display:flex}.hero-assurances span{align-items:center;gap:5px;display:flex}.hero-visual{isolation:isolate;height:440px;position:relative}.orbit{opacity:.6;z-index:-1;border:1px dashed #d2bd86;border-radius:50%;width:410px;height:410px;position:absolute;top:20px;left:34px}.orbit-two{opacity:.2;border-style:solid;width:340px;height:340px;top:55px;left:69px}.hero-board{background:var(--surface);border:1px solid var(--line);border-radius:19px;width:320px;padding:17px 20px;position:absolute;top:38px;left:70px;transform:rotate(-7deg);box-shadow:8px 16px #c5b98e17,0 20px 50px #60513914}.mini-board-header{color:var(--muted);letter-spacing:.3px;align-items:center;gap:7px;margin-bottom:15px;font-size:9px;display:flex}.mini-board-header>span:last-child{margin-left:auto;font-family:monospace}.mini-dot{background:var(--yellow);border-radius:50%;width:7px;height:7px}.hero-sudoku{border:1.5px solid var(--ink);aspect-ratio:1;border-radius:3px;grid-template-columns:repeat(9,1fr);display:grid;overflow:hidden}.hero-sudoku>span{border-bottom:1px solid var(--line);border-right:1px solid var(--line);place-items:center;font-size:15px;font-weight:500;line-height:1;display:grid}.hero-sudoku .mini-right{border-right:1.5px solid var(--ink)}.hero-sudoku .mini-bottom{border-bottom:1.5px solid var(--ink)}.hero-sudoku .yellow-cell{background:var(--yellow);color:#39313d;font-weight:800}.mini-board-footer{color:var(--muted);justify-content:space-between;align-items:center;margin-top:14px;font-size:8px;display:flex}.mini-board-footer>span:first-child{color:var(--purple);font-size:11px;font-weight:750}.float-badge{background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow);color:var(--ink);white-space:nowrap;border-radius:10px;align-items:center;gap:9px;padding:10px 15px;font-size:10px;display:flex;position:absolute}.badge-focus{top:9px;right:12px;transform:rotate(5deg)}.badge-focus svg{color:var(--purple)}.badge-break{bottom:0;left:25px;transform:rotate(-3deg)}.badge-break>span{font-size:18px}.floating-tile{border-radius:12px;place-items:center;width:59px;height:62px;font-size:29px;font-weight:750;display:grid;position:absolute;box-shadow:0 6px #00000010}.tile-two{color:#7160a6;background:#e9e2fc;top:118px;left:8px;transform:rotate(-15deg)}.tile-four{color:#9d7227;background:#ffe399;bottom:132px;right:5px;transform:rotate(14deg)}.mascot-bubble{flex-direction:column;align-items:center;display:flex;position:absolute;bottom:7px;right:-10px;transform:rotate(9deg)}.mascot-bubble>span{background:var(--surface);border:1px solid var(--line);border-radius:20px;margin-top:-3px;padding:4px 12px;font-size:11px}.visual-star{color:var(--purple);font-size:29px;position:absolute}.star-one{bottom:84px;left:8px;transform:rotate(14deg)}.star-two{color:#d6a62f;font-size:19px;top:88px;right:3px}.benefit-strip{border-block:1px solid var(--line);background:var(--surface)}.benefit-strip>.container{justify-content:space-between;gap:20px;padding-block:20px;display:flex}.benefit-strip span{color:var(--muted);align-items:center;gap:10px;font-size:11px;display:flex}.benefit-strip svg{color:var(--purple)}.catalogue{padding-block:75px 53px;scroll-margin-top:20px}.section-heading{justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:28px;display:flex}.section-heading h2{margin:11px 0 9px;font-size:29px}.section-heading p{font-size:13px}.small-spark{color:#d5a638;margin-left:12px;font-size:24px}.catalogue-note{color:var(--muted);white-space:nowrap;align-items:center;gap:7px;padding-bottom:3px;font-size:11px;display:flex}.status-dot{background:#72a18a}.category-filters{flex-wrap:wrap;align-items:center;gap:8px;padding-bottom:25px;scroll-margin-top:25px;display:flex}.filter-button{border:1px solid var(--line);background:var(--surface);color:var(--muted);border-radius:9px;align-items:center;gap:7px;min-height:44px;padding:10px 15px;font-size:12px;transition:transform .15s;display:flex}.filter-button:hover{background:var(--purple-soft);color:var(--purple)}.filter-button.active{background:var(--ink);border-color:var(--ink);color:var(--bg)}.filter-count{background:#ffffff23;border-radius:4px;margin-left:2px;padding:0 5px;font-size:9px}.game-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:22px;display:grid}.game-card{background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:14px;min-width:0;transition:transform .2s,box-shadow .2s;position:relative;overflow:hidden}.game-card:hover{transform:translateY(-4px);box-shadow:0 12px 25px #2825380d}.game-card.is-available{border-color:#b9aad9}.card-art{--art-paper:#fffcf6;--art-ink:#6e609e;justify-content:center;align-items:center;height:164px;display:flex;position:relative;overflow:hidden}.card-art.purple{--art-ink:#716294;background:#ece8f7}.card-art.yellow{--art-ink:#a38340;background:#fff0c9}.card-art.mint{--art-ink:#5f8b76;background:#e1efe5}.card-art.peach{--art-ink:#ba8060;background:#f9e5d8}.card-art.blue{--art-ink:#708cad;background:#e3edf8}.card-art.pink{--art-ink:#bb83a0;background:#f5e4ed}[data-theme=dark] .card-art{filter:brightness(.8)}.card-number{color:var(--art-ink);opacity:.8;z-index:1;font:10px monospace;position:absolute;top:12px;left:16px}.art-tag{color:#65568b;z-index:1;background:#ffffffe6;border-radius:20px;align-items:center;gap:4px;padding:3px 8px;font-size:8px;display:flex;position:absolute;top:11px;right:11px}.art-tag>span{background:#8d7fb8;border-radius:50%;width:4px;height:4px}.game-art{width:100%;max-width:280px;height:164px}.card-body{padding:18px 18px 14px}.game-heading h3{letter-spacing:-.3px;font-size:17px}.game-en{color:var(--muted);letter-spacing:.6px;margin:3px 0 9px;font-size:10px;display:block}.card-body p{min-height:42px;font-size:11px;line-height:1.85}.card-bottom{border-top:1px solid var(--line);justify-content:space-between;align-items:center;gap:6px;margin-top:15px;padding-top:13px;display:flex}.category-name{color:var(--muted);background:var(--soft);border-radius:4px;padding:3px 7px;font-size:9px}.game-link{color:var(--purple);align-items:center;gap:7px;padding:5px 0;font-size:11px;font-weight:750;display:inline-flex}.game-link:after{content:"";position:absolute;inset:0}.game-link:focus-visible:after{outline:3px solid var(--purple);outline-offset:-4px;border-radius:12px}.coming-soon{color:var(--muted);letter-spacing:.3px;font-size:10px}.catalogue-bottom{justify-content:center;align-items:center;gap:12px;margin-top:35px;display:flex}.catalogue-bottom p{font-size:11px}.little-line{background:var(--line);width:25px;height:1px}.why-section{background:var(--soft);border-block:1px solid var(--line);padding:67px 0 65px}.why-intro{justify-content:space-between;align-items:center;gap:40px;display:flex}.why-intro h2{margin-top:13px;font-size:30px;line-height:1.6}.why-intro>p{max-width:400px;font-size:13px;line-height:2}.feature-grid{grid-template-columns:repeat(3,1fr);gap:58px;margin-top:42px;display:grid}.feature-icon{background:var(--surface);width:48px;height:48px;color:var(--purple);border:1px solid var(--line);border-radius:13px;place-items:center;margin-bottom:18px;display:grid}.feature h3{margin-bottom:11px;font-size:16px}.feature p{max-width:305px;font-size:12px;line-height:1.9}.start-banner{background:var(--yellow-soft);border:1px solid #e9dca966;border-radius:18px;align-items:center;gap:25px;margin-block:55px;padding:28px 35px;display:flex}.banner-mascot{flex-shrink:0}.start-banner h2{margin:7px 0;font-size:21px}.start-banner p{font-size:12px}.start-banner .eyebrow{letter-spacing:1.6px;font-size:9px}.dark-button{background:var(--ink);color:var(--bg);white-space:nowrap;margin-left:auto;font-size:12px}.dark-button:hover{background:var(--purple);color:var(--surface)}.site-footer{border-top:1px solid var(--line);background:var(--surface)}.footer-top{grid-template-columns:1.6fr .8fr .9fr 1fr;gap:45px;padding:49px 0 40px;display:grid}.footer-brand p{margin-top:15px;font-size:11px;line-height:1.9}.footer-brand .brand{font-size:23px}.piyo-family{color:var(--muted);letter-spacing:.4px;margin-top:13px;font-size:9px;display:block}.footer-column{flex-direction:column;align-items:flex-start;gap:9px;display:flex}.footer-column h2{letter-spacing:0;margin-bottom:5px;font-size:12px}.footer-column>a{color:var(--muted);font-size:11px}.footer-column>a:hover{color:var(--purple);text-decoration:underline}.footer-note{border-left:1px solid var(--line);padding-left:30px}.little-star{color:#d2aa45;font-size:23px}.footer-note p{color:var(--ink);margin:6px 0 12px;font-size:14px;font-weight:600;line-height:1.9}.footer-note a{color:var(--purple);align-items:center;gap:10px;font-size:10px;display:flex}.footer-bottom{border-top:1px solid var(--line);color:var(--muted);justify-content:space-between;padding-block:18px;font-size:9px;display:flex}.footer-bottom>span:last-child{gap:9px;display:flex}.footer-bottom>span:last-child>span{color:#cba148}.prose{max-width:760px;margin:60px auto 80px}.prose h1{margin-bottom:20px;font-size:36px}.prose h2{letter-spacing:-.02em;margin:33px 0 14px;font-size:23px}.prose h3{margin:23px 0 10px;font-size:17px}.prose p,.prose li{color:var(--muted);font-size:15px;line-height:1.95}.prose p+p{margin-top:16px}.prose a{color:var(--purple);text-decoration:underline}.prose ul{padding-left:24px}.prose .eyebrow{margin-bottom:15px}.breadcrumb{color:var(--muted);align-items:center;gap:9px;padding-block:23px;font-size:11px;display:flex}.breadcrumb a:hover{color:var(--purple)}.error-page{text-align:center;min-height:58vh;padding-block:80px}.error-page h1{margin:12px 0;font-size:35px}.error-page p{margin-bottom:25px}.noscript-note{background:var(--yellow-soft);border:1px solid var(--line);border-radius:10px;margin:20px 0;padding:15px}@media (width>=1100px){.game-grid .game-card:nth-last-child(-n+2){grid-column:span 2;grid-template-columns:42% 1fr;display:grid}.game-grid .game-card:nth-last-child(-n+2) .card-art{height:100%;min-height:190px}.game-grid .game-card:nth-last-child(-n+2) .card-body{padding-top:25px}}@media (width<=1050px){.hero-grid{gap:12px;min-height:560px}.hero-copy h1{font-size:41px}.hero-visual{transform-origin:50%;width:450px;margin-left:-20px;transform:scale(.87)}.game-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.footer-top{gap:25px}.start-banner h2{font-size:18px}.start-banner{gap:15px;padding-inline:24px}.start-banner .button{padding-inline:18px}.heading-spark{font-size:25px}}@media (width<=760px){.container{width:calc(100% - 40px)}.header-inner{gap:12px;height:72px}.brand{gap:3px;font-size:24px}.brand>svg{width:36px;height:36px}.desktop-nav,.header-play{display:none}.mobile-toggle{display:grid}.header-actions{gap:9px}.icon-button{width:37px;height:37px}.hero-grid{grid-template-columns:1fr;gap:10px;padding-block:43px 30px}.hero-copy h1{margin-top:17px;font-size:43px;line-height:1.38}.hero-copy>p{max-width:470px;font-size:14px}.heading-spark{display:inline-block;position:relative;top:-18px}.hero-buttons{gap:24px;margin-top:26px}.hero-assurances{gap:17px;margin-top:22px}.hero-visual{transform-origin:50%;width:430px;max-width:100%;height:415px;margin:0 auto;transform:scale(.92)}.hero-board{margin-left:-155px;left:50%}.orbit{margin-left:-205px;left:50%}.orbit-two{margin-left:-170px;left:50%}.tile-two{left:1px}.tile-four{right:-5px}.badge-focus{right:0}.mascot-bubble{bottom:0;right:-4px}.badge-break{bottom:-7px;left:0}.benefit-strip>.container{grid-template-columns:1fr 1fr;gap:15px 12px;padding-block:19px;display:grid}.benefit-strip span{gap:7px;font-size:10px}.catalogue{padding-block:47px 38px}.section-heading{align-items:start;margin-bottom:23px}.section-heading h2{margin-top:9px;font-size:25px}.section-heading .eyebrow{letter-spacing:1.1px;font-size:8px}.section-heading p{font-size:12px}.catalogue-note{display:none}.category-filters{gap:7px;padding-bottom:20px}.filter-button{gap:5px;padding:8px 11px;font-size:11px}.filter-button svg{width:14px;height:14px}.game-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}.card-art,.game-art{height:146px}.card-body{padding:15px 13px 12px}.game-heading h3{font-size:15px}.card-body p{min-height:60px;font-size:11px}.card-bottom{margin-top:12px;padding-top:10px}.game-link{gap:4px;font-size:10px}.category-name{padding:3px 5px;font-size:8px}.coming-soon{font-size:9px}.art-tag{padding:2px 6px;font-size:7px;top:8px;right:7px}.card-number{font-size:8px;top:10px;left:10px}.why-section{padding-block:43px}.why-intro{display:block}.why-intro h2{margin-bottom:20px;font-size:27px}.why-intro>p{font-size:12px}.feature-grid{grid-template-columns:1fr;gap:25px;margin-top:30px}.feature{grid-template-columns:48px 1fr;align-items:start;column-gap:17px;display:grid}.feature-icon{grid-row:span 2;margin:0}.feature h3{margin-bottom:5px;font-size:15px}.feature p{max-width:none;font-size:12px}.start-banner{grid-template-columns:64px 1fr;gap:12px;margin-block:35px;padding:25px 20px;display:grid}.banner-mascot svg{width:64px;height:70px}.start-banner h2{font-size:18px}.start-banner .eyebrow{letter-spacing:1px;font-size:7px}.start-banner .button{grid-column:1/-1;justify-self:start;margin-top:6px;margin-left:0}.footer-top{grid-template-columns:1fr 1fr;gap:28px 24px;padding-block:35px}.footer-brand{grid-column:1/-1}.footer-note{display:none}.footer-bottom{flex-direction:column;gap:10px;font-size:9px}.prose{margin-block:35px 55px}.prose h1{font-size:29px}.prose p,.prose li{font-size:14px}}@media (width<=374px){.container{width:calc(100% - 28px)}.hero-copy h1{letter-spacing:-1px;font-size:36px}.hero-buttons{gap:15px}.hero-buttons .button{gap:13px;padding-inline:18px;font-size:13px}.text-link{font-size:11px}.hero-assurances{gap:11px;font-size:10px}.hero-visual{width:350px;max-width:none;height:365px;margin-left:calc(50% - 175px);transform:scale(.79)}.game-grid{gap:11px}.card-art,.game-art{height:120px}.card-body{padding:12px 10px 10px}.card-body p{min-height:62px;font-size:10px}.game-heading h3{font-size:14px}.game-en{font-size:8px}.category-name{display:none}.card-bottom{justify-content:flex-end}.catalogue-bottom p{font-size:10px}.catalogue-bottom{gap:6px}.filter-button{padding-inline:9px}.start-banner h2{font-size:16px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}