:root{--paper:#efe6d3;--ink:#17161b;--shu:#e2412a}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{background:var(--paper);height:100%;color:var(--ink);-webkit-user-select:none;user-select:none;touch-action:none;overscroll-behavior:none;margin:0;font-family:Shippori Mincho,Georgia,serif;overflow:hidden}canvas#game{cursor:none;touch-action:none;display:block}.screen{flex-direction:column;justify-content:center;align-items:center;transition:opacity .8s;display:flex;position:fixed;inset:0}.hidden{opacity:0!important;pointer-events:none!important}#menu{cursor:default;touch-action:pan-y;background:radial-gradient(#efe6d3ed 35%,#efe6d399 80%);justify-content:safe center;padding:2vh 0;overflow-y:auto}.title-block{text-align:center;margin-bottom:.6rem}.kanji-title{text-shadow:4px 4px #17161b1f;font-family:Yuji Syuku,serif;font-size:clamp(64px,12vh,140px);line-height:1}h1{letter-spacing:.6em;margin:.3rem 0 .2rem .6em;font-size:clamp(18px,2.8vh,30px);font-weight:600}.tagline{opacity:.75;margin:0;font-size:1.05rem;font-style:italic}.tagline:after{content:"";background:var(--shu);border-radius:2px;width:64px;height:4px;margin:12px auto 0;display:block}.scrolls{flex-wrap:wrap;justify-content:center;gap:10px;margin:.6rem 0 .2rem;display:flex}.scroll{font:inherit;color:inherit;text-align:left;cursor:pointer;background:#fffcf48c;border:1.5px solid #17161b40;border-radius:3px;grid-template-rows:auto auto;grid-template-columns:auto 1fr;align-items:center;column-gap:10px;min-width:190px;padding:8px 14px 8px 10px;transition:border-color .2s,background .2s,transform .2s;display:grid}.scroll:hover{transform:translateY(-2px)}.scroll.selected{border-color:var(--ink);background:#fffcf4e6;box-shadow:3px 3px #17161b1f}.scroll .k{grid-row:span 2;font-family:Yuji Syuku,serif;font-size:34px;line-height:1}.scroll.selected .k{color:var(--shu)}.scroll .n{font-size:.95rem;font-weight:600}.scroll .b{opacity:.65;font-size:.8rem;font-style:italic}.mini{background:var(--shu);color:var(--paper);border-radius:2px;margin-right:2px;padding:0 3px;font-family:Yuji Syuku,serif;font-style:normal;display:inline-block}.choose{letter-spacing:.25em;text-transform:uppercase;opacity:.6;margin:.8rem 0 .6rem;font-size:.78rem}.cards{gap:24px;display:flex}.card{font:inherit;color:inherit;cursor:pointer;background:#fffcf499;border:1.5px solid #17161b59;border-radius:4px;padding:10px 10px 14px;transition:transform .25s,box-shadow .25s,border-color .25s;box-shadow:3px 4px #17161b14}.card:hover,.card:focus-visible{border-color:var(--shu);outline:none;transform:translateY(-4px)rotate(-.4deg);box-shadow:5px 8px #e2412a2e}.card canvas{width:280px;height:190px;display:block}.card .name{margin-top:6px;font-size:1.45rem;font-weight:600}.card .name span{color:var(--shu);margin-left:6px;font-family:Yuji Syuku,serif;font-weight:400}.card .desc{opacity:.7;font-style:italic}.card .ability{letter-spacing:.04em;color:var(--shu);margin-top:6px;font-size:.82rem}.controls{opacity:.7;text-align:center;margin-top:1.2rem;padding:0 1rem;font-size:.92rem}.touch-only{display:none}body.touch .touch-only{display:block}body.touch .desktop-only{display:none}#finish{cursor:default;background:linear-gradient(#efe6d300 55%,#efe6d3f0 100%);justify-content:flex-end;gap:12px;padding-bottom:6vh}.result{align-items:center;gap:22px;display:flex}.stamp{background:var(--shu);width:86px;height:86px;color:var(--paper);border-radius:8px;place-items:center;font-family:Yuji Syuku,serif;font-size:58px;line-height:1;animation:.5s cubic-bezier(.2,1.6,.4,1) both stamp;display:grid;transform:rotate(-5deg);box-shadow:0 0 0 3px #e2412a40}@keyframes stamp{0%{opacity:0;transform:rotate(-5deg)scale(2.2)}to{opacity:1;transform:rotate(-5deg)scale(1)}}#finish h2{margin:0;font-family:Yuji Syuku,serif;font-size:clamp(28px,4.6vh,50px);font-weight:400}#finish .rank{color:var(--shu);margin:.1rem 0 0;font-weight:600}#finish .stats{opacity:.75;margin:.2rem 0 0;font-style:italic}.buttons{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}.buttons button{font:inherit;color:var(--ink);border:1.5px solid var(--ink);cursor:pointer;background:0 0;border-radius:3px;padding:9px 20px;font-size:1rem;transition:background .2s,color .2s}.buttons button:hover{background:var(--ink);color:var(--paper)}.buttons button.primary{background:var(--shu);border-color:var(--shu);color:#fff8ee}.buttons button.primary:hover{background:#c23420}#rec{border:1.5px solid var(--ink);background:#efe6d3eb;border-radius:3px;padding:8px 18px;font-style:italic;transition:opacity .4s;position:fixed;top:18px;left:50%;transform:translate(-50%)}#rec .dot{background:var(--shu);border-radius:50%;width:10px;height:10px;margin-right:6px;animation:1s ease-in-out infinite alternate pulse;display:inline-block}@keyframes pulse{to{opacity:.25}}#jump{left:max(22px, env(safe-area-inset-left));bottom:max(22px, env(safe-area-inset-bottom));width:92px;height:92px;color:var(--ink);touch-action:none;background:#efe6d38c;border:2px solid #17161b8c;border-radius:50%;font-family:Yuji Syuku,serif;font-size:40px;transition:opacity .4s,transform 80ms;position:fixed}#jump.down{background:#17161b26;transform:scale(.92)}#mute{width:36px;height:36px;color:var(--ink);cursor:pointer;opacity:.7;background:#efe6d399;border:1.5px solid #17161b59;border-radius:50%;font-size:18px;position:fixed;bottom:12px;right:14px}#mute.off{opacity:.45}#rotate{display:none}@media (orientation:portrait) and (pointer:coarse){#rotate{z-index:10;background:var(--paper);text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:2rem;display:flex;position:fixed;inset:0}#rotate div{font-family:Yuji Syuku,serif;font-size:96px;animation:2.4s ease-in-out infinite tilt}@keyframes tilt{50%{transform:rotate(-90deg)}}}@media (height<=560px){.kanji-title{font-size:54px}.tagline{font-size:.85rem}.tagline:after{margin-top:6px}.scroll{min-width:0;padding:4px 10px 4px 6px}.scroll .k{font-size:24px}.scroll .b{display:none}.choose{margin:.4rem 0 .3rem}.card canvas{width:180px;height:122px}.card{padding:6px 6px 8px}.card .name{font-size:1.1rem}.card .desc{display:none}.controls{margin-top:.5rem;font-size:.8rem}.stamp{width:60px;height:60px;font-size:40px}}@media (height<=440px){.kanji-title{font-size:34px}h1{margin-top:0;font-size:15px}.tagline{display:none}.scrolls{gap:6px;margin:.3rem 0 0}.scroll{padding:3px 8px 3px 5px}.scroll .k{font-size:18px}.scroll .n{font-size:.78rem}.choose{margin:.35rem 0 .25rem;font-size:.65rem}.card canvas{width:150px;height:100px}.card .name{margin-top:2px;font-size:.95rem}.card .ability{margin-top:2px;font-size:.7rem}.controls{margin-top:.3rem;font-size:.7rem}#finish{gap:6px;padding-bottom:3vh}#finish h2{font-size:24px}.buttons button{padding:6px 12px;font-size:.85rem}}