@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Space+Grotesk:wght@400;500;600;700&display=swap');
:root{--ink:#283b32;--paper:#f4f4ea;--green:#d3ed8b;--muted:#6f7b6e;--line:#dce0d2;--orange:#ec7852}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:'DM Sans',sans-serif;font-size:14px;overflow:hidden}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #eb7753;outline-offset:4px}button{color:inherit}button:disabled{cursor:wait;opacity:.6}a{color:inherit;text-decoration:none}#world{position:fixed;inset:0}#world canvas{display:block;width:100%;height:100%}.vignette{pointer-events:none;position:fixed;inset:0;background:linear-gradient(90deg,#f4f4ea 0%,#f4f4ea 20%,#f4f4eaf2 27%,#f4f4ea00 55%),linear-gradient(0deg,#f4f4ea 0%,#f4f4ea00 32%);transition:opacity .5s}header{height:100px;position:relative;z-index:5;display:flex;align-items:center;justify-content:space-between;margin:0 4.4%;border-bottom:1px solid #aab99d40}.brand{display:flex;align-items:center;font-family:'Space Grotesk',sans-serif;font-size:32px;font-weight:700;letter-spacing:-1.8px;gap:9px}.brand-mark{font-family:Arial;font-size:47px;font-weight:400;line-height:.8}.brand-dot{font-size:11px;align-self:flex-start;letter-spacing:0;margin-top:7px;margin-left:-5px}nav{display:flex;gap:34px;align-items:center}.nav-link{border:0;background:none;font-size:12px;font-weight:600;color:#6c7766;padding:12px 0}.nav-link.active{color:var(--ink)}.nav-link.active:after{content:'';display:block;width:5px;height:5px;border-radius:50%;background:#7c9c52;margin:8px auto -13px}.nav-link span{margin-left:5px}.header-actions{display:flex;gap:22px;align-items:center}.test-badge{font-size:9px;letter-spacing:1.5px;display:flex;gap:7px;align-items:center}.test-badge i,.lobby-pill i{height:6px;width:6px;border-radius:50%;background:#86a853}.wallet{border:1px solid #bec6b5;background:#f4f4eaab;border-radius:8px;padding:13px 17px;display:flex;align-items:center;gap:17px;font-size:11px;font-weight:600}.wallet svg{width:16px;height:16px}.hero{position:relative;margin:65px 0 0 7.2%;max-width:500px;pointer-events:auto}.eyebrow{font-family:'Space Grotesk',sans-serif;font-size:9px;letter-spacing:2.1px;font-weight:600;display:flex;align-items:center;gap:9px}.tiny-star{font-size:19px;color:#7b9653}h1{font-family:'Space Grotesk',sans-serif;font-size:clamp(58px,5.65vw,86px);letter-spacing:-5px;font-weight:600;line-height:1.015;margin:22px 0 25px}h1 em{font-style:normal;color:#748a59}.period{color:var(--orange)}.hero p{font-size:13px;color:#7b8374;line-height:1.8}.hero-actions{display:flex;align-items:center;gap:13px;margin-top:27px}.primary{border:1px solid var(--ink);background:var(--ink);color:#f4f4ea;border-radius:7px;padding:17px 22px;font-size:12px;font-weight:500;display:inline-flex;gap:38px;align-items:center;transition:transform .2s,background .2s}.primary:hover{background:#426044;transform:translateY(-2px)}.primary span{font-size:19px}.round-button{width:36px;height:36px;border:1px solid #bec7b4;border-radius:50%;background:transparent;font-size:13px}.no-download{font-size:9px;color:#7f8978;line-height:1.7}.hero-note{margin-top:26px;font-size:8px;letter-spacing:1.4px;color:#7f8978;display:flex;align-items:center;gap:8px}.solana-symbol{font-size:19px;line-height:10px}.note-dot{margin:0 6px}.world-tag{position:absolute;right:7.5%;top:142px;display:grid;grid-template-columns:8px auto;align-items:center;gap:8px;font-size:10px;letter-spacing:1.8px}.tag-dot{width:6px;height:6px;border-radius:50%;background:var(--orange)}.world-tag small{grid-column:2;font-size:7px;color:#849078;letter-spacing:1.4px}.map-label{position:absolute;right:6%;bottom:240px;font-size:10px;line-height:1.7;transform:rotate(-6deg);color:#647950}.map-label span{display:block;font-size:30px;margin-bottom:7px}.bottom-deck{position:absolute;left:7.2%;right:7.2%;bottom:75px;display:grid;grid-template-columns:1fr 1fr;gap:22px}.arena-card,.purpose-card{display:flex;align-items:center;gap:20px;background:#f7f7edc9;border:1px solid #c9d2bb;border-radius:12px;padding:23px 25px;backdrop-filter:blur(10px);text-align:left}.map-icon{height:53px;width:53px;flex-shrink:0;border-radius:10px;border:1px solid #bac9a6;background:#e8edd9;font-size:35px;display:grid;place-items:center;transform:rotate(-5deg)}.card-eyebrow{font-size:7px;letter-spacing:1.8px;font-weight:600;color:#7c8972}.arena-card h2{font-family:'Space Grotesk';font-size:20px;margin:8px 0 5px;letter-spacing:-.7px}.arena-card h2 span{color:#93a47c;font-size:15px;margin-left:8px}.arena-card p{font-size:9px;color:#8a927f;margin:0}.arena-meta{margin-left:auto;display:flex;flex-direction:column;gap:8px;align-items:flex-end}.arena-meta span{font-size:6px;letter-spacing:1px;border:1px solid #d7ddcc;border-radius:4px;padding:5px 7px;white-space:nowrap}.purpose-card{width:100%;background:#e8eedbe8}.purpose-card:hover{background:#dfe9cc}.mini-heart{font-size:43px;color:#778e58}.purpose-card>div{flex:1}.split-line{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-top:12px}.split-line strong{font-family:'Space Grotesk';font-size:24px;letter-spacing:-1px;white-space:nowrap}.split-line small{font-family:'DM Sans';font-size:9px;font-weight:400;letter-spacing:0}.split-line>span{color:#a2b18a}.split-bar{display:flex;gap:3px;margin-top:12px;height:4px}.split-bar i{width:70%;background:#92ab67;border-radius:5px}.split-bar b{width:30%;background:#ed956e;border-radius:5px}.arrow-circle{border:1px solid #c2cfaf;border-radius:50%;width:26px;height:26px;display:grid;place-items:center;font-size:13px}footer{position:absolute;bottom:27px;left:7.2%;right:7.2%;display:flex;align-items:center;justify-content:space-between;font-size:6px;letter-spacing:1.5px;color:#8a9480}footer b{font-weight:400;margin:0 8px}footer button{background:none;border:0;font-size:8px;color:#7b8971;letter-spacing:0}.hidden{display:none!important}#loading{position:fixed;bottom:35%;left:60%;font-size:12px;color:#6c8057;transition:opacity .4s;pointer-events:none}#loading span{display:inline-block;animation:spin 4s linear infinite;font-size:23px;vertical-align:middle;margin-left:8px}@keyframes spin{to{transform:rotate(360deg)}}dialog{padding:38px;background:#f5f5eb;color:var(--ink);border:1px solid #b9c6ad;border-radius:18px;max-width:560px;width:calc(100% - 32px);max-height:85vh;overflow:auto;box-shadow:0 20px 100px #20352833}dialog::backdrop{background:#1d362c77;backdrop-filter:blur(8px)}.close{position:absolute;top:13px;right:17px;border:0;background:none;font-size:25px;color:#758367}.modal-eyebrow{font-size:9px;letter-spacing:2px;color:#7c9163;font-weight:700}dialog h2{font:600 35px/1.1 'Space Grotesk';letter-spacing:-1.7px;margin:14px 0 20px}dialog p{line-height:1.8;color:#74816c;font-size:12px}dialog label{display:block;font-size:10px;margin:20px 0 8px;color:#718263}dialog input{width:100%;border:1px solid #c7d1ba;background:#fbfcf5;border-radius:7px;padding:13px;color:var(--ink);outline:none}dialog .primary{width:100%;justify-content:space-between;margin-top:20px}dialog .secondary{width:100%;padding:13px;border:1px solid #cad4be;border-radius:7px;background:#e9efdd;margin-top:10px;font-size:11px}.controls-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:20px 0;font-size:11px}.controls-grid>div{background:#e8eddc;padding:15px;border-radius:8px}.controls-grid b{display:block;margin-bottom:7px;font:600 16px 'Space Grotesk'}.controls-grid span{color:#7c886f}#toast{position:fixed;bottom:25px;left:50%;transform:translate(-50%,30px);opacity:0;background:#293f32;color:#f2f6e8;border-radius:8px;padding:14px 20px;z-index:100;max-width:90%;font-size:12px;transition:.25s;pointer-events:none}#toast.show{opacity:1;transform:translate(-50%,0)}.game-active header,.game-active #home,.game-active .vignette{display:none}#game-ui{position:fixed;inset:0;pointer-events:none}.game-top{position:absolute;top:25px;left:30px;right:30px;display:flex;align-items:center;justify-content:space-between}.lobby-pill{background:#f4f5e8e6;display:flex;align-items:center;gap:9px;border-radius:9px;padding:13px 17px;font-size:10px;font-weight:600;letter-spacing:1px}.lobby-pill small{font-size:9px;margin-left:14px;color:#879274}#timer{background:#293e33e8;color:#f3f4e9;padding:13px 26px;border-radius:10px;font:500 25px 'Space Grotesk';letter-spacing:1px}.small-button{pointer-events:auto;background:#f5f5eae6;border:1px solid #c3cfb5;border-radius:8px;padding:11px 16px;font-size:10px}.game-board{position:absolute;top:100px;left:30px;width:185px;background:#f5f5eae0;border:1px solid #bdc9ac;border-radius:11px;padding:15px;backdrop-filter:blur(10px)}.board-heading{display:flex;justify-content:space-between;font-size:8px;letter-spacing:1.7px;color:#7c896c;border-bottom:1px solid #cad3bd;padding-bottom:11px}.score-row{display:flex;justify-content:space-between;align-items:center;padding-top:11px;font-size:10px}.score-row.me{font-weight:700;color:#6c914b}.score-row small{color:#9ba88c;margin-right:8px}.game-bottom{position:absolute;bottom:25px;left:30px;right:30px;display:flex;align-items:center;gap:20px}.player-status{background:#f4f5eae8;border-radius:10px;padding:16px 18px;width:210px;position:relative}.player-status>span:first-child{font-size:9px;font-weight:700;letter-spacing:1px}.health{height:6px;background:#d8decc;width:120px;border-radius:4px;margin-top:10px;overflow:hidden}.health i{display:block;height:100%;width:100%;background:#8ba967;transition:width .2s}.player-status strong{position:absolute;right:18px;top:14px;font:600 24px 'Space Grotesk'}.health-label{position:absolute;right:18px;bottom:14px;font-size:7px;color:#849372}.ammo-box{display:flex;align-items:center;gap:9px;padding:12px 19px;background:#2b4033ed;border-radius:10px;color:#f2f5e8}.ammo-box>span{font:500 35px 'Space Grotesk'}.ammo-box small{font-size:10px;line-height:1.6;color:#bdcbaa}.ammo-box b{font-size:6px;letter-spacing:1px;font-weight:400}.control-hint{margin-left:auto;font-size:8px;background:#f4f5eac7;padding:14px;border-radius:8px;display:flex;align-items:center;gap:5px}.control-hint span{margin:0 5px;color:#8d9f79}kbd{display:inline-block;background:#e9eddf;border:1px solid #bac7aa;border-bottom-width:2px;border-radius:3px;padding:3px 5px;font:8px 'DM Sans'}#killfeed{position:absolute;right:30px;top:100px;display:flex;flex-direction:column;gap:6px;font-size:10px}.feed-item{padding:9px 13px;background:#f1f4e4db;border-radius:6px}.feed-item span{color:#9aab86;margin:0 8px}#respawn{position:absolute;top:45%;width:100%;text-align:center;font:500 32px 'Space Grotesk';color:#fff;text-shadow:0 2px 20px #1e3827}#hit-flash{position:absolute;inset:0;box-shadow:inset 0 0 120px #df5d46;opacity:0;transition:opacity .15s}#crosshair{position:absolute;color:#304632;font-size:25px;transform:translate(-50%,-50%);text-shadow:0 1px #fff8}.impact-numbers{display:grid;grid-template-columns:7fr 3fr;gap:8px;margin:22px 0}.impact-numbers>div{border-radius:12px;background:#dce9c5;padding:22px}.impact-numbers>div+div{background:#f0d6be}.impact-numbers strong{font:600 44px 'Space Grotesk';letter-spacing:-2px}.impact-numbers span{display:block;font-size:10px;margin-top:6px}.notice{border-left:3px solid #d99a64;padding:10px 14px;background:#f1e9d8!important;font-size:11px!important}.rank-table{width:100%;border-collapse:collapse;font-size:11px}.rank-table th{text-align:left;font-weight:500;color:#8d997c;font-size:8px;letter-spacing:1px;padding:14px 7px;border-bottom:1px solid #cad4bd}.rank-table td{padding:14px 7px;border-bottom:1px solid #dce3cf}.reward-row{display:flex;gap:10px}.reward-row>div{flex:1;border:1px solid #ced8bf;border-radius:9px;padding:15px;font-size:10px}.reward-row b{display:block;font:600 22px 'Space Grotesk';margin-bottom:5px}.wallet-choice{display:flex!important;align-items:center;justify-content:space-between}.empty{background:#e9efdd;padding:25px;border-radius:10px;text-align:center}body.game-active #world{cursor:crosshair}@media(min-height:900px){.hero{margin-top:100px}.bottom-deck{bottom:100px}footer{bottom:37px}}@media(max-width:1100px){header{margin:0 4%;height:85px}nav{gap:18px}.header-actions{gap:10px}.test-badge{display:none}.hero{margin-top:55px;margin-left:6%}h1{font-size:65px}.hero p{font-size:12px}.bottom-deck{left:6%;right:6%;gap:12px}.arena-card,.purpose-card{padding:20px 16px;gap:12px}.split-line strong{font-size:20px}.mini-heart{font-size:32px}.arena-meta{display:none}.control-hint{display:none}.game-bottom .small-button{margin-left:auto}}@media(max-width:720px){body{overflow:auto;min-height:900px}header{height:80px}.brand{font-size:26px}.brand-mark{font-size:37px}nav{display:none}.wallet{font-size:10px;padding:11px;gap:8px}.hero{margin:38px 7% 0}.eyebrow{font-size:8px}h1{font-size:61px;letter-spacing:-3.7px;line-height:1.02;margin-top:18px}.hero p{font-size:11px}.vignette{background:linear-gradient(180deg,#f4f4ea 0%,#f4f4eaed 28%,#f4f4ea00 58%,#f4f4ea 81%)}.world-tag{top:480px;right:8%;font-size:8px}.map-label{display:none}.bottom-deck{position:relative;margin:210px 7% 0;left:auto;right:auto;bottom:auto;grid-template-columns:1fr;gap:10px}.arena-card,.purpose-card{padding:18px}.purpose-card .mini-heart{font-size:35px}.arena-card h2{font-size:19px}.split-line strong{font-size:23px}footer{position:relative;left:0;right:0;margin:25px 7%;gap:15px;flex-wrap:wrap;font-size:5px;letter-spacing:1px}footer>span:nth-child(2){display:none}.hero-note{margin-top:18px}#loading{left:40%;bottom:35%}.game-active{min-height:0;overflow:hidden}.game-board{top:87px;left:12px;width:140px;padding:12px}.game-top{left:12px;right:12px;top:15px;gap:8px}.lobby-pill{padding:10px;font-size:8px}.lobby-pill small{margin-left:0}#timer{font-size:20px;padding:8px 13px}.small-button{font-size:8px;padding:10px}.game-bottom{left:12px;right:12px;bottom:15px;gap:10px}.player-status{width:165px;padding:12px}.health{width:95px}.player-status strong{font-size:20px;right:12px;top:10px}.health-label{right:12px;bottom:12px}.ammo-box{padding:10px}.ammo-box>span{font-size:26px}#killfeed{right:12px;top:87px;font-size:8px;max-width:40%}dialog{padding:30px 25px}dialog h2{font-size:30px}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}
/* The game stays readable above the detailed borrowed village renderer. */
#minimap-wrap{display:none;position:fixed;right:24px;bottom:115px;width:160px;background:#1e3029e8;color:#eaf1dd;border:1px solid #e0efc330;border-radius:12px;padding:10px;box-shadow:0 8px 25px #13241d26;pointer-events:none}.game-active #minimap-wrap{display:block}#minimap-wrap>span{display:flex;justify-content:space-between;font-size:8px;letter-spacing:1px;margin-bottom:8px}#minimap-wrap small{color:#a8ba99;font-size:7px}#minimap{width:138px;height:138px;border-radius:4px;display:block;image-rendering:pixelated}#minimap-wrap>div{font-size:6px;letter-spacing:.6px;display:flex;align-items:center;gap:5px;margin-top:8px;color:#bdc9ad}#minimap-wrap i,#minimap-wrap b{display:block;width:4px;height:4px;border-radius:50%;background:#e4f5a4}#minimap-wrap b{background:#f9a287;margin-left:7px}.game-active #crosshair{color:#f5f3cf;text-shadow:0 1px 3px #15251a,0 -1px 3px #15251a}.game-board{background:#20382de8;border-color:#bacb9b40;color:#ecf2df}.board-heading{color:#b3c79d;border-color:#b5ca9a30}.score-row.me{color:#d3ed8b}.score-row small{color:#91a87d}.game-active #killfeed{top:102px}.feed-item{background:#243c30df;color:#edf3de}.feed-item span{color:#d8b670}.player-status{background:#20382df0;color:#f3f5e6}.health{background:#15251a}.health i{background:#c6e486}.health-label{color:#a3b78b}.game-active #respawn{font-size:26px;padding:20px 0;background:linear-gradient(90deg,transparent,#142a2580,transparent);letter-spacing:-.6px}#world canvas{image-rendering:pixelated}.game-active #world{isolation:isolate}@media(max-width:720px){#minimap-wrap{width:104px;right:12px;bottom:105px;padding:7px}#minimap{width:88px;height:88px}#minimap-wrap small,#minimap-wrap>div{display:none}#minimap-wrap>span{font-size:6px;letter-spacing:.4px;margin-bottom:6px}}