:root{--bg: #f4f5f7;--surface: #ffffff;--surface-2: #eceef1;--text: #1c1e21;--text-dim: #6b7280;--border: #d6d9de;--primary: #4f6df5;--primary-text: #ffffff;--danger: #e5484d;--success: #30a46c;--shadow: 0 2px 8px rgba(0, 0, 0, .08)}[data-theme=dark]{--bg: #16181d;--surface: #22252c;--surface-2: #2c3038;--text: #e8eaed;--text-dim: #9aa0a6;--border: #3c4048;--primary: #6d86ff;--primary-text: #ffffff;--danger: #ff6369;--success: #46c684;--shadow: 0 2px 8px rgba(0, 0, 0, .4)}*{box-sizing:border-box}html,body,#root{margin:0;height:100%}body{background:var(--bg);color:var(--text);font-family:Hiragino Sans,Noto Sans JP,system-ui,sans-serif;-webkit-font-smoothing:antialiased;touch-action:manipulation}button{font-family:inherit}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:10px 16px;border-radius:10px;border:1px solid var(--border);background:var(--surface);color:var(--text);font-size:15px;cursor:pointer;-webkit-user-select:none;user-select:none}.btn:hover{background:var(--surface-2)}.btn:disabled{opacity:.5;cursor:default}.btn-primary{background:var(--primary);border-color:var(--primary);color:var(--primary-text)}.btn-primary:hover{background:var(--primary);filter:brightness(1.1)}.btn-ghost{border-color:transparent;background:transparent}.btn-danger{background:var(--danger);border-color:var(--danger);color:#fff}.home{max-width:720px;margin:0 auto;padding:24px 16px 48px}.home-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.home-header h1{font-size:24px;margin:0}.game-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:14px}.game-card{display:flex;flex-direction:column;align-items:flex-start;gap:6px;padding:18px;border-radius:14px;border:1px solid var(--border);background:var(--surface);box-shadow:var(--shadow);cursor:pointer;text-align:left;transition:transform .1s ease}.game-card:hover{transform:translateY(-2px)}.game-card .icon{font-size:34px}.game-card .name{font-size:17px;font-weight:700}.game-card .subtitle{font-size:13px;color:var(--text-dim)}.game-card .record{font-size:12px;color:var(--success);font-weight:600}.game-layout{display:flex;flex-direction:column;min-height:100%}.game-header{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:8px 12px;border-bottom:1px solid var(--border);background:var(--surface);position:sticky;top:0;z-index:10}.game-title{font-size:17px;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.game-header-right{display:flex;align-items:center;gap:4px}.game-main{flex:1;padding:16px;display:flex;flex-direction:column;align-items:center}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:100;padding:16px}.modal{background:var(--surface);border-radius:16px;padding:24px;max-width:480px;width:100%;max-height:85vh;overflow-y:auto;box-shadow:var(--shadow)}.modal h2{margin-top:0;font-size:19px}.modal-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:16px}.help-body{font-size:14px;line-height:1.8}.help-body ul{padding-left:20px}.help-body .assist-note{background:var(--surface-2);border-radius:8px;padding:10px 12px;margin-top:8px}.stat-row{display:flex;gap:16px;flex-wrap:wrap;justify-content:center;margin-bottom:12px}.stat{background:var(--surface);border:1px solid var(--border);border-radius:10px;padding:6px 14px;font-size:14px;text-align:center}.stat .label{display:block;font-size:11px;color:var(--text-dim)}.stat .value{font-weight:700;font-size:16px}.control-row{display:flex;gap:10px;flex-wrap:wrap;justify-content:center;margin-top:14px}.result-banner{text-align:center;padding:14px;border-radius:12px;margin:12px 0;font-size:18px;font-weight:700}.result-banner.win{background:color-mix(in srgb,var(--success) 15%,transparent);color:var(--success)}.result-banner.lose{background:color-mix(in srgb,var(--danger) 15%,transparent);color:var(--danger)}.assist-hint{background:color-mix(in srgb,var(--primary) 12%,transparent);border:1px solid color-mix(in srgb,var(--primary) 40%,transparent);color:var(--text);border-radius:10px;padding:8px 12px;font-size:13px;margin:10px 0;max-width:480px}@media (max-width: 480px){.game-main{padding:10px}.game-grid{grid-template-columns:repeat(2,1fr)}}