@import url("https://fonts.googleapis.com/css2?family=Roboto+Mono:ital,wght@0,100..700;1,100..700&display=swap");.splitflap-section{background:transparent;display:flex;margin-bottom:0;overflow:hidden;padding:20px 20px 0}.splitflap-container,.splitflap-section{align-items:center;justify-content:center;position:relative}.splitflap-container{background:#000;border-radius:20px 20px 0 0;display:inline-flex;padding:20px;z-index:1}.board{background:rgba(0,0,0,.3);border-radius:6px;box-shadow:0 4px 15px rgba(0,0,0,.3),inset 0 1px 0 hsla(0,0%,100%,.1);display:inline-flex;flex-direction:row;font-family:Roboto Mono,monospace;gap:.5ch;padding:8px 12px;text-transform:uppercase}.flip-line{display:flex;gap:.5ch;justify-content:center}.flip,.flip-line{text-align:center}.flip{--font-level:8;color:var(--color,#f0f0f0);display:inline-block;font-size:1.8rem;height:1lh;line-height:1.2;perspective:calc(var(--perspective, 1)*1em);position:relative;transform-style:preserve-3d;width:1.5ch}.flip:after,.flip:before{background:rgba(0,0,0,.3);border-radius:2px;content:"";height:calc(20% - .05em);position:absolute;top:50%;translate:0 -50%;width:calc(10% - .05em)}.flip:before{left:0}.flip:after{right:0}.flip .flip-holder,.flip div{inset:0;position:absolute;transform-style:preserve-3d}.flip div{background:radial-gradient(100% 100% at 50% 100%,hsla(0,0%,100%,.05),transparent),linear-gradient(145deg,#2a2a2a,#1a1a1a);border-radius:4px;box-shadow:inset 0 1px 2px rgba(0,0,0,.3);overflow:hidden}.flip div:nth-of-type(odd){clip-path:polygon(0 0,100% 0,100% 40%,calc(90% + .025em) 40%,calc(90% + .025em) 48%,calc(10% - .025em) 48%,calc(10% - .025em) 40%,0 40%)}.flip div:nth-of-type(2n){clip-path:polygon(0 60%,calc(10% - .025em) 60%,calc(10% - .025em) 52%,calc(90% + .025em) 52%,calc(90% + .025em) 60%,100% 60%,100% 100%,0 100%)}.flip>div:nth-of-type(2){backface-visibility:hidden;transform:rotateX(-180deg);z-index:2}.flip div:nth-of-type(3){backface-visibility:hidden;z-index:3}@media (max-width:1440px){.splitflap-section{padding:18px 50px 0}.splitflap-container{border-radius:18px 18px 0 0;padding:18px}.board{gap:.45ch;padding:7px 11px}.flip{font-size:1.7rem;width:1.45ch}}@media (max-width:1200px){.splitflap-section{padding:16px 40px 0}.splitflap-container{border-radius:16px 16px 0 0;padding:16px}.board{gap:.4ch;padding:6px 10px}.flip{font-size:1.6rem;width:1.4ch}}@media (max-width:1024px){.splitflap-section{padding:14px 30px 0}.splitflap-container{border-radius:14px 14px 0 0;padding:14px}.board{gap:.35ch;padding:5px 9px}.flip{font-size:1.4rem;width:1.35ch}}@media (max-width:768px){.splitflap-section{padding:12px 20px 0}.splitflap-container{border-radius:12px 12px 0 0;padding:12px}.board{border-radius:5px;gap:.3ch;padding:4px 8px}.flip{font-size:1.2rem;width:1.3ch}.flip:after,.flip:before{height:calc(22% - .05em);width:calc(12% - .05em)}}@media (max-width:480px){.splitflap-section{padding:10px 15px 0}.splitflap-container{border-radius:10px 10px 0 0;padding:10px}.board{border-radius:4px;gap:.25ch;padding:3px 6px}.flip{font-size:1rem;width:1.25ch}.flip:after,.flip:before{border-radius:1.5px;height:calc(24% - .05em);width:calc(14% - .05em)}}@media (max-width:320px){.splitflap-section{padding:8px 12px 0}.splitflap-container{border-radius:8px 8px 0 0;padding:8px}.board{border-radius:3px;gap:.2ch;padding:2px 5px}.flip{font-size:.85rem;width:1.2ch}.flip:after,.flip:before{border-radius:1px;height:calc(26% - .05em);width:calc(15% - .05em)}}