:root{--bg-gradient: radial-gradient(circle at center, #1b4d3e 0%, #0a1f18 100%);--topbar-bg: rgba(15, 30, 24, .85);--border-color: rgba(255, 255, 255, .2);--text-primary: #ffffff;--text-muted: #a0aec0;--accent-gold: #fbbf24;--accent-green: #34d399;--accent-red: #f87171;--card-width: 120px;--card-height: 168px;--font-sans: "Inter", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif}[data-theme=royale]{--bg-gradient: radial-gradient(circle at center, #7f1d1d 0%, #450a0a 100%);--topbar-bg: rgba(40, 10, 10, .85);--border-color: rgba(252, 165, 165, .25)}[data-theme=midnight]{--bg-gradient: radial-gradient(circle at center, #1f2937 0%, #030712 100%);--topbar-bg: rgba(17, 24, 39, .85);--border-color: rgba(156, 163, 175, .25)}[data-theme=cyberpunk]{--bg-gradient: radial-gradient(circle at center, #581c87 0%, #1e1b4b 100%);--topbar-bg: rgba(30, 27, 75, .85);--border-color: rgba(216, 180, 254, .3)}*{box-sizing:border-box;margin:0;padding:0}html,body{width:100%;height:100%;overflow:hidden;font-family:var(--font-sans);background:var(--bg-gradient);color:var(--text-primary);user-select:none;-webkit-user-select:none;transition:background .4s ease}#table-surface{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;z-index:1}#container{position:absolute;top:55%;left:50%;transform:translate(-50%,-50%);width:0;height:0}#topbar{position:fixed;top:0;left:0;right:0;z-index:100;background:var(--topbar-bg);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--border-color);padding:.75rem 1.25rem;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:.75rem;box-shadow:0 4px 20px #0006}#topbar-main{display:flex;align-items:center;justify-content:space-between;width:100%;flex-wrap:wrap;gap:.75rem}#theme-select{background:#0006;border:1px solid var(--border-color);color:#fde047;padding:.5rem .85rem;border-radius:8px;font-size:.85rem;font-weight:600;cursor:pointer;outline:none}#theme-select option{background:#0f1e18;color:#fff}.mode-dashboard{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}.in-box.highlight{border-color:#34d39980;background:#10b98126}.poker-banner{background:#fbbf2426;border-color:#fbbf2466;color:#fde047;font-size:1rem;padding:.45rem 1rem}.blackjack-banner{background:#3b82f626;border-color:#3b82f666;color:#60a5fa;font-size:1rem;padding:.45rem 1rem}.tarot-banner{background:#c084fc26;border-color:#c084fc66;color:#e9d5ff;font-size:1rem;padding:.45rem 1rem}.tarot-fortune-panel{position:fixed;bottom:2rem;left:50%;transform:translate(-50%);z-index:90;background:#1e1b4be6;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid rgba(192,132,252,.4);border-radius:12px;padding:1.2rem 1.8rem;max-width:680px;width:90%;color:#f3e8ff;box-shadow:0 10px 30px #0009;display:flex;flex-direction:column;gap:.6rem}.tarot-reading-item{font-size:.95rem;line-height:1.4}.btn-predict{background:#ffffff14;border:1px solid var(--border-color)}.btn-predict.active{background:#34d3994d!important;border-color:#34d399!important;color:#fff!important;box-shadow:0 0 10px #34d39966}.card-hold-badge{position:absolute;top:-24px;left:50%;transform:translate(-50%);background:#fbbf24;color:#1e1b4b;font-size:.75rem;font-weight:800;padding:.15rem .6rem;border-radius:4px;box-shadow:0 2px 8px #0006;pointer-events:none;z-index:20;letter-spacing:.05em}#btn-action{display:flex;align-items:center;flex-wrap:wrap;gap:.5rem}#btn-action button,.mode-select{background:#ffffff14;border:1px solid var(--border-color);color:var(--text-primary);padding:.5rem .85rem;border-radius:8px;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .2s ease;display:inline-flex;align-items:center;gap:.4rem}.mode-select{background:#10b98140;border-color:#34d39966;color:#6ee7b7;font-weight:600}.mode-select option{background:#0f1e18;color:#fff}#btn-action button:hover,.mode-select:hover{background:#fff3;border-color:#fff6;transform:translateY(-1px)}#btn-action button:active{transform:translateY(0)}#btn-action input[type=number]{width:60px;background:#0006;border:1px solid var(--border-color);color:var(--accent-gold);padding:.45rem .5rem;border-radius:6px;font-size:.95rem;font-weight:600;text-align:center;outline:none}#count{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}.in-box{background:#00000080;border:1px solid var(--border-color);border-radius:8px;padding:.45rem .75rem;font-size:.9rem;font-weight:600;display:flex;align-items:center;gap:.4rem}.win.in-box{color:var(--accent-green);border-color:#34d3994d}.lose.in-box{color:var(--accent-red);border-color:#f871714d}.ratio.in-box{color:var(--accent-gold);border-color:#fbbf244d}.in-box .text{font-size:1rem;font-weight:700}.deck{position:absolute;width:0;height:0}.card{position:absolute;top:-84px;left:-60px;width:120px;height:168px;border-radius:8px;background-color:#fff;box-shadow:0 4px 12px #00000059;transform-origin:50% 50%;transition:box-shadow .2s ease;cursor:pointer}.card:hover{box-shadow:0 8px 24px #00000080}.card .face,.card .back{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:8px;background-size:cover;background-position:center;background-repeat:no-repeat;backface-visibility:hidden}.card .back{background-image:url(/faces/back.svg)}.card:before,.card:after{position:absolute;z-index:5;font-family:var(--font-sans);font-weight:600;font-size:1rem;line-height:1;text-align:center;pointer-events:none}.card:before{top:7px;left:5px}.card:after{bottom:7px;right:5px;transform:rotate(180deg)}.card.spades,.card.clubs,.card.joker{color:#111827}.card.hearts,.card.diamonds,.card.joker.rank3{color:#dc2626}.card.rank1:before,.card.rank1:after{content:"A"}.card.rank2:before,.card.rank2:after{content:"2"}.card.rank3:before,.card.rank3:after{content:"3"}.card.rank4:before,.card.rank4:after{content:"4"}.card.rank5:before,.card.rank5:after{content:"5"}.card.rank6:before,.card.rank6:after{content:"6"}.card.rank7:before,.card.rank7:after{content:"7"}.card.rank8:before,.card.rank8:after{content:"8"}.card.rank9:before,.card.rank9:after{content:"9"}.card.rank10:before,.card.rank10:after{content:"10";letter-spacing:-1px}.card.rank11:before,.card.rank11:after{content:"J"}.card.rank12:before,.card.rank12:after{content:"Q"}.card.rank13:before,.card.rank13:after{content:"K"}.card.joker.rank1:before,.card.joker.rank1:after,.card.joker.rank2:before,.card.joker.rank2:after,.card.joker.rank3:before,.card.joker.rank3:after{content:"JOKER";font-size:.5rem;writing-mode:vertical-rl}.card.spades.rank1 .face{background-image:url(/faces/0_1.svg)}.card.spades.rank2 .face{background-image:url(/faces/0_2.svg)}.card.spades.rank3 .face{background-image:url(/faces/0_3.svg)}.card.spades.rank4 .face{background-image:url(/faces/0_4.svg)}.card.spades.rank5 .face{background-image:url(/faces/0_5.svg)}.card.spades.rank6 .face{background-image:url(/faces/0_6.svg)}.card.spades.rank7 .face{background-image:url(/faces/0_7.svg)}.card.spades.rank8 .face{background-image:url(/faces/0_8.svg)}.card.spades.rank9 .face{background-image:url(/faces/0_9.svg)}.card.spades.rank10 .face{background-image:url(/faces/0_10.svg)}.card.spades.rank11 .face{background-image:url(/faces/0_11.svg)}.card.spades.rank12 .face{background-image:url(/faces/0_12.svg)}.card.spades.rank13 .face{background-image:url(/faces/0_13.svg)}.card.hearts.rank1 .face{background-image:url(/faces/1_1.svg)}.card.hearts.rank2 .face{background-image:url(/faces/1_2.svg)}.card.hearts.rank3 .face{background-image:url(/faces/1_3.svg)}.card.hearts.rank4 .face{background-image:url(/faces/1_4.svg)}.card.hearts.rank5 .face{background-image:url(/faces/1_5.svg)}.card.hearts.rank6 .face{background-image:url(/faces/1_6.svg)}.card.hearts.rank7 .face{background-image:url(/faces/1_7.svg)}.card.hearts.rank8 .face{background-image:url(/faces/1_8.svg)}.card.hearts.rank9 .face{background-image:url(/faces/1_9.svg)}.card.hearts.rank10 .face{background-image:url(/faces/1_10.svg)}.card.hearts.rank11 .face{background-image:url(/faces/1_11.svg)}.card.hearts.rank12 .face{background-image:url(/faces/1_12.svg)}.card.hearts.rank13 .face{background-image:url(/faces/1_13.svg)}.card.clubs.rank1 .face{background-image:url(/faces/2_1.svg)}.card.clubs.rank2 .face{background-image:url(/faces/2_2.svg)}.card.clubs.rank3 .face{background-image:url(/faces/2_3.svg)}.card.clubs.rank4 .face{background-image:url(/faces/2_4.svg)}.card.clubs.rank5 .face{background-image:url(/faces/2_5.svg)}.card.clubs.rank6 .face{background-image:url(/faces/2_6.svg)}.card.clubs.rank7 .face{background-image:url(/faces/2_7.svg)}.card.clubs.rank8 .face{background-image:url(/faces/2_8.svg)}.card.clubs.rank9 .face{background-image:url(/faces/2_9.svg)}.card.clubs.rank10 .face{background-image:url(/faces/2_10.svg)}.card.clubs.rank11 .face{background-image:url(/faces/2_11.svg)}.card.clubs.rank12 .face{background-image:url(/faces/2_12.svg)}.card.clubs.rank13 .face{background-image:url(/faces/2_13.svg)}.card.diamonds.rank1 .face{background-image:url(/faces/3_1.svg)}.card.diamonds.rank2 .face{background-image:url(/faces/3_2.svg)}.card.diamonds.rank3 .face{background-image:url(/faces/3_3.svg)}.card.diamonds.rank4 .face{background-image:url(/faces/3_4.svg)}.card.diamonds.rank5 .face{background-image:url(/faces/3_5.svg)}.card.diamonds.rank6 .face{background-image:url(/faces/3_6.svg)}.card.diamonds.rank7 .face{background-image:url(/faces/3_7.svg)}.card.diamonds.rank8 .face{background-image:url(/faces/3_8.svg)}.card.diamonds.rank9 .face{background-image:url(/faces/3_9.svg)}.card.diamonds.rank10 .face{background-image:url(/faces/3_10.svg)}.card.diamonds.rank11 .face{background-image:url(/faces/3_11.svg)}.card.diamonds.rank12 .face{background-image:url(/faces/3_12.svg)}.card.diamonds.rank13 .face{background-image:url(/faces/3_13.svg)}.card.joker.rank1 .face{background-image:url(/faces/4_1.svg)}.card.joker.rank2 .face{background-image:url(/faces/4_2.svg)}.card.joker.rank3 .face{background-image:url(/faces/4_3.svg)}@media (max-width: 768px){#topbar{padding:.5rem .75rem}#btn-action button{padding:.4rem .65rem;font-size:.8rem}.in-box{padding:.35rem .55rem;font-size:.8rem}}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;background:#000000bf;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;padding:1rem;opacity:0;pointer-events:none;transition:opacity .25s ease}.modal-backdrop.open{opacity:1;pointer-events:auto}.modal-container{background:#0d211a;border:1px solid rgba(52,211,153,.3);border-radius:16px;width:100%;max-width:680px;max-height:90vh;display:flex;flex-direction:column;box-shadow:0 20px 50px #0009;overflow:hidden;transform:scale(.95);transition:transform .25s ease}.modal-backdrop.open .modal-container{transform:scale(1)}.modal-header{padding:1.25rem 1.5rem;background:#0f1e18e6;border-bottom:1px solid var(--border-color);display:flex;align-items:center;justify-content:space-between}.modal-header h2{font-size:1.25rem;font-weight:700;color:#6ee7b7;display:flex;align-items:center;gap:.5rem}.modal-close-btn{background:none;border:none;color:var(--text-muted);font-size:1.75rem;line-height:1;cursor:pointer;padding:.2rem .5rem;border-radius:6px;transition:color .2s ease,background .2s ease}.modal-close-btn:hover{color:#fff;background:#ffffff1a}.modal-tabs{display:flex;background:#0000004d;border-bottom:1px solid var(--border-color)}.tab-btn{flex:1;background:none;border:none;padding:.85rem 1rem;color:var(--text-muted);font-size:.95rem;font-weight:600;cursor:pointer;transition:all .2s ease;border-bottom:3px solid transparent}.tab-btn:hover{color:var(--text-primary);background:#ffffff0d}.tab-btn.active{color:#34d399;border-bottom-color:#34d399;background:#34d39914}.modal-body{padding:1.5rem;overflow-y:auto;color:#d1d5db;font-size:.95rem;line-height:1.6}.tab-content{display:none}.tab-content.active{display:block}.guide-badge{display:inline-block;background:#10b98133;color:#6ee7b7;border:1px solid rgba(52,211,153,.4);padding:.35rem .75rem;border-radius:20px;font-size:.85rem;font-weight:600;margin-bottom:1rem}.guide-badge.secondary{background:#6366f133;color:#a5b4fc;border-color:#818cf866}.guide-desc{margin-bottom:1.25rem;font-size:.95rem;line-height:1.5;color:#d1d5db}.modal-body h3{font-size:1.1rem;font-weight:700;color:#fff;margin-bottom:.75rem}.guide-steps{list-style:none;margin-top:.75rem;display:flex;flex-direction:column;gap:.85rem}.guide-steps li{display:flex;align-items:flex-start;gap:1rem;background:#ffffff0a;padding:1rem 1.15rem;border-radius:12px;border:1px solid rgba(255,255,255,.08)}.step-num{background:#10b981;color:#064e3b;font-weight:800;width:26px;height:26px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.9rem;flex-shrink:0;margin-top:.15rem}.step-content{flex:1;min-width:0;font-size:.95rem;line-height:1.55;color:#e5e7eb}.step-content code{background:#0006;color:#fde047;padding:.15rem .45rem;border-radius:4px;font-family:monospace;font-size:.9rem}.result-tags{margin-top:.65rem;display:flex;flex-direction:column;gap:.5rem}.tag-row{display:flex;align-items:center;gap:.75rem;background:#0000004d;padding:.45rem .85rem;border-radius:8px;border:1px solid rgba(255,255,255,.05);font-size:.9rem}.tag-win{background:#34d39940;color:#34d399;font-weight:700;padding:.25rem .55rem;border-radius:6px;font-size:.8rem;letter-spacing:.03em;flex-shrink:0}.tag-lose{background:#f8717140;color:#f87171;font-weight:700;padding:.25rem .55rem;border-radius:6px;font-size:.8rem;letter-spacing:.03em;flex-shrink:0}.guide-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.85rem;margin-top:.75rem}.grid-item{background:#ffffff0a;padding:.9rem 1.1rem;border-radius:12px;border:1px solid rgba(255,255,255,.08);display:flex;flex-direction:column;gap:.35rem}.grid-item.full-width{grid-column:span 2}.item-title{font-weight:700;color:#fff;font-size:.95rem}.item-desc{color:#9ca3af;font-size:.85rem;line-height:1.45}.btn-guide{background:#fbbf2426!important;border-color:#fbbf2466!important;color:#fde047!important;font-weight:600!important}.btn-guide:hover{background:#fbbf244d!important}@media (max-width: 600px){.guide-grid{grid-template-columns:1fr}.grid-item.full-width{grid-column:span 1}}