:root { --bg:#0D0D11; --surface:#1b1a1d; --surface-2:#252226; --text:#F9F9F9; --muted:#F9D0DA; --pink-1:#F97E9C; --pink-2:#F98CA6; --pink-3:#F999B1; --pink-4:#F9A7BB; --pink-5:#F9B5C5; --pink-6:#F9C2D0; --pink-7:#F9D0DA; --pink-8:#F9DEE4; --pink-9:#F9EBEF; --orange:var(--pink-1); --orange-light:var(--pink-4); --line:rgba(249,222,228,.15); }
* { box-sizing:border-box; } html { scroll-behavior:smooth; } body { margin:0; background:var(--bg); color:var(--text); font-family:Manrope,Arial,sans-serif; overflow-x:hidden; } button,input,textarea { font:inherit; } button { cursor:pointer; } .noise { display:none; } .container { width:min(1220px,calc(100% - 72px)); margin:0 auto; }
.header { height:94px; display:flex; align-items:center; justify-content:space-between; position:relative; z-index:3; border-bottom:1px solid var(--line); } .brand { color:var(--text); font-family:Unbounded,sans-serif; font-size:17px; text-decoration:none; letter-spacing:-1px; display:flex; align-items:center; gap:10px; } .brand>span:last-child span { color:var(--orange); }.brand-mark { display:flex; align-items:end; gap:2px; transform:skewY(-28deg); }.brand-mark i { display:block; width:5px; background:var(--orange); }.brand-mark i:nth-child(1){height:11px}.brand-mark i:nth-child(2){height:17px}.brand-mark i:nth-child(3){height:8px}.nav { display:flex; gap:32px; margin-left:90px; }.nav a { color:var(--muted); text-decoration:none; font-size:13px; font-weight:700; transition:.2s; }.nav a:hover { color:var(--text); }.discord-login { border:1px solid rgba(255,255,255,.22); background:transparent; color:var(--text); padding:11px 17px; border-radius:5px; font-weight:700; font-size:12px; }.discord-icon { color:#9baaf7; font-size:20px; vertical-align:-2px; margin-right:7px; }.menu-button { display:none; }
.hero { min-height:606px; padding:95px 0 72px; display:grid; grid-template-columns:54% 46%; align-items:center; position:relative; }.eyebrow,.section-label,.modal-kicker,.account-label { color:var(--orange-light); font-size:10px; letter-spacing:1.45px; font-weight:800; }.live-dot { width:7px; height:7px; display:inline-block; border-radius:50%; background:var(--orange); box-shadow:0 0 0 5px rgba(255,100,31,.12); margin:0 9px 0 4px; }.hero h1,.about h2,.world h2,.rules h2,.modal h2 { font-family:Unbounded,sans-serif; font-size:clamp(39px,5.2vw,71px); line-height:1.14; letter-spacing:-3.5px; margin:22px 0 20px; font-weight:700; }.hero h1 em,.about h2 span,.world h2 span,.rules h2 span,.modal h2 span { color:var(--orange); font-style:normal; }.hero-text { max-width:435px; color:var(--muted); line-height:1.75; font-size:15px; }.hero-actions { display:flex; align-items:center; gap:23px; margin:34px 0 38px; }.primary-button { color:#1b140f; background:var(--orange); border:0; border-radius:4px; padding:16px 20px; font-size:12px; font-weight:800; line-height:1; transition:transform .2s,background .2s; }.primary-button:hover { background:#ff7a3b; transform:translateY(-2px); }.primary-button span { font-size:18px; vertical-align:-2px; margin-left:10px; }.play-button { border:0; color:var(--text); background:none; font-size:12px; font-weight:800; padding:10px 0; }.play-triangle { width:22px; height:22px; border:1px solid #77736a; border-radius:50%; display:inline-grid; place-items:center; vertical-align:-6px; margin-right:8px; }.play-triangle:after { content:""; margin-left:2px; border-left:6px solid var(--text); border-top:4px solid transparent; border-bottom:4px solid transparent; }.server-pill { border:1px solid var(--line); width:max-content; max-width:100%; border-radius:5px; display:flex; align-items:center; padding:9px 10px 9px 13px; gap:8px; color:var(--muted); font-size:11px; }.server-pill b { color:var(--text); }.signal,.status-dot { height:7px; width:7px; background:#79cb75; border-radius:50%; }.pill-line { display:block; width:1px; height:14px; background:var(--line); margin:0 3px; }.server-pill code,.account-ip { color:#d8d2c8; font-size:11px; }.server-pill button,.account-ip button { border:0; background:none; color:var(--orange); font-size:17px; padding:0 1px; }
.hero-art { height:470px; position:relative; overflow:hidden; background:radial-gradient(ellipse at 50% 37%,#4a3120 0%,#25211b 41%,#161615 71%); border-radius:3px; isolation:isolate; }.sun { width:165px; height:165px; position:absolute; left:50%; top:62px; transform:translateX(-50%); background:var(--orange); box-shadow:0 0 65px 23px rgba(255,100,31,.2); }.grid-floor { position:absolute; bottom:-160px; left:-12%; width:125%; height:330px; transform:perspective(235px) rotateX(61deg); transform-origin:top; background:linear-gradient(90deg,transparent 49.4%,rgba(254,143,73,.32) 50%,transparent 50.6%) 0 0/35px 35px,linear-gradient(0deg,transparent 49.4%,rgba(254,143,73,.32) 50%,transparent 50.6%) 0 0/35px 35px; }.mountain { position:absolute; transform:rotate(45deg); background:linear-gradient(135deg,#392b21 0%,#70502f 48%,#c96a2d 49%,#553c28 74%); }.mountain-back { width:285px; height:285px; left:-63px; bottom:-108px; }.mountain-front { width:220px; height:220px; right:-22px; bottom:-128px; background:linear-gradient(135deg,#271e19 0%,#7a4729 49%,#f27b34 50%,#4d3224 74%); }.portal { width:88px; height:156px; border:14px solid #181719; position:absolute; bottom:79px; left:50%; transform:translateX(-50%); box-shadow:0 0 0 3px #5f3b25,0 0 25px 6px rgba(255,93,28,.7); background:linear-gradient(135deg,#531e45,#db3828); }.portal span { position:absolute; background:#ff9e55; width:7px; height:7px; }.portal span:nth-child(1){left:20px;top:27px}.portal span:nth-child(2){right:17px;top:53px}.portal span:nth-child(3){left:28px;bottom:31px}.portal span:nth-child(4){right:23px;bottom:18px}.floating-tag { position:absolute; padding:8px 10px; background:#1a1917; border:1px solid rgba(255,255,255,.16); font:700 9px Unbounded,sans-serif; letter-spacing:.5px; }.tag-one { top:60px; right:30px; color:var(--orange-light); }.tag-two { top:241px; left:24px; }.art-coordinates { position:absolute; bottom:18px; right:22px; font:700 9px Unbounded,sans-serif; color:#c3a083; }
.ticker { background:var(--orange); color:#23170f; overflow:hidden; white-space:nowrap; padding:14px 0; }.ticker-track { display:inline-flex; gap:30px; align-items:center; font:700 10px Unbounded,sans-serif; letter-spacing:1px; animation:slide 24s linear infinite; }.ticker b { font-size:13px; } @keyframes slide {to{transform:translateX(-40%)}}
.about { padding:136px 0 128px; }.about-grid { margin-top:26px; display:grid; grid-template-columns:1.1fr .9fr; gap:70px; }.about h2,.world h2,.rules h2 { font-size:clamp(34px,4.1vw,54px); margin:0; }.about-body { align-self:end; padding-bottom:6px; }.about-body p,.world-heading>p,.rules-content>p { color:var(--muted); line-height:1.8; font-size:14px; margin:0 0 22px; }.about-body a { color:var(--orange); text-decoration:none; font-weight:800; font-size:12px; }.about-body a span { margin-left:7px; font-size:18px; }.stats { display:grid; grid-template-columns:repeat(3,1fr); border-top:1px solid var(--line); border-bottom:1px solid var(--line); margin-top:84px; }.stats article { padding:28px 0; display:flex; align-items:center; gap:16px; }.stats article+article { border-left:1px solid var(--line); padding-left:45px; }.stats strong { color:var(--orange); font:600 31px Unbounded,sans-serif; letter-spacing:-2px; }.stats span { color:var(--muted); text-transform:uppercase; letter-spacing:1px; font-size:9px; font-weight:800; }
.world { padding:110px 0 121px; background:#191917; }.world-heading { display:flex; justify-content:space-between; align-items:end; }.world-heading>p { max-width:270px; margin:0 7px 5px; }.world-cards { display:grid; grid-template-columns:1.2fr 1fr 1fr; gap:13px; margin-top:53px; }.world-card { min-height:390px; position:relative; overflow:hidden; padding:20px; border:1px solid rgba(255,255,255,.1); background-color:#2e271e; transition:transform .3s; }.world-card:hover { transform:translateY(-6px); }.card-city { background-image:linear-gradient(180deg,transparent,rgba(17,17,16,.9)),radial-gradient(ellipse at 63% 35%,#fb7837 0 6%,transparent 6.5%),linear-gradient(124deg,#3d5049 0 38%,#28342c 38% 50%,#855139 50% 54%,#3c2922 54%); }.card-events { background-image:linear-gradient(180deg,transparent,rgba(17,17,16,.92)),radial-gradient(circle at 75% 24%,#ff722c 0 1%,transparent 1.4%),radial-gradient(circle at 48% 15%,#f9ad45 0 1.3%,transparent 1.7%),linear-gradient(150deg,#3d252a 0 42%,#a84326 42% 44%,#2d2422 44%); }.card-people { background-image:linear-gradient(180deg,transparent,rgba(17,17,16,.9)),linear-gradient(130deg,#283336 0 40%,#d97530 40% 47%,#5c4935 47% 64%,#272525 64%); }.card-number { color:rgba(255,255,255,.48); font:700 10px Unbounded,sans-serif; }.card-content { position:absolute; left:22px; bottom:23px; }.card-content span { color:var(--orange-light); font:800 9px Manrope,sans-serif; letter-spacing:1.4px; }.card-content h3 { margin:8px 0; font:600 22px Unbounded,sans-serif; letter-spacing:-1.5px; line-height:1.25; }.card-content p { color:#c5bbb0; font-size:11px; margin:0; }.rules { padding:125px 0 123px; display:grid; grid-template-columns:1.1fr .9fr; align-items:end; }.rules-content { padding-bottom:8px; }.rules-content>p { max-width:370px; }.text-button { padding:0 0 9px; color:var(--text); border:0; background:transparent; border-bottom:1px solid var(--orange); font-weight:800; font-size:12px; }.text-button span { color:var(--orange); font-size:18px; margin-left:24px; }.footer { padding:32px 0 37px; border-top:1px solid var(--line); display:flex; align-items:center; gap:35px; }.footer p { color:#79766e; margin:0; font-size:10px; }.footer p:last-child { margin-left:auto; }
.modal-backdrop { position:fixed; z-index:30; inset:0; display:grid; place-items:center; padding:20px; background:rgba(5,5,4,.72); backdrop-filter:blur(8px); opacity:0; visibility:hidden; transition:.25s; }.modal-backdrop.open { opacity:1; visibility:visible; }.modal { width:min(560px,100%); background:#1b1b19; border:1px solid rgba(255,255,255,.14); position:relative; padding:42px 49px; box-shadow:0 30px 90px rgba(0,0,0,.5); max-height:calc(100vh - 40px); overflow-y:auto; }.close-button { position:absolute; right:17px; top:13px; color:#c8c2b9; border:0; background:transparent; font-size:30px; line-height:1; }.modal h2 { font-size:43px; margin:13px 0 12px; }.modal p { color:var(--muted); line-height:1.65; font-size:13px; }.modal-step { display:none; }.modal-step.active { display:block; animation:fade .25s ease; } @keyframes fade {from{opacity:0;transform:translateX(8px)}to{opacity:1;transform:none}}.choice-list { display:grid; gap:10px; margin-top:30px; }.choice-card { display:flex; align-items:center; text-align:left; gap:15px; width:100%; padding:16px; border:1px solid var(--line); background:#22221f; color:var(--text); transition:.2s; }.choice-card:hover { border-color:var(--orange); background:#29241f; }.choice-icon { color:var(--orange); font:24px Unbounded,sans-serif; }.choice-card b,.choice-card small { display:block; }.choice-card b { font-size:13px; }.choice-card small { color:var(--muted); font-size:10px; margin-top:4px; }.choice-card i { font-style:normal; margin-left:auto; color:var(--orange); font-size:20px; }.back-button { border:0; padding:0; background:none; color:var(--muted); font-size:11px; font-weight:700; margin-bottom:17px; }.back-button:hover { color:var(--text); } form { margin-top:25px; } .form-page { display:none; }.form-page.active { display:block; }.form-page label { display:block; color:#dcd7ce; font-size:11px; font-weight:800; margin-bottom:17px; }.form-page input,.form-page textarea { color:var(--text); background:#242421; border:1px solid var(--line); display:block; width:100%; padding:13px; outline:none; border-radius:2px; margin-top:7px; font-size:13px; font-weight:500; }.form-page textarea { min-height:102px; resize:vertical; }.form-page input:focus,.form-page textarea:focus { border-color:var(--orange); }.form-page small { color:#77736c; float:right; margin-top:4px; font-size:9px; font-weight:500; }.form-next { margin-top:8px; width:100%; }.check-label { display:flex!important; align-items:flex-start; gap:9px; color:var(--muted)!important; font-size:10px!important; font-weight:600!important; line-height:1.5; }.check-label input { width:auto!important; margin:1px 0 0!important; accent-color:var(--orange); }.success-step { text-align:center; padding:8px 15px; }.success-icon { width:54px; height:54px; display:grid; place-items:center; margin:8px auto 22px; background:var(--orange); color:#18130f; border-radius:50%; font:700 24px Unbounded,sans-serif; }.success-step .primary-button { margin-top:15px; width:100%; }.pass-price { display:flex; align-items:baseline; gap:10px; padding:20px 0; border-top:1px solid var(--line); border-bottom:1px solid var(--line); margin:28px 0 18px; }.pass-price span,.pass-price small { color:var(--muted); font-size:10px; font-weight:800; }.pass-price strong { color:var(--orange); font:600 31px Unbounded,sans-serif; letter-spacing:-2px; }.pass-step .primary-button { width:100%; }.pass-note { display:block; color:#77736b; text-align:center; font-size:9px; margin-top:12px; }.login-modal { text-align:center; padding:47px 57px 38px; }.login-modal h2 { text-align:left; }.login-modal p { text-align:left; }.login-modal .primary-button { margin-top:19px; width:100%; }.login-modal small { color:#77736c; font-size:9px; display:block; line-height:1.55; margin-top:13px; }.discord-logo { width:56px; height:44px; border-radius:18px 18px 12px 12px; margin:0 auto 17px; background:#7785db; color:white; font:bold 39px Arial; line-height:39px; transform:rotate(180deg); }
.account-panel { position:fixed; z-index:26; top:0; right:0; width:min(430px,100%); height:100vh; background:#191918; border-left:1px solid var(--line); transform:translateX(101%); transition:transform .3s ease; padding:26px; overflow-y:auto; }.account-panel.open { transform:none; }.account-head { display:flex; justify-content:space-between; color:var(--orange-light); font-size:10px; font-weight:800; letter-spacing:1.4px; }.account-head button { color:var(--text); font-size:26px; line-height:1; border:0; background:none; }.profile { display:flex; align-items:center; gap:11px; padding:25px 0 22px; border-bottom:1px solid var(--line); }.avatar,.application-avatar { display:grid; place-items:center; width:41px; height:41px; background:linear-gradient(135deg,#fd7a31,#6a2d1c); color:#1d150f; font:700 18px Unbounded,sans-serif; }.profile strong,.profile small { display:block; }.profile strong { font-size:13px; }.profile small { color:var(--muted); font-size:10px; margin-top:3px; }.role-badge { margin-left:auto; border:1px solid var(--orange); color:var(--orange-light); padding:4px 7px; font-size:9px; font-weight:800; }.account-nav { padding:14px 0; border-bottom:1px solid var(--line); }.account-tab { width:100%; display:flex; justify-content:space-between; color:#aaa69d; background:transparent; border:0; padding:10px 2px; font-size:12px; text-align:left; }.account-tab.active { color:var(--text); }.account-tab span { color:var(--orange); }.moderator-tab span { color:var(--orange); background:rgba(255,100,31,.13); padding:1px 6px; border-radius:10px; }.account-view { display:none; padding-top:23px; }.account-view.active { display:block; }.status-card { display:flex; align-items:center; gap:11px; padding:15px; background:#22221f; margin:10px 0 25px; }.status-card b { display:block; font-size:12px; }.status-card p { margin:3px 0 0; color:var(--muted); font-size:10px; }.account-ip { display:block; padding:13px; margin-top:9px; background:#22221f; }.account-ip button { float:right; }.role-copy { color:var(--muted); font-size:11px; line-height:1.6; }.role-list { margin-top:16px; display:grid; grid-template-columns:1fr 1fr; gap:8px; }.role-option { color:#bdb8b0; background:#22221f; border:1px solid var(--line); padding:12px; font-size:10px; font-weight:700; text-align:left; }.role-option.selected { color:var(--orange-light); border-color:var(--orange); }.save-role { margin-top:14px; color:#1b140f; background:var(--orange); border:0; width:100%; padding:12px; font-size:11px; font-weight:800; }.applications article { display:flex; gap:10px; align-items:center; padding:14px 0; border-bottom:1px solid var(--line); }.application-avatar { width:32px; height:32px; font-size:13px; }.application-avatar.orange { background:linear-gradient(135deg,#ff9149,#d14a1d); }.application-avatar.gray { background:#77736d; }.applications b,.applications small { display:block; }.applications b { font-size:11px; }.applications small { color:var(--muted); font-size:9px; margin-top:3px; }.review-app { margin-left:auto; padding:6px 8px; color:var(--orange-light); background:transparent; border:1px solid var(--orange); font-size:9px; font-weight:800; }.toast { position:fixed; z-index:50; left:50%; bottom:28px; transform:translate(-50%,20px); padding:12px 16px; color:#f5ede5; background:#2a2825; border:1px solid var(--line); font-size:11px; opacity:0; visibility:hidden; transition:.25s; }.toast.show { opacity:1; visibility:visible; transform:translate(-50%,0); }
@media(max-width:800px){.container{width:min(100% - 40px,600px)}.header{height:75px}.nav,.header>.discord-login{display:none}.menu-button{display:flex; flex-direction:column; gap:5px; border:0; background:none}.menu-button span{display:block;width:25px;height:1px;background:var(--text)}.hero{grid-template-columns:1fr;padding:66px 0 48px;gap:47px}.hero-art{height:330px;order:-1}.hero h1{font-size:42px}.hero-text{font-size:13px}.hero-actions{margin:26px 0}.primary-button{padding:15px 15px}.about,.rules{padding:76px 0}.about-grid,.rules{grid-template-columns:1fr;gap:26px}.stats{margin-top:47px}.stats article{display:block}.stats article+article{padding-left:18px}.stats strong{display:block;margin-bottom:5px;font-size:24px}.world{padding:73px 0}.world-heading{display:block}.world-heading>p{margin:21px 0 0}.world-cards{grid-template-columns:1fr;margin-top:34px}.world-card{min-height:260px}.footer{display:grid;grid-template-columns:1fr 1fr;gap:18px}.footer p{line-height:1.5}.footer p:last-child{margin:0}.modal{padding:35px 25px}.modal h2{font-size:34px}.login-modal{padding:42px 30px 30px}.server-pill{font-size:10px}.floating-tag{display:none}.portal{bottom:36px}.hero-art .sun{top:35px}.ticker{padding:12px 0}.rules-content{padding:0}.account-panel{padding:20px}}
@media(max-width:420px){.hero-actions{gap:14px;align-items:flex-start;flex-direction:column}.play-button{padding-left:4px}.server-pill{gap:5px}.server-pill code{font-size:9px}.stats article+article{padding-left:12px}.stats strong{font-size:20px}.brand{font-size:15px}.footer{grid-template-columns:1fr}.footer p:last-child{margin-top:-10px}}

/* Pink Furrs theme and rounded action controls */
.primary-button { background:linear-gradient(115deg,var(--pink-1),var(--pink-4)); color:#28161e; border-radius:12px; padding:18px 25px; box-shadow:0 8px 24px rgba(249,126,156,.18); }
.primary-button:hover { background:linear-gradient(115deg,var(--pink-2),var(--pink-5)); box-shadow:0 11px 28px rgba(249,126,156,.28); }
.discord-login { border-color:rgba(249,183,197,.36); border-radius:12px; background:rgba(249,126,156,.1); }
.brand>span:last-child span { color:var(--pink-1); background:transparent; }.brand-mark i { background:var(--pink-1); }
.brand-mark { display:block; flex:0 0 auto; width:34px; height:auto; transform:none; object-fit:contain; }
.hero { padding-top:142px; }
.hero-logo { position:absolute; z-index:2; width:min(430px,42vw); height:auto; top:17px; left:50%; transform:translateX(-50%); filter:none; }
.hero-art { background:radial-gradient(ellipse at 50% 37%,#53303e 0%,#2a2027 41%,#151416 71%); }
.hero-character { position:absolute;z-index:3;inset:0;width:100%;height:100%;object-fit:contain;object-position:center bottom; }
.hero-art{background:var(--bg);border-radius:0}.hero-art>.sun,.hero-art>.grid-floor,.hero-art>.mountain,.hero-art>.portal,.hero-art>.floating-tag,.hero-art>.art-coordinates{display:none}
.sun { background:var(--pink-1); box-shadow:0 0 65px 23px rgba(249,126,156,.2); }
.grid-floor { background:linear-gradient(90deg,transparent 49.4%,rgba(249,183,197,.32) 50%,transparent 50.6%) 0 0/35px 35px,linear-gradient(0deg,transparent 49.4%,rgba(249,183,197,.32) 50%,transparent 50.6%) 0 0/35px 35px; }
.mountain { background:linear-gradient(135deg,#382431 0%,#75435e 48%,#f98ca6 49%,#513041 74%); }
.mountain-front { background:linear-gradient(135deg,#2a2028 0%,#8d4a64 49%,#f9a7bb 50%,#523043 74%); }
.portal { box-shadow:0 0 0 3px #704158,0 0 25px 6px rgba(249,126,156,.68); background:linear-gradient(135deg,#5d244c,#f97e9c); }
.portal span { background:var(--pink-9); }.art-coordinates { color:var(--pink-6); }
.ticker { background:linear-gradient(90deg,var(--pink-1),var(--pink-5)); color:#2b1720; }
.card-city { background-image:linear-gradient(180deg,transparent,rgba(17,17,18,.9)),radial-gradient(ellipse at 63% 35%,#f98ca6 0 6%,transparent 6.5%),linear-gradient(124deg,#3c4751 0 38%,#293037 38% 50%,#92536c 50% 54%,#3c292f 54%); }
.card-events { background-image:linear-gradient(180deg,transparent,rgba(17,17,18,.92)),radial-gradient(circle at 75% 24%,#f97e9c 0 1%,transparent 1.4%),radial-gradient(circle at 48% 15%,#f9c2d0 0 1.3%,transparent 1.7%),linear-gradient(150deg,#3c2632 0 42%,#c75375 42% 44%,#2e252b 44%); }
.card-people { background-image:linear-gradient(180deg,transparent,rgba(17,17,18,.9)),linear-gradient(130deg,#283336 0 40%,#f999b1 40% 47%,#704557 47% 64%,#272529 64%); }
.choice-list { display:flex; align-items:stretch; gap:11px; margin-top:30px; }
.choice-card { flex:1; min-height:136px; padding:17px 14px; flex-direction:column; align-items:flex-start; justify-content:center; gap:8px; border-radius:12px; background:linear-gradient(145deg,rgba(249,126,156,.16),rgba(249,222,228,.05)); border-color:rgba(249,183,197,.25); }
.choice-card:hover { border-color:var(--pink-1); background:linear-gradient(145deg,rgba(249,126,156,.26),rgba(249,222,228,.08)); }
.choice-card i { position:absolute; opacity:0; }.choice-card strong { color:var(--pink-4); font:800 15px Unbounded,sans-serif; letter-spacing:-1px; margin-top:3px; }.choice-card small { line-height:1.35; }.choice-or { color:var(--pink-7); align-self:center; font-size:10px; font-weight:800; }
.choice-icon { color:var(--pink-3); }.form-page input:focus,.form-page textarea:focus { border-color:var(--pink-1); }.check-label input { accent-color:var(--pink-1); }.success-icon { background:linear-gradient(135deg,var(--pink-1),var(--pink-5)); }.avatar,.application-avatar { background:linear-gradient(135deg,var(--pink-1),#8c405b); }.application-avatar.orange { background:linear-gradient(135deg,var(--pink-3),#bb506e); }.moderator-tab span { background:rgba(249,126,156,.15); }
@media(max-width:800px){.hero{padding-top:118px}.hero-logo{width:min(330px,78vw);top:23px}.choice-list{gap:7px}.choice-card{min-height:125px;padding:12px}.choice-card b{font-size:11px}.choice-card small{font-size:9px}.choice-card strong{font-size:12px}.choice-icon{font-size:20px}}
@media(max-width:420px){.hero-logo{width:280px}.choice-list{flex-direction:column}.choice-or{margin:1px 0}.choice-card{min-height:94px;flex-direction:row;align-items:center}.choice-card strong{margin-left:auto}.choice-card .choice-icon{font-size:19px}}
.hero-art{background:var(--bg)!important}
.modal{border-radius:18px}.hero-actions #joinButton{min-width:282px;min-height:58px;display:inline-flex;align-items:center;justify-content:center;text-align:center;font-size:14px;padding:18px 28px}

/* Account access is a popup on the homepage. */
.account-trigger{cursor:pointer;display:inline-flex;align-items:center;justify-content:center;min-width:154px;min-height:42px}
.account-avatar-button{width:48px;min-width:48px;height:48px;padding:4px;border:0;border-radius:11px;background:transparent}
.header-avatar{display:block;width:38px;height:38px;border-radius:7px;image-rendering:pixelated;object-fit:cover}
.auth-modal{width:min(520px,100%);border-radius:14px;background:#171519;border-color:rgba(249,183,197,.2)}
.auth-modal h2{margin-bottom:8px}
.auth-modal-hint{margin:0 0 18px!important}
.auth-modal .auth-tabs{margin:15px 0 18px}
.auth-modal .auth-form{margin:0}
.auth-modal .auth-form input{background:#211e23}
.auth-modal .auth-message{margin-bottom:0}
@media(max-width:800px){.header>.account-trigger{display:inline-flex!important}.account-avatar-button{width:44px;min-width:44px;height:44px;padding:3px;border-radius:10px}.header-avatar{width:36px;height:36px;border-radius:7px}.auth-modal{padding:35px 25px}}

/* Keep the pixel head exactly inside the framed account control. */
.header>.account-trigger.account-avatar-button{display:inline-flex!important;flex:0 0 48px;width:48px;min-width:48px;height:48px;min-height:48px;padding:4px!important;overflow:hidden;box-sizing:border-box;align-items:center;justify-content:center;line-height:0;border-radius:11px}
.header>.account-trigger.account-avatar-button{padding:0!important}
.header-avatar-frame{display:block;position:relative;flex:1 1 auto;width:100%;height:100%;overflow:hidden;border-radius:9px;line-height:0}
.header-avatar{position:absolute;inset:0;display:block;width:100%;height:100%;max-width:none;margin:0;padding:0;object-fit:cover;object-position:center;border-radius:9px;vertical-align:top;image-rendering:pixelated}
.info-content .project-name{color:var(--pink-1);font-weight:800}
@media(max-width:800px){.header>.account-trigger.account-avatar-button{flex-basis:44px;width:44px;min-width:44px;height:44px;min-height:44px;padding:0!important;border-radius:10px}.header-avatar-frame,.header-avatar{width:100%;height:100%;border-radius:8px}}

/* Homepage layout from the supplied Furrs Club reference */
.header { height:54px; border-bottom:0; justify-content:center; }
.nav { margin:0; gap:38px; }
.nav button { border:0; padding:8px 0; background:transparent; color:var(--pink-6); font-size:13px; font-weight:800; transition:color .2s; }
.nav button:hover { color:var(--text); }
.discord-login { position:absolute; right:0; top:9px; color:var(--pink-6); text-decoration:none; }
.header>.discord-login.account-trigger:not(.account-avatar-button){background:linear-gradient(115deg,var(--pink-1),var(--pink-4));border:0;border-radius:12px;color:#28161e;min-height:46px;padding:16px 22px;font-size:12px;font-weight:800;box-shadow:0 8px 24px rgba(249,126,156,.18)}.header>.discord-login.account-trigger:not(.account-avatar-button):hover{background:linear-gradient(115deg,var(--pink-2),var(--pink-5));box-shadow:0 11px 28px rgba(249,126,156,.28);transform:translateY(-2px)}
.hero.container { width:min(1510px,calc(100% - 72px)); min-height:calc(100vh - 54px); padding:128px 0 40px; grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr); gap:56px; }
.hero-logo { width:min(530px,55vw); top:-95px; filter:none; }
.hero-copy { position:relative; z-index:1; }
.hero h1 { font-family:Manrope,Arial,sans-serif; font-size:clamp(50px,5vw,82px); font-weight:800; line-height:1.13; letter-spacing:-5px; margin:0 0 27px; transform:translateX(16px); }
.hero-text { max-width:480px; color:#f9f9f9; font-size:17px; line-height:1.85; margin:0; transform:translateX(16px); }
.hero-actions { gap:25px; margin:39px 0 0; transform:translateX(16px); }
.hero-actions .primary-button { min-width:225px; min-height:69px; text-align:left; font-size:14px; }
.hero-actions .primary-button span { margin-left:15px; }
.ip-button { min-height:54px; display:flex; align-items:center; gap:14px; border:1px solid rgba(249,222,228,.19); border-radius:7px; padding:0 17px; color:var(--pink-6); background:rgba(13,13,17,.5); }
.ip-button code { color:var(--text); font-size:12px; }
.ip-button span { color:var(--pink-1); font-size:19px; }
.hero-art { height:min(590px,calc(100vh - 190px)); min-height:440px; border-radius:4px; background:radial-gradient(ellipse at 53% 40%,#3b2630 0%,#211a20 56%,#151418 100%); }
.sun { width:206px; height:206px; top:78px; background:var(--pink-1); box-shadow:0 0 85px 25px rgba(249,126,156,.18); }
.grid-floor { bottom:-160px; height:330px; }
.mountain-back { width:330px; height:330px; left:-100px; bottom:-185px; }
.mountain-front { width:280px; height:280px; right:-20px; bottom:-195px; }
.portal { width:118px; height:202px; bottom:96px; border-width:17px; }
.floating-tag { background:#19171a; border-color:rgba(249,222,228,.2); }
.art-coordinates { color:var(--pink-6); }
.footer { padding-top:19px; padding-bottom:22px; }
.footer p { color:rgba(249,222,228,.55); }
.info-modal { width:min(650px,100%); border-radius:14px; background:#171519; border-color:rgba(249,183,197,.2); }
.info-modal h2 { font:800 clamp(32px,5vw,46px)/1.2 Manrope,Arial,sans-serif; letter-spacing:-2px; }
.info-content p { color:var(--pink-7); font-size:13px; line-height:1.8; }
.info-tags { display:flex; flex-wrap:wrap; gap:8px; margin-top:23px; }
.info-tags span { color:var(--pink-5); border:1px solid rgba(249,183,197,.23); background:rgba(249,126,156,.07); padding:8px 10px; font-size:9px; font-weight:800; letter-spacing:.7px; }
.rules-list { padding-left:22px; color:var(--pink-7); }
.rules-list li { padding:0 0 12px 5px; font-size:12px; line-height:1.65; }
.rules-list li::marker { color:var(--pink-1); font-weight:800; }
.rules-list b { color:var(--text); }
.info-content .rules-note { border-top:1px solid var(--line); padding-top:14px; color:var(--pink-5); font-size:11px; }
.rules-group{margin:10px 0;border:1px solid rgba(249,222,228,.12);border-radius:8px;background:rgba(255,255,255,.02);overflow:hidden}.rules-group summary{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 16px;color:var(--pink-5);font-size:12px;list-style:none}.rules-group summary::-webkit-details-marker{display:none}.rules-group summary::after{content:"+";color:var(--pink-1);font-size:18px;font-weight:500}.rules-group[open] summary{border-bottom:1px solid rgba(249,222,228,.1)}.rules-group[open] summary::after{content:"−"}.rules-list{list-style:none;margin:0;padding:5px 16px 12px}.rules-list li{display:grid;grid-template-columns:32px 1fr;gap:9px;padding:10px 0;border-bottom:1px solid rgba(249,222,228,.07);color:var(--pink-7);font-size:11px;line-height:1.7}.rules-list li:last-child{border-bottom:0}.rules-list .rule-number{color:var(--pink-1);font-size:10px;font-weight:800}.info-modal .rules-note{margin-bottom:0}
@media(max-width:800px) {
  .header { height:58px; }
  .nav { display:none; position:absolute; z-index:5; top:55px; left:0; right:0; padding:16px; border:1px solid var(--line); border-radius:10px; background:#171519; }
  .nav.open { display:flex; justify-content:center; }
  .nav button { font-size:12px; }
  .discord-login { display:none; }
  .menu-button { display:flex; position:absolute; right:0; top:17px; width:31px; padding:0; border:0; background:none; }
  .menu-button span { transition:transform .2s; }
  .menu-button.active span:first-child { transform:translateY(3px) rotate(45deg); }
  .menu-button.active span:last-child { transform:translateY(-3px) rotate(-45deg); }
  .hero.container { width:min(100% - 40px,600px); min-height:auto; padding:72px 0 48px; grid-template-columns:1fr; gap:36px; }
  .hero-logo { width:min(360px,82vw); top:-56px; }
  .hero-copy { padding-top:34px; }
  .hero h1 { font-size:clamp(43px,9vw,62px); letter-spacing:-3px; margin-bottom:18px; transform:none; }
  .hero-text { font-size:14px; line-height:1.7; transform:none; }
  .hero-actions { margin-top:25px; gap:12px; flex-wrap:wrap; transform:none; }
  .hero-actions .primary-button { min-width:190px; min-height:58px; }
  .ip-button { min-height:50px; }
  .hero-art { order:-1; height:350px; min-height:0; }
  .sun { width:130px; height:130px; top:46px; }
  .portal { width:81px; height:142px; bottom:41px; border-width:13px; }
  .mountain-back { width:220px; height:220px; bottom:-132px; }
  .mountain-front { width:190px; height:190px; bottom:-135px; }
  .ticker,.about,.world,.rules { display:none; }
  .footer { width:calc(100% - 40px); padding:17px 0; display:flex; flex-wrap:wrap; gap:10px 18px; }
  .footer .brand { font-size:12px; }
  .footer p { font-size:9px; }
}
@media(max-width:420px) {
  .hero-actions { align-items:flex-start; flex-direction:column; }
  .hero-actions .primary-button { width:100%; }
  .ip-button { width:100%; justify-content:space-between; }
  .hero-art { height:300px; }
  .footer { flex-direction:column; align-items:flex-start; }
}

/* Restore the original navigation row and give the wordmark its own space. */
.header { height:94px; justify-content:space-between; border-bottom:1px solid var(--line); }
.header .brand { position:static; }
.nav { position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); margin:0; gap:32px; }
.discord-login { position:static; display:inline-block; padding:12px 17px; }
.logo-stage { height:132px; width:min(1510px,calc(100% - 72px)); margin:10px auto 8px; display:grid; place-items:center; overflow:hidden; }
.hero-logo { position:static; display:block; transform:none; width:min(530px,55vw); height:auto; max-height:120px; object-fit:contain; }
.hero.container { min-height:calc(100vh - 250px); padding:20px 0 36px; }
.hero-copy { padding-top:0; }
@media(max-width:800px) {
  .header { height:72px; border-bottom:1px solid var(--line); }
  .nav { display:none; top:64px; left:0; right:0; transform:none; margin:0; gap:22px; }
  .nav.open { display:flex; }
  .header>.discord-login { display:none; }
  .logo-stage { width:calc(100% - 40px); height:96px; margin:5px auto 2px; }
  .hero-logo { width:min(390px,88vw); max-height:90px; }
  .hero.container { padding-top:22px; }
}
@media(max-width:420px) {
  .header { height:64px; }
  .logo-stage { height:82px; }
  .hero-logo { width:min(340px,90vw); max-height:78px; }
  .hero.container { padding-top:18px; }
}