.ground-scene{position:relative;z-index:1;height:180px;margin-top:24px;overflow:hidden;isolation:isolate}.ground-hill{position:absolute;z-index:1;bottom:52px;width:58%;height:112px;border:3px solid #82ed73;border-bottom:0;border-radius:50% 50% 0 0;background:linear-gradient(180deg,#72e96b 0%,#35b94d 58%,#159145 100%);box-shadow:inset 0 8px 0 #b7f598,0 -14px 24px #08754955}.hill-left{left:-9%;transform:rotate(2deg)}.hill-right{right:-13%;bottom:43px;height:92px;background:linear-gradient(180deg,#8bec73,#39bb4d 62%,#168c43);transform:rotate(-2deg)}.grass-edge{position:absolute;z-index:4;left:-2%;right:-2%;bottom:49px;height:35px;background:linear-gradient(180deg,#8cf375 0 22%,#35bd4c 23% 56%,#168b3d 57%);clip-path:polygon(0 38%,4% 8%,8% 42%,12% 3%,16% 40%,20% 8%,24% 43%,28% 2%,32% 42%,36% 7%,40% 43%,44% 1%,48% 41%,52% 8%,56% 44%,60% 2%,64% 40%,68% 8%,72% 43%,76% 1%,80% 41%,84% 9%,88% 44%,92% 2%,96% 41%,100% 8%,100% 100%,0 100%)}.earth-layer{position:absolute;z-index:3;left:0;right:0;bottom:0;height:58px;border-top:5px solid #176d38;background:radial-gradient(circle at 8% 28%,#ddb56b 0 3px,transparent 4px),radial-gradient(circle at 23% 72%,#805430 0 4px,transparent 5px),radial-gradient(circle at 44% 38%,#e4bc71 0 3px,transparent 4px),radial-gradient(circle at 68% 75%,#79502e 0 4px,transparent 5px),radial-gradient(circle at 86% 32%,#ddb56b 0 3px,transparent 4px),linear-gradient(#ad7741,#724428);box-shadow:inset 0 9px 0 #915d35}.ground-flower{position:absolute;z-index:6;color:#fff;font-size:25px;line-height:1;text-shadow:0 2px 0 #197b3b,2px 0 #ff7e92,-2px 0 #ff7e92;transform-origin:bottom center;animation:flower-sway 2.8s ease-in-out infinite}.ground-flower:after{content:"";position:absolute;z-index:-1;left:50%;top:20px;width:4px;height:31px;border-radius:3px;background:#157d38}.flower-one{left:12%;bottom:64px}.flower-two{left:67%;bottom:61px;color:#fff6a9;animation-delay:-1s}.flower-three{right:12%;bottom:65px;color:#c8f4ff;animation-delay:-1.8s}.ground-rock{position:absolute;z-index:6;bottom:51px;width:45px;height:22px;border:3px solid #46678a;border-radius:55% 55% 28% 25%;background:linear-gradient(145deg,#b9d5e8 0 28%,#7294b2 30% 70%,#3e607f 72%);box-shadow:0 4px 0 #176d38}.rock-one{left:28%;transform:scale(.75)}.rock-two{right:30%;width:58px;height:27px}.rock-three{right:5%;transform:scale(.55)}@keyframes flower-sway{0%,100%{transform:rotate(-4deg)}50%{transform:rotate(5deg)}}
.ground-scene{position:fixed;left:0;right:0;bottom:0;height:145px;margin-top:0;pointer-events:none;z-index:0}.site-nav,.mobile-parade,main,footer{position:relative;z-index:2}footer{z-index:5;margin:0;padding:12px 16px 16px;background:#724428}
.lobby-dashboard{grid-template-columns:minmax(300px,390px) minmax(600px,900px);gap:28px;align-items:start;min-height:auto;padding:28px 5vw 170px}.signup-column{position:sticky;top:20px;z-index:3;display:grid;justify-items:center}.signup-column .brand-lockup{width:min(270px,74vw);margin:0 auto 16px}.compact-signup{width:100%;padding:20px 22px;border-width:3px;border-radius:20px}.compact-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}.compact-heading .eyebrow{margin:0 0 3px;font-size:10px}.compact-heading h2{font-size:24px}.online-dot{flex:none;padding:6px 9px;border:1px solid #65e8c3;border-radius:99px;background:#087d6599;color:#8bffdb;font-size:10px;font-weight:850}.compact-signup form{gap:10px}.compact-signup label{gap:4px;font-size:11px}.compact-signup input,.compact-signup select{padding:9px 10px;border-radius:9px}.compact-signup .two{gap:9px}.compact-signup button{padding:11px}.compact-signup #message{min-height:12px;font-size:11px}.compact-signup .success-mark{width:46px;height:46px;font-size:23px}.compact-download{width:100%;max-width:none;margin:14px 0 0;padding:11px 14px}.lobby-matches{width:100%;max-height:calc(100vh - 150px);overflow:auto;scrollbar-width:thin;scrollbar-color:#63d7f0 #075aa9;padding:16px}.lobby-matches .history-toolbar{position:sticky;z-index:4;top:-16px;margin:-16px -16px 12px;padding:17px 18px 13px;background:#117fd1f5}.lobby-matches .history-toolbar h2{font-size:26px}.lobby-matches .match-card{grid-template-columns:120px 1fr;padding:10px}.lobby-matches .match-scene{min-height:108px}.lobby-matches .battle-row{grid-template-columns:40px 1fr 32px 40px}.lobby-matches .mobile-sprite{max-width:40px}
:root{--navy:#063a78;--deep:#032f66;--blue:#0f78d6;--sky:#14b9ef;--cyan:#5ee4ff;--line:#8adfff;--text:#f4fbff;--muted:#b9dcf5;--coral:#ff766f}
@media(max-width:620px){.ground-scene{height:110px;opacity:.92}}
body{color:var(--text);background:#09aeea url('assets/gunbound-bg.png') center top/cover fixed no-repeat}
body:before{background:linear-gradient(180deg,#0076d020,#13c7ef20);background-size:auto}
.sky-decor{display:none}.site-nav{padding:22px 20px 0}.site-nav button{width:auto;border:2px solid #9ae9ff;border-radius:11px;background:linear-gradient(#2d9cec,#096fc4);color:#f4fbff;box-shadow:inset 0 2px #85dfff,0 4px 0 #034a91,0 8px 18px #005ca955;text-shadow:0 2px #064e91}.site-nav button.active{background:linear-gradient(#12579d,#073d7d);border-color:#d1f5ff;box-shadow:inset 0 2px #428bc3,0 4px 0 #032c60,0 8px 18px #005ca955}
.mobile-parade{position:relative;z-index:2;display:flex;align-items:end;gap:14px;width:min(1120px,calc(100vw - 32px));margin:18px auto 0;padding:10px 16px 7px;overflow-x:auto;border:2px solid #8adfff;border-radius:16px;background:#075aa9b8;box-shadow:inset 0 0 0 2px #3ea7e3,0 5px 0 #034a91;scrollbar-width:thin;scrollbar-color:#63d7f0 #075aa9}.mobile-parade figure{flex:0 0 58px;display:grid;place-items:center;gap:3px;margin:0}.mobile-parade img{max-width:58px;height:45px;object-fit:contain;filter:drop-shadow(0 3px 2px #034a91);animation:mob-bob 2.4s ease-in-out infinite}.mobile-parade figure:nth-child(3n) img{animation-delay:-.8s}.mobile-parade figure:nth-child(3n+1) img{animation-delay:-1.6s}.mobile-parade figcaption{color:#d5f5ff;font-size:9px;font-weight:850;text-shadow:0 1px #034a91}@keyframes mob-bob{0%,100%{transform:translateY(0)}50%{transform:translateY(-4px)}}
main{min-height:calc(100vh - 170px);align-items:center;padding-top:30px}.brand-lockup{position:relative;width:min(320px,80vw);filter:drop-shadow(0 8px 0 #044d91) drop-shadow(0 18px 20px #0069a855)}.brand-lockup img{display:block;width:100%}.brand-lockup span{display:none}
.eyebrow{color:#d4f7ff;text-shadow:0 2px #07589e}.intro h1{color:#f4fbff;text-shadow:0 5px 0 #07589e}.intro h1 em{color:#8cecff;background:none;text-shadow:0 4px 0 #07589e}.lede{color:#e2f6ff;text-shadow:0 2px #347ca9}.perks span{border:2px solid #8adfff;background:#07559dcc;color:#f4fbff;box-shadow:0 3px 0 #023d77}
.public-download,.download,button{border:2px solid #b8efff;background:linear-gradient(#49d4f1,#19a9d1);color:#063a78;text-shadow:0 1px #d7f9ff;box-shadow:inset 0 2px #8deaff,0 5px 0 #087fa7,0 12px 24px #005ca944}.public-download small,.download small{color:#075b79;text-shadow:none}
.card{border:4px solid #9ae9ff;border-radius:24px;background:linear-gradient(180deg,#117fd1ee,#075aa9f2);box-shadow:inset 0 0 0 3px #3ea7e3,0 7px 0 #034a91,0 22px 46px #005ca966}.card h2{color:#f4fbff;text-shadow:0 3px #064e91}.card .hint{color:#c9e9fa}.card .eyebrow{color:#a8efff}label{color:#f4fbff;text-shadow:0 1px #064e91}label span,small{color:#c5e5f6;text-shadow:none}input,select{border:2px solid #7edafa;background:#e6f7ff;color:#063a78;box-shadow:inset 0 2px 0 #b8e5f5}input:focus,select:focus{border-color:#55cbe8;box-shadow:0 0 0 4px #5ee4ff55}.secondary{background:linear-gradient(#218bd3,#0966ae);color:#f4fbff;text-shadow:0 1px #064e91;border:2px solid #8adfff;box-shadow:0 4px 0 #034a91}
.history-page{grid-template-columns:minmax(240px,300px) minmax(620px,980px);gap:34px;align-items:start}.history-head{position:sticky;top:36px}.history-head .brand-lockup{width:250px;margin:0 auto 34px}.portal-note,.portal-status{margin-top:14px;padding:17px;border:3px solid #8adfff;border-radius:17px;background:linear-gradient(#117fd1e8,#075aa9ed);box-shadow:inset 0 0 0 2px #3ea7e3,0 5px 0 #034a91;color:#e4f7ff;line-height:1.65}.portal-status{display:grid;gap:4px}.portal-status strong{color:#75f0cb}.portal-status span{color:#c5e5f6;font-size:12px}
.history-content{padding:20px;border:4px solid #9ae9ff;border-radius:24px;background:linear-gradient(180deg,#1688d9ed,#075aa9f2);box-shadow:inset 0 0 0 3px #3ea7e3,0 8px 0 #034a91,0 26px 50px #005ca966}.history-toolbar{padding:5px 8px 15px;border-bottom:2px solid #46b9e9}.history-toolbar .eyebrow{display:none}.history-toolbar h2{color:#f4fbff;text-shadow:0 3px #064e91}.history-toolbar button{background:linear-gradient(#2d9cec,#096fc4);color:#f4fbff;text-shadow:0 1px #064e91}.history-content>.hint{color:#d3effb;margin-left:8px}.match-list{gap:12px}.match-card{position:relative;display:grid;grid-template-columns:145px 1fr;gap:14px;padding:12px;border:2px solid #52b6e4;border-radius:16px;background:linear-gradient(110deg,#064985,#032f66);box-shadow:inset 0 2px #176ca7,0 4px 0 #032551}.match-card header{grid-column:2;padding-right:4px}.match-card h3{color:#f4fbff}.match-card header p{color:#acd5ef}.room-id{border:1px solid #4fa5d2;background:#0a5596;color:#ccecff}.match-scene{grid-row:1/3;min-height:126px;display:flex;align-items:end;padding:10px;border:2px solid #79d8f6;border-radius:12px;background:url('assets/gunbound-bg.png') center/cover;color:#f4fbff;font-weight:900;text-shadow:0 2px #064e91;box-shadow:inset 0 0 20px #0068b355}.battle-row{position:relative;grid-column:2;display:grid;grid-template-columns:52px 1fr 42px 52px;align-items:center;gap:8px}.teams{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:0}.team{padding:10px;border:2px solid #2f83bb;border-radius:11px;background:#053b72}.team.winner{border-color:#63dcf3;background:#075291;box-shadow:inset 0 0 0 2px #0b68a8}.team-title{color:#6edfff}.team:nth-child(2) .team-title{color:#ff9a96}.team-title strong{padding:3px 7px;border-radius:99px;background:#168bd7;color:#f4fbff}.combatant{border-top:1px solid #1c6091}.combatant span{color:#f4fbff}.combatant small{color:#a9d1e8}.mobile-sprite{max-width:52px;image-rendering:auto;filter:drop-shadow(0 3px 2px #002b59)}.versus{color:#bdefff;font-size:20px;font-style:italic;text-align:center;text-shadow:0 3px #034a91}.empty-team{color:#9fc9e1}footer{position:relative;color:#d8f2ff;text-shadow:0 2px #07589e}
@media(max-width:1000px){.lobby-dashboard{grid-template-columns:1fr;max-width:760px;margin:auto}.signup-column{position:static}.lobby-matches{max-height:none}.signup-column .brand-lockup{width:250px}}@media(max-width:900px){.history-page{grid-template-columns:1fr}.history-head{position:static;display:none}.match-card{grid-template-columns:110px 1fr}.battle-row{grid-template-columns:34px 1fr 32px 34px}.mobile-sprite{max-width:34px}}
@media(max-width:620px){main,.history-page{padding:22px 14px}.mobile-parade{margin-top:12px}.teams{grid-template-columns:1fr}.match-card{display:block}.match-scene{min-height:90px;margin-bottom:12px}.match-card header{margin-bottom:10px}.battle-row{grid-template-columns:26px 1fr 26px}.mage-sprite{display:none}.site-nav{position:sticky;top:0;z-index:5;padding:10px;background:#067bcacc;backdrop-filter:blur(8px)}}
.mobile-parade{justify-content:space-between;gap:10px}