:root{color-scheme:dark;--bg:#10151b;--panel:#1a222b;--panel2:#202a34;--line:#2c3742;--text:#f2f6fa;--muted:#91a0ad;--green:#32c881;--green2:#18a66a;--blue:#43b9ff;--gold:#ffbf55;--red:#f36068;--radius:14px;font-family:system-ui,-apple-system,"Segoe UI",sans-serif}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:radial-gradient(ellipse at 68% 0%,#203345 0,transparent 36%),var(--bg);color:var(--text);min-height:100vh}
button,input,select{font:inherit}
button,a{-webkit-tap-highlight-color:transparent}
a{color:inherit;text-decoration:none}
button{color:inherit;cursor:pointer}
.topbar{height:68px;display:flex;align-items:center;gap:32px;padding:0 28px;background:#151c23;border-bottom:1px solid #29343e;position:sticky;top:0;z-index:5}
.brand{display:flex;align-items:center;gap:10px;font:700 19px system-ui,sans-serif;letter-spacing:.4px;white-space:nowrap}
.brand-mark{width:32px;height:32px;display:grid;place-items:center;border-radius:10px;background:linear-gradient(145deg,#39de9a,#147d65);box-shadow:0 5px 16px #2ec88444;color:#081d18}
.brand-accent{color:#52d99b;margin-left:4px}
.main-nav,.top-actions{display:flex;align-items:center;gap:9px}
.main-nav{flex:1}
.nav-link{padding:10px 14px;border:1px solid transparent;border-radius:9px;color:#b9c4cd;font-size:13px;font-weight:700}
.nav-link.active{color:#61e0a4;border-color:#1d7652;background:#163529}
.top-actions{gap:8px}
.balance-pill{height:38px;display:flex;align-items:center;gap:8px;padding:0 12px;border:1px solid var(--line);border-radius:8px;background:#202832}
.balance-pill strong{font-variant-numeric:tabular-nums}
.balance-pill small{color:var(--muted)}
.button{border:0;border-radius:8px;padding:11px 15px;font-size:13px;font-weight:800;transition:filter .15s,transform .15s}
.button:hover{filter:brightness(1.09);transform:translateY(-1px)}
.button-green{background:linear-gradient(135deg,#39d18a,#24b476);color:#082116;box-shadow:0 4px 14px #22c8801c}
.button-muted{background:#29333d;color:#dce4eb}
.button-outline{background:transparent;border:1px solid #3c8767;color:#85e6b5}
.profile-button{height:42px;display:grid;grid-template-columns:34px auto;grid-template-rows:1fr 1fr;align-items:center;column-gap:8px;border:1px solid var(--line);border-radius:8px;background:#202832;padding:4px 10px;text-align:left;min-width:130px}
.avatar{grid-row:1/3;display:grid;place-items:center;width:30px;height:30px;border-radius:7px;background:#121920}
.profile-button span:nth-child(2){font-size:12px;font-weight:800}
.profile-button small{font-size:9px;color:var(--muted)}
.subnav{height:34px;display:flex;align-items:center;gap:8px;padding:0 28px;background:#131a21;border-bottom:1px solid #26313b;color:#82909b;font-size:10px;font-weight:800;letter-spacing:.7px}
.subnav a{padding-left:16px;border-left:1px solid #34404a;color:#aab5bf;letter-spacing:0;font-size:11px}
.subnav-spacer{flex:1}
.live-dot,.online-count i,.server-chip i{display:inline-block;width:7px;height:7px;border-radius:50%;background:#35d58d;box-shadow:0 0 10px #35d58d70}
.layout{max-width:1510px;margin:0 auto;display:grid;grid-template-columns:238px minmax(0,1fr);gap:22px;padding:22px 24px}
.chat-panel{height:calc(100vh - 146px);min-height:570px;position:sticky;top:124px;display:flex;flex-direction:column;background:#171e25;border:1px solid #29343e;border-radius:12px;overflow:hidden}
.panel-heading{height:46px;display:flex;align-items:center;justify-content:space-between;padding:0 14px;border-bottom:1px solid #29343e;color:#b0bbc4;font-size:10px;font-weight:800;letter-spacing:.7px}
.online-count{font-size:9px;color:#8f9ca7}.online-count i{margin-right:5px;width:6px;height:6px}.online-count b{color:#d5dde4}
.online-list{display:flex;gap:5px;flex-wrap:wrap;padding:10px 12px;border-bottom:1px solid #26313b;min-height:38px}
.online-name{padding:4px 7px;border-radius:5px;background:#222d36;color:#b4c3ce;font-size:10px}
.muted{color:var(--muted);font-size:11px}
.chat-messages{flex:1;overflow:auto;display:flex;flex-direction:column;gap:5px;padding:10px}
.chat-message{padding:8px;border-radius:8px;background:#1e2730;overflow-wrap:anywhere}
.chat-message strong{font-size:10px;color:#67dca2;margin-right:5px}
.chat-message span{font-size:11px;color:#d2dbe2}
.chat-message time{float:right;color:#71808b;font-size:9px}
.chat-compose{display:flex;gap:5px;padding:8px;border-top:1px solid #29343e}
.chat-compose input{min-width:0;flex:1;background:#222c35;border:1px solid #303d48;border-radius:7px;padding:9px;color:var(--text);font-size:11px}
.icon-button{width:34px;border:0;border-radius:7px;background:#2cba7a;color:#072218}
.chat-footer{display:flex;justify-content:space-between;padding:0 11px 10px;color:#7f8e98;font-size:9px}
.safe-chip{color:#4bd796;font-size:10px}
main{min-width:0}
.hero-card{height:245px;position:relative;display:flex;overflow:hidden;border:1px solid #334553;border-radius:16px;background:linear-gradient(110deg,#1c2a35 0%,#16232c 52%,#202c37 100%)}
.hero-copy{position:relative;z-index:1;padding:26px 30px}
.eyebrow{color:#71dba9;font-size:9px;font-weight:800;letter-spacing:1.2px}
.hero-copy h1{margin:11px 0 8px;font:700 31px/1.03 "Space Grotesk",sans-serif;letter-spacing:-.8px}
.hero-copy h1 span{color:#4bd594}
.hero-copy p{max-width:460px;margin:0 0 15px;color:#a7b5bf;font-size:11px;line-height:1.6}
.hero-cta{display:inline-flex;gap:24px;padding:10px 15px}
.hero-art{position:absolute;inset:0 0 0 50%;overflow:hidden}
.hero-glow{position:absolute;width:330px;height:180px;right:30px;bottom:-80px;background:#30cd8b2a;filter:blur(40px);border-radius:50%}
.orbit{position:absolute;right:32px;top:-118px;width:285px;height:285px;border:1px solid #3d74634d;border-radius:50%;transform:rotate(-25deg) scaleX(1.45)}
.orbit-two{right:98px;top:-64px;width:190px;height:190px;border-color:#47d99845}
.hero-cube{position:absolute;right:130px;top:50px;width:100px;height:100px;display:grid;place-items:center;border:1px solid #83ffc163;border-radius:27px;background:linear-gradient(145deg,#44d59b,#168565);box-shadow:0 18px 50px #28d89144,inset 0 1px #ffffff80;font-size:39px;color:#d8fff0;transform:rotate(-13deg)}
.coin{position:absolute;display:grid;place-items:center;border:3px solid #f5dc8e;border-radius:50%;background:linear-gradient(135deg,#fcd76c,#bc8127);color:#613f0a;font-weight:900;box-shadow:0 10px 25px #0005}
.coin-one{right:75px;top:126px;width:40px;height:40px}.coin-two{right:268px;top:52px;width:25px;height:25px;font-size:11px}
.game-section{margin-top:24px}
.section-heading{display:flex;align-items:end;justify-content:space-between;margin-bottom:12px}
.section-heading h2{margin:4px 0 0;font:700 22px "Space Grotesk",sans-serif}
.server-chip{display:flex;align-items:center;gap:7px;padding:7px 10px;border:1px solid #294c3c;border-radius:20px;background:#182c24;color:#8be3b2;font-size:10px;font-weight:700}
.server-chip i{width:6px;height:6px}
.game-tabs{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.game-tab{display:flex;align-items:center;gap:12px;text-align:left;padding:12px 14px;border:1px solid #303c47;border-radius:11px;background:#18212a}
.game-tab.active{border-color:#33b97b;background:linear-gradient(110deg,#1c342a,#1a2829);box-shadow:inset 0 0 0 1px #2ec58219}
.tab-icon{width:34px;height:34px;display:grid;place-items:center;border-radius:9px;background:#25343d;color:#5ee0a4;font-size:19px}
.chicken-icon{background:#3a3125;font-size:17px}
.game-tab b,.game-tab small{display:block}
.game-tab b{font-size:12px}
.game-tab small{margin-top:3px;color:#8e9ba5;font-size:10px}
.tab-arrow{margin-left:auto;color:#50d694;font-size:17px}
.game-workspace{display:grid;grid-template-columns:230px minmax(0,1fr);gap:14px;margin-top:12px;padding:14px;border:1px solid #303a45;border-radius:13px;background:#171f27}
.game-controls{min-width:0;padding:4px}
.game-title-row{display:flex;align-items:center;gap:9px;margin-bottom:20px}
.game-title-icon{width:35px;height:35px;display:grid;place-items:center;border:1px solid #3c7b5e;border-radius:9px;background:#1b3529;color:#61dda2}
.game-title-row h3{margin:0;font:700 16px "Space Grotesk",sans-serif}
.game-subtitle{display:block;margin-top:3px;color:#82909b;font-size:9px}
.field-label{display:flex;justify-content:space-between;margin:13px 0 6px;color:#91a0aa;font-size:9px;font-weight:800;letter-spacing:.8px}
.field-label span{font-weight:500;letter-spacing:0}
.bet-input-row{height:38px;display:flex;align-items:center;gap:7px;padding-left:9px;border:1px solid #37434e;border-radius:7px;background:#11181f}
.bet-input-row input{width:0;flex:1;min-width:0;border:0;outline:0;background:transparent;color:#f2f7fa;font-size:12px;font-weight:700}
.bet-input-row button,.quick-bets button{height:28px;min-width:34px;border:0;border-radius:5px;background:#28333d;color:#adb9c2;font-size:10px;font-weight:700}
.quick-bets{display:flex;gap:5px;margin:6px 0 10px}
.quick-bets button{flex:1}
select{width:100%;height:35px;padding:0 9px;border:1px solid #36424d;border-radius:7px;background:#202a34;color:#e4ebf0;font-size:11px}
.game-summary{display:grid;grid-template-columns:1fr auto;gap:8px;margin:14px 0;padding:11px;border:1px solid #2c3944;border-radius:8px;background:#1d2730;color:#9daab3;font-size:10px}
.game-summary strong{color:#e5edf2;text-align:right;font-size:11px}
.game-summary .accent-text{color:#5ce0a0}
.main-game-button{width:100%;height:39px}
.small-note{color:#788791;font-size:9px;line-height:1.5}
.board-wrap{min-width:0;display:flex;flex-direction:column;justify-content:center;min-height:340px;padding:11px;border:1px solid #293640;border-radius:10px;background:radial-gradient(ellipse at center,#1d2b35 0,#131c23 75%)}
.board-topline{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;color:#92a3ae;font-size:9px;font-weight:800;letter-spacing:.7px}
.round-status{padding:4px 7px;border:1px solid #385347;border-radius:20px;background:#1b3027;color:#75dca8;font-size:8px}
.mines-board{display:grid;grid-template-columns:repeat(5,minmax(38px,1fr));gap:7px;width:min(100%,390px);margin:auto}
.mine-cell{aspect-ratio:1;border:1px solid #3e5863;border-radius:9px;background:linear-gradient(145deg,#324a56,#253943);box-shadow:0 3px 0 #15252c,0 6px 12px #0002;color:#fff;font-size:20px;transition:transform .12s,filter .12s,background .12s}
.mine-cell:not(:disabled):hover{transform:translateY(-2px);filter:brightness(1.17)}
.mine-cell:disabled{cursor:default}
.mine-cell.safe{border-color:#3a9d72;background:linear-gradient(145deg,#1d704e,#184c3a);animation:pop .25s ease}
.mine-cell.mine{border-color:#d25e54;background:linear-gradient(145deg,#a6413c,#682c2d);animation:shake .3s ease}
.chicken-board{width:min(100%,440px);margin:auto}
.chicken-road{display:grid;grid-template-columns:repeat(6,1fr);align-items:end;gap:5px;min-height:200px;padding:12px 8px 8px;border-bottom:2px solid #3a4b56;background:repeating-linear-gradient(90deg,transparent 0,transparent calc(16.66% - 1px),#33434c calc(16.66% - 1px),#33434c 16.66%)}
.road-step{height:75px;display:grid;place-items:center;position:relative;border-radius:8px 8px 3px 3px;background:linear-gradient(0deg,#263641,#344650);color:#7b8e99}
.road-step span{font-weight:800;font-size:10px}
.road-step.safe{background:linear-gradient(0deg,#1f744f,#37c681);color:white;animation:pop .2s ease}
.road-step.danger{background:linear-gradient(0deg,#712f35,#df565e);color:white}
.road-step .hen{position:absolute;top:-35px;font-size:26px;animation:hop .28s ease}
.chicken-controls{display:flex;align-items:center;justify-content:space-between;margin-top:12px;color:#aeb9c2;font-size:10px}
.chicken-controls .button{padding:9px 12px}
.board-caption{display:flex;justify-content:space-between;margin-top:12px;padding-top:10px;border-top:1px solid #29343d;color:#86949e;font-size:9px}
.lower-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:15px 0 30px}
.info-card{padding:16px;border:1px solid #2d3943;border-radius:11px;background:#18212a}
.info-card h3{margin:5px 0 7px;font:700 14px "Space Grotesk",sans-serif}
.info-card p{max-width:500px;color:#9aa8b2;font-size:10px;line-height:1.6}
.hidden{display:none!important}
.modal-backdrop{position:fixed;inset:0;z-index:20;display:grid;place-items:center;padding:18px;background:#03070bd9;backdrop-filter:blur(6px)}
.modal-card{position:relative;width:min(100%,450px);padding:26px;border:1px solid #35424c;border-radius:15px;background:#1b242c;box-shadow:0 28px 90px #0009}
.modal-close{position:absolute;right:14px;top:12px;width:32px;height:32px;border:0;border-radius:50%;background:#28333c;color:#b7c1c9;font-size:21px}
.modal-card h2{margin:8px 0 5px;font:700 22px "Space Grotesk",sans-serif}
.modal-description{margin:0 0 18px;color:#9ba8b1;font-size:11px;line-height:1.6}
.auth-switch{display:grid;grid-template-columns:1fr 1fr;gap:4px;padding:4px;border-radius:8px;background:#11191f}
.auth-switch button{height:32px;border:0;border-radius:6px;background:transparent;color:#9ba7af;font-size:11px;font-weight:700}
.auth-switch button.active{background:#2c3a43;color:#eff4f7}
#auth-form{margin-top:14px}
#auth-form label,.modal-card form>label:not(.field-label){display:block;margin:10px 0;color:#bdc7ce;font-size:10px;font-weight:700}
#auth-form input{display:block;width:100%;height:38px;margin-top:5px;padding:0 10px;border:1px solid #38454f;border-radius:7px;background:#11191f;color:#fff}
.form-error{min-height:16px;margin:8px 0;color:#ff8286;font-size:10px}
.full-width{width:100%}
.command-box{margin:12px 0;padding:13px;border:1px solid #34434c;border-radius:8px;background:#11191f;color:#b9c7d0;font:600 11px/1.6 ui-monospace,monospace;overflow-wrap:anywhere}
.toast-region{position:fixed;right:20px;bottom:20px;z-index:50;display:grid;gap:8px}
.toast{max-width:330px;padding:12px 15px;border:1px solid #3d5f4e;border-radius:9px;background:#1d2d25;color:#dff8e9;font-size:11px;box-shadow:0 8px 30px #0005}
.toast.error{border-color:#724045;background:#352126}
@keyframes pop{from{transform:scale(.8);opacity:.5}to{transform:scale(1);opacity:1}}
@keyframes shake{20%,60%{transform:translateX(-3px)}40%,80%{transform:translateX(3px)}}
@keyframes hop{50%{transform:translateY(-10px) rotate(-8deg)}}
@media(max-width:1100px){.topbar{gap:15px;padding:0 16px}.top-actions{gap:5px}.balance-pill{gap:5px;padding:0 8px}.layout{grid-template-columns:205px minmax(0,1fr);gap:14px;padding:16px}.game-workspace{grid-template-columns:205px minmax(0,1fr)}}
@media(max-width:820px){.topbar{height:auto;min-height:62px;flex-wrap:wrap;gap:8px;padding:10px 14px}.main-nav{order:3;flex-basis:100%}.top-actions{margin-left:auto}.top-actions .button{padding:9px;font-size:10px}.profile-button{min-width:40px;grid-template-columns:28px auto}.profile-button small{display:none}.subnav{padding:0 14px}.layout{display:block;padding:12px}.chat-panel{position:static;height:240px;min-height:0;margin-bottom:14px}.hero-card{height:230px}.hero-art{left:54%;opacity:.75}.hero-copy{padding:22px}.game-workspace{grid-template-columns:1fr}.game-controls{order:2}.board-wrap{order:1;min-height:330px}.mines-board{width:min(100%,360px)}}
@media(max-width:520px){.brand{font-size:15px}.top-actions{gap:4px}.balance-pill{height:34px;font-size:10px}.top-actions .button{font-size:0;padding:9px}.top-actions .button::first-letter{font-size:14px}.profile-button{padding:4px}.subnav a:first-of-type{display:none}.hero-card{height:220px}.hero-copy h1{font-size:27px}.hero-art{left:48%;opacity:.42}.hero-cube{right:60px}.section-heading h2{font-size:19px}.server-chip{font-size:8px}.game-tabs{gap:6px}.game-tab{padding:9px 7px;gap:7px}.game-tab small{font-size:8px}.tab-icon{width:29px;height:29px}.game-workspace{padding:9px}.mines-board{gap:5px}.mine-cell{border-radius:7px;font-size:17px}.board-wrap{min-height:290px}.lower-grid{grid-template-columns:1fr}.modal-card{padding:22px 18px}}

:root{--bg:#111714;--panel:#1b241f;--panel2:#263329;--line:#364438;--text:#f0f3e9;--muted:#a3ad9c;--green:#63c77a;--green2:#398e4c;--blue:#77c6d0;--gold:#e4b85c;--radius:10px;font-family:Arial,"Trebuchet MS",sans-serif}
body{background-color:#111714;background-image:linear-gradient(90deg,#ffffff05 1px,transparent 1px),linear-gradient(#ffffff05 1px,transparent 1px),radial-gradient(ellipse at 68% 0%,#314b3540 0,transparent 38%);background-size:32px 32px,32px 32px,auto}
.topbar{background:#151c18;border-color:#39443a}
.brand{gap:11px;font-family:"Arial Black",Arial,sans-serif;font-size:18px;letter-spacing:1.1px}
.brand-mark{position:relative;width:35px;height:35px;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;gap:3px;padding:7px;border:1px solid #91d78b;border-radius:4px;background:linear-gradient(145deg,#59a85e,#2e6339);box-shadow:0 4px 14px #0005, inset 0 1px #ffffff50;transform:rotate(-3deg)}
.brand-mark i{display:block;background:#d5eab5;border:1px solid #477a46}
.brand-accent{color:#88cb76;margin-left:5px}
.nav-link{border-radius:5px}
.nav-link.active{color:#c3e6a3;border-color:#55794d;background:#243726}
.nav-glyph{display:inline-grid;place-items:center;width:18px;height:18px;margin-right:5px;border:1px solid #62765a;background:#28342a;color:#c5dba4;font-size:13px}
.balance-pill,.profile-button{border-radius:5px;background:#1f2922;border-color:#3a493b}
.coin-glyph{color:#e2bf62;font-size:18px;text-shadow:0 0 12px #e2bf6240}
.button{border-radius:5px;letter-spacing:.1px}
.button-green{background:linear-gradient(180deg,#73cd79,#4a9d57);color:#142516;box-shadow:0 3px 0 #30673b,0 6px 16px #0003}
.button-green:hover{filter:brightness(1.12)}
.button-muted{background:#2b372d;color:#dce5d2}
.button-outline{border-color:#64875b;color:#b5db9e}
.avatar{position:relative;overflow:hidden;border:1px solid #596a53;border-radius:4px;background:linear-gradient(135deg,#45563c,#26352a);image-rendering:pixelated}
.avatar img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;image-rendering:pixelated}
.avatar-fallback{display:grid;place-items:center;width:100%;height:100%;color:#e5efc9;font-family:"Arial Black",Arial,sans-serif;font-size:15px}
.profile-button{grid-template-columns:34px auto;min-width:146px}
.subnav{background:#141a16;border-color:#303b31}
.hero-card{border:1px solid #536449;border-radius:9px;background:linear-gradient(115deg,#27382a,#1b2821 57%,#344331);box-shadow:0 12px 35px #0003}
.hero-card:after{position:absolute;inset:0;pointer-events:none;content:"";background:linear-gradient(90deg,transparent 49%,#ffffff09 50%,transparent 51%),linear-gradient(0deg,transparent 49%,#ffffff07 50%,transparent 51%);background-size:32px 32px;mask-image:linear-gradient(90deg,transparent 25%,#000)}
.hero-copy h1,.section-heading h2,.game-title-row h3,.info-card h3,.modal-card h2{font-family:"Arial Black",Arial,sans-serif;letter-spacing:.1px}
.hero-copy h1{font-size:32px;line-height:1.15;letter-spacing:.4px}
.hero-copy h1 span{color:#a6d77f}
.eyebrow{color:#a8d18c}
.hero-cube{z-index:1;border:2px solid #acd889;border-radius:7px;background:linear-gradient(145deg,#80c36d,#3d854d);box-shadow:7px 8px 0 #253d2b,0 18px 48px #0005,inset 0 2px #ffffff55;transform:rotate(-8deg)}
.hero-cube span{font-family:"Arial Black",Arial,sans-serif;font-size:44px;text-shadow:2px 3px #356b40}
.coin{z-index:1;border:3px solid #f3d982;background:linear-gradient(145deg,#f3d87c,#b58a37);box-shadow:0 6px 0 #604b22,0 11px 22px #0005;font-family:"Arial Black",Arial,sans-serif}
.orbit{border-color:#c5e1a328}.orbit-two{border-color:#e5cf7b32}.hero-glow{background:#9bc67724}
.server-chip{border-radius:5px;border-color:#4e6744;background:#202e23;color:#c1e0a6}
.game-tab,.game-workspace,.info-card,.chat-panel{border-radius:7px}
.game-tab{background:#1b241e;border-color:#354237}
.game-tab.active{border-color:#74aa61;background:linear-gradient(110deg,#2c3d2c,#202d23);box-shadow:inset 0 0 0 1px #a5ce8b20}
.tab-icon,.game-title-icon{border:1px solid #617954;border-radius:4px;background:#2c3a2a;color:#c3dc9d}
.chicken-icon{background:#3a3926;color:#e3c66e}
.game-workspace{border-color:#3a473b;background:#1a231d;box-shadow:0 8px 24px #0002}
.board-wrap{border-color:#3b4a3e;border-radius:6px;background-color:#172019;background-image:linear-gradient(90deg,#ffffff05 1px,transparent 1px),linear-gradient(#ffffff05 1px,transparent 1px),radial-gradient(ellipse at center,#2a392b,#172019 78%);background-size:24px 24px,24px 24px,auto}
.mine-cell{border:1px solid #52694e;border-radius:5px;background:linear-gradient(145deg,#485c43,#304332);box-shadow:0 3px 0 #202b21,0 6px 12px #0003}
.mine-cell.safe{border-color:#7bb26b;background:linear-gradient(145deg,#4c9a59,#2d693f)}
.mine-cell.mine{border-color:#c47555;background:linear-gradient(145deg,#a9563e,#713b32)}
.road-step{border-radius:4px 4px 2px 2px;background:linear-gradient(0deg,#344333,#51644a)}
.road-step.safe{background:linear-gradient(0deg,#387b46,#6dbd6d)}
.road-step.danger{background:linear-gradient(0deg,#783e35,#c56b4a)}
.road-step .hen{top:-31px;color:#e3c66e;font-size:25px;text-shadow:2px 2px #171d17}
.lower-grid{align-items:stretch}
.info-card{border-color:#3a473b;background:linear-gradient(145deg,#202a22,#1a231d)}
.profile-summary{display:flex;align-items:center;gap:13px;margin:12px 0}
.profile-head{flex:0 0 64px;width:64px;height:64px;border:2px solid #729062;box-shadow:0 4px 0 #111811}
.profile-card h3{margin:0 0 4px}
.profile-summary p{margin:0}
.safe-chip i{display:inline-block;width:7px;height:7px;border-radius:1px;background:#88ce75;box-shadow:0 0 9px #88ce7580}
.pixel-shield{display:inline-block;width:9px;height:9px;margin-right:4px;background:#9fca7a;clip-path:polygon(50% 0,100% 20%,88% 75%,50% 100%,12% 75%,0 20%)}
.modal-card{border-color:#657557;border-radius:8px;background:linear-gradient(145deg,#273329,#1c251f);box-shadow:0 28px 90px #000b,0 0 0 4px #ffffff08}
.modal-card h2{font-size:23px}
.auth-switch{border-radius:5px;background:#151c17}
.auth-switch button{border-radius:3px}
.auth-switch button.active{background:#3c5138;color:#e6f0d7}
#auth-form input{border-radius:4px;background:#141a16}
.form-hint{margin:8px 0;color:#aab8a0;font-size:10px;line-height:1.55}
.form-hint code{color:#c6e1a8;font-family:Consolas,monospace}
.chat-panel{border-color:#344136;background:#182019}
.chat-message{border-radius:4px;background:#222d23}
.chat-message strong{color:#aed28a}
.chat-compose input{border-radius:4px;background:#202b22}
.icon-button{border-radius:4px;background:#5fa764;color:#102012;font-weight:900}
.toast{border-radius:5px}
@media(max-width:520px){.brand{font-size:14px}.brand-mark{width:30px;height:30px;padding:6px}.hero-copy h1{font-size:26px}.profile-button{min-width:40px}.profile-head{flex-basis:54px;width:54px;height:54px}.top-actions .button{font-size:0}.top-actions .button-glyph{font-size:14px}}

.chicken-board{width:min(100%,560px);padding:4px 2px 0}
.chicken-road{grid-template-columns:repeat(6,minmax(68px,1fr));grid-auto-flow:column;grid-auto-columns:minmax(68px,1fr);align-items:stretch;gap:0;min-height:188px;overflow-x:auto;overflow-y:hidden;padding:0;border:1px solid #53634b;border-bottom:4px solid #263329;border-radius:6px;background:#1a211c;scrollbar-color:#58694b #202a22;scrollbar-width:thin}
.road-step{height:184px;min-width:68px;display:flex;align-items:flex-start;justify-content:center;position:relative;overflow:visible;border-right:1px dashed #78856c65;border-radius:0;background-color:#202922;background-image:linear-gradient(180deg,transparent 0 59%,#475343 59% 61%,#242e26 61% 100%),repeating-linear-gradient(180deg,transparent 0 25px,#65715d40 26px 29px,transparent 30px 54px);color:#e4eed9}
.road-step:last-child{border-right:0}
.road-step>span:first-child{position:absolute;top:11px;left:50%;min-width:50px;padding:6px 7px;transform:translateX(-50%);border:1px solid #71815d;border-radius:4px;background:#303b2e;color:#dfeacb;text-align:center;font-size:10px;font-weight:900;box-shadow:0 3px 0 #141a15}
.road-step.safe{background-color:#2b462e;background-image:linear-gradient(180deg,transparent 0 59%,#53734a 59% 61%,#29382a 61% 100%),repeating-linear-gradient(180deg,transparent 0 25px,#91ba7045 26px 29px,transparent 30px 54px);color:#f4f6e8}
.road-step.safe>span:first-child{border-color:#86b66d;background:#45643b;color:#f1f7de}
.road-step.danger{background-color:#3c2922;background-image:linear-gradient(180deg,transparent 0 59%,#87543c 59% 61%,#342721 61% 100%),repeating-linear-gradient(180deg,transparent 0 25px,#ce784340 26px 29px,transparent 30px 54px);color:#ffe7d4}
.road-step.danger>span:first-child{border-color:#c17855;background:#744332;color:#ffebe0}
.road-step .hen{position:absolute;z-index:2;left:50%;bottom:22px;top:auto;width:66px;height:66px;display:block;transform:translateX(-50%);animation:chicken-hop .4s cubic-bezier(.2,.8,.25,1)}
.chicken-sprite{display:block;width:100%;height:100%;overflow:visible;image-rendering:pixelated;filter:drop-shadow(0 5px 0 #111811aa)}
.hen-fallen{transform:translateX(-50%) rotate(82deg)!important;transform-origin:center bottom;animation:chicken-fall .35s ease-out!important}
.hen-fallen .chicken-sprite{filter:drop-shadow(0 4px 0 #111811aa) grayscale(.55)}
.chicken-controls{margin-top:13px}
@keyframes chicken-hop{0%{translate:0 12px;scale:.85}55%{translate:0 -12px;scale:1.04}100%{translate:0 0;scale:1}}
@keyframes chicken-fall{0%{rotate:0deg}100%{rotate:82deg}}
@media(max-width:520px){.chicken-road{grid-template-columns:repeat(6,minmax(58px,1fr));grid-auto-columns:minmax(58px,1fr);min-height:164px}.road-step{height:160px;min-width:58px}.road-step .hen{width:58px;height:58px;bottom:19px}.road-step>span:first-child{min-width:44px;padding:5px 4px;font-size:9px}}

:root{--bg:#0b111c;--panel:#141d2a;--panel2:#1b293a;--line:#263a53;--text:#eaf3ff;--muted:#91a7c0;--green:#47aaff;--green2:#2376c2;--blue:#52b6ff;--gold:#ffcc70;--red:#f36068;--radius:8px;font-family:"Trebuchet MS",Arial,sans-serif;scroll-padding-top:112px}
html{scroll-behavior:smooth;scrollbar-color:#3979b4 #101a28;scrollbar-width:thin}
body{background-color:#0b111c;background-image:linear-gradient(90deg,#84bfff08 1px,transparent 1px),linear-gradient(#84bfff08 1px,transparent 1px),radial-gradient(ellipse at 68% 0%,#174b7a44 0,transparent 39%);background-size:32px 32px,32px 32px,auto}
::selection{background:#3187cc;color:#fff}
::-webkit-scrollbar{width:10px;height:9px}
::-webkit-scrollbar-track{background:#101a28}
::-webkit-scrollbar-thumb{border:2px solid #101a28;border-radius:4px;background:#3979b4}
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid #72c4ff;outline-offset:3px}
.topbar{position:sticky;top:0;z-index:30;background:#101824f2;border-color:#263a53;backdrop-filter:blur(14px)}
.brand,.brand-accent{font-family:"Arial Black","Trebuchet MS",sans-serif}
.brand-mark{border-color:#57b9ff;border-radius:3px;background:linear-gradient(145deg,#378dce,#194d84);box-shadow:0 4px 14px #0005,inset 0 1px #ffffff50}
.brand-mark i{border-color:#28689e;background:#b8e3ff}
.brand-accent{color:#64bdff}
.nav-link{color:#b6c8dd}
.nav-link.active{color:#a7dcff;border-color:#387fb4;background:#142b40}
.nav-glyph{border-color:#3a668a;background:#192b3c;color:#b8e4ff}
.balance-pill,.profile-button{border-color:#2b405b;background:#172333}
.coin-glyph{color:#ffcf77}
.button-green{background:linear-gradient(180deg,#61bdff,#3189d0);color:#071725;box-shadow:0 3px 0 #205d91,0 6px 16px #0003}
.button-muted{background:#233247;color:#e0edfc}
.button-outline{border-color:#438dc1;color:#a6ddff}
.avatar{border-color:#3d6c95;background:linear-gradient(135deg,#294b69,#172c42)}
.avatar-fallback{color:#d8efff}
.subnav{position:sticky;top:68px;z-index:25;background:#111a26f2;border-color:#263a53;backdrop-filter:blur(12px);scroll-margin-top:106px}
.live-dot,.online-count i,.server-chip i{background:#51b8ff;box-shadow:0 0 10px #51b8ff70}
.chat-panel{top:120px;border-color:#273d57;background:#121b28}
.online-name{background:#1b2c40;color:#bedcff}
.chat-message{background:#192637}
.chat-message strong{color:#73c7ff}
.chat-compose input{border-color:#2c4562;background:#172538}
.icon-button{background:#368bc9;color:#071827}
.safe-chip{color:#8ed2ff}
.hero-card{border-color:#345d80;background:linear-gradient(115deg,#182c40,#142337 57%,#203a53)}
.hero-card:after{background:linear-gradient(90deg,transparent 49%,#88cfff0a 50%,transparent 51%),linear-gradient(0deg,transparent 49%,#88cfff08 50%,transparent 51%)}
.hero-copy h1,.section-heading h2,.game-title-row h3,.info-card h3,.server-game-card h3,.modal-card h2{font-family:"Courier New",monospace;font-weight:900;letter-spacing:-.7px}
.hero-copy h1 span{color:#73c5ff}
.eyebrow{color:#7dcaff}
.hero-cube{border-color:#8bd5ff;border-radius:4px;background:linear-gradient(145deg,#57b7f4,#226aab);box-shadow:7px 8px 0 #173e61,0 18px 48px #0005,inset 0 2px #ffffff55}
.hero-cube span{font-family:"Courier New",monospace;text-shadow:2px 3px #1c5686}
.hero-glow{background:#2c98df2a}
.orbit{border-color:#83cfff28}
.orbit-two{border-color:#66bbfa38}
.coin{border-color:#ffdf91;background:linear-gradient(145deg,#ffe28b,#b98335);box-shadow:0 6px 0 #604b22,0 11px 22px #0005}
.section-heading h2{font-size:22px}
.server-chip{border-radius:4px;border-color:#315f82;background:#14283a;color:#a8ddff}
.game-menu-wrap{position:relative}
.games-menu-toggle{display:flex;align-items:center;gap:7px;font:inherit;cursor:pointer}
.menu-caret{margin-left:3px;color:#90b8d7;transition:transform .15s}
.games-menu-toggle[aria-expanded=true] .menu-caret{transform:rotate(180deg)}
.games-menu{position:absolute;top:calc(100% + 13px);left:0;z-index:50;width:min(610px,calc(100vw - 28px));max-height:min(70vh,620px);overflow-y:auto;overscroll-behavior:contain;padding:12px;border:1px solid #34516e;border-radius:7px;background:#172333;box-shadow:0 20px 55px #000a;scrollbar-color:#438bc3 #142031;scrollbar-width:thin}
.games-menu:before{position:absolute;top:0;left:0;width:100%;height:3px;background:linear-gradient(90deg,#57bbff,#256ca5);content:""}
.menu-category+.menu-category{margin-top:12px;padding-top:10px;border-top:1px solid #283c53}
.menu-category h2{display:flex;justify-content:space-between;margin:0 4px 7px;color:#77a2c6;font-size:9px;letter-spacing:1px}
.menu-category h2 span{color:#6e8caa;font-family:Arial,sans-serif}
.menu-game{min-width:0;min-height:49px;display:flex;align-items:center;gap:10px;padding:7px 9px;border:1px solid transparent;border-radius:4px;background:#121c29;color:#c5d6e8;text-align:left;transition:background .15s,border-color .15s,transform .15s}
.menu-game:hover{transform:translateY(-1px);border-color:#355c7c;background:#1a2e42}
.menu-game b,.menu-game small{display:block}
.menu-game b{font-size:11px;color:#e4f2ff}
.menu-game small{margin-top:3px;color:#879fb8;font-size:9px}
.menu-game-glyph{width:27px;height:27px;flex:none;display:grid;place-items:center;border:1px solid #335571;border-radius:3px;background:#1b3248;color:#8bd3ff}
.menu-arrow{margin-left:auto;color:#6dbdff;font-size:17px}
.menu-category{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:5px}
.menu-category h2{grid-column:1/-1}
.game-tab,.game-workspace,.info-card,.chat-panel{border-color:#2a405a}
.game-tab{background:#141f2d}
.game-tab.active{border-color:#439ad2;background:linear-gradient(110deg,#1d3851,#162b40);box-shadow:inset 0 0 0 1px #67bfff18}
.tab-icon,.game-title-icon{border-color:#376589;background:#1a3348;color:#83d0ff}
.chicken-icon{background:#29364a;color:#efd080}
.game-tab small{color:#92a9c1}
.tab-arrow{color:#76c9ff}
.game-workspace{border-color:#2c425c;background:#121c29}
.field-label{color:#99afc5}
.bet-input-row{border-color:#2f4a67;background:#101a26}
.bet-input-row button,.quick-bets button{background:#23354a;color:#c0d3e6}
select{border-color:#304963;background:#1b2b3f;color:#e4f2ff}
.game-summary{border-color:#2d425a;background:#192638;color:#a9bdd1}
.game-summary .accent-text{color:#79caff}
.board-wrap{border-color:#2c425a;background-color:#111c29;background-image:linear-gradient(90deg,#8ecfff08 1px,transparent 1px),linear-gradient(#8ecfff08 1px,transparent 1px),radial-gradient(ellipse at center,#1b3045,#101925 78%);background-size:24px 24px,24px 24px,auto}
.mine-cell{border-color:#365a77;background:linear-gradient(145deg,#294662,#1e354b);box-shadow:0 3px 0 #101b27,0 6px 12px #0003}
.mine-cell.safe{border-color:#4ea2d9;background:linear-gradient(145deg,#267bad,#18587f)}
.road-step{border-right-color:#76bce44d;background-color:#182536}
.road-step.safe{background-color:#19344a}
.road-step>span:first-child{border-color:#355a79;background:#1c3147;color:#d4eaff;box-shadow:0 3px 0 #0f1925}
.road-step.safe>span:first-child{border-color:#4997c8;background:#1c5d88;color:#e7f6ff}
.lower-grid,.server-games-section{scroll-margin-top:122px}
.info-card,.server-game-card{border-color:#2c425a;background:linear-gradient(145deg,#182638,#121c29)}
.server-games-section{margin:18px 0}
.server-games-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.server-game-card{display:flex;gap:12px;min-width:0;padding:14px;border:1px solid #2c425a;border-radius:6px;box-shadow:0 5px 16px #0002}
.server-game-icon{width:38px;height:38px;flex:none;display:grid;place-items:center;border:1px solid #3c7199;border-radius:4px;background:#18344c;color:#8bd4ff;font-size:20px}
.server-game-card h3{margin:1px 0 7px;color:#e5f3ff;font-size:14px}
.server-game-card p{min-height:42px;margin:0 0 10px;color:#9bb1c8;font-size:10px;line-height:1.55}
.server-game-card code{display:inline-block;padding:6px;border:1px solid #2d4965;border-radius:3px;background:#101a27;color:#8ccfff;font:10px Consolas,monospace;overflow-wrap:anywhere}
.profile-card{background:linear-gradient(145deg,#182638,#121c29)}
.profile-summary p{color:#9bb1c8}
.safe-chip i{background:#64bfff;box-shadow:0 0 9px #64bfff80}
.pixel-shield{background:#6fc4ff}
.modal-card{border-color:#365a7a;background:linear-gradient(145deg,#1c2d40,#121d2b)}
.auth-switch{background:#101a26}
.auth-switch button.active{background:#24415d;color:#e4f3ff}
#auth-form input{border-color:#304963;background:#101a26}
.form-hint{color:#abc0d5}
.form-hint code{color:#97d4ff}
.command-box{border-color:#304963;background:#101a26;color:#bcd3e8}
.toast{border-color:#365a7a;background:#182b3d;color:#e0f2ff}
.toast.error{border-color:#724045;background:#352126}
.chat-panel,.board-wrap,.game-workspace,.info-card,.server-game-card,.modal-card{box-shadow:0 8px 24px #0002}
.games-menu{overscroll-behavior:contain}
#game-workspace,.game-section,.server-games-section,#rewards,#fairness,#chat{scroll-margin-top:120px}
@media(max-width:820px){.topbar{top:0}.subnav{top:0}.games-menu{left:0;max-height:62vh}.layout{display:flex;flex-direction:column}.layout>main{order:1}.layout>.chat-panel{order:2;width:100%;height:300px;min-height:0;margin:18px 0 0}.server-games-grid{grid-template-columns:1fr 1fr}.server-game-card p{min-height:0}}
@media(max-width:520px){:root{scroll-padding-top:96px}.brand{font-size:13px}.topbar{min-height:58px;padding:8px 10px}.main-nav{order:0;flex:0 0 auto;width:auto}.top-actions{margin-left:auto}.top-actions .button{font-size:0}.top-actions .button-glyph{font-size:14px}.profile-button{min-width:40px}.subnav{height:31px;padding:0 10px}.layout{padding:10px}.game-menu-wrap{position:static}.games-menu{position:fixed;top:94px;left:10px;width:calc(100vw - 20px);max-height:68vh}.menu-category{grid-template-columns:1fr}.menu-category h2{grid-column:1}.server-games-grid{grid-template-columns:1fr}.server-game-card{padding:12px}.hero-card{height:220px}.hero-art{opacity:.48}.hero-copy h1{font-size:23px}.section-heading{align-items:flex-start;gap:8px}.server-chip{max-width:48%;line-height:1.4}.chat-panel{height:260px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}