:root{--ink:#181815;--paper:#f4f3ee;--line:#d8d7d0;--muted:#706f68;--accent:#f05a3c}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button,input,select{font:inherit}a{color:inherit}a:focus-visible,button:focus-visible,input:focus-visible{outline:2px solid var(--ink);outline-offset:3px}.site-shell{min-height:100vh;background:var(--paper)}.topbar{height:72px;display:grid;grid-template-columns:1fr auto 1fr;gap:24px;padding:0 28px;border-bottom:1px solid var(--line)}.brand,.topbar{align-items:center}.brand{display:inline-flex;gap:9px;width:fit-content;font-size:18px;font-weight:670;letter-spacing:-.03em;text-decoration:none}.brand img{width:27px;height:27px}.topbar p{margin:0;font-size:13px}.live,.topbar p{color:var(--muted)}.live{justify-self:end;display:flex;align-items:center;gap:7px;font-size:12px}.live i{width:7px;height:7px;border-radius:50%;background:var(--accent);animation:pulse 2s ease-in-out infinite}.main-grid{min-height:calc(100vh - 72px);display:grid;grid-template-columns:minmax(0,1fr) 430px}.arena{position:relative;min-height:720px;overflow:hidden;border-right:1px solid var(--line);background-color:#f5fafb;background-image:linear-gradient(rgba(94,130,137,.09) 1px,transparent 0),linear-gradient(90deg,rgba(94,130,137,.09) 1px,transparent 0);background-size:34px 34px}.arena h1{position:absolute;z-index:3;top:34px;left:36px;margin:0;max-width:430px;font-size:clamp(34px,4.2vw,62px);line-height:.98;letter-spacing:-.04em;font-weight:570}.ball-stage{position:absolute;inset:0}.champion-ball{position:absolute;z-index:2;left:52%;top:47%;width:430px;height:430px;display:flex;flex-direction:column;align-items:center;justify-content:center;border:0;border-radius:50%;background:var(--cell-color,var(--accent));color:#fff;box-shadow:inset 0 0 0 3px rgba(0,0,0,.07);font-family:Arial,Helvetica,sans-serif;text-shadow:0 3px 0 rgba(0,0,0,.22);transform:translate(-50%,-50%) scale(var(--ball-scale,1));transition:transform .7s cubic-bezier(.16,1,.3,1);animation:cell-drift 8s ease-in-out infinite}.champion-ball>strong{font-size:clamp(48px,5vw,68px);line-height:1;letter-spacing:-.025em;font-weight:700}.champion-ball>a{margin-top:12px;font-size:15px;font-weight:700;text-decoration-thickness:2px;text-underline-offset:3px}.champion-ball>small{margin-top:8px;font-size:11px;font-weight:700;opacity:.72;text-shadow:none}.empty-orb{position:absolute;z-index:2;left:52%;top:47%;width:340px;height:340px;display:grid;place-items:center;border:1px dashed #aebdc0;border-radius:50%;color:#829295;background:rgba(255,255,255,.38);transform:translate(-50%,-50%)}.empty-orb span{font:600 13px Arial,Helvetica,sans-serif;letter-spacing:.04em;text-transform:lowercase}.company-icon{position:relative;flex:0 0 auto;width:27px;height:27px;display:grid;place-items:center;overflow:hidden;border:1px solid rgba(24,24,21,.11);border-radius:50%;background:#fff;color:var(--ink);font-size:11px;font-weight:700;text-shadow:none}.company-icon.large{width:88px;height:88px;margin-bottom:15px;border-width:4px;border-color:rgba(255,255,255,.72);font-size:26px}.company-icon img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;background:#fff}.runner-up{position:absolute;z-index:3;display:flex;flex-direction:column;align-items:center;justify-content:center;border:0;border-radius:50%;background:var(--cell-color);color:#fff;box-shadow:inset 0 0 0 2px rgba(0,0,0,.08);font-family:Arial,Helvetica,sans-serif;text-shadow:0 2px 0 rgba(0,0,0,.2);opacity:.7;filter:saturate(.68) contrast(.88);text-decoration:none;transition:opacity .2s ease-out,filter .2s ease-out}.runner-up:hover{opacity:.92;filter:saturate(.9) contrast(.96)}.runner-up .company-icon{width:44px;height:44px;margin-bottom:3px;border-width:2px;border-color:rgba(255,255,255,.58)}.runner-up.third .company-icon{width:38px;height:38px}.runner-up strong{margin-top:5px;font-size:17px;font-weight:560;letter-spacing:-.02em}.runner-up.second{width:132px;height:132px;left:calc(52% - 300px);bottom:106px;animation:drift-left 7s ease-in-out infinite}.runner-up.third{width:104px;height:104px;left:calc(52% + 195px);bottom:116px;animation:drift-right 6.5s ease-in-out infinite}.challenger-cell{position:absolute;z-index:6;left:52%;top:47%;width:430px;height:430px;display:flex;flex-direction:column;align-items:center;justify-content:center;border:0;border-radius:50%;background:var(--cell-color);color:#fff;box-shadow:inset 0 0 0 3px rgba(0,0,0,.07);font-family:Arial,Helvetica,sans-serif;text-shadow:0 3px 0 rgba(0,0,0,.22);animation:swallow .85s cubic-bezier(.2,.75,.15,1) both}.challenger-cell strong{font-size:clamp(48px,5vw,68px);font-weight:700;letter-spacing:-.025em}.champion-ball.being-swallowed{animation:swallowed .85s cubic-bezier(.65,0,.9,.35) both}.food-pellet{position:absolute;z-index:1;width:7px;height:7px;border-radius:50%}.bid-bar{position:absolute;z-index:5;left:36px;right:36px;bottom:26px;display:flex;align-items:center;justify-content:space-between}.bid-bar p{margin:0;color:var(--muted);font-size:13px}.bid-bar p strong{margin-left:8px;color:var(--ink);font-size:15px;font-weight:600}.bid-bar p small{display:block;margin-top:4px;font-size:10px}.bid-bar button{min-height:46px;padding:0 20px;border:0;border-radius:8px;background:var(--ink);color:#fff;font-size:13px;font-weight:570;cursor:pointer;transition:background .2s ease-out,transform .2s ease-out}.bid-bar button:hover{background:#33332e;transform:translateY(-1px)}.bid-bar button:disabled{color:#b7b6af;background:#e3e2dc;cursor:wait;transform:none}.leaderboard{min-width:0;display:flex;flex-direction:column;background:#fff}.leader-head{height:96px;display:flex;align-items:center;justify-content:space-between;padding:0 24px;border-bottom:1px solid var(--line)}.leader-head h2{margin:0;font-size:22px;font-weight:580;letter-spacing:-.03em}.leader-head span{color:var(--muted);font-size:12px}.leader-tools{display:flex;align-items:center;gap:10px}.leader-tools select{height:32px;padding:0 26px 0 9px;border:1px solid var(--line);border-radius:7px;background:#fff;color:var(--ink);font-size:11px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.column-labels,.leaderboard li{display:grid;grid-template-columns:minmax(0,1fr) 76px 54px 58px;align-items:center;column-gap:8px}.column-labels{height:40px;padding:0 20px;border-bottom:1px solid var(--line);color:var(--muted);font-size:10px}.leaderboard ol{margin:0;padding:0;list-style:none}.leaderboard li{min-height:82px;padding:0 20px;border-bottom:1px solid var(--line)}.leaderboard li.active{background:#fbe9e4}.company-cell{min-width:0;display:flex;align-items:center;gap:9px;text-decoration:none}.company-cell>span{min-width:0;display:flex;flex-direction:column;gap:3px}.company-cell b{font-size:14px;font-weight:580}.company-cell b,.company-cell small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.company-cell small{color:var(--muted);font-size:10px}.leaderboard li>strong{font-size:11px;font-weight:560}.click-count,.leaderboard time{color:var(--muted);font-size:10px;white-space:nowrap}.growth-note{margin:auto 24px 22px;color:var(--muted);font-size:11px}.empty-board{margin:28px 24px;color:var(--muted);font-size:12px}.modal-backdrop{position:fixed;z-index:20;inset:0;display:grid;place-items:center;padding:20px;background:rgba(24,24,21,.42);animation:fade-in .18s ease-out}.bid-modal{position:relative;width:min(460px,100%);max-height:calc(100vh - 40px);overflow-y:auto;padding:32px;border-radius:14px;background:#fff;box-shadow:0 24px 70px rgba(24,24,21,.2)}.modal-close{position:absolute;top:18px;right:20px;padding:0;border:0;background:none;color:var(--muted);font-size:12px;text-decoration:underline;text-underline-offset:3px;cursor:pointer}.bid-modal h2{margin:0 0 8px;padding-right:60px;font-size:28px;font-weight:600;letter-spacing:-.03em}.bid-modal>p{margin:0 0 24px;color:var(--muted);font-size:13px;line-height:1.45}.bid-modal form{display:grid;gap:16px}.bid-modal label{display:grid;gap:7px;font-size:12px;font-weight:520}.bid-modal input{width:100%;height:46px;padding:0 12px;border:1px solid var(--line);border-radius:8px;background:#fff;color:var(--ink);font-size:14px}.bid-modal input::placeholder{color:#77766f}.bid-modal input:focus{border-color:var(--ink);outline-offset:1px}.color-field{display:flex;align-items:center;gap:10px}.color-field input{width:52px;height:42px;padding:4px;cursor:pointer}.color-field small{color:var(--muted);font-size:11px;font-weight:400}.bid-submit{height:46px;border:0;border-radius:8px;background:var(--ink);color:#fff;font-size:13px;font-weight:570;cursor:pointer}.bid-submit:hover{background:#33332e}.bid-submit:disabled,.modal-close:disabled{cursor:wait;opacity:.55}.bid-modal form>small{justify-self:center;color:var(--muted);font-size:11px}.form-error{margin:-4px 0 0;color:#a53723;font-size:12px}.toast{position:fixed;z-index:30;left:50%;bottom:24px;padding:12px 16px;border-radius:8px;background:var(--ink);color:#fff;box-shadow:0 12px 32px rgba(24,24,21,.2);font-size:13px;transform:translateX(-50%);animation:toast-in .3s cubic-bezier(.16,1,.3,1)}@keyframes pulse{50%{opacity:.35}}@keyframes fade-in{0%{opacity:0}}@keyframes toast-in{0%{opacity:0;transform:translate(-50%,10px)}}@keyframes cell-drift{0%,to{transform:translate(-50%,-50%) scale(var(--ball-scale,1))}50%{transform:translate(calc(-50% + 9px),calc(-50% - 7px)) scale(var(--ball-scale,1))}}@keyframes drift-left{50%{transform:translate(8px,-5px)}}@keyframes drift-right{50%{transform:translate(-7px,7px)}}@keyframes swallow{0%{opacity:.75;transform:translate(52%,34%) scale(.16)}65%{opacity:1;transform:translate(-50%,-50%) scale(1.08)}to{transform:translate(-50%,-50%) scale(1)}}@keyframes swallowed{0%{opacity:1;transform:translate(-50%,-50%) scale(var(--ball-scale,1))}to{opacity:0;transform:translate(-50%,-50%) scale(.05)}}@media (max-width:900px){.topbar{grid-template-columns:1fr auto}.topbar p{display:none}.main-grid{grid-template-columns:1fr}.arena{min-height:680px;border-right:0;border-bottom:1px solid var(--line)}.leaderboard{min-height:520px}}@media (max-width:560px){.topbar{height:62px;padding:0 18px}.main-grid{min-height:calc(100vh - 62px)}.arena{min-height:620px}.arena h1{top:24px;left:20px;font-size:36px}.champion-ball{width:294px;height:294px;top:48%;left:50%}.empty-orb{width:250px;height:250px;top:48%;left:50%}.challenger-cell{width:294px;height:294px;top:48%;left:50%}.challenger-cell strong,.champion-ball>strong{font-size:46px}.runner-up.second{width:94px;height:94px;left:16px;bottom:96px}.runner-up.third{width:76px;height:76px;left:auto;right:14px;bottom:102px}.runner-up strong{font-size:14px}.bid-bar{left:20px;right:20px;bottom:22px}.bid-bar button{min-height:44px;padding:0 14px}.leader-head{height:84px;padding:0 18px}.column-labels,.leaderboard li{grid-template-columns:minmax(0,1fr) 70px 48px 54px;column-gap:6px;padding-left:16px;padding-right:16px}.leaderboard time{font-size:9px}.bid-modal{padding:26px 20px}.toast{width:calc(100% - 32px);bottom:16px;text-align:center}}@media (prefers-reduced-motion:reduce){*,:after,:before{scroll-behavior:auto!important;animation:none!important;transition:none!important}}