/* BALI TELEGRAM · final mobile art direction
   Uses the original BALI site assets and source card/menu markup.
   One branded navigation system; cohesive deep forest, champagne-gold highlights,
   tactile controls; no decorative moving 3D objects or unwanted page scrolling. */
:root{
 --bali-tg-gold:#f4cb7e;
 --bali-tg-gold-light:#ffe9b8;
 --bali-tg-green:#b5e584;
 --bali-tg-border:rgba(205,229,186,.19);
 --bali-tg-ink:#f6f6eb;
 --bali-tg-muted:#b3bdb1;
}
html,body{overscroll-behavior:none}
body.bali-guest-theme .app{
 background:
  radial-gradient(ellipse 80% 35% at 52% -12%,rgba(245,188,90,.14),transparent 88%),
  radial-gradient(ellipse 96% 58% at -35% 85%,rgba(83,137,75,.15),transparent 82%),
  radial-gradient(ellipse 70% 50% at 124% 44%,rgba(127,101,56,.11),transparent 84%),
  linear-gradient(166deg,#0f1513 0%,#0c1113 49%,#070b0c 100%)!important;
}
body.bali-guest-theme .app::after{
 width:230px;height:230px;top:25%;right:-190px;
 border-color:#b1d37d18!important;
 box-shadow:0 0 0 38px #a9d57508,0 0 0 75px #a9d57506!important;
}
body.bali-guest-theme .head{
 height:clamp(46px,8.25dvh,67px)!important;min-height:0!important;
 background:linear-gradient(170deg,rgba(25,33,26,.99),rgba(12,17,17,.98))!important;
 border-bottom:1px solid #b8dda842!important;
 box-shadow:inset 0 1px #e7ffd019,0 4px 17px #0007!important;
 padding:clamp(5px,1dvh,11px) clamp(12px,3vw,20px)!important;
 gap:12px;
}
body.bali-guest-theme .tg-brand-lockup{display:flex;align-items:center;justify-content:flex-start;flex:none;min-height:0}
body.bali-guest-theme .tg-brand-original{
 display:block;width:clamp(80px,23vw,130px);height:clamp(34px,5.7dvh,47px);
 object-fit:contain;object-position:left center;
 filter:drop-shadow(0 3px 4px #0009) drop-shadow(0 0 8px #cba25a24);
}
body.bali-guest-theme .tg-live-pill{
 font-size:clamp(7px,1.25dvh,10px)!important;
 letter-spacing:.13em!important;min-height:clamp(20px,3dvh,27px);
 padding:5px 8px!important;white-space:nowrap;
 border-color:#91b47761!important;color:#ddf7bb!important;
 background:linear-gradient(145deg,#283b2b,#18221e)!important;
}
body.bali-guest-theme .tg-live-pill::before{
 background:#b9f18c;box-shadow:0 0 0 2px #b9f1822c,0 0 8px #b9f18caa;
}
body.bali-guest-theme .tg-header-right .small{
 font-size:clamp(6px,1dvh,8px)!important;color:#92a28f!important;
 letter-spacing:.14em!important;
}
body.bali-guest-theme .main{
 padding:clamp(5px,1.15dvh,12px) clamp(9px,2.8vw,16px) clamp(5px,1dvh,11px)!important;
 overflow:hidden!important;overscroll-behavior:none;
}
body.bali-guest-theme .tg-page{max-width:650px;height:100%;min-height:0;display:flex;flex-direction:column}
body.bali-guest-theme .tg-page>.tg-title,
body.bali-guest-theme .tg-page #screen>.tg-title{letter-spacing:-.055em;text-shadow:0 2px 9px #e8d79e14}
body.bali-guest-theme .tg-page .tg-eyebrow{letter-spacing:.15em!important;font-size:clamp(8px,1.35dvh,10px)!important}
body.bali-guest-theme .tg-page .tg-eyebrow::before{background:linear-gradient(90deg,#e8ca86,#a8d47e)}
body.bali-guest-theme .tg-panel{
 border-color:var(--bali-tg-border)!important;
 background:linear-gradient(148deg,rgba(39,51,38,.97),rgba(20,29,27,.98) 53%,rgba(12,19,20,.98))!important;
 box-shadow:inset 0 1px #efffd51c,0 3px 0 #0a1011,0 7px 20px #0005!important;
}
body.bali-guest-theme .nav{
 height:clamp(54px,8.5dvh,72px)!important;min-height:0;gap:0!important;
 grid-template-columns:repeat(5,minmax(0,1fr));padding:3px 4px 4px!important;
 background:linear-gradient(180deg,#18221b,#101713 60%,#0a100d)!important;
 border-top:1px solid #9cb48b58!important;
 box-shadow:inset 0 2px #efffc00a,0 -9px 20px #0006!important;
}
body.bali-guest-theme .nav button{
 position:relative;display:flex!important;flex-direction:column;align-items:center;justify-content:center;
 gap:2px!important;min-width:0;min-height:0!important;
 color:#a8b7a5!important;background:none;border:none!important;
 border-radius:10px!important;padding:3px 1px!important;
 line-height:1.1!important;font-size:clamp(8px,1.2dvh,11px)!important;
 font-weight:680!important;
}
body.bali-guest-theme .nav button.current{
 color:#e4ffbe!important;background:linear-gradient(180deg,#476a3e55,#38512e27)!important;
 text-shadow:0 0 8px #b0d97b50;
}
body.bali-guest-theme .nav button.current::before{
 content:"";position:absolute;top:0;left:27%;right:27%;height:2px;
 border-radius:0 0 4px 4px;background:#d3f8a7;box-shadow:0 0 9px #d3f8a779;
}
body.bali-guest-theme .tg-nav-art{
 display:block;width:clamp(21px,3.7dvh,31px);height:clamp(19px,3.3dvh,27px);
 flex:none;background:currentColor;
 -webkit-mask:center/contain no-repeat;mask:center/contain no-repeat;
 filter:drop-shadow(0 2px 3px #0008);
}
body.bali-guest-theme .tg-nav-art-card{-webkit-mask-image:url('/assets/nav-icons/id-card.svg');mask-image:url('/assets/nav-icons/id-card.svg')}
body.bali-guest-theme .tg-nav-art-menu{-webkit-mask-image:url('/assets/nav-icons/menu.svg');mask-image:url('/assets/nav-icons/menu.svg')}
body.bali-guest-theme .tg-nav-art-calendar{-webkit-mask-image:url('/assets/nav-icons/events.svg');mask-image:url('/assets/nav-icons/events.svg')}
body.bali-guest-theme .tg-nav-art-work{-webkit-mask-image:url('/assets/ui-icons/coin.svg');mask-image:url('/assets/ui-icons/coin.svg')}
body.bali-guest-theme .tg-nav-art-profile{-webkit-mask-image:url('/assets/nav-icons/profile.svg');mask-image:url('/assets/nav-icons/profile.svg')}
body.bali-guest-theme .nav button:focus-visible,.tg-page .button:focus-visible,
body.bali-guest-theme .tg-card-tool:focus-visible{
 outline:2px solid #e6ffae!important;outline-offset:-2px;
}
body.bali-guest-theme button:not(:disabled){-webkit-tap-highlight-color:transparent;touch-action:manipulation}
body.bali-guest-theme .tg-page .button{
 background:linear-gradient(152deg,#29372d,#1a231e)!important;
 border-color:#81a26a62!important;
 color:#e2efda!important;
 box-shadow:inset 0 1px #f4ffda1a,0 2px 0 #101710!important;
 transition:filter .14s ease,box-shadow .14s ease,background .14s ease;
}
body.bali-guest-theme .tg-page .button:not(:disabled):active{filter:brightness(1.14)}
body.bali-guest-theme .tg-page .button.primary{
 background:linear-gradient(155deg,#d3f394,#a1d56d 51%,#7eb951)!important;
 border-color:#caee97!important;color:#182511!important;
 box-shadow:inset 0 1px #faffdb8f,0 3px 0 #416a2d,0 4px 12px #0007!important;
 font-weight:850;
}
body.bali-guest-theme .tg-page .button.selected:not(.primary){
 border-color:#d1ed9e!important;background:linear-gradient(150deg,#536c3f,#263b2a)!important;
 color:#eaffc5!important;
}
body.bali-guest-theme .tg-page .tg-title .metal{background:linear-gradient(160deg,#fff4ca,#dcd58a 32%,#a6cc74 84%);background-clip:text;-webkit-background-clip:text}
/* CARD: site-original 3D card untouched, frame and four actions polished. */
body.bali-guest-theme .tg-page-card .tg-card-switcher{
 background:linear-gradient(155deg,#243429,#101917)!important;border-color:#b3d29c57!important;
}
body.bali-guest-theme .tg-page-card .tg-card-switcher>button.selected{
 background:linear-gradient(130deg,#597342,#31452f)!important;
 border-color:#c6ed9e!important;color:#f2ffd6!important;
}
body.bali-guest-theme .tg-page-card .tg-card-tool{
 background:linear-gradient(145deg,#2c3c32,#1b2728 54%,#111b1e)!important;
 border-color:#8eaf816d!important;
 box-shadow:inset 0 1px #ebffdf2b,0 3px 0 #111b14,0 7px 17px #0007!important;
}
body.bali-guest-theme .tg-page-card .tg-card-tool b{color:#f3e2b9!important}
body.bali-guest-theme .tg-page-card .tg-card-tool-qr{
 background:linear-gradient(145deg,#40603d,#213d2c 59%,#15221b)!important;
 border-color:#bfec9a90!important;
}
body.bali-guest-theme .tg-page-card .tg-card-tool-icon{
 background:linear-gradient(155deg,#f7dfa5,#dfb972 55%,#af8444)!important;
}
body.bali-guest-theme .tg-page-card .tg-card-tool-qr .tg-card-tool-icon{
 background:linear-gradient(155deg,#ebffd4,#badb92 55%,#80b26f)!important;
}
body.bali-guest-theme .tg-page-card .tg-card-stage{isolation:isolate}
body.bali-guest-theme .tg-page-card .tg-card-plinth::before{
 background:radial-gradient(ellipse,rgba(153,226,115,.18),transparent 70%)!important;
}
/* COIN: one big rotating source coin, frame and balance only. */
body.bali-guest-theme .tg-page-card .tg-home-coin-label h2{color:#f0e3ac!important;text-shadow:0 2px #5d592e,0 0 20px #dbe79535}
body.bali-guest-theme .tg-page-card .tg-home-coin-model{
 background:radial-gradient(circle,rgba(233,201,118,.19) 0%,rgba(131,176,89,.07) 33%,transparent 62%)!important;
}
body.bali-guest-theme .tg-page-card .tg-home-coin-actions .button{
 border-radius:11px!important;font-size:clamp(10px,1.65dvh,12px)!important;
}
body.bali-guest-theme .tg-page-card .tg-home-coin-actions .button.primary{letter-spacing:.04em}
/* MENU: cards remain website 78–96px wide shallow rows. */
body.bali-guest-theme .tg-page-menu .tg-menu-tabs .button{
 border-radius:9px!important;
}
body.bali-guest-theme .tg-page-menu .tg-menu-tabs .button.selected{
 border-color:#c5e796!important;background:linear-gradient(140deg,#4d663b,#28402c)!important;
}
body.bali-guest-theme .tg-page-menu .tg-menu-search input{
 border:1px solid #739b6e72!important;
 background:linear-gradient(#1c2a24,#131f1c)!important;
 border-radius:9px!important;color:#eff7e9!important;
 box-shadow:inset 0 1px 3px #0006;
}
body.bali-guest-theme .tg-page-menu #menuPage #menuGrid .bali-catalog-card{
 border-color:#648b5b75!important;
 background:linear-gradient(144deg,#243528,#152320 62%,#111b1b)!important;
 box-shadow:inset 0 1px #d2ffc218,0 2px 0 #0e1711!important;
}
body.bali-guest-theme .tg-page-menu #menuPage #menuGrid .bali-catalog-card .menu-item-name{color:#f5faef!important}
body.bali-guest-theme .tg-page-menu #menuPage #menuGrid .bali-catalog-card .menu-item-price{color:#e4f2c2!important}
body.bali-guest-theme .tg-page-menu #menuPage #menuGrid .bali-catalog-card :is(.menu-quantity-btn,.add-to-cart-btn){
 border-radius:7px!important;
}
body.bali-guest-theme .tg-page-menu #menuPage #menuGrid .bali-catalog-card .add-to-cart-btn{
 background:linear-gradient(165deg,#e8d49b,#c6a16c)!important;color:#211e12!important;
 box-shadow:inset 0 1px #fff6d46a,0 2px 0 #73583b!important;
}
/* CALENDAR: two large independent windows; retain correct site date ring colors. */
body.bali-guest-theme .tg-page-calendar .tg-calendar-view-tabs .button.selected{
 border-color:#d1eaa0!important;color:#f3ffda!important;
 background:linear-gradient(160deg,#5c7843,#30482c)!important;
}
body.bali-guest-theme .tg-page-calendar #tgMonthPanel{background:linear-gradient(160deg,#263b2b,#17251e 67%,#101b1a)!important}
body.bali-guest-theme .tg-page-calendar .tg-calendar-day[data-ring="today"]{border-color:#fff!important}
body.bali-guest-theme .tg-page-calendar .tg-calendar-day[data-ring="future"]{border-color:#8ad566!important}
body.bali-guest-theme .tg-page-calendar .tg-calendar-day[data-ring="past"]{border-color:#db807f!important}
body.bali-guest-theme .tg-page-calendar .tg-calendar-day.is-selected{
 background:#5b7e4350!important;box-shadow:inset 0 0 0 1px #c0e78358!important;
}
/* WORK: 3 clear mission surfaces and hierarchy, no fake coin loops. */
body.bali-guest-theme .tg-page-work .tg-work-mission{
 border-color:#8bae7770!important;
 background:linear-gradient(145deg,#2f4232,#1a2b29 62%,#141d20)!important;
 box-shadow:inset 0 1px #dfffbd27,0 3px 0 #111a16,0 6px 13px #0005!important;
}
body.bali-guest-theme .tg-page-work .tg-work-icon{
 background:linear-gradient(153deg,#d8d99b,#95b778 64%,#49664b)!important;
 border:1px solid #e8f1c371;color:#192b16!important;text-shadow:none!important;
 box-shadow:inset 0 1px #ffffff7f,0 2px 0 #3c5e3b!important;
}
body.bali-guest-theme .tg-page-work .tg-work-mission h3{color:#f1f6d8!important}
body.bali-guest-theme .tg-page-work .tg-work-mission .tg-work-reward-label{
 color:#d9f29e!important;
}
body.bali-guest-theme .tg-page-work .tg-work-stats>div{
 border-color:#9ab88367!important;background:linear-gradient(160deg,#375038,#17251e)!important;
}
body.bali-guest-theme .tg-page-work .tg-work-stats strong{color:#e5efa9!important}
body.bali-guest-theme .tg-page-work .tg-work-tabs .selected{
 color:#eaffcf!important;background:linear-gradient(145deg,#557142,#284032)!important;
}
/* COINSHOP: exact website green catalog, luminous prices and receipts. */
body.bali-guest-theme .tg-page-shop .tg-coinshop{
 background:linear-gradient(165deg,#1b3020,#102019 57%,#0c1815)!important;
 border-color:#89aa7049!important;
}
body.bali-guest-theme .tg-page-shop .tg-coinshop-heading h1{letter-spacing:.02em;text-shadow:0 0 16px #b6ec8b34}
body.bali-guest-theme .tg-page-shop .tg-coinshop-display .coin-shop-product{
 border-color:#70996069!important;
 background:linear-gradient(150deg,#223824,#14271b)!important;
 box-shadow:inset 0 1px #d9ffc318!important;
}
body.bali-guest-theme .tg-page-shop .tg-coinshop-display .coin-shop-image{
 box-shadow:inset 0 0 0 1px #c8e9a62d;
}
/* PROFILE: readable identity and receipts, consistent source styling. */
body.bali-guest-theme .tg-page-profile .tg-profile-hero{
 background:radial-gradient(ellipse at 20% 0%,#c8edac19,transparent 68%),
  linear-gradient(155deg,#263f2c,#172723 68%)!important;
 border:1px solid #aed68d72!important;
 box-shadow:inset 0 1px #efffda31,0 4px 0 #101b16,0 8px 24px #0008!important;
}
body.bali-guest-theme .tg-page-profile .tg-profile-avatar{
 background:linear-gradient(145deg,#f5d89a,#bc9a57 67%,#755b35)!important;
 box-shadow:0 3px 0 #514022,0 6px 14px #0009!important;
}
body.bali-guest-theme .tg-page-profile .tg-panel{
 border-radius:17px!important;
}
body.bali-guest-theme .tg-page-profile .row{border-color:#d2eca822!important}
body.bali-guest-theme .tg-page-history .tg-receipt-item{
 background:linear-gradient(150deg,#2d412f,#1a2d2a)!important;
 border-color:#9cba7d65!important;
}
body.bali-guest-theme .tg-page-history .tg-receipt-symbol{
 background:linear-gradient(150deg,#e2d59d,#81ac76)!important;color:#263820!important;
 border-color:#d3e5ac!important;
}
body.bali-guest-theme .tg-page-transfer #tgTransferContent>.tg-transfer-form{
 background:linear-gradient(150deg,#253b2a,#15251f)!important;border-color:#739b6c87!important;
}
body.bali-guest-theme .tg-page-transfer input,
body.bali-guest-theme .tg-page-transfer select{
 border-color:#91bd7d5f!important;background:#16251c!important;
}
/* Static photo cards and clear focus states are deliberate; only coin rotates. */
@media(prefers-reduced-motion:reduce){
 body.bali-guest-theme .tg-page .button{transition:none!important}
 body.bali-guest-theme .nav button{transition:none!important}
}
@media(max-height:600px){
 body.bali-guest-theme .tg-header-right .small{display:none!important}
 body.bali-guest-theme .tg-page-profile .tg-profile-hero{padding:8px!important}
 body.bali-guest-theme .tg-nav-art{width:21px;height:19px}
}


/* The site-provided SVGs, not improvised character icons.
   Icons are masks so their original contours stay crisp at every DPI. */
body.bali-guest-theme .tg-page-card .tg-card-tool-icon::before{
 content:"";width:clamp(18px,3.4dvh,26px);height:clamp(18px,3.4dvh,26px);
 background:#273623;
 -webkit-mask:center/contain no-repeat;mask:center/contain no-repeat;
 filter:drop-shadow(0 1px #fff6bb38);
}
body.bali-guest-theme .tg-page-card .tg-card-icon-history::before{
 -webkit-mask-image:url('/assets/ui-icons/history.svg');
 mask-image:url('/assets/ui-icons/history.svg');
}
body.bali-guest-theme .tg-page-card .tg-card-icon-transfer::before{
 -webkit-mask-image:url('/assets/ui-icons/transfer.svg');
 mask-image:url('/assets/ui-icons/transfer.svg');
}
body.bali-guest-theme .tg-page-card .tg-card-icon-shop::before{
 -webkit-mask-image:url('/assets/ui-icons/bag.svg');
 mask-image:url('/assets/ui-icons/bag.svg');
}
body.bali-guest-theme .tg-page-card .tg-card-icon-qr::before{
 -webkit-mask-image:url('/assets/ui-icons/qr.svg');
 mask-image:url('/assets/ui-icons/qr.svg');
}
body.bali-guest-theme .tg-page-work .tg-work-icon::before{
 content:"";display:block;width:clamp(20px,3.65dvh,27px);
 height:clamp(20px,3.65dvh,27px);
 background:#1e371b;
 -webkit-mask:center/contain no-repeat;mask:center/contain no-repeat;
}
body.bali-guest-theme .tg-page-work .tg-work-icon-entry::before{
 -webkit-mask-image:url('/assets/ui-icons/entry.svg');
 mask-image:url('/assets/ui-icons/entry.svg');
}
body.bali-guest-theme .tg-page-work .tg-work-icon-users::before{
 -webkit-mask-image:url('/assets/ui-icons/users.svg');
 mask-image:url('/assets/ui-icons/users.svg');
}
body.bali-guest-theme .tg-page-work .tg-work-icon-gift::before{
 -webkit-mask-image:url('/assets/ui-icons/gift.svg');
 mask-image:url('/assets/ui-icons/gift.svg');
}