.demo-tabs{display:flex;flex-wrap:wrap;gap:8px;margin-top:28px}.demo-tabs button{background:transparent;border:1px solid var(--line);padding:10px 14px;border-radius:6px;font-size:14px}.demo-tabs button[aria-selected=true]{background:var(--ink);color:white;border-color:var(--ink)}#input-panel{margin-top:14px;border:1px solid #cbc5db;background:#f0edf6;padding:22px;border-radius:10px}.demo-instruction{min-height:30px;font-size:15px}.input-stage{width:100%;height:auto;max-height:300px;display:block;touch-action:none;user-select:none;background:radial-gradient(ellipse at center,#fffaf5,#eae5f4);border-radius:8px}.input-orb{fill:#6552a6;stroke:white;stroke-width:4;cursor:grab;filter:drop-shadow(0 5px 6px #63509f40)}.input-orb:active{cursor:grabbing}.orb-label{fill:white;font-size:12px}.track-wide{fill:none;stroke:#d3cbe3;stroke-width:44;stroke-linecap:round;stroke-linejoin:round}.track-line{fill:none;stroke:#9384b9;stroke-width:2;stroke-dasharray:5 8}.track-done{fill:none;stroke:#a594cf;stroke-width:8;stroke-linecap:round}.end-ring{fill:none;stroke:#66539d;stroke-width:3;stroke-dasharray:4 5}.end-label{fill:#6a599a;font-size:16px}.timing-ring{fill:none;stroke:#a99acb;stroke-width:4}.hold-ring{fill:none;stroke:#83ad40;stroke-width:7;transform:rotate(-90deg);transform-origin:300px 130px}.demo-bottom{display:flex;gap:15px;justify-content:space-between;align-items:center;margin-top:16px}.demo-status{margin:0;font-size:15px;font-weight:700}.demo-retry{flex-shrink:0;border:1px solid #afa4c7;background:white;border-radius:5px;padding:7px 14px;color:var(--ink)}#input-playground progress{display:block;width:100%;height:6px;accent-color:var(--purple);margin-top:15px}#input-playground[data-result=success] .input-orb,#input-playground[data-result=window] .input-orb{fill:#648d2d}#input-playground[data-result=miss] .input-orb{fill:#bb6559}#input-playground[data-mode="0"] .track-wide,#input-playground[data-mode="0"] .track-line,#input-playground[data-mode="0"] .track-done,#input-playground[data-mode="0"] .end-ring,#input-playground[data-mode="0"] .end-label,#input-playground[data-mode="0"] .hold-ring,#input-playground[data-mode="1"] .track-wide,#input-playground[data-mode="1"] .track-line,#input-playground[data-mode="1"] .track-done,#input-playground[data-mode="1"] .end-ring,#input-playground[data-mode="1"] .end-label,#input-playground[data-mode="1"] .timing-ring,#input-playground[data-mode="2"] .timing-ring,#input-playground[data-mode="2"] .hold-ring,#input-playground[data-mode="3"] .timing-ring,#input-playground[data-mode="3"] .hold-ring{display:none}.demo-disclaimer{margin-top:16px}.prank-slots{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:24px 0}.prank-slots>div{border:1px dashed #bdb3ce;border-radius:6px;padding:18px;display:grid;gap:7px}.prank-slots span{font-size:12px;color:var(--purple)}.prank-slots small{font-size:12px;color:var(--muted)}.print-demo-note{display:none}@media(max-width:600px){.prank-slots{grid-template-columns:1fr 1fr}#input-panel{padding:12px}.demo-tabs button{padding:8px;font-size:12px}.demo-bottom{align-items:flex-start}.demo-status{font-size:13px}.demo-retry{font-size:12px}}@media print{.demo-tabs,#input-panel,.demo-disclaimer{display:none}.print-demo-note{display:block}.prank-slots>div{break-inside:avoid}}

.input-stage{cursor:crosshair}.input-orb{cursor:inherit}#input-playground[data-phase="armed"] .track-wide,#input-playground[data-phase="armed"] .track-line,#input-playground[data-phase="armed"] .end-ring{opacity:.22}#input-playground[data-mode="0"] .timing-ring{display:none}

