@import"https://fonts.googleapis.com/css2?family=Macondo&display=swap";@font-face{font-family:Renaissance;src:url(/fonts/Renaissance.woff2) format("woff2"),url(/fonts/Renaissance.woff) format("woff"),url(/fonts/Renaissance.ttf) format("truetype"),url(/fonts/Renaissance.otf) format("opentype");font-weight:400;font-style:normal}*{margin:0;padding:0;box-sizing:border-box}:root{--color-bg-primary: #1a1421;--color-bg-secondary: #1a1a2e;--color-accent-gold: #EFD2A5;--color-accent-gold-soft: #EFD2A5;--color-accent-purple: #644074;--color-gradient-start: #1a1421;--color-gradient-end: #301E44;--color-parchment: #986A98;--color-parchment-dark: #391F35;--radius-card: 10px;--radius-card-inner: 6px;--radius-small: 12px;--shadow-card: 0 8px 24px rgba(100, 64, 116, .45);--shadow-card-hover: 0 12px 32px rgba(239, 210, 165, .3);--shadow-selected: 0 0 30px rgba(239, 210, 165, .6)}*:focus,*:active{outline:none!important;box-shadow:none!important}img,.card,.card *{outline:none!important;user-select:none;-webkit-user-select:none;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none}html,body,#root,*{font-family:Renaissance,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif!important}body{background:var(--color-bg-primary);color:#eee;line-height:1.6;overflow-x:hidden}html,body{overflow-x:hidden;max-width:100vw}html{scroll-behavior:smooth}.loading,.error{text-align:center;padding:40px 20px;font-size:18px;min-height:100vh;display:flex;align-items:center;justify-content:center}.loading{color:var(--color-accent-gold);animation:pulse 1.5s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.error{color:#ff6b6b}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@media (prefers-color-scheme: dark){:root{color-scheme:dark}}.app{min-height:100vh;background:linear-gradient(135deg,var(--color-gradient-start) 0%,var(--color-gradient-end) 100%);padding-bottom:20px;position:relative;isolation:isolate;overflow-x:hidden}.app-starry-background{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0;overflow:hidden}.app-floating-star{position:absolute;object-fit:contain;opacity:.42;filter:drop-shadow(0 0 10px rgba(239,210,165,.55));mix-blend-mode:screen;animation:app-float-star 6s ease-in-out infinite}.app-floating-star.purple-star{filter:drop-shadow(0 0 10px rgba(152,106,152,.6))}.app-floating-dot{position:absolute;border-radius:50%;background:#efd2a599;box-shadow:0 0 8px #efd2a5cc;animation:app-pulse-dot 4s ease-in-out infinite}.app-floating-dot.purple-dot{background:#986a9899;box-shadow:0 0 8px #986a98cc}@keyframes app-float-star{0%,to{transform:translateY(0) rotate(0);opacity:.35}50%{transform:translateY(-8px) rotate(8deg);opacity:.6}}@keyframes app-pulse-dot{0%,to{opacity:.3;transform:scale(1)}50%{opacity:.65;transform:scale(1.4)}}.header{background:linear-gradient(135deg,#391f35,#644074);padding:4px 12px;text-align:center;position:relative;z-index:2;box-shadow:0 2px 10px #00000059}.content{position:relative;z-index:2}.logo-img{position:absolute;top:-30px;left:50%;transform:translate(-50%);max-width:160px;width:auto;height:auto;z-index:10;pointer-events:none}.app-logo{display:block;margin:10px auto 8px;max-width:240px;width:80%;height:auto;filter:drop-shadow(0 0 20px rgba(239,210,165,.8));image-rendering:high-quality;-webkit-backface-visibility:hidden;backface-visibility:hidden;transform:translateZ(0)}.header-logo{position:relative;display:block;margin:0 auto;max-width:260px;width:80%;height:auto;transform:translateY(18px);filter:drop-shadow(0 0 22px rgba(239,210,165,.8));z-index:3}.header-star{position:absolute;pointer-events:none;opacity:.6;z-index:0;width:28px;height:28px;animation:float-star 4s ease-in-out infinite}.hs-1{top:12%;left:8%;animation-delay:0s;width:32px;height:32px}.hs-2{top:18%;right:10%;animation-delay:.5s;width:26px;height:26px}.hs-3{top:45%;left:5%;animation-delay:1s;width:24px;height:24px}.hs-4{top:55%;right:7%;animation-delay:1.5s;width:30px;height:30px}.hs-5{top:75%;left:12%;animation-delay:2s;width:22px;height:22px}.hs-6{top:80%;right:15%;animation-delay:2.5s;width:28px;height:28px}.header-dot{position:absolute;pointer-events:none;opacity:.4;z-index:2;width:6px;height:6px;border-radius:50%;animation:pulse-dot 3s ease-in-out infinite}.hd-1{top:20%;left:18%;animation-delay:0s}.hd-2{top:30%;right:20%;animation-delay:.8s}.hd-3{top:50%;left:25%;animation-delay:1.2s}.hd-4{top:60%;right:25%;animation-delay:1.8s}.hd-5{top:35%;left:45%;animation-delay:2.2s}.hd-6{top:70%;right:40%;animation-delay:2.8s}.hd-7{top:25%;right:50%;animation-delay:.5s}.hd-8{top:65%;left:50%;animation-delay:1.5s}@keyframes float-star{0%,to{transform:translateY(0) rotate(0);opacity:.6}50%{transform:translateY(-5px) rotate(5deg);opacity:.85}}@keyframes pulse-dot{0%,to{opacity:.25;transform:scale(1)}50%{opacity:.65;transform:scale(1.4)}}.header h1{font-size:32px;letter-spacing:1.5px;margin-bottom:0;text-shadow:0 2px 10px #1a1421;background:linear-gradient(45deg,#efd2a5,#986a98);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;position:relative;z-index:3}.header-divider{display:none;width:100vw;min-width:100%;max-width:100vw;margin:0;height:1px;background:linear-gradient(90deg,#efd2a5,#fff4df,#efd2a5);border-radius:6px;box-shadow:0 0 20px 4px #efd2a580,0 1px 30px #efd2a540;animation:divider-pulse 3s ease-in-out infinite;position:relative;left:50%;transform:translate(-50%);z-index:5}.question-display{margin:8px auto 10px;padding:10px 18px;max-width:330px;font-size:15px;border-radius:20px;border:1px solid #EFD2A5;background:radial-gradient(circle at top,#553056,#301e44 55%,#251737);-webkit-backdrop-filter:none;backdrop-filter:none;box-shadow:0 4px 18px #00000073}.question-display h3{font-size:14px;color:#efd2a5;opacity:1;margin-bottom:8px;letter-spacing:.5px}.question-text{font-size:15px;font-style:italic;color:#efd2a5;text-shadow:0 1px 7px rgba(100,64,116,.3);line-height:1.4;text-align:center}.content{padding:8px 20px 20px;max-width:1200px;margin:0 auto;position:relative;z-index:2}@media (max-width: 480px){.header h1{font-size:26px}.header-star{width:22px;height:22px}.hs-1{width:26px;height:26px}.hs-4{width:24px;height:24px}}.cards-grid{display:flex;flex-wrap:wrap;justify-content:center;align-items:flex-start;gap:4px 10px!important;margin:0 auto;max-width:100%;padding:0 10px}.card{background:transparent;width:30%;max-width:115px;flex-shrink:0;perspective:1000px;aspect-ratio:7 / 12;cursor:pointer;border-radius:var(--radius-card);position:relative;transition:transform .25s,box-shadow .22s;outline:none;box-shadow:0 8px 32px #1a1421cc;border:none}.card:focus,.card:active{outline:none;box-shadow:none}.card img:focus,.card img:active{outline:none;box-shadow:none}.card:not(.selected):not(.revealed):hover{transform:scale(1.03) translateY(-4px);box-shadow:0 0 30px #efd2a580,0 8px 32px #1a1421cc}.card:active{transform:scale(.98)}.card-inner{position:relative;width:100%;height:100%;transition:transform .5s;transform-style:preserve-3d}.card.revealed .card-inner{transform:rotateY(180deg)}.card-front,.card-back{position:absolute;top:0;left:0;width:100%;height:100%;backface-visibility:hidden;border-radius:var(--radius-card)}.card-back-img{object-fit:cover;width:100%;height:100%;border-radius:var(--radius-card);box-shadow:var(--shadow-card);-webkit-user-select:none;user-select:none;pointer-events:none}.card-back{background:transparent!important;border:none!important;box-shadow:none!important;display:flex;align-items:center;justify-content:center;overflow:hidden}.card-back-content{display:flex;flex-direction:column;align-items:center;gap:10px;z-index:2;-webkit-backface-visibility:hidden;backface-visibility:hidden;transform:translateZ(0)}.sparkle{font-size:40px;animation:float 3s ease-in-out infinite;-webkit-backface-visibility:hidden;backface-visibility:hidden;will-change:transform}.crystal{font-size:60px;opacity:.8;-webkit-backface-visibility:hidden;backface-visibility:hidden}.card.revealed .card-back-content{opacity:0;pointer-events:none;visibility:hidden}@keyframes float{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-10px) rotate(5deg)}}.card-back:after{content:"";position:absolute;top:10px;left:10px;right:10px;bottom:10px;border:none;border-radius:var(--radius-card-inner);z-index:1}.card-front{background:#fff;transform:rotateY(180deg);border:2px solid #EFD2A5;padding:6px;overflow:hidden;display:flex;align-items:center;justify-content:center;box-shadow:0 8px 24px #00000052}.card-front img{width:100%;height:100%;object-fit:cover;display:block;border-radius:8px;box-shadow:none}.card.selected{animation:pulse-select .35s cubic-bezier(.5,1.8,.5,.9)}.card.selected .card-front{padding:2px;background:linear-gradient(135deg,#efd2a5,#f5e6c8,#efd2a5);box-shadow:0 2px 48px #efd2a559}.card.selected .card-front img{box-shadow:none}@keyframes pulse-select{0%,to{transform:scale(1)}20%{transform:scale(1.08) rotate(3deg)}60%{transform:scale(1.05) rotate(-3deg)}}.selection-badge{position:absolute;top:-6px!important;right:-6px!important;width:28px!important;height:28px!important;background:#efd2a5;border-radius:50%;border:1.5px solid #986A98;display:flex;align-items:center;justify-content:center;font-size:15px!important;color:#391f35;font-weight:700;box-shadow:0 4px 18px #efd2a58c;z-index:10;animation:badge-appear .3s ease}@keyframes badge-appear{0%{transform:scale(0) rotate(-180deg);opacity:0}to{transform:scale(1) rotate(0);opacity:1}}.card.reversed .card-front img{transform:rotate(180deg)!important}.card-front,.card-front img{transition:transform .3s ease-in-out}.card.wrong-card{animation:shake-wrong .4s ease}@keyframes shake-wrong{0%,to{transform:translate(0)}20%{transform:translate(-8px)}40%{transform:translate(8px)}60%{transform:translate(-6px)}80%{transform:translate(6px)}}.selection-counter{display:flex;align-items:center;justify-content:center;gap:8px;background:#301e44a6;border:2px solid #EFD2A5;border-radius:20px;padding:8px 18px;margin:0 auto 16px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:0 4px 12px #00000040;width:fit-content;color:#efd2a5}.counter-label{font-size:15px;font-weight:600;color:#efd2a5;letter-spacing:.3px}.counter-value{font-size:17px;font-weight:700;color:#efd2a5;text-shadow:0 1px 6px rgba(239,210,165,.4);transition:all .3s ease}.counter-value.complete{color:#986a98;text-shadow:0 0 12px rgba(152,106,152,.8);animation:pulse-complete .5s ease}@keyframes pulse-complete{0%,to{transform:scale(1)}50%{transform:scale(1.15)}}@media (min-width: 768px){.cards-grid{max-width:520px;gap:18px}.card{width:30%;max-width:150px}}@media (min-width: 1024px){.cards-grid{gap:30px}.card{width:200px}}@media (max-width: 480px){.cards-grid{gap:3px 8px!important;max-width:100vw}.card{width:30%;min-width:90px;max-width:110px}.selection-counter{padding:7px 15px}.counter-label{font-size:14px}.counter-value{font-size:16px}.selection-badge{width:26px!important;height:26px!important;font-size:14px!important;top:-5px!important;right:-5px!important}.card-front{padding:6px}.card.selected .card-front{padding:2px}}@media (max-width: 360px){.card{width:30%;min-width:85px}.cards-grid{gap:4px 6px}}.smart-spread-grid{display:grid;gap:10px;justify-content:center;align-items:center;margin:0 auto;padding:10px;max-width:100%}.smart-card-wrapper{display:flex;flex-direction:column;align-items:center;justify-self:center}.smart-spread-grid .card,.smart-card-wrapper .card{width:85px;max-width:85px;aspect-ratio:7 / 12}.position-label{display:none}.smart-spread-grid.layout-single{display:flex;justify-content:center;min-height:260px}.smart-spread-grid.layout-single .card{width:130px;max-width:130px}.smart-spread-grid.layout-horizontal_3{display:flex;justify-content:center;gap:15px;padding:20px 10px}.smart-spread-grid.layout-horizontal_3 .card{width:95px;max-width:95px}.horizontal-5-w-layout{display:flex;flex-direction:column;align-items:center;gap:10px;padding:10px}.w-row-1,.w-row-2{display:flex;gap:12px;justify-content:center}.horizontal-5-w-layout .card{width:85px;max-width:85px}.smart-spread-grid.layout-relationship_5{grid-template-columns:1fr 1fr 1fr;grid-template-rows:repeat(4,auto);gap:10px 20px;max-width:320px}.smart-spread-grid.layout-relationship_5 .card{width:90px;max-width:90px}.smart-spread-grid.layout-relationship_5 .smart-card-wrapper:nth-child(1){grid-column:1;grid-row:1}.smart-spread-grid.layout-relationship_5 .smart-card-wrapper:nth-child(2){grid-column:3;grid-row:1}.smart-spread-grid.layout-relationship_5 .smart-card-wrapper:nth-child(3){grid-column:2;grid-row:2}.smart-spread-grid.layout-relationship_5 .smart-card-wrapper:nth-child(4){grid-column:2;grid-row:3}.smart-spread-grid.layout-relationship_5 .smart-card-wrapper:nth-child(5){grid-column:2;grid-row:4}.smart-spread-grid.layout-fork_5{grid-template-columns:1fr 1fr;grid-template-rows:repeat(3,auto);gap:10px 30px;max-width:280px}.smart-spread-grid.layout-fork_5 .card{width:85px;max-width:85px}.smart-spread-grid.layout-fork_5 .smart-card-wrapper:nth-child(1){grid-column:1 / 3;grid-row:1;justify-self:center}.smart-spread-grid.layout-fork_5 .smart-card-wrapper:nth-child(2){grid-column:1;grid-row:2}.smart-spread-grid.layout-fork_5 .smart-card-wrapper:nth-child(3){grid-column:1;grid-row:3}.smart-spread-grid.layout-fork_5 .smart-card-wrapper:nth-child(4){grid-column:2;grid-row:2}.smart-spread-grid.layout-fork_5 .smart-card-wrapper:nth-child(5){grid-column:2;grid-row:3}.celtic-cross-container{display:flex;flex-direction:column;align-items:center;gap:15px;padding:10px}.celtic-cross-grid{display:grid;grid-template-areas:". top ." "left center right" ". bottom .";gap:8px;justify-items:center;align-items:center}.celtic-pos{position:relative}.celtic-pos.celtic-top{grid-area:top;z-index:20}.celtic-pos.celtic-left{grid-area:left;z-index:5}.celtic-pos.celtic-center{grid-area:center;z-index:10}.celtic-pos.celtic-right{grid-area:right;z-index:5}.celtic-pos.celtic-bottom{grid-area:bottom;z-index:20}.celtic-cross-overlay{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) rotate(90deg);width:100%;z-index:2}.celtic-cross-overlay .card{width:100%;max-width:100%;opacity:.92}.celtic-cross-container .card{width:75px;max-width:75px}.celtic-staff-grid{display:flex;flex-direction:column-reverse;gap:8px;align-items:center}.staff-pos .card{width:85px;max-width:85px}.page-indicator{display:flex;gap:8px;justify-content:center;margin-top:10px}.page-indicator span{font-size:12px;color:#efd2a566;transition:color .3s ease}.page-indicator span.active{color:#efd2a5;text-shadow:0 0 8px rgba(239,210,165,.6)}.circle-12-half-layout{display:flex;flex-direction:column;align-items:center;gap:15px;padding:10px}.half-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;max-width:320px}.month-card-wrapper .card{width:90px;max-width:90px}.cross-4-layout{display:flex;flex-direction:column;align-items:center;gap:8px;padding:10px}.cross-4-layout .cross-row{display:flex;justify-content:center}.cross-4-layout .cross-middle{gap:8px}.cross-4-layout .card{width:85px;max-width:85px}.horseshoe-7-layout{display:flex;flex-direction:column;align-items:center;gap:8px;padding:10px}.horseshoe-row{display:flex;justify-content:center;gap:10px}.horseshoe-top{gap:20px}.horseshoe-mid{gap:80px}.horseshoe-bottom{gap:40px}.horseshoe-7-layout .card{width:75px;max-width:75px}.horizontal-4-layout{display:flex;justify-content:center;gap:12px;padding:20px 10px}.horizontal-4-layout .card{width:80px;max-width:80px}@media (max-width: 380px){.celtic-cross-container .card{width:65px;max-width:65px}.staff-pos .card{width:75px;max-width:75px}.month-card-wrapper .card{width:80px;max-width:80px}.half-grid{max-width:280px;gap:8px}.cross-4-layout .card{width:75px;max-width:75px}.horseshoe-7-layout .card{width:65px;max-width:65px}.horseshoe-mid{gap:60px}.horseshoe-bottom{gap:30px}.horizontal-4-layout .card{width:70px;max-width:70px}}.success-screen{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:20px;color:#efd2a5;z-index:2;position:relative}.success-content{text-align:center;padding:40px 20px;animation:success-appear .6s ease;max-width:600px}@keyframes success-appear{0%{transform:scale(.8);opacity:0}to{transform:scale(1);opacity:1}}.success-content h2{font-size:24px;color:#efd2a5;margin-bottom:20px;animation:sparkle-text 1.45s ease-in-out infinite;letter-spacing:.5px;text-shadow:0 2px 10px rgba(239,210,165,.5);white-space:nowrap}@keyframes sparkle-text{0%,to{opacity:1;text-shadow:0 0 10px rgba(239,210,165,.5)}50%{opacity:.8;text-shadow:0 0 20px rgba(239,210,165,.8)}}.success-content p{font-size:18px;color:#efd2a5;margin-bottom:30px}.close-button{background:linear-gradient(135deg,#efd2a5,#986a98);color:#391f35;border:none;padding:16px 32px;font-size:18px;font-weight:700;border-radius:12px;cursor:pointer;box-shadow:0 0 16px #efd2a599,0 8px 24px #00000073;transition:transform .18s,box-shadow .18s;animation:button-fade-in .5s ease}.close-button:hover{transform:translateY(-1px) scale(1.04);box-shadow:0 12px 45px #efd2a585}.close-button:active{transform:scale(.97)}@keyframes button-fade-in{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.success-card{position:relative;flex-shrink:0}.success-card img{width:100%;height:auto;aspect-ratio:7/12;object-fit:cover;border-radius:8px;border:2px solid #EFD2A5;box-shadow:0 4px 16px #efd2a54d}.success-card img.reversed{transform:rotate(180deg)}.success-spread-layout{display:flex;justify-content:center;align-items:center;margin-bottom:20px}.success-single{display:flex;justify-content:center}.success-single .success-card{width:240px}.success-horizontal-3{display:flex;gap:15px;justify-content:center}.success-horizontal-3 .success-card{width:95px}.success-w-5{display:flex;flex-direction:column;align-items:center;gap:10px}.sw5-row-1,.sw5-row-2{display:flex;gap:12px;justify-content:center}.success-w-5 .success-card{width:90px}.success-relationship-5{display:flex;flex-direction:column;align-items:center;gap:10px}.sr5-row-1{display:flex;flex-direction:row;gap:110px;justify-content:center}.sr5-row-2,.sr5-row-3,.sr5-row-4{display:flex;justify-content:center}.success-relationship-5 .success-card{width:90px}.success-fork-5{display:flex;flex-direction:column;align-items:center;gap:10px}.sf5-row-1{display:flex;justify-content:center}.sf5-row-2,.sf5-row-3{display:flex;gap:30px;justify-content:center}.success-fork-5 .success-card{width:90px}.success-celtic-full{display:flex;gap:15px;align-items:center;justify-content:center}.success-celtic-cross{display:flex;flex-direction:column;align-items:center;gap:5px}.scc-row{display:flex;justify-content:center}.scc-middle-row{display:flex;align-items:center;gap:5px}.scc-center-stack{position:relative;width:60px}.scc-overlay{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) rotate(90deg);width:100%}.success-celtic-staff{display:flex;flex-direction:column;gap:5px}.success-celtic-full .success-card{width:60px}.success-grid-12{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;max-width:320px}.success-grid-12 .success-card{width:70px}.success-cross-4{display:flex;flex-direction:column;align-items:center;gap:5px}.success-cross-4 .sc4-row{display:flex;justify-content:center}.success-cross-4 .sc4-middle{gap:5px}.success-cross-4 .success-card{width:80px}.success-horseshoe-7{display:flex;flex-direction:column;align-items:center;gap:8px}.success-horseshoe-7 .horseshoe-row{display:flex;justify-content:center}.success-horseshoe-7 .horseshoe-top{gap:20px}.success-horseshoe-7 .horseshoe-mid{gap:80px}.success-horseshoe-7 .horseshoe-bottom{gap:40px}.success-horseshoe-7 .sh7-row-1{gap:8px}.success-horseshoe-7 .sh7-row-2{gap:80px}.success-horseshoe-7 .sh7-row-3{gap:130px}.success-horseshoe-7 .success-card{width:65px}.success-grid-fallback{display:flex;flex-wrap:wrap;gap:10px;justify-content:center}.success-grid-fallback .success-card{width:90px}@media (max-width: 480px){.close-button{font-size:16px;padding:14px 28px}.success-single .success-card{width:200px}.success-horizontal-3{gap:10px}.success-horizontal-3 .success-card{width:85px}.sw5-row-1,.sw5-row-2{gap:10px}.success-w-5 .success-card{width:85px}.sr5-row-1{gap:100px}.success-relationship-5 .success-card{width:85px}.sf5-row-2,.sf5-row-3{gap:25px}.success-fork-5 .success-card{width:85px}.success-celtic-full .success-card,.scc-center-stack{width:52px}.success-grid-12{max-width:280px;gap:8px}.success-grid-12 .success-card{width:60px}}@media (max-width: 380px){.success-content h2{font-size:20px;letter-spacing:0}.success-horseshoe-7 .sh7-row-2{gap:60px}.success-horseshoe-7 .sh7-row-3{gap:100px}.success-horseshoe-7 .success-card{width:55px}.success-single .success-card{width:200px}.success-w-5 .success-card,.success-relationship-5 .success-card,.success-fork-5 .success-card{width:80px}.sr5-row-1{gap:90px}.success-celtic-full .success-card,.scc-center-stack{width:48px}.success-grid-12 .success-card{width:55px}}@media (max-width: 340px){.success-content h2{font-size:18px}}.selected-cards-preview{display:flex;justify-content:center;gap:15px;margin:20px 0}.preview-card{width:90px;text-align:center}.preview-card img{width:100%;height:auto;border-radius:8px;border:2px solid #EFD2A5;box-shadow:0 4px 16px #efd2a54d}.preview-card img.reversed{transform:rotate(180deg)}.preview-card p{margin-top:8px;font-size:12px;color:#efd2a5}@media (max-width: 480px){.selected-cards-preview{gap:10px}.preview-card{width:85px}}@media (max-width: 380px){.preview-card{width:75px}.preview-card p{font-size:11px}}.preview-card .position-label{display:block;font-size:11px;color:#986a98;margin-bottom:6px;text-transform:uppercase;letter-spacing:.5px}.preview-card{cursor:pointer;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}.preview-card img{pointer-events:none}.selected-cards-preview,.preview-card,.success-card,.success-spread-layout{-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}.preview-card,.success-card{cursor:pointer}.preview-card img,.success-card img{pointer-events:none;-webkit-user-drag:none}.card-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000d9;display:flex;align-items:center;justify-content:center;z-index:1000;animation:modal-fade-in .2s ease}.card-modal{display:flex;flex-direction:column;align-items:center;animation:modal-scale-in .25s ease}@keyframes modal-scale-in{0%{transform:scale(.8);opacity:0}to{transform:scale(1);opacity:1}}.card-modal img{width:200px;height:auto;border-radius:12px;border:3px solid #EFD2A5;box-shadow:0 8px 40px #efd2a566}.card-modal img.reversed{transform:rotate(180deg)}.card-modal-info{margin-top:16px;text-align:center}.card-modal-position{display:block;font-size:14px;color:#986a98;text-transform:uppercase;letter-spacing:1px;margin-bottom:6px}.card-modal-name{display:block;font-size:18px;color:#efd2a5;font-weight:500}@media (max-width: 380px){.card-modal img{width:160px}.card-modal-name{font-size:16px}}.instruction-modal{position:fixed;top:0;left:0;width:100%;height:100%;background:#1a1421f0;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:1000;animation:modal-fade-in .4s ease;padding:20px}@keyframes modal-fade-in{0%{opacity:0}to{opacity:1}}.instruction-content{background:linear-gradient(135deg,#644074fa,#301e44fa 80%);border:2px solid #EFD2A5;border-radius:20px;padding:32px 24px;max-width:380px;width:100%;text-align:center;box-shadow:0 12px 48px #0009,0 0 80px #efd2a526;animation:modal-scale-in .4s cubic-bezier(.175,.885,.32,1.275);position:relative;overflow:hidden;color:#efd2a5}@keyframes modal-scale-in{0%{transform:scale(.8) translateY(20px);opacity:0}to{transform:scale(1) translateY(0);opacity:1}}.modal-star{position:absolute;pointer-events:none;opacity:.5;z-index:1;width:24px;height:24px;animation:float-modal-star 4s ease-in-out infinite}.ms-1{top:8%;left:10%;animation-delay:0s;width:26px;height:26px}.ms-2{top:15%;right:12%;animation-delay:.6s;width:22px;height:22px}.ms-3{bottom:12%;left:8%;animation-delay:1.2s;width:20px;height:20px}.ms-4{bottom:18%;right:10%;animation-delay:1.8s;width:24px;height:24px}.modal-dot{position:absolute;pointer-events:none;opacity:.35;z-index:1;width:5px;height:5px;border-radius:50%;animation:pulse-modal-dot 3s ease-in-out infinite}.md-1{top:25%;left:20%;animation-delay:0s}.md-2{top:35%;right:18%;animation-delay:.7s}.md-3{top:60%;left:15%;animation-delay:1.4s}.md-4{top:70%;right:22%;animation-delay:2.1s}.md-5{top:45%;left:50%;animation-delay:2.8s}.md-6{bottom:30%;right:50%;animation-delay:.4s}@keyframes float-modal-star{0%,to{transform:translateY(0) rotate(0);opacity:.5}50%{transform:translateY(-4px) rotate(5deg);opacity:.75}}@keyframes pulse-modal-dot{0%,to{opacity:.2;transform:scale(1)}50%{opacity:.55;transform:scale(1.3)}}.instruction-icon{font-size:64px;margin-bottom:16px;animation:float-icon 3s ease-in-out infinite;position:relative;z-index:2}@keyframes float-icon{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-8px) scale(1.05)}}.instruction-content h2{font-size:26px;color:#efd2a5;margin-bottom:12px;letter-spacing:1px;text-shadow:0 2px 12px rgba(239,210,165,.5);position:relative;z-index:2}.instruction-content p{font-size:16px;color:#efd2a5;line-height:1.5;margin-bottom:24px;position:relative;z-index:2}.instruction-close{background:linear-gradient(135deg,#efd2a5,#986a98);color:#391f35;border:1.5px solid #301E44;padding:14px 32px;font-size:17px;font-weight:700;border-radius:12px;cursor:pointer;box-shadow:0 4px 16px #efd2a566;transition:all .2s ease;font-family:Renaissance,sans-serif;position:relative;z-index:2}.instruction-close:hover{transform:translateY(-2px) scale(1.03);box-shadow:0 8px 24px #efd2a599}.instruction-close:active{transform:scale(.97)}.instructions{display:none}@media (max-width: 480px){.instruction-content{padding:28px 20px;max-width:340px}.instruction-content h2{font-size:22px}.instruction-content p{font-size:15px}.instruction-icon{font-size:56px}.modal-star{width:18px;height:18px}.ms-1{width:20px;height:20px}.ms-2{width:16px;height:16px}}.app-root{min-height:100vh;min-height:100dvh;display:flex;flex-direction:column;align-items:center;background:linear-gradient(135deg,var(--color-gradient-start) 0%,var(--color-gradient-end) 100%);position:relative;overflow-x:hidden}.layout{width:100%;max-width:960px;padding:0;position:relative;z-index:1}.starry-background{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0;overflow:hidden}.floating-star{position:absolute;object-fit:contain;opacity:.35;filter:drop-shadow(0 0 12px rgba(239,210,165,.6));mix-blend-mode:screen;animation:float-star-landing 6s ease-in-out infinite;will-change:transform,opacity}.floating-star.purple-star{filter:drop-shadow(0 0 12px rgba(152,106,152,.7))}.floating-dot{position:absolute;border-radius:50%;background:#efd2a599;box-shadow:0 0 8px #efd2a5cc;animation:pulse-dot-landing 4s ease-in-out infinite;will-change:transform,opacity}.floating-dot.purple-dot{background:#986a9899;box-shadow:0 0 8px #986a98cc}@keyframes float-star-landing{0%,to{transform:translateY(0) rotate(0);opacity:.3}50%{transform:translateY(-15px) rotate(10deg);opacity:.6}}@keyframes pulse-dot-landing{0%,to{opacity:.3;transform:scale(1)}50%{opacity:.7;transform:scale(1.5)}}.hero{position:relative;width:100%;min-height:auto;padding:clamp(40px,8vh,80px) 20px clamp(30px,5vh,50px);overflow:hidden}.hero-inner{position:relative;width:100%;max-width:600px;margin:0 auto;display:flex;flex-direction:column;align-items:center;text-align:center;z-index:2}.logo-wrapper{position:relative;display:flex;align-items:center;justify-content:center;margin-bottom:clamp(10px,2vw,18px)}.logo-glow{position:absolute;top:50%;left:50%;width:clamp(180px,45vw,320px);height:clamp(180px,45vw,320px);transform:translate(-50%,-50%);background:radial-gradient(circle,rgba(147,112,219,.6) 0%,rgba(138,93,178,.45) 25%,rgba(100,64,140,.3) 45%,rgba(75,50,110,.15) 65%,transparent 85%);border-radius:50%;pointer-events:none;z-index:0;filter:blur(8px)}.logo-circle{position:relative;width:clamp(120px,28vw,200px);height:clamp(120px,28vw,200px);border-radius:50%;overflow:hidden;z-index:1;box-shadow:none;background:transparent;outline:none!important;-webkit-tap-highlight-color:transparent;cursor:default}.logo-circle:before,.logo-circle:after{display:none}.logo-circle-image{width:100%;height:100%;border-radius:50%;object-fit:cover;border:1.5px solid rgba(180,140,220,.8);box-shadow:0 0 20px #9370dbb3,0 0 40px #805ac880,0 0 60px #6446a04d;outline:none!important;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;user-select:none;-webkit-user-select:none;pointer-events:none}.hero h1{font-family:Macondo,cursive;font-size:clamp(22px,6vw,42px);letter-spacing:.06em;text-transform:uppercase;color:var(--color-accent-gold-soft);margin-bottom:clamp(6px,1.5vw,12px);text-shadow:0 0 14px rgba(239,210,165,.55);line-height:1.15}.subtitle{max-width:min(92%,420px);margin:0 auto clamp(16px,3vw,24px);font-size:clamp(12px,3vw,15px);line-height:1.45;color:#c9b8e0;hyphens:none;-webkit-hyphens:none}.hero-actions{display:flex;justify-content:center}.btn{border:none;border-radius:999px;padding:clamp(12px,2.5vw,16px) clamp(28px,6vw,44px);font-size:clamp(14px,3vw,16px);cursor:pointer;text-decoration:none;transition:transform .15s ease,box-shadow .15s ease;-webkit-user-select:none;user-select:none}.btn-primary{background:var(--color-accent-gold-soft);color:#2b153b;box-shadow:0 10px 30px #0009}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 14px 35px #000000b3}.btn-ghost{background:transparent;color:var(--color-accent-gold-soft);border:1px solid rgba(239,210,165,.4)}.btn-ghost:hover{background:#efd2a514}.section-title{font-size:clamp(18px,5vw,26px);color:#efd2a5;text-align:center;margin-bottom:clamp(14px,3vw,20px);letter-spacing:1px}.steps-section-v2{padding:clamp(12px,2vw,20px) 12px clamp(10px,2vw,16px)}.steps-container-v2{display:flex;flex-direction:row;gap:8px;max-width:100%;margin:0 auto;padding:0 8px}.step-card-v2{flex:1;min-width:0;background:linear-gradient(145deg,#391f35e6,#301e44e6);border:1px solid rgba(239,210,165,.12);border-radius:12px;padding:10px 8px;display:flex;flex-direction:column;align-items:center;text-align:center;gap:6px;-webkit-user-select:none;user-select:none}.step-number-v2{width:24px;height:24px;background:linear-gradient(135deg,#efd2a5,#986a98);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;color:#1a1421;flex-shrink:0}.step-title-v2{font-size:13px;font-weight:600;color:#efd2a5;margin-bottom:4px;text-align:center;hyphens:none;-webkit-hyphens:none}.step-text-v2{font-size:11px;color:#c9b8e0;line-height:1.4;text-align:center;hyphens:none;-webkit-hyphens:none;word-break:normal}.step-arrow-v2{display:none}.features-section{padding:0 16px clamp(16px,3vmin,24px)}.features-grid-6{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;max-width:100%;margin:0 auto;padding:0 8px}.feature-card-v2{background:linear-gradient(145deg,#391f35e6,#301e44e6);border:1px solid rgba(239,210,165,.12);border-radius:10px;padding:clamp(8px,1.5vmin,12px);transition:all .3s ease;-webkit-user-select:none;user-select:none;text-align:center}.feature-card-v2:hover{transform:translateY(-4px);border-color:#efd2a54d;box-shadow:0 10px 30px #00000040,0 0 15px #efd2a514}.feature-title-v2{font-size:clamp(14px,3.5vw,16px);font-weight:600;color:#efd2a5;margin-bottom:6px;text-align:center}.feature-text-v2{font-size:clamp(12px,3vw,14px);color:#c9b8e0;line-height:1.45;text-align:center;hyphens:none;-webkit-hyphens:none;word-break:normal;overflow-wrap:normal}.footer{width:100%;padding:clamp(12px,2vmin,20px) 16px;padding-bottom:max(clamp(12px,2vmin,20px),env(safe-area-inset-bottom));font-size:clamp(9px,1.8vmin,12px);color:#c9b8e0;display:flex;flex-direction:column;align-items:center;gap:4px;margin-top:auto}.footer-row{display:flex;align-items:center;gap:6px;flex-wrap:wrap;justify-content:center}.footer-sep{opacity:.6}.footer a{color:var(--color-accent-gold-soft);text-decoration:none}.footer a:hover{text-decoration:underline}.footer-copy{opacity:.8;text-align:center}.desktop-purple-block{display:none!important}@media (min-width: 1024px){.desktop-purple-block{display:block!important;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:min(80vh,750px);height:min(80vh,750px);aspect-ratio:1 / 1;background:linear-gradient(145deg,#64407440,#391f3559);border:1px solid rgba(239,210,165,.06);border-radius:50%;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 0 80px #986a9826,inset 0 0 60px #64407414;z-index:0;pointer-events:none}.hero-inner{z-index:2}}@media (max-width: 1023px){.desktop-purple-block{display:none!important;visibility:hidden!important;opacity:0!important;width:0!important;height:0!important}}@media (orientation: landscape) and (max-height: 500px){.logo-circle,.logo-circle-image{width:70px;height:70px}.logo-glow{width:100px;height:100px}.hero h1{font-size:22px;margin-bottom:6px}.subtitle{font-size:11px;margin-bottom:10px}.btn{padding:8px 20px;font-size:12px}}@media (min-width: 1024px){.layout{max-width:1000px}.logo-circle{width:clamp(160px,22vh,220px);height:clamp(160px,22vh,220px)}.hero h1{font-size:clamp(36px,5vh,56px)}.subtitle{font-size:clamp(15px,2vh,18px);max-width:550px}.section-title{font-size:clamp(22px,3vh,28px)}.steps-container-v2{flex-direction:row;max-width:900px}.step-card-v2{flex-direction:column;text-align:center;flex:1;padding:20px}.step-number-v2{margin:0 auto 10px}.step-title-v2{font-size:15px;text-align:center}.step-text-v2{font-size:13px;text-align:center}.features-grid-6{grid-template-columns:repeat(3,1fr);max-width:900px;gap:16px}.feature-card-v2{padding:16px}.feature-title-v2{font-size:13px}.feature-text-v2{font-size:11px}}@media (min-width: 1280px){.layout{max-width:1100px}.desktop-purple-block{width:650px;height:650px;min-width:650px;min-height:650px}.logo-circle{width:240px;height:240px}.hero h1{font-size:58px}.subtitle{font-size:19px;max-width:600px}.btn.btn-primary{padding:18px 48px;font-size:18px}.section-title{font-size:32px;margin-bottom:32px}.steps-container-v2{gap:20px}.step-card-v2{padding:24px 20px;min-width:220px;max-width:280px}.step-number-v2{width:40px;height:40px;font-size:18px}.step-title-v2{font-size:16px}.step-text-v2{font-size:14px}.features-grid-6{gap:20px}.feature-card-v2{padding:22px 18px;border-radius:18px}.feature-title-v2{font-size:15px;margin-bottom:8px}.feature-text-v2{font-size:13px;line-height:1.5}.footer{padding:24px 40px 30px;font-size:14px}.footer-row{gap:12px}.footer-copy{font-size:12px}}@media (min-width: 1920px){.layout{max-width:1400px}.desktop-purple-block{width:850px;height:850px;min-width:850px;min-height:850px}.logo-circle{width:280px;height:280px}.hero h1{font-size:68px}.subtitle{font-size:22px;max-width:700px}}@media print{.starry-background,.app-starry-background,.desktop-purple-block,.floating-star,.floating-dot{display:none!important}.app-root,.app{background:#fff!important}*{color:#000!important}}.card-toast{position:fixed;bottom:90px;left:50%;transform:translate(-50%) translateY(20px);background:linear-gradient(135deg,#391f35bf,#644074bf);border:1px solid rgba(239,210,165,.6);border-radius:12px;padding:12px 20px;display:flex;flex-direction:column;align-items:center;gap:1px;z-index:1000;opacity:0;transition:opacity .4s ease,transform .4s ease;box-shadow:0 6px 24px #0006,0 0 15px #efd2a51a;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);pointer-events:none;text-align:center}.card-toast.visible{opacity:1;transform:translate(-50%) translateY(0)}.toast-card-name{font-size:16px;font-weight:700;color:#efd2a5;text-shadow:0 1px 6px rgba(239,210,165,.4);text-align:center}.toast-label{font-size:11px;color:#efd2a580;margin-top:2px;text-align:center}.toast-position{font-size:13px;font-weight:600;color:#efd2a5e6;font-style:italic;text-align:center}@media (max-width: 480px){.card-toast{bottom:70px;padding:10px 18px;max-width:80%}.toast-card-name{font-size:15px}.toast-label{font-size:10px}.toast-position{font-size:12px}}