.first-head{margin-top:0;align-items:flex-start}.first-head .page-title{margin-bottom:4px}.first-head p{margin:0}.reward-inline{display:flex;align-items:center;gap:11px}.reward-thumb{display:block;width:48px;height:48px;flex:0 0 48px;border-radius:12px;background:#edf2ff;object-fit:cover}.reward-thumb.placeholder{display:grid;place-items:center;font-size:24px}.premium-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.premium-card{display:flex;flex-direction:column;gap:9px;padding:17px;border:1px solid #e8ecf5;border-radius:15px;background:#fff}.premium-card>span:first-child{font-size:23px}.premium-lock,.badge.premium{width:max-content;padding:5px 8px;color:#926000;background:#fff3dd;border-radius:8px;font-size:11px}.wide{width:min(100%,760px)}.modal-head{margin:0 0 12px}.kind-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:9px;margin:17px 0 22px}.kind-card{display:flex;flex-direction:column;align-items:flex-start;gap:6px;padding:13px;color:#102763;background:#fff;border:1px solid #e1e6ef;border-radius:12px;text-align:left}.kind-card>span{font-size:22px}.kind-card.selected{border:2px solid #163ebc;background:#edf2ff;padding:12px}.kind-card.locked{color:#8490a3;background:#f8f9fb;cursor:not-allowed}.kind-card small{color:#926000}.image-preview:empty{display:none}.image-preview img{width:85px;height:85px;object-fit:cover;border-radius:11px;margin-top:9px}.assignments{display:grid;gap:8px}.assignment{display:flex;align-items:center;gap:9px;padding:10px;border:1px solid #e5eaf2;border-radius:12px}.assignment-text{flex:1;min-width:0}.assignment-text strong,.assignment-text small{display:block}.assignment-text small{margin-top:4px;color:#738097}.qty{width:65px;padding:8px;border:1px solid #dfe5ef;border-radius:9px}.probability{padding:12px;margin:15px 0;color:#163ebc;background:#eef3ff;border-radius:11px;font-size:13px}.probability .bad{display:block;margin-top:5px;color:#d83348}.campaign-actions{margin-top:9px}.customer-shell{display:grid;place-items:center;min-height:100vh;padding:20px}.customer-card{width:min(100%,480px);padding:28px;text-align:center;background:#fff;border-radius:24px;box-shadow:0 15px 45px #183a9d12}.customer-card .logo{width:100%;height:95px}.customer-card h1{margin:13px 0;font-size:28px}.customer-card .field{text-align:left}.customer-card form{margin-top:20px}.store-avatar{display:block;width:85px;height:85px;margin:14px auto;object-fit:cover;border-radius:20px}.default-store{display:grid;place-items:center;background:#edf2ff;font-size:43px}.campaign-pill{display:inline-block;padding:9px 12px;background:#edf2ff;color:#163ebc;border-radius:25px;font-size:13px}.result-icon{font-size:62px;margin-top:12px}.winner-reward{display:flex;align-items:center;gap:11px;margin:18px 0;padding:14px;text-align:left;border:1px solid #e5eaf2;border-radius:14px}.winner-reward strong,.winner-reward span{display:block}.winner-reward span{margin-top:5px;color:#718099;font-size:13px}.reward-meta{display:flex;justify-content:center;align-items:center;gap:9px;color:#718099;font-size:12px}.terms-note{padding:10px;color:#66758e;background:#f6f8fc;border-radius:10px;font-size:13px}@media(max-width:760px){.bottom-nav a{font-size:9px;padding:3px 1px}.bottom-nav a span{font-size:17px}.first-head{gap:8px}.first-head .primary{white-space:nowrap;font-size:11px}.premium-grid{grid-template-columns:1fr}.kind-grid{gap:7px}.kind-card{padding:9px}.kind-card.selected{padding:8px}.kind-card strong{font-size:11px}.assignment{gap:6px;padding:7px}.assignment .reward-thumb{width:37px;height:37px;flex-basis:37px}.assignment-text strong{font-size:11px}.assignment-text small{font-size:10px}.qty{width:52px;padding:7px}.customer-shell{align-items:start;padding:12px}.customer-card{padding:18px 11px;box-shadow:none}.reward-row{align-items:flex-start}.reward-row>.actions{flex-direction:column}}
/* SyokBox V2.18 */
.admin-header span{font-size:1.35rem!important;font-weight:800!important}.terms-template-chips{display:flex;flex-wrap:wrap;gap:9px;margin:10px 0 14px}.terms-chip{border:1px solid #d8e0ef;background:#fff;color:#52627e;border-radius:999px;padding:9px 12px;font:inherit;font-size:.82rem}.tap-win-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px;margin:22px 0}.tap-win-box{border:0;background:transparent;font-size:64px;filter:drop-shadow(0 8px 8px #10275a22);transition:.15s}.tap-win-box:active{transform:scale(.92)}.tap-win-title{text-align:center;color:#173272}.tap-win-sub{text-align:center;color:#74829d}.tap-opening{animation:tapShake .5s ease 2}@keyframes tapShake{25%{transform:rotate(-6deg) scale(1.05)}75%{transform:rotate(6deg) scale(1.05)}}

/* V2.18 Tap & Win signature SyokBox boxes */
.tap-win-game{padding:12px 0 4px;text-align:center}.tap-win-title{margin:4px 0 3px;color:#172a5e;font-size:24px;letter-spacing:.04em}.tap-win-sub{margin:0 0 18px;color:#74819a;font-size:12px}.tap-win-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 12px;padding:4px 2px 12px}.tap-win-box{position:relative;display:block;min-height:108px;padding:0;border:0;background:transparent;cursor:pointer;transition:transform .18s ease}.tap-win-box:active{transform:scale(.96)}.tap-box-body{position:absolute;left:50%;bottom:5px;width:72px;height:68px;transform:translateX(-50%);border-radius:8px;background:#2d5fd0;box-shadow:0 10px 20px #234caa22}.tap-box-body:before{content:'';position:absolute;left:31px;top:0;width:10px;height:100%;background:#ef5f73}.tap-box-body i{position:absolute;left:0;top:24px;width:100%;height:9px;background:#ef5f73}.tap-box-body b{position:absolute;left:0;right:0;bottom:8px;color:#fff;font-size:8px;letter-spacing:.08em}.tap-box-lid{position:absolute;z-index:2;left:50%;bottom:70px;width:82px;height:20px;transform:translateX(-50%);border-radius:7px;background:#356be0;box-shadow:0 5px 8px #234caa22}.tap-box-lid:after{content:'';position:absolute;left:36px;top:0;width:10px;height:20px;background:#ef5f73}.tap-box-bow:before,.tap-box-bow:after{content:'';position:absolute;z-index:3;bottom:87px;width:28px;height:20px;border:7px solid #ef5f73;background:#fff;border-radius:50% 50% 40% 50%}.tap-box-bow:before{left:calc(50% - 31px);transform:rotate(20deg)}.tap-box-bow:after{right:calc(50% - 31px);transform:rotate(-20deg)}.tap-opening .tap-box-lid,.tap-opening .tap-box-bow:before,.tap-opening .tap-box-bow:after{animation:tapLid .7s ease forwards}.tap-opening .tap-box-body{animation:tapPulse .75s ease}@keyframes tapLid{55%{transform:translate(-50%,-16px) rotate(-5deg)}100%{transform:translate(-62%,-35px) rotate(-18deg);opacity:.25}}@keyframes tapPulse{50%{transform:translateX(-50%) scale(1.08);box-shadow:0 0 0 12px #446ed21f}}
@media(max-width:380px){.tap-win-grid{gap:14px 8px}.tap-box-body{width:66px;height:62px}.tap-box-lid{width:76px;bottom:64px}.tap-box-bow:before,.tap-box-bow:after{bottom:81px}}
.user-guide-link-list{display:grid;gap:8px;margin-top:14px}.user-guide-link-list a{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px;border:1px solid #e2e7f0;border-radius:11px;background:#fff;color:#172a5e;text-decoration:none}.user-guide-link-list strong{font-size:12px}.user-guide-link-list span{color:#74819a;font-size:10px}
/* V2.19 locked customer experience */
.powered-link{color:inherit;text-decoration:none}.powered-link:active{opacity:.7}
.sorry-shell{min-height:100svh;display:flex;align-items:center}.sorry-result-card{display:flex;min-height:72svh;flex-direction:column;justify-content:center;align-items:center;text-align:center}.sorry-result-card .brand-logo{margin-bottom:36px}.sorry-gift{position:relative;width:104px;height:98px;margin:8px auto 26px}.sorry-body{position:absolute;left:12px;right:12px;bottom:0;height:70px;border-radius:10px;background:#2855c9;color:#fff;font-size:58px;line-height:64px;font-weight:300}.sorry-lid{position:absolute;z-index:2;left:5px;right:5px;top:21px;height:25px;border-radius:9px;background:#3164d8}.sorry-bow:before,.sorry-bow:after{content:'';position:absolute;z-index:3;top:0;width:40px;height:29px;border:8px solid #ef5f73;border-radius:50%}.sorry-bow:before{left:12px;transform:rotate(20deg)}.sorry-bow:after{right:12px;transform:rotate(-20deg)}
.winner-result-card{position:relative;overflow:hidden}.winner-confetti{position:fixed!important;inset:0!important;pointer-events:none;z-index:20}.winner-confetti i{position:absolute;width:10px;height:20px;border-radius:3px;animation:sbConfetti 2.6s ease-out infinite}.winner-confetti i:nth-child(1){left:8%;top:-5%;background:#ff4775;animation-delay:.05s}.winner-confetti i:nth-child(2){left:24%;top:12%;background:#ffb323;animation-delay:.3s}.winner-confetti i:nth-child(3){left:42%;top:-8%;background:#315ed6;animation-delay:.12s}.winner-confetti i:nth-child(4){left:60%;top:18%;background:#26b7a5;animation-delay:.42s}.winner-confetti i:nth-child(5){left:78%;top:-3%;background:#9b5de5;animation-delay:.2s}.winner-confetti i:nth-child(6){left:92%;top:8%;background:#ff6b35;animation-delay:.52s}.winner-confetti:before,.winner-confetti:after{content:'✦  ◆  ✦  ●  ◆  ✦';position:absolute;left:5%;right:5%;font-size:24px;letter-spacing:24px;word-spacing:20px;color:#ef4770;animation:sbSparkle 2.2s ease-in-out infinite}.winner-confetti:before{top:34%}.winner-confetti:after{top:70%;color:#2855c9;animation-delay:.5s}@keyframes sbConfetti{0%{transform:translateY(-10vh) rotate(0)}100%{transform:translateY(110vh) rotate(620deg)}}@keyframes sbSparkle{50%{transform:scale(1.18);opacity:.45}}
.premium-offer-image[src*="tap-win-official"]{object-fit:cover;object-position:top center;max-height:390px}
/* V2.20 locked visual fixes */
.tap-win-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:20px 24px!important;max-width:360px;margin-left:auto!important;margin-right:auto!important}
.tap-win-box{min-height:132px!important;filter:drop-shadow(0 10px 12px #10275a2a)!important}
.tap-box-body{width:92px!important;height:82px!important;border-radius:10px!important;background:linear-gradient(145deg,#1752d4,#082f9f)!important;box-shadow:inset 0 4px 7px #ffffff22,0 12px 20px #173c902c!important}
.tap-box-body:before,.tap-box-body i{display:none!important}.tap-box-body b{bottom:24px!important;font-size:10px!important;letter-spacing:.03em!important;color:#fff!important}
.tap-box-lid{width:104px!important;height:24px!important;bottom:85px!important;background:linear-gradient(180deg,#1760e8,#0836ac)!important;border-radius:8px!important}.tap-box-lid:after{display:none!important}
.tap-box-bow:before,.tap-box-bow:after{bottom:105px!important;width:34px!important;height:25px!important;border:8px solid #f03d68!important;background:transparent!important}
.tap-box-bow:before{left:calc(50% - 38px)!important}.tap-box-bow:after{right:calc(50% - 38px)!important}
.winner-confetti i{animation-iteration-count:1!important}.winner-confetti:before,.winner-confetti:after{animation-iteration-count:2!important}
.winner-confetti i:nth-child(n+7){top:-12%}.winner-confetti i:nth-child(7){left:3%;background:#315ed6;animation-delay:.18s}.winner-confetti i:nth-child(8){left:13%;background:#ffb323;animation-delay:.44s}.winner-confetti i:nth-child(9){left:19%;background:#ff4775;animation-delay:.7s}.winner-confetti i:nth-child(10){left:29%;background:#26b7a5;animation-delay:.24s}.winner-confetti i:nth-child(11){left:35%;background:#ff6b35;animation-delay:.55s}.winner-confetti i:nth-child(12){left:48%;background:#315ed6;animation-delay:.82s}.winner-confetti i:nth-child(13){left:54%;background:#ff4775;animation-delay:.16s}.winner-confetti i:nth-child(14){left:67%;background:#ffb323;animation-delay:.62s}.winner-confetti i:nth-child(15){left:73%;background:#26b7a5;animation-delay:.35s}.winner-confetti i:nth-child(16){left:86%;background:#315ed6;animation-delay:.75s}.winner-confetti i:nth-child(17){left:97%;background:#ff4775;animation-delay:.28s}.winner-confetti i:nth-child(18){left:10%;background:#26b7a5;animation-delay:1.0s}.winner-confetti i:nth-child(19){left:22%;background:#ff6b35;animation-delay:1.15s}.winner-confetti i:nth-child(20){left:39%;background:#ffb323;animation-delay:1.05s}.winner-confetti i:nth-child(21){left:58%;background:#315ed6;animation-delay:1.2s}.winner-confetti i:nth-child(22){left:81%;background:#ff4775;animation-delay:1.1s}.winner-confetti i:nth-child(23){left:94%;background:#26b7a5;animation-delay:1.3s}.winner-confetti i:nth-child(24){left:6%;background:#ffb323;animation-delay:1.45s}.winner-confetti i:nth-child(25){left:31%;background:#315ed6;animation-delay:1.5s}.winner-confetti i:nth-child(26){left:46%;background:#ff4775;animation-delay:1.4s}.winner-confetti i:nth-child(27){left:64%;background:#ff6b35;animation-delay:1.55s}.winner-confetti i:nth-child(28){left:76%;background:#26b7a5;animation-delay:1.65s}.winner-confetti i:nth-child(29){left:89%;background:#ffb323;animation-delay:1.48s}.winner-confetti i:nth-child(30){left:51%;background:#315ed6;animation-delay:1.75s}
/* V2.21 corrected locked Tap & Win + result layout */
.tap-win-grid{grid-template-columns:repeat(2,132px)!important;justify-content:center!important;gap:18px 34px!important;max-width:340px!important}
.tap-win-box{height:142px!important;min-height:142px!important;perspective:500px!important}
.tap-box-body{width:108px!important;height:88px!important;bottom:4px!important;border-radius:7px 7px 12px 12px!important;background:linear-gradient(135deg,#1760e8 0%,#0737b6 58%,#062a8f 100%)!important;box-shadow:inset 5px 0 8px #ffffff1c,inset -7px -7px 12px #001d6a3b,0 13px 18px #123a8c32!important;transform:translateX(-50%) rotateX(-2deg)!important}
.tap-box-lid{width:120px!important;height:28px!important;bottom:89px!important;border-radius:8px!important;background:linear-gradient(180deg,#1e67ed,#0839b8)!important;box-shadow:inset 0 4px 5px #ffffff24,0 5px 7px #092b792e!important}
.tap-box-bow:before,.tap-box-bow:after{bottom:112px!important;width:42px!important;height:31px!important;border:9px solid #ef3f69!important;border-radius:55% 55% 48% 55%!important;filter:drop-shadow(0 3px 2px #8d173633)!important}
.tap-box-bow:before{left:calc(50% - 46px)!important;transform:rotate(24deg)!important}.tap-box-bow:after{right:calc(50% - 46px)!important;transform:rotate(-24deg)!important}
.tap-box-logo{position:absolute!important;left:50%!important;top:31px!important;width:76px!important;height:27px!important;transform:translateX(-50%)!important;background:#fff!important;-webkit-mask:url('/assets/syokbox-logo.png') center/contain no-repeat!important;mask:url('/assets/syokbox-logo.png') center/contain no-repeat!important}
.sorry-shell{display:block!important;min-height:100svh!important;padding:12px!important}.sorry-result-card{position:relative!important;display:flex!important;width:min(100%,480px)!important;min-height:calc(100svh - 24px)!important;margin:0 auto!important;padding:18px 11px!important;flex-direction:column!important;justify-content:flex-start!important;box-shadow:none!important}.sorry-result-card .result-header{flex:0 0 auto;width:100%;height:118px!important}.sorry-result-card .result-header .logo{width:100%!important;height:95px!important;margin:0!important}.sorry-center{position:absolute!important;left:18px!important;right:18px!important;top:50%!important;transform:translateY(-50%)!important;text-align:center!important}.sorry-icon{display:grid!important;place-items:center!important;width:88px!important;height:88px!important;margin:0 auto 22px!important;border:3px solid #2855c9!important;border-radius:50%!important;color:#2855c9!important;font-size:52px!important;line-height:1!important}.sorry-center h1{margin:0 0 20px!important}.sorry-center .sub{margin:0 auto!important;max-width:390px!important}.sorry-result-card .foot{position:absolute!important;left:0!important;right:0!important;bottom:32px!important;margin:0!important}
@media(max-width:380px){.tap-win-grid{grid-template-columns:repeat(2,120px)!important;gap:14px 24px!important}.tap-box-body{width:100px!important}.tap-box-lid{width:112px!important}}
/* V2.22 — customer Tap & Win visual correction */
.tap-win-game{padding-top:0!important}
.tap-win-grid{display:grid!important;grid-template-columns:repeat(2,128px)!important;grid-auto-rows:145px!important;justify-content:center!important;gap:12px 38px!important;max-width:330px!important;margin:18px auto 10px!important;padding:0!important}
.tap-win-box{position:relative!important;width:128px!important;height:145px!important;min-height:145px!important;padding:0!important;border:0!important;background:transparent!important;filter:drop-shadow(0 12px 12px rgba(16,39,90,.22))!important;perspective:700px!important;overflow:visible!important}
.tap-box-body{position:absolute!important;left:50%!important;bottom:8px!important;width:108px!important;height:92px!important;transform:translateX(-50%)!important;border-radius:7px 7px 12px 12px!important;background:linear-gradient(100deg,#0d3fba 0%,#1754d5 45%,#07349f 100%)!important;box-shadow:inset 8px 0 12px rgba(255,255,255,.08),inset -9px 0 13px rgba(0,0,70,.18),0 11px 17px rgba(20,53,140,.25)!important}
.tap-box-body:before,.tap-box-body i{display:none!important}
.tap-box-lid{position:absolute!important;z-index:4!important;left:50%!important;bottom:91px!important;width:120px!important;height:29px!important;transform:translateX(-50%)!important;border-radius:8px!important;background:linear-gradient(100deg,#174cc8,#1760e6 52%,#07369f)!important;box-shadow:inset 0 5px 6px rgba(255,255,255,.12),0 6px 9px rgba(12,43,125,.28)!important}
.tap-box-lid:after{display:none!important}
.tap-box-bow:before,.tap-box-bow:after{content:''!important;position:absolute!important;z-index:5!important;bottom:116px!important;width:43px!important;height:29px!important;background:linear-gradient(145deg,#ff4d78,#d9154d)!important;border:0!important;box-shadow:inset 0 4px 4px rgba(255,255,255,.3),0 3px 5px rgba(110,0,35,.18)!important}
.tap-box-bow:before{left:calc(50% - 43px)!important;border-radius:65% 45% 60% 40%!important;transform:rotate(24deg)!important}
.tap-box-bow:after{right:calc(50% - 43px)!important;border-radius:45% 65% 40% 60%!important;transform:rotate(-24deg)!important}
.tap-win-box:after{content:'';position:absolute;z-index:6;left:50%;bottom:115px;width:22px;height:22px;transform:translateX(-50%) rotate(45deg);border-radius:6px;background:linear-gradient(145deg,#ff557c,#d9144b);box-shadow:inset 2px 2px 3px rgba(255,255,255,.3)}
.tap-box-logo{display:block!important;position:absolute!important;z-index:3!important;left:50%!important;top:28px!important;width:82px!important;height:36px!important;transform:translateX(-50%)!important;background:transparent url('/assets/syokbox-logo-white.png?v=2.22.0') center/contain no-repeat!important;-webkit-mask:none!important;mask:none!important}
.tap-opening .tap-box-lid{animation:tapLidV222 .7s ease forwards!important}.tap-opening .tap-box-bow:before,.tap-opening .tap-box-bow:after{animation:none!important}.tap-opening:after{animation:tapKnotV222 .7s ease forwards!important}
@keyframes tapLidV222{55%{transform:translate(-50%,-16px) rotate(-5deg)}100%{transform:translate(-64%,-37px) rotate(-17deg);opacity:.25}}
@keyframes tapKnotV222{100%{transform:translate(-80%,-37px) rotate(25deg);opacity:.2}}
@media(max-width:380px){.tap-win-grid{grid-template-columns:repeat(2,116px)!important;grid-auto-rows:135px!important;gap:10px 26px!important}.tap-win-box{width:116px!important;height:135px!important;min-height:135px!important}.tap-box-body{width:100px!important;height:86px!important}.tap-box-lid{width:110px!important;bottom:85px!important}.tap-box-bow:before,.tap-box-bow:after{bottom:110px!important}.tap-win-box:after{bottom:109px!important}.tap-box-logo{width:76px!important;top:26px!important}}