:root{--bg: #1d1016;--bg-2: #2a141c;--panel: #2b1720;--panel-2: #361d27;--line: rgba(232, 179, 60, .28);--ink: #fff3e0;--ink-2: #e9d3b8;--ink-3: #b99a83;--gold: #e8b33c;--turmeric: #f4bd38;--turmeric-deep: #a8700f;--kumkum: #c8323a;--maroon: #7a1f2b;--paper: #f6ead2;--paper-ink: #3a1d17;--display: "Unbounded", "Arial Black", system-ui, sans-serif;--body: "DM Sans", system-ui, -apple-system, "Segoe UI", sans-serif;--r: 14px;color-scheme:dark}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:radial-gradient(120% 90% at 50% 15%,#4a2230,#2a141c 45%,#140a0f);color:var(--ink);font-family:var(--body);overflow:hidden;-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;overscroll-behavior:none}button{font:inherit;color:inherit;cursor:pointer;border:0;background:none;touch-action:manipulation}button:focus-visible,input:focus-visible{outline:2px solid var(--turmeric);outline-offset:3px}.app{position:fixed;top:0;right:0;bottom:0;left:0;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}.app input{-webkit-user-select:text;user-select:text}.stage{position:absolute;top:0;right:0;bottom:0;left:0}.stage canvas{touch-action:none}.mode-place .stage:after{content:"";position:absolute;inset:0 0 auto 0;height:190px;background:linear-gradient(180deg,#14090ed9,#14090e00);pointer-events:none}.mode-home .stage:after,.mode-explore .stage:after{content:"";position:absolute;inset:0 auto auto 0;width:min(900px,75vw);height:300px;background:radial-gradient(75% 85% at 0% 0%,#14090ee0,#14090e8c 45%,#14090e00 75%);pointer-events:none}.eyebrow{font-family:var(--display);font-size:10px;letter-spacing:.22em;text-transform:uppercase;color:var(--gold)}.btn-primary,.btn-secondary{font-family:var(--display);font-weight:700;text-transform:uppercase;letter-spacing:.06em;font-size:15px;min-height:54px;padding:0 26px;border-radius:16px;display:inline-flex;align-items:center;justify-content:center;gap:10px;transition:transform .12s ease,box-shadow .12s ease,background .15s;-webkit-user-select:none;user-select:none}.btn-primary{background:var(--turmeric);color:#2a1208;box-shadow:0 5px 0 var(--turmeric-deep),0 14px 30px -10px #f4bd3899}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 7px 0 var(--turmeric-deep),0 18px 34px -10px #f4bd38b3}.btn-primary:active{transform:translateY(4px);box-shadow:0 1px 0 var(--turmeric-deep),0 6px 14px -8px #f4bd3899}.btn-primary:disabled{background:#6d5a4a;color:#cbb8a2;box-shadow:0 5px #4a3b30;cursor:default;transform:none}.btn-secondary{background:var(--paper);color:var(--paper-ink);box-shadow:0 5px #b99e78}.btn-secondary:hover{transform:translateY(-2px);box-shadow:0 7px #b99e78}.btn-secondary:active{transform:translateY(4px);box-shadow:0 1px #b99e78}.btn-ghost{font-family:var(--display);font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.12em;color:var(--ink-2);padding:12px 14px;border-radius:12px;border:1px solid var(--line)}.btn-ghost:hover{background:#ffffff0d}.btn-link{font-family:var(--display);font-size:12px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-2);text-decoration:underline;text-underline-offset:4px;padding:10px}.hero{position:absolute;top:clamp(4px,1.6vh,16px);left:clamp(8px,2vw,35px);pointer-events:none;animation:hang .9s cubic-bezier(.2,.9,.2,1) both;transform-origin:50% 0}.signboard{margin:0;line-height:0}.signboard img{display:block;width:clamp(260px,33vw,563px);height:auto;filter:drop-shadow(0 10px 14px rgba(20,6,10,.5)) drop-shadow(0 2px 2px rgba(20,6,10,.4))}@keyframes hang{0%{opacity:0;transform:translateY(-24px) rotate(3deg)}60%{opacity:1;transform:translateY(0) rotate(-1.2deg)}to{transform:none}}.hud-count{position:absolute;top:clamp(16px,4vh,40px);right:clamp(16px,2vw,32px);pointer-events:none;animation:rise .9s cubic-bezier(.2,.9,.2,1) both}.counter{display:inline-flex;align-items:center;gap:8px;font-family:var(--display);font-size:11px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--ink-2);background:#140a0f8c;border:1px solid var(--line);padding:8px 12px 8px 10px;border-radius:99px}.counter b{color:var(--turmeric);font-size:13px}.dot{width:8px;height:8px;border-radius:50%;background:var(--turmeric)}.dot.live{background:#6ee08a;box-shadow:0 0 #6ee08a99;animation:ping 1.8s infinite}.cta-row{position:absolute;left:50%;bottom:clamp(18px,5vh,44px);transform:translate(-50%);display:flex;gap:14px;animation:rise .9s .25s cubic-bezier(.2,.9,.2,1) both;white-space:nowrap}.view-controls{position:absolute;right:clamp(12px,2.5vw,36px);bottom:clamp(18px,5vh,44px);display:flex;flex-direction:column;align-items:stretch;gap:6px;animation:rise .9s .35s cubic-bezier(.2,.9,.2,1) both}.view-controls button{height:34px;padding:0 12px;border-radius:99px;background:#140a0f73;border:1px solid rgba(255,255,255,.1);color:var(--ink-2);font-family:var(--display);font-weight:700;font-size:14px;display:inline-flex;align-items:center;justify-content:flex-start;gap:7px;opacity:.62;transition:opacity .15s,background .15s}.view-controls button:hover,.view-controls button:focus-visible{opacity:1;background:#140a0fb3}.view-controls button span{font-size:10px;letter-spacing:.08em;text-transform:uppercase}.sound-toggle[aria-pressed=true] svg{opacity:.7}.sound-toggle.is-compact{margin-left:12px;height:28px;padding:0 10px;border-radius:99px;border:1px solid rgba(255,255,255,.1);color:var(--ink-3);display:inline-flex;align-items:center;gap:6px;vertical-align:middle;opacity:.75;transition:opacity .15s}.sound-toggle.is-compact:hover,.sound-toggle.is-compact:focus-visible{opacity:1}.sound-toggle.is-compact span{font-family:var(--display);font-size:9px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.explore-hint{position:absolute;left:50%;bottom:calc(clamp(18px,5vh,44px) + 72px);transform:translate(-50%);margin:0;font-size:13px;color:var(--ink-2);background:#140a0f99;padding:6px 12px;border-radius:99px;white-space:nowrap}.nametag{font-family:var(--display);font-size:13px;font-weight:700;color:var(--paper-ink);background:var(--paper);padding:5px 10px;border-radius:10px;white-space:nowrap;box-shadow:0 3px #b99e78;display:flex;gap:6px;align-items:center;animation:pop .35s cubic-bezier(.2,1.4,.4,1) both}.nametag.mine{background:var(--turmeric);box-shadow:0 3px 0 var(--turmeric-deep);color:#2a1208}.grab-hint{margin-top:6px;padding:4px 10px;border-radius:99px;background:#140a0fbf;color:var(--ink);font-size:12px;font-weight:700;white-space:nowrap;text-align:center;animation:pop .3s both}.draft-tag{pointer-events:auto;touch-action:none;cursor:grab}.tag-above{transform:translateY(-50%);padding-bottom:4px}.nametag-you{font-size:9px;letter-spacing:.14em;background:#2a1208;color:var(--turmeric);padding:2px 5px;border-radius:5px}.place-head{position:absolute;top:clamp(14px,3.5vh,34px);left:50%;transform:translate(-50%);text-align:center;pointer-events:none;animation:rise .6s both;width:min(640px,90vw)}.place-head h2{margin:6px 0 4px;font-family:var(--display);font-size:clamp(18px,2.2vw,28px);font-weight:800;text-transform:uppercase;text-shadow:0 3px 0 rgba(0,0,0,.35)}.place-head p{margin:0;color:var(--ink-2);font-size:14px}.celebrate{position:absolute;left:50%;bottom:clamp(16px,5vh,44px);transform:translate(-50%);animation:rise .6s cubic-bezier(.2,1.3,.4,1) both}.celebrate-card{background:var(--paper);color:var(--paper-ink);border-radius:24px;padding:20px 26px 18px;box-shadow:0 8px #b99e78,0 30px 60px -20px #000000b3;display:flex;flex-direction:column;align-items:center;gap:12px;min-width:min(520px,92vw)}.celebrate-title{margin:0;font-family:var(--display);font-weight:800;font-size:clamp(17px,2vw,24px);text-transform:uppercase;text-align:center;line-height:1.15}.celebrate .counter{margin:0;background:#2a1208;color:var(--paper)}.celebrate-actions{display:flex;gap:12px;align-items:center;flex-wrap:wrap;justify-content:center}.celebrate .btn-secondary{background:#fff}.celebrate .btn-link{color:var(--paper-ink)}.golu-edge{position:absolute;top:50%;transform:translateY(-50%);animation:fade .9s .4s both}.golu-edge.is-left{left:clamp(10px,2.4vw,36px)}.golu-edge.is-right{right:clamp(10px,2.4vw,36px)}.golu-edge-btn{display:flex;flex-direction:column;align-items:center;gap:10px}.golu-edge-icon{width:78px;height:78px;border-radius:50%;display:grid;place-items:center;background:var(--paper);color:var(--paper-ink);box-shadow:0 5px #b99e78,0 16px 34px -12px #000000b3;transition:transform .12s ease}.golu-edge-icon svg{width:36px;height:36px}.golu-edge-btn:hover .golu-edge-icon{transform:translateY(-2px)}.golu-edge-btn:active .golu-edge-icon{transform:translateY(4px)}.golu-edge-label{font-family:var(--display);font-size:13px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;white-space:nowrap;color:var(--paper-ink);background:var(--paper);padding:7px 14px;border-radius:99px;box-shadow:0 3px #b99e78}.is-new .golu-edge-icon{background:var(--turmeric);color:#2a1208;animation:edge-blink 1.4s ease-in-out infinite}.is-new .golu-edge-icon svg{animation:edge-nudge 1.4s ease-in-out infinite}.is-new .golu-edge-label{background:var(--turmeric);color:#2a1208;box-shadow:0 3px 0 var(--turmeric-deep);animation:edge-label 1.4s ease-in-out infinite}.golu-edge-glow{position:absolute;top:0;bottom:0;right:0;width:min(260px,34vw);background:radial-gradient(70% 45% at 100% 50%,#f4bd3873,#f4bd3800);pointer-events:none;animation:edge-glow 1.4s ease-in-out infinite}@keyframes edge-blink{0%,to{box-shadow:0 5px 0 var(--turmeric-deep),0 0 #f4bd38cc}60%{box-shadow:0 5px 0 var(--turmeric-deep),0 0 0 20px #f4bd3800}}@keyframes edge-nudge{0%,to{transform:translate(-2px)}50%{transform:translate(5px)}}@keyframes edge-label{0%,to{opacity:1}50%{opacity:.55}}@keyframes edge-glow{0%,to{opacity:.3}50%{opacity:1}}.swipe-cue{display:flex;align-items:center;justify-content:center;gap:8px;margin-bottom:3px;font-family:var(--display);font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--ink)}.swipe-cue.is-new{color:var(--turmeric)}.swipe-dot{transform-box:fill-box;transform-origin:center;animation:swipe-dot 1.5s ease-in-out infinite}@keyframes swipe-dot{0%,to{transform:translate(-9px)}50%{transform:translate(9px)}}.is-new .swipe-dot{animation-duration:1.1s}.cta-row.has-note{flex-wrap:wrap;justify-content:center;row-gap:10px}.cta-note{flex-basis:100%;margin:0;display:flex;justify-content:center}.cta-note span{font-family:var(--display);font-size:11px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--ink);background:#140a0f9e;padding:5px 12px;border-radius:99px}.mode-home .explore-hint{bottom:calc(clamp(18px,5vh,44px) + 98px)}.toast{position:absolute;top:20px;left:0;right:0;margin-inline:auto;width:fit-content;max-width:calc(100vw - 32px);text-align:center;background:var(--paper);color:var(--paper-ink);font-weight:700;padding:12px 18px;border-radius:14px;box-shadow:0 4px #b99e78;animation:pop .3s both;z-index:50}.demo-badge{position:absolute;right:14px;bottom:12px;font-size:11px;color:var(--ink-3);background:#140a0f99;padding:5px 10px;border-radius:99px;border:1px solid rgba(255,255,255,.08)}.mode-place .demo-badge,.mode-done .demo-badge{display:none}.creator{position:absolute;top:0;right:0;bottom:0;left:0;z-index:10;display:grid;grid-template-columns:210px minmax(0,1fr) minmax(320px,40%);grid-template-rows:auto minmax(0,1fr);grid-template-areas:"top top top" "rail opts preview";background:radial-gradient(circle at 1px 1px,rgba(232,179,60,.09) 1.2px,transparent 1.6px) 0 0 / 22px 22px,radial-gradient(110% 80% at 80% 40%,#4a2230,#24111a 55%,#170b11);animation:fade .35s both}.creator-top{grid-area:top;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 22px;border-bottom:1px solid var(--line)}.creator-title{text-align:center}.creator-title h2{margin:2px 0 0;font-family:var(--display);font-weight:800;font-size:20px;text-transform:uppercase}.creator-count{font-size:13px;color:var(--ink-3);min-width:120px;text-align:right}.creator-count b{color:var(--turmeric)}.cat-rail{grid-area:rail;display:flex;flex-direction:column;gap:6px;padding:18px 12px 18px 18px;overflow-y:auto}.cat{display:flex;align-items:baseline;gap:10px;padding:14px;border-radius:14px;text-align:left;color:var(--ink-3);transition:background .15s,color .15s,transform .12s;position:relative}.cat:hover{color:var(--ink);background:#ffffff0a}.cat.is-on{color:#2a1208;background:var(--turmeric);box-shadow:0 4px 0 var(--turmeric-deep);transform:translate(4px)}.cat-num{font-family:var(--display);font-size:10px;font-weight:700;opacity:.7}.cat-label{font-family:var(--display);font-weight:700;font-size:13px;text-transform:uppercase;letter-spacing:.04em}.sub-tabs{display:flex;gap:8px;margin:10px 0 14px;flex-wrap:wrap}.sub-tab{padding:9px 18px;border-radius:99px;border:1px solid var(--line);font-family:var(--display);font-weight:700;font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-3);transition:background .15s,color .15s}.sub-tab:hover{color:var(--ink);background:#ffffff0a}.sub-tab.is-on{color:#2a1208;background:var(--turmeric);border-color:transparent;box-shadow:0 3px 0 var(--turmeric-deep)}.sub-panel .hint{margin:0 0 10px}.is-portrait .sub-tabs{margin:4px 0 10px;flex-wrap:nowrap}.is-portrait .sub-tab{padding:8px 14px;font-size:11px}.opt-panel{grid-area:opts;overflow-y:auto;padding:18px 22px 30px;scrollbar-width:thin;scrollbar-color:rgba(232,179,60,.3) transparent}.opt-head{display:flex;align-items:baseline;gap:12px;margin-bottom:6px}.opt-head h3{margin:0;font-family:var(--display);font-weight:800;font-size:26px;text-transform:uppercase}.opt-section{margin-top:16px}.opt-section header{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:10px}.opt-section h3{margin:0;font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-2);font-weight:700}.hint{font-size:12px;color:var(--ink-3)}.tile-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(112px,1fr));gap:12px}.tile{position:relative;display:flex;flex-direction:column;border-radius:var(--r);background:#3a2029;border:2px solid transparent;overflow:hidden;transition:transform .14s cubic-bezier(.2,1.4,.4,1),border-color .15s,background .15s;box-shadow:0 4px #170a10}.tile:hover{transform:translateY(-3px);background:#46262f}.tile:active{transform:translateY(2px) scale(.97)}.tile.is-on{border-color:var(--turmeric);background:#5a2f2a;box-shadow:0 4px 0 var(--turmeric-deep),0 0 0 4px #f4bd382e}.tile-img{aspect-ratio:1;display:grid;place-items:center;background:radial-gradient(70% 70% at 50% 40%,#f7e6c6,#e9cfa4)}.tile-img img{width:100%;height:100%;object-fit:cover;animation:fade .25s both}.tile-spin{width:20px;height:20px;border-radius:50%;border:3px solid rgba(58,29,23,.2);border-top-color:var(--maroon);animation:spin .8s linear infinite}.tile-label{font-size:12.5px;font-weight:700;padding:8px 8px 9px;text-align:center;color:var(--ink-2)}.tile.is-on .tile-label{color:var(--turmeric)}.tile-check{position:absolute;top:6px;right:6px;width:22px;height:22px;border-radius:7px;display:grid;place-items:center;font-size:13px;font-weight:800;background:#2a1208bf;color:var(--paper)}.tile.is-on .tile-check{background:var(--turmeric);color:#2a1208}.swatch-row{display:flex;flex-wrap:wrap;gap:10px}.swatch{width:44px;height:44px;border-radius:14px;background:var(--sw);box-shadow:inset 0 -5px #0000002e,0 3px #170a10;border:2px solid rgba(255,255,255,.12);transition:transform .14s cubic-bezier(.2,1.4,.4,1)}.swatch:hover{transform:translateY(-3px)}.swatch.is-on{border-color:var(--turmeric);transform:translateY(-3px) scale(1.06);box-shadow:inset 0 -5px #0000002e,0 0 0 4px #f4bd3840,0 3px 0 var(--turmeric-deep)}.btn-next{margin-top:22px;font-family:var(--display);font-weight:700;font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:var(--turmeric);padding:12px 0}.preview{grid-area:preview;display:flex;flex-direction:column;gap:12px;padding:14px 22px 22px 8px;min-height:0}.preview-stage{position:relative;flex:1;min-height:0;border-radius:26px;background:radial-gradient(55% 45% at 50% 58%,rgba(255,196,120,.35) 0%,transparent 70%),linear-gradient(180deg,#5b2a34,#3a1a24);border:1px solid var(--line);overflow:hidden;cursor:grab}.preview-stage:active{cursor:grabbing}.btn-dice{position:absolute;top:12px;right:12px;font-size:12px;font-weight:700;padding:9px 12px;border-radius:12px;background:#140a0f8c;border:1px solid var(--line);display:flex;gap:6px;align-items:center}.btn-dice:hover{background:#140a0fcc}.btn-dice:active span{display:inline-block;transform:rotate(90deg)}.name-field{display:flex;align-items:center;gap:12px;background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:4px 6px 4px 14px}.name-field span{font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-3);white-space:nowrap;font-weight:700}.name-field input{flex:1;min-width:0;font:inherit;font-family:var(--display);font-weight:700;font-size:16px;color:var(--ink);background:transparent;border:0;padding:10px 6px;outline:none}.name-field input::placeholder{color:#7e6152}.name-field.is-missing{border-color:var(--kumkum);animation:nudge .35s ease}.name-hint{margin:-4px 4px 0;font-size:13px;font-weight:600;color:#ff9a8f}@keyframes nudge{25%{transform:translate(-5px)}75%{transform:translate(5px)}}.btn-place{width:100%;min-height:60px;font-size:16px}.thumb-factory{position:fixed;left:-10000px;top:0;width:220px;height:220px;pointer-events:none}@media (max-height: 520px) and (min-width: 560px){.golu-edge-icon{width:54px;height:54px}.golu-edge-icon svg{width:28px;height:28px}.signboard img{width:240px}.btn-primary,.btn-secondary{min-height:46px;font-size:13px;padding:0 18px}.cta-row{bottom:14px}.creator{grid-template-columns:146px minmax(0,1fr) minmax(220px,38%)}.creator-top{padding:6px 14px}.creator-title .eyebrow,.creator-count{display:none}.creator-title h2{font-size:15px}.cat-rail{padding:8px 6px 8px 10px;gap:3px}.cat{padding:9px 10px}.cat-label{font-size:10.5px;letter-spacing:.02em}.opt-panel{padding:8px 12px 16px}.opt-head h3{font-size:18px}.opt-section{margin-top:10px}.tile-grid{grid-template-columns:repeat(auto-fill,minmax(84px,1fr));gap:8px}.tile-label{font-size:11px;padding:5px 4px 6px}.swatch{width:38px;height:38px}.preview{padding:8px 12px 10px 4px;gap:8px}.name-field span{display:none}.name-field input{padding:6px;font-size:14px}.btn-place{min-height:48px}.place-head p{display:none}.place-head h2{font-size:16px}.celebrate-card{padding:12px 18px;gap:8px}.explore-hint:not(:has(.swipe-cue)),.explore-hint .hint-rest{display:none}.explore-hint .swipe-cue{margin:0}}.creator.is-portrait{grid-template-columns:minmax(0,1fr);grid-template-rows:auto clamp(190px,34%,400px) auto minmax(0,1fr) auto;grid-template-areas:"top" "preview" "tabs" "opts" "foot"}.creator.is-naming{grid-template-rows:auto minmax(0,1fr);grid-template-areas:"top" "preview"}.is-portrait .creator-top{padding:8px 12px;gap:8px}.is-portrait .creator-top .btn-ghost{padding:9px 11px;font-size:11px;white-space:nowrap}.is-portrait .creator-title .eyebrow,.is-portrait .creator-count-text{display:none}.is-portrait .creator-title h2{margin:0;font-size:14px;line-height:1.2}.is-portrait .creator-count{min-width:0}.is-portrait .sound-toggle.is-compact{margin-left:0;width:36px;height:36px;padding:0;justify-content:center}.is-portrait .sound-toggle.is-compact span{display:none}.is-portrait .preview{padding:10px 16px 0;gap:10px}.is-portrait .preview-stage{border-radius:20px}.is-portrait .btn-dice{top:8px;right:8px;padding:8px 10px}.is-portrait .cat-rail{grid-area:tabs;position:relative;flex-direction:row;gap:6px;padding:12px 16px 8px;overflow-x:auto;overflow-y:hidden;scrollbar-width:none;-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 14px,#000 calc(100% - 28px),transparent);mask-image:linear-gradient(90deg,transparent 0,#000 14px,#000 calc(100% - 28px),transparent)}.is-portrait .cat-rail::-webkit-scrollbar,.is-portrait .swatch-row::-webkit-scrollbar{display:none}.is-portrait .cat{flex:none;padding:9px 14px;border-radius:99px;border:1px solid var(--line)}.is-portrait .cat.is-on{transform:none;border-color:transparent;box-shadow:0 3px 0 var(--turmeric-deep)}.is-portrait .cat-num{display:none}.is-portrait .cat-label{font-size:11px}.is-portrait .opt-panel{padding:0 16px 16px}.is-portrait .opt-head{display:none}.is-portrait .opt-section{margin-top:12px}.is-portrait .opt-section header{margin-bottom:8px}.is-portrait .tile-grid{grid-template-columns:repeat(auto-fill,minmax(96px,1fr));gap:10px}.is-portrait .tile-label{font-size:11.5px;padding:6px 4px 7px}.is-portrait .swatch-row{flex-wrap:nowrap;overflow-x:auto;margin:-8px -16px -4px;padding:8px 16px 10px;scrollbar-width:none;-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 14px,#000 calc(100% - 28px),transparent);mask-image:linear-gradient(90deg,transparent 0,#000 14px,#000 calc(100% - 28px),transparent)}.is-portrait .swatch{flex:none;width:40px;height:40px}.is-portrait .btn-next{margin-top:14px}.creator-foot{grid-area:foot;padding:10px 16px max(12px,env(safe-area-inset-bottom));border-top:1px solid var(--line);background:#170b1199}.is-portrait .btn-place{min-height:52px;font-size:15px}.is-naming .preview{padding:12px 16px max(14px,env(safe-area-inset-bottom));gap:12px}.preview-tag{position:absolute;top:18px;left:0;right:0;display:flex;justify-content:center;pointer-events:none}.preview-tag .nametag{font-size:15px;padding:7px 12px;max-width:calc(100% - 32px);overflow:hidden;text-overflow:ellipsis}.preview-tag .nametag.is-empty{opacity:.6}@media (max-aspect-ratio: 4/5),(max-width: 559px){.golu-edge.is-left{left:8px}.golu-edge.is-right{right:8px}.golu-edge-icon{width:56px;height:56px}.golu-edge-icon svg{width:28px;height:28px}.golu-edge-label{font-size:10px;padding:5px 10px}.btn-primary,.btn-secondary{min-height:50px;font-size:14px;padding:0 22px}.hero{top:10px;left:0;right:0;display:flex;justify-content:center}.signboard img{width:min(80vw,360px)}.mode-home .stage:after,.mode-explore .stage:after{width:100%;height:280px;background:linear-gradient(180deg,#14090ecc,#14090e73 55%,#14090e00)}.hud-count,.mode-home .view-controls{top:calc(20px + min(80vw,360px)*.462);bottom:auto}.hud-count{left:16px;right:auto}.counter{font-size:10px;padding:7px 11px 7px 9px}.view-controls{right:16px;bottom:calc(16px + env(safe-area-inset-bottom));flex-direction:row;gap:8px}.view-controls button{width:36px;height:36px;padding:0;justify-content:center;opacity:.8}.view-controls button span{display:none}.mode-done .view-controls{top:14px;bottom:auto}.cta-row{bottom:calc(16px + env(safe-area-inset-bottom))}.explore-hint{bottom:calc(82px + env(safe-area-inset-bottom));width:max-content;max-width:calc(100vw - 32px);white-space:normal;text-align:center;font-size:12px;line-height:1.4;border-radius:14px}.mode-home .explore-hint{bottom:calc(108px + env(safe-area-inset-bottom))}.demo-badge{top:calc(64px + min(80vw,360px)*.462);bottom:auto;left:16px;right:auto;font-size:10px}.place-head{top:12px;width:calc(100vw - 32px)}.place-head h2{font-size:16px}.place-head p{font-size:13px}.celebrate{bottom:calc(16px + env(safe-area-inset-bottom))}.celebrate-card{min-width:calc(100vw - 32px);padding:16px 16px 14px}.celebrate-title{font-size:16px}.celebrate-actions .btn-primary,.celebrate-actions .btn-secondary{flex:1;padding:0 14px}}.crash{position:fixed;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;padding:16px}.crash-card{max-width:420px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:12px}.crash-card h2{margin:0;font-family:var(--display);text-transform:uppercase;font-size:22px}.crash-card p{margin:0 0 8px;color:var(--ink-2)}.crash-card details{margin-top:10px;color:var(--ink-3);font-size:13px}.crash-card code{display:block;margin-top:6px;word-break:break-word}@keyframes rise{0%{opacity:0;transform:translate(var(--tx, 0),18px)}}.cta-row,.celebrate,.place-head{--tx: -50%}@keyframes fade{0%{opacity:0}}@keyframes pop{0%{opacity:0;transform:scale(.7)}}@keyframes slide-in{0%{opacity:0;transform:translate(30px,-50%)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes ping{70%{box-shadow:0 0 0 8px #6ee08a00}to{box-shadow:0 0 #6ee08a00}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important}}