:root{color-scheme:dark;--yellow:#ffca31;--muted:#929dac}*{box-sizing:border-box}body{margin:0;background:#101012;color:#f7f7f7;font-family:Arial,sans-serif}header{display:flex;align-items:center;justify-content:space-between;padding:18px 28px;border-bottom:1px solid #303035;gap:18px;flex-wrap:wrap}a{color:inherit;text-decoration:none}.brand{display:flex;align-items:center;gap:12px;font-size:25px;font-weight:900}.brand img{width:43px;height:43px;border-radius:13px;object-fit:cover;border:1px solid #a78d4e}.brand small{font-size:12px;color:var(--yellow);background:#352a12;padding:5px 9px;border-radius:20px}nav{display:flex;gap:22px;font-size:13px}nav [aria-current]{color:var(--yellow)}.summary{padding:22px 28px;display:flex;align-items:center;gap:35px;border-bottom:1px solid #303035}.summary>div:first-child{margin-right:auto}.summary small,.fill small{font-size:10px;letter-spacing:1px;color:var(--muted)}.summary strong{display:block;margin-top:7px;font-size:19px;font-variant-numeric:tabular-nums}#cap{color:var(--yellow)}.badge{color:#2dce9f;background:#12362b;border:1px solid #225643;border-radius:20px;font-size:11px;padding:6px 10px}#status{font-size:11px;color:var(--muted);margin-bottom:0;max-width:270px}button,.button{border:1px solid #353539;background:#1d1d20;color:#e8e8e8;border-radius:9px;padding:9px 12px;font:inherit;font-size:12px;cursor:pointer}button:hover,.button:hover{border-color:#a78d4e}button:focus-visible,a:focus-visible,#stage:focus-visible{outline:2px solid var(--yellow);outline-offset:3px}main{display:grid;grid-template-columns:1.4fr 1fr;gap:20px;padding:22px 28px;max-width:1500px;margin:auto}.panel{border:1px solid #303035;border-radius:18px;overflow:hidden;background:#141416}.stage-panel{padding:18px}.stage-heading,.stage-footer,.feed-heading{display:flex;justify-content:space-between;align-items:center;gap:10px}.pill{padding:8px 12px;border:1px solid #2a291c;background:#0b0b0c;color:var(--yellow);border-radius:20px;font-size:12px}.hint,.note{color:var(--muted);font-size:11px;line-height:1.6}.note{margin:8px 0 0}.stage-footer{position:relative}#stage{height:410px;perspective:900px;position:relative;touch-action:none;cursor:grab;overflow:hidden}#stage:active{cursor:grabbing}#scene{position:absolute;left:50%;top:53%;width:180px;height:190px;margin-left:-90px;margin-top:-80px;transform-style:preserve-3d;transform:rotateX(-12deg) rotateY(-18deg) scale(1.1)}.box{position:absolute;width:180px;height:190px;background:#a11818}.front{transform:translateZ(47px);background:linear-gradient(110deg,#b11917,#de2723);clip-path:polygon(0 0,25% 14%,50% 19%,75% 14%,100% 0,90% 100%,10% 100%);display:flex;align-items:center;flex-direction:column;padding-top:47px;backface-visibility:hidden}.arches{font:bold 74px Georgia;color:#ffd747;line-height:1;text-shadow:2px 2px #b78110}.front b{font-size:20px;margin-top:3px}.front small{font-size:6px;letter-spacing:1px}.back{transform:translateZ(-47px);background:#8e1514;clip-path:polygon(0 0,100% 0,90% 100%,10% 100%)}.side{width:94px;clip-path:polygon(0 0,100% 0,85% 100%,15% 100%)}.left{transform:translateX(-47px) rotateY(90deg);background:#a41e17}.right{transform:translateX(133px) rotateY(90deg);background:#831514}#fries{transform-style:preserve-3d}.fry{position:absolute;width:11px;transform-style:preserve-3d;transition:opacity .3s,translate .7s cubic-bezier(.15,.7,.3,1)}.fry i{display:block;position:absolute;width:11px;height:100%;background:#eaaa22;transform:translateZ(5px)}.fry i:nth-child(2){background:#a86310;transform:rotateY(90deg) translateZ(5px)}.fry i:nth-child(3){background:#ffc43a;height:11px;transform:rotateX(90deg) translateZ(5px)}.shadow{position:absolute;left:25%;right:25%;bottom:30px;height:20px;background:#0008;filter:blur(12px);z-index:-1}.fill{background:#09090b;border:1px solid #29292b;padding:12px;border-radius:12px;font-size:12px;color:var(--muted)}.fill b{font-size:20px;color:var(--yellow)}.fill>div{margin-top:5px;display:flex;gap:7px;align-items:center}meter{width:70px;height:14px}#action{font-size:13px;color:var(--yellow);min-height:18px}.feed-panel{padding:20px}.feed-heading{padding-bottom:17px;border-bottom:1px solid #303035}h1{font-size:17px;margin:0}h1 span{color:var(--yellow);font-size:13px}.feed-heading small{font-size:11px;color:var(--muted)}#feed{height:470px;overflow:auto;scrollbar-color:#552829 transparent}.trade{display:flex;align-items:center;gap:10px;margin-top:9px}.replay{border:0;background:transparent;display:flex;align-items:center;gap:12px;text-align:left;flex:1;min-width:0;padding:12px 6px}.replay:hover{background:#202024}.icon{padding:8px;border-radius:8px;background:#103b2e;color:#20c99c;font-size:17px}.sell .icon{background:#401c23;color:#fb6576}.details{flex:1}.details b{font-size:12px}.details small{display:block;color:var(--muted);font-size:10px;margin-top:5px}.side-text{color:#20c99c}.sell .side-text{color:#fb6576}.delta{color:#20c99c;border:1px solid #205943;padding:5px 8px;border-radius:6px;font-size:10px}.sell .delta{color:#fb6576;border-color:#5c2630}.explorer{font-size:13px;color:var(--muted);padding:8px}.feed-panel footer{border-top:1px solid #303035;padding-top:15px;font-size:11px;color:var(--muted);display:flex;justify-content:space-between;gap:12px}.feed-panel footer span{color:var(--yellow)}.empty{color:var(--muted);font-size:13px;line-height:1.8}@media(max-width:850px){main{grid-template-columns:1fr}.summary{flex-wrap:wrap;gap:22px}.summary>div:first-child{width:100%}#feed{height:350px}}@media(max-width:480px){header,.summary{padding:16px}main{padding:16px 10px}nav{gap:15px}#stage{height:340px}.summary strong{font-size:16px}.feed-heading{flex-wrap:wrap}}@media(prefers-reduced-motion:reduce){.fry{transition:none}}

/* Center token information; trades lead the reading order. */
header{display:grid;grid-template-columns:1fr auto 1fr}.brand{grid-column:2;justify-self:center}nav{grid-column:3;justify-self:end}.summary{justify-content:center;text-align:center;flex-wrap:wrap}.summary>div:first-child{margin-right:0}#status{margin-inline:auto}main{grid-template-columns:1fr 1.4fr;align-items:stretch}.feed-panel,.stage-panel{min-width:0}@media(max-width:1050px){header{grid-template-columns:1fr}.brand,nav{grid-column:1;justify-self:center}.summary{gap:22px}}@media(max-width:850px){main{grid-template-columns:1fr}.summary>div:first-child{width:100%}}

#stage{border-radius:14px;transition:background-color .2s}#stage[data-trade="buy"]{background-color:#12362b55}#stage[data-trade="sell"]{background-color:#401c2355}#sound[aria-pressed="true"]{color:#ffca31;border-color:#a78d4e}

/* Private Fry Floor concept */
:root{--yellow:#ffd348;--muted:#86868b}body{background:#090909;font-family:Arial,sans-serif}header{padding:22px 32px;border:0;grid-template-columns:1fr auto}.brand{grid-column:1;justify-self:start;font-size:23px;letter-spacing:-1px}.brand small{background:none;color:#8a8a8a;font:9px monospace;letter-spacing:2px}nav{grid-column:2;font:10px monospace;letter-spacing:1px;color:#8b8b8b}nav span{color:#d6ab55}.summary{padding:10px 20px 23px;gap:40px;border-bottom:1px solid #ffffff12}.summary small{font:9px monospace;letter-spacing:2px}.summary strong{font-size:18px}.badge{background:none;border:0;padding:0;font:10px monospace}.summary .button{background:none;border-radius:30px;font-size:10px}main{max-width:none;padding:0;gap:0;grid-template-columns:310px 1fr;min-height:calc(100vh - 175px)}.panel{border:0;border-radius:0;background:none}.feed-panel{padding:28px 22px;border-right:1px solid #ffffff10}.feed-heading{align-items:start;flex-direction:column;gap:10px}.feed-heading h1{font-size:13px;letter-spacing:1px}.feed-heading small{font:10px monospace}#feed{height:calc(100vh - 310px);min-height:300px}.replay{gap:8px;padding:11px 0}.icon{font-size:13px;padding:5px}.details b{font-size:11px}.details small{font:9px monospace;margin-top:6px}.delta{border:0;padding:3px;font:9px monospace}.trade{gap:2px}.explorer{padding:4px}.feed-panel footer{font:9px monospace;line-height:1.6}.stage-panel{position:relative;padding:24px 34px;background:radial-gradient(ellipse at 60% 58%,#3b3529 0%,#181715 36%,#090909 74%)}.stage-heading{position:relative;z-index:2}.pill{background:none;border:0;padding:0;font:10px monospace;letter-spacing:2px;color:#b8b2a5}#sound,#reset{border-radius:30px;background:#10101088;font:10px monospace;padding:10px 15px}.hint{font:9px monospace;color:#656565;margin-top:16px}#stage{height:calc(100vh - 365px);min-height:340px;overflow:visible;perspective:1100px}#scene{left:62%;top:55%;zoom:1.2}.stage-copy{position:absolute;top:10%;left:0;pointer-events:none}.stage-copy>span{font:9px monospace;letter-spacing:2px;color:#888}.stage-copy h2{font-size:clamp(38px,5vw,76px);line-height:.98;letter-spacing:-4px;font-weight:800;margin:18px 0;color:#f7f0df}.stage-copy em{font-style:normal;color:#ffd348}.floor-grid{position:absolute;inset:30% -20px -40px;background-image:linear-gradient(#ffffff07 1px,transparent 1px),linear-gradient(90deg,#ffffff07 1px,transparent 1px);background-size:45px 45px;transform:rotateX(65deg);mask-image:radial-gradient(ellipse,#000,transparent 70%);pointer-events:none}.shadow{left:45%;right:15%;bottom:0;height:35px;background:#000b;filter:blur(18px)}.front{padding-top:38px;background:linear-gradient(110deg,#ac1818,#ed3325)}.box-cat{width:75px;height:70px;object-fit:contain;border-radius:50%;margin-bottom:4px}.front b{font-weight:900;font-size:22px}.front small{font-size:6px}.fill{background:none;border:0;padding:0}.fill small{font:9px monospace;letter-spacing:2px}.fill b{font:48px monospace;color:#fff5dc}.fill>div{font:11px monospace;gap:13px}meter{width:95px}.stage-footer{padding-top:12px;border-top:1px solid #ffffff12}#action{font:11px monospace;color:#c6bda8}.note{font:9px monospace;line-height:1.7;max-width:620px;color:#696969}#stage[data-trade="buy"]{background:radial-gradient(ellipse at 62% 50%,#1a634321,transparent 65%)}#stage[data-trade="sell"]{background:radial-gradient(ellipse at 62% 50%,#882a2421,transparent 65%)}
@media(min-width:1500px){#scene{zoom:1.5}}@media(max-width:900px){main{grid-template-columns:240px 1fr}.stage-panel{padding:24px 20px}.stage-copy h2{font-size:42px;letter-spacing:-2px}#scene{left:65%;zoom:1}.summary{gap:20px}nav span{display:none}}@media(max-width:650px){header{padding:18px}.brand small{display:none}.summary{gap:16px;padding:8px 15px 18px}.summary>div:first-child{width:100%}.summary strong{font-size:14px}.summary .button{display:none}main{display:flex;flex-direction:column}.stage-panel{order:-1}#stage{height:380px;min-height:0}#scene{left:62%;top:60%;zoom:.95}.stage-copy h2{font-size:37px}.stage-copy>span{font-size:8px}#feed{height:330px}.feed-panel{border-top:1px solid #ffffff12}.feed-heading{flex-direction:row}.note{font-size:8px}}
#scene{zoom:1;top:60%}#stage{overflow:hidden}@media(min-width:1500px){#scene{zoom:1.15}}@media(max-width:650px){#scene{zoom:.85;top:63%}}

/* Kitchen preview: tiled room and overhead warmth. */
.stage-panel{background:radial-gradient(ellipse at 63% 32%,#51483544,transparent 65%),#151514}
#stage{isolation:isolate;border-radius:8px;background:linear-gradient(#242321,#34332e 45%,#22221f 46%);height:calc(100vh - 365px);min-height:390px}
#stage:before{content:"";position:absolute;inset:0 0 54%;z-index:-2;background:linear-gradient(90deg,#0009,transparent 35%,#0005),repeating-linear-gradient(0deg,transparent 0 42px,#131310 43px 45px),repeating-linear-gradient(90deg,#363632 0 95px,#171714 96px 98px);box-shadow:inset 0 -9px 0 #888579,inset 0 -13px 0 #10100e}
#stage:after{content:"";position:absolute;left:44%;right:10%;top:0;height:8px;border-radius:0 0 8px 8px;background:#fff2bd;box-shadow:0 0 18px #fff0b788,0 30px 90px 40px #ffd88022;pointer-events:none;z-index:-1}
.floor-grid{inset:46% -65% auto;height:140%;transform-origin:50% 0;transform:rotateX(56deg);background-image:linear-gradient(#14141077 2px,transparent 2px),linear-gradient(90deg,#14141077 2px,transparent 2px),conic-gradient(#858174 25%,#3f403b 0 50%,#858174 0 75%,#3f403b 0);background-size:90px 90px,90px 90px,180px 180px;mask-image:linear-gradient(#000,#000 45%,transparent 88%);opacity:.9;z-index:-1}
.stage-copy{left:22px;top:9%;text-shadow:0 3px 20px #000}.stage-copy>span{color:#d0c9b6}.stage-copy h2{font-size:clamp(36px,4.4vw,65px)}
#scene{top:61%}.shadow{z-index:-1;left:47%;right:17%;bottom:9%;height:24px;background:#000b;filter:blur(9px)}
#stage[data-trade="buy"]{background:linear-gradient(#242b23,#343d2e 45%,#22221f 46%)}#stage[data-trade="sell"]{background:linear-gradient(#302321,#40332e 45%,#22221f 46%)}
@media(max-width:650px){#stage{height:400px;min-height:400px}.stage-copy{left:15px;top:7%}.stage-copy h2{font-size:35px}#scene{top:65%}.floor-grid{background-size:60px 60px,60px 60px,120px 120px}.shadow{bottom:12%}}
/* White tile kitchen, market-cap floor spill. */
#stage{background:linear-gradient(#edece6,#faf9f3 45%,#cacbc6 46%)}
#stage:before{background:linear-gradient(90deg,#b7b9b322,transparent 50%,#a4a69d22),repeating-linear-gradient(0deg,transparent 0 42px,#c6c8c2 43px 45px),repeating-linear-gradient(90deg,#f5f5ef 0 95px,#c6c8c2 96px 98px);box-shadow:inset 0 -9px 0 #b2b6ad,inset 0 -13px 0 #888e83}
.floor-grid{background-image:linear-gradient(#b1b6ad 2px,transparent 2px),linear-gradient(90deg,#b1b6ad 2px,transparent 2px),conic-gradient(#f5f4ee 25%,#d9ddd5 0 50%,#f5f4ee 0 75%,#d9ddd5 0);opacity:1;mask-image:none}
.stage-copy{text-shadow:0 2px 0 #fff8}.stage-copy>span{color:#626659}.stage-copy h2{color:#252e25}.stage-copy em{color:#b64a16}#stage:after{box-shadow:0 0 18px #fff8d4,0 30px 90px 40px #fff3c144}
#stage[data-trade="buy"],#stage[data-trade="sell"]{background:linear-gradient(#edece6,#faf9f3 45%,#cacbc6 46%)}
#floor-fries{position:absolute;inset:61% 2% 6%;pointer-events:none;z-index:0}.spilled-fry{position:absolute;width:35px;height:8px;border-radius:2px;background:linear-gradient(#ffdb62,#f5b32a 55%,#b67315);border-bottom:2px solid #ba7715;box-shadow:2px 4px 3px #332b243c;animation:spill-appear .6s ease-out both}.spill-caption{position:absolute;bottom:8px;left:12px;font:9px monospace;color:#454b3f;background:#ffffffe0;padding:5px 7px;border-radius:3px;z-index:2}#scene{z-index:1}.stage-copy{z-index:2}.shadow{z-index:0}@keyframes spill-appear{from{opacity:0;translate:0 -30px}to{opacity:1;translate:0 0}}@media(prefers-reduced-motion:reduce){.spilled-fry{animation:none}}
#lighting,#shake{font:10px monospace;border-radius:30px}#floor-fries{pointer-events:none;z-index:2}.spilled-fry{pointer-events:auto;padding:0;cursor:pointer;transition:translate .7s,opacity .7s;min-width:30px}.spilled-fry:before{content:"";position:absolute;inset:-12px}.spilled-fry.collected{translate:140px -150px;opacity:0}#pet-cat{background:none;border:0;padding:0;height:78px}#pet-cat .box-cat{margin:0}#ticket{position:absolute;right:12px;top:20px;background:#fffbe8;color:#28261e;padding:13px 14px;z-index:4;font:11px monospace;box-shadow:0 3px 8px #0003;max-width:180px;clip-path:polygon(0 0,100% 0,100% 96%,95% 100%,90% 96%,85% 100%,80% 96%,75% 100%,70% 96%,65% 100%,60% 96%,55% 100%,50% 96%,45% 100%,40% 96%,35% 100%,30% 96%,25% 100%,20% 96%,15% 100%,10% 96%,5% 100%,0 96%)}#ticket:empty{display:none}#ticket strong{display:block;border-bottom:1px dashed #aaa;padding-bottom:7px;margin-bottom:8px}#ticket small{display:block;margin-top:7px;font-size:8px}#effects{position:absolute;inset:0;pointer-events:none;z-index:5}.shower-fry{position:absolute;width:9px;height:45px;background:linear-gradient(90deg,#c78213,#ffd65a);opacity:0}#spatula{position:absolute;left:65%;top:55%;font-size:65px;color:#bcc3c3;text-shadow:2px 3px #535d5d;opacity:0;pointer-events:none;z-index:4}#spatula:after{content:"";position:absolute;left:80%;top:50%;width:100px;height:9px;background:#5b3721;border-radius:3px}#cat-says{position:absolute;left:48%;top:27%;background:#fff9d9;color:#28261e;z-index:5;font:12px monospace;border-radius:14px;padding:10px;pointer-events:none}#cat-says:empty{display:none}#milestone{position:absolute;bottom:36px;left:12px;color:#683c08;font:10px monospace;z-index:3;background:#fffbe4cc;padding:5px}#milestone:empty{display:none}.golden .front{background:linear-gradient(110deg,#b07a13,#f3cf58)}#stage.night:before{filter:brightness(.4)}#stage.night .floor-grid{filter:brightness(.45)}#stage.night .stage-copy h2,#stage.night .stage-copy>span{color:#fff3d6;text-shadow:none}#stage.night{background:#252722}.stage-heading{flex-wrap:wrap}.stage-heading .pill{margin-right:auto}@media(max-width:650px){#ticket{top:8px;right:8px;font-size:9px;padding:8px;max-width:130px}#cat-says{left:25%;top:30%}}@media(prefers-reduced-motion:reduce){.spilled-fry{transition:none}}
.fryer-station{position:absolute;right:3%;top:9%;width:24%;height:43%;pointer-events:none;z-index:0;min-width:115px}.extractor{position:absolute;top:0;width:100%;height:24%;background:linear-gradient(100deg,#a9afaa,#eef1eb 45%,#8d948e);clip-path:polygon(15% 0,85% 0,100% 85%,100% 100%,0 100%,0 85%);border-bottom:5px solid #4d5750;color:#4b554e;font:7px monospace;display:grid;place-items:center;letter-spacing:1px}.fryer-baskets{position:absolute;top:58%;height:19%;width:100%;display:flex;justify-content:space-evenly}.fryer-baskets i{position:relative;width:36%;height:100%;background:repeating-linear-gradient(90deg,#5a6259 0 2px,transparent 2px 6px),repeating-linear-gradient(0deg,#7b8176 0 2px,#c6a244 2px 6px);border:2px solid #697166;transform:skewX(-8deg)}.fryer-baskets i:after{content:'';position:absolute;width:8px;height:25px;background:#353f37;right:12%;top:-22px;border-radius:4px}.fryer-counter{position:absolute;top:77%;width:100%;height:7%;background:linear-gradient(#f6faf2,#768075);border-radius:3px;box-shadow:0 3px 4px #0004}.fryer-cabinet{position:absolute;top:84%;width:96%;left:2%;height:30%;background:linear-gradient(90deg,#919a90,#dae0d6 47%,#69776b 49%,#b3bcb0 51%,#d5dbcf);border:1px solid #6e7b70;box-shadow:3px 5px 6px #0003}.fryer-cabinet span{color:#eebd37;margin:0 15%;font-size:12px}.fryer-cabinet b{display:block;text-align:center;font:6px monospace;color:#465148;margin-top:4px}.steam{position:absolute;left:30%;top:30%;height:40%;width:17%;border-left:5px solid #fff9;border-radius:50%;filter:blur(3px);animation:kitchen-steam 3.5s infinite ease-out}.steam-two{left:70%;animation-delay:-1.7s}@keyframes kitchen-steam{from{opacity:0;translate:0 20px;scale:.7}40%{opacity:.7}to{opacity:0;translate:-10px -25px;scale:1.2}}#ambience{font:10px monospace;border-radius:30px}#ambience[aria-pressed=true]{color:#ffd348;border-color:#a78d4e}.night .fryer-station{filter:brightness(.65)}@media(max-width:650px){.fryer-station{right:3%;top:22%;width:28%;height:28%}.extractor{font-size:5px}}@media(prefers-reduced-motion:reduce){.steam{animation:none;opacity:.3}}
/* The midnight McCat diner: a miniature restaurant stage. */
.stage-panel{background:#18140f}.stage-heading .pill{color:#efc879}#stage{min-height:530px;background:#82745a;border:1px solid #756044;border-radius:5px;box-shadow:inset 0 0 70px #27190788;perspective:1000px}#stage:before{inset:0 0 57%;background:linear-gradient(90deg,#392b1688,transparent 40%,#34251077),repeating-linear-gradient(0deg,transparent 0 33px,#99876a 34px 35px),repeating-linear-gradient(90deg,#c1b497 0 47px,#99876a 48px 49px);box-shadow:inset 0 -15px #733a21,inset 0 -19px #b47d3a}#stage:after{left:0;right:0;height:35px;border-radius:0;background:repeating-linear-gradient(90deg,#b4a68a 0 120px,#75674e 121px 123px);box-shadow:0 6px 15px #0006;z-index:0}.floor-grid{inset:43% -65% auto;background-image:linear-gradient(#857c66 2px,transparent 2px),linear-gradient(90deg,#857c66 2px,transparent 2px),conic-gradient(#c0bdac 25%,#a3a899 0 50%,#c0bdac 0 75%,#a3a899 0);background-size:65px 65px,65px 65px,130px 130px;filter:sepia(.3)}.restaurant-set{position:absolute;inset:0;pointer-events:none;z-index:0}.menu-board{position:absolute;left:40%;right:12%;top:10%;height:15%;background:#2d301f;border:6px solid #815427;box-shadow:0 0 16px #ffd66750;display:flex;align-items:center;justify-content:space-around;gap:6px;padding:8px;color:#ffd879;transform:perspective(800px) rotateY(-7deg)}.menu-board b{font:900 17px Georgia;writing-mode:vertical-rl;color:#f7d690}.menu-board span{font:8px monospace;line-height:2;max-width:55px;text-align:center;border-bottom:3px solid #cdbb64}.service-pass{position:absolute;top:28%;left:40%;right:12%;height:16%;background:linear-gradient(#312c21 60%,#b9ae86 61% 70%,#603b23 71%);border:5px solid #785d35;box-shadow:0 9px 12px #0005}.service-pass>span{font:8px monospace;color:#ffcc50;position:absolute;right:8px;top:8px}.order-bag{position:absolute;left:12%;bottom:24%;background:#bd944f;width:22px;height:28px;font:bold 20px Georgia;color:#ad241d;text-align:center;animation:order-slide 12s infinite}.pendant{position:absolute;top:0;width:65px;height:95px;border-top:0;filter:drop-shadow(0 8px 10px #ffc35366)}.pendant:before{content:'';position:absolute;left:50%;width:3px;height:65px;background:#282519}.pendant:after{content:'';position:absolute;top:60px;width:65px;height:35px;clip-path:polygon(35% 0,65% 0,100% 90%,100% 100%,0 100%,0 90%);background:linear-gradient(90deg,#332a21,#59452a 60%,#201c16);border-bottom:4px solid #ffe2a0}.pendant-a{left:28%}.pendant-b{right:8%}.booth{position:absolute;width:30%;height:24%;bottom:16%;transform:perspective(800px) rotateY(18deg)}.booth-a{left:-10%}.booth-b{right:-12%;transform:perspective(800px) rotateY(-25deg)}.seat-back{position:absolute;top:0;left:0;right:0;height:57%;border:7px solid #74491f;border-radius:9px 9px 0 0;background:repeating-linear-gradient(90deg,#761c1b 0 35px,#9f332b 36px 40px);box-shadow:0 3px 0 #d4a155}.seat-base{position:absolute;top:58%;width:100%;height:28%;background:linear-gradient(#a53428,#611714);border-bottom:14px solid #805326;transform:skewX(-10deg)}.diner-table{position:absolute;left:22%;top:38%;width:92%;height:28%;background:repeating-linear-gradient(22deg,#585b55 0 2px,#62655f 3px 4px);transform:skewX(-22deg);border:4px solid #b1a07a;box-shadow:0 5px 0 #4a3726}.diner-table:after{content:'';position:absolute;left:47%;top:100%;height:65px;width:9px;background:#403b2e;transform:skewX(22deg)}.wall-clock{position:absolute;top:15%;left:7%;width:30px;height:30px;border:4px solid #624328;border-radius:50%;background:#eadfb7}.wall-clock i{position:absolute;left:48%;top:15%;height:40%;width:2px;background:#463326;transform-origin:bottom;animation:diner-clock 120s linear infinite}.open-sign{position:absolute;top:33%;left:6%;font:bold 11px monospace;letter-spacing:2px;color:#ffc48b;border:2px solid #a94630;padding:7px;border-radius:5px;background:#4b2922;text-shadow:0 0 6px #ff7c31;box-shadow:0 0 12px #ff803733}.stage-copy{left:22px;top:auto;bottom:17%;max-width:190px}.stage-copy>span{font-size:7px;color:#f9e0a7;background:#362417bf;padding:4px}.stage-copy h2{color:#fff1ce;font-size:43px;letter-spacing:-2px;text-shadow:2px 3px #45291c}.stage-copy em{color:#ffc345}#scene{left:60%;top:64%;zoom:.9}#stage .fryer-station{right:13%;top:29%;width:18%;height:17%;min-width:70px;opacity:.9}#stage .extractor{display:none}#floor-fries{inset:67% 2% 6%}.shadow{bottom:14%;left:46%;right:20%}.night .restaurant-set{filter:brightness(.65)}#stage.night{background:#342c22}#stage[data-trade=buy],#stage[data-trade=sell]{background:#82745a}#milestone{bottom:36px}.spill-caption{font-size:8px}@keyframes order-slide{0%,15%{opacity:0;translate:-15px 0}25%,65%{opacity:1;translate:45px 0}80%,100%{opacity:0;translate:70px 0}}@keyframes diner-clock{to{rotate:360deg}}@media(max-width:650px){#stage{min-height:520px}.menu-board{left:28%;right:4%;top:12%}.service-pass{left:28%;right:4%;top:30%}.stage-copy{left:13px;bottom:19%;max-width:100px}.stage-copy h2{font-size:29px}.stage-copy>span{font-size:6px}#scene{left:65%;top:68%;zoom:.76}.booth{bottom:20%;width:34%}.open-sign{font-size:7px;left:3%;padding:3px;top:36%}.wall-clock{left:5%;top:15%}.pendant-a{left:17%}.pendant-b{right:2%}#stage .fryer-station{right:8%;top:31%;width:25%;height:15%}}@media(prefers-reduced-motion:reduce){.order-bag,.wall-clock i{animation:none}}
#cashier-view{font:10px monospace;border-radius:30px}#cashier-set{display:none;position:absolute;inset:0;z-index:6;background:linear-gradient(#343732 0 42%,#7a796b 43% 48%,#c8c7bb 49%);pointer-events:auto}.cashier-active #cashier-set{display:block}.cashier-active .stage-copy,.cashier-active #scene,.cashier-active .restaurant-set,.cashier-active .fryer-station,.cashier-active #floor-fries,.cashier-active .spill-caption,.cashier-active #milestone{visibility:hidden}.cashier-active #ticket{display:none}.cashier-counter{position:absolute;inset:52% 0 0;background:repeating-linear-gradient(155deg,transparent 0 43px,#8b8e8733 45px,transparent 52px),linear-gradient(110deg,#cccfc6,#f2f0e5,#b1b6ac);border-top:9px solid #787b6d;box-shadow:0 -5px 20px #0005}.register{position:absolute;width:50%;left:25%;top:11%;height:76%}.register-screen{position:absolute;inset:0 0 20%;border:15px solid #393d37;border-bottom-width:24px;border-radius:12px;background:#101e19;box-shadow:5px 8px 15px #0008;display:flex;flex-direction:column}.register-heading{color:#ffdb6a;font:bold 13px monospace;padding:12px;border-bottom:1px solid #536152;display:flex;justify-content:space-between;gap:6px}.register-heading span{font:8px monospace;color:#9dc7a9}#pos-feed{overflow:auto;padding:6px 12px;color:#adc6b4;font:11px monospace}.pos-order{position:relative;display:block;padding:11px 43px 11px 0;border-bottom:1px dashed #ffffff20;color:#52d6a0}.pos-order:hover{background:#ffffff0d}.pos-sell{color:#ff8980}.pos-order strong{font-size:12px}.pos-order small{display:block;font-size:9px;color:#bbcbbb;margin-top:5px}.pos-order>span{position:absolute;right:0;top:13px;font:8px monospace;color:#ffe6a0}.register-neck{position:absolute;top:80%;left:40%;width:20%;height:12%;background:linear-gradient(90deg,#292e28,#62695d,#272e26)}.register-base{position:absolute;top:91%;height:11%;width:74%;left:13%;background:linear-gradient(#52594e,#2d332b);border-radius:12px 12px 4px 4px;box-shadow:8px 12px 15px #0005}.drink-station{position:absolute;left:3%;top:7%;width:18%;height:40%;background:linear-gradient(90deg,#555f54,#1d251f);border:6px solid #444d43;display:flex;gap:5px;padding:12px 6px}.drink-station i{width:30%;height:65%;background:linear-gradient(#c7a137,#756310);border-radius:5px}.drink-station i:nth-child(2){background:linear-gradient(#b74731,#591c15)}.drink-station i:nth-child(3){background:linear-gradient(#bf7c28,#664816)}.drink-station b{position:absolute;bottom:12%;font:8px monospace;color:#e3e8db}.coffee-station{position:absolute;right:3%;top:9%;width:18%;height:35%;background:linear-gradient(100deg,#adb2a8,#394039 30%,#8e978c);border-radius:8px;font-size:50px;text-align:center;padding-top:20px;box-shadow:4px 6px 7px #0005}.coffee-station span{display:block;font:7px monospace;color:#e4eddf}.receipt-printer{position:absolute;left:4%;top:60%;width:15%;height:17%;background:linear-gradient(#434a40,#252b23);border-radius:9px;font:7px monospace;color:#9ca993;padding:15px 6px;box-shadow:5px 6px 9px #0004}#pos-receipt{background:#fffbe7;color:#514834;padding:7px;margin-top:8px;font:7px monospace;max-height:65px;overflow:hidden;rotate:3deg}.card-reader{position:absolute;right:6%;top:57%;width:12%;height:29%;background:#303b32;border:5px solid #667261;border-radius:7px;box-shadow:6px 8px 9px #0004;text-align:center}.card-reader span{font:7px monospace;color:#adbaa6}.card-reader b{display:block;background:#a9c5a0;font:8px monospace;padding:8px 0;color:#273c27;margin:5px}.card-reader i{font:14px monospace;line-height:1.4;color:#babfb0}.cashier-note{position:absolute;bottom:1%;width:100%;text-align:center;font:10px monospace;color:#384233}.night #cashier-set{filter:brightness(.7)}@media(max-width:650px){.register{width:70%;left:15%;top:18%;height:68%}.register-screen{border-width:9px}.register-heading{font-size:10px;padding:9px}.register-heading span{font-size:6px}.drink-station,.coffee-station{height:20%;top:3%}.coffee-station{font-size:25px;padding-top:5px}.receipt-printer{left:2%;width:12%;font-size:5px}.card-reader{right:1%;width:12%;border-width:3px}.card-reader b{font-size:5px;margin:2px}.cashier-note{font-size:8px}.pos-order strong{font-size:10px}.pos-order small{font-size:8px}}
/* Exact supplied cashier image, with only the display replaced by live orders. */
#cashier-set{background:transparent;inset:0;display:none;align-items:center;justify-content:center}
.cashier-active #cashier-set{display:flex}
#cashier-photo-frame{position:relative;width:100%;aspect-ratio:868 / 475;flex:none;background:url('/kitchen/cashier-photo.png') center / 100% 100% no-repeat}
#cashier-photo-frame .register{position:absolute;left:36.52%;top:34.1%;width:18.67%;height:23.79%}
#cashier-photo-frame .register-screen{inset:0;border:0;border-radius:0;box-shadow:none;background:#15201d;overflow:hidden}
#cashier-photo-frame .register-heading{padding:3px 5px;font:bold clamp(4px,.65vw,9px) monospace;gap:2px;flex:none}
#cashier-photo-frame .register-heading span{font-size:clamp(3px,.45vw,6px)}
#cashier-photo-frame #pos-feed{padding:0 4px;font-size:7px;min-height:0;scrollbar-width:thin}
#cashier-photo-frame .pos-order{padding:4px 25px 4px 0;line-height:1.15}
#cashier-photo-frame .pos-order strong{font-size:clamp(4px,.65vw,9px)}
#cashier-photo-frame .pos-order small{font-size:clamp(3px,.47vw,6px);margin-top:2px}
#cashier-photo-frame .pos-order>span{font-size:clamp(3px,.45vw,6px);top:5px}
.cashier-active:before,.cashier-active:after{display:none}
#stage.cashier-active{background:#171717}
.night #cashier-set{filter:none}
/* Larger register display while retaining the supplied counter image. */
#cashier-photo-frame .register{left:31%;top:27%;width:30%;height:36%;z-index:3}
#cashier-photo-frame .register-screen{border:7px solid #383c38;border-bottom-width:10px;border-radius:5px;box-shadow:2px 4px 7px #0007}
#cashier-photo-frame .register-heading{font-size:clamp(7px,.85vw,12px);padding:5px 7px}
#cashier-photo-frame .register-heading span{font-size:clamp(5px,.6vw,8px)}
#cashier-photo-frame #pos-feed{padding:0 7px}
#cashier-photo-frame .pos-order{padding:6px 34px 6px 0}
#cashier-photo-frame .pos-order strong{font-size:clamp(7px,.85vw,12px)}
#cashier-photo-frame .pos-order small{font-size:clamp(5px,.65vw,9px)}
#cashier-photo-frame .pos-order>span{font-size:clamp(5px,.6vw,8px);top:8px}
.cashier-cat-window{position:absolute;left:35%;top:0;width:23%;height:28%;overflow:hidden;pointer-events:none;z-index:2}#cashier-cat{position:absolute;top:10%;left:0;width:100%;height:auto;translate:0 110%;transition:translate 1s cubic-bezier(.25,.7,.25,1);filter:drop-shadow(0 3px 3px #0004)}#cashier-cat.peek{translate:0 0}@media(prefers-reduced-motion:reduce){#cashier-cat{transition:opacity .3s;translate:0 0;opacity:0}#cashier-cat.peek{opacity:1}}
/* McCat peeks from behind the cashier display; the screen stays in front. */
.cashier-cat-window{left:35%;top:0;width:23%;height:28%;z-index:2;pointer-events:none}#cashier-photo-frame .register{z-index:3}
#cashier-view:disabled{opacity:.5;cursor:not-allowed}#lighting,#shake,#reset,.stage-footer,.stage-panel>.note{display:none}#stage.cashier-active{cursor:default}#stage.cashier-active #effects,#stage.cashier-active #spatula{display:none}
nav .enter-site{display:inline-flex;align-items:center;justify-content:center;padding:13px 27px;border:1px solid #ffdc72;border-radius:8px;background:#ffd348;color:#302313;font:bold 14px Arial;letter-spacing:.4px;box-shadow:0 3px 0 #8c631e}nav .enter-site:hover{background:#ffe48a}header nav{justify-self:end}@media(max-width:650px){header{grid-template-columns:1fr auto}header .brand{grid-column:1}header nav{grid-column:2;justify-self:end}nav .enter-site{padding:11px 20px}}
/* Touch-friendly cashier layout. */
.cashier-active>.floor-grid,.cashier-active>.shadow{display:none}#cashier-set{overflow:hidden}#pos-feed{overscroll-behavior:contain;touch-action:pan-y}#stage.cashier-active{touch-action:pan-y}button,a,summary{-webkit-tap-highlight-color:transparent}
@media(max-width:650px){header{position:sticky;top:0;z-index:30;background:#090909;padding:12px 16px;gap:10px}.brand{font-size:22px}.brand img{width:36px;height:36px}nav .enter-site{min-height:44px;min-width:92px}.summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));padding:12px 16px 16px;gap:12px}.summary>div:first-child{grid-column:1/-1;width:auto}.summary strong{font-size:14px;overflow-wrap:anywhere}.summary small{font-size:8px;letter-spacing:1px}#status{font-size:10px;line-height:1.5}main{min-height:0}.stage-panel{padding:15px 12px}.stage-heading{display:grid;grid-template-columns:1fr 1fr;gap:10px}.stage-heading .pill{grid-column:1/-1;font-size:10px}#cashier-view{display:none}#ambience,#sound{min-height:44px;padding:10px 7px;font-size:11px;width:100%}.hint{font-size:10px;line-height:1.5;margin:12px 0}#stage.cashier-active{height:365px;min-height:365px;max-height:none;border-radius:9px}#cashier-photo-frame{width:205%;max-width:none;flex-shrink:0;left:5%}#cashier-photo-frame .register{left:31%;top:27%;width:30%;height:36%}#cashier-photo-frame .register-heading{font-size:10px;padding:5px}#cashier-photo-frame .register-heading span{font-size:6px}#cashier-photo-frame .pos-order{padding:10px 31px 10px 0;min-height:44px}#cashier-photo-frame .pos-order strong{font-size:11px}#cashier-photo-frame .pos-order small{font-size:8px}#cashier-photo-frame .pos-order>span{font-size:7px;top:13px}#action{font-size:11px;line-height:1.5;margin-bottom:0}.feed-panel{padding:20px 16px}#feed{height:350px;min-height:0}.replay{min-height:60px}.details b{font-size:13px}.details small{font-size:11px}.explorer{padding:14px;min-width:44px;text-align:center}.feed-heading small{font-size:10px}body{overflow-x:clip}}
@media(max-width:360px){#stage.cashier-active{height:330px;min-height:330px}.summary strong{font-size:12px}#cashier-photo-frame .pos-order strong{font-size:10px}}
/* Warm McCat accents on the cashier landing page. */
body.cashier-home{background:radial-gradient(ellipse at 0% 20%,#8c171b38,transparent 52%),radial-gradient(ellipse at 100% 85%,#ffcb3020,transparent 48%),#10100e}.cashier-home header{background:linear-gradient(105deg,#351314,#1b1510 55%,#332912);border-bottom:2px solid #e4b83c55}.cashier-home .summary{background:linear-gradient(100deg,#5e16171a,#15131055,#d4a42a15);border-bottom-color:#ddb94330}.cashier-home .feed-panel{background:linear-gradient(180deg,#541a172b,transparent 75%);border-right-color:#dcb34733}.cashier-home .stage-panel{background:radial-gradient(ellipse at 95% 0%,#d7a22c19,transparent 60%),linear-gradient(135deg,#271411,#1a1710)}.cashier-home #stage.cashier-active{border-color:#c9a44877;box-shadow:0 0 25px #b8291214}.cashier-home .feed-heading{border-bottom-color:#dcb34738}@media(max-width:650px){.cashier-home header{background:linear-gradient(110deg,#381415,#211b10)}}
#cashier-announcement{position:absolute;left:58%;top:9%;width:33%;z-index:8;padding:10px 12px;border:2px solid #28895d;border-radius:12px 12px 12px 0;background:#f5fff0;color:#165538;font:bold 12px/1.5 Arial;box-shadow:0 3px 8px #0004;pointer-events:none}#cashier-announcement[data-side=SELL]{border-color:#b64339;background:#fff2e8;color:#9a2921}#cashier-announcement[hidden]{display:none}@media(max-width:650px){#cashier-announcement{left:34%;top:1%;width:29%;font-size:10px;padding:6px 8px}}
.dex-live-panel{margin:24px;padding:22px;background:#111;border:1px solid #39372b;border-radius:12px}.dex-live-heading{display:flex;justify-content:space-between;align-items:center;gap:20px}.dex-live-heading h2{font:bold 20px Arial;color:#ffda54;margin:0 0 8px}.dex-live-heading p,.dex-live-note{font:12px/1.6 Arial;color:#b9b6ac}.dex-live-heading a{color:#ffda54;font:12px Arial;white-space:nowrap}.dex-live-panel iframe{display:block;width:100%;height:680px;border:0;margin-top:16px;background:#111}.dex-live-note{margin-bottom:0}@media(max-width:650px){.dex-live-panel{margin:12px;padding:12px}.dex-live-heading{display:block}.dex-live-heading a{display:inline-block;padding:12px 0}.dex-live-panel iframe{height:640px}.dex-live-heading h2{font-size:18px}}