/* A complete paper arcade poster. All rules belong to #future. */
#future.future-section{
  --game-ink:#262623;--game-paper:#fff5df;--game-pink:#e86473;--game-mint:#bdd7c6;
  position:relative;padding:100px 0 106px;border-block:1px solid #c9b69c;
  background:#eee0c6;color:var(--game-ink);isolation:isolate;
}
#future .baseline-game-shell{width:min(1180px,calc(100% - 72px));margin:0 auto}
#future .baseline-game-topline{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:0 10px 22px;font:700 13px/1.3 'Oswald',sans-serif;letter-spacing:.12em}
#future .baseline-game-one-button{padding:9px 15px;background:var(--game-paper);border:1.5px solid var(--game-ink);transform:rotate(3deg);box-shadow:3px 3px 0 #baa687}
#future .baseline-game-poster{position:relative;border:3px solid var(--game-ink);background:var(--game-ink);box-shadow:10px 11px 0 #bba78a}
#future .baseline-game-marquee{position:relative;padding:27px 85px 30px;text-align:center;color:var(--game-paper);border-bottom:3px solid var(--game-ink)}
#future .baseline-game-marquee h2{position:relative;width:auto;margin:0;padding:0;font-family:'Oswald',sans-serif;text-transform:uppercase;letter-spacing:-.035em}
#future .baseline-game-marquee h2::after{content:none}
#future .baseline-game-marquee h2 span{display:block}
#future .baseline-game-marquee h2 span:first-child{font-size:clamp(54px,7.2vw,94px);font-weight:700;line-height:1}
#future .baseline-game-marquee h2 span:last-child{margin-top:9px;color:#efa3a4;font-size:clamp(25px,3vw,40px);font-weight:600;line-height:1.1;letter-spacing:.08em}
#future .baseline-game-spark{position:absolute;top:50%;width:44px;height:44px;fill:#eddba4}
#future .baseline-game-spark-left{left:43px;transform:translateY(-50%) rotate(-8deg)}
#future .baseline-game-spark-right{right:43px;transform:translateY(-50%) rotate(15deg)}
#future .baseline-game-arena{position:relative;display:grid;place-items:center;min-width:0;background:var(--game-paper)}
#future .baseline-game-paper{position:absolute;inset:0;overflow:hidden;background:linear-gradient(104deg,var(--game-mint) 0 49.9%,#efb2ac 50% 100%);pointer-events:none}
#future .baseline-game-paper::before{content:'';position:absolute;inset:0;background-image:radial-gradient(#26262323 .7px,transparent .9px);background-size:7px 7px;opacity:.38}
#future .baseline-game-paper::after{content:'';position:absolute;inset:-2px 0;background:var(--game-paper);clip-path:polygon(48% 0,57% 0,47% 43%,56% 40%,42% 100%,48% 55%,40% 57%)}
#future .baseline-game-cast{position:relative;z-index:1;display:block;width:min(940px,100%);height:auto;margin:-7px auto -13px;filter:drop-shadow(3px 5px 0 #26262315);pointer-events:none}
#future .baseline-game-start{position:absolute;z-index:2;left:50%;top:52%;display:grid;justify-items:center;transform:translate(-50%,-50%)}
#future .baseline-game-play{width:166px;height:166px;padding:20px 13px 23px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:9px;border:3px solid var(--game-ink);border-radius:50%;background:#e75d6e;color:#fff9ed;text-decoration:none;box-shadow:0 8px 0 #9d3e4e,0 11px 0 2px var(--game-ink),inset 0 0 0 8px #ffffff23;transform:rotate(-6deg);transition:transform .16s ease,box-shadow .16s ease,background .16s ease}
#future .baseline-game-play span{font:700 27px/1 'Oswald',sans-serif;letter-spacing:.025em}
#future .baseline-game-play svg{display:block;width:38px;height:38px;fill:currentColor;flex:none}
#future .baseline-game-play:hover{background:#cd4156;transform:translateY(-3px) rotate(-3deg);box-shadow:0 11px 0 #9d3e4e,0 14px 0 2px var(--game-ink),inset 0 0 0 8px #ffffff23}
#future .baseline-game-play:active{transform:translateY(5px) rotate(-3deg);box-shadow:0 3px 0 #9d3e4e,0 6px 0 2px var(--game-ink),inset 0 0 0 8px #ffffff23}
#future .baseline-game-play:focus-visible{outline:4px solid var(--game-ink);outline-offset:8px}
#future .baseline-game-start-note{margin:24px 0 0 26px;transform:rotate(-8deg);color:var(--game-ink);font:400 27px/1 'Neucha',cursive}
#future .baseline-game-controls{position:relative;z-index:2;display:flex;justify-content:space-between;align-items:center;gap:32px;padding:27px 42px 29px;border-top:3px solid var(--game-ink);background:var(--game-paper)}
#future .baseline-game-controls>p{margin:0;font:400 20px/1.55 'Neucha',cursive;letter-spacing:.005em}
#future .baseline-game-controls strong{font-weight:400;color:#99394a}
#future .baseline-game-controls .baseline-game-input{display:grid;justify-items:center;gap:10px;flex:none}
#future .baseline-game-input kbd{display:block;min-width:150px;padding:10px 20px;border:2px solid var(--game-ink);border-radius:5px;background:#fffbef;box-shadow:0 4px 0 #c9b395,0 5px 0 1px var(--game-ink);text-align:center;font:700 14px/1 'Oswald',sans-serif;letter-spacing:.06em}
#future .baseline-game-input span{font:500 11px/1.4 'Manrope',sans-serif;color:#665947}
@media(min-width:1500px){#future .baseline-game-marquee h2 span:first-child{font-size:104px}}
@media(max-width:900px){
  #future.future-section{padding:77px 0 83px}
  #future .baseline-game-shell{width:calc(100% - 48px)}
  #future .baseline-game-marquee{padding-inline:65px}
  #future .baseline-game-spark{width:33px;height:33px}
  #future .baseline-game-spark-left{left:24px}#future .baseline-game-spark-right{right:24px}
  #future .baseline-game-play{width:140px;height:140px}
  #future .baseline-game-play span{font-size:23px}
  #future .baseline-game-play svg{width:30px;height:30px}
  #future .baseline-game-start-note{font-size:24px}
  #future .baseline-game-controls{padding:24px 29px}
}
@media(max-width:720px){
  #future .baseline-game-arena{padding-bottom:26px}
  #future .baseline-game-start{position:relative;left:auto;top:auto;width:100%;transform:none;margin-top:-1px}
  #future .baseline-game-play{width:min(286px,calc(100% - 40px));height:65px;min-height:65px;padding:12px 27px;flex-direction:row-reverse;gap:19px;border-radius:7px;transform:rotate(-1deg);box-shadow:0 5px 0 #9d3e4e,0 7px 0 1px var(--game-ink),inset 0 0 0 5px #ffffff20}
  #future .baseline-game-play span{font-size:27px}
  #future .baseline-game-play svg{width:29px;height:29px}
  #future .baseline-game-play:hover{transform:translateY(-2px) rotate(-1deg);box-shadow:0 7px 0 #9d3e4e,0 9px 0 1px var(--game-ink),inset 0 0 0 5px #ffffff20}
  #future .baseline-game-play:active{transform:translateY(3px);box-shadow:0 2px 0 #9d3e4e,0 4px 0 1px var(--game-ink),inset 0 0 0 5px #ffffff20}
  #future .baseline-game-start-note{display:none}
  #future .baseline-game-cast{width:100%;margin:-2px auto -12px}
}
@media(max-width:520px){
  #future.future-section{padding:58px 0 66px}
  #future .baseline-game-shell{width:calc(100% - 30px)}
  #future .baseline-game-topline{gap:12px;margin:0 3px 18px;font-size:10px;letter-spacing:.065em}
  #future .baseline-game-one-button{padding:7px 9px;white-space:nowrap;box-shadow:2px 2px 0 #baa687}
  #future .baseline-game-poster{border-width:2px;box-shadow:6px 7px 0 #bba78a}
  #future .baseline-game-marquee{padding:23px 18px 22px;border-bottom-width:2px}
  #future .baseline-game-marquee h2 span:first-child{font-size:clamp(40px,11vw,56px)}
  #future .baseline-game-marquee h2 span:last-child{margin-top:8px;font-size:clamp(21px,5.7vw,29px);letter-spacing:.055em}
  #future .baseline-game-spark{display:none}
  #future .baseline-game-arena{padding-bottom:23px}
  #future .baseline-game-play{height:59px;min-height:59px;width:calc(100% - 40px);max-width:286px}
  #future .baseline-game-play span{font-size:25px}
  #future .baseline-game-play svg{width:25px;height:25px}
  #future .baseline-game-controls{flex-direction:column;align-items:flex-start;gap:20px;padding:22px 22px 25px;border-top-width:2px}
  #future .baseline-game-controls>p{font-size:20px;line-height:1.5}
  #future .baseline-game-controls .baseline-game-input{display:flex;align-items:center;flex-wrap:wrap;gap:11px;width:100%}
  #future .baseline-game-input kbd{min-width:0;padding:8px 14px;font-size:12px;box-shadow:0 3px 0 #c9b395,0 4px 0 1px var(--game-ink)}
  #future .baseline-game-input span{max-width:106px;font-size:10px}
}
@media(prefers-reduced-motion:reduce){#future .baseline-game-play{transition:none!important}#future .baseline-game-play:hover,#future .baseline-game-play:active{transform:none}}
