*,*:before,*:after{box-sizing:border-box;margin:0;padding:0;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}button,input,optgroup,select,textarea{font-family:inherit}:root{--font-primary: "Be Vietnam Pro", sans-serif;--font-slogan: "Momo Signature", cursive;--color-paper: #FAF7F2;--color-text-main: #211F1F;--color-text-sub: #555353;--color-cta-bg: #27282B;--color-cta-hover: #151618;--color-bubble-bg: #242528;--color-white: #FFFFFF}html,body{width:100%;height:100%;min-height:100vh;background-color:var(--color-paper);color:var(--color-text-main);font-family:var(--font-primary);font-optical-sizing:auto;overflow-x:hidden;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}.landing-page{position:relative;min-height:100vh;width:100%;display:flex;flex-direction:column;justify-content:space-between;align-items:center;background-color:var(--color-paper);background-image:url("/bg%20(4).png");background-size:cover;background-position:center center;background-repeat:no-repeat;background-attachment:fixed;overflow:hidden}.cat-easter-egg-btn{position:absolute;top:clamp(16px,3vh,32px);right:clamp(16px,3vw,36px);z-index:40;background:none;border:none;padding:0;cursor:pointer;outline:none;transition:transform .25s cubic-bezier(.16,1,.3,1),filter .25s ease}.cat-easter-egg-btn:hover{transform:scale(1.1) rotate(4deg);filter:drop-shadow(0 4px 12px rgba(253,162,49,.45))}.cat-easter-egg-btn:active{transform:scale(.95)}.cat-easter-egg-icon{height:64px;width:auto;display:block;pointer-events:none}.hero-content{position:relative;z-index:10;width:100%;max-width:900px;padding:clamp(3.5rem,12vh,7rem) 1.5rem 2rem;margin:auto 0 2rem;display:flex;flex-direction:column;align-items:center;text-align:center;animation:heroEntrance .85s cubic-bezier(.16,1,.3,1) forwards}@keyframes heroEntrance{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}.logo-container{display:flex;justify-content:center;align-items:center;margin-bottom:clamp(1rem,2.5vh,1.75rem)}.brand-logo{width:clamp(210px,22vw,290px);height:auto;filter:drop-shadow(0 2px 8px rgba(33,31,31,.05));transition:transform .35s ease}.brand-logo:hover{transform:scale(1.025)}.hero-slogan{font-family:var(--font-slogan);font-size:clamp(1.6rem,3.2vw,2.35rem);font-weight:400;font-style:normal;color:var(--color-text-main);letter-spacing:-.01em;margin-bottom:clamp(1.25rem,3vh,2rem);line-height:1.35;text-shadow:0 1px 2px rgba(0,0,0,.03)}.cta-wrapper{display:flex;justify-content:center}.cta-button{background-color:var(--color-cta-bg);color:var(--color-white);border:none;outline:none;font-family:var(--font-primary);font-optical-sizing:auto;font-size:clamp(.95rem,1.2vw,1.05rem);font-weight:600;padding:clamp(.7rem,1.4vh,.85rem) clamp(2.2rem,3.8vw,2.8rem);border-radius:9999px;cursor:pointer;box-shadow:0 4px 16px #27282b38;transition:all .25s cubic-bezier(.16,1,.3,1);position:relative}.cta-button:hover{background-color:var(--color-cta-hover);transform:translateY(-2px);box-shadow:0 8px 24px #15161852}.cta-button:active{transform:translateY(0) scale(.97);box-shadow:0 2px 8px #15161840}.mascot-footer{position:relative;z-index:10;width:100%;overflow:hidden;padding-bottom:0;margin-top:auto}.mascot-marquee-container{width:100%;overflow:hidden;display:flex;position:relative;padding-top:65px;padding-bottom:0}.mascot-track{display:flex;align-items:flex-end;width:max-content;animation:marqueeLeftToRight 38s linear infinite;will-change:transform}.mascot-marquee-container:hover .mascot-track{animation-play-state:paused}@keyframes marqueeLeftToRight{0%{transform:translate(-25%)}to{transform:translate(0)}}.mascot-item{position:relative;flex-shrink:0;margin:0 clamp(8px,1.4vw,20px);display:flex;flex-direction:column;align-items:center;cursor:pointer;outline:none;transition:transform .25s cubic-bezier(.16,1,.3,1)}.mascot-item:hover,.mascot-item.active{transform:translateY(-6px)}.mascot-image-wrapper{display:flex;align-items:flex-end;justify-content:center}.mascot-svg{width:auto;height:clamp(100px,17vh,175px);max-width:175px;display:block;pointer-events:none;filter:drop-shadow(0 4px 10px rgba(0,0,0,.05));transition:transform .25s cubic-bezier(.16,1,.3,1)}.mascot-item:hover .mascot-svg,.mascot-item.active .mascot-svg{transform:scale(1.05)}.speech-bubble{position:absolute;bottom:calc(100% + 18px);left:50%;transform:translate(-50%) translateY(4px) scale(.92);display:flex;flex-direction:column;align-items:center;opacity:0;pointer-events:none;transition:all .22s cubic-bezier(.16,1,.3,1);z-index:50;white-space:nowrap}.speech-bubble.visible,.mascot-item:hover .speech-bubble{opacity:1;transform:translate(-50%) translateY(0) scale(1);pointer-events:auto}.bubble-text{background-color:var(--bubble-bg, var(--color-bubble-bg));color:var(--color-white);font-family:var(--font-primary);font-optical-sizing:auto;font-size:clamp(.82rem,1vw,.92rem);font-weight:600;padding:6px 15px;border-radius:9999px;box-shadow:0 4px 14px #00000038;letter-spacing:.01em;transition:background-color .2s ease}.bubble-arrow{width:0;height:0;border-left:5px solid transparent;border-right:5px solid transparent;border-top:6px solid var(--bubble-bg, var(--color-bubble-bg));margin-top:-1px;transition:border-top-color .2s ease}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#211f1f6b;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;justify-content:center;align-items:center;z-index:100;padding:1.25rem;animation:fadeIn .2s ease-out}.modal-card{background:#fffdf9;border-radius:24px;padding:2rem;max-width:440px;width:100%;box-shadow:0 16px 40px #0000002e;position:relative;font-family:var(--font-primary);animation:cardPop .3s cubic-bezier(.16,1,.3,1)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes cardPop{0%{opacity:0;transform:scale(.92) translateY(12px)}to{opacity:1;transform:scale(1) translateY(0)}}.modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.modal-badge{background:#efe9dd;color:#55514c;font-size:.8rem;font-weight:700;padding:4px 10px;border-radius:9999px;text-transform:uppercase;letter-spacing:.05em}.modal-close-btn{background:none;border:none;font-size:1.25rem;color:#888480;cursor:pointer;padding:4px;line-height:1}.modal-close-btn:hover{color:#211f1f}.modal-title{font-size:1.45rem;font-weight:700;color:var(--color-text-main);margin-bottom:.75rem}.modal-desc{font-size:.98rem;line-height:1.55;color:var(--color-text-sub);margin-bottom:1.5rem}.modal-actions{display:flex;justify-content:flex-end}.modal-primary-btn{background:var(--color-cta-bg);color:var(--color-white);border:none;border-radius:9999px;padding:.75rem 1.75rem;font-size:.95rem;font-weight:600;font-family:var(--font-primary);cursor:pointer;transition:background-color .2s ease}.modal-primary-btn:hover{background:var(--color-cta-hover)}.letter-modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#19171685;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;justify-content:center;align-items:center;z-index:120;padding:clamp(1rem,4vw,2.5rem);animation:fadeIn .25s ease-out}.letter-paper-container{position:relative;width:100%;max-width:880px;animation:letterDropIn .4s cubic-bezier(.16,1,.3,1);transform:rotate(-.75deg)}@keyframes letterDropIn{0%{opacity:0;transform:scale(.92) translateY(24px) rotate(-2.5deg)}to{opacity:1;transform:scale(1) translateY(0) rotate(-.75deg)}}.paper-washi-tape{position:absolute;top:-14px;left:50%;transform:translate(-50%) rotate(.6deg);width:130px;height:28px;background:#f5eee1a6;box-shadow:0 2px 6px #00000014;border-left:3px dashed rgba(200,185,160,.45);border-right:3px dashed rgba(200,185,160,.45);z-index:10;pointer-events:none;-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px)}.letter-paper-sheet{position:relative;width:100%;min-height:clamp(480px,66vh,600px);background-color:var(--color-paper);background-image:url("/bg%20(4).png");background-size:cover;background-position:center;border-radius:3px 4px 2px 3px;filter:url(#torn-paper-edge);box-shadow:0 1px 2px #00000012,0 4px 12px #0000001a,0 16px 38px #0000002e,0 30px 60px #0000001f,inset 0 0 50px #beaa8c33;padding:clamp(2.5rem,6vw,4.5rem) clamp(2.5rem,6.5vw,5.25rem);display:flex;flex-direction:column;justify-content:center}.letter-paper-container:before,.letter-paper-container:after{content:"";position:absolute;bottom:12px;width:45%;height:25px;background:transparent;box-shadow:0 16px 22px #00000052;z-index:-1;pointer-events:none}.letter-paper-container:before{left:12px;transform:rotate(-3deg)}.letter-paper-container:after{right:12px;transform:rotate(3deg)}.paper-crease{position:absolute;left:0;right:0;height:1px;pointer-events:none;z-index:2;opacity:.32}.paper-crease.crease-top{top:35%;background:linear-gradient(90deg,transparent 2%,rgba(0,0,0,.08) 15%,rgba(255,255,255,.6) 50%,rgba(0,0,0,.08) 85%,transparent 98%);box-shadow:0 1px 1px #0000000a}.paper-crease.crease-bottom{top:68%;background:linear-gradient(90deg,transparent 2%,rgba(0,0,0,.08) 15%,rgba(255,255,255,.6) 50%,rgba(0,0,0,.08) 85%,transparent 98%);box-shadow:0 1px 1px #0000000a}.letter-close-btn{position:absolute;top:-12px;right:-12px;width:36px;height:36px;border-radius:50%;background:#272524;border:2px solid #FAF7F2;color:#faf7f2;font-size:1rem;font-weight:700;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 4px 12px #00000059;transition:all .22s cubic-bezier(.16,1,.3,1);z-index:20}.letter-close-btn:hover{background:#c0392b;transform:scale(1.15) rotate(90deg);box-shadow:0 6px 16px #c0392b73}.letter-close-btn:active{transform:scale(.95)}.letter-content{font-family:var(--font-slogan);color:var(--color-text-main);max-width:820px;margin:0 auto;width:100%;position:relative;z-index:3}.letter-line{font-family:var(--font-slogan);font-size:clamp(1.2rem,2vw,1.55rem);line-height:1.75;color:#262424;margin-bottom:.35rem;letter-spacing:-.01em}.letter-greeting{margin-bottom:.65rem}.letter-thanks{margin-top:.35rem;margin-bottom:clamp(1.5rem,4vh,2.75rem)}.letter-signatures-row{display:flex;justify-content:space-between;align-items:flex-start;margin-top:clamp(1.5rem,4vh,2.5rem);width:100%;max-width:720px}.signature-column{display:flex;flex-direction:column;align-items:flex-start}.signature-column.right-column{padding-right:clamp(0px,4vw,3rem)}.signature-role-title{font-family:var(--font-slogan);font-size:clamp(1.15rem,1.8vw,1.45rem);color:#262424;margin-bottom:.25rem}.signature-image-box{min-height:70px;display:flex;align-items:center;margin:4px 0 2px}.signature-image-box.paw-box{margin-top:10px;padding-left:20px}.sig-img-trananhtu{width:clamp(150px,20vw,230px);height:auto;display:block}.sig-img-meomeo{width:clamp(38px,4.5vw,48px);height:auto;display:block}.signature-signer-name{font-family:var(--font-slogan);font-size:clamp(1.1rem,1.6vw,1.35rem);color:#262424;margin-top:-2px}@media (max-width: 768px){.cat-easter-egg-icon{height:52px}.hero-content{padding-top:3.5rem;margin-bottom:1rem}.brand-logo{width:200px}.hero-slogan{font-size:1.45rem;margin-bottom:1.25rem}.cta-button{padding:.7rem 2.2rem;font-size:.95rem}.mascot-marquee-container{padding-top:55px}.mascot-svg{height:105px;max-width:105px}.mascot-item{margin:0 10px}.bubble-text{font-size:.8rem;padding:5px 12px}.speech-bubble{bottom:calc(100% + 14px)}.letter-paper-sheet{padding:2.5rem 1.5rem 2rem}.letter-line{font-size:1.15rem;line-height:1.6}.letter-signatures-row{flex-direction:column;gap:1.5rem}.signature-column.right-column{padding-right:0}.letter-close-btn{top:-8px;right:-8px;width:32px;height:32px}}@media (max-width: 480px){.cat-easter-egg-icon{height:46px}.hero-content{padding-top:2.75rem}.brand-logo{width:175px}.hero-slogan{font-size:1.3rem}.mascot-svg{height:85px;max-width:85px}.mascot-track{animation-duration:28s}.speech-bubble{bottom:calc(100% + 12px)}}.wizard-modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#16141394;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;justify-content:center;align-items:center;z-index:130;padding:clamp(.75rem,3vw,2rem);animation:fadeIn .25s ease-out}.wizard-game-card{position:relative;width:100%;max-width:980px;min-height:580px;background-color:#faf7f2;background-image:url("/bg%20(4).png");background-size:cover;background-position:center;border-radius:28px;border:3px solid #E5D9C4;box-shadow:0 24px 60px #00000040,0 6px #d6c7ae;padding:clamp(1.5rem,3vw,2.5rem);display:flex;flex-direction:column;animation:cardPop .35s cubic-bezier(.16,1,.3,1);overflow:hidden}.wizard-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:2px dashed rgba(200,185,160,.4)}.wizard-step-indicator{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.step-pill{background:#efe7da;color:#7a7061;font-family:var(--font-primary);font-size:.85rem;font-weight:700;padding:6px 14px;border-radius:9999px;border:2px solid transparent;transition:all .2s ease}.step-pill.active{background:#27282b;color:#fff;border-color:#27282b;box-shadow:0 3px 10px #00000026}.step-pill.completed{background:#d1e7dd;color:#0f5132}.step-arrow{color:#a89b85;font-size:.9rem}.wizard-close-btn{width:38px;height:38px;border-radius:50%;background:#efe7da;border:2px solid #D6C7AE;color:#4a453e;font-size:1.1rem;font-weight:700;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 2px #c4b59c;transition:all .2s ease}.wizard-close-btn:hover{background:#27282b;color:#fff;border-color:#27282b;transform:scale(1.05)}.wizard-step-content{display:grid;gap:clamp(1.5rem,3.5vw,2.75rem);flex:1;align-items:center}.step-1-layout{grid-template-columns:1fr 1.2fr}.step-2-layout{grid-template-columns:280px 1fr}.step-3-layout,.mascot-stage-col{display:flex;flex-direction:column;align-items:center;justify-content:center}.mascot-podium{position:relative;width:100%;max-width:320px;min-height:280px;display:flex;flex-direction:column;align-items:center;justify-content:flex-end}.stage-speech-bubble{position:relative;background:#26272a;color:#fff;border-radius:18px;padding:10px 16px;font-family:var(--font-primary);font-size:.88rem;line-height:1.45;text-align:center;max-width:290px;margin-bottom:12px;box-shadow:0 6px 18px #0000002e;animation:fadeIn .3s ease}.stage-bubble-arrow{position:absolute;bottom:-6px;left:50%;transform:translate(-50%);width:0;height:0;border-left:6px solid transparent;border-right:6px solid transparent;border-top:6px solid #26272A}.stage-mascot-wrapper{width:180px;height:180px;display:flex;align-items:center;justify-content:center;position:relative;z-index:2;transition:transform .3s cubic-bezier(.16,1,.3,1)}.wiggle-anim{animation:mascotWiggle .4s ease}@keyframes mascotWiggle{0%{transform:scale(1) rotate(0)}25%{transform:scale(1.08) rotate(-4deg)}50%{transform:scale(1.08) rotate(4deg)}75%{transform:scale(1.04) rotate(-2deg)}to{transform:scale(1) rotate(0)}}.stage-svg-container,.stage-fallback-img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 8px 16px rgba(0,0,0,.12))}.stage-svg-container svg{width:100%;height:100%}.podium-pedestal{width:210px;height:28px;border-radius:50%;background:linear-gradient(180deg,#e6dac4,#c7b59a);border:2px solid #B8A589;box-shadow:0 8px 18px #00000024,inset 0 2px 4px #fff9;margin-top:-12px;position:relative;z-index:1}.element-meta-box{margin-top:14px;text-align:center;width:100%}.element-tags{display:flex;gap:8px;justify-content:center;margin-bottom:6px;flex-wrap:wrap}.element-badge{color:#fff;font-family:var(--font-primary);font-size:.85rem;font-weight:700;padding:4px 12px;border-radius:9999px;box-shadow:0 2px 6px #00000026}.element-desc{font-size:.85rem;color:#6b6357;font-style:italic}.wizard-form-col{display:flex;flex-direction:column;padding:.5rem 0}.form-header-badge{display:inline-flex;align-items:center;gap:6px;background:#ede4d3;color:#5d5446;font-size:.8rem;font-weight:700;padding:4px 10px;border-radius:6px;width:fit-content;margin-bottom:.65rem;letter-spacing:.04em}.game-section-title{font-size:clamp(1.4rem,2.2vw,1.85rem);font-weight:800;color:var(--color-text-main);margin-bottom:.5rem;line-height:1.25}.game-section-subtitle{font-size:.95rem;color:#665f53;line-height:1.5;margin-bottom:1.5rem}.year-selector-box{background:#ffffffb3;border:2.5px solid #E5D9C4;border-radius:22px;padding:1.5rem;box-shadow:0 4px #d8cabb;margin-bottom:1.5rem}.game-input-label{display:block;font-family:var(--font-primary);font-size:.92rem;font-weight:700;color:#4a443b;margin-bottom:.75rem;text-transform:uppercase;letter-spacing:.02em}.required-star{color:#e74c3c}.year-stepper-control{display:flex;align-items:center;justify-content:center;gap:16px;margin-bottom:1.25rem}.stepper-btn{width:52px;height:52px;border-radius:50%;background:#27282b;color:#fff;border:none;font-size:1.6rem;font-weight:700;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 4px #111214;transition:all .15s ease}.stepper-btn:hover:not(:disabled){background:#18191b;transform:translateY(-2px);box-shadow:0 6px #111214}.stepper-btn:active:not(:disabled){transform:translateY(2px);box-shadow:0 2px #111214}.stepper-btn:disabled{opacity:.35;cursor:not-allowed}.year-display-card{background:#fffdf9;border:3px solid #E2D7C3;border-radius:20px;padding:10px 28px;min-width:170px;text-align:center;box-shadow:0 4px #d6c7af}.year-number{display:block;font-family:var(--font-primary);font-size:clamp(2.2rem,3.5vw,2.8rem);font-weight:800;color:#211f1f;line-height:1.1}.year-subtext{display:block;font-size:.95rem;font-weight:700;color:#8c6a3e;margin-top:2px}.quick-years-row{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.quick-label{font-size:.85rem;font-weight:600;color:#7a7061}.quick-year-btn{background:#ede4d3;color:#4a443b;border:1.5px solid #D6C7AE;border-radius:9999px;padding:4px 10px;font-size:.85rem;font-weight:600;cursor:pointer;transition:all .18s ease}.quick-year-btn:hover{background:#dfd4c0;border-color:#bba98f}.quick-year-btn.active{background:#27282b;color:#fff;border-color:#27282b}.companion-mascot-sidebar{display:flex;flex-direction:column;align-items:center}.companion-card{background:#ffffffbf;border:2.5px dashed #D6C8AF;border-radius:22px;padding:1.5rem 1.25rem;width:100%;display:flex;flex-direction:column;align-items:center;box-shadow:0 4px #d6c8af}.companion-avatar-wrap{width:130px;height:130px;margin-bottom:12px}.companion-svg-box,.companion-img{width:100%;height:100%;object-fit:contain}.companion-svg-box svg{width:100%;height:100%}.companion-speech{position:relative;background:#27282b;color:#fff;border-radius:14px;padding:10px 14px;font-size:.85rem;line-height:1.45;text-align:center;margin-bottom:12px}.companion-speech-arrow{position:absolute;top:-6px;left:50%;transform:translate(-50%);width:0;height:0;border-left:6px solid transparent;border-right:6px solid transparent;border-bottom:6px solid #27282B}.companion-info-badge{background:#efe7da;border-radius:9999px;padding:4px 12px;font-size:.8rem;font-weight:700;color:#554d41}.game-form-group{margin-bottom:1.4rem}.game-input-wrapper{position:relative}.game-text-input{width:100%;background:#fff;border:2.5px solid #E2D7C3;border-radius:18px;padding:14px 18px;font-family:var(--font-primary);font-size:1.1rem;color:var(--color-text-main);outline:none;box-shadow:0 4px #d6c8af;transition:all .2s ease}.game-text-input:focus{border-color:#27282b;box-shadow:0 4px #27282b}.game-text-input::placeholder{color:#b5a996;font-size:.95rem}.gender-options-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.gender-card-btn{background:#fff;border:2.5px solid #E2D7C3;border-radius:18px;padding:14px 10px;text-align:center;cursor:pointer;box-shadow:0 4px #d6c8af;display:flex;flex-direction:column;align-items:center;transition:all .18s ease;outline:none}.gender-card-btn:hover{transform:translateY(-2px);border-color:#a89b85;box-shadow:0 6px #c4b59c}.gender-card-btn.active{border-color:#27282b;background:#fffdf7;transform:translateY(-3px);box-shadow:0 6px #27282b}.gender-icon{font-size:1.6rem;margin-bottom:4px}.gender-title{font-size:1rem;font-weight:700;color:#27282b;display:block}.gender-sub{font-size:.75rem;color:#8c8273;margin-top:2px;display:block}.id-card-showcase{background:#fff;border:3px solid #27282B;border-radius:24px;box-shadow:0 10px #27282b;max-width:580px;width:100%;overflow:hidden;margin-bottom:2rem;animation:cardPop .35s ease}.id-card-banner{background:#27282b;color:#fff;padding:12px 20px;display:flex;justify-content:space-between;align-items:center;font-weight:700;font-size:.9rem}.id-card-chip{background:#f39c12;color:#fff;font-size:.75rem;padding:2px 8px;border-radius:6px;text-transform:uppercase}.id-card-body{padding:2rem 1.5rem;display:flex;gap:20px;align-items:center}.id-mascot-visual{width:140px;height:140px;flex-shrink:0}.id-svg-box,.id-img{width:100%;height:100%;object-fit:contain}.id-svg-box svg{width:100%;height:100%}.id-details{flex:1}.id-user-name{font-size:1.5rem;font-weight:800;color:#27282b;margin-bottom:8px}.id-badges-row{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:12px}.id-badge{font-size:.8rem;font-weight:700;padding:3px 10px;border-radius:9999px}.gender-badge{background:#efe7da;color:#4a443b}.id-congrats{font-size:.88rem;line-height:1.5;color:#665f53}.wizard-action-footer{display:flex;justify-content:flex-end;margin-top:1rem}.wizard-action-footer.two-buttons{justify-content:space-between}.game-primary-btn{background:#27282b;color:#fff;border:none;font-family:var(--font-primary);font-size:1.05rem;font-weight:700;padding:14px 32px;border-radius:9999px;cursor:pointer;box-shadow:0 4px #111214,0 8px 18px #00000026;transition:all .18s ease}.game-primary-btn:hover{background:#151618;transform:translateY(-2px);box-shadow:0 6px #111214,0 12px 22px #00000038}.game-primary-btn:active{transform:translateY(2px);box-shadow:0 2px #111214}.game-secondary-btn{background:transparent;color:#5d5446;border:2px solid #D6C8AF;font-family:var(--font-primary);font-size:.95rem;font-weight:700;padding:12px 24px;border-radius:9999px;cursor:pointer;transition:all .18s ease}.game-secondary-btn:hover{background:#efe7da;border-color:#bba98f;color:#27282b}@media (max-width: 820px){.step-1-layout,.step-2-layout{grid-template-columns:1fr;gap:1.5rem}.mascot-podium{min-height:200px}.stage-mascot-wrapper{width:140px;height:140px}.companion-card{flex-direction:row;gap:16px;text-align:left}.companion-avatar-wrap{width:90px;height:90px;margin-bottom:0}.gender-options-grid{grid-template-columns:1fr;gap:8px}.gender-card-btn{flex-direction:row;justify-content:flex-start;padding:10px 16px;gap:12px}.id-card-body{flex-direction:column;text-align:center}.id-badges-row{justify-content:center}}.age-page-root{height:100vh;height:100dvh;max-height:100vh;width:100vw;display:flex;flex-direction:column;position:relative;overflow:hidden!important;transition:background-color .45s cubic-bezier(.16,1,.3,1);font-family:var(--font-primary)}.age-top-nav{height:64px;min-height:64px;display:flex;align-items:center;padding:0 clamp(1.5rem,4vw,3.5rem);flex-shrink:0;position:relative;z-index:30;background:transparent}.nav-left{display:flex;align-items:center}.nav-brand-logo{height:clamp(38px,4.2vw,46px);width:auto;cursor:pointer;transition:transform .22s cubic-bezier(.16,1,.3,1),opacity .2s ease;-webkit-user-select:none;user-select:none}.nav-brand-logo:hover{transform:scale(1.05);opacity:.92}.age-split-container{display:flex;flex:1;position:relative;height:calc(100vh - 64px);max-height:calc(100vh - 64px);width:100%;overflow:hidden!important}.age-left-panel{width:clamp(420px,36vw,530px);max-width:720px;height:100%;max-height:100%;padding-top:.5rem;padding-bottom:1.5rem;padding-left:clamp(1.25rem,3.5vw,3rem);padding-right:1.25rem;position:relative;z-index:20;display:flex;flex-direction:column;justify-content:center;overflow:visible}.mascot-speech-card{position:relative;background:#ffffffeb;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1.5px solid rgba(0,0,0,.08);border-radius:16px;padding:10px 16px 10px 38px;margin-bottom:1rem;box-shadow:0 3px 12px #0000000a,0 2px #0000000a}.speech-quote-icon{position:absolute;top:6px;left:12px;font-size:1.5rem;line-height:1;color:#27282b;opacity:.35}.speech-message-text{font-size:.88rem;font-weight:600;color:#2d2c2a;line-height:1.4;margin:0}.step-container{display:flex;flex-direction:column}.step-intro{margin-bottom:1rem}.step-tag-badge{display:inline-block;background:#27282b;color:#fff;font-size:.72rem;font-weight:800;letter-spacing:.06em;padding:3px 9px;border-radius:9999px;margin-bottom:6px}.step-main-title{font-size:clamp(1.4rem,2.4vw,1.85rem);font-weight:900;color:#1f1e1d;margin:0 0 4px;letter-spacing:-.02em;line-height:1.2}.step-sub-desc{font-size:clamp(.81rem,.92vw,.87rem);color:#5a5650;margin:0;line-height:1.45;max-width:none;white-space:nowrap}.age-stepper-wrap{margin-bottom:1.2rem}.stepper-action-row{display:flex;align-items:center;justify-content:flex-start;gap:clamp(14px,2.5vw,24px)}.stepper-circle-btn{width:44px;height:44px;border-radius:50%;background:#27282b;color:#fff;border:none;font-size:1.5rem;font-weight:700;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 3px #111112;transition:all .15s ease;-webkit-user-select:none;user-select:none}.stepper-circle-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 5px #111112}.stepper-circle-btn:active:not(:disabled){transform:translateY(1px);box-shadow:0 1px #111112}.stepper-circle-btn:disabled{opacity:.3;cursor:not-allowed}.stepper-center-display{display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:140px;background:#fffffff2;border:2px solid rgba(0,0,0,.08);border-radius:18px;padding:8px 24px;box-shadow:0 4px 12px #0000000a}.stepper-year-val{font-size:clamp(2rem,3.6vw,2.5rem);font-weight:900;color:#27282b;letter-spacing:-.03em;line-height:1}.stepper-canchi-val{font-size:.88rem;font-weight:800;color:#7a6f5d;margin-top:3px}.zodiac-paper-card{position:relative;background:linear-gradient(135deg,#fffdf9,#f8f4ec);border:1.5px solid rgba(215,203,185,.65);border-radius:6px 16px 8px 14px;padding:14px 18px;margin-bottom:1.25rem;max-width:580px;box-shadow:0 4px 16px #2d23140d,0 1px 3px #0000000a,2px 3px #dcd2c380;transition:transform .25s cubic-bezier(.16,1,.3,1),box-shadow .25s ease}.zodiac-paper-card:before{content:"";position:absolute;top:-8px;left:24px;width:44px;height:16px;background:#ebe1cdbf;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);border-left:2px dashed rgba(195,180,155,.6);border-right:2px dashed rgba(195,180,155,.6);transform:rotate(-2deg);box-shadow:0 1px 3px #0000000f;pointer-events:none}.zodiac-paper-card:hover{transform:translateY(-2px);box-shadow:0 8px 22px #2d231414,0 2px 5px #0000000d,2px 4px #dcd2c399}.paper-card-pills{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:8px}.paper-card-quote{font-size:.86rem;font-weight:600;color:#38342d;margin:0;line-height:1.45;font-style:italic}.form-field-group{margin-bottom:1rem}.field-title-label{display:block;font-size:.95rem;font-weight:800;color:#1f1e1d;margin-bottom:8px;letter-spacing:-.01em}.req-dot{color:#e11d48}.field-input-box{width:100%}.text-input-field{width:100%;text-transform:capitalize;background:#fffffffa;border:2px solid rgba(0,0,0,.1);border-radius:18px;min-height:56px;padding:14px 20px;font-family:var(--font-primary);font-size:1.15rem;font-weight:700;color:#1f1e1d;outline:none;box-shadow:inset 0 2px 4px #00000005,0 2px 8px #0000000a;transition:all .22s ease}.text-input-field::placeholder{text-transform:none;color:#9ca3af;font-weight:500;font-size:1.05rem}.text-input-field:focus{border-color:#27282b;background:#fff;box-shadow:0 0 0 4px #27282b1f,0 4px 12px #0000000f}.gender-unified-grid{display:flex;gap:10px;width:fit-content;max-width:330px}.gender-unified-btn{font-family:var(--font-primary);width:102px;min-width:102px;max-width:105px;height:44px;min-height:44px;background:#ffffffeb;border:2px solid rgba(0,0,0,.08);border-radius:14px;padding:6px 10px;display:flex;flex-direction:row;align-items:center;justify-content:center;gap:6px;cursor:pointer;outline:none;transition:all .2s cubic-bezier(.16,1,.3,1);box-shadow:0 2px #0000000a;box-sizing:border-box}.gender-unified-btn.male:hover{background:#fff;border-color:#93c5fd;transform:translateY(-2px)}.gender-unified-btn.female:hover{background:#fff;border-color:#f9a8d4;transform:translateY(-2px)}.gender-unified-btn.other:hover{background:#fff;border-color:#cbd5e1;transform:translateY(-2px)}.gender-unified-btn.male .gender-svg-icon{color:#2563eb}.gender-unified-btn.female .gender-svg-icon{color:#ec4899}.gender-unified-btn.other .gender-svg-icon{color:#64748b}.gender-unified-btn.male.active{background:#2563eb;border-color:#1d4ed8;box-shadow:0 4px 14px #2563eb59;transform:translateY(-2px)}.gender-unified-btn.female.active{background:#ec4899;border-color:#db2777;box-shadow:0 4px 14px #ec489959;transform:translateY(-2px)}.gender-unified-btn.other.active{background:#4b5563;border-color:#374151;box-shadow:0 4px 14px #4b556359;transform:translateY(-2px)}.gender-unified-btn.active .gender-svg-icon,.gender-unified-btn.active .gender-main-label{color:#fff}.gender-svg-icon{width:22px;height:22px;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all .2s ease}.gender-svg-icon svg{width:20px;height:20px}.gender-main-label{font-family:var(--font-primary);font-size:.95rem;font-weight:700;color:#27282b;white-space:nowrap;letter-spacing:-.01em;transition:color .2s ease}.step-actions-footer{display:flex;align-items:center;gap:12px;margin-top:1.25rem}.step-actions-footer.step-actions-pair{display:flex;align-items:center;justify-content:flex-start;gap:12px}.age-btn-primary,.age-btn-secondary{height:48px;min-height:48px;border-radius:9999px;font-family:var(--font-primary);font-size:.95rem;font-weight:800;display:inline-flex;align-items:center;justify-content:center;gap:8px;cursor:pointer;outline:none;box-sizing:border-box;-webkit-user-select:none;user-select:none;transition:all .18s cubic-bezier(.16,1,.3,1)}.age-btn-primary{background:#27282b;color:#fff;border:none;min-width:150px;padding:0 22px;box-shadow:0 3px #111112}.age-btn-primary:hover{background:#151617;transform:translateY(-1px);box-shadow:0 4px #111112}.age-btn-primary:active{transform:translateY(1px);box-shadow:0 1px #111112}.age-btn-secondary{background:#ffffffeb;color:#27282b;border:1.5px solid rgba(0,0,0,.12);min-width:150px;padding:0 20px;box-shadow:0 2px #0000000a}.age-btn-secondary:hover{background:#fff;color:#27282b;border-color:#27282b;transform:translateY(-1px);box-shadow:0 3px #00000014}.age-btn-secondary:active{transform:translateY(1px);box-shadow:0 1px #0000000a}.passport-card{background:#fff;border:2.5px solid #27282B;border-radius:20px;padding:16px;margin-bottom:1.2rem;box-shadow:4px 4px #27282b}.passport-header-line{display:flex;justify-content:space-between;align-items:center;border-bottom:1.5px dashed rgba(0,0,0,.12);padding-bottom:8px;margin-bottom:10px}.passport-brand{font-size:.8rem;font-weight:900;text-transform:uppercase;letter-spacing:.08em;color:#27282b}.passport-id-code{font-family:var(--font-primary);font-size:.75rem;font-weight:700;background:#f3ece1;padding:2px 6px;border-radius:6px;color:#4a443b}.passport-main-body{display:flex;flex-direction:column;gap:8px}.passport-name-title{font-size:1.3rem;font-weight:900;color:#27282b;margin:0}.passport-pills-row{display:flex;flex-wrap:wrap;gap:6px}.passport-pill{font-size:.74rem;font-weight:800;padding:3px 9px;border-radius:9999px}.passport-pill.gender-pill{background:#efe7da;color:#4a443b}.passport-quote{font-size:.84rem;line-height:1.5;color:#635c52;margin:0}.age-right-mascot-panel{position:absolute;right:clamp(1.25rem,3.5vw,3rem);bottom:0;width:clamp(380px,38vw,680px);height:calc(100vh - 70px);max-height:calc(100dvh - 70px);display:flex;align-items:flex-end;justify-content:flex-end;pointer-events:none;z-index:5;overflow:visible}.mascot-zoomed-frame{width:100%;height:100%;display:flex;align-items:flex-end;justify-content:flex-end;overflow:visible;transition:transform .4s cubic-bezier(.16,1,.3,1)}.zoomed-pop{animation:mascotPopZoom .45s cubic-bezier(.16,1,.3,1)}@keyframes mascotPopZoom{0%{transform:scale(.96) translateY(12px);opacity:.88}50%{transform:scale(1.02) translateY(-3px)}to{transform:scale(1) translateY(0);opacity:1}}.zoomed-svg-container,.zoomed-fallback-img{width:100%;height:100%;display:flex;align-items:flex-end;justify-content:flex-end;overflow:visible}.zoomed-svg-container svg{width:100%;height:100%;display:block;transform:none;transform-origin:bottom right;filter:drop-shadow(-14px 14px 35px rgba(0,0,0,.07))}.mascot-color-swatches-bar{position:absolute;right:calc(clamp(380px,38vw,680px) + clamp(1.25rem,3.5vw,3rem) + 16px);top:50%;transform:translateY(-50%);display:flex;flex-direction:column;align-items:center;z-index:25}.swatches-bar-caption{font-size:.65rem;font-weight:800;letter-spacing:.08em;color:#27282b73;text-transform:uppercase;writing-mode:vertical-rl;transform:rotate(180deg);margin-bottom:4px;-webkit-user-select:none;user-select:none}.swatches-column{display:flex;flex-direction:column;gap:12px}.swatch-btn{position:relative;width:44px;height:44px;border-radius:13px;border:3px solid rgba(255,255,255,.95);background:transparent;padding:0;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px #00000014,0 1px 3px #0000000d;transition:all .22s cubic-bezier(.16,1,.3,1);outline:none}.swatch-color-fill{position:absolute;top:2px;right:2px;bottom:2px;left:2px;border-radius:8px;transition:transform .2s ease}.swatch-check-mark{position:relative;z-index:2;color:#fff;font-size:.9rem;font-weight:900;text-shadow:0 1px 3px rgba(0,0,0,.45)}.swatch-btn:hover{transform:scale(1.12) translate(-3px);box-shadow:0 6px 18px #00000024,0 2px 4px #00000014}.swatch-btn.active{transform:scale(1.14);border-color:#27282b;box-shadow:0 0 0 3px #27282b33,0 8px 20px #00000029}.swatch-tooltip-tag{position:absolute;right:calc(100% + 10px);background:#27282b;color:#fff;font-size:.75rem;font-weight:700;padding:4px 9px;border-radius:8px;white-space:nowrap;opacity:0;pointer-events:none;transform:translate(4px);transition:all .18s ease;box-shadow:0 2px 8px #00000026;z-index:30}.swatch-tooltip-tag:after{content:"";position:absolute;top:50%;right:-4px;transform:translateY(-50%);border-left:4px solid #27282B;border-top:4px solid transparent;border-bottom:4px solid transparent}.swatch-btn:hover .swatch-tooltip-tag{opacity:1;transform:translate(0)}.mobile-age-root{height:100vh;height:100dvh;max-height:100vh;max-height:100dvh;width:100vw;display:flex;flex-direction:column;position:relative;overflow:hidden!important;font-family:var(--font-primary);transition:background-color .4s ease;box-sizing:border-box}.mobile-top-nav{height:44px;min-height:44px;display:flex;align-items:center;justify-content:space-between;padding:0 16px;flex-shrink:0;z-index:10}.mobile-brand-logo{height:28px;width:auto;cursor:pointer;-webkit-user-select:none;user-select:none}.mobile-step-badge{background:#27282b;color:#fff;font-size:.68rem;font-weight:800;padding:3px 8px;border-radius:9999px;letter-spacing:.04em}.mobile-mascot-unit{display:flex;flex-direction:column;align-items:center;justify-content:center;margin:2px 0 4px;flex-shrink:0}.mobile-mascot-unit.step-2-compact,.mobile-mascot-unit.step-3-compact{margin:2px 0}.mobile-mascot-frame{display:flex;align-items:center;justify-content:center;height:110px}.mobile-svg-wrap{height:110px;width:auto;display:flex;align-items:center;justify-content:center}.mobile-svg-wrap svg{height:110px;width:auto;max-width:140px;display:block;filter:drop-shadow(0 4px 10px rgba(0,0,0,.08))}.mobile-svg-wrap.compact,.mobile-svg-wrap.compact svg{height:70px;max-width:90px}.mobile-fallback-img{height:110px;width:auto;object-fit:contain}.mobile-fallback-img.compact{height:70px}.mobile-swatches-row{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:12px;background:#ffffffb8;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:4px 12px;border-radius:9999px;border:1px solid rgba(0,0,0,.06);box-shadow:0 2px 6px #0000000a;margin-top:4px;width:fit-content}.mobile-swatch-btn{width:32px;height:32px;border-radius:9px;border:2px solid rgba(255,255,255,.95);background:transparent;padding:0;cursor:pointer;position:relative;display:flex;align-items:center;justify-content:center;outline:none;box-shadow:0 2px 4px #00000014;transition:all .18s ease}.mobile-swatch-fill{position:absolute;top:1px;right:1px;bottom:1px;left:1px;border-radius:6px}.mobile-swatch-btn.active{border-color:#27282b;box-shadow:0 0 0 2px #27282b40;transform:scale(1.1)}.mobile-swatch-check{position:relative;z-index:2;color:#fff;font-size:.78rem;font-weight:900;text-shadow:0 1px 2px rgba(0,0,0,.4)}.mobile-card-body{flex:1;display:flex;flex-direction:column;justify-content:space-between;padding:4px 16px 14px;overflow:hidden;box-sizing:border-box}.mobile-step-container{display:flex;flex-direction:column;justify-content:space-between;height:100%;max-width:420px;margin:0 auto;width:100%}.mobile-step-header{text-align:center;margin-bottom:0}.mobile-step-title{font-size:1.22rem;font-weight:900;color:#1f1e1d;margin:0 0 2px;line-height:1.2}.mobile-step-desc{font-size:.76rem;color:#5a5650;margin:0;line-height:1.35}.mobile-stepper-wrap{margin:6px 0}.mobile-stepper-row{display:flex;align-items:center;justify-content:center;gap:16px}.mobile-stepper-btn{width:42px;height:42px;border-radius:50%;background:#27282b;color:#fff;border:none;font-size:1.4rem;font-weight:700;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 2px #111112;outline:none;-webkit-user-select:none;user-select:none}.mobile-stepper-btn:active{transform:translateY(1px);box-shadow:0 1px #111112}.mobile-stepper-btn:disabled{opacity:.3}.mobile-stepper-display{display:flex;flex-direction:column;align-items:center;min-width:125px;background:#fffffff2;border:1.5px solid rgba(0,0,0,.08);border-radius:16px;padding:6px 16px;box-shadow:0 2px 8px #0000000a}.mobile-stepper-year{font-size:2rem;font-weight:900;color:#27282b;line-height:1}.mobile-stepper-canchi{font-size:.78rem;font-weight:800;color:#7a6f5d;margin-top:2px}.mobile-paper-card{background:linear-gradient(135deg,#fffdf9,#f8f4ec);border:1.5px solid rgba(215,203,185,.65);border-radius:6px 14px 8px 12px;padding:9px 12px;margin:6px 0;box-shadow:0 3px 12px #2d23140a,1px 2px #dcd2c380;position:relative}.mobile-paper-card:before{content:"";position:absolute;top:-6px;left:18px;width:36px;height:12px;background:#ebe1cdbf;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);border-left:2px dashed rgba(195,180,155,.6);border-right:2px dashed rgba(195,180,155,.6);transform:rotate(-2deg);box-shadow:0 1px 2px #0000000d}.mobile-pills-row{display:flex;flex-wrap:wrap;gap:5px;margin-bottom:5px}.mobile-pill{font-size:.7rem;font-weight:800;color:#fff;padding:3px 8px;border-radius:9999px;box-shadow:0 1px 3px #0000001a}.mobile-quote-text{font-size:.76rem;font-weight:600;color:#38342d;margin:0;line-height:1.38;font-style:italic}.mobile-btn-primary{width:100%;height:42px;background:#27282b;color:#fff;border:none;border-radius:9999px;font-family:var(--font-primary);font-size:.88rem;font-weight:800;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:6px;box-shadow:0 3px #111112;outline:none}.mobile-btn-primary:active{transform:translateY(1px);box-shadow:0 1px #111112}.mobile-btn-secondary{height:42px;padding:0 14px;background:#ffffffe6;color:#27282b;border:1.5px solid rgba(0,0,0,.1);border-radius:9999px;font-family:var(--font-primary);font-size:.82rem;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:4px;outline:none}.mobile-actions-row{display:flex;align-items:center;gap:8px}.mobile-actions-row .mobile-btn-primary{flex:1}.mobile-form-group{margin:6px 0}.mobile-field-label{display:block;font-size:.78rem;font-weight:800;color:#2d2c2a;margin-bottom:4px}.mobile-field-label .req{color:#e11d48}.mobile-text-input{width:100%;text-transform:capitalize;background:#fffffffa;border:1.5px solid rgba(0,0,0,.1);border-radius:14px;min-height:48px;padding:10px 14px;font-family:var(--font-primary);font-size:.98rem;font-weight:700;color:#27282b;outline:none;box-sizing:border-box}.mobile-text-input::placeholder{text-transform:none;color:#9ca3af;font-weight:500}.mobile-text-input:focus{border-color:#27282b;box-shadow:0 0 0 2px #27282b1f}.mobile-gender-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.mobile-gender-btn{font-family:var(--font-primary);background:#ffffffe0;border:1.5px solid rgba(0,0,0,.08);border-radius:12px;min-height:40px;padding:7px 8px;display:flex;flex-direction:row;align-items:center;justify-content:center;gap:6px;cursor:pointer;outline:none;color:#27282b;transition:all .15s ease}.mobile-gender-btn.male svg{stroke:#2563eb}.mobile-gender-btn.female svg{stroke:#ec4899}.mobile-gender-btn.other svg{stroke:#64748b}.mobile-gender-btn.male.active{background:#2563eb;border-color:#1d4ed8;color:#fff;box-shadow:0 3px 8px #2563eb4d}.mobile-gender-btn.female.active{background:#ec4899;border-color:#db2777;color:#fff;box-shadow:0 3px 8px #ec48994d}.mobile-gender-btn.other.active{background:#4b5563;border-color:#374151;color:#fff;box-shadow:0 3px 8px #4b55634d}.mobile-gender-btn.active svg{stroke:#fff}.mobile-gender-label{font-size:.74rem;font-weight:800}.mobile-card-body.step-3-body{padding:4px 10px 10px;justify-content:center}.mobile-step-3-wrap{display:flex;flex-direction:column;justify-content:center;align-items:center;height:100%;max-width:440px;margin:0 auto;width:100%;gap:8px;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:2px 0}.mobile-step-3-wrap::-webkit-scrollbar{display:none}.mobile-step-tag-badge{display:inline-block;background:#27282b;color:#fff;font-size:.65rem;font-weight:800;padding:2px 9px;border-radius:9999px;letter-spacing:.04em;margin-bottom:2px}.mobile-profile-sheet{position:relative;width:100%;background-color:#faf7f2;background-image:url("/bg%20(4).png");background-size:cover;background-repeat:no-repeat;background-position:center;border:1.5px solid rgba(210,195,175,.85);border-radius:16px;padding:14px 16px 12px;margin:0;box-shadow:0 10px 24px #2d231414,0 2px 4px #00000008,0 0 0 1px #dccdb980;box-sizing:border-box;font-family:var(--font-primary)}.mobile-metal-clip{position:absolute;top:-8px;left:20px;width:38px;height:16px;background:linear-gradient(180deg,#d4af37,#aa820a);border-radius:3px;box-shadow:0 2px 4px #0003;border:1px solid rgba(255,255,255,.45)}.mobile-metal-clip:after{content:"";position:absolute;top:2px;left:4px;right:4px;height:2px;background:#ffffff80;border-radius:1px}.mobile-sheet-header{margin-bottom:8px}.mobile-header-top-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:3px}.mobile-brand-tag{display:flex;flex-direction:column}.mobile-brand-text{font-size:.68rem;font-weight:900;text-transform:uppercase;letter-spacing:.05em;color:#27282b}.mobile-motto-text{font-size:.58rem;font-weight:600;color:#78716c;font-style:italic}.mobile-doc-id-pill{display:flex;align-items:center;gap:5px;background:#ffffffe0;border:1px solid rgba(215,203,185,.85);padding:2px 7px;border-radius:6px;box-shadow:0 1px 2px #00000008}.mobile-doc-id-pill .id-title{font-size:.56rem;font-weight:800;color:#78716c;letter-spacing:.04em}.mobile-doc-id-pill .id-value{font-size:.68rem;font-weight:800;color:#27282b}.mobile-sheet-main-title{font-size:.88rem;font-weight:900;text-align:center;color:#27282b;letter-spacing:.02em;margin:3px 0;text-transform:uppercase}.mobile-header-rule{display:flex;align-items:center;justify-content:center;position:relative;margin-top:2px}.mobile-header-rule:before,.mobile-header-rule:after{content:"";flex:1;height:1px;background:#b4a08c73}.mobile-header-rule .rule-diamond{font-size:.52rem;color:#aa820a;padding:0 6px}.mobile-identity-grid{display:flex;align-items:center;gap:12px;background:#ffffffbf;border:1px solid rgba(215,203,185,.65);border-radius:12px;padding:10px 12px;margin-bottom:9px}.mobile-avatar-col{display:flex;flex-direction:column;align-items:center;gap:4px;flex-shrink:0}.mobile-avatar-frame{width:56px;height:56px;border-radius:50%;border:2px solid #27282B;box-shadow:0 2px 6px #00000014;display:flex;align-items:center;justify-content:center;overflow:hidden}.mobile-avatar-svg-inner{width:100%;height:100%;display:flex;align-items:center;justify-content:center;transform:scale(1.15) translateY(2px)}.mobile-avatar-svg-inner svg{width:100%;height:100%}.mobile-fallback-avatar{width:90%;height:90%;object-fit:contain}.mobile-avatar-caption{display:flex;align-items:center;gap:4px;font-size:.68rem;font-weight:700;color:#44403c;white-space:nowrap}.mobile-avatar-caption .avatar-dot{width:7px;height:7px;border-radius:50%}.mobile-details-col{flex:1;min-width:0;display:flex;flex-direction:column;gap:4px}.mobile-name-row{display:flex;align-items:baseline;gap:6px;border-bottom:1px dashed rgba(180,160,140,.5);padding-bottom:4px;margin-bottom:2px}.mobile-fullname-display{font-size:1.02rem;font-weight:900;color:#1f1e1d;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mobile-meta-grid{display:flex;flex-direction:column;gap:5px}.mobile-meta-item{display:flex;align-items:baseline;gap:8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.35}.mobile-label{font-size:.74rem;font-weight:700;color:#78716c;white-space:nowrap;flex-shrink:0;min-width:66px}.mobile-val{font-size:.78rem;font-weight:800;color:#27282b;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mobile-color-dot{display:inline-block;width:7px;height:7px;border-radius:50%;margin-right:4px;vertical-align:middle}.mobile-traits-box{background:#ffffffa6;border:1px solid rgba(215,203,185,.55);border-radius:10px;padding:8px 12px;margin-bottom:9px}.mobile-traits-title{font-size:.66rem;font-weight:900;text-transform:uppercase;letter-spacing:.05em;color:#57534e;margin:0 0 3px}.mobile-traits-summary{font-size:.76rem;color:#292524;margin:0 0 4px;font-weight:600;line-height:1.42}.mobile-dialogue-quote{font-size:.74rem;font-style:italic;color:#44403c;margin:0;line-height:1.42;border-left:2px solid #27282B;padding-left:8px}.mobile-sign-footer{display:flex;justify-content:space-between;align-items:flex-end;padding-top:5px}.mobile-red-stamp{width:82px;height:82px;border-radius:50%;border:2px dashed #DC2626;padding:2px;display:flex;align-items:center;justify-content:center;transform:rotate(-13deg);opacity:.94;-webkit-user-select:none;user-select:none;position:relative;z-index:15;margin-left:-24px;margin-bottom:-20px;background:radial-gradient(circle,rgba(254,242,242,.4) 0%,transparent 100%);filter:drop-shadow(0 4px 12px rgba(220,38,38,.2))}.mobile-red-stamp .stamp-inner-border{width:100%;height:100%;border-radius:50%;border:1px solid #DC2626;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#dc2626;text-align:center;padding:1px}.mobile-red-stamp .stamp-text-arc{font-size:.38rem;font-weight:900;letter-spacing:.06em}.mobile-red-stamp .stamp-stars{font-size:.36rem;line-height:1}.mobile-red-stamp .stamp-badge-text{font-size:.48rem;font-weight:900;letter-spacing:.02em;border-top:.75px solid #DC2626;border-bottom:.75px solid #DC2626;padding:.5px 0;margin:.5px 0;width:90%}.mobile-red-stamp .stamp-date-tag{font-size:.36rem;font-weight:700}.mobile-candidate-signature{display:flex;flex-direction:column;align-items:flex-end;text-align:right}.mobile-date-line{font-size:.58rem;font-style:italic;color:#78716c;margin-bottom:1px}.mobile-signature-label{font-size:.58rem;font-weight:800;letter-spacing:.04em;color:#44403c;margin-bottom:1px}.mobile-signature-handwriting{font-family:var(--font-slogan);font-size:1.35rem;color:#1e293b;line-height:1;transform:rotate(-3deg);margin-right:4px}.mascot-card-visit-container{position:absolute;right:calc(clamp(380px,38vw,680px) + clamp(1.25rem,3.5vw,3rem) + 20px);top:50%;transform:translateY(-50%);z-index:25;animation:cardVisitSlideIn .35s cubic-bezier(.16,1,.3,1)}@keyframes cardVisitSlideIn{0%{opacity:0;transform:translateY(-46%) scale(.95)}to{opacity:1;transform:translateY(-50%) scale(1)}}.mascot-card-visit{font-family:var(--font-slogan);width:clamp(270px,22vw,310px);background:linear-gradient(145deg,#fff,#faf8f4);border:1.5px solid rgba(215,203,185,.75);border-radius:16px;padding:12px 16px;box-shadow:0 14px 32px #2d231414,0 2px 6px #00000008,2px 3px #dcd2c399;position:relative;transition:transform .25s ease,box-shadow .25s ease}.mascot-card-visit:hover{transform:translateY(-2px);box-shadow:0 18px 36px #2d23141f,0 3px 8px #0000000d,2px 4px #dcd2c3b3}.mascot-card-visit:before{content:"";position:absolute;top:-7px;left:18px;width:38px;height:14px;background:#ebe1cdd9;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);border-left:2px dashed rgba(195,180,155,.6);border-right:2px dashed rgba(195,180,155,.6);transform:rotate(-2deg);box-shadow:0 1px 2px #0000000d;pointer-events:none}.card-visit-header{display:flex;justify-content:flex-end;align-items:center;margin-bottom:8px;padding-bottom:4px;border-bottom:1px dashed rgba(0,0,0,.06)}.card-visit-id{font-family:var(--font-slogan);font-size:.8rem;font-weight:700;background:#0000000a;padding:1px 6px;border-radius:4px;color:#555047;white-space:nowrap}.card-visit-body{display:flex;align-items:center;gap:12px;margin-bottom:10px}.card-visit-avatar-circle{width:56px;height:56px;border-radius:50%;border:2px solid #FFFFFF;box-shadow:0 3px 10px #00000012;display:flex;align-items:center;justify-content:center;overflow:hidden;flex-shrink:0}.card-visit-svg-wrap{width:44px;height:44px;display:flex;align-items:center;justify-content:center}.card-visit-svg-wrap svg{width:44px;height:44px;display:block}.card-visit-fallback-img{width:44px;height:44px;object-fit:contain}.card-visit-info-col{display:flex;flex-direction:column;gap:1px}.card-visit-name{font-family:var(--font-slogan);font-size:1.18rem;font-weight:700;color:#1f1e1d;margin:0;line-height:1.2}.card-visit-sub{font-family:var(--font-slogan);font-size:.88rem;color:#555350;margin:0}.card-visit-pills{margin-top:3px}.card-visit-pill{font-family:var(--font-slogan);font-size:.8rem;font-weight:700;color:#fff;padding:1px 8px;border-radius:9999px;box-shadow:0 1px 3px #0000001a;display:inline-block;white-space:nowrap}.card-visit-quote-box{background:#00000006;border-radius:8px;padding:6px 10px;margin-bottom:8px;border-left:2.5px solid rgba(0,0,0,.1)}.card-visit-quote{font-family:var(--font-slogan);font-size:.88rem;color:#4a453e;margin:0;line-height:1.4}.card-visit-footer{font-family:var(--font-slogan);display:flex;align-items:center;font-size:.85rem;color:#6b6358;border-top:1px dashed rgba(0,0,0,.06);padding-top:6px}.card-visit-color-badge{display:flex;align-items:center;gap:5px;white-space:nowrap}.card-visit-color-badge .color-dot{width:9px;height:9px;border-radius:50%;border:1px solid rgba(0,0,0,.15)}.summary-pill{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;border-radius:9999px;font-family:var(--font-primary);font-size:.78rem;font-weight:700;border:1px solid rgba(0,0,0,.08);box-shadow:0 1px 2px #00000008;transition:all .2s ease}.mobile-pill{border:1px solid rgba(0,0,0,.08)}.age-left-panel.step-3-full{width:100%!important;max-width:100%!important;padding:.5rem 1.5rem 1rem!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;z-index:20}.a4-stage-wrap{width:100%;max-width:clamp(740px,62vw,920px);display:flex;flex-direction:column;align-items:center}.a4-intro-header{text-align:center;margin-bottom:clamp(12px,2vh,22px)}.a4-intro-header .step-tag-badge{margin-bottom:4px}.a4-intro-header .step-main-title{margin-bottom:4px;font-size:clamp(1.45rem,2.2vw,1.85rem)}.a4-intro-header .step-sub-desc{white-space:normal!important;text-align:center;font-size:clamp(.85rem,1.1vw,.95rem);max-width:660px}.a4-profile-sheet{position:relative;width:100%;max-width:100%;background-color:#faf7f2;background-image:url("/bg%20(4).png");background-size:cover;background-repeat:no-repeat;background-position:center;border:1.5px solid rgba(210,195,175,.85);border-radius:16px;padding:clamp(20px,2.5vh,28px) clamp(28px,3.5vw,44px) clamp(16px,2vh,22px);box-shadow:0 20px 48px #2d231417,0 2px 8px #00000008,0 0 0 1px #dccdb999;box-sizing:border-box;font-family:var(--font-primary);margin-bottom:4px}.a4-metal-clip{position:absolute;top:-10px;left:44px;width:52px;height:20px;background:linear-gradient(180deg,#d4af37,#aa820a);border-radius:4px;box-shadow:0 2px 6px #0003;border:1px solid rgba(255,255,255,.45)}.a4-metal-clip:after{content:"";position:absolute;top:3px;left:6px;right:6px;height:2px;background:#ffffff80;border-radius:1px}.a4-sheet-header{margin-bottom:clamp(10px,1.4vh,16px)}.a4-header-top-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px}.a4-brand-tag{display:flex;flex-direction:column}.a4-brand-text{font-size:.8rem;font-weight:900;text-transform:uppercase;letter-spacing:.08em;color:#27282b}.a4-motto-text{font-size:.68rem;font-weight:600;color:#78716c;font-style:italic}.a4-doc-id-pill{display:flex;align-items:center;gap:8px;background:#ffffffe0;border:1px solid rgba(215,203,185,.85);padding:4px 10px;border-radius:8px;box-shadow:0 1px 3px #00000008}.a4-doc-id-pill .id-title{font-size:.64rem;font-weight:800;color:#78716c;letter-spacing:.06em}.a4-doc-id-pill .id-value{font-size:.78rem;font-weight:800;color:#27282b}.a4-sheet-main-title{font-size:clamp(1.15rem,1.4vw,1.35rem);font-weight:900;text-align:center;color:#27282b;letter-spacing:.04em;margin:4px 0 6px;text-transform:uppercase}.a4-header-rule{display:flex;align-items:center;justify-content:center;position:relative;margin-top:4px}.a4-header-rule:before,.a4-header-rule:after{content:"";flex:1;height:1px;background:#b4a08c73}.rule-diamond{font-size:.62rem;color:#aa820a;padding:0 10px}.a4-identity-grid{display:flex;align-items:center;gap:clamp(18px,2.2vw,28px);background:#ffffffb3;border:1px solid rgba(215,203,185,.65);border-radius:12px;padding:clamp(12px,1.6vh,18px) clamp(16px,2vw,24px);margin-bottom:clamp(10px,1.4vh,15px)}.a4-avatar-column{display:flex;flex-direction:column;align-items:center;gap:5px;flex-shrink:0}.a4-avatar-frame{width:clamp(74px,5.5vw,84px);height:clamp(74px,5.5vw,84px);border-radius:50%;border:2.5px solid #27282B;box-shadow:0 3px 10px #00000014;display:flex;align-items:center;justify-content:center;overflow:hidden}.a4-avatar-svg-inner{width:100%;height:100%;display:flex;align-items:center;justify-content:center;transform:scale(1.15) translateY(4px)}.a4-avatar-svg-inner svg{width:100%;height:100%}.a4-fallback-avatar{width:90%;height:90%;object-fit:contain}.a4-avatar-caption{display:flex;align-items:center;gap:5px;font-size:.72rem;font-weight:700;color:#44403c}.a4-avatar-caption .avatar-dot{width:8px;height:8px;border-radius:50%}.a4-details-column{flex:1;display:flex;flex-direction:column;gap:clamp(6px,1vh,10px)}.a4-name-row{display:flex;align-items:baseline;gap:10px;border-bottom:1px dashed rgba(180,160,140,.55);padding-bottom:6px}.a4-fullname-display{font-size:clamp(1.15rem,1.4vw,1.35rem);font-weight:900;color:#1f1e1d;margin:0;letter-spacing:-.01em}.a4-meta-grid{display:grid;grid-template-columns:1fr 1.25fr;gap:clamp(6px,1vh,10px) clamp(16px,2vw,28px)}.a4-meta-item{display:flex;align-items:center;gap:8px;white-space:nowrap}.a4-label{font-size:.76rem;font-weight:700;color:#78716c;white-space:nowrap;flex-shrink:0}.a4-val{font-size:.82rem;font-weight:800;color:#27282b;white-space:nowrap}.a4-color-dot{display:inline-block;width:9px;height:9px;border-radius:50%;margin-right:5px;vertical-align:middle}.a4-val.a4-element-val{font-weight:800}.a4-traits-box{background:#fff9;border:1px solid rgba(215,203,185,.55);border-radius:10px;padding:clamp(12px,1.5vh,16px) clamp(16px,2vw,22px);margin-bottom:clamp(10px,1.4vh,15px)}.a4-traits-title{font-size:.7rem;font-weight:900;text-transform:uppercase;letter-spacing:.07em;color:#57534e;margin:0 0 4px}.a4-traits-summary{font-size:.82rem;color:#292524;margin:0 0 5px;font-weight:600;line-height:1.45}.a4-dialogue-quote{font-size:.8rem;font-style:italic;color:#44403c;margin:0;line-height:1.42;border-left:2.5px solid #27282B;padding-left:10px}.a4-sign-footer{display:flex;justify-content:space-between;align-items:flex-end;padding-top:clamp(6px,1vh,10px)}.a4-red-stamp{width:clamp(120px,9.5vw,140px);height:clamp(120px,9.5vw,140px);border-radius:50%;border:2.5px dashed #DC2626;padding:3px;display:flex;align-items:center;justify-content:center;transform:rotate(-14deg);opacity:.94;-webkit-user-select:none;user-select:none;position:relative;z-index:15;margin-left:clamp(-52px,-4.5vw,-40px);margin-bottom:clamp(-46px,-4vw,-36px);background:radial-gradient(circle,rgba(254,242,242,.5) 0%,rgba(254,242,242,.2) 65%,transparent 100%);filter:drop-shadow(0 6px 16px rgba(220,38,38,.22))}.stamp-inner-border{width:100%;height:100%;border-radius:50%;border:2px solid #DC2626;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#dc2626;text-align:center;padding:3px}.stamp-text-arc{font-size:.68rem;font-weight:900;letter-spacing:.12em}.stamp-stars{font-size:.62rem;line-height:1.1;margin:2px 0}.stamp-badge-text{font-size:.88rem;font-weight:900;letter-spacing:.05em;border-top:1.5px solid #DC2626;border-bottom:1.5px solid #DC2626;padding:2px 0;margin:2px 0;width:90%}.stamp-date-tag{font-size:.58rem;font-weight:800;letter-spacing:.04em}.a4-candidate-signature{display:flex;flex-direction:column;align-items:flex-end;text-align:right}.a4-date-line{font-size:.72rem;font-style:italic;color:#78716c;margin-bottom:2px}.a4-signature-label{font-size:.72rem;font-weight:800;letter-spacing:.05em;color:#44403c;margin-bottom:2px}.a4-signature-handwriting{font-family:var(--font-slogan);font-size:clamp(1.65rem,2.2vw,1.95rem);color:#1e293b;line-height:1.1;transform:rotate(-3deg);margin-right:8px}.a4-actions-bar{display:flex;justify-content:center;align-items:center;gap:16px;margin-top:clamp(24px,3vh,34px)}.a4-avatar-svg-inner.animal-mao,.mobile-avatar-svg-inner.animal-mao,.a4-fallback-avatar.animal-mao,.mobile-fallback-avatar.animal-mao,.card-visit-svg-wrap.animal-mao,.card-visit-fallback-img.animal-mao{transform:scale(1.2) translate(11.5%,3%)!important}.text-input-field.input-error,.mobile-text-input.input-error{border-color:#dc2626!important;background-color:#fef2f2!important;box-shadow:0 0 0 3px #dc262626!important;animation:inputShake .35s ease}@keyframes inputShake{0%,to{transform:translate(0)}20%,60%{transform:translate(-4px)}40%,80%{transform:translate(4px)}}.field-error-message{display:flex;align-items:center;gap:6px;color:#dc2626;font-size:.82rem;font-weight:700;margin-top:6px;animation:fadeInDown .2s ease}.mobile-error-message{display:flex;align-items:center;gap:5px;color:#dc2626;font-size:.74rem;font-weight:700;margin-top:5px;animation:fadeInDown .2s ease}.age-btn-primary.btn-disabled-hint,.mobile-btn-primary.btn-disabled-hint{opacity:.58}.age-btn-primary.btn-disabled-hint:hover,.mobile-btn-primary.btn-disabled-hint:hover{opacity:.8}.register-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;background-color:#14100cb8;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;padding:14px;animation:modalFadeIn .25s ease-out;overflow-y:auto}@keyframes modalFadeIn{0%{opacity:0}to{opacity:1}}.register-modal-container{position:relative;width:100%;max-width:min(720px,calc((100vh - 28px) * 1527 / 1728));background-color:transparent!important;background-image:url(/paper.svg);background-size:100% 100%;background-position:center top;background-repeat:no-repeat;border:none!important;border-radius:0!important;box-shadow:none!important;filter:drop-shadow(0 25px 50px rgba(15,10,5,.55));box-sizing:border-box;animation:modalSlideUp .3s cubic-bezier(.16,1,.3,1);font-family:var(--font-primary);display:flex;flex-direction:column;aspect-ratio:1527 / 1728}@keyframes modalSlideUp{0%{opacity:0;transform:translateY(20px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}.register-paper-top-spacer{width:100%;height:0;padding-top:37%;flex-shrink:0}.register-paper-inner-content{width:100%;flex:1;padding:3% 13% 7% 14.5%;box-sizing:border-box;display:flex;flex-direction:column;justify-content:center}.register-modal-close{position:absolute;top:14px;right:clamp(20px,5.5vw,34px);width:34px;height:34px;border-radius:50%;background:#ffffffe6;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border:1.5px solid rgba(180,150,110,.8);color:#4a3b2c;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;outline:none;z-index:20;box-shadow:0 4px 10px #00000038}.register-modal-close:hover{background:#fff;color:#1f1e1d;border-color:#27282b;transform:rotate(90deg) scale(1.06);box-shadow:0 6px 14px #0000004d}.register-modal-header{text-align:center;margin-bottom:14px}.register-modal-header.compact{margin-bottom:10px}.register-pill-tag{display:inline-block;background:#f5e6c8d9;color:#854d0e;font-size:.68rem;font-weight:800;letter-spacing:.08em;padding:3px 12px;border-radius:9999px;margin-bottom:4px;border:1px solid rgba(217,119,6,.35);box-shadow:0 1px 2px #b4530914}.register-modal-title{font-size:clamp(1.25rem,2.2vw,1.48rem);font-weight:900;color:#1f1e1d;margin:0 0 3px;letter-spacing:-.02em}.register-modal-subtitle{font-size:.78rem;color:#5c5245;margin:0;line-height:1.38}.register-cta-view{display:flex;flex-direction:column}.register-cta-options-grid{display:flex;flex-direction:column;gap:10px;margin-top:4px}.register-cta-card{width:100%;background:#fffcf6d9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1.5px solid rgba(195,170,135,.85);border-radius:14px;padding:14px 12px;display:flex;align-items:center;gap:12px;cursor:pointer;transition:all .2s cubic-bezier(.16,1,.3,1);text-align:left;outline:none;box-shadow:0 2px 8px #3c2d1414;font-family:var(--font-primary)}.register-cta-card:hover{background:#fff;border-color:#27282b;transform:translateY(-2px);box-shadow:0 6px 16px #3c2d1426}.register-cta-card:active{transform:translateY(0)}.cta-icon-box{width:40px;height:40px;border-radius:10px;background:#27282b;color:#fff;display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:0 2px 6px #0000002e}.cta-icon-box.google{background:#fff;border:1px solid rgba(0,0,0,.08)}.cta-content-col{flex:1;display:flex;flex-direction:column;gap:2px;min-width:0}.cta-title-row{display:flex;align-items:center;gap:6px}.cta-title{font-size:.92rem;font-weight:800;color:#1f1e1d;white-space:nowrap}.cta-badge{white-space:nowrap;flex-shrink:0;font-size:.65rem;font-weight:800;padding:1px 6px;border-radius:999px;background:#fef3c7;color:#92400e;border:1px solid #FCD34D}.cta-sub{font-size:.74rem;color:#6e6152;line-height:1.35}.cta-arrow-icon{color:#8c7a68;display:flex;align-items:center;transition:transform .2s ease,color .2s ease}.register-cta-card:hover .cta-arrow-icon{transform:translate(3px);color:#1f1e1d}.register-view-top-bar{display:flex;align-items:center;margin-bottom:6px}.register-back-btn{background:transparent;border:none;cursor:pointer;color:#6e6152;font-family:var(--font-primary);font-size:.76rem;font-weight:700;display:flex;align-items:center;gap:4px;padding:2px 0;transition:color .15s ease;outline:none}.register-back-btn:hover{color:#1f1e1d}.register-body-form{display:flex;flex-direction:column;gap:12px}.register-form-group{display:flex;flex-direction:column;gap:3px}.register-form-label{font-size:.76rem;font-weight:800;color:#2d2721}.register-form-label .text-req{color:#dc2626;margin-left:2px}.register-input-wrapper{position:relative;display:flex;align-items:center}.register-input-wrapper svg{position:absolute;left:12px;pointer-events:none;stroke:#8c7a68}.register-text-input{width:100%;box-sizing:border-box;padding:12px 14px 12px 38px;font-family:var(--font-primary);font-size:.95rem;font-weight:700;color:#1f1e1d;background:#fffcf5e0;border:1.5px solid rgba(195,170,135,.85);border-radius:10px;outline:none;transition:all .2s ease;box-shadow:inset 0 1px 3px #3c280f0d,0 1px 2px #fff6}.register-text-input:focus{background:#fff;border-color:#27282b;box-shadow:0 0 0 3px #27282b26,inset 0 1px 2px #00000008}.register-text-input::placeholder{color:#9d8e7d;font-weight:500}.register-info-box.compact{display:flex;align-items:flex-start;gap:8px;background:#fef3c7c7;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border:1.5px dashed rgba(217,119,6,.65);border-radius:9px;padding:8px 10px;color:#78350f;box-shadow:0 1px 3px #b453090d}.register-info-box.compact svg{flex-shrink:0;margin-top:2px;stroke:#b45309}.register-info-box.compact .register-info-content{font-size:.73rem;line-height:1.38;color:#78350f}.register-info-box.compact .register-info-content strong{color:#92400e}.register-error-banner{display:flex;align-items:center;gap:8px;background:#fef2f2eb;border:1.5px solid #FCA5A5;border-radius:9px;padding:7px 10px;margin-bottom:8px;color:#b91c1c;font-size:.76rem;font-weight:700;animation:fadeInDown .2s ease;box-shadow:0 2px 6px #dc262614}.register-primary-btn{width:100%;height:48px;background:#27282b;color:#fff;border:none;border-radius:10px;font-family:var(--font-primary);font-size:.9rem;font-weight:800;display:flex;align-items:center;justify-content:center;gap:8px;cursor:pointer;box-shadow:0 4px 12px #27282b4d;transition:all .2s ease;outline:none;margin-top:3px}.register-primary-btn:hover{background:#151516;transform:translateY(-1px);box-shadow:0 6px 18px #27282b66}.register-primary-btn:active{transform:translateY(1px)}.register-primary-btn:disabled{opacity:.6;cursor:not-allowed}.register-google-btn{width:100%;height:48px;background:#27282b;color:#fff;border:none;border-radius:10px;font-family:var(--font-primary);font-size:.9rem;font-weight:800;display:flex;align-items:center;justify-content:center;gap:8px;cursor:pointer;transition:all .2s ease;outline:none;box-shadow:0 4px 12px #27282b4d}.register-google-btn:hover{background:#151516;transform:translateY(-1px);box-shadow:0 6px 18px #27282b66}.register-google-btn:disabled{opacity:.6;cursor:not-allowed}.register-google-btn-icon{width:28px;height:28px;border-radius:50%;background:#fff;display:flex;align-items:center;justify-content:center;flex-shrink:0}.register-divider{display:flex;align-items:center;gap:10px;color:#8c7a68;font-size:.74rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em}.register-divider:before,.register-divider:after{content:"";flex:1;height:1px;background:#8c7a6866}.register-guest-btn{width:100%;height:48px;background:#fffcf6d9;color:#1f1e1d;border:1.5px solid rgba(195,170,135,.85);border-radius:10px;font-family:var(--font-primary);font-size:.92rem;font-weight:800;display:flex;align-items:center;justify-content:center;gap:8px;cursor:pointer;transition:all .2s ease;outline:none}.register-guest-btn:hover{background:#fff;border-color:#27282b;transform:translateY(-1px)}.register-success-view{display:flex;flex-direction:column;align-items:center;text-align:center;padding:4px 0}.register-success-badge{width:52px;height:52px;border-radius:50%;background:#dcfce7;border:2px solid #86EFAC;display:flex;align-items:center;justify-content:center;margin-bottom:10px;box-shadow:0 4px 12px #16a34a33}.register-success-title{font-size:1.2rem;font-weight:900;color:#1f1e1d;margin:0 0 4px}.register-success-desc{font-size:.8rem;color:#5c5245;margin:0 0 14px}.register-code-card{width:100%;background:linear-gradient(135deg,#fff8e1f2,#feeeb9eb);border:2px dashed #D97706;border-radius:12px;padding:12px 14px;margin-bottom:16px;box-sizing:border-box;box-shadow:0 4px 12px #d977061f}.register-code-label{display:block;font-size:.68rem;font-weight:900;letter-spacing:.08em;color:#92400e;margin-bottom:6px}.register-code-display-wrap{display:flex;align-items:center;justify-content:center;gap:10px;background:#fffdf5f2;border:1.5px solid #F59E0B;border-radius:10px;padding:6px 12px;margin-bottom:8px;box-shadow:0 2px 6px #f59e0b1f}.register-code-text{font-family:monospace,var(--font-primary);font-size:1.4rem;font-weight:900;letter-spacing:.15em;color:#b45309}.register-copy-btn{background:#fef3c7;color:#92400e;border:1px solid #FCD34D;border-radius:7px;padding:4px 9px;font-family:var(--font-primary);font-size:.74rem;font-weight:700;cursor:pointer;transition:all .18s ease;outline:none}.register-copy-btn:hover{background:#fde68a}.register-copy-btn.copied{background:#dcfce7;color:#15803d;border-color:#86efac}.register-code-tip{font-size:.72rem;color:#78350f;margin:0;line-height:1.35}.register-google-success-box{width:100%;background:#f0fdf4e6;border:1.5px solid #BBF7D0;border-radius:12px;padding:12px;margin-bottom:14px;box-sizing:border-box}.register-google-badge{display:block;font-size:.82rem;font-weight:700;color:#166534;margin-bottom:2px}@media (max-width: 640px){.register-modal-container{max-width:95vw}.register-paper-inner-content{padding:2% 13% 6% 14.5%}.cta-title-row{flex-wrap:wrap;row-gap:2px}.register-cta-card{padding:10px;gap:10px}.cta-icon-box{width:34px;height:34px}.cta-title{font-size:.84rem}.cta-sub{font-size:.7rem}.cta-arrow-icon{display:none}.register-modal-close{top:10px;right:16px;width:32px;height:32px}}.register-google-official{display:flex;justify-content:center}.register-google-official-slot{display:flex;justify-content:center;width:100%;min-height:44px}.register-google-official-slot.is-hidden{display:none}.register-switch-hint{margin:2px 0 0;text-align:center;font-size:.8rem;color:#6e6152}.register-link-btn{background:none;border:none;padding:0;font-family:var(--font-primary);font-size:inherit;font-weight:800;color:#1f1e1d;text-decoration:underline;text-underline-offset:3px;cursor:pointer}.register-link-btn:hover{color:#b45309}.register-code-input{font-family:monospace,var(--font-primary);letter-spacing:.12em;text-transform:uppercase}.lobby-page{min-height:100vh;background-color:var(--color-paper);background-image:url("/bg%20(4).png");background-size:cover;background-attachment:fixed;-webkit-user-select:text;user-select:text}.lobby-header{height:64px;padding:0 clamp(1.5rem,4vw,3.5rem);display:flex;align-items:center;justify-content:space-between;position:relative;z-index:30}.lobby-logo-btn{background:none;border:none;padding:0;cursor:pointer;display:flex}.lobby-account{position:relative}.lobby-account-btn{display:flex;align-items:center;gap:10px;padding:4px 14px 4px 4px;background:#ffffffb8;border:1px solid rgba(33,31,31,.08);border-radius:9999px;cursor:pointer;font-family:var(--font-primary);text-align:left;box-shadow:0 1px 2px #211f1f0a;transition:background .15s ease,box-shadow .15s ease}.lobby-account-btn:hover,.lobby-account-btn[aria-expanded=true]{background:#fff;box-shadow:0 4px 14px #211f1f14}.lobby-account-avatar{width:36px;height:36px;border-radius:50%;background:#27282b;color:#fff;font-size:.95rem;font-weight:800;display:flex;align-items:center;justify-content:center;flex-shrink:0}.lobby-account-text{display:flex;flex-direction:column;line-height:1.2;min-width:0}.lobby-account-name{font-size:.86rem;font-weight:800;color:#1f1e1d;max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lobby-account-sub{font-size:.72rem;color:#5a5650}.lobby-popover{position:absolute;right:0;top:calc(100% + 8px);z-index:40;min-width:210px;background:#fffdf9;border:1px solid rgba(33,31,31,.08);border-radius:14px;box-shadow:0 14px 34px #211f1f24;padding:6px;animation:modalFadeIn .12s ease-out}.lobby-account-menu{min-width:260px}.lobby-account-info{display:flex;flex-direction:column;gap:4px;padding:10px 12px 12px;border-bottom:1px dashed rgba(33,31,31,.12);margin-bottom:6px}.lobby-info-label{font-size:.68rem;font-weight:800;color:#8a847b;text-transform:uppercase;letter-spacing:.06em}.lobby-info-value{font-size:.88rem;font-weight:700;color:#1f1e1d;word-break:break-all}.lobby-code-row{display:flex;align-items:center;justify-content:space-between;gap:10px}.lobby-code{font-family:monospace,var(--font-primary);font-size:1rem;letter-spacing:.1em;color:#b45309}.lobby-copy-btn{background:#fef3c7;color:#92400e;border:1px solid #FCD34D;border-radius:9999px;padding:3px 10px;font-family:var(--font-primary);font-size:.72rem;font-weight:800;cursor:pointer}.lobby-menu-item{width:100%;display:flex;align-items:center;gap:10px;padding:9px 12px;background:none;border:none;border-radius:9px;font-family:var(--font-primary);font-size:.86rem;font-weight:700;color:#1f1e1d;cursor:pointer;text-align:left}.lobby-menu-item svg{color:#8a847b;flex-shrink:0}.lobby-menu-item:hover:not(:disabled){background:#f4efe6}.lobby-menu-item:disabled{opacity:.45;cursor:not-allowed}.lobby-menu-item.danger,.lobby-menu-item.danger svg{color:#b91c1c}.lobby-menu-item.danger:hover{background:#fef2f2}.lobby-main{max-width:1000px;margin:0 auto;padding:clamp(28px,6vh,64px) clamp(1.5rem,4vw,3.5rem) 72px}.lobby-intro{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-bottom:clamp(24px,4vh,36px)}.lobby-intro-desc{margin:0;font-size:clamp(.81rem,.92vw,.87rem);line-height:1.45;color:#5a5650}.lobby-counter{flex-shrink:0;padding:6px 14px;background:#ffffffb8;border:1px solid rgba(33,31,31,.08);border-radius:9999px;font-size:.82rem;font-weight:700;color:#5a5650}.lobby-counter strong{color:#1f1e1d;font-weight:900}.lobby-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(20px,2.4vw,32px)}.lobby-card{position:relative;aspect-ratio:5 / 6;background:#fffdf8;border:1px solid rgba(33,31,31,.07);border-radius:18px;box-shadow:0 1px 2px #211f1f0a,0 8px 22px #5a462812;transition:transform .22s cubic-bezier(.16,1,.3,1),box-shadow .22s ease}.lobby-card:hover:not(.is-disabled):not(.lobby-card-skeleton){transform:translateY(-4px);box-shadow:0 2px 4px #211f1f0d,0 18px 36px #5a462821}.lobby-card-tape{position:absolute;top:-9px;left:50%;width:64px;height:18px;transform:translate(-50%) rotate(-2deg);background:#ece0c7e0;border-left:1px dashed rgba(160,140,105,.35);border-right:1px dashed rgba(160,140,105,.35);box-shadow:0 1px 2px #211f1f0f;pointer-events:none;z-index:2}.lobby-card-open{width:100%;height:100%;background:none;border:none;border-radius:inherit;padding:28px 20px 24px;cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;font-family:var(--font-primary);text-align:center}.lobby-card-open:focus-visible,.lobby-card-add:focus-visible{outline:2px solid #27282B;outline-offset:3px}.lobby-card-title{position:absolute;top:20px;left:18px;max-width:calc(100% - 64px);font-size:.7rem;font-weight:800;letter-spacing:.05em;text-transform:uppercase;color:#92400e;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lobby-card-title.is-default{color:#a39d93}.lobby-card-avatar{width:clamp(96px,44%,116px);aspect-ratio:1;border-radius:50%;flex-shrink:0;overflow:hidden;display:flex;align-items:flex-end;justify-content:center;margin-bottom:6px;box-shadow:inset 0 0 0 1px #211f1f0d}.mascot-avatar-svg{width:84%;height:84%;display:flex;align-items:flex-end;justify-content:center}.mascot-avatar-svg svg{width:100%;height:100%}.lobby-card-name{max-width:100%;font-size:1.08rem;font-weight:900;letter-spacing:-.01em;color:#1f1e1d;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lobby-card-tags{display:flex;flex-wrap:wrap;justify-content:center;gap:6px}.lobby-card-tag{padding:3px 10px;background:#f4efe6;border:1px solid rgba(33,31,31,.06);border-radius:9999px;font-size:.74rem;font-weight:700;color:#5a5650}.lobby-card-menu{position:absolute;top:12px;right:10px;z-index:3}.lobby-kebab{width:32px;height:32px;border-radius:50%;border:none;background:none;color:#a39d93;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .15s ease,color .15s ease}.lobby-kebab svg{width:18px;height:18px}.lobby-kebab:hover,.lobby-kebab[aria-expanded=true]{background:#f4efe6;color:#1f1e1d}.lobby-card-add{cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;padding:24px;background:#fffdf873;border:1.5px dashed rgba(33,31,31,.2);box-shadow:none;font-family:var(--font-primary)}.lobby-card-add:hover:not(.is-disabled){background:#fffdf8d9;border-color:#211f1f59}.lobby-plus{width:60px;height:60px;border-radius:50%;background:#27282b;color:#fff;display:flex;align-items:center;justify-content:center;margin-bottom:10px;box-shadow:0 4px #111112;transition:transform .18s cubic-bezier(.16,1,.3,1)}.lobby-card-add:hover:not(.is-disabled) .lobby-plus{transform:scale(1.06) rotate(90deg)}.lobby-add-title{font-size:1rem;font-weight:900;color:#1f1e1d}.lobby-add-label{font-size:.8rem;line-height:1.4;color:#5a5650;text-align:center}.lobby-card-add.is-disabled{cursor:not-allowed}.lobby-card-add.is-disabled .lobby-plus{background:#cfcac2;box-shadow:0 4px #b5afa6}.lobby-card-add.is-disabled .lobby-add-title{color:#8a847b}.lobby-card-skeleton{background:linear-gradient(90deg,#fffdf8 25%,#f4efe6,#fffdf8 75%);background-size:200% 100%;animation:lobbyShimmer 1.2s linear infinite}@keyframes lobbyShimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.lobby-error{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:20px;padding:10px 14px;background:#fef2f2;border:1.5px solid #FCA5A5;border-radius:12px;color:#b91c1c;font-size:.86rem;font-weight:700}.lobby-error button{background:none;border:none;color:inherit;cursor:pointer;font-size:1rem}.lobby-dialog-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;background:#14100c80;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;padding:16px;animation:modalFadeIn .15s ease-out}.lobby-dialog{width:100%;max-width:400px;background:#fffdf8;border-radius:20px;padding:26px 24px 22px;box-shadow:0 24px 60px #00000038;animation:modalSlideUp .25s cubic-bezier(.16,1,.3,1)}.lobby-dialog-title{margin:0 0 6px;font-size:1.2rem;font-weight:900;letter-spacing:-.01em;color:#1f1e1d}.lobby-dialog-desc{margin:0 0 18px;font-size:.88rem;line-height:1.5;color:#5a5650}.lobby-dialog-input{width:100%;box-sizing:border-box;padding:12px 14px;font-family:var(--font-primary);font-size:.95rem;font-weight:700;color:#1f1e1d;background:#fff;border:1.5px solid rgba(33,31,31,.14);border-radius:12px;outline:none;margin-bottom:20px}.lobby-dialog-input:focus{border-color:#27282b;box-shadow:0 0 0 3px #27282b1f}.lobby-dialog-actions{display:flex;justify-content:flex-end;gap:10px}.lobby-btn-primary,.lobby-btn-secondary,.lobby-btn-danger{height:44px;padding:0 20px;border-radius:9999px;font-family:var(--font-primary);font-size:.9rem;font-weight:800;cursor:pointer;border:none;transition:transform .15s ease}.lobby-btn-primary{background:#27282b;color:#fff;box-shadow:0 3px #111112}.lobby-btn-secondary{background:#fff;color:#1f1e1d;box-shadow:inset 0 0 0 1.5px #211f1f24}.lobby-btn-danger{background:#dc2626;color:#fff;box-shadow:0 3px #991b1b}.lobby-btn-primary:active,.lobby-btn-danger:active{transform:translateY(2px)}.lobby-btn-primary:disabled,.lobby-btn-secondary:disabled,.lobby-btn-danger:disabled{opacity:.6;cursor:not-allowed}.lobby-editor-placeholder{display:flex;flex-direction:column;align-items:flex-start;gap:8px}.lobby-editor-title{margin:0;font-size:1.6rem;font-weight:900}.wizard-save-error{margin:0 0 10px;padding:8px 12px;background:#fef2f2;border:1.5px solid #FCA5A5;border-radius:9px;color:#b91c1c;font-size:.85rem;font-weight:700}@media (max-width: 640px){.lobby-account-text{display:none}.lobby-account-btn{padding:3px}.lobby-intro{flex-direction:column;align-items:flex-start}.lobby-grid{grid-template-columns:repeat(2,1fr);gap:16px}.lobby-card{aspect-ratio:3 / 4;border-radius:16px}.lobby-card-open{padding:34px 12px 16px;gap:8px}.lobby-card-avatar{width:72px}.lobby-card-name{font-size:.92rem}.lobby-card-tag{font-size:.68rem;padding:2px 8px}.lobby-card-title{top:16px;left:14px;font-size:.62rem}.lobby-plus{width:48px;height:48px}.lobby-add-label{font-size:.72rem}}