@font-face{font-family:"Fernbrook Pixel";src:url("./fonts/FernbrookPixel.woff") format("woff");font-style:normal;font-weight:400;font-display:swap}
:root{color-scheme:dark;background:#101b19;color:#fff2cf;font:400 16px/1.25 "Fernbrook Pixel",monospace;font-synthesis:none}
*{box-sizing:border-box}
[hidden]{display:none!important}
body{margin:0;min-height:100vh;min-height:100dvh;display:grid;place-items:center;
  padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);
  -webkit-text-size-adjust:100%;text-size-adjust:100%}
#scene{position:relative;isolation:isolate;width:min(calc(100vw - env(safe-area-inset-left) - env(safe-area-inset-right)),
  calc((100dvh - env(safe-area-inset-top) - env(safe-area-inset-bottom)) * 16 / 9),1600px);aspect-ratio:16/9;overflow:hidden;background:#162821 url("./grove-poster.jpg") center/cover;container-type:inline-size;user-select:none}
canvas,#fade,#loading{position:absolute;inset:0;width:100%;height:100%}
#view{display:block;max-width:none;max-height:none}
canvas,img,.sprite,.fern-panel,#dialogue,#dialogue strong,#trash-reward,#can-note,#wallet{image-rendering:pixelated}
button{font:inherit;color:inherit;cursor:pointer;touch-action:manipulation}
button:focus-visible{outline:2px solid #fff7bf;outline-offset:2px}
button:disabled{opacity:.5;cursor:default}
.sprite{display:inline-block;width:var(--width);aspect-ratio:var(--ratio);padding:0;border:0;color:transparent;background:var(--normal) center/contain no-repeat;flex:none}
.sprite:is(:focus-visible,[aria-pressed="true"]){background-image:var(--selected,var(--normal))}
@media(hover:hover){.sprite:hover{background-image:var(--selected,var(--normal))}}
.sprite:active{background-image:var(--pressed,var(--selected,var(--normal)))}
.shack{--width:clamp(52px,16cqw,190px);--ratio:49/16;--normal:var(--art-shack_normal, url("./fern-art/shack_normal.png"));--selected:var(--art-shack_selected, url("./fern-art/shack_selected.png"));--pressed:var(--art-shack_pressed, url("./fern-art/shack_pressed.png"))}
.find-trash{--width:clamp(77px,23cqw,260px);--ratio:72/16;--normal:var(--art-find_trash_normal, url("./fern-art/find_trash_normal.png"));--selected:var(--art-find_trash_selected, url("./fern-art/find_trash_selected.png"));--pressed:var(--art-find_trash_pressed, url("./fern-art/find_trash_pressed.png"))}
.play-slots{--width:clamp(78px,23cqw,260px);--ratio:73/16;--normal:var(--art-play_slots_normal, url("./fern-art/play_slots_normal.png"));--selected:var(--art-play_slots_selected, url("./fern-art/play_slots_selected.png"));--pressed:var(--art-play_slots_pressed, url("./fern-art/play_slots_pressed.png"))}
.rankings{--width:clamp(88px,26cqw,295px);--ratio:83/16;--normal:var(--art-leaderboard_normal, url("./fern-art/leaderboard_normal.png"));--selected:var(--art-leaderboard_selected, url("./fern-art/leaderboard_selected.png"));--pressed:var(--art-leaderboard_pressed, url("./fern-art/leaderboard_pressed.png"))}
.back{--width:clamp(43px,12cqw,125px);--ratio:35/13;--normal:var(--art-back_normal, url("./fern-art/back_normal.png"));--selected:var(--art-back_selected, url("./fern-art/back_selected.png"))}
.continue{--width:clamp(67px,19cqw,200px);--ratio:58/13;--normal:var(--art-continue_normal, url("./fern-art/continue_normal.png"));--selected:var(--art-continue_selected, url("./fern-art/continue_selected.png"))}
.collect{--width:clamp(64px,18cqw,185px);--ratio:54/13;--normal:var(--art-collect_normal, url("./fern-art/collect_normal.png"));--selected:var(--art-collect_selected, url("./fern-art/collect_selected.png"))}
.login,.signup{--width:clamp(62px,17cqw,175px);--ratio:57/16}
.login{--normal:var(--art-log_in_normal, url("./fern-art/log_in_normal.png"));--selected:var(--art-log_in_selected, url("./fern-art/log_in_selected.png"));--pressed:var(--art-log_in_pressed, url("./fern-art/log_in_pressed.png"))}
.create-account{--width:clamp(85px,24cqw,255px);--ratio:84/16;--normal:var(--art-create_account_normal, url("./fern-art/create_account_normal.png"));--selected:var(--art-create_account_selected, url("./fern-art/create_account_selected.png"));--pressed:var(--art-create_account_pressed, url("./fern-art/create_account_pressed.png"))}
#wallet{position:absolute;right:3%;top:4%;width:clamp(70px,20cqw,240px);aspect-ratio:60/17;display:grid;align-items:center;text-align:right;padding:0 clamp(8px,2.5cqw,28px) 0 0;font-size:clamp(12px,3.1cqw,35px);color:#f8d080;background:var(--art-trash_counter_blank, url("./fern-art/trash_counter_blank.png")) center/100% 100% no-repeat}
#back{position:absolute;left:3%;top:4%;z-index:1}
#menu{position:absolute;bottom:5%;left:50%;translate:-50% 0;width:min(92%,clamp(210px,35cqw,510px));
  display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:.65cqw}
