:root{--size:clamp(62px,20vw,88px);--gap:8px}body{margin:0;font-family:system-ui,-apple-system,sans-serif;background:#f4f6fb}.container{max-width:560px;margin:24px auto;padding:16px}.status{display:flex;gap:12px;align-items:center;margin:12px 0;flex-wrap:wrap}.board{position:relative;display:grid;grid-template-columns:repeat(4,var(--size));grid-template-rows:repeat(4,var(--size));grid-gap:var(--gap);gap:var(--gap);background:#dde3f1;padding:var(--gap);border-radius:12px;width:-moz-fit-content;width:fit-content;-webkit-user-select:none;-moz-user-select:none;user-select:none;overflow:visible}.tile{border:0;border-radius:10px;background:#fff;font-size:26px;font-weight:700;cursor:-webkit-grab;cursor:grab;touch-action:manipulation}.tile.selected{background:#9fc2ff}.tile.invalid{background:#ffd3d3}.tile.paired{background:#def7df;box-shadow:inset 0 0 0 2px #68b36a}.tile.paired-new{animation:pair-pop .65s ease-out}@keyframes pair-pop{0%{transform:scale(1);box-shadow:inset 0 0 0 2px #68b36a}40%{transform:scale(1.08);box-shadow:0 0 0 4px rgba(105,186,110,.45)}to{transform:scale(1);box-shadow:inset 0 0 0 2px #68b36a}}.schedule-notice{margin:12px 0 14px;padding:10px 12px;border-radius:10px;border:1px solid #f0c97a;background:#fff8e8}.schedule-notice p{margin:0;color:#6b4a08;font-weight:600;font-size:.95rem;line-height:1.45}.schedule-notice p+p{margin-top:6px}.notice-changelog{margin-top:10px;font-size:.78rem!important;color:#8a6f32!important;font-weight:500!important}.message{min-height:1.5em;color:#1f3a8a;font-weight:600}.hint{color:#445;font-size:.9rem}.scores{margin-top:20px;background:#fff;border-radius:12px;padding:12px 16px;box-shadow:0 2px 8px rgba(20,31,69,.1)}.scores h2{margin:0 0 8px;font-size:1.1rem}.scores ol{margin:0;padding-left:22px}.scores li{margin:8px 0}.score-row{display:flex;gap:8px;align-items:stretch}.game-closed-notice{margin-top:16px;background:#fff4f4;border:1px solid #f0b4b4;border-radius:12px;padding:14px 16px}.game-closed-notice h2{margin:0 0 8px;color:#912020}.game-closed-notice p{margin:0;color:#6a1c1c}.game-closed-notice p+p{margin-top:8px}.registration-paused-notice{margin-top:12px;background:#fff9eb;border:1px solid #f0d18b;border-radius:12px;padding:12px 14px}.registration-paused-notice h2{margin:0 0 6px;color:#7c4c00;font-size:1rem}.registration-paused-notice p{margin:0;color:#6b4a08}.score-entry{margin-top:16px;background:#eef4ff;border:1px solid #c9dafc;border-radius:12px;padding:12px 16px}.score-entry h2{margin:0 0 8px;font-size:1.05rem}.score-entry form{display:flex;gap:8px;flex-wrap:wrap}.score-entry input{flex:1 1;min-width:180px;padding:8px;border-radius:8px;border:1px solid #99b7f7}.score-entry button{padding:8px 12px;border:0;border-radius:8px;background:#245fd7;color:#fff;font-weight:600}.error{color:#b00020;margin:8px 0 0}.replay-controls{display:flex;gap:8px;align-items:center;margin:10px 0 14px;flex-wrap:wrap}.json-tools{margin-top:14px;background:#fff;border:1px solid #d6deef;border-radius:12px;padding:12px 16px}.json-tools h2{margin:0 0 6px;font-size:1.05rem}.json-tools p{margin:0 0 10px;color:#334;font-size:.92rem}.json-tools details{margin-top:8px}.json-tools summary{cursor:pointer;font-weight:600;color:#123577}.json-tools pre{margin:8px 0 0;padding:10px;border-radius:8px;background:#f6f8fc;border:1px solid #e2e8f6;overflow-x:auto;font-size:.84rem;line-height:1.35}.comment-list{margin:8px 0 0;padding-left:18px}.comment-row{display:flex;justify-content:space-between;gap:12px;margin:6px 0;color:#123577;font-weight:600}.admin-panel .score-entry label{display:inline-flex;align-items:center;gap:8px;margin:6px 0}.admin-actions{margin-top:10px}.admin-panel .score-entry button+button,.admin-panel .score-entry h2+button{margin-left:8px}.replay-controls button,.score-replay{padding:8px 12px;border:1px solid #88a5e4;border-radius:8px;background:#f4f8ff;color:#123577;font-weight:600}.score-replay{width:100%;display:flex;justify-content:space-between;gap:16px;text-align:left}.score-replay:disabled{opacity:.6}.score-problem{padding:8px 10px;border:1px solid #88a5e4;border-radius:8px;background:#fff;color:#123577;font-weight:600;white-space:nowrap}.score-problem:disabled{opacity:.6}.rotation-outline{position:absolute;pointer-events:none;border:3px solid #2f67e1;border-radius:12px;box-shadow:0 0 0 3px rgba(47,103,225,.18);z-index:5}.rotation-outline.blink{animation:replay-blink .22s ease-in-out 2}.rotation-outline.spin{animation:replay-spin .26s ease-in-out;transform-origin:center}.tile.replay-target{animation:target-cell-blink .22s ease-in-out 2}@keyframes replay-blink{0%,to{opacity:1}50%{opacity:.2}}@keyframes replay-spin{0%{transform:rotate(0deg) scale(1.01)}to{transform:rotate(90deg) scale(1.01)}}@keyframes target-cell-blink{0%,to{filter:brightness(1)}50%{filter:brightness(.75)}}@media (max-width:640px){.container{margin:12px auto;padding:12px}h1{font-size:1.35rem;line-height:1.4}.desc{font-size:.92rem}.board{margin-inline:auto}.tile{font-size:clamp(20px,6vw,26px)}}.admin-table-list{list-style:none;margin:0;padding:0;display:grid;grid-gap:8px;gap:8px}.admin-table-button{border:1px solid #88a5e4;border-radius:8px;background:#f7f9ff;color:#123577;padding:8px 10px;cursor:pointer;font-weight:600}.admin-table-button.active{background:#dfe9ff;border-color:#4d79db}.admin-table-wrap{overflow-x:auto}.admin-data-table{border-collapse:collapse;width:100%;min-width:520px;background:#fff}.admin-data-table td,.admin-data-table th{border:1px solid #d8e1f5;padding:6px 8px;vertical-align:top;font-size:.85rem;text-align:left}.admin-sort-button{border:none;background:transparent;color:#123577;font-weight:700;cursor:pointer;padding:0}