.sn-intro{display:grid;grid-template-columns:1.25fr 1fr;gap:50px;align-items:end;padding-block:45px 30px}.sn-intro h1{font:clamp(45px,7vw,82px)/.98 Georgia,serif;letter-spacing:-3px;margin:18px 0}.sn-intro h1 em{color:#9a7741}.sn-intro p{font-size:14px;line-height:1.8;color:#60705e;max-width:570px}.sn-facts{display:grid;grid-template-columns:1fr 1fr;gap:18px;border-top:1px solid var(--line);padding-top:20px}.sn-facts dt{font-size:9px;letter-spacing:1.5px;color:#73816c}.sn-facts dd{margin:6px 0 0;font-size:13px}.sn-shell{border:1px solid #b8c4aa;border-radius:24px;overflow:hidden;background:#e7eddd;margin:12px auto 46px;box-shadow:0 16px 45px #294b3512}.sn-bar{display:flex;gap:14px;align-items:center;justify-content:space-between;flex-wrap:wrap;padding:14px 22px;border-bottom:1px solid #b8c4aa;font-size:11px}.sn-bar label{display:flex;align-items:center;gap:8px}.sn-bar select{border:1px solid #a6b798;border-radius:10px;padding:8px;background:#f6f4e9;color:#244936}.sn-bar button,.sn-actions button,.sn-outcome button{border:1px solid #a9ba99;border-radius:30px;padding:11px 18px;background:#f5f2e6;color:#254c38;font:600 12px inherit;cursor:pointer}.sn-bar button:hover,.sn-actions button:hover:not(:disabled){background:#fff9e6;box-shadow:0 4px 12px #0e2c2720}.sn-actions button:disabled{opacity:.4;cursor:not-allowed}.sn-welcome{padding:48px 25px;text-align:center;background:radial-gradient(ellipse at top,#32664f,#163e32);color:#f3efdd}.sn-welcome h2{font:42px/1.1 Georgia,serif;margin:12px}.sn-welcome p{max-width:500px;margin:15px auto;line-height:1.8;font-size:13px;color:#d7dec9}.sn-welcome button{margin:8px}.sn-table{padding:22px;background:radial-gradient(ellipse,#34664f,#183e32);color:#f6f1df}.sn-table h3{margin:0 0 8px;font-size:13px}.sn-seats{display:grid;grid-template-columns:1fr 1fr;gap:24px}.sn-seat{border:1px solid #ffffff25;border-radius:20px;padding:18px;background:#0f302e35;text-align:center}.sn-seat header{display:flex;justify-content:space-between;align-items:center;font-size:12px}.sn-seat header span{font-size:11px;color:#d5debd}.sn-card{display:inline-block;position:relative;vertical-align:middle;width:100px;height:140px;padding:9px;background:#fffbed;color:#172e2a;border:1px solid #d8d4bd;border-radius:10px;box-shadow:0 6px 12px #00170f30;text-align:left}.sn-card.red{color:#b7483a}.sn-card b{font:20px/1 Georgia,serif;display:block}.sn-card i{display:block;font-style:normal}.sn-card>span{position:absolute;inset:0;display:grid;place-items:center;font:46px Georgia,serif}.sn-card b{position:relative;z-index:1}.sn-card{animation:sn-reveal .22s ease-out}.sn-empty{display:grid;place-items:center;width:100px;height:140px;border:1px dashed #90ad86;border-radius:12px;font-size:10px;color:#cbd9c1;padding:12px}.sn-face{display:flex;justify-content:center;margin:18px 0 10px}.sn-seat small{display:block;color:#bfceb5;font-size:10px}.sn-pools{display:flex;justify-content:center;gap:16px;flex-wrap:wrap;padding:20px 0 0;min-height:56px}.sn-pools>p{font-size:11px;line-height:1.6;color:#cad7bd;margin:0}.sn-pool{text-align:center}.sn-pool small{display:block;font-size:9px;letter-spacing:1px;margin-bottom:8px}.sn-pool .sn-card{width:64px;height:90px}.sn-pool .sn-card>span{font-size:29px}.sn-pool .sn-card b{font-size:15px}.sn-status{font-size:13px;line-height:1.7;padding:18px 22px;background:#dce7cc;border-bottom:1px solid #b8c4aa;color:#254935;min-height:75px}.sn-actions{display:flex;justify-content:center;align-items:center;gap:10px;flex-wrap:wrap;padding:18px}.sn-actions .sn-main{background:#214d39;color:#fff6de;min-width:110px}.sn-actions .sn-snap{background:#e2bb74;color:#3d351e;min-width:130px;font-size:17px}.sn-actions .suggested{outline:3px solid #ac803c;outline-offset:3px}.sn-outcome{margin:0 20px 20px;border:1px solid #acbb97;border-radius:18px;padding:20px;background:#f2eddd}.sn-outcome h3{font:26px Georgia,serif;color:#264832;margin:0 0 10px}.sn-outcome p{font-size:13px;line-height:1.75}.sn-lesson{padding:15px 20px;border-bottom:1px solid #b8c4aa;background:#ead7ad;font-size:12px;color:#493d25}.sn-log{padding:0 22px 20px;font-size:11px;color:#516c4b}.sn-log ol{padding-left:20px;line-height:1.8}.sn-keyboard{font-size:10px;text-align:center;line-height:1.7;color:#66805a;margin:0 20px 18px}.sn-rules{padding-bottom:36px}.sn-rules h2,.sn-related h2{font:40px/1.1 Georgia,serif;margin:20px 0}.sn-rules p{line-height:1.85;font-size:14px;color:#566b50}.sn-rule-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.sn-rule-grid article{padding:25px;border:1px solid #c1cbb3;border-radius:18px;background:#edf0e3}.sn-rule-grid h3{font:25px Georgia,serif;color:#2a4a35;margin:0 0 12px}.sn-rules .source-note{font-size:11px}.sn-reference{margin:25px 0;padding:25px;border:1px solid #b7c6a7;border-radius:18px;background:#e5ead8}.sn-reference ul{font-size:13px;line-height:1.9;padding-left:20px}.sn-reference h3{font:25px Georgia,serif}.sn-related{padding-block:20px 40px}.sn-related .actions{display:flex;flex-wrap:wrap;gap:10px}.sn-related a{padding:12px 18px;border:1px solid #b7c6a7;border-radius:25px;font-size:12px}button:focus-visible,a:focus-visible,select:focus-visible{outline:3px solid #9d7439;outline-offset:4px}@keyframes sn-reveal{from{opacity:.5;transform:translateY(-8px)}to{opacity:1;transform:none}}@media(max-width:650px){.sn-intro{grid-template-columns:1fr;gap:24px;padding-top:30px}.sn-intro h1{letter-spacing:-2px}.sn-facts{gap:15px}.sn-table{padding:15px}.sn-seats{gap:10px}.sn-seat{padding:12px 8px}.sn-seat header{flex-direction:column;gap:6px}.sn-card{width:85px;height:120px}.sn-rule-grid{grid-template-columns:1fr}.sn-bar{padding:13px}.sn-bar>div{display:flex;gap:8px}.sn-bar button{padding:9px 12px}.sn-actions{padding:16px 10px;gap:9px}.sn-actions button{padding:11px 12px}.sn-welcome h2{font-size:35px}.sn-rules h2{font-size:34px}}@media(prefers-reduced-motion:reduce){.sn-card{animation:none}}@media print{.site-header,.site-breadcrumb,.sn-intro,.sn-shell,.sn-related,.site-footer,.faq-section,#sn-print,.sn-rules>h2,.sn-rules>p,.sn-rule-grid,.source-note,.closing{display:none!important}.sn-reference{display:block!important;border:1px solid #333;break-inside:avoid}.sn-rules{padding:0}.sn-reference *{color:#000!important}}

.sn-outcome-cards{display:flex;gap:12px;margin:16px 0}.sn-outcome-cards:empty{display:none}.sn-outcome-cards .sn-card{width:65px;height:91px}.sn-outcome-cards .sn-card>span{font-size:28px}.sn-outcome-cards .sn-card b{font-size:15px}
