/* Desktop composition: fluid 16:9-style layout for laptop and monitor windows. */
@media(min-width:900px){
 #cover{height:100dvh;min-height:580px;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-rows:1fr auto auto auto auto 1fr;column-gap:6vw;padding:64px max(7vw,calc((100vw - 1440px)/2));text-align:left;align-items:center;justify-items:start}
 #cover:before{content:'';position:absolute;left:5%;right:5%;top:8%;bottom:8%;border:1px solid var(--line);opacity:.45;pointer-events:none}
 #cover .cover-ornament{grid-column:1;grid-row:2;font-size:48px;margin-bottom:12px}
 #cover>.small{grid-column:1;grid-row:3;font-size:13px;letter-spacing:5px}
 #cover h1{grid-column:1;grid-row:4;font-size:clamp(62px,6.5vw,108px);margin:12px 0 20px;white-space:nowrap}
 #cover>p:not(.small){grid-column:1;grid-row:5;font-size:15px;letter-spacing:3px;align-self:start;margin:0}
 #cover #start{grid-column:1;grid-row:6;align-self:start;margin-top:32px;padding:16px 28px;font-size:14px}
 #cover .rabbit-stage{grid-column:2;grid-row:1/7;width:100%;height:min(60vh,570px);margin:0;align-self:center}
 #cover .hello-note{top:-28px;font-size:13px;letter-spacing:3px;white-space:nowrap}
 #cover #skip{right:7%;top:26px;font-size:12px}
 header{height:76px;padding:0 4vw}header strong{font-size:27px}header a span{font-size:12px}header button{font-size:12px;padding:9px 15px}header>div{gap:18px}#wallet{font-size:12px}
 .desk-title{left:12%;top:20%}.desk-title h1{font-size:clamp(40px,3.5vw,64px);letter-spacing:6px}.desk-title p{font-size:23px}.desk-title span{font-size:14px}
 .paper.one{left:14%;top:49%;width:230px;font-size:44px;padding:25px 30px}.paper.two{left:35%;top:54%;width:210px;padding:32px}
 #buddy{right:15%;bottom:22%;width:clamp(240px,23vw,370px)}#buddy .rabbit-dress{width:100%}#buddy>span{font-size:12px;padding:9px 20px}
 #buddy-speech{right:13%;bottom:65%;max-width:290px;font-size:13px}
 #dock{bottom:36px;gap:20px;padding:17px 25px;border-radius:22px}.dock-app{width:90px}.dock-app .icon{width:58px;height:58px;font-size:29px}.dock-app small{font-size:12px;margin-top:9px}.dock-hint{bottom:11px;font-size:10px}
 .window{width:min(760px,calc(100vw - 80px))}.window-bar{height:48px}.window-bar strong{font-size:13px}.window-body{padding:32px;max-height:calc(100dvh - 270px)}.window-body h2{font-size:30px}.desc{font-size:13px}.letter{font-size:15px}.field{height:320px}.connect-board{height:340px}
 dialog{width:560px;padding:34px}.dress-preview{height:220px}.dress-preview img{height:220px}
}
@media(min-width:900px) and (max-height:760px){
 #cover{padding-top:40px;padding-bottom:40px;min-height:520px}#cover .rabbit-stage{height:55vh}#cover h1{font-size:64px}#cover .cover-ornament{font-size:32px}#cover #start{margin-top:22px}
 .desk-title{top:16%}.desk-title h1{font-size:40px;margin:12px 0}.paper.one{top:43%;width:190px;font-size:34px}.paper.two{top:48%;width:165px;padding:20px}#buddy{width:235px;bottom:24%}
 #dock{padding:12px 22px;bottom:28px}.dock-app .icon{width:48px;height:48px}.window-body{max-height:calc(100dvh - 245px);padding:22px}.field,.connect-board{height:250px}
}