:root{font-family:Noto Sans JP,system-ui,sans-serif;color:#1f2937;background-color:#f8fafc}*{box-sizing:border-box}body{margin:0;height:100%}#root{min-height:100vh;height:100%;display:flex;align-items:center;justify-content:center;padding:24px}.screen{width:min(420px,100%);display:flex;flex-direction:column;align-items:center;gap:24px;padding:32px 24px;background:#fff;border-radius:20px;box-shadow:0 18px 40px #0f172a1f;max-height:calc(100vh - 48px)}.game-screen{width:min(960px,100%)}.game-layout{width:100%;flex:1;min-height:0;display:flex;align-items:stretch;gap:24px}.board-pane{flex:1;min-height:0;display:flex;align-items:center;justify-content:center}.input-pane{flex:0 0 280px;display:flex;flex-direction:column;gap:16px}.input-buffer{width:100%;padding:10px 12px;border-radius:12px;background:#f8fafc;border:1px solid #e2e8f0;font-size:14px;font-weight:600;color:#475569}.dev-tools{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 12px;border-radius:12px;background:#f1f5f9;font-size:14px;color:#475569}.dev-tools__toggle{display:flex;align-items:center;gap:8px;font-weight:600}.dev-tools__reset{border:none;border-radius:999px;padding:6px 14px;background:#e2e8f0;color:#1e293b;font-weight:600;cursor:pointer}.dev-tools__reset:hover{background:#cbd5f5}.title{margin:0;font-size:28px;letter-spacing:.08em}.setting-group{width:100%;display:flex;flex-direction:column;align-items:flex-start;gap:10px;padding:12px 16px;border-radius:16px;background:#f1f5f9;font-weight:600}.setting-group__header{width:100%;display:flex;align-items:baseline;justify-content:space-between;gap:12px}.setting-group__label{font-size:16px}.help-text{font-size:12px;font-weight:500;color:#64748b}.chip-group{width:100%;display:flex;flex-wrap:wrap;gap:8px}.chip{min-width:96px;min-height:44px;padding:10px 14px;border-radius:10px;border:1px solid transparent;background:#fff;color:#1f2937;font-size:15px;font-weight:600;cursor:pointer;display:flex;flex-direction:column;align-items:flex-start;gap:4px;transition:border-color .16s ease,box-shadow .16s ease,color .16s ease,background .16s ease}.chip:hover{border-color:#cbd5f5}.chip--active{border-color:#2563eb;color:#1d4ed8;background:#eff6ff;box-shadow:0 0 0 2px #2563eb26}.chip--disabled{opacity:.55}.chip:disabled{cursor:not-allowed;border-color:#e2e8f0;background:#f8fafc;color:#94a3b8;box-shadow:none}.chip:disabled:hover{border-color:#e2e8f0}.chip__title{display:flex;align-items:center;gap:6px}.chip__label{font-size:16px;font-weight:700}.chip__help{font-size:12px;font-weight:600;color:#64748b}.chip__badge{padding:2px 6px;border-radius:999px;background:#fde68a;color:#92400e;font-size:11px;font-weight:700}.screen-header{width:100%;display:flex;align-items:center;justify-content:space-between}.screen-header__left{display:flex;align-items:baseline;gap:12px;flex-wrap:wrap}.label{font-size:18px;font-weight:700;letter-spacing:.12em}.game-setting{font-size:14px;font-weight:600;color:#475569}.placeholder-box{width:100%;padding:28px 16px;border:2px dashed #94a3b8;border-radius:16px;text-align:center;color:#64748b}.result-text{font-size:22px;font-weight:600;margin:0}.pyramid-board{width:100%;display:flex;flex-direction:column;align-items:center;gap:var(--row-gap, 12px);--cell-size: 48px;--cell-gap: 12px;--row-gap: 12px;position:relative}.pyramid-board.board--size-6{--cell-size: 42px;--cell-gap: 10px;--row-gap: 10px}.pyramid-board.board--size-7{--cell-size: 38px;--cell-gap: 8px;--row-gap: 8px}.cell--fixed{background:#bfdbfe}.row--completed .pyramid-cell{background:#bbf7d0}.row--rowclear-anim{animation:row-float .2s ease-out}.row--rowclear-anim:after{opacity:1;animation:row-shine .4s ease-out}@keyframes row-float{0%{transform:translateY(0)}50%{transform:translateY(-3px)}to{transform:translateY(0)}}@keyframes row-shine{0%{transform:translate(-60%);opacity:0}30%{opacity:1}to{transform:translate(180%);opacity:0}}@media (prefers-reduced-motion: reduce){.row--rowclear-anim,.row--rowclear-anim:after{animation:none}}.primary-button{width:100%;padding:14px 24px;border:none;border-radius:999px;background:#2563eb;color:#fff;font-size:16px;font-weight:700;cursor:pointer}.primary-button:hover{background:#1d4ed8}.text-button{background:none;border:none;color:#2563eb;font-weight:600;cursor:pointer}.text-button:hover{color:#1d4ed8}.number-pad{width:100%;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.number-pad__key{min-height:48px;border-radius:16px;border:none;background:#2563eb;color:#fff;font-size:18px;font-weight:700;cursor:pointer}.number-pad__key:hover{background:#1d4ed8}.number-pad__key--wide{grid-column:1 / -1}.pyramid-row{position:relative;display:flex;justify-content:center;gap:var(--cell-gap, 12px);width:100%;padding:3px 6px;min-height:calc(var(--cell-size, 48px) + 6px);border-radius:16px;overflow:hidden;background:#94a3b814}.pyramid-row:after{content:"";position:absolute;top:0;left:-60%;width:60%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),rgba(255,255,255,.85),rgba(255,255,255,.2),transparent);opacity:0;pointer-events:none}.pyramid-board__overlay{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none;z-index:1}.pyramid-board__line{stroke:#f472b6a6;stroke-width:3;stroke-linecap:round}.pyramid-board__line--pulse{stroke:#e11d48d9;animation:cherry-pulse .2s ease-out}.pyramid-cell{width:var(--cell-size, 48px);height:var(--cell-size, 48px);border-radius:12px;border:2px solid #cbd5f5;background:#f8fafc;color:#1f2937;font-size:18px;font-weight:700;display:flex;align-items:center;justify-content:center;cursor:pointer;position:relative;z-index:2}.cell-ghost{position:absolute;font-size:18px;font-weight:700;color:#94a3b8;opacity:.65;pointer-events:none}.cell-expected{position:absolute;right:6px;bottom:4px;font-size:11px;font-weight:600;color:#64748b;opacity:.8;pointer-events:none}.anim-correct{animation:pop .18s ease-out}.anim-incorrect{animation:shake .2s ease-in-out}.cell--empty{border-style:dashed}.cell--correct{border-color:#22c55e}.cell--incorrect{border-color:#ef4444}.cell--selected{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb33}.cell--disabled{cursor:not-allowed;opacity:.7;background:#e2e8f0}@keyframes pop{0%{transform:scale(1)}60%{transform:scale(1.06)}to{transform:scale(1)}}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-4px)}50%{transform:translate(4px)}75%{transform:translate(-4px)}}@keyframes cherry-pulse{0%{stroke-width:3;opacity:.6}60%{stroke-width:4;opacity:1}to{stroke-width:3;opacity:.6}}@media (prefers-reduced-motion: reduce){.anim-correct,.anim-incorrect,.pyramid-board__line--pulse{animation:none!important}}@media (max-width: 640px){#root{padding:16px}.screen{padding:24px 16px}.game-layout{flex-direction:column}.input-pane{flex:none;width:100%}}