.kosu{position:fixed;inset:0;z-index:5;margin:0 auto;width:100%;max-width:75vh;display:flex;flex-direction:column;background:#9fd9f7;color:#fff;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;touch-action:none;user-select:none;-webkit-user-select:none;padding:env(safe-area-inset-top) 0 env(safe-area-inset-bottom)}.kosu-top{position:relative;z-index:2;display:grid;grid-template-columns:1fr auto;grid-template-rows:auto auto;padding:12px 18px 6px;background:#12152b}.kosu-title{font-size:22px;font-weight:800}.kosu-back{grid-row:2;justify-self:start;margin-top:2px;padding:6px 0;background:none;border:0;color:#8f96c2;font:inherit;font-size:15px;cursor:pointer}.kosu-score{grid-column:2;grid-row:1 / 3;text-align:right;align-self:center}.kosu-score small{display:block;color:#8f96c2;font-size:12px;font-weight:700;letter-spacing:.04em}.kosu-score b{font-size:34px;line-height:1}.kosu-clue{display:flex;align-items:center;gap:12px;padding:8px 14px 10px;background:#1b1f3a}.kosu-pic{flex:none;width:72px;height:72px;border-radius:14px;overflow:hidden;background:#f4efe6;transition:filter .35s ease}.kosu-pic canvas,.kosu-pic img{width:100%;height:100%;display:block;object-fit:contain}.kosu-pic canvas{image-rendering:pixelated}.kosu-clue-text{min-width:0;flex:1}.kosu-clue-text p{margin:0 0 6px;color:#c9cdee;font-size:13px;line-height:1.3}.kosu-word{display:flex;flex-wrap:wrap;gap:5px}.kosu-word span{width:30px;height:36px;display:grid;place-items:center;border-radius:8px;background:#30365f;font-size:21px;font-weight:800;color:#fff}.kosu-word span.hint{color:#ffffff59}.kosu-word span.missed{background:#5a2a3a;color:#ffb3b8}.kosu-word span.done{background:#2ec27e;color:#fff;animation:kosu-pop .25s ease-out}.kosu-word span.next{outline:3px solid #ffca3a;outline-offset:-3px}.kosu-stage{flex:1;position:relative;min-height:0}.kosu-stage canvas{position:absolute;inset:0;touch-action:none}.kosu-bottom{padding:6px 16px 10px;background:#1b1f3a}.kosu-hint{margin:0;color:#8f96c2;font-size:13px;text-align:center;line-height:1.35}.kosu-start,.kosu-card{position:absolute;inset:0;display:flex;align-items:flex-end;justify-content:center;padding:16px 16px max(16px,env(safe-area-inset-bottom));background:linear-gradient(to top,#0a0c1ce0,#0a0c1c73 45%,#0a0c1c00 70%)}.kosu-start[hidden],.kosu-card[hidden]{display:none}.kosu-card-box{width:min(100%,440px);background:#262b4d;border:2px solid #3a4170;border-radius:22px;padding:18px;text-align:center;animation:kosu-rise .22s ease-out}.kosu-card-box h2{margin:0 0 6px;font-size:30px}.kosu-card-box p{margin:0 0 14px;white-space:pre-line;color:#c9cdee;font-size:16px;line-height:1.45}.kosu-card-box p.stars:first-line{color:#ffd23f;font-size:26px}.kosu-card-buttons{display:grid;grid-auto-flow:column;grid-auto-columns:1fr;gap:10px}.kosu-btn{width:100%;min-height:56px;border:0;border-radius:16px;font:inherit;font-size:18px;font-weight:800;cursor:pointer;transition:transform .06s ease}.kosu-btn:active{transform:scale(.96)}.kosu-btn.primary{background:#ffca3a;color:#1b1f3a}.kosu-btn.ghost{background:#30365f;color:#fff}.kosu-fps{position:absolute;right:10px;top:150px;padding:2px 8px;border-radius:8px;background:#00000080;font:12px ui-monospace,monospace}.kosu-fps[hidden]{display:none}@keyframes kosu-rise{0%{transform:translateY(16px);opacity:0}to{transform:none;opacity:1}}@keyframes kosu-pop{0%{transform:scale(1.25)}to{transform:none}}@media(prefers-reduced-motion:reduce){.kosu-card-box,.kosu-word span.done{animation:none}}