@import"https://fonts.googleapis.com/css2?family=Caveat:wght@400;700&family=Hachi+Maru+Pop&display=swap";:root{--ink: #101315;--red: #ff1f3d;--green: #31543b;--sage: #9aae9a;font-family:Inter,Avenir Next,Segoe UI,sans-serif}*{box-sizing:border-box}html,body,#app{margin:0;min-width:320px;min-height:100vh}body{overflow:hidden;color:#f8fbf4;background:linear-gradient(135deg,#07100b,#17241a 44%,#4d5a4d)}button,input{font:inherit}.wallpets-demo{min-height:100vh}.demo-stage{position:relative;overflow:hidden;display:grid;place-items:center;min-height:100vh;padding:clamp(18px,4vw,46px);cursor:none}.demo-stage:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(255,255,255,.04),transparent 19%,transparent 82%,rgba(255,255,255,.04)),linear-gradient(180deg,rgba(255,255,255,.08),transparent 28%,transparent 76%,rgba(0,0,0,.18));pointer-events:none}.site-brand{position:absolute;top:clamp(18px,3.1vw,42px);left:clamp(18px,3.8vw,58px);z-index:6;display:flex;align-items:center;gap:clamp(8px,1.1vw,14px);color:#fff;text-decoration:none;pointer-events:auto;filter:drop-shadow(0 12px 28px rgba(0,0,0,.28))}.brand-mark{display:block;width:clamp(42px,4.4vw,74px);height:clamp(42px,4.4vw,74px);object-fit:contain;flex:0 0 auto}.brand-copy{display:grid;gap:2px;min-width:0}.brand-wordmark{color:#fef9ff;font-family:Caveat,Comic Sans MS,Marker Felt,cursive,sans-serif;font-size:clamp(30px,4.2vw,68px);font-weight:400;line-height:.86;letter-spacing:0;text-shadow:0 2px 0 rgba(151,13,90,.92),0 0 18px rgba(151,13,90,.45),0 12px 26px rgba(0,0,0,.28);white-space:nowrap}.brand-tagline{color:#f8fbf4c7;font-size:clamp(10px,.92vw,14px);font-weight:780;line-height:1;letter-spacing:0;white-space:nowrap}.pet-profile{position:absolute;top:4.8%;left:4.6%;z-index:2;color:#090b0ce6;max-width:46%;pointer-events:none;text-shadow:0 1px 0 rgba(255,255,255,.62)}.name-row{display:flex;align-items:baseline;gap:12px;min-width:0;white-space:nowrap}.kana-name{color:#080a0be6;font-family:Hachi Maru Pop,Hannotate SC,Yuji Syuku,Yuji Mai,Hiragino Mincho ProN,Yu Mincho,serif;font-size:clamp(26px,3.1vw,52px);font-weight:400;line-height:.95;letter-spacing:0;white-space:nowrap}.roman-name{color:#080a0b85;font-size:clamp(10px,.92vw,14px);font-weight:760;letter-spacing:0}.profile-list{display:grid;gap:3px;margin:7px 0 0;color:#080a0bb8;font-size:clamp(9px,.78vw,12px);line-height:1.28}.profile-list div{display:grid;grid-template-columns:64px minmax(0,1fr);gap:7px}.profile-list dt,.profile-list dd{margin:0}.profile-list dt{color:#080a0b6b;font-weight:760}.profile-list dd{color:#080a0bbd;font-weight:620}.laptop{--screen-left: 11.979%;--screen-top: 14.258%;--screen-width: 75.781%;--screen-height: 66.895%;position:relative;z-index:2;width:min(96vw,1380px);aspect-ratio:3 / 2}.laptop-frame{position:absolute;inset:0;z-index:3;display:block;width:100%;height:100%;object-fit:contain;pointer-events:none;-webkit-user-select:none;user-select:none}.screen{position:absolute;left:var(--screen-left);top:var(--screen-top);z-index:1;overflow:hidden;width:var(--screen-width);height:var(--screen-height);background:#fff}.screen video{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:contain;object-position:center bottom;pointer-events:none;-webkit-user-select:none;user-select:none;filter:saturate(1.02) contrast(1.01)}.laser{position:absolute;z-index:5;width:clamp(16px,1.7vw,28px);aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,#fff 0 6%,#ffb1ba 7% 15%,var(--red) 16% 42%,rgba(255,31,61,.28) 43% 70%,transparent 71%);box-shadow:0 0 10px #ff1f3df5,0 0 24px #ff1f3dad,0 0 58px #ff1f3d6b;transform:translate(-50%,-50%);pointer-events:none}.laser:after{content:"";position:absolute;inset:-180%;border-radius:50%;background:radial-gradient(circle,rgba(255,31,61,.24),transparent 62%);animation:laser-pulse 1.4s ease-in-out infinite}@keyframes laser-pulse{0%,to{transform:scale(.82);opacity:.62}50%{transform:scale(1);opacity:1}}@media(max-width:760px){body{overflow:hidden}.demo-stage{min-height:100svh;align-content:center;padding:max(18px,env(safe-area-inset-top)) 12px max(18px,env(safe-area-inset-bottom))}.site-brand{top:max(12px,env(safe-area-inset-top));left:14px;gap:7px}.brand-mark{width:34px;height:34px}.brand-wordmark{font-size:clamp(24px,8vw,32px)}.brand-tagline{display:none}.pet-profile{top:5%;left:4.6%;max-width:52%}.name-row{gap:7px}.kana-name{font-size:clamp(13px,4vw,17px)}.roman-name{font-size:clamp(7px,2.3vw,9px)}.profile-list{gap:1px;margin-top:3px;font-size:clamp(6px,1.8vw,7px)}.profile-list div{grid-template-columns:39px minmax(0,1fr);gap:4px}.laptop{width:min(96vw,calc((100svh - 88px)*1.5));max-width:none}.laser{width:clamp(12px,4.2vw,18px)}}@media(max-width:760px)and (orientation:landscape){.demo-stage{padding:12px}.site-brand{top:10px;left:12px}.brand-mark{width:30px;height:30px}.brand-wordmark{font-size:clamp(21px,5.2vw,27px)}.pet-profile{top:4.6%;left:4.4%}.kana-name{font-size:clamp(12px,3.4vw,16px)}.profile-list{display:none}.laptop{width:min(94vw,calc((100svh - 24px)*1.5))}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition-duration:.001ms!important;animation-duration:.001ms!important}}