:root{--bg:#0b111b;--panel:#121c2a;--line:#26364b;--txt:#f1f6f5;--muted:#95a9b9;--mint:#adf3a4;--gold:#ffc55c}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 50% -38%,#224552 0%,transparent 68%),var(--bg);color:var(--txt);font:15px/1.5 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;min-height:100vh}button{font:inherit;cursor:pointer}button:focus-visible{outline:3px solid var(--gold);outline-offset:4px}button:disabled{cursor:not-allowed}.wrap{width:min(1400px,calc(100% - 30px));margin:0 auto;padding:24px 0 34px}header{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-bottom:19px}.brand{display:flex;align-items:center;gap:12px}.logo{width:49px;height:49px;display:grid;place-items:center;border:1px solid #d6e2ee;background:#f4f8fc;border-radius:14px;flex:none;box-shadow:0 4px 14px #0006}.logo img{width:36px;height:auto;display:block}.logo:hover{background:#fff}.logo:focus-visible{outline:3px solid var(--gold);outline-offset:3px}.eyebrow{font-size:10px;letter-spacing:2px;color:var(--mint);font-weight:800}.brand h1{margin:1px 0 0;letter-spacing:-.7px;font-size:26px;line-height:1.1}.brand h1 span{color:var(--gold)}.status{font-size:11px;font-weight:800;letter-spacing:1.1px;padding:9px 12px;background:#142e26;border:1px solid #477559;border-radius:50px;color:#b8f1bf}.status.offline{color:#ffbaa4;border-color:#6b4740;background:#2b2025}.dot,.live-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:currentColor;margin-right:6px;box-shadow:0 0 10px currentColor}.banner{font-size:10px;letter-spacing:.9px;font-weight:850;color:#c2dbc7;background:#152d27;border:1px solid #305448;border-radius:11px;padding:13px 16px;margin-bottom:17px}.live-dot{color:#b8efac}.layout{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr) minmax(280px,.8fr);gap:17px}@media(max-width:1180px){.layout{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.side{grid-column:1/-1;display:grid!important;grid-template-columns:1fr 1fr;align-items:start}.side .share-card{grid-column:1/-1}}.card{border:1px solid var(--line);border-radius:23px;background:linear-gradient(155deg,#172232,#101b27);box-shadow:0 14px 48px #0002}.main-card{padding:27px 23px 31px;text-align:center;min-height:560px;container-type:inline-size}.section-label{font-size:11px;letter-spacing:1.7px;color:var(--muted);font-weight:850}.bank-total{font-size:clamp(20px,8.6cqi,46px);white-space:nowrap;font-variant-numeric:tabular-nums;line-height:1.2;font-weight:950;letter-spacing:-1.7px;margin:15px 0 5px;overflow-wrap:anywhere}.original,.progress{font-size:12px;color:var(--muted)}.bar{height:8px;background:#334658;overflow:hidden;border-radius:50px;margin:23px auto 10px;max-width:470px}.bar-fill{height:100%;background:linear-gradient(90deg,#59c78e,#b8f6a5);width:100%;transition:width .22s}.machine{margin:26px auto 7px;width:250px;height:250px;position:relative;display:grid;place-items:center}.machine::before{content:"";position:absolute;inset:6px;border:1px dashed #527a69;border-radius:50%;animation:spin 35s linear infinite}.machine::after{content:"";position:absolute;inset:24px;border:1px solid #416452;border-radius:50%}.coin-btn{position:relative;z-index:1;display:flex;align-items:center;justify-content:center;flex-direction:column;width:178px;height:178px;border:7px solid #ffde8d;border-radius:50%;color:#523808;background:radial-gradient(circle at 32% 23%,#fff2af 0%,#ffd96e 36%,#e7a636 83%);box-shadow:inset 0 -12px 5px #b6802c,inset 0 5px 12px #fff3b9,0 15px 0 #8c6025,0 23px 42px #06101b;touch-action:manipulation;-webkit-tap-highlight-color:transparent;user-select:none;transition:transform .065s,box-shadow .065s,filter .2s}.coin-btn:hover:not(:disabled){filter:brightness(1.04)}.coin-btn:disabled{filter:grayscale(.7) brightness(.7)}.coin-btn:active:not(:disabled),.coin-btn.pressed{transform:translateY(8px) scale(.97);box-shadow:inset 0 -8px 5px #b6802c,inset 0 5px 12px #fff3b9,0 5px 0 #8c6025,0 11px 23px #06101b}.coin-btn strong{font-size:53px;line-height:1;letter-spacing:-3px;font-weight:1000}.coin-btn span{font-size:12px;font-weight:950;letter-spacing:1.8px;margin-top:6px}.stage{display:flex;align-items:center;justify-content:center;gap:6px}.stage .machine{flex:none}.face{margin:0;flex:0 1 110px;min-width:0;text-align:center}.face img{display:block;width:100%;height:auto;image-rendering:pixelated}.face figcaption{margin-top:6px;font-size:11px;font-weight:800;color:var(--muted)}.face.worried img{animation:shake .12s linear 3}@keyframes shake{25%{transform:translateX(-3px)}75%{transform:translateX(3px)}}@media(max-width:620px){.stage{gap:0}.face{flex-basis:76px}.face figcaption{font-size:9px}.machine{width:210px;height:210px}.coin-btn{width:150px;height:150px}}.tomato-card{padding:22px 20px 24px;display:flex;flex-direction:column;gap:12px}.tomato-head{display:flex;align-items:center;justify-content:space-between;gap:10px}.tomato-head h2{margin:0;font-size:18px;letter-spacing:-.4px;display:flex;align-items:center;gap:8px}.tomato-head img{width:28px;height:auto;image-rendering:pixelated}.tomato-sub{margin:0;color:var(--muted);font-size:13px}.tomato-sub b{color:var(--gold)}.wallet{display:flex;align-items:baseline;justify-content:space-between;gap:10px;border:1px solid #304256;background:#101a27;border-radius:13px;padding:10px 14px}.wallet .stat-label{margin:0}.wallet .stat-num{font-size:24px}.gallows{position:relative;flex:1;min-height:330px;border-radius:16px;overflow:hidden;background:radial-gradient(ellipse at 28% 30%,#3a2a0855,transparent 45%),radial-gradient(ellipse at 74% 30%,#0b2f4a77,transparent 45%),#05080d;border:1px solid #1d2a3a;display:flex;justify-content:space-evenly;align-items:flex-start;user-select:none;-webkit-user-select:none}.target{position:relative;padding:0;margin:0;border:0;background:none;height:310px;transform-origin:50% 0;animation:sway 3.4s ease-in-out infinite alternate;touch-action:manipulation;-webkit-tap-highlight-color:transparent;cursor:crosshair}.target[data-target=miguel]{animation-delay:-1.7s}.target:disabled{cursor:not-allowed;filter:saturate(.6) brightness(.8)}.target.broke{cursor:not-allowed}.rig{display:block;position:relative;height:100%;transform-origin:50% 0;pointer-events:none}.target img{display:block;height:100%;width:auto;pointer-events:none}.target.hit .rig{animation:swing .9s ease-out}.target:focus-visible{outline:3px solid var(--gold);outline-offset:-3px;border-radius:12px}.flying-tomato{position:absolute;left:0;top:0;width:44px;height:auto;margin:-22px 0 0 -22px;image-rendering:pixelated;pointer-events:none;z-index:3;filter:drop-shadow(0 4px 6px #000a)}.flying-tomato.other{width:32px;margin:-16px 0 0 -16px;opacity:.85}.splat{position:absolute;width:46px;height:40px;margin:-20px 0 0 -23px;pointer-events:none;z-index:2;border-radius:58% 42% 61% 39%/47% 59% 41% 53%;background:radial-gradient(circle at 38% 35%,#ff7a5c 0 12%,#e3271c 30%,#b30f0c 72%);box-shadow:24px -12px 0 -14px #d71f17,-22px 10px 0 -15px #c41510,10px 22px 0 -16px #e3271c,-14px -18px 0 -17px #ff5a40,inset 0 -4px 0 #8d0b08;animation:splat 3.6s ease-out forwards}.splat::before,.splat::after{content:"";position:absolute;width:5px;height:7px;border-radius:50%;background:#ffd9a0;top:12px;left:14px;transform:rotate(25deg)}.splat::after{top:20px;left:26px;transform:rotate(-20deg)}.plaf{position:absolute;pointer-events:none;z-index:4;color:#ffdf6e;font-size:17px;font-weight:1000;letter-spacing:.5px;text-shadow:0 2px 0 #7a1a0c,0 0 10px #000;animation:plaf .75s ease-out forwards}.hits{display:grid;grid-template-columns:1fr 1fr;gap:10px}.hit-box{border:1px solid #304256;background:#101a27;border-radius:13px;padding:10px 12px;display:flex;flex-direction:column}.hit-box .stat-label{margin:0}.hit-box .stat-num{font-size:21px;color:#ff8a72}.hit-unit{font-size:11px;color:var(--muted)}#tomato-hint{text-align:center;min-height:20px}@keyframes sway{from{transform:rotate(-1.6deg)}to{transform:rotate(1.6deg)}}@keyframes swing{0%{transform:rotate(0)}15%{transform:rotate(9deg)}35%{transform:rotate(-6deg)}55%{transform:rotate(3.5deg)}75%{transform:rotate(-1.5deg)}100%{transform:rotate(0)}}@keyframes splat{0%{transform:scale(.25);opacity:1}12%{transform:scale(1.12)}20%{transform:scale(1)}75%{opacity:1}100%{opacity:0;transform:scale(1) translateY(10px)}}@keyframes plaf{0%{transform:translate(-50%,0) scale(.6);opacity:1}30%{transform:translate(-50%,-14px) scale(1.15)}100%{transform:translate(-50%,-42px) scale(1);opacity:0}}.tap-hint{color:#c4d4d6;font-size:13px}.tap-hint kbd{font:inherit;font-size:12px;color:var(--mint);border:1px solid #537565;background:#19392c;padding:2px 6px;border-radius:5px}.quote{margin-top:26px;color:var(--muted);font-size:13px}.float-coin{position:absolute;left:50%;top:44%;pointer-events:none;color:var(--gold);font-size:21px;font-weight:950;text-shadow:0 1px 12px #000;z-index:2;animation:rise .7s ease-out forwards}.side{display:flex;flex-direction:column;gap:17px}.stats-card,.rank-card{padding:22px}.stats-card h2,.rank-card h2{font-size:18px;letter-spacing:-.4px;margin:0 0 16px}.stat{border:1px solid #304256;background:#101a27;border-radius:13px;padding:14px}.stat.featured{margin-bottom:10px}.stat-label{color:var(--muted);font-size:12px;margin-bottom:4px}.stat-num{font-size:24px;font-variant-numeric:tabular-nums;font-weight:900;letter-spacing:-.8px;overflow-wrap:anywhere}.stat-num.mint{color:var(--mint);font-size:30px}.stats-row{display:grid;grid-template-columns:1fr 1fr;gap:10px}.stats-row .stat-num{font-size:21px}.guest{margin-top:8px;margin-bottom:0}.name-form{margin-top:12px}.name-row{display:flex;gap:8px}.name-row input{flex:1;min-width:0;font:inherit;font-size:15px;font-weight:700;color:var(--txt);background:#0c1520;border:1px solid #304256;border-radius:10px;padding:9px 12px}.name-row input::placeholder{color:#5f7487;font-weight:500}.name-row input:focus{outline:2px solid var(--mint);outline-offset:1px;border-color:transparent}.name-row button{border:1px solid #477559;background:#163328;color:#b8f1bf;font-weight:850;border-radius:10px;padding:0 14px}.name-row button:hover:not(:disabled){background:#1d4334}.name-row button:disabled,.name-row input:disabled{opacity:.55}.rank-tag{color:#5f7487;font-size:11px;margin-left:5px;font-variant-numeric:tabular-nums}.rank-card li.me{background:#163328;border-radius:9px;padding-left:8px;padding-right:8px;border-bottom-color:transparent}.rank-card li.me .rank-name::after{content:" (vos)";color:var(--mint);font-size:11px;font-weight:800}.rank-card{flex:1}.rank-header{display:flex;align-items:baseline;justify-content:space-between;gap:10px}.live-chip{color:var(--mint);font-size:10px;font-weight:900;letter-spacing:1.5px}.rank-card ol{list-style:none;margin:0;padding:0}.rank-card li{display:flex;justify-content:space-between;gap:6px;padding:10px 0;border-bottom:1px solid #293b4b;color:#d4e1e4;font-size:13px}.rank-card li:last-child{border-bottom:0}.rank-card .rank-empty{color:var(--muted)}.rank-index{color:var(--gold);width:24px;font-weight:900}.rank-name{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rank-score{font-variant-numeric:tabular-nums;font-weight:800;color:var(--mint)}.share{background:#233647;border:1px solid #486172;border-radius:12px;color:#e9f2f4;font-weight:800;padding:12px 16px;display:flex;justify-content:space-between}.share:hover{background:#30495a}.share-card{padding:20px 22px 22px;display:flex;flex-direction:column;gap:12px}.share-card h2{font-size:18px;letter-spacing:-.4px;margin:0}.share-preview{margin:0;font-size:13px;line-height:1.5;color:#c4d4d6;background:#101a27;border:1px dashed #304256;border-radius:11px;padding:10px 12px}.share-card .share{width:100%;background:#ffc55c;border-color:#ffde8d;color:#3b2805}.share-card .share:hover{background:#ffd27a}.share-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.share-net{display:flex;align-items:center;justify-content:center;gap:6px;font:inherit;font-size:13px;font-weight:850;text-decoration:none;color:#e9f2f4;background:#1a2838;border:1px solid #304256;border-radius:10px;padding:10px 8px;cursor:pointer}.share-net::before{content:"";width:9px;height:9px;border-radius:50%;background:var(--c,#95a9b9)}.share-net:hover{background:#233647;border-color:var(--c,#486172)}.share-net:focus-visible{outline:3px solid var(--gold);outline-offset:2px}.share-net.wa{--c:#25d366}.share-net.x{--c:#e7e9ea}.share-net.fb{--c:#1877f2}.share-net.tg{--c:#29a9eb}.share-net.copy{--c:var(--mint);grid-column:1/-1}.note{font-size:12px;color:#b6c9d2;line-height:1.7;margin:20px 3px}footer{border-top:1px solid var(--line);color:#8296a5;font-size:11px;padding-top:18px}footer p{margin:0}.made-by{display:inline-flex;align-items:center;gap:10px;margin-bottom:12px;color:#a9bccb;font-size:12px;font-weight:700;text-decoration:none;border-radius:8px}.made-by img{height:22px;width:auto;display:block}.made-by:hover{color:var(--txt)}.made-by:focus-visible{outline:3px solid var(--gold);outline-offset:4px}.toast{position:fixed;z-index:20;bottom:24px;left:50%;transform:translate(-50%,36px);opacity:0;pointer-events:none;padding:12px 18px;background:#d0f8be;color:#1c2f1d;font-size:13px;font-weight:850;border-radius:12px;box-shadow:0 10px 30px #0009;transition:transform .2s,opacity .2s;max-width:min(450px,90vw);text-align:center}.toast.visible{opacity:1;transform:translate(-50%,0)}@keyframes spin{to{transform:rotate(360deg)}}@keyframes rise{to{opacity:0;transform:translate(-30%,-105px)}}@media(max-width:760px){.wrap{padding-top:14px}.layout{grid-template-columns:minmax(0,1fr)}.side{grid-template-columns:minmax(0,1fr)}.gallows{min-height:290px}.target{height:270px}.main-card{min-height:505px;padding:26px 15px}.machine{margin:15px auto 5px}.banner{font-size:9px}.stats-card,.rank-card{padding:18px}.brand h1{font-size:23px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}
