html{touch-action:pan-x pan-y;-webkit-text-size-adjust:100%}body{touch-action:pan-x pan-y}
:root{--ink:#6b4a2b;--cream:#fbf6e9;--mint:#3fbf9f;--mint-deep:#2a8f76;--apricot:#ff8a5b;--apricot-deep:#d0643a;--star:#f5c31c;--card:#fffdf8;--line:#6b4a2b;--shadow:#e4d3b5;--radius:1.25rem}*{box-sizing:border-box}html,body{background-color:var(--cream);min-height:100%;color:var(--ink);background-image:radial-gradient(#e7dcc4 1.1px,#0000 1.1px);background-size:14px 14px;margin:0}body{font-family:var(--font-noto-jp), "Noto Sans JP", sans-serif;font-size:1rem;font-weight:500;line-height:1.55}html[lang=en] body{font-family:var(--font-noto-jp), "Noto Sans JP", sans-serif}h1,h2,h3,strong,b,.w8{font-weight:700}a{color:inherit}button,input{font:inherit;color:inherit}.shell{flex-direction:column;width:100%;min-height:100dvh;display:flex}.main{flex:1;width:100%;padding:.25rem 1rem 2rem}.topbar{z-index:5;background:#fbf6e9eb;justify-content:space-between;align-items:center;gap:.75rem;padding:.75rem 1rem;display:flex;position:sticky;top:0}.brand{align-items:center;gap:.6rem;min-width:0;text-decoration:none;display:flex}.brand-copy{flex-direction:column;min-width:0;display:flex}.brand-name{font-size:1rem;line-height:1.2}.brand-domain{opacity:.8;font-size:.8125rem}.lang-switch{align-items:center;gap:.4rem;font-size:.8125rem;display:flex}.lang-switch a{border-bottom:2px solid #0000;text-decoration:none}.lang-switch strong{font-size:.8125rem}.pill{border:2px solid var(--line);box-shadow:0 3px 0 var(--shadow);background:#fff;border-radius:999px;align-items:center;gap:.35rem;padding:.2rem .7rem;font-size:.8125rem;display:inline-flex}.hero{padding-top:.35rem}.hero h1{margin:.8rem 0 .4rem;font-size:1.75rem;line-height:1.25}.hero h1 span{color:var(--apricot)}.lede{margin:0 0 1rem;font-size:1rem}.modes{grid-template-columns:repeat(3,minmax(0,1fr));gap:.55rem;margin-bottom:.9rem;display:grid}.mode{border:2.5px solid var(--line);background:var(--card);box-shadow:0 5px 0 var(--shadow);text-align:center;cursor:pointer;border-radius:1.15rem;padding:.45rem .25rem .55rem}.mode.on{border-color:var(--mint);box-shadow:0 5px 0 var(--mint-deep);background:#f3fffb}.mode:active{box-shadow:0 2px 0 var(--shadow);transform:translateY(4px)}.mode.on:active{box-shadow:0 2px 0 var(--mint-deep)}.mode small{font-size:.8125rem;display:block}.btn{border:2.5px solid var(--line);background:var(--mint);color:#fff;width:100%;min-height:4rem;box-shadow:0 6px 0 var(--mint-deep);border-radius:999px;justify-content:center;align-items:center;gap:.4rem;font-size:1.125rem;text-decoration:none;display:flex}.btn.apricot{background:var(--apricot);box-shadow:0 6px 0 var(--apricot-deep)}.btn.ghost{color:var(--ink);box-shadow:0 6px 0 var(--shadow);background:#fff}.btn:active{box-shadow:0 2px 0 var(--mint-deep);transform:translateY(4px)}.btn.apricot:active{box-shadow:0 2px 0 var(--apricot-deep)}.btn.ghost:active{box-shadow:0 2px #c4a574}.btn[aria-disabled=true]{opacity:.55}.section-label{margin:1.4rem 0 .35rem;font-size:.8125rem}.section-label+h2,h2.stage-title{margin:0 0 .75rem;font-size:1.25rem}.stage{border:2.5px solid var(--line);box-shadow:0 5px 0 var(--stage-shadow,var(--shadow));border-radius:1.25rem;align-items:center;gap:.75rem;margin-bottom:.7rem;padding:.75rem .85rem;text-decoration:none;display:flex}.stage:active{box-shadow:0 2px 0 var(--stage-shadow,var(--shadow));transform:translateY(4px)}.stage-text{flex:1;min-width:0}.stage-text strong{font-size:1rem;display:block}.stage-text span{font-size:.8125rem;display:block}.stage-go{white-space:nowrap;font-size:.8125rem}.hscroll{scroll-snap-type:x mandatory;gap:.7rem;padding-bottom:.4rem;display:flex;overflow-x:auto}.mini{scroll-snap-align:start;background:var(--card);border:2.5px solid var(--line);box-shadow:0 5px 0 var(--shadow);border-radius:1.15rem;flex:0 0 78%;padding:.8rem;text-decoration:none}.mini strong{margin:.35rem 0;display:block}.stats{grid-template-columns:repeat(3,minmax(0,1fr));gap:.5rem;margin-top:.4rem;display:grid}.stat{border:2px solid var(--line);text-align:center;box-shadow:0 4px 0 var(--shadow);background:#fff;border-radius:1rem;padding:.55rem .35rem}.stat b{font-size:1.25rem;display:block}.stat span{font-size:.8125rem}.fine{margin:.45rem 0 0;font-size:.8125rem}.card{background:var(--card);border:2.5px solid var(--line);border-radius:var(--radius);box-shadow:0 5px 0 var(--shadow);padding:.9rem}.card+.card,.stack>*+*{margin-top:.75rem}.badges{flex-wrap:wrap;gap:.35rem;display:flex}.badge{border:2px solid var(--line);background:#fff;border-radius:999px;padding:.1rem .55rem;font-size:.8125rem}.badge.gold{background:var(--star)}.badge.mint{background:#d9f6ee}.quote{border:2px solid var(--line);background:#fff6df;border-radius:1rem;margin:.8rem 0;padding:.85rem .9rem;font-size:1.05rem}.notice{border:2px dashed var(--apricot);background:#fff;border-radius:.9rem;margin:0 0 .8rem;padding:.7rem .8rem;font-size:.8125rem}.filters{flex-wrap:wrap;gap:.4rem;margin:.6rem 0 .9rem;display:flex}.chip{border:2px solid var(--line);min-height:2.4rem;box-shadow:0 3px 0 var(--shadow);background:#fff;border-radius:999px;padding:.2rem .7rem}.chip.on{border-color:var(--mint);box-shadow:0 3px 0 var(--mint-deep);background:#f3fffb}.tip-card{border:2.5px solid var(--line);box-shadow:0 5px 0 var(--shadow);background:#fff;border-radius:1rem;margin-bottom:.7rem;padding:.8rem;text-decoration:none;display:block}.tip-card h3{margin:.35rem 0;font-size:1rem;font-weight:800}.crumbs{margin:.2rem 0 .6rem;font-size:.8125rem}.crumbs a{text-decoration:none}.quiz-top{justify-content:space-between;align-items:center;gap:.5rem;display:flex}.hearts{gap:.15rem;display:flex}.bar{border:2px solid var(--line);background:#fff;border-radius:999px;height:.7rem;margin:.55rem 0;overflow:hidden}.bar>span{background:var(--mint);height:100%;display:block}.q-card{text-align:center;margin-bottom:.8rem}.q-card p{margin:.4rem 0 0;font-size:1.05rem}.timer{width:4.2rem;height:4.2rem}.opt{text-align:left;border:2.5px solid var(--line);width:100%;min-height:3.5rem;box-shadow:0 5px 0 var(--shadow);cursor:pointer;background:#fff;border-radius:1.15rem;align-items:center;gap:.65rem;margin-bottom:.65rem;padding:.45rem .75rem;text-decoration:none;display:flex}.opt.on{border-color:var(--mint);box-shadow:0 5px 0 var(--mint-deep);background:#f3fffb}.opt:active{transform:translateY(3px)}.letter{border:2px solid var(--line);background:#fff8e8;border-radius:999px;flex:none;place-items:center;width:1.8rem;height:1.8rem;display:grid}.row-2{grid-template-columns:1fr 1fr;gap:.6rem;display:grid}.stars{justify-content:center;gap:.25rem;display:flex}.score{font-family:var(--font-noto-jp), "Noto Sans JP", sans-serif;margin:.2rem 0;font-size:2.6rem;font-weight:700;line-height:1}.xp{justify-content:center;gap:.5rem;font-size:.8125rem;display:flex}.rec{border:2.5px solid var(--line);box-shadow:0 5px 0 var(--stage-shadow,var(--shadow));border-radius:1.1rem;align-items:center;gap:.65rem;margin-bottom:.6rem;padding:.7rem .75rem;text-decoration:none;display:flex}.rec div{flex:1}.share-row{grid-template-columns:1fr 1fr;gap:.6rem;margin:.3rem 0 .7rem;display:grid}.share-row a{min-height:3.5rem;font-size:1rem}.ad-gap{justify-content:center;margin-top:9.375rem;margin-bottom:9.375rem;display:flex}.ad-reserve,.ad-slot{width:20rem;max-width:100%}.ad-label{text-align:center;margin-bottom:.25rem;font-size:.8125rem;display:block}.ad-box{background:#fffdf8b3;border:2px dashed #c4a574;border-radius:1rem;width:20rem;max-width:100%;height:15.625rem}.footer{padding:0 1rem 7.5rem;font-size:.8125rem}.footer nav{flex-wrap:wrap;gap:.45rem .8rem;margin-bottom:.6rem;display:flex}.footer a{text-decoration:underline}.prose h1{margin:.2rem 0 .7rem;font-size:1.75rem;line-height:1.3}.prose h2{margin:1.1rem 0 .35rem;font-size:1.25rem}.prose p,.prose li{font-size:1rem}.pair{grid-template-columns:1fr 1fr;gap:.55rem;display:grid}.pair div{border:2px solid var(--line);border-radius:1rem;padding:.65rem}.pair .cost{background:#fff3c4}.pair .gain{background:#e2f7ee}.banner{border:2.5px solid var(--line);border-radius:1.3rem;margin-bottom:.8rem;padding:.9rem}@media (min-width:768px){.shell{max-width:26rem;margin:0 auto}}