.phase-b-v2{max-width:none}.phase-b-v2 header{display:flex;gap:1rem;align-items:flex-start;margin-bottom:1rem}.phase-b-v2 h2{margin:.12rem 0}.phase-b-v2 header p{margin:.25rem 0;color:#526058}.phase-b-v2-controls{display:flex;gap:.4rem;align-items:center;flex-wrap:wrap;margin:.6rem 0}.phase-b-v2-controls button{min-height:36px;padding:.35rem .6rem}.phase-b-v2-play{min-width:38px;font-size:1.15rem;line-height:1;text-align:center}.phase-b-v2-zoom{display:flex;gap:.3rem;align-items:center;padding:.2rem .35rem;border:1px solid #9caeba;border-radius:8px;background:#f4f7f8}.phase-b-v2-zoom>span{align-self:stretch;display:flex;align-items:center;padding:0 .2rem;font-size:.78rem;font-weight:700;color:#364550}.phase-b-v2-zoom button{min-height:32px}.phase-b-v2-controls>span{font-size:.82rem;color:#526058}.phase-b-v2-workspace{position:relative;width:100%;min-width:0}.phase-b-v2-map-label,.phase-b-v2-tablature-label{position:absolute;z-index:1;left:14px;padding:0 .25rem;font-size:11px;font-weight:700;letter-spacing:.04em;color:#a9c9da;background:#0b2230;pointer-events:none}.phase-b-v2-map-label{top:42px}.phase-b-v2-tablature-label{top:115px}.phase-b-v2-surface{width:100%;height:clamp(260px,55vh,620px);min-height:260px;border:1px solid #30445f;border-radius:12px;overflow:hidden;background:#101a2a}.phase-b-v2-surface canvas{display:block;width:100%;height:100%}.phase-b-v2-note{font-size:.85rem;color:#526058}.phase-b-category{margin:.75rem 0;padding:.85rem;border:1px solid #d59e35;border-radius:10px;background:#fff9e9}.phase-b-category p{margin-top:0}.phase-b-category div{display:flex;gap:.45rem;flex-wrap:wrap;margin-bottom:.65rem}.phase-b-category button{min-height:42px;padding:.45rem .7rem;text-transform:capitalize}@media(max-width:699px){.phase-b-v2 header{display:grid}.phase-b-v2-surface{height:calc(100svh - 300px);min-height:260px}}:root{font-family:Inter,system-ui,sans-serif;color:#18211e;background:#f4f6f2}*{box-sizing:border-box}body{margin:0}button,input{font:inherit}button{min-height:44px;border:0;border-radius:10px;padding:.65rem .9rem;background:#1e5b45;color:#fff;cursor:pointer}button:disabled{opacity:.55}.web-shell{max-width:960px;margin:auto;padding:env(safe-area-inset-top) 1rem 2rem}.web-shell header{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1rem 0 1.5rem}.brand{background:none;color:#18211e;padding:0;font-weight:800;font-size:1.05rem}.web-centered{min-height:100dvh;display:grid;place-items:center;padding:1rem}.login-card{width:min(100%,400px);display:grid;gap:1rem;padding:1.5rem;background:#fff;border-radius:16px;box-shadow:0 8px 30px #18211e17}.login-card h1,.login-card p{margin:0}.login-card label{display:grid;gap:.4rem;font-weight:600}.login-card input{min-height:44px;border:1px solid #aab5ae;border-radius:8px;padding:.55rem}.card-list{margin:1rem 0;padding:0;display:grid;gap:.75rem;list-style:none}.card-list button{width:100%;min-height:72px;text-align:left;background:#fff;color:#18211e;border:1px solid #d9dfda;display:grid;gap:.25rem}.card-list span{font-size:.88rem;color:#526058}.back{background:#e3ebe5;color:#193126;margin-bottom:1rem}section{max-width:720px}dl{display:grid;grid-template-columns:max-content 1fr;gap:.65rem 1rem;background:#fff;padding:1rem;border-radius:12px}dt{font-weight:700}dd{margin:0}.phase-a-web{max-width:none}.phase-a-web header{padding:0}.eyebrow{margin:0;color:#526058;font-size:.82rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em}.save-state{font-size:.88rem}.save-state.saving{color:#8a5800}.save-state.error,.save-state.conflict{color:#a12424}.phase-toolbar,.phase-actions{display:flex;gap:.55rem;align-items:center;flex-wrap:wrap;margin:1rem 0}.toolbar-spacer{flex:1}.phase-toolbar span{font-variant-numeric:tabular-nums;white-space:nowrap}.phase-timeline-viewport{overflow-x:auto;border:1px solid #cbd5ce;border-radius:14px;background:#fff;touch-action:pan-x;overscroll-behavior:contain}.phase-timeline-lane{height:190px;min-width:100%;position:relative;background:linear-gradient(#f7faf7 0 35%,#edf3ee 35%);touch-action:none;-webkit-user-select:none;user-select:none}.phase-measure{position:absolute;top:0;bottom:0;border-right:1px solid #d4ddd6;color:#66736b;font-size:.72rem;padding:.3rem;pointer-events:none}.phase-playhead{position:absolute;z-index:5;top:0;bottom:0;width:2px;background:#b83232;pointer-events:none}.phase-block{position:absolute;z-index:3;top:62px;height:76px;border-radius:9px;background:#1e5b45;color:#fff;display:flex;align-items:center;justify-content:center;min-width:12px;padding:0 22px;text-align:center;font-weight:700;font-size:.82rem;overflow:hidden;touch-action:none}.phase-block.selected{outline:4px solid #edb34b;z-index:4}.phase-handle{position:absolute!important;top:-8px;bottom:-8px;z-index:6;width:32px;min-height:92px;padding:0!important;border-radius:8px!important;background:#103c2c!important;cursor:ew-resize}.phase-handle.start{left:-12px}.phase-handle.end{right:-12px}.phase-actions{padding:1rem;background:#fff;border-radius:12px}.phase-actions label{display:grid;gap:.3rem;font-weight:700}.phase-actions select{min-height:44px;border:1px solid #b9c5bd;border-radius:8px;padding:.4rem;background:#fff}.phase-completion{margin-top:1.5rem}.phase-completion p{color:#a12424}.phase-completed{padding:1rem;background:#dcefe2;border-radius:10px}.phase-dialog{position:fixed;inset:0;z-index:10;background:#18211e99;display:grid;place-items:end center;padding:1rem}.phase-dialog section{width:min(100%,520px);background:#fff;padding:1.25rem;border-radius:16px;display:flex;gap:.7rem;flex-wrap:wrap}.phase-dialog h3,.phase-dialog p{width:100%;margin:.15rem 0}.phase-dialog button:first-of-type{background:#e3ebe5;color:#193126}@media(min-width:700px){.phase-timeline-lane{height:250px}.phase-block{top:82px;height:90px;font-size:.95rem}.phase-actions{align-items:end}.phase-dialog{place-items:center}.phase-a-web{max-width:1100px}}@media(max-width:420px){.web-shell{padding-inline:.75rem}.web-shell header{align-items:flex-start}.web-shell header button:last-child{font-size:.85rem;padding:.55rem}.card-list button{white-space:normal}.phase-toolbar{gap:.35rem}.phase-toolbar button{padding:.55rem .6rem}}.phase-a-navigator{max-width:none;margin:.75rem 0}.phase-a-navigator h3{margin:0 0 .35rem;font-size:.8rem}.phase-a-overview{position:relative;height:68px;border:1px solid #b7c4d4;border-radius:10px;background:#eef3f8;overflow:hidden;touch-action:none}.phase-a-overview-blocks i{position:absolute;top:18px;height:28px;background:#5b8a72;border-right:1px solid #fff}.phase-a-overview-playhead{position:absolute;z-index:3;top:0;bottom:0;width:3px;background:#dc2626;pointer-events:none}.phase-a-overview-window{position:absolute;z-index:2;top:5px;bottom:5px;min-height:0;padding:0;border:2px solid #1e5b45;border-radius:7px;background:#1e5b4526;touch-action:none}.phase-block-preview{z-index:8!important;opacity:.52;pointer-events:none;border:2px dashed #c96a08;background:#fbbf2440;color:#633500;box-shadow:0 0 0 2px #fff8}.web-shell{max-width:1280px}