/* Vice Roleplay uygulaması (27.10): alt sekme çubuğu + karşılama, yalnız gerçek telefonda.
   Yapı includes/vice_app_shell.php, davranış scripts/vice-app-2026.js. ops/vice-app-20261027/README.md */
.vapp-tabs,.vapp-mode{display:none}
.vapp-hos{--vapp-ink:#f4f1ea;--vapp-gold:#f2c94c;position:fixed;inset:0;z-index:2147483000;display:flex;flex-direction:column;overflow:auto;background:#0b0d12;color:var(--vapp-ink);font-family:Barlow,"Segoe UI",Arial,sans-serif;padding:env(safe-area-inset-top,0) 0 env(safe-area-inset-bottom,0);animation:vapp-in .28s ease-out}
.vapp-hos[hidden]{display:none}
.vapp-hos__tape{display:flex;align-items:center;gap:14px;width:calc(100% + 60px);margin:56px 0 0 -30px;height:34px;padding:0 20px;box-sizing:border-box;background:var(--vapp-gold);color:#14171c;transform:rotate(-3deg);font:700 13px/1 "Barlow Condensed",Barlow,sans-serif;letter-spacing:.12em;text-transform:uppercase;white-space:nowrap;overflow:hidden}
.vapp-hos__tape b{font-weight:700}
.vapp-hos__body{flex:1;display:flex;flex-direction:column;justify-content:flex-end;gap:16px;padding:32px 24px 28px;max-width:520px;width:100%;box-sizing:border-box;margin:0 auto}
.vapp-hos__logo{width:76px;height:76px;border-radius:18px}
.vapp-hos__kicker{margin:0;font:500 12px/1 "JetBrains Mono",Consolas,monospace;letter-spacing:.14em;text-transform:uppercase;color:var(--vapp-gold)}
.vapp-hos__title{margin:0;color:var(--vapp-ink)!important;font:700 44px/.98 "Barlow Condensed",Barlow,sans-serif;text-transform:uppercase;letter-spacing:.01em}
.vapp-hos__text{margin:0;font-size:17px;line-height:1.5;color:#c9c6bf}
.vapp-hos__actions{display:flex;flex-direction:column;gap:10px;margin-top:4px}
.vapp-hos__add,.vapp-hos__skip{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;min-height:54px;border-radius:6px;cursor:pointer;font:700 18px/1 "Barlow Condensed",Barlow,sans-serif;letter-spacing:.08em;text-transform:uppercase}
/* Sitenin genel düğme stili (mavi geçiş, gölge) burada geçmez. */
html body .vapp-hos .vapp-hos__add,html body .vapp-hos .vapp-hos__skip,html body .vapp-mode{margin:0;padding:0 16px;background-image:none!important;box-shadow:none!important;text-shadow:none!important;border-radius:6px!important;transform:none!important;filter:none!important}
html body .vapp-hos .vapp-hos__add{border:0!important;background:var(--vapp-gold)!important;color:#14171c!important}
html body .vapp-hos .vapp-hos__skip{min-height:50px;border:1px solid #3a3f4a!important;background:transparent!important;color:var(--vapp-ink)!important;font-weight:600;font-size:16px}
.vapp-hos__add .vapp-ico{width:20px;height:20px}
.vapp-hos__note{margin:0;font-size:14px;line-height:1.45;color:#a19e96}
.vapp-hos__note[hidden]{display:none}
.vapp-hos__note--on{color:var(--vapp-ink);font-size:15px}
@keyframes vapp-in{from{opacity:0}to{opacity:1}}
@media (prefers-reduced-motion:reduce){.vapp-hos{animation:none}}

@media (max-width:900px) and (hover:none) and (pointer:coarse){
	:root{--vapp-bar:62px}
	html body{padding-bottom:calc(var(--vapp-bar) + env(safe-area-inset-bottom,0px))!important}
	.vapp-tabs{position:fixed;left:0;right:0;bottom:0;z-index:100500;display:grid;grid-template-columns:repeat(var(--vapp-n,5),minmax(0,1fr));height:calc(var(--vapp-bar) + env(safe-area-inset-bottom,0px));padding:0 env(safe-area-inset-right,0px) env(safe-area-inset-bottom,0px) env(safe-area-inset-left,0px);box-sizing:border-box;background:#fff;border-top:1px solid #dce1e7;box-shadow:0 -6px 18px rgba(20,23,28,.06);font-family:Barlow,"Segoe UI",Arial,sans-serif;transition:transform .2s ease}
	.vapp-tabs.is-hidden{transform:translateY(110%)}
	.vapp-tab{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;min-width:0;color:#5b6170!important;text-decoration:none!important;font-size:12px;font-weight:600;line-height:1;-webkit-tap-highlight-color:transparent}
	.vapp-tab.is-on{color:#9e0d5a!important;box-shadow:inset 0 3px 0 #9e0d5a}
	.vapp-tab:active{background:#f3f5f8}
	.vapp-tab__label{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:0 2px 2px;line-height:1.3}
	.vapp-badge{position:absolute;top:6px;left:50%;margin-left:5px;min-width:18px;height:18px;padding:0 5px;box-sizing:border-box;border-radius:9px;background:#9e0d5a;color:#fff;font:700 11px/18px Barlow,sans-serif;text-align:center;font-variant-numeric:tabular-nums}
	.vapp-badge[hidden]{display:none}
	html[data-vice-mode="dark"] .vapp-tabs{background:#12151b;border-top-color:#262b35;box-shadow:none}
	html[data-vice-mode="dark"] .vapp-tab{color:#a5abb8!important}
	html[data-vice-mode="dark"] .vapp-tab.is-on{color:#ff6fae!important;box-shadow:inset 0 3px 0 #ff6fae}
	html[data-vice-mode="dark"] .vapp-tab:active{background:#1b1f27}
	/* Üst menü: Telefon, mesaj, koyu mod ve arka plan alttaki çubuğa / hesap menüsüne geçer; zil ve hesap kalır, 44 px. */
	html:root body.vapp-on .vk-mast .vce-nav .vc-nav-utility[data-vtl-bell],html:root body.vapp-on .vk-mast .vce-nav .vc-nav-utility[data-vc-pm-link],html:root body.vapp-on .vk-mast .vce-nav .vc-nav-utility.vc-mode-toggle,html:root body.vapp-on .vk-mast .vce-nav .vc-background-picker{display:none!important}
	html:root body.vapp-on.vice-white-2026 .vk-mast .vc-nav-utility{width:44px!important;height:44px!important}
	html:root body.vapp-on .vk-mast .vce-account summary{min-width:44px;min-height:44px}
	html body.vapp-on .vapp-mode:not([hidden]){display:flex;align-items:center;gap:10px;width:100%;min-height:46px;margin:8px 0 0;padding:0 14px;border:1px solid #dce1e7!important;background:transparent!important;color:inherit!important;font:600 15px/1 Barlow,sans-serif;cursor:pointer}
	/* Sağ alttaki bildirim kutuları çubuğun üstünde kalsın. */
	body.vapp-on .vnh-toast,body.vapp-on .vice-pm-live-toast{bottom:calc(var(--vapp-bar) + 14px + env(safe-area-inset-bottom,0px))!important}
}