:root{--paper:#faf6ef;--ink:#49343e;--muted:#8a757d;--pink:#ae6b83;--line:#e5d9d5;--soft:#efe5e4;--serif:Georgia,'Times New Roman',serif}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:14px/1.5 'Trebuchet MS',Arial,sans-serif}button,input{font:inherit}button{cursor:pointer;color:inherit;border:0;background:none}button:disabled{cursor:default;opacity:.45}button:focus-visible,input:focus-visible{outline:3px solid #99739b;outline-offset:4px}button{touch-action:manipulation;-webkit-tap-highlight-color:transparent;transition:background .2s,transform .2s,box-shadow .2s}button:active:not(:disabled){transform:scale(.97)}button:hover:not(:disabled){filter:brightness(.98)}header{height:100px;display:flex;align-items:center;justify-content:space-between;max-width:1440px;margin:auto;padding:0 5%;border-bottom:1px solid var(--line)}.brand{font:39px/.9 var(--serif);letter-spacing:-2px;text-align:left}.brand span{font-style:italic;color:var(--pink);font-size:30px;margin:0 2px}.brand i{display:block;font:8px/2.5 Arial,sans-serif;letter-spacing:3px;font-style:normal;text-align:center;margin-top:5px}nav{display:flex;gap:20px;align-items:center}.nav-link{font-size:12px}.icon-button{font-size:20px;width:40px;height:40px;border:1px solid var(--line);border-radius:50%}.eyebrow{font-size:10px;letter-spacing:2px;font-weight:600;display:block;color:#977982}.home{max-width:1440px;margin:auto;display:grid;grid-template-columns:.92fr 1.08fr;min-height:690px}.home-copy{padding:85px 8% 40px 11%}.home h1{font:clamp(52px,5.5vw,85px)/1.04 var(--serif);letter-spacing:-3px;margin:27px 0}.home h1 em,.completion h1 em{color:var(--pink);font-weight:normal}.home-copy>p{color:var(--muted);font-size:15px;line-height:1.85;max-width:320px;margin-bottom:30px}.home-actions{display:flex;gap:18px;align-items:center;flex-wrap:wrap}.primary{padding:16px 24px;background:var(--pink);color:white;border-radius:7px;font-size:13px;box-shadow:0 6px 20px #9f63731a;min-height:48px}.primary span{margin-left:23px;font-size:20px;line-height:10px}.secondary{padding:13px 20px;border:1px solid #c9abb6;border-radius:6px;min-height:44px}.text-button{font-size:12px;text-decoration:underline;text-underline-offset:5px;padding:10px 4px}.home-note{margin-top:61px;font-size:8px;letter-spacing:1.3px;color:#8e7881;display:flex;align-items:center;gap:18px}.home-note span{border:1px solid #d6baca;padding:7px 12px;border-radius:20px;color:#9f6a7e}.home-scene{position:relative;margin:35px 9% 35px 0;border-radius:180px 180px 14px 14px;isolation:isolate;min-width:0}.world{position:relative;overflow:hidden;min-width:0;background:#f2e5dd;isolation:isolate}.home-scene>.world{height:100%;border-radius:inherit;min-height:620px}.room-art{position:absolute;width:100%;height:100%;inset:0;z-index:-1}.character{position:absolute;width:36%;height:77%;left:32%;bottom:11%;filter:drop-shadow(0 10px 9px #5c374418);transition:filter .4s}.avatar{width:100%;height:100%;overflow:visible;display:block}.home-scene .character{width:39%;left:30.5%;height:73%;bottom:12%}.world-caption{position:absolute;bottom:23px;left:0;right:0;text-align:center;font-size:8px;letter-spacing:2.7px;color:#725b61}.floating-note{position:absolute;bottom:61px;right:-27px;width:236px;padding:21px 24px;background:#fffaf3;transform:rotate(-4deg);box-shadow:0 12px 35px #58384915;border:1px solid #e8dacf;z-index:3}.floating-note span{display:block;font-size:7px;letter-spacing:2px;color:#a7818d}.floating-note strong{font:22px/1.4 var(--serif);display:block;margin:7px 0}.floating-note small{font-size:9px;color:var(--muted)}.scene-sticker{position:absolute;left:-35px;top:61px;width:102px;height:102px;border-radius:50%;display:grid;place-content:center;background:#e8e0ef;border:1px dashed #b9a5c4;text-align:center;font:15px/1.3 var(--serif);transform:rotate(-12deg)}.scene-sticker em{font-size:19px}.sparkle{position:absolute;color:#fff9e7;font-size:40px;pointer-events:none;animation:twinkle 4s ease-in-out infinite}.s1{top:23%;left:22%}.s2{top:47%;right:24%;font-size:22px;animation-delay:1s}footer{max-width:1440px;margin:auto;padding:25px 5%;border-top:1px solid var(--line);font-size:9px;letter-spacing:2px;display:flex;justify-content:space-between;color:#9b8189}footer span{letter-spacing:0;font-style:italic}.progress{max-width:1440px;margin:auto;display:flex;align-items:center;justify-content:space-between;padding:19px 5%;gap:12px;border-bottom:1px solid var(--line)}.progress>span{font-size:9px;letter-spacing:1.6px;color:#967e86}.progress>div{display:flex;gap:24px}.progress button{font-size:12px;color:#9a858c;min-height:38px}.progress button b{font-weight:normal;display:inline-grid;place-items:center;width:23px;height:23px;border:1px solid #d8c9cf;border-radius:50%;font-size:10px;margin-right:7px}.progress button.active{color:var(--pink)}.progress button.active b{background:var(--pink);color:white;border-color:var(--pink)}.progress .brief{color:#836b76;text-decoration:underline;text-underline-offset:5px}.studio{display:grid;grid-template-columns:1fr 1fr;max-width:1440px;min-height:660px;margin:auto}.studio>.world{min-height:660px;border-right:1px solid var(--line)}.studio>.world .character{width:34%;left:33%;height:77%;bottom:9%}.studio .world.closeup .character{width:68%;left:16%;height:79%;bottom:11%;filter:drop-shadow(0 10px 20px #62433a20)}.closeup .room-art{filter:blur(2px);opacity:.6}.closeup .world-caption{background:#faf6ef99;padding:12px 0;bottom:0}.controls{padding:35px 6% 0;display:flex;flex-direction:column;min-width:0}.panel-heading{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:23px}.panel-heading h1{font:34px/1.15 var(--serif);letter-spacing:-1px;margin:10px 0 0}.tiny-flower{font:42px var(--serif);color:#b5a0b9}.category-tabs{display:flex;gap:5px;overflow:auto;padding-bottom:13px;scrollbar-width:thin;flex-shrink:0}.category-tabs button{padding:10px 14px;border-radius:20px;white-space:nowrap;font-size:11px;color:#8c737e}.category-tabs button.active{background:#ead9e0;color:#6a4457}.closet-tools{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:2px 0 15px}.filter-swatches{display:flex;gap:6px;align-items:center;flex-wrap:wrap}.filter-swatches>button:first-child{font-size:10px;padding:5px 8px;border:1px solid var(--line);border-radius:12px}.color-dot{height:20px;width:20px;border-radius:50%;border:3px solid var(--paper);outline:1px solid transparent}.color-dot.selected{outline-color:var(--pink)}.filter-swatches .selected{font-weight:bold}.item-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;max-height:393px;overflow-y:auto;padding:4px 5px 10px;scrollbar-width:thin;scrollbar-color:#d8c1cb transparent}.item-card{position:relative;background:#f0e9e8;border:1px solid transparent;border-radius:9px;padding:12px 8px 11px;min-width:0;text-align:center}.item-card:nth-child(3n+2){background:#ebe7ee}.item-card:nth-child(3n){background:#eee9df}.item-card:hover{box-shadow:0 5px 15px #6b46581a}.item-card.selected{border-color:var(--pink);background:#f1e0e6;box-shadow:0 0 0 1px var(--pink)}.item-art{display:block;height:112px;margin:2px auto 9px}.item-art svg{width:100%;height:100%;max-width:96px}.item-name{display:block;font-size:11px}.item-card small{display:block;font-size:8px;color:#836e79;margin-top:3px}.check{position:absolute;right:7px;top:7px;border-radius:50%;background:var(--pink);color:white;width:17px;height:17px;font:10px/17px Arial}.locked .item-art{opacity:.35}.closet-footer{display:flex;align-items:center;justify-content:space-between;gap:7px;font-size:9px;color:#9b8590;padding:12px 0}.closet-footer .text-button{font-size:10px}.panel-bottom{display:flex;align-items:center;justify-content:space-between;gap:16px;border-top:1px solid var(--line);margin-top:auto;padding:19px 0 23px}.makeup-panel{max-height:480px;overflow:auto;padding:2px 4px 15px;scrollbar-width:thin}.preset-row{display:flex;gap:7px;flex-wrap:wrap}.pill{font-size:11px;min-height:34px;padding:8px 13px;border:1px solid var(--line);border-radius:20px}.pill.chosen{background:#ead9e0;border-color:#d3a9bb}.beauty-row{padding:16px 0;border-bottom:1px solid #e8ded8;display:flex;gap:16px;align-items:center;justify-content:space-between}.beauty-row label{font-size:12px;min-width:72px}.swatches{display:flex;gap:10px;flex-wrap:wrap}.swatch{width:29px;height:29px;border-radius:50%;background:var(--swatch);border:3px solid var(--paper);outline:1px solid #d7c8c8;position:relative}.swatch.selected{outline:2px solid var(--pink);box-shadow:0 0 0 4px #ead6df}.swatch.no-color{font-size:20px;line-height:19px;color:#8c7981}.muted{color:var(--muted)}.small{font-size:11px;line-height:1.8}.care-panel{text-align:center;padding:0 12px 12px}.care-panel>p{font-size:12px;max-width:320px;margin:0 auto 22px;line-height:1.8}.care-steps{display:flex;justify-content:center;gap:15px;font-size:10px;color:#a7979d}.care-steps span.active{color:#9a5f76}.bottle-button{display:flex;flex-direction:column;align-items:center;margin:23px auto 15px;min-width:150px;font-size:11px}.bottle-button svg{width:128px;height:175px;filter:drop-shadow(0 10px 10px #70475316);transition:transform .2s}.bottle-button:active svg{transform:rotate(5deg)}.bottle-button span{margin-top:12px}.care-meter{height:5px;border-radius:5px;background:#eadddf;max-width:270px;margin:20px auto}.care-meter i{height:100%;display:block;border-radius:5px;background:#b98299;transition:width .2s}.timer{font-size:13px;border:1px solid var(--line);padding:9px;border-radius:7px;white-space:nowrap}.invitation-page{position:relative;min-height:690px;display:grid;place-items:center;padding:45px 20px;background:radial-gradient(ellipse at 20% 40%,#eadce8 0,transparent 43%),radial-gradient(ellipse at 80% 90%,#efd6d8 0,transparent 45%);overflow:hidden}.invitation-card{z-index:1;text-align:center;background:#fffbf5;padding:44px 55px 29px;border:1px solid #d9bba7;outline:1px solid #d9bba7;outline-offset:-10px;box-shadow:0 15px 60px #88566e13;max-width:480px;width:100%;border-radius:120px 120px 4px 4px}.invitation-card .eyebrow{font-size:8px;margin-top:14px}.little-star{font-size:39px;color:#b08a65;margin:12px 0}.invitation-card h2,.mini-invite h2{font:39px/1.1 var(--serif);margin:10px 0 17px}.italic{font:italic 17px/1.5 var(--serif);color:#947381}.venue{font-size:10px;letter-spacing:1px;margin:25px 0;color:#977f88}.invite-line{height:1px;background:#e0cbd0;max-width:75px;margin:24px auto}.dress-code{text-transform:capitalize;color:#8a727d;font-size:12px}.palette{display:flex;justify-content:center;gap:9px;margin:18px 0}.palette span{width:22px;height:22px;border-radius:50%;border:2px solid #fff;outline:1px solid #dfd2cd}.request{font:17px/1.4 var(--serif);margin:21px 0 27px}.invitation-card .primary{width:100%}.timed-option{display:flex;gap:8px;align-items:center;justify-content:center;font-size:10px;margin-top:22px}.timed-option input{accent-color:var(--pink);width:17px;height:17px}.invitation-flower{position:absolute;right:7%;bottom:-70px;font:400px var(--serif);color:#ead6de;transform:rotate(15deg);z-index:0}.result-panel{padding:35px 10% 28px;text-align:center}.result-panel h1{font:46px var(--serif);letter-spacing:-1.5px;margin:15px 0 0}.result-panel>.italic{margin:0 0 18px}.score-ring{border:1px solid #cb9fb2;outline:1px solid #e0c5cf;outline-offset:6px;border-radius:50%;width:140px;height:140px;margin:27px auto 16px;display:flex;flex-direction:column;align-items:center;justify-content:center;background:radial-gradient(#f2e5e7,transparent)}.score-ring strong{font:55px/1 var(--serif);color:var(--pink)}.score-ring span{font-size:7px;letter-spacing:1px;margin-top:9px}.stars{font-size:26px;color:#b69156;letter-spacing:7px;margin:14px}.stars span{color:#c8bbb1}.score-breakdown{margin:20px auto;max-width:350px}.score-breakdown>div{display:flex;align-items:center;gap:14px;font-size:10px;margin:12px 0}.score-breakdown span{width:88px;text-align:left}.score-breakdown>div>div{flex:1;height:4px;background:#e8dce0;border-radius:4px}.score-breakdown i{height:100%;display:block;background:#b88a9e;border-radius:4px}.score-breakdown b{width:32px;font-weight:normal}.feedback{text-align:left;font-size:11px;line-height:1.75;color:#8b7480;border-top:1px solid var(--line);padding-top:9px}.feedback p{margin:8px 0}.reward{font-size:10px;color:#937047;margin:15px 0}.result-actions{display:flex;justify-content:center;gap:12px;flex-wrap:wrap}.result-actions>.primary{width:100%}.party .character{animation:entrance 1s ease both}.party .world-caption{color:#fff4e8;text-shadow:0 1px 4px #402533}.completion{text-align:center;max-width:620px;margin:auto;padding:60px 25px}.completion h1{font:64px/1.1 var(--serif);letter-spacing:-2px;margin:24px 0}.completion>p{color:var(--muted)}.completion-score{font:52px var(--serif);color:var(--pink);margin:30px}.completion-score small{display:block;font:9px Arial;letter-spacing:2px;margin-top:10px}.event-scores{margin:30px 0}.event-scores button{display:flex;align-items:center;width:100%;padding:15px 12px;gap:20px;border-bottom:1px solid var(--line);text-align:left}.event-scores span{color:#b294a3;font-size:10px}.event-scores strong{flex:1;font:20px var(--serif)}.event-scores b{font-weight:normal;color:var(--pink)}.completion .home-actions{justify-content:center}dialog{border:1px solid #dfced1;border-radius:14px;background:var(--paper);color:var(--ink);padding:38px;max-width:650px;width:calc(100% - 32px);max-height:85dvh;box-shadow:0 25px 100px #33203130}dialog::backdrop{background:#34233466;backdrop-filter:blur(5px)}.modal-close{position:absolute;right:13px;top:10px;font-size:27px;width:35px;height:35px;color:#8f7280}dialog h2{font:34px var(--serif);margin:16px 0 25px}dialog>p{color:var(--muted);line-height:1.8}dialog .secondary,dialog .danger{margin:8px}.mini-invite{text-align:center}.event-list>button{display:flex;width:100%;padding:18px 0;border-bottom:1px solid var(--line);align-items:center;gap:20px;text-align:left}.event-list>button>span{font-size:10px;color:#a38694}.event-list>button>div{flex:1}.event-list strong{display:block;font:22px var(--serif)}.event-list small{display:block;color:var(--muted);font-size:10px;margin-top:5px}.lookbook{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.lookbook button{padding:0;text-align:left}.lookbook button>div{height:200px;background:linear-gradient(#ebe0e7,#e9d7c7);border-radius:70px 70px 4px 4px;padding:10px}.lookbook strong{font:15px var(--serif);display:block;margin-top:9px}.lookbook span{font-size:8px;color:var(--muted)}.input-label{display:block;font-size:12px;margin:10px 0 20px}.input-label input{display:block;background:#fffaf5;border:1px solid var(--line);padding:13px;border-radius:6px;width:100%;margin-top:8px;color:var(--ink)}.danger{color:#a3425b;border:1px solid #d0a9b3;border-radius:6px;padding:12px}#toast{position:fixed;bottom:23px;left:50%;transform:translate(-50%,15px);max-width:90%;background:#59404f;color:#fff7f6;font-size:12px;border-radius:9px;padding:13px 22px;opacity:0;pointer-events:none;z-index:10;transition:.25s;box-shadow:0 6px 25px #30203022}#toast.show{opacity:1;transform:translate(-50%,0)}@keyframes twinkle{0%,100%{opacity:.45;transform:scale(.8)}50%{opacity:1;transform:scale(1)}}@keyframes entrance{from{opacity:0;transform:translateY(25px)}to{opacity:1;transform:translateY(0)}}
@media(min-width:1500px){.studio{margin-top:20px;border:1px solid var(--line);border-radius:15px;overflow:hidden}.progress{margin-top:15px}.home{min-height:740px}}
@media(max-width:1000px){.home-copy{padding-top:70px}.home h1{font-size:65px}.home-scene{margin-right:7%;margin-left:15px}.home-scene>.world{min-height:580px}.studio{grid-template-columns:.88fr 1fr}.controls{padding:25px 5% 0}.panel-heading h1{font-size:28px}.progress>span{display:none}.item-grid{gap:9px}.item-art{height:100px}.beauty-row{gap:8px}.swatches{gap:8px}.floating-note{width:210px}.studio>.world .character{width:45%;left:27.5%}.studio .world.closeup .character{width:85%;left:7.5%}}
@media(max-width:680px){header{height:77px;padding:0 21px}.brand{font-size:31px}.brand span{font-size:25px}.brand i{font-size:6px;letter-spacing:2px}nav{gap:10px}.nav-link{font-size:10px;padding:8px 2px}.icon-button{width:30px;height:30px;font-size:17px}.home{display:flex;flex-direction:column;min-height:0}.home-copy{padding:37px 27px 25px;position:relative}.home .eyebrow{font-size:8px;letter-spacing:2px}.home h1{font-size:53px;line-height:1.01;margin:20px 0;letter-spacing:-2px}.home h1 br:nth-of-type(2){display:none}.home h1 em{white-space:nowrap}.home-copy>p{font-size:12px;max-width:280px;line-height:1.8;margin-bottom:23px}.home-actions{gap:18px}.primary{padding:14px 20px;font-size:12px}.home-note{margin-top:25px;font-size:6px;gap:10px;letter-spacing:1px}.home-scene{margin:12px 26px 28px;border-radius:150px 150px 12px 12px}.home-scene>.world{min-height:440px}.home-scene .character{width:36%;left:32%;height:75%;bottom:10%}.floating-note{bottom:35px;right:-10px;width:172px;padding:15px}.floating-note strong{font-size:18px;margin:5px 0}.floating-note span{font-size:6px;letter-spacing:1px}.floating-note small{font-size:8px}.scene-sticker{width:77px;height:77px;left:-8px;top:22px;font-size:12px}.scene-sticker em{font-size:14px}footer{padding:20px;font-size:6px;letter-spacing:1px;gap:10px;flex-wrap:wrap}.progress{padding:9px 16px;flex-wrap:wrap;gap:0;justify-content:center}.progress>div{justify-content:center;gap:15px;width:100%}.progress button{font-size:11px;min-height:35px}.progress button b{width:20px;height:20px;font-size:9px}.progress .brief{font-size:10px;min-height:28px}.studio{display:flex;flex-direction:column;min-height:0}.studio>.world{height:340px;min-height:0;border-right:0;border-bottom:1px solid var(--line)}.studio>.world .room-art{object-position:center center}.studio>.world .character{width:32%;left:34%;height:94%;bottom:3%}.studio .world.closeup .character{height:92%;width:54%;left:23%;bottom:0}.studio .world .world-caption{bottom:8px;font-size:6px;letter-spacing:2px}.studio .world.closeup .world-caption{bottom:0;padding:6px}.studio .s1{top:16%;left:20%}.studio .s2{right:21%;top:44%}.controls{padding:23px 20px 0}.panel-heading{margin-bottom:17px}.panel-heading h1{font-size:29px}.panel-heading .eyebrow{font-size:8px;letter-spacing:1.5px}.tiny-flower{font-size:32px}.category-tabs{margin-right:-20px;padding-right:20px;padding-bottom:10px}.category-tabs button{padding:8px 12px;font-size:10px;min-height:36px}.item-grid{max-height:330px;gap:10px;padding:4px 3px 9px}.item-art{height:105px}.item-card{padding:9px 5px}.item-name{font-size:10px}.item-card small{font-size:7px}.closet-tools{margin-bottom:11px}.color-dot{height:19px;width:19px}.filter-swatches{gap:4px}.closet-footer{flex-wrap:wrap;font-size:8px;padding:10px 0}.panel-bottom{position:sticky;bottom:0;background:var(--paper);z-index:4;padding:13px 0 max(13px,env(safe-area-inset-bottom));margin-top:6px;box-shadow:0 -7px 15px #faf6ef}.makeup-panel{max-height:none;padding:0 2px 12px}.beauty-row{padding:13px 0}.swatch{width:29px;height:29px}.preset-row{gap:5px}.pill{font-size:10px;padding:7px 11px}.beauty-row label{font-size:11px;min-width:67px}.care-panel>p{margin-bottom:15px;font-size:11px}.bottle-button{margin-top:15px}.bottle-button svg{height:125px;width:98px}.care-steps{font-size:9px;gap:13px}.care-meter{margin:16px auto}.care-panel{padding-bottom:0}.care-panel>.small{font-size:9px;margin-bottom:14px}.invitation-page{padding:35px 22px;min-height:calc(100dvh - 77px)}.invitation-card{padding:30px 29px 22px;border-radius:110px 110px 4px 4px}.invitation-card h2{font-size:37px}.invitation-flower{font-size:260px;right:-80px}.result-panel{padding:27px 30px}.results>.world{height:405px}.results>.world .character{height:87%;bottom:6%;width:39%;left:30.5%}.result-panel h1{font-size:41px}.score-ring{width:125px;height:125px}.result-actions{gap:8px}.completion{padding-top:40px}.completion h1{font-size:52px}.completion .eyebrow{font-size:8px}.event-scores strong{font-size:19px}dialog{padding:33px 24px}.lookbook{grid-template-columns:repeat(2,1fr)}.lookbook button>div{height:215px}.event-list strong{font-size:21px}}
@media(max-width:360px){.home h1{font-size:47px}.controls{padding-left:14px;padding-right:14px}.panel-heading h1{font-size:26px}.swatches{gap:6px}.swatch{width:25px;height:25px}.beauty-row{gap:5px}.item-art{height:90px}.item-name{font-size:9px}.closet-footer .text-button{font-size:9px}.progress>div{gap:9px}.studio>.world{height:295px}.pill{padding:7px 9px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
/* Hana's Glam Jam — play-first edition */
.hana-brand{font-size:29px;letter-spacing:-1px}.hana-brand span{display:block;font-size:23px;letter-spacing:0;margin:3px 0;color:#a76582}.hana-brand i{font-size:6px;letter-spacing:2px;margin-top:7px}.wallet{color:#95734c;background:#f2e6cc;padding:6px 12px;border-radius:20px;font-size:12px;white-space:nowrap}.mode-menu{display:grid;grid-template-columns:1fr 1fr;gap:8px;max-width:360px;margin-top:20px}.mode-tile{border:1px solid #e0cbd5;border-radius:7px;padding:12px 8px;font-size:12px;text-align:left;background:#fff8f4}.home-note{margin-top:30px}.home-copy{padding-top:60px}.home h1{font-size:clamp(49px,4.8vw,73px)}.host-note{margin:20px 0;padding:15px;background:#f2e6e9;border-radius:8px;text-align:left}.host-note b{font-size:11px;color:#9b657f}.host-note p{font:italic 14px/1.6 Georgia;margin:7px 0}.invitation-card{max-width:510px}.face-touch{position:absolute;inset:17% 24% 15%;z-index:2;cursor:crosshair;touch-action:none;border-radius:40%;outline:none}.face-touch:focus-visible{outline:2px dashed var(--pink)}.face-touch>span{position:absolute;bottom:-14px;left:-25%;right:-25%;text-align:center;font-size:9px;letter-spacing:1.5px;color:#9b7188;background:#fcf5eacc;border-radius:15px;padding:5px;pointer-events:none}.care-instruction{font-size:12px;color:#94677c;margin-bottom:10px!important}.beauty-tools{display:flex;align-items:center;gap:7px;flex-wrap:wrap;margin-bottom:12px}.beauty-tools>span{font-size:11px;margin-right:auto}.blend-control{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:12px}.blend-control label{font-size:11px;display:flex;gap:10px;align-items:center;flex-wrap:wrap}.blend-control input{width:100px;accent-color:var(--pink)}.save-draft-row{display:flex;align-items:center;gap:12px;padding:10px 0;font-size:10px;color:#8f7180}.save-draft-row .pill{font-size:11px}.free-label{font-size:11px;color:#987587}.pose-controls{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin:15px 0 23px}.pose-controls>span{flex-basis:100%;font-size:11px;color:#987180}.character.pose-tilt{transform:rotate(-4deg);transform-origin:50% 90%}.character.pose-wave{transform:rotate(3deg) translateY(-5px);transform-origin:50% 90%}.shop-page{max-width:1200px;margin:auto;padding:40px 35px}.shop-heading{display:flex;gap:20px;align-items:center;justify-content:space-between;margin-bottom:30px}.shop-heading h1,.room-editor h1{font:40px/1.2 Georgia;margin:12px 0}.shop-heading p{color:var(--muted);font-size:13px}.shop-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.shop-card{background:#eee3e7;border:1px solid #e0ccd7;border-radius:16px;padding:20px;text-align:center}.shop-card:nth-child(3n){background:#e6e3ed}.shop-card:nth-child(3n+2){background:#eee6d9}.shop-art{height:185px;padding:10px}.shop-art svg{height:100%;width:100%}.shop-card h3{font:20px Georgia;margin:15px 0 7px}.shop-card p{font-size:11px;color:#9b778a}.shop-card .primary{min-height:44px;padding:10px 16px}.decor-list{overflow:auto;max-height:530px;padding:0 4px 15px}.decor-list h3{font:20px Georgia;margin:20px 0 12px}.decor-list>div>div{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.decor-choice{border:1px solid var(--line);padding:13px 5px;border-radius:9px;display:flex;flex-direction:column;align-items:center;gap:6px}.decor-choice.chosen{border-color:var(--pink);background:#f1e1e8}.decor-choice i{display:block;width:37px;height:37px;border:2px solid #fffaee;border-radius:50%;box-shadow:0 0 0 1px #ddcbd2}.decor-choice span{font-size:11px}.decor-choice small{font-size:10px;color:#987246}.lookbook article{min-width:0}.lookbook article>button{width:100%}.lookbook article>button>div{height:210px;background:linear-gradient(#ebe0e7,#e9d7c7);border-radius:70px 70px 4px 4px;padding:10px}.look-actions{display:flex;gap:4px;margin-top:8px;flex-wrap:wrap}.look-actions .pill{padding:7px 9px;font-size:11px}.entrance-stage{height:calc(100dvh - 100px);min-height:630px;position:relative;overflow:hidden}.entrance-stage>.world{position:absolute;inset:0}.entrance-stage .character{width:30%;left:35%;height:83%;bottom:4%;animation:hana-arrive 1.5s ease both}.entrance-banner{position:absolute;left:5%;top:10%;max-width:340px;background:#fcf6ede8;padding:28px;border:1px solid #e6c7d5;border-radius:15px;z-index:3}.entrance-banner h1{font:39px Georgia;margin:15px 0}.entrance-banner p{font-size:12px;color:#947384}.camera-flash{position:absolute;inset:0;pointer-events:none;animation:flash .9s 1s both;z-index:2}.confetti{position:absolute;inset:0;pointer-events:none;overflow:hidden}.confetti i{position:absolute;left:calc(var(--i)*6.5%);top:-20px;width:7px;height:14px;background:#d3b778;animation:confetti 4s calc(var(--i)*.12s) both}.confetti i:nth-child(2n){background:#d7a5c0}.confetti i:nth-child(3n){background:#bfb0d9}.reward>strong{font-size:25px;font-family:Georgia}.reward>p{font-size:11px}.character .avatar{transition:filter .2s}.item-card small{font-size:10px}.item-name{font-size:12px}.color-dot{width:32px;height:32px;border-width:7px}.swatch{width:36px;height:36px}.filter-swatches{gap:5px}.filter-swatches>button:first-child{min-height:32px;min-width:35px}.eyebrow{color:#896775}.muted{color:#7d6470}.category-tabs button{font-size:12px;min-height:42px}.item-grid{max-height:340px}.controls .panel-heading h1{font-size:31px}.lookbook strong{overflow-wrap:anywhere}.face-touch:active{background:radial-gradient(ellipse,#fff6eb25,transparent)}
@keyframes hana-arrive{from{opacity:0;translate:0 60px;scale:.9}to{opacity:1;translate:0 0;scale:1}}@keyframes flash{0%,35%,70%,100%{background:transparent}20%,55%{background:#ffffffbb}}@keyframes confetti{from{transform:translateY(-20px) rotate(0);opacity:1}to{transform:translateY(900px) rotate(360deg);opacity:0}}
@media(max-width:680px){header{height:84px;padding:0 14px;gap:8px}.hana-brand{font-size:23px;min-width:102px}.hana-brand span{font-size:18px}.hana-brand i{font-size:5px;margin-top:4px}nav{gap:6px}.wallet{font-size:10px;padding:5px 8px}.nav-link{min-height:38px;font-size:11px}.icon-button{width:32px;height:36px}.home-copy{padding:32px 25px 18px}.home h1{font-size:48px}.home h1 br:nth-of-type(2){display:block}.home-copy>p{font-size:13px}.mode-menu{margin-top:16px;max-width:100%}.mode-tile{font-size:12px;min-height:44px}.home-scene{margin-top:10px}.home-note{font-size:8px;flex-wrap:wrap;line-height:1.5}.progress{height:76px;padding:5px 12px}.studio:not(.results){height:calc(100dvh - 160px);min-height:570px;display:grid;grid-template-rows:minmax(175px,38%) minmax(0,62%);overflow:hidden}.studio:not(.results)>.world{height:auto;min-height:0}.studio:not(.results)>.world .character{height:98%;bottom:0;width:32%;left:34%}.studio:not(.results)>.world.closeup .character{height:110%;bottom:-10%;width:42%;left:29%}.controls{padding:12px 15px 0;overflow:hidden;min-height:0}.panel-heading{margin-bottom:9px;flex-shrink:0}.controls .panel-heading h1{font-size:24px;margin-top:4px}.panel-heading .eyebrow{font-size:8px}.category-tabs{padding-bottom:5px;margin-right:-15px;padding-right:15px;flex-shrink:0}.category-tabs button{min-height:38px;font-size:11px;padding:7px 10px}.closet-tools{margin:3px 0 5px;flex-shrink:0}.color-dot{width:28px;height:28px;border-width:5px}.filter-swatches{gap:2px}.item-grid{max-height:none;flex:1;min-height:60px;overflow:auto;overscroll-behavior:contain;grid-template-columns:repeat(3,minmax(0,1fr))}.item-art{height:94px}.item-card{padding:8px 5px}.item-name{font-size:11px}.item-card small{font-size:10px;line-height:1.3}.save-draft-row{padding:5px 0;gap:8px;flex-shrink:0}.save-draft-row .pill{padding:5px 9px;min-height:30px}.save-draft-row span{font-size:9px}.closet-footer{padding:1px 0;flex-shrink:0}.closet-footer>span{display:none}.closet-footer .text-button{padding:6px 3px;font-size:10px}.panel-bottom{position:static;padding:7px 0 max(8px,env(safe-area-inset-bottom));gap:8px;flex-shrink:0;margin-top:3px;box-shadow:none}.panel-bottom .primary{min-height:42px;padding:11px 15px}.panel-bottom .text-button{font-size:11px}.makeup-panel{min-height:0;flex:1;overflow:auto;overscroll-behavior:contain;padding-bottom:5px}.beauty-tools{gap:5px;margin-bottom:5px;flex-shrink:0}.beauty-tools>span{font-size:10px}.beauty-tools .pill{padding:5px 9px;min-height:31px}.blend-control{margin-bottom:5px;flex-shrink:0}.blend-control input{width:83px}.blend-control label{font-size:10px;gap:5px}.blend-control .pill{font-size:10px;padding:5px 8px;min-height:31px}.swatches{gap:8px}.swatch{width:32px;height:32px}.beauty-row{padding:11px 0}.care-panel{min-height:0;flex:1;overflow:auto;padding:0 3px}.care-panel>p{font-size:11px;margin-bottom:9px}.bottle-button{margin:10px auto}.bottle-button svg{height:86px;width:69px}.care-steps{font-size:10px}.bottle-button span{margin-top:5px}.care-meter{margin:10px auto}.care-panel>.small{font-size:10px}.face-touch{inset:13% 31% 16%}.face-touch>span{font-size:8px;bottom:-15px;left:-50%;right:-50%}.host-note{padding:12px}.host-note p{font-size:13px}.shop-page{padding:25px 17px}.shop-heading{display:block}.shop-heading h1{font-size:35px}.shop-heading .secondary{margin-top:10px}.shop-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.shop-card{padding:12px 8px}.shop-art{height:145px}.shop-card h3{font-size:19px}.shop-card .primary{font-size:11px;padding:10px 13px}.studio.room-editor{height:calc(100dvh - 84px);grid-template-rows:35% 65%}.room-editor .controls>h1{font-size:27px;margin:7px 0}.decor-list{max-height:none;min-height:0;flex:1}.decor-choice{padding:9px 4px}.decor-choice span{font-size:10px}.decor-list h3{font-size:18px;margin:12px 0 7px}.entrance-stage{height:calc(100dvh - 84px);min-height:570px}.entrance-stage .character{width:49%;left:25.5%;height:69%;bottom:3%}.entrance-banner{top:18px;left:20px;right:20px;max-width:none;padding:17px;text-align:center}.entrance-banner h1{font-size:30px;margin:8px 0}.entrance-banner p{margin:6px 0 12px}.entrance-banner .primary{padding:11px 19px;min-height:42px}.results>.world{height:350px}.result-panel{padding:25px}.lookbook article>button>div{height:200px}.pose-controls .pill{font-size:12px}.completion .eyebrow{font-size:10px}.completion>p{font-size:13px}}
@media(max-height:720px) and (max-width:680px){.studio:not(.results){min-height:500px;grid-template-rows:180px minmax(0,1fr)}.controls .panel-heading h1{font-size:21px}.save-draft-row span{display:none}}
@media(prefers-reduced-motion:no-preference){.studio:not(.results) .character:not(.pose-tilt):not(.pose-wave)>.avatar{animation:gentle-breath 5s ease-in-out infinite;transform-origin:50% 95%}}
@keyframes gentle-breath{0%,100%{transform:scaleY(1)}50%{transform:scaleY(1.006)}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
/* 2.0.3 stability: crop the face and let controls scroll instead of clipping. */
.closeup .avatar{overflow:hidden}
.face-touch{user-select:none;-webkit-user-select:none}
.item-card small{line-height:1.4;min-height:2.8em}
.look-actions button{min-width:34px;min-height:34px}
@media(max-width:680px){
 .studio:not(.results){height:calc(100dvh - 160px);min-height:0;grid-template-rows:minmax(165px,35%) minmax(0,1fr);overflow:hidden}
 .studio:not(.results)>.controls{display:block;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;padding:15px 16px calc(90px + env(safe-area-inset-bottom));scrollbar-width:thin}
 .studio:not(.results)>.world{min-height:0;height:auto}
 .studio .controls .panel-bottom{position:fixed;left:0;right:0;bottom:0;z-index:8;display:flex;padding:12px 18px calc(12px + env(safe-area-inset-bottom));margin:0;border-top:1px solid #decbd3;box-shadow:0 -5px 20px #65445d12;background:#faf6ef}
 .studio .controls .panel-bottom .primary{min-height:46px}
 .studio .controls .panel-bottom .text-button{min-height:44px}
 .studio .item-grid{max-height:none;min-height:0;overflow:visible;display:grid;padding-top:6px;padding-bottom:10px}
 .studio .makeup-panel,.studio .care-panel,.studio .decor-list{max-height:none;overflow:visible;min-height:0}
 .studio .item-art{height:118px}
 .studio .item-name{font-size:12px}
 .studio .item-card small{font-size:10px}
 .studio .closet-tools{margin:8px 0}
 .studio .closet-footer{padding:9px 0}
 .studio .save-draft-row{padding:12px 0}
 .studio .category-tabs{margin-right:0;padding-right:0;min-height:42px}
 .studio .panel-heading{margin-bottom:14px}
 .studio.room-editor{height:calc(100dvh - 84px);grid-template-rows:minmax(165px,35%) minmax(0,1fr)}
 .studio .world.closeup .character{height:96%;bottom:2%;width:54%;left:23%}
 .studio .world.closeup .world-caption{display:none}
 .face-touch{inset:15% 27% 14%}
 .face-touch>span{bottom:-10px}
 .beauty-tools{margin-bottom:13px}.blend-control{margin-bottom:13px}
 .care-panel .bottle-button svg{height:130px;width:98px}
}
@media(max-width:380px){header{padding:0 9px}.hana-brand{min-width:91px;font-size:21px}.hana-brand span{font-size:16px}nav{gap:3px}.wallet{padding:5px 6px}.nav-link{font-size:10px}.studio .item-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-height:520px) and (max-width:680px){.studio:not(.results){height:auto;display:block;overflow:visible}.studio:not(.results)>.world{height:180px}.studio:not(.results)>.controls{overflow:visible}.studio .controls .panel-bottom{position:sticky}}
/* v3 guided first-time flow */
.simple-home{max-width:1240px;margin:auto;display:grid;grid-template-columns:.85fr 1.15fr;min-height:calc(100dvh - 130px);align-items:center}.simple-copy{padding:45px 7%}.simple-copy h1{font:clamp(55px,7vw,94px)/.94 Georgia;letter-spacing:-4px;margin:24px 0}.simple-copy h1 em{font-style:normal;color:var(--pink)}.simple-copy>p{max-width:370px;color:var(--muted);font-size:15px;line-height:1.8;margin-bottom:27px}.simple-scene{height:600px;margin-right:7%;border-radius:160px 160px 14px 14px;overflow:hidden}.simple-scene>.world{height:100%;border-radius:inherit}.hana-credit{font-size:10px!important;margin:35px 0 0!important;color:#a78791!important}.simple-next{display:grid;grid-template-columns:22px 1fr;gap:7px 10px;align-items:center;margin-top:30px;color:#987683;font-size:11px}.simple-next span{border:1px solid #d7b7c5;border-radius:50%;width:22px;height:22px;display:grid;place-items:center;color:#a2657e}.simple-invite-page{min-height:calc(100dvh - 100px);display:grid;place-items:center;padding:30px 18px;background:radial-gradient(ellipse at 20% 40%,#eadce8 0,transparent 43%),radial-gradient(ellipse at 80% 90%,#efd6d8 0,transparent 45%)}.simple-invite-card{max-width:520px;width:100%;background:#fffbf5;border:1px solid #d9bba7;box-shadow:0 18px 60px #88566e16;text-align:center;padding:38px 42px 30px;border-radius:100px 100px 8px 8px}.invite-number{font:42px Georgia;color:#c096aa;margin:17px 0 4px}.simple-invite-card h1{font:42px Georgia;margin:4px 0 12px}.simple-invite-card>p{font:italic 17px Georgia;color:#947381}.simple-details{display:flex;flex-direction:column;gap:6px;padding:18px 0;border-top:1px solid #ead9dc;border-bottom:1px solid #ead9dc;margin:24px 0 17px;font-size:11px;color:#8b707b}.simple-details strong{font-weight:normal;text-transform:capitalize}.simple-invite-card .palette{margin:14px}.simple-invite-card .palette i{width:22px;height:22px;border-radius:50%;outline:1px solid #dfd2cd;border:2px solid white}.simple-request{display:flex;flex-direction:column;gap:5px;background:#f2e5ea;padding:14px;border-radius:8px;margin:20px 0 24px}.simple-request b{font-size:10px;text-transform:uppercase;letter-spacing:1px;color:#92667b}.simple-request span{font:16px Georgia}.simple-invite-card small{display:block;margin-top:16px;font-size:10px;color:#a0868f}.guided-progress{max-width:900px;margin:auto;height:58px;display:flex;align-items:center;gap:12px;padding:0 20px;border-bottom:1px solid var(--line);font-size:10px;color:#997d87}.guided-progress b{font-size:12px;font-weight:normal;color:var(--ink)}.guided-progress i{height:1px;background:#ddc7cf;flex:1}.guided-screen{max-width:1100px;margin:auto;display:grid;grid-template-columns:1fr 1fr;min-height:calc(100dvh - 190px);border-left:1px solid var(--line);border-right:1px solid var(--line)}.guided-screen>.world{min-height:650px;border-right:1px solid var(--line)}.guided-screen>.world .character{width:38%;left:31%;height:78%;bottom:8%}.guided-screen>.world.closeup .character{width:68%;left:16%;height:86%;bottom:4%}.guided-panel{display:flex;flex-direction:column;padding:42px 44px 25px;min-width:0}.guided-panel>h1,.guided-title h1{font:36px Georgia;margin:9px 0 6px;letter-spacing:-1px}.helper{font-size:12px;color:var(--muted);line-height:1.7;margin:0 0 22px}.guided-panel .care-panel{padding:0;text-align:center}.guided-panel .care-panel>p:first-child{display:none}.guided-panel .care-panel .bottle-button{margin-top:12px}.guided-panel .care-panel .care-meter{margin:13px auto}.guided-panel>.guided-nav,.guided-closet .guided-nav{display:flex;align-items:center;justify-content:space-between;gap:15px;border-top:1px solid var(--line);padding-top:18px;margin-top:auto}.guided-closet{display:flex;flex-direction:column;min-height:100%}.guided-title p{font-size:12px;color:var(--muted);margin:0 0 18px}.guided-items{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:11px;overflow:auto;max-height:440px;padding:3px 4px 15px}.guided-item{position:relative;background:#f0e7e8;border:1px solid transparent;border-radius:9px;padding:10px 5px;text-align:center}.guided-item:nth-child(3n+2){background:#ebe6ef}.guided-item:nth-child(3n){background:#eee9df}.guided-item.chosen{border-color:var(--pink);box-shadow:0 0 0 1px var(--pink);background:#f3e0e7}.guided-item>span{display:block;height:152px}.guided-item>span svg{height:100%;max-width:100%;width:100%}.guided-item strong{display:block;font:12px Georgia;margin-top:6px}.guided-item small{display:block;font-size:9px;color:#917784;text-transform:capitalize}.guided-item i{position:absolute;right:6px;top:6px;background:var(--pink);color:#fff;width:18px;height:18px;border-radius:50%;font:11px/18px Arial;font-style:normal}.quick-makeup .helper{margin-bottom:17px}.quick-choice-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.quick-choice{border:1px solid var(--line);background:#fffaf6;border-radius:11px;padding:13px 7px;min-height:205px;display:flex;flex-direction:column;align-items:center;text-align:center;gap:8px}.quick-choice.chosen{border-color:var(--pink);background:#f2e0e7;box-shadow:0 0 0 1px var(--pink)}.quick-face{height:76px;width:76px;border-radius:50%;display:grid;place-items:center;font:39px Georgia;color:#9e647d;background:#eadade}.quick-face.pink{background:#e4c9d3;color:#c06c8d}.quick-face.glam{background:#c1acbf;color:#fff1dc}.quick-choice strong{font:16px Georgia}.quick-choice small{font-size:9px;line-height:1.45;color:#967b86}.advanced-link{align-self:center;text-decoration:underline;text-underline-offset:5px;font-size:11px;margin-top:18px;color:#946c7d}.simple-home .brand{display:none}
@media(max-width:680px){.simple-home{display:flex;flex-direction:column;min-height:0}.simple-copy{padding:35px 24px 20px;width:100%}.simple-copy h1{font-size:57px;letter-spacing:-3px;margin:17px 0}.simple-copy>p{font-size:13px;margin-bottom:21px}.simple-next{margin-top:22px;grid-template-columns:22px 1fr 22px 1fr 22px 1fr;gap:6px;font-size:9px}.simple-next b{font-weight:normal}.simple-scene{height:390px;width:calc(100% - 44px);margin:12px 22px 28px;border-radius:130px 130px 10px 10px}.simple-scene .character{width:38%;left:31%;height:78%;bottom:10%}.simple-invite-page{min-height:calc(100dvh - 84px);padding:22px 18px}.simple-invite-card{padding:27px 22px 22px;border-radius:82px 82px 7px 7px}.simple-invite-card h1{font-size:35px}.simple-invite-card>p{font-size:15px}.simple-details{margin:17px 0 12px;padding:13px}.simple-request{margin:14px 0 18px}.guided-progress{height:54px;padding:0 14px;gap:8px}.guided-progress span:first-child{font-size:9px}.guided-progress span:last-child{font-size:9px}.guided-screen{display:flex;flex-direction:column;min-height:calc(100dvh - 138px);border:0}.guided-screen>.world{height:260px;min-height:0;border-right:0;border-bottom:1px solid var(--line)}.guided-screen>.world .character{height:98%;width:32%;left:34%;bottom:-1%}.guided-screen>.world.closeup .character{height:116%;width:48%;left:26%;bottom:-9%}.guided-panel{padding:20px 16px 22px;min-height:0;flex:1}.guided-panel>h1,.guided-title h1{font-size:29px}.guided-panel .helper{font-size:11px;margin-bottom:13px}.guided-panel .care-panel{flex:1}.guided-panel .care-panel .bottle-button{margin:8px auto}.guided-panel .care-panel .bottle-button svg{height:120px;width:88px}.guided-nav{margin-top:15px!important;padding-top:13px!important}.guided-items{grid-template-columns:repeat(2,minmax(0,1fr));max-height:none;overflow:visible;flex:1}.guided-item>span{height:132px}.guided-item strong{font-size:13px}.quick-choice-grid{gap:7px}.quick-choice{min-height:167px;padding:10px 4px}.quick-face{width:58px;height:58px;font-size:29px}.quick-choice strong{font-size:13px}.quick-choice small{font-size:8px}.advanced-link{margin-top:12px}.guided-closet{min-height:0}.guided-title p{font-size:11px;margin-bottom:11px}}
@media(max-width:380px){.simple-copy h1{font-size:50px}.simple-scene{height:335px}.guided-screen>.world{height:230px}.guided-item>span{height:108px}.guided-panel{padding:17px 12px}.guided-item strong{font-size:12px}.guided-item small{font-size:8px}}
/* 3.0.4: poses change SVG anatomy, not the entrance-animation transform. */
.character.pose-tilt,.character.pose-wave{transform:none}
[data-pose-arm]{transform-origin:110px 140px}
/* v4 tactile face studio, challenge modes, judges and collections */
.character{position:absolute}.paint-surface{position:absolute;inset:0;width:100%;height:100%;z-index:5;touch-action:none;cursor:crosshair;overflow:hidden}.paint-surface [role=button]:focus-visible{outline:none;stroke:#854d77;stroke-width:1}.paint-surface [role=button]:hover{filter:drop-shadow(0 0 1px #ac6287)}.activity-label{display:flex;justify-content:space-between;gap:12px;margin:18px 0 10px;font-size:15px}.activity-label span{color:#ab6881}.activity-meter{height:8px;border-radius:8px;background:#ebdce4;overflow:hidden}.activity-meter i{display:block;height:100%;background:#ac718a;transition:width .16s}.activity-panel>p{font-size:12px;line-height:1.8;color:#8a6a7b;margin:17px 0}.activity-steps{display:flex;flex-direction:column;gap:11px;margin:18px 0 25px;font-size:12px;color:#9d8a94}.activity-steps .current{color:#865069;font-weight:bold}.paint-tools{display:flex;flex-wrap:wrap;gap:7px;margin:20px 0 15px}.paint-colors{display:flex;gap:12px;align-items:center;flex-wrap:wrap;padding:8px 3px}.interactive-face .guided-panel{justify-content:flex-start}.interactive-face .guided-nav{margin-top:auto}.challenge-options{margin:18px 0;padding:15px 8px;border-top:1px solid #e7d6de;border-bottom:1px solid #e7d6de}.challenge-options>span{display:block;font-size:11px;color:#9d7589;margin-bottom:10px}.challenge-options>div{display:flex;justify-content:center;gap:7px;flex-wrap:wrap}.challenge-options label{display:flex;gap:8px;align-items:center;justify-content:center;font-size:11px;margin-top:13px}.challenge-options input{accent-color:#ac718a;width:18px;height:18px}.second-mission{margin-top:8px;padding-top:8px;border-top:1px solid #ddc5d1}.closet-options{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:10px 0 17px}.closet-options small{color:#927786;line-height:1.7;font-size:11px}.photo-meter{height:38px;position:relative;background:#eadde5;border:1px solid #d6becc;border-radius:12px;margin:28px 8px;overflow:hidden}.photo-zone{position:absolute;top:0;bottom:0;background:#9fc3a7}.photo-meter b{position:absolute;top:3px;bottom:3px;width:5px;border-radius:4px;background:#49343e;transform:translateX(-50%);box-shadow:0 0 0 2px #fff9}.photo-feedback{font:24px Georgia;color:#95647e;min-height:36px}.photo-studio .result-panel>p{font-size:13px;line-height:1.7}.photo-studio .primary,.photo-studio .secondary{display:block;margin:15px auto}.photo-studio .text-button{display:block;margin:auto}.judge-panel{text-align:left;margin:24px 0}.judge-panel h3,.collections h3{font:25px Georgia;margin:15px 0}.judge-panel article{background:#f0e6ed;padding:13px;border-radius:8px;margin:10px 0}.judge-panel article:nth-child(3){background:#eee8d9}.judge-panel article:nth-child(4){background:#e4e8e1}.judge-panel article>div{display:flex;align-items:center;gap:9px;font-size:12px}.judge-panel article strong{font:19px Georgia}.judge-panel article span{flex:1;color:#8c7080;font-size:10px}.judge-panel article b{font-weight:normal;color:#8a5774}.judge-panel article p{font-size:11px;line-height:1.7;margin:9px 0 0}.judge-panel>small{font-size:10px;color:#967c87;display:block;line-height:1.6}.replay-goals{text-align:left;padding:14px;background:#f0e8df;border-radius:8px;font-size:11px;line-height:1.7}.replay-goals p{margin:7px 0}.collections{text-align:left;margin:20px 0}.collection{border:1px solid #dfccd7;border-radius:9px;padding:14px;margin:13px 0}.collection>strong{display:block;font:21px Georgia}.collection>span{font-size:11px;color:#967185;display:block;margin-top:6px}.collection small,.collection p{font-size:10px;line-height:1.7;color:#876a7b}.collection-pieces{display:flex;gap:12px;margin:15px 0}.collection-pieces>div{height:85px;flex:1;padding:5px;border-radius:8px;background:#efe6eb}.collection-pieces svg{width:100%;height:100%}.interactive-face .world-caption{display:none}
@media(max-width:680px){header nav{gap:3px}.hana-brand{min-width:90px}header .wallet{display:none}.interactive-face>.world{height:310px;flex-shrink:0}.interactive-face>.world.closeup .character{width:68%;left:16%;height:98%;bottom:0}.interactive-face>.guided-panel{padding-top:17px}.activity-steps{gap:8px;margin:12px 0;font-size:11px}.activity-label{font-size:14px}.activity-panel>p{font-size:11px;margin:12px 0}.paint-tools{margin:8px 0}.paint-colors{padding:6px 3px;gap:10px}.photo-studio>.world{height:320px}.photo-studio .result-panel{padding-top:22px}.judge-panel article>div{flex-wrap:wrap}.collection-pieces>div{height:95px}.guided-title .timer{display:inline-block;margin-bottom:10px}.challenge-options .pill{font-size:11px;min-height:39px}}
@media(prefers-reduced-motion:reduce){.activity-meter i{transition:none}.photo-meter b{box-shadow:0 0 0 3px #fff}.confetti,.camera-flash{display:none}}