:root{--bg:#14161b;--panel:#1e2025;--line:#34363b;--muted:#9c9ea3;--ink:#e6e8ed;--highlight:#b1b3b8;--accent:#cfd1d6}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:Inter,system-ui,-apple-system,Segoe UI,sans-serif;font-size:15px}header{max-width:1280px;margin:auto;padding:27px 48px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center}a{color:inherit;text-decoration:none}.brand{display:flex;gap:12px;align-items:center;font-weight:650;font-size:19px}.mark{background:var(--highlight);color:var(--bg);font-size:29px;line-height:36px;text-align:center;width:36px;height:36px;border-radius:5px}.brand-tag{font:10px monospace;color:var(--muted);border-left:1px solid var(--line);margin-left:10px;padding-left:20px;letter-spacing:2px}.nav-link{font-size:13px;color:var(--muted)}.nav-link span{margin-left:12px;color:var(--highlight)}main{max-width:1280px;padding:48px;margin:auto}.eyebrow{font:11px monospace;letter-spacing:1.5px;color:var(--highlight);display:flex;gap:12px;align-items:center}.live-dot{width:6px;height:6px;background:var(--highlight);box-shadow:0 0 0 4px #b1b3b812}.divider{color:#5d5f64;margin:0 4px}.intro{display:grid;grid-template-columns:1fr 400px;gap:50px;align-items:center;margin:24px 0 45px}h1{font-size:clamp(40px,5vw,62px);letter-spacing:-3px;line-height:1.05;font-weight:650;margin:0 0 20px}h1 span{color:var(--highlight)}.intro p{font-size:16px;color:var(--muted);line-height:1.65;margin:0}.world{height:208px;position:relative;overflow:hidden;border:1px solid #3a3c41;background:linear-gradient(#2e3035,#37393e 65%,#292b30);border-radius:8px;image-rendering:pixelated}.world:after{content:'';position:absolute;inset:0;background:repeating-linear-gradient(0deg,transparent 0 3px,#11131812 3px 4px);pointer-events:none}.sun{position:absolute;left:58%;top:25px;width:38px;height:38px;background:#cdcfd4;box-shadow:0 0 50px #cdcfd433}.mountain{position:absolute;bottom:25px;clip-path:polygon(0 100%,0 60%,15% 60%,15% 40%,30% 40%,30% 20%,45% 20%,45% 0,60% 0,60% 20%,75% 20%,75% 40%,90% 40%,90% 70%,100% 70%,100% 100%)}.m1{width:230px;height:150px;left:-35px;background:#494b50}.m2{width:180px;height:115px;left:150px;background:#5d5f64}.m3{width:160px;height:95px;right:-40px;background:#7f8186}.tree{position:absolute;bottom:25px;background:#2a2c31;width:65px;height:75px;clip-path:polygon(15% 0,85% 0,85% 20%,100% 20%,100% 65%,60% 65%,60% 100%,40% 100%,40% 65%,0 65%,0 20%,15% 20%)}.t1{left:55px}.t2{right:45px;transform:scale(.75);transform-origin:bottom}.ground{position:absolute;bottom:0;height:30px;background:#1d1f24;border-top:8px solid #6c6e73;width:100%}.world-caption{position:absolute;bottom:8px;left:16px;color:#a2a4a9;font:8px monospace;letter-spacing:2px;z-index:1}.workspace{display:grid;grid-template-columns:1fr 345px;gap:35px}.section-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}h2{font-size:20px;letter-spacing:-.5px;margin:0;font-weight:550}.section-top h2 span{font:12px monospace;color:#7a7c81;margin-right:13px}.hint{font-size:12px;color:var(--muted)}.pack{border:1px solid var(--line);border-radius:8px;padding:23px 24px;margin-bottom:13px;display:grid;grid-template-columns:48px 1fr 40px;gap:20px;align-items:start;cursor:pointer;transition:border-color .15s,background .15s;background:#191b20}.pack.selected{border-color:#54565b;background:#202227}.pack:hover{border-color:#77797e}.pack-icon{height:48px;width:48px;display:grid;place-items:center;background:#2f3136;border:1px solid #44464b;border-radius:7px;color:var(--highlight);font:29px monospace}.pack:nth-child(2) .pack-icon{color:#c1c3c8;background:#323439;border-color:#424449}.pack:nth-child(3) .pack-icon{color:#abc8d1;background:#263639;border-color:#3e5155}.pack-name{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.pack h3{font-size:18px;font-weight:550;margin:1px 0 8px}.badge{font:9px monospace;background:#b1b3b817;color:var(--highlight);padding:4px 6px;letter-spacing:.7px;border:1px solid #b1b3b820;border-radius:3px}.pack p{font-size:13px;line-height:1.65;color:var(--muted);margin:0;max-width:410px}.pack-meta{font:10px monospace;color:#7f8186;margin-top:16px;letter-spacing:.6px}.toggle{appearance:none;width:34px;height:20px;border-radius:20px;background:#393b40;position:relative;margin:3px 0;cursor:pointer}.toggle:before{content:'';position:absolute;width:12px;height:12px;top:4px;left:4px;border-radius:50%;background:#a7a9ae;transition:transform .15s}.toggle:checked{background:var(--highlight)}.toggle:checked:before{background:#282a2f;transform:translateX(14px)}.toggle:disabled{opacity:.7;cursor:default}.note{display:flex;gap:12px;color:var(--muted);font-size:12px;line-height:1.7;margin:19px 4px}.note span{font-size:20px;color:#75777c}.note p{margin:0}.summary{align-self:start;background:var(--panel);border:1px solid #3d3f44;border-radius:10px;padding:27px}.summary-top{display:flex;justify-content:space-between;font:10px monospace;letter-spacing:1.5px;color:var(--muted);margin-bottom:19px}.summary-top span:last-child{color:var(--highlight);font-size:16px}.summary h2{font-size:27px;line-height:1.15;max-width:220px;margin-bottom:24px;letter-spacing:-1px}.accent{color:var(--highlight)}.spec{display:flex;justify-content:space-between;font-size:12px;margin:13px 0;color:var(--muted)}.spec strong{font-weight:500;color:var(--ink)}.summary-divider{border-top:1px dashed #404247;margin:23px 0 18px}.chosen{display:flex;gap:9px;font-size:12px;margin:12px 0}.chosen span{color:var(--highlight)}.total{display:flex;justify-content:space-between;font-size:12px;color:var(--muted);margin:23px 0}.total strong{font:20px monospace;color:var(--ink)}button{font:inherit;cursor:pointer;border-radius:5px;display:flex;align-items:center;justify-content:space-between;width:100%;padding:13px 14px;font-size:12px}.primary{background:var(--highlight);color:#191b20;border:1px solid var(--highlight);font-weight:600;margin-top:9px}.secondary{color:var(--ink);background:transparent;border:1px solid #484a4f}.primary:hover:not(:disabled){background:#c7c9ce}.secondary:hover:not(:disabled){border-color:var(--highlight)}button:disabled{opacity:.45;cursor:not-allowed}.status{font-size:11px;line-height:1.65;color:var(--muted);margin:12px 0}.status.error{color:#b7b9be}.format{font:8px monospace;letter-spacing:.7px;color:#7a7c81;text-align:center;margin-top:20px}.format span{margin:0 8px}.install{margin-top:53px;padding-top:29px;border-top:1px solid var(--line);scroll-margin-top:25px}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:45px;margin-top:27px}.step-number{font:11px monospace;color:#74767b}.steps h3{font-size:16px;font-weight:500;margin:13px 0 9px}.steps p{font-size:12px;line-height:1.75;color:var(--muted);margin:0;max-width:270px}footer{margin-top:50px;padding-top:25px;border-top:1px solid var(--line);display:flex;justify-content:space-between;font-size:10px;color:#7d7f84;gap:15px}.footer-dot{margin:0 7px}.details{border:1px solid var(--line);padding:24px;margin-top:25px;border-radius:8px}.resolved-row{display:flex;justify-content:space-between;padding:12px 0;border-bottom:1px solid var(--line);font-size:13px;gap:10px;overflow-wrap:anywhere}:focus-visible{outline:2px solid var(--highlight);outline-offset:5px}.loading{color:var(--muted);padding:40px 20px}@media(max-width:950px){header{padding:22px 28px}main{padding:35px 28px}.intro{grid-template-columns:1fr 300px;gap:20px}.workspace{grid-template-columns:1fr 300px;gap:20px}.pack{padding:19px 17px;gap:14px;grid-template-columns:40px 1fr 34px}.pack-icon{width:40px;height:40px}.pack h3{font-size:16px}.summary{padding:23px}}@media(max-width:700px){header{padding:18px 20px}.brand-tag{display:none}.brand{font-size:16px}.nav-link{font-size:11px}main{padding:30px 20px}.eyebrow{font-size:8px;gap:8px}.intro{grid-template-columns:1fr;margin-bottom:32px}.intro h1{font-size:47px;letter-spacing:-2.5px}.intro p{font-size:14px}.world{height:125px;margin-top:5px}.sun{top:15px;width:25px;height:25px}.m1{height:100px}.m2{height:80px}.m3{height:70px}.tree{height:55px}.workspace{grid-template-columns:1fr;gap:20px}.pack p{font-size:12px}.pack-name{gap:5px}.summary h2{max-width:none;font-size:24px}.steps{grid-template-columns:1fr;gap:23px}.steps article{padding-left:40px;position:relative}.step-number{position:absolute;left:0;top:3px}.steps h3{margin-top:0}.steps p{max-width:100%}footer{flex-direction:column;margin-top:35px}.install{margin-top:36px}.hint{font-size:10px}h2{font-size:18px}}

.pack-mods{list-style:none;margin:18px 0 0;padding:14px 0 0;border-top:1px solid var(--line);display:grid;gap:10px}.pack-mods li{display:grid;gap:3px}.pack-mods strong{font-size:12px;font-weight:550;color:var(--ink)}.pack-mods li span{color:var(--muted);font-size:11px;line-height:1.55}

.pack-contents{margin-top:12px}.pack-contents summary{font-size:12px;color:var(--highlight);cursor:pointer;list-style-position:inside}.pack-contents summary:hover{color:var(--accent)}.pack-contents .pack-mods{margin-top:12px}

.zip-download{margin-top:9px}

.tutorial-link{display:block;margin-top:16px;color:var(--highlight);font-size:11px;line-height:1.6}.steps a{color:var(--highlight)}
.tutorials{margin-top:48px;padding-top:29px;border-top:1px solid var(--line);scroll-margin-top:25px}.tutorial-intro{max-width:680px;color:var(--muted);font-size:13px;line-height:1.75;margin:0 0 24px}.tutorial-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;align-items:start}.tutorial{background:var(--panel);border:1px solid var(--line);border-radius:8px;overflow:hidden;scroll-margin-top:25px}.tutorial>summary{display:flex;align-items:center;gap:14px;padding:22px;cursor:pointer;list-style:none}.tutorial>summary::-webkit-details-marker{display:none}.tutorial>summary:after{content:'+';color:var(--highlight);font:22px monospace;margin-left:auto}.tutorial[open]>summary:after{content:'−'}.tutorial[open]>summary{border-bottom:1px solid var(--line)}.tutorial>summary:hover{background:#b1b3b808}.guide-heading{display:grid;gap:7px;min-width:0}.guide-heading strong{font-size:17px;font-weight:550}.guide-heading>span{font-size:11px;color:var(--muted);line-height:1.5}.guide-format{font:10px monospace;color:var(--highlight);padding:5px 7px;border:1px solid #b1b3b830;border-radius:4px;white-space:nowrap}.guide-body{padding:20px 22px;font-size:13px;line-height:1.8;overflow-wrap:anywhere}.guide-body ol,.guide-body ul{margin:0;padding-left:22px}.guide-body li{padding-left:4px;margin-bottom:13px;color:var(--muted)}.guide-body li:last-child{margin-bottom:0}.guide-body strong{color:var(--ink);font-weight:550}.guide-body a{color:var(--highlight);text-decoration:underline;text-underline-offset:3px}.guide-body code{font:12px monospace;color:var(--ink);background:#14161b;padding:2px 5px;border-radius:3px}.guide-tip{border-left:2px solid #707277;padding-left:12px;margin:20px 0;color:var(--muted);font-size:12px}.guide-source{display:block;margin-top:16px;font-size:11px}.troubleshooting{margin-top:16px}@media(max-width:700px){.tutorial-grid{grid-template-columns:1fr}.tutorials .section-top{align-items:start;gap:12px}.tutorials .hint{max-width:90px;text-align:right}.tutorial>summary{padding:18px 16px;gap:10px}.guide-heading strong{font-size:15px}.guide-body{padding:18px 16px;font-size:12px}.guide-format{font-size:9px}}

/* Plain navigation, introduction, and request form */
header{gap:24px}.brand{font-size:16px}.site-nav{display:flex;align-items:center;gap:24px}.nav-link{font-size:13px;color:var(--ink)}.nav-link:hover{color:var(--highlight)}
.intro{display:block;max-width:780px;margin:28px 0 38px}.intro h1{font-size:clamp(32px,4vw,46px);letter-spacing:-1.5px;line-height:1.15;margin:0 0 12px}.intro p{max-width:720px;font-size:16px;line-height:1.65;color:var(--muted)}
.manual-mods,.requests{margin-top:30px;padding-top:26px;border-top:1px solid var(--line);scroll-margin-top:25px}.manual-details{background:var(--panel);border:1px solid var(--line);border-radius:8px;padding:20px 22px}.manual-details>summary{cursor:pointer;font-size:18px;font-weight:550}.manual-details>p,.request-intro{color:var(--muted);font-size:13px;line-height:1.7;margin:14px 0}.manual-details #reset-mods{width:auto;min-width:200px;justify-content:center;margin-top:18px}.manual-details #mod-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.requests{margin-top:42px}.request-intro{max-width:720px;margin-top:-8px;margin-bottom:20px}.request-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 20px;max-width:900px}.form-field{display:grid;align-content:start;gap:8px;min-width:0}.form-field-wide{grid-column:1/-1}.form-field label{font-size:12px;color:var(--ink)}.form-field input,.form-field select,.form-field textarea{width:100%;min-height:43px;border:1px solid #484a4f;border-radius:5px;background:#191b20;color:var(--ink);font:inherit;font-size:13px;padding:10px 12px}.form-field textarea{min-height:108px;resize:vertical;line-height:1.55}.form-field input:focus,.form-field select:focus,.form-field textarea:focus{outline:2px solid var(--highlight);outline-offset:2px}.field-help{font-size:11px;color:var(--muted)}.request-form button{max-width:260px;justify-content:center}.request-form .status:empty{display:none}
@media(max-width:700px){header{align-items:flex-start;flex-direction:column;gap:16px}.site-nav{width:100%;justify-content:space-between;gap:12px}.nav-link{font-size:12px}.intro{margin:24px 0 30px}.intro h1{font-size:36px;letter-spacing:-1px}.intro p{font-size:14px}.manual-details{padding:18px 16px}.manual-details #mod-options{grid-template-columns:1fr}.manual-details #reset-mods{width:100%}.request-form{grid-template-columns:1fr;gap:15px}.form-field-wide{grid-column:auto}.request-form button{max-width:none}}
.form-field[hidden]{display:none}

#mod-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:20px 0}.mod-option{display:flex;align-items:flex-start;gap:12px;border:1px solid var(--line);border-radius:6px;padding:14px;cursor:pointer}.mod-option input{margin-top:3px;accent-color:var(--highlight);width:16px;height:16px;flex-shrink:0}.mod-option>span{display:grid;gap:5px;min-width:0}.mod-option strong{font-size:13px;font-weight:550}.mod-option>span>span{font-size:12px;line-height:1.65;color:var(--muted)}@media(max-width:700px){#mod-options{grid-template-columns:1fr}}

/* Keep the panoramas and UI sound, with the original ordinary interface. */
@font-face { font-family: Monocraft; src: url('/Monocraft.ttf') format('truetype'); font-display: swap; }
:root { --panel: #1e2025e8; --muted: #c1c3c8; }
body { position: relative; isolation: isolate; padding-top: clamp(28px, 6vh, 64px); }
body::before, body::after, .panorama { content: ''; position: fixed; pointer-events: none; }
body::before { z-index: -3; inset: -4px; background: var(--panorama-fallback, linear-gradient(#668697, #414348)) center / cover no-repeat; filter: blur(2px); }
.panorama { z-index: -2; inset: -2px; width: calc(100% + 4px); height: calc(100% + 4px); filter: blur(2px); visibility: hidden; }
.panorama.ready { visibility: visible; }
body::after { z-index: -1; inset: 0; background: linear-gradient(#0005, #0008), radial-gradient(ellipse at center, transparent 35%, #0005); }
header { width: min(1184px, calc(100% - 96px)); max-width: none; padding: 20px 24px; flex-wrap: wrap; gap: 18px 24px; background: #1b1d22e8; border: 1px solid var(--line); border-radius: 12px; }
.brand { white-space: nowrap; }
.site-nav { flex-wrap: wrap; gap: 18px; }
.audio-settings { display: flex; align-items: center; gap: 12px; flex-wrap: wrap; }
#sound-toggle { width: auto; min-height: 36px; padding: 8px 12px; background: #292b30; border: 1px solid #484a4f; color: var(--ink); white-space: nowrap; }
#sound-toggle[aria-pressed="true"] { border-color: var(--highlight); }
.volume-control { display: grid; grid-template-columns: auto minmax(70px, 100px) auto; align-items: center; gap: 8px; font-size: 11px; }
.volume-control input { width: 100%; margin: 0; accent-color: var(--highlight); }
.volume-control output { min-width: 30px; text-align: right; }
.intro { text-shadow: 0 2px 4px #000, 0 0 12px #0009; }
.intro p { color: #e0e2e7; }
.section-top, .note, .tutorial-intro, .steps, .request-intro { text-shadow: 0 2px 4px #000, 0 0 8px #0008; }
.summary { position: sticky; top: 20px; }
.secondary { background: #292b30; }
button:disabled { opacity: 1; color: #85878c; background: #282a2f; border-color: #3e4045; }
.toggle:disabled { opacity: 1; }
.details { background: var(--panel); }
.mod-option { background: #191b20; }
.requests { padding: 26px; border: 1px solid var(--line); border-radius: 10px; background: var(--panel); }
.troubleshooting { padding: 20px 22px; background: var(--panel); border: 1px solid var(--line); border-radius: 8px; }
.troubleshooting > summary { cursor: pointer; font-weight: 550; }
.server-shortcut { margin-top: 24px; display: flex; align-items: center; gap: 14px; flex-wrap: wrap; }
.server-shortcut code { font: 14px ui-monospace, monospace; color: #fff; }
.server-shortcut .minecraft-action { width: auto; min-height: 44px; padding: 10px 18px; font: 12px/1.5 Monocraft, monospace; color: #fff; background: #606267; border: 2px solid #17191e; border-radius: 0; box-shadow: inset 2px 2px #a3a5aa, inset -2px -2px #3b3d42, 0 2px #111; text-shadow: 1px 1px #222; }
.server-shortcut .minecraft-action:hover:not(:disabled) { outline: 2px solid #b1b3b8; outline-offset: 2px; }
#copy-server-status { font-size: 12px; color: #e0e2e7; }
footer { flex-wrap: wrap; color: #c1c3c8; text-shadow: 0 2px 4px #000; }
h1,h2,h3,p { overflow-wrap: anywhere; }
[hidden] { display: none !important; }
@media (max-width: 950px) { header { width: calc(100% - 56px); } }
@media (max-width: 700px) {
  header { width: calc(100% - 40px); padding: 18px 20px; }
  .audio-settings { width: 100%; }
  .volume-control { flex: 1; grid-template-columns: auto minmax(55px, 1fr) auto; }
  .summary { position: static; }
  .requests { padding: 18px 16px; }
  .server-shortcut { align-items: flex-start; gap: 12px; }
  .server-shortcut .minecraft-action { width: 100%; justify-content: center; }
}
@media (max-width: 390px) { .volume-control { grid-template-columns: 1fr auto; } .volume-control input { grid-column: 1/-1; grid-row: 2; } }
@media (prefers-reduced-motion: reduce) { *, *::before, *::after { scroll-behavior: auto !important; transition-duration: .01ms !important; } }

.status:empty { display: none; }

/* Neutral glass panels; solid action controls. */
:root { --bg: #101116; --panel: rgba(19, 21, 29, .56); --line: rgba(226, 231, 247, .16); --muted: #c1c4d0; --ink: #f1f2f8; --highlight: #d7dcf0; --accent: #fff; }
body::after { background: linear-gradient(rgba(8, 9, 15, .22), rgba(8, 9, 15, .38)); }
header { background: rgba(19, 21, 29, .48); }
header, .summary, .tutorial, .manual-details, .requests, .troubleshooting { backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px); box-shadow: 0 8px 28px #0002; }
.pack { background: rgba(19, 21, 29, .46); border-color: var(--line); }
.pack.selected { background: rgba(46, 50, 66, .54); border-color: rgba(215, 220, 240, .44); }
.pack:hover { border-color: #c1c7de; }
.pack-icon, .pack:nth-child(2) .pack-icon, .pack:nth-child(3) .pack-icon { background: #353844; border-color: #515563; color: #e3e6f2; }
.badge { background: #d7dcf012; border-color: #d7dcf02a; }
.pack-meta, .section-top h2 span, .note span, .step-number, .format { color: #bcc0d0; }
.summary { border-color: var(--line); }
.summary-divider { border-color: var(--line); }
.mod-option { background: rgba(20, 22, 30, .32); }
.toggle { background: #4a4d5a; }
.toggle:before { background: #e3e6f2; }
.toggle:checked:before { background: #373c50; }
.primary { background: #d7dcf0; color: #222633; border-color: #d7dcf0; }
.primary:hover:not(:disabled) { background: #f0f2ff; }
.secondary, #sound-toggle { background: #30333f; border-color: #626675; color: var(--ink); }
button:disabled { background: #2b2e39; border-color: #4a4d5a; color: #9296a6; }
.form-field input, .form-field textarea { background: rgba(15, 17, 24, .48); border-color: #707484; }
.guide-tip { border-color: #969fbf; }
.guide-body code { background: #252833; }
.tutorial > summary:hover { background: #ffffff08; }
footer, .intro p, #copy-server-status { color: #e0e2ed; }
#sound-toggle[aria-pressed="true"] { border-color: #c4cce8; box-shadow: inset 0 0 0 1px #c4cce815; }
.volume-control { gap: 12px; }
.volume-control output { font-variant-numeric: tabular-nums; color: var(--ink); min-width: 36px; }
.volume-control input { appearance: none; -webkit-appearance: none; height: 6px; border-radius: 99px; background: linear-gradient(to right, #d7dcf0 0 var(--volume, 10%), #575b6b var(--volume, 10%) 100%); cursor: pointer; padding: 0; }
.volume-control input::-webkit-slider-thumb { appearance: none; width: 16px; height: 16px; border-radius: 50%; background: #f1f2f8; border: 3px solid #b8c0dd; box-shadow: 0 2px 6px #0005; transition: box-shadow .15s; }
.volume-control input::-moz-range-thumb { width: 10px; height: 10px; border-radius: 50%; background: #f1f2f8; border: 3px solid #b8c0dd; box-shadow: 0 2px 6px #0005; }
.volume-control input:hover::-webkit-slider-thumb { box-shadow: 0 0 0 5px #d7dcf020; }
.volume-control input:focus-visible { outline-offset: 8px; }
.custom-select { position: relative; min-width: 0; }
.form-field select.native-select-source { position: absolute; width: 1px; height: 1px; min-height: 0; padding: 0; border: 0; opacity: 0; pointer-events: none; }
.select-trigger { width: 100%; min-height: 44px; padding: 11px 13px; border: 1px solid #707484; background: #282c38; color: var(--ink); font-size: 13px; gap: 14px; text-align: left; }
.select-trigger::after { content: ''; width: 7px; height: 7px; border-right: 2px solid #c4cce8; border-bottom: 2px solid #c4cce8; transform: rotate(45deg) translateY(-2px); flex-shrink: 0; transition: transform .15s; }
.select-trigger[aria-expanded="true"] { border-color: #c4cce8; }
.select-trigger[aria-expanded="true"]::after { transform: rotate(225deg) translate(-2px, -2px); }
.select-menu { position: absolute; z-index: 20; left: 0; right: 0; top: calc(100% + 7px); max-height: 240px; overflow-y: auto; margin: 0; padding: 5px; list-style: none; background: #242833; border: 1px solid #676f87; border-radius: 9px; box-shadow: 0 14px 35px #0006; }
.select-option { width: 100%; padding: 11px 12px; border: 0; border-radius: 5px; background: #242833; color: var(--ink); font-size: 13px; cursor: pointer; }
.select-option:hover, .select-option:focus, .select-option.active { background: #3c4357; outline: none; }
.select-option[aria-selected="true"] { background: #353c50; }
.select-option[aria-selected="true"]::after { content: '✓'; margin-left: auto; color: #d7dcf0; }
.request-form .select-trigger, .request-form .select-option { max-width: none; justify-content: space-between; }

/* Pack covers, sized like launcher artwork. */
.pack { grid-template-columns: 64px minmax(0, 1fr) 40px; }
.pack-icon, .pack:nth-child(2) .pack-icon, .pack:nth-child(3) .pack-icon { width: 64px; height: 64px; background: transparent; border: 0; border-radius: 10px; overflow: hidden; box-shadow: 0 3px 10px #0003; }
.pack-icon img { display: block; width: 100%; height: 100%; object-fit: cover; }
@media (max-width: 950px) { .pack { grid-template-columns: 56px minmax(0, 1fr) 34px; } .pack-icon, .pack:nth-child(2) .pack-icon, .pack:nth-child(3) .pack-icon { width: 56px; height: 56px; } }
@media (max-width: 700px) { .pack { gap: 12px; grid-template-columns: 48px minmax(0, 1fr) 34px; } .pack-icon, .pack:nth-child(2) .pack-icon, .pack:nth-child(3) .pack-icon { width: 48px; height: 48px; border-radius: 8px; } }