.sd-bleed{width:100vw;margin-left:-50vw;position:relative;left:50%}.sd-tidslinje{--bg-deep:#0c0f14;--bg-surface:#13171e;--bg-raised:#1c2230;--border:#272e3c;--border-subtle:#272e3c99;--text-primary:#ddd8cc;--text-bright:#f0ece0;--text-secondary:#8b8780;--text-muted:#555048;--c-game:#5090d0;--c-game-module:#6b7d93;--c-game-wip:#4a6880;--c-risk:#9070c8;--c-batsj:#40a880;--c-imagonem:#d0a030;--c-phobos:#58b0c0;--c-rsn:#d06858;--c-dmsguild:#b08030;--c-nstyle:#c05898;--c-win:#d0a030;--c-span:#8c96aa2e;--font-display:var(--font-display-next), Georgia, serif;--font-body:system-ui, -apple-system, "Segoe UI", Helvetica, Arial, sans-serif;--name-w:220px;--row-min:40px;background:var(--bg-deep);height:calc(100dvh - 210px);min-height:540px;color:var(--text-primary);font-family:var(--font-body);border-top:1px solid var(--border);border-bottom:1px solid var(--border);flex-direction:column;line-height:1.5;display:flex;position:relative;overflow:hidden}.sd-tidslinje *{box-sizing:border-box;margin:0;padding:0}.sd-tidslinje:after{content:"";opacity:.02;pointer-events:none;z-index:50;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence baseFrequency='0.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");background-size:200px 200px;position:absolute;inset:0}.sd-tidslinje .toolbar{border-bottom:1px solid var(--border);flex-wrap:wrap;flex-shrink:0;align-items:center;gap:14px;padding:10px 28px;display:flex}.sd-tidslinje .search-box{background:var(--bg-raised);border:1px solid var(--border);color:var(--text-primary);font-family:var(--font-body);border-radius:6px;outline:none;width:170px;padding:5px 12px;font-size:.94rem;transition:border-color .15s}.sd-tidslinje .search-box:focus{border-color:var(--c-game)}.sd-tidslinje .search-box::placeholder{color:var(--text-muted)}.sd-tidslinje .sort-group{background:var(--bg-raised);border:1px solid var(--border);border-radius:5px;gap:2px;padding:2px;display:flex}.sd-tidslinje .sort-btn{font-family:var(--font-body);color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-radius:4px;padding:3px 10px;font-size:.86rem;font-weight:500;transition:all .15s}.sd-tidslinje .sort-btn:hover{color:var(--text-primary)}.sd-tidslinje .sort-btn.active{color:var(--text-bright);background:#5090d026}.sd-tidslinje .divider{background:var(--border);width:1px;height:20px}.sd-tidslinje .filter-legend{flex-wrap:wrap;align-items:center;gap:4px;display:flex}.sd-tidslinje .filter-item{color:var(--text-secondary);cursor:pointer;-webkit-user-select:none;user-select:none;font-size:.86rem;font-weight:500;font-family:var(--font-body);background:0 0;border:1px solid #0000;border-radius:4px;align-items:center;gap:5px;padding:3px 9px;transition:all .15s;display:flex}.sd-tidslinje .filter-item:hover{color:var(--text-primary);background:#ffffff08}.sd-tidslinje .filter-item.off{opacity:.3}.sd-tidslinje .filter-item.off .filter-shape{opacity:.4}.sd-tidslinje .filter-shape{flex-shrink:0;transition:opacity .15s}.sd-tidslinje .filter-shape.square{border-radius:2px;width:10px;height:10px}.sd-tidslinje .filter-shape.hollow{border:2px solid;border-radius:2px;width:10px;height:10px;background:0 0!important}.sd-tidslinje .filter-shape.diamond{border-radius:1px;width:9px;height:9px;transform:rotate(45deg)}.sd-tidslinje .filter-shape.circle{border-radius:50%;width:10px;height:10px}.sd-tidslinje .filter-shape.hexagon{clip-path:polygon(50% 0%,100% 25%,100% 75%,50% 100%,0% 75%,0% 25%);width:11px;height:11px}.sd-tidslinje .filter-shape.shield{clip-path:polygon(50% 100%,0% 70%,0% 0%,100% 0%,100% 70%);width:10px;height:11px}.sd-tidslinje .filter-shape.star{clip-path:polygon(50% 0%,61% 35%,98% 35%,68% 57%,79% 91%,50% 70%,21% 91%,32% 57%,2% 35%,39% 35%);width:12px;height:12px}.sd-tidslinje .counter{color:var(--text-muted);margin-left:auto;font-size:.86rem;font-weight:500}.sd-tidslinje .timeline-wrapper{flex:1;display:flex;position:relative;overflow:hidden}.sd-tidslinje .name-column{width:var(--name-w);border-right:1px solid var(--border);background:var(--bg-deep);z-index:5;flex-direction:column;flex-shrink:0;display:flex;overflow:hidden}.sd-tidslinje .name-header{border-bottom:1px solid var(--border);height:32px;color:var(--text-muted);text-transform:uppercase;letter-spacing:.08em;flex-shrink:0;align-items:center;padding:0 14px;font-size:.82rem;font-weight:700;display:flex}.sd-tidslinje .name-scroll{scrollbar-width:none;flex:1;overflow-y:auto}.sd-tidslinje .name-scroll::-webkit-scrollbar{display:none}.sd-tidslinje .name-row{color:var(--text-secondary);border-bottom:1px solid var(--border-subtle);cursor:default;min-height:var(--row-min);justify-content:space-between;align-items:center;padding:0 14px;font-size:.91rem;transition:background .1s,color .1s;display:flex}.sd-tidslinje .name-row .name-text{white-space:nowrap;text-overflow:ellipsis;min-width:0;color:inherit;flex:1;text-decoration:none;overflow:hidden}.sd-tidslinje .name-row .name-text:hover{color:var(--text-bright)}.sd-tidslinje .name-row .event-count{color:var(--text-muted);font-variant-numeric:tabular-nums;background:#ffffff0a;border-radius:8px;flex-shrink:0;margin-left:6px;padding:1px 6px;font-size:.74rem;font-weight:500}.sd-tidslinje .name-row:hover,.sd-tidslinje .name-row.highlight{color:var(--text-bright);background:#5090d00f}.sd-tidslinje .name-row.highlight .event-count{color:var(--text-secondary)}.sd-tidslinje .name-row.hidden{display:none}.sd-tidslinje .chart-area{flex:1;position:relative;overflow:auto}.sd-tidslinje .year-axis{background:var(--bg-deep);border-bottom:1px solid var(--border);z-index:4;height:32px;position:sticky;top:0}.sd-tidslinje .year-label{color:var(--text-muted);font-variant-numeric:tabular-nums;font-size:.79rem;font-weight:500;position:absolute;bottom:6px;transform:translate(-50%)}.sd-tidslinje .era-label{text-transform:uppercase;letter-spacing:.1em;color:var(--text-muted);opacity:.5;white-space:nowrap;pointer-events:none;font-size:.66rem;font-weight:700;position:absolute;top:4px;transform:translate(-50%)}.sd-tidslinje .chart-rows{position:relative}.sd-tidslinje .chart-row{border-bottom:1px solid var(--border-subtle);min-height:var(--row-min);transition:background .1s;position:relative}.sd-tidslinje .chart-row:hover,.sd-tidslinje .chart-row.highlight{background:#5090d00a}.sd-tidslinje .chart-row.hidden{display:none}.sd-tidslinje .era-band{pointer-events:none;z-index:0;position:absolute;top:0;bottom:0}.sd-tidslinje .gridline{pointer-events:none;z-index:1;width:1px;position:absolute;top:0;bottom:0}.sd-tidslinje .gridline.minor{background:#272e3c66}.sd-tidslinje .gridline.major{background:var(--border-subtle)}.sd-tidslinje .span-bar{background:var(--c-span);z-index:1;border-radius:3px;height:5px;position:absolute;top:50%;transform:translateY(-50%)}.sd-tidslinje .event-marker{z-index:3;cursor:default;transition:transform .12s,box-shadow .12s;position:absolute;transform:translate(-50%,-50%)}.sd-tidslinje .event-marker:hover{z-index:10}.sd-tidslinje .marker-published{background:var(--c-game);border-radius:3px;width:16px;height:16px;overflow:hidden}.sd-tidslinje .marker-published:hover{transform:translate(-50%,-50%)scale(1.35);box-shadow:0 0 8px #5090d066}.sd-tidslinje .marker-published img{object-fit:cover;width:100%;height:100%;display:block}.sd-tidslinje .marker-module{border:2px solid var(--c-game);opacity:.75;background:0 0;border-radius:2px;width:13px;height:13px}.sd-tidslinje .marker-module:hover{opacity:1;transform:translate(-50%,-50%)scale(1.4)}.sd-tidslinje .marker-wip{border:2px dashed var(--c-game-wip);opacity:.6;background:0 0;border-radius:2px;width:13px;height:13px}.sd-tidslinje .marker-wip:hover{opacity:1;transform:translate(-50%,-50%)scale(1.4)}.sd-tidslinje .marker-minor{background:var(--c-game-module);opacity:.6;border-radius:2px;width:11px;height:11px}.sd-tidslinje .marker-minor:hover{opacity:1;transform:translate(-50%,-50%)scale(1.5)}.sd-tidslinje .marker-rsn{background:var(--c-rsn);clip-path:polygon(50% 0%,100% 25%,100% 75%,50% 100%,0% 75%,0% 25%);width:14px;height:14px}.sd-tidslinje .marker-rsn:hover{transform:translate(-50%,-50%)scale(1.4);box-shadow:0 0 8px #d0685866}.sd-tidslinje .marker-dmsguild{background:var(--c-dmsguild);clip-path:polygon(50% 100%,0% 70%,0% 0%,100% 0%,100% 70%);width:13px;height:14px}.sd-tidslinje .marker-dmsguild:hover{transform:translate(-50%,-50%)scale(1.4);box-shadow:0 0 8px #b0803066}.sd-tidslinje .marker-nstyle{background:var(--c-nstyle);clip-path:polygon(50% 0%,61% 35%,98% 35%,68% 57%,79% 91%,50% 70%,21% 91%,32% 57%,2% 35%,39% 35%);width:15px;height:15px}.sd-tidslinje .marker-nstyle:hover{transform:translate(-50%,-50%)scale(1.4);box-shadow:0 0 8px #c0589866}.sd-tidslinje .marker-diamond{border-radius:2px;width:12px;height:12px;transform:translate(-50%,-50%)rotate(45deg)}.sd-tidslinje .marker-diamond:hover{transform:translate(-50%,-50%)rotate(45deg)scale(1.4)}.sd-tidslinje .marker-diamond.risk{background:var(--c-risk)}.sd-tidslinje .marker-diamond.risk-win{background:var(--c-risk);box-shadow:0 0 0 2.5px var(--c-win)}.sd-tidslinje .marker-diamond.batsj{background:var(--c-batsj)}.sd-tidslinje .marker-diamond.batsj-win{background:var(--c-batsj);box-shadow:0 0 0 2.5px var(--c-win)}.sd-tidslinje .marker-imagonem,.sd-tidslinje .marker-phobos{border-radius:50%;width:12px;height:12px}.sd-tidslinje .marker-imagonem{background:var(--c-imagonem)}.sd-tidslinje .marker-phobos{background:var(--c-phobos)}.sd-tidslinje .marker-imagonem:hover,.sd-tidslinje .marker-phobos:hover{transform:translate(-50%,-50%)scale(1.4);box-shadow:0 0 8px #d0a03066}.sd-tidslinje .tooltip{background:var(--bg-raised);border:1px solid var(--border);color:var(--text-primary);z-index:1000;pointer-events:none;border-radius:8px;max-width:340px;padding:12px 16px;font-size:.94rem;line-height:1.45;display:none;position:fixed;box-shadow:0 12px 40px #00000080,0 0 0 1px #ffffff08}.sd-tidslinje .tooltip.visible{display:block}.sd-tidslinje .tooltip .tt-badge{text-transform:uppercase;letter-spacing:.04em;color:#fff;border-radius:3px;margin-bottom:5px;padding:2px 7px;font-size:.74rem;font-weight:700;display:inline-block}.sd-tidslinje .tooltip .tt-title{font-family:var(--font-display);color:var(--text-bright);margin-bottom:2px;font-size:1.1rem;font-weight:700;line-height:1.25}.sd-tidslinje .tooltip .tt-year{color:var(--text-secondary);margin-bottom:5px;font-size:.84rem}.sd-tidslinje .tooltip .tt-detail{color:var(--text-secondary);font-size:.88rem;line-height:1.4}.sd-tidslinje .tooltip .tt-img{margin-top:8px}.sd-tidslinje .tooltip .tt-img img{border:1px solid var(--border);border-radius:4px;max-width:180px;max-height:120px;display:block}.sd-tidslinje .sd-footer{color:var(--text-muted);border-top:1px solid var(--border);flex-shrink:0;padding:8px 28px;font-size:.78rem}.sd-tidslinje .sd-footer a{color:var(--text-secondary);text-decoration:none}.sd-tidslinje .sd-footer a:hover{color:var(--text-primary)}.sd-tidslinje .tt-close{width:28px;height:28px;color:var(--text-secondary);cursor:pointer;font-size:1rem;line-height:1;font-family:var(--font-body);background:#ffffff0f;border:none;border-radius:50%;display:none;position:absolute;top:8px;right:10px}.sd-tidslinje .filter-toggle{background:var(--bg-raised);border:1px solid var(--border);color:var(--text-secondary);font-family:var(--font-body);cursor:pointer;border-radius:6px;padding:5px 12px;font-size:.86rem;font-weight:500;display:none}.sd-tidslinje .filter-toggle.open{color:var(--text-bright);border-color:var(--c-game)}@media (pointer:coarse){.sd-tidslinje .event-marker:after{content:"";position:absolute;inset:-8px}}@media (max-width:700px){.sd-tidslinje{--name-w:96px;--row-min:36px}.sd-tidslinje .toolbar{gap:8px;padding:8px 14px}.sd-tidslinje .search-box{flex:1;width:auto;min-width:0}.sd-tidslinje .filter-toggle{display:block}.sd-tidslinje .divider{display:none}.sd-tidslinje .sort-group{order:3}.sd-tidslinje .counter{order:4;margin-left:auto;font-size:.74rem}.sd-tidslinje .filter-legend{flex-basis:100%;order:5;padding-top:4px;display:none}.sd-tidslinje .filter-legend.open{display:flex}.sd-tidslinje .name-header{padding:0 8px;font-size:.7rem}.sd-tidslinje .name-row{padding:0 8px;font-size:.78rem}.sd-tidslinje .name-row .event-count{display:none}.sd-tidslinje .sd-footer{padding:6px 14px;font-size:.68rem}.sd-tidslinje .tooltip{max-width:none;padding:18px 18px calc(18px + env(safe-area-inset-bottom));pointer-events:auto;border-bottom:none;border-left:none;border-right:none;border-radius:14px 14px 0 0;max-height:55dvh;animation:.22s sd-sheet-up;overflow-y:auto;box-shadow:0 -12px 40px #0009;inset:auto 0 0!important}.sd-tidslinje .tooltip:before{content:"";background:var(--border);border-radius:2px;width:36px;height:4px;margin:-6px auto 12px;display:block}.sd-tidslinje .tt-close{justify-content:center;align-items:center;display:flex}.sd-tidslinje .tooltip .tt-img img{max-width:140px}}@keyframes sd-sheet-up{0%{transform:translateY(100%)}to{transform:translateY(0)}}