@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;600;800;900&family=Plus+Jakarta+Sans:wght@300;400;500;700;800&display=swap";
:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg-light:#f7f6fa;--panel-bg:#fff;--panel-bg-alt:#f1edf8;--border-width:3px;--border-color:#000;--pastel-purple:#c084fc;--pastel-lime:#bdff2e;--pastel-cyan:#7dd3fc;--pastel-pink:#fecdd3;--pastel-yellow:#fef08a;--pastel-mint:#a7f3d0;--text-dark:#12101e;--text-muted:#6e6b85;--font-text:"Plus Jakarta Sans", system-ui, -apple-system, BlinkMacSystemFont, "PingFang SC", sans-serif;--font-display:"Outfit", system-ui, -apple-system, BlinkMacSystemFont, sans-serif}*{box-sizing:border-box}body{background-color:var(--bg-light);min-height:100vh;color:var(--text-dark);font-family:var(--font-text);-webkit-font-smoothing:antialiased;background-image:radial-gradient(circle at 10% 15%,#c084fc14,#0000 45rem),radial-gradient(circle at 90% 15%,#7dd3fc14,#0000 45rem),linear-gradient(#8b5cf609 1px,#0000 1px),linear-gradient(90deg,#8b5cf609 1px,#0000 1px);background-size:auto,auto,25px 25px,25px 25px;margin:0;padding-top:86px;padding-bottom:60px}a{color:inherit;text-decoration:none}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);color:var(--text-dark);letter-spacing:-.02em;font-weight:900}button,input,select,textarea{font-family:inherit}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:var(--bg-light)}::-webkit-scrollbar-thumb{background:var(--pastel-purple);border:2px solid var(--bg-light);border-radius:999px}::-webkit-scrollbar-thumb:hover{background:var(--pastel-cyan)}.container{width:min(1200px,100vw - 32px);margin:0 auto}.siteHeader{z-index:50;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#f7f6fae0;border-bottom:2px solid #00000014;position:fixed;inset:0 0 auto}.siteNav{justify-content:space-between;align-items:center;gap:18px;min-height:72px;display:flex}.siteBrand{color:var(--text-dark);font-family:var(--font-display);align-items:baseline;gap:6px;font-weight:900;display:inline-flex}.siteBrand span{font-size:18px}.siteBrand strong{border:2px solid var(--border-color);background:var(--pastel-lime);box-shadow:2px 2px 0 var(--border-color);border-radius:999px;padding:3px 8px;font-size:13px}.siteLinks{flex:1;justify-content:center;align-items:center;gap:8px;display:flex}.siteLinks a{color:var(--text-muted);border-radius:999px;padding:9px 12px;font-size:14px;font-weight:900}.siteLinks a:hover{color:var(--text-dark);background:#fff}.siteNavCta{border:2px solid var(--border-color);background:var(--pastel-cyan);color:#000;font-family:var(--font-display);box-shadow:2px 2px 0 var(--border-color);border-radius:999px;padding:9px 14px;font-size:13px;font-weight:900}.homeHero{padding:56px 0 44px}.homeHeroGrid{grid-template-columns:minmax(0,1fr) minmax(360px,480px);align-items:center;gap:32px;display:grid}.homeHeroCopy h1{max-width:760px;margin:22px 0 16px;font-size:clamp(38px,6.5vw,72px);line-height:1.15}.homeHeroCopy p{max-width:650px;color:var(--text-muted);margin:0;font-size:19px;font-weight:700;line-height:1.7}.homeHeroActions{flex-wrap:wrap;gap:14px;margin-top:30px;display:flex}.homePreview{border:var(--border-width) solid var(--border-color);color:#fff;box-shadow:8px 8px 0 var(--border-color);background:#101018;border-radius:24px;overflow:hidden}.homePreviewTop,.homePreviewBottom{justify-content:space-between;align-items:center;gap:12px;padding:16px 18px;font-weight:900;display:flex}.homePreviewTop strong{color:var(--pastel-lime)}.homePreviewBottom{border-top:2px solid #ffffff24}.homePreviewBottom a{color:var(--pastel-cyan)}.homePreviewStage{background:linear-gradient(135deg,#7dd3fc38,#0000 30%),linear-gradient(225deg,#fecdd347,#0000 30%),#171723;min-height:380px;position:relative}.previewFrame{border:3px solid #fff;border-radius:18px;position:absolute;box-shadow:8px 8px #00000059}.frameA{background:linear-gradient(135deg,#7dd3fc,#1f2937 55%,#fef08a);height:170px;inset:34px 98px auto 34px}.frameB{background:linear-gradient(160deg,#fecdd3,#312e81 58%,#a7f3d0);width:190px;height:220px;top:116px;right:34px}.frameC{background:linear-gradient(145deg,#c084fc,#111827 60%,#bdff2e);width:230px;height:132px;bottom:36px;left:54px}.homeSection{padding:36px 0}.homeSection h2{margin:10px 0 0;font-size:38px}.sectionTitle>p{max-width:560px;line-height:1.6}.showcaseGrid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:22px;display:grid}.showcaseCard{border:var(--border-width) solid var(--border-color);box-shadow:5px 5px 0 var(--border-color);background:#fff;border-radius:20px;overflow:hidden}.showcaseCard h3{margin:16px 16px 4px;font-size:22px}.showcaseCard p{margin:0 16px 18px}.showcasePoster{border-bottom:var(--border-width) solid var(--border-color);min-height:260px;position:relative}.showcasePoster span{border:2px solid var(--border-color);background:#fff;border-radius:999px;padding:6px 10px;font-size:12px;font-weight:900;position:absolute;bottom:14px;left:14px}.showcasePoster.cyan{background:linear-gradient(140deg,#7dd3fc,#18181b 58%,#fef08a)}.showcasePoster.yellow{background:linear-gradient(140deg,#fef08a,#334155 52%,#a7f3d0)}.showcasePoster.pink{background:linear-gradient(140deg,#fecdd3,#312e81 55%,#c084fc)}.homeSplit{border:var(--border-width) solid var(--border-color);box-shadow:6px 6px 0 var(--border-color);background:#fff;border-radius:24px;grid-template-columns:.85fr 1.15fr;align-items:start;gap:28px;padding:28px;display:grid}.homeSplit h2{font-size:34px}.homeSplit p{line-height:1.7}.flowList{gap:12px;display:grid}.flowItem{border:2px solid var(--border-color);background:var(--panel-bg-alt);border-radius:16px;grid-template-columns:auto 1fr;gap:14px;padding:14px;display:grid}.flowItem>span{border:2px solid var(--border-color);background:var(--pastel-lime);border-radius:999px;justify-content:center;align-items:center;width:34px;height:34px;font-weight:900;display:inline-flex}.flowItem strong{font-family:var(--font-display);font-size:18px}.flowItem p{color:var(--text-muted);margin:4px 0 0;font-weight:700}@media (max-width:900px){body{padding-top:118px}.siteNav{flex-wrap:wrap;align-items:flex-start;min-height:104px;padding:12px 0}.siteLinks{flex:1 0 100%;order:3;justify-content:flex-start;padding-bottom:2px;overflow-x:auto}.siteNavCta{padding:8px 12px}.homeHero{padding-top:36px}.homeHeroGrid,.homeSplit{grid-template-columns:1fr}.homePreviewStage{min-height:320px}.showcaseGrid{grid-template-columns:1fr}.showcasePoster{min-height:220px}}@media (max-width:560px){.siteLinks a{padding:8px 10px;font-size:13px}.homeHeroCopy h1{font-size:42px}.homeHeroCopy p{font-size:16px}.homePreviewStage{min-height:280px}.frameA{height:136px;inset:24px 68px auto 22px}.frameB{width:150px;height:172px;top:94px;right:20px}.frameC{width:180px;height:104px;bottom:28px;left:28px}.homeSplit{padding:20px}.uploadItem{flex-direction:column;align-items:flex-start}}.card{border:var(--border-width) solid var(--border-color);background:var(--panel-bg);box-shadow:6px 6px 0px var(--border-color);border-radius:24px;transition:all .2s cubic-bezier(.175,.885,.32,1.275);position:relative;overflow:hidden}.card:hover{box-shadow:8px 8px 0px var(--border-color);transform:translate(-2px,-2px)}.btn{border:var(--border-width) solid var(--border-color);background:var(--pastel-lime);color:#000;font-family:var(--font-display);text-transform:uppercase;letter-spacing:.05em;cursor:pointer;box-shadow:4px 4px 0px var(--border-color);border-radius:16px;justify-content:center;align-items:center;gap:8px;padding:12px 24px;font-weight:900;transition:all .1s;display:inline-flex}.btn:hover:not(:disabled){box-shadow:6px 6px 0px var(--border-color);background:#c9ff4c;transform:translate(-2px,-2px)}.btn:active:not(:disabled){box-shadow:2px 2px 0px var(--border-color);transform:translate(2px,2px)}.btn:disabled{opacity:.45;cursor:not-allowed;box-shadow:2px 2px 0px var(--border-color)!important;transform:none!important}.btn.secondary{background:var(--pastel-cyan);color:#000}.btn.secondary:hover{background:#bae6fd}.btn.danger{background:var(--pastel-pink);color:#000}.btn.danger:hover{background:#fda4af}.input{border:var(--border-width) solid var(--border-color);width:100%;color:var(--text-dark);background:#fff;border-radius:14px;outline:none;padding:14px 16px;font-weight:700;transition:all .15s;box-shadow:inset 1px 1px 3px #0000001a,2px 2px #0000000d}.input:focus{border-color:var(--pastel-purple);box-shadow:inset 1px 1px 3px #0000001a, 3px 3px 0px var(--border-color);background:#fdfcff}.grid{gap:20px;display:grid}.muted{color:var(--text-muted);font-weight:600}.badge{border:2px solid var(--border-color);background:var(--pastel-yellow);color:#000;font-family:var(--font-display);box-shadow:2px 2px 0px var(--border-color);border-radius:999px;align-items:center;gap:6px;padding:6px 12px;font-size:13px;font-weight:800;display:inline-flex}.adminHeader,.sectionTitle{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:18px;display:flex}.sectionTitle.flex-col{flex-direction:column;align-items:flex-start;gap:8px}.stats{flex-wrap:wrap;gap:12px;display:flex}.stats span{border:var(--border-width) solid var(--border-color);background:var(--panel-bg-alt);color:var(--text-dark);box-shadow:3px 3px 0px var(--border-color);border-radius:999px;padding:10px 18px;font-weight:800}.tableWrap{border:var(--border-width) solid var(--border-color);width:100%;box-shadow:4px 4px 0px var(--border-color);background:#fff;border-radius:20px;margin-top:20px;overflow-x:auto}table{border-collapse:collapse;width:100%;min-width:900px}th,td{text-align:left;vertical-align:middle;border-bottom:2px solid var(--border-color);padding:16px 20px}th{color:var(--text-dark);font-family:var(--font-display);text-transform:uppercase;letter-spacing:.06em;background:#f1edf8;font-size:13px;font-weight:900}td{color:var(--text-dark);font-size:14px;font-weight:700}tr:last-child td{border-bottom:none}pre{border:2px solid var(--border-color);white-space:pre-wrap;color:var(--text-dark);background:#f5f4fa;border-radius:16px;padding:16px;font-weight:700;overflow-x:auto;box-shadow:inset 1px 1px 3px #0000001a}code{color:#7c3aed;font-family:Menlo,Monaco,Consolas,monospace;font-weight:700}.check{color:var(--text-dark);cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:10px;font-weight:700;display:inline-flex}.check input[type=checkbox]{appearance:none;border:3px solid var(--border-color);cursor:pointer;background:#fff;border-radius:6px;outline:none;width:22px;height:22px;transition:all .1s;position:relative}.check input[type=checkbox]:checked{background:var(--pastel-purple)}.check input[type=checkbox]:checked:after{content:"";border:3px solid #fff;border-width:0 3px 3px 0;width:5px;height:10px;position:absolute;top:1px;left:4px;transform:rotate(45deg)}.actions{flex-wrap:wrap;gap:10px;display:flex}.actions .btn{padding:8px 14px;font-size:13px}.status{border:2px solid var(--border-color);font-family:var(--font-display);text-transform:uppercase;box-shadow:2px 2px 0px var(--border-color);border-radius:999px;padding:6px 14px;font-size:12px;font-weight:800;display:inline-flex}.status.active{color:#000;background:var(--pastel-lime)}.status.paused{color:#000;background:var(--pastel-yellow)}.status.banned{color:#000;background:var(--pastel-pink)}.error{color:#e11d48;font-weight:700}.success{color:#16a34a;font-weight:700}.notice{border:3px solid var(--border-color);background:var(--pastel-yellow);color:#000;box-shadow:4px 4px 0px var(--border-color);border-radius:20px;margin-top:20px;padding:18px;font-weight:700}.toolbar{grid-template-columns:1fr auto auto;align-items:center;gap:14px;margin-top:20px;display:grid}@media (max-width:900px){.toolbar{grid-template-columns:1fr}}.adminTabs{flex-wrap:wrap;gap:10px;margin-top:20px;display:flex}.adminTabs button{border:3px solid var(--border-color);background:var(--panel-bg-alt);color:var(--text-dark);cursor:pointer;box-shadow:3px 3px 0px var(--border-color);border-radius:999px;padding:10px 20px;font-weight:700;transition:all .1s}.adminTabs button:hover{box-shadow:4px 4px 0px var(--border-color);transform:translate(-1px,-1px)}.adminTabs button.active{background:var(--pastel-purple);color:#000}.pagination{justify-content:flex-end;align-items:center;gap:12px;margin-top:20px;display:flex}.sagaHero{background:linear-gradient(135deg, var(--pastel-purple), var(--pastel-cyan));color:var(--text-dark);border:var(--border-width) solid var(--border-color);box-shadow:8px 8px 0px var(--border-color);border-radius:28px;justify-content:space-between;align-items:center;gap:24px;margin-bottom:24px;padding:36px;display:flex}.sagaHero h1{color:var(--text-dark);margin:14px 0 10px;font-size:46px;line-height:.95}.sagaHero p.muted{color:#383456;margin:0;font-size:15px;font-weight:700}.sagaHero .badge{background:var(--pastel-lime);color:#000;border-width:2px;box-shadow:2px 2px #000}.sagaLayout{grid-template-columns:minmax(0,1fr) 350px;align-items:start;gap:24px;margin-top:24px;display:grid}.sagaMain,.sagaSide{gap:24px;display:grid}.sagaPanel{background:var(--panel-bg);padding:28px}.sagaPanel h2{margin:0;font-size:22px;font-weight:900}.sagaPanel .sectionTitle{border-bottom:2px solid var(--border-color);margin-bottom:20px;padding-bottom:16px}.sagaPanel .sectionTitle .badge{background:var(--pastel-yellow);width:32px;height:32px;box-shadow:2px 2px 0px var(--border-color);border-radius:50%;justify-content:center;align-items:center;margin-right:12px;padding:0;font-size:16px;font-weight:900;display:inline-flex}.sagaPanel.collapsible{padding:0;overflow:hidden}.sectionHeader{cursor:pointer;-webkit-user-select:none;user-select:none;background:var(--panel-bg);justify-content:space-between;align-items:center;padding:24px 28px;transition:background .15s;display:flex}.sectionHeader:hover{background:#fbf9ff}.sectionHeader .sectionTitle{border:none;margin:0;padding:0}.collapsibleContent{border-top:2px dashed var(--border-color);padding:0 28px 28px;animation:.2s ease-out slideDown}@keyframes slideDown{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}.expandBtn{border:2px solid var(--border-color);background:var(--panel-bg-alt);color:var(--text-dark);font-family:var(--font-display);cursor:pointer;box-shadow:2px 2px 0px var(--border-color);border-radius:12px;padding:6px 14px;font-weight:800;transition:all .1s}.sectionHeader:hover .expandBtn{background:var(--pastel-lime);box-shadow:3px 3px 0px var(--border-color);transform:translate(-1px,-1px)}.expandBtn.expanded{background:var(--pastel-cyan)}.sagaFormGrid{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;display:grid}.sagaFormGrid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.sagaField{color:var(--text-dark);gap:8px;font-size:14px;font-weight:800;display:grid}.sagaField span{color:var(--text-muted);font-size:12px;font-weight:600}.uploadControl{flex-wrap:wrap;align-items:center;gap:12px;margin-top:8px;display:flex}.uploadControlWrap{gap:10px;display:grid}.uploadControl input[type=file]{display:none}.uploadControl .btn{background:var(--pastel-cyan);border-radius:12px;padding:8px 16px;font-size:13px}.uploadControl .btn:hover{background:#bae6fd}.uploadControl .muted{color:#7c3aed;font-size:13px;font-weight:700}.uploadControl .error{font-size:13px;font-weight:700}.uploadList{gap:8px;display:grid}.uploadItem{border:2px solid var(--border-color);box-shadow:2px 2px 0px var(--border-color);background:#fff;border-radius:14px;justify-content:space-between;align-items:center;gap:12px;padding:10px 12px;display:flex}.uploadItem div{min-width:0}.uploadItem strong,.uploadItem span{overflow-wrap:anywhere;display:block}.uploadItem strong{font-size:13px}.uploadItem span{color:var(--text-muted);margin-top:2px;font-size:12px;font-weight:700}.uploadItem .btn{min-height:0;box-shadow:2px 2px 0px var(--border-color);border-radius:10px;flex:none;padding:6px 12px;font-size:12px}.tallInput{min-height:180px}.compactInput{max-width:260px}.sagaActions{flex-wrap:wrap;gap:16px;display:flex}.sagaActions .btn{padding:14px 32px;font-size:16px}.sagaChoiceGrid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-bottom:18px;display:grid}.sagaChoiceGrid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.choiceCard{text-align:left;border:var(--border-width) solid var(--border-color);color:var(--text-dark);cursor:pointer;box-shadow:4px 4px 0px var(--border-color);background:#fff;border-radius:18px;padding:18px;transition:all .15s cubic-bezier(.175,.885,.32,1.275)}.choiceCard:hover{box-shadow:6px 6px 0px var(--border-color);transform:translate(-2px,-2px)}.choiceCard.active{background:var(--pastel-purple);transform:scale(1.02)}.choiceCard strong{font-family:var(--font-display);margin-bottom:6px;font-size:16px;font-weight:900;display:block}.choiceCard span{color:var(--text-muted);font-size:12px;font-weight:600;line-height:1.4;display:block}.choiceCard.active span{color:#383456}.sagaButtonRow{flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:18px;display:flex}.sagaButtonRow.compact{margin-bottom:0}.choicePill{border:var(--border-width) solid var(--border-color);color:var(--text-dark);cursor:pointer;min-height:42px;box-shadow:3px 3px 0px var(--border-color);background:#fff;border-radius:12px;justify-content:center;align-items:center;padding:0 20px;font-size:13px;font-weight:800;transition:all .1s;display:inline-flex}.choicePill:hover{box-shadow:4px 4px 0px var(--border-color);transform:translate(-1px,-1px)}.choicePill.active{background:var(--pastel-lime);color:#000}.pipelineList{gap:14px;display:grid}.pipelineItem{border:var(--border-width) solid var(--border-color);box-shadow:4px 4px 0px var(--border-color);background:#fff;border-radius:18px;padding:16px;transition:all .2s cubic-bezier(.175,.885,.32,1.275)}.pipelineItem.active{background:var(--pastel-purple);color:#000;box-shadow:6px 6px 0px var(--border-color);transform:scale(1.03)rotate(-1deg)}.pipelineItem span{font-family:var(--font-display);color:var(--text-dark);font-size:16px;font-weight:900;display:block}.pipelineItem p{color:var(--text-muted);margin:6px 0 0;font-size:12px;font-weight:600;line-height:1.5}.pipelineItem.active p{color:#383456}.progressTrack{border:3px solid var(--border-color);background:#fff;border-radius:999px;height:16px;margin-top:12px;overflow:hidden;box-shadow:2px 2px #0000000d}.progressTrack div{background:linear-gradient(90deg, var(--pastel-lime), var(--pastel-cyan));height:100%}.modalOverlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:10000;background:#12102099;place-items:center;padding:20px;animation:.15s ease-out fadeIn;display:grid;position:fixed;inset:0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modalContent{background:#fff;flex-direction:column;width:min(650px,100%);max-height:90vh;padding:32px;animation:.25s cubic-bezier(.175,.885,.32,1.275) scalePop;display:flex}@keyframes scalePop{0%{transform:scale(.9)translateY(10px)}to{transform:scale(1)translateY(0)}}.modalHeader{border-bottom:3px solid var(--border-color);justify-content:space-between;align-items:center;padding-bottom:14px;display:flex}.modalHeader h2{margin:0;font-size:26px}.closeBtn{border:2px solid var(--border-color);background:var(--pastel-pink);cursor:pointer;width:32px;height:32px;box-shadow:2px 2px 0px var(--border-color);border-radius:50%;justify-content:center;align-items:center;font-size:20px;font-weight:800;transition:all .1s;display:flex}.closeBtn:hover{transform:scale(1.1)}.modalDesc{color:var(--text-muted);margin:16px 0;font-size:14px;font-weight:700}.modalGrid{grid-template-columns:repeat(2,1fr);gap:14px;margin-bottom:24px;padding-right:6px;display:grid;overflow-y:auto}.modalItem{border:2px solid var(--border-color);background:var(--panel-bg-alt);box-shadow:3px 3px 0px var(--border-color);border-radius:14px;flex-direction:column;gap:4px;padding:12px 16px;display:flex}.modalItem:nth-child(2n){background:#fefcf5}.modalItem strong{font-family:var(--font-display);color:var(--text-muted);text-transform:uppercase;font-size:13px}.modalItem span{color:var(--text-dark);font-size:14px;font-weight:800;line-height:1.4}.modalItem .storyTruncate,.modalItem .notesTruncate{-webkit-line-clamp:3;-webkit-box-orient:vertical;font-size:13px;display:-webkit-box;overflow:hidden}.modalActions{border-top:3px solid var(--border-color);justify-content:flex-end;gap:16px;padding-top:20px;display:flex}.sagaResultWindow{border:var(--border-width) solid var(--border-color);background:var(--panel-bg);box-shadow:8px 8px 0px var(--border-color);border-radius:24px;margin-top:24px;overflow:hidden}.sagaResultHeader{border-bottom:var(--border-width) solid var(--border-color);background:var(--panel-bg-alt);justify-content:space-between;align-items:center;gap:18px;padding:24px;display:flex}.sagaResultHeader h3{margin:0 0 6px;font-size:24px}.sagaResultHeader p{color:var(--text-muted);margin:0;font-size:14px;font-weight:700}.sagaResultActions{flex-wrap:wrap;justify-content:flex-end;gap:12px;display:flex}.sagaResultActions .btn{padding:10px 20px;font-size:14px;text-decoration:none}.sagaVideoFrame{aspect-ratio:16/9;border-bottom:var(--border-width) solid var(--border-color);background:#000;place-items:center;display:grid}.sagaVideoFrame video{object-fit:contain;width:100%;height:100%;max-height:70vh;display:block}.sagaSegments{background:var(--panel-bg);padding:24px}.sectionTitle.compact h3{margin:0 0 16px;font-size:20px;font-weight:900}.sagaSegmentGrid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px;display:grid}.sagaSegmentCard{border:var(--border-width) solid var(--border-color);background:var(--panel-bg-alt);box-shadow:4px 4px 0px var(--border-color);border-radius:20px;padding:16px;transition:all .2s}.sagaSegmentCard:hover{box-shadow:6px 6px 0px var(--border-color);transform:translateY(-2px)}.sagaSegmentCard video{aspect-ratio:16/9;object-fit:contain;border:2px solid var(--border-color);background:#000;border-radius:12px;width:100%;display:block}.sagaSegmentCard strong{margin:12px 0 4px;font-size:15px;font-weight:800;display:block}.sagaSegmentCard span{font-size:13px;font-weight:700}.sagaSegmentCard .sagaResultActions{justify-content:flex-start;margin-top:12px}@media (max-width:980px){.sagaLayout,.sagaFormGrid,.sagaFormGrid.two,.sagaChoiceGrid,.sagaChoiceGrid.two{grid-template-columns:1fr}.sagaHero{text-align:center;display:block}.sagaHero .btn{width:100%;margin-top:20px}.sagaResultHeader{display:block}.sagaResultActions{justify-content:flex-start;margin-top:16px}.modalGrid{grid-template-columns:1fr}}.sagaDivider{border-top:2px dashed var(--border-color);width:100%;height:0;margin:16px 0}.sagaGuideBox{border:2px solid var(--border-color);background:var(--panel-bg-alt);box-shadow:3px 3px 0px var(--border-color);border-radius:16px;margin-bottom:20px;padding:16px 20px}.sagaGuideBox p{margin:0 0 8px;font-size:14px;font-weight:700}.sagaGuideBox ul{flex-direction:column;gap:8px;margin:0;padding-left:20px;display:flex}.sagaGuideBox li{color:var(--text-dark);font-size:13px;font-weight:600;line-height:1.5}.sagaGuideBox li strong{color:#7c3aed}.sagaGuideBox li code{font-family:var(--font-text);color:#5b21b6;background:#c084fc26;border-radius:4px;padding:2px 6px;font-size:12px}.titleHint{color:var(--text-muted);vertical-align:middle;margin-left:8px;font-size:12px;font-weight:600;display:inline-block}.choicePill.compact{min-height:34px;box-shadow:2px 2px 0px var(--border-color);border-radius:8px;padding:0 12px;font-size:12px}.choicePill.compact:hover{box-shadow:3px 3px 0px var(--border-color);transform:translate(-1px,-1px)}.characterSlotCard{border:2px solid var(--border-color);background:var(--panel-bg);box-shadow:4px 4px 0px var(--border-color);border-radius:20px;padding:20px;transition:all .15s;position:relative}.characterSlotCard:hover{box-shadow:5px 5px 0px var(--border-color);transform:translate(-1px,-1px)}.characterSlotHeader{border-bottom:2px dashed var(--border-color);justify-content:space-between;align-items:center;margin-bottom:16px;padding-bottom:12px;display:flex}.characterSlotTitle{font-family:var(--font-display);color:var(--text-dark);background:var(--pastel-yellow);border:2px solid var(--border-color);box-shadow:2px 2px 0px var(--border-color);border-radius:8px;padding:4px 10px;font-size:14px;font-weight:900}.characterSlotBody{grid-template-columns:1.6fr 1fr;gap:20px;display:grid}@media (max-width:768px){.characterSlotBody{grid-template-columns:1fr}}.characterSlotInputs{flex-direction:column;gap:14px;display:flex}.characterSlotImage{flex-direction:column;gap:8px;display:flex}.characterSlotPreview{border:2px solid var(--border-color);aspect-ratio:1;background:var(--bg-light);width:100%;max-width:100px;max-height:100px;box-shadow:2px 2px 0px var(--border-color);border-radius:12px;justify-content:center;align-items:center;margin-bottom:8px;display:flex;overflow:hidden}.characterSlotPreview img{object-fit:cover;width:100%;height:100%}