:root{font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#24344a;background:#f4f8ff;font-synthesis:none;--ink:#24344a;--muted:#64748b;--blue:#3b82f6;--blue2:#60a5fa;--yellow:#ffd84d;--coral:#ff6b5f;--green:#39c98a;--purple:#8b6cff;--red:#e74747;--card:#fff;--soft:#eef5ff;--line:#d9e6f5}*{box-sizing:border-box}html,body,#tik-app{margin:0;min-height:100%;background:#f4f8ff}button,input{font:inherit}.tik-shell{min-height:100vh;padding-bottom:92px;background:radial-gradient(circle at 12% 0%,#e6f5ff 0,transparent 30%),radial-gradient(circle at 90% 10%,#fff4c7 0,transparent 25%),#f4f8ff}.topbar{height:72px;position:sticky;top:0;z-index:50;display:flex;align-items:center;padding:0 max(16px,calc((100vw - 1080px)/2));gap:12px;background:#ffffffed;border-bottom:2px solid #dce8f5;backdrop-filter:blur(14px)}.brand{border:0;background:none;color:var(--ink);font-size:25px;font-weight:950;letter-spacing:1px}.brand-mark{display:inline-grid;place-items:center;width:36px;height:36px;margin-right:7px;border-radius:12px;background:var(--yellow);box-shadow:0 4px 0 #e9bf25;color:#25334b}.top-center{flex:1;text-align:center;display:flex;flex-direction:column;gap:2px;color:#51647d;font-size:11px;letter-spacing:1px;font-weight:900}.top-center small{color:#8aa0ba;font-size:8px;letter-spacing:1px}.danger-mini{border:0;background:#fff0ed;color:#d9433d;padding:10px 13px;border-radius:14px;font-size:10px;font-weight:900;box-shadow:0 3px 0 #f3c7c2}.content{max-width:1080px;margin:auto}.screen{padding:22px 18px}.home{padding-top:18px}.hero-city{position:relative;overflow:hidden;padding:28px 22px 22px;border:3px solid #b9d7f6;border-radius:28px;background:linear-gradient(145deg,#dff3ff,#fff7d8);box-shadow:0 10px 0 #c8dff4}.hero-city:before{content:"";position:absolute;inset:auto -10% -35%;height:65%;background:repeating-linear-gradient(150deg,#ffffff80 0 2px,transparent 2px 34px);transform:rotate(-5deg);opacity:.7}.scanline{display:none}.kicker,.entity-badge{position:relative;color:#55749b;font-size:10px;font-weight:950;letter-spacing:1.4px}.home h1{position:relative;font-size:72px;line-height:.85;margin:15px 0 10px;letter-spacing:2px;color:#2d4a72;text-shadow:0 5px 0 #fff}.home p{position:relative;color:#4d6683;max-width:650px;font-size:16px;line-height:1.45;font-weight:650}.home-search{position:relative;display:flex;margin-top:22px;background:#fff;border:2px solid #c8dcef;border-radius:18px;overflow:hidden;box-shadow:0 5px 0 #d7e5f4}.home-search span,.searchbox span{padding:0 13px;display:grid;place-items:center;color:#7190b0;font-size:22px}.home-search input,.searchbox input{min-width:0;flex:1;border:0;outline:0;background:none;color:var(--ink);padding:14px 0}.home-search input::placeholder,.searchbox input::placeholder{color:#9aabc0}.home-search button{border:0;background:var(--blue);color:white;padding:0 20px;font-size:11px;font-weight:950}.hero-stats{position:relative;display:flex;flex-wrap:wrap;gap:12px;margin-top:18px}.hero-stats span{padding:8px 11px;border-radius:12px;background:#ffffffaa;color:#58708c;font-size:9px;font-weight:850}.hero-stats b{color:#294b76;font-size:15px;margin-right:4px}.mission-list{display:grid;grid-template-columns:1fr;gap:12px;margin-top:20px}.mission{min-height:94px;position:relative;text-align:left;border:2px solid #d5e3f2;border-radius:22px;background:#fff;color:var(--ink);padding:14px 16px;display:grid;grid-template-columns:52px 1fr 28px;grid-template-rows:auto auto;gap:3px 10px;box-shadow:0 5px 0 #dce8f4;transition:.15s}.mission:hover,.district-card:hover,.entity-card:hover{transform:translateY(-2px);box-shadow:0 7px 0 #d4e2f1}.mission.featured{border-color:#a9d0fb;background:#eef7ff}.mission-no{color:#7395bb;font-size:10px;font-weight:950}.mission i{grid-column:1;grid-row:2;font-style:normal;font-size:28px}.mission strong{grid-column:2;grid-row:1;font-size:17px;letter-spacing:.2px}.mission small{grid-column:2;grid-row:2;color:#71859d;font-size:11px;line-height:1.35}.mission b{grid-column:3;grid-row:1/3;align-self:center;color:var(--blue);font-size:28px}.section-title,.entity-head{display:flex;justify-content:space-between;align-items:center;color:#59718e;font-size:10px;font-weight:950;letter-spacing:1px;margin-bottom:18px}.back,.star{border:0;background:#fff;color:#59718e;padding:9px 12px;border-radius:12px;font-size:10px;font-weight:950;box-shadow:0 3px 0 #d9e5f2}.star{font-size:24px;color:#f1b82d}.page-head h2,.entity-hero h2,.emergency-hero h2{font-size:38px;line-height:1.05;margin:8px 0;color:var(--ink)}.page-head p,.lead{color:#60758e;line-height:1.55;max-width:700px}.searchbox{display:flex;margin:18px 0 14px;border:2px solid #cfdeee;background:#fff;border-radius:16px;overflow:hidden}.searchbox kbd{display:grid;place-items:center;padding:0 12px;color:#8296ad;font-size:8px;border-left:1px solid #dce7f2}.district-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.district-card{border:2px solid #d5e3f2;border-radius:22px;background:#fff;color:var(--ink);text-align:left;padding:0;display:flex;min-height:145px;overflow:hidden;transition:.15s;box-shadow:0 5px 0 #dce8f4}.district-icon{width:78px;display:grid;place-items:center;background:#eaf5ff;color:#2f72c9;font-size:34px;border-right:2px solid #dceaf7}.district-card div{padding:16px;display:flex;flex-direction:column}.district-card em,.entity-card em{font-style:normal;color:#87a0ba;font-size:8px;letter-spacing:1px;font-weight:900}.district-card strong{font-size:19px;margin:7px 0 5px}.district-card small,.entity-card small{color:#71859b;font-size:10px;line-height:1.45}.district-card b,.entity-card b{margin-top:auto;color:#3b78c5;font-size:9px;letter-spacing:.5px}.entity-list{display:grid;gap:11px}.entity-card{display:flex;min-height:112px;text-align:left;border:2px solid #d5e3f2;border-radius:20px;background:#fff;color:var(--ink);padding:0;transition:.15s;overflow:hidden;box-shadow:0 4px 0 #dce8f4}.entity-thumb{width:110px;min-width:110px;background:linear-gradient(145deg,#dff2ff,#fff4c9);border-right:2px solid #d8e6f3;display:grid;place-items:center;color:#3979c5;font-size:34px;font-weight:950}.entity-thumb.favorite{color:#d9a81d;background:#fff5c9}.entity-thumb.danger{color:#d9433d;background:#ffe9e6}.entity-card>div:last-child{padding:14px;display:flex;flex-direction:column;flex:1}.entity-card strong{font-size:17px;margin:5px 0}.entity-screen{padding-bottom:145px}.entity-hero{display:grid;grid-template-columns:1fr 100px;gap:18px;border:2px solid #d5e3f2;border-radius:24px;background:#fff;padding:20px;box-shadow:0 5px 0 #dce8f4}.entity-main-image{width:100%;margin-top:15px;border-radius:18px;overflow:hidden;background:#edf6ff;border:2px solid #d6e7f7}.entity-main-image img{width:100%;height:250px;display:block;object-fit:cover}.entity-level{font-size:8px;letter-spacing:1px;color:#8095ac;text-align:right}.entity-level b{color:#2cab79;font-size:10px}.age-tabs{display:flex;gap:8px;margin:18px 0}.age-tabs button{flex:1;border:2px solid #d4e2f0;border-radius:14px;background:#fff;color:#647a92;padding:12px 8px;font-size:10px;font-weight:950}.age-tabs button.active{background:#3b82f6;color:#fff;border-color:#3b82f6;box-shadow:0 4px 0 #2e6fcf}.action-section{margin-top:20px}.section-ribbon{display:flex;gap:12px;align-items:center;margin-bottom:10px;padding:12px 14px;border-radius:16px;background:#eaf7f1;border:2px solid #cbeedd}.section-ribbon>span{display:grid;place-items:center;width:32px;height:32px;border-radius:10px;background:var(--green);color:white;font-size:11px;font-weight:950}.section-ribbon b{display:block;font-size:14px}.section-ribbon small{display:block;color:#5f7d72;font-size:9px;margin-top:2px}.action-card{display:grid;grid-template-columns:190px 1fr;border:2px solid #d5e3f2;border-radius:20px;background:#fff;margin-bottom:12px;overflow:hidden;box-shadow:0 4px 0 #dce8f4}.action-card img{width:100%;height:145px;object-fit:cover;display:block;background:#eef7ff}.action-copy{padding:15px}.action-copy>span{font-size:8px;color:#75a18f;font-weight:950;letter-spacing:1px}.action-copy h3{font-size:17px;margin:7px 0;color:var(--ink)}.action-copy p{color:#687e96;font-size:11px;line-height:1.55;margin:0}.dont .section-ribbon{background:#fff0ee;border-color:#ffd1cc}.dont .section-ribbon>span{background:var(--coral)}.dont .section-ribbon b{color:#d9473f}.dont .action-card{border-color:#f1d0cc}.dont .action-copy>span{color:#d95a51}.help-panel{margin-top:20px;border:2px solid #ddd5ff;background:#faf8ff;padding:16px;border-radius:22px;box-shadow:0 4px 0 #e5e0f8}.help-panel h3{font-size:19px;margin:5px 0 13px}.help-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.help-panel article{padding:12px 8px;border:2px solid #e6defd;border-radius:16px;background:#fff;text-align:center}.help-icon{font-size:27px}.help-panel article b{display:block;margin-top:4px}.help-panel article span{display:block;color:#7a8ca0;font-size:9px;line-height:1.35;margin-top:3px}.training{width:100%;border:2px solid #e2c96e;border-radius:20px;background:#fff8d9;color:#705a17;padding:15px;text-align:left;font-weight:950;margin-top:15px;box-shadow:0 4px 0 #e7d68d}.training span{float:right;font-size:22px}.emergency-hero{border:3px solid #ffc2bc;border-radius:26px;background:linear-gradient(145deg,#fff0ed,#fff8e4);padding:24px;box-shadow:0 6px 0 #f2d7c9}.emergency-hero p{color:#795f5d;max-width:650px}.emergency-call{width:100%;display:flex;align-items:center;gap:14px;text-align:left;border:0;border-radius:18px;background:#e74747;color:#fff;padding:17px;margin-top:20px;box-shadow:0 5px 0 #c83838}.emergency-call span{font-size:27px}.emergency-call div{display:flex;flex-direction:column;flex:1}.emergency-call b{font-size:13px}.emergency-call small{font-size:9px;opacity:.9;margin-top:4px}.emergency-call i{font-style:normal;font-size:25px}.emergency-fixed{position:fixed;z-index:60;left:50%;transform:translateX(-50%);bottom:82px;width:min(1040px,calc(100% - 24px));padding:15px 17px;border:0;border-radius:18px;background:#e74747;color:#fff;font-size:12px;font-weight:950;letter-spacing:.2px;box-shadow:0 6px 0 #c83838,0 12px 30px #7890a933}.emergency-fixed span{margin-right:8px}.emergency-fixed small{float:right;opacity:.8}.bottom{position:fixed;z-index:70;bottom:0;left:0;right:0;height:76px;background:#fffdf9f5;border-top:2px solid #dce7f2;display:flex;backdrop-filter:blur(16px)}.bottom button{flex:1;border:0;background:none;color:#7b8fa5}.bottom button.active{color:#3b82f6}.bottom b{display:block;font-size:20px}.bottom span{font-size:8px;font-weight:950}.state{min-height:70vh;display:grid;place-items:center;align-content:center;gap:8px;color:#60758e;text-align:center}.loading-radar{font-size:44px;color:#f2bd25;animation:pulse 1.2s infinite}.wide-btn{background:var(--blue);color:#fff;border:0;border-radius:14px;padding:13px 20px;font-weight:950}.progress-panel,.placeholder{border:2px solid #d5e3f2;border-radius:22px;background:#fff;padding:25px;box-shadow:0 5px 0 #dce8f4}.progress-number{font-size:64px;font-weight:950;color:#3b6ea9}.progress-number small{font-size:20px;color:#8296ad}.progress-panel h3{font-size:13px}.progress-panel p,.placeholder p{color:#71859b;font-size:11px;line-height:1.6}.progress-bar{height:12px;border-radius:99px;background:#e5eef7;margin-top:18px;overflow:hidden}.progress-bar i{display:block;height:100%;background:linear-gradient(90deg,#3b82f6,#39c98a);border-radius:99px}.empty{padding:40px;text-align:center;border:2px dashed #cbdceb;border-radius:18px;color:#70869f;font-size:10px;font-weight:900}@media(max-width:700px){.top-center{display:none}.home h1{font-size:58px}.district-grid{grid-template-columns:1fr}.mission{min-height:96px}.entity-hero{grid-template-columns:1fr}.entity-level{text-align:left}.entity-main-image img{height:210px}.help-grid{grid-template-columns:repeat(3,1fr)}.action-card{grid-template-columns:1fr}.action-card img{height:190px}.emergency-fixed{bottom:80px}.screen{padding:16px 12px}}