:root{--bg:#222;--fg:#fff;--hint-bg:#2b2b2b;--hint-bd:rgba(255,255,255,.1);--hint-hover:#353535;--shadow:0 12px 28px rgba(0,0,0,.35);--shadow-soft:0 6px 16px rgba(0,0,0,.25);--g-pos:#16a34a;--g-neu:#6b7280;--g-neg:#dc2626;--accent:#0d6efd}body{background:var(--bg);color:var(--fg)}.brand-wrap{position:relative;padding:16px 12px 8px;margin-bottom:10px}.brand-title{font-size:2.2rem;font-weight:900;letter-spacing:.5px;display:flex;gap:12px;align-items:center}.card-21{position:relative;width:46px;height:62px;border-radius:10px;background:linear-gradient(180deg,#fff,#e9e9e9);color:#111;box-shadow:0 10px 22px #00000047;display:flex;align-items:center;justify-content:center;font-weight:900;font-size:1.1rem}.card-21:after{content:"A";position:absolute;top:4px;left:6px;font-weight:800;font-size:.8rem;color:#c00}.card-21:before{content:"10";position:absolute;bottom:4px;right:6px;font-weight:800;font-size:.75rem;color:#111}.hints-bar{display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-start;padding:10px;border-radius:14px;margin-top:10px;background:#ffffff0a;box-shadow:inset 0 0 0 1px #ffffff0f,var(--shadow-soft)}.hint-card{position:relative;width:56px;height:76px;padding:4px;border-radius:10px;background:var(--hint-bg);border:1px solid var(--hint-bd);display:flex;align-items:center;justify-content:center;flex-direction:column;gap:0;-webkit-user-select:none;user-select:none;transition:.16s ease;box-shadow:var(--shadow-soft);cursor:pointer}.hint-card:hover{background:var(--hint-hover);transform:translateY(-1px)}.hint-rank{font-weight:800;font-size:1.05rem;letter-spacing:.2px;line-height:1}.hint-delta{position:absolute;top:4px;right:4px;font-size:.68rem;font-weight:800;color:#fff;padding:1px 6px;border-radius:999px;box-shadow:0 4px 10px #0000004d}.d-pos{background:var(--g-pos)}.d-neu{background:var(--g-neu)}.d-neg{background:var(--g-neg)}.active-hint{outline:2px solid var(--accent);transform:scale(1.06)}.hint-arrow{width:auto;min-width:96px;height:48px;border-radius:999px;padding:0 10px}.cards-wrap{width:100%;display:grid;grid-template-columns:repeat(auto-fill,minmax(92px,1fr));gap:12px;align-items:start;max-height:50vh;overflow:auto;padding:12px;border-radius:16px;background:#ffffff0a;box-shadow:inset 0 0 0 1px #ffffff0f,var(--shadow)}.card-poker{position:relative;height:130px;border-radius:14px;background:linear-gradient(180deg,#f8f8f8,#eaeaea);color:#111;box-shadow:0 10px 22px #00000047;padding:10px 12px;display:flex;flex-direction:column;justify-content:space-between;transform:translateY(10px);opacity:0;animation:pop-in .22s ease-out forwards}@keyframes pop-in{to{transform:translateY(0);opacity:1}}.badge-delta{position:absolute;top:6px;right:6px;padding:4px 8px;border-radius:999px;font-size:.82rem;font-weight:800;color:#fff;box-shadow:0 6px 16px #0000004d}.prob-panel{display:grid;grid-template-columns:repeat(auto-fill,minmax(72px,1fr));gap:8px;padding:10px;border-radius:14px;background:#ffffff0a;box-shadow:inset 0 0 0 1px #ffffff0f,var(--shadow-soft)}.prob-chip{background:#1f1f1f;border:1px solid rgba(255,255,255,.09);border-radius:10px;padding:6px;text-align:center;display:flex;flex-direction:column;gap:2px;box-shadow:var(--shadow-soft)}.prob-chip .pc-rank{font-weight:800;font-size:1rem;letter-spacing:.2px}.prob-chip .pc-val{font-weight:800;font-size:.9rem;opacity:.95}.prob-high{outline:2px solid var(--g-pos)}.prob-mid{outline:2px solid var(--g-neu)}.prob-low{outline:2px solid var(--g-neg)}.ad-slot{background:#ffffff0f;border:1px dashed rgba(255,255,255,.2);border-radius:12px;display:flex;align-items:center;justify-content:center;color:#bbb;text-align:center}.qr-box{background:#1f1f1f;border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:12px}