:root{color-scheme:dark;--bg:#0c1110;--text:#edf2e8;--muted:#859387;--green:#b5ee81;--line:#c2e7ba16}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased}button,a{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible{outline:2px solid var(--green);outline-offset:6px}.ambient{position:fixed;inset:0;pointer-events:none;background:radial-gradient(ellipse at 76% 43%,#5b843218,transparent 47%),linear-gradient(#b0d68b03 1px,transparent 1px),linear-gradient(90deg,#b0d68b03 1px,transparent 1px);background-size:auto,64px 64px,64px 64px}.page{position:relative;max-width:1600px;margin:auto;padding:0 5%;min-height:100vh;min-height:100svh;display:grid;grid-template-rows:auto 1fr auto}.header{height:108px;display:flex;align-items:center;border-bottom:1px solid var(--line);gap:28px}.brand{position:relative;display:flex;align-items:center;color:var(--text);text-decoration:none;font-size:21px;font-weight:900;letter-spacing:-1px;padding-bottom:13px}.brand>span:not(.brand-mark){color:var(--green)}.brand small{position:absolute;left:39px;bottom:0;font:7px 'Courier New',monospace;letter-spacing:1.6px;color:var(--muted)}.brand-mark{display:grid;grid-template-columns:repeat(2,7px);grid-template-rows:repeat(2,7px);gap:3px;margin-right:18px;transform:rotate(-10deg)}.brand-mark i{background:var(--green)}.brand-mark i:first-child{grid-column:1/3;width:17px}.edition{margin-left:auto;font:9px 'Courier New',monospace;letter-spacing:1.1px;color:#adbaaa;display:flex;align-items:center;gap:12px}.edition>span,.eyebrow>span,.world-tag>span{display:inline-block;width:5px;height:5px;background:var(--green);box-shadow:0 0 12px #b5ee8144}.edition b{color:#465244;font-weight:400}.sound-button{display:grid;place-items:center;width:36px;height:36px;background:#b5ee8105;border:1px solid var(--line);color:#99aa95;cursor:pointer;transition:color .2s,border-color .2s}.sound-button:hover{color:var(--green);border-color:#b5ee8166}.sound-button svg{width:17px;height:17px}.sound-on{display:none}.sound-button[aria-pressed=true] .sound-on{display:block}.sound-button[aria-pressed=true] .sound-off{display:none}main{display:grid;align-items:center;padding:42px 0 32px}.experience{width:100%}.chapter{display:flex;align-items:center;gap:12px;font:8px 'Courier New',monospace;letter-spacing:1.5px;color:#8b9b86}.tiny-square{width:5px;height:5px;border:1px solid #8b9b86}.chapter-line{height:1px;flex:1;background:var(--line);margin:0 12px}.chapter-number{color:#596954;white-space:nowrap}.hero{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:24px;min-height:570px}.hero-copy{padding:45px 0}.eyebrow{display:flex;align-items:center;gap:10px;font:9px 'Courier New',monospace;letter-spacing:2px;color:var(--green);margin:0 0 25px}h1{margin:0;font-size:clamp(34px,3.8vw,60px);line-height:1.12;font-weight:800;letter-spacing:-2.7px}h1 em{font-style:normal;color:var(--green)}.intro{font-size:13px;line-height:1.9;color:#8e9b8e;margin:23px 0 30px}.loading-card{max-width:425px;padding:20px 20px 15px;background:linear-gradient(110deg,#b5ee8109,#b5ee8102);border:1px solid #b5ee8126;box-shadow:0 10px 40px #0002;position:relative}.loading-card:before{content:'';position:absolute;left:-1px;top:-1px;width:22px;height:2px;background:var(--green)}.loading-top{display:flex;align-items:center;gap:12px}.loading-icon{color:var(--green);background:#b5ee8110;width:33px;height:33px;display:grid;place-items:center;font-size:26px}.loading-top strong{display:block;font-size:11px;font-weight:500;letter-spacing:.2px}.loading-top small{display:block;font:8px 'Courier New',monospace;color:#788b74;margin-top:6px}.loading-dots{display:flex;gap:4px;margin-left:auto}.loading-dots i{width:3px;height:3px;background:var(--green);animation:blink 1.5s infinite}.loading-dots i:nth-child(2){animation-delay:.2s}.loading-dots i:nth-child(3){animation-delay:.4s}.progress{margin:20px 0 12px;height:6px;overflow:hidden;background:#0005}.progress>span{display:block;height:100%;width:36%;background:repeating-linear-gradient(90deg,var(--green) 0 15px,#90c467 15px 18px);animation:progress 3.5s ease-in-out infinite}.loading-bottom{display:flex;justify-content:space-between;gap:10px;font:7px 'Courier New',monospace;letter-spacing:.8px;color:#93a28b}.loading-bottom>span:last-child{color:#596d54}.loading-bottom b{color:var(--green);margin-left:5px}.tip{max-width:425px;margin-top:25px;position:relative;padding-left:13px;border-left:1px solid #b5ee8133}.tip-label{font:7px 'Courier New',monospace;letter-spacing:1.5px;color:#a3b098}.tip p{font-size:10px;color:#7f8d7c;line-height:1.7;margin:7px 0 11px;min-height:34px;max-width:330px}.tip-pagination{display:flex;gap:5px}.tip-pagination i{width:13px;height:2px;background:#33422f}.tip-pagination i.active{background:var(--green)}.world{position:relative;aspect-ratio:1;min-width:0;isolation:isolate}.world-grid{position:absolute;inset:15%;border:1px solid #b5ee810b;transform:rotate(30deg);background:linear-gradient(#b5ee8107 1px,transparent 1px),linear-gradient(90deg,#b5ee8107 1px,transparent 1px);background-size:40px 40px;mask-image:radial-gradient(#000,transparent 70%)}.world-halo{position:absolute;inset:17%;border-radius:50%;background:#96ce4d0d;filter:blur(40px)}.island{position:relative;width:100%;height:100%;filter:drop-shadow(0 35px 25px #0005);animation:float 6s ease-in-out infinite}.coordinate{position:absolute;font:8px 'Courier New',monospace;letter-spacing:1.6px;color:#63775b}.coordinate-top{top:7%;right:8%;border-top:1px solid #b5ee8133;padding-top:9px}.coordinate-top span{color:var(--green);margin-left:30px}.coordinate-bottom{bottom:0;left:50%;transform:translateX(-50%);white-space:nowrap}.coordinate-bottom b{font-weight:400;color:#364d32;margin:0 8px}.world-tag{position:absolute;left:50%;bottom:13%;transform:translateX(-50%);white-space:nowrap;background:#121b14e8;border:1px solid #b5ee8120;padding:11px 14px;font:7px 'Courier New',monospace;letter-spacing:.8px;color:#b0c1a6;box-shadow:0 5px 24px #0003}.world-tag span{width:4px;height:4px;margin-right:8px}.particle{position:absolute;width:4px;height:4px;background:var(--green);box-shadow:0 0 12px #b5ee8133;animation:particle 5s ease-in-out infinite}.p1{top:25%;left:12%}.p2{top:32%;right:12%;animation-delay:-2s}.p3{bottom:23%;left:17%;animation-delay:-3s}.p4{top:10%;left:55%;width:2px;height:2px;animation-delay:-1s}.feature-strip{display:flex;align-items:center;justify-content:space-between;gap:18px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:23px 0;font-size:10px;color:#9aa694}.feature-strip b{font:8px 'Courier New',monospace;color:#59744b;margin-right:12px}.strip-end{font:8px 'Courier New',monospace;color:#a6bb99;letter-spacing:.7px}.strip-end span{color:var(--green);margin-left:13px}footer{display:flex;justify-content:space-between;gap:20px;padding:22px 0 25px;font:7px 'Courier New',monospace;line-height:1.8;letter-spacing:.6px;color:#5d6b59}footer b{margin:0 8px;color:#a1bf8a}footer>span:last-child{letter-spacing:0;color:#53614f}@keyframes float{0%,100%{transform:translateY(0)}50%{transform:translateY(-13px)}}@keyframes particle{0%,100%{opacity:.2;transform:translateY(0)}50%{opacity:.8;transform:translateY(-12px)}}@keyframes blink{0%,100%{opacity:.2}50%{opacity:1}}@keyframes progress{from{transform:translateX(-110%)}to{transform:translateX(300%)}}
@media(min-width:1600px){.hero{min-height:650px}}@media(max-width:1000px){.hero{gap:0;min-height:520px}h1{font-size:40px}.world-tag{font-size:6px;padding:9px}.feature-strip{font-size:9px}.strip-end{display:none}.edition{font-size:8px}.intro{font-size:12px}}
@media(max-width:700px){.page{padding:0 6%}.header{height:85px;gap:16px}.brand{font-size:18px}.brand small{font-size:6px;letter-spacing:1px}.edition{margin-left:auto;font-size:7px;letter-spacing:.5px}.edition b,.edition>b~*{display:none}.edition{font-size:0;gap:7px}.edition:after{content:'SKLEP';font-size:8px}.sound-button{width:30px;height:30px}.chapter{font-size:7px;letter-spacing:.7px}.chapter-number{display:none}main{padding-top:25px}.hero{display:flex;flex-direction:column;min-height:0}.world{order:-1;width:min(100%,380px);margin:10px auto -8px}.coordinate-top{top:5%;font-size:7px}.coordinate-bottom{font-size:7px;bottom:3%}.hero-copy{padding:22px 0 35px;width:100%}.eyebrow{font-size:8px;margin-bottom:16px}h1{font-size:clamp(34px,8vw,48px);letter-spacing:-1.8px}.intro{font-size:12px;margin:18px 0 25px}.loading-card,.tip{max-width:none}.tip p{min-height:0}.world-tag{font-size:6px;bottom:13%}.feature-strip{flex-wrap:wrap;justify-content:flex-start;gap:16px 22px;padding:18px 0;font-size:8px}.feature-strip b{margin-right:6px}footer{flex-direction:column;gap:7px;font-size:6px;padding:20px 0}.loading-bottom{font-size:6px}.loading-card{padding:17px}.loading-top strong{font-size:11px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;scroll-behavior:auto!important}}

/* Illustrated voxel island: transparent artwork with room for labels. */
.world .island-art { display: block; position: absolute; width: 106%; height: 106%; max-width: none; left: -3%; top: -7%; object-fit: contain; filter: drop-shadow(0 26px 30px #0005); }
.world-halo { inset: 8%; background: radial-gradient(ellipse, #9fc95d18, #4ab8a609 45%, transparent 70%); filter: blur(28px); }
.world-grid { opacity: .35; }
.world-tag { bottom: 4%; z-index: 2; backdrop-filter: blur(12px); }
.coordinate-top { z-index: 2; top: 0; right: 0; }
.coordinate-bottom { bottom: -3%; }
@media (max-width: 700px) {
  .world { margin-top: 24px; margin-bottom: 12px; }
  .world .island-art { width: 100%; height: 100%; left: 0; top: -5%; }
  .world-tag { bottom: 3%; }
  .coordinate-top { right: 0; top: -3%; }
  .coordinate-bottom { bottom: -4%; }
}

/* Keep the water overlay registered to the artwork during the island's float. */
.island-scene { position: absolute; width: 106%; height: 106%; left: -3%; top: -7%; animation: float 6s ease-in-out infinite; pointer-events: none; }
.world .island-scene .island-art { position: absolute; inset: 0; width: 100%; height: 100%; animation: none; }
.water-animation { position: absolute; inset: 0; width: 100%; height: 100%; overflow: visible; }
.water-stream { stroke: url(#water-shine); stroke-width: 4; stroke-linecap: round; stroke-dasharray: 18 44 8 65; animation: water-fall 1.5s linear infinite; }
.stream-two { stroke-width: 3; animation-duration: 1.25s; animation-delay: -.7s; opacity: .7; }
.stream-three { stroke-width: 2; animation-duration: 1.8s; animation-delay: -.4s; opacity: .6; }
.stream-four { stroke-width: 2; animation-duration: 1.4s; animation-delay: -1s; }
.pond-flow { opacity: 0; animation: pond-current 4s linear infinite; }
.flow-two { animation-delay: -2s; }
.water-splash { opacity: 0; transform-box: fill-box; transform-origin: center; animation: water-splash 1.8s ease-out infinite; }
.splash-two { animation-delay: -.5s; animation-duration: 2.1s; }
.splash-three { animation-delay: -1.1s; }
.splash-four { animation-delay: -.9s; animation-duration: 2.3s; }
@keyframes water-fall { to { stroke-dashoffset: -135; } }
@keyframes pond-current { 0% { opacity: 0; transform: translate(-8px, -4px); } 35%, 65% { opacity: .4; } 100% { opacity: 0; transform: translate(12px, 6px); } }
@keyframes water-splash { 0% { opacity: 0; transform: translate(0, 0) scale(.5); } 20% { opacity: .7; } 100% { opacity: 0; transform: translate(9px, -22px) scale(.2); } }
@media (max-width: 700px) { .island-scene { width: 100%; height: 100%; left: 0; top: -5%; } }
@media (prefers-reduced-motion: reduce) { .water-animation { display: none; } }

/* One continuous orange-to-white gradient across the wordmark. */
.brand > .brand-name {
  color: #ffd0a0;
  background: linear-gradient(100deg, #ffbd80 0%, #ffdfbd 48%, #ffffff 100%);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
}

/* Decorative depth layers remain behind the content and ignore all input. */
.floating-blocks { position: fixed; inset: 0; overflow: hidden; pointer-events: none; }
.floating-block { position: absolute; width: var(--size, 70px); opacity: var(--opacity, .24); animation: block-drift var(--duration, 18s) ease-in-out infinite; animation-delay: var(--delay, 0s); will-change: transform; }
.floating-block img { display: block; width: 100%; height: auto; transform: rotate(var(--tilt, -12deg)); filter: drop-shadow(0 18px 14px #0007); }
.block-a { left: -1%; top: 22%; --size: 105px; --opacity: .3; --duration: 21s; --tilt: -19deg; }
.block-b { right: 3%; top: 16%; --size: 68px; --opacity: .43; --duration: 17s; --delay: -6s; --tilt: 16deg; }
.block-c { left: 37%; top: 5%; --size: 35px; --opacity: .16; --duration: 25s; --delay: -12s; --tilt: 24deg; filter: blur(1px); }
.block-d { left: 45%; bottom: 13%; --size: 48px; --opacity: .24; --duration: 19s; --delay: -9s; --tilt: -18deg; }
.block-e { left: 2%; bottom: 7%; --size: 58px; --opacity: .3; --duration: 24s; --delay: -4s; --tilt: 12deg; }
.block-f { right: -2%; bottom: 15%; --size: 115px; --opacity: .24; --duration: 23s; --delay: -14s; --tilt: 23deg; filter: blur(.6px); }
.block-g { left: 55%; top: 25%; --size: 28px; --opacity: .16; --duration: 16s; --delay: -7s; --tilt: -23deg; }
.block-h { right: 24%; bottom: 4%; --size: 32px; --opacity: .16; --duration: 26s; --delay: -17s; --tilt: -9deg; }
@keyframes block-drift { 0%, 100% { transform: translate3d(0, 0, 0) rotate(-4deg); } 50% { transform: translate3d(12px, -36px, 0) rotate(7deg); } }
@media (max-width: 700px) {
  .floating-block { width: calc(var(--size, 70px) * .65); opacity: calc(var(--opacity, .24) * .7); }
  .block-a { left: -5%; top: 20%; } .block-b { right: -2%; top: 12%; }
  .block-c, .block-g, .block-h { display: none; }
  .block-d { left: 83%; bottom: 30%; } .block-e { left: -3%; bottom: 12%; }
}
@media (prefers-reduced-motion: reduce) { .floating-block { animation: none; will-change: auto; } }

/* Permanent dark theme with orange accents. */
:root[data-theme="dark"] { color-scheme: dark; --bg: #151210; --text: #f6eee7; --muted: #a99a8c; --green: #f4b37b; --line: #e2b08120; }
:root[data-theme="dark"] .ambient { background: radial-gradient(ellipse at 76% 43%, #d88d3514, transparent 49%), linear-gradient(#d9b18a04 1px, transparent 1px), linear-gradient(90deg,#d9b18a04 1px,transparent 1px); background-size: auto,64px 64px,64px 64px; }
:root[data-theme="dark"] .loading-card { background: linear-gradient(110deg,#f4b37b0d,#f4b37b03); border-color: #f4b37b26; }
:root[data-theme="dark"] .progress > span { background: repeating-linear-gradient(90deg,#f4b37b 0 15px,#d78c4d 15px 18px); }
:root[data-theme="dark"] .loading-icon { background: #f4b37b12; }
:root[data-theme="dark"] .world-tag { background: #241b15e8; border-color: #f4b37b33; color: #c4a98e; }
:root[data-theme="dark"] .world-halo { background: radial-gradient(ellipse,#e4a35c18,#c7803e09 45%,transparent 70%); }
:root[data-theme="dark"] .eyebrow, :root[data-theme="dark"] .strip-end { color: #e1b38c; }
:root[data-theme="dark"] .intro, :root[data-theme="dark"] .tip p, :root[data-theme="dark"] .feature-strip { color: #a99a8c; }
:root[data-theme="dark"] .chapter, :root[data-theme="dark"] .edition, :root[data-theme="dark"] .brand small, :root[data-theme="dark"] .loading-bottom { color: #b29a83; }
:root[data-theme="dark"] .coordinate, :root[data-theme="dark"] footer, :root[data-theme="dark"] footer > span:last-child { color: #99816c; }
:root[data-theme="dark"] .tip { border-left-color: #f4b37b44; }
:root[data-theme="dark"] .sound-button { border-color: #f4b37b33; background: #f4b37b06; color: #d6b599; }

/* Crisp raster pixel-art sprites, without smoothing or angled resampling. */
.floating-block img { image-rendering: pixelated; transform: none; filter: drop-shadow(4px 8px 0 #0003); }
.floating-block { animation-name: pixel-block-drift; }
.block-c, .block-f { filter: none; }
.block-a { --opacity: .42; }
.block-b { --opacity: .52; }
.block-e { --opacity: .4; }
@keyframes pixel-block-drift { 0%, 100% { transform: translate3d(0,0,0); } 50% { transform: translate3d(8px,-32px,0); } }

/* Server team. */
.administration { padding: 64px 0 14px; }
.admin-heading { display: flex; justify-content: space-between; align-items: flex-end; gap: 24px; margin-bottom: 27px; }
.admin-heading .eyebrow { font-size: 8px; margin-bottom: 13px; }
.admin-heading h2 { font-size: clamp(27px,3vw,38px); letter-spacing: -1.3px; margin: 0; }
.admin-heading h2 span { color: #f4b37b; }
.admin-heading > p { font-size: 11px; color: #a99a8c; margin: 0 0 4px; line-height: 1.7; }
.admin-grid { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 16px; }
.admin-card { text-align: center; padding: 29px 14px 25px; background: linear-gradient(150deg,#ffffff05,#ffffff01); border: 1px solid #e2b08120; position: relative; transition: border-color .2s, transform .2s; }
.admin-card::before { content: ''; position: absolute; width: 24px; height: 2px; background: var(--role-color); top: -1px; left: calc(50% - 12px); opacity: .7; }
.admin-card:hover { transform: translateY(-4px); border-color: #f4b37b55; }
.admin-avatar { position: relative; width: 56px; height: 56px; margin: 0 auto 23px; background: linear-gradient(to bottom,#594035 0 25%,#bc9272 25% 76%,#785642 76%); box-shadow: 5px 5px 0 #0004,0 0 30px #f4b37b08; border: 4px solid #372b24; image-rendering: pixelated; }
.admin-avatar::before { content: ''; position: absolute; top: 20px; left: 8px; width: 8px; height: 6px; background: #e9dccb; box-shadow: 24px 0 #e9dccb; }
.admin-avatar::after { content: ''; position: absolute; top: 20px; left: 12px; width: 4px; height: 6px; background: #534937; box-shadow: 20px 0 #534937; }
.admin-avatar span { position: absolute; width: 16px; height: 4px; background: #855944; bottom: 8px; left: 16px; }
.avatar-admin { background: linear-gradient(to bottom,#292929 0 33%,#aa7f63 33% 85%,#634430 85%); border-color: #302724; }
.avatar-mod { background: linear-gradient(to bottom,#765838 0 25%,#caa381 25% 85%,#947258 85%); border-color: #393227; }
.avatar-helper { background: linear-gradient(to bottom,#b59b67 0 33%,#d3b294 33% 85%,#a98060 85%); border-color: #423c2e; }
.admin-role { color: var(--role-color); font: 8px 'Courier New',monospace; letter-spacing: 1.6px; }
.admin-card h3 { color: #eee3d9; font-size: 13px; margin: 12px 0 9px; overflow-wrap: anywhere; }
.admin-card p { color: #998575; font-size: 10px; margin: 0; line-height: 1.7; }
.admin-placeholder-note { font: 8px 'Courier New',monospace; color: #8d7967; margin: 17px 0 0; line-height: 1.8; }
@media(max-width:850px) { .admin-grid { grid-template-columns: repeat(2,minmax(0,1fr)); } }
@media(max-width:700px) { .administration { padding-top: 44px; } .admin-heading { display: block; } .admin-heading > p { margin-top: 15px; } .admin-grid { gap: 12px; } .admin-card { padding: 24px 10px; } .admin-card h3 { font-size: 12px; } }
@media(prefers-reduced-motion:reduce) { .admin-card { transition: none; } .admin-card:hover { transform: none; } }

.admin-avatar.avatar-skin { background: #594035; }
.admin-avatar.avatar-skin::before, .admin-avatar.avatar-skin::after { display: none; }
.avatar-skin img { display: block; width: 100%; height: 100%; object-fit: cover; image-rendering: pixelated; }

.admin-grid:has(> .admin-card:only-child) { grid-template-columns: minmax(0, 300px); justify-content: center; }

/* Top supporters: three podium cards and compact two-column standings. */
.supporters { padding: 64px 0 0; }
.supporters-heading { display:flex; align-items:center; gap:23px; }
.supporters-heading h2 { flex-shrink:0; font-size:34px; line-height:1; letter-spacing:-1.8px; margin:0; font-weight:900; }
.supporters-heading h2 span { color:#f4b37b; }
.supporters-heading > p { color:#f4b37b; font-size:10px; letter-spacing:1.8px; font-weight:700; line-height:1.8; margin:0; }
.supporters-heading-line { flex:1; height:1px; background:var(--line); }
.supporters-note { font-size:10px; color:#95806e; line-height:1.8; margin:15px 0 24px; }
.supporters-podium,.supporters-list { list-style:none; padding:0; margin:0; display:grid; gap:18px; }
.supporters-podium { grid-template-columns:repeat(3,minmax(0,1fr)); }
.supporter-podium { position:relative; min-height:160px; border:1px solid #e2b08126; border-radius:20px; background:linear-gradient(120deg,#ffffff05,#ffffff01); overflow:hidden; display:flex; align-items:center; padding:26px 22px; isolation:isolate; }
.supporter-podium::after { content:''; position:absolute; inset:0; z-index:-1; background:radial-gradient(ellipse at 90% 100%,var(--podium-glow),transparent 65%); }
.place-1 { --podium-color:#f6c86d; --podium-glow:#e9ad4820; }
.place-2 { --podium-color:#b0c3db; --podium-glow:#8baedc15; }
.place-3 { --podium-color:#d6a389; --podium-glow:#c17f5317; }
.podium-rank { position:absolute; right:15px; top:9px; font-size:48px; font-weight:900; color:var(--podium-color); opacity:.07; letter-spacing:-4px; }
.supporter-info { position:relative; z-index:2; max-width:65%; }
.supporter-medal { font:8px 'Courier New',monospace; letter-spacing:1.8px; color:var(--podium-color); }
.supporter-info h3 { margin:10px 0 8px; font-size:19px; letter-spacing:-.6px; overflow-wrap:anywhere; }
.supporter-info p { color:var(--podium-color); font-size:11px; margin:0; }
.supporter-info strong { font-weight:600; white-space:nowrap; }
.pixel-player { position:absolute; right:26px; bottom:-7px; width:56px; height:126px; --hair:#dbba67; --skin:#e7c395; --shirt:#694a7e; --pants:#332d42; transform:rotate(-7deg); filter:drop-shadow(5px 6px 0 #0004); }
.player-2 { --hair:#2b3330; --skin:#7d9460; --shirt:#38463a; --pants:#222c26; transform:rotate(5deg); }
.player-3 { --hair:#7c3431; --skin:#ad7371; --shirt:#803a36; --pants:#342b2c; transform:rotate(-5deg); }
.player-head { position:absolute; top:0; left:9px; width:36px; height:36px; background:linear-gradient(var(--hair) 0 30%,var(--skin) 30%); border-right:6px solid #0003; box-shadow:0 4px #0003; }
.player-head::before { content:''; position:absolute; left:5px; top:17px; width:5px; height:5px; background:#332b28; box-shadow:15px 0 #332b28; }
.player-head i { position:absolute; left:11px; bottom:4px; width:8px; height:3px; background:#0003; }
.player-torso { position:absolute; top:37px; left:10px; width:34px; height:47px; background:var(--shirt); border-right:7px solid #0003; border-left:4px solid #fff1; }
.player-torso::after { content:''; position:absolute; inset:7px 11px 0; background:#ffffff16; }
.player-arm { position:absolute; top:38px; width:12px; height:49px; background:linear-gradient(var(--shirt) 0 72%,var(--skin) 72%); border-right:3px solid #0003; }
.arm-left { left:-3px; }.arm-right { right:-1px; }
.player-legs { position:absolute; top:84px; left:10px; width:34px; height:42px; background:linear-gradient(90deg,var(--pants) 0 43%,#151210 43% 55%,var(--pants) 55%); border-bottom:7px solid #211f22; }
.supporters-list { grid-template-columns:repeat(2,minmax(0,1fr)); gap:11px 14px; margin-top:18px; }
.supporter-row { display:flex; align-items:center; gap:14px; min-height:57px; padding:12px 17px; border:1px solid #e2b08122; border-radius:15px; background:#ffffff02; }
.supporter-position { width:20px; flex-shrink:0; font-size:11px; font-weight:700; color:#a6927e; }
.supporter-row h3 { font-size:12px; font-weight:600; margin:0; overflow-wrap:anywhere; }
.supporter-amount { margin-left:auto; white-space:nowrap; color:#b19a82; font-size:11px; }
.mini-player { position:relative; flex-shrink:0; width:26px; height:26px; border:2px solid #bfa88c55; background:linear-gradient(#725036 0 30%,#c6a080 30% 84%,#664735 84%); box-shadow:2px 3px 0 #0003; }
.mini-player::after { content:''; position:absolute; width:4px; height:4px; background:#302c2a; top:10px; left:4px; box-shadow:10px 0 #302c2a; }
.mini-1 { background:linear-gradient(#373c38 0 30%,#9baf8b 30% 84%,#465b40 84%); }.mini-2 { background:linear-gradient(#633d40 0 30%,#c9a19a 30% 84%,#70484c 84%); }
@media(max-width:1000px) { .supporter-podium { padding:24px 16px; }.pixel-player { right:14px; opacity:.8; }.supporter-info h3 { font-size:17px; } }
@media(max-width:700px) { .supporters { padding-top:42px; }.supporters-heading { gap:15px; }.supporters-heading h2 { font-size:29px; }.supporters-heading > p { font-size:8px; letter-spacing:1px; }.supporters-heading-line { display:none; }.supporters-podium { grid-template-columns:1fr; gap:12px; }.supporter-podium { min-height:135px; padding:24px; }.pixel-player { right:38px; opacity:1; }.supporter-info h3 { font-size:20px; }.supporters-list { grid-template-columns:1fr; gap:10px; margin-top:14px; }.supporter-row { padding:12px 15px; }.supporters-note { font-size:9px; } }

/* Wallet form. */
.wallet { width:100%; max-width:760px; margin:64px auto 0; padding:36px; background:linear-gradient(135deg,#ffffff04,#f4b37b03); border:1px solid var(--line); border-radius:22px; }
.wallet-heading .eyebrow { margin-bottom:16px; font-size:9px; }
.wallet-heading h2 { font-size:34px; letter-spacing:-1.2px; margin:0; }.wallet-heading h2 span{color:#f4b37b}.wallet-heading>p:last-child{color:#a99a8c;font-size:13px;margin:13px 0 30px}
.wallet label,.payment-options legend { display:block;font-size:11px;color:#b8a18b;margin-bottom:10px;line-height:1.7; }
.wallet-fields{display:grid;grid-template-columns:1fr 1fr;gap:16px}.wallet input:not([type=radio]):not([type=checkbox]):not([type=range]){width:100%;min-width:0;background:#ffffff03;border:1px solid #e2b0812d;border-radius:14px;color:#f6eee7;padding:20px;font:12px Arial,sans-serif;outline:none;transition:border-color .2s}.wallet input::placeholder{color:#887767}.wallet input:focus-visible{border-color:#f4b37b!important;outline:2px solid #f4b37b33!important;outline-offset:2px}.nick-field{position:relative}.nick-field #player-nick{padding-left:63px}.nick-avatar{position:absolute;left:15px;top:50%;transform:translateY(-50%);width:34px;height:34px;display:grid;place-items:center;background:#f4b37b12;color:#dca879;font:20px monospace;overflow:hidden;border-radius:7px}.nick-avatar img{width:100%;height:100%;image-rendering:pixelated}.nick-avatar img[hidden],#nick-placeholder[hidden]{display:none}.field-status{font-size:10px;line-height:1.7;color:#b99c80;min-height:17px;margin:8px 0 0;overflow-wrap:anywhere}.amount-heading{display:flex;justify-content:space-between;align-items:center;margin-top:22px}.amount-heading label{margin:0}.amount-heading output{font-size:23px;font-weight:700;color:#f4b37b}.amount-heading output span{font-size:16px;color:#b8a18b}.wallet input[type=range]{display:block;width:100%;height:6px;margin:20px 0;appearance:none;border-radius:4px;background:linear-gradient(to right,#f4b37b var(--range-fill,0%),#403329 var(--range-fill,0%));cursor:pointer}.wallet input[type=range]::-webkit-slider-thumb{appearance:none;width:19px;height:19px;border-radius:50%;border:3px solid #f4b37b;background:#241b15;box-shadow:0 0 0 4px #151210}.wallet input[type=range]::-moz-range-thumb{width:14px;height:14px;border-radius:50%;border:3px solid #f4b37b;background:#241b15}.wallet-cost{text-align:right;color:#ad947c;font-size:11px;margin:0 0 30px}.payment-options{padding:0;margin:0 0 25px;border:0;display:flex;gap:14px;flex-wrap:wrap}.payment-options legend{margin-bottom:12px}.wallet .payment-choice{position:relative;display:flex;align-items:center;gap:20px;min-width:190px;padding:20px;border:1px solid #e2b0812d;border-radius:14px;cursor:pointer;font-size:12px;margin:0}.payment-choice input{position:absolute;opacity:0;width:1px;height:1px}.payment-choice:has(input:checked){border-color:#f4b37b;background:#f4b37b08;color:#f4b37b}.payment-choice:has(input:focus-visible){outline:2px solid #f4b37b;outline-offset:3px}.payment-choice i{margin-left:auto;width:19px;height:19px;border:2px solid #675241;border-radius:50%;display:grid;place-items:center}.payment-choice input:checked~i{border-color:#f4b37b}.payment-choice input:checked~i::after{content:'';width:9px;height:9px;background:#f4b37b;border-radius:50%}.discount-row{display:flex;gap:12px}.discount-row button{border:1px solid #f4b37b33;border-radius:14px;background:#f4b37b15;color:#edc4a1;font-size:12px;font-weight:700;padding:0 25px;cursor:pointer}.discount-row button:hover{background:#f4b37b25}.wallet-consents{margin:22px 0}.wallet-consents label{display:flex;align-items:flex-start;gap:12px;margin-bottom:15px;font-size:11px;line-height:1.8}.wallet-consents input{flex-shrink:0;width:18px;height:18px;margin:1px 0 0;accent-color:#edaa70}.wallet-consents small{display:block;font-size:9px;color:#8d7764}.wallet-buy{display:block;width:100%;padding:21px 15px;border:0;border-radius:14px;background:linear-gradient(105deg,#e89450,#f7c79a);color:#342113;font-size:13px;font-weight:800;cursor:pointer;box-shadow:0 6px 25px #f4b37b0c}.wallet-buy:hover{filter:brightness(1.08)}.wallet button:focus-visible{outline:2px solid #f4b37b;outline-offset:4px}.wallet-demo{color:#917b67;font-size:9px;line-height:1.8;text-align:center;margin:14px 0 0}
@media(max-width:700px){.wallet{padding:24px 18px;margin-top:40px}.wallet-fields{grid-template-columns:1fr;gap:18px}.wallet-heading h2{font-size:29px}.wallet .payment-choice{min-width:0;flex:1;padding:18px 12px;font-size:10px;gap:10px}.discount-row button{padding:0 16px}.wallet-consents label{font-size:10px}}

/* Pixel-art community window next to the wallet. */
.shop-community-layout { display:grid;grid-template-columns:minmax(0,1.65fr) minmax(280px,1fr);gap:32px;align-items:start;margin-top:64px; }
.shop-community-layout .wallet { margin:0;max-width:none; }
.discord-panel { position:sticky;top:28px;isolation:isolate;background:#1c181e;border:3px solid #776786;box-shadow:4px 0 #100e12,-4px 0 #100e12,0 4px #100e12,0 -4px #100e12,8px 8px 0 #0004; margin:4px; }
.discord-panel::before,.discord-panel::after { content:'';position:absolute;width:7px;height:7px;background:#c7b4da;z-index:1; }.discord-panel::before{left:-3px;top:-3px}.discord-panel::after{right:-3px;bottom:-3px}
.discord-window-bar { padding:13px 12px;background:#2b2332;border-bottom:2px solid #61506e;color:#bca9cb;font:8px 'Courier New',monospace;letter-spacing:.7px;display:flex;align-items:center;gap:8px; }
.discord-window-bar>span:last-child{margin-left:auto;color:#a18cad;white-space:nowrap}.discord-window-dot{width:6px;height:6px;background:#b3a5ed;box-shadow:2px 2px #0003;flex-shrink:0}
.discord-panel-body{position:relative;overflow:hidden;padding:31px 26px 20px;background:radial-gradient(ellipse at 50% 8%,#8c77da16,transparent 60%),linear-gradient(#c2a0ff04 1px,transparent 1px),linear-gradient(90deg,#c2a0ff04 1px,transparent 1px);background-size:auto,16px 16px,16px 16px}
.discord-art{width:94px;height:84px;margin:2px auto 27px;filter:drop-shadow(6px 7px 0 #0004);animation:discord-hover 5s ease-in-out infinite}.discord-art svg{display:block;width:100%;height:100%}.discord-pixel-star{position:absolute;color:#9c87b8;font:20px monospace;opacity:.6}.star-left{left:30px;top:44px}.star-right{right:36px;top:90px;font-size:16px}
.discord-eyebrow{font:8px 'Courier New',monospace;letter-spacing:2px;color:#baabdf;margin:0 0 15px}.discord-panel h2{font-size:clamp(24px,2.5vw,35px);line-height:1.15;letter-spacing:-1.3px;margin:0;color:#f0eaf4}.discord-panel h2 span{color:#c1adf3}.discord-description{font-size:11px;line-height:1.9;color:#ad9fb7;margin:19px 0 23px}.discord-perks{list-style:none;margin:0 0 26px;padding:17px 0;border-top:1px solid #b798cc1a;border-bottom:1px solid #b798cc1a;display:grid;gap:15px}.discord-perks li{font-size:10px;color:#c5b7cf;display:flex;align-items:center;gap:12px}.discord-perks li>span{width:20px;height:20px;display:grid;place-items:center;background:#b39bdd10;color:#c0a8e1;font:13px monospace}
.discord-connect-placeholder{background:#8975b520;border:2px solid #ac92cf55;color:#c1afd5;box-shadow:3px 3px 0 #0004;padding:16px 12px;display:flex;justify-content:space-between;gap:8px;font:9px 'Courier New',monospace;line-height:1.6}.discord-setup-note{font-size:8px;color:#907d9e;text-align:center;line-height:1.8;margin:13px 0 0}.discord-panel-footer{display:flex;gap:12px;align-items:center;padding:14px 12px;border-top:2px solid #61506e;background:#251e2b;color:#a28db0;font:7px 'Courier New',monospace;letter-spacing:.8px}.discord-panel-footer>span{font-size:6px;color:#937ca9;letter-spacing:2px}
@keyframes discord-hover{0%,100%{transform:translateY(0)}50%{transform:translateY(-6px)}}
@media(max-width:1000px){.shop-community-layout{grid-template-columns:minmax(0,1.5fr) minmax(255px,1fr);gap:20px}.shop-community-layout .wallet{padding:25px 20px}.shop-community-layout .wallet-fields{grid-template-columns:1fr}.discord-panel-body{padding:26px 19px 20px}.shop-community-layout .payment-choice{min-width:0;flex:1;padding:17px 11px;font-size:10px;gap:8px}}
@media(max-width:760px){.shop-community-layout{grid-template-columns:1fr;margin-top:40px;gap:32px}.discord-panel{position:relative;top:auto;max-width:480px;width:calc(100% - 8px);justify-self:center}.discord-panel-body{padding:30px 26px 23px}.discord-panel h2{font-size:32px}.discord-description{max-width:320px}.shop-community-layout .wallet-fields{grid-template-columns:1fr 1fr}}
@media(max-width:550px){.shop-community-layout .wallet-fields{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){.discord-art{animation:none}}

/* Stepped pixel outline with a physical press effect. */
.discord-join { position:relative;display:flex;align-items:center;justify-content:center;gap:18px;margin:6px 5px 10px;padding:18px 12px;background:#b5a0ed;color:#241832;text-decoration:none;text-align:center;font:700 11px 'Courier New',monospace;letter-spacing:.6px;line-height:1.6;border:0;border-radius:0;box-shadow:0 -4px 0 #d5c4ff,4px 0 0 #a18ad7,-4px 0 0 #c7b5f5,0 4px 0 #715395,0 8px 0 #100b18,4px 4px 0 #100b18,-4px 4px 0 #100b18;transition:transform .12s,background .12s; }
.discord-join::before { content:'';position:absolute;left:5px;top:4px;width:5px;height:5px;background:#eee6ff;box-shadow:7px 0 0 #d7c7ff;pointer-events:none; }
.discord-join>span { font-size:18px;line-height:1; }
.discord-join:hover { background:#c6b3fa;transform:translateY(-2px); }
.discord-join:active { transform:translateY(4px);box-shadow:0 -4px 0 #d5c4ff,4px 0 0 #a18ad7,-4px 0 0 #c7b5f5,0 4px 0 #100b18; }
.discord-join:focus-visible { outline:2px solid #f1e7ff;outline-offset:12px; }
@media(prefers-reduced-motion:reduce){.discord-join{transition:none}}

/* Header rules button and accessible native modal. */
.rules-button { flex-shrink:0;display:flex;align-items:center;gap:9px;padding:11px 14px;background:#f4b37b10;color:#f4c399;border:1px solid #f4b37b55;border-radius:0;font:700 9px 'Courier New',monospace;letter-spacing:1px;box-shadow:3px 3px 0 #0004;cursor:pointer; }
.rules-button > span { font-size:17px;line-height:1; }
.rules-button:hover { background:#f4b37b20; }.rules-button:active { transform:translate(2px,2px);box-shadow:1px 1px 0 #0004; }
.rules-button:focus-visible,.rules-dialog button:focus-visible,.rules-dialog a:focus-visible { outline:2px solid #f4b37b;outline-offset:4px; }
.rules-dialog { width:min(580px,calc(100% - 36px));max-height:85svh;padding:0;background:#201913;color:#f6eee7;border:2px solid #b7825466;box-shadow:7px 7px 0 #0006; }
.rules-dialog::backdrop { background:#080604bd;backdrop-filter:blur(6px); }
.rules-dialog-bar { display:flex;align-items:center;justify-content:space-between;gap:15px;padding:12px 17px;background:#f4b37b0a;border-bottom:1px solid #f4b37b26;font:9px 'Courier New',monospace;letter-spacing:1px;color:#c59c78; }
.rules-dialog-bar form { margin:0; }.rules-dialog-bar button { width:32px;height:32px;border:1px solid #f4b37b33;background:transparent;color:#f4b37b;cursor:pointer; }
.rules-dialog-content { padding:30px; }.rules-dialog-content .eyebrow { font-size:8px;margin-bottom:18px; }.rules-dialog h2 { font-size:28px;letter-spacing:-1px;margin:0 0 25px; }.rules-dialog h2 span { color:#f4b37b; }.rules-dialog-content>p:not(.eyebrow) { color:#b9a18b;font-size:13px;line-height:1.9; }.rules-dialog-content a { display:inline-block;margin-top:16px;color:#edb687;font-size:11px;line-height:1.8;text-underline-offset:4px; }
html:has(.rules-dialog[open]) { overflow:hidden; }
@media(max-width:700px) { .header { gap:12px;flex-wrap:wrap;height:auto;min-height:85px;padding:20px 0; }.header .edition { display:none; }.header .sound-button { margin-left:auto; }.rules-button { padding:9px 10px;font-size:8px;letter-spacing:.4px; }.rules-dialog-content { padding:24px; } }

/* Uploaded server emblem replaces the text wordmark. */
.brand.brand-image { padding:0;flex-shrink:0;align-self:center; }
.brand-image img { display:block;width:94px;height:94px;object-fit:contain;filter:drop-shadow(0 3px 8px #0003); }
@media(max-width:700px) { .header:has(.brand-image) { padding:10px 0; }.brand-image img { width:70px;height:70px; } }

/* Compact navigation inspired by the reference header. */
.header.server-header { gap:28px;min-height:108px;height:auto;padding:8px 0;background:#100c0977;border-bottom-color:#e2b08116; }
.server-header .brand-image img { width:88px;height:88px; }
.header-divider { height:23px;width:1px;background:#ffffff25;margin:0 9px;flex-shrink:0; }
.header-nav { display:flex;align-items:center;gap:30px; }
.header-nav a,.header-nav button { padding:12px 0;border:0;border-radius:0;background:none;color:#f8eee8;font:500 14px Arial,sans-serif;text-decoration:none;cursor:pointer;white-space:nowrap; }
.header-nav .nav-home { color:#ffb54b; }
.header-nav a:hover,.header-nav button:hover { color:#ffc77f; }
.header-nav a:focus-visible,.header-nav button:focus-visible { outline:2px solid #f4b37b;outline-offset:5px; }
.server-population { margin-left:auto;display:flex;align-items:center;gap:13px;color:#f5eee9;flex-shrink:0;font-size:14px; }
.server-population svg { width:22px;height:25px;color:#ffb54b; }
.server-population small { display:block;font:8px 'Courier New',monospace;color:#947b66;letter-spacing:.4px;margin-top:5px; }
.server-header .sound-button { width:30px;height:30px;margin:0;flex-shrink:0; }
@media(max-width:850px) { .header.server-header { gap:18px; }.header-nav{gap:20px}.header-nav a,.header-nav button{font-size:12px}.header-divider{margin:0}.server-population{font-size:12px;gap:8px} }
@media(max-width:650px) { .header.server-header{flex-wrap:wrap;gap:12px;padding:10px 0 16px}.server-header .brand-image img{width:70px;height:70px}.header-divider{display:none}.header-nav{order:3;width:100%;justify-content:center;gap:32px;border-top:1px solid var(--line);padding-top:6px}.header-nav a,.header-nav button{font-size:13px;padding:10px 0}.server-population{margin-left:auto}.server-header .sound-button{margin:0} }
@media(max-width:360px){.header-nav{gap:23px}.server-population{font-size:11px}}

/* Voucher swaps into the Discord column without disturbing the wallet. */
.voucher-panel { position:sticky;top:28px;min-height:580px;padding:32px 26px;background:#110d0b;border:1px solid #e2b08126;border-radius:22px; }
.voucher-panel[hidden],.discord-panel[hidden] { display:none!important; }
.voucher-panel h2 { border-left:4px solid #705e51;padding-left:16px;font-size:28px;line-height:1.2;letter-spacing:-.7px;margin:0 0 34px;outline:none; }
.voucher-panel h2:focus-visible { border-left-color:#f4b37b; }
.voucher-panel label { display:block;color:#ffb54b;font-size:10px;font-weight:700;letter-spacing:1.2px;margin:0 0 12px; }
.voucher-panel input { width:100%;min-width:0;background:transparent;border:1px solid #e2b08125;border-radius:14px;color:#f6eee7;padding:18px 15px;font:12px Arial,sans-serif;margin-bottom:28px; }
.voucher-panel input::placeholder { color:#786b60; }.voucher-panel input:focus-visible{outline:2px solid #f4b37b;outline-offset:3px;}
.voucher-info { font-size:11px;line-height:1.9;color:#b6a99f;margin:0 0 27px; }
.voucher-submit { width:100%;padding:19px 12px;border-radius:14px;border:1px solid #e2b08133;background:#ffffff05;color:#f6eee7;font-size:12px;cursor:pointer; }
.voucher-submit:hover { border-color:#f4b37b77;background:#f4b37b0a; }.voucher-submit:focus-visible{outline:2px solid #f4b37b;outline-offset:4px;}
.voucher-status { color:#96806c;font-size:9px;line-height:1.8;margin:18px 0 0; }
.header-nav .nav-home:not([aria-current="page"]) { color:#f8eee8; }.header-nav [aria-current="page"] { color:#ffb54b; }
@media(max-width:760px){.voucher-panel{position:relative;top:auto;width:100%;max-width:480px;justify-self:center;min-height:510px;}}

/* Compact spacing after removing decorative copy. */
.hero { min-height:400px; }
.hero-copy { padding:28px 0; }
.hero h1 { max-width:420px; }
.shop-community-layout { margin-top:32px; }
.discord-panel-body { padding-bottom:30px; }
.discord-panel h2 { margin-bottom:28px; }
@media(min-width:1600px) { .hero { min-height:480px; } }
@media(max-width:700px) { .hero { min-height:0; }.hero-copy { padding:20px 0; }.shop-community-layout { margin-top:24px; } }

.hero-description { max-width:410px;margin:23px 0 0;color:#baa592;font-size:14px;line-height:1.9;letter-spacing:.1px; }
@media(max-width:700px) { .hero-description { font-size:12px;line-height:1.9;margin-top:18px; } }