:root{color:#ecf2e9;font-synthesis:none;background:#112a29;font-family:Inter,Microsoft YaHei,sans-serif}*{box-sizing:border-box}body{margin:0}button,a{touch-action:manipulation}button{font:inherit;cursor:pointer;color:inherit;background:#203d3a;border:1px solid #4d6360;border-radius:10px;margin:4px;padding:13px 19px}button:hover{border-color:#d9f59a}button:focus-visible,a:focus-visible{outline-offset:3px;outline:3px solid #eafc82}button:disabled{cursor:default;opacity:.64}a{color:#d9f59a}.shell{max-width:1040px;margin:auto;padding:0 32px}header{border-bottom:1px solid #38504c;justify-content:space-between;align-items:center;padding:26px 0;display:flex}header a{font-size:24px;font-weight:800;text-decoration:none}header span{letter-spacing:3px;color:#a8bdb4;font-size:10px}.conditions{color:#d1dfd7;align-items:center;gap:20px;margin:20px 0;font-size:13px;display:flex}.sound-toggle{white-space:nowrap;color:#d1dfd7;background:#203d3a;justify-content:center;align-items:center;gap:5px;min-height:36px;margin:0;padding:7px 9px;font-size:12px;display:inline-flex}.sound-toggle svg{width:18px;height:18px}.conditions>.sound-toggle{margin-left:auto}.result-banner{position:relative}.result-banner>.sound-toggle{background:#112a2966;border-color:#fff3;min-height:30px;padding:4px 6px;font-size:11px;position:absolute;top:7px;right:7px}.table-diagram{min-width:0;margin:0}.poker-table{max-width:440px;height:180px;margin:auto;position:relative}.table-felt{background:#214b3c;border:2px solid #3f574e;border-radius:50%;position:absolute;inset:17% 10%}.table-seats{margin:0;padding:0;list-style:none}.table-seat{text-align:center;background:#17332f;border:1px solid #456156;border-radius:7px;width:24%;max-width:100px;min-height:36px;padding:3px;position:absolute;transform:translate(-50%,-50%)}.seat-EP{top:12%;left:31%}.seat-MP{top:12%;left:69%}.seat-CO{width:20%;top:50%;left:90%}.seat-BTN{top:88%;left:69%}.seat-SB{top:88%;left:31%}.seat-BB{width:20%;top:50%;left:10%}.seat-heading{white-space:nowrap;justify-content:center;align-items:center;gap:4px;font-size:13px;display:flex}.dealer-chip{color:#263a32;background:#edeedf;border-radius:50%;flex:none;width:14px;font:800 9px/14px sans-serif}.seat-action{white-space:nowrap;margin-top:2px;font-size:11px;line-height:1.4}.table-seat.is-folded{color:#9db1a5;box-shadow:none;background:#23342e;border-color:#40564c}.table-seat.is-all-in{border-color:#e59383}.table-seat.is-all-in .seat-action{color:#ffb3a3}.table-seat.is-current{color:#172e28;background:#d9f59a;border:1px solid #e7ffac;font-weight:800}.folded-cards{width:15px;height:14px;position:relative}.folded-cards:before,.folded-cards:after{content:"";background:#4a5b52;border:1px solid #84988c;border-radius:2px;width:8px;height:12px;position:absolute;transform:rotate(-10deg)}.folded-cards:before{left:0}.folded-cards:after{left:6px;transform:rotate(8deg)}.table-bet{color:#b9d9ed;white-space:nowrap;flex-direction:column;align-items:center;gap:2px;width:52px;font-size:12px;line-height:1.15;display:flex;position:absolute;transform:translate(-50%,-50%)}.chip-stack{color:#378bc3;flex:none;width:17px;height:20px}.table-bet.is-current{color:#d9f59a}.table-bet.is-current .chip-stack{color:#b5db6c}.bet-EP{top:35%;left:42%}.bet-MP{top:35%;left:58%}.bet-CO{top:50%;right:calc(20% + 6px);transform:translateY(-50%)}.bet-BTN{top:65%;left:58%}.bet-SB{top:65%;left:42%}.bet-BB{top:50%;left:calc(20% + 6px);transform:translateY(-50%)}@media (width<=600px){.poker-table{height:160px}.seat-heading{gap:3px;font-size:13px}.seat-action{font-size:10px}.table-bet{gap:1px;width:48px;font-size:11px}.chip-stack{width:15px;height:18px}.conditions>.sound-toggle{padding:6px;font-size:11px}}.rules{color:#9db5ac;font-size:12px;line-height:1.8}section{background:#17332f;border:1px solid #38504c;border-radius:16px;margin:26px 0;padding:28px}.welcome{padding:52px}.welcome h1{letter-spacing:-1px;margin:0 0 40px;font-size:50px;font-weight:900;line-height:1.25}.welcome-title-line{white-space:nowrap;display:block}.title-accent,.welcome-title-finish{color:#d9f59a}.welcome-title-finish{align-items:center;gap:20px;margin-top:8px;font-size:1.65em;line-height:1.2;display:flex}.title-underlined{border-bottom:4px solid;padding-bottom:8px}.title-sparkles{flex:none;width:54px;height:58px}.welcome-actions{gap:14px;max-width:520px;display:grid}.welcome-actions button{width:100%;min-height:64px;margin:0;font-size:20px}.welcome-actions button small{margin-top:5px;font-size:14px;font-weight:400;display:block}.welcome p{color:#bbd0c3;line-height:1.8}.eyebrow{color:#d9f59a;letter-spacing:2px;font-size:12px}.primary{color:#172e28;background:#d9f59a;border-color:#d9f59a;font-weight:800}button.endless-cta{color:#fff7ef;background:linear-gradient(115deg,#cc3b24,#b91c45);border-color:#ff9474;font-weight:800;box-shadow:0 4px 20px #e54a3138}button.endless-cta:hover:not(:disabled){background:linear-gradient(115deg,#da422b,#ca204a);border-color:#ffc2a6}button.endless-cta:disabled{color:#d9b9af;box-shadow:none;background:#49312f;border-color:#735044}.question-progress{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;margin-bottom:12px;display:flex}.question-progress .eyebrow{letter-spacing:.5px;margin:0}.lives{color:#ffc2ad;white-space:nowrap;align-items:center;gap:7px;font-size:12px;font-weight:700;display:inline-flex}.life-hearts{gap:4px;display:flex}.heart{stroke-width:1.5px;stroke-linejoin:round;width:19px;height:19px}.heart.is-full{fill:#ff725e;stroke:#ffac97}.heart.is-empty{fill:#0000;stroke:#7c8f88}.result-life-status{flex-direction:column;align-items:center;gap:12px;min-width:0;display:flex}.result-hearts{justify-content:center;align-items:center;gap:16px;display:flex}.result-hearts .life-hearts{gap:8px}.result-hearts .heart{width:42px;height:42px}.result-hearts .heart.is-empty{stroke:#b9949a}.result-life-status p{color:#fbe7e1;text-align:center;margin:0;font-size:17px;font-weight:700}.question h1{font-size:23px;font-weight:600;line-height:1.65}.question-scene{align-items:center;gap:8px;display:grid}.question-scene h1{min-width:0;margin:0}@media (width>=900px){.question-scene{grid-template-columns:minmax(0,1fr) minmax(350px,440px);gap:24px}}.question>p{color:#bdd0c5}.options{grid-template-columns:repeat(4,1fr);gap:12px;margin-top:28px;display:grid}.options button{color:#213832;background:#f1f3e9;justify-content:center;align-items:center;gap:8px;min-width:0;margin:0;padding:10px 8px;display:flex}.options button:disabled{opacity:1}.cards{flex:none;justify-content:center;gap:8px;display:flex}.cards img{filter:drop-shadow(0 4px 4px #0002);width:48px}.options .correct{background:#d9f59a;outline:3px solid #d9f59a}.options .wrong{background:#ffded7;outline:3px solid #ff7e6b}.legend{flex-wrap:wrap;gap:12px;margin:20px 0;font-size:12px;display:flex}.legend i{width:12px;height:12px;margin-right:5px;display:inline-block}.matrix{grid-template-columns:repeat(13,minmax(0,1fr));gap:3px;display:grid}.matrix button{color:#111a22;text-shadow:0 1px 1px #fff5;border:0;border-radius:3px;min-width:0;margin:0;padding:9px 0;font-size:12px;position:relative}.matrix button small{height:12px;display:block}.matrix button.focused{z-index:1;outline:3px solid #fff}.explanation>p,.matrix+p{color:#b5cbbf;font-size:13px;line-height:1.7}.frequency{background:#102522;flex-wrap:wrap;gap:16px;margin:20px 0;padding:16px;font-size:13px;display:flex}.cta{margin:22px 4px;display:block}.notice{background:#3d4631;border-radius:8px;padding:16px}.quiet{background:0 0;font-size:12px}.question-actions{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:4px;display:flex}.dev-test-answer{color:#d9f59a;background:0 0;border-style:dashed;font-size:12px}.poster-dialog{color:#ecf2e9;overscroll-behavior:contain;background:#17332f;border:1px solid #6b8378;border-radius:20px;width:min(450px,100vw - 24px);max-height:calc(100dvh - 32px);margin:auto;padding:20px;overflow:auto;box-shadow:0 24px 100px #0008}.poster-dialog[open]{grid-template-rows:auto minmax(0,1fr) auto;gap:14px;display:grid}.poster-dialog::backdrop{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#061614d9}.poster-heading{justify-content:space-between;align-items:center;gap:12px;display:flex}.poster-heading h2{outline:none;margin:0;font-size:22px}.poster-close{place-items:center;width:40px;height:40px;margin:0;padding:8px;display:grid}.poster-close svg{width:22px;height:22px}.poster-preview{justify-content:center;min-height:0;display:flex}.poster-preview img{object-fit:contain;max-width:100%;max-height:max(80px,100dvh - 224px);display:block}.poster-actions>button{width:100%;min-height:48px;margin:0}.poster-actions p{text-align:center;color:#b5cbbf;margin:10px 0 0;font-size:12px;line-height:1.5}@media (width<=600px){.poster-dialog{border-radius:16px;max-height:calc(100dvh - 24px);padding:16px}}.overlay{z-index:5;background:#112a29;padding:20px;position:fixed;inset:0;overflow:auto}.zoom-inner{min-width:780px;max-width:1200px;margin:auto}footer{color:#8fa99e;padding:30px 0;font-size:11px;line-height:1.8}@media (width<=600px){.shell{padding:0 16px}header{padding:20px 0}header span{display:none}header b{font-size:13px}.welcome{padding:26px 20px}.welcome h1{margin-bottom:36px;font-size:clamp(27px,8.7vw,42px)}.welcome-title-finish{gap:16px}.title-sparkles{width:38px;height:42px}.conditions{gap:15px}section{padding:16px}.question h1{font-size:18px}.options{grid-template-columns:repeat(2,1fr);gap:12px}.cards img{max-width:60px}.matrix{gap:1px}.matrix button{padding:7px 0;font-size:8px}.matrix button small{height:9px;font-size:7px}.frequency{gap:10px}.explanation{margin-left:-7px;margin-right:-7px}}header{z-index:3;background:#112a29;position:sticky;top:0}.conditions{z-index:2;background:#112a29;padding:8px 0;position:sticky;top:80px}@media (width<=600px){.conditions{top:69px}}.result-dialog{color:#ecf2e9;overscroll-behavior:contain;background:#17332f;border:1px solid #6b8378;border-radius:20px;width:min(720px,100vw - 24px);max-height:calc(100dvh - 32px);margin:auto;padding:24px;overflow:auto;box-shadow:0 24px 100px #0008}.result-dialog::backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#061614bf}.result-dialog h2{outline:none;margin:0 0 14px;font-size:28px}.result-correct{color:#d9f59a}.result-wrong{color:#ffad9e}.result-summary p{margin:8px 0;font-size:14px;line-height:1.6}.result-range{margin-top:20px;padding:4px}.result-range .legend{margin:14px 0 10px}.result-range>p{color:#b5cbbf;font-size:11px}.result-range .frequency{margin:12px 0 0;padding:12px}.matrix button.answer-cell{outline-offset:-2px;z-index:1;outline:3px solid #fff3a4}.matrix button.focused:not(.answer-cell){outline-offset:-2px;outline:2px dashed #fff}.result-actions>.primary{min-width:180px}.result-dialog .cta{margin:14px 4px 20px}@media (width<=600px){.result-dialog{border-radius:16px;max-height:calc(100dvh - 20px);padding:18px 12px}.result-dialog h2{font-size:24px}.result-dialog .matrix button{padding:5px 0;font-size:9px}.result-actions>.primary{width:calc(100% - 8px)}}.result-dialog .matrix button{padding:3px 0;font-size:11px}.result-dialog .matrix button small{height:10px;font-size:9px}@media (width<=600px){.result-dialog .matrix button{padding:3px 0;font-size:9px}.result-dialog .matrix button small{height:8px;font-size:7px}}.result-banner{border-bottom:1px solid;border-radius:19px 19px 16px 16px;justify-content:center;align-items:center;gap:20px;min-height:150px;margin:-24px -24px 20px;padding:24px 20px;display:flex}.result-outcome{justify-content:center;align-items:center;gap:20px;display:flex}.result-banner.has-lives{grid-template-columns:1fr 1fr;gap:20px;padding-top:44px;padding-bottom:26px;display:grid}.has-lives .result-outcome{gap:12px}.has-lives .result-icon{width:60px;height:60px}.result-banner.result-correct{color:#baff79;background:linear-gradient(120deg,#09643c,#0c392c);border-color:#3abe72}.result-banner.result-wrong{color:#ffa2a9;background:linear-gradient(120deg,#782c38,#421f29);border-color:#e16173}.result-banner.result-neutral{color:#d7e7dc;background:#284840;border-color:#6b8378}.result-dialog .result-banner h2{letter-spacing:1px;margin:0;font-size:clamp(42px,5vw,64px);font-weight:900;line-height:1.1}.result-dialog .has-lives h2{font-size:48px}.result-icon{flex:none;width:88px;height:88px}.result-icon svg{stroke:currentColor;stroke-width:5px;stroke-linecap:round;stroke-linejoin:round;width:100%;height:100%}.result-correct .result-icon{filter:drop-shadow(0 0 8px #8cff6066)}.result-wrong .result-icon{filter:drop-shadow(0 0 8px #ff657166)}.result-dialog .cta{text-align:left;margin:10px 4px 24px}.result-actions{border-top:0;padding-top:0}.result-actions>.primary{width:calc(100% - 8px);padding:14px;font-size:22px}.share-actions{display:flex}.share-actions>button{flex:1}@media (width<=600px){.result-banner{border-radius:15px 15px 13px 13px;gap:14px;min-height:122px;margin:-18px -12px 18px;padding:20px 12px}.result-dialog .result-banner h2{font-size:clamp(36px,11vw,48px)}.result-outcome{gap:14px}.result-banner.has-lives{grid-template-columns:1fr;gap:18px;padding:38px 12px 20px}.result-hearts .heart{width:36px;height:36px}.result-hearts .life-hearts,.result-life-status{gap:10px}.result-life-status p{font-size:16px}.result-icon{width:64px;height:64px}.result-neutral .result-icon{width:44px;height:44px}.result-dialog .result-neutral h2{font-size:30px}.is-playing{padding:0 12px}.is-playing header{padding:10px 0}.is-playing .conditions{gap:10px;margin:6px 0;padding:0;font-size:11px;top:50px}.is-playing .rules{font-size:11px}.is-playing .question{margin:10px 0;padding:12px}.is-playing .question-progress{gap:4px;margin-bottom:4px}.is-playing .question-progress .eyebrow{font-size:11px}.is-playing .question h1{margin:4px 0 8px;font-size:17px;line-height:1.45}.is-playing .table-diagram{margin:0}.is-playing .question>p:not(.eyebrow){margin:8px 0;font-size:13px}.is-playing .options{gap:8px;margin-top:8px}.is-playing .options button{gap:6px;min-height:66px;padding:7px 6px}.is-playing .cards img{width:38px}}@media (width<=360px){.is-playing .question{padding:8px}.is-playing .conditions{gap:7px}.is-playing .cards{gap:6px}.is-playing .cards img{width:34px}.is-playing .options button{gap:4px;padding:6px 4px}.is-playing .seat-heading{font-size:12px}.is-playing .table-bet{width:44px;font-size:10px}}