.hkcn-tct{
  --ink:#0b2133;--muted:#65798c;--line:#d8e1e9;--gold:#d6a637;--gold2:#f4d67f;
  --navy:#071e31;--navy2:#123c58;--soft:#f5f8fa;--player:#3d8bd2;--banker:#d95765;
  --tie:#35b480;--felt:#07503f;--felt2:#043c31;--green:#08785a;--red:#b63141;
  --shadow:0 16px 42px rgba(7,30,49,.08)
}.hkcn-tct *{box-sizing:border-box}.hkcn-tct html{scroll-behavior:smooth}.hkcn-tct{margin:0;background:#f3f6f8;color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang HK","Noto Sans TC","Microsoft JhengHei",sans-serif;line-height:1.62}.hkcn-tct button, .hkcn-tct input, .hkcn-tct select{font:inherit}.hkcn-tct button{cursor:pointer}.hkcn-tct{max-width:1160px;margin:auto;padding:24px 20px 70px}.hkcn-tct .hero{display:grid;grid-template-columns:1.4fr .6fr;gap:22px;padding:40px;border-radius:28px;background:linear-gradient(135deg,var(--navy),var(--navy2));color:#fff;box-shadow:var(--shadow)}.hkcn-tct .eyebrow{display:block;color:var(--gold);font-size:.8rem;font-weight:900;letter-spacing:.05em}.hkcn-tct .hero h1{font-size:clamp(2.2rem,5vw,4rem);line-height:1.05;margin:7px 0 15px}.hkcn-tct .lead{font-size:1.15rem;max-width:790px}.hkcn-tct .hero-points{display:flex;gap:8px;flex-wrap:wrap;margin-top:18px}.hkcn-tct .hero-points span{padding:6px 9px;border:1px solid rgba(255,255,255,.18);border-radius:999px;background:rgba(255,255,255,.08);font-size:.84rem}.hkcn-tct .hero-answer{align-self:center;padding:20px;border:1px solid rgba(255,255,255,.17);border-radius:18px;background:rgba(255,255,255,.08)}.hkcn-tct .hero-answer span, .hkcn-tct .hero-answer strong{display:block}.hkcn-tct .hero-answer strong{font-size:1.25rem;margin:4px 0 6px}.hkcn-tct .hero-answer p{margin:0;color:#d7e3ec}.hkcn-tct .mode-tabs{position:sticky;top:0;z-index:20;display:flex;gap:8px;overflow:auto;margin:18px 0;padding:10px;background:rgba(255,255,255,.96);border:1px solid var(--line);border-radius:16px;box-shadow:0 8px 22px rgba(0,0,0,.05);scrollbar-width:none}.hkcn-tct .mode-tabs::-webkit-scrollbar{display:none}.hkcn-tct .mode-tabs button{flex:0 0 auto;border:0;border-radius:999px;padding:8px 12px;background:#eef2f5;color:var(--ink);font-weight:800;white-space:nowrap}.hkcn-tct .mode-tabs button.active{background:var(--navy);color:#fff}.hkcn-tct .panel{display:none;background:#fff;border:1px solid var(--line);border-radius:26px;padding:28px;margin:18px 0;box-shadow:0 9px 25px rgba(7,30,49,.04)}.hkcn-tct .panel.active{display:block}.hkcn-tct .section-head{margin-bottom:18px}.hkcn-tct .section-head h2{margin:4px 0 7px;font-size:clamp(1.55rem,3vw,2.3rem);line-height:1.18}.hkcn-tct .section-head p{margin:0;color:var(--muted);max-width:900px}.hkcn-tct .scenario-presets{display:flex;gap:8px;flex-wrap:wrap;align-items:center;margin-bottom:14px}.hkcn-tct .scenario-presets>span{font-weight:800}.hkcn-tct .scenario-presets button{border:1px solid var(--line);background:#fff;border-radius:999px;padding:7px 10px;color:var(--ink);font-weight:700}.hkcn-tct .judge-table{position:relative;display:grid;grid-template-columns:1fr 190px 1fr;gap:16px;align-items:center;padding:24px;border:7px solid #49301f;border-radius:30px;background:radial-gradient(circle at 50% 0%,rgba(255,255,255,.06),transparent 38%),linear-gradient(180deg,var(--felt),var(--felt2));box-shadow:inset 0 0 0 2px rgba(226,185,100,.45),inset 0 0 40px rgba(0,0,0,.25)}.hkcn-tct .felt-label{grid-column:1/-1;text-align:center;color:rgba(244,213,143,.64);font-weight:900;letter-spacing:.15em}.hkcn-tct .manual-hand{padding:16px;border:1px solid rgba(255,255,255,.18);border-radius:18px;background:rgba(0,0,0,.13)}.hkcn-tct .manual-hand header{display:flex;justify-content:space-between;gap:12px;color:#fff;font-weight:900}.hkcn-tct .manual-hand header strong{font-size:1.55rem;color:var(--gold2)}.hkcn-tct .manual-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin-top:13px}.hkcn-tct .card-slot{display:grid;gap:6px;min-width:0}.hkcn-tct .card-slot>span{font-size:.76rem;color:#d6e5df}.hkcn-tct .preview-card{height:102px;border-radius:9px;background:#fff;box-shadow:0 6px 13px rgba(0,0,0,.25);display:flex;flex-direction:column;justify-content:space-between;padding:7px;font-weight:950;font-size:1.5rem;color:#111}.hkcn-tct .preview-card.red{color:#c42635}.hkcn-tct .preview-card small{align-self:flex-end;font-size:1.9rem;line-height:1}.hkcn-tct .card-slot select{width:100%;min-width:0;border:1px solid rgba(255,255,255,.28);border-radius:9px;background:#fff;padding:8px;color:var(--ink)}.hkcn-tct .third-slot{opacity:1}.hkcn-tct .judge-center{padding:15px;text-align:center;border:1px solid rgba(255,255,255,.18);border-radius:14px;background:rgba(255,255,255,.09);color:#fff}.hkcn-tct .judge-center span, .hkcn-tct .judge-center strong, .hkcn-tct .judge-center small{display:block}.hkcn-tct .judge-center span{color:var(--gold2);font-size:.77rem;font-weight:800}.hkcn-tct .judge-center strong{margin:3px 0}.hkcn-tct .judge-center small{color:#d5e2dc}.hkcn-tct .judge-actions{grid-column:1/-1;display:flex;justify-content:center;gap:9px;flex-wrap:wrap}.hkcn-tct .btn{border:0;border-radius:11px;padding:10px 14px;font-weight:900}.hkcn-tct .btn.gold{background:var(--gold);color:#182112}.hkcn-tct .btn.light{background:#eef3f6;color:var(--ink);border:1px solid var(--line)}.hkcn-tct .btn.ghost{background:transparent;color:var(--ink);border:1px solid var(--line)}.hkcn-tct .judge-table .btn.ghost{color:#fff;border-color:rgba(255,255,255,.3)}.hkcn-tct .decision-flow{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:15px}.hkcn-tct .decision-step{display:grid;grid-template-columns:38px 1fr;gap:10px;padding:14px;border:1px solid var(--line);border-radius:15px;background:#f8fafc}.hkcn-tct .decision-step>b{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:#e8edf1;color:#51697d}.hkcn-tct .decision-step span, .hkcn-tct .decision-step strong{display:block}.hkcn-tct .decision-step span{color:var(--muted);font-size:.78rem}.hkcn-tct .decision-step strong{margin:1px 0}.hkcn-tct .decision-step p{margin:0;color:var(--muted);font-size:.86rem}.hkcn-tct .decision-step.good{border-color:#adddcc;background:#f1fbf7}.hkcn-tct .decision-step.good>b{background:#d6f2e7;color:#08785a}.hkcn-tct .decision-step.stop{border-color:#ead69d;background:#fffaf0}.hkcn-tct .decision-step.stop>b{background:#f8eabd;color:#846613}.hkcn-tct .decision-step.natural{border-color:#d1b8ef;background:#faf5ff}.hkcn-tct .decision-step.natural>b{background:#eadcf8;color:#6a3ca3}.hkcn-tct .next-instruction{display:flex;justify-content:space-between;align-items:center;gap:18px;margin-top:14px;padding:15px;border-radius:15px;background:#fff7df;border-left:4px solid var(--gold)}.hkcn-tct .next-instruction span, .hkcn-tct .next-instruction strong{display:block}.hkcn-tct .next-instruction span{font-size:.78rem;color:#9b7620}.hkcn-tct .next-instruction strong{font-size:1.08rem}.hkcn-tct .next-instruction p{margin:3px 0 0;color:#5f6f7d}.hkcn-tct .result-inline{margin-top:14px;padding:15px;border:1px solid #bcdccc;border-radius:15px;background:#f2fbf7}.hkcn-tct .result-inline span, .hkcn-tct .result-inline strong{display:block}.hkcn-tct .result-inline strong{font-size:1.3rem;color:var(--green)}.hkcn-tct .result-inline p{margin:3px 0 10px;color:var(--muted)}.hkcn-tct .lookup-layout{display:grid;grid-template-columns:1.4fr .6fr;gap:14px}.hkcn-tct .lookup-controls{display:grid;grid-template-columns:1fr 1fr 1.2fr;gap:10px}.hkcn-tct .lookup-controls label, .hkcn-tct .lookup-answer, .hkcn-tct .memory-card{padding:14px;border:1px solid var(--line);border-radius:15px;background:#f8fafc}.hkcn-tct .lookup-controls label>span, .hkcn-tct .lookup-answer>span, .hkcn-tct .memory-card>span{display:block;font-size:.78rem;font-weight:800;color:var(--muted);margin-bottom:6px}.hkcn-tct .lookup-controls select{width:100%;border:1px solid #cbd6df;border-radius:10px;padding:9px;background:#fff}.hkcn-tct .lookup-answer strong{display:block;font-size:1.55rem}.hkcn-tct .lookup-answer p, .hkcn-tct .memory-card p{margin:5px 0 0;color:var(--muted)}.hkcn-tct .memory-card{background:#fff8ed}.hkcn-tct .memory-card strong{display:block;font-size:1.1rem}.hkcn-tct .matrix-wrap{overflow:auto;margin-top:14px;border:1px solid var(--line);border-radius:14px}.hkcn-tct table{width:100%;border-collapse:collapse;min-width:720px}.hkcn-tct th, .hkcn-tct td{padding:10px;border-bottom:1px solid var(--line);text-align:center;font-size:.88rem}.hkcn-tct th{background:#eef3f6}.hkcn-tct td.draw{background:#edf9f4;color:#08785a;font-weight:900}.hkcn-tct td.stand{background:#fff8ed;color:#876814;font-weight:900}.hkcn-tct td.current{outline:3px solid var(--gold);outline-offset:-3px}.hkcn-tct .sim-toolbar{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:13px}.hkcn-tct .sim-toolbar>div{padding:10px 12px;border:1px solid var(--line);border-radius:12px;background:#f7fafc}.hkcn-tct .sim-toolbar span, .hkcn-tct .sim-toolbar strong{display:block}.hkcn-tct .sim-toolbar span{font-size:.76rem;color:var(--muted)}.hkcn-tct .sim-felt{position:relative;display:grid;grid-template-columns:1fr 180px 1fr;gap:15px;align-items:center;padding:24px;border:6px solid #49301f;border-radius:26px;background:linear-gradient(180deg,var(--felt),var(--felt2));box-shadow:inset 0 0 0 2px rgba(226,185,100,.45)}.hkcn-tct .sim-brand{grid-column:1/-1;text-align:center;color:rgba(244,213,143,.63);font-weight:900;letter-spacing:.15em}.hkcn-tct .sim-hand{padding:14px;border:1px solid rgba(255,255,255,.18);border-radius:17px;background:rgba(0,0,0,.13)}.hkcn-tct .sim-hand header{display:flex;justify-content:space-between;color:#fff;font-weight:900}.hkcn-tct .sim-hand header strong{color:var(--gold2);font-size:1.4rem}.hkcn-tct .visual-cards{display:flex;justify-content:center;gap:8px;min-height:103px;margin-top:12px}.hkcn-tct .visual-cards>i{width:66px;height:96px;border:4px solid #fff;border-radius:7px;background:repeating-linear-gradient(45deg,#8e202e 0 7px,#e6c67e 7px 10px,#8e202e 10px 17px);box-shadow:0 6px 12px rgba(0,0,0,.28)}.hkcn-tct .playing-card{position:relative;width:66px;height:96px;border-radius:7px;background:#fff;color:#111;padding:6px;box-shadow:0 6px 12px rgba(0,0,0,.28);font-weight:900}.hkcn-tct .playing-card.red{color:#c32635}.hkcn-tct .playing-card b, .hkcn-tct .playing-card i{display:block;font-style:normal;font-size:1.1rem;line-height:1}.hkcn-tct .playing-card em{position:absolute;right:7px;bottom:5px;font-style:normal;font-size:1.8rem}.hkcn-tct .sim-result{text-align:center;padding:13px;border:1px solid rgba(255,255,255,.18);border-radius:14px;background:rgba(255,255,255,.09);color:#fff}.hkcn-tct .sim-result span, .hkcn-tct .sim-result strong{display:block}.hkcn-tct .sim-result span{font-size:.75rem;color:#d7e5df}.hkcn-tct .sim-result strong{font-size:1.25rem}.hkcn-tct .sim-steps{margin-top:14px;padding:14px;border:1px solid var(--line);border-radius:14px;background:#f8fafc}.hkcn-tct .sim-steps p{margin:6px 0}.hkcn-tct .sim-steps strong{color:var(--gold)}.hkcn-tct .quiz-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:9px;margin-bottom:13px}.hkcn-tct .quiz-stats>div, .hkcn-tct .quiz-stats>button{padding:13px;border:1px solid var(--line);border-radius:13px;background:#f8fafc}.hkcn-tct .quiz-stats span, .hkcn-tct .quiz-stats strong{display:block}.hkcn-tct .quiz-stats span{font-size:.76rem;color:var(--muted)}.hkcn-tct .quiz-stats strong{font-size:1.35rem}.hkcn-tct .quiz-card{max-width:720px;padding:20px;border:1px solid var(--line);border-radius:18px;background:#fff}.hkcn-tct .quiz-card>span{color:var(--gold);font-weight:900}.hkcn-tct .quiz-card h3{font-size:1.5rem;margin:4px 0 7px}.hkcn-tct .quiz-card p{color:var(--muted)}.hkcn-tct .quiz-actions{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.hkcn-tct .quiz-actions button{border:1px solid var(--line);border-radius:12px;background:#f4f7f9;padding:12px;font-weight:900}.hkcn-tct .quiz-actions button:hover{background:#eaf1f5}.hkcn-tct .quiz-feedback{margin:13px 0;padding:12px;border-radius:12px;background:#f3f6f8}.hkcn-tct .quiz-feedback.correct{background:#e9f9f2;color:#08785a}.hkcn-tct .quiz-feedback.wrong{background:#fff0f2;color:#a93241}.hkcn-tct .rules-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.hkcn-tct .rules-grid article{padding:16px;border:1px solid var(--line);border-radius:15px;background:#f8fafc}.hkcn-tct .rules-grid span{color:var(--gold);font-weight:900}.hkcn-tct .rules-grid h3{margin:3px 0 6px}.hkcn-tct .rules-grid p{margin:0;color:var(--muted)}.hkcn-tct .rule-table-grid{display:grid;grid-template-columns:1.5fr .5fr;gap:13px;align-items:start}.hkcn-tct .rule-boundary{margin-top:14px;padding:16px;border-radius:15px;background:#fff8ed;border:1px solid #eed7a8}.hkcn-tct .rule-boundary span, .hkcn-tct .rule-boundary strong{display:block}.hkcn-tct .rule-boundary span{font-size:.78rem;color:#9c7621}.hkcn-tct .rule-boundary p{color:var(--muted)}.hkcn-tct .result-modal{position:fixed;inset:0;z-index:9999;display:none;align-items:center;justify-content:center;padding:15px}.hkcn-tct .result-modal.is-open{display:flex}.hkcn-tct .result-backdrop{position:absolute;inset:0;background:rgba(2,13,22,.16)}.hkcn-tct .result-modal-card{position:relative;width:min(410px,calc(100vw - 26px));padding:20px;border-radius:20px;background:#fff;border:1px solid rgba(214,166,55,.36);box-shadow:0 18px 48px rgba(0,0,0,.25)}.hkcn-tct .result-modal-card>span{color:var(--gold);font-weight:900;font-size:.78rem}.hkcn-tct .result-modal-card h2{margin:3px 0 10px;font-size:1.7rem}.hkcn-tct .modal-score{display:flex;align-items:center;gap:8px;padding:11px;border-radius:12px;background:#f5f8fa}.hkcn-tct .modal-score strong{font-size:1.1rem}.hkcn-tct .modal-path{margin-top:10px;padding:10px;border-left:3px solid var(--gold);background:#fff7df;border-radius:10px;font-size:.88rem;color:#455867}.hkcn-tct .modal-actions{display:grid;grid-template-columns:1fr 1.1fr;gap:8px;margin-top:12px}.hkcn-tct [hidden]{display:none!important}@media (max-width:920px){.hkcn-tct .hero{grid-template-columns:1fr}.hkcn-tct .judge-table, .hkcn-tct .sim-felt{grid-template-columns:1fr}.hkcn-tct .judge-center, .hkcn-tct .sim-result{order:3}.hkcn-tct .decision-flow{grid-template-columns:repeat(2,1fr)}.hkcn-tct .lookup-layout, .hkcn-tct .rule-table-grid{grid-template-columns:1fr}.hkcn-tct .lookup-controls{grid-template-columns:repeat(2,1fr)}.hkcn-tct .lookup-answer{grid-column:1/-1}.hkcn-tct .rules-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:640px){.hkcn-tct{padding:12px 10px 50px}.hkcn-tct .hero, .hkcn-tct .panel{padding:18px;border-radius:20px}.hkcn-tct .mode-tabs{position:relative}.hkcn-tct .scenario-presets{align-items:flex-start}.hkcn-tct .judge-table{padding:16px 10px;border-width:5px;border-radius:22px}.hkcn-tct .manual-cards{grid-template-columns:repeat(3,minmax(0,1fr))}.hkcn-tct .preview-card{height:82px;font-size:1.2rem}.hkcn-tct .preview-card small{font-size:1.5rem}.hkcn-tct .card-slot select{font-size:.82rem;padding:7px 4px}.hkcn-tct .decision-flow, .hkcn-tct .lookup-controls, .hkcn-tct .rules-grid, .hkcn-tct .quiz-stats{grid-template-columns:1fr}.hkcn-tct .lookup-answer{grid-column:auto}.hkcn-tct .next-instruction{display:block}.hkcn-tct .next-instruction .btn{margin-top:10px;width:100%}.hkcn-tct .sim-felt{padding:15px 10px;border-width:5px}.hkcn-tct .visual-cards>i, .hkcn-tct .playing-card{width:58px;height:84px}.hkcn-tct .quiz-actions{grid-template-columns:1fr}.hkcn-tct .modal-actions{grid-template-columns:1fr 1fr}}
.hkcn-tct button{appearance:none;-webkit-appearance:none}
.hkcn-tct .mode-tabs button,
.hkcn-tct .scenario-presets button,
.hkcn-tct .quiz-actions button,
.hkcn-tct .btn{color:var(--ink)}
.hkcn-tct .mode-tabs button.active{color:#fff}
.hkcn-tct .judge-table .btn.gold,
.hkcn-tct .sim-toolbar .btn.gold,
.hkcn-tct .quiz-card .btn.gold,
.hkcn-tct .result-modal-card .btn.gold{color:#182112}
.hkcn-tct .judge-table .btn.ghost{color:#fff}

/* WordPress HUB integration overrides */
.hkcn-tct{max-width:none!important;margin:0!important;padding:0!important;background:transparent!important}
.hkcn-tct .section-head h3{margin:4px 0 7px;font-size:clamp(1.35rem,2.6vw,2rem);line-height:1.18;color:var(--ink)}