.HomepageCardDemo-module__fWhbcW__demoSection{flex:none;justify-content:center;width:100%;padding:0 20px 56px;display:flex}.HomepageCardDemo-module__fWhbcW__demoPanel{border:var(--theme-shell-surface-border);border-radius:var(--theme-shell-surface-radius);color:#fff;background-color:#1b6afff0;width:min(1080px,100vw - 40px);padding:18px;box-shadow:0 14px 38px #00000057}.HomepageCardDemo-module__fWhbcW__intro{text-align:center;margin-bottom:18px}.HomepageCardDemo-module__fWhbcW__intro h2{letter-spacing:0;margin:0 0 8px;font-size:2rem;line-height:1.1}.HomepageCardDemo-module__fWhbcW__intro p{width:min(760px,100%);margin:0 auto;font-size:1.04rem;font-weight:600;line-height:1.5}.HomepageCardDemo-module__fWhbcW__demoGrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.HomepageCardDemo-module__fWhbcW__demoRow{border:var(--theme-section-surface-border);background:#00000038;border-radius:8px;grid-template-columns:minmax(120px,.8fr) 54px minmax(190px,1.2fr);align-items:center;gap:12px;min-width:0;padding:14px;display:grid}.HomepageCardDemo-module__fWhbcW__demoRowPlayed{background:#0959305c}.HomepageCardDemo-module__fWhbcW__demoRowDragging{outline-offset:2px;outline:2px solid #ffffffbd}.HomepageCardDemo-module__fWhbcW__cardSide{justify-items:center;gap:8px;min-width:0;display:grid}.HomepageCardDemo-module__fWhbcW__cardSide h3{text-align:center;justify-content:center;align-items:center;min-height:2.4em;margin:0;font-size:1.05rem;line-height:1.2;display:flex}.HomepageCardDemo-module__fWhbcW__demoCardButton{cursor:grab;background:0 0;border:none;padding:0}.HomepageCardDemo-module__fWhbcW__demoCardButton:active{cursor:grabbing}.HomepageCardDemo-module__fWhbcW__demoCardButton:disabled{cursor:default;opacity:.74}.HomepageCardDemo-module__fWhbcW__demoCard{filter:drop-shadow(0 8px 10px #00000057);width:72px;height:auto;display:block}.HomepageCardDemo-module__fWhbcW__arrow{justify-content:center;align-items:center;display:flex}.HomepageCardDemo-module__fWhbcW__arrow span{background:#fff;border-radius:999px;width:44px;height:4px;position:relative;box-shadow:0 2px 8px #06123a47}.HomepageCardDemo-module__fWhbcW__arrow span:after{content:"";border-top:4px solid #fff;border-right:4px solid #fff;width:14px;height:14px;position:absolute;top:50%;right:-2px;transform:translateY(-50%)rotate(45deg)}.HomepageCardDemo-module__fWhbcW__pileTarget{border:2px dashed #ffffff75;border-radius:8px;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:12px;min-width:0;min-height:152px;padding:10px;display:grid}.HomepageCardDemo-module__fWhbcW__pileTarget:hover{border-color:#fffc}.HomepageCardDemo-module__fWhbcW__pileVisuals{justify-content:center;align-items:center;gap:8px;display:flex}.HomepageCardDemo-module__fWhbcW__pileCardWrap,.HomepageCardDemo-module__fWhbcW__swapPileCardWrap{width:72px;min-width:72px;position:relative}.HomepageCardDemo-module__fWhbcW__swapPileCardWrap{transform:translateY(10px)}.HomepageCardDemo-module__fWhbcW__pileCard{filter:drop-shadow(0 8px 10px #0000004d);width:72px;height:auto;display:block}.HomepageCardDemo-module__fWhbcW__valueBadge{color:#063312;background:#fff;border-radius:6px;justify-content:center;align-items:center;min-width:38px;min-height:30px;font-size:20px;font-weight:800;line-height:1;display:inline-flex;position:absolute;bottom:7px;left:50%;transform:translate(-50%);box-shadow:0 2px 6px #00000038}.HomepageCardDemo-module__fWhbcW__pileText{gap:5px;min-width:0;font-size:.95rem;line-height:1.35;display:grid}.HomepageCardDemo-module__fWhbcW__pileText strong{font-size:1rem}.HomepageCardDemo-module__fWhbcW__pileText span{color:#ffffffe6}.HomepageCardDemo-module__fWhbcW__resetButton{color:#fff;cursor:pointer;background:#f07b2d;border:2px solid #fff;border-radius:8px;width:min(320px,100%);min-height:48px;margin:18px auto 0;font-size:18px;font-weight:800;display:block}.HomepageCardDemo-module__fWhbcW__resetButton:hover{filter:brightness(1.06)}@media (max-width:960px){.HomepageCardDemo-module__fWhbcW__demoGrid{grid-template-columns:1fr}}@media (max-width:640px){.HomepageCardDemo-module__fWhbcW__demoSection{padding:0 14px 42px}.HomepageCardDemo-module__fWhbcW__demoPanel{width:min(760px,100vw - 28px);padding:12px}.HomepageCardDemo-module__fWhbcW__intro h2{font-size:1.55rem}.HomepageCardDemo-module__fWhbcW__intro p{font-size:.96rem}.HomepageCardDemo-module__fWhbcW__demoRow{grid-template-columns:92px 34px minmax(0,1fr);gap:8px;padding:10px}.HomepageCardDemo-module__fWhbcW__cardSide h3{font-size:.84rem}.HomepageCardDemo-module__fWhbcW__demoCard,.HomepageCardDemo-module__fWhbcW__pileCard,.HomepageCardDemo-module__fWhbcW__pileCardWrap,.HomepageCardDemo-module__fWhbcW__swapPileCardWrap{width:56px;min-width:56px}.HomepageCardDemo-module__fWhbcW__pileTarget{grid-template-columns:auto minmax(0,1fr);gap:8px;min-height:126px;padding:8px}.HomepageCardDemo-module__fWhbcW__valueBadge{min-width:31px;min-height:25px;font-size:16px;bottom:5px}.HomepageCardDemo-module__fWhbcW__arrow span{width:28px}.HomepageCardDemo-module__fWhbcW__pileText{font-size:.82rem}}