Миллиардер 💎 — RomaskevicH Alexander

[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8},"actionData","errors","root",{"_110":111,"_112":113},"routes/embed.x.$handle.$name.$",{"_9":10,"_11":12,"_13":14,"_15":16,"_17":18,"_19":20,"_21":-5},"handle","oromaskevic23","name","milliarder-game","path","frontend/root.tsx","project",{"_22":48,"_11":12,"_35":49,"_50":-5,"_51":44,"_52":53,"_54":53,"_55":56,"_57":-5,"_58":59,"_60":61,"_62":34,"_63":-5,"_64":-5,"_65":66,"_67":68,"_69":70,"_71":72,"_73":74,"_75":-5,"_76":77,"_78":77,"_79":80,"_81":80,"_82":80,"_83":77,"_84":77,"_85":86,"_87":88,"_89":90,"_91":44},"file",{"_22":23,"_11":24,"_25":26,"_27":28,"_29":30,"_31":32,"_33":34,"_35":36,"_37":38,"_39":40,"_41":42,"_43":44,"_45":-5,"_13":46},"permalink","https://www.val.town/x/oromaskevic23/milliarder-game/code/frontend/root.tsx","extension","id","d7e6c585-4ffa-45ee-b80f-c9dd621004b1","root.tsx","fileId","01a07db8-12e1-737f-8f4d-a24f08b8a845","parentId","01a07db8-12e1-737f-8f4d-a42120043cff","branchId","242054ff-3ca3-4962-9fd2-94e6539fc3eb","branchVersion",43,"latest",true,"createdAt",["D",1788862150870],"version",7,"fileType","script","content","/** @jsxImportSource npm:hono@4/jsx */\nimport {projectGraph} from \"../project_authorship.ts\";\nimport { raw } from \"npm:hono@4/html\";\nimport { immutableFileUrl } from \"https://esm.town/v/std/utils/index.ts\";\n\nimport { dubaiStyles } from \"./dubaiStyles.ts\";\n\nexport function Root(){\n const css=`\n*{box-sizing:border-box}html,body,#root{margin:0;min-height:100%;background:#05080d;color:#f4e8c7;font-family:Inter,system-ui,-apple-system,Segoe UI,sans-serif}button{font:inherit}.app{min-height:100vh;background:radial-gradient(circle at 70% 20%,#284b6e 0,#0b1724 35%,#05080d 78%);color:#f5e6bd}.menu{display:grid;place-items:center;position:relative;overflow:hidden;padding:24px}.skyline{position:absolute;inset:38% 0 0;background:linear-gradient(180deg,transparent,#04070a 65%),repeating-linear-gradient(90deg,transparent 0 4%,#142233 4% 7%,transparent 7% 10%);opacity:.72;clip-path:polygon(0 50%,4% 32%,9% 40%,13% 18%,17% 45%,23% 22%,29% 40%,34% 10%,39% 42%,44% 28%,50% 5%,54% 38%,60% 15%,66% 40%,72% 8%,77% 34%,82% 21%,87% 44%,92% 16%,100% 34%,100% 100%,0 100%)}.menuCard{position:relative;z-index:2;width:min(1080px,96vw);text-align:center;padding:48px 30px;border:1px solid #9b7835aa;background:#05080dcc;backdrop-filter:blur(8px);box-shadow:0 30px 100px #000}.crown{font-size:54px;color:#f7ca68;text-shadow:0 0 25px #d39a2f}.menu h1{font-size:clamp(48px,8vw,100px);margin:0;color:#f5c965;letter-spacing:-3px;text-shadow:0 2px #8a5d18,0 8px 25px #000}.tag{letter-spacing:.45em;font-weight:800}.sub{max-width:760px;margin:18px auto 30px;color:#e5d9ba;font-size:18px}.cityRow{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;margin:25px 0}.city{background:#111923;color:#d6c49a;border:1px solid #6f5830;padding:14px 8px;border-radius:8px;cursor:pointer}.city.active{border-color:#f6c85d;box-shadow:0 0 0 1px #f6c85d,0 0 28px #d79b2c44;color:#fff}.city small{display:block;opacity:.45;font-size:10px;margin-top:3px}.primary{background:linear-gradient(#f5d77f,#a46a13);color:#160e03;font-weight:900;border:0;border-radius:7px;padding:17px 32px;box-shadow:0 8px 30px #000;cursor:pointer}.principles{display:flex;gap:25px;flex-wrap:wrap;justify-content:center;margin-top:30px;font-size:11px;letter-spacing:.15em;color:#b9a77a}.game{display:flex;flex-direction:column}.game header{display:grid;grid-template-columns:1fr auto auto;gap:18px;align-items:center;padding:14px 22px;background:#05080ff2;border-bottom:1px solid #5b4727;position:sticky;top:0;z-index:20}.game header>div:first-child{display:flex;flex-direction:column}.game header b{color:#f5cb68}.game header small{color:#999}.hud{display:flex;gap:12px}.hud span{background:#111824;border:1px solid #3e3220;border-radius:6px;padding:8px 10px;font-size:12px}.game header button,.reset{background:#161d27;border:1px solid #6a532c;color:#ead7a3;border-radius:6px;padding:9px 12px;cursor:pointer}.world{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:0;min-height:calc(100vh - 94px)}.cityView{position:relative;overflow:hidden;min-height:690px;background:linear-gradient(#355d80 0,#df9d62 48%,#c56e38 59%,#07131d 60%);border-right:1px solid #44351f}.sun{position:absolute;width:85px;height:85px;border-radius:50%;background:#fff4bd;box-shadow:0 0 70px #ffd066;right:18%;top:13%}.tower{position:absolute;bottom:38%;background:linear-gradient(90deg,#172536,#31465b,#102030);box-shadow:0 0 0 1px #8f7a52 inset}.t1{width:90px;height:310px;left:20%}.t2{width:58px;height:390px;left:34%}.t3{width:110px;height:250px;left:48%}.t4{width:65px;height:350px;left:65%}.water{position:absolute;left:0;right:0;bottom:0;height:38%;background:linear-gradient(#1a4b62,#072533 70%,#06141d);clip-path:polygon(0 15%,20% 5%,36% 25%,51% 8%,73% 20%,100% 0,100% 100%,0 100%)}.avatar{position:absolute;font-size:34px;color:#f4ce72;text-shadow:0 0 25px #000;z-index:8;transform:translate(-50%,-50%);transition:left .08s linear,top .08s linear}.avatar.driving{font-size:46px;color:#77cfff}.npc{position:absolute;z-index:7;transform:translate(-50%,-50%);width:42px;height:42px;border-radius:50%;display:grid;place-items:center;background:#172434;border:2px solid #d3b36b;color:#f5d88f;box-shadow:0 4px 18px #000}.npc small{position:absolute;top:43px;white-space:nowrap;font-size:10px;color:#fff;text-shadow:0 1px 5px #000}.npc.needs{border-color:#8cdf9d;background:#163523}.npc.needs span{font-weight:900;color:#a7ffb7}.parkedCar{position:absolute;z-index:6;transform:translate(-50%,-50%);font-size:32px;color:#73cfff;text-shadow:0 0 16px #000}.parkedCar small{display:block;font-size:9px;color:#d3e7f3;white-space:nowrap}.districtLabel{position:absolute;top:20px;left:20px;font-size:24px;font-weight:900;letter-spacing:.08em;color:#f5d581;text-shadow:0 2px 8px #000}.poi{position:absolute;z-index:5;min-width:160px;background:#07101ddd;color:#f2ddb0;border:1px solid #e3b65388;border-radius:9px;padding:10px 12px;text-align:left;box-shadow:0 8px 25px #0007;cursor:pointer;transition:.2s}.poi:hover{transform:translateY(-3px);border-color:#ffd979}.poi i{font-style:normal;font-size:24px;margin-right:8px}.poi b{display:block}.poi small{display:block;color:#b9a67c}.p1{left:8%;top:55%}.p2{right:9%;top:50%}.p3{left:24%;bottom:8%}.p4{right:25%;bottom:8%}.p5{left:47%;top:40%}.good{border-color:#89d99a;background:#092116dd}aside{padding:24px;background:#080d13}aside h2{color:#f0c969;margin-top:0}aside h3{margin:24px 0 8px;font-size:13px;text-transform:uppercase;letter-spacing:.16em}.statgrid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.statgrid div{background:#111821;border:1px solid #302719;border-radius:8px;padding:12px}.statgrid b{display:block;font-size:25px}.statgrid span{color:#91866e;font-size:11px}.bar{height:10px;background:#20252b;border-radius:8px;overflow:hidden}.bar i{display:block;height:100%;background:linear-gradient(90deg,#9b6a1c,#f4d270)}aside p,aside li{color:#bcb29c;font-size:13px}aside ul{padding-left:20px}.done{color:#8cd39b;text-decoration:line-through}.notice{margin-top:18px;padding:14px;border-left:3px solid #d3a747;background:#10161d;color:#e8d9b6;font-size:13px}.reset{margin-top:15px;width:100%}.keys{opacity:.7}.controls{position:absolute;z-index:12;left:18px;bottom:18px;display:flex;gap:8px;align-items:end;background:#050a10bb;border:1px solid #806332;border-radius:12px;padding:8px;backdrop-filter:blur(5px)}.controls button{min-width:44px;min-height:44px;border-radius:7px;border:1px solid #7c6437;background:#111b26;color:#f2d693;font-weight:800;cursor:pointer}.controls>button{display:block;margin:0 auto 4px}.controls>div:not(.actions){display:flex;gap:4px}.controls .actions{display:flex;flex-direction:column;gap:4px;margin-left:5px}.controls .actions button{min-width:88px;font-size:11px}footer{padding:10px 18px;text-align:center;color:#746b59;background:#05080d;font-size:10px;letter-spacing:.08em}@media(max-width:850px){.cityRow{grid-template-columns:1fr 1fr}.world{grid-template-columns:1fr}.game header{grid-template-columns:1fr}.hud{overflow:auto}.cityView{min-height:620px}.poi{min-width:135px;font-size:11px}.p5{left:40%}aside{border-top:1px solid #4c3c23}}\n`;\n return <>{raw(\"\")}Миллиардер 💎 — RomaskevicH Alexander — Dubai Alpha