:root{--bg:#f4f6fb;--surface:#fff;--surface2:#eef1f8;--text:#15203b;--muted:#6f7890;--line:#dde3ef;--primary:#6d5dfc;--primary2:#8b5cf6;--danger:#ef476f;--shadow:0 20px 60px rgba(42,55,90,.12)}html[data-theme="dark"]{--bg:#0c1224;--surface:#121a31;--surface2:#18213d;--text:#f5f7ff;--muted:#9ea9c4;--line:#25304d;--shadow:0 22px 70px rgba(0,0,0,.28)}@media(prefers-color-scheme:dark){html[data-theme="system"]{--bg:#0c1224;--surface:#121a31;--surface2:#18213d;--text:#f5f7ff;--muted:#9ea9c4;--line:#25304d;--shadow:0 22px 70px rgba(0,0,0,.28)}}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,sans-serif;min-height:100vh}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}.game-header{height:74px;position:sticky;top:0;z-index:50;display:flex;align-items:center;justify-content:space-between;padding:0 max(24px,calc((100vw - 1180px)/2));background:color-mix(in srgb,var(--surface) 90%,transparent);border-bottom:1px solid var(--line);backdrop-filter:blur(18px)}.game-logo{display:flex;align-items:center;gap:10px}.logo-mark{width:38px;height:38px;border-radius:12px;display:grid;place-items:center;background:linear-gradient(135deg,var(--primary),var(--primary2));color:#fff;font-size:22px}.game-header nav{display:flex;gap:26px;color:var(--muted);font-weight:700}.game-header nav a:hover{color:var(--primary)}.header-player{display:flex;align-items:center;gap:9px}.wallet-chip,.theme-toggle,.mini-avatar{height:40px;border:1px solid var(--line);background:var(--surface2);border-radius:14px;display:flex;align-items:center;justify-content:center}.wallet-chip{padding:0 12px;gap:6px}.theme-toggle{width:40px;color:var(--text);cursor:pointer}.mini-avatar{width:40px;overflow:hidden;font-weight:800;background:linear-gradient(135deg,#7869ff,#49d7c2);color:#fff}.mini-avatar img,.leader-avatar img,.player-cell img,.profile-avatar img{width:100%;height:100%;object-fit:cover}.primary-btn,.ghost-btn,.google-btn{border:0;border-radius:14px;min-height:44px;padding:0 20px;display:inline-flex;align-items:center;justify-content:center;font-weight:800;cursor:pointer}.primary-btn{background:linear-gradient(135deg,var(--primary),var(--primary2));color:#fff;box-shadow:0 10px 25px rgba(109,93,252,.25)}.ghost-btn{border:1px solid var(--line);background:var(--surface);color:var(--text)}.primary-btn.small,.ghost-btn.small{min-height:38px;padding:0 15px}.primary-btn.big,.ghost-btn.big{min-height:54px;padding:0 26px}.block{width:100%}.hero-portal{max-width:1180px;margin:0 auto;padding:90px 24px 60px;display:grid;grid-template-columns:1.05fr .95fr;gap:70px;align-items:center}.eyebrow,.hero-copy>span,.section-head span,.quick-card>span,.page-hero>span,.profile-ident>span,.auth-copy>span,.puzzle-head>div>span{color:var(--primary);font-size:12px;letter-spacing:.16em;font-weight:900}.hero-copy h1{font:900 clamp(48px,6vw,82px)/.98 Nunito,sans-serif;margin:16px 0 22px;letter-spacing:-.045em}.hero-copy h1 em{color:var(--primary);font-style:normal}.hero-copy p,.page-hero p,.auth-copy p,.puzzle-head p{color:var(--muted);font-size:18px;line-height:1.7}.hero-actions{display:flex;gap:12px;margin-top:30px}.portal-stats{display:flex;gap:34px;margin-top:42px}.portal-stats div{display:flex;flex-direction:column}.portal-stats b{font-size:26px}.portal-stats span{color:var(--muted);font-size:13px}.hero-visual{min-height:430px;background:radial-gradient(circle at 50% 50%,rgba(109,93,252,.16),transparent 58%);display:grid;place-items:center}.demo-bottles{display:flex;align-items:end;gap:22px}.demo-bottles i{position:relative;width:74px;height:230px;border:6px solid color-mix(in srgb,var(--text) 22%,transparent);border-top:0;border-radius:0 0 30px 30px;overflow:hidden}.demo-bottles i:after{content:"";position:absolute;bottom:0;left:0;right:0;height:var(--h);background:var(--c);border-radius:10px 10px 22px 22px}.portal-grid,.profile-grid{max-width:1180px;margin:0 auto 70px;padding:0 24px;display:grid;grid-template-columns:1.5fr .8fr;gap:22px}.panel-card,.table-card,.puzzle-card{background:var(--surface);border:1px solid var(--line);border-radius:24px;box-shadow:var(--shadow)}.panel-card{padding:28px}.section-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:20px}.section-head h2,.quick-card h2{font:800 28px Nunito,sans-serif;margin:5px 0 0}.section-head>a{color:var(--primary);font-weight:800;font-size:14px}.leader-list>a{display:grid;grid-template-columns:46px 46px 1fr auto;gap:12px;align-items:center;padding:13px 0;border-bottom:1px solid var(--line)}.leader-list>a:last-child{border:0}.rank{color:var(--muted)}.leader-avatar,.player-cell>span{width:42px;height:42px;border-radius:50%;overflow:hidden;display:grid;place-items:center;background:var(--surface2);font-weight:800}.leader-name{display:flex;flex-direction:column;gap:3px}.leader-name small,.leader-list em{color:var(--muted);font-size:12px;font-style:normal}.quick-card p{color:var(--muted);line-height:1.7;margin-bottom:24px}.page-shell{max-width:1180px;margin:0 auto;padding:58px 24px 80px}.page-shell.narrow{max-width:850px}.page-hero{margin-bottom:28px}.page-hero h1{font:900 42px Nunito,sans-serif;margin:8px 0}.table-card{overflow:auto}.leader-table{width:100%;border-collapse:collapse;min-width:760px}.leader-table th,.leader-table td{padding:17px 20px;border-bottom:1px solid var(--line);text-align:left}.leader-table th{font-size:12px;color:var(--muted);text-transform:uppercase}.player-cell{display:flex;align-items:center;gap:10px}.play-shell{max-width:1180px;margin:0 auto;padding:28px 24px 80px}.play-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.play-top>a{color:var(--muted);font-weight:700}.level-pills{display:flex;gap:8px}.level-pills span{border:1px solid var(--line);background:var(--surface);border-radius:12px;padding:8px 12px;font-size:11px;color:var(--muted)}.level-pills b{color:var(--text);margin-left:5px}.puzzle-card{padding:28px}.puzzle-head{display:flex;justify-content:space-between;gap:20px}.puzzle-head h1{font:900 34px Nunito;margin:5px 0}.puzzle-head p{font-size:14px;max-width:650px}.puzzle-actions{display:flex;gap:8px}.tool-btn{height:44px;border:1px solid var(--line);background:var(--surface2);color:var(--text);border-radius:12px;padding:0 14px;font-weight:800;cursor:pointer}.tool-btn:disabled{opacity:.45;cursor:not-allowed}.water-sort-board{min-height:470px;padding:48px 20px 30px;display:flex;flex-wrap:wrap;align-content:center;justify-content:center;gap:28px 22px}.water-bottle{width:70px;height:220px;position:relative;border:0;background:transparent;cursor:pointer;transition:.2s transform;padding:0}.water-bottle:hover{transform:translateY(-5px)}.water-bottle.selected{transform:translateY(-18px)}.bottle-neck{position:absolute;z-index:2;left:20px;right:20px;top:0;height:22px;border:5px solid color-mix(in srgb,var(--text) 34%,transparent);border-bottom:0;border-radius:10px 10px 0 0}.bottle-glass{position:absolute;left:7px;right:7px;top:18px;bottom:0;border:5px solid color-mix(in srgb,var(--text) 34%,transparent);border-top:0;border-radius:0 0 28px 28px;overflow:hidden;background:linear-gradient(90deg,rgba(255,255,255,.08),transparent)}.liquid-seg{position:absolute;left:0;right:0;height:25%;bottom:calc(var(--slot)*25%);background:var(--liquid);transition:background .18s ease}.liquid-seg:not([style*="transparent"]){box-shadow:inset 0 5px rgba(255,255,255,.16)}.board-loading,.board-error{align-self:center;color:var(--muted);font-weight:800}.board-error{color:var(--danger)}.result-modal{position:fixed;inset:0;z-index:90;background:rgba(10,14,30,.65);display:grid;place-items:center;padding:20px;backdrop-filter:blur(10px)}.result-modal[hidden]{display:none}.result-box{width:min(450px,100%);background:var(--surface);border:1px solid var(--line);border-radius:26px;padding:36px;text-align:center;box-shadow:var(--shadow)}.result-icon{font-size:54px}.result-box h2{font:900 32px Nunito}.result-box p{color:var(--muted)}.result-buttons{display:flex;justify-content:center;gap:10px;margin-top:24px}.auth-wrap{min-height:calc(100vh - 150px);display:grid;place-items:center;padding:50px 20px}.auth-card{width:min(500px,100%);background:var(--surface);border:1px solid var(--line);border-radius:26px;padding:34px;box-shadow:var(--shadow)}.auth-card.wide{width:min(650px,100%)}.auth-copy h1{font:900 38px Nunito;margin:7px 0}.auth-copy p{font-size:14px}.auth-form{display:grid;gap:16px;margin-top:24px}.auth-form label,.profile-form label,.transfer-form label{display:grid;gap:7px;font-weight:700;font-size:13px}.auth-form input,.profile-form input,.profile-form textarea,.profile-form select,.transfer-form input{width:100%;border:1px solid var(--line);background:var(--bg);color:var(--text);border-radius:13px;min-height:46px;padding:10px 13px;outline:0}.auth-form input:focus,.profile-form input:focus,.transfer-form input:focus{border-color:var(--primary);box-shadow:0 0 0 3px color-mix(in srgb,var(--primary) 16%,transparent)}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:12px}.username-field{position:relative}.username-field input{padding-right:100px}.username-field span{position:absolute;right:12px;top:50%;transform:translateY(-50%);font-size:11px;font-weight:900}.username-field .ok{color:#15a46d}.username-field .bad{color:var(--danger)}.legal-checks{display:grid;gap:10px}.check-row{grid-template-columns:18px 1fr!important;align-items:start;font-weight:500!important;line-height:1.5}.check-row input{width:17px;height:17px;min-height:0}.link-button{border:0;background:none;color:var(--primary);font-weight:800;padding:0;cursor:pointer}.google-btn{border:1px solid var(--line);background:var(--surface);gap:10px}.google-btn span{font-size:20px}.auth-switch{text-align:center;color:var(--muted);font-size:13px}.auth-switch a{color:var(--primary);font-weight:800}.legal-modal{position:fixed;inset:0;z-index:100}.legal-modal[hidden]{display:none}.legal-backdrop{position:absolute;inset:0;background:rgba(10,14,30,.62);backdrop-filter:blur(8px)}.legal-dialog{position:relative;margin:5vh auto;width:min(760px,calc(100% - 28px));max-height:90vh;background:var(--surface);border:1px solid var(--line);border-radius:24px;overflow:hidden;box-shadow:var(--shadow)}.legal-dialog header{display:flex;justify-content:space-between;align-items:center;padding:18px 22px;border-bottom:1px solid var(--line)}.legal-dialog header button{border:0;background:var(--surface2);color:var(--text);width:36px;height:36px;border-radius:10px;font-size:20px}.legal-content{padding:24px;max-height:72vh;overflow:auto;line-height:1.75;color:var(--text)}body.modal-open{overflow:hidden}.profile-shell{max-width:1180px;margin:0 auto;padding:30px 24px 80px}.profile-cover{height:300px;border-radius:28px;background:linear-gradient(135deg,#6957f5,#43c9c3);background-size:cover;background-position:center}.profile-main{display:flex;align-items:end;gap:20px;padding:0 24px;margin-top:-58px}.profile-avatar.xl{width:124px;height:124px;border-radius:32px;overflow:hidden;display:grid;place-items:center;background:var(--surface2);border:7px solid var(--bg);font-size:38px;font-weight:900}.profile-ident{flex:1;padding-bottom:8px}.profile-ident h1{font:900 34px Nunito;margin:5px 0}.profile-ident p{color:var(--muted);margin:0}.profile-stats{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;margin:28px 0}.profile-stats div{background:var(--surface);border:1px solid var(--line);border-radius:18px;padding:18px}.profile-stats span{display:block;color:var(--muted);font-size:12px}.profile-stats b{display:block;font-size:22px;margin-top:6px}.profile-grid{padding:0;grid-template-columns:.85fr 1.15fr}.transfer-form{display:grid;gap:12px}.tx-list>div{display:flex;gap:12px;padding:11px 0;border-bottom:1px solid var(--line)}.tx-list .plus{color:#15a46d;font-weight:900}.tx-list .minus{color:var(--danger);font-weight:900}.tx-list p{margin:0}.tx-list small{display:block;color:var(--muted);margin-top:3px}.profile-form{display:grid;gap:17px}.game-footer{max-width:1180px;margin:20px auto 0;border-top:1px solid var(--line);padding:28px 24px 40px;display:flex;justify-content:space-between;color:var(--muted);font-size:13px}.game-footer div{display:flex;gap:12px}.toast{position:fixed;top:90px;right:20px;z-index:80;background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:13px 18px;box-shadow:var(--shadow)}.toast.success{border-color:#63d6ad}.toast.error{border-color:#ff8ba5}.ad-slot{border:1px dashed var(--line);border-radius:16px;min-height:90px;margin-top:18px;display:grid;place-items:center;color:var(--muted)}.ad-slot>span{font-size:9px;letter-spacing:.2em}@media(max-width:850px){.game-header{padding:0 14px}.game-header nav{display:none}.game-logo strong{font-size:14px}.wallet-chip{display:none}.hero-portal{grid-template-columns:1fr;padding-top:55px}.hero-visual{min-height:270px}.demo-bottles i{height:180px;width:58px}.portal-grid,.profile-grid{grid-template-columns:1fr}.profile-stats{grid-template-columns:repeat(2,1fr)}.puzzle-head{flex-direction:column}.water-sort-board{gap:20px 12px;padding:35px 5px}.water-bottle{width:56px;height:175px}.bottle-neck{left:16px;right:16px}.play-top{align-items:flex-start}.level-pills{flex-wrap:wrap;justify-content:flex-end}.profile-main{align-items:center;flex-wrap:wrap}.profile-ident{min-width:60%}}@media(max-width:520px){.hero-copy h1{font-size:47px}.hero-actions{flex-direction:column}.portal-stats{justify-content:space-between;gap:10px}.two-col{grid-template-columns:1fr}.puzzle-card{padding:18px}.tool-btn span{display:none}.water-sort-board{min-height:400px}.profile-cover{height:210px}.profile-main{padding:0 8px}.profile-avatar.xl{width:94px;height:94px;border-radius:24px}.profile-stats{grid-template-columns:1fr 1fr}.result-buttons{flex-direction:column}.game-footer{flex-direction:column;gap:10px}.legal-dialog{margin:2vh auto;max-height:96vh}.legal-content{max-height:80vh}}
.footer-right{text-align:right}.footer-links{display:flex!important;justify-content:flex-end;gap:14px!important;margin-bottom:7px}.footer-links a{font-weight:700}.legal-page-content{line-height:1.8}.legal-page-content h2,.legal-page-content h3{font-family:Nunito,sans-serif}.legal-page-content a{color:var(--primary)}@media(max-width:520px){.footer-right{text-align:left}.footer-links{justify-content:flex-start!important;flex-wrap:wrap}}
/* V2.1 professional profile, shop and resilient states */
.board-loading{min-width:220px;display:flex;flex-direction:column;align-items:center;gap:7px}.board-loading small{font-weight:600;opacity:.75}.loading-orb{width:34px;height:34px;border-radius:50%;border:4px solid var(--line);border-top-color:var(--primary);animation:wsSpin .8s linear infinite}@keyframes wsSpin{to{transform:rotate(360deg)}}.board-error-card{align-self:center;max-width:440px;padding:26px;border:1px solid color-mix(in srgb,var(--danger) 35%,var(--line));background:color-mix(in srgb,var(--danger) 5%,var(--surface));border-radius:20px;text-align:center}.board-error-card b{font:900 22px Nunito}.board-error-card p{color:var(--muted);line-height:1.6}.modal-loading,.modal-error{padding:22px;border-radius:14px;background:var(--surface2);font-weight:700}.modal-error{color:var(--danger)}
.pro-profile-shell{max-width:1180px;margin:0 auto;padding:28px 24px 80px}.pro-cover{height:330px;position:relative;border-radius:30px;background:linear-gradient(135deg,#4432ce 0%,#6d5dfc 48%,#20b9aa 100%);background-size:cover;background-position:center;overflow:hidden;box-shadow:var(--shadow)}.cover-shade{position:absolute;inset:0;background:linear-gradient(to top,rgba(10,15,35,.55),transparent 65%)}.profile-level-badge{position:absolute;right:22px;top:22px;padding:9px 13px;border-radius:999px;background:rgba(13,20,45,.66);backdrop-filter:blur(10px);color:#fff;font-weight:900;font-size:12px;letter-spacing:.08em}.pro-profile-head{display:grid;grid-template-columns:150px 1fr auto;gap:24px;align-items:end;padding:0 28px;margin-top:-74px;position:relative}.pro-avatar{width:150px;height:150px;border-radius:34px;border:7px solid var(--bg);background:linear-gradient(135deg,var(--primary),#37cbb6);overflow:hidden;display:grid;place-items:center;color:#fff;font:900 54px Nunito;box-shadow:0 12px 30px rgba(20,30,60,.2)}.pro-avatar img{width:100%;height:100%;object-fit:cover}.pro-identity{padding:0 0 8px}.identity-line{display:flex;align-items:center;gap:9px}.identity-line h1{font:900 34px Nunito;margin:0}.verified-dot{width:22px;height:22px;display:grid;place-items:center;border-radius:50%;background:var(--primary);color:#fff;font-size:12px}.pro-identity>strong{display:block;color:var(--primary);margin:3px 0 8px}.pro-identity p{margin:0 0 12px;color:var(--muted);max-width:650px;line-height:1.6}.xp-line{display:flex;justify-content:space-between;font-size:11px;color:var(--muted);font-weight:800;max-width:460px}.xp-track{height:7px;border-radius:99px;background:var(--surface2);overflow:hidden;max-width:460px;margin-top:6px}.xp-track i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--primary),#27c8ad)}.pro-actions{display:flex;gap:9px;padding-bottom:12px}.pro-stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:13px;margin:28px 0}.pro-stats-grid article{display:flex;align-items:center;gap:14px;background:var(--surface);border:1px solid var(--line);border-radius:20px;padding:18px;box-shadow:0 10px 30px rgba(40,55,95,.06)}.pro-stats-grid article>span{width:46px;height:46px;border-radius:15px;background:var(--surface2);display:grid;place-items:center;font-size:23px}.pro-stats-grid small,.pro-card-head small,.wallet-hero small{display:block;color:var(--muted);font-size:10px;font-weight:900;letter-spacing:.1em}.pro-stats-grid b{font-size:23px}.pro-content-grid{display:grid;grid-template-columns:1fr 1.15fr;gap:18px}.profile-left-col,.profile-right-col{display:grid;gap:18px;align-content:start}.pro-card{background:var(--surface);border:1px solid var(--line);border-radius:24px;padding:24px;box-shadow:0 12px 40px rgba(40,55,95,.07)}.pro-card-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}.pro-card-head h2{font:900 23px Nunito;margin:4px 0 0}.pro-card-head>a{color:var(--primary);font-size:12px;font-weight:800}.identity-list{display:grid;grid-template-columns:1fr 1fr;gap:10px}.identity-list div{padding:14px;border-radius:14px;background:var(--surface2)}.identity-list span{display:block;color:var(--muted);font-size:11px}.identity-list b{display:block;margin-top:4px}.badge-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.game-badge{padding:15px 10px;border:1px solid var(--line);border-radius:16px;text-align:center;filter:grayscale(1);opacity:.45}.game-badge.unlocked{filter:none;opacity:1;background:linear-gradient(180deg,color-mix(in srgb,var(--primary) 8%,var(--surface)),var(--surface))}.game-badge span{display:block;font-size:26px}.game-badge b{display:block;font-size:12px;margin:5px 0}.game-badge small{font-size:10px;color:var(--muted)}.wallet-hero{display:grid;grid-template-columns:1fr 1fr;gap:10px}.wallet-hero>div{position:relative;padding:20px;border-radius:18px;background:var(--surface2)}.wallet-hero>div>span{font-size:25px}.wallet-hero b{display:block;font-size:28px;margin:4px 0 12px}.wallet-hero a{color:var(--primary);font-weight:800;font-size:12px}.recent-tx{margin-top:13px}.recent-tx>div{display:flex;align-items:center;gap:12px;padding:10px 0;border-bottom:1px solid var(--line)}.recent-tx p{margin:0}.recent-tx p small{display:block;color:var(--muted);margin-top:3px}.recent-tx .plus{color:#0ea875;font-weight:900}.recent-tx .minus{color:var(--danger);font-weight:900}.transfer-recipient{padding:13px 14px;border-radius:13px;background:var(--surface2);color:var(--muted)}.form-hint{color:var(--muted);font-weight:500}
.shop-shell{max-width:1180px;margin:0 auto;padding:50px 24px 85px}.shop-hero{display:grid;grid-template-columns:1.3fr .7fr;gap:34px;align-items:center;margin-bottom:28px}.shop-hero>div:first-child>span,.subpage-head>div>span{color:var(--primary);font-weight:900;letter-spacing:.14em;font-size:11px}.shop-hero h1,.subpage-head h1{font:900 48px Nunito;margin:7px 0 10px}.shop-hero p,.subpage-head p{color:var(--muted);line-height:1.7}.shop-balance{display:grid;grid-template-columns:1fr 1fr;gap:10px}.shop-balance>div{background:var(--surface);border:1px solid var(--line);border-radius:20px;padding:20px}.shop-balance small{display:block;color:var(--muted);font-weight:900;letter-spacing:.08em}.shop-balance b{display:block;font-size:25px;margin:6px 0 12px}.shop-balance a{color:var(--primary);font-weight:800;font-size:12px}.shop-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.shop-category{min-height:210px;display:grid;grid-template-columns:60px 1fr auto;gap:14px;align-items:start;background:var(--surface);border:1px solid var(--line);border-radius:24px;padding:24px;box-shadow:var(--shadow);transition:.2s}.shop-category:hover{transform:translateY(-4px);border-color:color-mix(in srgb,var(--primary) 35%,var(--line))}.shop-category>span{width:56px;height:56px;border-radius:17px;background:var(--surface2);display:grid;place-items:center;font-size:28px}.shop-category small{color:var(--primary);font-size:10px;font-weight:900;letter-spacing:.1em}.shop-category h2{font:900 24px Nunito;margin:6px 0}.shop-category p{color:var(--muted);font-size:13px;line-height:1.6}.subpage-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:26px}.subpage-head>div>a{display:block;color:var(--muted);font-weight:700;font-size:13px;margin-bottom:22px}.balance-pill,.balance-stack span{background:var(--surface);border:1px solid var(--line);border-radius:15px;padding:13px 17px}.balance-stack{display:flex;gap:8px}.package-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.package-card{position:relative;background:var(--surface);border:1px solid var(--line);border-radius:24px;padding:26px;text-align:center;box-shadow:0 15px 45px rgba(40,55,95,.08)}.package-card.featured{border-color:color-mix(in srgb,var(--primary) 55%,var(--line));box-shadow:0 20px 55px color-mix(in srgb,var(--primary) 15%,transparent)}.package-card>em{position:absolute;top:13px;right:13px;background:var(--primary);color:#fff;border-radius:999px;padding:6px 9px;font-size:9px;font-weight:900;font-style:normal}.package-icon{font-size:45px}.package-card h2{font:900 24px Nunito;margin:10px 0}.package-amount{font-size:30px;font-weight:900}.package-amount small{display:block;color:#0ea875;font-size:11px;margin-top:3px}.package-price{font-size:18px;font-weight:900;color:var(--primary);margin:15px 0}.package-note{display:block;margin-top:9px;color:var(--muted);font-size:10px;line-height:1.4}.primary-btn:disabled{opacity:.5;cursor:not-allowed}.wallet-card{background:var(--surface);border:1px solid var(--line);border-radius:24px;padding:24px}.wallet-toolbar{display:flex;gap:8px;padding-bottom:18px;border-bottom:1px solid var(--line)}.wallet-row{display:grid;grid-template-columns:90px 1fr auto;gap:15px;align-items:center;padding:15px 0;border-bottom:1px solid var(--line)}.wallet-sign{font-weight:900}.wallet-sign.credit{color:#0ea875}.wallet-sign.debit{color:var(--danger)}.wallet-row small{display:block;color:var(--muted);margin-top:4px}.empty-state{text-align:center;padding:45px;color:var(--muted)}
@media(max-width:900px){.pro-profile-head{grid-template-columns:120px 1fr}.pro-avatar{width:120px;height:120px}.pro-actions{grid-column:1/-1;padding:0}.pro-stats-grid{grid-template-columns:1fr 1fr}.pro-content-grid,.shop-hero{grid-template-columns:1fr}.shop-grid,.package-grid{grid-template-columns:1fr 1fr}.shop-balance{max-width:520px}.pro-cover{height:250px}}
@media(max-width:600px){.pro-profile-shell,.shop-shell{padding-left:14px;padding-right:14px}.pro-cover{height:205px;border-radius:22px}.pro-profile-head{display:flex;flex-wrap:wrap;padding:0 10px;margin-top:-52px}.pro-avatar{width:94px;height:94px;border-radius:25px;border-width:5px}.pro-identity{width:100%}.identity-line h1{font-size:28px}.pro-stats-grid,.shop-grid,.package-grid,.shop-balance,.wallet-hero,.identity-list{grid-template-columns:1fr 1fr}.pro-content-grid{grid-template-columns:1fr}.badge-grid{grid-template-columns:1fr 1fr 1fr}.shop-hero h1,.subpage-head h1{font-size:38px}.subpage-head{align-items:flex-start;gap:15px;flex-direction:column}.balance-stack{flex-wrap:wrap}.shop-grid,.package-grid{grid-template-columns:1fr}.shop-category{min-height:auto}.wallet-row{grid-template-columns:75px 1fr}.wallet-row>strong{grid-column:2}.wallet-toolbar{overflow:auto}.pro-actions{width:100%;flex-wrap:wrap}}
.edit-profile-shell{max-width:1180px;margin:0 auto;padding:42px 24px 90px}.edit-profile-head{display:grid;grid-template-columns:1fr 300px;gap:26px;align-items:end;margin-bottom:22px}.edit-profile-head>div:first-child>a{display:block;color:var(--muted);font-weight:700;font-size:13px;margin-bottom:26px}.edit-profile-head>div:first-child>span{color:var(--primary);font-size:11px;letter-spacing:.14em;font-weight:900}.edit-profile-head h1{font:900 46px Nunito;margin:7px 0 8px}.edit-profile-head p{color:var(--muted);line-height:1.7}.edit-preview{position:relative;height:150px;background:var(--surface);border:1px solid var(--line);border-radius:22px;padding:12px 16px 15px;overflow:hidden}.edit-cover-mini{position:absolute;inset:0 0 auto;height:85px;background:linear-gradient(135deg,var(--primary),#2cc4b1);background-size:cover;background-position:center}.edit-avatar-mini{position:relative;margin-top:45px;width:66px;height:66px;border:4px solid var(--surface);border-radius:19px;background:linear-gradient(135deg,var(--primary),#2cc4b1);display:grid;place-items:center;color:#fff;font-weight:900;overflow:hidden}.edit-avatar-mini img{width:100%;height:100%;object-fit:cover}.edit-preview>strong{position:absolute;left:92px;bottom:22px}.edit-profile-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.edit-profile-grid>.pro-card:first-child,.edit-profile-grid>.edit-savebar,.edit-profile-grid>.legal-completion{grid-column:1/-1}.upload-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.upload-box{position:relative;min-height:150px;border:1px dashed color-mix(in srgb,var(--primary) 35%,var(--line));border-radius:18px;background:color-mix(in srgb,var(--primary) 4%,var(--surface));display:flex!important;flex-direction:column;align-items:center;justify-content:center;gap:5px!important;text-align:center;cursor:pointer}.upload-box>span{font-size:28px}.upload-box>b{font-size:14px}.upload-box>small{color:var(--muted);font-weight:500}.upload-box input{position:absolute;inset:0;opacity:0;cursor:pointer}.profile-form small{color:var(--muted);font-weight:500}.edit-savebar{position:sticky;bottom:16px;z-index:15;display:flex;justify-content:space-between;align-items:center;gap:20px;padding:15px 18px;background:color-mix(in srgb,var(--surface) 92%,transparent);border:1px solid var(--line);border-radius:18px;box-shadow:var(--shadow);backdrop-filter:blur(18px)}.edit-savebar small{display:block;color:var(--muted);margin-top:3px}@media(max-width:760px){.edit-profile-head,.edit-profile-grid{grid-template-columns:1fr}.edit-preview{display:none}.edit-profile-grid>.pro-card{grid-column:1}.upload-grid{grid-template-columns:1fr}.edit-savebar{bottom:8px}.edit-savebar>div{display:none}.edit-savebar .primary-btn{width:100%}.edit-profile-head h1{font-size:37px}}

/* Water Sort V2.2 runtime UI */
.header-menu{position:relative}.header-menu>summary{list-style:none}.header-menu>summary::-webkit-details-marker{display:none}.header-dropdown{position:absolute;right:0;top:48px;z-index:120;width:220px;padding:10px;background:var(--surface);border:1px solid var(--line);border-radius:16px;box-shadow:var(--shadow)}.header-dropdown a,.header-dropdown button{width:100%;display:flex;align-items:center;gap:9px;padding:11px 12px;border:0;border-radius:11px;background:transparent;color:var(--text);font:700 13px Inter,sans-serif;text-align:left;cursor:pointer}.header-dropdown a:hover,.header-dropdown button:hover,.header-dropdown button.active{background:var(--surface2);color:var(--primary)}.header-dropdown hr{border:0;border-top:1px solid var(--line);margin:8px 0}.dropdown-user{padding:8px 12px 12px}.dropdown-user b,.dropdown-user small{display:block}.dropdown-user small{margin-top:4px;color:var(--muted);font-size:11px;overflow:hidden;text-overflow:ellipsis}.logout-link{color:var(--danger)!important}.theme-dropdown{width:190px}.theme-toggle span{pointer-events:none}.board-loading-card,.board-error-card{align-self:center;min-width:240px;max-width:460px;display:flex;flex-direction:column;align-items:center;gap:8px;text-align:center}.board-loading-card small{color:var(--muted);font-size:12px}.board-error-card>span{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;background:color-mix(in srgb,var(--danger) 12%,var(--surface));color:var(--danger);font-weight:900}.username-status.checking{color:var(--muted)}html[data-theme="light"]{color-scheme:light}html[data-theme="dark"]{color-scheme:dark}html[data-theme="system"]{color-scheme:light dark}@media(max-width:600px){.header-dropdown{position:fixed;right:12px;top:68px}.user-dropdown{width:min(300px,calc(100vw - 24px))}}
\n\n/* V2.8 Water Sort pour animation - visual layer only */\n.water-sort-board{position:relative;overflow:visible}\n.water-bottle{transform-origin:50% 12%;will-change:transform,filter}\n.water-bottle.selected{filter:drop-shadow(0 15px 22px color-mix(in srgb,var(--primary) 34%,transparent))}\n.water-bottle.is-pouring{pointer-events:none;filter:drop-shadow(0 18px 24px rgba(0,0,0,.22))}\n.water-bottle.is-receiving .bottle-glass{box-shadow:0 0 0 3px color-mix(in srgb,var(--primary) 14%,transparent),0 16px 35px rgba(0,0,0,.12),inset 0 0 24px rgba(255,255,255,.11)}\n.water-pour-stream{position:fixed;z-index:9999;left:var(--stream-x);top:var(--stream-y);width:10px;height:var(--stream-h);transform:translateX(-50%) scaleY(0);transform-origin:50% 0;border-radius:999px;background:linear-gradient(90deg,color-mix(in srgb,var(--stream-color) 76%,white),var(--stream-color) 45%,color-mix(in srgb,var(--stream-color) 82%,black));box-shadow:0 0 12px color-mix(in srgb,var(--stream-color) 52%,transparent);opacity:0;pointer-events:none;transition:transform .13s ease-out,opacity .11s ease-out}\n.water-pour-stream:before{content:"";position:absolute;left:50%;top:-7px;width:18px;height:12px;transform:translateX(-50%);border-radius:50%;background:var(--stream-color);filter:brightness(1.08)}\n.water-pour-stream:after{content:"";position:absolute;left:50%;bottom:-5px;width:22px;height:9px;transform:translateX(-50%);border-radius:50%;background:color-mix(in srgb,var(--stream-color) 78%,white);opacity:.75;animation:wsSplash .34s ease-in-out infinite alternate}\n.water-pour-stream.show{opacity:.96;transform:translateX(-50%) scaleY(1)}\n@keyframes wsSplash{from{transform:translateX(-50%) scaleX(.65);opacity:.35}to{transform:translateX(-50%) scaleX(1.15);opacity:.85}}\n@media (prefers-reduced-motion:reduce){.water-pour-stream{transition:none}.water-pour-stream:after{animation:none}.water-bottle{transition:none!important}}\n
/* V2.9 ARCADE WATER SORT — visual-only redesign */
.arcade-play-shell{max-width:1240px;padding-top:22px}.arcade-outside-top{padding:0 12px}.arcade-arena-card{position:relative;isolation:isolate;overflow:hidden;min-height:720px;padding:0;border:1px solid rgba(116,158,205,.2);border-radius:30px;background:radial-gradient(circle at 50% 26%,rgba(43,161,191,.17),transparent 34%),radial-gradient(circle at 17% 80%,rgba(102,70,218,.16),transparent 32%),linear-gradient(180deg,#12263c 0%,#0b1d31 48%,#071626 100%);box-shadow:0 32px 90px rgba(1,12,28,.35);color:#fff}
.arcade-arena-card:before{content:"";position:absolute;inset:0;z-index:-2;background:radial-gradient(circle at 10% 10%,rgba(255,255,255,.7) 0 1px,transparent 1.6px),radial-gradient(circle at 70% 20%,rgba(255,255,255,.45) 0 1px,transparent 1.5px),radial-gradient(circle at 40% 72%,rgba(117,211,255,.34) 0 1px,transparent 1.8px);background-size:85px 85px,120px 120px,150px 150px;opacity:.42}.arena-pattern{position:absolute;inset:0;z-index:-1;opacity:.085;background-image:linear-gradient(45deg,transparent 45%,rgba(255,255,255,.35) 46%,rgba(255,255,255,.35) 48%,transparent 49%),linear-gradient(-45deg,transparent 45%,rgba(255,255,255,.2) 46%,rgba(255,255,255,.2) 48%,transparent 49%);background-size:54px 54px;mask-image:linear-gradient(to bottom,#000,transparent 85%)}
.arcade-toolbar{position:relative;z-index:4;display:grid;grid-template-columns:1fr auto 1fr;align-items:start;gap:16px;padding:26px 30px 10px}.arcade-toolbar-left,.arcade-toolbar-right{display:flex;gap:10px}.arcade-toolbar-right{justify-content:flex-end}.arcade-icon-btn,.arcade-power-btn{border:2px solid rgba(255,255,255,.25);background:linear-gradient(180deg,#ffd832,#ffb400);color:#362600;box-shadow:inset 0 2px rgba(255,255,255,.65),0 6px 0 #b66d00,0 10px 24px rgba(0,0,0,.28);font-weight:1000;cursor:pointer;transition:transform .14s ease,filter .14s ease}.arcade-icon-btn{width:52px;height:46px;border-radius:13px;display:grid;place-items:center;font-size:26px}.arcade-power-btn{height:46px;border-radius:13px;padding:0 15px;display:flex;align-items:center;gap:7px}.arcade-power-btn b{font-size:21px}.arcade-power-btn span{font-size:10px;letter-spacing:.04em}.arcade-icon-btn:hover,.arcade-power-btn:hover{filter:brightness(1.08);transform:translateY(-2px)}.arcade-icon-btn:active,.arcade-power-btn:active{transform:translateY(3px);box-shadow:inset 0 2px rgba(255,255,255,.4),0 3px 0 #b66d00}.arcade-power-btn:disabled{filter:grayscale(.65);opacity:.6;cursor:not-allowed}
.arcade-level-title{text-align:center;text-shadow:0 3px 10px rgba(0,0,0,.5)}.arcade-level-title small{display:block;font-size:9px;letter-spacing:.28em;color:#6fe9ff;font-weight:1000}.arcade-level-title strong{display:block;margin-top:3px;font:1000 clamp(25px,3vw,37px)/1 Nunito,sans-serif;letter-spacing:.025em;color:#fff}.arcade-level-title span{display:block;margin-top:7px;font-size:11px;color:#a9c7dd;font-weight:800}
.arcade-board{position:relative;z-index:2;min-height:535px;max-width:930px;margin:0 auto;padding:78px 34px 52px;display:grid;grid-template-columns:repeat(7,minmax(72px,92px));grid-auto-rows:210px;justify-content:center;align-items:end;align-content:center;gap:42px 20px;overflow:visible}.arcade-help{position:relative;z-index:3;margin:-12px auto 24px;width:max-content;max-width:calc(100% - 40px);padding:9px 15px;border-radius:999px;background:rgba(4,20,35,.6);border:1px solid rgba(164,220,255,.16);color:#91b3ca;font-size:11px;font-weight:800;backdrop-filter:blur(8px)}.arcade-arena-card .game-status{color:#ffdda0;text-align:center;padding:0 20px 18px}
.arcade-board .water-bottle{width:76px;height:194px;justify-self:center;transform-origin:50% 8%;filter:drop-shadow(0 14px 10px rgba(0,0,0,.28));transition:transform .2s ease,filter .2s ease}.arcade-board .water-bottle:hover{transform:translateY(-7px);filter:drop-shadow(0 18px 14px rgba(0,0,0,.32))}.arcade-board .water-bottle.selected{transform:translateY(-22px) scale(1.04);filter:drop-shadow(0 0 14px rgba(103,224,255,.8)) drop-shadow(0 20px 16px rgba(0,0,0,.38))}.arcade-board .bottle-shadow{position:absolute;left:9px;right:9px;bottom:-10px;height:15px;border-radius:50%;background:rgba(0,0,0,.3);filter:blur(5px);transform:scaleX(.9)}
.arcade-board .bottle-neck{left:16px;right:16px;top:0;height:26px;border:0;border-radius:0;background:transparent;overflow:visible}.arcade-board .bottle-neck:before,.arcade-board .bottle-neck:after{content:"";position:absolute;left:0;right:0;border-radius:50%}.arcade-board .bottle-neck:before{top:-2px;height:15px;border:4px solid rgba(225,244,255,.88);background:rgba(255,255,255,.05);box-shadow:inset 0 2px rgba(255,255,255,.45),0 0 8px rgba(106,211,255,.15)}.arcade-board .bottle-neck:after{top:7px;height:22px;border-left:4px solid rgba(221,241,255,.75);border-right:4px solid rgba(221,241,255,.75);border-radius:0}.arcade-board .bottle-neck i{position:absolute;z-index:3;left:8px;right:8px;top:3px;height:4px;border-radius:50%;background:rgba(255,255,255,.38);filter:blur(.2px)}
.arcade-board .bottle-glass{left:8px;right:8px;top:22px;bottom:0;border:4px solid rgba(219,241,255,.82);border-top:0;border-radius:0 0 27px 27px;background:linear-gradient(90deg,rgba(255,255,255,.13),rgba(255,255,255,.03) 30%,rgba(113,190,232,.04) 72%,rgba(255,255,255,.15));box-shadow:inset 5px 0 10px rgba(255,255,255,.08),inset -4px 0 10px rgba(47,116,158,.08),0 0 0 1px rgba(90,180,225,.08);overflow:hidden}.arcade-board .bottle-glass:before{content:"";position:absolute;z-index:8;inset:2px auto 12px 5px;width:5px;border-radius:999px;background:linear-gradient(rgba(255,255,255,.45),rgba(255,255,255,.05));opacity:.55}.arcade-board .glass-shine{position:absolute;z-index:9;left:10px;top:20px;width:8px;height:86px;border-radius:999px;background:linear-gradient(180deg,rgba(255,255,255,.34),rgba(255,255,255,0));pointer-events:none}.arcade-board .glass-bottom-glow{position:absolute;z-index:9;left:12px;right:12px;bottom:6px;height:11px;border-radius:50%;background:rgba(255,255,255,.12);filter:blur(2px);pointer-events:none}
.arcade-board .liquid-seg{left:0;right:0;height:25%;bottom:calc(var(--slot)*25%);background:linear-gradient(180deg,color-mix(in srgb,var(--liquid) 85%,white) 0%,var(--liquid) 23%,color-mix(in srgb,var(--liquid) 88%,black) 100%);border-top:1px solid rgba(255,255,255,.2);box-shadow:inset 0 5px rgba(255,255,255,.13),inset 0 -5px rgba(0,0,0,.07);transition:background .18s ease}.arcade-board .liquid-seg:before{content:"";position:absolute;left:0;right:0;top:-4px;height:8px;border-radius:50%;background:color-mix(in srgb,var(--liquid) 88%,white);box-shadow:inset 0 2px rgba(255,255,255,.22)}.arcade-board .liquid-seg[style*="transparent"]:before{display:none}
.water-pour-stream{width:11px!important;border-radius:8px!important;box-shadow:0 0 8px color-mix(in srgb,var(--stream-color) 70%,transparent),0 0 22px color-mix(in srgb,var(--stream-color) 32%,transparent)!important}.water-pour-stream:before{width:14px!important;height:8px!important}.water-pour-stream:after{width:25px!important;height:7px!important}
.arcade-board .board-loading-card,.arcade-board .board-error-card{grid-column:1/-1;align-self:center;justify-self:center;color:#dcecff;background:rgba(4,18,31,.58);border:1px solid rgba(144,205,238,.16);border-radius:22px;padding:24px 30px;backdrop-filter:blur(9px)}.arcade-board .board-error-card p{color:#abc2d2}.arcade-board .board-error-card>span{background:rgba(255,86,117,.16)}
.arcade-result-box{border-color:rgba(130,190,255,.24);background:linear-gradient(180deg,#132a42,#0a1d31);color:#fff}.arcade-result-box p{color:#a9c4d7}
.ws-confetti{position:fixed;z-index:99999;width:9px;height:16px;border-radius:3px;background:var(--c);pointer-events:none;animation:wsConfetti 1.35s cubic-bezier(.14,.72,.28,1) var(--delay) forwards}@keyframes wsConfetti{0%{transform:translate3d(0,0,0) rotate(0);opacity:1}100%{transform:translate3d(var(--dx),420px,0) rotate(var(--rot));opacity:0}}.arcade-board.is-solved .water-bottle{animation:wsSolvedBottle .7s ease-in-out alternate 2}@keyframes wsSolvedBottle{to{transform:translateY(-13px);filter:drop-shadow(0 0 16px rgba(95,230,255,.8))}}
html[data-theme="light"] .arcade-arena-card{background:radial-gradient(circle at 50% 22%,rgba(39,172,204,.20),transparent 34%),linear-gradient(180deg,#123653 0%,#0d2a44 48%,#081e32 100%)}
@media(max-width:1000px){.arcade-board{grid-template-columns:repeat(6,minmax(65px,82px));gap:38px 13px;padding-left:16px;padding-right:16px}.arcade-toolbar{padding-left:18px;padding-right:18px}}
@media(max-width:760px){.arcade-arena-card{min-height:650px;border-radius:22px}.arcade-toolbar{grid-template-columns:1fr auto 1fr;gap:7px;padding:18px 12px 0}.arcade-icon-btn{width:43px;height:40px;font-size:21px}.arcade-power-btn{height:40px;padding:0 10px}.arcade-power-btn span{display:none}.arcade-level-title strong{font-size:25px}.arcade-level-title span{display:none}.arcade-board{min-height:520px;grid-template-columns:repeat(5,58px);grid-auto-rows:166px;gap:30px 10px;padding:54px 8px 40px}.arcade-board .water-bottle{width:58px;height:160px}.arcade-board .bottle-neck{left:12px;right:12px;height:22px}.arcade-board .bottle-glass{left:6px;right:6px;top:19px;border-width:3px;border-radius:0 0 21px 21px}.arcade-board .glass-shine{height:62px;left:7px}.arcade-help{font-size:10px}}
@media(max-width:440px){.arcade-outside-top .level-pills span:nth-child(3){display:none}.arcade-board{grid-template-columns:repeat(4,56px);grid-auto-rows:157px;gap:25px 11px}.arcade-board .water-bottle{width:56px;height:152px}.arcade-arena-card{min-height:670px}.arcade-level-title small{display:none}}


/* V3.0 waterfall pour animation - visual only */
.ws-source-hidden{visibility:hidden!important}
.ws-flying-bottle{box-sizing:border-box!important;transform-origin:50% 8%!important;filter:drop-shadow(0 22px 18px rgba(0,0,0,.38))!important}
.ws-waterfall{position:fixed;z-index:10030;overflow:visible;pointer-events:none;opacity:0;transition:opacity .12s ease}
.ws-waterfall.show{opacity:1}
.ws-waterfall path{fill:none;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke}
.ws-waterfall-glow{stroke:var(--water-color);stroke-width:22;opacity:.28;filter:blur(7px)}
.ws-waterfall-main{stroke:var(--water-color);stroke-width:13;opacity:.98;filter:drop-shadow(0 2px 2px rgba(0,0,0,.18));animation:wsWaterPulse .23s ease-in-out infinite alternate}
.ws-waterfall-shine{stroke:rgba(255,255,255,.62);stroke-width:3.2;opacity:.72;transform:translateX(-2px)}
@keyframes wsWaterPulse{from{stroke-width:11.5}to{stroke-width:14.5}}
.ws-pour-splash{position:fixed;z-index:10031;width:44px;height:16px;border-radius:50%;border:4px solid color-mix(in srgb,var(--water-color) 82%,white);background:color-mix(in srgb,var(--water-color) 40%,transparent);transform:translate(-50%,-50%) scale(.45);opacity:0;pointer-events:none;filter:drop-shadow(0 0 8px color-mix(in srgb,var(--water-color) 55%,transparent));transition:opacity .12s ease,transform .18s ease}
.ws-pour-splash.show{opacity:.9;transform:translate(-50%,-50%) scale(1);animation:wsSplashRing .34s ease-in-out infinite alternate}
.ws-pour-splash:before,.ws-pour-splash:after{content:"";position:absolute;width:8px;height:13px;border-radius:60% 60% 50% 50%;background:var(--water-color);top:-12px;opacity:.85}
.ws-pour-splash:before{left:6px;transform:rotate(-28deg)}
.ws-pour-splash:after{right:6px;transform:rotate(28deg)}
@keyframes wsSplashRing{from{transform:translate(-50%,-50%) scale(.85)}to{transform:translate(-50%,-50%) scale(1.12)}}
@media (prefers-reduced-motion:reduce){.ws-waterfall-main,.ws-pour-splash.show{animation:none}}

/* V3.1 game sound controls */
.puzzle-card{position:relative}
.ws-sound-toggle{position:absolute;z-index:12;right:22px;bottom:20px;min-width:48px;height:42px;padding:0 12px;border:1px solid rgba(255,255,255,.22);border-radius:13px;background:rgba(4,20,35,.74);color:#fff;display:flex;align-items:center;justify-content:center;gap:7px;font-weight:900;box-shadow:0 8px 22px rgba(0,0,0,.22);backdrop-filter:blur(10px);cursor:pointer;transition:transform .15s ease,background .15s ease}
.ws-sound-toggle:hover{transform:translateY(-2px);background:rgba(8,35,59,.9)}
.ws-sound-toggle span{font-size:10px;letter-spacing:.04em}
@media(max-width:760px){.ws-sound-toggle{right:12px;bottom:12px;width:42px;min-width:42px;padding:0}.ws-sound-toggle span{display:none}}


/* V4.2 rewarded ads compatibility */

.coin-glyph{display:inline-grid;place-items:center;width:1.05em;height:1.05em;border-radius:50%;background:linear-gradient(145deg,#ffe472,#ffb300);border:2px solid #e99100;box-shadow:inset 0 2px 0 rgba(255,255,255,.65),0 2px 5px rgba(160,104,0,.18);color:#8b5700!important;font:900 .62em/1 Nunito,Inter,sans-serif;vertical-align:-.08em;flex:0 0 auto}.wallet-hero>div>span.coin-glyph,.shop-category>span.coin-glyph,.package-icon .coin-glyph{width:44px;height:44px;font-size:24px}.recent-tx .coin-glyph{width:15px;height:15px;font-size:10px;border-width:1px}.reward-mini-btn,.reward-result-btn{margin-top:9px;border:0;border-radius:10px;padding:9px 11px;background:linear-gradient(135deg,#6d5dfc,#8b5cf6);color:#fff;font-size:11px;font-weight:900;cursor:pointer;box-shadow:0 7px 18px rgba(109,93,252,.2)}.reward-result-btn{width:100%;margin:14px 0 8px;padding:13px;font-size:13px}
.rewarded-modal[hidden]{display:none!important}.rewarded-modal{position:fixed;inset:0;z-index:120000;display:grid;place-items:center;padding:18px}.rewarded-backdrop{position:absolute;inset:0;background:rgba(4,8,18,.78);backdrop-filter:blur(8px)}.rewarded-dialog{position:relative;width:min(480px,96vw);border-radius:26px;padding:25px;background:var(--card,#fff);color:var(--text,#12182b);box-shadow:0 30px 90px rgba(0,0,0,.36);border:1px solid var(--border,#e4e8f0)}.rewarded-close{position:absolute;right:14px;top:12px;border:0;background:transparent;font-size:26px;cursor:pointer}.rewarded-kicker{font-size:10px;letter-spacing:.18em;font-weight:900;color:#6d5dfc}.rewarded-dialog h3{margin:6px 0 14px;font:900 25px/1.1 Nunito,sans-serif}.rewarded-ad-stage{min-height:235px;border-radius:19px;background:linear-gradient(145deg,#12162a,#25214b);overflow:hidden;display:grid;place-items:center;color:#fff}.rewarded-ad-stage iframe{max-width:100%;border:0}.rewarded-placeholder{text-align:center;padding:28px;display:grid;gap:7px}.rewarded-placeholder>b{font-size:10px;letter-spacing:.2em;color:#7ce8ff}.rewarded-placeholder>strong{font-size:25px}.rewarded-placeholder>small{max-width:310px;opacity:.65;line-height:1.5}.rewarded-count{display:flex;align-items:center;gap:9px;margin:15px 2px 10px;font-size:12px;font-weight:800;opacity:.75}.rewarded-count i{width:8px;height:8px;border-radius:50%;background:#24c875;box-shadow:0 0 10px #24c875}@media(max-width:560px){.rewarded-dialog{padding:20px}.rewarded-ad-stage{min-height:200px}}

/* V4.3 realistic glass-to-glass liquid pour */
.ws-waterfall-main{stroke-width:11.5;filter:drop-shadow(0 2px 2px rgba(0,0,0,.2));animation:wsWaterPulse .16s ease-in-out infinite alternate}
.ws-waterfall-shine{stroke-width:2.4;opacity:.78}
.ws-flow-drop{opacity:.92;filter:drop-shadow(0 1px 2px rgba(0,0,0,.2))}
.arcade-board .bottle-glass{overflow:hidden}
.ws-incoming-liquid{position:absolute;left:1px;right:1px;z-index:6;background:linear-gradient(180deg,color-mix(in srgb,var(--water-color) 86%,white) 0%,var(--water-color) 25%,color-mix(in srgb,var(--water-color) 88%,black) 100%);box-shadow:inset 0 6px rgba(255,255,255,.18),inset 0 -5px rgba(0,0,0,.08);transition:height .72s cubic-bezier(.2,.72,.2,1);border-top-left-radius:48% 8px;border-top-right-radius:48% 8px;pointer-events:none}
.ws-incoming-liquid:before{content:"";position:absolute;left:0;right:0;top:-5px;height:10px;border-radius:50%;background:color-mix(in srgb,var(--water-color) 84%,white);box-shadow:inset 0 2px rgba(255,255,255,.25);animation:wsLiquidSurface .24s ease-in-out infinite alternate}
.ws-liquid-tilt .liquid-seg:before{transform:skewX(-12deg) scaleX(1.08);transform-origin:center;transition:transform .16s ease}
@keyframes wsLiquidSurface{from{transform:translateY(0) scaleX(.96)}to{transform:translateY(1px) scaleX(1.04)}}
@media(prefers-reduced-motion:reduce){.ws-incoming-liquid{transition:none}.ws-incoming-liquid:before{animation:none}}

.ws-level-drawer{position:fixed;inset:0;z-index:10060}.ws-level-drawer[hidden]{display:none}.ws-level-backdrop{position:absolute;inset:0;border:0;background:rgba(4,11,26,.68);backdrop-filter:blur(4px)}.ws-level-panel{position:absolute;left:0;top:0;bottom:0;width:min(430px,92vw);background:#0e2b46;color:#fff;padding:22px;overflow:auto;transform:translateX(-105%);transition:transform .18s ease;box-shadow:25px 0 60px rgba(0,0,0,.28)}.ws-level-drawer.open .ws-level-panel{transform:translateX(0)}.ws-level-panel header{display:flex;justify-content:space-between;gap:16px}.ws-level-panel header h2{font-size:30px;margin:3px 0}.ws-level-panel header p{opacity:.7;font-size:13px}.ws-level-panel header>button{width:40px;height:40px;border-radius:12px;border:1px solid rgba(255,255,255,.15);background:rgba(255,255,255,.08);color:#fff;font-size:22px}.ws-level-grid{display:grid;gap:8px;margin:20px 0}.ws-level-item{display:grid;grid-template-columns:46px 1fr auto;align-items:center;gap:10px;padding:11px;border:1px solid rgba(255,255,255,.1);border-radius:14px;background:rgba(255,255,255,.055);color:#fff;text-decoration:none}.ws-level-item:hover,.ws-level-item.is-playing{background:rgba(255,210,36,.15);border-color:rgba(255,210,36,.5)}.ws-level-item>b{display:grid;place-items:center;width:42px;height:42px;border-radius:11px;background:#ffd21d;color:#1c2b35}.ws-level-item span,.ws-level-item small{display:block}.ws-level-item small{opacity:.62;margin-top:2px}.ws-level-item em{font-size:11px;font-style:normal;font-weight:900}.ws-level-panel footer{display:flex;justify-content:space-between;gap:10px;border-top:1px solid rgba(255,255,255,.1);padding-top:14px}.ws-level-panel footer a{color:#fff}

.arcade-arena-card{position:relative;overflow:hidden}.arcade-arena-card>*:not(.ws-spacefx){position:relative;z-index:2}.ws-spacefx{position:absolute;inset:0;z-index:1;pointer-events:none;overflow:hidden;transform:translate3d(var(--px,0),var(--py,0),0);transition:transform .18s ease-out}.ws-spacefx b{position:absolute;left:var(--x);top:var(--y);width:var(--s);height:var(--s);border-radius:50%;background:#fff;box-shadow:0 0 8px rgba(111,221,255,.95);animation:wsTwinkle var(--d) ease-in-out infinite alternate}.ws-spacefx .nebula{position:absolute;width:42%;height:42%;border-radius:50%;filter:blur(55px);opacity:.12}.ws-spacefx .n1{left:-10%;top:5%;background:#795cff}.ws-spacefx .n2{right:-10%;bottom:-8%;background:#00c8ff}.ws-spacefx .shooting{position:absolute;width:90px;height:1px;background:linear-gradient(90deg,transparent,#fff,transparent);opacity:0;transform:rotate(-26deg);animation:wsShoot 8s linear infinite}.ws-spacefx .s1{left:-20%;top:20%}.ws-spacefx .s2{left:-25%;top:62%;animation-delay:4.2s}@keyframes wsTwinkle{from{opacity:.25;transform:scale(.8)}to{opacity:1;transform:scale(1.5)}}@keyframes wsShoot{0%,72%{opacity:0;transform:translate(0,0) rotate(-26deg)}74%{opacity:.9}82%{opacity:0;transform:translate(1250px,520px) rotate(-26deg)}100%{opacity:0}}.arcade-arena-card:fullscreen{width:100vw;height:100vh;border-radius:0;margin:0;padding:20px;overflow:auto}.arcade-arena-card:fullscreen .arcade-board{min-height:calc(100vh - 210px)}
.portal-nav-item{position:relative;display:inline-flex}.portal-submenu{position:absolute;top:100%;left:0;min-width:190px;background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:8px;box-shadow:var(--shadow);display:none;z-index:80}.portal-nav-item:hover .portal-submenu{display:grid}.portal-submenu a{padding:9px 10px;border-radius:9px;white-space:nowrap}.portal-submenu a:hover{background:var(--surface2)}
/* V6.3 sound control placement */
.arcade-arena-card .ws-sound-toggle{
 position:absolute!important;
 right:18px!important;
 bottom:16px!important;
 left:auto!important;
 top:auto!important;
 z-index:25!important;
 min-width:112px;
 height:40px;
 padding:0 13px!important;
 display:inline-flex!important;
 align-items:center!important;
 justify-content:center!important;
 gap:7px;
 border:1px solid rgba(150,210,240,.28)!important;
 border-radius:12px!important;
 background:rgba(5,22,38,.74)!important;
 color:#fff!important;
 box-shadow:0 8px 24px rgba(0,0,0,.22),inset 0 1px rgba(255,255,255,.08)!important;
 backdrop-filter:blur(10px);
 font-size:13px!important;
 font-weight:800!important;
 cursor:pointer;
}
.arcade-arena-card .ws-sound-toggle:hover{background:rgba(9,38,62,.92)!important;transform:translateY(-1px)}
.arcade-arena-card .ws-sound-toggle span{font-size:11px!important;white-space:nowrap}
.arcade-arena-card:fullscreen .ws-sound-toggle{position:fixed!important;right:22px!important;bottom:20px!important}
@media(max-width:700px){.arcade-arena-card .ws-sound-toggle{right:10px!important;bottom:10px!important;min-width:44px;width:44px;padding:0!important}.arcade-arena-card .ws-sound-toggle span{display:none}}
.game-bell{width:40px;height:40px;border:1px solid var(--line);background:var(--surface2);border-radius:14px;display:grid;place-items:center;font-size:17px}.user-notification-list form{margin:0}.user-notification{width:100%;border:0;background:transparent;color:inherit;display:grid;grid-template-columns:42px 1fr 10px;gap:12px;align-items:start;text-align:left;padding:14px 0;border-bottom:1px solid var(--line);cursor:pointer}.user-notification>span{width:42px;height:42px;border-radius:13px;background:var(--surface2);display:grid;place-items:center}.user-notification strong,.user-notification p,.user-notification small{display:block;margin:0}.user-notification p{color:var(--muted);margin-top:3px}.user-notification small{color:var(--muted);margin-top:5px;font-size:11px}.user-notification i{width:8px;height:8px;border-radius:50%;background:var(--primary);margin-top:8px}.user-notification.is-read{opacity:.58}