@import url(https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@100;200;300;400;500;600;700;800&display=swap);body,html{height:100%}body{background-color:#dbdbdb;color:#3b3b3b;font-family:JetBrains Mono,monospace;font-weight:500;height:100%;overflow:hidden}#root,body{align-items:center;display:flex;flex-direction:column;justify-content:center}#root,.end-game-screen{min-height:100vh;width:100%}.end-game-screen{align-items:center;animation:end-game-fade-in 1.2s ease-out forwards;box-sizing:border-box;display:flex;flex-direction:column;justify-content:center;padding:2rem}@keyframes end-game-fade-in{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.end-game-content{align-items:center;display:flex;flex-direction:column;gap:4rem}.end-game-totals{align-items:center;display:flex;gap:3rem}.end-game-total{align-items:center;display:flex;flex-direction:column;gap:.75rem}.end-game-label{font-size:1.5rem;font-weight:600;letter-spacing:.05em;opacity:.7;text-transform:uppercase}.end-game-value{font-size:6rem;font-weight:800;line-height:1}.end-game-vs{font-size:1.5rem;font-weight:600;margin-top:2.5rem;opacity:.5}.end-game-result{align-items:center;display:flex;flex-direction:column;gap:1.5rem}.end-game-outcome{font-size:3rem;font-weight:700;margin:0}.end-game-score-container{align-items:center;display:flex;flex-direction:column;gap:.5rem}.end-game-score-label{font-size:1.25rem;font-weight:600;letter-spacing:.05em;opacity:.7;text-transform:uppercase}.end-game-score{font-size:6rem;font-weight:800;line-height:1}.end-game-score.positive{color:#2d8a2d}.end-game-score.negative{color:#c43c3c}.end-game-outcome.push,.end-game-score.neutral{color:#3b3b3b}#game-area{flex-direction:column;gap:3rem;height:100%;justify-content:center;padding:0 0 8rem}#game-area,.top-bar{align-items:center;box-sizing:border-box;display:flex;position:relative;width:100%}.top-bar{flex-wrap:wrap;gap:2rem;justify-content:flex-start;padding:.75rem 1rem 0}#score{flex:0 0 auto}.hand{--cross-thickness:34px;--cross-x:50%;--cross-y:70%;--cross-vertical-height:140%;--cross-horizontal-width:130%;min-width:750px;position:relative}.mini-hand{margin:0 0 1rem;transform:scale(.5)}.buttons{align-items:center;display:flex;justify-content:space-between;min-height:72px;position:relative;z-index:5}.buttons.dealing{justify-content:center}.buttons.dealing #outcome{font-size:3rem;font-weight:700;margin:0}.outcome-box{background:#dbdbdb;border:3px solid #3b3b3b;border-radius:15px;padding:22px 56px;transform:translateY(-4px)}.outcome-text{display:inline-block;font-family:JetBrains Mono,monospace;font-size:1.75rem;font-weight:700;margin:0}.outcome-box.bust .outcome-text{color:#dbdbdb}.outcome-box.bust{background:#c43c3c;border-color:#c43c3c}.outcome-box.dealer-bust .outcome-text{color:#dbdbdb}.outcome-box.dealer-bust{background:#2d8a2d;border-color:#2d8a2d}.buttons.fading-out{animation:buttons-fade-out .3s ease-out forwards;pointer-events:none}.buttons.fading-in{animation:buttons-fade-in .3s ease-out forwards}@keyframes buttons-fade-out{0%{opacity:1}to{opacity:0}}@keyframes buttons-fade-in{0%{opacity:0}to{opacity:1}}#gameover,#win{font-size:45px;font-weight:600;text-align:center}#board-bottom-gameover #outcome{font-size:3rem}button{background-color:initial;border:none}#score-count{display:block;font-size:85px;font-weight:800;margin:2rem 0;text-align:center}.front{transition:transform .1s;-webkit-transition:-webkit-transform .1s;will-change:transform}.pushable:hover .front{transform:translateY(-6px)}.pushable.is-pressed .front,.pushable:active .front{transform:translateY(-2px)}.not-pushable{background:#3b3b3b;border:none;border-radius:15px;cursor:default;opacity:.5;padding:0}.not-pushable .front{transform:translateY(0)}.pushable{background:#3b3b3b;border:none;cursor:pointer;padding:0}.front,.pushable{border-radius:15px}.front{background:#dbdbdb;border:3px solid #3b3b3b;color:#3b3b3b;display:block;font-family:JetBrains Mono,monospace;font-size:1.5rem;font-weight:700;padding:15px 40px;transform:translateY(-4px)}.not-pushable:hover .front{transform:translateY(0)}button{margin:0 10px}#score{height:auto;margin:0;position:static}#outcome-banner{align-items:center;display:flex;justify-content:flex-start;left:50%;pointer-events:none;position:absolute;transform:translateX(-50%);z-index:10}#outcome-banner .outcome{background:#3b3b3b;border-radius:12px;color:#dbdbdb;font-size:2.5rem;font-weight:700;line-height:1.1;padding:1rem 1.5rem 1rem 3rem;position:relative}#outcome-banner .outcome:before{color:#dbdbdb;content:"←";font-size:2rem;left:1rem;line-height:1;position:absolute;top:50%;transform:translateY(-50%)}.help-controls{display:flex;gap:0;position:fixed;right:2rem;top:2rem;z-index:11}.help-button .front{display:grid;font-size:1.4rem;height:44px;padding:0;place-items:center;width:44px}.mute-button .front{font-size:1.1rem}.mute-button svg{height:22px;width:22px}.modal-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#3b3b3b40;display:flex;inset:0;justify-content:center;position:fixed;z-index:20}.modal{background:#dbdbdb;border:3px solid #3b3b3b;border-radius:18px;box-shadow:0 16px 60px #3b3b3b40;padding:28px 32px 32px;width:min(720px,92vw)}.modal-header{align-items:center;display:flex;gap:16px;justify-content:space-between;margin-bottom:12px}.modal-header h2{font-size:2rem;margin:0}.modal-body p{margin:0 0 .75rem}.modal-body p,.modal-list{font-size:1.15rem;line-height:1.5}.modal-list{list-style:decimal;list-style-position:outside;margin:0;padding:.5rem 0 .5rem 1.75rem}.modal-list li{border-radius:0;color:#3b3b3b;display:list-item;font-size:1.15rem;margin:0 0 .75rem;min-width:0;text-align:left;transform:none}.modal-list .modal-note{font-size:1rem;opacity:.85}.modal-list .modal-tip{font-size:1rem;opacity:.9}.modal-tip{font-style:italic;margin:0}.modal-body .modal-note,.modal-tip{font-size:1rem;opacity:.85}.modal-close{margin:0}.modal-actions{display:flex;justify-content:center;margin-top:16px}@media (min-width:761px){#outcome-banner .outcome{border-radius:14px;font-size:3rem;padding:1.25rem 2rem 1.25rem 3.5rem}#outcome-banner .outcome:before{font-size:2.5rem;left:1.1rem}}#outcome-banner.hide{opacity:0;pointer-events:none}#outcome-banner.show{opacity:1}#board-bottom,#board-bottom-gameover{display:flex;flex-direction:column;height:72px;justify-content:center;margin-right:0;margin-top:0}#board-bottom-gameover h3{display:inline-block;font-size:45px;margin:0 auto}#board-bottom-gameover{display:flex;flex-direction:column;justify-content:center}.end-actions{animation-delay:1s;animation-duration:1.2s;animation-fill-mode:forwards;animation-name:end-actions-fade-in;animation-timing-function:ease-out;opacity:0}@keyframes end-actions-fade-in{0%{opacity:0}to{opacity:1}}.pushable:focus:not(:focus-visible){outline:none}.total{font-size:65px;font-weight:800}#help{display:flex;margin:2rem;position:absolute;right:0;top:0}#help h2{font-size:45px;font-weight:900;margin:0 0 .15rem}#mute{max-width:50px}#score h3{font-size:2.5rem;font-weight:600;margin:0}#score h2{font-weight:400;margin:0 0 .15rem}.name{font-size:55px;font-weight:700}.hand-grid .name{aspect-ratio:auto;padding:0 16px;text-align:center}.hand-grid .total{aspect-ratio:auto;font-weight:800;overflow:visible;position:relative}.total-label{font-size:.8rem;font-weight:600;letter-spacing:.02em;margin-bottom:4px;text-transform:uppercase}.total-label,.total-value{display:block}.is-hidden{visibility:hidden}.hand-grid{grid-gap:0;background:#dbdbdb;border-radius:18px;display:grid;gap:0;grid-auto-flow:row;grid-template-columns:repeat(5,1fr);isolation:isolate;list-style:none;padding:0;position:relative}.hand-grid:before{border:3px solid #3b3b3b;border-radius:18px;content:"";inset:0;pointer-events:none;position:absolute;z-index:0}.horizontal-divider,.vertical-divider{pointer-events:none;position:absolute;z-index:2}.vertical-divider{background:#0000;display:grid;grid-template-columns:repeat(5,1fr);height:var(--cross-vertical-height);left:var(--cross-x);top:var(--cross-y);transform:translate(-50%,-60%);width:100%}.vertical-divider .divider-segment{background-color:#dbdbdb;height:100%;justify-self:center;width:var(--cross-thickness)}.horizontal-divider{align-items:center;background:#0000;display:grid;grid-template-rows:repeat(2,1fr);height:100%;justify-items:center;left:var(--cross-x);top:0;transform:translateX(-50%);width:var(--cross-horizontal-width)}.horizontal-divider .divider-segment{background-color:#dbdbdb;height:var(--cross-thickness);width:100%}.hand-grid li{aspect-ratio:1;background:#dbdbdb;border:0;border-radius:15px;color:#3b3b3b;display:flex;flex-direction:column;font-size:55px;justify-content:center;min-width:0;min-width:-webit-fill-available;position:relative;text-align:center}.hand-grid .spacer{display:none}.hand-grid li:first-of-type{border-radius:15px 0 0 0;box-shadow:inset 3px 0 0 #3b3b3b,inset -3px 0 0 #3b3b3b,inset 0 3px 0 #3b3b3b;grid-column:1/2;grid-row:1}.hand-grid li:nth-of-type(2){grid-column:2/5;grid-row:1}.hand-grid li:nth-of-type(2),.hand-grid li:nth-of-type(3),.hand-grid li:nth-of-type(4),.hand-grid li:nth-of-type(5){background:#dbdbdb}.hand-grid .name:before,.hand-grid .total:before{background:#dbdbdb;bottom:0;content:"";left:0;position:absolute;right:0;top:-3px;z-index:-1}.hand-grid .name,.hand-grid .total{position:relative;z-index:3}.total-burst{animation:total-burst-float 1.2s ease-out forwards;color:#3b3b3b;font-family:JetBrains Mono,monospace;font-size:.85rem;font-weight:700;left:50%;pointer-events:none;position:absolute;top:50%;transform:translate(-50%,-50%);white-space:nowrap}@keyframes total-burst-float{0%{opacity:0;transform:translate(-50%,-50%) scale(.9)}15%{opacity:1}to{opacity:0;transform:translate(-50%,-120%) scale(1.05)}}.hand-grid li:nth-of-type(5){border-radius:0 15px 0 0;grid-column:5/6;grid-row:1}.hand-grid li:nth-of-type(6){border-radius:0 0 0 15px;box-shadow:inset 3px 0 0 #3b3b3b,inset -3px 0 0 #3b3b3b,inset 0 -3px 0 #3b3b3b,inset 0 3px 0 #3b3b3b;grid-column:1/2;grid-row:2}.hand-grid li:nth-of-type(7){grid-column:2/3}.hand-grid li:nth-of-type(7),.hand-grid li:nth-of-type(8){border-radius:0;box-shadow:inset -3px 0 0 #3b3b3b,inset 0 -3px 0 #3b3b3b,inset 0 3px 0 #3b3b3b;grid-row:2}.hand-grid li:nth-of-type(8){grid-column:3/4}.hand-grid li:nth-of-type(9){border-radius:0;grid-column:4/5}.hand-grid li:nth-of-type(10),.hand-grid li:nth-of-type(9){box-shadow:inset -3px 0 0 #3b3b3b,inset 0 -3px 0 #3b3b3b,inset 0 3px 0 #3b3b3b;grid-row:2}.hand-grid li:nth-of-type(10){border-radius:0 0 15px 0;grid-column:5/6}.card-value{font-weight:800;position:relative;z-index:3}.ace-indicator{font-size:.6em;margin-left:4px;opacity:.75;vertical-align:super}.blink,.blink-delay{animation:blink-animation 1.2s ease-in-out infinite;-webkit-animation:blink-animation 1.2s ease-in-out infinite}.blink-delay{animation-delay:.5s}.blink-delay-2{animation:blink-animation 2s ease-in-out infinite;-webkit-animation:blink-animation 2s ease-in-out infinite;animation-delay:2s}@keyframes blink-animation{0%,to{opacity:1}50%{opacity:.4}}@media (max-width:760px){body{overflow:auto}.hand{--cross-thickness:14px;--cross-y:68%;--cross-vertical-height:120%;--cross-horizontal-width:120%;padding:1.5rem 0}#root,.top-bar{justify-content:flex-start}.top-bar{align-items:center;box-sizing:border-box;display:flex;gap:.5rem;padding:.75rem 1rem 0;position:relative;width:100%}#game-area{gap:1rem;justify-content:center;padding:2rem 1rem}#outcome-banner{display:flex;left:50%;margin:0;min-height:auto;position:absolute;transform:translateX(-50%)}.help-controls{align-items:center;align-self:auto;bottom:1rem;display:flex;flex-direction:row;gap:.5rem;height:auto;justify-content:flex-end;margin:0;position:fixed;right:1rem;top:auto}.modal{padding:20px 20px 24px}.modal-header h2{font-size:1.5rem}.modal-body p,.modal-list,.modal-list li{font-size:1rem}.modal-body .modal-note,.modal-list .modal-note,.modal-list .modal-tip,.modal-tip{font-size:.9rem}body,html{display:block;margin:0 auto;width:100%}.hand-grid{aspect-ratio:5/2;border:none;border-radius:0;gap:0;grid-template-columns:repeat(5,1fr);grid-template-rows:repeat(2,1fr);margin-left:0;padding:0;width:100%}.hand-grid .horizontal-divider,.hand-grid .vertical-divider,.hand-grid:before{display:none}.buttons{grid-row-gap:.5rem;display:grid;grid-template-columns:1fr 1fr;margin:0;row-gap:.5rem;width:100%}.buttons button:first-of-type{grid-column:1/-1;order:3}.buttons #swap{order:2}.buttons button:nth-of-type(2){order:1}.buttons.dealing{align-items:center;display:flex;justify-content:center}.buttons.dealing #outcome{font-size:2.5rem}.end-actions{grid-gap:.5rem;display:grid;gap:.5rem;grid-template-columns:1fr;margin:0;width:100%}.end-actions .restart{width:100%}#swap{color:#3b3b3b;cursor:pointer;grid-column:auto;margin:0;position:static;width:auto}#swap .front{box-sizing:border-box;width:auto}#board-bottom-gameover #outcome{font-size:2rem;line-height:1.2;text-align:center}#outcome-banner .outcome{font-size:1.75rem;line-height:1.1;margin:0;padding:.75rem 1.25rem .75rem 2.75rem}#outcome-banner .outcome:before{font-size:1.5rem;left:.85rem}.board{display:flex;flex-direction:column;height:100%;justify-content:flex-start}#board-bottom,#board-bottom-gameover{height:auto;margin:0 .5rem;min-height:140px;width:100%}.hand-grid .name{text-align:left;transform:none!important}#score h3{font-size:2rem;text-align:left}#score h2,#score h3{margin:0 0 0 15px}#score{font-size:12px;height:auto;margin:0;position:relative}.hand{margin:0;min-width:100%}.not-pushable,.pushable{margin:.25rem;min-width:auto}.front{font-size:1.25rem;padding:.75rem}#root{margin:0;max-width:100%}.hand-grid li{aspect-ratio:auto;border:none;border-radius:0;box-shadow:none;font-size:2rem}.hand-grid li:first-of-type{grid-column:1;grid-row:1}.hand-grid li:nth-of-type(2){grid-column:2;grid-row:1}.hand-grid li:nth-of-type(3){grid-column:3;grid-row:1}.hand-grid li:nth-of-type(4){grid-column:4;grid-row:1}.hand-grid li:nth-of-type(5){grid-column:5;grid-row:1}.hand-grid li:nth-of-type(6){grid-column:1;grid-row:2}.hand-grid li:nth-of-type(7){grid-column:2;grid-row:2}.hand-grid li:nth-of-type(8){grid-column:3;grid-row:2}.hand-grid li:nth-of-type(9){grid-column:4;grid-row:2}.hand-grid li:nth-of-type(10){grid-column:5;grid-row:2}.hand-grid .name:before,.hand-grid .total:before,.horizontal-divider,.vertical-divider{display:none}.name{font-size:1.75rem;margin:0 15px 15px;min-height:3rem}.card-value,.total{font-size:2rem}.total{margin:0 15px 15px;min-height:3rem}#board-bottom-gameover h3{font-size:2rem;margin:auto 1rem}.end-game-screen{padding:1.5rem}.end-game-content{gap:3rem}.end-game-totals{gap:2rem}.end-game-label{font-size:1.1rem}.end-game-value{font-size:4rem}.end-game-vs{font-size:1.25rem;margin-top:1.75rem}.end-game-outcome{font-size:2rem}.end-game-score{font-size:4.5rem}.end-game-screen .restart{width:100%}.end-game-screen .restart .front{box-sizing:border-box;width:100%}}
/*# sourceMappingURL=main.0c572615.css.map*/