.mill-game{color:#39291e;min-height:100vh;font-family:var(--font-geist-sans),sans-serif;background:#efe3c5}.mill-top{color:#fff7df;letter-spacing:.12em;background:#3d382a;justify-content:space-between;align-items:center;height:58px;padding:0 clamp(18px,4vw,60px);display:flex}.mill-top a{color:inherit;align-items:center;gap:8px;text-decoration:none;display:flex}.mill-top svg{width:18px}.mill-top small{color:#f5b84c}.mill-shell{max-width:1180px;margin:auto;padding:30px 22px 50px}.mill-heading{justify-content:space-between;align-items:end;margin-bottom:20px;display:flex}.mill-heading p,.mill-side>span{color:#9e4f2e;letter-spacing:.14em;font-weight:800}.mill-heading h1{margin-top:7px;font-size:clamp(35px,6vw,66px);line-height:1}.mill-heading>button{color:#fff;background:#3d382a;border:0;border-radius:50%;width:48px;height:48px}.mill-heading>button:disabled{opacity:.4}.mill-layout{grid-template-columns:minmax(0,1.55fr) minmax(260px,.7fr);gap:22px;display:grid}.mill-board,.mill-side{background:#fff9e9;border:2px solid #3d382a;border-radius:24px;box-shadow:7px 7px #cfa65f}.mill-board{padding:16px}.mill-hud{grid-template-columns:repeat(5,1fr);gap:7px;display:grid}.mill-hud>div{background:#f1dfb9;border-radius:12px;padding:9px 10px}.mill-hud small{color:#815f43;font-size:11px;display:block}.mill-hud strong{font-size:20px}.mill-hud em{color:#9b8063;font-size:13px;font-style:normal}.mill-progress{background:#d8c39e;border-radius:9px;height:7px;margin:12px 3px;overflow:hidden}.mill-progress i{background:#b95832;height:100%;transition:width .2s;display:block}.mill-yard{touch-action:none;-webkit-user-select:none;user-select:none;background:linear-gradient(#80c9d5 0 54%,#d3b269 54%);border-radius:19px;min-height:500px;position:relative;overflow:hidden}.mill-yard:after{content:"";background:repeating-linear-gradient(90deg,#a57b43 0 2px,#0000 2px 56px),#c99a56;height:28%;position:absolute;bottom:0;left:0;right:0}.sun{background:#ffd66f;border-radius:50%;width:74px;height:74px;position:absolute;top:8%;right:12%;box-shadow:0 0 0 12px #ffd66f44}.mill-stack{z-index:2;flex-direction:column-reverse;align-items:center;gap:4px;display:flex;position:absolute;top:45%;left:50%;transform:translate(-50%,-50%)}.mill-ring{color:#fff;background:#807361;border:5px solid #4e473d;border-radius:50%;place-items:center;height:58px;display:grid;position:relative;box-shadow:inset 0 -11px #5d5549}.mill-ring:before{content:"";background:#302b25;border-radius:50%;width:34px;height:34px;position:absolute}.mill-ring i{background:#f1b64b;border-radius:5px;height:6px;transition:width .14s;position:absolute;bottom:-12px;left:0}.mill-ring b{z-index:1;font-size:12px}.sweeper{transform-origin:50%;z-index:4;width:250px;height:12px;position:absolute;top:calc(50% - 6px);left:calc(50% - 125px)}.sweeper:before,.sweeper:after{content:"";background:#3f3328;border-radius:8px;width:88px;height:12px;position:absolute;top:0}.sweeper:before{left:0}.sweeper:after{right:0}.sweeper i{background:#ba5537;border:4px solid #3f3328;border-radius:5px;width:28px;height:30px;position:absolute;top:-10px;left:10px}.bean-line{z-index:3;flex-direction:column;gap:10px;display:flex;position:absolute;bottom:83px;left:50%;transform:translate(-50%)}.bean-line span{opacity:0;background:#e4b33a;border:2px solid #714b24;border-radius:50%;width:10px;height:14px}.is-firing .bean-line span{animation:.48s linear infinite bean-shot}.is-firing .bean-line span:nth-child(2){animation-delay:.16s}.is-firing .bean-line span:nth-child(3){animation-delay:.32s}@keyframes bean-shot{0%{opacity:1;transform:translateY(25px)}to{opacity:0;transform:translateY(-170px)}}.fire-pad{z-index:6;color:#fff;background:#b95832;border:2px solid #3d382a;border-radius:18px;grid-template-columns:32px 1fr;align-items:center;min-width:210px;min-height:60px;padding:8px 18px;display:grid;position:absolute;bottom:14px;left:50%;transform:translate(-50%);box-shadow:0 5px #71331f}.fire-pad:active{transform:translate(-50%,4px);box-shadow:0 1px #71331f}.fire-pad svg{grid-row:1/3}.fire-pad small{font-size:10px}.fire-pad:disabled{opacity:.45}.mill-overlay{z-index:10;background:#302820d9;place-items:center;padding:18px;display:grid;position:absolute;inset:0}.mill-dialog{text-align:center;color:#fff8e6;max-width:470px}.mill-dialog>span{color:#f4bd54;letter-spacing:.15em;font-weight:900}.mill-dialog h2{margin:9px 0;font-size:clamp(27px,5vw,46px)}.mill-dialog p{line-height:1.6}.mill-dialog>button{color:#39291e;background:#f4bd54;border:0;border-radius:16px;align-items:center;gap:8px;min-height:60px;margin:18px 0 12px;padding:0 25px;font-size:17px;font-weight:900;display:inline-flex}.mill-dialog>small{color:#e4d8c6;display:block}.mill-upgrades{grid-template-columns:repeat(3,1fr);gap:9px;margin:18px 0;display:grid}.mill-upgrades button{color:#39291e;background:#fff5dc;border:2px solid #f4bd54;border-radius:15px;min-height:112px;padding:10px}.mill-upgrades svg{margin:0 auto 6px;display:block}.mill-upgrades b,.mill-upgrades small{display:block}.mill-notice{text-align:center;min-height:25px;margin:12px 0 0;font-weight:750}.mill-side{padding:24px}.mill-side h2{margin:10px 0 15px;font-size:28px;line-height:1.2}.mill-side>p{color:#66513e;line-height:1.65}.mill-side>div{border-top:1px solid #dac8a7;gap:12px;padding:15px 0;display:flex}.mill-side>div svg{color:#b95832;flex:0 0 24px}.mill-side div p,.mill-side div b,.mill-side div span{margin:0;display:block}.mill-side div span{color:#715d4b;margin-top:3px;font-size:13px}.mill-side details{border-top:1px solid #dac8a7;padding-top:14px}.mill-side summary{font-weight:900}.mill-side details p{line-height:1.55}.mill-batch{width:1px;height:1px;position:absolute;overflow:hidden}.broken-stone{color:#f4bd54;font-size:70px}@media (max-width:820px){.mill-layout{grid-template-columns:1fr}.mill-side{order:2}.mill-yard{min-height:480px}}@media (max-width:520px){.mill-shell{padding:18px 10px 40px}.mill-top{font-size:12px}.mill-board{padding:10px}.mill-hud{grid-template-columns:repeat(3,1fr)}.mill-hud>div:nth-child(4),.mill-hud>div:nth-child(5){grid-column:span 1}.mill-yard{min-height:460px}.mill-upgrades{grid-template-columns:1fr}.mill-upgrades button{min-height:70px}.mill-heading h1{font-size:42px}}@media (max-width:360px){.mill-hud strong{font-size:17px}.mill-yard{min-height:430px}.mill-dialog h2{font-size:27px}.mill-side{padding:18px}}@media (prefers-reduced-motion:reduce){.bean-line span{animation-duration:.8s!important}}
