:root{--color-bg: #0f172a;--color-surface: #ffffff;--color-text: #1c2027;--color-text-sub: #5b6472;--color-primary: #1d4ed8;--color-primary-dark: #1e40af;--color-accent: #0d9488;--color-win: #15803d;--color-lose: #dc2626;--radius: 16px;--max-width: 480px;font-size:16px}*{box-sizing:border-box}[hidden]{display:none!important}html,body{margin:0;padding:0;height:100%}body{font-family:-apple-system,BlinkMacSystemFont,Hiragino Sans,Hiragino Kaku Gothic ProN,Yu Gothic,Noto Sans JP,Meiryo,sans-serif;color:#fff;background:linear-gradient(160deg,#1d4ed8,#0f172a 60%,#0d9488);min-height:100dvh;-webkit-font-smoothing:antialiased;overscroll-behavior:none}.app{max-width:var(--max-width);margin:0 auto;min-height:100dvh;display:flex;flex-direction:column;padding:16px 16px calc(16px + env(safe-area-inset-bottom))}.streak-bar{text-align:center;padding:10px 0 4px}.streak-bar__label{font-size:.8rem;opacity:.8;letter-spacing:.05em}.streak-bar__value{font-size:3rem;font-weight:800;line-height:1.1;font-variant-numeric:tabular-nums}.streak-bar__best{font-size:.8rem;opacity:.75;margin-top:2px}.arena{flex:1;display:flex;align-items:center;justify-content:center;gap:10vw;padding:12px 0}.hand-slot{display:flex;flex-direction:column;align-items:center;gap:6px}.hand-slot__label{font-size:.75rem;opacity:.75}.hand-slot__emoji{font-size:5rem;line-height:1;filter:drop-shadow(0 4px 10px rgba(0,0,0,.25))}.hand-slot__emoji.is-shaking{animation:shake .5s ease-in-out infinite}@keyframes shake{0%,to{transform:rotate(0)}25%{transform:rotate(-14deg)}75%{transform:rotate(14deg)}}.vs{font-size:1.1rem;font-weight:700;opacity:.6}.round-feedback{text-align:center;min-height:2.4rem;font-size:1.4rem;font-weight:800}.round-feedback.win{color:#86efac}.round-feedback.draw{color:#fde68a}.hand-buttons{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:8px}.hand-btn{background:#fffffff2;border:none;border-radius:var(--radius);padding:18px 0;font-size:2.6rem;line-height:1;color:var(--color-text);box-shadow:0 6px #0000002e;transition:transform .08s ease,box-shadow .08s ease}.hand-btn:active{transform:translateY(4px);box-shadow:0 2px #0000002e}.hand-btn:disabled{opacity:.5}.result-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#090c18b8;display:flex;align-items:center;justify-content:center;padding:16px;z-index:20}.result-sheet{width:100%;max-width:var(--max-width);margin:0 auto;background:var(--color-surface);color:var(--color-text);border-radius:24px;padding:28px 20px;max-height:calc(100dvh - 32px);overflow-y:auto;box-shadow:0 20px 60px #00000073;animation:result-pop .18s ease-out}@keyframes result-pop{0%{transform:scale(.94);opacity:0}to{transform:scale(1);opacity:1}}@media (prefers-reduced-motion: reduce){.result-sheet{animation:none}}.result-sheet__title{text-align:center;font-size:1rem;color:var(--color-text-sub);margin:0}.result-sheet__streak{text-align:center;font-size:4rem;font-weight:800;margin:2px 0 0;color:var(--color-primary);line-height:1.1}.result-sheet__best-badge{display:block;text-align:center;margin:6px auto 0;background:#fef3c7;color:#92400e;font-weight:700;font-size:.9rem;padding:6px 14px;border-radius:999px;width:fit-content}.share-btn{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;margin-top:18px;padding:16px;border:none;border-radius:999px;background:#000;color:#fff;font-size:1.1rem;font-weight:700;text-decoration:none;box-shadow:0 6px 16px #00000040}.share-btn:active{transform:translateY(2px)}.retry-btn{display:block;width:100%;margin-top:10px;padding:14px;border:2px solid var(--color-primary);border-radius:999px;background:#fff;color:var(--color-primary);font-size:1rem;font-weight:700}.rank-section{margin-top:22px;border-top:1px solid #e2e5ea;padding-top:16px}.rank-section__title{font-size:.95rem;font-weight:700;margin:0 0 8px;color:var(--color-text)}.rank-form{display:flex;gap:8px}.rank-form input{flex:1;min-width:0;padding:10px 12px;border:1px solid #d7dbe2;border-radius:10px;font-size:.95rem}.rank-form button{flex-shrink:0;padding:10px 16px;border:none;border-radius:10px;background:var(--color-accent);color:#fff;font-weight:700;font-size:.9rem}.rank-form button:disabled{opacity:.5}.rank-result{margin-top:12px;text-align:center;font-size:.95rem;color:var(--color-text-sub)}.rank-result strong{color:var(--color-primary);font-size:1.1rem}.rank-list{list-style:none;margin:12px 0 0;padding:0;display:flex;flex-direction:column;gap:4px}.rank-list li{display:flex;align-items:center;gap:8px;padding:6px 8px;border-radius:8px;font-size:.9rem}.rank-list li.is-me{background:#eff6ff;font-weight:700}.rank-list .rank-no{width:1.6rem;color:var(--color-text-sub);font-variant-numeric:tabular-nums}.rank-list .rank-name{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rank-list .rank-streak{font-variant-numeric:tabular-nums;font-weight:700}.footer-note{text-align:center;font-size:.7rem;opacity:.6;padding:8px 0 0}