.room-list{margin:28px 0 35px}.room-plan{padding:25px 0;border-bottom:1px solid var(--line)}.room-heading{display:flex;gap:15px;align-items:baseline}.room-heading h3{margin-bottom:4px}.room-heading p{font-size:14px;color:var(--muted)}.room-status{margin-left:auto;font-size:11px;border:1px solid #c8c0d7;border-radius:30px;padding:3px 10px;white-space:nowrap}.prank-detail{background:#eae6f3;border:1px solid #d5cce5;border-radius:7px}.prank-detail summary{cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:15px;padding:17px 20px;list-style:none}.prank-detail summary::-webkit-details-marker{display:none}.prank-detail summary small{display:block;color:var(--purple);font-size:11px}.room-open{font-size:12px;color:var(--purple)}.room-open:after{content:' ＋'}.prank-detail[open] .room-open:after{content:' −'}.prank-detail summary:focus-visible{outline:3px solid var(--purple);outline-offset:3px}.prank-empty{margin:0 20px 20px;padding:25px;border:1px dashed #b5a7cf;background:var(--paper);text-align:center;color:var(--muted)}.prank-empty p{font-size:13px;margin:8px 0 0}.room-small{display:flex;gap:20px;margin-top:17px;font-size:13px;align-items:baseline}.room-small>strong{white-space:nowrap}.room-small ul{display:flex;flex-wrap:wrap;gap:8px 24px;margin:0;padding-left:18px}.room-small li{margin:0}@media(max-width:550px){.room-heading{flex-wrap:wrap;gap:8px}.room-status{margin:0 0 12px 0}.room-heading>div{flex:1}.room-small{display:block}.room-small ul{display:block;margin-top:6px}.prank-detail summary{padding:14px;gap:10px}.room-open{max-width:85px;text-align:right}.prank-empty{margin:0 14px 14px;padding:20px 12px}}@media print{.room-plan{break-inside:avoid}.room-open{display:none}}
.room-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.room-grid .room-plan{padding:20px;border:1px solid var(--line);border-radius:10px;background:#fbf9f3;min-width:0}.room-card-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}.room-grid .room-status{margin:0;padding:2px 8px;font-size:10px}.room-grid h3{font-size:20px;margin:0 0 7px}.room-activity{font-size:13px;line-height:1.6;min-height:42px;color:var(--muted)}.prank-launch{display:flex;flex-direction:column;gap:6px;text-align:left;width:100%;border:1px solid #d3c9e3;border-radius:7px;padding:14px;background:#eae6f3;color:var(--ink);min-height:122px}.prank-launch:hover{background:#ded7ed;border-color:var(--purple)}.prank-launch small{font-size:11px;color:var(--purple)}.prank-launch strong{font-size:17px;line-height:1.4}.prank-launch span{font-size:11px;color:var(--purple);margin-top:auto}.room-grid .room-small{display:block;font-size:12px;margin-top:18px}.room-grid .room-small ul{display:block;margin:8px 0;padding-left:18px}.room-grid .room-small li{margin-bottom:4px}.room-input-pending{font-size:11px;color:var(--muted)}.room-dialog{width:min(520px,calc(100vw - 36px));max-height:calc(100dvh - 48px);overflow:auto;border:1px solid #c8bedb;border-radius:13px;padding:25px;background:var(--paper);color:var(--ink);box-shadow:0 22px 90px #19132444}.room-dialog::backdrop{background:#201b365c;backdrop-filter:blur(3px)}.room-dialog-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:22px}.room-dialog-heading small{color:var(--purple);font-size:12px}.room-dialog-heading h3{margin:6px 0 0;font-size:25px;line-height:1.4}.room-dialog-close{border:1px solid var(--line);background:transparent;border-radius:50%;width:36px;height:36px;flex-shrink:0;font-size:24px;line-height:1}.room-dialog .prank-empty{margin:0;min-height:160px;display:flex;flex-direction:column;justify-content:center}.room-dialog-hint{margin:17px 0 0;text-align:center;color:var(--muted);font-size:12px}@media(max-width:1150px) and (min-width:901px){.room-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:750px){.room-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:480px){.room-grid{grid-template-columns:1fr;gap:12px}.room-grid .room-plan{padding:17px}.room-activity{min-height:0;margin-bottom:14px}.prank-launch{min-height:100px}.room-dialog{padding:20px}}@media print{.room-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.room-dialog{display:none}.prank-launch span{display:none}}
.room-grid .cross-room{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;gap:0 24px;border-color:#beb2d3;background:#f1edf7}.cross-room .room-card-top{grid-column:1/-1}.cross-room h3,.cross-room .room-activity{grid-column:1}.cross-room .prank-launch{grid-column:1}.room-grid .cross-room .room-small{grid-column:2;grid-row:2/5;margin-top:0;padding:14px 0 0 24px;border-left:1px solid #d4cce0}.room-grid .cross-room .room-activity{min-height:0}@media(max-width:550px){.room-grid .cross-room{display:block}.room-grid .cross-room .room-small{border-left:0;padding:0;margin-top:18px}}
.room-dialog.has-sequence{width:min(920px,calc(100vw - 36px))}.room-dialog-content{font-size:14px;line-height:1.8}.room-dialog-content h4{font-size:16px;margin:22px 0 8px}.sequence-note{background:#eae6f3;padding:14px 18px;font-size:13px}.sequence-table{font-size:13px}.sequence-table th,.sequence-table td{min-width:105px;padding:12px;line-height:1.65}.sequence-table th[scope=row]{font-size:13px;width:115px}.room-dialog.has-sequence .room-dialog-heading{position:sticky;top:-25px;background:var(--paper);padding:12px 0;z-index:1}@media(max-width:550px){.room-dialog.has-sequence .room-dialog-heading{top:-20px}.sequence-table{min-width:660px}}
.input-plan-table{font-size:13px;min-width:660px;table-layout:fixed}.input-plan-table th,.input-plan-table td{padding:12px;line-height:1.7;vertical-align:top}.input-plan-table th:first-child{width:16%}.input-plan-table th:nth-child(2){width:19%}.input-plan-table th:nth-child(3){width:32%}.input-plan-table th:nth-child(4){width:33%}
.beat-input{display:block;margin-top:10px;padding-top:8px;border-top:1px dashed #b6adc9;color:#62509f;font-size:12px;font-weight:600}.prank-film{margin:18px 0}.prank-film-svg{display:block;width:100%;height:auto}.film-caption{font-weight:600;margin:8px 0;color:var(--purple)}.film-tools{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.film-tools button{border:1px solid var(--line);border-radius:5px;padding:5px 15px;background:var(--paper);color:var(--ink)}.film-tools span{font-size:12px;color:var(--muted)}.film-active-beat{background:#e6edcb!important;box-shadow:inset 0 0 0 2px #b2cb78}@media print{.film-tools{display:none}}
.film-scrub{width:100%;accent-color:var(--purple)}