@import"https://fonts.googleapis.com/css2?family=Fredoka:wght@500;600;700&family=Nunito:wght@500;600;700;800&display=swap";:root{font-family:Nunito,system-ui,sans-serif;color:#2d1f5c;background:#f4f0fb;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;--ink: #2d1f5c;--ink-soft: #5b4b91;--muted: #8b7fb8;--line: rgba(45, 31, 92, .09);--primary: #8b7fe8;--primary-strong: #6b5dd3;--orange: #ff8a4c;--green: #5bc97d;--blue: #72b7d8;--pink: #f7a6c5;--yellow: #f4d06f}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100svh;overflow:hidden}button,input{font:inherit}button{border:0;cursor:pointer}button:disabled{cursor:not-allowed;opacity:.48}#root{min-height:100svh}.app-shell{position:relative;min-height:100svh;display:grid;place-items:center;padding:18px;overflow:hidden;background:linear-gradient(180deg,#f9ecf3,#ecf6f8 48%,#edf6e8)}.theme-meadow{background:linear-gradient(180deg,#e2f5df,#f6f0dc)}.theme-sunset{background:linear-gradient(180deg,#fee2c8,#f9d8e7 58%,#e9e4f8)}.theme-night{background:linear-gradient(180deg,#2a2150,#53438d)}.background-art{position:absolute;inset:0;pointer-events:none}.background-art span{position:absolute;border-radius:999px;background:#ffffff61;animation:float 8s ease-in-out infinite}.background-art span:nth-child(1){width:180px;height:54px;top:10%;left:8%}.background-art span:nth-child(2){width:130px;height:40px;top:22%;right:6%;animation-delay:-2s}.background-art span:nth-child(3){width:220px;height:68px;bottom:12%;left:18%;animation-delay:-4s}.app-frame{position:relative;z-index:1;width:min(100%,430px);height:min(100svh - 36px,860px);min-height:640px;display:flex;flex-direction:column;overflow:hidden;background:#ffffffd1;border:1px solid rgba(255,255,255,.68);border-radius:34px;box-shadow:0 24px 90px #2d1f5c33;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.topbar{flex:0 0 auto;display:grid;grid-template-columns:42px 1fr auto;align-items:center;gap:10px;padding:calc(env(safe-area-inset-top) + 14px) 16px 12px;background:#ffffff8a;border-bottom:1px solid rgba(45,31,92,.06)}.icon-button{width:42px;height:42px;display:grid;place-items:center;color:var(--ink-soft);background:#ffffffc7;border-radius:50%}.brand-lockup{display:flex;flex-direction:column;min-width:0}.brand-lockup span{font-family:Fredoka,sans-serif;font-weight:700;font-size:20px;color:var(--ink)}.brand-lockup strong{font-size:11px;color:var(--muted);text-transform:uppercase}.connection-badge{height:34px;display:inline-flex;align-items:center;gap:6px;padding:0 11px;border-radius:999px;background:#8b7fe821;color:var(--primary-strong);font-weight:800;font-size:12px}.connection-badge.connected{background:#5bc97d29;color:#2e8c4a}.connection-badge.error{background:#ff8a4c2b;color:#bd5128}.screen{position:relative;flex:1;min-height:0}.scrollable{overflow-y:auto;padding:16px;-webkit-overflow-scrolling:touch}.scrollable::-webkit-scrollbar{width:0}.setup-grid{display:flex;flex-direction:column;gap:12px}.join-home{overflow:hidden;display:flex;flex-direction:column;isolation:isolate;background:radial-gradient(circle at 20% 10%,rgba(255,255,255,.9),transparent 28%),linear-gradient(180deg,#fbf0f7,#f0f6fb 48%,#f1f8ec)}.home-lava{position:absolute;inset:-16%;z-index:0;overflow:hidden;pointer-events:none}.home-lava:after{position:absolute;inset:10%;content:"";background:radial-gradient(circle at 18% 32%,rgba(255,255,255,.5),transparent 24%),radial-gradient(circle at 76% 18%,rgba(255,255,255,.34),transparent 20%),radial-gradient(circle at 52% 82%,rgba(255,255,255,.36),transparent 26%)}.lava-shape{position:absolute;display:block;border-radius:var(--lava-radius-a);opacity:.72;background:var(--lava-fill);transform-origin:center;animation:lavaDrift var(--lava-duration) ease-in-out infinite alternate;will-change:transform,border-radius}.lava-rose{top:4%;right:-20%;width:310px;height:280px;--lava-fill: radial-gradient( ellipse at 42% 42%, rgba(247, 166, 197, .58) 0%, rgba(247, 166, 197, .36) 48%, rgba(247, 166, 197, 0) 72% );--lava-radius-a: 58% 42% 54% 46% / 40% 52% 48% 60%;--lava-radius-b: 45% 55% 42% 58% / 58% 44% 56% 42%;--lava-radius-c: 62% 38% 48% 52% / 48% 62% 38% 52%;--lava-x-mid: -26px;--lava-y-mid: 36px;--lava-scale-mid: 1.08;--lava-x-end: -52px;--lava-y-end: 4px;--lava-scale-end: .96;--lava-duration: 32s}.lava-mint{top:24%;left:-28%;width:350px;height:330px;--lava-fill: radial-gradient( ellipse at 50% 46%, rgba(125, 209, 159, .48) 0%, rgba(125, 209, 159, .32) 52%, rgba(125, 209, 159, 0) 74% );--lava-radius-a: 44% 56% 60% 40% / 56% 40% 60% 44%;--lava-radius-b: 60% 40% 46% 54% / 44% 62% 38% 56%;--lava-radius-c: 48% 52% 38% 62% / 62% 46% 54% 38%;--lava-x-mid: 44px;--lava-y-mid: -24px;--lava-scale-mid: .94;--lava-x-end: 64px;--lava-y-end: 30px;--lava-scale-end: 1.06;--lava-duration: 38s;animation-delay:-9s}.lava-sun{right:-18%;bottom:4%;width:300px;height:300px;--lava-fill: radial-gradient( ellipse at 48% 48%, rgba(244, 208, 111, .44) 0%, rgba(244, 208, 111, .28) 50%, rgba(244, 208, 111, 0) 72% );--lava-radius-a: 54% 46% 42% 58% / 46% 56% 44% 54%;--lava-radius-b: 42% 58% 60% 40% / 60% 42% 58% 40%;--lava-radius-c: 60% 40% 50% 50% / 44% 52% 48% 56%;--lava-x-mid: -30px;--lava-y-mid: -34px;--lava-scale-mid: 1.1;--lava-x-end: 20px;--lava-y-end: -56px;--lava-scale-end: .97;--lava-duration: 35s;animation-delay:-15s}.lava-sky{top:42%;right:6%;width:220px;height:250px;--lava-fill: radial-gradient( ellipse at 52% 44%, rgba(114, 183, 216, .34) 0%, rgba(114, 183, 216, .22) 48%, rgba(114, 183, 216, 0) 72% );--lava-radius-a: 40% 60% 48% 52% / 54% 42% 58% 46%;--lava-radius-b: 58% 42% 62% 38% / 42% 58% 44% 56%;--lava-radius-c: 48% 52% 44% 56% / 60% 48% 52% 40%;--lava-x-mid: -28px;--lava-y-mid: 24px;--lava-scale-mid: 1.04;--lava-x-end: -8px;--lava-y-end: -42px;--lava-scale-end: .95;--lava-duration: 30s;animation-delay:-5s}.lava-violet{left:18%;bottom:-16%;width:280px;height:260px;--lava-fill: radial-gradient( ellipse at 50% 46%, rgba(139, 127, 232, .24) 0%, rgba(139, 127, 232, .18) 48%, rgba(139, 127, 232, 0) 74% );--lava-radius-a: 62% 38% 58% 42% / 42% 54% 46% 58%;--lava-radius-b: 44% 56% 42% 58% / 58% 40% 60% 42%;--lava-radius-c: 56% 44% 50% 50% / 48% 62% 38% 52%;--lava-x-mid: 30px;--lava-y-mid: -30px;--lava-scale-mid: 1.06;--lava-x-end: -18px;--lava-y-end: -64px;--lava-scale-end: .98;--lava-duration: 42s;animation-delay:-21s}.home-brandbar{position:relative;z-index:1;display:flex;align-items:center;justify-content:flex-end;padding:calc(env(safe-area-inset-top) + 18px) 20px 8px}.home-info-button{width:36px;height:36px;display:grid;place-items:center;border-radius:50%;color:var(--ink-soft);background:#ffffffe6;box-shadow:0 2px 8px #2d1f5c0f}.join-home-scroll{position:relative;z-index:1;flex:1;min-height:0;overflow-y:auto;padding:8px 20px 24px;display:flex;flex-direction:column}.join-home-scroll::-webkit-scrollbar{width:0}.join-hero{margin:0 0 18px}.join-hero img{display:block;width:min(100%,330px);height:auto;margin:0 0 12px;border-radius:20px}.join-hero p{max-width:340px;margin-top:12px;color:var(--ink-soft);font-size:14px;font-weight:700;line-height:1.45}.join-card{padding:18px;margin-bottom:12px;border:1px solid rgba(45,31,92,.05);border-radius:24px;background:#fff;box-shadow:0 2px #2d1f5c0a}.join-card h2{margin-bottom:4px;font-size:18px}.join-card>p{margin-bottom:12px;color:var(--muted);font-size:12px;font-weight:800}.code-cells{position:relative;display:flex;gap:8px;margin-bottom:14px}.code-cells input{position:absolute;inset:0;border:0;outline:0;opacity:0;cursor:text}.code-cell{flex:1;height:52px;display:grid;place-items:center;border:2px solid rgba(45,31,92,.06);border-radius:12px;color:var(--ink);background:#ffffff80;font-family:Fredoka,sans-serif;font-size:24px;font-weight:700}.code-cell.filled{border-color:#2d1f5c1f;background:#fff}.code-cell.active{border-color:var(--primary)}.code-cell span{width:2px;height:22px;background:var(--primary);animation:codePulse 1.2s ease-in-out infinite}.join-divider{display:flex;align-items:center;gap:10px;margin:6px 4px;color:var(--muted);font-size:11px;font-weight:900;letter-spacing:.12em}.join-divider span{flex:1;height:1px;background:#2d1f5c1a}.start-new-card{width:100%;display:flex;align-items:center;gap:14px;padding:18px;border-radius:22px;color:var(--ink);text-align:left;background:linear-gradient(135deg,#fbe7c4,#f7a6c5);box-shadow:0 4px #c5552a2e,0 8px 16px #f7a6c540}.start-new-card:active{transform:translateY(2px)}.start-new-card>span{width:52px;height:52px;flex:0 0 52px;display:grid;place-items:center;border-radius:16px;background:#fffc;font-size:28px}.start-new-card strong{flex:1;display:flex;flex-direction:column;gap:2px;font-family:Fredoka,sans-serif;font-size:18px}.start-new-card small{color:var(--ink-soft);font-family:Nunito,system-ui,sans-serif;font-size:13px;font-weight:800}.start-new-card svg{flex:0 0 auto;transform:rotate(180deg)}.intro-block{padding:12px 4px 4px}.eyebrow{margin:0 0 8px;color:var(--orange);font-weight:900;font-size:12px;text-transform:uppercase}:where(h1,h2,p){margin:0}:where(h1,h2),.code-panel strong,.countdown-content strong,.victory h1{font-family:Fredoka,sans-serif}.intro-block h1{font-size:36px;line-height:1;white-space:nowrap}.intro-block p:last-child{max-width:340px;margin-top:10px;color:var(--ink-soft);font-weight:700;line-height:1.35}.panel,.code-panel,.previous-words{padding:16px;background:#ffffffb8;border:1px solid var(--line);border-radius:20px}.panel h2,.previous-words h2{margin-bottom:12px;font-size:20px}.panel-heading{display:flex;justify-content:space-between;align-items:baseline;gap:12px}.panel-heading span{font-weight:900;color:var(--primary-strong)}.lobby-summary{display:grid;grid-template-columns:1fr auto;align-items:center;gap:12px;padding:16px;margin-bottom:12px;background:#ffffffb8;border:1px solid var(--line);border-radius:20px}.lobby-summary h2{margin:0 0 4px;font-size:24px}.lobby-summary span{color:var(--muted);font-weight:900}.lobby-summary>div:last-child{display:inline-flex;align-items:center;gap:7px;min-height:38px;padding:0 12px;border-radius:999px;color:var(--primary-strong);background:#8b7fe821}.lobby-summary strong{white-space:nowrap}.profile-row{display:flex;align-items:center;gap:12px}.avatar{width:44px;height:44px;flex:0 0 44px;display:grid;place-items:center;border-radius:50%;font-size:26px;overflow:visible;box-shadow:inset 0 -2px #2d1f5c12}.avatar-image{width:52px;height:52px;display:block;object-fit:contain;pointer-events:none;-webkit-user-select:none;user-select:none}.avatar-emoji{width:1em;height:1em;display:flex;align-items:center;justify-content:center;line-height:1;transform:translateY(1px)}.initials-input,.join-row input,.entry-bar input{min-width:0;border:0;outline:0;color:var(--ink);background:#fff}.initials-input{width:110px;height:48px;padding:0 14px;border-radius:16px;font-family:Fredoka,sans-serif;font-size:25px;font-weight:700;text-transform:uppercase}.initials-slots{position:relative;display:flex;gap:8px;width:160px}.initials-slots input{position:absolute;inset:0;border:0;outline:0;opacity:0;cursor:text}.initial-cell{width:48px;height:48px;display:grid;place-items:center;border:2px solid rgba(45,31,92,.06);border-radius:14px;color:var(--ink);background:#ffffff80;font-family:Fredoka,sans-serif;font-size:24px;font-weight:700}.initial-cell.filled{border-color:#2d1f5c1f;background:#fff}.initial-cell.active{border-color:var(--primary)}.initial-cell span{width:2px;height:22px;background:var(--primary);animation:codePulse 1.2s ease-in-out infinite}.avatar-picker{display:flex;gap:8px;width:100%;max-width:100%;min-width:0;min-inline-size:0;margin-top:12px;padding:4px 2px 8px;border:0;box-sizing:border-box;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain;cursor:grab;touch-action:pan-y;-webkit-user-select:none;user-select:none}.avatar-picker.dragging{cursor:grabbing;scroll-snap-type:none}.avatar-picker::-webkit-scrollbar{height:0}.avatar-picker button{flex:0 0 48px;width:48px;height:48px;display:grid;place-items:center;border-radius:16px;background:#ffffffb8;scroll-snap-align:center}.avatar-picker button.selected{background:#8b7fe833;outline:2px solid var(--primary);box-shadow:0 8px 18px #584bb01f}.avatar-picker .avatar-image{width:44px;height:44px;transform:translate(-1px)}.background-field{margin-top:12px}.background-field>span{display:block;margin-bottom:8px;color:var(--muted);font-size:11px;font-weight:900;text-transform:uppercase}.background-picker{display:grid;grid-template-columns:repeat(4,1fr);gap:9px;margin-bottom:12px}.background-swatch{position:relative;aspect-ratio:1;overflow:hidden;border-radius:16px;border:3px solid transparent}.background-swatch span{position:absolute;left:6px;right:6px;bottom:6px;overflow:hidden;color:#2d1f5cd1;font-size:10px;font-weight:900;text-overflow:ellipsis;white-space:nowrap}.background-swatch.selected{border-color:var(--primary)}.swatch-clouds{background:linear-gradient(180deg,#bfe2f5,#ddf1f9 52%,#b8e5c4)}.swatch-meadow{background:linear-gradient(180deg,#c5e5c0,#e8f4c6)}.swatch-sunset{background:linear-gradient(180deg,#ffc7a2,#f7a6c5)}.swatch-night{background:linear-gradient(180deg,#2a2150,#4b3d87)}.swatch-night span{color:#ffffffe6}.settings-row{display:grid;grid-template-columns:1fr 1fr;gap:10px}.stepper{display:flex;flex-direction:column;gap:8px}.stepper>span{color:var(--muted);font-size:11px;font-weight:900;text-transform:uppercase}.stepper>div{display:grid;grid-template-columns:38px 1fr 38px;align-items:center;height:44px;border-radius:14px;background:#fff}.stepper button{height:38px;margin:3px;border-radius:11px;color:var(--ink-soft);background:#2d1f5c0f;font-weight:900;font-size:20px}.stepper strong{text-align:center;font-family:Fredoka,sans-serif;font-size:20px}.primary-button,.secondary-button,.join-row button,.code-panel button{display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:17px;font-weight:900}.primary-button{width:100%;min-height:54px;margin-top:14px;color:#fff;background:var(--primary);box-shadow:0 4px 0 var(--primary-strong)}.primary-button.success{background:var(--green);box-shadow:0 4px #3da15a}.secondary-button{width:100%;min-height:52px;color:var(--primary-strong);background:#8b7fe821}.join-stack{display:flex;flex-direction:column;gap:14px}.join-stack input{width:100%;height:64px;padding:0 18px;border:0;border-radius:18px;outline:0;color:var(--ink);background:#fff;font-family:Fredoka,sans-serif;font-size:32px;font-weight:700;letter-spacing:.08em;text-align:center}.join-row{display:grid;grid-template-columns:1fr 96px;gap:10px}.join-row input{height:48px;padding:0 14px;border-radius:15px;font-family:Fredoka,sans-serif;font-size:23px;font-weight:700}.join-row button,.code-panel button{background:#8b7fe826;color:var(--primary-strong);transition:background-color .15s ease,color .15s ease,transform .12s ease}.code-panel button:active{transform:translateY(1px) scale(.98)}.code-panel button.copied{background:#5bc97d2e;color:#2e8c4a}.code-panel{display:grid;grid-template-columns:1fr auto;gap:4px 12px;align-items:center;margin-bottom:12px;text-align:left}.code-panel span{color:var(--muted);font-weight:900;font-size:12px;text-transform:uppercase}.code-panel strong{grid-column:1;color:var(--primary-strong);font-size:42px}.code-panel button{grid-column:2;grid-row:1 / 3;height:40px;padding:0 12px}.participant-list{display:flex;flex-direction:column;gap:8px;margin-top:12px}.participant-list.in-game{padding:0 16px 120px}.participant-row{display:flex;align-items:center;gap:11px;min-height:62px;padding:9px 11px;border-radius:18px;background:#ffffffc2;border:1px solid rgba(45,31,92,.05)}.participant-row.self-row{background:#f4d06f3d;border-color:#f4d06fa3;box-shadow:inset 0 0 0 1px #f4d06f5c}.muted-row{opacity:.62}.participant-main{flex:1;min-width:0}.participant-main strong{display:flex;align-items:center;gap:6px;font-family:Fredoka,sans-serif;font-size:19px}.participant-main strong span{padding:2px 7px;border-radius:999px;background:#f4d06f73;color:#8b651b;font-family:Nunito,sans-serif;font-size:10px;font-weight:900;text-transform:uppercase}.participant-main small{color:var(--muted);font-weight:800}.status-pill{flex:0 0 auto;display:inline-flex;align-items:center;gap:5px;min-height:28px;padding:0 10px;border-radius:999px;font-size:12px;font-weight:900}.status-pill.ready{color:#2e8c4a;background:#5bc97d29}.status-pill.typing{color:var(--primary-strong);background:#8b7fe821}.status-pill.neutral{color:var(--muted);background:#2d1f5c0f}.status-pill i{width:4px;height:4px;border-radius:50%;background:currentColor;animation:dot 1.1s ease-in-out infinite}.status-pill i:nth-child(2){animation-delay:.15s}.status-pill i:nth-child(3){animation-delay:.3s}.ban-button{width:34px;height:34px;display:grid;place-items:center;border-radius:12px;color:#bd5128;background:#ff8a4c1f}.empty-slot{display:flex;align-items:center;height:48px;padding:0 16px;border:1px dashed rgba(45,31,92,.18);border-radius:16px;color:var(--muted);font-weight:900}.status-notice{margin-top:12px;padding:12px 14px;border-radius:16px;color:#2d5079;background:#a6ccec54;font-weight:800;line-height:1.35}.status-notice.error{color:#bd5128;background:#ff8a4c26}.sticky-actions{position:sticky;bottom:0;padding:14px 0 4px;background:linear-gradient(180deg,#fff0,#fbf8ff 34%)}.countdown-screen{display:grid;place-items:center;overflow:hidden;background:linear-gradient(180deg,#bfe2f5,#ddf1f9,#b8e5c4)}.countdown-content{position:relative;z-index:1;display:grid;place-items:center;padding-bottom:80px}.countdown-content p{font-family:Fredoka,sans-serif;font-size:35px;font-weight:700;color:#2d5079}.countdown-content strong{color:#2d5079;font-size:152px;line-height:1;animation:pop .8s ease-in-out infinite}.countdown-content span{color:#3f6b92;font-weight:900}.scenery{position:absolute;inset:0;overflow:hidden}.cloud{position:absolute;border-radius:999px;background:#ffffffb8}.c1{width:92px;height:28px;top:18%;left:12%}.c2{width:70px;height:22px;top:34%;right:12%}.hill{position:absolute;bottom:-80px;border-radius:50% 50% 0 0}.h1{width:520px;height:230px;left:-100px;background:#a8dcb6}.h2{width:520px;height:180px;right:-180px;background:#7dc893}.game-screen{display:flex;flex-direction:column;overflow-y:auto;background:#ece4f7b3}.round-strip{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 16px}.round-strip span,.round-strip strong{display:inline-flex;align-items:center;gap:6px;min-height:34px;padding:0 13px;border-radius:999px;background:#ffffffc7;font-family:Fredoka,sans-serif;font-size:16px}.round-strip .urgent{color:var(--orange);background:#ff8a4c26}.previous-words{margin:0 16px 12px}.previous-words h2{margin-bottom:8px}.previous-words p{color:var(--muted);font-weight:800}.word-chip{display:inline-flex;align-items:center;min-height:31px;margin:0 6px 6px 0;padding:0 12px;border-radius:999px;color:var(--ink);background:#a8dcb675;border:1px solid rgba(45,31,92,.06);font-family:Fredoka,sans-serif;font-size:14px;font-weight:700;text-transform:uppercase}.entry-dock{position:absolute;left:0;right:0;bottom:0;padding:14px 16px calc(env(safe-area-inset-bottom) + 16px);background:linear-gradient(180deg,#ece4f700,#ece4f7 32%)}.entry-bar{display:grid;grid-template-columns:1fr 48px;gap:8px;padding:8px;border:2px solid var(--line);border-radius:22px;background:#fff}.entry-bar input{height:44px;padding:0 10px;font-family:Fredoka,sans-serif;font-size:20px;font-weight:700}.entry-bar button{display:grid;place-items:center;border-radius:15px;color:#fff;background:var(--primary)}.reveal-overlay{position:absolute;inset:70px 16px auto;z-index:4;display:flex;flex-direction:column;gap:8px;padding:16px;border-radius:22px;background:#fffffff0;box-shadow:0 20px 50px #2d1f5c2e;animation:slideIn .35s ease both}.reveal-overlay h2{margin:0 0 4px}.reveal-overlay div{display:grid;grid-template-columns:44px 1fr auto;align-items:center;gap:10px}.reveal-overlay span{padding:6px 10px;border-radius:999px;background:#f4d06f75;font-family:Fredoka,sans-serif;font-weight:700}.ended-screen{background:#f4f0fbc7}.victory{position:relative;display:grid;place-items:center;padding:28px 0 22px;text-align:center}.victory svg{color:var(--yellow);filter:drop-shadow(0 8px 18px rgba(244,208,111,.45))}.victory p{margin-top:12px;color:var(--ink-soft);font-family:Fredoka,sans-serif;font-size:24px}.victory h1{color:#2e8c4a;font-size:58px;line-height:1;text-transform:uppercase}.victory span{margin-top:8px;color:var(--ink-soft);font-weight:900}.confetti{position:absolute;inset:0;pointer-events:none;overflow:hidden}.confetti span{position:absolute;top:-20px;left:var(--left);width:8px;height:13px;border-radius:3px;background:var(--pink);animation:fall 3.2s linear infinite;animation-delay:calc(var(--i) * -.11s)}.confetti span:nth-child(3n){background:var(--blue)}.confetti span:nth-child(4n){background:var(--yellow)}.confetti span:nth-child(5n){background:var(--green)}.spin{animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@keyframes codePulse{0%,to{opacity:.35}50%{opacity:1}}@keyframes lavaDrift{0%{border-radius:var(--lava-radius-a);transform:translateZ(0) scale(1) rotate(0)}45%{border-radius:var(--lava-radius-b);transform:translate3d(var(--lava-x-mid),var(--lava-y-mid),0) scale(var(--lava-scale-mid)) rotate(7deg)}to{border-radius:var(--lava-radius-c);transform:translate3d(var(--lava-x-end),var(--lava-y-end),0) scale(var(--lava-scale-end)) rotate(-5deg)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(18px)}}@keyframes dot{0%,80%,to{opacity:.45;transform:translateY(0)}40%{opacity:1;transform:translateY(-3px)}}@keyframes pop{0%,to{transform:scale(1)}50%{transform:scale(1.04)}}@keyframes slideIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}@keyframes fall{0%{opacity:0;transform:translateY(-20px) rotate(0)}10%{opacity:1}to{opacity:.4;transform:translateY(780px) rotate(320deg)}}@media(prefers-reduced-motion:reduce){.lava-shape{animation:none}}@media(max-width:520px){.app-shell{display:block;padding:0}.app-frame{width:100%;height:100svh;min-height:100svh;border:0;border-radius:0}.intro-block h1{font-size:34px}}