@import url('https://fonts.googleapis.com/css2?family=Be+Vietnam+Pro:wght@400;500;600;700;800&display=swap');
:root{color-scheme:dark;font-family:'Be Vietnam Pro',system-ui,sans-serif;color:#f2f3ff;background:#111329;--muted:#a1aac8;--purple:#9062ff;--cyan:#4ce0ef;--orange:#ffb456;--line:#ffffff12}
*{box-sizing:border-box}body{margin:0;min-height:100svh;background:radial-gradient(ellipse at 10% 0,#33245777,transparent 50%),radial-gradient(ellipse at 100% 55%,#15495544,transparent 50%);-webkit-tap-highlight-color:transparent}button,input{font:inherit}button{border:1px solid #ffffff16;background:#292d4a;color:#eff1ff;border-radius:13px;padding:12px 16px;min-height:46px;cursor:pointer;font-size:12px;font-weight:600;touch-action:manipulation;transition:background .18s,transform .18s,border-color .18s}button:hover{background:#353958;border-color:#a991ff88}button:active{transform:scale(.97)}button:disabled{opacity:.42;cursor:default}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid var(--cyan);outline-offset:4px}a{color:inherit;text-decoration:none}[hidden]{display:none!important}.site-bar{max-width:1040px;margin:auto;display:flex;gap:12px;align-items:center;padding:20px 28px}.brand{display:flex;align-items:center;gap:10px;margin-right:auto;font-size:13px;letter-spacing:1px;white-space:nowrap}.brand b{color:#929bbb;font-weight:500}.brand-icon{display:grid;place-items:center;background:linear-gradient(135deg,#b985ff,#6747e5);width:36px;height:36px;border-radius:11px;font-size:23px;font-weight:800;box-shadow:0 5px 20px #8c52ff33}#account{max-width:310px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;border-color:#8f70eb55;background:#3e2c6566;color:#d6c8ff}#adminPanel{font-size:11px}main{max-width:920px;margin:auto;padding:12px 28px 24px}.intro{display:flex;justify-content:space-between;align-items:center;padding:12px 4px 24px}.eyebrow{font-size:9px;letter-spacing:2.2px;font-weight:700;color:#aca1ee}h1{font-size:clamp(28px,4.7vw,46px);line-height:1.2;letter-spacing:-1.5px;margin:10px 0 8px;font-weight:800}h1>span{color:#af91ff}.title-dot{color:var(--cyan)}.intro p{font-size:12px;color:var(--muted);margin:0}.intro-symbol{color:#9c7cff;font-size:85px;line-height:1;padding:0 15px;text-shadow:0 0 35px #9962ff55;transform:rotate(-12deg)}.game{border:1px solid #ffffff15;border-radius:24px;background:linear-gradient(145deg,#23253e,#1a2035);box-shadow:0 20px 70px #0003;overflow:hidden}.toolbar{display:flex;align-items:center;gap:26px;padding:22px 28px;border-bottom:1px solid var(--line);background:#ffffff02}.toolbar>div:first-child{margin-right:auto}small{color:var(--muted);font-size:9px;letter-spacing:1.1px}.toolbar h2{font-size:25px;margin:6px 0 0;line-height:1.2}.toolbar h2 #level{color:#c5acff}.infinity{font-weight:400;color:#7883a6;font-size:20px;margin-left:5px}.stat{text-align:center;min-width:72px}.stat b{display:block;font-size:24px;margin-bottom:4px;color:#ebf2ff;font-variant-numeric:tabular-nums}.stat:last-child b{color:var(--cyan)}.board-top{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:12px 26px 0;font-size:11px;color:var(--muted)}.board-top>span{display:flex;align-items:center;gap:7px}.legend-line{width:19px;border-top:2px dashed var(--orange)}#showHelp{background:transparent;border:0;min-height:36px;padding:8px 0 8px 12px;font-size:11px;color:#c5cbe2}.bottles{display:flex;justify-content:center;align-items:end;gap:clamp(18px,3.1vw,36px);flex-wrap:wrap;padding:30px 30px 14px;background:radial-gradient(ellipse at 50% 80%,#3d597621,transparent 65%)}.bottle-button{width:94px;flex:0 0 auto;padding:12px 0 0;min-height:0;border:0;background:none!important;position:relative;touch-action:manipulation;overflow:visible}.bottle-button:disabled{opacity:1}.neck{width:36px;height:16px;margin:auto;border:2px solid #91b8d08a;border-bottom:0;border-radius:9px 9px 0 0;background:linear-gradient(90deg,#afd2ff19,#9abad92b);transition:transform .25s}.vessel{height:180px;border:2px solid #91b8d08a;border-radius:19px 19px 23px 23px;position:relative;background:linear-gradient(100deg,#e0eeff14,transparent 35%,#d8e9ff0b);box-shadow:inset 5px 0 9px #def3ff0c,0 15px 20px #0002;transition:transform .25s,border-color .25s,box-shadow .25s}.vessel:after{content:'';position:absolute;top:14px;left:9px;bottom:18px;width:4px;border-radius:4px;background:#e1f7ff22;pointer-events:none}.liquid{position:absolute;bottom:0;left:0;right:0;border-radius:0 0 20px 20px;background:linear-gradient(100deg,#37c8ed,#5493ec);box-shadow:inset 9px 0 14px #9ff7ff28;transition:height .4s cubic-bezier(.22,.8,.3,1);max-height:100%}.liquid:after{content:'';position:absolute;left:0;right:0;top:0;height:4px;border-radius:50%;background:#b2f9ff;box-shadow:0 0 9px #51e8ff55}.tick{position:absolute;left:4px;width:9px;border-top:1px solid #c4e0ec50;z-index:1}.target{position:absolute;left:-7px;right:-7px;border-top:2px dashed var(--orange);z-index:2}.target span{position:absolute;right:-7px;top:-11px;color:#ffdaa3;background:#654529;border:1px solid #ffc06b65;border-radius:6px;font-size:10px;padding:2px 5px;min-width:20px}.bottle-button.selected .vessel{transform:translateY(-10px);border-color:#c6a3ff;box-shadow:0 0 0 4px #9d66ff30,0 12px 30px #7e45ff25}.bottle-button.selected .neck{transform:translateY(-10px);border-color:#c6a3ff}.bottle-button.correct .vessel{border-color:#54dbc2;box-shadow:0 0 20px #4cd8b912}.bottle-label{display:block;margin-top:14px;font-size:12px;font-weight:700;color:#e2e6fb}.amount{display:block;margin-top:5px;font-size:10px;font-weight:400;color:#96a7c5;font-variant-numeric:tabular-nums}.correct .bottle-label{color:#6ce3cb}#status{font-size:12px;line-height:1.7;color:#bbc5e2;text-align:center;min-height:40px;max-width:630px;margin:12px auto 6px;padding:0 22px;display:flex;justify-content:center;align-items:center}.actions{display:grid;grid-template-columns:1fr 1fr 1.2fr;gap:10px;max-width:530px;margin:10px auto 20px;padding:0 20px}.actions button{min-height:48px;font-size:12px}.actions #hint{background:linear-gradient(135deg,#9261f0,#764ae1);border-color:#aa87ff88;box-shadow:0 4px 20px #8453ee24;color:white}.hint-wallet{border-top:1px solid var(--line);background:#12162b66;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 24px;color:#bdb5db;font-size:11px}.hint-wallet button{font-size:11px;background:#41396388;border-color:#ae91ff30;min-height:40px;padding:8px 13px;white-space:nowrap}footer{text-align:center;color:#8995b9;font-size:11px;line-height:1.8;padding:17px 4px 0}footer p{font-size:10px;margin:4px 0}.dot{display:inline-block;width:6px;height:6px;background:var(--cyan);border-radius:50%;margin-right:6px}.primary{background:linear-gradient(135deg,#9666f2,#7149df);color:white;border-color:#a47eec}.primary:hover{background:#956be5}#won{margin:0;padding:22px;text-align:center;border-top:1px solid #73ecc442;background:linear-gradient(120deg,#1d4546,#273c47)}#won h2{font-size:22px;color:#85eed6;margin:0 0 10px}#won p{font-size:12px;line-height:1.8;color:#c5e8dd}#won .primary{min-width:230px}dialog{border:1px solid #9185c43d;border-radius:23px;padding:30px;background:#22263f;color:#eef1ff;max-width:450px;width:calc(100% - 32px);max-height:calc(100dvh - 32px);overflow-y:auto;overscroll-behavior:contain;box-shadow:0 28px 100px #0009}dialog::backdrop{background:#090d22b8;backdrop-filter:blur(8px)}dialog h2{font-size:23px;letter-spacing:-.6px;margin:15px 0 10px;padding-right:15px}dialog p{font-size:12px;line-height:1.85;color:#c2cae3}dialog .muted{color:#909dbf;font-size:11px}.close{position:absolute;right:8px;top:8px;width:44px;height:44px;padding:0;background:transparent;border:0;font-size:25px;color:#aeb5d5}.close:hover{background:#ffffff0b}label{display:block;font-size:12px;font-weight:600;margin-top:17px;color:#d6dcf1}input{display:block;width:100%;margin-top:8px;min-height:48px;padding:12px 14px;border-radius:12px;border:1px solid #8493bd44;background:#171b30;color:#fff;font-size:16px}input::placeholder{color:#7581a3}form>.primary,form>#toggleAuth{width:100%;margin-top:13px}#toggleAuth{font-size:11px}#authError,#shopStatus,#topupStatus,#adminStatus{color:#ffcd89;overflow-wrap:anywhere}#authError:empty,#shopStatus:empty,#topupStatus:empty,#adminStatus:empty{display:none}.shop-option{background:#171d3288;border:1px solid var(--line);padding:16px;border-radius:15px;margin:14px 0;overflow-wrap:anywhere}.shop-option>b{font-size:14px}.shop-option button{width:100%;margin-top:8px}.shop-option small{display:block;letter-spacing:0;line-height:1.7;font-size:10px;margin-top:10px}#openTopup{width:100%;border-color:#5fdedc45;color:#8dece5;background:#23434655}.help-steps{padding-left:23px;color:#cad2e9;font-size:13px;line-height:1.9}.help-steps li{margin:15px 0;padding-left:5px}.help-steps li::marker{color:#bc96ff;font-weight:800}#adminDialog{max-width:540px}
@media(min-width:900px){.bottles{padding-top:38px;padding-bottom:20px}.vessel{height:195px}.bottle-button{width:100px}}
@media(max-width:600px){.site-bar{padding:12px 16px;gap:8px;flex-wrap:wrap}.brand{font-size:11px;gap:8px}.brand-icon{width:30px;height:30px;font-size:20px;border-radius:9px}#account{font-size:10px;max-width:190px;min-height:40px;padding:9px 11px}#adminPanel{order:3;width:100%;min-height:36px}main{padding:4px 12px max(16px,env(safe-area-inset-bottom))}.intro{padding:10px 5px 18px}.eyebrow{font-size:8px;letter-spacing:1.8px}h1{font-size:29px;letter-spacing:-1.1px;margin:8px 0}.intro p{font-size:10px}.intro-symbol{font-size:54px;padding:0 2px}.game{border-radius:20px}.toolbar{padding:17px 16px;gap:14px}.toolbar h2{font-size:22px}.toolbar small{font-size:8px;letter-spacing:.5px}.stat{min-width:48px}.stat b{font-size:22px}.board-top{margin:8px 17px 0;font-size:10px}.bottles{gap:24px 20px;padding:23px 20px 12px}.bottle-button{width:76px}.vessel{height:156px;border-radius:16px 16px 20px 20px}.neck{height:13px;width:30px}.bottle-label{font-size:11px;margin-top:12px}.amount{font-size:9px}.target span{font-size:9px}.actions{margin:8px auto 16px;padding:0 14px;gap:7px}.actions button{padding:10px 5px;font-size:11px;min-height:48px}#status{font-size:11px;min-height:36px;margin:6px auto;padding:0 16px}.hint-wallet{padding:11px 14px;gap:10px;font-size:10px}.hint-wallet button{font-size:10px;min-height:42px}.hint-wallet>span{line-height:1.7}footer{font-size:10px;padding-top:13px}footer p{font-size:9px}dialog{padding:26px 20px;border-radius:20px;width:calc(100% - 24px)}dialog h2{font-size:21px}.bottles.many{display:grid;grid-template-columns:repeat(3,76px);justify-content:center}.bottles.many .vessel{height:128px}.bottles.many .bottle-button{padding-top:8px}}
@media(max-width:350px){.intro-symbol{display:none}h1{font-size:27px}.brand b{display:none}.toolbar{gap:9px;padding:16px 13px}.toolbar h2{font-size:21px}.bottles{gap:18px;padding-left:15px;padding-right:15px}.bottle-button{width:70px}.bottles.many{grid-template-columns:repeat(3,70px)}.board-top{font-size:9px}.stat small{font-size:7px}.hint-wallet{gap:7px;padding:10px}.actions button{font-size:10px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition:none!important;animation:none!important}}
/* Keep level labels on one line, including double-digit levels on small phones. */
.toolbar h2{white-space:nowrap}
@media(max-width:350px){.toolbar{gap:8px}.toolbar h2{font-size:19px}.stat{min-width:40px}.stat b{font-size:20px}.bottles.many .vessel{height:116px}}
.attendance-note{margin:0;padding:10px 16px;text-align:center;font-size:10px;color:#91ddca;background:#132b3244;border-top:1px solid #ffffff0a}#openRanking{color:#ffda88;border-color:#f6c36644;background:#4b3c2e66;white-space:nowrap}.payment-note{padding:13px;border:1px solid #efb25e44;border-radius:12px;background:#64442633}.payment-note a{color:#ffd191;text-decoration:underline;font-weight:700}#topupEstimate{color:#7ee4d2}#rankingDialog{max-width:820px}.ranking-rules{padding:12px;background:#8b5feb15;border-radius:12px}.ranking-head,.ranking-row{display:grid;grid-template-columns:45px minmax(130px,1fr) 64px 75px 65px 90px;gap:10px;align-items:center}.ranking-head{font-size:10px;color:#9ba8c9;padding:10px}#rankingList{list-style:none;padding:0;margin:0}.ranking-row{padding:16px 10px;margin-bottom:7px;border:1px solid #ffffff0d;background:#161e3288;border-radius:13px;font-size:12px}.ranking-row>div{min-width:0;overflow-wrap:anywhere}.ranking-row>div:first-child{color:#cdb4ff}.ranking-row.top-rank>div:first-child{color:#ffcd6d}.ranking-row>div:nth-child(3){color:#bc9aff}.ranking-row>div:nth-child(5){color:#79e6d7}.ranking-row small{display:none}.ranking-row.is-you{border-color:#b085ff99;background:#43356966}.ranking-pages{display:flex;justify-content:space-between;align-items:center;margin-top:16px;font-size:12px}.ranking-pages button{min-width:80px}
@media(max-width:600px){#openRanking{min-height:40px;font-size:10px;padding:8px 10px}#account{max-width:150px}.site-bar{gap:6px}.brand{margin-right:auto}.brand b{display:none}#rankingDialog{padding:25px 14px}.ranking-head{display:none}.ranking-row{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px 6px;padding:14px;font-size:11px}.ranking-row>div:first-child{grid-column:1;font-size:16px}.ranking-row>div:nth-child(2){grid-column:2 / 5;font-size:13px}.ranking-row small{display:block;font-size:8px;letter-spacing:0;margin-bottom:5px}.ranking-row>div:nth-child(-n+2) small{display:none}.ranking-row b{font-variant-numeric:tabular-nums}.ranking-rules{font-size:11px}}
@media(max-width:350px){#openRanking span{display:none}#openRanking{min-width:40px}.site-bar #account{max-width:165px}}
.ad-banner{margin:32px auto 16px;padding:20px 0;max-width:100%;text-align:center;min-height:120px;border-top:1px solid #ffffff18}.ad-banner>small{display:block;color:#aaaac4;font-size:10px;letter-spacing:2px;margin-bottom:16px}#rewardSkip{width:100%;margin-top:12px}#rewardStatus{min-height:2.5em;color:#b9dafa}
.transfer-qr{margin:18px 0;padding:16px;background:#fff;color:#172039;border-radius:16px;text-align:center}.transfer-qr img{display:block;width:100%;max-width:300px;height:auto;margin:12px auto}.transfer-qr p{color:#37465e;font-size:12px}.transfer-qr button{background:#ece8ff;color:#452391}
#accountWrap{position:relative;min-width:0}#accountMenu{position:absolute;right:0;top:100%;width:min(300px,calc(100vw - 32px));padding:14px;background:#252940;border:1px solid #9d7be35c;border-radius:16px;z-index:100;box-shadow:0 15px 50px #0008}#accountSummary{font-size:12px;color:#d8c8ff;line-height:1.8;overflow-wrap:anywhere;margin:0 0 10px}#accountMenu button{display:block;width:100%;text-align:left;margin-top:5px}#logoutAccount{color:#ffb6b6}#profileDetails{display:grid;grid-template-columns:1fr 1fr;gap:12px;font-size:12px;line-height:1.7}#profileDetails dt{color:#aab5d2}#profileDetails dd{margin:0;text-align:right;overflow-wrap:anywhere}#historyDialog{max-width:540px}.transaction-status.approved{color:#7be5bf}.transaction-status.rejected,.transaction-status.cancelled{color:#ffb4b4}.transaction-status.submitted{color:#ffcf87}#profileRanking{width:100%;margin-top:16px}
#adManagerStatus{color:#d2c4ff;line-height:1.8}.ad-toggle[aria-checked="true"]{background:#20584b;border-color:#65d5ab;color:#bdffe7}.ad-toggle[aria-checked="false"]{background:#3b3545;border-color:#796682;color:#ddd2e4}#reloadAdManager{width:100%}
.remember-login{display:flex;align-items:center;gap:10px;cursor:pointer;margin:16px 0}.remember-login input{width:20px;height:20px;min-height:20px;margin:0;padding:0;accent-color:#9866ef;flex-shrink:0}.remember-login span{font-size:12px;color:#d8d0ee}

.intro .game-version{display:inline-block;vertical-align:middle;margin-left:6px;font-size:10px;font-weight:500;line-height:1.4;letter-spacing:0;color:var(--muted);white-space:nowrap}