:root{font-family:Avenir Next,Hiragino Kaku Gothic ProN,Noto Sans JP,sans-serif;line-height:1.45;font-weight:400;--bg-top: #f2eadc;--bg-bottom: #dbe7e1;--card: rgba(255, 255, 255, .86);--ink: #1c2a2d;--muted: #5c6f71;--accent: #0f8b8d;--accent-strong: #0c6e70;--highlight: #e9b44c;--win: #177245;--loss: #8a1c1c;color:var(--ink);background:linear-gradient(170deg,var(--bg-top),var(--bg-bottom))}*{box-sizing:border-box}html,body,#root{margin:0;min-height:100%}body{min-height:100vh;background:radial-gradient(circle at 10% 8%,#f9f3ea 0,transparent 36%),radial-gradient(circle at 85% 15%,#d7ece9 0,transparent 32%),linear-gradient(170deg,var(--bg-top),var(--bg-bottom))}a{color:var(--accent-strong)}.app-root{max-width:1180px;margin:0 auto;padding:1.4rem}.app-header{display:flex;justify-content:space-between;gap:1rem;align-items:center;margin-bottom:1rem}.app-header h1{margin:0;font-size:clamp(1.6rem,4vw,2.2rem);letter-spacing:.03em}.app-header p{margin:.25rem 0 0;color:var(--muted)}.app-header nav{display:flex;gap:.65rem;flex-wrap:wrap}.app-header nav a{text-decoration:none;color:var(--ink);background:#ffffff80;padding:.45rem .75rem;border-radius:999px;border:1px solid rgba(28,42,45,.16);transition:transform .15s ease,background-color .15s ease}.app-header nav a:hover{transform:translateY(-1px);background:#ffffffd1}.game-shell{display:grid;grid-template-columns:minmax(0,2fr) minmax(280px,1fr);gap:1rem}.panel{background:var(--card);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border-radius:18px;padding:1rem;border:1px solid rgba(28,42,45,.14);box-shadow:0 16px 30px #10232212}.panel h2,.panel h3{margin-top:0}.board{display:grid;gap:.95rem}.board-header{display:flex;justify-content:space-between;align-items:start;gap:1rem}.muted{margin:.1rem 0 0;color:var(--muted)}button,input[type=text]{font:inherit}button{background:linear-gradient(160deg,var(--accent),var(--accent-strong));color:#fff;border:0;border-radius:12px;padding:.58rem .9rem;cursor:pointer}button.secondary{background:#fff;color:var(--ink);border:1px solid rgba(28,42,45,.22)}button:disabled{opacity:.55;cursor:not-allowed}.status-strip{display:flex;gap:1.2rem;flex-wrap:wrap;color:var(--muted)}.status-strip p{margin:0}.timer-wrap{display:grid;gap:.4rem}.timer-wrap p{margin:0}.timer-track{width:100%;height:10px;border-radius:999px;background:#0f8b8d33;overflow:hidden}.timer-fill{height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--highlight),#d96f32);transition:width .4s linear}.word-form{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:.6rem;align-items:end}.word-form label{grid-column:1 / -1;font-weight:600}.word-form input{border:1px solid rgba(28,42,45,.2);border-radius:12px;padding:.62rem .75rem;background:#ffffffe6}.result{margin:0;padding:.65rem .75rem;border-radius:12px;background:#ffffffb3}.result.won{color:var(--win);border:1px solid rgba(23,114,69,.35)}.result.lost{color:var(--loss);border:1px solid rgba(138,28,28,.32)}.history-wrap h3{margin-bottom:.55rem}.turn-history{margin:0;padding:0;list-style:none;display:grid;gap:.45rem}.turn-history li{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:.6rem;align-items:center;padding:.55rem .62rem;border-radius:10px;background:#ffffffa6}.turn-badge{font-size:.72rem;font-weight:700;padding:.15rem .42rem;border-radius:999px}.turn-badge.player{background:#0f8b8d33;color:var(--accent-strong)}.turn-badge.ai{background:#e9b44c40;color:#7a4b0c}.turn-word{font-size:1.07rem}.turn-next{color:var(--muted);font-size:.85rem}.panel-empty{color:var(--muted)}.sidebar{display:grid;gap:1rem;align-content:start}.slider-control{display:grid;gap:.35rem}.slider-control input[type=range]{accent-color:var(--accent-strong)}.rule-grid{margin-top:.9rem;display:grid;gap:.5rem}.rule-grid label{display:flex;align-items:center;gap:.55rem;color:var(--muted)}.stat-grid{margin:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.7rem}.stat-grid div{padding:.55rem;border-radius:10px;background:#ffffffad}.stat-grid dt{color:var(--muted);font-size:.86rem}.stat-grid dd{margin:.2rem 0 0;font-size:1.24rem;font-weight:700}.about-panel ul{padding-left:1.15rem}@media (max-width: 940px){.game-shell{grid-template-columns:1fr}.app-header{flex-direction:column;align-items:start}}@media (max-width: 600px){.app-root{padding:.8rem}.word-form{grid-template-columns:1fr}.turn-history li{grid-template-columns:auto minmax(0,1fr)}.turn-next{grid-column:1 / -1}}