.sst{--gold:#c9a569;background:#161c18;color:#e8e2d2;font:14px/1.55 system-ui,sans-serif;border:1px solid #605337;border-radius:8px;overflow:hidden;max-width:100%;color-scheme:dark}.sst *{box-sizing:border-box}.sst header{padding:16px 20px;background:radial-gradient(ellipse at 85% 0,#85622c66,transparent 70%)}.sst h1,.sst h2{font:32px/1.2 Georgia,serif;color:#efd4a1;margin:4px 0}.sst p{margin:6px 0}.sst .eyebrow{font-size:10px;letter-spacing:3px;color:var(--gold);text-transform:uppercase}.sst header p{font-size:12px;color:#b9b5a6}.sst .controls{display:flex;gap:8px;align-items:center;flex-wrap:wrap;padding:10px 16px;background:#202820}.sst label{font-size:11px;display:flex;gap:5px;align-items:center}.sst input,.sst select,.sst button{font:inherit;color:inherit}.sst input[type=search],.sst select,.sst .controls button{background:#2a332a;border:1px solid #6c5c3e;border-radius:4px;padding:7px;min-height:36px}.sst button{cursor:pointer}.sst button:focus-visible,.sst input:focus-visible,.sst select:focus-visible{outline:2px solid #edcc8c;outline-offset:2px}.sst .status{font-size:11px;color:#c0b394;padding:8px 16px}.sst .viewport{height:284px;overflow-x:auto;overflow-y:hidden;cursor:grab;touch-action:pan-x;background:radial-gradient(ellipse at 50% 90%,#9a6e2933,transparent 70%)}.sst .track{position:relative;height:266px;isolation:isolate}.sst .ruler{position:absolute;left:0;right:0;top:231px;height:3px;background:linear-gradient(90deg,#70542c,#e3c27b,#70542c);box-shadow:0 0 14px #e3c27b22}.sst .tick{position:absolute;top:225px;height:13px;width:1px;background:#d8b875;pointer-events:none}.sst .tick span{position:absolute;top:15px;transform:translateX(-50%);font-size:10px;white-space:nowrap;color:#d0b782}.sst .era{height:18px;background:#eee2b0}.sst .card{position:absolute;top:12px;width:56px;height:222px;transform:translateX(-50%);background:none;border:0;padding:0;border-radius:0;z-index:calc(2 + var(--order));overflow:visible;box-shadow:none;isolation:isolate}.sst .blade-art{display:block;position:absolute;top:0;left:0;width:56px;height:212px;background-repeat:no-repeat;background-size:1200% 100%;background-position:calc(var(--sprite)*100%/11) center;filter:drop-shadow(2px 3px 2px #000a);pointer-events:none;transition:filter .12s}.sst .sheet-b{background-size:800% 100%;background-position:calc(var(--sprite)*100%/7) center}.sst .info{display:none;position:absolute;bottom:3px;left:50%;width:172px;transform:translateX(-50%);padding:3px 7px;background:#192019f5;border-bottom:1px solid #d6b477;box-shadow:0 1px 8px #0008;z-index:4;pointer-events:none}.sst .info b{display:block;font:14px Georgia,serif;color:#f0d5a2}.sst .info small{font-size:10px;color:#cec3a7}.sst .pin{position:absolute;bottom:0;left:24px;width:8px;height:8px;border-radius:50%;background:#d1b16d;box-shadow:0 0 0 2px #171e18}.sst .stem{position:absolute;bottom:0;left:27px;height:16px;border-left:1px solid #e2c38577;z-index:-1}.sst .text-marker{width:18px;height:32px;top:202px}.sst .text-marker .pin{left:5px}.sst .text-marker .stem{left:8px;height:25px}.sst .card:hover,.sst .card:focus-visible,.sst .card.active{z-index:500}.sst .card:hover .info,.sst .card:focus-visible .info,.sst .card.active .info{display:block}.sst .card:hover .blade-art,.sst .card:focus-visible .blade-art,.sst .card.active .blade-art{filter:drop-shadow(0 0 5px #d8b163) drop-shadow(2px 3px 2px #000)}.sst .tentative .pin{background:#c28648}.sst .scrub-label{padding:4px 16px 10px;color:#c7b38a}.sst .scrub{flex:1;accent-color:#c4a164;min-width:80px}.sst .details{border-top:1px solid #5a4e34;padding:14px 20px;min-height:146px}.sst h3{font:23px Georgia,serif;color:#efd19b;margin:0 0 5px}.sst .details p{font-size:12px}.sst .evidence{text-transform:uppercase;letter-spacing:1px;color:#cfb775;font-size:10px!important}.sst .tentative{color:#d8a36a}.sst a{color:#e6c589;text-decoration:underline}.sst .art-note{color:#a5ab9a;font-size:10px!important}.sst .catalogue{padding:12px 20px;border-top:1px solid #5a4e34}.sst summary{cursor:pointer;color:#d5ba85}.sst .catalogue ul{columns:3;padding-left:16px}.sst .catalogue li{break-inside:avoid;margin:0 0 7px}.sst .catalogue button{border:0;background:none;text-align:left;text-decoration:underline;padding:2px;color:#dfc38c}.sst .catalogue small{display:block;font-size:10px;color:#aaa99a}.sst .notes{padding:12px 20px;font-size:11px;color:#b6b4a5;border-top:1px solid #5a4e34}.sst .empty{padding:50px 20px}.sst .viewport:focus-visible{outline:2px solid #dfc382;outline-offset:-2px}@media(max-width:600px){.sst header{padding:14px}.sst h1,.sst h2{font-size:27px}.sst .controls{padding:10px}.sst label{flex:1 1 40%}.sst input[type=search]{width:100%}.sst .catalogue ul{columns:1}.sst .scrub-label{flex-wrap:nowrap}.sst .details{padding:12px 14px}}@media(prefers-reduced-motion:reduce){.sst *{transition:none!important;scroll-behavior:auto!important}}
/* World at War centre-year navigator and visible-year zoom. */
.sst .time-controls{padding:14px 20px 4px;background:linear-gradient(120deg,#1b251c,#22281e);border-top:1px solid #665634}.sst .time-heading{display:flex;align-items:center;gap:14px;flex-wrap:wrap}.sst .time-heading>span{font-size:10px;color:#b9b895;letter-spacing:2px}.sst .year-title{font:27px Georgia,serif;color:#efd4a1}.sst .travel-buttons{display:flex;gap:6px;margin-left:auto}.sst .time-controls button{background:#29342a;border:1px solid #685e41;border-radius:4px;min-height:36px;padding:6px 12px}.sst .time-controls button:disabled{opacity:.4;cursor:default}.sst .scrub-label{display:flex;flex-direction:column;align-items:stretch;padding:12px 0 0;gap:6px;font-size:11px;color:#c9bc94}.sst .scrub{display:block;width:100%;min-width:0;accent-color:#c6a76b;cursor:ew-resize;height:24px;margin:0;flex:none}.sst .scale{position:relative;height:24px;margin:0 2px 10px;color:#9fae99;font-size:10px}.sst .scale>span{position:absolute;white-space:nowrap}.sst .zoom-controls{display:flex;gap:7px;align-items:center;flex-wrap:wrap;font-size:12px}.sst .zoom-controls .zoom{background:#263129;border:1px solid #685e41;border-radius:4px;padding:7px;min-height:36px}.sst .range-title{font-size:12px;color:#ceb77d;margin-left:auto}.sst .status{padding:10px 0 5px}.sst .viewport{overflow:hidden;touch-action:pan-y;cursor:grab}.sst .viewport.is-dragging{cursor:grabbing;user-select:none}.sst .window-note{padding:5px 20px 10px;font-size:11px;color:#aeb79f}.sst .tick.first span{transform:none}.sst .tick.last span{transform:translateX(-100%)}.sst .sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(max-width:600px){.sst .time-controls{padding:12px}.sst .time-heading{gap:8px}.sst .time-heading>span{width:100%}.sst .year-title{font-size:24px}.sst .travel-buttons{gap:4px}.sst .travel-buttons button{padding:6px 9px}.sst .zoom-controls label{flex:none}.sst .range-title{margin-left:0;width:100%}.sst .scale{font-size:9px}.sst .scrub-label{flex-wrap:nowrap}.sst .scale>span:nth-child(2){display:none}}

/* Collision spacing changes artwork placement, never recorded years. */
.sst .illustrated .blade-art{width:var(--art-width,56px);height:var(--art-height,190px);left:50%;top:auto;bottom:30px;transform:translateX(-50%)}.sst .illustrated .pin{transform:translateX(var(--anchor-offset,0px));pointer-events:none}.sst .illustrated .stem{display:none}.sst .year-tag{position:absolute;bottom:10px;left:50%;transform:translateX(-50%);font-size:10px;color:#d8bf87;white-space:nowrap;background:#171e18d9;padding:0 3px;pointer-events:none}.sst .date-links{position:absolute;inset:0;width:100%;height:266px;pointer-events:none;z-index:1;overflow:visible}.sst .date-links path{fill:none;stroke:#c4a369;stroke-opacity:.7;stroke-width:1;vector-effect:non-scaling-stroke}.sst .illustrated .info{bottom:32px}.sst .illustrated{width:var(--art-width,56px)}.sst .illustrated .pin{left:calc(50% - 4px)}

.sst .sheet-c{background-size:800% 100%;background-position:calc(var(--sprite)*100%/7) center}

.sst .sheet-d{background-size:800% 100%;background-position:calc(var(--sprite)*100%/7) center}

.sst .shotel-art{background:none;overflow:visible}

.sst .new-marker-art{background:none;overflow:hidden}

/* Full-size two-row layout for crowded date clusters. */
.sst.double-height .viewport{height:568px}
.sst.double-height .track{height:550px}
.sst.double-height .ruler{top:515px}
.sst.double-height .tick{top:509px}
.sst .date-links{height:100%}
.sst .date-links circle{fill:#d1b16d;stroke:#171e18;stroke-width:1}
.sst .illustrated .blade-art{width:56px;height:190px}
.sst .illustrated{width:56px}
.sst .viewport{scrollbar-width:thin;scrollbar-color:#b89b64 #202820}

.sst .default-region-note{margin:0;padding:9px 20px;background:#18231a;color:#d2c5a7;font-size:12px;border-top:1px solid #5a4e34}

/* Keep sword detail headings legible when a WordPress theme overrides headings. */
.sst .details h3,.sst .details h3 a,.sst .details h3 span{color:#efd19b!important;-webkit-text-fill-color:#efd19b!important}

/* Native momentum scrolling for full-size crowded timelines. */
.sst .viewport{touch-action:pan-y pinch-zoom;overscroll-behavior-x:contain}
.sst .viewport[data-wide="true"]{touch-action:pan-x pan-y pinch-zoom;-webkit-overflow-scrolling:touch}
.sst .viewport.is-dragging .track{will-change:transform;pointer-events:none}

.sst .mobile-sections{display:none}
@media(max-width:767px){.sst .mobile-sections{display:flex;gap:10px;padding:10px 12px;background:#18231a;border-top:1px solid #605337}.sst .mobile-sections button{flex:1;min-height:48px;border:1px solid #a88b55;border-radius:4px;background:#303b2c;color:#f0d5a2;font:600 13px/1.3 system-ui,sans-serif;padding:10px 8px;touch-action:manipulation}.sst .mobile-sections button:active{background:#4a553b}}