:root{font-family:Inter,Segoe UI,Yu Gothic UI,Meiryo,sans-serif;color:#e7eee8;background:#071c19;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;font-weight:400;color-scheme:dark}*{box-sizing:border-box}body{margin:0}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}button:focus-visible,a:focus-visible{outline:3px solid #f0cf83;outline-offset:4px}button:disabled{cursor:default;opacity:.36}a{color:#d4bd7a}p{line-height:1.75}h1,h2,h3,p{margin:0}h1{font-size:30px;line-height:1.4;font-weight:700;letter-spacing:-.025em}h2{font-size:17px}small{font-size:12px}button{border:0}.app-shell{max-width:1040px;margin:auto;padding:0 48px}.app-header{height:102px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #234039}.brand{display:flex;align-items:center;gap:12px;background:transparent;color:#f1f1e5;text-align:left;font-size:16px;letter-spacing:2.5px;font-weight:700;padding:0}.brand small{display:block;font-size:9px;letter-spacing:2.9px;margin-top:3px;color:#afbeb1}.brand-mark{font-size:35px;color:#d9be7e}.version-badge{font-size:10px;letter-spacing:1.8px;color:#91a59c;border:1px solid #304940;border-radius:20px;padding:8px 13px}main{padding-top:32px;padding-bottom:120px}.hero{background:radial-gradient(ellipse at 70% 35%,#205342 0,#103b30 54%,#10372d);border:1px solid #3a6350;border-radius:20px;min-height:345px;position:relative;overflow:hidden;padding:35px 38px 58px}.hero:after{content:"";position:absolute;inset:12px;border:1px solid #b8a76725;border-radius:13px;pointer-events:none}.eyebrow{font-size:10px;letter-spacing:2px;color:#c4af77;font-weight:600;margin-bottom:14px}.hero h1{font-size:42px;line-height:1.45;letter-spacing:.025em}.hero h1 em{font-style:normal;color:#e0c792}.hero-copy>p:not(.eyebrow){color:#b6cbc0;font-size:13px;margin-top:14px;margin-bottom:24px}.primary{display:inline-flex;justify-content:space-between;align-items:center;gap:35px;min-height:52px;background:#dac38c;color:#172e23;border-radius:9px;font-weight:700;padding:12px 22px;font-size:14px;transition:background .15s}.primary:hover{background:#ecd7a8}.primary span{font-size:23px;line-height:1}.hero-cards{position:absolute;right:68px;top:74px;display:flex;isolation:isolate}.hero-cards .playing-card:first-child{transform:rotate(-15deg);margin-right:-30px;z-index:1}.hero-cards .playing-card:nth-child(2){transform:rotate(13deg);margin-top:5px}.playing-card{background:#f6f3e9;color:#173c33;border:1px solid #fff4;border-radius:10px;width:96px;height:139px;position:relative;box-shadow:0 9px 20px #001d2355;flex-shrink:0}.playing-card.red{color:#b24843}.playing-card .corner{position:absolute;top:7px;left:9px;font-size:24px;font-weight:650;line-height:1;letter-spacing:-1px}.corner small{display:block;font-size:17px;margin-top:3px;text-align:center}.corner.flipped{transform:rotate(180deg);inset:auto 9px 7px auto}.playing-card .pip{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:52px}.hero-cards .playing-card{width:114px;height:164px}.hero-cards .pip{font-size:65px}.chip{position:absolute;z-index:3;bottom:-42px;left:54px;border:6px dashed #ead7a1;border-radius:50%;outline:5px solid #7e6844;background:#335443;color:#e8d49c;width:68px;height:68px;display:grid;place-items:center;font-family:Georgia,serif;font-size:26px;font-weight:700;box-shadow:4px 8px 13px #00190c88}.hero-bottom{position:absolute;left:38px;right:38px;bottom:20px;display:flex;gap:13px;align-items:center;color:#9fb6a3;font-size:9px;letter-spacing:1.5px}.hero-bottom i{width:3px;height:3px;background:#8b9b68;border-radius:50%}.section-heading{display:flex;justify-content:space-between;gap:12px;align-items:center;margin:29px 0 17px}.text-button{background:transparent;color:#bea66b;font-size:12px;padding:8px 0;min-height:44px}.stats{display:grid;grid-template-columns:repeat(3,1fr);background:#102923;border:1px solid #263f34;border-radius:13px;padding:20px 0}.stats>div{text-align:center;border-right:1px solid #2b4238}.stats>div:last-child{border:0}.stats span{font-size:11px;color:#8fa79b;display:block;margin-bottom:8px}.stats strong{font-size:30px;color:#ecebdc;font-weight:500;font-variant-numeric:tabular-nums}.stats small{font-size:11px;color:#95a795;margin-left:5px}.subtle{font-size:12px;color:#95a99f}.progress-section>.subtle{margin-top:12px}.training-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.training-card{display:flex;align-items:center;gap:16px;background:#112a24;border:1px solid #2e493c;border-radius:13px;padding:22px 20px;text-align:left;color:#c4d3c6;min-height:112px}.training-card:hover{border-color:#79987b;background:#18342b}.tile-icon{background:#244c3b;color:#b1d6b2;width:44px;height:46px;display:grid;place-items:center;border-radius:10px;font-size:25px;flex-shrink:0}.tile-icon.gold{background:#413e28;color:#ceb577}.tile-copy{flex:1}.tile-copy strong{display:block;font-size:15px;color:#e4e9dd;margin-bottom:7px}.tile-copy small{display:block;color:#8fa698;font-size:11px;line-height:1.6}.simulation-link{display:flex;align-items:center;gap:18px;width:100%;background:#0c221e;border:1px dashed #355044;border-radius:12px;margin-top:17px;padding:19px 22px;color:#81998b;text-align:left}.simulation-link>span:first-child{font-size:28px}.simulation-link>div{flex:1}.simulation-link strong{font-size:14px;display:block;font-weight:500}.simulation-link small{display:block;margin-top:6px;font-size:11px}.coming-tag{font-size:10px;padding:6px 9px;border-radius:6px;background:#23362b;color:#a2b191;white-space:nowrap}.home-tip{display:flex;align-items:center;justify-content:center;gap:14px;color:#8fa694;padding-top:30px}.home-tip>span{color:#c5ae72;font-size:24px}.home-tip p{font-size:11px}.home-tip small{font-size:10px;color:#6f8d7c}.app-footer{display:flex;align-items:center;gap:7px;margin-top:36px;font-size:10px;color:#779b87}.app-footer>span:last-child{margin-left:auto;color:#587b66}.status-light{width:5px;height:5px;border-radius:50%;background:#8eb78a}.status-light.offline{background:#d1b574}.bottom-nav{position:fixed;z-index:5;bottom:18px;left:50%;transform:translate(-50%);width:min(620px,calc(100% - 36px));display:grid;grid-template-columns:repeat(5,1fr);border:1px solid #345443;background:#102b23f5;border-radius:16px;padding:9px 8px;box-shadow:0 8px 30px #0005;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.bottom-nav button{display:flex;flex-direction:column;align-items:center;gap:6px;font-size:10px;color:#91a79b;background:transparent;padding:7px 0;border-radius:9px;min-height:58px}.bottom-nav button>span{font-size:24px;line-height:1}.bottom-nav button.active{color:#dfc98e;background:#234335}.page-heading{display:flex;align-items:center;justify-content:space-between;margin:0 0 24px}.page-heading .eyebrow{margin-bottom:7px}.count-pill{padding:9px 15px;border:1px solid #3d5946;border-radius:30px;color:#cbb879;font-size:12px}.mode-selector{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:22px}.mode-selector button{border:1px solid #345244;color:#a8bbae;background:#112a23;border-radius:8px;font-size:12px;padding:11px 15px;min-height:44px}.mode-selector button.selected{background:#e1cb91;color:#203828;border-color:#e1cb91}.practice-table{background:radial-gradient(ellipse at center,#245740,#103d2f);border:1px solid #527152;border-radius:18px;padding:26px 20px 16px;position:relative;text-align:center}.cards{display:flex;justify-content:center;gap:12px}.table-label{color:#c0ccb1;font-size:11px;letter-spacing:3px;margin-bottom:13px}.back{background:repeating-linear-gradient(45deg,#254b43,#254b43 3px,#355e4b 3px 5px);border:5px solid #d6d7c2;display:grid;place-items:center;color:#c4c6a3;font-size:38px}.table-rule{font-family:Georgia,serif;color:#d4bf8190;font-size:14px;letter-spacing:2px;margin:30px 0 27px}.table-rule span{display:block;font-family:Segoe UI,sans-serif;font-size:8px;letter-spacing:2px;margin-top:6px}.hand-description{display:flex;justify-content:center;align-items:center;gap:10px;margin-top:14px}.hand-description>span{font-size:11px;color:#b4c7a8;border:1px solid #97b57866;padding:5px 11px;border-radius:20px}.hand-description strong{font-size:30px;font-weight:500;color:#f0e7c8}.peek-note{font-size:10px;color:#97b59c;margin-top:8px}.answer-zone{max-width:610px;margin:24px auto 0}.answer-zone h2{text-align:center;margin-bottom:17px;font-size:16px}.action-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:10px}.action{grid-column:span 2;color:#ecebde;background:#244b39;border:1px solid #557557;border-radius:10px;min-height:67px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;font-size:15px;font-weight:600}.action:nth-child(4),.action:nth-child(5){grid-column:span 3}.action small{font-size:9px;font-weight:400;letter-spacing:1.5px;color:#aabfaa}.action:hover:not(:disabled){background:#35644b}.action.chosen{opacity:1;border-color:#d9bd77}.action-stand{background:#314439}.action-double{background:#514d30;border-color:#7f7648}.center{text-align:center;margin-top:19px}.feedback{border:1px solid #6e5d37;background:#302f20;border-radius:12px;padding:20px;margin-top:20px}.feedback.correct{background:#16392a;border-color:#3f7552}.feedback>div{display:flex;justify-content:space-between;gap:12px;align-items:center;color:#e2c784}.feedback.correct>div{color:#bdddac}.feedback>div>span{font-size:11px;white-space:nowrap}.feedback p{font-size:13px;color:#ced3b9;margin-top:12px}.full{width:100%;margin-top:20px}.notice{padding:12px 16px;background:#263f2c;border:1px solid #456044;border-radius:8px;font-size:12px;margin-bottom:20px}.notice.warning{background:#3b3020;border-color:#776342;color:#f2d5a4}.notice button{background:transparent;color:#ead699;text-decoration:underline;margin-left:10px;padding:9px}.chart-scroll{overflow-x:auto;border:1px solid #385743;border-radius:12px;background:#102c22;margin-top:20px}.strategy-chart{width:100%;min-width:490px;border-collapse:collapse;font-size:12px;text-align:center}.strategy-chart caption{font-size:10px;padding:13px;color:#a7beaa;text-align:left}.strategy-chart th,.strategy-chart td{padding:11px 5px;border:1px solid #ffffff12}.strategy-chart th{color:#dedfcb;background:#193f2f}.strategy-chart th:first-child{min-width:54px}.code-H{background:#274e3b;color:#c8dbb8}.code-S{background:#4e3b36;color:#e0bfac}.code-D,.code-Ds{background:#62552c;color:#f0d38e}.code-P{background:#2c4655;color:#bcd3d7}.code-R{background:#4f3d52;color:#ddc7dd}.chart-legend{font-size:12px;color:#bbcbb9;margin:20px 0 12px}.source-link{font-size:11px;margin-top:20px;color:#93a48f}.rules-list{background:#112c23;border:1px solid #304c3a;border-radius:14px;padding:4px 22px;margin-top:22px}.rules-list>div{display:grid;grid-template-columns:1fr 2fr;gap:16px;padding:17px 0;border-bottom:1px solid #304737;font-size:13px;line-height:1.7}.rules-list>div:last-child{border:0}.rules-list dt{color:#8fab94}.rules-list dd{margin:0;color:#dce5d2}.info-panel{background:#0f2820;border:1px solid #2f4836;padding:23px;border-radius:12px;margin-top:26px}.info-panel p{font-size:12px;color:#a4baa7;margin-top:12px}.category-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.category-stats>div{background:#19392b;border:1px solid #35533b;border-radius:10px;padding:20px;text-align:center}.category-stats span,.category-stats small{display:block;font-size:12px;color:#aac0a7}.category-stats strong{font-size:23px;display:block;margin:8px 0}.history-list article{display:flex;align-items:center;gap:13px;padding:16px 3px;border-bottom:1px solid #2d4738}.history-list article>div{flex:1}.history-list strong{font-size:14px;font-weight:500}.history-list small{display:block;color:#a0b199;font-size:11px;line-height:1.8;margin-top:4px}.history-list time{display:block;color:#718e78;font-size:10px;margin-top:4px}.history-list article>span:last-child{font-size:12px;color:#9bb297}.result-dot{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;font-size:15px;flex-shrink:0}.result-dot.ok{background:#284f34;color:#b6d1a3}.result-dot.ng{background:#50352c;color:#edbc93}.empty-state{padding:60px 10px;text-align:center}.empty-state>span{font-size:70px;color:#bba678;display:block;margin-bottom:20px}.empty-state p{font-size:13px;color:#a7b7a0;margin:14px 0 22px}.empty-state .eyebrow{font-size:10px}.empty-state h1{font-size:25px}@media(min-width:800px){.practice-table{max-width:610px;margin:auto}.app-header{height:106px}.hero{min-height:374px}.hero-copy{max-width:55%}.hero-cards{top:79px;right:80px}.hero-cards .playing-card{width:132px;height:190px}.hero-cards .pip{font-size:72px}}@media(max-width:600px){.app-shell{padding:0 20px}.app-header{height:83px}.brand{font-size:13px;gap:9px;letter-spacing:2px}.brand small{font-size:8px;letter-spacing:2.2px}.brand-mark{font-size:29px}.version-badge{display:none}main{padding-top:22px;padding-bottom:110px}.hero{padding:28px 24px 62px;min-height:384px;border-radius:16px}.hero h1{font-size:32px;line-height:1.5}.hero-copy{position:relative;z-index:2}.hero .eyebrow{font-size:8px;letter-spacing:1.35px;max-width:190px}.hero-copy>p:not(.eyebrow){font-size:12px;max-width:175px;margin-bottom:23px}.hero-cards{right:24px;top:139px;opacity:.94}.hero-cards .playing-card{width:69px;height:103px;border-radius:6px}.hero-cards .playing-card:first-child{margin-right:-23px}.hero-cards .corner{font-size:19px;left:6px;top:6px}.hero-cards .corner small{font-size:12px}.hero-cards .corner.flipped{inset:auto 5px 5px auto}.hero-cards .pip{font-size:35px}.chip{width:45px;height:45px;border-width:4px;outline-width:3px;left:29px;bottom:-30px;font-size:19px}.hero .primary{min-height:49px;font-size:12px;gap:23px;padding:12px 16px}.hero-bottom{left:24px;right:20px;font-size:7px;gap:8px;letter-spacing:.9px;bottom:22px}.training-grid{grid-template-columns:1fr}.training-card{padding:19px;min-height:90px}.simulation-link{padding:17px 15px;gap:12px}.simulation-link strong{font-size:12px}.simulation-link small{font-size:10px}.coming-tag{font-size:9px;padding:5px 7px}.stats{padding:18px 0}.stats strong{font-size:26px}.stats span,.stats small{font-size:10px}.section-heading{margin-top:26px}.section-heading h2{font-size:15px}.section-heading>.subtle{font-size:10px}.home-tip{justify-content:flex-start;padding:26px 4px 0}.home-tip p{font-size:10px}.bottom-nav{bottom:0;width:100%;border-radius:15px 15px 0 0;border-bottom:0;padding:8px 8px max(8px,env(safe-area-inset-bottom))}.bottom-nav button{font-size:9px;min-height:56px}.page-heading h1{font-size:25px}.mode-selector{gap:7px}.mode-selector button{padding:10px 12px;font-size:11px;flex:1;white-space:nowrap}.practice-table{padding-top:22px}.playing-card{width:80px;height:116px}.playing-card .corner{font-size:21px}.playing-card .pip{font-size:42px}.table-rule{font-size:11px;margin:26px 0;letter-spacing:1.5px}.action-grid{gap:8px}.action{font-size:13px;min-height:64px}.rules-list{padding:3px 16px}.rules-list>div{font-size:12px;grid-template-columns:1fr 1.9fr;gap:10px}.category-stats>div{padding:16px 7px}.notice{font-size:11px}.feedback{padding:16px}.feedback p{font-size:12px}.feedback strong{font-size:14px}}@media(max-width:600px){.mode-selector{display:grid;grid-template-columns:repeat(3,1fr)}.mode-selector button{font-size:12px;padding:10px 4px}.practice-table{padding:16px 16px 12px}.dealer-area .playing-card{width:62px;height:88px}.dealer-area .playing-card .corner{font-size:18px;left:6px;top:5px}.dealer-area .playing-card .corner.flipped{inset:auto 6px 5px auto}.dealer-area .playing-card .corner small{font-size:12px}.dealer-area .playing-card .pip{font-size:32px}.player-area .playing-card{width:76px;height:104px}.table-label{margin-bottom:10px;letter-spacing:2px}.table-rule{margin:18px 0;font-size:10px}.table-rule span{font-size:7px}.hand-description{margin-top:10px}.hand-description strong{font-size:26px}.peek-note{margin-top:5px}.answer-zone{margin-top:20px}.page-heading{margin-bottom:18px}.page-heading h1{font-size:24px}}@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}