Миллиардер 💎 — Playable Build

[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8,"_9":10},"actionData","errors","root",{"_251":252,"_253":254},"routes/_app.x.$handle.$name",{"_101":100,"_32":46,"_110":91,"_27":111,"_13":14,"_112":-5,"_11":113,"_114":115,"_116":117,"_118":119,"_120":121,"_20":-5,"_122":-5,"_123":-5,"_124":25,"_125":126,"_127":60,"_128":-5,"_129":-5,"_130":131},"routes/_app.x.$handle.$name.branch.$branch.version.$version.diff",{"_11":12,"_13":14,"_15":16,"_17":-5,"_18":-5},"project",{"_44":45,"_32":46,"_39":47,"_48":-5,"_49":25,"_50":51,"_52":51,"_53":54,"_55":-5,"_18":56,"_57":58,"_59":60,"_61":-5,"_62":-5,"_63":64,"_65":66,"_67":68,"_69":70,"_71":72,"_73":-5,"_74":75,"_76":75,"_77":78,"_79":78,"_80":78,"_81":75,"_82":75,"_83":84,"_85":86,"_87":88,"_89":25},"version",6,"changes",[19],"aiChatInfo","userId",{"_20":21,"_22":23,"_24":25,"_26":25,"_27":28,"_29":28},"file",{"_30":31,"_32":33,"_34":35,"_36":38,"_39":40,"_41":14,"_42":43,"_24":25},"previous",{"_30":31,"_32":33,"_34":35,"_36":37},"deleted",false,"deletedHere","path","frontend/root.tsx","latestPath","fileId","01a07db8-12e1-737f-8f4d-a24f08b8a845","name","root.tsx","fileType","script","content","/** @jsxImportSource npm:hono@4/jsx */\nimport { raw } from \"npm:hono@4/html\";\nimport { immutableFileUrl } from \"https://esm.town/v/std/utils/index.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;left:44%;bottom:22%;font-size:46px;color:#f4ce72;text-shadow:0 0 25px #000;z-index:3}.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%}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(\"\")}Миллиардер 💎 — Playable Build

Diff · v6