:root { --ink:#e9ffd7; --muted:#a5c58f; --bg:#090d1d; --panel:#101b35; --line:#2f5d6d; --lime:#b6ff45; --pink:#ff4f9a; --cyan:#5cf4ff; --yellow:#ffe45c; }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; }
body { margin:0; color:var(--ink); background:radial-gradient(circle at 50% -10%, #29345c 0, var(--bg) 48%); font-family:'VT323', monospace; font-size:21px; letter-spacing:.03em; }
body::before { content:""; position:fixed; inset:0; pointer-events:none; opacity:.12; background-image:radial-gradient(#fff 1px, transparent 1px); background-size:5px 5px; mix-blend-mode:screen; }
.scanlines { position:fixed; inset:0; pointer-events:none; z-index:5; opacity:.08; background:repeating-linear-gradient(0deg, transparent 0 3px, #fff 4px 5px); }
.site-shell { max-width:1040px; margin:0 auto; padding:30px 20px 42px; }
.masthead { display:flex; justify-content:space-between; gap:24px; align-items:end; border-bottom:3px double var(--cyan); padding:0 10px 20px; }
.eyebrow,.status-line,.badge,.panel-title,.mini-stats,footer,.ticker { font-family:'Press Start 2P', monospace; font-size:10px; line-height:1.8; }
h1 { margin:10px 0 0; color:var(--lime); font:clamp(45px,10vw,90px)/.9 'Press Start 2P', monospace; text-shadow:5px 5px 0 #203b46, 0 0 22px #9cff39aa; letter-spacing:-.11em; }
h1 span { color:var(--pink); }
.tagline { margin:13px 0 0; color:var(--yellow); font-size:25px; }
.badge { border:2px solid var(--pink); padding:12px 15px; color:var(--pink); text-align:center; box-shadow:4px 4px 0 #7a2857; }
.badge strong { color:var(--cyan); }
.badge-dot,.status-light { display:inline-block; width:9px; height:9px; margin-right:7px; background:var(--lime); border-radius:50%; box-shadow:0 0 9px var(--lime); }
.nav-bar { display:flex; flex-wrap:wrap; gap:9px; padding:14px 10px 18px; }
.nav-bar a,.button { color:var(--ink); text-decoration:none; font-family:'Press Start 2P', monospace; font-size:10px; padding:10px 12px; border:2px solid var(--line); background:#0c1730; box-shadow:3px 3px 0 #172f43; }
.nav-bar a:hover,.button:hover { color:var(--bg); background:var(--yellow); border-color:var(--yellow); transform:translate(2px,2px); box-shadow:1px 1px 0 #172f43; }
.panel { border:2px solid var(--line); background:linear-gradient(135deg,#142343e8,#0d162be8); box-shadow:7px 7px 0 #060a16; }
.hero { min-height:390px; display:grid; grid-template-columns:1fr 1fr; overflow:hidden; }
.hero-copy { padding:34px 30px; position:relative; z-index:1; }
.status-line { color:var(--cyan); }
.blink { color:var(--pink); animation:blink 1s steps(2,end) infinite; }
@keyframes blink { 50% { opacity:0; } }
h2 { font:clamp(33px,5vw,54px)/1.18 'Press Start 2P', monospace; color:var(--ink); margin:26px 0 17px; text-shadow:4px 4px 0 #253b57; }
h2 em { color:var(--pink); font-style:normal; }
.hero-copy p { max-width:440px; color:var(--muted); font-size:27px; line-height:1.1; }
.button-row { display:flex; flex-wrap:wrap; gap:12px; margin-top:26px; }
.button { display:inline-block; color:var(--cyan); border-color:var(--cyan); }
.button.primary { color:var(--bg); background:var(--lime); border-color:var(--lime); }
.button span { color:var(--pink); }
.pixel-scene { position:relative; min-height:390px; background:linear-gradient(#202b55 0 58%,#264b52 58%); overflow:hidden; image-rendering:pixelated; }
.sun { position:absolute; width:74px; height:74px; border-radius:50%; background:var(--yellow); top:45px; right:62px; box-shadow:0 0 0 8px #ffe45c28,0 0 45px #ffe45c99; }
.mountain { position:absolute; bottom:120px; width:0; height:0; border-left:150px solid transparent; border-right:150px solid transparent; border-bottom:190px solid #192c4b; }
.mountain-back { left:-60px; border-bottom-color:#31405c; transform:scale(1.25); }
.mountain-front { left:120px; border-left-width:180px; border-right-width:180px; border-bottom-color:#162744; }
.ground { position:absolute; inset:auto 0 0; height:125px; background:repeating-linear-gradient(0deg,#356b4a 0 22px,#2c5d44 23px 26px),repeating-linear-gradient(90deg,transparent 0 32px,#1d443a 33px 35px); }
.ground::after { content:""; position:absolute; inset:13px 0 0; background:repeating-linear-gradient(90deg,transparent 0 46px,#4f8c4e 47px 53px,transparent 54px 77px); opacity:.55; }
.shoreline { position:absolute; z-index:3; left:0; bottom:0; width:190px; height:100px; background:repeating-linear-gradient(0deg,#1d6f91 0 10px,#2383a1 11px 15px); clip-path:polygon(0 0,15% 0,15% 10%,30% 10%,30% 22%,45% 22%,45% 34%,60% 34%,60% 46%,75% 46%,75% 58%,90% 58%,90% 70%,100% 70%,100% 100%,0 100%); }
.water-ripple { position:absolute; z-index:1; display:block; height:3px; background:#8fd6d2; box-shadow:7px 0 #8fd6d2,14px 0 #8fd6d2; opacity:.65; animation:ripple-slide 3.2s steps(4,end) infinite; }
.water-ripple-one { top:78px; left:20px; width:22px; }
.water-ripple-two { top:88px; left:66px; width:28px; animation-delay:-1.1s; animation-duration:4.1s; }
.water-ripple-three { top:96px; left:118px; width:24px; animation-delay:-2s; animation-duration:3.7s; }
@keyframes ripple-slide { 0%,100% { transform:translateX(-10px); opacity:.25; } 50% { transform:translateX(12px); opacity:.8; } }
.shoreline::before { content:""; position:absolute; left:0; top:0; width:100%; height:38px; background:#e5b85c; clip-path:polygon(0 0,15% 0,15% 18%,30% 18%,30% 36%,45% 36%,45% 54%,60% 54%,60% 72%,75% 72%,75% 90%,83% 90%,83% 100%,0 100%); }
.shoreline::after { content:""; position:absolute; left:79px; top:11px; width:20px; height:3px; background:#d9ffff; box-shadow:29px 15px #d9ffff,50px 1px #d9ffff; opacity:.8; }
.shoreline-edge { position:absolute; z-index:5; left:0; bottom:0; width:190px; height:100px; pointer-events:none; }
.edge-bar { position:absolute; display:block; height:4px; background:#754d31; }
/* Exact horizontal water/grass contacts from the stepped shoreline polygon. */
.edge-bar-two { left:114px; top:46px; width:28.5px; }
.edge-bar-three { left:142.5px; top:58px; width:28.5px; }
.edge-bar-four { left:171px; top:70px; width:19px; }
.tree { position:absolute; z-index:2; bottom:96px; width:18px; height:86px; background:#55372e; box-shadow:inset 5px 0 #784434; }
.tree i,.tree b { position:absolute; display:block; background:#256044; width:65px; height:45px; left:-24px; top:-24px; border:5px solid #347c4e; }
.tree b { width:46px; height:38px; left:-12px; top:-52px; background:#2a6b47; }
.tree-one { left:25px; transform:scale(.8); }.tree-two { right:55px; transform:scale(1.1); }
.sign { position:absolute; z-index:3; bottom:66px; left:47%; padding:7px; color:#31231d; background:#cd9651; border:4px solid #754d31; font:10px/1.3 'Press Start 2P',monospace; transform:rotate(-3deg); }
.ticker { margin:20px 0; padding:13px 15px; color:var(--bg); background:var(--yellow); border:2px solid #fff29a; box-shadow:5px 5px 0 #523f3d; overflow:hidden; white-space:nowrap; }
.ticker span { color:#a81662; margin-right:15px; }
.grid-two { display:grid; grid-template-columns:1fr 1fr; gap:20px; }
.server-card,.rules-card { padding:23px; min-height:255px; }
.panel-title { color:var(--cyan); padding-bottom:13px; border-bottom:1px dashed var(--line); }
.panel-title span { color:var(--pink); font-size:16px; }
.server-status { margin:22px 0 4px; color:var(--lime); }
.muted,.small-note { color:var(--muted); font-size:20px; }
.address-row { display:flex; gap:7px; margin:20px 0; }
code { flex:1; min-width:0; padding:10px; color:var(--yellow); background:#070d1c; border:1px solid var(--line); font:17px 'VT323',monospace; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
button { cursor:pointer; color:var(--bg); background:var(--cyan); border:0; padding:0 12px; font:10px 'Press Start 2P',monospace; }
.mini-stats { display:flex; justify-content:space-between; gap:10px; color:var(--muted); font-size:8px; }.mini-stats b { display:block; color:var(--ink); margin-top:6px; }
.rules-card ol { list-style:none; padding:0; margin:21px 0 13px; }.rules-card li { padding:8px 0; color:var(--muted); }.rules-card li b { color:var(--pink); margin-right:10px; font-family:'Press Start 2P',monospace; font-size:10px; }
.link-strip { display:grid; grid-template-columns:repeat(3,1fr); gap:1px; margin-top:20px; background:var(--line); }.link-strip > div { padding:20px; background:#111e38; }.link-icon { display:block; color:var(--pink); font-size:30px; margin-bottom:8px; }.link-strip strong,.link-strip small { display:block; font-family:'Press Start 2P',monospace; }.link-strip strong { color:var(--cyan); font-size:11px; }.link-strip small { color:var(--muted); font-size:8px; margin-top:9px; }
footer { display:flex; justify-content:space-between; gap:15px; flex-wrap:wrap; padding:25px 8px 0; color:#6f8e80; font-size:8px; }
#toast { position:fixed; bottom:25px; left:50%; transform:translate(-50%,20px); padding:10px 15px; background:var(--pink); color:#fff; font:10px 'Press Start 2P',monospace; opacity:0; pointer-events:none; transition:.2s; z-index:10; }.show-toast { opacity:1!important; transform:translate(-50%,0)!important; }
@media (max-width:760px) { .masthead,.hero { grid-template-columns:1fr; display:grid; }.badge { justify-self:start; }.pixel-scene { min-height:280px; }.hero-copy { padding:25px 20px; }.grid-two,.link-strip { grid-template-columns:1fr; }.site-shell { padding:20px 12px 30px; } h1 { font-size:45px; } }

/* AUTHENTIC 1990s MODE: chunky tables, Windows 95 chrome and GeoCities energy */
body { background:#008080; color:#000; font-family:"Times New Roman",Times,serif; font-size:18px; }
body::before { opacity:.18; background-image:radial-gradient(#004d4d 1px,transparent 1px); background-size:4px 4px; mix-blend-mode:normal; }
.scanlines { display:none; }
.site-shell { position:relative; z-index:1; max-width:780px; padding:8px; background:#c0c0c0; border:3px ridge #eee; box-shadow:10px 10px 0 #004b4b; }
.site-shell::before { content:""; position:absolute; inset:0; z-index:0; pointer-events:none; opacity:.18; background-image:radial-gradient(#004d4d 1px,transparent 1px); background-size:4px 4px; }
.site-shell > * { position:relative; z-index:1; }
.masthead { align-items:center; padding:10px; background:#000080; border:3px outset #ddd; }
.eyebrow,.status-line,.badge,.panel-title,.mini-stats,footer,.ticker { font-family:"Courier New",Courier,monospace; font-size:12px; line-height:1.35; }
.eyebrow { color:#fff; }
h1 { margin:5px 0 0; color:#ffff00; font: bold 64px/1 "Times New Roman",Times,serif; letter-spacing:0; text-shadow:3px 3px #000; }
h1 span { color:#ff55ff; }
.tagline { margin:3px 0 0; color:#fff; font:italic 20px "Trebuchet MS",Arial,Helvetica,sans-serif; }
.badge { border:3px ridge #eee; padding:8px 10px; color:#000; background:#c0c0c0; box-shadow:none; }
.badge strong { color:#000080; }
.badge-dot,.status-light { width:10px; height:10px; background:#00a000; border-radius:0; box-shadow:none; }
.nav-bar { gap:5px; padding:8px 5px; background:#c0c0c0; border:3px outset #eee; }
.nav-bar { background:transparent; }
.nav-bar a,.button { color:#0000ee; background:transparent; border:0; box-shadow:none; padding:2px 8px; font: bold 17px "Times New Roman",Times,serif; text-decoration:underline; }
.nav-bar a:visited { color:#800080; }
.nav-bar a:hover,.button:hover { color:#ff0000; background:transparent; border:0; transform:none; box-shadow:none; }
.panel { border:3px ridge #eee; background:#fff; box-shadow:none; }
.hero { min-height:350px; }
.hero-copy { padding:22px; background:#fff; }
.status-line { color:#008000; font-weight:bold; }
.blink { color:#ff0000; }
h2 { font:bold 42px/1.05 "Times New Roman",Times,serif; color:#000080; margin:19px 0 13px; text-shadow:none; }
h2 em { color:#ff00ff; font-style:normal; text-decoration:underline; }
.hero-copy p { color:#000; font:20px/1.15 "Trebuchet MS",Arial,Helvetica,sans-serif; }
.button-row { margin-top:18px; }
.button { display:inline-block; padding:5px 9px; border:3px outset #eee; background:#c0c0c0; color:#000; text-decoration:none; font:bold 15px Arial,Helvetica,sans-serif; }
.button.primary { color:#000; background:#c0c0c0; border-color:#eee; }
.button span { color:#000080; }
.pixel-scene { min-height:350px; border-left:3px inset #eee; background:linear-gradient(#000080 0 58%,#008000 58%); }
.sun { width:62px; height:62px; border-radius:50%; top:35px; right:44px; background:#ffff00; box-shadow:none; }
.ticker { margin:10px 0; padding:6px 8px; color:#000; background:#ffff00; border:3px ridge #eee; box-shadow:none; }
.ticker span { color:#ff0000; margin-right:9px; }
.grid-two { gap:10px; }
.server-card,.rules-card { padding:15px; min-height:235px; }
.panel-title { color:#fff; background:#000080; padding:5px 8px; border:2px outset #eee; }
.panel-title span { color:#ffff00; }
.server-status { margin:15px 0 3px; color:#008000; }
.muted,.small-note { color:#333; font:16px "Trebuchet MS",Arial,Helvetica,sans-serif; }
.address-row { margin:15px 0; }
code { color:#000; background:#fff; border:2px inset #eee; font:16px "Courier New",monospace; }
button { color:#000; background:#c0c0c0; border:3px outset #eee; padding:3px 7px; font:bold 12px Arial,sans-serif; }
.mini-stats { color:#000; font-size:10px; }.mini-stats b { color:#000080; }
.rules-card ol { margin:15px 0 8px; }.rules-card li { color:#000; padding:5px 0; }.rules-card li b { color:#ff0000; font: bold 12px "Courier New",monospace; }
.link-strip { gap:0; margin-top:10px; background:#000080; border:3px ridge #eee; }.link-strip > div { padding:13px; background:#fff; border:1px solid #000080; }.link-icon { color:#ff0000; font-size:26px; }.link-strip strong { color:#0000ee; font:bold 17px "Times New Roman",serif; text-decoration:underline; }.link-strip small { color:#000; font:12px "Courier New",monospace; }
footer { justify-content:center; padding:14px 5px 4px; color:#000; font-size:11px; }
#toast { background:#000080; border:3px outset #eee; color:#fff; font:12px "Courier New",monospace; }
.logo-smiley { color:#ffff00 !important; font-family:"Times New Roman",Times,serif; font-size:.72em; letter-spacing:0; text-shadow:2px 2px #000; }
.brand-link, .brand-link:visited, .brand-link:hover, .brand-link:focus { color:inherit; text-decoration:none; }
.button { transition:none; }
.button:hover { border:3px outset #eee; background:#c0c0c0; color:#000080; transform:none; box-shadow:none; }
.footer-link { color:#0000ee; text-decoration:underline; }
.legal-card { max-width:680px; margin:12px auto 0; }
.legal-copy { padding:20px 24px 24px; background:#fff; color:#000; font-size:20px; line-height:1.35; }
.legal-copy address { font-style:normal; margin:12px 0 20px; }
.legal-copy a { color:#0000ee; }
.whitelist-box { margin-top:14px; padding-top:10px; border-top:1px dotted #999; }
.counter-card { max-width:520px; margin:12px auto 0; padding:8px; background:#c0c0c0; border:3px ridge #eee; }
.counter-card .panel-title { margin:-1px -1px 8px; padding:3px 6px; font-size:11px; }
.counter-card .small-note { margin:5px 4px 8px; font:13px "Courier New",monospace; }
.counter-stats { display:grid; grid-template-columns:repeat(4,1fr); gap:4px; padding:5px; background:#fff; border:2px inset #eee; }
.counter-stats span { text-align:center; font-size:9px; }
.counter-stats b { margin-top:2px; font-size:14px; }
.counter-card { width:230px; max-width:100%; aspect-ratio:1/1; margin:14px auto 0; padding:9px; border:0; border-radius:14px; background:linear-gradient(145deg,#e83c42 0%,#ff7a32 45%,#822c91 100%); box-shadow:6px 7px 0 #004d4d, 0 8px 18px #003b3baa; }
.counter-card .panel-title { margin:0 0 7px; padding:3px 4px; border:0; border-radius:7px; background:#000080cc; color:#fff; text-align:center; font-size:10px; }
.counter-card .small-note { margin:4px 2px 7px; color:#fff; text-align:center; font:12px/1.15 "Courier New",monospace; }
.counter-stats { grid-template-columns:repeat(2,1fr); gap:4px; padding:5px; background:#ffffffdd; border:0; border-radius:8px; }
.counter-stats span { font-size:8px; }
.counter-stats b { font-size:15px; }
.server-card { position:relative; }
.server-card .counter-card { position:absolute; right:-24px; bottom:-46px; z-index:3; width:190px; height:190px; aspect-ratio:auto; margin:0; padding:7px; border:4px outset #eee; border-radius:3px; box-shadow:7px 7px 0 #000; }
.server-card .counter-card .panel-title { border:2px outset #eee; border-radius:0; padding:2px 3px; font-size:9px; }
.server-card .counter-card .small-note { font:11px/1.1 "Courier New",monospace; text-shadow:1px 1px #7a2857; }
.server-card .counter-stats { border:2px inset #eee; border-radius:0; gap:2px; padding:4px; }
.server-card .counter-stats b { font-size:14px; }
@media (max-width:760px) { .server-card .counter-card { position:relative; right:auto; bottom:auto; width:190px; height:190px; margin:14px auto -2px; } }
.server-card .counter-card { position:static; width:152px; height:152px; margin:14px auto 0; padding:6px; box-shadow:5px 5px 0 #000; }
.server-card .counter-card .panel-title { margin-bottom:5px; font-size:8px; }
.server-card .counter-card .small-note { margin:3px 1px 5px; font-size:10px; }
.server-card .counter-stats { padding:3px; }
.server-card .counter-stats span { font-size:7px; }
.server-card .counter-stats b { font-size:12px; }
.counter-card { width:100%; max-width:none; height:auto; aspect-ratio:auto; margin:14px 0 0; padding:7px; display:flex; align-items:center; gap:10px; border:4px ridge #eee; border-radius:2px; background:linear-gradient(90deg,#e83c42 0%,#ff7a32 46%,#822c91 100%); box-shadow:6px 6px 0 #004d4d; }
.counter-card .panel-title { flex:0 0 auto; margin:0; padding:4px 7px; border:2px outset #eee; border-radius:0; background:#000080; font-size:10px; }
.counter-card .small-note { flex:0 0 auto; margin:0; color:#fff; font:11px "Courier New",monospace; text-shadow:1px 1px #7a2857; }
.counter-card .counter-stats { flex:1; grid-template-columns:repeat(4,1fr); padding:4px; border:2px inset #eee; border-radius:0; }
.counter-card .counter-stats span { font-size:8px; }
.counter-card .counter-stats b { font-size:13px; }
@media (max-width:760px) { .counter-card { flex-wrap:wrap; justify-content:center; }.counter-card .counter-stats { flex-basis:100%; } }
.counter-card .counter-stats, .report-box input:not([type=checkbox]), .report-box textarea { background-color:#fff; background-image:radial-gradient(#004d4d 1px,transparent 1px); background-size:4px 4px; }
.counter-card .counter-stats, #report-name, #report-message, #server-address { color:#000; background-color:#c0c0c0; background-image:radial-gradient(rgba(0,77,77,.18) 1px,transparent 1px); background-size:4px 4px; }
.counter-card .counter-stats span, .counter-card .counter-stats b { color:#000; text-shadow:1px 1px #fff; }
.player-status { margin:8px 0; padding:4px 8px; display:inline-block; color:#fff; background:#000080; border:3px outset #eee; font:bold 14px "Courier New",monospace; box-shadow:3px 3px 0 #004d4d; }
.player-status b { color:#ffff00; }
.construction-sign { display:flex; align-items:center; gap:5px; padding:4px 6px; color:#ff0000; background:#ffff00; border:3px ridge #eee; font:bold 11px/1 "Courier New",monospace; text-align:center; box-shadow:3px 3px 0 #000; transform:rotate(-2deg); }
.construction-icon { display:inline-block; font-size:25px; animation:workzone 1.2s steps(2,end) infinite; }
@keyframes workzone { 50% { transform:translateY(-3px) rotate(4deg); } }
.pixel-rule { height:7px; margin:10px 0; border:0; background:repeating-linear-gradient(90deg,#000080 0 10px,#ff00ff 10px 20px,#ffff00 20px 30px); image-rendering:pixelated; }
.sun { border-radius:0; width:58px; height:58px; box-shadow:8px 0 0 #ffff00,-8px 0 0 #ffff00,0 8px 0 #ffff00,0 -8px 0 #ffff00; }
.mountain { border:0; width:300px; height:190px; background:#192c4b; clip-path:polygon(0 100%,0 76%,14% 76%,14% 58%,28% 58%,28% 42%,42% 42%,42% 25%,50% 25%,50% 12%,58% 12%,58% 25%,68% 25%,68% 42%,78% 42%,78% 58%,90% 58%,90% 76%,100% 76%,100% 100%); }
.mountain-back { background:#31405c; clip-path:polygon(0 100%,0 82%,8% 82%,8% 74%,15% 74%,15% 64%,22% 64%,22% 56%,29% 56%,29% 46%,36% 46%,36% 36%,43% 36%,43% 27%,48% 27%,48% 18%,52% 18%,52% 27%,58% 27%,58% 36%,65% 36%,65% 46%,72% 46%,72% 56%,79% 56%,79% 64%,86% 64%,86% 74%,93% 74%,93% 82%,100% 82%,100% 100%); }
.mountain-front { width:360px; background:#162744; clip-path:polygon(0 100%,0 84%,7% 84%,7% 76%,14% 76%,14% 68%,21% 68%,21% 58%,28% 58%,28% 49%,35% 49%,35% 40%,42% 40%,42% 31%,47% 31%,47% 22%,52% 22%,52% 14%,57% 14%,57% 22%,63% 22%,63% 31%,70% 31%,70% 40%,77% 40%,77% 49%,84% 49%,84% 58%,91% 58%,91% 68%,96% 68%,96% 76%,100% 76%,100% 100%); }
.pixel-house { position:absolute; z-index:1; left:105px; bottom:94px; width:76px; height:58px; background:#a9673c; border:5px solid #55372e; box-shadow:none; }
.pixel-house::before { content:""; position:absolute; left:-9px; top:-31px; width:94px; height:38px; background:#7f3f35; clip-path:polygon(0 100%,0 82%,10% 82%,10% 68%,20% 68%,20% 52%,30% 52%,30% 36%,40% 36%,40% 20%,50% 20%,50% 8%,60% 8%,60% 20%,70% 20%,70% 36%,80% 36%,80% 52%,90% 52%,90% 68%,100% 68%,100% 82%,100% 100%); }
.pixel-house i { position:absolute; z-index:1; left:25px; bottom:0; width:20px; height:33px; background:#55372e; border:3px solid #33231f; }
.pixel-house b { position:absolute; z-index:1; left:8px; top:14px; width:14px; height:14px; background:#ffe45c; border:3px solid #55372e; }
.pixel-house b::after { content:""; position:absolute; left:38px; top:-3px; width:14px; height:14px; background:#ffe45c; border:3px solid #55372e; }
.pixel-house em { position:absolute; z-index:2; right:10px; top:-44px; width:13px; height:30px; background:#55372e; border:3px solid #33231f; font-style:normal; }
.pixel-house em::after { content:""; position:absolute; left:-4px; top:-9px; width:18px; height:7px; background:#33231f; box-shadow:4px -7px 0 -1px #8b8b8b; }
.pixel-flower { position:absolute; z-index:4; bottom:78px; width:5px; height:15px; background:#347c4e; box-shadow:2px 0 #256044; }
.pixel-flower::before { content:""; position:absolute; left:-5px; top:-7px; width:5px; height:5px; background:#ff55aa; box-shadow:5px 0 #ff55aa,0 5px #ff55aa,5px 5px #ffff00; }
.flower-one { left:92px; }.flower-one::before { background:#ffff00; box-shadow:5px 0 #ffff00,0 5px #ffff00,5px 5px #ff55aa; }
.flower-two::before { background:#ff55aa; box-shadow:5px 0 #ff55aa,0 5px #ff55aa,5px 5px #fff; }
.flower-three { left:235px; }.flower-three::before { background:#fff; box-shadow:5px 0 #fff,0 5px #fff,5px 5px #ff55aa; }
.flower-four { left:285px; }.flower-four::before { background:#ff55aa; box-shadow:5px 0 #ff55aa,0 5px #ff55aa,5px 5px #ffff00; }
.flower-five { right:28px; }.flower-five::before { background:#ffff00; box-shadow:5px 0 #ffff00,0 5px #ffff00,5px 5px #fff; }
.flower-one { bottom:82px; }.flower-three { bottom:72px; }.flower-four { bottom:101px; }.flower-five { bottom:87px; }
.sign::after { content:""; position:absolute; z-index:-1; left:50%; bottom:-34px; width:7px; height:34px; background:#754d31; border-left:2px solid #4b3023; transform:translateX(-50%); }
.sign { left:54%; bottom:48px; }
.pixel-house { position:absolute; z-index:1; left:95px; bottom:88px; width:100px; height:90px; overflow:visible; background:none; border:0; box-shadow:none; image-rendering:pixelated; }
.pixel-house::before, .pixel-house i, .pixel-house b, .pixel-house em { display:none; }
.house-smoke { animation:smoke-rise 3s steps(4,end) infinite; transform-box:fill-box; transform-origin:center; }
.smoke-two { animation-delay:.8s; }.smoke-three { animation-delay:1.6s; }
@keyframes smoke-rise { 50% { opacity:.45; transform:translate(4px,-3px); } 100% { opacity:.1; transform:translate(7px,-6px); } }
.flower-one { left:245px; bottom:58px; }.flower-three { left:auto; right:100px; bottom:56px; }.flower-four { left:auto; right:52px; bottom:66px; }.flower-five { left:auto; right:22px; bottom:78px; }
.flower-one { left:249px; bottom:116px; z-index:2; }
.flower-two { left:171px; bottom:59px; }
.reed { position:absolute; z-index:4; bottom:35px; width:5px; height:35px; background:#347c4e; transform-origin:bottom center; animation:reed-sway 3.8s ease-in-out infinite; }
.reed::before { content:""; position:absolute; left:-5px; top:5px; width:7px; height:14px; background:#4f8c4e; box-shadow:5px 9px 0 #256044; }
.reed-one { left:58px; height:54px; animation-delay:0s; }.reed-two { left:70px; height:62px; animation-delay:0s; }.reed-three { left:83px; height:48px; animation-delay:0s; }
@keyframes reed-sway { 50% { transform:rotate(7deg); } }
.bird-leaf-platform { position:absolute; z-index:3; right:65px; bottom:185px; width:43px; height:16px; background:#256044; border:4px solid #347c4e; box-shadow:none; }
.pixel-bird { position:absolute; z-index:8; right:75px; bottom:194px; width:25px; height:20px; background:transparent; }
.pixel-bird::before { content:""; display:block; position:absolute; left:3px; top:5px; width:19px; height:14px; background:#7a4b35; clip-path:polygon(0 35%,8% 15%,24% 15%,24% 4%,62% 4%,62% 12%,82% 12%,82% 25%,100% 25%,100% 66%,90% 66%,90% 84%,70% 84%,70% 100%,28% 100%,28% 90%,10% 90%,10% 72%,0 72%); }
.pixel-bird::after { display:none; }
.bird-head { position:absolute; right:1px; top:-6px; width:11px; height:10px; background:#55372e; }
.bird-head::after { content:""; position:absolute; right:2px; top:2px; width:3px; height:3px; background:#000; }
.bird-beak { position:absolute; right:-6px; top:0; width:7px; height:4px; background:#d9823b; box-shadow:3px 2px 0 -1px #d9823b; }
.bird-wing { position:absolute; left:2px; top:5px; width:16px; height:11px; background:#3f2b26; clip-path:polygon(0 0,100% 0,100% 66%,84% 66%,84% 100%,66% 100%,66% 70%,48% 70%,48% 100%,30% 100%,30% 70%,0 70%); }
.bird-wing::after { content:""; position:absolute; left:4px; top:2px; width:8px; height:3px; background:#7a4b35; }
.bird-feet { position:absolute; left:4px; bottom:-6px; width:3px; height:6px; background:#d9823b; box-shadow:9px 0 #d9823b; }
.pixel-bird { right:69px; bottom:194px; width:32px; height:32px; background:none; image-rendering:pixelated; }
.pixel-bird::before, .pixel-bird::after { display:none; }
@media (prefers-reduced-motion:reduce) { .blink,.construction-icon,.water-ripple { animation:none; } }
.bird-head-group { transform-box:fill-box; transform-origin:center; animation:bird-head-turn 7s steps(2,end) infinite; }
.bird-eye-pixel { animation:bird-blink 6s steps(1,end) infinite; }
.bird-wing-group { transform-box:fill-box; transform-origin:left bottom; }
.bird-wing-group.bird-flap-now { animation:bird-wing-twitch .55s steps(2,end) both; }
@keyframes bird-head-turn { 0%,72%,100% { transform:translateX(0); } 76%,82% { transform:translateX(1px); } }
@keyframes bird-blink { 0%,91%,100% { opacity:1; } 93%,96% { opacity:0; } }
@keyframes bird-wing-twitch { 0%,100% { transform:translate(0,0) rotate(0); } 18%,54% { transform:translate(-1px,-3px) rotate(-18deg); } 36%,72% { transform:translate(1px,1px) rotate(12deg); } }
@media (prefers-reduced-motion:reduce) { .bird-head-group,.bird-eye-pixel,.bird-wing-group { animation:none; } }

/* Pixel night sky: crescent moon, drifting clouds and twinkling stars. */
.sun { z-index:2; width:58px; height:58px; border-radius:0; background:#fff4a8; box-shadow:none; clip-path:polygon(16% 0,84% 0,84% 8%,94% 8%,94% 20%,100% 20%,100% 76%,90% 76%,90% 90%,76% 90%,76% 100%,24% 100%,24% 94%,10% 94%,10% 82%,0 82%,0 20%,8% 20%,8% 8%,16% 8%); }
.sun::after { content:""; position:absolute; width:52px; height:52px; left:-14px; top:-5px; border-radius:0; background:rgba(0,0,0,.38); clip-path:polygon(16% 0,84% 0,84% 8%,94% 8%,94% 20%,100% 20%,100% 76%,90% 76%,90% 90%,76% 90%,76% 100%,24% 100%,24% 94%,10% 94%,10% 82%,0 82%,0 20%,8% 20%,8% 8%,16% 8%); }
.cloud { position:absolute; z-index:3; left:-90px; width:68px; height:13px; background:#7785ad; box-shadow:12px -8px 0 #7785ad,30px -5px 0 #7785ad,47px 0 0 #7785ad; opacity:.7; animation:cloud-drift 30s linear infinite; }
.cloud-one { top:76px; }
.cloud-two { top:126px; opacity:.5; animation-duration:42s; animation-delay:-18s; }
.cloud-two { z-index:1; }
.cloud-three { top:30px; opacity:.4; width:54px; transform:scale(.8); animation-duration:50s; animation-delay:-31s; }
@keyframes cloud-drift { from { transform:translateX(0); } to { transform:translateX(500px); } }
.mountain { z-index:1; }
.star { position:absolute; z-index:0; width:2px; height:2px; color:transparent; font-size:0; background:#fff8b5; animation:star-twinkle 2.8s steps(2,end) infinite; }
.star-one { top:32px; left:54px; }
.star-two { top:92px; left:138px; animation-delay:-1.1s; }
.star-three { top:48px; left:205px; animation-delay:-1.8s; }
.star-four { top:128px; left:290px; animation-delay:-.5s; }
@keyframes star-twinkle { 0%,100% { opacity:.25; } 50% { opacity:1; } }
@media (prefers-reduced-motion:reduce) { .cloud,.star { animation:none; } }
.tree { z-index:4; }
.ground { z-index:2; }
.pixel-house { z-index:4; }
.sign { z-index:5; }
.flower-one { z-index:5; }
.bird-leaf-platform { z-index:5; }
.report-box { margin-top:14px; padding-top:10px; border-top:1px dotted #999; }
.report-box form { display:flex; flex-direction:column; gap:7px; }
.report-box label { font:bold 14px Arial,sans-serif; color:#000080; }
.report-box label small { font-weight:normal; color:#444; }
.report-box input:not([type=checkbox]) { padding:6px; color:#000; background:#fff; border:2px inset #eee; font:16px "Courier New",monospace; }
.report-box textarea { min-height:62px; resize:vertical; padding:6px; color:#000; background:#fff; border:2px inset #eee; font:16px "Courier New",monospace; }
.consent-label { display:flex; gap:6px; align-items:flex-start; color:#222 !important; font:13px Arial,sans-serif !important; }
.report-box button { align-self:flex-start; }
.report-privacy-note { margin:2px 0 3px; font:12px/1.2 Arial,Helvetica,sans-serif; }
.honeypot { position:absolute; left:-9999px; width:1px; height:1px; opacity:0; }