.sfm-section{--sfm-page-bg: #0A0E1A;--sfm-housing-bg: #0A0E1A;--sfm-housing-border: #161B2A;--sfm-tile-top-bg: #131520;--sfm-tile-bot-bg: #0f111a;--sfm-tile-border: #1c1f2e;--sfm-tile-seam: #080a12;--sfm-char-off: #1e2030;--sfm-char-mid: #5a6080;--sfm-char-on: #F0F0F0;--sfm-label-color: #F6F1E8;--sfm-screw-light: #1e2030;--sfm-screw-dark: #0a0c14;width:100%;background:var(--sfm-page-bg);font-family:Barlow Condensed,Helvetica Neue,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased}.sfm-section *,.sfm-section *:before,.sfm-section *:after{box-sizing:border-box}.sfm-housing{width:100%;max-width:860px;margin:0 auto;background:var(--sfm-housing-bg);border:1px solid var(--sfm-housing-border);border-radius:5px;padding:28px 24px 32px;position:relative;box-shadow:0 12px 40px #0006,inset 0 1px #ffffff05}.sfm-housing:before,.sfm-housing:after{content:"";position:absolute;width:9px;height:9px;border-radius:50%;background:radial-gradient(circle at 38% 38%,var(--sfm-screw-light),var(--sfm-screw-dark));border:1px solid var(--sfm-housing-border);box-shadow:inset 0 1px 2px #00000080;top:14px}.sfm-housing:before{left:16px}.sfm-housing:after{right:16px}.sfm-screw-bl,.sfm-screw-br{position:absolute;width:9px;height:9px;border-radius:50%;background:radial-gradient(circle at 38% 38%,var(--sfm-screw-light),var(--sfm-screw-dark));border:1px solid var(--sfm-housing-border);box-shadow:inset 0 1px 2px #00000080;bottom:14px}.sfm-screw-bl{left:16px}.sfm-screw-br{right:16px}.sfm-board-label{font-family:Barlow Condensed,Helvetica Neue,Helvetica,Arial,sans-serif;font-size:10px;font-weight:700;letter-spacing:.45em;color:#f0f0f0;text-transform:uppercase;text-align:center;margin:0 0 20px}.sfm-stats{display:flex;flex-direction:column;gap:20px}.sfm-row{display:flex;align-items:center;justify-content:center;gap:20px}.sfm-group{display:flex;justify-content:center;gap:3px;flex-shrink:0}.sfm-label{font-family:Barlow Condensed,Helvetica Neue,Helvetica,Arial,sans-serif;font-size:18px;font-weight:700;letter-spacing:.12em;color:var(--sfm-label-color);text-transform:uppercase;white-space:nowrap;opacity:1}.sfm-divider{width:80%;height:1px;margin:0 auto;background:linear-gradient(90deg,transparent,#1a1e2e 30%,#1a1e2e 70%,transparent)}.sfm-tile{position:relative;width:52px;height:70px;border-radius:3px;perspective:300px;perspective-origin:50% 50%;transform-style:preserve-3d}.sfm-tile:after{content:"";position:absolute;left:0;right:0;top:50%;height:2px;margin-top:-1px;background:var(--sfm-tile-seam);z-index:20;pointer-events:none}.sfm-flap{position:absolute;left:0;right:0;height:50%;overflow:hidden;backface-visibility:hidden}.sfm-flap-top{top:0;background:var(--sfm-tile-top-bg);border:1px solid var(--sfm-tile-border);border-bottom:none;border-radius:3px 3px 0 0;transform-origin:bottom center;z-index:10}.sfm-flap-bot{bottom:0;background:var(--sfm-tile-bot-bg);border:1px solid var(--sfm-tile-border);border-top:none;border-radius:0 0 3px 3px;z-index:5}.sfm-char{position:absolute;left:0;right:0;font-family:Bebas Neue,Barlow Condensed,Impact,sans-serif;font-size:54px;line-height:1;text-align:center;color:var(--sfm-char-off);pointer-events:none;transition:color .1s}.sfm-flap-top .sfm-char{bottom:0;transform:translateY(50%)}.sfm-flap-bot .sfm-char{top:0;transform:translateY(-50%)}.sfm-tile.is-active .sfm-char{color:var(--sfm-char-on)}.sfm-tile.is-mid .sfm-char{color:var(--sfm-char-mid)}.sfm-flip-top-old{position:absolute;left:0;right:0;top:0;height:50%;overflow:hidden;background:linear-gradient(to bottom,var(--sfm-tile-top-bg),#0f1119);border:1px solid var(--sfm-tile-border);border-bottom:none;border-radius:3px 3px 0 0;transform-origin:bottom center;transform:rotateX(0);z-index:15;backface-visibility:hidden;-webkit-backface-visibility:hidden;will-change:transform}.sfm-flip-top-old .sfm-char{bottom:0;transform:translateY(50%)}.sfm-flip-bot-new{position:absolute;left:0;right:0;bottom:0;height:50%;overflow:hidden;background:linear-gradient(to bottom,#14161f,var(--sfm-tile-bot-bg));border:1px solid var(--sfm-tile-border);border-top:none;border-radius:0 0 3px 3px;transform-origin:top center;z-index:12;backface-visibility:hidden;-webkit-backface-visibility:hidden;will-change:transform}.sfm-flip-bot-new .sfm-char{top:0;transform:translateY(-50%)}.sfm-flip-shadow{position:absolute;left:0;right:0;bottom:0;height:50%;background:linear-gradient(to bottom,rgba(0,0,0,.5),transparent);z-index:13;pointer-events:none;opacity:0;border-radius:0 0 3px 3px;will-change:opacity}@media(max-width:860px){.sfm-housing{margin:0 16px;padding:22px 16px 26px}}@media(max-width:620px){.sfm-row{flex-direction:column;gap:6px;align-items:center}.sfm-label{font-size:14px;text-align:center}.sfm-tile{width:40px;height:54px}.sfm-char{font-size:42px}.sfm-stats{gap:16px}}@media(max-width:400px){.sfm-housing{margin:0 8px;padding:16px 10px 20px}.sfm-tile{width:34px;height:46px}.sfm-char{font-size:36px}.sfm-label{font-size:12px;letter-spacing:.08em}.sfm-group{gap:2px}}@media(max-width:767px){.sfm-section{overflow-x:hidden}.sfm-housing{margin:0;max-width:none;border:none;border-radius:0;box-shadow:none}}@media(prefers-reduced-motion:reduce){.sfm-flip-top-old,.sfm-flip-bot-new,.sfm-flip-shadow{animation:none!important;transition:none!important}}
/*# sourceMappingURL=/cdn/shop/t/21/assets/splitflap-metrics.css.map */