:root{--ink:#4f2e1c;--deep-wood:#4b2515;--wood:#7c3f1f;--gold:#e6a62f;--cream:#fff1bf;--teal:#176e75;--cell-size:clamp(94px, 22vw, 122px)}*{box-sizing:border-box}html{background:#2b1b13;min-height:100%}body{min-height:100%;color:var(--ink);image-rendering:pixelated;-webkit-tap-highlight-color:transparent;overscroll-behavior:none;margin:0;font-family:PingFang SC,Microsoft YaHei,system-ui,sans-serif}button{color:inherit;font:inherit}button:focus-visible{outline-offset:4px;outline:4px solid #fff6c9}.game-shell{background:radial-gradient(circle at 50% 20%,#f4b8433d,#0000 36rem),#2b1b13;place-items:center;min-height:100svh;display:grid}.game-stage{width:min(100%,576px);min-height:100svh;padding:max(8px, env(safe-area-inset-top)) 0 max(8px, env(safe-area-inset-bottom));background:linear-gradient(#5b2a0a0d,#5b2a0a1f),url(/game/background.webp) 50%/cover no-repeat;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden;box-shadow:0 0 0 4px #2c190f,0 0 70px #000000a8}.machine-wrap{aspect-ratio:640/800;z-index:2;filter:drop-shadow(0 14px 8px #471c053d);transform-origin:50% 100%;flex:none;width:min(104vw,600px);position:relative}.machine-art{z-index:2;object-fit:contain;pointer-events:none;-webkit-user-select:none;user-select:none;width:100%;height:100%;position:absolute;inset:0}.reel-window{z-index:3;pointer-events:none;width:39.6%;height:38.4%;position:absolute;top:31.4%;left:26.5%;overflow:hidden}.reel-track{transform:translateY(calc(var(--reel-index) * var(--cell-size) * -1 - var(--cell-size) / 2));will-change:transform;flex-direction:column;align-items:center;transition:transform 2.6s cubic-bezier(.08,.68,.13,1);display:flex;position:absolute;top:50%;left:0;right:0}.reel-track.no-transition{transition:none}.reel-cell{width:100%;height:var(--cell-size);flex:0 0 var(--cell-size);place-items:center;display:grid}.reel-cell img{object-fit:contain;filter:drop-shadow(0 5px 1px #7140192e);width:min(86%,116px);height:min(86%,116px)}.lever-hit{z-index:6;cursor:pointer;transform-origin:50% 78%;background:0 0;border:0;width:15%;height:31%;position:absolute;top:28%;right:3%}.is-spinning .lever-hit{animation:.48s steps(5,end) both lever-pull}.is-spinning .machine-art{animation:.12s steps(2,end) 9 machine-rumble}.controls{z-index:5;grid-template-columns:48px minmax(190px,280px) 48px;align-items:center;gap:10px;margin-top:clamp(-64px,-7vh,-28px);display:grid}.spin-button,.primary-button,.secondary-button,.round-control{cursor:pointer;border:0}.spin-button{clip-path:polygon(10px 0,calc(100% - 10px) 0,100% 10px,100% calc(100% - 10px),calc(100% - 10px) 100%,10px 100%,0 calc(100% - 10px),0 10px);background:linear-gradient(#fff2bd,#f4c86b);border:5px solid #592b16;border-radius:4px;place-items:center;min-height:68px;padding:10px 30px 8px;display:grid;box-shadow:inset 0 0 0 3px #e99e29,0 6px #3b1b0e,0 10px 12px #481f083d}.spin-button span{letter-spacing:.12em;font-size:20px;font-weight:900}.spin-button small{color:#9a632c;font-family:var(--font-pixel), monospace;letter-spacing:.08em;font-size:7px}.spin-button:active:not(:disabled){transform:translateY(4px);box-shadow:inset 0 0 0 3px #e99e29,0 2px #3b1b0e}.spin-button:disabled{cursor:wait;filter:sepia(.2)brightness(.92)}.round-control{color:#fff1b0;background:#1c7378;border:4px solid #572b16;border-radius:50%;place-items:center;width:48px;height:48px;font-size:22px;font-weight:900;display:grid;box-shadow:inset 0 0 0 3px #e3a32d,0 4px #3b1b0e}.collection-count{z-index:4;color:#6a3b22;background:#ffedb2e6;border:2px solid #9a5c27;margin:12px 0 0;padding:4px 12px;font-size:11px;font-weight:700;position:relative}.modal-backdrop{z-index:50;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#1f140fb8;place-items:center;padding:18px;animation:.18s ease-out both backdrop-in;display:grid;position:fixed;inset:0}.result-wrap{justify-items:center;width:min(88vw,430px);animation:.52s cubic-bezier(.2,.84,.34,1.25) both card-pop;display:grid;position:relative}.result-card{aspect-ratio:512/640;filter:drop-shadow(0 18px 14px #0000006b);width:100%;position:relative}.result-frame{z-index:1;width:100%;height:100%;position:absolute;inset:0}.result-glow{z-index:2;aspect-ratio:1;background:#ffe25f52;border-radius:50%;animation:1.6s ease-in-out infinite glow-pulse;position:absolute;top:19%;left:25%;right:25%;box-shadow:0 0 52px 25px #ffcf322e}.result-item{z-index:3;filter:drop-shadow(0 8px 2px #5e331633);width:36%;animation:1.7s ease-in-out infinite item-float;position:absolute;top:40%;left:50%;transform:translate(-50%,-50%)}.result-category{z-index:4;color:#7a4828;white-space:nowrap;background:0 0;border:0;font-size:13px;font-weight:800;position:absolute;top:58%;left:50%;transform:translate(-50%)}.result-copy{z-index:4;text-align:center;position:absolute;bottom:11%;left:13%;right:13%}.result-copy h2{margin:0 0 4px;font-size:clamp(22px,6vw,30px);line-height:1}.result-copy p{color:#81522f;margin:0;font-size:clamp(12px,3.4vw,15px);font-weight:700}.result-actions{grid-template-columns:1fr;gap:10px;width:92%;margin-top:12px;display:grid}.primary-button,.secondary-button{border:4px solid #4f2817;min-height:48px;padding:8px 16px;font-weight:900;box-shadow:0 4px #32170d}.primary-button{color:#fff2bb;background:#1a7176;box-shadow:inset 0 0 0 2px #e4a631,0 4px #32170d}.secondary-button{background:#f5d581;box-shadow:inset 0 0 0 2px #e39c2d,0 4px #32170d}.sparkles{pointer-events:none;position:absolute;inset:0;overflow:hidden}.sparkles i{left:calc(9% + (var(--spark) * 5.1%));top:calc(12% + (var(--spark) % 5) * 17%);color:#ffd33f;font-style:normal;font-size:calc(13px + (var(--spark) % 4) * 4px);text-shadow:2px 2px #8d4d1b;animation:1.05s steps(5,end) infinite sparkle;animation-delay:calc(var(--spark) * -.09s);position:absolute}.history-panel{background:#f7dfa0;border:7px solid #512b19;width:min(92vw,480px);max-height:min(82svh,720px);padding:20px;animation:.32s ease-out both panel-rise;overflow:auto;box-shadow:inset 0 0 0 4px #d8992d,0 14px #230f085c}.panel-heading{border-bottom:3px dashed #b8792e;justify-content:space-between;align-items:flex-start;padding-bottom:12px;display:flex}.panel-heading span{color:#9a632f;font-family:var(--font-pixel), monospace;font-size:8px}.panel-heading h2{margin:2px 0 0;font-size:28px}.panel-heading button{color:#fff0b2;background:#d86b3f;border:3px solid #4f2817;width:38px;height:38px;font-size:25px;font-weight:900}.history-grid{grid-template-columns:repeat(3,1fr);gap:10px;padding:16px 0;display:grid}.history-grid article{text-align:center;background:#fff0bd;border:3px solid #8c522a;min-width:0;padding:8px 4px 6px;box-shadow:inset 0 0 0 2px #e7b554}.history-grid img{object-fit:contain;width:58px;height:58px}.history-grid p{text-overflow:ellipsis;white-space:nowrap;margin:2px 0 0;font-size:11px;font-weight:800;overflow:hidden}.panel-close{width:100%}.empty-history{color:#8d5e35;text-align:center;align-content:center;place-items:center;gap:12px;min-height:230px;font-weight:700;display:grid}.empty-history span{width:76px;height:76px;font-family:var(--font-pixel), monospace;border:4px dashed #b9823f;border-radius:50%;place-items:center;font-size:28px;display:grid}@keyframes lever-pull{0%{transform:rotate(0)}55%{transform:rotate(44deg)translate(8px,6px)}to{transform:rotate(0)}}@keyframes machine-rumble{0%,to{transform:translate(0)}50%{transform:translate(2px)}}@keyframes backdrop-in{0%{opacity:0}to{opacity:1}}@keyframes card-pop{0%{opacity:0;transform:translateY(30px)scale(.55)}70%{opacity:1;transform:translateY(-5px)scale(1.05)}to{transform:translateY(0)scale(1)}}@keyframes panel-rise{0%{opacity:0;transform:translateY(28px)}to{opacity:1;transform:translateY(0)}}@keyframes glow-pulse{50%{opacity:.65;transform:scale(1.1)}}@keyframes item-float{0%,to{transform:translate(-50%,-50%)}50%{transform:translate(-50%,calc(-50% - 7px))}}@keyframes sparkle{0%,to{opacity:.12;transform:scale(.5)rotate(0)}50%{opacity:1;transform:scale(1.2)rotate(45deg)}}@media (height<=760px){.machine-wrap{width:min(92vw,500px)}}@media (width<=370px){:root{--cell-size:86px}.machine-wrap{width:108vw}}@media (prefers-reduced-motion:reduce){*,:before,:after{animation-duration:.01ms!important;animation-iteration-count:1!important}.reel-track{transition-duration:.2s}}