body.water-screen{background:#2b2038;color:white;background-image:radial-gradient(ellipse at 50% 45%,#4b3b5755,transparent 80%),linear-gradient(45deg,#ffffff02 25%,transparent 25%,transparent 75%,#ffffff02 75%),linear-gradient(45deg,#ffffff02 25%,transparent 25%,transparent 75%,#ffffff02 75%);background-size:100% 100%,12px 12px,12px 12px;background-position:0 0,0 0,6px 6px}
.wa-table{max-width:680px;margin:auto;min-height:100svh;display:flex;flex-direction:column;font-family:Arial,sans-serif;padding:0 6px max(20px,env(safe-area-inset-bottom));touch-action:manipulation}
.wa-header{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:clamp(35px,6.5svh,58px) 4px 0}
.wa-round{width:clamp(50px,13vw,78px);height:clamp(50px,13vw,78px);border-radius:50%;background:white;color:#c789aa;padding:8px;display:grid;place-items:center;flex-shrink:0}.wa-round svg{width:100%;height:100%}
.wa-level{text-align:center;font-weight:900}.wa-level small{display:block;font-size:11px;margin-bottom:6px}.wa-level b{font-size:clamp(22px,5.5vw,32px);white-space:nowrap}
.wa-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));column-gap:3px;row-gap:14px;margin-top:clamp(35px,6svh,65px);align-content:start}
.wa-tube{background:none;min-width:0;width:100%;padding:0;border:0;aspect-ratio:72/220;position:relative;transition:transform .18s,filter .18s}.wa-tube svg{display:block;width:100%;height:100%}.wa-selected{transform:translateY(-12px);filter:drop-shadow(0 0 5px #ffd24b99)}.wa-selected .wa-glass{stroke:#ffd14c;stroke-width:3}
.wa-below{min-height:52px;display:flex;justify-content:flex-end;padding:3px 8px 0}.wa-extra{display:flex;flex-direction:column;align-items:center;gap:4px;padding:0;color:#ffcc31;background:none}.wa-extra b{width:38px;height:38px;display:grid;place-items:center;border-radius:50%;background:radial-gradient(circle at 35% 25%,#ffdc58,#ffb920);color:white;font-size:30px;box-shadow:0 3px 0 #cb9019;line-height:1}.wa-extra span{font-size:9px;font-weight:bold}.wa-next{background:#ffca34;border-radius:16px;padding:12px 20px;color:#342641;font-weight:bold;margin:auto}
.wa-footer{flex:1;min-height:100px;display:flex;justify-content:space-between;align-items:flex-end;padding:24px 16px 4px}.wa-tool{display:flex;flex-direction:column;align-items:center;gap:9px;background:none;color:#ffca32;padding:0;font-size:18px;font-weight:900}.wa-tool>span{width:clamp(58px,15vw,90px);height:clamp(58px,15vw,90px);display:grid;place-items:center;border-radius:50%;padding:7px;background:radial-gradient(circle at 35% 25%,#ffdc58,#ffb920);box-shadow:0 4px 0 #cb9019;color:white}.wa-tool svg{width:100%;height:100%;overflow:visible}.wa-tool:disabled{opacity:.6}.water-screen #toast{background:#483151;color:white}
@media(min-width:750px){.wa-table{max-width:600px}.wa-header{padding-top:35px}.wa-grid{margin-top:40px}.wa-footer{padding-top:25px}}

.water-screen .modal{color:#2b2038}