#title-screen{--ih:min(100vh,66.667vw);position:fixed;inset:0;z-index:5000;overflow:hidden;background:#8ed4f5;display:flex;align-items:center;justify-content:center;padding:12px;box-sizing:border-box;font-family:'Hiragino Maru Gothic ProN','Yu Gothic',sans-serif}#title-screen::before,#title-screen::after{content:"";position:absolute;inset:0;background:url('/static/title-background.png') center/cover no-repeat;z-index:0}#title-screen::before{filter:blur(18px) brightness(1.02);transform:scale(1.12)}#title-screen::after{background-size:contain}#title-screen[hidden],#title-screen [hidden]{display:none!important}.title-card{position:relative;z-index:2;width:min(510px,88vw);max-height:60vh;overflow:auto;box-sizing:border-box;padding:20px 24px;border:7px solid #e4b779;outline:5px solid #fff6df;border-radius:32px;background:linear-gradient(#fffdf2ef,#ffe8c9f2);box-shadow:0 9px 0 #b88a5b,0 18px 35px #5b683e80;text-align:center;margin-top:calc(var(--ih)*.15)}.title-input{display:block;width:100%;box-sizing:border-box;padding:12px 14px;margin:8px auto;border:3px solid #e4b779;border-radius:16px;background:#fff;color:#6a4b32;font-size:clamp(16px,2.6vw,22px);text-align:center;font-family:inherit}.title-input:focus{outline:3px solid #61bd69}.title-error{min-height:1.2em;margin:4px 0;color:#c0392b;font-size:14px}.title-card h2{font-size:clamp(17px,3vw,25px);color:#916038;margin:2px 0 14px}.title-card p{font-size:clamp(12px,2vw,16px);line-height:1.7;color:#6a4b32;margin:10px 0}.title-button{display:block;width:100%;padding:12px 10px;margin:11px auto;border:3px solid #fff;border-radius:22px;background:linear-gradient(#a6e789,#61bd69);box-shadow:0 5px 0 #418c53;color:#fff;text-shadow:1px 2px #44754a;font-size:clamp(15px,2.6vw,22px);font-weight:900;cursor:pointer;touch-action:manipulation}.title-button:active{transform:translateY(4px);box-shadow:0 1px 0 #418c53}.title-small{border:0;background:transparent;color:#876c4a;padding:9px;cursor:pointer}@media(max-height:700px){.title-card{max-height:65vh;padding:10px 16px}.title-button{padding:8px;margin:7px auto}}/* Building menu must be above the full-screen Three.js canvas. */
body:has(#house3d:not([hidden])) #land-panel:not([hidden]){position:fixed!important;z-index:2200!important;left:50%!important;top:50%!important;transform:translate(-50%,-50%)!important;max-height:85vh;overflow:auto;width:min(480px,90vw);box-sizing:border-box;background:#fff9eb;border:5px solid #dfb97d;border-radius:20px;padding:20px;box-shadow:0 15px 50px #0008}
body:has(#house3d:not([hidden])) #world-stage{isolation:auto!important}