:root{--tansu-gold:#b8894d;--tansu-gold2:#d7b37a;--tansu-cream:#fffaf3;--tansu-dark:#6f4f2f;--tansu-wheel-text:#76522f;--tansu-wheel-light:#fff9f0;--tansu-wheel-gold:#f5dcae;--tansu-wheel-gold2:#e9bf82}
.tansu-app{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:24px;background:radial-gradient(circle at top,#fffdf8,#f7efe3 65%,#eee1cf);font-family:Arial,Helvetica,sans-serif;color:var(--tansu-dark);box-sizing:border-box}
.tansu-card{width:min(620px,100%);background:rgba(255,255,255,.97);border:1px solid #d8b784;border-radius:28px;padding:26px;box-shadow:0 18px 55px rgba(96,67,34,.16);text-align:center;position:relative;overflow:hidden}
.tansu-card:before{content:"";position:absolute;inset:10px;border:1px solid #ead2aa;border-radius:21px;pointer-events:none}
.tansu-brand{position:relative;z-index:1;margin:4px auto 8px}.tansu-brand img{max-width:235px;width:60%;height:auto;display:block;margin:auto}
.tansu-card h1{font-family:Georgia,serif;letter-spacing:3px;font-size:30px;margin:6px 0;color:#8e6739}.tansu-subtitle{margin:0 auto 20px;color:#6d5a45}
.tansu-form-wrap,.tansu-wheel-area,.tansu-result{position:relative;z-index:1}
#tansu-entry-form{max-width:420px;margin:auto;text-align:left}.tansu-form-wrap label{display:block;font-weight:600;font-size:14px;margin:13px 0;color:#5b4632}.tansu-form-wrap input[type=text],.tansu-form-wrap input[type=tel]{width:100%;box-sizing:border-box;padding:13px 15px;margin-top:7px;border:1px solid #d9c09b;border-radius:12px;background:#fffdf9;font-size:16px;outline:none}.tansu-form-wrap input:focus{border-color:#b8894d;box-shadow:0 0 0 3px rgba(184,137,77,.12)}.tansu-check{font-weight:400!important;font-size:12px!important;display:flex!important;gap:8px;align-items:flex-start}.tansu-check input{margin-top:2px}
#tansu-start,#tansu-spin,.tansu-result a{width:100%;border:0;border-radius:999px;padding:14px 20px;background:linear-gradient(135deg,#b8894d,#e0bd85,#b8894d);color:#fff;font-weight:800;letter-spacing:1.2px;cursor:pointer;box-shadow:0 8px 20px rgba(143,101,50,.25);text-decoration:none;display:inline-block;box-sizing:border-box}#tansu-start:hover,#tansu-spin:hover,.tansu-result a:hover{filter:brightness(1.04)}
.tansu-message{min-height:24px;margin-top:12px;color:#9a342e;font-size:13px}.tansu-wheel-area{padding-top:8px}.tansu-wheel-area{padding-top:14px;position:relative}
.tansu-wheel{
    --wheel-size:min(430px,86vw);
    width:var(--wheel-size);
    aspect-ratio:1;
    margin:18px auto 26px;
    border-radius:50%;
    position:relative;
    border:9px solid #d5ae72;
    background:
        conic-gradient(from -30deg,
            var(--tansu-wheel-gold) 0deg 60deg,
            var(--tansu-wheel-light) 60deg 120deg,
            var(--tansu-wheel-gold2) 120deg 180deg,
            var(--tansu-wheel-light) 180deg 240deg,
            var(--tansu-wheel-gold) 240deg 300deg,
            var(--tansu-wheel-light) 300deg 360deg);
    box-shadow:
        0 14px 34px rgba(91,63,31,.16),
        inset 0 0 0 1px rgba(255,255,255,.45),
        inset 0 0 20px rgba(146,100,43,.08);
    transition:transform 4.5s cubic-bezier(.15,.72,.12,1);
    overflow:visible;
}
.tansu-wheel:after{
    content:"";
    position:absolute;
    inset:-1px;
    border-radius:50%;
    pointer-events:none;
    box-shadow:
        inset 0 0 0 1px rgba(126,87,38,.16),
        inset 0 0 18px rgba(255,255,255,.24);
}
.tansu-wheel-label{
    position:absolute;
    left:50%;
    top:50%;
    width:42%;
    margin:0;
    text-align:center;
    white-space:nowrap;
    font:800 clamp(12px,2.1vw,17px)/1 Arial,Helvetica,sans-serif;
    color:var(--tansu-wheel-text);
    text-shadow:0 1px 1px rgba(255,255,255,.55),0 1px 2px rgba(91,63,31,.10);
    transform:
        translate(-50%,-50%)
        rotate(calc(var(--i)*360deg/var(--n)))
        translateY(calc(var(--wheel-size)*-.285))
        rotate(calc(var(--i)*-360deg/var(--n)));
    transform-origin:center;
    z-index:2;
}
.tansu-wheel-center{
    position:absolute;
    left:50%;top:50%;
    transform:translate(-50%,-50%);
    width:88px;height:88px;
    border-radius:50%;
    background:#fff;
    border:5px solid #b8894d;
    display:flex;align-items:center;justify-content:center;
    font:700 16px Georgia,serif;
    letter-spacing:1px;color:#8e6739;
    z-index:4;
    box-shadow:0 5px 15px rgba(0,0,0,.16),inset 0 0 0 2px #f3dfbd;
}
.tansu-pointer{
    position:absolute;
    z-index:8;
    left:50%;
    top:0;
    transform:translate(-50%,-1px);
    width:0;height:0;
    border-left:18px solid transparent;
    border-right:18px solid transparent;
    border-top:34px solid #9d6d37;
    filter:drop-shadow(0 3px 3px rgba(0,0,0,.22));
}
.tansu-result{margin:10px auto 0;padding:25px;background:linear-gradient(145deg,#fffaf2,#f7ead6);border:1px solid #d9b57d;border-radius:20px}.tansu-small{font-size:12px;letter-spacing:3px;color:#8c673b}.tansu-result #tansu-offer-text{font:700 40px Georgia,serif;color:#a87537;margin:10px 0}.tansu-result p{font-size:13px;color:#6e5b45}.tansu-result a{margin-top:8px}.tansu-footer{position:relative;z-index:1;margin:18px 0 0;font-size:11px;color:#8b7a67}
@media(max-width:480px){.tansu-app{padding:10px}.tansu-card{padding:20px 16px;border-radius:22px}.tansu-card h1{font-size:25px}.tansu-wheel{--wheel-size:min(340px,84vw);border-width:7px;margin-top:14px}.tansu-wheel-label{font-size:11px}.tansu-wheel-center{width:76px;height:76px;font-size:14px}.tansu-pointer{border-left-width:15px;border-right-width:15px;border-top-width:30px}.tansu-result #tansu-offer-text{font-size:34px}}

/* TANSU Offer Wheel v1.1 — celebration + WhatsApp CTA */
.tansu-result{position:relative;isolation:isolate;overflow:hidden}
.tansu-result:before{content:"";position:absolute;inset:-30%;background:radial-gradient(circle at 50% 30%,rgba(225,190,125,.28),transparent 38%);animation:tansuGlow 2.6s ease-in-out infinite;z-index:-1}
.tansu-celebrate{font-size:58px;line-height:1;margin:-2px 0 4px;animation:tansuPop .8s cubic-bezier(.2,1.5,.4,1) both}
.tansu-result #tansu-offer-text{font-size:48px;text-shadow:0 3px 0 rgba(184,137,77,.12),0 8px 25px rgba(184,137,77,.18);animation:tansuOfferPop 1s cubic-bezier(.16,1,.3,1) .15s both}
.tansu-confetti{position:absolute;inset:0;pointer-events:none;z-index:0}
.tansu-confetti span{position:absolute;top:-20px;font-size:20px;color:#c99550;animation:tansuFall 2.8s linear infinite}
.tansu-confetti span:nth-child(1){left:8%;animation-delay:.1s}.tansu-confetti span:nth-child(2){left:18%;animation-delay:.7s}.tansu-confetti span:nth-child(3){left:30%;animation-delay:1.1s}.tansu-confetti span:nth-child(4){left:42%;animation-delay:.3s}.tansu-confetti span:nth-child(5){left:55%;animation-delay:1.4s}.tansu-confetti span:nth-child(6){left:67%;animation-delay:.5s}.tansu-confetti span:nth-child(7){left:76%;animation-delay:1.7s}.tansu-confetti span:nth-child(8){left:85%;animation-delay:.9s}.tansu-confetti span:nth-child(9){left:93%;animation-delay:1.9s}.tansu-confetti span:nth-child(10){left:50%;animation-delay:2.1s}
.tansu-wa-box{position:relative;z-index:2;margin-top:18px;padding:16px;border:1px solid #dec08f;border-radius:16px;background:rgba(255,250,241,.9)}
.tansu-wa-box strong{display:block;font-size:13px;line-height:1.5;color:#634a2f;margin-bottom:11px}
.tansu-wa-box #tansu-wa{margin-top:0}
#tansu-already-joined{display:block;width:100%;margin-top:9px;padding:11px 16px;border:1px solid #b8894d;border-radius:999px;background:#fff;color:#8a6337;font-weight:800;letter-spacing:.4px;cursor:pointer}
#tansu-already-joined:hover,#tansu-already-joined.is-confirmed{background:#f5e6ce}
.tansu-wa-status{font-size:11px;color:#8b7458;margin-top:8px;min-height:15px}.tansu-wa-status.is-ok{color:#397348;font-weight:700}
.tansu-result-note{margin-bottom:0}
@keyframes tansuPop{0%{opacity:0;transform:scale(.4) rotate(-8deg)}65%{transform:scale(1.18) rotate(3deg)}100%{opacity:1;transform:scale(1) rotate(0)}}
@keyframes tansuOfferPop{0%{opacity:0;transform:scale(.65) translateY(18px)}70%{transform:scale(1.08) translateY(-3px)}100%{opacity:1;transform:scale(1) translateY(0)}}
@keyframes tansuGlow{0%,100%{transform:scale(.9);opacity:.55}50%{transform:scale(1.1);opacity:1}}
@keyframes tansuFall{0%{transform:translateY(-20px) rotate(0);opacity:0}10%{opacity:1}100%{transform:translateY(440px) rotate(360deg);opacity:0}}
@media(max-width:480px){.tansu-celebrate{font-size:50px}.tansu-result #tansu-offer-text{font-size:40px}}

/* v1.2 — theme-proof Already Joined button + important notes */
.tansu-app #tansu-already-joined.tansu-already-joined-btn,
.tansu-app a#tansu-already-joined.tansu-already-joined-btn{
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    width:100% !important;
    min-height:46px !important;
    box-sizing:border-box !important;
    margin:10px 0 0 !important;
    padding:12px 18px !important;
    border:2px solid #b8894d !important;
    border-radius:999px !important;
    background:#fffaf2 !important;
    background-image:none !important;
    color:#8a6337 !important;
    font-family:Arial,Helvetica,sans-serif !important;
    font-size:13px !important;
    line-height:1.2 !important;
    font-weight:800 !important;
    letter-spacing:.7px !important;
    text-align:center !important;
    text-decoration:none !important;
    text-transform:none !important;
    box-shadow:0 5px 14px rgba(143,101,50,.12) !important;
    cursor:pointer !important;
    opacity:1 !important;
    visibility:visible !important;
}
.tansu-app #tansu-already-joined.tansu-already-joined-btn:hover,
.tansu-app #tansu-already-joined.tansu-already-joined-btn:focus,
.tansu-app #tansu-already-joined.tansu-already-joined-btn.is-confirmed{
    background:#b8894d !important;
    color:#fff !important;
    border-color:#b8894d !important;
    text-decoration:none !important;
    transform:translateY(-1px);
}
.tansu-rules{
    position:relative;
    z-index:2;
    max-width:470px;
    margin:20px auto 8px;
    padding:15px 16px;
    text-align:left;
    border:1px solid #dfc394;
    border-radius:16px;
    background:linear-gradient(145deg,#fffdf8,#fbf1e2);
    box-shadow:0 7px 20px rgba(117,81,39,.08);
}
.tansu-rules-title{
    margin-bottom:10px;
    text-align:center;
    color:#9b6e37;
    font-size:12px;
    font-weight:900;
    letter-spacing:1.7px;
}
.tansu-rule{display:flex;gap:10px;align-items:flex-start;margin:8px 0}
.tansu-rule>span{
    flex:0 0 24px;height:24px;border-radius:50%;
    display:flex;align-items:center;justify-content:center;
    background:#b8894d;color:#fff;font-size:12px;font-weight:800;
}
.tansu-rule p{margin:1px 0 0 !important;font-size:12px !important;line-height:1.5 !important;color:#5f4b35 !important}
.tansu-footer{margin-top:10px !important;padding-top:10px;border-top:1px dashed #dec69f}
@media(max-width:480px){
 .tansu-rules{padding:13px 12px;margin-top:16px}
 .tansu-rule p{font-size:11.5px !important}
 .tansu-app #tansu-already-joined.tansu-already-joined-btn{min-height:44px !important}
}