:root{--bg: #f6f4ef;--card: #ffffff;--text: #1f1d1a;--muted: #6b665e;--line: #e4e0d8;--accent: #e0523a;--win: #1d8a4e;--lose: #c0392b;--draw: #8a6d1d;color-scheme:light dark}@media(prefers-color-scheme:dark){:root{--bg: #171614;--card: #221f1c;--text: #f1ede6;--muted: #a39d93;--line: #37332e;--win: #4cc885;--lose: #f07266;--draw: #e0c060}}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:system-ui,-apple-system,Hiragino Sans,Noto Sans JP,sans-serif}main{max-width:760px;margin:0 auto;padding:24px 16px 48px}h1{text-align:center;font-size:1.8rem;margin:8px 0 20px}h2{font-size:1rem;margin:0 0 12px;color:var(--muted)}.card{background:var(--card);border:1px solid var(--line);border-radius:16px;padding:20px;margin-bottom:16px}label{display:block;font-weight:600;margin-bottom:8px}.row{display:flex;gap:8px}input{flex:1;min-width:0;font:inherit;padding:10px 12px;border-radius:10px;border:1px solid var(--line);background:var(--bg);color:var(--text)}button{font:inherit;cursor:pointer}#start{background:var(--accent);color:#fff;border:0;border-radius:10px;padding:10px 18px;font-weight:600}.link{background:none;border:0;color:var(--accent);padding:0 4px;text-decoration:underline}.who{margin:0 0 12px;color:var(--muted)}.arena{display:flex;align-items:center;justify-content:center;gap:24px}.side{text-align:center}.side small{color:var(--muted)}.hand{font-size:64px;line-height:1.2}.vs{font-weight:800;color:var(--muted)}.result{text-align:center;font-size:1.3rem;font-weight:700;min-height:1.6em;margin:12px 0}.result.win{color:var(--win)}.result.lose{color:var(--lose)}.result.draw{color:var(--draw)}.choices{display:flex;justify-content:center;gap:12px}.choice{display:flex;flex-direction:column;align-items:center;gap:4px;font-size:40px;width:96px;padding:12px 0;border-radius:14px;border:2px solid var(--line);background:var(--bg);color:var(--text);transition:transform .1s,border-color .1s}.choice span{font-size:.8rem;font-weight:600}.choice:hover:not(:disabled){border-color:var(--accent);transform:translateY(-2px)}.choice:disabled{opacity:.5;cursor:wait}.stats{text-align:center;color:var(--muted);margin:16px 0 0;font-size:.9rem}.grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.grid .card{margin:0}ol,ul{margin:0;padding-left:1.4em}ul{list-style:none;padding:0}li{display:flex;justify-content:space-between;gap:8px;padding:6px 0;border-bottom:1px solid var(--line);font-size:.92rem}li:last-child{border-bottom:0}.meta{color:var(--muted);white-space:nowrap}.meta.win{color:var(--win)}.meta.lose{color:var(--lose)}.meta.draw{color:var(--draw)}.error{color:var(--lose);text-align:center}.shake{animation:shake .3s infinite}@keyframes shake{0%,to{transform:rotate(0)}25%{transform:rotate(-12deg)}75%{transform:rotate(12deg)}}@media(max-width:560px){.grid{grid-template-columns:1fr}.choice{width:84px;font-size:34px}.hand{font-size:52px}}footer{display:flex;flex-direction:column;align-items:center;gap:12px;margin-top:24px;font-size:.85rem}.support{background:var(--accent);color:#fff;border:0;border-radius:10px;padding:10px 20px;font-weight:600;font-size:1rem}.support:hover{filter:brightness(1.08)}footer a{color:var(--muted)}