.check-page { max-width:1100px; margin:0 auto; padding:28px 24px 50px; }
.check-page h2 { margin:0 0 8px; }
.check-note { color:#bbb4a9; line-height:1.5; margin:0 0 18px; }
.check-picker { display:grid; grid-template-columns:repeat(6,minmax(0,1fr)); gap:10px; margin-bottom:18px; }
.check-pick { display:flex; flex-direction:column; align-items:center; gap:8px; padding:12px 6px; border:1px solid #302214; border-radius:12px; background:var(--card); color:#efe6d6; font:inherit; font-size:13.5px; font-weight:600; cursor:pointer; }
.check-pick:hover, .check-pick:focus-visible { border-color:#c9a24a; outline:none; }
.check-pick.active { background:#634a1b; border-color:#c9a24a; color:#fff6e6; }
.check-pick-sprite, .check-sprite { display:flex; align-items:center; justify-content:center; border-radius:10px; background:radial-gradient(circle at 50% 60%,#2a2216,#16130e); border:1px solid #3a2817; }
.check-pick-sprite { width:68px; height:68px; }
.check-pick-sprite img { width:64px; height:64px; object-fit:contain; image-rendering:pixelated; }
.check-pick-name { text-align:center; line-height:1.25; }
.check-panel { padding:18px; border:1px solid #302214; border-radius:12px; background:var(--card); }
.check-head { display:flex; align-items:center; gap:16px; margin-bottom:16px; }
.check-sprite { width:88px; height:88px; flex:none; }
.check-sprite img { width:64px; height:64px; object-fit:contain; image-rendering:pixelated; transform:scale(1.25); }
.check-head h3 { margin:0 0 4px; font-family:'Cinzel',Georgia,serif; font-size:20px; color:#fff6e6; }
.check-members { margin:0 0 4px; color:var(--calc); font-size:13px; }
.check-rule { margin:0; color:var(--muted); font-size:13.5px; line-height:1.45; }
.check-input label { display:block; color:#bbb4a9; font-size:14px; margin-bottom:7px; }
.check-input input { width:130px; padding:11px 12px; border:1px solid #4d3c2b; border-radius:8px; background:#16130e; color:#fff; font:inherit; font-size:20px; letter-spacing:.06em; text-align:center; }
.check-input input:focus { border-color:#c9a24a; outline:2px solid #634a1b; }
.check-error { color:#e8a07a; font-size:13px; min-height:18px; margin:6px 0 0; }
.check-times-head { display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:8px; margin:6px 0 10px; color:var(--muted); font-size:13px; }
.check-clear { padding:5px 12px; border:1px solid #4d3c2b; border-radius:8px; background:transparent; color:#d6cab6; font:inherit; font-size:12.5px; cursor:pointer; }
.check-clear:hover, .check-clear:focus-visible { border-color:#c9a24a; color:var(--calc); outline:none; }
.check-times { display:flex; flex-wrap:wrap; gap:7px; }
.check-time { min-width:64px; padding:7px 9px; border:1px solid #4d3c2b; border-radius:8px; background:#16130e; color:#efe6d6; font:inherit; font-size:14px; font-variant-numeric:tabular-nums; cursor:pointer; }
.check-time:hover, .check-time:focus-visible { border-color:#c9a24a; outline:none; }
.check-time.on { background:#2f6b2c; border-color:#6fbf5f; color:#f1ffe9; }
.check-day { flex-basis:100%; margin:8px 0 2px; padding-top:8px; border-top:1px solid #2b1e11; color:var(--calc); font-size:11px; font-weight:700; letter-spacing:.14em; text-transform:uppercase; }
@media(max-width:900px) { .check-picker { grid-template-columns:repeat(3,minmax(0,1fr)); } }
@media(max-width:480px) { .check-page { padding:20px 16px 40px; } .check-pick-sprite { width:56px; height:56px; } .check-pick-sprite img { width:48px; height:48px; } .check-time { min-width:58px; } }