:root{color-scheme:light;font-family:Georgia,Times New Roman,serif;background:#28220e url(../assets/ui/repeatingBackground.jpg) repeat;color:#352015}*{box-sizing:border-box}html,body,#app{width:100%;min-width:100%;height:100%;min-height:100%;margin:0}body{overflow:hidden}button{font:inherit}#app{position:relative}#landing-page{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;padding:clamp(12px,2vw,32px);z-index:5}.landing-stage{position:relative;width:min(100%,1672px,calc(100vh * 1672 / 941));aspect-ratio:1672 / 941;overflow:hidden;background:#d9b77d url(../assets/landing/landingBackground.png) center / 100% 100% no-repeat;filter:sepia(.04) saturate(.92);box-shadow:0 15px 50px #170e0473}.landing-surface{position:absolute;top:4%;right:4%;bottom:4%;left:4%;display:flex;flex-direction:column;align-items:center;text-align:center}.landing-title{margin:8.5% 0 0;color:#3d2113;font-size:clamp(2.3rem,7.1vw,7.4rem);font-weight:700;letter-spacing:.045em;line-height:.95;text-shadow:1px 1px 0 rgb(234 205 151 / 60%),3px 4px 0 rgb(91 46 25 / 12%)}.landing-subtitle{max-width:32em;margin:1.3rem 0 0;color:#5f3922;font-size:clamp(.85rem,1.4vw,1.35rem);letter-spacing:.12em;text-transform:uppercase}.landing-menu{display:flex;flex-direction:column;align-items:stretch;gap:clamp(.18rem,.55vw,.7rem);width:min(38%,360px);margin-top:clamp(2.2rem,7vw,7rem)}.landing-action{border:0;padding:.12em .35em;color:#3b2114;background:transparent;cursor:pointer;font-size:clamp(1.35rem,2.75vw,3rem);font-weight:700;line-height:1.15;text-shadow:1px 1px 0 rgb(255 226 170 / 55%);transition:color .14s ease,transform .14s ease,opacity .14s ease}.landing-action:hover,.landing-action:focus-visible{color:#754021;outline:0;transform:translate(.18em) scale(1.035)}.landing-action:focus-visible{text-decoration:underline;text-decoration-thickness:.08em;text-underline-offset:.15em}.landing-action:disabled{cursor:not-allowed;opacity:.38}.landing-google{display:grid;place-items:center;min-height:44px;margin:1.1rem auto 0}.landing-google+.landing-hint{margin-top:.85rem}.landing-hint,.landing-status{max-width:34em;margin:.7rem auto 0;color:#69462c;font-size:clamp(.8rem,1.2vw,1.05rem);line-height:1.35}.landing-status[data-kind=error]{color:#7e2c1f;font-weight:700}.landing-profile{position:absolute;top:1.5%;right:1.6%;display:flex;align-items:center;gap:.65rem;max-width:32%;color:#604027;font-size:clamp(.7rem,1.1vw,1.05rem);text-align:left}.landing-profile img{width:clamp(28px,3vw,52px);height:clamp(28px,3vw,52px);border:2px solid rgb(92 55 28 / 45%);border-radius:50%;object-fit:cover}.landing-profile strong,.landing-profile span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.landing-signout{border:0;padding:0;color:#704b2e;background:transparent;cursor:pointer;font-size:.86em;text-decoration:underline}.landing-signout:hover,.landing-signout:focus-visible{color:#3b2114}.landing-corner-note{position:absolute;right:2.2%;bottom:2.2%;color:#78512f;font-size:clamp(.62rem,.9vw,.9rem);letter-spacing:.08em;opacity:.75}#game-container{position:relative;z-index:1}#game-container:empty{display:none}@media (max-width: 700px){#landing-page{padding:max(8px,2vw)}.landing-stage{width:min(100%,calc(100vh * 1672 / 941));background-size:100% 100%}.landing-surface{top:5%;right:6%;bottom:5%;left:6%}.landing-title{margin-top:8%;font-size:clamp(1.55rem,6vw,2.4rem)}.landing-subtitle{margin-top:.35rem;font-size:.55rem}.landing-menu{width:min(64%,230px);margin-top:5vw}.landing-action{font-size:clamp(.9rem,4vw,1.4rem)}.landing-google{min-height:34px;margin-top:.25rem;transform:scale(.82);transform-origin:top center}.landing-hint,.landing-status{margin-top:.3rem;font-size:.55rem}.landing-profile{top:3%;right:6%;max-width:48%}}