#menu-options{display:grid;place-items:center;min-width:0}
#menu-options .sprite{width:auto;max-width:100%;height:clamp(22px,3.35cqw,48px);min-height:24px}
.menu-arrow{display:grid;place-items:center;width:clamp(32px,5cqw,66px);height:clamp(32px,4.6cqw,58px);
  border:0;padding:0;background:none;color:#f4e8ca}
.menu-arrow span{width:46%;aspect-ratio:4/3;position:relative;filter:drop-shadow(1px 2px #12121b) drop-shadow(-1px -1px #12121b)}
.menu-arrow span::after{content:"";position:absolute;inset:0;background:currentColor;
  clip-path:polygon(0 25%,45% 25%,45% 0,65% 0,65% 16%,82% 16%,82% 33%,100% 33%,100% 67%,82% 67%,82% 84%,65% 84%,65% 100%,45% 100%,45% 75%,0 75%)}
#menu-previous span{scale:-1 1}
.menu-arrow:is(:hover,:focus-visible){color:#ffda8f}
.menu-arrow:active span{translate:0 1px}
.menu-announcement{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
#blackjack-panel{position:absolute;inset:0;pointer-events:none;text-align:center;font-size:clamp(10px,2.5cqw,22px);text-shadow:1px 2px #1c100c,0 0 7px #100805}
#blackjack-panel p{position:absolute;margin:0;color:#fff1c5}
.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.blackjack-card-badge,.blackjack-total-badge{position:absolute;translate:-50% -50%;white-space:nowrap;
  line-height:1;color:#ffe9b8;background:#29212bed;border:1px solid #957b5e;
  box-shadow:0 2px #150f16;text-shadow:1px 1px #20171c}
.blackjack-card-badge{padding:.12em .22em;font-size:clamp(8px,1.42cqw,19px);transform:perspective(100px) rotateX(-14deg)}
.blackjack-total-badge{padding:.28em .34em;font-size:clamp(8px,1.7cqw,22px);transform:perspective(160px) rotateX(23deg) rotateZ(-2deg)}
#blackjack-result{bottom:19%;left:2%;right:2%}
.blackjack-buttons{position:absolute;bottom:4%;left:3%;right:3%;display:flex;justify-content:center;gap:1.5cqw}
.blackjack-buttons button{pointer-events:auto;min-height:29px;min-width:55px}
#dialogue{position:absolute;inset:auto 5% 4%;height:15.4cqw;min-height:48px;background:var(--art-portrait_box_blank, url("./fern-art/portrait_box_blank.png")) center/100% 100% no-repeat;font-size:clamp(11px,2.6cqw,31px)}
#dialogue strong{position:absolute;bottom:91%;left:4.2%;width:26.4%;aspect-ratio:76/15;display:grid;align-items:center;padding-left:5%;font-weight:inherit;text-transform:uppercase;font-size:.78em;color:#f6bd75;background:var(--art-speaker_tag_blank, url("./fern-art/speaker_tag_blank.png")) center/100% 100% no-repeat}
#dialogue img{position:absolute;left:8.3%;top:52%;translate:-50% -50%;width:10.5%;height:64%;object-fit:contain}
#dialogue.long-dialogue{height:clamp(62px,19.5cqw,312px)}
#dialogue.long-dialogue #line{font-size:clamp(9px,2.2cqw,33px)}
#line{position:absolute;inset:10% 7% 25% 17.5%;display:grid;align-content:center;margin:0;text-align:center;font-size:clamp(10px,2.82cqw,38px);line-height:1.13;overflow-wrap:anywhere}
#dialogue-skip{position:absolute;inset:0;width:100%;border:0;background:none}
#dialogue-continue{position:absolute;right:3%;bottom:8%;z-index:1}
#fade{pointer-events:none;z-index:4;opacity:0}
#fade{background:#101b19}
#raccoon-head{position:absolute;left:50%;top:45%;width:15%;aspect-ratio:1;translate:-50% -50%;border:0;border-radius:50%;background:transparent}
#can{position:absolute;inset:8% 26% 14%;border:0;background:transparent}
#can-note{position:absolute;bottom:5%;left:50%;translate:-50%;width:max-content;max-width:92%;margin:0;padding:.5em 1.1em;text-align:center;pointer-events:none;font-size:clamp(11px,2.6cqw,28px);background:var(--art-short_box_blank, url("./fern-art/short_box_blank.png")) center/100% 100% no-repeat}
#trash-reward{position:absolute;z-index:3;left:50%;top:50%;translate:-50% -50%;width:clamp(170px,48cqw,520px);aspect-ratio:146/75;background:var(--art-reward_panel_blank, url("./fern-art/reward_panel_blank.png")) center/100% 100% no-repeat;font-size:clamp(12px,2.7cqw,29px)}
#trash-reward h2{position:absolute;left:7%;top:7%;margin:0;font:inherit;font-size:1.2em}
#trash-reward img{position:absolute;left:11%;top:37%;width:15%;height:auto}
#reward-amount{position:absolute;left:37%;top:39%;font-size:1.48em;color:#f8d080}
#collect-trash{position:absolute;left:52%;bottom:9%;translate:-50% 0}
#slots-panel{position:absolute;bottom:4%;left:4%;right:4%;text-align:center;font-size:clamp(11px,2.8cqw,23px)}
#slot-result{margin:0 0 .4em;text-shadow:1px 2px #1c100c,0 0 7px #100805}
#bets{display:flex;justify-content:center;gap:1.5cqw}
#bets button{min-height:30px}
.fern-panel{position:absolute;inset:4% 10%;z-index:3;overflow:auto;padding:clamp(8px,2.3cqw,25px);text-align:center;font-size:clamp(11px,2.5cqw,23px);background:var(--frame) center/100% 100% no-repeat}
#payouts{--frame:var(--art-slots_blank, url("./fern-art/slots_blank.png"))}
.fern-panel h1,.fern-panel h2{font:inherit;color:#f8d080;margin:0 0 .3em;font-size:1.4em}
.fern-panel p{margin:.25em 0}
table{width:100%;border-collapse:collapse;text-align:left;margin-bottom:.35em}
th,td{padding:.16em .26em;border-bottom:1px solid #4d4859}
#loading{display:grid;align-content:center;justify-items:center;z-index:5;background:radial-gradient(ellipse,#294437,#111c1a 75%)}
#loading h1{font-weight:inherit;text-transform:uppercase;letter-spacing:.08em;font-size:clamp(23px,7.2cqw,72px);margin:.1em 0;color:#f0ca87;text-shadow:3px 4px #4a3024}
#loading p{font-size:clamp(11px,2.8cqw,23px);margin:.5em 1em;text-align:center}
.loading-mark{color:#e6ae6d;animation:pulse 1.15s steps(5,end) infinite}
@keyframes pulse{50%{opacity:.3}}
@media(prefers-reduced-motion:reduce){.loading-mark{animation:none}}
#sound{position:absolute;right:3%;top:calc(5% + clamp(20px,5.7cqw,68px));color:#ead6aa;font-size:clamp(10px,1.55cqw,16px)}
#sign-out{position:absolute;left:3%;top:4%;font-size:clamp(11px,2cqw,19px);min-height:30px}
#scene:has(#back:not([hidden])) #sign-out{visibility:hidden}
#account{inset:3% 8%;--frame:var(--art-log_in_blank, url("./fern-art/log_in_blank.png"))}
#account[data-mode="signup"]{--frame:var(--art-sign_up_blank, url("./fern-art/sign_up_blank.png"))}
#account-form{display:grid;gap:.3em;margin:.3em auto;width:min(93%,28em)}
#account-form label{display:grid;grid-template-columns:5.5em 1fr;align-items:center;text-align:left}
#account-form input{min-width:0;width:100%;font:inherit;color:#fff2cf;background:transparent var(--art-input_normal, url("./fern-art/input_normal.png")) center/100% 100% no-repeat;border:0;padding:.3em .8em;min-height:24px}
#account-form input:focus{background-image:var(--art-input_focused, url("./fern-art/input_focused.png"));outline:1px solid #e3b56d}
#account-submit{justify-self:center}
#account-switch{border:0;background:none;color:#cddbc9;text-decoration:underline;padding:.35em .5em;min-height:24px}
#account-switch:not(:disabled):is(:hover,:focus-visible){color:#fff2cf}
#account-update,#account-message,#ranking-note{color:#f2ca8e}
#leaderboard{--frame:var(--art-leaderboard_blank, url("./fern-art/leaderboard_blank.png"))}
#leaderboard td:last-child,#leaderboard th:last-child{text-align:right}
/* Keep each control's silhouette at a fixed pixel scale as its label grows. */
.utility-button{border:0;background:none;padding:.28em .42em;color:#f3deaf;text-shadow:1px 2px #15121d;text-decoration:underline;text-underline-offset:.26em;text-decoration-color:#a38b6d}
.utility-button:not(:disabled):is(:hover,:focus-visible){color:#ffda8f;text-decoration-color:currentColor}
.table-button,.trade-button,.race-action{border:2px solid #17141b;padding:.32em .65em;line-height:1.13}
.table-button{background:#303647;box-shadow:inset 0 2px #727d94,0 2px #17141b;color:#fff1cc}
.table-button.slot-stake{background:#4b382e;box-shadow:inset 0 2px #a17650,0 2px #17141b}
.trade-button{background:#41344b;box-shadow:inset 0 2px #a489a6,0 2px #17141b;color:#ffe1a7}
.race-action{background:#2e5147;box-shadow:inset 0 2px #82a186,0 2px #17141b;color:#ffe6af}
:is(.table-button,.trade-button,.race-action):not(:disabled):is(:hover,:focus-visible){border-color:#dfb680;filter:brightness(1.12)}
:is(.table-button,.trade-button,.race-action):not(:disabled):active{translate:0 1px}
@media(max-width:540px){#account-form input{font-size:16px}}
/* The frame artwork has a divider beneath the title. Keep the form below it. */
@container (min-width: 760px) {
  #account {
    inset:50% auto auto 50%;
    translate:-50% -50%;
    width:min(500px,76cqw);
    height:clamp(360px,45cqw,400px);
    padding:24px 40px 20px;
    font-size:19px;
  }
  #account-title {height:68px;margin:0}
  #account .sprite {--width:132px;min-height:35px}
  #account .create-account {--width:184px}
  #account-form {width:100%;gap:8px;margin:12px auto 0}
  #account-form input {min-height:34px;background-color:#232637}
  #account-submit {margin-top:4px}
  #account-resume,#account-guest {margin:10px 2px 0;min-height:36px;max-width:100%;overflow-wrap:anywhere}
  #account-switch {margin-top:6px;min-height:32px}
  #account-message {margin-top:8px;line-height:1.25}
  #account-form input:is(:autofill, :-webkit-autofill) {
    box-shadow:0 0 0 40px #30384b inset;
    -webkit-text-fill-color:#fff2cf;
    caret-color:#fff2cf;
  }
}
#can{-webkit-tap-highlight-color:transparent;appearance:none}
#can:disabled{opacity:1}

.blackjack{--ratio:72/16;--normal:var(--art-blackjack_normal,url("./fern-art/blackjack_normal.png"));--selected:var(--art-blackjack_selected,url("./fern-art/blackjack_selected.png"));--pressed:var(--art-blackjack_pressed,url("./fern-art/blackjack_pressed.png"));}
.race-betting{--ratio:91/16;--normal:var(--art-race_betting_normal,url("./fern-art/race_betting_normal.png"));--selected:var(--art-race_betting_selected,url("./fern-art/race_betting_selected.png"));--pressed:var(--art-race_betting_pressed,url("./fern-art/race_betting_pressed.png"));}
.tcg{--ratio:37/16;--normal:var(--art-tcg_normal,url("./fern-art/tcg_normal.png"));--selected:var(--art-tcg_selected,url("./fern-art/tcg_selected.png"));--pressed:var(--art-tcg_pressed,url("./fern-art/tcg_pressed.png"));}
#owl,#radio{position:absolute;aspect-ratio:1;min-width:25px;translate:-50% -50%;border:0;border-radius:50%;background:transparent}
#object-outlines{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}
#object-outlines polygon{fill:none;stroke:#ffe2a1;stroke-width:1;stroke-linejoin:round;
  vector-effect:non-scaling-stroke;opacity:.78;transition:opacity .18s ease}
#object-outlines polygon[data-interacted]{opacity:.31}
#scene:has(#owl:focus-visible) #owl-outline,#scene:has(#radio:focus-visible) #radio-outline{stroke-width:2}
@media(prefers-reduced-motion:reduce){#object-outlines polygon{transition:none}}
#race-panel{position:absolute;inset:auto 5% 2.5%;display:grid;justify-items:center;gap:.32em;font-size:clamp(9px,2cqw,23px);text-align:center}
#race-bet{width:min(100%,38em);display:grid;gap:.37em}
.race-animal{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:.32em}
.racer-ticket{min-width:0;display:grid;justify-items:center;gap:.13em;padding:.24em .02em .30em;
  border:2px solid #141c22;border-top-color:var(--lane);background:#222d31;color:#fff1d1;
  box-shadow:inset 0 -2px #192328,0 2px #141c22;line-height:1.08;overflow-wrap:anywhere}
.racer-ticket span{color:var(--lane)}
.racer-ticket:not(:disabled):is([aria-pressed="true"],:hover,:focus-visible){background:#33464a;border-color:var(--lane)}
.racer-ticket[aria-pressed="true"] span{color:#ffe5b0}
.racer-icon{display:block;width:clamp(13px,3.5cqw,48px);aspect-ratio:1;
  background:url("./fern-art/race_animals.png") left center/500% 100% no-repeat;image-rendering:pixelated}
.race-controls{display:flex;justify-content:center;align-items:center;gap:.62em}
.race-controls>div{display:flex;gap:.19em}
.finish-button,.stake-chip{min-width:2.15em;min-height:23px;padding:.3em .35em;border:1px solid #172128;background:#27383c;color:#f2dbac;line-height:1.1}
.finish-button{border-bottom:2px solid #718c7b;white-space:nowrap}
.stake-chip{aspect-ratio:1;padding:.23em .25em;background:#4a382b;border-color:#272028;box-shadow:inset 0 0 0 1px #967951}
:is(.finish-button,.stake-chip):not(:disabled):is([aria-pressed="true"],:hover,:focus-visible){color:#201b23;background:#edc88c;border-color:#5b3d2a}
#race-start{white-space:nowrap}
#race-status{padding:.28em .65em;color:#fff0c8;background:#24222df4;box-shadow:0 2px #111019,0 -1px #666579}
#market-panel{inset:50% auto auto 50%;transform:translate(-50%,-50%);width:min(84%,40em);max-height:86%;--frame:none;border:6px solid transparent;border-image:var(--art-short_box_blank,url("./fern-art/short_box_blank.png")) 7 fill / 6px stretch;font-size:clamp(10px,2cqw,21px);padding:.85em 1.15em}
#tcg-view{position:absolute;inset:0;pointer-events:none;color:#f8e5bb;font-size:clamp(10px,2.15cqw,25px);text-shadow:1px 2px #17141d}
#tcg-view button{pointer-events:auto}
#open-pack,#collection-cards button{position:absolute;border:0;background:none;padding:0}
#open-pack:disabled{cursor:default}
#show-collection{position:absolute;right:4%;top:53%;min-height:34px;padding:.55em .77em;background:#354b43;box-shadow:inset 0 2px #91a990,0 2px #17141b}
#tcg-message{position:absolute;inset:auto 12% 8%;text-align:center;margin:0;pointer-events:none}
#next-pack{position:absolute;left:50%;bottom:1%;translate:-50% 0;white-space:nowrap}
#collection-cards{position:absolute;inset:0;pointer-events:none}
#collection-cards button{display:flex;align-items:end;justify-content:center;color:#fff1cc;font-size:.7em;text-shadow:1px 1px #17141d,0 2px #17141d}
#market-panel h2{margin:.08em 0}
#market-panel p{margin:.22em 0}
#market-panel button{min-height:25px}
#market-panel[data-layout="owl"]{width:min(94%,49em)}
.ramble-cards{display:flex;justify-content:center;flex-wrap:wrap;gap:.38em;margin:.27em 0}
.ramble-card{--edge:#b89671;width:clamp(46px,12cqw,118px);min-width:0;padding:.24em;display:grid;
  justify-items:center;align-content:start;gap:.18em;border:1px solid transparent;background:none;
  color:#fff4d5;font-size:.72em;line-height:1.12;text-align:center}
.ramble-card strong{overflow-wrap:anywhere}
.ramble-card small{color:#e5cda8}
.ramble-card:not(:disabled):is(:hover,:focus-visible){background:#302a3e;border-color:var(--edge)}
.ramble-card[data-rarity="uncommon"]{--edge:#90ad84}
.ramble-card[data-rarity="rare"]{--edge:#91bbd2}
.ramble-card[data-rarity="legendary"]{--edge:#e6b576}
.card-perspective{display:block;position:relative;width:78%;aspect-ratio:5/8;perspective:420px;margin:.38em 0 .54em}
.card-body{display:block;position:absolute;inset:0;transform-style:preserve-3d;
  transform:rotateX(8deg) rotateY(-19deg) rotateZ(-2deg);transition:transform 240ms ease}
.ramble-card:not(:disabled):is(:hover,:focus-visible) .card-body{transform:rotateX(1deg) rotateY(12deg)}
.ramble-card[aria-pressed="true"] .card-body{transform:rotateX(5deg) rotateY(160deg)}
.card-front,.card-back,.card-edge{position:absolute;inset:0;display:block}
.card-front,.card-back{background:url("./fern-art/tcg_cards.png") var(--face-x) var(--face-y)/500% 315% no-repeat;
  image-rendering:pixelated;-webkit-backface-visibility:hidden;backface-visibility:hidden}
.card-front{transform:translateZ(2px)}
.card-back{background-position:0 93.02%;transform:rotateY(180deg) translateZ(2px)}
.card-edge{left:100%;right:auto;width:4px;background:var(--edge);transform-origin:left;transform:translateZ(2px) rotateY(90deg)}
#sell-picks .ramble-card[data-selected]:not([data-selected="0"]){border-color:var(--edge);background:#352d40;opacity:1}
#sell-picks .ramble-card[data-selected]:not([data-selected="0"]) .card-perspective::after{
  content:attr(data-count);position:absolute;bottom:0;right:-.7em;background:#31282d;color:#f7d396;padding:.12em .27em;outline:1px solid #b49568}
#sell-selected{display:flex;flex-wrap:wrap;justify-content:center;gap:.24em;margin:.26em 0;font-size:.82em}
@media(prefers-reduced-motion:reduce){.card-body{transition:none}}
#booster-draw .ramble-card{animation:card-reveal .28s ease both}
#booster-draw .ramble-card:nth-child(2){animation-delay:.12s}
#booster-draw .ramble-card:nth-child(3){animation-delay:.24s}
@keyframes card-reveal{from{opacity:0;transform:translateY(7px)}}
@media(prefers-reduced-motion:reduce){#booster-draw .ramble-card{animation:none}}

/* The game camera keeps the same framing at every viewport size. */
@container (max-width: 540px) {
  #dialogue-continue{min-height:26px;bottom:4%}
  #menu .menu-arrow{min-width:40px;min-height:38px}
  #race-panel{inset-inline:3%}
  #race-bet{width:100%}
  .racer-ticket{min-height:32px}
  .race-controls{flex-wrap:wrap;gap:.27em .62em}
  .stake-chip,.finish-button{min-height:27px}
  #show-collection{right:3%;min-height:30px;padding:.4em .5em}
  #tcg-message{inset-inline:5%}
}