:root{color-scheme:light;--ink: #36261e;--paper: rgba(250, 232, 199, .91);--line: rgba(98, 48, 28, .3);--green: #2ba85d;--gold: #e5a831;--orange: #d96a36;--mars: #b95635;--space: #170d1f}*{box-sizing:border-box}html,body,#app,#game{width:100%;height:100%}body{margin:0;overflow:hidden;background:var(--space);color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;touch-action:none}button,input{font:inherit}#game{display:block}.card,#topbar>*,#actionHint,#toast{border:1px solid var(--line);border-radius:8px;background:var(--paper);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 8px 30px #4f300c1f}.hidden{display:none!important}.character-select{position:fixed;inset:0;z-index:30;display:grid;place-items:center;padding:24px;background:linear-gradient(90deg,#08060bd1,#08060b38 44%,#08060bc7),linear-gradient(180deg,#08060b57,#511b112e 45%,#0f0908bd),url(/colony-launch-bg.jpg) center / cover no-repeat,#170d1f}.character-card{width:min(1040px,calc(100vw - 32px));padding:12px;border:1px solid rgba(255,221,92,.24);border-radius:8px;background:linear-gradient(145deg,#161210e0,#522613c2),#fae8c7f0;box-shadow:0 24px 70px #0a07047a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.launch-brand{display:block;margin-bottom:14px}.launch-hero{display:block;width:100%;aspect-ratio:3 / 1;object-fit:cover;border:1px solid rgba(255,221,92,.32);border-radius:8px;box-shadow:0 22px 50px #0000006b}.quick-logo{width:100%;max-height:260px;object-fit:contain;border-radius:8px;box-shadow:0 18px 38px #00000057}.character-card .eyebrow{color:#78ff89;font-size:.76rem;font-weight:900;letter-spacing:.1em;text-transform:uppercase}.mars-title{margin:6px 0 10px;color:#65e96f;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:clamp(2.6rem,7vw,5.8rem);font-weight:950;line-height:.94;letter-spacing:0;text-transform:uppercase;text-shadow:0 2px 0 #ffd545,0 6px 0 #25150c,0 0 22px rgba(91,217,111,.35)}.start-lore{margin:0 0 14px;max-width:540px;color:#ffe7a6;font-size:.96rem;line-height:1.5}.quick-name-row{display:grid;grid-template-columns:1fr auto;gap:10px;margin-bottom:12px}.quick-name-row input,.quick-name-row button{border:1px solid rgba(255,221,92,.28);border-radius:7px;background:#fffae4eb;color:#271912;padding:10px 12px;outline:none}.quick-name-row button{background:#65e96f2e;color:#64f078;font-weight:900;cursor:pointer}.character-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.character-option{display:grid;gap:4px;min-height:142px;padding:12px;border:1px solid rgba(255,221,92,.2);border-radius:8px;background:#ffeeb8e6;color:#271912;text-align:left;cursor:pointer}.character-avatar{position:relative;display:grid;place-items:center;width:64px;height:74px;margin-bottom:4px;--avatar-body: var(--green);--avatar-hat: var(--gold)}.character-avatar:before{content:"";width:34px;height:54px;border:3px solid #1f2b21;border-radius:18px 18px 14px 14px;background:linear-gradient(to bottom,#fff8e8 0 46%,var(--avatar-body) 47% 100%);box-shadow:inset 0 -10px #00000024}.character-avatar:after{content:"";position:absolute;top:4px;width:42px;height:12px;border-radius:999px;background:var(--avatar-hat);box-shadow:0 6px #1f2b21}.character-avatar i{position:absolute;top:28px;width:5px;height:5px;border-radius:50%;background:#12191a;box-shadow:13px 0 #12191a,2px -1px #fff,15px -1px #fff}.avatar-degen:before{--avatar-body: #17211c}.avatar-degen:after{--avatar-hat: #57d96f}.avatar-builder:before{--avatar-body: #d68b22}.avatar-builder:after{--avatar-hat: #f0c542}.avatar-trader:before{--avatar-body: #2f67b1}.avatar-trader:after{--avatar-hat: #101418}.character-option.active{border-color:#1392459e;background:#e4f5d5e6;box-shadow:inset 0 0 0 2px #13924538}.character-option b{color:var(--green)}.character-option span{color:#6f6653;font-size:.72rem;line-height:1.25}.enter-world{width:100%;margin-top:12px;border:1px solid rgba(68,51,20,.3);border-radius:7px;background:linear-gradient(180deg,#ffe05f,#efaa23);color:#24160f;font-weight:900;padding:12px 14px;cursor:pointer;box-shadow:0 10px 22px #00000047,inset 0 2px #ffffff52}@media(max-width:760px){.launch-brand{margin-bottom:10px}.launch-hero{min-height:0}}#topbar{position:fixed;z-index:10;top:12px;left:12px;right:12px;display:grid;grid-template-columns:190px minmax(250px,390px) minmax(310px,390px);gap:12px;align-items:start;pointer-events:none}#topbar>*{pointer-events:auto}.brand,.wallet{min-height:44px;padding:9px 11px}.brand strong{display:block;color:var(--green);font-size:1.05rem;letter-spacing:.04em;text-transform:uppercase}.brand span,.wallet span{color:#6f6653;font-size:.78rem}.quest{padding:10px}.quest .kicker{display:block;color:var(--green);font-weight:900;font-size:.75rem;letter-spacing:.08em}.quest strong{display:block;margin:5px 0 6px;text-transform:uppercase}.quest span:last-of-type{color:#6f6653;font-size:.82rem;line-height:1.4}.bar{height:6px;margin-top:9px;overflow:hidden;border-radius:99px;background:#3d342421}.bar span{display:block;width:0;height:100%;border-radius:inherit;background:var(--green)}.wallet{display:flex;justify-content:flex-end;gap:10px;align-items:center;flex-wrap:wrap}.wallet button,#chatForm button,.orders button{border:1px solid rgba(68,51,20,.28);border-radius:6px;background:#e59f33;color:#2f2a1e;font-weight:900;padding:8px 10px;cursor:pointer}#leftPanel{position:fixed;z-index:9;left:12px;top:132px;display:grid;gap:8px;width:292px}.card{padding:10px}.card h2{margin:0 0 10px;color:var(--green);font-size:.86rem;letter-spacing:.08em;text-transform:uppercase}.stats-card{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.stats-card div{display:grid;gap:3px}.stats-card b{color:var(--green);font-size:1rem}.stats-card span{color:#6f6653;font-size:.68rem;text-transform:uppercase}.yield-list,.leaderboard,.orders{display:grid;gap:7px}.yield-list div,.leaderboard div{display:grid;grid-template-columns:auto 1fr auto;gap:8px;align-items:center;color:#6f6653;font-size:.78rem}.yield-list div{grid-template-columns:1fr auto}.yield-list b,.leaderboard strong{color:var(--green)}.leaderboard b{color:var(--gold)}#rightPanel{position:fixed;z-index:9;right:12px;top:112px;width:336px;max-height:calc(100vh - 132px);overflow:auto}.orders article{display:grid;gap:8px;padding:10px;border:1px solid rgba(76,55,24,.13);border-radius:8px;background:#fffae4ad}.orders header{display:flex;justify-content:space-between;gap:10px;font-size:.82rem}.orders header b{color:var(--ink)}.orders article div{display:flex;flex-wrap:wrap;gap:5px}.orders span{border-radius:99px;background:#3d342414;color:#7d735d;padding:4px 7px;font-size:.7rem}.orders span.ok{color:#0d7e3b;background:#13924521}.orders button:disabled{cursor:not-allowed;opacity:.45}.reward-card,.token-card{display:grid;gap:8px;margin-bottom:12px;padding-bottom:10px;border-bottom:1px solid rgba(76,55,24,.18)}.token-ca{display:grid;grid-template-columns:auto minmax(0,1fr);gap:7px;align-items:center;padding:8px;border-radius:7px;background:#fffae494;color:#6f6653;font-size:.68rem}.token-ca span{color:var(--green);font-weight:900}.token-ca code{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.token-stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.token-stats div{display:grid;gap:3px;padding:8px;border-radius:7px;background:#fffae494;color:#6f6653;font-size:.68rem}.token-stats b{color:var(--green);white-space:nowrap}.holder-rows{display:grid;gap:5px;max-height:186px;overflow:auto;padding-right:3px}.holder-rows div{display:grid;grid-template-columns:24px minmax(0,1fr) auto;gap:7px;align-items:center;padding:7px;border-radius:7px;background:#fffae494;color:#6f6653;font-size:.68rem}.holder-rows b{color:var(--gold)}.holder-rows code{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.holder-rows strong{color:var(--green);white-space:nowrap}.holder-notice{padding:9px;border:1px solid rgba(19,146,69,.24);border-radius:7px;background:#1392451a;color:#4f5f3c;font-size:.72rem;line-height:1.35}.holder-notice.verified{color:#105c31;background:#1392452e}.reward-summary{display:grid;grid-template-columns:1fr;gap:7px}.reward-summary div,.reward-rows div{display:flex;justify-content:space-between;gap:8px;padding:7px;border-radius:7px;background:#fffae494;color:#6f6653;font-size:.72rem}.reward-rows span{overflow:hidden;text-overflow:ellipsis}.reward-rows small{display:block;color:#81765f;font-size:.62rem}.reward-summary b,.reward-rows b{color:var(--green);white-space:nowrap}.reward-rows{display:grid;gap:5px;max-height:164px;overflow:auto;padding-right:3px}.leaderboard,.orders{max-height:208px;overflow:auto;padding-right:3px}.secondary-action{border:1px solid rgba(68,51,20,.22);border-radius:6px;background:#1392451f;color:var(--green);font-weight:900;padding:8px 9px;cursor:pointer}#chatPanel{position:fixed;z-index:9;left:12px;bottom:12px;display:grid;gap:7px;width:292px}#chatLog{display:grid;align-content:end;gap:6px;height:132px;overflow:auto;font-size:.76rem}#chatLog div{display:grid;gap:2px}#chatLog strong{color:var(--orange)}#chatLog span{color:#665d4d}#chatForm{display:grid;grid-template-columns:1fr auto;gap:7px}#chatForm input{min-width:0;border:1px solid rgba(76,55,24,.22);border-radius:6px;background:#fffdf3db;padding:9px 10px;outline:none}#inventory{position:fixed;z-index:9;left:50%;bottom:52px;display:grid;grid-template-columns:repeat(7,48px);gap:7px;transform:translate(-50%)}#inventory div{display:grid;place-items:center;gap:4px;color:#7d735d;font-size:.68rem}#inventory b{color:var(--ink);font-size:.86rem}#actionHint{position:fixed;z-index:9;left:50%;bottom:12px;transform:translate(-50%);padding:8px 12px;color:#6f6653;font-size:.72rem;white-space:nowrap}#toast{position:fixed;z-index:20;left:50%;top:50%;transform:translate(-50%,-50%) scale(.96);padding:13px 18px;color:var(--green);font-weight:900;opacity:0;pointer-events:none;transition:opacity .15s ease,transform .15s ease}#toast.show{opacity:1;transform:translate(-50%,-50%) scale(1)}@media(max-width:900px){.character-grid{grid-template-columns:repeat(2,minmax(0,1fr))}#topbar{grid-template-columns:1fr}#leftPanel,#rightPanel{display:none}#chatPanel{width:min(320px,calc(100vw - 32px))}#inventory{grid-template-columns:repeat(7,40px);gap:5px}#actionHint{max-width:calc(100vw - 32px);overflow:hidden;text-overflow:ellipsis}}.card,#topbar>*,#actionHint,#toast,.verify-card{border:3px solid rgba(71,35,22,.78);background:linear-gradient(180deg,#ffeec4f5,#edca8beb),var(--paper);box-shadow:0 4px #2e1811c7,0 18px 44px #2f140a3d,inset 0 2px #ffffff52}.character-select{overflow:auto;background:linear-gradient(90deg,#08060bd1,#08060b38 44%,#08060bc7),linear-gradient(180deg,#08060b57,#511b112e 45%,#0f0908bd),url(/colony-launch-bg.jpg) center / cover no-repeat,#170d1f}.character-select:before,.character-select:after{display:none}.character-select:after{display:none}.character-card{position:relative;overflow:hidden;width:min(1060px,calc(100vw - 28px));padding:12px;border:4px solid #3b241b;background:linear-gradient(180deg,#391d14d1,#673019c7),#ffe2a9f5}.character-card:before{content:"";position:absolute;inset:10px;border:1px solid rgba(255,211,107,.28);border-radius:6px;pointer-events:none}.launch-brand{position:relative;z-index:1;display:block;padding:0;border-radius:8px;background:#140e0c6b}.launch-hero{display:block;width:100%;aspect-ratio:3 / 1;object-fit:cover;border:2px solid rgba(255,218,91,.34);border-radius:8px;box-shadow:0 22px 42px #0000006b}.quick-logo{max-height:300px;padding:6px;background:linear-gradient(180deg,#ffde5e38,#57d96f1a);border:2px solid rgba(255,218,91,.28);box-shadow:0 22px 42px #0000006b}.mars-title{color:#62e76a;font-size:clamp(3rem,7.8vw,6.3rem);text-shadow:0 2px 0 #fff1a6,0 5px 0 #f0aa26,0 10px 0 #1c120e,0 0 30px rgba(87,217,111,.42)}.start-lore{color:#fff0b8;font-size:1rem}.quick-name-row,.character-grid,.enter-world{position:relative;z-index:1}.quick-name-row input,.quick-name-row button,.wallet button,#chatForm button,.orders button,.secondary-action,.verify-card input{border:2px solid rgba(67,37,20,.56);border-radius:8px;background:linear-gradient(180deg,#fff1bd,#e4bb67);color:#2b1a12;box-shadow:inset 0 2px #ffffff57,0 3px #4422149e}.quick-name-row input,.verify-card input{background:#fff7dbf5}.character-option{border:3px solid rgba(64,34,21,.52);background:linear-gradient(180deg,#ffeab2,#eac275);box-shadow:0 4px #3a1f1485}.character-option.active{border-color:#56d85f;background:linear-gradient(180deg,#f8ffd2,#dfc45c);box-shadow:0 4px #265627a3,inset 0 0 0 2px #56d85f5c}.enter-world{background:linear-gradient(180deg,#6ef272,#20a854);color:#102514;text-transform:uppercase;letter-spacing:.04em}#topbar{grid-template-columns:190px minmax(260px,430px) minmax(300px,388px)}.brand strong,.card h2,.quest .kicker,.token-ca span,.holder-rows strong,.reward-summary b,.reward-rows b,.stats-card b,.yield-list b,.leaderboard strong{color:#18a852}.brand,.wallet,.quest{border-color:#3a2015d1}.wallet{background:linear-gradient(180deg,#ffe5a7fa,#ddb15ff2),var(--paper)}#leftPanel,#rightPanel{filter:drop-shadow(0 10px 20px rgba(57,22,9,.16))}#rightPanel{width:348px}.reward-summary div,.reward-rows div,.token-stats div,.holder-rows div,.token-ca,.orders article{border:1px solid rgba(82,47,25,.13);background:#fff5cdc2}.holder-rows div{cursor:copy}.holder-rows div:hover,.orders article:hover{background:#fffce4f0}#chatPanel{border-color:#3a2015d6}#chatLog{padding:6px;border-radius:7px;background:#fff4cd94}#inventory{border:3px solid rgba(58,32,21,.82);background:linear-gradient(180deg,#ffe9b3f2,#e8c073eb)}#inventory div{min-width:43px;min-height:45px;border-radius:7px;background:#fff9dc8f}#actionHint{color:#4f3c2c;font-weight:800}#mobileControls{display:none}.verify-modal{position:fixed;inset:0;z-index:40;display:grid;place-items:center;padding:18px;background:#0f080794;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.verify-card{position:relative;display:grid;gap:12px;width:min(460px,calc(100vw - 28px));padding:18px;color:#3a281c}.verify-card h2{margin:0;color:#18a852;font-size:1.55rem;text-transform:uppercase}.verify-card p,.verify-warning{margin:0;color:#654d39;font-size:.9rem;line-height:1.45}.verify-card label{display:grid;gap:6px;color:#4c3827;font-weight:900;font-size:.78rem;text-transform:uppercase}.verify-card input{width:100%;min-width:0;padding:11px 12px;text-transform:none;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}.verify-warning{padding:10px;border:1px solid rgba(216,106,54,.34);border-radius:8px;background:#d86a361f}.verify-close{position:absolute;top:8px;right:8px;width:30px;height:30px;border:2px solid rgba(58,32,21,.68);border-radius:7px;background:#d96a36;color:#fff7df;font-weight:900;cursor:pointer}@media(max-width:900px){.character-select{align-items:start;padding:12px}.character-card{width:min(620px,calc(100vw - 24px));max-width:calc(100vw - 24px);padding:10px}.launch-brand{margin-bottom:10px}.launch-hero{min-height:0;object-fit:contain}.quick-name-row{grid-template-columns:minmax(0,1fr) 66px}.quick-name-row input{min-width:0}.quick-name-row button{min-width:0;padding:8px 6px;overflow:hidden;font-size:.7rem;text-overflow:ellipsis}.mars-title{font-size:clamp(2.4rem,13vw,4.2rem)}.start-lore{font-size:.86rem}.character-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.character-option{min-height:116px;padding:9px}#topbar{top:8px;left:8px;right:8px;grid-template-columns:minmax(0,1fr) auto;gap:8px}#topbar .quest{display:none}.brand,.wallet{min-height:40px;padding:7px 9px}.brand strong{font-size:.94rem}.wallet{justify-content:flex-end;gap:6px;max-width:52vw}.wallet span{display:none}.wallet button{padding:7px 8px;font-size:.72rem}#leftPanel,#rightPanel,#chatPanel{display:none}#inventory{bottom:94px;grid-template-columns:repeat(7,minmax(31px,1fr));width:min(370px,calc(100vw - 20px));gap:4px;padding:6px}#inventory div{min-width:0;min-height:36px;font-size:.58rem}#inventory b{font-size:.76rem}#actionHint{bottom:148px;max-width:calc(100vw - 22px);padding:7px 10px;font-size:.66rem;white-space:normal;text-align:center}#mobileControls{position:fixed;z-index:18;left:10px;right:10px;bottom:10px;display:flex;align-items:end;justify-content:space-between;pointer-events:none}#mobileControls button{pointer-events:auto;border:3px solid rgba(37,23,17,.78);border-radius:8px;background:linear-gradient(180deg,#ffedb1f5,#ddad50f0);color:#28180f;font-weight:950;box-shadow:0 4px #2b1810b8;touch-action:none}.mobile-joystick{pointer-events:auto;width:124px;height:124px;display:grid;place-items:center;touch-action:none}.joystick-base{position:relative;width:104px;height:104px;border:3px solid rgba(37,23,17,.78);border-radius:50%;background:radial-gradient(circle at 50% 50%,rgba(255,245,188,.52) 0 27%,transparent 28%),linear-gradient(180deg,#ffedb1d1,#c1763aa8);box-shadow:0 5px #2b1810b8,inset 0 3px #ffffff47,inset 0 -10px 24px #56211233}.joystick-stick{position:absolute;left:50%;top:50%;width:46px;height:46px;border:3px solid rgba(30,22,16,.78);border-radius:50%;background:linear-gradient(180deg,#6ef272,#20a854);box-shadow:0 4px #205427a8,inset 0 2px #ffffff52;transform:translate(-50%,-50%);will-change:transform}.mobile-actions{display:grid;grid-template-columns:repeat(3,54px);gap:6px}.mobile-actions button{min-height:44px;font-size:.72rem}.verify-card{max-height:calc(100vh - 24px);overflow:auto}}