body{font-family:Arial,Helvetica,sans-serif;margin:16px;color:#e5e7eb;background:radial-gradient(circle at top,#111827,#0b1220 55%,#060b15)}.row{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.controls{margin-bottom:14px}label{font-weight:600;color:#d1d5db}input[type=number]{width:100px;padding:6px 8px;border:1px solid #334155;border-radius:6px;background:#111827;color:#f9fafb}input[type=text]{width:340px;max-width:100%;padding:6px 8px;border:1px solid #334155;border-radius:6px;background:#111827;color:#f9fafb}button{padding:8px 12px;border-radius:8px;border:1px solid #334155;background:#1f2937;color:#f9fafb;cursor:pointer}button:hover{background:#273548}.meta{margin-top:10px;font-size:14px;color:#9ca3af}.board-wrap{border:1px solid #1f2937;padding:12px;border-radius:12px;background:#0f172a}.grid{display:grid;gap:6px;width:min(720px,92vw);margin:0 auto}.cell{aspect-ratio:1 / 1;border-radius:10px;position:relative;border:1px solid #334155;background:#111827;display:flex;align-items:center;justify-content:center;-webkit-user-select:none;user-select:none}.cell.removed{opacity:0;background:transparent;border:none;pointer-events:none}.cell.used .badge{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:6px;gap:2px}.badge-id{font-size:12px;color:#94a3b8;font-weight:700}.badge-nick{font-size:clamp(12px,2.2vw,20px);font-weight:700;line-height:1.1}.badge-top{font-size:clamp(10px,1.4vw,13px);font-weight:800;color:#fbbf24;line-height:1.1}.badge-avatar{width:clamp(50px,5.6vw,66px);height:clamp(50px,5.6vw,66px);border-radius:999px;object-fit:cover;border:2px solid #475569}.badge-category{font-size:clamp(10px,1.5vw,14px);font-weight:600;color:#94a3b8;line-height:1.1}.cell.active{border:2px solid #60a5fa;box-shadow:0 0 0 3px #2563eb33;background:#0b2447}.cell.selectable{border:2px solid #16a34a;box-shadow:0 0 0 3px #16a34a24;cursor:pointer}.cell.selectable:hover{background:#052e16}.cell.degree-low{border:2px solid #ef4444;box-shadow:0 0 0 3px #ef444438;background:#450a0a}.removed-index{font-size:12px;color:#94a3b8;font-weight:700}.note{margin-top:12px;font-size:13px;color:#cbd5e1}.link-box{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-top:10px}.link-box code{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;background:#0b1220;padding:2px 6px;border-radius:6px}.players-meta{margin-top:12px}.players-meta-row{display:flex;align-items:center;gap:8px;margin:6px 0;flex-wrap:wrap}.players-meta-label{min-width:86px;font-weight:700;color:#cbd5e1}.players-meta-row input[type=text]{width:min(240px,44vw)}.collapse-btn{margin-top:14px;display:inline-flex;align-items:center;gap:8px}.collapsible{display:none}.collapsible.open{display:block}.images-tabs{margin-top:14px}.tab-buttons{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:10px}.tab-btn{padding:8px 12px;border-radius:8px;border:1px solid #334155;background:#111827;color:#f9fafb;cursor:pointer;font-weight:700}.tab-btn.active{border-color:#60a5fa;box-shadow:0 0 0 3px #3b82f640;background:#0b2447}.images-tab-panel{display:none}.images-tab-panel.active{display:block}.cat-dropzone{border:2px dashed #475569;border-radius:12px;padding:12px;background:#111827}.cat-dropzone.dragover{border-color:#60a5fa;background:#0b2447}.cat-dropzone-hint{font-size:13px;color:#cbd5e1;margin-bottom:10px}.cat-thumbs-grid{display:flex;gap:10px;flex-wrap:wrap}.cat-thumb{width:84px;height:84px;object-fit:cover;border-radius:10px;border:1px solid #334155;background:#0f172a}.category-images{margin-top:10px}.section-panel{margin-top:16px;border:1px solid #334155;border-radius:12px;background:#0f172a;padding:12px}.fallback-panel{margin-top:12px;border:1px solid #334155;border-radius:12px;background:#0f172a;padding:12px;display:grid;gap:8px}.fallback-panel-head{display:grid;gap:2px}.fallback-title{font-weight:900;font-size:18px;color:#f8fafc}.fallback-subtitle{font-size:13px;color:#94a3b8}.fallback-textarea{width:100%;min-height:140px;resize:vertical;padding:10px;border:1px solid #334155;border-radius:8px;background:#111827;color:#f9fafb;font-family:inherit;line-height:1.4}.fallback-actions{margin-top:4px}.category-images-grid{display:flex;gap:10px;flex-wrap:wrap;margin-top:8px}.category-image{width:90px;height:90px;object-fit:cover;border-radius:12px;border:1px solid #334155;background:#0f172a}.duel-panel{margin-top:12px;border:1px solid #334155;border-radius:16px;padding:14px;background:linear-gradient(180deg,#111827,#0b1220)}.duel-accept-row{display:flex;justify-content:center;margin-bottom:10px}.duel-accept-btn{font-size:clamp(18px,2.8vw,28px);font-weight:900;padding:12px 22px;border-radius:12px}.duel-accept-btn:hover{filter:brightness(1.08)}.host-reward-lock-message{text-align:center;font-weight:900;color:#fbbf24;margin:12px 0 6px}.active-player-big{text-align:center;font-weight:900;font-size:clamp(26px,4.2vw,46px);margin:12px 16px 6px;color:#f8fafc;letter-spacing:.3px;text-shadow:0 2px 10px rgba(0,0,0,.35)}.reward-buttons{display:flex;justify-content:center;gap:16px;flex-wrap:wrap;margin-top:10px}.reward-btn{font-size:clamp(16px,2.3vw,24px);font-weight:900;padding:10px 18px;border-radius:12px;border:2px solid rgba(255,255,255,.14);background:#1f2937e6}.reward-btn:hover{background:#273548f2}.duel-answer-under-category{text-align:center;font-weight:900;color:#f8fafc;margin-bottom:12px;font-size:clamp(16px,2.2vw,22px)}.duel-category{text-align:center;font-size:clamp(22px,3.5vw,40px);font-weight:900;letter-spacing:.5px;color:#f8fafc;margin-bottom:12px}.duel-grid{--duel-gap-x: 16px;--duel-side-min: 170px;--duel-center-max: 800px;--duel-center-width: min( var(--duel-center-max), calc(100vw - (2 * var(--duel-side-min)) - (2 * var(--duel-gap-x)) - 64px) );display:grid;grid-template-columns:minmax(var(--duel-side-min),1fr) minmax(300px,var(--duel-center-width)) minmax(var(--duel-side-min),1fr);grid-template-rows:auto auto;gap:10px var(--duel-gap-x);align-items:center}.duel-player-name{grid-column:1;grid-row:1;text-align:center;font-size:clamp(20px,2.8vw,34px);font-weight:900;color:#f1f5f9;display:flex;flex-direction:column;align-items:center;gap:6px;transition:transform .18s ease,text-decoration-color .18s ease;text-decoration:underline;text-decoration-color:transparent;text-underline-offset:7px}.duel-player-name-right{grid-column:3}.duel-player-name.is-turn{transform:scale(1.06);text-decoration-color:#f8fafc}.duel-pass-action{margin-top:6px;display:flex;justify-content:center;width:100%;text-decoration:none}.duel-pass-btn{text-decoration:none;font-size:clamp(18px,2.4vw,26px);font-weight:900;padding:10px 18px;border-radius:12px;border:2px solid rgba(239,68,68,.6);background:#ef44441f;color:#fff;cursor:pointer}.duel-pass-btn:hover{background:#ef444438}.duel-player-avatar{width:clamp(62px,7.5vw,84px);height:clamp(62px,7.5vw,84px);border-radius:999px;object-fit:cover;border:2px solid #64748b;box-shadow:0 0 0 2px #0f172ae6}.duel-player-time{grid-column:1;grid-row:2;text-align:center;font-size:clamp(24px,3.4vw,44px);font-weight:900;color:#22d3ee}.duel-player-time-right{grid-column:3}.duel-center-visual{grid-column:2;grid-row:1 / span 2;display:flex;align-items:center;justify-content:center;width:100%;border:1px solid #334155;border-radius:14px;background:#020617;padding:10px;overflow:hidden}.duel-image{width:100%;height:auto;max-height:min(68vh,620px);object-fit:contain;border-radius:12px;display:block}.duel-symbol{font-size:clamp(70px,8vw,120px);line-height:1;font-weight:900}.duel-symbol-ok{color:#22c55e}.duel-symbol-pass{color:#ef4444}.duel-answer{font-size:clamp(24px,3.2vw,40px);line-height:1.15;font-weight:900;text-align:center;color:#22c55e;word-break:break-word}.duel-answer-pass{color:#ef4444}.duel-streak{margin-left:6px;font-size:.85em;color:#fbbf24;font-weight:800}.duel-placeholder{color:#64748b;font-weight:700}