:root{--navy:#052a49;--navy2:#073d67;--blue:#137ca8;--cyan:#29b8da;--pale:#eaf6fb;--ink:#153149;--muted:#8296a7;--line:#dceaf1;--bg:#f2f7fa;--white:#fff;--r:19px;--header:env(safe-area-inset-top,0px);font-family:Inter,"DM Sans",Arial,sans-serif}
*{box-sizing:border-box}body{margin:0;color:var(--ink);background:#ecf4f8}button,input,select,textarea{font:inherit}button{cursor:pointer;-webkit-tap-highlight-color:transparent}button:disabled{opacity:.45;cursor:default}h1,h2,h3,p{margin-top:0}.hidden{display:none!important}
#app{position:relative;width:100%;height:100vh;height:100dvh;overflow:hidden;background:var(--bg)}
#map{position:absolute;inset:0 0 0 0;z-index:1}#mapPane{position:absolute;inset:0;display:none}#mapPane.active{display:block}
#mapPane:after{content:"";position:absolute;z-index:420;pointer-events:none;inset:0 0 auto;height:215px;background:linear-gradient(180deg,rgba(2,30,52,.42),transparent)}
#arPane{position:absolute;inset:0;background:linear-gradient(135deg,#132f4a,#082d46);display:none;overflow:hidden}
#arPane.active{display:block}#arVideo{width:100%;height:100%;object-fit:cover}#arShade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(1,21,39,.44),transparent 42%,rgba(1,23,45,.65));pointer-events:none}#arMarkers{position:absolute;inset:200px 0 150px;pointer-events:none;overflow:hidden}.ar-tag{pointer-events:auto;position:absolute;width:175px;max-width:48vw;background:rgba(242,250,255,.89);backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.9);border-radius:17px;padding:13px;text-align:left;color:var(--navy);box-shadow:0 6px 30px #082f4b40}.ar-tag small{display:block;color:var(--blue);margin-top:4px}.ar-tag b{font-size:13px}
.ar-radar{position:absolute;left:18px;bottom:calc(108px + env(safe-area-inset-bottom));right:18px;border:1px solid #ffffff66;border-radius:21px;padding:13px 17px;background:#0c355aa8;backdrop-filter:blur(16px);color:white;z-index:4}.ar-radar input{width:100%;accent-color:var(--cyan)}.ar-radar .row{justify-content:space-between;font-size:12px}
#screens{position:absolute;inset:0 0 calc(75px + env(safe-area-inset-bottom)) 0;overflow:auto;background:var(--bg);display:none;padding:calc(166px + env(safe-area-inset-top)) 16px 25px;scrollbar-width:none}
#screens.active{display:block}
.top{position:absolute;left:0;right:0;top:0;z-index:510;padding:calc(12px + env(safe-area-inset-top)) 15px 11px;pointer-events:none}
.top>*{pointer-events:auto}.brandrow,.searchrow,.row{display:flex;align-items:center;gap:10px}.brandrow{justify-content:space-between;margin-bottom:12px}.brand{display:flex;align-items:center;gap:10px;border:0;background:transparent;color:white;padding:0;text-shadow:0 1px 8px #00243b5e;text-align:left}.brand.dark{color:var(--navy);text-shadow:none}
.logo{width:45px;height:45px;border-radius:13px;background:linear-gradient(132deg,#075078,#052546 58%,#16a0b7);box-shadow:inset 0 1px 3px #ffffff5e,0 7px 14px #043c572e;display:grid;place-items:center;color:#fff;font-weight:800;font-size:26px;letter-spacing:-2px;flex-shrink:0}.brand b{letter-spacing:.15px;font-size:17px}.brand small{font-size:9px;letter-spacing:1.4px;display:block;opacity:.82;margin-top:2px}
.circle{height:44px;width:44px;min-width:44px;border:1px solid #ffffffbd;border-radius:15px;background:#ffffffef;box-shadow:0 2px 12px #122d4320;color:var(--blue);display:grid;place-items:center;font-size:21px;line-height:1}
.circle.ghost{background:#eef8fbdd}.circle.active{background:var(--cyan);color:white}.searchrow .searchbox{display:flex;align-items:center;flex:1;border:1px solid #e1ebf2;background:white;border-radius:17px;height:49px;padding:0 14px;gap:9px;box-shadow:0 6px 24px #102d4223;min-width:0;color:#197ea0}
.searchbox input{border:0;outline:0;background:none;width:100%;min-width:0;color:var(--ink);font-size:13px}
.filterbar{display:flex;gap:8px;overflow-x:auto;scrollbar-width:none;padding:12px 0 2px}.filterbar::-webkit-scrollbar{display:none}
.chip{border:1px solid #d4e5ed;background:#ffffffee;color:var(--ink);white-space:nowrap;border-radius:27px;padding:9px 14px;font-size:12px;font-weight:700;box-shadow:0 3px 9px #112e4014}.chip.selected{background:linear-gradient(115deg,#087ba8,#18aace);color:white;border-color:transparent}
#mapControls{position:absolute;right:13px;top:calc(235px + env(safe-area-inset-top));z-index:480;display:flex;flex-direction:column;gap:9px}.mapzoom{font-size:12px;color:var(--navy)}.mapbadge{position:absolute;bottom:calc(95px + env(safe-area-inset-bottom));left:14px;z-index:470;background:#fffffff0;border:1px solid #e0edf3;border-radius:15px;padding:11px 13px;box-shadow:0 6px 22px #1a49661f;font-size:11px;max-width:76%}.mapbadge b{color:var(--navy);font-size:13px;display:block}
#bottomNav{position:absolute;z-index:520;bottom:0;left:0;right:0;background:#fff;padding:8px 10px calc(7px + env(safe-area-inset-bottom));border-top:1px solid #dcecf3;display:flex;justify-content:space-around;box-shadow:0 -4px 20px #0834521a}
.nav{min-width:50px;border:0;background:transparent;color:#8c9dab;display:flex;flex-direction:column;align-items:center;gap:3px;padding:7px 6px 4px;font-size:10px;font-weight:700}
.nav .ico{font-size:22px;line-height:1.2}.nav.on{color:var(--blue)}.nav.on .ico{transform:translateY(-1px)}
.sectionHead{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}.sectionHead h2{font-size:23px;margin:0;font-weight:800;letter-spacing:-.75px}.sub{font-size:12px;color:var(--muted);margin-top:4px}
.action{border:0;border-radius:14px;background:var(--navy);color:white;padding:11px 15px;font-weight:700;font-size:12px;box-shadow:0 5px 12px #0a38551a}.action.pale{background:#e3f4fa;color:var(--blue);box-shadow:none}.action.wide{width:100%}.action:active{transform:scale(.99)}
.cardlist{display:flex;flex-direction:column;gap:12px;padding:4px 0 20px}
.bizcard{border:1px solid #d9e9f1;border-radius:20px;background:white;box-shadow:0 7px 20px #0d426010;overflow:hidden;cursor:pointer}
.biz-top{padding:15px;display:flex;gap:12px;align-items:center}.avatar{width:56px;height:56px;border-radius:14px;flex-shrink:0;background:linear-gradient(135deg,#0d6690,#1ca9c4);color:#fff;display:grid;place-items:center;font-size:18px;font-weight:800;overflow:hidden}.avatar img{width:100%;height:100%;object-fit:cover}.bizname{font-size:15px;font-weight:800;color:var(--navy);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.bizrole{font-size:12px;color:#5d788d;margin-top:4px}.bizcomp{font-size:11px;color:#96a7b5;margin-top:3px}.bizbody{min-width:0;flex:1}.bizcover{height:128px;background:linear-gradient(124deg,#052b4d,#096087 57%,#2bb9d2);position:relative;overflow:hidden;padding:15px;color:white;display:flex;justify-content:space-between;align-items:flex-end}.bizcover:after{content:"";position:absolute;width:180px;height:180px;right:-65px;top:-80px;border:1px solid #ffffff35;border-radius:50%;box-shadow:0 0 0 27px #ffffff10,0 0 0 55px #ffffff09}.bizcover img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;background:#fff}.bizcover .covertext{z-index:1;position:relative}.bizcover .covertext b{display:block;max-width:260px;font-size:23px;line-height:1.1;margin-bottom:8px}.bizcover .covertext span{font-size:11px;opacity:.8}.bizfoot{display:flex;align-items:center;gap:7px;justify-content:space-between;padding:10px 14px;border-top:1px solid #e8f1f5}.pill{background:#e6f5fa;color:#1586ae;padding:6px 9px;border-radius:8px;font-size:10px;font-weight:750}.minor{color:#89a0ae;font-size:10px}.heart{border:0;background:none;font-size:24px;color:#acc0ce}.heart.on{color:#ed6486}.icons{display:flex;gap:5px}
.foldergrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:15px 0}.folder{border:1px solid #d9e9f1;background:white;border-radius:20px;padding:16px;text-align:left;min-height:132px;position:relative}.folder .ficon{width:43px;height:43px;background:#e5f5fa;color:#0c85ac;border-radius:14px;display:grid;place-items:center;font-size:22px;margin-bottom:13px}.folder b{display:block;font-size:15px;color:var(--navy);margin-bottom:4px}.folder small{font-size:11px;color:var(--muted)}.folder.selected{border:2px solid var(--cyan);padding:15px}.folder .fcount{position:absolute;right:15px;top:17px;font-size:11px;color:var(--blue);font-weight:800}
.empty{text-align:center;background:#ffffffba;border:1px dashed #cde3ed;border-radius:22px;padding:35px 18px;color:var(--muted);line-height:1.6}.empty i{font-style:normal;font-size:38px;display:block;margin-bottom:10px}.empty b{display:block;color:var(--ink);font-size:15px}
.sheet{position:absolute;inset:0;z-index:650;background:#061e35aa;display:none;align-items:flex-end;justify-content:center}.sheet.open{display:flex}.panel{background:#f9fcfe;border-radius:25px 25px 0 0;width:100%;max-width:680px;max-height:91dvh;overflow:auto;padding:13px 20px calc(25px + env(safe-area-inset-bottom));box-shadow:0 -10px 50px #041b3955}
.handle{height:4px;width:49px;border-radius:8px;background:#b6c9d4;margin:0 auto 18px}
.panel-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:15px}.panel-head h2{font-size:20px;margin:0}.field{display:flex;flex-direction:column;gap:6px;margin:0 0 11px;font-size:12px;font-weight:750;color:#567086}.field input,.field select,.field textarea{width:100%;border:1px solid #d3e5ee;background:white;color:var(--ink);border-radius:12px;padding:12px 13px;outline:none;font-size:14px}.field textarea{min-height:70px;resize:vertical}.field input:focus,.field select:focus{border-color:#21a8ce;box-shadow:0 0 0 3px #26aace18}.fields2{display:grid;grid-template-columns:1fr 1fr;gap:11px}.panelActions{display:flex;gap:8px;margin-top:13px}.panelActions .action{flex:1}.pictureUpload{border:1px dashed #aacddd;background:#e9f8fc;color:#167ea2;padding:14px;border-radius:15px;display:flex;align-items:center;gap:10px;margin:0 0 15px;font-size:12px}.pictureUpload input{max-width:100%;font-size:11px}
.smalltxt{font-size:11px;color:#8199a9;line-height:1.6}.detailhero{border-radius:20px;overflow:hidden;margin-bottom:15px}.detailhero .bizcover{height:175px}.detailhero .bizcover .covertext b{font-size:30px}.detailname{font-size:22px;font-weight:800;color:var(--navy);margin:8px 0 3px}.detailmeta{font-size:13px;color:#648297;margin-bottom:13px}.quickactions{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-bottom:16px}.quickactions button{display:flex;align-items:center;flex-direction:column;gap:7px;background:#e8f5fa;border:0;border-radius:15px;color:#137fa5;padding:13px 2px;font-weight:750;font-size:11px}.quickactions .ico{font-size:20px}.infoitem{display:flex;gap:12px;border-bottom:1px solid #e5f0f5;padding:12px 1px;align-items:flex-start}.infoitem .ii{font-size:18px;color:#0fa0c2;min-width:24px}.infoitem b{font-size:12px}.infoitem span{display:block;margin-top:3px;color:#6c899b;font-size:12px;overflow-wrap:anywhere}.infoitem a{color:#0b86ab;text-decoration:none}
.qrwrap{display:flex;justify-content:center;padding:19px;background:white;border-radius:17px;border:1px solid #e7f0f5;margin-bottom:9px}#qr img{display:block}
.notice{padding:10px 13px;background:#e4f4f9;border-radius:11px;color:#3d7c92;font-size:11px;margin:10px 0;line-height:1.6}
#toast{position:absolute;left:50%;transform:translateX(-50%);bottom:calc(86px + env(safe-area-inset-bottom));max-width:90vw;z-index:900;border-radius:13px;background:#062f4bee;color:white;box-shadow:0 7px 26px #0d345944;padding:12px 18px;font-size:12px;display:none;text-align:center}
#toast.show{display:block}
#arStart{position:absolute;left:20px;top:46%;right:20px;z-index:3;text-align:center;color:white;background:#08283fc7;padding:20px;border-radius:19px;backdrop-filter:blur(12px)}#arStart p{font-size:12px;line-height:1.7;opacity:.8}
#drawer{position:absolute;inset:0;z-index:700;background:#001d3570;display:none}#drawer.open{display:block}#drawerBody{background:#f9fcfe;width:min(82%,330px);height:100%;padding:calc(42px + env(safe-area-inset-top)) 20px 35px;box-shadow:10px 0 35px #001a3830;overflow-y:auto}#drawerBody .brand{color:var(--navy);text-shadow:none;margin-bottom:30px}#drawerBody .brand b{font-size:20px}.menuitem{border:0;border-bottom:1px solid #e1edf3;width:100%;text-align:left;background:transparent;padding:16px 3px;color:var(--ink);font-weight:600;display:flex;justify-content:space-between}
.demo{font-size:9px;letter-spacing:1px;font-weight:800;border:1px solid #b4d5e4;padding:4px 7px;border-radius:6px;color:#3d8cad}
#categorySelect{width:100%}.layerseg{display:flex;gap:7px;margin:10px 0}.layerseg button{flex:1}
.leaflet-control-attribution{font-size:8px!important}
[dir=rtl] .field,[dir=rtl] .folder,[dir=rtl] .menuitem,[dir=rtl] .ar-tag,[dir=rtl] .brand,[dir=rtl] .bizcard{text-align:right}
@media(min-width:750px){#app{max-width:540px;margin:auto;box-shadow:0 0 0 1px #dcebf4,0 0 70px #0c385b29}.panel{max-width:540px}.top{padding-left:17px;padding-right:17px}}
@media(max-width:350px){.brand b{font-size:14px}.brand small{font-size:8px}.top{padding-left:10px;padding-right:10px}.fields2{grid-template-columns:1fr}}

/* Ai B-CARD 2026 — focused mobile usability upgrade */
#mapPane.active,#arPane.active{width:100%;height:100%}
#mapControls{top:calc(215px + env(safe-area-inset-top));right:11px;gap:8px}
#mapControls .circle{width:47px;height:47px;font-size:20px;box-shadow:0 4px 14px #001e3540}
#mapLayerSwitcher{display:flex;flex-direction:column;gap:5px;background:#fffffff2;border-radius:15px;padding:5px;border:1px solid #d8edf5}
#mapLayerSwitcher button{padding:8px 5px;min-width:72px;background:transparent;color:#44738b;border:none;border-radius:10px;font-size:11px;font-weight:800;white-space:nowrap}
#mapLayerSwitcher button.selected{background:var(--navy);color:#fff}
#mapControls .maptool-label{font-size:10px;font-weight:800;display:block}
#mapControls .maptool-icon{font-size:20px;line-height:18px;display:block}
#mapStats{max-width:80%;font-size:10px;padding:9px 12px}
#arControls{position:absolute;z-index:11;right:12px;top:calc(225px + env(safe-area-inset-top));display:flex;flex-direction:column;gap:9px}
#arControls .circle{box-shadow:0 4px 15px #01223a6b}
#arOverview{position:absolute;left:14px;right:14px;bottom:calc(222px + env(safe-area-inset-bottom));z-index:8;display:flex;gap:7px;overflow-x:auto;scrollbar-width:none;pointer-events:auto}
#arOverview .ar-mini{min-width:142px;max-width:164px;border:1px solid #ffffffa0;border-radius:12px;background:#eefaffdb;color:#143854;padding:10px;text-align:left;backdrop-filter:blur(9px);box-shadow:0 6px 16px #001e3945}
#arOverview .ar-mini b{font-size:12px;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#arOverview .ar-mini small{font-size:10px;display:block;opacity:.85;margin-top:5px}
#arOverview .empty-mini{background:#092f49c9;color:#fff;padding:12px 14px;border-radius:14px;font-size:11px}
#arStart{top:36%;right:28px;left:28px}
#arStart button{padding:12px 18px;background:#1189b8}
#arMarkers .ar-tag{background:#f1fbfff0;max-width:220px;min-width:170px;border-radius:13px;border:1px solid #fff;box-shadow:0 8px 28px #022d5177;padding:10px 12px}
#arMarkers .ar-tag small{line-height:1.5}
.ar-radar{bottom:calc(84px + env(safe-area-inset-bottom));padding:12px 14px;border-radius:15px}
#app.ar-full #top,#app.ar-full #bottomNav{display:none!important}
#app.ar-full #arControls{top:calc(22px + env(safe-area-inset-top))}
#app.ar-full .ar-radar{bottom:calc(18px + env(safe-area-inset-bottom))}
#app.ar-full #arOverview{bottom:calc(147px + env(safe-area-inset-bottom))}
#app.ar-full #arMarkers{inset:85px 0 165px}
#app.map-full #mapControls{top:calc(35px + env(safe-area-inset-top))}
#arHud{color:#fff;font-size:11px;font-weight:700;background:#062d49bb;padding:9px 12px;border-radius:12px;max-width:225px;position:absolute;top:calc(175px + env(safe-area-inset-top));left:14px;z-index:9}
.bc-fullcard{position:relative;width:100%;aspect-ratio:1.76;border-radius:13px;overflow:hidden;margin:0;background:linear-gradient(118deg,#081f38,#077a9c);color:#fff;box-shadow:0 6px 20px #07243f21;isolation:isolate;display:flex;flex-direction:column;justify-content:space-between;padding:16px 18px 14px}
.bc-fullcard:before{content:"";position:absolute;z-index:-1;width:65%;aspect-ratio:1;right:-12%;top:-70%;border:45px solid #ffffff12;border-radius:50%;pointer-events:none}
.bc-fullcard:after{content:"";position:absolute;z-index:-1;left:-35%;width:90%;height:90%;bottom:-85%;background:#ffffff0d;transform:rotate(-20deg);border-radius:25%;pointer-events:none}
.bc-fullcard.theme-0{background:linear-gradient(120deg,#081f3b,#075477 66%,#09a6ba)}
.bc-fullcard.theme-1{background:linear-gradient(115deg,#f9fcff 60%,#d8eff9);color:#0c3953;border:1px solid #badce8}
.bc-fullcard.theme-2{background:linear-gradient(110deg,#092b4e 48%,#13acd0);color:#fff}
.bc-fullcard.theme-3{background:linear-gradient(160deg,#09243f 0%,#0a486a 80%);color:#fff}
.bc-fullcard.theme-4{background:linear-gradient(140deg,#eaf7fa,#fff 65%,#e1f2fa);color:#173c56;border:1px solid #c2dce8}
.bc-fullcard.theme-5{background:linear-gradient(128deg,#071b32,#123e65 58%,#1c75a1)}
.bc-fullcard.theme-6{background:linear-gradient(110deg,#075b7e,#2bbdd0 70%);color:#fff}
.bc-fullcard.theme-7{background:linear-gradient(120deg,#0c3854 45%,#edf7fa 45%);color:#0a354e}
.bc-fullcard.theme-7 .bc-head{color:#fff}
.bc-head{display:flex;justify-content:space-between;align-items:center;gap:14px;font-size:11px;font-weight:800;letter-spacing:.15px;line-height:1.2}
.bc-symbol{font-size:15px;font-weight:900;letter-spacing:-1px;display:inline-grid;place-items:center;border:1px solid currentColor;width:37px;height:37px;border-radius:10px;opacity:.9;flex-shrink:0}
.bc-ident{margin-top:auto;padding:13px 0 2px;line-height:1.2;max-width:85%}
.bc-ident b{display:block;font-size:clamp(16px,4.2vw,24px);line-height:1.1;letter-spacing:-.03em;margin-bottom:6px;font-weight:800}
.bc-ident span{display:block;font-size:clamp(10px,2.5vw,13px);opacity:.82}
.bc-contact-preview{font-size:clamp(9px,2.1vw,11px);line-height:1.5;opacity:.86;margin-top:10px;display:flex;align-items:center;flex-wrap:wrap;gap:5px 12px}
.bc-cardphoto{position:absolute;inset:0;background:white;width:100%;height:100%;object-fit:contain;z-index:2}
.bc-contact-icons{display:flex;align-items:center;gap:7px;flex-wrap:wrap;margin:10px 0 0;padding:0 12px 12px}
.bc-ico-btn{border:1px solid #d9e8ef;background:#f4faff;color:#117e9f;border-radius:11px;width:37px;height:37px;display:grid;place-items:center;flex-shrink:0}
.bc-ico-btn svg{width:19px;height:19px}
.bc-ico-btn.bc-wa{background:#e6faec;color:#0b9a54;border-color:#cef0dc}
.bc-ico-btn.bc-disabled{opacity:.55}
.bc-ico-btn.bc-fav{margin-left:auto;color:#9dacc2}
.bc-ico-btn.bc-fav.on{color:#f46888}
.bc-label{font-size:10px;font-weight:750;color:#64869c;margin:0 13px 7px}
.bc-tile{padding:10px 10px 0;background:white;border-radius:19px;border:1px solid #d7e8f1;box-shadow:0 6px 19px #0e416411;overflow:hidden;cursor:pointer}
.bc-tile .bc-fullcard{border-radius:13px;cursor:pointer}
.bc-tile-foot{padding:9px 3px 2px;display:flex;align-items:center;gap:7px;justify-content:space-between}
.bc-tile-foot .bc-cat{font-size:10px;font-weight:800;color:#117da6;max-width:45%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.bc-tile-foot .bc-dist{font-size:10px;color:#859eae}
.bc-tile-foot .bc-demo{font-size:9px;color:#7b9cb1;background:#eaf4f8;border-radius:6px;padding:5px 7px;font-weight:700}
.bc-cardlist{display:flex;flex-direction:column;gap:13px}
.bc-detail-actions{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin:14px 0}
.bc-detail-actions .bc-bigbtn{border:1px solid #cfe4ed;background:#eaf7fc;color:#127ca5;border-radius:13px;min-height:58px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;font-size:11px;font-weight:700}
.bc-bigbtn svg{width:21px;height:21px}
.bc-detail-actions .bc-bigbtn.bc-wa{background:#e1f8eb;color:#0e975a}
#cardsMore{margin:5px auto 20px;display:block}
#locationGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:14px}
#locationGrid button{background:#e8f5fa;border:1px solid #d1e8ef;border-radius:11px;padding:11px;color:#0d5877;font-size:12px;font-weight:700;text-align:left}
#cardsTotal{font-weight:700;color:#0c84a7}

/* BC-CARD v5: true edge-to-edge splash, full-screen radar/map and high-quality visual cards */
#bc-splash{position:fixed!important;top:0!important;left:0!important;right:0!important;bottom:0!important;width:100vw!important;height:100vh!important;height:100dvh!important;min-height:-webkit-fill-available!important;z-index:999999!important;display:flex!important;flex-direction:column;justify-content:center!important;align-items:center!important;background:radial-gradient(ellipse at 96% 12%,#106a85 0%,transparent 49%),radial-gradient(ellipse at 0% 100%,#04172a,transparent 60%),linear-gradient(142deg,#061e39,#052f4c 65%,#071a32)!important;animation:bc-splash-out .6s ease 3.15s forwards!important}
#bc-splash:after{content:"BUSINESS CARDS · WORLDWIDE";position:absolute;bottom:calc(55px + env(safe-area-inset-bottom,0px));font:600 10px Inter,Arial,sans-serif;color:#bbdce7;letter-spacing:3px;text-align:center}
#bc-splash:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 0%,#ffffff04 43%,transparent 65%);pointer-events:none}
#bc-splash .bc-inner{width:min(92vw,550px)!important;padding:0 8px;gap:clamp(12px,4vw,30px)!important;transform:translateY(-20px)}
#bc-splash .bc-mark{width:clamp(96px,30vw,180px)!important;font-size:clamp(62px,20vw,126px)!important}
#bc-splash .bc-word{font-size:clamp(27px,8.6vw,57px)!important}
#bc-splash .bc-word small{font-size:clamp(6px,1.35vw,10px)!important;letter-spacing:.14em!important}
#app.map-full,#app.ar-full{max-width:none!important;width:100vw!important;height:100dvh!important;position:fixed!important;inset:0!important}
#app.map-full #mapPane,#app.ar-full #arPane{position:fixed!important;inset:0!important;width:100vw!important;height:100dvh!important;z-index:200}
#app.ar-full #arControls{z-index:550;top:calc(20px + env(safe-area-inset-top,0px));right:14px}
#app.map-full #mapControls{top:calc(20px + env(safe-area-inset-top,0px))!important;z-index:550}
#app.ar-full #arMarkers{top:calc(95px + env(safe-area-inset-top,0px));bottom:190px}
#app.ar-full #arHud{top:calc(20px + env(safe-area-inset-top,0px));left:15px;max-width:55%;z-index:555}
#app.ar-full #arOverview{bottom:calc(139px + env(safe-area-inset-bottom,0px))}
#app.ar-full .ar-radar{bottom:calc(13px + env(safe-area-inset-bottom,0px))}
#arPane{isolation:isolate;background:linear-gradient(160deg,#03192d,#0d3a54 52%,#03192d)}
#arVideo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:0}
#arShade{z-index:1;pointer-events:none;background:linear-gradient(180deg,rgba(2,17,32,.52),transparent 30%,transparent 60%,rgba(1,24,42,.66))}
#arMarkers{z-index:5!important;position:absolute;inset:calc(195px + env(safe-area-inset-top,0px)) 0 calc(220px + env(safe-area-inset-bottom,0px))!important;overflow:hidden;pointer-events:none}
#arMarkers .bc-arCard{width:clamp(170px,43vw,230px);height:auto;aspect-ratio:1.75;display:block;position:absolute;overflow:hidden;border-radius:10px;border:2px solid #fff;box-shadow:0 6px 28px #000b26ba;background:#fff;pointer-events:auto;transition:transform .25s ease-out,opacity .2s;cursor:pointer;padding:0}
#arMarkers .bc-arCard img{display:block;width:100%;height:100%;object-fit:cover}
#arMarkers .bc-arCard::after{content:"";position:absolute;inset:0;box-shadow:inset 0 0 0 1px #ffffff22;pointer-events:none}
#arOverview{z-index:10;bottom:calc(240px + env(safe-area-inset-bottom,0px));gap:9px}
#arOverview button.ar-mini{min-width:170px;max-width:170px;height:110px;padding:0;overflow:hidden;background:#fff;border-radius:11px;position:relative}
#arOverview button.ar-mini img{width:100%;height:100%;object-fit:cover;display:block}
#arOverview button.ar-mini span{position:absolute;right:5px;bottom:5px;background:#08314fd7;border-radius:5px;padding:3px 6px;color:#fff;font-size:10px}
#arStart{z-index:12!important;top:31%!important;left:9%!important;right:9%!important;padding:17px 19px!important;background:#072c49dd!important}
#arStart h3{font-size:16px}
#arStart p{font-size:11px}
#arHud{font-size:10px;line-height:1.45}
.ar-radar{z-index:15!important;bottom:calc(91px + env(safe-area-inset-bottom,0px));padding:11px 13px!important}
#bc-direction-controls{display:flex;align-items:center;gap:10px;margin-top:7px}
#bc-direction-controls button{height:30px;width:33px;border:1px solid #a1d5e88c;color:#fff;border-radius:8px;background:#ffffff18;font-size:17px;flex-shrink:0}
#bc-direction-controls input{width:100%;accent-color:#2ab6d5;min-width:0}
#bc-arStatus{position:absolute;right:12px;top:calc(176px + env(safe-area-inset-top,0px));z-index:12;background:#062e48e6;color:white;padding:8px 10px;border:1px solid #ffffff3d;border-radius:10px;max-width:54%;font-size:10px;line-height:1.45}
#bc-arStatus.hidden{display:none}
#bc-arMode{color:#d8f6ff;font-size:10px;margin-top:5px}
#bc-location-preview{height:clamp(240px,36dvh,430px);min-height:240px;border-radius:14px;overflow:hidden;border:1px solid #b9dce9;background:#d8eaf4}
#bc-loc-actions{display:flex;gap:7px;margin:9px 0}
#bc-loc-actions .action{flex:1}
#bc-current-preview{background:#eaf7fc;border:1px solid #d1e7ef;border-radius:11px;padding:10px;font-size:12px;margin:10px 0;color:#35657d}
#bc-cardlist-label{display:block;font-size:11px;color:#4e7991;margin-bottom:11px}
.bc-visualcard{width:100%;height:auto;aspect-ratio:1.75;display:block;border-radius:11px;object-fit:cover;background:#fff;box-shadow:0 2px 8px #08283b1d}
.bc-tile .bc-visualcard{border-radius:11px}
.bc-tile{padding:10px 10px 0}
.bc-tile-foot{padding-top:9px}
.bc-personName{font-weight:700;font-size:12px;color:#163c57;margin:9px 4px 2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#bc-detailCard .bc-visualcard{border-radius:14px;box-shadow:0 7px 23px #04223a22}
.bc-contactMain{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin:16px 0}
.bc-contactMain button{height:84px;border-radius:15px;border:1px solid #bfdce8;background:#eef8fc;color:#067ea4;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;font-weight:750;font-size:12px}
.bc-contactMain button svg{width:32px!important;height:32px!important;stroke-width:1.8}
.bc-contactMain button:nth-child(2){background:#e0f8ea;border-color:#b4eccc;color:#119853}
.bc-contactMain button:nth-child(3){background:#e8f2ff;border-color:#cbdaf3;color:#126ec3}
.bc-contactMain button:nth-child(4){background:#ecf6ff}
.bc-contactMain button:nth-child(5){background:#e7effe;color:#1657ae}
.bc-contactMain button:nth-child(6){background:#f4edff;color:#7d48a1}
.bc-contactMain button:active{transform:scale(.97)}
#sheet .panel{max-height:97dvh;overflow-x:hidden;padding-top:12px}
#sheet .panel-head{position:sticky;top:-12px;z-index:2;background:#f9fcfe;padding:5px 0 10px;border-bottom:1px solid #dbeaf2}
#sheet .panel-head .circle{width:45px;height:45px;border-radius:50%;font-size:26px}
#sheet .panel-head h2{font-size:17px}
.bc-folderhead{display:flex;align-items:center;gap:11px;margin-bottom:15px}
.bc-back{width:43px;height:43px;background:#e8f5fb;color:#147ea5;border:0;border-radius:12px;font-size:25px}
.bc-folderview .bc-cardlist{display:flex;flex-direction:column;gap:13px}
.bc-folderview h2{font-size:20px;margin:0}
.bc-folder-c{font-size:12px;color:#7c97a5;margin-top:4px}
.bc-wallet-folder{cursor:pointer;box-shadow:0 2px 10px #062e4a1b}
.bc-wallet-folder .ficon{font-size:24px}
.bc-wallet-folder:active{transform:scale(.98)}
#cardsMore{margin-top:18px}

/* Splash matches working Ai CARD's edge-to-edge staging. Native Safari browser chrome is controlled by OS. */
html,body{min-height:100%;margin:0;width:100%;background:#052a49!important;overscroll-behavior:none}
html{overflow:hidden}
#bc-splash{inset:0!important;top:0!important;left:0!important;position:fixed!important;width:100%!important;height:100%!important;height:100dvh!important;z-index:2147483646!important;display:grid!important;place-items:center!important;box-sizing:border-box!important;padding:calc(env(safe-area-inset-top,0px) + 18px) 20px calc(env(safe-area-inset-bottom,0px) + 18px)!important;isolation:isolate!important;overflow:hidden!important;max-width:none!important;max-height:none!important;background:#052a49!important}
#bc-splash:before{content:"";position:absolute;inset:-25%;pointer-events:none;background:radial-gradient(ellipse 43% 41% at 50% 46%,rgba(44,145,178,.27),transparent 75%);opacity:.85}
#bc-splash .bc-inner{position:relative;z-index:1;width:100%!important;max-width:620px!important;display:flex;align-items:center;justify-content:center}
#bc-splash .bc-word{white-space:nowrap}
#bc-splash .bc-word small{letter-spacing:.10em!important}
#app{background:#eff6fa}
#mapPane #map{background:#d4e0e9}
.bc-map-help{font-size:10px;color:#648093}
#mapPane.active #map{height:100dvh}
#app.map-full #mapPane,#app.ar-full #arPane{width:100vw!important;max-width:none!important;inset:0!important}
#arControls .bc-retry{font-size:19px}
@media(min-width:750px){#app:not(.map-full):not(.ar-full){max-width:540px}}

.bc-count{width:43px;height:43px;display:grid;place-items:center;border:3px solid #fff;border-radius:50%;font:800 14px Inter,Arial,sans-serif;background:linear-gradient(135deg,#0886aa,#073e68);color:white;box-shadow:0 3px 15px #062f5b66}
.bc-count.big{width:52px;height:52px;font-size:17px;background:linear-gradient(125deg,#03658e,#03324d)}
.bc-pin{width:29px;height:29px;display:grid;place-items:center;border:2px solid #fff;border-radius:50%;font-size:15px;background:#0c81a7;color:#fff;box-shadow:0 3px 14px #052e5088}
#bc-splash{width:100vw!important;height:100dvh!important;max-width:none!important;min-height:-webkit-fill-available;inset:0!important;z-index:2147483647!important;margin:0!important;padding:0!important;position:fixed!important}
#app.ar-full #arPane,#app.map-full #mapPane{width:100vw!important;height:100dvh!important;max-width:none!important}
#app.ar-full #arControls{z-index:525!important}
#app.map-full #mapControls{z-index:525!important}

/* Ai B-CARD — shared green Ai CARD motion engine and compact usable controls */
#arControls{position:absolute!important;top:calc(198px + env(safe-area-inset-top,0px))!important;right:10px!important;left:auto!important;z-index:820!important;display:flex!important;flex-direction:column!important;gap:7px!important;pointer-events:auto!important}
#arControls .circle{width:43px!important;min-width:43px!important;height:43px!important;border-radius:12px!important;border:1px solid #d5e8f1!important;background:#f7fcffef!important;display:grid!important;place-items:center!important;color:#11769d!important;box-shadow:0 3px 12px #05264345!important;font-size:20px!important}
#arControls .circle svg{width:23px!important;height:23px!important}
#arControls .circle:active{transform:scale(.96);background:#cbf0f7!important}
#arMarkers{right:60px!important;left:0!important;top:calc(184px + env(safe-area-inset-top,0px))!important;bottom:calc(212px + env(safe-area-inset-bottom,0px))!important;z-index:15!important;pointer-events:none}
#arMarkers .bc-arCard{max-width:200px!important;min-width:0!important;transition:left .1s linear,top .1s linear,opacity .1s linear!important;transform:translate3d(0,0,0)!important;pointer-events:auto}
#arOverview{max-height:89px!important;bottom:calc(209px + env(safe-area-inset-bottom,0px))!important}
#arOverview .ar-mini{height:84px!important}
#bc-arStatus{top:calc(165px + env(safe-area-inset-top,0px))!important;right:69px!important;left:12px!important;max-width:none!important;z-index:850!important}
#bc-arStatus.hidden{display:none!important}
.ar-radar{bottom:calc(86px + env(safe-area-inset-bottom,0px))!important;z-index:850!important}
#app.ar-full #arControls{top:calc(62px + env(safe-area-inset-top,0px))!important}
#app.ar-full #arMarkers{top:106px!important;bottom:170px!important}
#arHud{display:none!important}
#bc-view-indicator{position:absolute;z-index:830;top:calc(132px + env(safe-area-inset-top,0px));left:13px;background:#092f4bc5;border:1px solid #ffffff39;color:#fff;border-radius:9px;padding:7px 10px;font:700 10px Inter,Arial,sans-serif}
#bc-streetScene{display:none;position:absolute;inset:0;background:#082b49;z-index:2}
#arPane.bc-street #bc-streetScene{display:block}
#arPane.bc-street #arVideo{visibility:hidden}
#arPane.bc-street #arStart{display:none!important}
#bc-street-help{position:absolute;left:13px;right:60px;bottom:calc(219px + env(safe-area-inset-bottom,0px));border-radius:12px;background:#082b49dc;padding:11px;color:#fff;z-index:840;font:500 11px/1.5 Inter,Arial,sans-serif}
#bc-street-help[hidden]{display:none!important}
#bc-street-help button{background:#fff;border:0;color:#087ea1;border-radius:9px;padding:6px 11px;font-weight:800;margin-top:8px}
.bc-file-ui{margin:0 0 14px;border:1px dashed #a8d2e0;background:#ecf7fa;border-radius:17px;padding:15px;display:flex;align-items:center;flex-direction:column;gap:11px}
.bc-file-sample{width:min(100%,325px);aspect-ratio:1.78;border-radius:12px;background:linear-gradient(118deg,#052b4b 12%,#12648a 72%,#17b0bd);color:#fff;padding:19px;display:flex;flex-direction:column;justify-content:space-between;box-shadow:0 6px 17px #07314930}
.bc-file-sample strong{font-size:24px;letter-spacing:-.8px}
.bc-file-sample small{font-size:11px;letter-spacing:1px}
.bc-file-acts{width:100%;display:flex;gap:9px}
.bc-file-acts button{flex:1;display:flex;align-items:center;gap:8px;justify-content:center;padding:12px 10px;border:1px solid #c0dfea;border-radius:11px;background:#fff;color:#0b779c;font-weight:800;font-size:12px}
.bc-file-acts svg{width:19px;height:19px}
.bc-file-help{font:500 11px/1.5 Inter,Arial,sans-serif;color:#6d899b;text-align:center}
#bc-filterCount{background:#e7f5fb;color:#275b74;border:1px solid #cce4ee;padding:10px;border-radius:12px;margin:0 0 10px;font-size:11px}
#bc-directoryNote{font-size:11px;color:#50738b;margin-bottom:10px}
@media(max-height:710px){#arControls{top:calc(176px + env(safe-area-inset-top,0px))!important;gap:5px!important}#arControls .circle{width:38px!important;height:38px!important;min-width:38px!important}#arMarkers{bottom:170px!important}#arOverview{bottom:183px!important}}


#bc-splash{position:fixed;inset:0;z-index:99999;background:radial-gradient(ellipse at 84% 16%,#04515c,transparent 60%),linear-gradient(120deg,#041d3b,#062a43 65%,#07303d);color:white;display:flex;align-items:center;justify-content:center;pointer-events:none;animation:bc-splash-out .45s ease 2.85s forwards}
#bc-splash .bc-inner{width:min(88vw,740px);display:flex;align-items:center;justify-content:center;gap:clamp(12px,4vw,38px)}
#bc-splash .bc-mark{width:clamp(94px,31vw,232px);aspect-ratio:1;border-radius:27%;background:linear-gradient(135deg,#194d78,#072744 48%,#0b6275);box-shadow:inset 1px 2px 12px #ffffff41,0 12px 27px #020d1c82;display:grid;place-items:center;font:800 clamp(62px,21vw,149px)/1 Inter,Arial,sans-serif;letter-spacing:-.07em;padding-right:.12em}
#bc-splash .bc-word{font:700 clamp(30px,9vw,87px)/1 Inter,Arial,sans-serif;letter-spacing:-.06em;white-space:nowrap}
#bc-splash .bc-word small{display:block;font-size:clamp(7px,1.65vw,13px);letter-spacing:.24em;margin-top:14px;font-weight:500;text-align:center}
@keyframes bc-splash-out{to{opacity:0;visibility:hidden}}

#arStart:not(.hidden){position:absolute!important;z-index:99999!important;pointer-events:auto!important}
#arStart:not(.hidden) button{position:relative;z-index:100000;pointer-events:auto!important;touch-action:manipulation}
#arPane:has(#arStart:not(.hidden)) #arMarkers,#arPane:has(#arStart:not(.hidden)) #arMarkers *{pointer-events:none!important}
.bc-contact-health{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:8px 0;padding:9px 11px;border:1px solid #bcdbe9;border-radius:11px;background:#eaf7fc;color:#124f72;font:600 11px/1.5 Arial,sans-serif}
.bc-contact-health label{display:flex;align-items:center;gap:5px;margin-left:auto}
.bc-contact-health input{width:17px;height:17px;accent-color:#137ca8}