@charset "UTF-8";
:root{--ink:#284c42;--muted:#718278;--paper:#fff9ea;--pink:#efa7b4;--mint:#d8e9dd;--red:#a83d51;--line:#cbd4c9;--sans:"Microsoft YaHei","PingFang SC","Noto Sans CJK SC",sans-serif;--round:"YouYuan","Yuanti SC",var(--sans)}
*{box-sizing:border-box}body{margin:0;background:#f3f5ee;color:var(--ink);font-family:var(--sans);font-size:14px;-webkit-font-smoothing:antialiased}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer}button{border:0;background:none}button:disabled{cursor:default;opacity:.44}button:focus-visible,a:focus-visible,[tabindex]:focus-visible{outline:3px solid var(--red);outline-offset:5px}button:not(:disabled):active{transform:translateY(1px)}a{color:inherit}svg{display:block}.icon-library{position:absolute;width:0;height:0;overflow:hidden}.site-shell{max-width:1320px;margin:auto;padding:0 48px}.masthead{height:112px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:flex;gap:13px;align-items:center;text-decoration:none;font-size:24px;font-weight:700;letter-spacing:1px}.brand>svg{width:35px;height:47px;transform:rotate(-9deg)}.brand small{display:block;font-family:Georgia,serif;font-style:italic;font-size:16px;font-weight:400;letter-spacing:.3px;margin-top:1px}.opening-note{font-size:12px;color:var(--muted);margin-left:20px}.utilities{display:flex;gap:23px}.quiet-button{display:flex;align-items:center;gap:7px;font-size:12px;padding:9px 0}.quiet-button svg{width:18px;height:18px}.help-mark{width:18px;height:18px;border:1.4px solid;border-radius:50%;font-family:Georgia,serif;font-weight:700;display:grid;place-items:center;font-size:12px}.game-heading{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:33px 0 28px}.game-heading h1{font-family:var(--round);font-size:32px;letter-spacing:1px;margin:0 0 10px;font-weight:900}.game-heading p{font-size:12px;color:var(--muted);margin:0;line-height:1.8}.modes{display:flex;gap:4px;border-radius:40px;background:#e5eae0;padding:5px;flex-shrink:0}.modes button{padding:10px 17px;font-size:12px;border-radius:24px;white-space:nowrap}.modes button[aria-pressed=true]{color:var(--paper);background:var(--ink);box-shadow:0 2px 3px #284c4212}.counter-layout{display:grid;grid-template-columns:174px minmax(0,1fr) 238px;gap:27px;align-items:start}.ingredients{padding-top:27px}.ingredient-heading h2,.topping-area h2{font-size:14px;letter-spacing:.2px;margin:0 0 7px;font-weight:600}.ingredient-heading>span{font-size:11px;color:var(--muted)}.flavors{display:flex;flex-direction:column;gap:7px;margin:20px 0 29px}.flavor{position:relative;display:flex;align-items:center;width:100%;padding:12px 5px 12px 0;gap:12px;text-align:left;border-radius:9px}.flavor>span:nth-child(2){font-size:13px;white-space:nowrap}.flavor small{display:block;font-family:Georgia,serif;font-style:italic;color:var(--muted);font-size:11px;margin-top:5px}.scoop{--light:#fffdf3;--shade:#dcc7a3;display:block;width:48px;height:48px;position:relative;flex-shrink:0;background:#ececde;border:1px solid #d9ddcd;border-radius:50%;transition:background .15s}.scoop.strawberry{--light:#fbd3d6;--shade:#d8859b;background:#f5e4e5}.scoop.matcha{--light:#c0d39f;--shade:#7c9a69;background:#e1eadb}.scoop i{position:absolute;left:8px;bottom:11px;width:30px;height:12px;border-radius:50% 45% 45% 50%;background:linear-gradient(175deg,var(--light) 15%,var(--shade));box-shadow:0 2px 2px #5446381a;transform:rotate(-7deg)}.scoop i:nth-child(2){left:11px;bottom:18px;width:25px;height:12px;transform:rotate(-13deg)}.scoop i:nth-child(3){left:16px;bottom:25px;width:16px;height:13px;transform:rotate(-18deg);border-radius:70% 15% 45% 35%}.selected-tick{display:none;position:absolute;right:0;top:24px;font-size:12px}.flavor.active .selected-tick{display:block}.flavor.active .scoop{outline:1.5px solid var(--ink);outline-offset:4px}.topping-area{border-top:1px solid var(--line);padding-top:23px}.toppings{display:flex;gap:7px;margin-top:12px}.toppings button{display:flex;flex-direction:column;align-items:center;gap:5px;flex:1;font-size:11px;padding:8px 5px;border:1px solid transparent;border-radius:7px}.toppings button.active{border-color:#9fae9a;background:#e9ede3}.topping-symbol{height:26px;font-size:23px;line-height:25px}.topping-symbol.sprinkles{font-size:24px;color:#b77f3b;text-shadow:3px 1px #de8d9c;transform:rotate(-8deg)}.topping-symbol.cherry{position:relative;font-size:27px;color:#a83d51}.topping-symbol.cherry:before{content:"";position:absolute;top:-3px;left:13px;width:9px;height:10px;border-left:2px solid #4e7651;border-radius:80%}.little-note{margin:15px 0 0 15px;transform:rotate(-7deg);color:#7b886a}.little-note svg{width:65px;height:38px;margin-left:30px}.little-note path{fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.little-note p{font:14px/1.8 var(--round);margin:0 0 0 12px;letter-spacing:1px}.play-area{border-radius:12px 12px 20px 20px;overflow:hidden;background:#e3eadd;box-shadow:0 4px 0 #d0d9cb;position:relative}.awning{height:60px;background:repeating-linear-gradient(90deg,#a9cbb5 0,#a9cbb5 33px,#f6faec 33px,#f6faec 66px);position:relative;z-index:3;display:flex;justify-content:center;align-items:flex-start;padding-top:12px;filter:drop-shadow(0 3px 2px #284c4218)}.awning:after{content:"";position:absolute;bottom:-9px;height:15px;left:0;right:0;background:radial-gradient(ellipse at 50% 0,#a9cbb5 68%,transparent 72%) 0 0/66px 15px repeat-x,radial-gradient(ellipse at 50% 0,#f6faec 68%,transparent 72%) 33px 0/66px 15px repeat-x}.awning span{border:1px solid #96b29d;border-radius:3px;padding:7px 18px;background:var(--paper);font:12px var(--round);letter-spacing:2px;transform:rotate(-1deg)}.stage-wrap{height:357px;background:#f1ddd8;position:relative;isolation:isolate;overflow:hidden;background-image:radial-gradient(circle at 50% 40%,#fff4e647,transparent 65%)}#scene{display:block;width:100%;height:100%}.stage-topline{position:absolute;top:23px;left:21px;right:18px;display:flex;justify-content:space-between;z-index:2;font-size:10px;color:#6f7161;align-items:center}.stage-topline>span{display:flex;gap:6px;align-items:center}.stage-topline i{width:5px;height:5px;border-radius:50%;background:#668567}.stage-topline button{font-size:10px;padding:5px 0}.stage-topline button span{display:inline-block;border:1px solid #b2ad99;border-radius:3px;margin-left:3px;padding:0 3px}.stage-note{position:absolute;bottom:17px;left:0;right:0;text-align:center;color:#756e5d;font-size:10px;letter-spacing:.5px;pointer-events:none}.height-mark{position:absolute;right:24px;bottom:49px;text-align:center;color:#8c6f64;border-top:1px solid #a68d7b77;border-bottom:1px solid #a68d7b77;min-width:48px;padding:5px 0}.height-mark strong{display:block;font-family:Georgia,serif;font-size:25px;font-weight:400;font-variant-numeric:tabular-nums}.height-mark span{font-size:9px}.control-deck{position:relative;display:grid;grid-template-columns:1fr 146px 1.1fr;gap:4px;padding:12px 18px 0;align-items:center;background:#e3eadd;border-top:1px solid #cfcdba}.control-text{padding-left:2px}.handwritten{font:16px var(--round);display:block;transform:rotate(-5deg);margin-bottom:8px}.control-text p{font-size:10px;line-height:1.9;color:#73836e;margin:0}.control-pad{position:relative;width:146px;height:146px;cursor:grab;touch-action:none;user-select:none;-webkit-user-select:none;border-radius:50%;flex-shrink:0}.control-pad:active{cursor:grabbing}.control-pad svg{height:100%;width:100%;overflow:visible}.pad-outer{fill:#eff3e9;stroke:#cbd6c4;stroke-width:1}.pad-guide{fill:none;stroke:#a5b49a;stroke-dasharray:3 7;stroke-width:1.4;stroke-linecap:round}.pad-arrow{fill:none;stroke:#7c9b7e;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.pad-center{fill:#a9b69c}.pad-label{position:absolute;top:calc(50% + 12px);font-size:9px;left:0;right:0;text-align:center;color:#7a8a71;pointer-events:none}.pad-dot{position:absolute;width:17px;height:17px;left:calc(50% - 8.5px);top:calc(17.5% - 8.5px);border-radius:50%;background:var(--ink);box-shadow:0 0 0 5px #284c4211;pointer-events:none}.control-pad.holding .pad-dot{background:var(--red);box-shadow:0 0 0 7px #a83d5111}.serve-controls{display:flex;flex-direction:column;align-items:center;gap:12px;padding-left:8px}.serve-button{background:var(--ink);color:var(--paper);border-radius:7px;padding:12px 15px;font-size:12px;white-space:nowrap;min-height:42px}.serve-button span{margin-left:5px}.reset-button{display:flex;gap:5px;align-items:center;font-size:10px;color:#69806a;padding:3px}.reset-button svg{width:13px;height:13px}.keyboard-hint{margin:1px 0 0;padding:0 10px 17px;text-align:center;font-size:9px;color:#77826d;line-height:20px}kbd{font:9px var(--sans);border:1px solid #bac8b1;border-radius:3px;padding:1px 3px;margin:0 2px}.danmaku{position:absolute;inset:55px 0 30px;overflow:hidden;pointer-events:none;z-index:2}.danmaku span{position:absolute;white-space:nowrap;right:-340px;border:1px solid #fff9eaa8;background:#fff9ea8c;border-radius:20px;padding:6px 13px;font-size:11px;color:#806758;animation:danmaku 9s linear forwards}.danmaku span:nth-child(2n){color:#6b8065;background:#eef3e4b3}.danmaku[hidden]{display:none}@keyframes danmaku{to{transform:translateX(calc(-1 * var(--travel,1000px)))}}.receipt-area{position:relative;padding-top:24px}.receipt-clip{position:absolute;left:calc(50% - 23px);width:46px;height:21px;border-radius:5px 5px 3px 3px;background:#788677;top:12px;z-index:2;box-shadow:inset 0 3px #99a492,inset 0 -5px #5e705e,0 2px 3px #284c4218;transform:rotate(2deg)}.receipt{position:relative;background:var(--paper);padding:26px 21px 19px;filter:drop-shadow(1px 5px 3px #545a3c0a);transform:rotate(1.4deg)}.receipt:after{content:"";position:absolute;left:0;right:0;bottom:-8px;height:9px;background:linear-gradient(135deg,var(--paper) 5px,transparent 0) 0 0/11px 9px repeat-x,linear-gradient(225deg,var(--paper) 5px,transparent 0) 0 0/11px 9px repeat-x}.receipt-heading{text-align:center;padding-bottom:17px;border-bottom:1px dashed #c6c6ad}.receipt-heading svg{width:23px;height:27px;margin:0 auto 8px}.receipt-heading>div{font-family:var(--round);font-size:17px;font-weight:700;letter-spacing:1px}.receipt-heading small{font-family:Georgia,serif;display:block;color:#999782;font-size:10px;letter-spacing:1px;margin-top:7px}.order-box{padding:20px 0 16px;border-bottom:1px dashed #c6c6ad}.order-box>span{font-size:10px;color:#898c73}.order-box h2{font-size:16px;line-height:1.7;font-weight:600;margin:7px 0}.order-box p{font-size:11px;line-height:1.9;color:#7c826b;margin:0}.receipt-stats{padding-top:18px}.receipt-stats>div:not(.stability-track){display:flex;align-items:center;justify-content:space-between;font-size:10px;margin-bottom:13px}.receipt-stats strong{font-size:10px;font-weight:400}.receipt-stats b{font-size:17px;font-family:Georgia,serif;font-weight:400;letter-spacing:.5px}.stability-track{height:4px;background:#e6e6d5;margin:0 0 23px}.stability-track>span{display:block;width:100%;height:100%;background:#8da987;transition:width .2s,background .2s}.save-button{width:100%;display:flex;align-items:center;justify-content:center;gap:8px;padding:10px 5px;border:1px solid #b6c2aa;font-size:11px;border-radius:3px;min-height:36px}.save-button svg{width:14px;height:14px}.next-order{padding:10px 0 0;width:100%;font-size:11px;text-decoration:underline;text-underline-offset:4px}.receipt-footer{border-top:1px dashed #c6c6ad;margin-top:20px;padding-top:15px;display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;font-size:10px;color:#858773}.receipt-footer strong{font-weight:400;font-size:10px}.receipt-footer b{font-weight:400;font-variant-numeric:tabular-nums}.barcode{height:23px;width:85%;margin:17px auto 7px;opacity:.3;background:repeating-linear-gradient(90deg,var(--ink) 0,var(--ink) 1px,transparent 1px,transparent 3px,var(--ink) 3px,var(--ink) 5px,transparent 5px,transparent 8px,var(--ink) 8px,var(--ink) 9px,transparent 9px,transparent 10px,var(--ink) 10px,var(--ink) 13px,transparent 13px,transparent 16px)}.receipt-footer small{display:block;width:100%;text-align:center;font-size:8px;letter-spacing:1px}.receipt-caption{font:12px var(--round);color:#89917a;text-align:center;transform:rotate(-3deg);margin:30px 0 0}.result-box{padding:1px 0 18px}.result-box>span{font-size:10px;color:var(--red)}.result-box h3{font:600 22px/1.5 var(--round);margin:5px 0;color:var(--red)}.result-box p{font-size:10px;line-height:1.9;margin:0;color:#7c826b}.order-checks{display:flex;flex-direction:column;gap:6px;margin-top:12px;font-size:10px}.order-checks .miss{color:var(--red)}.page-footer{display:flex;justify-content:space-between;gap:15px;font-size:10px;color:#86917e;margin:35px 0 24px;line-height:1.8}.page-footer a{text-decoration-color:#bdc5b6;text-underline-offset:3px}.footer-dot{padding:0 7px}.page-footer>span:first-child{font-family:var(--round);font-size:12px}.result-visible .receipt .order-box{padding:13px 0}.result-visible .receipt-stats{padding-top:12px}.result-visible .receipt-heading{padding-bottom:11px}.result-visible .stability-track{margin-bottom:15px}.result-visible .receipt-footer{margin-top:13px;padding-top:10px}.result-visible .barcode{margin-top:10px;height:18px}dialog{color:var(--ink);border:0;border-radius:14px;background:var(--paper);padding:33px;max-width:440px;width:calc(100% - 36px);box-shadow:0 20px 70px #284c4233}dialog::backdrop{background:#284c4266;backdrop-filter:blur(4px)}.dialog-close{position:absolute;right:13px;top:8px;font-size:26px;padding:3px 7px}.dialog-swirl{font-size:40px;color:var(--red)}dialog h2{font:700 24px var(--round);margin:12px 0 24px}dialog ol{padding-left:19px;margin:0}dialog li{font-size:13px;line-height:2;margin:12px 0}dialog p{font-size:12px;line-height:1.9;color:#73816d}.help-small{font-size:10px!important}dialog .serve-button{margin-top:12px;width:100%}#toast{position:fixed;bottom:25px;left:50%;transform:translate(-50%,20px);background:var(--ink);color:var(--paper);border-radius:8px;padding:11px 19px;font-size:12px;opacity:0;pointer-events:none;transition:opacity .18s,transform .18s;z-index:10;max-width:90vw;width:max-content}#toast.show{opacity:1;transform:translate(-50%,0)}[hidden]{display:none!important}
@media(min-width:1450px){.site-shell{max-width:1370px}.stage-wrap{height:410px}.counter-layout{grid-template-columns:180px minmax(0,1fr) 250px;gap:35px}.control-deck{grid-template-columns:1fr 156px 1.1fr;padding:15px 25px 0}.control-pad{width:156px;height:156px}.game-heading{padding:39px 0 32px}.receipt{padding:28px 24px 23px}.flavors{gap:15px}}
@media(max-width:1120px){.site-shell{padding:0 28px}.counter-layout{grid-template-columns:139px minmax(0,1fr) 210px;gap:18px}.flavor{gap:9px}.scoop{width:42px;height:42px}.scoop i{left:5px;bottom:9px}.scoop i:nth-child(2){left:8px;bottom:16px}.scoop i:nth-child(3){left:13px;bottom:23px}.flavor>span:nth-child(2){font-size:11px}.flavor small{font-size:10px}.selected-tick{right:-1px;font-size:9px}.receipt{padding:25px 17px 17px}.control-deck{grid-template-columns:1fr 126px 1fr;padding:10px 10px 0}.control-pad{width:126px;height:126px}.control-text p{font-size:9px}.handwritten{font-size:14px}.serve-button{font-size:10px;padding:12px 10px}.serve-controls{padding-left:0}.game-heading h1{font-size:28px}.modes button{padding:10px 12px}.stage-wrap{height:348px}}
@media(max-width:900px){.site-shell{max-width:730px;padding:0 24px}.masthead{height:90px}.opening-note{display:none}.game-heading{align-items:flex-start;padding:26px 0 22px;flex-direction:column;gap:19px}.game-heading h1{font-size:29px}.modes{align-self:stretch;justify-content:center}.modes button{flex:1}.counter-layout{grid-template-columns:minmax(0,1fr) 211px;gap:20px}.ingredients{grid-column:1/-1;display:flex;align-items:center;gap:16px;padding-top:0}.ingredient-heading{display:none}.flavors{flex:1;flex-direction:row;margin:0;gap:7px}.flavor{gap:9px;padding:10px 6px 10px 0;min-width:0}.flavor small{font-size:9px}.selected-tick{display:none!important}.topping-area{padding:0 0 0 13px;border-top:0;border-left:1px solid var(--line)}.topping-area h2{display:none}.toppings{margin:0;gap:0}.toppings button{font-size:10px;padding:5px 7px}.little-note{display:none}.stage-wrap{height:340px}.control-deck{grid-template-columns:1fr 126px 1fr}.control-text p{display:none}.handwritten{font-size:13px;line-height:1.7}.serve-button{white-space:normal;line-height:1.7;padding:8px}.serve-button span{display:none}.keyboard-hint{font-size:8px}.reset-button{font-size:9px;white-space:nowrap}.receipt-area{padding-top:23px}.receipt-caption{font-size:11px}}
@media(max-width:620px){.site-shell{padding:0 20px}.masthead{height:72px}.brand{font-size:20px;gap:9px}.brand>svg{height:39px;width:29px}.brand small{font-size:14px}.utilities{gap:17px}.quiet-button{font-size:11px}.quiet-button svg{width:16px}.game-heading{padding:18px 0 14px;gap:14px}.game-heading h1{font-size:27px}.game-heading p{font-size:10px}.counter-layout{display:flex;flex-direction:column;gap:17px}.ingredients{width:100%;gap:5px;flex-wrap:wrap}.flavors{width:100%;flex-basis:100%;justify-content:space-between;gap:10px}.flavor{flex:1;padding:8px 0;gap:8px}.flavor>span:nth-child(2){font-size:11px}.scoop{height:38px;width:38px}.scoop i{left:5px;width:26px;bottom:8px;height:10px}.scoop i:nth-child(2){left:8px;width:22px;bottom:14px;height:11px}.scoop i:nth-child(3){left:12px;width:15px;bottom:21px;height:12px}.topping-area{width:100%;display:flex;align-items:center;justify-content:flex-end;padding:3px 0 0;border:0;gap:8px}.topping-area h2{display:block;font-size:10px;margin:0;color:var(--muted);font-weight:400}.toppings{gap:5px}.toppings button{flex-direction:row;padding:3px 8px;gap:5px}.topping-symbol{font-size:17px!important;height:18px;line-height:18px}.topping-symbol.cherry:before{height:6px;width:6px;left:8px;top:-1px}.play-area{width:100%;border-radius:10px 10px 17px 17px}.awning{height:50px;padding-top:9px}.awning span{font-size:10px;padding:6px 15px}.stage-wrap{height:282px}.stage-topline{left:17px;right:17px;top:20px}.control-deck{grid-template-columns:1fr 138px 1fr;padding:8px 12px 0;gap:5px}.control-pad{height:138px;width:138px}.control-text p{display:block;font-size:8px;line-height:1.9}.handwritten{font-size:13px;margin-bottom:7px;white-space:nowrap}.serve-button{font-size:10px;white-space:nowrap;padding:10px 9px}.serve-controls{gap:9px}.reset-button{font-size:9px}.keyboard-hint{font-size:8px;padding-bottom:11px}.height-mark{right:22px;bottom:41px}.height-mark strong{font-size:22px}.stage-note{bottom:14px;font-size:9px}.receipt-area{width:100%;margin-top:7px;padding:19px 13px 0}.receipt{transform:rotate(-.7deg);padding:23px 25px 19px}.receipt-clip{top:7px}.receipt-heading{display:flex;align-items:center;gap:9px;padding-bottom:13px}.receipt-heading svg{margin:0;width:18px;height:23px}.receipt-heading>div{font-size:16px}.receipt-heading small{margin:0 0 0 auto}.order-box{padding:15px 0 13px}.order-box h2{font-size:17px;margin:5px 0}.order-box p{font-size:11px}.receipt-stats{padding-top:16px}.receipt-stats>div:not(.stability-track){font-size:11px}.receipt-stats strong{font-size:11px}.receipt-footer .barcode,.receipt-footer small{display:none}.receipt-footer{padding-top:13px;margin-top:14px}.receipt-caption{margin-top:23px;font-size:11px}.page-footer{flex-direction:column;align-items:center;text-align:center;gap:8px;margin:29px 0 23px;font-size:9px}.result-box h3{font-size:25px}.result-box p{font-size:11px}}
@media(max-width:365px){.site-shell{padding:0 13px}.utilities{gap:9px}.flavor>span:nth-child(2){font-size:10px}.flavor{gap:6px}.control-deck{grid-template-columns:1fr 123px 1fr;padding-left:8px;padding-right:8px}.control-pad{height:123px;width:123px}.control-text p{font-size:7px}.handwritten{font-size:12px}.serve-button{font-size:9px;padding:9px 7px}.game-heading h1{font-size:24px}.stage-wrap{height:260px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:0.01ms!important;transition:none!important}.danmaku span{animation:none;right:12px}.danmaku span:not(:last-child){display:none}}

/* The creator stamp and competition slips belong to the little ice-cream counter. */
.masthead{gap:20px}.opening-note{display:none}.utilities{margin-left:auto;gap:19px}
.creator-badge{display:flex;align-items:center;gap:9px;padding-left:19px;border-left:1px solid var(--line)}
.creator-badge img{width:38px;height:38px;object-fit:cover;border-radius:50%;border:2px solid var(--paper)}
.creator-name{font-size:11px;white-space:nowrap}.creator-name small{display:block;font-size:9px;color:var(--muted);margin-top:4px}
.follow-creator{padding:9px 12px;border:1px solid #d594a3;background:#f4d7dd;border-radius:5px;text-decoration:none;white-space:nowrap;font-size:11px;font-weight:600}
.follow-creator:hover{background:#efbdc9}.rank-entry{font-family:Georgia,serif;font-size:14px;font-style:italic}
.race-panel{padding:15px 0 12px;border-bottom:1px dashed #c6c6ad}.race-line{display:flex;justify-content:space-between;gap:8px;font-size:10px}
.race-time{display:block;font-family:Georgia,var(--sans);font-size:27px;font-weight:400;font-variant-numeric:tabular-nums;margin:9px 0 4px}
.race-panel p{font-size:10px;line-height:1.8;color:var(--muted);margin:0}.race-splits{list-style:none;padding:0;margin:7px 0 0;font-size:10px;line-height:1.9;font-variant-numeric:tabular-nums}
.competition-result{margin:0 0 12px}.competition-result .serve-button{width:100%;font-size:10px;white-space:normal}.competition-result p{font-size:10px;line-height:1.8;color:var(--muted);margin:7px 0 0}
.result-hooks{border-top:1px dashed #c6c6ad;margin-top:16px;padding-top:10px;display:flex;flex-wrap:wrap;gap:8px 15px}
.result-hooks button,.result-hooks a{padding:3px 0;font-size:10px;text-decoration:underline;text-underline-offset:3px}.result-hooks p{font-size:10px;line-height:1.8;color:var(--muted);margin:0}
.challenge-text{width:100%;min-height:90px;border:1px solid var(--line);background:#fffcf3;color:var(--ink);padding:8px;font:11px/1.7 var(--sans);resize:vertical}
#rankDialog{max-width:560px;padding:30px 28px 20px}#rankDialog h2{margin:12px 0 20px}.rank-eyebrow{font:10px Georgia,serif;letter-spacing:2px;color:var(--muted)}
.rank-tabs{display:flex;border-bottom:1px solid var(--line);gap:24px}.rank-tabs button{padding:10px 0;font-size:13px;border-bottom:2px solid transparent}.rank-tabs button[aria-pressed=true]{border-color:var(--red);color:var(--red);font-weight:700}
.rank-toolbar{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-top:16px;font-size:11px}.rank-toolbar select{font:inherit;background:var(--paper);color:var(--ink);border:1px solid #bbc7b5;padding:5px 7px;margin-left:5px;border-radius:3px}.rank-toolbar button{font-size:11px;padding:6px 0}
#rankStatus{min-height:22px;font-size:12px}#rankTable{border-collapse:collapse;width:100%;font-size:12px;table-layout:fixed}#rankTable th{text-align:left;font-weight:400;color:var(--muted);font-size:10px;padding:9px 7px;border-bottom:1px solid var(--line)}#rankTable td{padding:12px 7px;border-bottom:1px dashed #d2d6c5;overflow-wrap:anywhere}#rankTable td:first-child,#rankTable th:first-child{width:50px}#rankTable td:last-child,#rankTable th:last-child{text-align:right;width:115px;font-variant-numeric:tabular-nums}#rankTable tbody tr:nth-child(-n+3) td:first-child{color:var(--red);font:italic 20px Georgia,serif}.rank-scroll{max-height:48vh;overflow:auto}.my-rank{padding:10px 12px;background:var(--mint);border-radius:3px}.rank-footnote{border-top:1px dashed var(--line);padding-top:13px;font-size:10px!important;margin-bottom:0}
@media(max-width:900px){.creator-name{display:none}.creator-badge{padding-left:13px}.masthead{gap:14px}.utilities{gap:15px}}
@media(max-width:620px){.masthead{height:98px;position:relative;align-items:flex-start;padding-top:14px}.brand{font-size:18px}.brand small{font-size:12px}.brand>svg{width:25px;height:34px}.creator-badge{margin-left:auto;padding-left:0;border:0;gap:6px}.creator-badge img{width:32px;height:32px}.follow-creator{font-size:10px;padding:8px}.utilities{position:absolute;right:0;bottom:5px;gap:20px}.quiet-button{font-size:10px;padding:4px 0}.quiet-button svg{width:14px;height:14px}.help-mark{width:15px;height:15px;font-size:10px}.rank-entry{font-size:13px}.race-time{font-size:30px}.result-hooks button,.result-hooks a{font-size:11px}#rankDialog{padding:28px 20px 18px}.game-heading{padding-top:13px;padding-bottom:10px;gap:10px}.game-heading h1{margin-bottom:6px}.counter-layout{gap:13px}.stage-wrap{height:274px}.keyboard-hint{padding-bottom:8px}}
@media(max-width:365px){.follow-creator{padding:7px 6px}.creator-badge img{width:29px;height:29px}.brand{font-size:17px}.stage-wrap{height:252px}}
.race-hud{position:absolute;left:20px;bottom:49px;color:#8c6f64;pointer-events:none}.race-hud span{display:block;font-size:9px;margin-bottom:4px}.race-hud strong{font:19px Georgia,var(--sans);font-variant-numeric:tabular-nums}@media(max-width:620px){.race-hud{left:17px;bottom:44px}.race-hud strong{font-size:17px}.race-hud span{font-size:8px}}
.toppings button{white-space:nowrap}

/* A small rewind ticket stays beside the cone, within reach of the control pad. */
.rescue-control{position:absolute;left:20px;bottom:45px;z-index:3;max-width:155px}
.rescue-button{display:flex;gap:8px;align-items:center;min-height:46px;padding:7px 12px 7px 8px;border:1px solid #b9c8b5;border-radius:5px;background:#edf0ddf2;box-shadow:2px 3px 0 #dce4d2;text-align:left}
.rescue-button:disabled{opacity:.65}.rescue-button:not(:disabled):hover{background:#e3eacb;border-color:#829c7b}.rewind-icon{font:36px/.8 Georgia,serif;color:#577653}.rescue-button strong{display:block;font-size:12px;font-weight:600;white-space:nowrap}.rescue-button small{display:block;color:#5e735c;font-size:9px;margin-top:4px}.rescue-control>span{display:block;font-size:9px;color:#78816b;margin-top:7px;line-height:1.4}
.stage-wrap.rescue-held{box-shadow:inset 0 0 0 2px #a8bb86}.stage-wrap.rescue-held #stageStatus{color:#607b44}.stage-wrap.rescue-flash:after{content:'−2 秒';position:absolute;left:50%;top:40%;transform:translate(-50%,-50%);font:italic 46px Georgia,var(--sans);color:#607b44;text-shadow:0 2px 12px var(--paper);pointer-events:none;animation:rewind-stamp .9s ease-out both}
@keyframes rewind-stamp{0%{opacity:0;translate:0 15px;scale:.85}20%,55%{opacity:1;translate:0 0;scale:1}100%{opacity:0;translate:0 -24px}}
.rescue-button.rescue-needed{border-color:#a83d51;background:#fae5c9;animation:rescue-nudge 1.8s ease-in-out infinite}@keyframes rescue-nudge{50%{box-shadow:0 0 0 4px #d594a32b}}
.magic-slip{border-bottom:1px dashed #c6c6ad;padding:12px 0}.magic-slip>div{display:flex;justify-content:space-between;align-items:center;gap:6px}.magic-slip strong{font-size:12px;font-weight:500}.magic-slip button{font-size:10px;text-decoration:underline;text-underline-offset:3px;padding:5px 0}.magic-slip p{font-size:10px;line-height:1.8;color:var(--muted);margin:5px 0 0}
#rewardDialog{max-width:490px;padding:30px 30px 24px;background:var(--paper)}.magic-eyebrow{font-size:9px;letter-spacing:1px;color:var(--muted)}.magic-title{display:flex;gap:24px;align-items:center;margin:25px 0 22px}.magic-title>span{position:relative;color:#91a96d;font:110px/1 Georgia,serif;width:110px;flex-shrink:0;transform:rotate(-9deg)}.magic-title b{position:absolute;left:41px;top:36px;font:italic 43px Georgia,serif;color:var(--ink)}.magic-title i{position:absolute;left:69px;top:66px;font:11px var(--sans);color:var(--ink)}#rewardDialog h2{font:700 25px/1.5 var(--round);margin:0}#rewardDialog .magic-title p{font-size:11px;margin:7px 0 0;color:var(--muted)}
.magic-tiers{list-style:none;padding:0;margin:0;border-top:1px dashed #bdc6af}.magic-tiers li{display:flex;align-items:center;gap:12px;padding:17px 0;border-bottom:1px dashed #bdc6af}.tier-number{font:italic 18px Georgia,serif;color:#8b9d78}.magic-tiers li>div{flex:1}.magic-tiers strong{display:block;font-size:13px;font-weight:500}.magic-tiers small{display:block;color:var(--muted);font-size:10px;margin-top:5px;line-height:1.6}.magic-tiers li>b{font-size:10px;font-weight:400;color:var(--muted);white-space:nowrap}.magic-tiers a{font-size:11px;text-underline-offset:4px;white-space:nowrap}.magic-tiers .unlocked .tier-number{color:#45714a}.magic-tiers .unlocked strong:after{content:' ✓';color:#45714a}.magic-tiers li:last-child:not(.unlocked){color:#8b8275}
#rewardDialog .reward-status{font-size:11px;line-height:1.8;margin:17px 0;min-height:40px}#verifyRewardBtn{width:100%;font-size:13px;white-space:normal;min-height:44px}.magic-back{display:block;margin:10px auto 0;padding:8px;font-size:11px;text-decoration:underline;text-underline-offset:3px}#rewardDialog .magic-footnote{font-size:9px;color:var(--muted);line-height:1.8;border-top:1px solid #d9decd;padding-top:13px;margin:13px 0 0}
@media(max-width:1100px) and (min-width:621px){.game-heading{flex-wrap:wrap}.modes{margin-left:auto}}
@media(max-width:620px){.modes{width:100%;justify-content:space-between}.modes button{padding:9px 10px;font-size:11px}.rescue-control{left:15px;bottom:42px;max-width:130px}.rescue-button{gap:5px;padding:6px 9px 6px 6px;min-height:44px}.rescue-button strong{font-size:10px}.rescue-button small{font-size:8px}.rescue-control>span{font-size:8px;margin-top:6px}.rewind-icon{font-size:29px}#rewardDialog{padding:27px 20px 20px}.magic-title{gap:16px;margin:18px 0}.magic-title>span{font-size:95px;width:94px}.magic-title b{font-size:36px;left:36px;top:31px}.magic-title i{left:59px;top:57px}#rewardDialog h2{font-size:23px}.magic-tiers li{gap:10px;padding:14px 0}.magic-tiers strong{font-size:12px}.magic-tiers small{font-size:9px}.rank-tabs{gap:17px}.rank-tabs button{font-size:12px}.magic-slip button{font-size:11px}.stage-wrap.rescue-flash:after{font-size:38px}}
@media(max-width:365px){.modes button{font-size:10px;padding:9px}.rescue-control{left:12px}.rescue-button strong{font-size:9px}.magic-title{gap:9px}.magic-eyebrow{font-size:8px}.magic-tiers li{gap:8px}.magic-tiers small{font-size:8px}.magic-tiers a{font-size:10px}}