.playground-runtime{--lp-ink:#0a0a0a;--lp-ink-deep:#050505;--lp-frame:#121212;--lp-white:#ffffff;--lp-canvas:#f5f5f5;--lp-mist:#e7e7e7;--lp-hairline-dark:#313131;--lp-selection:#383838;--color-bg:var(--lp-canvas);--color-bg-elevated:var(--lp-white);--color-bg-muted:var(--lp-mist);--color-bg-inverse:var(--lp-ink);--color-bg-inverse-gradient:linear-gradient(90deg,var(--lp-ink) 0%,var(--lp-ink-deep) 85%);--color-text:var(--lp-ink);--color-text-muted:rgba(10,10,10,0.6);--color-text-on-inverse:var(--lp-white);--color-text-on-inverse-muted:rgba(255,255,255,0.6);--color-border-on-inverse:rgba(255,255,255,0.10);--color-link:var(--lp-ink);--color-link-hover:rgba(10,10,10,0.8);--color-selection-bg:var(--lp-selection);--color-selection-fg:var(--lp-white);--opacity-muted:0.6;--opacity-faint:0.3;--opacity-ghost:0.24;--opacity-trace:0.05;--font-sans:"Inter","Inter Placeholder",ui-sans-serif,system-ui,-apple-system,sans-serif;--font-weight-body:500;--font-weight-strong:600;--font-weight-bold:700;--tracking-body:-0.04em;--tracking-heading:-0.05em;--tracking-display:-0.06em;--leading-none:1;--leading-display:0.92;--leading-tight:1.1;--leading-snug:1.2;--leading-normal:1.3;--leading-relaxed:1.4;--text-display:144px;--text-hero:148px;--text-h1:60px;--text-h2:34px;--text-lead:30px;--text-h3:22px;--text-body-lg:18px;--text-body:16px;--text-body-sm:15px;--text-caption:14px;--text-label:12px;--text-micro:11px;--type-display:var(--font-weight-strong) var(--text-display)/var(--leading-display) var(--font-sans);--type-h1:var(--font-weight-strong) var(--text-h1)/var(--leading-tight) var(--font-sans);--type-h2:var(--font-weight-strong) var(--text-h2)/var(--leading-tight) var(--font-sans);--type-lead:var(--font-weight-body) var(--text-lead)/var(--leading-snug) var(--font-sans);--type-h3:var(--font-weight-strong) var(--text-h3)/1.15 var(--font-sans);--type-body-lg:var(--font-weight-body) var(--text-body-lg)/var(--leading-normal) var(--font-sans);--type-body:var(--font-weight-body) var(--text-body)/var(--leading-relaxed) var(--font-sans);--type-body-sm:var(--font-weight-body) var(--text-body-sm)/var(--leading-relaxed) var(--font-sans);--type-caption:var(--font-weight-body) var(--text-caption)/var(--leading-normal) var(--font-sans);--type-label:var(--font-weight-strong) var(--text-label)/var(--leading-none) var(--font-sans);--type-nav:var(--font-weight-strong) var(--text-body)/var(--leading-tight) var(--font-sans);--type-card-title:var(--font-weight-strong) var(--text-body-lg)/var(--leading-snug) var(--font-sans);--space-1:4px;--space-2:8px;--space-3:10px;--space-4:16px;--space-5:20px;--space-6:24px;--space-7:30px;--space-8:36px;--space-9:40px;--space-10:60px;--space-11:80px;--space-12:120px;--space-13:200px;--container-max:1520px;--measure-max:780px;--section-pad-y:var(--space-13);--footer-pad-y:100px;--radius-xs:7px;--radius-sm:12px;--radius-md:16px;--radius-lg:18px;--radius-xl:25px;--radius-pill:50px;--radius-full:100%;--shadow-none:none;--shadow-player:0 8px 24px rgba(0,0,0,0.34);--shadow-player-lg:0 10px 36px rgba(0,0,0,0.35),inset 0 1px 0 rgba(255,255,255,0.10);--glass-bg:rgba(18,18,18,0.62);--glass-bg-strong:rgba(18,18,18,0.86);--glass-fill:rgba(255,255,255,0.06);--glass-fill-hover:rgba(255,255,255,0.18);--glass-border:rgba(255,255,255,0.20);--header-blur:blur(7px);--ease-standard:cubic-bezier(0.44,0,0.56,1);--duration-fast:200ms;--btn-sm-pad:9px 12px;--btn-sm-height:30px;--btn-lg-pad:18px 30px;--btn-lg-height:58px;--chip-pad:9px 12px;--chip-height:30px;--card-pad:var(--space-6);--card-gap:var(--space-5);--header-pad:15px var(--gutter)}.playground-runtime[data-theme=dark]{--color-bg:var(--lp-frame);--color-bg-elevated:var(--lp-ink);--color-bg-muted:#1c1c1c;--color-bg-inverse:var(--lp-white);--color-bg-inverse-gradient:linear-gradient(90deg,#ffffff,#f5f5f5 85%);--color-text:var(--lp-white);--color-text-muted:rgba(255,255,255,0.6);--color-text-on-inverse:var(--lp-ink);--color-text-on-inverse-muted:rgba(10,10,10,0.6);--color-border-on-inverse:rgba(10,10,10,0.10);--color-link:var(--lp-white);--color-link-hover:rgba(255,255,255,0.8)}@media (max-width:809px){.playground-runtime{--text-display:62px;--text-h1:32px;--text-h2:26px;--text-lead:24px;--text-h3:18px;--text-body-lg:15px;--text-body:13px;--text-caption:12px;--section-pad-y:50px;--header-pad:19px 20px}}.playground-runtime{background:var(--lp-frame);margin:0}.playground-runtime ::selection{background:var(--color-selection-bg);color:var(--color-selection-fg)}.playground-runtime *,.playground-runtime :after,.playground-runtime :before{box-sizing:border-box;margin:0;padding:0}.playground-runtime{--color-primary:#4f1ad6;--color-primary-light:rgb(128,89,227);--color-white:#ffffff;--color-black:#131313;--white-60:rgba(255,255,255,0.6);--white-50:rgba(255,255,255,0.5);--white-30:rgba(255,255,255,0.3);--white-20:rgba(255,255,255,0.2);--white-15:rgba(255,255,255,0.15);--white-10:rgba(255,255,255,0.1);--white-08:rgba(255,255,255,0.08);--white-07:rgba(255,255,255,0.07);--white-05:rgba(255,255,255,0.05);--bg-page:#000000;--bg-card:#080808;--bg-elevated:#131313;--bg-off-white:#efeeec;--color-blue-glow:#0080ff;--color-gray:#999999;--font-heading:"DM Sans","DM Sans Placeholder",sans-serif;--font-body:"Inter","Inter Placeholder",system-ui,Arial,sans-serif;font-family:var(--font-body);background:var(--bg-page);color:var(--white-60);min-height:100vh;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.playground-runtime a{color:inherit;text-decoration:none}.playground-runtime .page-shell{min-height:100vh;display:flex;flex-direction:column}.playground-runtime .site-header{top:0;left:0;right:0;z-index:2147483647;background:linear-gradient(180deg,rgba(0,0,0,0) 6.64%,rgba(0,0,0,.3));backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);border-bottom:1px solid var(--white-10)}.playground-runtime .header-inner{display:flex;align-items:center;justify-content:space-between;max-width:1480px;margin:0 auto;padding:1.125rem 2rem}.playground-runtime .header-left,.playground-runtime .logo{display:flex;align-items:center;flex-shrink:0}.playground-runtime .logo-img{height:26px;width:auto}.playground-runtime .site-nav{display:flex;align-items:center;gap:.25rem}.playground-runtime .header-right{display:flex;align-items:center;flex-shrink:0}.playground-runtime .header-cta--desktop{padding:.5rem 1.25rem;height:auto;font-size:14px;gap:.5rem}.playground-runtime .detail-header .nav-back-link{display:inline-flex;align-items:center;gap:.4rem;font-size:14px;font-family:var(--font-heading);font-weight:400;color:var(--white-60);letter-spacing:-.2px;line-height:26px;margin-bottom:8px;transition:color .2s ease}.playground-runtime .nav-back-link:hover{color:var(--color-white)}.playground-runtime .nav-link{padding:.4rem .75rem;font-size:16px;font-family:var(--font-heading);font-weight:400;color:var(--white-60);letter-spacing:-.2px;line-height:26px;border-radius:8px;transition:color .2s ease,opacity .2s ease}.playground-runtime .nav-link.active,.playground-runtime .nav-link:hover{color:var(--color-white)}.playground-runtime .btn{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;padding:.5rem 1.25rem;border:1px solid var(--white-05);border-radius:40px;background-color:rgba(0,0,0,.3);backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);color:var(--color-white);font-size:14px;font-family:var(--font-heading);font-weight:500;cursor:pointer;transition:all .2s ease;white-space:nowrap}.playground-runtime .btn:hover:not(:disabled){border-color:var(--white-15);background-color:rgba(255,255,255,.04)}.playground-runtime .btn:disabled{opacity:.35;cursor:not-allowed}.playground-runtime .btn-primary{background:linear-gradient(180deg,rgb(79,26,214),rgb(128,89,227));border-image:conic-gradient(at 50% 0,rgb(0,0,0) 90deg,rgba(79,26,214,.4) 181.3deg) 1;border-radius:30px;color:#fff;font-weight:600;box-shadow:2px 4px 24px 0 rgba(0,85,255,.35);border-image:none;border:2px solid rgba(128,89,227,.4)}.playground-runtime .btn-primary:hover:not(:disabled){box-shadow:2px 6px 32px 0 rgba(0,85,255,.5);filter:brightness(1.1)}.playground-runtime .btn-ghost{background:transparent;border-color:transparent;color:var(--white-50);-webkit-backdrop-filter:none;backdrop-filter:none}.playground-runtime .btn-ghost:hover{color:var(--color-white);background:rgba(255,255,255,.04)}.playground-runtime .btn-secondary{background-color:rgba(0,0,0,.3);backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);border:1px solid var(--white-05)}.playground-runtime .btn-secondary:hover:not(:disabled){border-color:var(--white-15);color:var(--color-white)}.playground-runtime .btn-outline{background:transparent;border:1px solid var(--white-20);color:var(--color-white)}.playground-runtime .btn-outline:hover:not(:disabled){border-color:var(--white-30);background:rgba(255,255,255,.04)}.playground-runtime .skip-link{position:fixed;top:12px;left:12px;z-index:2147483647;padding:10px 16px;border-radius:8px;background:var(--color-primary);color:var(--color-white);transform:translateY(-200%)}.playground-runtime .skip-link:focus{transform:translateY(0)}.playground-runtime .grid-page{flex:1 1;max-width:1480px;margin:0 auto;width:100%;padding:120px 80px 80px}.playground-runtime .grid-intro{margin-bottom:50px;text-align:center;max-width:700px;margin-left:auto;margin-right:auto}.playground-runtime .grid-intro h1{font-size:56px;line-height:1.15;font-weight:700;font-family:var(--font-heading);color:var(--color-white);letter-spacing:-.03em;background-image:linear-gradient(90deg,rgb(255,255,255),rgba(153,153,153,0) 350%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;padding-top:.05em}.playground-runtime .grid-intro p{margin-top:16px;color:var(--white-50);font-size:18px;line-height:36px;font-family:var(--font-body)}.playground-runtime .filter-bar{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:30px;justify-content:center}.playground-runtime .filter-chip{padding:6px 16px;border:1px solid var(--white-10);border-radius:20px;color:var(--white-50);font-size:14px;font-family:var(--font-heading);font-weight:400;cursor:pointer;transition:all .2s ease;text-transform:capitalize;white-space:nowrap}.playground-runtime .filter-chip:hover{border-color:var(--white-20);color:var(--color-white)}.playground-runtime .filter-chip.active{background:var(--color-primary);border-color:var(--color-primary);color:#fff;font-weight:500}.playground-runtime .section-separator{width:100%;height:1px;background:linear-gradient(90deg,rgba(255,255,255,.02),rgba(255,255,255,.1) 50%,rgba(255,255,255,.02));margin:0 0 50px}.playground-runtime .grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:26px}.playground-runtime .grid-cta{margin-top:64px;text-align:center}.playground-runtime .grid-cta h2{margin-bottom:24px;color:var(--color-white);font-family:var(--font-heading);font-size:28px;line-height:1.3}.playground-runtime .grid-card{background:var(--bg-card);border:1px solid var(--white-07);border-radius:20px;overflow:hidden;transition:all .3s ease;position:relative;box-shadow:0 .6px 1.3px -.58px rgba(0,0,0,.09),0 2.3px 5px -1.17px rgba(0,0,0,.1),0 10px 22px -1.75px rgba(0,0,0,.16)}.playground-runtime .grid-card:before{content:"";position:absolute;top:0;left:20%;right:20%;height:1px;background:linear-gradient(90deg,rgba(79,26,214,0),rgb(79,26,214) 50%,rgba(79,26,214,0));opacity:0;transition:opacity .3s ease}.playground-runtime .grid-card:hover{border-color:var(--white-15);transform:translateY(-4px);box-shadow:0 .6px 1.3px -.58px rgba(0,0,0,.09),0 2.3px 5px -1.17px rgba(0,0,0,.1),0 10px 22px -1.75px rgba(0,0,0,.16),0 0 40px 0 rgba(79,26,214,.08)}.playground-runtime .grid-card:hover:before{opacity:1}.playground-runtime .card-canvas-wrap{position:relative;width:100%;aspect-ratio:4/3;overflow:hidden;background:var(--card-bg,var(--bg-card))}.playground-runtime .card-canvas{display:block;width:100%;height:100%;touch-action:none;pointer-events:auto}.playground-runtime .card-thumbnail{display:block;width:100%;height:100%;object-fit:cover;object-position:center center}.playground-runtime .card-info{padding:20px 26px;background:var(--bg-card)}.playground-runtime .card-info h3{font-size:18px;font-weight:600;font-family:var(--font-heading);color:var(--color-white);margin-bottom:6px}.playground-runtime .card-info p{font-size:14px;color:var(--white-50);line-height:26px}.playground-runtime .card-tags{display:flex;gap:6px;margin-top:10px;flex-wrap:wrap}.playground-runtime .tag{display:inline-block;padding:4px 10px;background:rgba(79,26,214,.12);color:rgba(128,89,227,.9);border-radius:10px;font-size:12px;font-weight:500;font-family:var(--font-heading)}.playground-runtime .tag--filter,.playground-runtime .tag--link{cursor:pointer;transition:background .2s ease,color .2s ease}.playground-runtime .tag--filter:hover,.playground-runtime .tag--link:hover{background:rgba(79,26,214,.25);color:rgb(160,130,240)}.playground-runtime .empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:80px 30px;border:1px dashed var(--white-10);border-radius:20px;background:var(--bg-card)}.playground-runtime .empty-icon{color:var(--white-20);margin-bottom:20px}.playground-runtime .empty-state h2{font-size:24px;font-family:var(--font-heading);font-weight:600;color:var(--color-white);margin-bottom:10px}.playground-runtime .empty-state p{color:var(--white-50);font-size:16px;line-height:32px}.playground-runtime .empty-state code{background:rgba(79,26,214,.12);padding:2px 8px;border-radius:6px;font-size:.85em;color:var(--color-primary-light)}.playground-runtime .empty-state a{color:var(--color-primary-light)}.playground-runtime .empty-state a:hover{text-decoration:underline}.playground-runtime .detail-page{flex:1 1;padding:120px 80px 80px;max-width:1480px;margin:0 auto;width:100%}.playground-runtime .detail-page--fullwidth{padding-bottom:0}.playground-runtime .detail-page--fullwidth .detail-canvas-container{aspect-ratio:auto;height:calc(100vh - 200px);min-height:500px}.playground-runtime .detail-page--wide{max-width:2400px;padding-left:0;padding-right:0}.playground-runtime .detail-page--wide .detail-desc,.playground-runtime .detail-page--wide .detail-header,.playground-runtime .detail-page--wide .other-works{max-width:1480px;margin-left:auto;margin-right:auto;padding-left:80px;padding-right:80px}.playground-runtime .detail-page--wide .detail-canvas-container{border-radius:0;border-left:none;border-right:none;aspect-ratio:auto;height:calc(100vh + 300px);min-height:1000px}.playground-runtime .detail-page--compact .detail-canvas-container{aspect-ratio:20/9}.playground-runtime .detail-header{margin-bottom:30px}.playground-runtime .detail-header h1{font-size:35px;line-height:50px;font-weight:600;font-family:var(--font-heading);color:var(--color-white);letter-spacing:-.02em}.playground-runtime .detail-desc,.playground-runtime .detail-section-desc,.playground-runtime .detail-story{margin-top:16px;color:var(--white-50);font-size:16px;line-height:28px}.playground-runtime .detail-story{max-width:920px;color:var(--white-60)}.playground-runtime .detail-rive-section{margin-top:52px}.playground-runtime .detail-section-title{font-size:26px;line-height:34px;font-weight:600;font-family:var(--font-heading);color:var(--color-white);margin-bottom:10px}.playground-runtime .detail-section-desc{max-width:920px;margin-bottom:18px}.playground-runtime .detail-canvas-container--secondary{margin-top:18px}.playground-runtime .data-controls{margin-top:20px}.playground-runtime .data-controls__hint{font-style:italic;color:var(--white-60);font-size:14px;line-height:22px;text-align:center;margin-bottom:14px}.playground-runtime .data-controls__group{margin-bottom:14px}.playground-runtime .data-controls__group-title{font-size:14px;font-family:var(--font-heading);font-weight:500;color:var(--color-white);margin-bottom:6px;text-transform:uppercase;letter-spacing:.05em}.playground-runtime .data-controls__fields{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.playground-runtime .data-controls__field{display:flex;flex-direction:column;gap:6px}.playground-runtime .data-controls__field span{font-size:13px;font-family:var(--font-heading);font-weight:400;color:var(--white-60)}.playground-runtime .data-controls__field input[type=color],.playground-runtime .data-controls__field input[type=number]{padding:8px 12px;border:1px solid var(--white-20);border-radius:10px;background:var(--bg-card);color:var(--color-white);font-size:14px;font-family:var(--font-body);transition:border-color .2s}.playground-runtime .data-controls__field input:focus{outline:none;border-color:var(--color-primary)}.playground-runtime .data-controls__field input[type=color]{height:36px;padding:4px;cursor:pointer}.playground-runtime .detail-page--data-controls .detail-canvas-container{aspect-ratio:auto;height:calc(100vh - 380px);min-height:300px}.playground-runtime .detail-page--data-controls .detail-header{margin-bottom:16px}.playground-runtime .detail-page--desktop-compact .detail-canvas-container,.playground-runtime .detail-page--desktop-compact.detail-page--data-controls .detail-canvas-container{aspect-ratio:20/9;height:auto;min-height:0}.playground-runtime .detail-canvas-container{position:relative;width:100%;aspect-ratio:4/3;background:var(--card-bg,var(--bg-card));border:1px solid var(--white-07);border-radius:20px;overflow:hidden;box-shadow:0 .6px 1.3px -.58px rgba(0,0,0,.09),0 2.3px 5px -1.17px rgba(0,0,0,.1),0 10px 22px -1.75px rgba(0,0,0,.16)}.playground-runtime .detail-canvas-container canvas{display:block;width:100%;height:100%;touch-action:none;pointer-events:auto}.playground-runtime .other-works{margin-top:60px}.playground-runtime .other-works__title{font-size:24px;font-weight:600;font-family:var(--font-heading);color:var(--color-white);margin-bottom:24px}.playground-runtime .other-works__grid{display:grid;grid-template-columns:repeat(2,1fr);gap:26px}@media (max-width:809px){.playground-runtime .other-works__grid{grid-template-columns:1fr}}.playground-runtime .device-modal-backdrop{position:fixed;inset:0;z-index:2147483646;background:rgba(0,0,0,.6);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);display:none;align-items:center;justify-content:center;padding:1.5rem;animation:playground-fadeIn .25s ease-out}.playground-runtime .device-modal{background:var(--bg-card);border:1px solid var(--white-10);border-radius:20px;padding:2.5rem 2rem;max-width:420px;width:100%;text-align:center;box-shadow:0 .6px 1.3px -.58px rgba(0,0,0,.09),0 2.3px 5px -1.17px rgba(0,0,0,.1),0 10px 22px -1.75px rgba(0,0,0,.16);animation:playground-scaleIn .25s ease-out}.playground-runtime .device-modal__icon{font-size:32px;margin-bottom:1rem}.playground-runtime .device-modal__title{font-size:20px;font-weight:600;font-family:var(--font-heading);color:var(--color-white);margin-bottom:.5rem}.playground-runtime .device-modal__text{font-size:14px;color:var(--white-50);line-height:24px;margin-bottom:1.5rem}.playground-runtime .device-modal__dismiss{padding:.6rem 2rem}@keyframes playground-fadeIn{0%{opacity:0}to{opacity:1}}@keyframes playground-scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.playground-runtime .detail-controls{margin-top:20px;display:flex;flex-direction:column;gap:15px}.playground-runtime .control-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.playground-runtime select{padding:10px 16px;border:1px solid var(--white-10);border-radius:10px;background:var(--bg-card);color:var(--white-60);font-size:14px;font-family:var(--font-body);flex:1 1;min-width:0;box-shadow:0 2px 4px 0 rgba(0,0,0,.1),0 1px 0 0 rgba(0,0,0,.05),0 0 0 1px rgba(255,255,255,.15)}.playground-runtime .control-row label{font-size:14px;font-family:var(--font-heading);font-weight:500;color:var(--white-50);white-space:nowrap}.playground-runtime .file-picker-label{display:inline-flex;align-items:center;gap:.5rem;padding:.6rem 1.5rem;background:linear-gradient(180deg,rgb(79,26,214),rgb(128,89,227));border:2px solid rgba(128,89,227,.4);border-radius:30px;color:#fff;font-size:14px;font-family:var(--font-heading);font-weight:600;cursor:pointer;transition:all .2s ease;box-shadow:2px 4px 24px 0 rgba(0,85,255,.35)}.playground-runtime .file-picker-label:hover{box-shadow:2px 6px 32px 0 rgba(0,85,255,.5);filter:brightness(1.1)}.playground-runtime .file-picker-label input[type=file]{display:none}.playground-runtime .upload-placeholder{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:var(--white-20);gap:15px;pointer-events:none}.playground-runtime .upload-placeholder p{line-height:32px;font-size:16px}.playground-runtime .upload-placeholder code{background:rgba(79,26,214,.12);padding:2px 8px;border-radius:6px;font-size:.85em;color:var(--white-50)}.playground-runtime .upload-drop-overlay{position:absolute;inset:0;display:none;align-items:center;justify-content:center;background:rgba(79,26,214,.08);border:2px dashed var(--color-primary);border-radius:20px;color:var(--color-primary-light);font-size:18px;font-family:var(--font-heading);font-weight:500;z-index:10}.playground-runtime .upload-drop-overlay.active{display:flex}.playground-runtime .not-found{flex:1 1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:15px;padding:150px 30px 100px}.playground-runtime .not-found h2{font-size:86px;line-height:90px;font-weight:700;font-family:var(--font-heading);background-image:linear-gradient(90deg,rgb(255,255,255),rgba(153,153,153,0) 350%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.playground-runtime .not-found p{color:var(--white-50);font-size:18px}.playground-runtime .site-footer{padding:30px 80px;text-align:center;color:var(--white-30);font-size:14px;font-family:var(--font-heading);margin-top:auto;position:relative}.playground-runtime .site-footer:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,rgba(255,255,255,.02),rgba(255,255,255,.1) 50%,rgba(255,255,255,.02))}.playground-runtime .site-footer a{color:var(--color-primary-light)}.playground-runtime .site-footer a:hover{text-decoration:underline}.playground-runtime .embed-container{position:fixed;inset:0;overflow:hidden}.playground-runtime .embed-container canvas{display:block;touch-action:none;pointer-events:auto}.playground-runtime .embed-error{display:flex;align-items:center;justify-content:center;min-height:100vh;color:var(--white-50);font-size:16px;font-family:var(--font-heading);text-align:center;padding:30px}.playground-runtime .hamburger{display:none;align-items:center;justify-content:center;width:24px;height:24px;padding:0;background:transparent;border:none;color:var(--white-60);cursor:pointer;transition:color .2s ease}.playground-runtime .hamburger:hover{color:var(--color-white)}.playground-runtime .hamburger-icon--close,.playground-runtime .site-header.menu-open .hamburger-icon--open{display:none}.playground-runtime .site-header.menu-open .hamburger-icon--close{display:block}.playground-runtime .mobile-menu{display:none;flex-direction:column;padding:1.5rem 2rem 2rem;border-top:1px solid var(--white-10);background:linear-gradient(180deg,rgba(0,0,0,.85),rgba(0,0,0,.95));backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}.playground-runtime .site-header.menu-open .mobile-menu{display:flex}.playground-runtime .mobile-menu__nav{display:flex;flex-direction:column;gap:0}.playground-runtime .mobile-menu__link{display:block;padding:1rem 0;font-size:16px;font-family:var(--font-heading);font-weight:400;color:var(--white-60);letter-spacing:-.2px;line-height:26px;transition:color .2s ease}.playground-runtime .mobile-menu__link:hover{color:var(--color-white)}.playground-runtime .mobile-menu__cta{margin-top:1.5rem;width:100%;padding:1rem;font-size:16px;text-align:center;border-radius:15px}.playground-runtime .playground-pulse-dot{position:relative;background-color:var(--color-primary);border:1px solid var(--white-20);border-radius:100%;box-shadow:inset 0 0 5px 3px rgba(255,255,255,.4)}.playground-runtime .playground-pulse-dot:after{content:"";position:absolute;inset:-1px;border-radius:100%;background:var(--color-primary);animation:playground-pulse 2s ease-out infinite}@keyframes playground-pulse{0%{transform:scale(1);opacity:.6}to{transform:scale(3);opacity:0}}@media (max-width:1199.98px){.playground-runtime .header-cta--desktop,.playground-runtime .site-nav--desktop{display:none}.playground-runtime .hamburger{display:flex}.playground-runtime .detail-page,.playground-runtime .grid-page{padding:110px 50px 80px}.playground-runtime .detail-page--wide .detail-desc,.playground-runtime .detail-page--wide .detail-header,.playground-runtime .detail-page--wide .other-works{padding-left:50px;padding-right:50px}.playground-runtime .grid-intro h1{font-size:44px;line-height:48px}.playground-runtime .site-footer{padding:20px 50px}}@media (max-width:809px){.playground-runtime .header-inner{padding:.6rem 1rem}.playground-runtime .logo-img{height:22px;width:auto}.playground-runtime .mobile-menu{padding:1.5rem 1.25rem}.playground-runtime .mobile-menu__link{font-size:16px;padding:.85rem 0}.playground-runtime .mobile-menu__cta{margin-top:1.25rem;padding:.85rem;font-size:15px;border-radius:12px}.playground-runtime .detail-page,.playground-runtime .grid-page{padding:80px 20px 50px}.playground-runtime .detail-page--wide .detail-desc,.playground-runtime .detail-page--wide .detail-header,.playground-runtime .detail-page--wide .other-works{padding-left:20px;padding-right:20px}.playground-runtime .grid-intro{margin-bottom:30px}.playground-runtime .grid-intro h1{font-size:32px;line-height:38px}.playground-runtime .grid-intro p{font-size:16px;line-height:28px}.playground-runtime .grid{grid-template-columns:1fr;gap:20px}.playground-runtime .detail-canvas-container,.playground-runtime .detail-page--compact .detail-canvas-container,.playground-runtime .detail-page--data-controls .detail-canvas-container,.playground-runtime .detail-page--desktop-compact .detail-canvas-container,.playground-runtime .detail-page--fullwidth .detail-canvas-container,.playground-runtime .detail-page--wide .detail-canvas-container{aspect-ratio:16/15;height:auto;min-height:0}.playground-runtime .detail-page--compact .detail-canvas-container canvas{touch-action:pan-y}.playground-runtime .detail-page--fast-good-cheap .detail-canvas-container{aspect-ratio:auto;height:min(82vh,760px);min-height:560px;width:calc(100% + 40px);margin-left:-20px;margin-right:-20px;border-left:none;border-right:none;border-radius:0}.playground-runtime .detail-header h1{font-size:24px;line-height:34px}.playground-runtime .site-footer{padding:20px}.playground-runtime .not-found h2{font-size:54px;line-height:60px}.playground-runtime .data-controls__fields{grid-template-columns:1fr}.playground-runtime .device-modal-backdrop{display:flex}}.playground-runtime{--app-header-cta-icon-gap:34px;--color-primary:var(--color-text);--color-primary-light:var(--color-text);--color-white:var(--color-text);--color-black:var(--color-text);--white-60:var(--color-text-muted);--white-50:var(--color-text-muted);--white-30:rgba(10,10,10,var(--opacity-faint));--white-20:rgba(10,10,10,0.2);--white-15:rgba(10,10,10,0.15);--white-10:rgba(10,10,10,0.1);--white-08:rgba(10,10,10,0.08);--white-07:rgba(10,10,10,0.07);--white-05:rgba(10,10,10,var(--opacity-trace));--bg-page:var(--color-bg);--bg-card:transparent;--bg-elevated:var(--color-bg-elevated);--bg-off-white:var(--color-bg);--color-gray:var(--color-text-muted);--font-heading:var(--font-sans);--font-body:var(--font-sans);overflow-x:hidden;background:var(--color-bg);color:var(--color-text);font:var(--type-body);letter-spacing:var(--tracking-body)}.playground-runtime :focus-visible{outline:2px solid var(--color-text);outline-offset:4px}.playground-runtime .site-header{position:fixed;height:var(--header-height);background:#f5f5f5;border-bottom:0;backdrop-filter:none;-webkit-backdrop-filter:none}.playground-runtime .header-inner{max-width:none;height:var(--header-height);padding:var(--header-pad)}.playground-runtime .logo-img{width:116px;height:auto}.playground-runtime .site-nav{gap:clamp(44px,10vw,150px);margin-left:auto;margin-right:auto}.playground-runtime .nav-link{padding:6px 0;color:var(--color-text);font:var(--type-nav);letter-spacing:var(--tracking-body)}.playground-runtime .nav-back-link:hover,.playground-runtime .nav-link.active,.playground-runtime .nav-link:hover{color:var(--color-link-hover);opacity:1}.playground-runtime .header-right{gap:16px}.playground-runtime .btn,.playground-runtime .btn-outline,.playground-runtime .btn-primary,.playground-runtime .btn-secondary{border-radius:var(--radius-pill);border:1px solid var(--color-bg-inverse);background:var(--color-bg-inverse);color:var(--color-text-on-inverse);box-shadow:var(--shadow-none);backdrop-filter:none;-webkit-backdrop-filter:none}.playground-runtime .btn-primary:hover:not(:disabled),.playground-runtime .btn:hover:not(:disabled){border-color:var(--color-bg-inverse);background:var(--color-link-hover);box-shadow:var(--shadow-none);filter:none}.playground-runtime .header-cta--desktop{order:1;height:var(--btn-sm-height);min-height:var(--btn-sm-height);padding:var(--btn-sm-pad);gap:var(--app-header-cta-icon-gap);font:var(--type-label);letter-spacing:var(--tracking-body)}.playground-runtime .playground-pulse-dot{order:2;width:8px;height:8px;background:#13e83f;border:0;box-shadow:none}.playground-runtime .playground-pulse-dot:after{display:none}.playground-runtime .detail-page,.playground-runtime .grid-page{max-width:var(--container-max);padding:var(--space-12) var(--gutter) var(--footer-pad-y)}.playground-runtime .detail-page--wide{max-width:none}.playground-runtime .grid-intro{max-width:960px;margin:0 0 56px;text-align:left}.playground-runtime .grid-intro h1,.playground-runtime .not-found h2{padding:0;background:none;color:var(--color-text);-webkit-text-fill-color:currentColor;font:var(--type-display);letter-spacing:var(--tracking-display)}.playground-runtime .grid-intro p{max-width:590px;margin-top:24px;color:var(--color-text-muted);font:var(--type-lead);letter-spacing:var(--tracking-body)}.playground-runtime .section-separator{background:var(--color-text);margin-bottom:22px}.playground-runtime .filter-bar{justify-content:flex-start;gap:4px 16px;margin-bottom:34px}.playground-runtime .filter-chip{padding:4px 0;border:0;border-radius:0;background:transparent;color:var(--color-text-muted);font:var(--type-label);font-size:13px;letter-spacing:var(--tracking-body)}.playground-runtime .filter-chip:hover{color:var(--color-text)}.playground-runtime .filter-chip.active{background:transparent;color:var(--color-text);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:5px}.playground-runtime .grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-8)}.playground-runtime .grid-card{min-width:0;overflow:visible;background:transparent;border:0;border-radius:0;box-shadow:var(--shadow-none);transition:opacity .2s ease}.playground-runtime .grid-card:before{display:none}.playground-runtime .grid-card:hover{transform:none;border-color:transparent;box-shadow:var(--shadow-none);opacity:.78}.playground-runtime .card-canvas-wrap{background:var(--card-bg)}.playground-runtime .card-info{min-width:0;padding:var(--space-2) 0 0;background:transparent}.playground-runtime .card-info h3{margin:0;color:var(--color-text);font:var(--type-card-title);letter-spacing:var(--tracking-body)}.playground-runtime .card-info p{color:var(--color-text-muted);font:var(--type-body-lg);letter-spacing:var(--tracking-body)}.playground-runtime .card-tags{gap:var(--space-1);margin-top:var(--space-1)}.playground-runtime .tag{padding:0;background:transparent;color:var(--color-text);border-radius:0;font:var(--font-weight-body) var(--text-label)/var(--leading-normal) var(--font-sans);letter-spacing:var(--tracking-body);text-transform:none}.playground-runtime .tag--filter:hover,.playground-runtime .tag--link:hover{background:transparent;color:var(--color-link-hover);text-decoration:underline}.playground-runtime .detail-header{max-width:920px;margin-bottom:28px}.playground-runtime .data-controls__group-title,.playground-runtime .detail-header .nav-back-link,.playground-runtime .detail-header h1,.playground-runtime .detail-section-title,.playground-runtime .device-modal__title,.playground-runtime .other-works__title{color:var(--color-text)}.playground-runtime .detail-header h1{font:var(--type-h1);letter-spacing:var(--tracking-display)}.playground-runtime .detail-header .nav-back-link{margin-bottom:18px;font-size:13px}.playground-runtime .detail-canvas-container{border:0;border-radius:var(--radius-xl);box-shadow:var(--shadow-none)}.playground-runtime .data-controls__hint,.playground-runtime .detail-desc,.playground-runtime .detail-section-desc,.playground-runtime .detail-story{color:var(--color-text-muted)}.playground-runtime .other-works{margin-top:88px}.playground-runtime .other-works__title{font:var(--type-h2);letter-spacing:var(--tracking-heading)}.playground-runtime .data-controls__field input[type=color],.playground-runtime .data-controls__field input[type=number],.playground-runtime select{background:var(--color-bg-elevated);border-color:rgba(10,10,10,.2);color:var(--color-text);box-shadow:var(--shadow-none)}.playground-runtime .control-row label,.playground-runtime .data-controls__field span{color:var(--color-text-muted)}.playground-runtime .file-picker-label{height:var(--btn-sm-height);padding:var(--btn-sm-pad);border:1px solid var(--color-bg-inverse);border-radius:var(--radius-pill);background:var(--color-bg-inverse);color:var(--color-text-on-inverse);font:var(--type-label);letter-spacing:var(--tracking-body);box-shadow:var(--shadow-none)}.playground-runtime .file-picker-label:hover{background:var(--color-link-hover);box-shadow:var(--shadow-none);filter:none}.playground-runtime .device-modal-backdrop{background:rgba(10,10,10,.55)}.playground-runtime .device-modal{background:var(--color-bg);border:0;box-shadow:var(--shadow-none)}.playground-runtime .site-footer{padding:32px 36px;color:var(--color-text-muted)}.playground-runtime .site-footer:before{left:36px;right:36px;background:rgba(10,10,10,.1)}.playground-runtime .mobile-menu{min-height:calc(100vh - var(--header-height));padding:24px 36px;border-top:1px solid rgba(10,10,10,.1);background:var(--color-bg);backdrop-filter:none;-webkit-backdrop-filter:none}.playground-runtime .mobile-menu__link{color:var(--color-text);font:var(--type-h1);letter-spacing:var(--tracking-display)}.playground-runtime .hamburger{width:32px;color:var(--color-text)}@media (min-width:1200px){.playground-runtime .detail-page--delonghi>.detail-canvas-container{aspect-ratio:10/9}.playground-runtime .detail-page--christmas-adventure>.detail-canvas-container,.playground-runtime .detail-page--fast-good-cheap>.detail-canvas-container,.playground-runtime .detail-page--wolf-character>.detail-canvas-container{aspect-ratio:40/27}.playground-runtime .detail-page--triangle-mascot>.detail-canvas-container{background:linear-gradient(180deg,#D07EAE,#5236AC)}.playground-runtime .site-header:not(.site-header--detail) .header-inner{justify-content:space-between}.playground-runtime .site-header:not(.site-header--detail) .logo-img{width:110px}.playground-runtime .site-header:not(.site-header--detail) .header-left,.playground-runtime .site-header:not(.site-header--detail) .header-right,.playground-runtime .site-header:not(.site-header--detail) .site-nav--desktop{display:contents}}@media (max-width:1199.98px){.playground-runtime .detail-page,.playground-runtime .grid-page{padding:var(--space-12) var(--gutter) var(--footer-pad-y)}.playground-runtime .grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:809px){.playground-runtime .header-inner{height:var(--header-height);padding:var(--header-pad)}.playground-runtime .logo-img{width:111px;height:auto}.playground-runtime .header-right{gap:14px}.playground-runtime .hamburger{order:1}.playground-runtime .mobile-menu{padding:24px 20px}.playground-runtime .detail-page,.playground-runtime .grid-page{width:100%;padding:var(--space-12) var(--gutter) var(--footer-pad-y)}.playground-runtime .grid-intro{margin-bottom:38px}.playground-runtime .grid-intro h1{font:var(--type-display);letter-spacing:var(--tracking-display)}.playground-runtime .grid-intro p{margin-top:18px;font:var(--type-lead);letter-spacing:var(--tracking-body)}.playground-runtime .section-separator{margin-bottom:18px}.playground-runtime .filter-bar{gap:3px 13px;margin-bottom:28px}.playground-runtime .filter-chip{font-size:var(--text-label)}.playground-runtime .grid,.playground-runtime .other-works__grid{grid-template-columns:minmax(0,1fr);gap:44px}.playground-runtime .card-canvas-wrap{border-radius:var(--radius-lg)}.playground-runtime .card-info{padding-top:15px}.playground-runtime .card-info h3{font:var(--type-card-title);letter-spacing:var(--tracking-body)}.playground-runtime .detail-header h1{font:var(--type-h1);letter-spacing:var(--tracking-display)}.playground-runtime .detail-canvas-container,.playground-runtime .detail-page--fast-good-cheap .detail-canvas-container{width:100%;margin-left:0;margin-right:0;border-radius:var(--radius-xl)}.playground-runtime .detail-page--fast-good-cheap .detail-canvas-container{height:min(76vh,640px);min-height:520px}.playground-runtime .detail-page--wide .detail-desc,.playground-runtime .detail-page--wide .detail-header,.playground-runtime .detail-page--wide .other-works{padding-left:0;padding-right:0}.playground-runtime .site-footer{padding:28px 20px}.playground-runtime .site-footer:before{left:20px;right:20px}}.playground-runtime .featured-card{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);align-items:center;gap:var(--space-9);margin:0 0 var(--space-10);padding:var(--space-4);border-radius:var(--radius-xl);background:var(--color-bg-elevated);color:var(--color-text);text-decoration:none;transition:opacity .2s ease}.playground-runtime .featured-card:hover{opacity:.92}.playground-runtime .featured-card:focus-visible{outline:2px solid var(--color-text);outline-offset:4px}.playground-runtime .featured-media{overflow:hidden;border-radius:var(--radius-lg);aspect-ratio:16/10;background:#cfe3f2}.playground-runtime .featured-media video{display:block;width:100%;height:100%;object-fit:cover}.playground-runtime .featured-info{padding:var(--space-4) var(--space-6) var(--space-4) 0}.playground-runtime .featured-eyebrow{margin:0 0 var(--space-4);color:var(--color-text-muted);font:var(--type-label);letter-spacing:var(--tracking-body)}.playground-runtime .featured-info h2{margin:0;font:var(--type-display);font-size:clamp(48px,6vw,88px);line-height:var(--leading-display);letter-spacing:var(--tracking-display)}.playground-runtime .featured-text{max-width:440px;margin:var(--space-5) 0 var(--space-7);color:var(--color-text-muted);font:var(--type-body-lg);letter-spacing:var(--tracking-body)}.playground-runtime .featured-cta{pointer-events:none}.playground-runtime .featured-note{margin:var(--space-4) 0 0;color:var(--color-text-muted);font:var(--type-label);font-size:13px;letter-spacing:var(--tracking-body)}@media (max-width:1199.98px){.playground-runtime .featured-card{gap:var(--space-7)}}@media (max-width:809px){.playground-runtime .featured-card{grid-template-columns:1fr;gap:var(--space-5);margin-bottom:var(--space-9);padding:var(--space-3);border-radius:var(--radius-lg)}.playground-runtime .featured-media{border-radius:var(--radius-md)}.playground-runtime .featured-info{padding:0 var(--space-3) var(--space-4)}}@media (min-width:1200px){.playground-runtime .site-header:not(.site-header--detail) .hamburger{display:flex;order:2}}.playground-runtime .grid-page{padding-top:160px}.playground-runtime .grid,.playground-runtime .other-works__grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:4px}.playground-runtime .grid-card{display:flex;flex-direction:column;gap:4px;border-radius:var(--radius-lg)}.playground-runtime .grid-card:hover{opacity:1}.playground-runtime .card-bar{display:flex;align-items:center;gap:18px;min-width:0;padding:18px 24px;border-radius:var(--radius-lg);background:var(--color-bg-elevated)}.playground-runtime .card-bar h3{flex:0 1 auto;min-width:0;margin:0;overflow:hidden;color:var(--color-text);font:var(--type-card-title);letter-spacing:var(--tracking-body);white-space:nowrap;text-overflow:ellipsis}.playground-runtime .card-bar .card-tags{display:flex;flex:0 1 auto;flex-wrap:nowrap;gap:12px;min-width:0;margin:0;overflow:hidden}.playground-runtime .card-bar .tag{color:var(--color-text-muted);font:var(--font-weight-body) 12px/1.3 var(--font-sans);letter-spacing:var(--tracking-body);white-space:nowrap}.playground-runtime .card-bar .tag:before{content:"/ ";color:var(--color-text);font-size:15px}.playground-runtime .card-dots{display:flex;gap:3px;margin-left:auto;flex:none}.playground-runtime .card-dots i{width:8px;height:8px;border-radius:50%;background:var(--lp-mist);transition:background .2s ease}.playground-runtime .grid-card:hover .card-dots i{background:var(--color-text-muted)}.playground-runtime .card-canvas-wrap{padding:4px;border-radius:var(--radius-lg);background:var(--color-bg-elevated);aspect-ratio:682/499}.playground-runtime .card-canvas-wrap>.card-canvas,.playground-runtime .card-canvas-wrap>.card-thumbnail{border-radius:16px;background:var(--card-bg)}.playground-runtime .card-canvas-wrap>.card-thumbnail{transition:transform .6s cubic-bezier(.2,.7,.2,1)}.playground-runtime .grid-card:hover .card-thumbnail{transform:scale(1.02)}.playground-runtime .featured-card{padding:4px;border-radius:var(--radius-lg)}.playground-runtime .featured-media{border-radius:16px}.playground-runtime .site-footer{padding:0;color:var(--color-text);background:var(--color-bg)}.playground-runtime .site-footer:before{display:none}.playground-runtime .footer-main{display:grid;grid-template-columns:1fr 1fr;gap:4px;padding:100px 36px}.playground-runtime .footer-contact{display:flex;flex-direction:column;align-items:flex-start;gap:9px}.playground-runtime .site-footer a{color:var(--color-text);text-decoration:none}.playground-runtime .site-footer a:hover{color:var(--color-link-hover)}.playground-runtime .footer-phone{font:var(--font-weight-body) 18px/1.3 var(--font-sans);letter-spacing:var(--tracking-body)}.playground-runtime .footer-mail{display:inline-flex;align-items:center;gap:7px}.playground-runtime .footer-mail__icon{position:relative;flex:none;width:18px;height:18px;border-radius:50%;background:var(--color-text)}.playground-runtime .footer-mail__icon:after,.playground-runtime .footer-mail__icon:before{content:"";position:absolute;top:50%;left:50%;background:var(--lp-white);transform:translate(-50%,-50%)}.playground-runtime .footer-mail__icon:before{width:8px;height:2px}.playground-runtime .footer-mail__icon:after{width:2px;height:8px}.playground-runtime .footer-mail__text{padding-bottom:3px;border-bottom:2px solid var(--color-text);font:var(--font-weight-strong) 34px/1.1 var(--font-sans);letter-spacing:-.05em}.playground-runtime .footer-cols{display:grid;grid-template-columns:1fr 1fr;gap:4px}.playground-runtime .footer-col{display:flex;flex-direction:column;align-items:flex-start;gap:10px}.playground-runtime .footer-col__title{margin:0 0 6px;font:var(--font-weight-body) 14px/1.3 var(--font-sans);letter-spacing:var(--tracking-body)}.playground-runtime .footer-link{display:inline-flex;align-items:flex-start;gap:6px;font:var(--font-weight-body) 22px/1.2 var(--font-sans);letter-spacing:var(--tracking-body)}.playground-runtime .footer-arrow{margin-top:4px;opacity:.4}.playground-runtime .footer-logo{margin-top:44px}.playground-runtime .footer-logo img{display:block;width:110px;height:auto}.playground-runtime .footer-bar{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:42px 36px;background:var(--color-bg-inverse-gradient);color:var(--color-text-on-inverse)}.playground-runtime .footer-bar p{margin:0;color:var(--color-text-on-inverse-muted);font:var(--font-weight-body) 14px/1.3 var(--font-sans);letter-spacing:var(--tracking-body)}.playground-runtime .site-footer .footer-bar a{color:var(--color-text-on-inverse);font:var(--font-weight-body) 15px/1.4 var(--font-sans);letter-spacing:var(--tracking-body)}.playground-runtime .site-footer .footer-bar a:hover{color:var(--color-text-on-inverse-muted)}@media (max-width:1199.98px){.playground-runtime .grid-page{padding-top:160px}}@media (max-width:809px){.playground-runtime .grid-page{padding-top:140px}.playground-runtime .grid,.playground-runtime .other-works__grid{grid-template-columns:1fr}.playground-runtime .card-bar{padding:16px 20px}.playground-runtime .card-bar h3{font-size:15px;line-height:18px}.playground-runtime .card-bar .card-tags{display:none}.playground-runtime .footer-main{grid-template-columns:1fr;gap:40px;padding:40px 20px 60px}.playground-runtime .footer-mail__text{font-size:26px}.playground-runtime .footer-link{font-size:18px}.playground-runtime .footer-col__title{font-size:12px}.playground-runtime .footer-bar{flex-direction:column;align-items:stretch;gap:28px;padding:28px 24px}.playground-runtime .footer-bar p{font-size:12px}.playground-runtime .site-footer .footer-bar a{align-self:flex-end;font-size:13px}}.playground-runtime .page-shell--game .site-footer{display:none}.playground-runtime:has(.page-shell--game){overflow:hidden;overscroll-behavior:none}.playground-runtime .game-page{padding:0}.playground-runtime .game-stage{position:relative;height:100vh;height:100dvh;min-height:320px;overflow:hidden;background:#f3f0ea}.playground-runtime #game-canvas{display:block;width:100%;height:100%;outline:none}.playground-runtime .game-splash{position:absolute;inset:0;display:grid;place-items:center;background:#f3f0ea;color:#151515;transition:opacity .9s ease}.playground-runtime .game-splash.is-done{opacity:0;pointer-events:none}.playground-runtime .game-splash__grid{position:absolute;inset:0;background-image:linear-gradient(rgba(21,21,21,.045) 1px,transparent 0),linear-gradient(90deg,rgba(21,21,21,.045) 1px,transparent 0);background-size:40px 40px}.playground-runtime .game-splash__inner{position:relative;display:flex;flex-direction:column;align-items:center}.playground-runtime .game-loader{width:168px;height:168px;overflow:visible}.playground-runtime .game-loader__ring,.playground-runtime .game-loader__track{fill:none;stroke-width:2}.playground-runtime .game-loader__track{stroke:rgba(21,21,21,.08)}.playground-runtime .game-loader__ring{stroke:#76acff;stroke-linecap:round;stroke-dasharray:1;stroke-dashoffset:.97;transform:rotate(-90deg);transform-origin:100px 100px;transition:stroke-dashoffset .3s ease;filter:drop-shadow(0 0 6px rgba(118,172,255,.55))}.playground-runtime .game-loader__cloud{transform-origin:100px 100px;animation:playground-game-cloud 4.5s ease-in-out infinite}@keyframes playground-game-cloud{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-3px) scale(1.02)}}.playground-runtime .game-splash__label{margin:22px 0 0;color:#8c8982;font:620 10.5px/1 var(--font-sans);letter-spacing:.16em;text-transform:uppercase}.playground-runtime .game-splash.is-error .game-loader__ring{display:none}.playground-runtime .game-splash.is-error .game-splash__label{max-width:320px;line-height:1.5;letter-spacing:.08em}@media (prefers-reduced-motion:reduce){.playground-runtime .game-loader__cloud{animation:none}}.playground-runtime{--lp-ink:var(--ink);--lp-canvas:var(--canvas);--font-sans:Inter,Arial,sans-serif;min-height:70vh}.playground-runtime .page-shell{min-height:70vh}.playground-runtime .detail-page,.playground-runtime .grid-page{padding-inline:var(--gutter)}.playground-runtime[data-mode=game]{padding-top:var(--header-height)}.playground-runtime .game-stage{height:calc(100dvh - var(--header-height))}body:has(.playground-runtime[data-mode=embed]) .site-footer,body:has(.playground-runtime[data-mode=embed]) .site-header,body:has(.playground-runtime[data-mode=embed]) .viewport-blur,body:has(.playground-runtime[data-mode=game]) .site-footer,body:has(.playground-runtime[data-mode=game]) .viewport-blur{display:none}