/* Pepe Real 3 — original CSS artwork, preserving the existing frog illustrations. */
body:not([data-page="admin"]){background-color:#fffde9;background-image:radial-gradient(ellipse at 6% 12%,#dbf98975 0,transparent 36%),radial-gradient(ellipse at 92% 54%,#ffe88750 0,transparent 28%),radial-gradient(#bdcd783b .9px,transparent .9px);background-size:auto,auto,20px 20px}
:where(.button,.presets button,.power-input button,.member-nav>a,.effects-toggle){-webkit-tap-highlight-color:transparent;touch-action:manipulation}
body:not([data-page="admin"]) .button{position:relative;isolation:isolate;background:linear-gradient(180deg,#ddff83 0,#b9f344 42%,#91d629 100%);border:3px solid #365927;border-radius:14px;box-shadow:inset 0 3px 0 #f3ffc9,inset 0 -3px 0 #80b329,0 6px 0 #3f632c,0 9px 0 #3953261b;color:#173c26;font-weight:900;text-shadow:0 1px #efff9a;transition:transform .16s,box-shadow .16s,filter .16s;min-height:46px}
body:not([data-page="admin"]) .button::after{content:"";position:absolute;inset:4px 7px auto;height:6px;border-radius:8px;background:linear-gradient(90deg,#ffffff80,transparent 80%);pointer-events:none}
body:not([data-page="admin"]) .button.secondary{background:linear-gradient(#fff3b5,#ffe27a 65%,#efc54c);box-shadow:inset 0 3px #fff9d8,inset 0 -3px #dba93b,0 6px 0 #785725,0 9px 0 #3953261b;border-color:#785725}
body:not([data-page="admin"]) .button:hover{transform:translateY(-3px) rotate(-.35deg);filter:saturate(1.13);box-shadow:inset 0 3px #f4ffd0,0 9px 0 #3f632c,0 12px 0 #3953261b}
body:not([data-page="admin"]) .button:active{transform:translateY(4px);box-shadow:inset 0 2px #ffffffa0,0 2px 0 #3f632c}
body:not([data-page="admin"]) .button:disabled{filter:grayscale(.65);opacity:.65;transform:none;cursor:not-allowed}
body:not([data-page="admin"]) .button .icon{background:#efffb3;border:1.5px solid #679542;padding:4px;width:30px;height:30px;border-radius:9px;flex-shrink:0;box-shadow:0 2px #6f992555}
button:focus-visible,a:focus-visible{outline:3px solid #df7639;outline-offset:5px}
body:not([data-page="admin"]) input:not([type="checkbox"]),body:not([data-page="admin"]) textarea,body:not([data-page="admin"]) select{border:2px solid #8caa55;background:#fffff7;box-shadow:inset 0 3px 0 #b3c18f22;border-radius:12px}
.top-ribbon{background:repeating-linear-gradient(-55deg,#b0ef47 0 20px,#b9f750 20px 40px);border-bottom:3px solid #456f2d;font-weight:700}
.site-header{background:linear-gradient(#fffff3,#f5f9d9);border-bottom:3px solid #577038;box-shadow:0 4px 0 #d9e7a370}
.member-nav{background:repeating-linear-gradient(0deg,#ecd09244 0 2px,transparent 2px 9px),linear-gradient(#ffe8a5,#efce7a);border:3px solid #796c36;border-radius:18px;box-shadow:inset 0 3px #fff5c4,0 5px 0 #baa15e;padding:12px;gap:9px}
.member-nav>a{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:42px;padding:8px 10px;background:linear-gradient(#fffdeb,#f9e7ae);border:2px solid #a38b48;border-radius:11px;box-shadow:0 3px 0 #b39652,inset 0 2px #ffffffa0;transition:transform .15s;font-size:13px;text-decoration:none}
.member-nav>a .icon{width:19px;height:19px;flex-shrink:0}
.member-nav>a.active{background:linear-gradient(#c5f96a,#9dde34);border:2px solid #4d6e2d;box-shadow:0 3px 0 #547a31,inset 0 2px #e8ffb9}
.member-nav>a:hover{transform:translateY(-2px);background:#e4ff99}
.member-nav .link-button{font-size:12px;text-decoration:underline;text-underline-offset:4px}
.member-heading h1{font-weight:950;text-shadow:2px 3px 0 #dcec9b;letter-spacing:-1px}
body:not([data-page="admin"]) .card,body:not([data-page="admin"]) .stat-card{background:linear-gradient(135deg,#fffffc,#fffde8);border:3px solid #638047;box-shadow:inset 0 4px #fff,0 6px 0 #a9b878,0 10px 0 #7387461a}
body:not([data-page="admin"]) .card>h2,body:not([data-page="admin"]) .card>h3{padding-bottom:15px;border-bottom:3px solid #d6e9a7;position:relative}
body:not([data-page="admin"]) .card>h2::after,body:not([data-page="admin"]) .card>h3::after{content:'✦';color:#dba12b;float:right;font-size:.75em}
body:not([data-page="admin"]) th{background:#def0a7;color:#34502b;border-bottom:3px solid #b4cb77}
body:not([data-page="admin"]) tbody tr:nth-child(even){background:#faf8da}
body:not([data-page="admin"]) td{border-bottom:1px solid #cfdca4}
body:not([data-page="admin"]) .status{border-width:2px;box-shadow:0 2px 0 #83965a35;font-weight:800}
.calculator-wrap{padding-top:32px;padding-bottom:18px}
.calculator-wrap .section-heading{margin-bottom:25px}
.calculator-wrap .section-heading .eyebrow{display:inline-block;background:#ffdf72;padding:7px 18px;border:2px solid #9d7939;border-radius:8px;box-shadow:0 3px #d6b454;transform:rotate(-2deg)}
.calculator-card{position:relative;border:4px solid #577340;border-radius:25px;box-shadow:0 8px #a5b866,0 14px #73874620;overflow:hidden;background:#fff9d9}
.calc-input{position:relative;background:radial-gradient(#a3c56666 1px,transparent 1px),linear-gradient(135deg,#e1ffa0,#cdef85);background-size:17px 17px,auto;border-right:3px solid #71934b;padding:26px 30px 34px}
.calc-input .big-icon{display:none}
.calc-machine-scene{position:relative;height:188px;margin:-10px -8px 20px;background:radial-gradient(ellipse at center,#fffbbc 0,#faffcc70 45%,transparent 72%);display:flex;align-items:center;justify-content:center}
.calc-machine-scene img{width:230px;height:200px;object-fit:contain;filter:drop-shadow(0 7px 0 #65823126);animation:rig-sway 6s ease-in-out infinite}
.calc-machine-scene:before,.calc-machine-scene:after{position:absolute;content:'✦';color:#cd9220;font-size:32px;left:14%;top:32%;animation:cartoon-twinkle 3s ease-in-out infinite}
.calc-machine-scene:after{left:auto;right:12%;top:52%;font-size:23px;animation-delay:1.2s}
.calc-machine-scene>span{position:absolute;bottom:1px;background:#fffbe4;border:2px solid #8b853b;border-radius:8px;font-size:10px;padding:3px 10px;font-weight:800;box-shadow:0 3px #b8c272}
.calc-input .sticker{z-index:2;top:15px;right:14px;background:linear-gradient(#ffddaa,#ffc779);border:2px solid #9a7044;box-shadow:0 3px #c59852;transform:rotate(5deg);font-weight:800}
.calc-input>label{font-size:14px;font-weight:900}
.power-input{border:3px solid #607b38;background:#fffdeb;box-shadow:inset 0 4px #bbc98b35,0 4px #a0b35e;border-radius:14px;padding:8px;gap:8px}
.power-input #gh-input{background:transparent;box-shadow:none;border:none;font-size:30px;font-weight:900;padding:0;min-width:0}
.power-input button{background:linear-gradient(#fff2ad,#ffcd57);border:2px solid #8a7234;border-radius:10px;width:40px;height:40px;flex-shrink:0;font-size:25px;box-shadow:0 3px #ad893b;transition:transform .15s}
.power-input button:active{transform:translateY(3px);box-shadow:none}
.presets{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:15px}
.presets button{background:linear-gradient(#faffdc,#eff9ba);border:2px solid #829c4c;box-shadow:0 3px #91ad52;border-radius:8px;padding:8px 3px;font-size:12px;font-weight:800}
.presets button[aria-pressed="true"]{background:linear-gradient(#ffef9a,#ffda67);border-color:#ae8935;box-shadow:0 3px #b3984a}
.calc-price{background:#ffffef;border:2px solid #95ad54;border-radius:13px;padding:14px;box-shadow:0 4px #b2c76e;position:relative}
.calc-price>span{font-size:12px;font-weight:700}
.calc-price strong{font-size:33px}
.calc-output{background:linear-gradient(135deg,#fffdf3,#fff6cf);padding:30px;display:flex;flex-direction:column;justify-content:center;min-width:0}
.calc-results{gap:14px}
.calc-results>div{position:relative;border:2px solid #9cad55;border-radius:15px;background:linear-gradient(#f8ffd8,#e4f7b0);box-shadow:inset 0 3px #fff,0 4px #becd86;min-height:132px;padding:16px}
.calc-results>div:nth-child(2){background:linear-gradient(#fff5cb,#ffe9a1);border-color:#c2a454;box-shadow:inset 0 3px #fff8e0,0 4px #d5bd76}
.calc-results>div:nth-child(3){background:linear-gradient(#e5fff2,#c5eed8);border-color:#8db997;box-shadow:inset 0 3px #f7fff8,0 4px #a7c9a6}
.calc-results>div:last-child{background:linear-gradient(#ffe989,#ffd04f);border-color:#ad8535;box-shadow:inset 0 3px #fff5c3,0 4px #c8a14e}
.calc-results .calc-reward-icon{display:flex;justify-content:flex-end;height:22px;margin-bottom:3px;color:#647e38}
.calc-reward-icon .icon{width:23px;height:23px}
.calc-results strong{font-size:30px;line-height:1.35}
.calc-results>div:last-child strong{font-size:34px}
.calc-results small{display:inline-block;background:#ffffff65;border-radius:4px;padding:2px 6px}
.net-row{padding:12px;border:2px dashed #c4b673;border-radius:10px;background:#fff9df;align-items:center}
.net-row strong{color:#376329}
.calc-output .fineprint{margin-bottom:15px}
.calc-output .button{margin-bottom:5px;font-size:17px;min-height:54px}
.calculator-card.is-adjusting .calc-results strong{animation:number-bump .32s ease-out}
.mine-command{border-width:3px;box-shadow:0 7px #bfa466,0 12px #7c915424}
.mine-command-bar{background:repeating-linear-gradient(0deg,#ad772515 0 2px,transparent 2px 7px),linear-gradient(#fff0b0,#edc676);border-bottom:3px solid #8f803e;font-weight:900}
.mine-wallet{border:3px solid #6b8343;box-shadow:inset 0 3px #fff,0 6px #6c813957,5px 9px #46673526;background:linear-gradient(150deg,#fffff0f5,#f3fad7f5)}
.mine-wallet-screen{border:3px solid #8a9f47;box-shadow:inset 0 4px #91a75230,0 3px #cedb91;background:linear-gradient(135deg,#f2ffc4,#e0f5a5)}
.mine-wallet-actions .mine-withdraw{display:flex;justify-content:center;align-items:center;gap:8px;border:2px solid #a68b40;background:linear-gradient(#fff1b3,#ffe080);border-radius:10px;box-shadow:0 3px #b5a063;padding:9px;font-size:12px;font-weight:800;margin-top:4px}
.mine-instrument{border-width:3px;box-shadow:inset 0 3px #ffffff90,0 5px #abb873}
.mine-instrument-icon{border:2px solid #a1aa5d;box-shadow:0 3px #a8b16a70;background:#fff8c9;transform:rotate(7deg)}
.mine-instrument.mine-production{background:linear-gradient(#fff6c3,#ffe292)}
.mine-instrument.mine-power{background:linear-gradient(#f4ffcb,#dff2a6)}
.mine-instrument.mine-timer{background:linear-gradient(#edfff3,#cdecd4)}
.mine-instrument.mine-team{background:linear-gradient(#ecf6b7,#dfed94)}
.mine-machine{border-width:3px;box-shadow:0 6px #a9bb77;background:#fff9da}
.mine-machine-head{background:linear-gradient(#e6fca9,#cfe780);border-bottom:2px solid #91a75b;padding:14px}
.mine-machine-power{border:2px solid #798c40;background:#ffed94;box-shadow:0 4px #889b4a70}
.mine-machine.is-bonus{border-color:#b6903e;box-shadow:0 6px #c6ab65}
.mine-machine.is-bonus .mine-machine-head{background:linear-gradient(#fff0b8,#ffdc76);border-color:#c8a64d}
.mine-machine-body{background:linear-gradient(#fffef3,#f9f6d9)}
.mine-machine-daily{border-bottom:2px dashed #bcc780;padding-bottom:12px}
.mine-machine progress{height:16px;border:2px solid #819349;box-shadow:0 2px #d2d8a0}
.bonus-invite{display:flex;gap:13px;background:linear-gradient(135deg,#fff5b9,#e4f8ae);border:2px solid #b3a453;box-shadow:0 4px #d0c279;border-radius:15px;padding:15px;margin-bottom:24px}
.bonus-invite>.icon{width:36px;height:36px;flex-shrink:0;color:#81702f}
.bonus-invite strong{display:block;font-size:16px;line-height:1.4}
.bonus-invite b{display:block;font-size:12px;margin-top:8px}
.bonus-invite p{font-size:11px;line-height:1.5;margin:8px 0 0}
.bonus-ticket{display:flex;align-items:center;gap:18px;padding:20px 24px;margin:26px 0;background:radial-gradient(#f0c75540 1px,transparent 1px),linear-gradient(115deg,#fff4b0,#ffdf7f 58%,#f3fcb7);background-size:12px 12px,auto;border:3px solid #ac8b3f;border-radius:18px;box-shadow:inset 0 3px #fff9d5,0 5px #c5aa60;position:relative}
.bonus-ticket>.icon{width:55px;height:55px;flex-shrink:0;padding:9px;background:#ffffcf;border:2px solid #ac913c;border-radius:14px;transform:rotate(-8deg);box-shadow:0 4px #ba9d4f;animation:gift-rock 5s ease-in-out infinite}
.bonus-ticket strong{display:block;font-size:26px;font-weight:900}
.bonus-ticket p{font-size:13px;margin:4px 0 0;color:#5c6334}
.bonus-ticket .mine-overline{font-size:10px}
.bonus-ticket-total{margin-left:auto;padding-left:18px;border-left:2px dashed #b3a04b;min-width:170px}
.bonus-ticket-total b{display:block;font-size:13px}
.bonus-ticket-total span{display:inline-block;font-size:11px;border:1px solid #a3a750;border-radius:8px;padding:3px 8px;background:#feffe0;margin-top:8px}
.bonus-power-chip{margin:5px 0;font-size:10px!important;font-weight:800;background:#ffec95;border:1px solid #b5a04c;padding:3px 6px;border-radius:6px;width:fit-content}
.effects-toggle{float:right;position:relative;border:2px solid #7c954d;background:#f9ffdf;color:#34542f;border-radius:9px;padding:7px 12px;font-size:11px;cursor:pointer;box-shadow:0 3px #98b060;margin-bottom:14px}
.auth-layout{border-width:3px;box-shadow:0 7px #bbcf80,8px 12px #264e301a}
.auth-card{background:linear-gradient(145deg,#fffffa,#fcf8d9)}
.ref-stats .stat-card{border-top:8px solid #b5db61}
.chat-panel{border-width:3px;box-shadow:0 6px #a6bc69}
.chat-top{background:linear-gradient(#d3f789,#acd84f);font-weight:900}
.floating-chat{background:linear-gradient(#ffecaa,#ffd657);border-width:3px;box-shadow:inset 0 3px #fff7cc,4px 5px #6d7333}
@keyframes cartoon-twinkle{0%,100%{transform:scale(.72) rotate(-12deg);opacity:.45}50%{transform:scale(1.07) rotate(12deg);opacity:1}}
@keyframes rig-sway{0%,100%{transform:translateY(0) rotate(-.6deg)}50%{transform:translateY(-5px) rotate(.6deg)}}
@keyframes gift-rock{0%,88%,100%{transform:rotate(-8deg)}92%{transform:rotate(2deg)}96%{transform:rotate(-12deg)}}
@keyframes number-bump{50%{transform:translateY(-3px);color:#689825}}
.effects-paused *, .effects-paused *::before,.effects-paused *::after{animation-play-state:paused!important}
@media(max-width:1100px){.member-nav>a{font-size:12px;padding:7px 8px}.member-nav{gap:7px}.calc-input,.calc-output{padding:24px}.mine-instrument{padding:16px}.calc-results strong{font-size:27px}}
@media(max-width:800px){.member-nav{margin-bottom:25px}.member-nav>a{flex:1 0 auto}.member-nav form{margin-left:0}.calc-input{border-right:none;border-bottom:3px solid #71934b}.calculator-card{grid-template-columns:1fr}.calc-machine-scene{height:160px;margin-bottom:12px}.calc-machine-scene img{height:185px;width:210px}.calc-price{display:flex;gap:12px;flex-wrap:wrap}.calc-price strong{margin-left:auto}.calc-results>div{min-height:120px}.bonus-ticket-total{min-width:0}.auth-card{padding:26px}}
@media(max-width:500px){.member-nav{gap:7px;padding:10px;border-radius:15px}.member-nav>a{flex:1 0 calc(33.33% - 14px);padding:7px 4px;min-height:53px;flex-direction:column;gap:4px;font-size:10px}.member-nav>a .icon{width:20px;height:20px}.member-nav form{flex:1 0 calc(33.33% - 14px);text-align:center}.member-heading h1{font-size:34px}.calculator-wrap{padding-top:24px}.calculator-card{border-width:3px;border-radius:19px}.calc-input,.calc-output{padding:21px 16px}.calc-machine-scene{height:145px}.calc-machine-scene img{height:175px;width:195px}.power-input #gh-input{font-size:26px}.power-input button{height:37px;width:35px}.power-input>span{font-size:10px}.calc-results{gap:11px}.calc-results>div{padding:11px;min-height:130px}.calc-results strong{font-size:26px}.calc-results>div:last-child strong{font-size:28px}.calc-results span{font-size:11px}.calc-price{gap:8px}.calc-price strong{font-size:28px}.calc-price>span{font-size:11px}.bonus-ticket{padding:15px;gap:13px;flex-wrap:wrap}.bonus-ticket>.icon{height:46px;width:46px}.bonus-ticket>div:not(.bonus-ticket-total){flex:1;min-width:0}.bonus-ticket strong{font-size:23px}.bonus-ticket p{font-size:11px}.bonus-ticket-total{width:100%;border-left:0;border-top:2px dashed #b3a04b;padding:10px 0 0;display:flex;align-items:center;justify-content:space-between;gap:8px}.bonus-ticket-total b{font-size:11px}.bonus-ticket-total span{margin:0;font-size:10px}.bonus-invite{padding:12px;gap:9px}.bonus-invite>.icon{width:27px;height:27px}.bonus-invite strong{font-size:15px}.auth-card{padding:22px}.effects-toggle{float:none;display:block;width:fit-content}.mine-wallet-actions .button{font-size:13px}.mine-instrument{padding:14px}.bonus-power-chip{max-width:100%;font-size:9px!important}.mine-instrument-icon{width:37px;height:37px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
@media(max-width:500px){.member-shell .calculator-wrap{padding-left:0;padding-right:0}.calc-results strong,.calc-results>div:last-child strong{font-size:24px}.site-header{gap:10px;padding:0 14px}.brand{gap:5px}.brand img{width:45px;height:55px}.brand span{font-size:22px}.brand small{font-size:7px;letter-spacing:2px}.menu-toggle{font-size:12px;padding:7px 12px;flex-shrink:0}}
@media(max-width:360px){.calc-results strong,.calc-results>div:last-child strong{font-size:20px}.calc-price strong{font-size:25px}}
