*{box-sizing:border-box;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent}html,body,#root{overscroll-behavior:none;touch-action:manipulation;color:#1f2937;background:#fdfaf5;width:100%;height:100%;margin:0;padding:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;overflow:hidden}img{pointer-events:none}button{font:inherit;color:inherit;cursor:pointer;touch-action:manipulation;background:0 0;border:none;padding:0}input{-webkit-user-select:text;user-select:text}.board{padding:8px;padding-top:max(8px, env(safe-area-inset-top));padding-bottom:max(8px, env(safe-area-inset-bottom));padding-left:max(8px, env(safe-area-inset-left));padding-right:max(8px, env(safe-area-inset-right));background:#fdfaf5;gap:8px;display:grid;position:fixed;inset:0}.board-slot-empty{border-radius:20px}.board-card{background:#fff;border-radius:20px;flex-direction:column;justify-content:center;align-items:center;gap:4px;min-width:0;min-height:0;padding:10px;transition:transform .12s,box-shadow .12s,filter .12s;display:flex;box-shadow:0 2px 6px #1f293726}.board-card.playing{filter:brightness(.9);transform:scale(.94);box-shadow:inset 0 0 0 6px #3b82f6,0 1px 3px #1f293733}@media (prefers-reduced-motion:reduce){.board-card{transition:none}.board-card.playing{transform:none}}.board-card-photo{object-fit:contain;border-radius:12px;flex:1;width:100%;min-height:0}.board-card-label{letter-spacing:.02em;color:#111827;white-space:nowrap;text-overflow:ellipsis;flex:none;max-width:100%;font-size:clamp(18px,4vmin,40px);font-weight:700;overflow:hidden}.corner-hold{z-index:50;touch-action:none;justify-content:center;align-items:center;width:88px;height:88px;display:flex;position:fixed;top:0;right:0}.corner-hold-ring{opacity:0;width:48px;height:48px}.corner-hold.holding .corner-hold-ring{opacity:.6}.corner-hold-ring circle{stroke:#6b7280;stroke-dasharray:100;stroke-dashoffset:100px}.corner-hold.holding .corner-hold-ring circle{animation:3s linear forwards corner-fill}@keyframes corner-fill{to{stroke-dashoffset:0}}@media (prefers-reduced-motion:reduce){.corner-hold.holding .corner-hold-ring circle{stroke-dashoffset:0;animation:none}}.overlay{z-index:100;padding:24px;padding-top:max(24px, env(safe-area-inset-top));background:#fdfaf5;flex-direction:column;align-items:center;gap:14px;display:flex;position:fixed;inset:0;overflow-y:auto}.overlay h2{margin:0;font-size:24px}.row{flex-wrap:wrap;justify-content:center;align-items:center;gap:12px;display:flex}.btn{background:#fff;border:2px solid #d1d5db;border-radius:12px;justify-content:center;align-items:center;min-height:48px;padding:12px 20px;font-size:17px;font-weight:600;display:inline-flex}.btn:disabled{opacity:.4}.btn-primary{color:#fff;background:#2563eb;border-color:#2563eb}.btn-danger{color:#fff;background:#dc2626;border-color:#dc2626}.btn-link{color:#2563eb;background:0 0;border:none;min-height:0;padding:6px;text-decoration:underline}.btn-big{width:min(340px,90vw);font-size:20px}.btn-record{color:#dc2626;border-color:#dc2626}.btn-record.recording{color:#fff;background:#dc2626;animation:1s ease-in-out infinite rec-pulse}@keyframes rec-pulse{50%{filter:brightness(1.2)}}@media (prefers-reduced-motion:reduce){.btn-record.recording{animation:none}}.hint{color:#6b7280;margin:0;font-size:15px}.warn{color:#92400e;background:#fef3c7;border-radius:10px;max-width:480px;margin:0;padding:10px 14px}.warn.error{color:#991b1b;background:#fee2e2}.banner{color:#92400e;text-align:center;background:#fef3c7;padding:8px 16px;font-size:15px}.banner-move{color:#1e40af;background:#dbeafe}.pin-gate{justify-content:center}.pin-dots{gap:16px;display:flex}.pin-dot{border:2px solid #6b7280;border-radius:50%;width:18px;height:18px}.pin-dot.filled{background:#1f2937;border-color:#1f2937}.pin-error{color:#dc2626;margin:0;font-weight:600}.pin-pad{grid-template-columns:repeat(3,76px);gap:12px;display:grid}.pin-key{background:#fff;border:2px solid #d1d5db;border-radius:16px;height:64px;font-size:26px;font-weight:600}.pin-key:active{background:#e5e7eb}.pin-help{margin:0;font-size:22px}.challenge-input{text-align:center;border:2px solid #d1d5db;border-radius:12px;width:140px;padding:10px 14px;font-size:26px}.edit-mode{padding-top:env(safe-area-inset-top);background:#f3f4f6;flex-direction:column;display:flex;position:fixed;inset:0}.edit-header{background:#fff;border-bottom:1px solid #e5e7eb;justify-content:space-between;align-items:center;gap:12px;padding:10px 16px;display:flex}.edit-header h1{margin:0;font-size:20px}.edit-grid{flex:1;gap:8px;min-height:0;padding:8px;display:grid}.edit-slot{background:#fff;border:2px solid #d1d5db;border-radius:16px;flex-direction:column;justify-content:center;align-items:center;gap:2px;min-width:0;min-height:0;padding:8px;display:flex;position:relative;overflow:hidden}.edit-slot.empty{color:#6b7280;background:#fafafa;border-style:dashed;font-weight:600}.edit-slot.moving{border-color:#2563eb;box-shadow:0 0 0 3px #93c5fd}.edit-slot img{object-fit:contain;flex:1;width:100%;min-height:0}.edit-slot-label{white-space:nowrap;text-overflow:ellipsis;max-width:100%;font-size:15px;font-weight:700;overflow:hidden}.placeholder-badge{color:#92400e;background:#fef3c7;border-radius:8px;padding:2px 6px;font-size:11px;font-weight:600;position:absolute;top:6px;left:6px;right:6px}.editor{align-items:center}.editor>*{width:min(640px,100%)}.editor-section{flex-direction:column;gap:8px;display:flex}.editor-section h3{color:#374151;margin:0;font-size:16px}.editor-section .row{justify-content:flex-start}.editor-photo-preview{object-fit:cover;background:#fff;border:1px solid #d1d5db;border-radius:12px;width:96px;height:96px}.editor-label-input{border:2px solid #d1d5db;border-radius:12px;width:100%;padding:12px 14px;font-size:20px}.color-row{justify-content:flex-start}.color-swatch{color:#9ca3af;border:2px solid #d1d5db;border-radius:50%;width:48px;height:48px;font-size:18px}.color-swatch.selected{border:4px solid #2563eb}.mini-grid{gap:6px;max-width:320px;display:grid}.mini-slot{aspect-ratio:4/3;background:#fff;border:2px dashed #9ca3af;border-radius:8px}.mini-slot.occupied{opacity:.6;background:#e5e7eb;border-style:solid}.mini-slot.selected{background:#dbeafe;border:3px solid #2563eb}.editor-error{color:#dc2626;margin:0;font-weight:600}.editor-actions{justify-content:flex-end;margin-top:8px}.action-sheet{text-align:center;justify-content:center}.install-hint{left:12px;right:12px;bottom:max(12px, env(safe-area-inset-bottom));z-index:200;color:#f9fafb;background:#1f2937;border-radius:16px;padding:14px 18px;font-size:15px;position:fixed;box-shadow:0 4px 16px #0000004d}.install-hint p{margin:0 0 8px}.install-hint-title{font-size:16px;font-weight:700}.install-hint-actions{justify-content:flex-end;gap:10px;display:flex}.install-hint .btn{color:#f9fafb;background:#374151;border-color:#4b5563;min-height:40px;padding:8px 16px}.install-hint .btn-primary{background:#2563eb;border-color:#2563eb}