#resistance-prototype{--gold:#c9ac70;--bg:#101113;--panel:#1b1c1f;--line:#34302a;--text:#ece9e2;color:var(--text);background:var(--bg);font-family:Tahoma,Arial,sans-serif;font-size:14px;min-height:760px;position:relative;border-radius:12px;overflow:hidden}
#resistance-prototype *{box-sizing:border-box}#resistance-prototype button{font:inherit;cursor:pointer}#resistance-prototype button:focus-visible{outline:2px solid var(--gold);outline-offset:4px}
#resistance-prototype .rs-shell{display:grid;grid-template-columns:220px minmax(0,1fr);min-height:760px}
#resistance-prototype .rs-sidebar{background:#151618;border-right:1px solid var(--line);padding:32px 20px;display:flex;flex-direction:column}
#resistance-prototype .rs-brand{font-size:20px;letter-spacing:2px;color:var(--gold);font-weight:700}#resistance-prototype .rs-subbrand{font-size:10px;letter-spacing:3px;color:#a29e94;margin-top:9px}
#resistance-prototype nav{display:grid;gap:8px;margin-top:42px}#resistance-prototype nav button{text-align:left;border:0;background:transparent;color:#bdbab3;padding:14px;border-radius:7px}#resistance-prototype nav button:hover{background:#222220;color:#eee8db}#resistance-prototype nav button[aria-current="page"]{background:#302a1e;color:#e1c588;box-shadow:inset 3px 0 #c9ac70}
#resistance-prototype .rs-sidefoot{margin-top:auto;padding-top:50px;color:#8e8b85;font-size:11px;line-height:1.9}
#resistance-prototype .rs-content{min-width:0}#resistance-prototype .rs-top{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:22px 32px;border-bottom:1px solid var(--line);color:#b2aea5;font-size:12px}#resistance-prototype .rs-preview{border:1px solid #4d4230;padding:5px 10px;border-radius:20px;color:var(--gold);font-size:11px}
#resistance-prototype main{padding:35px 34px 40px}#resistance-prototype .rs-kicker{font-size:10px;letter-spacing:3px;color:var(--gold)}#resistance-prototype h1{font-size:28px;line-height:1.5;font-weight:500;margin:10px 0}#resistance-prototype .rs-intro{color:#a8a49c;font-size:12px;line-height:1.9;margin:0 0 32px}
#resistance-prototype .rs-halves{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(48px,6vw,100px)}#resistance-prototype .rs-grouphead{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);padding-bottom:13px;margin-bottom:20px}#resistance-prototype h2{font-size:15px;font-weight:500;margin:0;color:#d5c49f}#resistance-prototype .rs-order{font-size:10px;color:#949087}
#resistance-prototype .rs-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px 13px}#resistance-prototype .rs-member{border:1px solid #34312a;background:#202022;padding:10px 10px 18px;min-width:0;color:#e6dfcf;box-shadow:0 8px 16px #0002;transition:transform .2s,border-color .2s}#resistance-prototype .rs-member:hover{transform:translateY(-3px) scale(1.03);border-color:var(--gold);z-index:1}#resistance-prototype .rs-member img{display:block;width:100%;aspect-ratio:1;object-fit:cover;background:#2c2b28}#resistance-prototype .rs-name{display:block;font-size:11px;padding-top:13px;overflow-wrap:anywhere}#resistance-prototype .rs-demo{margin-top:29px;color:#969087;font-size:11px;line-height:1.9}
#resistance-prototype .rs-empty{min-height:520px}#resistance-prototype .rs-placeholder{padding-top:70px;text-align:center;color:#9f998d;line-height:1.9}#resistance-prototype .rs-menu-toggle{display:none;background:transparent;border:1px solid #544630;color:var(--gold);border-radius:5px;padding:10px 14px}
#resistance-prototype .rs-overlay{position:fixed;inset:0;background:#000c;z-index:10;display:flex;align-items:flex-start;justify-content:center;padding:24px 20px;overflow:auto}#resistance-prototype [hidden]{display:none!important}#resistance-prototype .rs-dialog{width:min(900px,100%);background:#191a1c;border:1px solid #685536;padding:20px;box-shadow:0 24px 60px #0009;border-radius:8px}#resistance-prototype .rs-dialog-header{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:18px}#resistance-prototype .rs-close{background:#2b2822;color:#e8d5ac;border:1px solid #514633;padding:9px 14px;border-radius:5px}#resistance-prototype .rs-large{display:block;width:100%;max-height:calc(100dvh - 150px);object-fit:contain}#resistance-prototype .rs-history-body{color:#bfbab0;line-height:2}
@media(min-width:1400px){#resistance-prototype main{max-width:1500px;margin:auto;padding:45px 40px}#resistance-prototype .rs-grid{gap:22px}#resistance-prototype .rs-name{font-size:13px}}
@media(max-width:900px){#resistance-prototype .rs-shell{grid-template-columns:180px minmax(0,1fr)}#resistance-prototype .rs-sidebar{padding:28px 15px}#resistance-prototype .rs-brand{font-size:17px}#resistance-prototype main{padding:30px 22px}#resistance-prototype .rs-halves{gap:20px}#resistance-prototype .rs-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){#resistance-prototype{border-radius:0}#resistance-prototype .rs-shell{display:flex;flex-direction:column}#resistance-prototype .rs-sidebar{padding:18px 20px;border-right:0;border-bottom:1px solid var(--line)}#resistance-prototype .rs-brandrow{display:flex;justify-content:space-between;align-items:center;gap:12px}#resistance-prototype .rs-menu-toggle{display:block}#resistance-prototype nav{display:none;margin-top:20px;grid-template-columns:1fr 1fr;gap:5px}#resistance-prototype nav.rs-open{display:grid}#resistance-prototype nav button{font-size:12px;padding:14px 10px}#resistance-prototype .rs-sidefoot{display:none}#resistance-prototype .rs-top{padding:17px 20px}#resistance-prototype main{padding:26px 16px}#resistance-prototype h1{font-size:23px}#resistance-prototype .rs-halves{gap:14px}#resistance-prototype .rs-grid{gap:12px 7px}#resistance-prototype .rs-member{padding:5px 5px 11px}#resistance-prototype .rs-order{display:none}#resistance-prototype h2{font-size:13px}#resistance-prototype .rs-name{font-size:10px;padding-top:9px}#resistance-prototype .rs-intro{margin-bottom:24px}#resistance-prototype .rs-overlay{padding-top:35px}}
@media(prefers-reduced-motion:reduce){#resistance-prototype .rs-member{transition:none}}
#resistance-prototype .rs-role{display:block;font-size:10px;line-height:1.5;margin-top:8px;overflow-wrap:anywhere;font-weight:bold}#resistance-prototype .rs-role-master{color:#ff5757}#resistance-prototype .rs-role-officer{color:#6da6ff}#resistance-prototype .rs-role-member{color:#68d989}
#resistance-prototype .rs-home-logo{text-align:center;margin:4px auto 40px}#resistance-prototype .rs-home-logo img{display:block;width:min(440px,85%);height:auto;margin:0 auto}#resistance-prototype .rs-home-article{max-width:900px;margin:0 auto;color:#d7d2c8;font-size:16px;line-height:2;overflow-wrap:anywhere}#resistance-prototype .rs-home-article h1{font-size:22px;color:var(--gold);margin:0 0 26px}#resistance-prototype .rs-home-article h2{font-size:20px;color:var(--gold);margin:34px 0 18px}#resistance-prototype .rs-home-article p{margin:0 0 22px}#resistance-prototype .rs-home-signature{color:var(--gold);padding-top:8px}@media(max-width:600px){#resistance-prototype .rs-home-logo{margin-bottom:28px}#resistance-prototype .rs-home-logo img{width:min(320px,90%)}#resistance-prototype .rs-home-article{font-size:15px;line-height:1.95}#resistance-prototype .rs-home-article h1{font-size:19px}#resistance-prototype .rs-home-article h2{font-size:18px}}

/* Black and gold columns remain fixed while the page scrolls. */
html,body{margin:0;background:#000}
#resistance-prototype{--bg:#000;min-height:100vh;border-radius:0;isolation:isolate}
#resistance-prototype::before{content:"";position:fixed;top:0;bottom:0;left:220px;right:0;background:#000 url("assets/resistance-columns.png") center center / 100% 100% no-repeat;pointer-events:none;z-index:-1}
#resistance-prototype .rs-shell{min-height:100vh}
#resistance-prototype .rs-top{background:rgba(0,0,0,.72)}
#resistance-prototype main{background:rgba(0,0,0,.48)}
#resistance-prototype .rs-home-article{text-shadow:0 1px 4px #000}
@media(max-width:900px){#resistance-prototype::before{left:180px}}
@media(max-width:600px){#resistance-prototype::before{display:none}#resistance-prototype main{background:#000}}

/* STEP 2.6: readable type and restrained motion */
#resistance-prototype{font-size:17px}
#resistance-prototype nav button{font-size:17px;line-height:1.6;position:relative;transition:color .2s,background-color .2s}
#resistance-prototype nav button::after{content:"";position:absolute;bottom:8px;left:14px;right:14px;height:1px;background:var(--gold);transform:scaleX(0);transform-origin:left;transition:transform .25s}
#resistance-prototype nav button:hover,#resistance-prototype nav button:focus-visible{color:#e1c588}
#resistance-prototype nav button:hover::after,#resistance-prototype nav button:focus-visible::after{transform:scaleX(1)}
#resistance-prototype .rs-subbrand{font-size:12px;letter-spacing:2px}
#resistance-prototype .rs-sidefoot,#resistance-prototype .rs-preview{font-size:13px}
#resistance-prototype .rs-top{font-size:15px}
#resistance-prototype .rs-kicker{font-size:13px}
#resistance-prototype h1{font-size:32px}
#resistance-prototype h2{font-size:20px}
#resistance-prototype .rs-intro,#resistance-prototype .rs-demo{font-size:17px}
#resistance-prototype .rs-name{font-size:16px;line-height:1.65}
#resistance-prototype .rs-role{font-size:13px;line-height:1.65}
#resistance-prototype .rs-home-article{font-size:20px;line-height:1.95}
#resistance-prototype .rs-home-article h1{font-size:28px;line-height:1.65}
#resistance-prototype .rs-home-article h2{font-size:25px}
#resistance-prototype .rs-home-article p{margin-bottom:28px}
#resistance-prototype .rs-dialog-header{font-size:19px}
#resistance-prototype::after{content:"";position:fixed;inset:0 0 0 220px;z-index:-1;pointer-events:none;background:radial-gradient(ellipse 12% 20% at 5% 90%,rgba(201,172,112,.14),transparent 100%),radial-gradient(ellipse 12% 20% at 95% 90%,rgba(201,172,112,.14),transparent 100%);animation:rs-column-light 9s ease-in-out infinite}
@keyframes rs-column-light{0%,100%{opacity:.15}50%{opacity:.65}}
#resistance-prototype .rs-logo-intro{animation:rs-logo-in .85s ease-out both}
@keyframes rs-logo-in{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}
#resistance-prototype .rs-overlay:not([hidden]){animation:rs-overlay-in .2s ease-out both}
#resistance-prototype .rs-overlay:not([hidden]) .rs-dialog{animation:rs-dialog-in .24s ease-out both}
@keyframes rs-overlay-in{from{opacity:0}to{opacity:1}}
@keyframes rs-dialog-in{from{opacity:0;transform:translateY(8px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}
#resistance-prototype .rs-overlay.rs-closing{animation:rs-overlay-out .18s ease-in both;pointer-events:none}
#resistance-prototype .rs-overlay.rs-closing .rs-dialog{animation:rs-dialog-out .18s ease-in both}
@keyframes rs-overlay-out{to{opacity:0}}
@keyframes rs-dialog-out{to{opacity:0;transform:translateY(4px) scale(.98)}}
@media(max-width:900px){#resistance-prototype::after{left:180px}}
@media(max-width:600px){#resistance-prototype::after{display:none}#resistance-prototype nav button{font-size:15px}#resistance-prototype .rs-top{font-size:13px}#resistance-prototype .rs-preview{font-size:11px}#resistance-prototype h1{font-size:27px}#resistance-prototype h2{font-size:17px}#resistance-prototype .rs-name{font-size:14px}#resistance-prototype .rs-role{font-size:12px}#resistance-prototype .rs-intro,#resistance-prototype .rs-demo{font-size:16px}#resistance-prototype .rs-home-article{font-size:18px;line-height:1.95}#resistance-prototype .rs-home-article h1{font-size:24px}#resistance-prototype .rs-home-article h2{font-size:22px}}
@media(prefers-reduced-motion:reduce){#resistance-prototype::after,#resistance-prototype .rs-logo-intro,#resistance-prototype .rs-overlay:not([hidden]),#resistance-prototype .rs-overlay:not([hidden]) .rs-dialog{animation:none}#resistance-prototype nav button,#resistance-prototype nav button::after{transition:none}}

/* STEP 2.7: visible gold lighting and clearer interactions */
#resistance-prototype::after{z-index:0;background:radial-gradient(ellipse 13% 45% at 6% 92%,rgba(229,181,76,.48),transparent 75%),radial-gradient(ellipse 13% 45% at 94% 92%,rgba(229,181,76,.48),transparent 75%);animation:rs-column-light-visible 5s ease-in-out infinite}
#resistance-prototype .rs-shell{position:relative;z-index:1}
@keyframes rs-column-light-visible{0%,100%{opacity:.18;transform:translateY(12px)}50%{opacity:1;transform:translateY(-14px)}}
#resistance-prototype .rs-home-logo img{animation:rs-logo-glow 5s ease-in-out infinite}
#resistance-prototype .rs-home-logo img.rs-logo-intro{animation:rs-logo-in-visible 1.6s ease-out both,rs-logo-glow 5s ease-in-out infinite}
@keyframes rs-logo-in-visible{from{opacity:0;transform:translateY(28px) scale(.92)}to{opacity:1;transform:translateY(0) scale(1)}}
@keyframes rs-logo-glow{0%,100%{filter:drop-shadow(0 0 3px rgba(201,172,112,.15))}50%{filter:drop-shadow(0 0 18px rgba(201,172,112,.65))}}
#resistance-prototype nav button{transition:color .25s,background-color .25s,transform .25s,box-shadow .25s}
#resistance-prototype nav button:hover,#resistance-prototype nav button:focus-visible{transform:translateX(5px);background:#3b3020;box-shadow:0 0 16px #c9ac7030;color:#ffe2a4}
#resistance-prototype nav button::after{height:2px;box-shadow:0 0 8px #dcb86d;transition:transform .35s}
#resistance-prototype .rs-member{transition:transform .25s,border-color .25s,box-shadow .25s}
#resistance-prototype .rs-member:hover,#resistance-prototype .rs-member:focus-visible{box-shadow:0 0 20px #c9ac7055;border-color:#e4c381}
#resistance-prototype .rs-overlay:not([hidden]){animation:rs-overlay-in .4s ease-out both}
#resistance-prototype .rs-overlay:not([hidden]) .rs-dialog{animation:rs-dialog-in-visible .45s ease-out both}
@keyframes rs-dialog-in-visible{from{opacity:0;transform:translateY(24px) scale(.86)}to{opacity:1;transform:translateY(0) scale(1)}}
#resistance-prototype .rs-overlay.rs-closing{animation:rs-overlay-out .3s ease-in both}
#resistance-prototype .rs-overlay.rs-closing .rs-dialog{animation:rs-dialog-out .3s ease-in both}
@media(prefers-reduced-motion:reduce){#resistance-prototype::after{animation:none;opacity:.35;transform:none}#resistance-prototype .rs-home-logo img,#resistance-prototype .rs-home-logo img.rs-logo-intro,#resistance-prototype .rs-overlay:not([hidden]),#resistance-prototype .rs-overlay:not([hidden]) .rs-dialog{animation:none}#resistance-prototype nav button,#resistance-prototype nav button::after,#resistance-prototype .rs-member{transition:none}#resistance-prototype nav button:hover,#resistance-prototype nav button:focus-visible{transform:none}}

/* STEP 2.8: black and antique gold gallery frames */
#resistance-prototype .rs-member{position:relative;isolation:isolate;padding:12px 12px 17px;border:1px solid #75603b;border-radius:2px;background:linear-gradient(145deg,#20201c 0%,#080909 18%,#111210 78%,#29251b 100%);box-shadow:inset 0 0 0 3px #090a09,inset 0 0 0 4px #3f3524,0 8px 18px #0008;transition:transform .25s,border-color .25s,box-shadow .25s}
#resistance-prototype .rs-member::before{content:"";position:absolute;inset:5px;pointer-events:none;z-index:2;background:linear-gradient(#c0a16b,#c0a16b) left top/18px 2px no-repeat,linear-gradient(#c0a16b,#c0a16b) left top/2px 18px no-repeat,linear-gradient(#c0a16b,#c0a16b) right top/18px 2px no-repeat,linear-gradient(#c0a16b,#c0a16b) right top/2px 18px no-repeat,linear-gradient(#a0834d,#a0834d) left bottom/18px 2px no-repeat,linear-gradient(#a0834d,#a0834d) left bottom/2px 18px no-repeat,linear-gradient(#a0834d,#a0834d) right bottom/18px 2px no-repeat,linear-gradient(#a0834d,#a0834d) right bottom/2px 18px no-repeat}
#resistance-prototype .rs-member::after{content:"";position:absolute;inset:8px;border:1px solid #79613c55;pointer-events:none}
#resistance-prototype .rs-member img{border:1px solid #6e5a39;box-shadow:0 0 0 2px #000,0 0 0 3px #b3915140;background:#080909}
#resistance-prototype .rs-name{position:relative;padding:23px 4px 5px;color:#eee8d9;background:linear-gradient(#11120f,#080909);font-weight:500}
#resistance-prototype .rs-name::before{content:"";position:absolute;top:12px;left:28%;right:28%;height:1px;background:linear-gradient(90deg,transparent,#c6a76b,transparent)}
#resistance-prototype .rs-role{margin-top:0;padding:3px 4px 8px;background:#080909}
#resistance-prototype .rs-member:hover,#resistance-prototype .rs-member:focus-visible{transform:translateY(-4px) scale(1.03);border-color:#dfbf7e;box-shadow:inset 0 0 0 3px #090a09,inset 0 0 0 4px #9f8049,0 0 22px #c9ac7045,0 12px 24px #0009}
#resistance-prototype .rs-grouphead{position:relative;border-bottom:0;padding-bottom:24px;margin-bottom:24px}
#resistance-prototype .rs-grouphead h2{color:#d8c294;letter-spacing:.4px}
#resistance-prototype .rs-grouphead::before{content:"";position:absolute;bottom:5px;left:0;right:0;height:1px;background:linear-gradient(90deg,#b3955b, #8b734345 43%,transparent 48%,transparent 52%,#8b734345 57%,#b3955b)}
#resistance-prototype .rs-grouphead::after{content:"";position:absolute;bottom:2px;left:calc(50% - 4px);width:7px;height:7px;border:1px solid #baa06b;transform:rotate(45deg);background:#090909}
#resistance-prototype .rs-dialog{position:relative;border:1px solid #b39257;border-radius:3px;background:linear-gradient(135deg,#191914,#080909 35%,#11110e);padding:24px;box-shadow:inset 0 0 0 4px #080909,inset 0 0 0 5px #554429,0 24px 70px #000b}
#resistance-prototype .rs-dialog::before{content:"";position:absolute;inset:8px;pointer-events:none;background:linear-gradient(#c0a16b,#c0a16b) left top/24px 2px no-repeat,linear-gradient(#c0a16b,#c0a16b) left top/2px 24px no-repeat,linear-gradient(#c0a16b,#c0a16b) right top/24px 2px no-repeat,linear-gradient(#c0a16b,#c0a16b) right top/2px 24px no-repeat,linear-gradient(#a0834d,#a0834d) left bottom/24px 2px no-repeat,linear-gradient(#a0834d,#a0834d) left bottom/2px 24px no-repeat,linear-gradient(#a0834d,#a0834d) right bottom/24px 2px no-repeat,linear-gradient(#a0834d,#a0834d) right bottom/2px 24px no-repeat}
#resistance-prototype .rs-dialog-header{padding-bottom:15px;border-bottom:1px solid #80633875;color:#e4d2ac}
#resistance-prototype .rs-large{border:1px solid #6e5a39;background:#000}
#resistance-prototype .rs-close{background:#18150f;border-color:#987a47;color:#edd8ad}
@media(max-width:600px){#resistance-prototype .rs-member{padding:9px 9px 12px}#resistance-prototype .rs-member::before{inset:4px}#resistance-prototype .rs-member::after{inset:6px}#resistance-prototype .rs-name{padding:20px 2px 4px}#resistance-prototype .rs-name::before{top:10px}#resistance-prototype .rs-role{padding:3px 2px 6px}#resistance-prototype .rs-dialog{padding:18px}#resistance-prototype .rs-grouphead{margin-bottom:18px}}
@media(prefers-reduced-motion:reduce){#resistance-prototype .rs-member{transition:none}#resistance-prototype .rs-member:hover,#resistance-prototype .rs-member:focus-visible{transform:none}}

/* STEP 4.1 — brighter member labels */
#resistance-prototype .rs-name{color:#fff8e8;font-weight:700;text-shadow:0 1px 2px #000}
#resistance-prototype .rs-role-master{color:#ff9292}#resistance-prototype .rs-role-officer{color:#a5caff}#resistance-prototype .rs-role-member{color:#a3efb5}
#resistance-prototype .rs-grouphead h2{color:#ffe0a0}#resistance-prototype .rs-intro{color:#d9d4c9}
.rs-atmosphere{position:fixed;inset:0 0 0 220px;pointer-events:none;z-index:0;overflow:hidden;background:radial-gradient(ellipse at 50% 110%,#c9ac7010,transparent 65%)}
.rs-atmosphere i{position:absolute;left:var(--x);bottom:-10px;width:2px;height:2px;background:#e8c780;border-radius:50%;box-shadow:0 0 7px #e8c780;animation:rs-drift var(--duration) var(--delay) linear infinite}
@keyframes rs-drift{0%{transform:translate(0,0);opacity:0}15%,70%{opacity:.5}100%{transform:translate(35px,-100vh);opacity:0}}
#resistance-prototype .rs-year{margin:40px auto 95px;max-width:1050px;text-align:center;scroll-margin-top:24px}
#resistance-prototype .rs-year h2{font-size:clamp(24px,3vw,35px);color:#fff2d4;margin-bottom:25px;font-weight:500}
.rs-stage{position:relative;width:100%;padding:12px 7%;aspect-ratio:16/9;display:flex;align-items:center;justify-content:center}
.rs-stage::before,.rs-stage::after{content:"";position:absolute;width:88%;height:88%;border:1px solid #8d754b;border-radius:15px;background:linear-gradient(125deg,#30281b,#080909);transform:rotate(-2deg);box-shadow:0 12px 30px #0009}
.rs-stage::after{transform:rotate(2deg)}
.rs-media{position:relative;z-index:1;width:100%;height:100%;min-width:0;border:1px solid #d6b775;border-radius:12px;background:#080909;overflow:hidden;box-shadow:0 0 0 4px #c9ac7018,0 18px 45px #0009}
.rs-media img,.rs-media video{display:block;width:100%;height:100%;object-fit:contain;background:#050505}
.rs-media button{width:100%;height:100%;border:0;background:#050505;padding:0;color:white}
.rs-arrow{position:absolute;top:50%;transform:translateY(-50%);z-index:3;border:1px solid #d6b775;border-radius:50%;width:46px;height:46px;background:#15120def;color:#ffe1a2;font-size:28px!important;box-shadow:0 4px 16px #0009}
.rs-arrow.prev{left:1%}.rs-arrow.next{right:1%}.rs-arrow:disabled{opacity:.35;cursor:default!important}
.rs-year-meta{display:flex;justify-content:center;align-items:center;gap:18px;margin-top:20px;color:#e9dcc2;font-size:14px}
.rs-expand{border:1px solid #76613b;background:#18150f;color:#ffe1a2;border-radius:6px;padding:8px 14px}
.rs-sample{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;background:radial-gradient(ellipse at center,#40321a,#070808 75%);color:#f1d39b}.rs-sample strong{font-size:clamp(24px,4vw,55px);letter-spacing:4px}.rs-sample small{color:#d8d0c1}
.rs-year-links{display:flex;flex-wrap:wrap;gap:8px;margin:20px 0 35px}.rs-year-links a{color:#edd3a4;text-decoration:none;border:1px solid #544630;border-radius:5px;padding:8px 12px}
.rs-lightbox{position:fixed;inset:0;z-index:50;margin:0;background:#000e;color:#fff;padding:20px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px}.rs-lightbox-media{width:min(1200px,100%);height:75dvh;min-height:0}.rs-lightbox img,.rs-lightbox video{width:100%;height:100%;object-fit:contain}.rs-lightbox-bar{display:flex;gap:12px;align-items:center}.rs-lightbox button{background:#292217;color:#ffe1a2;border:1px solid #9b8050;border-radius:6px;padding:10px 16px}
@media(max-width:900px){.rs-atmosphere{left:180px}}
@media(max-width:600px){.rs-atmosphere{left:0}.rs-stage{aspect-ratio:4/3;padding:8px 6%}.rs-arrow{width:36px;height:36px}.rs-year{margin-bottom:65px}.rs-year-meta{font-size:12px;gap:10px}.rs-lightbox{padding:12px}.rs-lightbox-bar{gap:7px}}
@media(prefers-reduced-motion:reduce){.rs-atmosphere i{animation:none;display:none}}

/* STEP 4.3 — single-line fitted names and vivid role colors */
#resistance-prototype .rs-name{--rs-name-size:16;white-space:nowrap;overflow-wrap:normal;word-break:normal;overflow:hidden;line-height:27px;text-align:center}
#resistance-prototype .rs-name-text{display:inline-block;white-space:nowrap;font-size:16px;line-height:inherit;transform-origin:center}
#resistance-prototype .rs-role{font-weight:700;text-shadow:0 1px 2px #000}
#resistance-prototype .rs-role-master{color:#ff505c}
#resistance-prototype .rs-role-officer{color:#439fff}
#resistance-prototype .rs-role-member{color:#39ed79}
@media(max-width:600px){#resistance-prototype .rs-name{--rs-name-size:14;line-height:24px}#resistance-prototype .rs-name-text{font-size:14px}}


/* STEP 4.5.1 — scattered drifting sparks and softer column light */
#resistance-prototype .rs-atmosphere{z-index:2;background:none;pointer-events:none}
#resistance-prototype .rs-atmosphere i{display:block;left:var(--x);top:var(--y);bottom:auto;width:var(--size);height:var(--size);border-radius:50%;background:#ffdf85;box-shadow:0 0 7px #ffe8a6e6,0 0 16px #eeb343a6,0 0 24px #d695334d;opacity:0;animation:rs-spark-float var(--duration) var(--delay) ease-in-out infinite;will-change:transform,opacity}
#resistance-prototype .rs-atmosphere i::before,#resistance-prototype .rs-atmosphere i::after{content:none;display:none}
@keyframes rs-spark-float{0%{opacity:0;transform:translate3d(0,20px,0) scale(.6)}20%{opacity:.35}50%{opacity:.85;transform:translate3d(12px,-20px,0) scale(1)}80%{opacity:.25}100%{opacity:0;transform:translate3d(-10px,-55px,0) scale(.5)}}
#resistance-prototype::after{display:block;z-index:0;background:radial-gradient(ellipse 15% 60% at 5% 88%,#e7b75b70,transparent 75%),radial-gradient(ellipse 15% 60% at 95% 88%,#e7b75b70,transparent 75%);animation:rs-column-soft 7s ease-in-out infinite}
@keyframes rs-column-soft{0%,100%{opacity:.15;transform:translateY(5px)}50%{opacity:.55;transform:translateY(-8px)}}
#resistance-prototype:has(.rs-overlay:not([hidden])) .rs-atmosphere,#resistance-prototype:has(.rs-lightbox:not([hidden])) .rs-atmosphere{visibility:hidden}
@media(max-width:600px){#resistance-prototype::after{left:0;display:block;z-index:2;background:radial-gradient(ellipse 25% 60% at 0% 88%,#e7b75b35,transparent 75%),radial-gradient(ellipse 25% 60% at 100% 88%,#e7b75b35,transparent 75%)}}
/* STEP 4.5.2: requested moving preview also uses the same timing on reduced-motion devices. */
@media(prefers-reduced-motion:reduce){#resistance-prototype .rs-atmosphere i{display:block;top:var(--y);bottom:auto;animation:rs-spark-float var(--duration) var(--delay) ease-in-out infinite}#resistance-prototype::after{animation:none;opacity:.3;transform:none}}

/* STEP 4.5.4 — gold hover glow for activity media and navigation arrows */
#resistance-prototype .rs-media{transition:border-color .22s ease,box-shadow .22s ease}
#resistance-prototype .rs-media:focus-within{border-color:#dfbf7e;box-shadow:0 0 0 4px #c9ac7030,0 0 22px #c9ac7060,0 18px 45px #0009}
#resistance-prototype .rs-arrow{transition:border-color .22s ease,box-shadow .22s ease,background-color .22s ease,color .22s ease}
#resistance-prototype .rs-arrow:focus-visible{outline:2px solid #ffe1a2;outline-offset:4px}
#resistance-prototype .rs-arrow:focus-visible:not(:disabled),#resistance-prototype .rs-arrow:active:not(:disabled){border-color:#ffe1a2;background:#392b16;color:#fff0c8;box-shadow:0 0 9px #e4c38188,0 0 22px #c9ac7066,0 4px 16px #0009}
@media(hover:hover){
 #resistance-prototype .rs-media:hover{border-color:#dfbf7e;box-shadow:0 0 0 4px #c9ac7030,0 0 22px #c9ac7060,0 18px 45px #0009}
 #resistance-prototype .rs-arrow:hover:not(:disabled){border-color:#ffe1a2;background:#392b16;color:#fff0c8;box-shadow:0 0 9px #e4c38188,0 0 22px #c9ac7066,0 4px 16px #0009}
}
@media(prefers-reduced-motion:reduce){#resistance-prototype .rs-media,#resistance-prototype .rs-arrow{transition:none}}

/* STEP 5 — home article, gold halo and clearer member typography */
@font-face{font-family:'TH SarabunPSK';src:url('assets/fonts/THSarabun.ttf') format('truetype');font-weight:400;font-display:swap}
@font-face{font-family:'TH SarabunPSK';src:url('assets/fonts/THSarabun Bold.ttf') format('truetype');font-weight:700;font-display:swap}
#resistance-prototype{--gold:#ffda76}
#resistance-prototype .rs-home-logo{position:relative;isolation:isolate}
#resistance-prototype .rs-home-logo::before{content:'';position:absolute;z-index:-1;pointer-events:none;left:50%;top:48%;transform:translate(-50%,-50%);width:min(560px,90%);height:115%;background:radial-gradient(ellipse,#ffc83c66 0%,#e7a51d35 35%,#d3931010 57%,transparent 73%);filter:blur(12px)}
#resistance-prototype .rs-home-article{font-family:'TH SarabunPSK',Tahoma,sans-serif;font-size:26px;font-weight:400;line-height:1.5;overflow-wrap:normal;word-break:normal;color:#eee7da}
#resistance-prototype .rs-home-article h1{font-family:inherit;font-size:32px;font-weight:700;line-height:1.5;text-align:center;color:#ffda76;margin-bottom:22px}
#resistance-prototype .rs-home-article h2{font-family:inherit;font-size:29px;font-weight:700;text-align:left;color:#ffda76;margin:26px 0 8px}
#resistance-prototype .rs-home-article p{text-align:justify;text-align-last:start;text-indent:2.5em;margin:0 0 18px}
#resistance-prototype .rs-home-article strong{font-weight:700}
#resistance-prototype .rs-home-article .rs-home-signature{text-align:left;text-indent:0;color:#ffda76;margin:0;line-height:1.4}
#resistance-prototype .rs-home-article .rs-home-signature:first-of-type{margin-top:28px}
#resistance-prototype .rs-grouphead h2,#resistance-prototype .rs-kicker{color:#ffda76}
#resistance-prototype .rs-name{--rs-name-size:21;line-height:32px}
#resistance-prototype .rs-name-text{font-size:21px}
#resistance-prototype .rs-role{font-size:16px;line-height:1.6}
@media(max-width:600px){#resistance-prototype .rs-home-article{font-size:23px;line-height:1.5}#resistance-prototype .rs-home-article h1{font-size:27px}#resistance-prototype .rs-home-article h2{font-size:25px}#resistance-prototype .rs-home-article p{text-indent:1.6em}#resistance-prototype .rs-name{--rs-name-size:17;line-height:28px}#resistance-prototype .rs-name-text{font-size:17px}#resistance-prototype .rs-role{font-size:13px}}

/* STEP 5.1 — 120% article, semantic phrase wrapping and smaller names */
#resistance-prototype .rs-home-article{font-size:31.2px}
#resistance-prototype .rs-home-article h1{font-size:38.4px}
#resistance-prototype .rs-home-article h2{font-size:34.8px}
#resistance-prototype .rs-phrase{white-space:nowrap}
#resistance-prototype .rs-name{--rs-name-size:17.85}
#resistance-prototype .rs-name-text{font-size:17.85px}
#resistance-prototype .rs-admin-link{display:inline-block;margin-top:16px;padding:8px 12px;border:1px solid #8f743e;border-radius:6px;color:#ffda76;text-decoration:none;font-size:14px;line-height:1.5}
#resistance-prototype .rs-admin-link:hover,#resistance-prototype .rs-admin-link:focus-visible{background:#342813;box-shadow:0 0 14px #d6aa4b50;outline:2px solid #ffda76;outline-offset:3px}
@media(max-width:600px){#resistance-prototype .rs-home-article{font-size:27.6px}#resistance-prototype .rs-home-article h1{font-size:32.4px}#resistance-prototype .rs-home-article h2{font-size:30px}#resistance-prototype .rs-name{--rs-name-size:14.45}#resistance-prototype .rs-name-text{font-size:14.45px}}

/* STEP 5.2 — navigation, credit, brand mark, wider article, awards and contact */
#resistance-prototype nav button{white-space:nowrap;font-size:16px;letter-spacing:0}
#resistance-prototype .rs-sidefoot{font-size:12px}
#resistance-prototype .rs-header-logo{display:flex;align-items:center;justify-content:center;flex:0 0 auto;width:54px;height:60px;padding:2px;border:0;background:transparent;cursor:pointer}
#resistance-prototype .rs-header-logo img{display:block;width:44px;height:56px;object-fit:contain;filter:drop-shadow(0 0 3px #ffda76) drop-shadow(0 0 9px #d8a53099);transition:filter .2s ease}
#resistance-prototype .rs-header-logo:hover img{filter:drop-shadow(0 0 5px #ffe59a) drop-shadow(0 0 14px #e9b643cc)}
#resistance-prototype .rs-header-logo:focus-visible{outline:2px solid #ffda76;outline-offset:4px;border-radius:6px}
#resistance-prototype .rs-home-article{width:88%;max-width:1680px}
#resistance-prototype .rs-awards-list{width:100%;max-width:1600px;margin:36px auto 20px}
#resistance-prototype .rs-award-frame{display:block;width:100%;padding:0;border:1px solid #89713e;border-radius:8px;overflow:hidden;background:#060606;cursor:zoom-in;box-shadow:0 8px 30px #0008;transition:border-color .2s,box-shadow .2s}
#resistance-prototype .rs-award-frame img{display:block;width:100%;height:auto;object-fit:contain}
#resistance-prototype .rs-award-frame:hover,#resistance-prototype .rs-award-frame:focus-visible{border-color:#ffda76;box-shadow:0 0 22px #ddb64c55;outline:2px solid #ffda76;outline-offset:5px}
#resistance-prototype .rs-award-divider{position:relative;display:block;width:92%;height:1px;padding:0;border:0;margin:42px auto;background:linear-gradient(90deg,transparent,#8d6525 15%,#ffe5a0 50%,#8d6525 85%,transparent);box-shadow:0 0 10px #e5b83e50}
#resistance-prototype .rs-award-divider::after{content:'';position:absolute;left:50%;top:50%;width:7px;height:7px;transform:translate(-50%,-50%) rotate(45deg);background:#ffda76;box-shadow:0 0 12px #e9b64f}
#resistance-prototype .rs-contact-card{max-width:1000px;margin:48px auto;padding:clamp(26px,4vw,64px);border:1px solid #b4924b;border-radius:16px;background:linear-gradient(135deg,#201a10d9,#080909ec 65%);box-shadow:0 0 28px #cb9e2b15,0 20px 50px #0006;text-align:center}
#resistance-prototype .rs-contact-card h1{color:#ffda76;margin:14px 0 28px}
#resistance-prototype .rs-contact-card p{max-width:780px;margin:0 auto 18px;font-size:20px;line-height:1.9;color:#eee7da}
#resistance-prototype .rs-contact-links{display:flex;justify-content:center;gap:20px;flex-wrap:wrap;margin-top:34px}
#resistance-prototype .rs-contact-links a{display:flex;justify-content:center;align-items:center;gap:16px;min-width:230px;padding:17px 22px;border:1px solid #c6a45b;border-radius:8px;background:#19160f;color:#ffdf8b;text-decoration:none;font-size:18px;transition:background .2s,box-shadow .2s}
#resistance-prototype .rs-contact-links a:hover,#resistance-prototype .rs-contact-links a:focus-visible{background:#392c14;box-shadow:0 0 22px #d9b25166;outline:2px solid #ffda76;outline-offset:4px}
@media(max-width:900px){#resistance-prototype nav button{font-size:15px;padding-left:10px;padding-right:10px}#resistance-prototype .rs-sidefoot{font-size:10px}#resistance-prototype .rs-home-article{width:100%}}
@media(max-width:600px){#resistance-prototype nav button{font-size:14px}#resistance-prototype .rs-header-logo{width:40px;height:48px}#resistance-prototype .rs-header-logo img{width:32px;height:42px}#resistance-prototype .rs-contact-card{margin:16px auto;padding:26px 20px}#resistance-prototype .rs-contact-card p{font-size:17px;line-height:1.8}#resistance-prototype .rs-contact-links{flex-direction:column;gap:14px}#resistance-prototype .rs-contact-links a{min-width:0;width:100%;font-size:16px}#resistance-prototype .rs-award-divider{margin:28px auto}}
@media(prefers-reduced-motion:reduce){#resistance-prototype .rs-header-logo img,#resistance-prototype .rs-award-frame,#resistance-prototype .rs-contact-links a{transition:none}}

#resistance-prototype main:has([data-view="story"]:not([hidden])){max-width:none}
#resistance-prototype .rs-credit{display:block;white-space:nowrap;font-family:'TH SarabunPSK',Tahoma,sans-serif;font-size:18px;line-height:1.7}
@media(max-width:900px){#resistance-prototype .rs-credit{font-size:16px}}

/* STEP 5.3 — requested visual refinements */
#resistance-prototype .rs-header-logo img{filter:drop-shadow(0 0 2px #d8a53055)}
#resistance-prototype .rs-header-logo:hover img{filter:drop-shadow(0 0 4px #d8a53088)}
#resistance-prototype .rs-award-divider{height:2px;min-height:2px;flex-shrink:0;background:linear-gradient(90deg,transparent,#d5aa50 12%,#ffe5a0 50%,#d5aa50 88%,transparent);overflow:visible;opacity:1}
#resistance-prototype .rs-home-article p{margin:0;padding-top:0;line-height:1.5}
#resistance-prototype .rs-home-article .rs-home-signature{margin:0;padding-top:0;line-height:1.5;text-align:right;text-align-last:right;text-indent:0}
#resistance-prototype .rs-home-article .rs-home-signature:first-of-type{margin-top:0}
#resistance-prototype [data-group="F"]{--member-accent:#ff4faf;--member-glow:#ff4faf70}
#resistance-prototype [data-group="M"]{--member-accent:#329cff;--member-glow:#329cff70}
#resistance-prototype .rs-member{border-color:var(--member-accent);box-shadow:inset 0 0 0 3px #090a09,inset 0 0 0 4px var(--member-accent),0 8px 18px #0008}
#resistance-prototype .rs-member::before{background:linear-gradient(var(--member-accent),var(--member-accent)) left top/18px 2px no-repeat,linear-gradient(var(--member-accent),var(--member-accent)) left top/2px 18px no-repeat,linear-gradient(var(--member-accent),var(--member-accent)) right top/18px 2px no-repeat,linear-gradient(var(--member-accent),var(--member-accent)) right top/2px 18px no-repeat,linear-gradient(var(--member-accent),var(--member-accent)) left bottom/18px 2px no-repeat,linear-gradient(var(--member-accent),var(--member-accent)) left bottom/2px 18px no-repeat,linear-gradient(var(--member-accent),var(--member-accent)) right bottom/18px 2px no-repeat,linear-gradient(var(--member-accent),var(--member-accent)) right bottom/2px 18px no-repeat}
#resistance-prototype .rs-member::after,#resistance-prototype .rs-member img{border-color:var(--member-accent)}
#resistance-prototype .rs-member img{box-shadow:0 0 0 2px #000}
#resistance-prototype .rs-member:hover,#resistance-prototype .rs-member:focus-visible{border-color:var(--member-accent);outline-color:var(--member-accent);box-shadow:inset 0 0 0 3px #090a09,inset 0 0 0 4px var(--member-accent),0 0 26px var(--member-glow),0 12px 24px #0009}
#resistance-prototype .rs-sidebar-logo{display:block;width:100%;max-width:180px;height:auto}
#resistance-prototype .rs-brandrow>div{min-width:0}
#resistance-prototype .rs-year h2{display:inline-block;position:relative;padding:12px 28px;color:#ffe5a0;border:1px solid #b98e3c;border-radius:8px;background:linear-gradient(120deg,#37270d99,#080909cc);box-shadow:0 0 18px #dbad3628;text-shadow:0 0 12px #d8a53055}
#resistance-prototype .rs-year-links a{position:relative;overflow:hidden;background:#1c160bd9;border-color:#ae863f;transition:box-shadow .2s,border-color .2s,color .2s}
#resistance-prototype .rs-year-links a::after{content:'';position:absolute;inset:-40% auto -40% -75%;width:45%;background:linear-gradient(90deg,transparent,#ffe5a055,transparent);transform:skewX(-20deg);pointer-events:none}
#resistance-prototype .rs-year-links a:hover,#resistance-prototype .rs-year-links a:focus-visible{color:#fff0c9;border-color:#ffda76;box-shadow:0 0 18px #dbad3655}
#resistance-prototype .rs-year-links a:hover::after,#resistance-prototype .rs-year-links a:focus-visible::after{animation:rs-year-shine .7s ease-out}
@keyframes rs-year-shine{to{left:140%}}
@media(max-width:600px){#resistance-prototype .rs-sidebar-logo{width:160px}#resistance-prototype .rs-year h2{padding:10px 18px}}
@media(prefers-reduced-motion:reduce){#resistance-prototype .rs-year-links a::after{animation:none!important}#resistance-prototype .rs-year-links a{transition:none}}

/* STEP 5.5 — stronger member hover and animated Memories lettering */
#resistance-prototype .rs-member:hover,#resistance-prototype .rs-member:focus-visible{box-shadow:inset 0 0 0 3px #090a09,inset 0 0 0 4px var(--member-accent),0 0 12px var(--member-accent),0 0 32px var(--member-glow),0 0 52px var(--member-glow),0 12px 24px #0009}
#resistance-prototype .rs-year h2{display:inline-block;padding:8px 0;border:0;border-radius:0;background:none;box-shadow:none;color:#fff2d4;text-shadow:0 0 10px #d8a53044}
#resistance-prototype .rs-year-letter{display:inline-block;animation:rs-memory-letter-hop 6s ease-in-out infinite;animation-delay:var(--letter-delay);will-change:transform}
@keyframes rs-memory-letter-hop{0%,8%,100%{transform:translateY(0);text-shadow:0 0 10px #d8a53044}4%{transform:translateY(-7px);text-shadow:0 0 14px #ffda76aa}}
@media(prefers-reduced-motion:reduce){#resistance-prototype .rs-year-letter{animation:none;will-change:auto}}

/* One header row: reserved left/right space, centered proportional banner. */
#resistance-prototype .rs-top{display:grid;grid-template-columns:clamp(115px,12vw,180px) minmax(0,1fr) clamp(115px,12vw,180px);gap:8px;height:clamp(84px,7vw,130px);padding:0 24px;background:#000;overflow:hidden}
#resistance-prototype .rs-breadcrumb{position:relative;z-index:1;min-width:0;font-size:12px;line-height:1.5;overflow-wrap:normal}
#resistance-prototype .rs-header-banner{height:100%;min-width:0;display:flex;align-items:center;justify-content:center;overflow:hidden}
#resistance-prototype .rs-header-banner img{display:block;width:100%;height:100%;object-fit:contain;object-position:center}
#resistance-prototype .rs-top .rs-header-logo{justify-self:end}
@media(max-width:900px){#resistance-prototype .rs-top{grid-template-columns:110px minmax(0,1fr) 110px;padding:0 16px}}
@media(max-width:600px){#resistance-prototype .rs-top{grid-template-columns:90px minmax(0,1fr) 90px;height:72px;padding:0 10px;gap:4px}#resistance-prototype .rs-breadcrumb{font-size:10px}}

/* STEP 5.6 — sidebar spacing, readable breadcrumb and centered banner crop */
#resistance-prototype .rs-sidebar{padding-top:20px}
#resistance-prototype nav{margin-top:0}
#resistance-prototype .rs-breadcrumb{font-size:16px;line-height:1.5;color:#e9e2d5}
#resistance-prototype .rs-header-banner img{width:max(100%,600px);max-width:none;height:100%;flex-shrink:0;object-fit:contain;object-position:center}
@media(max-width:900px){#resistance-prototype .rs-top{grid-template-columns:120px minmax(0,1fr) 120px}#resistance-prototype .rs-breadcrumb{font-size:15px}}
@media(max-width:600px){#resistance-prototype .rs-sidebar{padding-top:18px}#resistance-prototype nav{margin-top:16px}#resistance-prototype .rs-top{grid-template-columns:90px minmax(0,1fr) 90px}#resistance-prototype .rs-breadcrumb{font-size:14px}#resistance-prototype .rs-header-banner img{width:100%;min-width:0}}

/* STEP 5.7 — sticky header and requested gold sidebar */
/* Clip decoration without creating a scrolling ancestor that blocks sticky. */
#resistance-prototype{overflow:clip;--rs-header-height:clamp(84px,7vw,130px)}
#resistance-prototype .rs-top{position:sticky;top:0;z-index:5;background:#000;box-shadow:0 5px 18px #0007}
#resistance-prototype .rs-year{scroll-margin-top:calc(var(--rs-header-height) + 24px)}
#resistance-prototype .rs-sidebar{background:#e7b22f;color:#151515;border-color:#15151540}
#resistance-prototype .rs-sidefoot,#resistance-prototype .rs-sidefoot .rs-credit{color:#151515;text-shadow:none}
#resistance-prototype nav button{color:#151515;background:transparent;box-shadow:none;outline:1px solid transparent;outline-offset:-1px;transform:none}
#resistance-prototype nav button::after{display:none}
#resistance-prototype nav button:hover,#resistance-prototype nav button:focus-visible{color:#151515;background:transparent;outline:1px solid #151515;outline-offset:-1px;box-shadow:0 3px 10px #0002;transform:none}
#resistance-prototype nav button[aria-current="page"],#resistance-prototype nav button[aria-current="page"]:hover,#resistance-prototype nav button[aria-current="page"]:focus-visible{color:#e7b22f;background:#151515;box-shadow:none;outline:1px solid #151515;outline-offset:-1px}
#resistance-prototype nav button:focus-visible{outline:2px solid #151515;outline-offset:3px}
#resistance-prototype nav button[aria-current="page"]:focus-visible{outline:2px solid #151515;outline-offset:3px}
#resistance-prototype .rs-admin-link{color:#151515;border-color:#151515;background:transparent;text-shadow:none}
#resistance-prototype .rs-admin-link:hover,#resistance-prototype .rs-admin-link:focus-visible{color:#e7b22f;background:#151515;border-color:#151515;box-shadow:0 3px 10px #0002;outline-color:#151515}
#resistance-prototype .rs-menu-toggle{color:#151515;border-color:#151515;background:transparent}
#resistance-prototype .rs-menu-toggle:hover,#resistance-prototype .rs-menu-toggle:focus-visible{color:#e7b22f;background:#151515;outline-color:#151515}
@media(max-width:600px){#resistance-prototype{--rs-header-height:72px}}

/* STEP 5.8 — dark/gold navigation, viewport-height stationary sidebar */
#resistance-prototype .rs-sidebar{background:#151515;color:#e8e1d3;border-color:#c9a34e40}
#resistance-prototype .rs-sidefoot,#resistance-prototype .rs-sidefoot .rs-credit{color:#c9c2b5;text-shadow:none}
#resistance-prototype nav button{color:#e8e1d3;background:transparent;outline-color:transparent;box-shadow:none}
#resistance-prototype nav button:hover,#resistance-prototype nav button:focus-visible{color:#e4c37b;background:#302719;outline:1px solid #c9a34e;outline-offset:-1px;box-shadow:0 0 14px #c9a34e28;transform:none}
#resistance-prototype nav button[aria-current="page"],#resistance-prototype nav button[aria-current="page"]:hover,#resistance-prototype nav button[aria-current="page"]:focus-visible{color:#151515;background:#c9a34e;outline:1px solid #c9a34e;outline-offset:-1px;box-shadow:none}
#resistance-prototype nav button:focus-visible,#resistance-prototype nav button[aria-current="page"]:focus-visible{outline:2px solid #ffe0a0;outline-offset:3px}
#resistance-prototype .rs-admin-link{color:#e4c37b;background:transparent;border-color:#c9a34e}
#resistance-prototype .rs-admin-link:hover,#resistance-prototype .rs-admin-link:focus-visible{color:#151515;background:#c9a34e;border-color:#c9a34e;outline-color:#ffe0a0;box-shadow:0 0 14px #c9a34e28}
#resistance-prototype .rs-menu-toggle{color:#e4c37b;border-color:#c9a34e;background:transparent}
#resistance-prototype .rs-menu-toggle:hover,#resistance-prototype .rs-menu-toggle:focus-visible{color:#151515;background:#c9a34e;outline-color:#ffe0a0}
@media(min-width:601px){
 #resistance-prototype .rs-sidebar{position:sticky;top:0;align-self:start;height:100vh;height:100dvh;min-height:0;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#8d733b #151515}
 #resistance-prototype .rs-sidebar .rs-brandrow,#resistance-prototype .rs-sidebar nav,#resistance-prototype .rs-sidebar .rs-sidefoot{flex-shrink:0}
 #resistance-prototype .rs-sidebar .rs-sidefoot{margin-top:auto;padding-top:24px}
}

/* Four cards per group on roomy screens; preserve the previous desktop card width. */
@media(min-width:1400px){
 #resistance-prototype main:has([data-view="members"]:not([hidden])){max-width:1955px}
 #resistance-prototype [data-view="members"]{container-type:inline-size;container-name:rs-members-layout}
 #resistance-prototype [data-view="members"] .rs-halves{max-width:1420px;margin-inline:auto}
}
@container rs-members-layout (min-width:1874px){
 #resistance-prototype [data-view="members"] .rs-halves{max-width:none;grid-template-columns:repeat(2,minmax(0,1fr))}
 #resistance-prototype [data-view="members"] .rs-grid{grid-template-columns:repeat(4,205.333333px);justify-content:center}
}

/* Memories year buttons: continuous purple-to-red colors, no repeating cycle. */
#resistance-prototype .rs-year-links a{
 --rs-year-hue:270;color:#fff7ff;
 background:linear-gradient(135deg,hsl(var(--rs-year-hue) 65% 27%),hsl(var(--rs-year-hue) 60% 12%));
 border-color:hsl(var(--rs-year-hue) 90% 65%);
 box-shadow:inset 0 1px 0 hsl(var(--rs-year-hue) 90% 80% / .16);
 transition:background .2s,box-shadow .2s,border-color .2s,color .2s;
}
#resistance-prototype .rs-year-links a::after{background:linear-gradient(90deg,transparent,hsl(var(--rs-year-hue) 95% 85% / .5),transparent)}
#resistance-prototype .rs-year-links a:hover,
#resistance-prototype .rs-year-links a:focus-visible,
#resistance-prototype .rs-year-links a[aria-current="location"]{
 color:#fff;background:linear-gradient(135deg,hsl(var(--rs-year-hue) 70% 36%),hsl(var(--rs-year-hue) 65% 19%));
 border-color:hsl(var(--rs-year-hue) 100% 78%);
 box-shadow:0 0 18px hsl(var(--rs-year-hue) 95% 60% / .55),inset 0 0 10px hsl(var(--rs-year-hue) 90% 70% / .15);
}
#resistance-prototype .rs-year-links a:focus-visible{outline:2px solid #fff;outline-offset:3px}

/* Home: quiet open space, with a slowly moving rainbow outline. */
@property --rs-visit-angle { syntax: '<angle>'; initial-value: 0deg; inherits: false; }
#resistance-prototype [data-view="home"]{min-height:60vh}
#resistance-prototype .rs-visits-card{position:fixed;right:max(28px,env(safe-area-inset-right));bottom:max(28px,env(safe-area-inset-bottom));z-index:3;width:220px;max-width:calc(100vw - 32px);box-sizing:border-box;padding:20px 24px;text-align:center;border:2px solid transparent;border-radius:16px;background:linear-gradient(#0c0c10,#0c0c10) padding-box,conic-gradient(from var(--rs-visit-angle),#b96aff,#705bff,#4699ff,#45d9ef,#58e58e,#e8ef64,#ffbd57,#ff626e,#b96aff) border-box;box-shadow:0 8px 28px #0008;animation:rs-visit-rainbow 18s linear infinite}
#resistance-prototype .rs-visits-label{display:block;color:#eee7da;font:600 12px/1.5 Tahoma,sans-serif;letter-spacing:1.6px}
#resistance-prototype #rs-visit-count{display:block;margin:7px 0 3px;color:#fff6df;font:700 34px/1.2 Tahoma,sans-serif;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
#resistance-prototype .rs-visits-caption{display:block;color:#bcb5c4;font-size:15px;line-height:1.5}
@keyframes rs-visit-rainbow{to{--rs-visit-angle:360deg}}
@media(max-width:600px){#resistance-prototype .rs-visits-card{right:max(16px,env(safe-area-inset-right));bottom:max(16px,env(safe-area-inset-bottom));width:190px;padding:16px 18px}#resistance-prototype #rs-visit-count{font-size:30px}}
@media(prefers-reduced-motion:reduce){#resistance-prototype .rs-visits-card{animation:none}}

/* Larger R and a compact counter with clearly visible rainbow motion. */
#resistance-prototype .rs-header-logo{width:82px;height:98px;padding:0}
#resistance-prototype .rs-header-logo img{width:72px;height:90px}
#resistance-prototype .rs-visits-card{isolation:isolate;overflow:hidden;width:184px;padding:12px 14px;border:0;border-radius:13px;background:transparent;animation:none}
#resistance-prototype .rs-visits-card::before{content:'';position:absolute;inset:-110%;z-index:-2;pointer-events:none;background:conic-gradient(#c45aff,#685aff,#439dff,#39e5ef,#54ed89,#edee52,#ffb343,#ff5267,#c45aff);animation:rs-visit-spin 18s linear infinite}
#resistance-prototype .rs-visits-card::after{content:'';position:absolute;inset:3px;z-index:-1;pointer-events:none;border-radius:10px;background:#0c0c10}
@keyframes rs-visit-spin{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}
@media(max-width:600px){#resistance-prototype .rs-header-logo{width:54px;height:64px}#resistance-prototype .rs-header-logo img{width:48px;height:60px}#resistance-prototype .rs-visits-card{width:176px;padding:10px 12px}}
@media(prefers-reduced-motion:reduce){#resistance-prototype .rs-visits-card::before{animation:none}}

/* Natural Thai spacing on phones; keep desktop article alignment unchanged. */
@media(max-width:600px){
 #resistance-prototype [data-view="story"] .rs-home-article p{ text-align:left; text-align-last:left; word-spacing:normal; letter-spacing:normal; }
 #resistance-prototype [data-view="story"] .rs-home-article .rs-home-signature{ text-align:right; text-align-last:right; }
}

/* Remove only the circular backdrop; keep the animated mascot edge glow. */
#resistance-prototype [data-view="story"] .rs-home-logo::before{content:none;display:none}
#resistance-prototype .rs-anniversary{width:88%;max-width:1200px;margin:0 auto 42px;text-align:center}
#resistance-prototype .rs-founded{margin:0 0 24px;color:#eadfc5;font-size:24px;line-height:1.6}
#resistance-prototype .rs-founded time{white-space:nowrap;color:#ffda76}
#resistance-prototype .rs-clocks{display:grid;grid-template-columns:1fr 1fr;gap:0;border-top:1px solid #d8a53066;border-bottom:1px solid #d8a53066;padding:24px 0;background:linear-gradient(90deg,transparent,#17130c66,transparent)}
#resistance-prototype .rs-clock{min-width:0;padding:0 24px}
#resistance-prototype .rs-clock+.rs-clock{border-left:1px solid #d8a53055}
#resistance-prototype .rs-clock h2{margin:0 0 18px;color:#eee7da;font-size:24px;font-weight:500;line-height:1.5}
#resistance-prototype .rs-clock-values{display:flex;justify-content:center;flex-wrap:wrap;gap:12px 18px;min-height:70px;align-items:center}
#resistance-prototype .rs-clock-unit{display:flex;flex-direction:column;gap:5px;min-width:40px}
#resistance-prototype .rs-clock-unit strong{color:#ffda76;font:600 clamp(25px,2.4vw,36px)/1.2 Tahoma,sans-serif;font-variant-numeric:tabular-nums}
#resistance-prototype .rs-clock-unit span{color:#cbc2b0;font-size:18px;line-height:1.2}
#resistance-prototype .rs-clock p{margin:18px 0 0;color:#c3b59b;font-size:20px;line-height:1.5}
#resistance-prototype .rs-clock.rs-birthday{animation:rs-birthday-glow 4s ease-in-out infinite}
#resistance-prototype .rs-birthday-message{color:#ffda76;font-size:27px;line-height:1.5}
@keyframes rs-birthday-glow{50%{filter:drop-shadow(0 0 8px #d8a53077)}}
@media(max-width:700px){#resistance-prototype .rs-anniversary{width:100%;margin-bottom:32px}#resistance-prototype .rs-founded{font-size:22px}#resistance-prototype .rs-clocks{grid-template-columns:1fr;padding:20px 0;gap:24px}#resistance-prototype .rs-clock{padding:0 12px}#resistance-prototype .rs-clock+.rs-clock{border-left:0;border-top:1px solid #d8a53055;padding-top:24px}#resistance-prototype .rs-clock h2{font-size:23px}#resistance-prototype .rs-clock-values{gap:12px 16px}}
@media(prefers-reduced-motion:reduce){#resistance-prototype .rs-clock.rs-birthday{animation:none}}

/* Full age/countdown on one line; fold only the numbers that change. */
#resistance-prototype .rs-clocks{grid-template-columns:1fr;gap:24px}
#resistance-prototype .rs-clock+.rs-clock{border-left:0;border-top:1px solid #d8a53055;padding-top:24px}
#resistance-prototype .rs-clock-values{display:block;position:relative;min-height:0;text-align:center;white-space:nowrap}
#resistance-prototype .rs-clock-line{display:inline-flex;width:max-content;flex-wrap:nowrap;align-items:center;gap:16px;transform-origin:top center}
#resistance-prototype .rs-clock-unit{display:inline-flex;flex-direction:row;align-items:center;gap:6px;min-width:0;white-space:nowrap}
#resistance-prototype .rs-clock-unit .rs-clock-unit-name{font-size:20px;color:#cbc2b0}
#resistance-prototype .rs-clock-unit .rs-flip{position:relative;display:inline-block;min-width:1.6em;height:1.55em;padding:0 .12em;box-sizing:border-box;border:1px solid #706044;border-radius:5px;background:linear-gradient(#171714 49.5%,#060605 50%,#24221b 51%);box-shadow:0 3px 6px #0008;color:#ffda76;font:600 32px/1.55 Tahoma,sans-serif;perspective:350px;text-align:center}
#resistance-prototype .rs-clock-unit .rs-flip-face{font:inherit;color:inherit}
#resistance-prototype .rs-flip::before,#resistance-prototype .rs-flip::after{position:absolute;inset:0;display:block;font:inherit;color:inherit;text-align:center;pointer-events:none;backface-visibility:hidden;border-radius:4px;transform-origin:center center}
#resistance-prototype .rs-flip.rs-flipping::before{content:attr(data-old);background:#171714;clip-path:inset(0 0 50% 0);animation:rs-flip-top .3s ease-in forwards;z-index:2}
#resistance-prototype .rs-flip.rs-flipping::after{content:attr(data-value);background:#24221b;clip-path:inset(50% 0 0 0);transform:rotateX(90deg);animation:rs-flip-bottom .3s .3s ease-out forwards;z-index:3}
@keyframes rs-flip-top{to{transform:rotateX(-90deg)}}
@keyframes rs-flip-bottom{to{transform:rotateX(0deg)}}
@media(max-width:700px){#resistance-prototype .rs-clock{padding-left:0;padding-right:0}#resistance-prototype .rs-clock-line{gap:8px}#resistance-prototype .rs-clock-unit{gap:4px}#resistance-prototype .rs-clock-unit .rs-flip{font-size:25px}#resistance-prototype .rs-clock-unit .rs-clock-unit-name{font-size:17px}}
@media(prefers-reduced-motion:reduce){#resistance-prototype .rs-flip.rs-flipping::before,#resistance-prototype .rs-flip.rs-flipping::after{display:none;animation:none}}

/* Desktop clocks side by side; preserve the mobile stack and flip rows. */
@media(min-width:701px){
 #resistance-prototype .rs-clocks{grid-template-columns:repeat(2,minmax(0,1fr));gap:0;align-items:start}
 #resistance-prototype .rs-clock+.rs-clock{border-top:0;border-left:1px solid #d8a53055;padding-top:0}
}

/* Matched clock sizes, centered within each half, with a clear central gutter. */
#resistance-prototype .rs-clock-line{position:absolute;left:50%;top:0;transform-origin:top center}
#resistance-prototype .rs-clock h2{font-size:24px}
#resistance-prototype .rs-clock:first-child h2{color:#eee8dc}
#resistance-prototype .rs-clock+.rs-clock h2{color:#f3ca62}
#resistance-prototype .rs-clock:first-child .rs-flip{border-color:#b69a60;background:linear-gradient(#eee8dc 49.5%,#bcb39e 50%,#e5dece 51%);color:#191713}
#resistance-prototype .rs-clock:first-child .rs-flip.rs-flipping::before{background:#eee8dc}
#resistance-prototype .rs-clock:first-child .rs-flip.rs-flipping::after{background:#e5dece}
#resistance-prototype .rs-clock+.rs-clock .rs-flip{border-color:#d8a530;background:linear-gradient(#191713 49.5%,#080705 50%,#211d15 51%);color:#f3ca62}
#resistance-prototype .rs-clock+.rs-clock .rs-flip.rs-flipping::before{background:#191713}
#resistance-prototype .rs-clock+.rs-clock .rs-flip.rs-flipping::after{background:#211d15}
@media(min-width:701px){
 #resistance-prototype .rs-clock:first-child{padding-left:16px;padding-right:40px}
 #resistance-prototype .rs-clock+.rs-clock{padding-left:40px;padding-right:16px}
}
@media(max-width:700px){#resistance-prototype .rs-clock h2{font-size:23px}}

/* Our Story: bold article text throughout. */
#resistance-prototype [data-view="story"] .rs-home-article,
#resistance-prototype [data-view="story"] .rs-home-article *{font-weight:700}

/* Admin button shares the slow rainbow border and dark interior. */
#resistance-prototype .rs-admin-link{position:relative;z-index:0;isolation:isolate;overflow:hidden;border:0;padding:9px 13px;background:transparent;color:#e4c37b;border-radius:7px}
#resistance-prototype .rs-admin-link::before{content:'';position:absolute;inset:-180%;z-index:-2;pointer-events:none;background:conic-gradient(#c45aff,#685aff,#439dff,#39e5ef,#54ed89,#edee52,#ffb343,#ff5267,#c45aff);animation:rs-visit-spin 18s linear infinite}
#resistance-prototype .rs-admin-link::after{content:'';position:absolute;inset:2px;z-index:-1;pointer-events:none;border-radius:5px;background:#0c0c10}
#resistance-prototype .rs-admin-link:hover,#resistance-prototype .rs-admin-link:focus-visible{background:transparent;color:#e4c37b;box-shadow:0 0 14px #685aff55;outline-color:#c45aff}
@media(prefers-reduced-motion:reduce){#resistance-prototype .rs-admin-link::before{animation:none}}



/* Star Defender: scoped host presentation; game CSS stays inside iframe. */
#resistance-prototype .rs-star-page{text-align:center}
#resistance-prototype .rs-star-stage{position:relative;width:min(100%,690px);container-type:inline-size;margin:16px auto;background:#070709}
#resistance-prototype #rs-star-frame{display:block;width:100%;height:calc(100cqw * 1.391304348 + 44px);border:0;background:#070709}
#resistance-prototype .rs-star-decoration{position:absolute;inset:0;pointer-events:none;z-index:2;background-size:100% 100%}
#resistance-prototype .rs-star-summary{max-width:850px;margin:22px auto;padding:16px;border:1px solid #a58b4d66;border-radius:12px;background:#101014}
#resistance-prototype .rs-star-summary h2{margin:0 0 8px}
#resistance-prototype #rs-star-fullscreen{background:#151515;color:#f3ca62;border:1px solid #a58b4d;border-radius:8px;padding:8px 16px;font:inherit;cursor:pointer}
#resistance-prototype .rs-star-credit{font-size:16px}
#resistance-prototype .rs-star-stage:fullscreen{width:100%;height:100%;aspect-ratio:auto;display:flex;align-items:center;justify-content:center}
#resistance-prototype .rs-star-stage:fullscreen iframe{width:min(100vw,calc((100vh - 44px) * .71875));height:min(100vh,calc(139.130435vw + 44px))}
@media(max-width:600px){#resistance-prototype .rs-star-stage{width:100%;margin:10px auto}#resistance-prototype .rs-star-summary{padding:12px}}

/* Compact arcade: fit the portrait canvas within the remaining desktop height. */
#resistance-prototype.rs-arcade-open main{padding:8px 20px 10px;max-width:none}
#resistance-prototype .rs-star-page h1{font-size:24px;line-height:1.2;margin:3px 0 8px}
#resistance-prototype .rs-arcade-layout{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:20px;align-items:start}
#resistance-prototype .rs-arcade-play{min-width:0}
#resistance-prototype .rs-star-stage{width:min(100%,var(--rs-game-width,460px));margin:0 auto}
#resistance-prototype .rs-star-stage[hidden]{display:none}
#resistance-prototype .rs-arcade-board{text-align:left;border:1px solid #c3a354;border-radius:12px;padding:16px;background:#0c0c10e8;max-height:calc(100dvh - 220px);overflow:auto}
#resistance-prototype .rs-arcade-board h2{margin:0 0 12px;color:#f3ca62}
#resistance-prototype #rs-arcade-ranking{margin:0;padding:0;list-style:none}
#resistance-prototype #rs-arcade-ranking li{display:flex;gap:10px;justify-content:space-between;padding:9px 0;border-bottom:1px solid #ffffff15}
#resistance-prototype #rs-arcade-ranking span{overflow-wrap:anywhere}
#resistance-prototype #rs-arcade-ranking strong{white-space:nowrap;color:#f3ca62}
#resistance-prototype .rs-arcade-board small{color:#a8a49c}
#resistance-prototype #rs-arcade-status{font-size:16px;line-height:1.3}
#resistance-prototype #rs-arcade-name-form{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:10px;padding:20px}
#resistance-prototype #rs-arcade-name-form[hidden]{display:none}
#resistance-prototype #rs-arcade-name{max-width:100%;background:#151515;color:#eee;border:1px solid #a58b4d;padding:8px;border-radius:6px;font:inherit}
#resistance-prototype #rs-arcade-name-form button,#resistance-prototype #rs-arcade-retry{background:#e7b22f;color:#111;padding:7px 14px;border:0;border-radius:6px;font:inherit;cursor:pointer}
#resistance-prototype .rs-star-credit{margin:8px 0 0;font-size:14px}
@media(max-width:1000px){#resistance-prototype .rs-arcade-layout{grid-template-columns:minmax(0,1fr) 220px;gap:12px}}
@media(max-width:700px){#resistance-prototype .rs-arcade-layout{grid-template-columns:minmax(0,1fr)}#resistance-prototype .rs-arcade-board{max-height:none}#resistance-prototype.rs-arcade-open main{padding:10px}#resistance-prototype .rs-star-stage{width:100%}}

/* Center the game independently of the ranking panel. */
#resistance-prototype.rs-arcade-open main{container:rsarcade / inline-size;padding-top:6px}
#resistance-prototype .rs-star-page h1{margin:0 0 6px;line-height:1.2}
#resistance-prototype .rs-arcade-layout{grid-template-columns:minmax(0,1fr);gap:16px}
#resistance-prototype .rs-arcade-play{grid-column:1;grid-row:1}
#resistance-prototype .rs-arcade-board{grid-column:1;grid-row:2;justify-self:center;width:min(100%,480px);max-height:none;box-sizing:border-box}
#resistance-prototype #rs-arcade-name-form{padding:8px 0 12px}
@container rsarcade (min-width:1000px){
 #resistance-prototype .rs-arcade-layout{grid-template-columns:220px minmax(0,1fr) 220px;column-gap:20px}
 #resistance-prototype .rs-arcade-play{grid-column:2;grid-row:1}
 #resistance-prototype .rs-arcade-board{grid-column:3;grid-row:1;justify-self:stretch;width:100%;max-height:calc(100dvh - 200px)}
}
@container rsarcade (min-width:1320px){
 #resistance-prototype .rs-arcade-layout{grid-template-columns:280px minmax(0,1fr) 280px}
}

/* Single-song player: compact black and gold, in the sidebar footer. */
#resistance-prototype .rs-sidebar .rs-music-player{position:relative;width:100%;box-sizing:border-box;margin:0 0 10px;padding:10px 12px;border:1px solid #a98742;border-radius:11px;background:#0c0c0e;box-shadow:0 3px 12px #0005;color:#eee7da;font-family:Tahoma,sans-serif;line-height:1.3;text-align:left}
#resistance-prototype .rs-music-heading{margin-bottom:6px;color:#e4c37b;font-size:12px;font-weight:bold}
#resistance-prototype .rs-music-notice:empty{display:none}
#resistance-prototype .rs-music-notice{display:block;font-size:10px;font-weight:normal;color:#c5bca8;margin-top:4px}
#resistance-prototype .rs-music-body{display:grid;grid-template-columns:minmax(0,1fr) 26px;grid-template-rows:auto 28px;gap:3px 8px;align-items:center}
#resistance-prototype .rs-music-progress{min-width:0}
#resistance-prototype .rs-music-time{display:flex;justify-content:space-between;color:#c5bca8;font-size:10px;font-variant-numeric:tabular-nums}
#resistance-prototype .rs-music-player input[type=range]{display:block;min-width:0;width:100%;height:18px;margin:0;accent-color:#d4af57;cursor:pointer}
#resistance-prototype .rs-music-volume{grid-column:2;grid-row:1;margin:0;display:flex;justify-content:center;height:46px}
#resistance-prototype #rs-music-volume{writing-mode:vertical-lr;direction:rtl;width:18px;height:46px}
#resistance-prototype .rs-music-player button{display:grid;place-items:center;padding:0;width:26px;height:26px;border:1px solid #a98742;border-radius:7px;background:#181612;color:#e4c37b;font:13px/1 Tahoma,sans-serif;cursor:pointer}
#resistance-prototype #rs-music-play{grid-column:1;grid-row:2;justify-self:center;border-radius:50%;width:28px;height:28px}
#resistance-prototype #rs-music-mute{grid-column:2;grid-row:2}
#resistance-prototype .rs-music-player button:hover{border-color:#e4c37b;box-shadow:0 0 8px #d4af5744}
#resistance-prototype .rs-music-player button:focus-visible,#resistance-prototype .rs-music-player input:focus-visible{outline:2px solid #e4c37b;outline-offset:3px}

#resistance-prototype #rs-stack-ranking{margin:0;padding:0;list-style:none}
#resistance-prototype #rs-stack-ranking li{display:flex;gap:10px;justify-content:space-between;padding:9px 0;border-bottom:1px solid #ffffff15}
#resistance-prototype #rs-stack-ranking span{overflow-wrap:anywhere}
#resistance-prototype #rs-stack-ranking strong{white-space:nowrap;color:#f3ca62}
#resistance-prototype #rs-stack-status{font-size:16px;line-height:1.3}
#resistance-prototype #rs-stack-name-form{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:10px;padding:20px}
#resistance-prototype #rs-stack-name-form[hidden]{display:none}
#resistance-prototype #rs-stack-name{max-width:100%;background:#151515;color:#eee;border:1px solid #a58b4d;padding:8px;border-radius:6px;font:inherit}
#resistance-prototype #rs-stack-name-form button,#resistance-prototype #rs-stack-retry{background:#e7b22f;color:#111;padding:7px 14px;border:0;border-radius:6px;font:inherit;cursor:pointer}
#resistance-prototype #rs-stack-name-form{padding:8px 0 12px}
#resistance-prototype #rs-stack-frame{display:block;width:100%;height:calc(100cqw * 1.5 + 44px);border:0;background:#070709}
#resistance-prototype .rs-games-menu{position:relative;min-width:0}
#resistance-prototype #rs-games-toggle{width:100%;display:flex;justify-content:space-between;align-items:center}
#resistance-prototype #rs-games-list{position:absolute;left:100%;top:0;z-index:100;width:190px;padding:6px;border:1px solid #a98742;border-radius:8px;background:#111;box-shadow:0 8px 24px #0009;display:grid;gap:4px}
#resistance-prototype #rs-games-list[hidden]{display:none}
#resistance-prototype #rs-games-list button{width:100%;font-size:15px}
@media(max-width:600px){#resistance-prototype #rs-games-list{position:static;width:100%;box-sizing:border-box;margin-top:4px}#resistance-prototype .rs-games-menu{grid-column:1/-1}}

#resistance-prototype #rs-games-list{position:static;left:auto;top:auto;width:100%;box-sizing:border-box;margin-top:4px}

#resistance-prototype #rs-ant-ranking{margin:0;padding:0;list-style:none}
#resistance-prototype #rs-ant-ranking li{display:flex;gap:10px;justify-content:space-between;padding:9px 0;border-bottom:1px solid #ffffff15}
#resistance-prototype #rs-ant-ranking span{overflow-wrap:anywhere}
#resistance-prototype #rs-ant-ranking strong{white-space:nowrap;color:#f3ca62}
#resistance-prototype #rs-ant-status{font-size:16px;line-height:1.3}
#resistance-prototype #rs-ant-name-form{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:10px;padding:20px}
#resistance-prototype #rs-ant-name-form[hidden]{display:none}
#resistance-prototype #rs-ant-name{max-width:100%;background:#151515;color:#eee;border:1px solid #a58b4d;padding:8px;border-radius:6px;font:inherit}
#resistance-prototype #rs-ant-name-form button,#resistance-prototype #rs-ant-retry{background:#e7b22f;color:#111;padding:7px 14px;border:0;border-radius:6px;font:inherit;cursor:pointer}
#resistance-prototype #rs-ant-name-form{padding:8px 0 12px}
#resistance-prototype #rs-ant-frame{display:block;width:100%;height:calc(100cqw * 1.5 + 44px);border:0;background:#070709}
#resistance-prototype #rs-ant-frame{height:calc(100cqw * 1.523809524 + 44px)}