html{scroll-behavior:smooth;scroll-padding-top:6rem}.btn-3d-green{box-shadow:0 4px 0 #15803d;transform:translateY(0);transition:all .1s ease}.btn-3d-green:active{box-shadow:0 0 0 #15803d;transform:translateY(4px)}.btn-3d-purple{box-shadow:0 4px 0 #5b45c2;transform:translateY(0);transition:all .1s ease}.btn-3d-purple:active{box-shadow:0 0 0 #5b45c2;transform:translateY(4px)}.btn-3d-gray{box-shadow:0 4px 0 #cbd5e1;transform:translateY(0);transition:all .1s ease}.btn-3d-gray:active{box-shadow:0 0 0 #cbd5e1;transform:translateY(4px)}.dojo-card{border:3px solid #e2e8f0;box-shadow:0 8px 0 #e2e8f0;border-radius:2rem;transition:all .2s ease}.dojo-card:hover{transform:translateY(-2px);box-shadow:0 10px 0 #cbd5e1}.dojo-card-purple{border:3px solid #e9d5ff;box-shadow:0 8px 0 #e9d5ff;border-radius:2rem;transition:all .2s ease}.dojo-card-purple:hover{transform:translateY(-2px);box-shadow:0 10px 0 #d8b4fe}.dojo-card-green{border:3px solid #bbf7d0;box-shadow:0 8px 0 #bbf7d0;border-radius:2rem;transition:all .2s ease}.dojo-card-green:hover{transform:translateY(-2px);box-shadow:0 10px 0 #86efac}.speech-bubble{position:relative;background:white;border:3px solid #e2e8f0;border-radius:1.5rem;box-shadow:0 4px 0 #e2e8f0}.speech-bubble:after,.speech-bubble:before{content:"";position:absolute;border-style:solid}.speech-bubble:before{border-width:15px 15px 0 0;border-color:#e2e8f0 transparent transparent;bottom:-18px;left:40px}.speech-bubble:after{border-width:12px 12px 0 0;border-color:white transparent transparent;bottom:-12px;left:41.5px}@keyframes jb-shake{0%,to{transform:translateX(0)}25%{transform:translateX(-8px)}75%{transform:translateX(8px)}}.shake-anim{animation:jb-shake .3s ease-in-out 2}.browser-frame{border-radius:1rem;overflow:hidden;border:1px solid #e2e8f0;box-shadow:0 20px 40px -12px rgba(15,23,42,.18);background:#fff}.shot-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem;aspect-ratio:16/9;background:repeating-linear-gradient(45deg,#f8fafc,#f8fafc 14px,#f1f5f9 0,#f1f5f9 28px);color:#64748b;text-align:center;padding:1.5rem}.shot-placeholder__icon{font-size:2.25rem}.shot-placeholder__title{font-weight:800;color:#475569}.shot-placeholder__path{font-size:.78rem;color:#64748b;background:#fff;border:1px solid #e2e8f0;border-radius:9999px;padding:.2rem .7rem}@keyframes tab-progress{0%{width:0}to{width:100%}}.tab-progress-bar{width:0;animation-name:tab-progress;animation-timing-function:linear;animation-fill-mode:forwards}@media (prefers-reduced-motion:reduce){.tab-progress-bar{animation:none!important;width:100%}}.card-legendary{border:3px solid #fde047;box-shadow:0 8px 0 #f59e0b;border-radius:2rem}.card-legendary:hover{box-shadow:0 12px 0 #d97706;transform:translateY(-4px)}.card-rare{border:3px solid #c084fc;box-shadow:0 8px 0 #a855f7;border-radius:2rem}.card-rare:hover{box-shadow:0 12px 0 #9333ea;transform:translateY(-4px)}.card-epic{border:3px solid #6ee7b7;box-shadow:0 8px 0 #10b981;border-radius:2rem}.card-epic:hover{box-shadow:0 12px 0 #059669;transform:translateY(-4px)}.card-common{border:3px solid #cbd5e1;box-shadow:0 8px 0 #94a3b8;border-radius:2rem}.card-common:hover{box-shadow:0 12px 0 #64748b;transform:translateY(-4px)}