:root{--stage-width:min(100vw, 750px);--safe-bottom:env(safe-area-inset-bottom,0px);--action-height:clamp(42.5px, 11.3333vw, 85px);--action-gap:clamp(19.5px, 5.2vw, 39px);--action-inline:clamp(8.5px, 2.2667vw, 17px)}@supports (width:100dvw){:root{--stage-width:min(100dvw, 750px)}}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body,#app{background:#d8edff;min-height:100%;margin:0;font-family:PingFang SC,SF Pro Display,Helvetica Neue,Arial,sans-serif}body{overflow-x:hidden}button{font:inherit}.page{background:linear-gradient(90deg,#234b7f29,#0000 18% 82%,#234b7f29),#d8edff;justify-content:center;width:100%;min-height:100vh;display:flex}.panel{width:var(--stage-width);background:#cae8ff;padding:0;position:relative;overflow:hidden;box-shadow:0 0 44px #144c942e}.figma-scene{z-index:0;width:100%;position:relative}.figma-scene img{-webkit-user-select:none;user-select:none;-webkit-user-drag:none;width:100%;height:auto;display:block}.actions{z-index:10;width:var(--stage-width);min-height:calc(clamp(122px, 32.5333vw, 244px) + var(--safe-bottom));padding:clamp(3.5px, .9333vw, 7px) var(--action-inline) calc(clamp(14px, 3.7333vw, 28px) + var(--safe-bottom));gap:var(--action-gap);isolation:isolate;flex-direction:column;display:flex;position:fixed;bottom:0;left:50%;transform:translate(-50%)}.actions:before{content:"";z-index:-1;pointer-events:none;background:linear-gradient(#04337d00,#04337d94);position:absolute;inset:clamp(50px,13.3333vw,100px) 0 0}.button{width:100%;height:var(--action-height);min-height:var(--action-height);appearance:none;cursor:pointer;color:#fff;text-align:center;border:2px solid #0000;border-radius:999px;justify-content:center;align-items:center;padding:0 clamp(14px,3.7333vw,28px);transition:transform .16s,filter .16s,box-shadow .16s;display:flex;position:relative;overflow:hidden}.button:before{content:"";border-radius:inherit;pointer-events:none;position:absolute;inset:0;box-shadow:inset 0 2px 4px #ffffff61}.button:hover{filter:brightness(1.04)saturate(1.04)}.button:active{filter:brightness(.96);transform:translateY(2px)scale(.992)}.button:focus-visible{outline-offset:3px;outline:3px solid #ffffffeb}.button--game{white-space:nowrap;background:linear-gradient(177deg,#ffd767 0%,#ff9d1c 52%,#ff5b0c 100%);border-color:#fff9bc;font-size:clamp(18px,4.8vw,36px);font-weight:600;line-height:1;box-shadow:0 6px 12px #9e30006b,inset 0 2px 4px #ffffff70}.button--download{background:linear-gradient(177deg,#67b1ff 0%,#2387ff 52%,#0564e8 100%);border-color:#ddf6ff;gap:clamp(10px,2.6667vw,20px);box-shadow:0 6px 12px #003ea866,inset 0 2px 4px #ffffff57}.button__icon{z-index:1;flex:none;width:clamp(30px,8vw,60px);height:clamp(30px,8vw,60px);position:relative}.button__copy{z-index:1;color:#fff;white-space:nowrap;flex-direction:column;align-items:center;line-height:1.2;display:flex;position:relative}.button__title{font-size:clamp(16px,4.2667vw,32px);font-weight:600}.button__subtitle{font-size:clamp(9px,2.4vw,18px);font-weight:500}.toast{z-index:20;left:50%;bottom:calc(clamp(130px, 34.6667vw, 260px) + var(--safe-bottom));max-width:calc(var(--stage-width) - 32px);color:#fff;opacity:0;pointer-events:none;background:#101f3deb;border-radius:999px;padding:10px 16px;font-size:13px;line-height:1.4;transition:opacity .2s,transform .2s;position:fixed;transform:translate(-50%)translateY(18px)}.toast.is-visible{opacity:1;transform:translate(-50%)translateY(0)}@media (width>=751px){.page{align-items:flex-start;padding:0}}