.cc-page{color:#f8e7c2;background:radial-gradient(at 50% 5%,#51314a,#161427 63%,#0e1320);min-height:100vh;padding:20px 16px 56px;font-family:system-ui,sans-serif}.cc-page header{letter-spacing:.08em;justify-content:space-between;max-width:970px;margin:auto;font-size:13px;display:flex}.cc-page a{color:#f6d493;text-decoration:none}.cc-intro{text-align:center;margin:22px auto 18px}.cc-intro p:first-child{letter-spacing:.3em;color:#d3b676;font-size:11px}.cc-intro h1{letter-spacing:.2em;color:#ffe19a;text-shadow:0 3px #724a27;margin:5px 0;font-size:clamp(32px,6vw,58px)}.cc-intro p{color:#d2bdb7;margin:6px}.cc-machine{background:linear-gradient(135deg,#69434e,#231a32 45%,#432844);border:4px solid #b7833d;border-radius:26px;max-width:760px;margin:auto;padding:18px;box-shadow:0 22px 55px #0008,inset 0 0 0 3px #f5d28c55}.cc-ribbon{text-align:center;color:#f8d98e;margin-bottom:14px;font-size:12px}.cc-ladder{justify-content:center;gap:8px;margin-bottom:12px;display:flex}.cc-ladder span{color:#b5a48c;background:#181426;border:1px solid #a87f48;border-radius:8px;padding:5px 20px;font-weight:900}.cc-ladder .on{color:#392034;background:#e3b65d;box-shadow:0 0 20px #ffca6199}.cc-grid{background:#0d1020;border:3px solid #d4ad6d;border-radius:12px;grid-template-columns:repeat(5,1fr);gap:5px;padding:8px;display:grid}.cc-col{gap:5px;display:grid}.cc-card{aspect-ratio:1.2;color:#2c3359;background:linear-gradient(145deg,#fff6dc,#ddc9a2);border:2px solid #f7e6c4;border-radius:8px;place-items:center;transition:transform .2s,filter .2s;display:grid;position:relative;box-shadow:inset 0 -4px #a69177}.cc-card.red{color:#ae3049}.cc-card.lit{filter:brightness(1.5);transform:scale(.88);box-shadow:0 0 20px #ffeb83}.cc-card small{font-size:clamp(8px,2vw,14px);font-weight:700;position:absolute;top:3%;left:8%}.cc-card b{font-size:clamp(25px,6vw,54px);line-height:1}.cc-card i{font-size:8px;font-style:normal;position:absolute;bottom:3%;right:3%}.cc-notice{text-align:center;color:#ffe09e;min-height:24px;margin:12px 0;font-weight:700}.cc-stats{grid-template-columns:repeat(4,1fr);gap:6px;display:grid}.cc-stats div{text-align:center;background:#121321aa;border-radius:8px;padding:10px 4px}.cc-stats small{color:#c9b5a9;font-size:11px;display:block}.cc-stats strong{font-variant-numeric:tabular-nums;font-size:clamp(15px,3vw,22px)}.cc-actions{justify-content:center;align-items:center;gap:12px;margin:16px 0 5px;display:flex}.cc-page button{font:inherit;cursor:pointer;touch-action:manipulation}.cc-actions button{color:#fce2ac;background:#30233b;border:1px solid #cfa35e;border-radius:12px;min-width:54px;height:48px;font-size:22px}.cc-actions .cc-spin{color:#442239;background:linear-gradient(#f8d480,#c98239);border:0;min-width:160px;font-weight:900;box-shadow:0 5px #8c592c}.cc-page button:disabled{opacity:.5;cursor:default}:is(.cc-page button:focus-visible,.cc-page a:focus-visible){outline-offset:3px;outline:3px solid #fff}.cc-reset{color:#dfc4a2;background:0 0;border:0;margin:15px auto 0;text-decoration:underline;display:block}.cc-rules{color:#c8b5b3;max-width:760px;margin:26px auto;font-size:14px;line-height:1.7}.cc-rules h2{color:#f4d9a5;font-size:20px}@media (max-width:450px){.cc-machine{border-width:3px;padding:9px}.cc-grid{gap:3px;padding:4px}.cc-col{gap:3px}.cc-card{border-width:1px}.cc-ladder span{padding:5px 12px}.cc-ribbon{font-size:10px}}@media (prefers-reduced-motion:reduce){.cc-card{transition:none}}.cc-page{color:#fff1c0;background:radial-gradient(at 50% 18%,#68b90b,#0d6526 44%,#052e1a 88%)}.cc-intro h1{color:#ffe979;text-shadow:0 3px #985408,0 0 18px #fff85b}.cc-intro p{color:#fff2b1}.cc-machine{background:linear-gradient(165deg,#3a941b,#0a4f27 60%,#063e24);border-color:#f8c742;max-width:560px;box-shadow:0 22px 55px #001b11aa,inset 0 0 0 3px #ffe28388}.cc-ribbon{color:#fff2bc}.cc-grid{background:#735316;border-color:#e7b437;gap:3px}.cc-card{aspect-ratio:1.05;background:linear-gradient(145deg,#fafbf5,#dce7dc);border-radius:2px;box-shadow:inset 0 -4px #a1b89b}.cc-card.gold{background:linear-gradient(145deg,#fff8c5,#ffd43d);border-color:#ffb900}.cc-ladder span{color:#f7de97;background:#60321b;border-color:#d69228}.cc-stats div{background:#043b24a8}.cc-actions button{color:#ffe49c;background:#134f29}.cc-actions .cc-spin{color:#fff9db;text-shadow:0 2px #77501c;background:radial-gradient(circle at 36% 25%,#ffe28a,#d3911d 75%);border:4px solid #dcae3c;border-radius:50%;min-width:76px;height:76px;box-shadow:0 5px #604005}.cc-rules{color:#e3f1cb}.cc-page{background:radial-gradient(at 50% 28%,#a9d52b 0%,#4a9e15 29%,#0b631e 68%,#00351a 100%) fixed}.cc-page header{max-width:670px}.cc-intro{margin:8px auto 4px}.cc-intro h1{letter-spacing:.08em;color:#0000;-webkit-text-stroke:.6px #fff3a4;filter:drop-shadow(0 3px 1px #713208);background:linear-gradient(#fffed4 5%,#ffe062 32%,#f5a722 62%,#8c4c12 100%);-webkit-background-clip:text;background-clip:text;font-family:Georgia,Noto Serif TC,serif;font-size:clamp(31px,7vw,52px);font-style:italic;font-weight:1000}.cc-intro p{letter-spacing:.14em;font-size:12px}.cc-machine{background:linear-gradient(#14802d,#055a25 75%,#00381e);border:3px solid #d7a32b;border-radius:12px;max-width:420px;padding:10px 10px 14px;box-shadow:0 14px 38px #00200dbb,inset 0 0 0 2px #ffe88766}.cc-ribbon{color:#eaf8b7;margin:3px 0 7px;font-size:10px}.cc-ladder-label{text-align:center;color:#ffeaa1;letter-spacing:.03em;text-shadow:0 2px #783218;font-family:Georgia,serif;font-size:12px;font-weight:700}.cc-ladder{gap:3px;margin:4px 0 8px}.cc-ladder span{text-align:center;color:#ffdf7f;text-shadow:0 2px #5d0c04;background:linear-gradient(#9a3f1c,#651c16);border:2px solid #c68b29;border-radius:3px;flex:1;padding:2px 5px;font-family:Georgia,serif;font-size:clamp(18px,5vw,27px);font-weight:1000}.cc-ladder .on{color:#fff;text-shadow:1px 2px #ae2711;background:linear-gradient(#ffcb44,#ce3618);box-shadow:0 0 12px #ffff8c}.cc-grid{background:#35312b;border:4px solid #b98725;border-radius:4px;gap:2px;padding:4px;box-shadow:0 3px #482d0c,0 0 0 2px #ffdb6a}.cc-col{gap:2px}.cc-card{aspect-ratio:.83;transform-origin:50%;background:linear-gradient(145deg,#fff,#eef5ee 66%,#c9dfdd);border:1px solid #8e9da1;border-radius:1px;overflow:hidden;box-shadow:inset 0 0 0 1px #fff}.cc-card small{z-index:2;font-family:Georgia,serif;font-size:clamp(10px,3vw,15px);top:1%;left:4%}.cc-card .cc-suit{filter:drop-shadow(1px 1px #fff);font-size:clamp(35px,11vw,64px)}.cc-card.gold{background:linear-gradient(140deg,#fff3ab,#e8b42d);border:2px solid #ffdf38;box-shadow:inset 0 0 0 2px #ffe773,0 0 8px #eec62b}.cc-card.gold i{color:#ffeb9d;background:#b3491d;padding:0 2px}.cc-face{place-items:end center;display:grid;position:absolute;inset:12% 3% 0}.cc-face svg{filter:drop-shadow(1px 1px #f5e4ab);width:100%;height:100%}.cc-coin{aspect-ratio:1;color:#79351b;background:radial-gradient(circle at 36% 25%,#fff9a0,#ffc51d 38%,#b56b0e 75%);border:4px ridge #ffe385;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;width:82%;display:flex;box-shadow:0 2px 5px #57320a}.cc-coin span{font-size:12px}.cc-coin b{font-family:Georgia,serif;font-size:clamp(13px,3.5vw,22px);font-weight:1000;line-height:1}.cc-card .cc-coin small{font-family:system-ui;font-size:clamp(6px,1.5vw,9px);position:static}.cc-wild{color:#fce85e;text-align:center;text-shadow:0 2px #8d290d}.cc-wild span{font-size:clamp(23px,7vw,40px);line-height:1;display:block}.cc-wild b{color:#c53223;text-shadow:1px 1px #fff59a;font-size:clamp(10px,3vw,18px)}.cc-card.spin{animation:.55s cubic-bezier(.14,.73,.3,1) both reel-drop}.cc-card.drop{animation:.3s ease-out both reel-drop}.cc-card.lit{filter:brightness(1.35);z-index:4;animation:.24s ease-in-out infinite alternate win-flash;transform:scale(.92);box-shadow:0 0 14px #ffef4e}.cc-notice{min-height:22px;margin:9px 0 5px}.cc-stats div{padding:5px 2px}.cc-actions{margin:8px 0 2px}.cc-actions .cc-spin{min-width:70px;height:70px;font-size:43px;line-height:1}.cc-reset{margin-top:10px}.cc-rules{max-width:420px}.cc-page button:active:not(:disabled){transform:scale(.96)}@keyframes reel-drop{0%{opacity:.5;filter:blur(3px);transform:translateY(-20%)scaleY(.85)}75%{filter:blur();transform:translateY(3%)}to{opacity:1;filter:none;transform:translateY(0)}}@keyframes win-flash{0%{filter:brightness()}to{filter:brightness(1.65)}}@media (max-width:450px){.cc-page{padding:10px 8px 35px}.cc-intro{margin:3px auto}.cc-intro h1{font-size:34px}.cc-machine{padding:6px}.cc-card{aspect-ratio:.87}.cc-page header{font-size:11px}}@media (prefers-reduced-motion:reduce){.cc-card.spin,.cc-card.drop,.cc-card.lit{animation:none}}.cc-card .cc-court{filter:none;background-image:url(/images/card-court-art-v2.png);background-repeat:no-repeat;background-size:300% 100%;display:block;inset:6% 4% 3%}.cc-court-J{background-position:0%}.cc-court-Q{background-position:50%}.cc-court-K{background-position:100%}.cc-card .cc-suit{text-shadow:0 1px #fff;font-family:Georgia,serif;font-size:clamp(42px,12vw,70px);line-height:1}.cc-card.red .cc-suit{color:#cf1d25}.cc-ace{color:#101a37;place-items:center;display:grid}.cc-ace span{font-family:Georgia,serif;font-size:clamp(48px,14vw,76px);line-height:.9}.cc-ace b{color:#d9b85e;text-shadow:0 1px #533d18;font-family:Georgia,serif;font-size:clamp(10px,3vw,15px);position:absolute;top:47%}.cc-card small:empty{display:none}