.application-icon-float{z-index:3;will-change:transform;width:100%;animation:7s ease-in-out infinite application-icon-float;display:block;position:relative}.application-icon-tile{aspect-ratio:1;width:100%;box-shadow:0 2px 0 #b9d2fb70,3px 7px 0 #0a142a,5px 11px 0 #040b18,0 28px 35px #0009,0 0 30px rgba(var(--scene-rgb),.16);background:#0c1a36;border-radius:24%;transition:transform .6s cubic-bezier(.22,.75,.25,1);display:block;position:relative;transform:perspective(700px)rotateX(6deg)rotateY(-8deg)rotate(-4deg)}.application-icon-tile:before{content:"";z-index:2;border-radius:inherit;pointer-events:none;background:linear-gradient(135deg,#e3efff24,#0000 35% 65%,#b5d3ff10);border:1px solid #d8e9ff80;position:absolute;inset:0;box-shadow:inset 2px 2px 2px #e1eeff4d,inset -2px -3px 4px #0008}.application-icon-tile:after{content:"";z-index:2;pointer-events:none;border:1px solid #daecff1a;border-radius:22%;position:absolute;inset:3%}.application-icon-tile>img{object-fit:contain;border-radius:inherit;width:100%;height:100%;display:block;position:absolute;inset:0}.application-icon-tile{overflow:hidden}.application-icon-tile[data-theme=ai]{box-shadow:0 2px 0 #c1e9d570,3px 7px 0 #12372f,5px 11px 0 #061c19,0 28px 35px #0009,0 0 30px rgba(var(--scene-rgb),.16);background:#124f46}.application-icon-shadow{z-index:2;filter:blur(10px);background:#02070bd9;border-radius:50%;width:92%;height:10%;animation:7s ease-in-out infinite application-shadow-breathe;position:absolute;top:calc(100% + 16px);left:4%}@keyframes application-icon-float{0%,to{transform:translateY(0)rotate(-.4deg)}50%{transform:translateY(-1.1cqw)rotate(.4deg)}}@keyframes application-shadow-breathe{0%,to{opacity:.65;transform:scale(1)}50%{opacity:.4;transform:scale(.83)}}@media (hover:hover) and (pointer:fine){.application-brand-frame:hover .application-icon-tile{transform:perspective(700px)rotateX(3deg)rotateY(-4deg)rotate(-2deg)}}@media (prefers-reduced-motion:reduce){.application-icon-float,.application-icon-shadow{animation:none}.application-icon-float{will-change:auto}.application-icon-tile{transition:none}}
.application-summary-image.case-card-image{isolation:isolate;--scene-rgb:118,156,227;background:0 0;place-items:center;display:grid;container-type:inline-size}.application-summary-screen{display:block;position:absolute;inset:clamp(24px,2.5vw,36px);overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#0000,#000 12% 84%,#0000),linear-gradient(#0000,#000 14% 84%,#0000);mask-image:linear-gradient(90deg,#0000,#000 12% 84%,#0000),linear-gradient(#0000,#000 14% 84%,#0000);-webkit-mask-composite:source-in;mask-composite:intersect;container-type:inline-size}.application-summary-screen>.application-screen{opacity:.88;filter:brightness(1.08)}.game-project-card .application-summary-screen{inset:20px}.game-project-card .application-summary-logo{width:clamp(116px,11vw,144px)}.application-summary-logo{z-index:2;aspect-ratio:1;--icon-edge:#09152b;width:clamp(124px,14vw,180px);display:block;position:relative;container-type:inline-size}.application-summary-logo:has([data-theme=ai]){--icon-edge:#102d28}.application-summary-image:has([data-theme=ai]){--scene-rgb:117,196,174}.application-summary-image:after{display:none}.application-summary-logo .application-icon-tile{box-shadow:var(--app-shell-shadow,0 .35cqw 0 #c5d9ef44, .5cqw 1.5cqw 0 var(--icon-edge), 0 6cqw 10cqw #0007);transform:var(--app-shell-pose,perspective(700px) rotateX(4deg) rotateY(-5deg) rotate(-3deg));transform-origin:50%;transition:transform .45s cubic-bezier(.22,.75,.25,1),box-shadow .45s}.application-summary-logo .application-icon-tile:before{border-color:var(--app-rim-color,#d8e9ff38);box-shadow:var(--app-rim-shadow,inset .35cqw .35cqw .6cqw #e1eeff24,inset -.25cqw -.4cqw .65cqw #0005);background:linear-gradient(135deg,#e3efff16,#0000 42% 80%,#b5d3ff08);transition:border-color .45s,box-shadow .45s}.application-summary-logo .application-icon-tile:after{border-radius:inherit;opacity:var(--app-sheen-opacity,0);background:radial-gradient(at 50% 0,#f0faff26,#0000 70%);border:0;transition:opacity .35s;display:block;inset:0;transform:none}.application-summary-logo .application-icon-shadow{filter:blur(4cqw);background:#02070b99;width:80%;height:8%;top:108%;left:10%}.application-summary-logo .application-icon-float{animation-name:application-summary-float}@keyframes application-summary-float{0%,to{transform:translateY(0)rotate(-.3deg)}50%{transform:translateY(-3cqw)rotate(.3deg)}}.case-project-card:focus-within .application-summary-logo{--app-shell-pose:perspective(700px) rotateX(4deg) rotateY(-5deg) rotate(-3deg) scale(1.025);--app-shell-shadow:0 .35cqw 0 #c5d9ef55, .5cqw 1.5cqw 0 var(--icon-edge), 0 6cqw 10cqw #0008;--app-rim-color:#d8e9ff50;--app-rim-shadow:inset .35cqw .35cqw .6cqw #e1eeff38,inset -.25cqw -.4cqw .65cqw #0006;--app-sheen-opacity:.4}@media (hover:hover) and (pointer:fine){.case-project-card:hover .application-summary-logo{--app-shell-pose:perspective(700px) rotateX(4deg) rotateY(-5deg) rotate(-3deg) scale(1.025);--app-shell-shadow:0 .35cqw 0 #c5d9ef55, .5cqw 1.5cqw 0 var(--icon-edge), 0 6cqw 10cqw #0008;--app-rim-color:#d8e9ff50;--app-rim-shadow:inset .35cqw .35cqw .6cqw #e1eeff38,inset -.25cqw -.4cqw .65cqw #0006;--app-sheen-opacity:.4}}@media (prefers-reduced-motion:reduce){.application-summary-logo .application-icon-tile,.case-project-card:is(:hover,:focus-within) .application-summary-logo .application-icon-tile{transition:none;transform:perspective(700px)rotateX(4deg)rotateY(-5deg)rotate(-3deg)}.application-summary-logo .application-icon-tile:before,.application-summary-logo .application-icon-tile:after{transition:none;transform:none}}@media (max-width:700px){.application-summary-image.case-card-image{aspect-ratio:auto;height:240px;min-height:0}.application-summary-screen{inset:20px}.application-summary-logo{width:132px}}
.application-screen{--scene-rgb:118,156,227;color:rgba(var(--scene-rgb),.82);text-align:left;pointer-events:none;background:linear-gradient(120deg,#12223a,#111c2c 60%,#0c1624);display:block;position:absolute;inset:0}.application-screen[data-theme=ai]{--scene-rgb:117,196,174;background:linear-gradient(120deg,#102723,#101f23 65%,#0a191b)}.application-screen-bar{border-bottom:1px solid rgba(var(--scene-rgb),.2);background:#d9eaff08;align-items:center;gap:2cqw;height:6cqw;padding-inline:2.2cqw;display:flex}.application-screen-controls{gap:.7cqw;display:flex}.application-screen-controls>i{background:rgba(var(--scene-rgb),.55);border-radius:50%;width:.8cqw;height:.8cqw}.application-screen-address{border:1px solid rgba(var(--scene-rgb),.12);height:2.7cqw;color:rgba(var(--scene-rgb),.7);letter-spacing:.06em;background:#050c1633;border-radius:.6cqw;flex:1;place-items:center;font-size:1.15cqw;display:grid}.application-screen-menu{font-size:2cqw;line-height:1}.application-screen-status{border-top:1px solid rgba(var(--scene-rgb),.16);height:3.6cqw;color:rgba(var(--scene-rgb),.6);letter-spacing:.08em;background:#152836;justify-content:space-between;align-items:center;padding-inline:2.2cqw;font-size:.9cqw;display:flex;position:absolute;bottom:0;left:0;right:0}.application-screen[data-theme=ai] .application-screen-status{background:#17352f}.application-browser-layout{height:calc(100% - 9.6cqw);display:flex}.application-browser-sidebar{border-right:1px solid rgba(var(--scene-rgb),.16);background:#07101c33;flex-direction:column;flex-shrink:0;gap:2cqw;width:21%;padding:3cqw 2.2cqw;display:flex}.application-browser-sidebar b{color:#b8c9e1;margin-bottom:1.5cqw;font-size:2.5cqw;font-weight:500}.application-browser-sidebar>span{white-space:nowrap;font-size:1.35cqw}.application-browser-sidebar>.is-current{color:#c0d2ef;background:rgba(var(--scene-rgb),.15);border-radius:.5cqw;margin-inline:-1cqw;padding:1cqw}.application-browser-sidebar i{background:rgba(var(--scene-rgb),.2);height:1px}.application-browser-sidebar small{color:rgba(var(--scene-rgb),.4);letter-spacing:.1em;font-size:.85cqw}.application-browser-content{flex:1;min-width:0;padding:3cqw}.application-browser-eyebrow{letter-spacing:.13em;color:rgba(var(--scene-rgb),.6);font-size:.95cqw;display:block}.application-browser-title{letter-spacing:-.04em;color:#b4c5dc;margin-top:1.2cqw;font-size:4.3cqw;display:block}.application-browser-filters{gap:1cqw;margin-block:2cqw;display:flex}.application-browser-filters>i{border:1px solid rgba(var(--scene-rgb),.18);border-radius:2cqw;padding:.6cqw 1.3cqw;font-size:1cqw;font-style:normal}.application-browser-filters>i:first-child{background:rgba(var(--scene-rgb),.13);color:#c2d6ef}.application-thumbnail-grid{grid-template-columns:repeat(4,1fr);gap:2cqw 1.7cqw;display:grid}.application-thumbnail-grid>span{display:block}.application-thumbnail-grid>span>i{border:1px solid rgba(var(--scene-rgb),.26);background:linear-gradient(145deg,rgba(var(--scene-rgb),.22),#10223c);border-radius:.7cqw;place-items:center;height:11cqw;display:grid}.application-thumbnail-grid>span:nth-child(3n)>i{background:linear-gradient(145deg,#67699355,#162034)}.application-thumbnail-grid>span>i>span{border:1px solid rgba(var(--scene-rgb),.42);width:4cqw;height:4cqw;transform:rotate(45deg)}.application-thumbnail-grid b,.application-thumbnail-grid small{background:rgba(var(--scene-rgb),.25);border-radius:2px;width:65%;height:.45cqw;margin-top:1cqw;display:block}.application-thumbnail-grid small{opacity:.6;width:40%;margin-top:.7cqw}.application-terminal-tabs{border-bottom:1px solid rgba(var(--scene-rgb),.13);letter-spacing:.08em;align-items:center;gap:3cqw;height:5cqw;padding-inline:3cqw;font-size:1cqw;display:flex}.application-terminal-tabs>span:first-child{color:#c0ded2;border-bottom:1px solid #8bc5b8;align-self:stretch;place-items:center;display:grid}.application-terminal-tabs>small{color:rgba(var(--scene-rgb),.5);margin-left:auto;font-size:1.1cqw}.application-terminal-body{height:calc(100% - 14.6cqw);display:flex}.application-code{flex-direction:column;flex:1;gap:1.25cqw;min-width:0;padding:2.7cqw 3cqw;font-family:SFMono-Regular,Consolas,monospace;font-size:1.65cqw;line-height:1.5;display:flex}.application-code b{color:#a4d7bc;font-weight:400}.application-code em{color:#8baac4;font-style:normal}.application-code strong{color:#b8c9ac;font-weight:400}.application-code .code-indent{padding-left:2.5cqw}.application-code-muted{color:rgba(var(--scene-rgb),.4)}.application-code-gap{height:1cqw}.application-code-outline{border-left:1px solid rgba(var(--scene-rgb),.1);width:23%;color:rgba(var(--scene-rgb),.5);flex-direction:column;flex-shrink:0;gap:2cqw;padding:3cqw 2cqw;font-family:SFMono-Regular,Consolas,monospace;font-size:1.15cqw;display:flex}.application-code-outline>small{letter-spacing:.1em;margin-bottom:1cqw;font-size:.85cqw}.application-code-outline>i{background:rgba(var(--scene-rgb),.16);width:80%;height:.45cqw}.application-code-outline>i:nth-child(2n){width:50%}.application-cursor{vertical-align:middle;background:#bdd9b6;width:.6cqw;height:1.5cqw;margin-left:1cqw;animation:3s ease-in-out infinite application-cursor-breathe;display:inline-block}@keyframes application-cursor-breathe{0%,to{opacity:.3}50%{opacity:.9}}@media (prefers-reduced-motion:reduce){.application-cursor{animation:none}}
