.smst{--st-accent:#d4af37;--st-dim:#929198;--st-line:#4b4028;max-width:1280px;margin:0 auto;padding:35px 24px 70px;color:#f1eee6;font:15px/1.65 'Segoe UI',sans-serif}.smst *{box-sizing:border-box}.smst a{color:var(--st-accent);text-decoration:none}.smst a:hover{text-decoration:underline}.st-nav{display:flex;gap:22px;flex-wrap:wrap;font-size:13px;margin-bottom:24px}.st-hero{padding:55px 40px;border:1px solid #4b4028;border-radius:24px;background:radial-gradient(ellipse at 88% 15%,#75571d33,transparent 60%),linear-gradient(120deg,#0d0d10,#141416);position:relative;overflow:hidden;margin-bottom:28px}.st-hero:after{content:'';position:absolute;right:-90px;top:-110px;width:400px;height:400px;border:1px solid #d4af3720;border-radius:50%;box-shadow:0 0 0 36px #d4af3705,0 0 0 72px #d4af3704;pointer-events:none}.st-kicker{color:var(--st-accent);font-size:11px;font-weight:800;letter-spacing:2px}.smst h1{font-size:clamp(36px,5vw,64px);line-height:1.1;letter-spacing:-2px;color:#f1eee6;margin:18px 0}.smst h1 em{color:#d4af37;font-style:normal}.smst h2{font-size:24px;line-height:1.3;margin:0 0 17px;color:#f0e0a5}.smst h3{font-size:18px;color:#f1eee6}.st-hero p{max-width:620px;color:#bbb9bf;font-size:17px}.smst button,.st-button{display:inline-flex;align-items:center;justify-content:center;padding:11px 18px;border:1px solid #d4af37;border-radius:9px;background:linear-gradient(135deg,#e8c962,#b78b29);color:#171206!important;font:600 14px 'Segoe UI',sans-serif;cursor:pointer;max-width:100%}.smst button:hover,.st-button:hover{filter:brightness(1.15);text-decoration:none}.st-secondary{margin-left:20px}.st-panel{padding:27px;margin:24px 0;border:1px solid var(--st-line);border-radius:18px;background:linear-gradient(140deg,#141416,#0d0d10);min-width:0}.st-alert{border:1px solid #4b4028;background:#141416;padding:16px 20px;border-radius:12px;color:#f0d78d}.st-metrics,.st-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr));gap:16px}.st-metrics{margin:20px 0}.st-metric{display:flex;flex-direction:column;padding:19px;border:1px solid #4b4028;border-radius:12px;background:#080809;overflow-wrap:anywhere}.st-metric small{color:#bbb9bf}.st-metric strong{font-size:30px;line-height:1.45;color:#d4af37}.st-metric span{font-size:12px;color:#929198}.st-columns{display:grid;grid-template-columns:1fr 1fr;gap:22px}.st-columns>.st-panel{margin:0;min-width:0}.st-form{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr));gap:14px;margin:20px 0;align-items:end}.smst label{display:flex;flex-direction:column;gap:7px;font-size:13px;color:#bbb9bf;min-width:0}.smst input,.smst select,.smst textarea{display:block;width:100%;min-width:0;border:1px solid #4b4028;background:#080809;color:#f1eee6;padding:11px;border-radius:8px;font:14px 'Segoe UI',sans-serif}.smst textarea{resize:vertical}.smst input:focus,.smst textarea:focus,.smst select:focus{outline:2px solid #d4af37}.st-wide{grid-column:1/-1}.smst details{border-top:1px solid #4b4028;padding:18px 0}.smst summary{cursor:pointer;color:#d4af37;font-weight:600}.st-channel{border:1px solid #4b4028;padding:21px;border-radius:14px;background:#0d0d10;overflow-wrap:anywhere;min-width:0}.st-tag{display:inline-flex;align-items:center;padding:3px 9px;border:1px solid #4b4028;border-radius:20px;font-size:11px;color:#d4af37;margin:4px 0}.st-live-dot:before{content:'';display:inline-block;width:7px;height:7px;border-radius:50%;background:#fb667e;margin-right:7px}.st-channel img,.st-avatar{width:52px;height:52px;border-radius:50%;object-fit:cover;background:#292418}.st-avatar{display:grid;place-items:center;color:#f0d78d;font-size:21px}.st-section-head{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap}.st-scroll{overflow:auto;max-width:100%}.smst table{border-collapse:collapse;width:100%;font-size:13px;text-align:left}.smst th{color:#e2c16e;font-size:11px;text-transform:uppercase;letter-spacing:.6px}.smst td,.smst th{padding:13px 14px;border-bottom:1px solid #4b4028;vertical-align:top;overflow-wrap:anywhere;max-width:500px}.smst td{color:#bbb9bf}.st-copy{display:flex;gap:12px}.st-copy input{flex:1}.st-empty{padding:22px;border:1px dashed #4b4028;border-radius:12px;color:#929198}.smst code{color:#d4af37;background:#080809;padding:4px 8px}.smst p{color:#bbb9bf;overflow-wrap:anywhere}.st-home{margin:30px auto;background:#0d0d10;border:1px solid #4b4028;border-radius:20px}.st-home h2{margin-top:8px}.st-modal{border:1px solid #8c723a;border-radius:20px;background:#0d0d10;color:#f1eee6;max-width:640px;width:calc(100% - 32px);padding:25px}.st-modal::backdrop{background:#050505c9}.st-modal iframe{width:100%;height:315px;border:0;border-radius:12px}.st-modal .st-modal-actions{display:flex;gap:10px;flex-wrap:wrap;margin:20px 0}.st-modal button,.st-mini{border:1px solid #8c723a;border-radius:8px;padding:10px 15px;background:#141416;color:#f1eee6;cursor:pointer}.st-modal a{color:#d4af37}.st-mini{position:fixed;right:20px;bottom:24px;z-index:1100;box-shadow:0 10px 25px #0009}.st-close{float:right}.st-admin{max-width:1500px}.smst :focus-visible{outline:2px solid #d4af37;outline-offset:3px}@media(max-width:760px){.smst{padding:24px 16px 44px}.st-hero{padding:32px 23px}.st-panel{padding:20px}.st-columns{grid-template-columns:1fr}.st-copy{flex-direction:column}.st-secondary{display:block;margin:18px 0}.st-modal iframe{height:220px}.smst td,.smst th{padding:10px}.st-nav{gap:14px}}

.st-modal{max-width:1100px;width:calc(100% - 32px)}.st-modal iframe{height:auto;aspect-ratio:16/9;display:block;background:#080809}.st-player-note{padding:22px;border:1px solid #4b4028;border-radius:12px;color:#bbb9bf;background:#0d0d10}.st-modal small{display:block;margin-top:10px;color:#bbb9bf}

/* Floating watch window: stays at the bottom right without blocking the page. */
.st-modal.st-docked,.st-modal.st-docked *{box-sizing:border-box}
.st-modal.st-docked{position:fixed;inset:auto 24px 24px auto;margin:0;width:448px;max-width:calc(100% - 48px);max-height:calc(100vh - 48px);max-height:calc(100dvh - 48px);padding:0;border:1px solid #8c723a;border-radius:18px;overflow:auto;background:linear-gradient(155deg,#141416,#0d0d10 65%);color:#f1eee6;box-shadow:0 22px 80px #000c,0 0 0 1px #d4af3716,inset 0 1px 0 #d4af3738;z-index:2147483000;font:14px/1.45 'Segoe UI',sans-serif}
.st-modal.st-docked::backdrop{background:transparent}
.st-watch-header{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:15px 16px;border-bottom:1px solid #4b4028;background:linear-gradient(100deg,#191710,#141416)}
.st-watch-identity{display:flex;align-items:center;gap:11px;min-width:0}
.st-watch-avatar{display:grid;place-items:center;flex:0 0 40px;width:40px;height:40px;border:1px solid #8c723a;border-radius:12px;background:linear-gradient(140deg,#292418,#191710);color:#f0d78d;font-size:20px;font-weight:700;box-shadow:0 3px 12px #0004;overflow:hidden}
.st-watch-avatar img{width:100%;height:100%;object-fit:cover}
.st-watch-name{min-width:0}.st-modal .st-watch-name small{display:block;margin:0 0 3px;color:#cfba7a;font-size:9px;letter-spacing:1.7px;font-weight:700}
.st-modal .st-watch-name h2{margin:0;font:700 16px/1.2 'Segoe UI',sans-serif;color:#f1eee6;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}
.st-watch-controls{display:flex;gap:6px;flex-shrink:0}
.st-modal .st-watch-controls button{display:grid;place-items:center;width:31px;height:31px;padding:0;border:1px solid #8c723a;border-radius:9px;color:#bbb9bf;background:#0d0d10;font:22px/1 'Segoe UI',sans-serif;cursor:pointer}
.st-modal .st-watch-controls button:hover{background:#292418;color:white;border-color:#d4af37}.st-modal .st-watch-controls button:last-child:hover{background:#62333e;border-color:#b46a76}
.st-watch-stage{background:#080809;border-bottom:1px solid #4b4028;min-height:100px}
.st-modal.st-docked .st-watch-stage iframe{display:block;width:100%;height:auto;aspect-ratio:16/9;border:0;border-radius:0;background:#080809}
.st-watch-placeholder{display:grid;place-items:center;width:58px;height:58px;margin:24px auto 12px;border:1px solid #4b4028;border-radius:50%;color:#d4af37;background:#191710;font-size:12px;font-weight:800;letter-spacing:1px}
.st-modal.st-docked .st-player-note{margin:0;padding:0 24px 23px;border:0;border-radius:0;background:none;color:#929198;text-align:center;font-size:13px;line-height:1.55}
.st-watch-info{padding:14px 17px 9px}.st-watch-badges{display:flex;align-items:center;gap:9px}
.st-watch-live{display:inline-flex;align-items:center;gap:6px;padding:4px 8px;border:1px solid #87404d;border-radius:6px;background:#51273466;color:#ffa9b3;font-size:9px;font-weight:800;letter-spacing:1px}
.st-watch-live:before{content:'';width:5px;height:5px;border-radius:50%;background:#ff657f;box-shadow:0 0 9px #ff657f88}
.st-watch-platform{color:#929198;font-size:10px;font-weight:700;letter-spacing:1px}
.st-modal .st-watch-topic{margin:9px 0 0;color:#f1eee6;font-size:14px;line-height:1.4;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.st-modal .st-watch-info small{margin:6px 0 0;font-size:10px;color:#929198}
.st-watch-actions{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:6px 17px 16px}
.st-modal .st-watch-actions .st-button{padding:8px 12px;border-color:#8c723a;border-radius:8px;background:linear-gradient(135deg,#d4af37,#987322);font-size:12px;box-shadow:0 4px 12px #0003}
.st-modal .st-watch-actions a:last-child{color:#d8bd70;font-size:12px;text-decoration:none}.st-modal .st-watch-actions a:last-child:hover{color:#f0d78d}
.st-mini{right:24px;bottom:24px;max-width:calc(100% - 48px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;z-index:2147483000;padding:12px 17px;border:1px solid #8c723a;border-radius:12px;background:linear-gradient(130deg,#292418,#141416);color:#f0d78d;box-shadow:0 8px 32px #0008;font:600 13px 'Segoe UI',sans-serif}
@media(max-width:600px){.st-modal.st-docked{right:12px;bottom:12px;width:calc(100% - 24px);max-width:calc(100% - 24px);max-height:calc(100vh - 24px);max-height:calc(100dvh - 24px);border-radius:15px}.st-watch-header{padding:12px}.st-watch-actions{padding:5px 14px 14px}.st-mini{right:12px;bottom:12px;max-width:calc(100% - 24px)}}

/* Match StormMu's existing black/gold page and navigation palette. */
.smst{font-family:inherit;color:#eee9dc}
.smst h1,.smst h2{font-family:'Cinzel',Georgia,serif}
.smst h1{letter-spacing:-.7px}.smst h1 em{color:#d4af37}
.smst h2{color:#e6c96e}.smst h3{color:#e4dcc8}
.st-hero{background:radial-gradient(ellipse at 88% 12%,rgba(212,175,55,.12),transparent 55%),linear-gradient(125deg,#151411,#080809)}
.st-panel,.st-channel{background:linear-gradient(145deg,#161617,#0b0b0d)}
.st-nav a,.st-secondary{color:#e3c773}.st-tag{background:rgba(212,175,55,.055)}
.st-modal.st-docked{background:linear-gradient(150deg,#1a1812,#09090b 65%);border-color:rgba(212,175,55,.52);box-shadow:0 22px 80px #000c,0 0 0 1px rgba(212,175,55,.09),inset 0 1px 0 rgba(241,213,122,.12)}
.st-watch-header{background:linear-gradient(100deg,#272215,#111112);border-bottom-color:rgba(212,175,55,.22)}
.st-modal .st-watch-name h2{font-family:inherit;color:#f4efdf}
.st-modal .st-watch-controls button:hover{background:#3d341d;border-color:#d4af37}
.st-modal .st-watch-controls button:last-child:hover{background:#62333e;border-color:#b46a76}
.st-watch-platform{color:#c7af73}.st-watch-avatar{color:#f0d78d}
.st-modal .st-watch-actions .st-button{border-color:#bd983b;background:linear-gradient(135deg,#ebce70,#ad8328);color:#171206!important}
.st-modal .st-watch-actions a:last-child{color:#d5bd75}
.st-modal .st-watch-info small{color:#a4987e}