.stackdown-page{-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;touch-action:manipulation;background:#fafbfd;flex-direction:column;display:flex}.stackdown-app{flex-direction:column;flex:1;align-items:center;width:100%;max-width:480px;min-height:0;margin:0 auto;display:flex}.stackdown-header{justify-content:center;align-items:center;width:100%;padding:12px 16px;display:flex;position:relative}.stackdown-title{color:#2c3e6b;letter-spacing:4px;text-align:center;justify-content:center;align-items:center;gap:8px;font-size:22px;font-weight:900;display:flex}.stackdown-title-logo{width:36px;height:36px}.stackdown-help-btn{color:#2c3e6b99;cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:4px;display:flex;position:absolute;top:50%;right:16px;transform:translateY(-50%)}.stackdown-counter{color:#2c3e6b80;margin-bottom:4px;font-size:14px;font-weight:600}.stackdown-board-area{justify-content:center;align-items:center;width:100%;padding:24px 16px;display:flex;overflow:visible}.stackdown-board{width:100%;position:relative}.stackdown-rack-wrapper{padding:8px 0}.stackdown-rack{justify-content:center;gap:8px;display:flex}.sd-tile{cursor:default;transition:none;position:absolute}.sd-tile.exposed{cursor:pointer}.sd-tile-face{box-sizing:border-box;justify-content:center;align-items:center;display:flex;position:absolute;top:0;left:0;right:0}.sd-tile-face.exposed{background:#fcfdff;border:1px solid #3d5a802e;box-shadow:1.5px 3px 6px #3d5a802e}.sd-tile-face.blocked{background:#e4e8ef;border:1px solid #3d5a801a}.sd-tile-edge{position:absolute;bottom:0;left:0;right:0}.sd-tile-edge.exposed{background:#3d5a804d}.sd-tile-edge.blocked{background:#3d5a802e}.sd-tile-letter{font-weight:800;line-height:1}.sd-tile-letter.exposed{color:#2c3e6b}.sd-tile-letter.blocked{color:#8895a7}.sd-slot{flex-shrink:0;position:relative}.sd-slot-empty{box-sizing:border-box;background:#f0f2f5;border:1.5px solid #e0e4ea}.sd-slot-filled{cursor:pointer;position:relative}.sd-slot-face{box-sizing:border-box;background:#fcfdff;border:1px solid #3d5a802e;justify-content:center;align-items:center;display:flex;position:absolute;top:0;left:0;right:0;box-shadow:1.5px 3px 5px #3d5a8026}.sd-slot-edge{background:#3d5a804d;position:absolute;bottom:0;left:0;right:0}.sd-slot-letter{color:#2c3e6b;font-weight:800;line-height:1}.stackdown-hint-area{justify-content:center;min-height:42px;padding:0 32px;display:flex}.hint-track{touch-action:none;background:#e2e6ed;border-radius:21px;width:180px;height:42px;position:relative;overflow:hidden}.hint-label{pointer-events:none;justify-content:center;align-items:center;gap:3px;display:flex;position:absolute;inset:0 0 0 38px}.hint-progress{color:#2c3e6b59;font-size:13px;font-weight:700}.hint-chevron{color:#2c3e6b40}.hint-chevron-dim{color:#2c3e6b26}.hint-thumb{cursor:grab;touch-action:none;background:#fff;border-radius:50%;justify-content:center;align-items:center;width:34px;height:34px;display:flex;position:absolute;top:4px;left:4px;box-shadow:0 2px 6px #0000001a}.hint-thumb:active{cursor:grabbing}.hint-bulb{color:#bbc3d0}.stackdown-hint-card{background:#fff8e7;border:1px solid #ffb80040;border-radius:20px;align-items:center;gap:8px;max-width:280px;padding:10px 14px;animation:.3s ease-out hintFadeIn;display:flex}.hint-card-bulb{color:#ffb800;flex-shrink:0}.hint-card-progress{color:#ffb800b3;flex-shrink:0;font-size:12px;font-weight:800}.hint-card-text{color:#5c4a1e;font-size:14px;font-weight:600}@keyframes hintFadeIn{0%{opacity:0}to{opacity:1}}.stackdown-spacer{height:12px}.stackdown-tile-overlay{pointer-events:none;z-index:100;position:fixed;inset:0}.stackdown-overlay{z-index:200;background:#0000004d;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.stackdown-complete-card{text-align:center;opacity:0;background:#fff;border-radius:24px;width:340px;max-width:calc(100vw - 40px);padding:28px 36px;transform:scale(0);box-shadow:0 10px 30px #00000026}.complete-logo{width:56px;height:56px;margin:0 auto 12px;display:block}.stackdown-complete-card.animate-in{animation:.5s cubic-bezier(.34,1.56,.64,1) forwards completePopIn}@keyframes completePopIn{0%{opacity:0;transform:scale(0)}to{opacity:1;transform:scale(1)}}.complete-title{color:#2c3e6b;margin-bottom:12px;font-size:24px;font-weight:900}.complete-stars{letter-spacing:4px;margin-bottom:4px;font-size:28px}.complete-stars-label{color:#2c3e6b66;margin-bottom:16px;font-size:14px;font-weight:700}.complete-stat{color:#2c3e6b;margin-bottom:4px;font-size:15px;font-weight:600}.complete-stat-icon{margin-right:2px}.complete-timecard{border-top:1px solid #e8ecf2;margin-top:16px;padding-top:12px}.timecard-row{justify-content:space-between;padding:4px 0;display:flex}.timecard-word{color:#2c3e6b;letter-spacing:2px;font-size:14px;font-weight:800}.timecard-time{color:#2c3e6b80;font-variant-numeric:tabular-nums;font-size:14px;font-weight:600}.complete-buttons{gap:10px;margin-top:20px;display:flex}.complete-share-btn,.complete-replay-btn{cursor:pointer;border:none;border-radius:12px;flex:1;padding:12px;font-size:16px;font-weight:700;transition:opacity .15s}.complete-share-btn{color:#fff;background:#3b82f6}.complete-replay-btn{color:#2c3e6b;background:#e8ecf2}.complete-share-btn:hover,.complete-replay-btn:hover{opacity:.9}.complete-share-btn:active,.complete-replay-btn:active{opacity:.8}.hidden{display:none!important}.stackdown-modal-overlay{z-index:300;background:#0006;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.stackdown-modal{background:#fafbfd;border-radius:20px;flex-direction:column;width:100%;max-width:420px;max-height:85vh;display:flex;box-shadow:0 10px 40px #0003}.stackdown-modal-header{border-bottom:1px solid #e8ecf2;justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.stackdown-modal-title{color:#2c3e6b;font-size:18px;font-weight:800}.stackdown-modal-close{color:#2c3e6b;cursor:pointer;background:0 0;border:none;padding:4px;display:flex}.stackdown-modal-body{padding:20px 24px 32px;overflow-y:auto}.htp-section{margin-bottom:28px}.htp-section:last-child{margin-bottom:0}.htp-section-header{align-items:center;gap:10px;margin-bottom:14px;display:flex}.htp-number{color:#fff;background:#2c3e6b;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;font-size:14px;font-weight:800;display:flex}.htp-section-title{color:#2c3e6b;font-size:20px;font-weight:800}.htp-paragraph{color:#2c3e6bb3;margin-bottom:16px;font-size:15px;line-height:1.6}.htp-step-label{color:#2c3e6b;margin-top:16px;margin-bottom:4px;font-size:15px;font-weight:700}.htp-step-label:first-child{margin-top:0}.htp-description{color:#2c3e6bb3;margin-bottom:12px;font-size:14px;line-height:1.5}.htp-demo-card{background:#f5f7fa;border:1px solid #e8ecf2;border-radius:16px;flex-direction:column;align-items:center;gap:6px;margin-bottom:12px;padding:20px 16px;display:flex}.htp-tile-row{justify-content:center;gap:4px;display:flex}.htp-row-offset{margin-top:-8px}.htp-tile{box-sizing:border-box;border-radius:6px;justify-content:center;align-items:center;width:40px;height:40px;font-size:18px;font-weight:800;display:flex}.htp-tile.exposed{color:#2c3e6b;background:#fcfdff;border:1px solid #3d5a802e;box-shadow:1px 2px 4px #3d5a801f}.htp-tile.blocked{color:#8895a7;background:#e4e8ef;border:1px solid #3d5a801a}.htp-tile.highlighted{outline-offset:1px;outline:2px solid #3b82f680}.htp-arrow{color:#2c3e6b40;font-size:16px}.htp-mini-rack{justify-content:center;gap:6px;display:flex}.htp-slot{box-sizing:border-box;border-radius:6px;justify-content:center;align-items:center;width:40px;height:40px;font-size:18px;font-weight:800;display:flex}.htp-slot.empty{background:#f0f2f5;border:1.5px solid #e0e4ea}.htp-slot.filled{color:#2c3e6b;background:#fcfdff;border:1px solid #3d5a802e;box-shadow:1px 2px 4px #3d5a801f}.htp-slot.wrong{color:#f009;background:#ff000014;border-color:#ff00004d}.htp-correct-label{color:#4ade80;margin-top:4px;font-size:13px;font-weight:700}.htp-wrong-label{color:#ff000080;margin-top:4px;font-size:12px;font-weight:600}.htp-tip{background:#fff8e7;border:1px solid #ffb80066;border-radius:12px;align-items:flex-start;gap:10px;margin-top:12px;padding:14px;display:flex}.htp-tip-icon{color:#ffb800;flex-shrink:0;margin-top:1px}.htp-tip span{color:#2c3e6bcc;font-size:13px;line-height:1.5}.stackdown-stack-demo{height:100px;position:relative}.sd-below-content{max-width:640px;margin:0 auto 32px}.sd-below-content:last-child{margin-bottom:0}.sd-section-heading{color:#2c3e6b;text-align:center;margin-bottom:16px;font-size:22px;font-weight:800}.sd-card{background:#fff;border:1px solid #e8ecf2;border-radius:20px;padding:24px;box-shadow:0 2px 12px #3d5a8014}@media (width>=640px){.sd-card{padding:32px}.sd-page-title{font-size:26px}}.sd-htp-subsection{margin-bottom:12px}.sd-htp-subsection:last-child{margin-bottom:0}.sd-quick-rules{background:#f5f7fa;border-radius:12px;padding:20px}.sd-quick-rules-title{color:#2c3e6b;text-align:center;margin-bottom:14px;font-size:16px;font-weight:800}.sd-quick-rules-grid{color:#2c3e6bbf;grid-template-columns:1fr;gap:10px;font-size:14px;display:grid}@media (width>=640px){.sd-quick-rules-grid{grid-template-columns:1fr 1fr}}.sd-quick-rule{align-items:flex-start;gap:10px;display:flex}.sd-quick-rule-check{color:#2c3e6b;background:#2c3e6b14;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:22px;height:22px;margin-top:1px;font-size:11px;font-weight:800;display:flex}.sd-faq-item{border-bottom:1px solid #e8ecf2;margin-bottom:16px;padding-bottom:16px}.sd-faq-item:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.sd-faq-q{color:#2c3e6b;margin-bottom:6px;font-size:15px;font-weight:700}.sd-faq-a{color:#2c3e6ba6;font-size:14px;line-height:1.6}