:root{--bg:#070711;--panel:#171725ee;--panel2:#252544;--text:#fbfbff;--muted:#b9b9d2;--accent:#d8ff43;--hot:#ff2bd6;--cyan:#36f7ff;--orange:#ff9d00;--danger:#ff4f78;--line:#3b3b62}*{box-sizing:border-box}body{margin:0;font-family:Inter,system-ui,Segoe UI,Arial,sans-serif;background:radial-gradient(circle at 20% 0,#4d235f 0,#131326 28%,#070711 68%);color:var(--text);min-height:100vh;overflow-x:hidden}.bg-burst{position:fixed;inset:-30%;pointer-events:none;background:conic-gradient(from 90deg,var(--hot),transparent,var(--cyan),transparent,var(--accent),transparent,var(--hot));filter:blur(80px);opacity:.18;animation:spin 12s linear infinite}.hero{padding:46px 24px 14px;max-width:1180px;margin:auto;position:relative}.hero:after{content:'⚡';position:absolute;right:30px;top:18px;font-size:110px;opacity:.18;filter:drop-shadow(0 0 30px var(--accent));animation:pulse 1.4s infinite} .eyebrow{text-transform:uppercase;letter-spacing:.25em;color:var(--accent);font-weight:950;margin:0 0 8px;text-shadow:0 0 18px var(--accent)}h1{font-size:clamp(42px,8vw,92px);line-height:.82;margin:0;font-weight:1000;letter-spacing:-.06em;text-shadow:4px 4px 0 var(--hot),-4px -2px 0 var(--cyan),0 0 30px #fff4;animation:glitch 3s infinite}h2{font-size:34px;margin:0 0 20px;text-shadow:0 0 18px #fff3}.sub{color:var(--muted)}main{max-width:1180px;margin:auto;padding:24px;position:relative}.view{display:none}.view.active{display:block;animation:viewIn .35s ease-out}.podium{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;align-items:end}.podium-card{position:relative;min-height:285px;background:linear-gradient(155deg,#30305d,var(--panel),#11111b);border:1px solid var(--line);border-radius:30px;padding:22px;overflow:hidden;box-shadow:0 18px 60px #0009,0 0 38px #d8ff4320;animation:float 3.5s ease-in-out infinite}.podium-card:before{content:'';position:absolute;inset:-50%;background:linear-gradient(90deg,transparent,#fff5,transparent);transform:rotate(25deg);animation:shine 3.2s infinite}.podium-card:nth-child(1){transform:translateY(-18px);box-shadow:0 26px 70px #0009,0 0 45px #ffd70055}.podium-card:nth-child(2){animation-delay:.25s}.podium-card:nth-child(3){animation-delay:.5s}.medal{font-size:52px;filter:drop-shadow(0 0 18px #fff8)}.drink-img{width:135px;height:135px;object-fit:contain;float:right;filter:drop-shadow(0 16px 28px #000c) drop-shadow(0 0 18px var(--cyan))}.score{font-size:50px;font-weight:1000;color:var(--accent);text-shadow:0 0 20px var(--accent)}.brand{color:var(--muted);margin-top:12px}.name{font-size:25px;font-weight:950}.actions{display:flex;gap:14px;justify-content:center;margin-top:34px}button{border:1px solid var(--line);background:linear-gradient(135deg,#252544,#151522);color:var(--text);border-radius:16px;padding:13px 18px;font-weight:950;cursor:pointer;box-shadow:0 10px 25px #0005;transition:transform .12s,filter .12s,box-shadow .12s}button:hover{transform:translateY(-2px) scale(1.03);filter:saturate(1.45);box-shadow:0 14px 30px #0008,0 0 20px #ffffff22}button.primary{background:linear-gradient(135deg,var(--accent),#fff14a,var(--orange));color:#111;border-color:transparent;text-shadow:none}button.big{font-size:20px;padding:17px 30px;text-transform:uppercase;letter-spacing:.08em}button.danger{background:linear-gradient(135deg,#341526,#160b10);color:var(--danger);border-color:#81304a}.card{background:linear-gradient(145deg,#1b1b2eee,#11111bee);border:1px solid var(--line);border-radius:26px;padding:18px;box-shadow:0 18px 50px #0007, inset 0 0 0 1px #ffffff08;backdrop-filter:blur(8px)}.section-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.grid.two{display:grid;grid-template-columns:1fr 1fr;gap:14px}.score-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:16px 0}.checks{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:16px}label{display:flex;flex-direction:column;gap:7px;color:var(--muted);font-weight:800}input,select{width:100%;background:#080812;border:1px solid var(--line);color:var(--text);border-radius:14px;padding:13px;font-size:16px;box-shadow:inset 0 0 20px #0008}input:focus,select:focus{outline:2px solid var(--cyan);box-shadow:0 0 22px #36f7ff44}input[type=checkbox]{width:auto;accent-color:var(--accent)}.checks label{flex-direction:row;align-items:center;background:#10101d;border:1px solid var(--line);border-radius:14px;padding:12px}.live-total{font-size:26px;margin:18px 0}.live-total strong{color:var(--accent);font-size:42px;text-shadow:0 0 16px var(--accent)}.filters{display:grid;grid-template-columns:1fr 260px auto;gap:12px;margin-bottom:16px}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;min-width:1000px}th,td{text-align:left;border-bottom:1px solid var(--line);padding:12px}th{color:var(--accent);font-size:13px;text-transform:uppercase;letter-spacing:.08em;text-shadow:0 0 12px var(--accent)}tr:hover{background:#ffffff08}td img{width:50px;height:50px;object-fit:contain;filter:drop-shadow(0 0 10px #000)}.rank{font-weight:1000;color:var(--cyan)}.mini{color:var(--muted);font-size:13px}.row-actions{display:flex;gap:8px}.wizard-grid{display:grid;grid-template-columns:310px 1fr;gap:18px}.wizard-list{max-height:70vh;overflow:auto}.wizard-item{width:100%;text-align:left;margin-bottom:8px;padding:10px}.wizard-item.active{background:linear-gradient(135deg,var(--hot),var(--cyan));color:#05050a}.progress-text{color:var(--accent);font-weight:950;margin-bottom:12px}.current-drink{display:grid;grid-template-columns:190px 1fr;gap:22px;align-items:center}.current-drink img{width:180px;height:180px;object-fit:contain;background:#070711;border-radius:26px;padding:12px;box-shadow:0 0 30px #36f7ff33}.wizard-actions{display:flex;gap:10px;flex-wrap:wrap;margin:18px 0}.upload-box{display:grid;grid-template-columns:1fr auto;gap:12px;margin:16px 0;padding:14px;border:1px dashed var(--line);border-radius:20px}.off-results{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:14px}.off-card{background:#0d0d19;border:1px solid var(--line);border-radius:22px;padding:14px;display:grid;gap:10px;animation:viewIn .25s ease-out}.off-card img{width:100%;height:160px;object-fit:contain;background:#05050a;border-radius:16px}.loading{padding:20px;color:var(--accent);font-weight:950}.fx-layer{position:fixed;inset:0;pointer-events:none;z-index:1000;overflow:hidden}.boom{position:absolute;left:50%;top:42%;transform:translate(-50%,-50%);font-size:34vw;animation:boom .9s ease-out forwards;filter:drop-shadow(0 0 60px #ff9d00)}.shockwave{position:absolute;left:50%;top:45%;width:20px;height:20px;border:10px solid #fff;border-radius:50%;transform:translate(-50%,-50%);animation:shock .8s ease-out forwards}.spark{position:absolute;font-size:34px;animation:spark .95s ease-out forwards;filter:drop-shadow(0 0 10px #fff)}.flash-text{position:absolute;left:50%;top:42%;transform:translate(-50%,-50%);font-size:clamp(44px,10vw,130px);font-weight:1000;color:var(--accent);text-shadow:4px 4px 0 var(--hot),-4px -3px 0 var(--cyan),0 0 40px #fff;animation:flash .85s ease-out forwards;white-space:nowrap}@keyframes spin{to{transform:rotate(1turn)}}@keyframes pulse{50%{transform:scale(1.08) rotate(-4deg);opacity:.35}}@keyframes glitch{0%,92%,100%{transform:none}94%{transform:skew(3deg) translateX(3px)}96%{transform:skew(-4deg) translateX(-4px)}}@keyframes viewIn{from{opacity:0;transform:translateY(14px) scale(.99)}to{opacity:1;transform:none}}@keyframes float{50%{translate:0 -8px}}@keyframes shine{0%{translate:-80% 0}45%,100%{translate:80% 0}}@keyframes boom{0%{opacity:0;scale:.2;rotate:-18deg}30%{opacity:1;scale:1.05}100%{opacity:0;scale:1.45;rotate:18deg}}@keyframes shock{to{width:160vw;height:160vw;opacity:0;border-width:1px}}@keyframes spark{to{transform:translate(var(--x),var(--y)) rotate(720deg);opacity:0}}@keyframes flash{0%{opacity:0;scale:.25}25%{opacity:1;scale:1.1}100%{opacity:0;scale:1.35}}@media(max-width:850px){.podium,.grid.two,.score-grid,.checks,.filters,.wizard-grid,.upload-box,.current-drink{grid-template-columns:1fr}.podium-card:nth-child(1){transform:none}.hero{padding-top:28px}main{padding:14px}h1{text-shadow:2px 2px 0 var(--hot),-2px -1px 0 var(--cyan)}.hero:after{display:none}}
.home-title{cursor:pointer;user-select:none}.home-title:hover{filter:brightness(1.25) saturate(1.4);transform:scale(1.015)}.rating-blocks{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:18px 0}.rating-card{background:linear-gradient(145deg,#111120,#19192d);border:1px solid var(--line);border-radius:22px;padding:18px;box-shadow:inset 0 0 0 1px #ffffff08,0 14px 32px #0005}.rating-title{font-weight:950;font-size:18px;margin-bottom:16px;color:var(--text)}.rating-row{display:grid;grid-template-columns:repeat(var(--rating-count,5),1fr);gap:10px}.rating-row[data-max="3"]{--rating-count:3}.rating-row[data-max="5"]{--rating-count:5}.rating-choice{min-height:92px;padding:12px;border-radius:18px;background:linear-gradient(145deg,#090914,#17172a);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;color:var(--muted);border:1px solid #424266;box-shadow:inset 0 0 20px #0008,0 10px 24px #0004}.rating-choice .rating-number{font-size:15px;font-weight:950}.rating-choice .rating-icon{font-size:34px;filter:grayscale(1);opacity:.62;transition:transform .12s,filter .12s,opacity .12s}.rating-choice.selected{background:radial-gradient(circle at 50% 25%,#ffffff44,transparent 34%),linear-gradient(135deg,var(--accent),var(--orange),var(--hot));color:#08080f;border-color:#fff8;box-shadow:0 0 24px #d8ff4355,0 12px 30px #0008}.rating-choice.selected .rating-icon{filter:none;opacity:1;transform:scale(1.18) rotate(-8deg)}.rating-choice:hover .rating-icon{transform:scale(1.18)}@media(max-width:850px){.rating-blocks{grid-template-columns:1fr}.rating-choice{min-height:78px}}
.bonus-heading{margin-top:26px;color:var(--accent);text-shadow:0 0 16px var(--accent),2px 2px 0 var(--hot)}
.bonus-grid{grid-template-columns:repeat(4,1fr)}
.bonus-tile{position:relative;overflow:hidden;min-height:112px;justify-content:center;align-items:center;text-align:center;gap:8px;background:radial-gradient(circle at 20% 10%,#ffffff40,transparent 28%),linear-gradient(135deg,#191936,#11111c 45%,#33113a);border:1px solid #ffffff2d;border-radius:22px;padding:16px;box-shadow:0 14px 32px #0007,0 0 20px #ff2bd622;cursor:pointer;transition:transform .14s,box-shadow .14s,filter .14s;color:var(--text)}
.bonus-tile:before{content:'';position:absolute;inset:-70%;background:conic-gradient(from 0deg,transparent,var(--cyan),transparent,var(--hot),transparent,var(--accent),transparent);opacity:.18;animation:spin 4s linear infinite}
.bonus-tile:after{content:'BOOM';position:absolute;right:-18px;top:8px;font-size:22px;font-weight:1000;color:#ffffff12;transform:rotate(18deg);letter-spacing:.12em}
.bonus-tile input{position:absolute;opacity:0;pointer-events:none}
.bonus-tile .bonus-emoji{position:relative;font-size:34px;filter:drop-shadow(0 0 12px #fff8);transition:transform .14s}
.bonus-tile span:last-child{position:relative;font-weight:1000;text-transform:uppercase;letter-spacing:.04em}
.bonus-tile:hover{transform:translateY(-3px) scale(1.03);filter:saturate(1.5);box-shadow:0 18px 38px #0009,0 0 28px #36f7ff44}
.bonus-tile:hover .bonus-emoji{transform:scale(1.2) rotate(-8deg)}
.bonus-tile:has(input:checked){background:radial-gradient(circle at 50% 20%,#fff8,transparent 32%),linear-gradient(135deg,var(--accent),var(--orange),var(--hot));color:#090912;border-color:#fff;box-shadow:0 0 34px #d8ff4370,0 0 48px #ff2bd650,0 20px 42px #0009;animation:bonusPop .55s ease-out}
.bonus-tile:has(input:checked):after{content:'+1 ⚡';color:#09091230}
.bonus-tile:has(input:checked) .bonus-emoji{transform:scale(1.28) rotate(-10deg);filter:drop-shadow(0 0 18px #fff)}
.image-picker{margin:18px 0;display:grid;gap:14px;background:linear-gradient(145deg,#15152aee,#0c0c16ee);border-color:#ffffff25}
.image-preview-wrap{width:180px;height:180px;border-radius:24px;background:#070711;border:1px solid var(--line);display:grid;place-items:center;box-shadow:inset 0 0 26px #000,0 0 22px #36f7ff22}
.image-preview-wrap img{max-width:160px;max-height:160px;object-fit:contain;filter:drop-shadow(0 0 14px #000)}
.image-picker-actions{display:flex;gap:10px;flex-wrap:wrap;align-items:center}
.upload-button{display:inline-flex;flex-direction:row;align-items:center;gap:8px;border:1px solid var(--line);background:linear-gradient(135deg,#252544,#151522);color:var(--text);border-radius:16px;padding:13px 18px;font-weight:950;cursor:pointer;box-shadow:0 10px 25px #0005;transition:transform .12s,filter .12s,box-shadow .12s}
.upload-button:hover{transform:translateY(-2px) scale(1.03);filter:saturate(1.45);box-shadow:0 14px 30px #0008,0 0 20px #ffffff22}
.upload-button input{display:none}
@keyframes bonusPop{0%{transform:scale(.95)}45%{transform:scale(1.08) rotate(-1deg)}100%{transform:scale(1)}}
@media(max-width:850px){.bonus-grid{grid-template-columns:1fr 1fr}.image-preview-wrap{width:140px;height:140px}.image-preview-wrap img{max-width:125px;max-height:125px}}

.duplicate-warning{margin:0 0 18px;padding:18px;border-radius:20px;background:radial-gradient(circle at 12% 18%,#fff6,transparent 20%),linear-gradient(135deg,#ff1744,#7a001e 58%,#2a0009);border:2px solid #ffb3c1;color:white;box-shadow:0 0 36px #ff174488,0 18px 38px #0009;animation:duplicatePulse .85s ease-out;text-align:left}
.duplicate-warning .duplicate-title{font-size:24px;font-weight:1000;letter-spacing:.06em;text-shadow:0 0 14px #fff}
.duplicate-warning .duplicate-name{font-size:20px;font-weight:950;margin:7px 0}
.duplicate-warning button{margin-top:12px}
.error-box{padding:14px;border-radius:16px;background:#2a0b15;border:1px solid #ff4f78;color:#ffd7df;font-weight:850}
button:disabled{opacity:.45;cursor:not-allowed;filter:grayscale(.7)}
@keyframes duplicatePulse{0%{transform:scale(.97);opacity:.35}50%{transform:scale(1.025)}100%{transform:scale(1);opacity:1}}