/* v68: glazed pearl, blue enamel and lavender rims. */
:root{--gloss-face:linear-gradient(170deg,#7284a5 0%,#425675 38%,#24374f 60%,#45607f 100%);--gloss-ink:#fff;--gloss-rim:#769ac0;--gloss-shadow:0 5px 0 #12243e,0 9px 16px #0003,inset 0 2px 2px #ffffff8c,inset 0 -3px 6px #07132666}
html[data-theme="light"]{--muted:#465d70;--mint:#087858;--mint2:#066848;--ok:#087858;--gloss-face:linear-gradient(170deg,#fffefa 0%,#f4f1f2 38%,#d5d7e4 65%,#eeedf4 100%);--gloss-ink:#25324d;--gloss-rim:#7d96b7;--gloss-shadow:0 4px 0 #8a9eb9,0 8px 14px #233e6020,inset 0 2px 2px #fff,inset 0 -3px 5px #858aac44}
.btn, .trust-grid a, .trust-grid button, .filters button, .lang, .game-pad button{background:var(--gloss-face);color:var(--gloss-ink);border:2px solid var(--gloss-rim);border-radius:18px;box-shadow:var(--gloss-shadow);text-shadow:0 1px 1px #0002;min-height:44px;white-space:normal;line-height:1.35;cursor:pointer}
.btn.map,.btn.ghost{background:var(--gloss-face);color:var(--gloss-ink);border:2px solid var(--gloss-rim)}
.btn.call,.btn.tg,.btn.wa,.filters button.on,.lang.timer{background:linear-gradient(170deg,#edfaff,#a7dce9 35%,#75b5cf 66%,#b4d8ee);color:#122d42;border:2px solid #568caa;box-shadow:0 4px 0 #365573,0 8px 14px #0002,inset 0 2px 3px #fff,inset 0 -3px 5px #4a6d9866;text-shadow:0 1px 0 #ffffff80}
html[data-theme="light"] .btn.call,html[data-theme="light"] .btn.tg,html[data-theme="light"] .btn.wa,html[data-theme="light"] .filters button.on{color:#102a40}
.lang{min-height:34px;border-radius:13px;padding:6px 9px;font-size:11px;box-shadow:0 3px 0 #142c48,0 5px 9px #0002,inset 0 2px 2px #fff7}
html[data-theme="light"] .lang{box-shadow:0 3px 0 #8a9eb9,0 5px 9px #233e601a,inset 0 2px 2px #fff}
.back-btn{min-height:36px;padding:0}
.filters{padding-bottom:10px}.filters button{border-radius:20px;min-height:40px;box-shadow:0 3px 0 #172e45,inset 0 2px 2px #fff5}
html[data-theme="light"] .filters button:not(.on){background:var(--gloss-face);color:#25324d;box-shadow:0 3px 0 #8a9eb9,inset 0 2px 2px #fff}
button:focus-visible,a:focus-visible{outline:3px solid #936edd;outline-offset:3px}
.btn:disabled{opacity:.55;cursor:wait}
.trust,.partners{padding:16px;border:1px solid var(--line);border-radius:22px;margin:0 0 18px;background:linear-gradient(145deg,#23334bcf,#142a3be8);box-shadow:0 8px 20px #0002,inset 0 1px 0 #fff2}
.trust-grid{gap:12px 10px}.trust-grid a,.trust-grid button{font-size:11px;padding:10px;min-height:52px;border-radius:16px;overflow-wrap:anywhere;text-shadow:none}
html[data-theme="light"] .trust,html[data-theme="light"] .partners{background:linear-gradient(145deg,#f9f7ffef,#e3eff8ef);border-color:#b8c9dc;box-shadow:0 8px 20px #213e6212,inset 0 1px 0 #fff}
html[data-theme="light"] .form input,html[data-theme="light"] .form select,html[data-theme="light"] .form textarea,html[data-theme="light"] .drop{background:#fff;color:#172f44;border-color:#a9bccd}
html[data-theme="light"] .scam{background:linear-gradient(145deg,#fff5f5,#f5e7ed);border-color:#d8a6b1;color:#38222c}
html[data-theme="light"] .quote,html[data-theme="light"] .okbox,html[data-theme="light"] .donate{background:linear-gradient(145deg,#f8fcff,#e2eee9);color:#183a32}
html[data-theme="light"] .quote p,html[data-theme="light"] .verdict{color:#24463f}
html[data-theme="light"] .wallet{background:#e4edf3;color:#203a50}
html[data-theme="light"] .pill{background:#e5eaf3;color:#36455f}
html[data-theme="light"] .stars{color:#815100}
html[data-theme="light"] .clock.warn{background:linear-gradient(#fff5d8,#fff);border-color:#bf921d}
html[data-theme="light"] .clock.hot{background:linear-gradient(#ffe4e7,#fff)}
html[data-theme="light"] .clock.warn .digits{color:#745100}
html[data-theme="light"] .clock.hot .digits{color:#a8213e}
html[data-theme="light"] .install-card{background:var(--card);color:var(--text)}
html[data-theme="light"] .install-card ol{color:#354e61}
html[data-theme="light"] .hero .shade{color:#fff}
nav.tab{max-width:560px;margin:auto}
nav.tab button{color:#b7c7dd;opacity:1!important}
html[data-theme="light"] nav.tab button{color:#465970}
nav.tab button.on,html[data-theme="light"] nav.tab button.on{background:linear-gradient(160deg,#e7f7ff,#9cc9e0);color:#162e45;box-shadow:inset 0 2px 2px #fff8,0 2px 4px #0002}
nav.tab button.hot,html[data-theme="light"] nav.tab button.hot{color:#fff;background:#6e233a}
.btn[data-report]{background:linear-gradient(#fff2f5,#e8abbc 60%,#f7ccd8)!important;color:#512137;border-color:#bc8196}
.spatial-hero{transform:none!important;perspective:none;transform-style:flat;will-change:auto;min-height:0!important;padding:0;overflow:hidden;background:var(--card);box-shadow:0 16px 32px #0002,inset 0 1px 0 #fff5}
.spatial-hero::before{display:none}
.map-heading{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:14px 14px 10px;background:var(--gloss-face);color:var(--gloss-ink)}
.map-heading b{display:block;font-size:16px}.map-heading small{display:block;font-size:11px;margin-top:3px;opacity:.9}
.map-reset{min-height:36px;font-size:11px;padding:7px 10px;border-radius:12px}
.pattaya-map{height:340px;z-index:0;background:#dce8e5;touch-action:none}
.map-footer{padding:10px 14px;font-size:11px;color:var(--muted);background:var(--card)}
.map-list{display:flex;gap:8px;overflow:auto;padding:6px 14px 12px;background:var(--card)}
.map-list button{flex:0 0 auto;font-size:11px;padding:7px 10px;min-height:36px;border-radius:12px;box-shadow:none}
.map-status{padding:8px 14px;font-size:11px;color:var(--muted);background:var(--card)}
.map-status[hidden]{display:none}
.leaflet-container{font-family:Manrope,system-ui,sans-serif;color:#193749}
.leaflet-container .leaflet-control-attribution{background:#fffffff2;color:#334550;font-size:9px}
.leaflet-container .leaflet-control-attribution a{color:#204c6b}
.leaflet-container .leaflet-popup-content-wrapper{background:var(--card);color:var(--text);border:1px solid var(--line);border-radius:20px;box-shadow:0 10px 30px #0004}
.leaflet-popup-tip{background:var(--card)}
.leaflet-container a.leaflet-popup-close-button{width:44px;height:44px;padding:10px 0;color:var(--text);font-size:24px;z-index:2}
.leaflet-popup-content{margin:18px;min-width:170px;max-width:235px}
.map-place-title{display:block;padding-right:25px;font-size:14px;line-height:1.4}
.map-place-note{font-size:12px;line-height:1.5;color:var(--muted);margin:8px 0 12px!important}
.leaflet-container a.map-place-link{color:var(--gloss-ink);font-size:12px;min-height:44px;margin-bottom:4px;text-decoration:none}
.leaflet-control-zoom a{color:#193749!important;box-shadow:none;border-radius:0;overflow:visible}
.ok-map-pin{background:transparent;border:0}
.ok-map-pin span{display:grid;place-items:center;width:40px;height:40px;border:2px solid #6999b8;border-radius:50% 50% 50% 12px;transform:rotate(-45deg);background:linear-gradient(135deg,#fff,#d3dbea 58%,#96bbd5);box-shadow:0 4px 9px #152e4b5c,inset 0 2px 3px #fff;color:#183e5d}
.ok-map-pin i{transform:rotate(45deg);font-style:normal;font-weight:800;font-size:14px}
.ok-map-pin.partner span{border-color:#ad8532;background:linear-gradient(135deg,#fff7c7,#e7b747 65%,#ffe0a3);color:#452f05}
@media(min-width:700px){.pattaya-map{height:430px}}
@media(max-width:360px){.map-heading{padding:12px 10px}.map-heading b{font-size:14px}.map-reset{font-size:10px}.trust,.partners{padding:12px}.trust-grid{gap:10px 8px}.pattaya-map{height:320px}}
@media(prefers-reduced-motion:reduce){.btn,.lang{transition:none}.ok-map-pin{animation:none}}

/* Code-based referrals */
.referral-mini{display:block;font-size:11px;font-weight:800;margin-top:4px}
.referral-code-box{padding:14px;border:1px solid var(--line);border-radius:18px;margin-top:14px;background:var(--card2)}
.referral-code-box label{font-size:12px;font-weight:700;display:block;margin-bottom:6px}
.referral-code-box input{width:100%;padding:12px;border-radius:12px;border:1px solid var(--line);background:var(--card);color:var(--text);font:800 22px Manrope,system-ui,sans-serif;letter-spacing:.04em;text-align:center;user-select:text;-webkit-user-select:text}
.referral-code-box button{width:100%;margin-top:10px}.referral-code-box p{line-height:1.5}
.spin-card{max-height:90dvh;overflow-y:auto}.spin-card .pv{overflow-wrap:anywhere;max-width:calc(100% - 46px)}
