@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=Oswald:wght@500;600;700&display=swap";
:root{--ink:#f4f7fb;--muted:#8d96a8;--panel:#10141c;--panel-soft:#171c26;--line:#ffffff1a;--red:#ee2737;--board:#090c12}*{box-sizing:border-box}html,body{width:100%;height:100%;margin:0;overflow:hidden}body{background:var(--board);color:var(--ink);-webkit-font-smoothing:antialiased;font-family:Inter,Arial,sans-serif}button,input,textarea{font:inherit}button{color:inherit}.app-shell{background:var(--board);width:100vw;height:100vh;position:relative;overflow:hidden}.topbar{z-index:30;border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#0d1118f5;grid-template-columns:minmax(290px,1fr) minmax(300px,520px) minmax(230px,1fr);align-items:center;gap:24px;height:78px;padding:0 24px;display:grid;position:absolute;inset:0 0 auto;box-shadow:0 12px 40px #0000003d}.brand-block{align-items:center;gap:22px;min-width:0;display:flex}.marvel-mark{letter-spacing:-1.3px;background:var(--red);flex:none;padding:10px 11px 9px;font-family:Oswald,Impact,sans-serif;font-size:28px;line-height:1;display:inline-block;position:relative}.creator-sticker{z-index:2;color:#fff;letter-spacing:.035em;white-space:nowrap;transform-origin:50%;text-shadow:0 1px 1px #00000038;clip-path:polygon(3% 0,100% 8%,97% 100%,0 91%);background:#16a765;padding:4px 8px 3px;font-family:Arial,Helvetica,sans-serif;font-size:8.5px;font-weight:900;line-height:1;position:absolute;bottom:-13px;left:-7px;transform:rotate(-7deg);box-shadow:0 4px 11px #0006}.brand-divider{background:var(--line);width:1px;height:42px}.brand-block h1{letter-spacing:.06em;text-transform:uppercase;margin:0 0 2px;font-family:Oswald,Impact,sans-serif;font-size:17px}.brand-block p{color:var(--muted);letter-spacing:.06em;text-transform:uppercase;white-space:nowrap;margin:0;font-size:10px}.search-wrap{background:#090c12;border:1px solid #ffffff1f;border-radius:11px;align-items:center;height:42px;padding:0 13px;display:flex;box-shadow:inset 0 1px #ffffff08}.search-wrap>span{color:#8f98a9;font-size:24px;transform:rotate(-15deg)}.search-wrap input{color:#fff;background:0 0;border:0;outline:0;flex:1;padding:0 12px;font-size:13px}.search-wrap input::placeholder{color:#646d7e}.search-wrap button{color:#808a9a;cursor:pointer;background:0 0;border:0;font-size:19px}.search-wrap:focus-within{border-color:#ee2737b3;box-shadow:0 0 0 3px #ee27371f}.top-actions{justify-content:flex-end;align-items:center;gap:10px;display:flex}.round-button,.reset-button{border:1px solid var(--line);cursor:pointer;background:#191e28;transition:all .2s}.round-button{border-radius:50%;width:36px;height:36px;font-weight:800}.reset-button{text-transform:uppercase;letter-spacing:.06em;border-radius:8px;height:36px;padding:0 14px;font-size:11px;font-weight:700}.round-button:hover,.reset-button:hover{background:#252c39;border-color:#ffffff38}.phasebar{z-index:29;border-bottom:1px solid var(--line);background:#0a0d13f5;justify-content:center;align-items:stretch;height:48px;padding:0 18px;display:flex;position:absolute;top:78px;left:0;right:0}.phasebar button{cursor:pointer;color:#b8bfcb;background:0 0;border:0;justify-content:center;align-items:center;gap:7px;min-width:118px;font-size:11px;display:flex;position:relative}.phasebar button:after{content:"";background:var(--phase);opacity:0;height:2px;transition:all .2s;position:absolute;bottom:-1px;left:20%;right:20%}.phasebar button:hover{color:#fff;background:#ffffff09}.phasebar button:hover:after{opacity:1;left:8%;right:8%}.phasebar i{background:var(--phase);width:6px;height:6px;box-shadow:0 0 12px var(--phase);border-radius:50%}.phasebar span{font-weight:700}.phasebar small{color:#596274;font-size:9px}.toolbox{z-index:35;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#131821f5;border:1px solid #ffffff1c;border-radius:12px;width:178px;padding:14px 10px 10px;transition:width .22s;position:absolute;top:152px;left:18px;box-shadow:0 18px 55px #0006}.toolbox.closed{width:58px}.toolbox-title{color:#667084;letter-spacing:.14em;padding:0 10px 9px;font-size:9px;font-weight:800}.toolbox.closed .toolbox-title,.toolbox.closed .tool-label,.toolbox.closed kbd{display:none}.collapse{border:1px solid var(--line);cursor:pointer;color:#b7c0ce;z-index:2;background:#212835;border-radius:50%;width:24px;height:24px;position:absolute;top:13px;right:-12px}.tool-button{cursor:pointer;color:#c0c7d3;text-align:left;background:0 0;border:0;border-radius:8px;grid-template-columns:30px 1fr 24px;align-items:center;gap:4px;width:100%;height:42px;padding:0 8px;display:grid}.toolbox.closed .tool-button{text-align:center;grid-template-columns:1fr;padding:0}.tool-button:hover{color:#fff;background:#ffffff0e}.tool-button.active{color:#fff;box-shadow:inset 2px 0 0 var(--red);background:#ee273721}.tool-icon{text-align:center;font-size:19px;font-weight:700;line-height:1}.tool-label{font-size:12px;font-weight:600}.tool-button kbd{color:#697284;text-align:center;border:1px solid #ffffff1a;border-radius:4px;padding:2px 4px;font-size:9px}.tool-separator{background:var(--line);height:1px;margin:7px;display:block}.board-viewport{touch-action:none;cursor:grab;-webkit-user-select:none;user-select:none;position:absolute;inset:126px 0 0;overflow:hidden}.board-viewport:active{cursor:grabbing}.board-viewport:before{content:"";z-index:0;pointer-events:none;background-image:radial-gradient(circle,#717f9645 1.15px,#0000 1.25px);background-size:25px 25px;position:absolute;inset:0}.world-grid{transform-origin:0 0;touch-action:none;background-color:#0000;background-image:radial-gradient(circle at 24% 20%,#3e5f9621,#0000 20%),radial-gradient(circle at 72% 70%,#8b2a421a,#0000 22%);background-size:100% 100%,100% 100%;position:absolute;top:0;left:0}.world-heading{pointer-events:none;width:620px;position:absolute;top:140px;left:270px}.world-heading>span{color:var(--red);letter-spacing:.19em;font-size:12px;font-weight:800}.world-heading h2{text-transform:uppercase;letter-spacing:-.025em;margin:16px 0 18px;font-family:Oswald,Impact,sans-serif;font-size:70px;line-height:.98}.world-heading p{color:#828c9d;max-width:510px;font-size:16px;line-height:1.55}.timeline-line{background:linear-gradient(90deg,#0000,#ffffff3d 2% 97%,#0000);width:10300px;height:1px;position:absolute;left:390px}.phase-range{border-top:3px solid var(--phase);pointer-events:none;height:88px;position:absolute}.phase-range:before,.phase-range:after{content:"";background:var(--phase);width:11px;height:11px;box-shadow:0 0 18px color-mix(in srgb, var(--phase), transparent 35%);border-radius:50%;position:absolute;top:-7px}.phase-range:before{left:0}.phase-range:after{right:0}.phase-range-label{align-items:baseline;gap:9px;display:flex;position:absolute;top:13px;left:14px}.phase-range-label b{color:var(--phase);text-transform:uppercase;letter-spacing:.08em;font-family:Oswald,sans-serif;font-size:14px}.phase-range-label span{color:#687184;font-size:10px}.movie-node{z-index:5;width:184px;height:390px;transition:opacity .25s,filter .25s,transform .3s;position:absolute}.movie-node.muted{opacity:.16;filter:grayscale()}.movie-node.character-highlight{z-index:8;transform:scale(2.06)}.movie-node.character-highlight .poster-link{box-shadow:0 24px 60px #0000008c}.poster-shell{width:172px;height:250px;position:relative}.card-glow{z-index:1}.poster-link{text-align:left;color:#fff;cursor:pointer;background:0 0;border:0;border-radius:5px;outline:1px solid #ffffff1f;width:172px;height:250px;padding:0;text-decoration:none;transition:transform .25s,box-shadow .25s;display:block;position:relative;overflow:visible;box-shadow:0 20px 50px #0000007a}.poster-link:after{content:"";pointer-events:none;background:linear-gradient(#0000 62%,#0009);border-radius:5px;position:absolute;inset:0}.poster-link:hover{box-shadow:0 28px 68px #0009, 0 0 0 2px var(--phase);z-index:4;transform:translateY(-8px)scale(1.025)}.poster-link:focus-visible{outline-offset:5px;outline:3px solid #fff}.poster-link img,.poster-fallback{object-fit:cover;-webkit-user-select:none;user-select:none;border-radius:5px;width:100%;height:100%;display:block}.poster-fallback{background:radial-gradient(circle at 60% 25%, color-mix(in srgb, var(--phase), transparent 40%), transparent 34%), linear-gradient(145deg, #263247, #0c1018 63%);flex-direction:column;justify-content:center;align-items:center;gap:50px;display:flex;position:relative;overflow:hidden}.poster-fallback:before{content:"";border:1px solid #ffffff3d;position:absolute;inset:15px}.poster-fallback b{letter-spacing:-.06em;text-shadow:0 4px 25px #0009;font-family:Oswald,Impact,sans-serif;font-size:58px}.poster-fallback small{letter-spacing:.12em;color:#ffffffa6;font-family:Oswald,sans-serif;font-size:11px}.play-orbit{z-index:3;background:var(--red);opacity:0;border-radius:50%;place-items:center;width:45px;height:45px;transition:all .2s;display:grid;position:absolute;bottom:18px;right:-16px;transform:scale(.84);box-shadow:0 8px 28px #ee273773}.play-orbit b{margin-left:2px;font-size:13px}.poster-link:hover .play-orbit,.poster-link:focus-visible .play-orbit{opacity:1;transform:scale(1)}.movie-node.watched .poster-link{outline-color:#45e0b7b3}.movie-node.watched .poster-link img,.movie-node.watched .poster-fallback{filter:saturate(.68)brightness(.76)}.movie-copy{width:180px;padding-top:16px}.movie-copy span{color:var(--phase);letter-spacing:.12em;text-transform:uppercase;font-size:9px;font-weight:700}.movie-copy h3{text-transform:uppercase;margin:7px 0 4px;font-family:Oswald,Impact,sans-serif;font-size:17px;line-height:1.1}.movie-copy p{color:#667083;margin:0;font-size:9px;line-height:1.25}.copy-watch-button{z-index:8;color:#d7deea;cursor:pointer;background:linear-gradient(145deg,#202735,#10151d);border:1px solid #ffffff29;border-radius:9px;place-items:center;width:40px;height:40px;padding:0;transition:border-color .18s,color .18s,transform .18s,background .18s;display:grid;position:absolute;top:8px;right:-39px;box-shadow:0 9px 24px #0000006b}.copy-watch-button:after{content:"";background:var(--red);border-radius:50%;width:5px;height:5px;position:absolute;top:5px;right:5px;box-shadow:0 0 8px #ee2737bf}.copy-glyph{place-items:center;width:19px;height:19px;display:grid}.copy-glyph svg{stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;width:100%;height:100%}.copy-watch-button:hover:not(:disabled){border-color:color-mix(in srgb, var(--phase), white 15%);color:#fff;background:#273142;transform:translateY(-2px)scale(1.04)}.copy-watch-button:focus-visible{outline-offset:3px;outline:2px solid #fff}.copy-watch-button:disabled{cursor:wait;color:var(--phase)}.copy-watch-button:disabled .copy-glyph{animation:.7s ease-in-out infinite alternate copy-pulse}@keyframes copy-pulse{to{opacity:.32;transform:scale(.84)}}.watched-control{z-index:6;cursor:pointer;-webkit-user-select:none;user-select:none;place-items:center;width:40px;height:40px;display:grid;position:absolute;top:10px;right:10px}.watched-control input{opacity:0;pointer-events:none;position:absolute}.watched-control i{color:#0000;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#080b11e0;border:2px solid #ffffffd1;border-radius:9px;place-items:center;width:36px;height:36px;font-size:21px;font-style:normal;font-weight:900;transition:transform .18s,background .18s,border-color .18s;display:grid;box-shadow:0 6px 20px #00000080}.watched-control:hover i{border-color:#fff;transform:scale(1.08)}.watched-control:has(input:focus-visible) i{outline-offset:3px;outline:2px solid #fff}.watched-control:has(input:checked) i{color:#06130f;background:#45e0b7;border-color:#45e0b7;box-shadow:0 0 18px #45e0b77a,0 6px 20px #00000073}.watched-control span{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.movie-order{color:#ffffff21;pointer-events:none;font-family:Oswald,sans-serif;font-size:38px;font-weight:700;position:absolute;top:-10px;left:-33px}.connector{pointer-events:none;border-left:1px dashed #fff3;width:1px;position:absolute;left:86px}.timeline-dot{border:2px solid var(--phase);background:var(--board);z-index:4;width:13px;height:13px;box-shadow:0 0 14px color-mix(in srgb, var(--phase), transparent 30%);pointer-events:none;border-radius:50%;position:absolute;left:80px}.timeline-dot i{background:var(--phase);border-radius:50%;position:absolute;inset:3px}.movie-node.above .connector{height:calc(var(--axis-offset) - 250px);top:250px}.movie-node.above .timeline-dot{top:calc(var(--axis-offset) - 6.5px)}.movie-node.below .connector{top:var(--axis-offset);height:calc(-1 * var(--axis-offset))}.movie-node.below .timeline-dot{top:calc(var(--axis-offset) - 6.5px)}.board-item{z-index:12;touch-action:none;cursor:move;filter:drop-shadow(0 12px 25px #00000047);border:1px solid #0000;position:absolute}.board-item.selected{border-color:#70b7ff;box-shadow:0 0 0 3px #509eff38}.item-grip{z-index:3;color:#d9e5f5;opacity:0;background:#1b2532;border-radius:6px 6px 0 0;padding:1px 12px 4px;position:absolute;top:-23px;left:50%;transform:translate(-50%)}.board-item.selected .item-grip{opacity:1}.image-item{background:#111722;border-radius:5px;padding:8px 8px 26px;transform:rotate(-1deg)}.image-item img{object-fit:contain;-webkit-user-select:none;user-select:none;width:100%;height:100%;display:block}.text-item{background:var(--item);color:#1d2026;padding:20px;transform:rotate(.6deg)}.text-item:after{content:"";border:13px solid #090c12;border-color:#00000024 #090c12 #090c12 #00000024;position:absolute;bottom:0;right:0}.text-item textarea{resize:none;color:#272a31;background:0 0;border:0;outline:0;width:100%;height:100%;font-family:Inter,sans-serif;font-size:20px;font-weight:700;line-height:1.25}.item-delete{z-index:4;color:#fff;cursor:pointer;background:#e83343;border:1px solid #fff3;border-radius:50%;width:26px;height:26px;font-size:17px;position:absolute;top:-13px;right:-13px}.resize-handle{z-index:5;cursor:nwse-resize;touch-action:none;background:#70b7ff;border:2px solid #091018;border-radius:50%;width:24px;height:24px;position:absolute;bottom:-11px;right:-11px;box-shadow:0 4px 14px #449aff80}.resize-handle:before{content:"";border-bottom:2px solid #091018;border-right:2px solid #091018;width:7px;height:7px;position:absolute;bottom:5px;right:5px}.zoom-control{z-index:34;border:1px solid var(--line);background:#141922f0;border-radius:9px;align-items:center;height:38px;display:flex;position:absolute;bottom:24px;right:22px;overflow:hidden;box-shadow:0 12px 36px #00000052}.zoom-control button{cursor:pointer;background:0 0;border:0;width:40px;height:100%;font-size:19px}.zoom-control button:hover{background:#ffffff12}.zoom-control span{text-align:center;color:#9ca5b5;width:55px;font-size:11px;font-weight:700}.board-status{z-index:34;color:#687386;pointer-events:none;align-items:center;gap:7px;height:34px;font-size:10px;display:flex;position:absolute;bottom:26px;left:22px}.live-dot{background:#45e0b7;border-radius:50%;width:6px;height:6px;margin-right:2px;box-shadow:0 0 12px #45e0b7}.board-status kbd{color:#8993a4;background:#ffffff08;border:1px solid #ffffff17;border-radius:4px;padding:2px 5px}.board-status kbd:first-of-type{margin-left:14px}.toast{z-index:60;color:#dce2ec;background:#1a202b;border:1px solid #ffffff1a;border-radius:9px;padding:11px 17px;font-size:12px;animation:.25s ease-out toast-in;position:absolute;bottom:28px;left:50%;transform:translate(-50%);box-shadow:0 12px 34px #0006}@keyframes toast-in{0%{opacity:0;transform:translate(-50%,8px)}}.modal-backdrop{z-index:100;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#030508c2;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.help-modal{background:linear-gradient(150deg,#1a202c,#0d1118);border:1px solid #ffffff21;border-radius:16px;width:min(760px,100%);padding:45px;position:relative;box-shadow:0 40px 100px #0009}.modal-kicker{color:var(--red);letter-spacing:.18em;font-size:10px;font-weight:800}.help-modal>h2{text-transform:uppercase;margin:10px 0 30px;font-family:Oswald,Impact,sans-serif;font-size:40px}.modal-close{color:#7c8698;cursor:pointer;background:0 0;border:0;font-size:26px;position:absolute;top:16px;right:18px}.help-grid{grid-template-columns:repeat(3,1fr);gap:24px;display:grid}.help-grid>div{border-top:1px solid #ffffff1f;padding-top:18px}.help-grid b{color:var(--red);font-family:Oswald,sans-serif}.help-grid h3{text-transform:uppercase;margin:18px 0 8px;font-family:Oswald,sans-serif}.help-grid p{color:#8b94a5;margin:0;font-size:12px;line-height:1.6}.primary-button{background:var(--red);color:#fff;text-transform:uppercase;letter-spacing:.08em;cursor:pointer;border:0;border-radius:7px;height:42px;margin-top:34px;padding:0 19px;font-size:11px;font-weight:800}.map-controls{z-index:31;border:1px solid var(--line);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0e121af0;border-radius:12px;flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;max-width:min(920px,100vw - 40px);padding:6px 10px;display:flex;position:absolute;top:132px;left:50%;transform:translate(-50%);box-shadow:0 12px 36px #00000059}.mode-toggle{border:1px solid var(--line);border-radius:8px;display:flex;overflow:hidden}.mode-toggle button{color:#9aa3b4;text-transform:uppercase;letter-spacing:.06em;cursor:pointer;background:0 0;border:0;padding:7px 12px;font-size:10px;font-weight:700}.mode-toggle button.active{color:#fff;background:#ee27372e}.ctrl-check{color:#b7c0ce;cursor:pointer;align-items:center;gap:6px;font-size:11px;display:inline-flex}.ctrl-check input{accent-color:var(--red)}.edit-toggle{border:1px solid var(--line);text-transform:uppercase;letter-spacing:.06em;cursor:pointer;background:#191e28;border-radius:8px;height:30px;padding:0 12px;font-size:10px;font-weight:700}.edit-toggle.active{background:#ee273733;border-color:#ee273780}.filter-details{position:relative}.filter-details>summary{border:1px solid var(--line);text-transform:uppercase;letter-spacing:.06em;cursor:pointer;background:#191e28;border-radius:8px;place-items:center;height:30px;padding:0 12px;font-size:10px;font-weight:700;list-style:none;display:grid}.filter-details>summary::-webkit-details-marker{display:none}.filter-panel{border:1px solid var(--line);background:#12171f;border-radius:12px;gap:10px;width:280px;max-height:360px;padding:12px;display:grid;position:absolute;top:calc(100% + 8px);right:0;overflow:auto;box-shadow:0 18px 48px #00000073}.filter-panel fieldset{border:1px solid #ffffff14;border-radius:8px;margin:0;padding:8px 10px}.filter-panel legend{color:#7d8798;letter-spacing:.1em;text-transform:uppercase;padding:0 4px;font-size:9px;font-weight:800}.filter-panel label{color:#c5ccd8;cursor:pointer;align-items:center;gap:8px;margin:4px 0;font-size:11px;display:flex}.character-legend{z-index:32;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#131821f5;border:1px solid #ffffff1c;border-radius:12px;width:188px;max-height:calc(100vh - 260px);padding:10px 8px;position:absolute;top:186px;left:16px;overflow:auto;box-shadow:0 18px 55px #0006}.character-legend.collapsed{width:auto;max-height:none;overflow:visible}.character-legend .legend-toggle{color:#667084;cursor:pointer;text-align:left;background:0 0;border:0;justify-content:space-between;align-items:center;gap:8px;width:100%;padding:0 8px 8px;display:flex}.character-legend .legend-toggle .toolbox-title{padding:0}.character-legend .legend-chevron{color:#8b94a5;font-size:12px}.character-legend ul{margin:0;padding:0;list-style:none}.character-legend ul button{color:#c0c7d3;cursor:pointer;text-align:left;background:0 0;border:0;border-radius:7px;align-items:center;gap:8px;width:100%;padding:6px 8px;font-size:11px;display:flex}.character-legend ul button:hover,.character-legend ul button.active{color:#fff;background:#ffffff0f}.character-legend ul button.active{box-shadow:inset 2px 0 0 var(--red)}.character-legend i{border-radius:50%;flex:none;width:10px;height:10px;box-shadow:0 0 10px}.character-lines-layer{z-index:3}.character-info-panel{z-index:40;background:linear-gradient(160deg,#1a212d,#0d1118);border:1px solid #ffffff21;border-radius:14px;width:min(340px,100vw - 40px);max-height:calc(100vh - 230px);padding:22px 22px 26px;position:absolute;top:186px;right:22px;overflow:auto;box-shadow:0 24px 70px #00000080}.cip-swatch{border-radius:999px;width:100%;height:6px;margin-bottom:14px}.character-info-panel h2{text-transform:uppercase;margin:6px 0 4px;font-family:Oswald,Impact,sans-serif;font-size:28px}.cip-fullname{color:#8b94a5;margin:0 0 10px;font-size:13px}.cip-actors{margin:0 0 12px;padding:0;list-style:none}.cip-actors li{color:#c5ccd8;margin-bottom:4px;font-size:12px}.cip-actors span{color:#687386}.cip-bio{color:#9aa3b4;margin:0 0 12px;font-size:12px;line-height:1.55}.cip-dates{color:#7d8798;gap:4px;margin-bottom:14px;font-size:11px;display:grid}.character-info-panel h3{letter-spacing:.12em;text-transform:uppercase;color:#667083;margin:0 0 8px;font-size:10px}.cip-list{margin:0;padding-left:18px}.cip-list li{color:#d5dbe6;margin-bottom:4px;font-size:12px}.cip-list small{color:#687386}.editor-panel{z-index:41;background:#0e121afa;border:1px solid #ffffff21;border-radius:14px;width:min(420px,100vw - 40px);max-height:calc(100vh - 220px);padding:16px 16px 20px;position:absolute;bottom:70px;right:22px;overflow:auto;box-shadow:0 24px 70px #0000008c}.editor-panel header{justify-content:space-between;align-items:center;gap:10px;margin-bottom:12px;display:flex}.editor-panel h2{text-transform:uppercase;margin:0;font-family:Oswald,sans-serif;font-size:20px}.editor-panel h3{letter-spacing:.1em;text-transform:uppercase;color:#8b94a5;margin:14px 0 8px;font-size:11px}.editor-actions,.editor-row{flex-wrap:wrap;gap:8px;display:flex}.editor-panel button{border:1px solid var(--line);cursor:pointer;background:#1b2230;border-radius:7px;height:30px;padding:0 10px;font-size:11px}.editor-panel button:hover{background:#252c39}.editor-hint{color:#687386;margin:0 0 6px;font-size:11px}.editor-panel code{color:#45e0b7;margin-bottom:8px;font-size:11px;display:block}.editor-char-list{gap:6px;max-height:220px;display:grid;overflow:auto}.editor-char-row,.editor-appear-row{color:#c5ccd8;grid-template-columns:1fr auto auto auto;align-items:center;gap:8px;font-size:11px;display:grid}.editor-appear-row{grid-template-columns:auto 1fr auto}.editor-char-row input[type=range]{width:72px}.editor-appear-row select{color:#fff;border:1px solid var(--line);background:#12171f;border-radius:4px;font-size:10px}.movie-node{position:absolute;top:0;left:0}.movie-node.announced{opacity:.72}.movie-node.editor-selected .poster-link{outline:2px solid #70b7ff}.poster-link-static{cursor:default}.board-viewport{inset:126px 0 0}@media (max-width:900px){.topbar{grid-template-columns:1fr auto;gap:10px;height:118px;padding:12px 16px}.brand-block{grid-column:1}.marvel-mark{padding:9px 9px 8px;font-size:24px}.creator-sticker{padding:4px 7px 3px;font-size:7.5px;bottom:-11px;left:-5px}.brand-block p{display:none}.search-wrap{grid-area:2/1/auto/-1;height:38px}.top-actions{grid-area:1/2}.reset-button{display:none}.phasebar{justify-content:flex-start;padding-left:66px;top:118px;overflow-x:auto}.phasebar button{min-width:104px}.board-viewport{inset:210px 0 0}.toolbox{width:58px;top:183px;left:8px}.toolbox-title,.toolbox .tool-label,.toolbox kbd,.collapse{display:none}.tool-button{text-align:center;grid-template-columns:1fr;padding:0}.board-status{display:none}.zoom-control{bottom:14px;right:12px}.help-modal{padding:30px 24px}.help-grid{grid-template-columns:1fr;gap:18px}.character-legend,.character-lines-layer{display:none}.map-controls{width:auto;max-width:none;top:172px;left:8px;right:8px;transform:none}.character-info-panel,.editor-panel{width:auto;left:8px;right:8px}}.sync-indicator{letter-spacing:.05em;color:#8b94a5;white-space:nowrap;background:#ffffff0a;border:1px solid #ffffff1f;border-radius:999px;align-items:center;gap:6px;padding:5px 10px;font-size:11px;display:inline-flex}.sync-indicator i{background:#45e0b7;border-radius:50%;width:7px;height:7px;box-shadow:0 0 8px #45e0b799}.sync-indicator.syncing i{background:#ffb547;animation:.9s ease-in-out infinite alternate sync-blink;box-shadow:0 0 8px #ffb54799}.sync-indicator.error{color:#ff8f97;border-color:#ee273759}.sync-indicator.error i{background:#ee2737;box-shadow:0 0 8px #ee273799}@keyframes sync-blink{0%{opacity:.45}to{opacity:1}}.user-button{color:#e8edf6;cursor:pointer;background:#ffffff0d;border:1px solid #ffffff24;border-radius:999px;align-items:center;gap:8px;padding:6px 12px 6px 6px;font-size:13px;transition:border-color .18s,background .18s;display:inline-flex}.user-button:hover{background:#ee273714;border-color:#ee2737a6}.user-avatar{color:#fff;background:linear-gradient(150deg,#ee2737,#7a1a24);border-radius:50%;justify-content:center;align-items:center;width:26px;height:26px;font-size:13px;font-weight:800;display:inline-flex}.user-button-authed .user-avatar{background:linear-gradient(150deg,#45e0b7,#1d7a63)}.auth-modal{max-width:min(460px,100vw - 40px)}.auth-note{color:#8b94a5;margin:0 0 16px;font-size:13px;line-height:1.55}.auth-form{gap:10px;display:grid}.auth-form label{letter-spacing:.08em;text-transform:uppercase;color:#8b94a5;font-size:12px}.auth-form input{box-sizing:border-box;color:#e8edf6;background:#ffffff0d;border:1px solid #ffffff1f;border-radius:10px;outline:none;width:100%;padding:11px 13px;font-size:15px}.auth-form input:focus{border-color:var(--red);box-shadow:0 0 0 3px #ee27372e}.auth-form input:disabled{opacity:.55}.auth-actions{justify-content:space-between;align-items:center;gap:10px;display:flex}.auth-debug{color:#65d5ff;background:#65d5ff1a;border:1px dashed #65d5ff59;border-radius:8px;margin:0;padding:8px 10px;font-size:13px}.auth-debug b{letter-spacing:.18em}.auth-error{color:#ff8f97;background:#ee27371f;border:1px solid #ee273766;border-radius:8px;margin:10px 0 0;padding:9px 11px;font-size:13px}.auth-hint{color:#8b94a5;margin:14px 0 0;font-size:12px;line-height:1.5}.auth-hint code{color:#d9e5f5;font-size:12px}.auth-oauth{margin-top:18px}.auth-divider{text-align:center;color:#667083;letter-spacing:.1em;text-transform:uppercase;margin-bottom:10px;font-size:11px;display:block}.auth-oauth-buttons{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.auth-oauth-buttons .secondary-button{justify-content:center;width:100%;padding:9px 6px}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}