:root{--p5-red: #e60012;--p5-red-deep: #b3000e;--p5-black: #0a0a0a;--p5-ink: #141414;--p5-white: #f5f2ea;--p5-gold: #ffd23f;--p5-blue: #3da9fc;--font-display: "Anton", "Arial Black", "Impact", "Noto Sans SC", sans-serif;--font-body: "Noto Sans SC", "Microsoft YaHei", system-ui, sans-serif;--skew: -8deg;--ease-pop: cubic-bezier(.16, 1, .3, 1)}*{box-sizing:border-box}html,body{margin:0;padding:0;background:var(--p5-black);color:var(--p5-white);font-family:var(--font-body);overflow-x:hidden;min-height:100vh}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:-2;background:radial-gradient(circle at 50% 30%,rgba(230,0,18,.45),transparent 58%),radial-gradient(circle at 12% 88%,rgba(61,169,252,.12),transparent 45%),radial-gradient(ellipse 120% 80% at 50% 50%,transparent 55%,rgba(0,0,0,.85)),#060606}body:after{content:"";position:fixed;top:-20%;right:-20%;bottom:-20%;left:-20%;z-index:-1;background-image:url(/img/halftone.svg),repeating-linear-gradient(-45deg,rgba(230,0,18,.07) 0 24px,transparent 24px 60px);background-size:28px 28px,auto;opacity:.9;animation:stripe-drift 24s linear infinite}@keyframes stripe-drift{0%{background-position:0 0,0 0}to{background-position:56px 56px,60px 60px}}.p5-title{font-family:var(--font-display);font-style:italic;font-weight:900;letter-spacing:2px;line-height:.95;text-transform:none;transform:skew(var(--skew));background:linear-gradient(180deg,#fff7e0 0%,var(--p5-gold) 55%,#e0961a 100%);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-stroke:2px var(--p5-black);filter:drop-shadow(4px 4px 0 var(--p5-red)) drop-shadow(7px 7px 0 rgba(0,0,0,.65)) drop-shadow(0 0 22px rgba(255,210,63,.35))}.p5-tag{display:inline-block;background:var(--p5-red);color:var(--p5-white);font-weight:900;padding:4px 14px;transform:skew(var(--skew));clip-path:polygon(6% 0,100% 0,94% 100%,0 100%)}.p5-tag>span{display:inline-block;transform:skew(calc(-1 * var(--skew)))}.p5-btn{position:relative;font-family:var(--font-display);font-style:italic;font-weight:900;font-size:21px;letter-spacing:1px;color:var(--p5-white);background:linear-gradient(170deg,#ff2433 0%,var(--p5-red) 45%,var(--p5-red-deep) 100%);border:3px solid var(--p5-white);padding:15px 34px;cursor:pointer;transform:skew(var(--skew));clip-path:polygon(8% 0,100% 0,92% 100%,0 100%);box-shadow:0 8px 22px #e6001266,inset 0 2px #ffffff59;transition:transform .12s var(--ease-pop),filter .12s,box-shadow .12s}.p5-btn:before{content:"";position:absolute;top:3px;right:3px;bottom:50%;left:3px;background:linear-gradient(180deg,rgba(255,255,255,.4),transparent);pointer-events:none}.p5-btn>span{display:inline-block;transform:skew(calc(-1 * var(--skew)))}.p5-btn:hover:not(:disabled){filter:brightness(1.1);transform:skew(var(--skew)) scale(1.05);box-shadow:0 10px 30px #e6001299,inset 0 2px #ffffff73}.p5-btn:active:not(:disabled){transform:skew(var(--skew)) scale(.96)}.p5-btn:disabled{opacity:.45;cursor:not-allowed}.p5-btn--ghost{background:transparent}.p5-btn--ghost:hover:not(:disabled){background:#f5f2ea1f}.p5-btn--sm{font-size:15px;padding:8px 16px;border-width:2px}.p5-btn,.mode-chip,.tbtn{touch-action:manipulation}@media(max-width:720px){.stage{padding:18px 12px 56px;gap:16px}.machine{padding:14px}.machine__reels{gap:8px}.controls{width:100%}}@media(max-width:480px){.stage__subtitle{font-size:13px}.p5-btn{font-size:18px;padding:12px 22px}.modes{gap:6px}.mode-chip{font-size:13px;padding:7px 12px}.rcard{padding:12px;gap:10px}.rcard__name{font-size:21px}table.foods{font-size:12px}.admin__bar{gap:8px}}@media(max-height:520px)and (orientation:landscape){.reel{--cell-h: 80px}.stage{padding-top:8px}}@media(prefers-reduced-motion:reduce){body:after{animation:none}*{scroll-behavior:auto}}