:root{color-scheme:dark;--bg:#111529;--panel:#1b213b;--line:#3c4564;--muted:#b7c0d9;--white:#f5f6ff;--lime:#d7f75b;--orange:#ffb487;--blue:#a6bcff;--radius:22px;font-family:Arial,Helvetica,sans-serif;font-size:16px}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--white)}button,select,input{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.45}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid var(--lime);outline-offset:4px}button{border:0}a{color:inherit}h1,h2,h3,p{margin-top:0}.top{display:flex;align-items:center;gap:18px;padding:22px 4vw;border-bottom:1px solid var(--line)}.brand{text-decoration:none;font-size:2.1rem;font-weight:900;letter-spacing:-2px}.brand>span:first-child{color:var(--lime)}.brand-dot{font-size:.6rem;color:var(--lime);vertical-align:top;letter-spacing:0;margin-left:5px}.course{font-size:.8rem;letter-spacing:.12em;color:var(--muted);margin-right:auto}.quiet{background:transparent;color:var(--white);border:1px solid var(--line);padding:10px 14px;border-radius:10px;font-size:.9rem}.quiet:hover{background:#303954}main{max-width:1550px;padding:30px 4vw 24px;margin:auto}.session-bar{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:30px}.eyebrow,.section-label{font-size:.8rem;letter-spacing:.12em;font-weight:bold;color:var(--muted)}h1{font-size:clamp(2.2rem,4vw,3.5rem);letter-spacing:-.045em;margin:8px 0 0;line-height:1.1}.phase-control{display:flex;flex-direction:column;gap:9px;text-align:right;font-size:.9rem;color:var(--muted)}.phase-button{background:var(--panel);color:var(--white);border:1px solid var(--line);border-radius:10px;padding:12px 18px}.phase-button.open{border-color:var(--orange);color:var(--orange)}.workspace{display:grid;grid-template-columns:210px minmax(0,1fr);gap:28px}.section-label{display:flex;justify-content:space-between;margin:10px 0 15px}.teams nav{display:flex;flex-direction:column;gap:7px}.team-button{display:flex;align-items:center;gap:12px;width:100%;text-align:left;background:transparent;color:var(--muted);border-radius:12px;border:1px solid transparent;padding:12px 10px}.team-button.active{background:var(--lime);color:#192016}.team-number{display:grid;place-items:center;width:30px;height:30px;border:1px solid currentColor;border-radius:50%;font-size:.85rem;flex-shrink:0}.team-name{overflow-wrap:anywhere;font-weight:bold;line-height:1.25}.team-meta{font-size:.75rem;font-weight:normal;display:block;margin-top:3px}.add-team{width:100%;background:none;color:var(--muted);padding:14px;text-align:left;margin:8px 0;border:1px dashed var(--line);border-radius:10px}.local-note{font-size:.8rem;line-height:1.6;color:var(--muted);margin-top:20px}.play-area{min-width:0}.team-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}.team-heading h2{font-size:1.75rem;letter-spacing:-.025em;margin:5px 0 0;overflow-wrap:anywhere}.steps{display:grid;grid-template-columns:repeat(4,1fr);border-bottom:1px solid var(--line);margin-bottom:22px;gap:8px}.step{color:var(--muted);background:none;text-align:left;padding:14px 8px;border-bottom:3px solid transparent;font-size:.95rem}.step[aria-selected=true]{border-color:var(--lime);color:var(--lime)}.step .step-count{display:inline-block;margin-right:8px;font-size:.75rem;opacity:.8}.stage-card{border:1px solid var(--line);background:var(--panel);border-radius:var(--radius);min-height:400px;padding:30px;position:relative;overflow:hidden}.empty-stage{display:grid;grid-template-columns:minmax(0,1fr) 220px;gap:30px;align-items:center}.stage-eyebrow{color:var(--lime);font-size:.8rem;letter-spacing:.12em;font-weight:bold}.stage-card h3{font-size:clamp(1.7rem,3vw,2.5rem);line-height:1.12;margin:15px 0;letter-spacing:-.035em}.stage-card p{font-size:1.05rem;line-height:1.6;color:var(--muted);max-width:650px}.draw-button{background:var(--lime);color:#152013;font-weight:bold;padding:17px 22px;border-radius:12px;font-size:1.05rem;margin-top:12px;box-shadow:0 5px 0 #91a742;transition:transform .15s}.draw-button:hover{transform:translateY(-2px)}.draw-button:active{transform:translateY(3px);box-shadow:none}.wheel{height:205px;width:205px;border-radius:50%;border:18px solid #323e64;background:conic-gradient(var(--lime) 0deg 45deg,#344169 45deg 90deg,var(--blue) 90deg 135deg,#344169 135deg 180deg,var(--orange) 180deg 225deg,#344169 225deg 270deg,var(--lime) 270deg 315deg,#344169 315deg);display:grid;place-items:center;position:relative;transform:rotate(-12deg)}.wheel:after{content:'?';display:grid;place-items:center;background:var(--bg);width:92px;height:92px;border:6px solid var(--panel);border-radius:50%;font-size:3rem;font-weight:bold;transform:rotate(12deg)}.rolling .wheel{animation:spin 1s cubic-bezier(.3,.05,.2,1) infinite}.rolling h3{color:var(--lime)}@keyframes spin{to{transform:rotate(708deg)}}.persona-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:24px 0}.die-result{padding:18px;background:#11172d;border:1px solid var(--line);border-radius:14px}.die-face{display:inline-grid;place-items:center;height:34px;width:34px;background:var(--lime);color:#142014;border-radius:8px;font-size:1.25rem;font-weight:bold;margin-bottom:16px}.die-label{display:block;color:var(--muted);font-size:.8rem;margin-bottom:8px}.die-value{font-size:1.1rem;font-weight:bold;line-height:1.4}.result-note{border-left:3px solid var(--lime);padding-left:16px;font-size:.95rem!important}.fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin:25px 0}.field dt{font-size:.8rem;color:var(--muted);margin-bottom:7px}.field dd{margin:0;line-height:1.5;font-size:1.08rem}.field.wide{grid-column:1/-1;border-top:1px solid var(--line);padding-top:18px}.tool-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:20px}.tool{background:#12182e;border:1px solid var(--line);border-radius:14px;padding:20px}.tool.chosen{border-color:var(--lime);box-shadow:inset 0 0 0 1px var(--lime)}.tool-title{display:flex;align-items:flex-start;gap:12px;font-size:1.05rem;line-height:1.3;font-weight:bold}.tool-title input{width:20px;height:20px;accent-color:var(--lime);flex-shrink:0;margin:0}.tool p{font-size:.9rem;line-height:1.5;margin:14px 0 0}.chosen-count{color:var(--lime);font-weight:bold}.team-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:18px;align-items:center}.ready-button{background:var(--lime);color:#142014;font-weight:bold;border-radius:10px;padding:13px 18px}.confirmed{font-size:.9rem;color:var(--lime)}.day-strip{margin:35px 0 20px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);display:grid;grid-template-columns:repeat(3,1fr)}.day-strip>div{padding:18px 15px;display:flex;flex-direction:column;gap:7px}.day-strip>div+div{border-left:1px solid var(--line)}.day-strip b{color:var(--orange);font-size:1rem}.day-strip span{font-size:.85rem;color:var(--muted);line-height:1.5}footer{display:flex;align-items:center;justify-content:space-between;gap:20px;color:var(--muted);font-size:.8rem;line-height:1.5}.text-button{background:none;color:var(--lime);text-decoration:underline;font-size:.9rem;white-space:nowrap}.incident-stage{border-color:#977259}.incident-stage .stage-eyebrow{color:var(--orange)}.incident-stage h3{color:var(--orange)}.incident-stage .result-note{border-color:var(--orange)}.source-note{font-size:.8rem!important;color:var(--muted);line-height:1.6!important}.redraw{margin-top:18px}.lock-mark{font-size:4rem;color:var(--line);text-align:center}.history{margin-top:20px;color:var(--muted);font-size:.8rem}.history summary{cursor:pointer}.history li{margin:8px 0;line-height:1.5}dialog{background:var(--panel);border:1px solid var(--line);color:var(--white);border-radius:20px;padding:28px;max-width:850px;width:calc(100% - 32px);max-height:88vh}dialog::backdrop{background:#050817b8;backdrop-filter:blur(5px)}dialog p,dialog li{line-height:1.6}dialog li{margin-bottom:15px}.dialog-header{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:20px}.dialog-header h2{margin:5px 0 0;font-size:1.7rem}.settings-options{padding:15px;background:var(--bg);border-radius:12px;margin:18px 0}.settings-options label{display:flex;gap:16px;align-items:center;flex-wrap:wrap}.settings-options span{display:block;font-size:.8rem;color:var(--muted);margin-top:10px}select{background:#11172d;border:1px solid var(--line);color:var(--white);padding:10px;border-radius:8px}.deck-tabs{display:flex;gap:8px;flex-wrap:wrap}.deck-tabs .active{background:var(--lime);color:var(--bg)}.deck-controls{display:flex;align-items:center;gap:10px;margin:16px 0;flex-wrap:wrap}.deck-controls span{color:var(--muted);font-size:.85rem;margin-left:auto}#deck-list{max-height:40vh;overflow:auto;border-top:1px solid var(--line)}.deck-row{padding:16px 4px;border-bottom:1px solid var(--line)}.deck-row label{display:flex;align-items:center;gap:12px;cursor:pointer}.deck-row input{height:20px;width:20px;accent-color:var(--lime)}.deck-row details{font-size:.85rem;color:var(--muted);line-height:1.5;margin:10px 0 0 32px}.deck-row summary{cursor:pointer}.deck-row p{margin:10px 0}.danger{background:none;border:1px solid #c98579;color:#ffc5b9;padding:12px;border-radius:8px;margin-top:20px}.warning{background:#ffdd91;color:#352707;padding:14px 4vw}.warning[hidden]{display:none}#toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);padding:14px 20px;border-radius:12px;background:var(--lime);color:var(--bg);max-width:90vw;box-shadow:0 6px 40px #0007;opacity:0;pointer-events:none;transition:opacity .2s;z-index:5}#toast.visible{opacity:1}
@media(max-width:1000px){.top{gap:10px;flex-wrap:wrap}.course{flex:1}.workspace{grid-template-columns:165px minmax(0,1fr);gap:18px}.empty-stage{grid-template-columns:1fr 150px}.wheel{width:145px;height:145px;border-width:12px}.wheel:after{height:70px;width:70px;font-size:2.2rem}.stage-card{padding:24px}.persona-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:700px){main{padding:22px 18px}.top{padding:16px 18px}.course{font-size:.7rem}.top .quiet{font-size:.8rem;padding:8px 10px}.session-bar{align-items:flex-start;flex-direction:column;gap:20px}.phase-control{text-align:left;flex-direction:row;align-items:center;flex-wrap:wrap}.workspace{display:block}.teams nav{flex-direction:row;overflow:auto;gap:8px;margin-bottom:15px}.team-button{min-width:145px;width:auto}.teams .section-label,.local-note{display:none}.add-team{width:auto;font-size:.85rem}.team-heading{margin-top:20px}.step{font-size:.8rem;padding:12px 3px}.step-count{display:none!important}.empty-stage{grid-template-columns:1fr}.wheel{display:none}.stage-card{min-height:340px;padding:22px}.tool-grid{grid-template-columns:1fr}.fields{grid-template-columns:1fr}.persona-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.die-result{padding:12px}.die-value{font-size:1rem}.day-strip{grid-template-columns:1fr}.day-strip>div+div{border-left:0;border-top:1px solid var(--line)}footer{flex-direction:column;align-items:flex-start}dialog{padding:20px}.dialog-header h2{font-size:1.4rem}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

.team-heading > div { min-width: 0; flex: 1; }
.editable-team-title { margin: 0; }
#team-title { display: block; width: 100%; box-sizing: border-box; font: inherit; font-weight: inherit; color: inherit; background: transparent; border: 1px solid transparent; border-bottom: 1px dashed #727b9d; border-radius: 6px; padding: 3px 6px; }
#team-title:hover { border-color: #727b9d; }
#team-title:focus { outline: 2px solid #d8ff53; outline-offset: 2px; background: #1d243c; }
#team-title:disabled { opacity: .65; }