.pachinko{--pk-bg:#1b1d22;--pk-panel:#24272e;--pk-text:#e7e9ee;--pk-muted:#9aa0ab;--pk-accent:#4da3ff;--pk-gold:#ffcc4d;--pk-line:#3a3f4a;--pk-inset:#11131a;color:var(--pk-text);justify-content:center;font-family:Helvetica Neue,Arial,PingFang TC,Microsoft JhengHei,sans-serif;display:flex}.pachinko *{box-sizing:border-box}.pachinko .layout{flex-wrap:wrap;justify-content:center;align-items:flex-start;gap:16px;width:100%;max-width:756px;margin:0 auto;display:flex}@media (width<=720px){.pachinko .layout{max-width:420px}}.pachinko .app{flex-direction:column;gap:12px;width:100%;max-width:420px;display:flex}.pachinko .guide{flex-direction:column;gap:12px;width:320px;max-width:100%;display:flex}.pachinko .now{background:var(--pk-panel);border-left:4px solid var(--pk-accent);border-radius:8px;padding:14px 16px}.pachinko .now-tag{color:var(--pk-muted);letter-spacing:2px;font-size:12px}.pachinko .now h2{color:var(--pk-gold);margin:2px 0 12px;font-size:22px}.pachinko .now-row{gap:8px;margin:8px 0;font-size:14px;display:flex}.pachinko .now-row span{color:var(--pk-muted);flex:0 0 64px}.pachinko .now-row p{margin:0;line-height:1.5}.pachinko .flow{background:var(--pk-panel);border-radius:8px;padding:14px 16px}.pachinko .flow-title{color:var(--pk-muted);margin-bottom:10px;font-size:13px}.pachinko .flow ol{margin:0;padding:0;list-style:none}.pachinko .flow li[data-step]{border:1px solid var(--pk-line);border-radius:6px;margin:4px 0;padding:8px 10px;transition:all .2s;position:relative}.pachinko .flow li[data-step] b{font-size:14px}.pachinko .flow li[data-step] span{float:right;color:var(--pk-muted);border:1px solid var(--pk-line);border-radius:4px;padding:1px 6px;font-size:11px}.pachinko .flow li[data-step] em{color:var(--pk-muted);margin-top:4px;font-size:12px;font-style:normal;line-height:1.5;display:block}.pachinko .flow li[data-step] u{color:var(--pk-accent);font-weight:700;text-decoration:none}.pachinko .flow li.arrow{color:var(--pk-muted);padding:2px 0 2px 8px;font-size:11px}.pachinko .flow li.active{border-color:var(--pk-gold);box-shadow:-3px 0 0 var(--pk-gold);background:#ffcc4d14}.pachinko .flow li.active b{color:var(--pk-gold)}.pachinko .flow li.active:after{content:"◀ 你在這";color:var(--pk-gold);font-size:11px;position:absolute;bottom:6px;right:10px}.pachinko .flow-note{color:var(--pk-muted);margin:10px 0 0;font-size:12px;line-height:1.5}.pachinko .topbar{background:var(--pk-panel);border-radius:8px;align-items:center;gap:10px;padding:10px 14px;display:flex}.pachinko .topbar label{color:var(--pk-muted);font-size:13px}.pachinko .topbar select{background:var(--pk-inset);color:var(--pk-text);border:1px solid var(--pk-line);border-radius:6px;flex:1;padding:8px 10px;font-size:14px}.pachinko .statusbar{background:var(--pk-panel);border-radius:8px;justify-content:space-between;align-items:center;padding:10px 14px;display:flex}.pachinko .phase{font-size:18px;font-weight:700}.pachinko .phase-NORMAL{color:var(--pk-text)}.pachinko .phase-JACKPOT{color:var(--pk-gold)}.pachinko .phase-ST{color:var(--pk-accent)}.pachinko .direction{color:var(--pk-muted);font-size:15px}.pachinko .board{background:var(--pk-panel);border-radius:8px;padding:8px}.pachinko .reels{justify-content:center;gap:8px;margin-top:8px;display:flex}.pachinko .reel{background:var(--pk-inset);border:2px solid var(--pk-line);width:56px;height:72px;color:var(--pk-gold);border-radius:6px;justify-content:center;align-items:center;font-size:44px;font-weight:700;display:flex}.pachinko .stats{background:var(--pk-panel);border-radius:8px;grid-template-columns:repeat(2,1fr);gap:6px 16px;padding:12px 14px;font-size:14px;display:grid}.pachinko .stats div span{color:var(--pk-muted);margin-right:6px}.pachinko .stats div b{font-variant-numeric:tabular-nums}.pachinko .controls{gap:8px;display:flex}.pachinko button{background:var(--pk-accent);color:#06203b;cursor:pointer;border:none;border-radius:8px;flex:1;padding:12px;font-size:15px;font-weight:700}.pachinko button.secondary{background:var(--pk-line);color:var(--pk-text)}.pachinko button:active{transform:translateY(1px)}.pachinko .log{background:var(--pk-inset);font-variant-numeric:tabular-nums;height:180px;color:var(--pk-muted);border-radius:8px;padding:10px 12px;font-size:13px;line-height:1.6;overflow-y:auto}.pachinko .log div{white-space:nowrap}