.stage-play{--sp-panel-bg:#fffffff5;--sp-panel-border:#fff;--sp-panel-radius:24px;--sp-title:#0369a1;--sp-muted:#64748b;--sp-text:#0f172a;--sp-info:#475569;--sp-dot-border:#94a3b8;--sp-dot-answered:#0284c7;--sp-check:#16a34a;--sp-ring:#fde047;--sp-ring-border:#ca8a04;--sp-green:linear-gradient(180deg, #22c55e, #15803d);--sp-orange:linear-gradient(180deg, #f97316, #c2410c);--sp-blue:linear-gradient(180deg, #0ea5e9, #0369a1);--sp-gray:linear-gradient(180deg, #64748b, #475569);--sp-red:linear-gradient(180deg, #f43f5e, #be123c);--sp-option-1:#3b82f6, #1d4ed8;--sp-option-1-ink:#1d4ed8;--sp-option-2:#a855f7, #7e22ce;--sp-option-2-ink:#7e22ce;--sp-option-3:#ec4899, #be185d;--sp-option-3-ink:#be185d;--sp-option-4:#14b8a6, #0f766e;--sp-option-4-ink:#0f766e;--sp-card-bg:#fff;--sp-card-border:#cbd5e1;--sp-soft-bg:#f1f5f9;--sp-link-dot:#0ea5e9;--sp-true:#15803d;--sp-false:#be123c;--sp-accent:#0284c7;--sp-accent-soft:#e0f2fe;--sp-board-bg:linear-gradient(180deg, #0f172a, #1e293b);--sp-board-border:#334155;--sp-board-text:#fff;--sp-board-note:#cbd5e1;--sp-input-bg:#0b1220;--sp-input-border:#38bdf8;--sp-input-glow:#38bdf880;--sp-input-text:#fde047}.stage-play .sp-btn{color:#fff;text-transform:uppercase;border:0;border-radius:18px;min-height:64px;padding:0 30px;font-size:26px;font-weight:900;box-shadow:0 6px #00000040}.stage-play .sp-btn:active:not(:disabled){transform:translateY(4px);box-shadow:0 2px #00000040}.stage-play .sp-btn:disabled{opacity:.45}.stage-play .sp-btn.sp-small-btn{min-height:52px;padding:0 20px;font-size:20px}.stage-play .sp-green{background:var(--sp-green)}.stage-play .sp-orange{background:var(--sp-orange)}.stage-play .sp-blue{background:var(--sp-blue)}.stage-play .sp-gray{background:var(--sp-gray)}.stage-play .sp-red{background:var(--sp-red)}.stage-play .sp-info{color:var(--sp-info);margin:0;font-size:19px;font-weight:800}.stage-play .sp-play{background:var(--sp-panel-bg);border:4px solid var(--sp-panel-border);border-radius:var(--sp-panel-radius);flex-direction:column;gap:10px;height:100%;padding:16px 24px;display:flex;box-shadow:0 8px #00000026,0 14px 30px #0003}.stage-play .sp-qhead{justify-content:space-between;align-items:center;gap:16px;display:flex}.stage-play .sp-qtitle{color:var(--sp-title);letter-spacing:1px;white-space:nowrap;margin:0;font-size:22px;font-weight:900}.stage-play .sp-qtype{color:var(--sp-muted);font-weight:800}.stage-play .sp-qdots{gap:10px;display:flex}.stage-play .sp-qdots button{border:3px solid var(--sp-dot-border);width:48px;height:48px;color:var(--sp-info);background:#fff;border-radius:50%;flex:0 0 48px;justify-content:center;align-items:center;padding:0;font-size:20px;font-weight:900;display:flex;position:relative}.stage-play .sp-qdots button.sp-ans{background:var(--sp-dot-answered);border-color:var(--sp-dot-answered);color:#fff}.stage-play .sp-qdots button.sp-cur{box-shadow:0 0 0 4px var(--sp-ring);border-color:var(--sp-ring-border);text-underline-offset:4px;text-decoration:underline}.stage-play .sp-dot-check{background:var(--sp-check);color:#fff;border-radius:50%;width:20px;height:20px;padding:2px;position:absolute;bottom:-6px;right:-6px}.stage-play .sp-qtext{color:var(--sp-text);-webkit-user-select:text;user-select:text;margin:0;font-size:32px;font-weight:800;line-height:1.35}.stage-play .sp-qtext.sp-text-m{font-size:26px}.stage-play .sp-qtext.sp-text-s{font-size:21px}.stage-play .sp-answer{flex:1;min-height:0;position:relative}.stage-play .sp-qbar{align-items:center;gap:14px;display:flex}.stage-play .sp-qbar .sp-btn{min-height:56px;padding:0 22px;font-size:21px}.stage-play .sp-qbar .sp-info{text-align:center;flex:1;font-size:17px}.stage-play .sp-choice{flex-direction:column;gap:8px;height:100%;display:flex}.stage-play .sp-multi-hint{color:#92400e;background:#fef3c7;border-radius:12px;margin:0;padding:6px 14px;font-size:19px;font-weight:700}.stage-play .sp-options{flex:1;grid-template-columns:1fr 1fr;grid-auto-rows:1fr;gap:14px;min-height:0;display:grid}.stage-play .sp-option{color:#fff;text-align:left;border:0;border-radius:22px;align-items:center;gap:18px;padding:0 24px;font-size:32px;font-weight:900;line-height:1.15;transition:transform .15s,filter .2s;display:flex;box-shadow:0 7px #00000040}.stage-play .sp-option .sp-medium{font-size:25px}.stage-play .sp-option .sp-small{font-size:20px}.stage-play .sp-option b{background:#fffffff2;border-radius:50%;flex:none;justify-content:center;align-items:center;width:58px;height:58px;font-size:28px;display:flex}.stage-play .sp-option-1{background:linear-gradient(180deg, var(--sp-option-1))}.stage-play .sp-option-1 b{color:var(--sp-option-1-ink)}.stage-play .sp-option-2{background:linear-gradient(180deg, var(--sp-option-2))}.stage-play .sp-option-2 b{color:var(--sp-option-2-ink)}.stage-play .sp-option-3{background:linear-gradient(180deg, var(--sp-option-3))}.stage-play .sp-option-3 b{color:var(--sp-option-3-ink)}.stage-play .sp-option-4{background:linear-gradient(180deg, var(--sp-option-4))}.stage-play .sp-option-4 b{color:var(--sp-option-4-ink)}.stage-play .sp-options.sp-picked .sp-option{filter:grayscale(.55)brightness(.92)}.stage-play .sp-options .sp-option.sp-chosen{filter:none;box-shadow:0 0 0 7px var(--sp-ring), 0 7px 0 #00000040;transform:scale(1.03)}.stage-play .sp-statements{flex-direction:column;gap:10px;margin:0;padding:0;list-style:none;display:flex}.stage-play .sp-statement{background:var(--sp-soft-bg);border-radius:16px;align-items:center;gap:14px;padding:8px 14px;display:flex}.stage-play .sp-statement-text{color:var(--sp-text);flex:1;font-size:24px;font-weight:700;line-height:1.3}.stage-play .sp-verdict{border:3px solid var(--sp-card-border);background:var(--sp-card-bg);color:#334155;border-radius:14px;min-width:110px;min-height:56px;margin-left:10px;font-size:22px;font-weight:900}.stage-play .sp-verdict.sp-true.sp-chosen{background:var(--sp-true);border-color:var(--sp-true);color:#fff;box-shadow:0 0 0 4px var(--sp-ring)}.stage-play .sp-verdict.sp-false.sp-chosen{background:var(--sp-false);border-color:var(--sp-false);color:#fff;box-shadow:0 0 0 4px var(--sp-ring)}.stage-play .sp-short{gap:20px;height:100%;display:flex}.stage-play .sp-board{background:var(--sp-board-bg);border:5px solid var(--sp-board-border);border-radius:20px;flex-direction:column;flex:1;justify-content:center;gap:12px;min-width:0;padding:14px 20px;display:flex}.stage-play .sp-fill{color:var(--sp-board-text);text-align:center;flex-wrap:wrap;justify-content:center;align-items:center;gap:18px;margin:0;font-size:54px;font-weight:900;line-height:1.2;display:flex}.stage-play .sp-short-input{border:5px solid var(--sp-input-border);background:var(--sp-input-bg);width:300px;max-width:100%;height:96px;color:var(--sp-input-text);text-align:center;box-shadow:0 0 18px var(--sp-input-glow) inset;-webkit-user-select:text;user-select:text;border-radius:20px;outline:none;font-family:inherit;font-size:50px;font-weight:900}.stage-play .sp-short:not(.sp-with-pad) .sp-short-input{width:640px;font-size:40px}.stage-play .sp-short-input:focus{border-color:var(--sp-ring)}.stage-play .sp-note{text-align:center;color:var(--sp-board-note);margin:0;font-size:19px;font-weight:700}.stage-play .sp-pad{grid-template-columns:repeat(3,1fr);align-content:center;gap:10px;width:380px;display:grid}.stage-play .sp-pad button{color:#0f172a;background:linear-gradient(#fff,#e2e8f0);border:0;border-radius:18px;justify-content:center;align-items:center;height:72px;font-size:36px;font-weight:900;display:flex;box-shadow:0 5px #94a3b8}.stage-play .sp-pad button:active{transform:translateY(4px);box-shadow:0 1px #94a3b8}.stage-play .sp-pad .sp-del{background:linear-gradient(#fed7aa,#fdba74)}.stage-play .sp-pad .sp-del svg{width:34px;height:34px}.stage-play .sp-pad .sp-clr{background:linear-gradient(#fecaca,#fca5a5);font-size:24px}.stage-play .sp-matching{height:100%;position:relative}.stage-play .sp-mcol{grid-auto-rows:minmax(0,1fr);gap:6px;width:330px;margin:0;padding:0;list-style:none;display:grid;position:absolute;top:0;bottom:0}.stage-play .sp-mcol li{min-height:0;display:flex}.stage-play .sp-mcol.sp-left{width:320px;left:20px}.stage-play .sp-mcol.sp-right{right:20px}.stage-play .sp-mc{background:var(--sp-card-bg);border:3px solid var(--sp-card-border);width:100%;height:100%;max-height:64px;color:var(--sp-text);touch-action:none;border-radius:12px;justify-content:center;align-items:center;margin:auto 0;padding:0 16px;font-size:24px;font-weight:900;line-height:1.05;display:flex;position:relative;box-shadow:0 4px #00000026}.stage-play .sp-left .sp-mc{font-size:26px}.stage-play .sp-mc.sp-compact{font-size:20px;box-shadow:0 3px #00000026}.stage-play .sp-dot{border:5px solid var(--sp-link-dot);background:#fff;border-radius:50%;width:22px;height:22px;margin-top:-11px;position:absolute;top:50%}.stage-play .sp-left .sp-dot{right:-13px}.stage-play .sp-right .sp-dot{left:-13px}.stage-play .sp-mc.sp-sel{border-color:var(--sp-ring-border);box-shadow:0 0 0 4px var(--sp-ring), 0 4px 0 #00000026}.stage-play .sp-mc.sp-linked{border-color:var(--lc);background:color-mix(in srgb, var(--lc) 14%, var(--sp-card-bg))}.stage-play .sp-mc.sp-linked .sp-dot{border-color:var(--lc);background:var(--lc)}.stage-play .sp-lines{pointer-events:none;width:100%;height:100%;position:absolute;top:0;left:0;overflow:visible}.stage-play .sp-mbar{flex-direction:column;align-items:center;gap:6px;width:320px;display:flex;position:absolute;bottom:0;left:50%;transform:translate(-50%)}.stage-play .sp-mbar .sp-btn{min-height:44px;font-size:17px}.stage-play .sp-fill.sp-fill-m{gap:12px;font-size:38px}.stage-play .sp-fill.sp-fill-s{gap:10px;font-size:28px}.stage-play .sp-short.sp-blanks .sp-blank-input{border-radius:.35em;width:3.6em;height:1.6em;padding:0 .2em;font-size:.9em}.stage-play .sp-short.sp-blanks .sp-blank-input.sp-active{border-color:var(--sp-ring)}.stage-play .sp-chip-blanks,.stage-play .sp-group-sort,.stage-play .sp-ordering{flex-direction:column;gap:12px;height:100%;display:flex;position:relative}.stage-play .sp-chip-blanks{justify-content:center}.stage-play .sp-chip-prompt{color:var(--sp-text);text-align:center;flex-wrap:wrap;justify-content:center;align-items:center;gap:14px;margin:0;font-size:40px;font-weight:900;line-height:1.3;display:flex}.stage-play .sp-chip-prompt.sp-fill-m{font-size:30px}.stage-play .sp-chip-prompt.sp-fill-s{font-size:24px}.stage-play .sp-slot{border:4px dashed var(--sp-accent);background:var(--sp-accent-soft);min-width:4.2em;min-height:1.5em;color:var(--sp-accent);font:inherit;border-radius:.4em;padding:0 .4em;font-weight:900}.stage-play .sp-slot.sp-filled{background:var(--sp-accent);color:#fff;border-style:solid}.stage-play .sp-slot.sp-ready{box-shadow:0 0 0 5px var(--sp-ring)}.stage-play .sp-slot.sp-hover{box-shadow:0 0 0 6px var(--sp-ring);transform:scale(1.06)}.stage-play .sp-chips,.stage-play .sp-tray{flex-wrap:wrap;justify-content:center;gap:14px;margin:0;padding:0;list-style:none;display:flex}.stage-play .sp-chip{border:3px solid var(--sp-card-border);background:var(--sp-card-bg);min-width:140px;min-height:72px;color:var(--sp-text);touch-action:none;border-radius:18px;padding:0 24px;font-size:34px;font-weight:900;box-shadow:0 5px #0000002e}.stage-play .sp-chip.sp-sel,.stage-play .sp-card.sp-sel{border-color:var(--sp-ring-border);box-shadow:0 0 0 5px var(--sp-ring), 0 5px 0 #0000002e}.stage-play .sp-lift{opacity:.35}.stage-play .sp-ghost{z-index:20;pointer-events:none;margin:0;position:absolute;transform:rotate(-3deg);box-shadow:0 16px 30px #0000004d}.stage-play .sp-under{text-align:center;margin-top:auto;font-size:17px}.stage-play .sp-groups{flex:1;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;min-height:0;display:grid}.stage-play .sp-groups-3{grid-template-columns:repeat(3,minmax(0,1fr))}.stage-play .sp-groups-4{grid-template-columns:repeat(4,minmax(0,1fr))}.stage-play .sp-group{border:3px dashed var(--sp-card-border);background:var(--sp-soft-bg);border-radius:18px;flex-direction:column;gap:6px;min-height:0;padding:6px;display:flex;overflow-y:auto}.stage-play .sp-group.sp-hover{border-style:solid;border-color:var(--sp-accent);background:var(--sp-accent-soft)}.stage-play .sp-group-head{background:var(--sp-accent);color:#fff;border:0;border-radius:12px;justify-content:center;align-items:center;gap:10px;min-height:48px;font-size:22px;font-weight:900;display:flex}.stage-play .sp-group-head:disabled{cursor:default}.stage-play .sp-group-head b{width:32px;height:32px;color:var(--sp-accent);background:#ffffffeb;border-radius:50%;justify-content:center;align-items:center;font-size:18px;display:inline-flex}.stage-play .sp-group-cards{flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;display:flex}.stage-play .sp-card{border:3px solid var(--sp-card-border);background:var(--sp-card-bg);max-width:100%;min-height:52px;color:var(--sp-text);text-align:left;touch-action:none;border-radius:12px;padding:6px 14px;font-size:20px;font-weight:800;line-height:1.2;box-shadow:0 4px #00000026}.stage-play .sp-card.sp-card-long{font-size:17px}.stage-play .sp-group-cards .sp-card{width:100%;min-height:0;font-size:16px}.stage-play .sp-tray-done{color:var(--sp-muted);font-size:20px;font-weight:800}.stage-play .sp-order{flex-direction:column;flex:1;justify-content:center;gap:10px;min-height:0;margin:0;padding:0;list-style:none;display:flex}.stage-play .sp-order li{align-items:center;gap:14px;display:flex}.stage-play .sp-place{background:var(--sp-accent);color:#fff;border-radius:50%;flex:none;justify-content:center;align-items:center;width:52px;height:52px;font-size:24px;font-weight:900;display:flex}.stage-play .sp-order-card{border:3px solid var(--sp-card-border);background:var(--sp-card-bg);min-height:60px;color:var(--sp-text);text-align:left;touch-action:none;cursor:grab;border-radius:14px;flex:1;padding:8px 20px;font-size:26px;font-weight:800;box-shadow:0 4px #00000026}.stage-play .sp-order li.sp-hover .sp-order-card{border-color:var(--sp-ring-border);box-shadow:0 0 0 5px var(--sp-ring)}.stage-play .sp-moves{gap:8px;display:flex}.stage-play .sp-moves button{border:3px solid var(--sp-card-border);background:var(--sp-card-bg);width:52px;height:52px;color:var(--sp-text);border-radius:12px;justify-content:center;align-items:center;display:flex}.stage-play .sp-moves button:disabled{opacity:.35}.stage-play .sp-moves svg{width:28px;height:28px}