*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden;background:#101820;color:#fff;font-family:system-ui,-apple-system,sans-serif;touch-action:none;user-select:none}button{font:inherit}#rotate{display:none;position:fixed;inset:0;z-index:99;background:#101820;align-items:center;justify-content:center;flex-direction:column;font-size:5rem}#rotate b{font-size:1.5rem}#rotate span{font-size:1rem;opacity:.65}#title{position:fixed;inset:0;display:flex;align-items:center;justify-content:space-between;padding:6vw;background:linear-gradient(155deg,#8ed5f0 0 52%,#76b75c 52% 67%,#ead39e 67%)}#title small{letter-spacing:.55em;font-weight:900;color:#31596c}#title h1{font-size:11vw;letter-spacing:-.08em;line-height:.75;margin:.1em 0;text-shadow:0 7px 0 #356b83}#title p{font-weight:800;color:#31596c}aside{width:32vw;max-width:350px;background:#fffc;padding:20px;border-radius:25px;display:grid;gap:10px;box-shadow:0 20px 60px #2345}aside button{padding:14px;border:0;border-radius:14px;font-weight:900;background:#244e64;color:white}aside button:first-child{background:white;color:#244e64}aside em{font-style:normal;text-align:center;color:#244e64;font-size:.75rem}#game{position:fixed;inset:0}#game[hidden]{display:none}canvas{width:100%;height:100%;display:block}.place{position:absolute;top:max(15px,env(safe-area-inset-top));left:max(20px,env(safe-area-inset-left));background:#17384ddd;border:2px solid #fff7;padding:9px 16px;border-radius:15px;display:grid}.place span{font-size:.7rem;opacity:.7}#load{position:absolute;top:max(18px,env(safe-area-inset-top));left:50%;transform:translateX(-50%);background:#fffde8e8;color:#4a432e;padding:8px 17px;border-radius:999px;font-size:.75rem;font-weight:900}#stick{position:absolute;left:max(28px,env(safe-area-inset-left));bottom:max(25px,env(safe-area-inset-bottom));width:112px;height:112px;border:3px solid #fff9;border-radius:50%;background:#16384a55}#stick i{position:absolute;left:31px;top:31px;width:46px;height:46px;background:#fff;border-radius:50%}#a{position:absolute;right:max(34px,env(safe-area-inset-right));bottom:max(29px,env(safe-area-inset-bottom));width:78px;height:78px;border:3px solid white;border-radius:50%;background:#e65c4b;color:white;font-size:1.6rem;font-weight:1000}#menu{position:absolute;right:max(28px,env(safe-area-inset-right));top:max(18px,env(safe-area-inset-top));width:48px;height:43px;border:2px solid #fff8;border-radius:13px;background:#17384ddd;color:white}#talk{position:absolute;left:17%;right:17%;bottom:max(18px,env(safe-area-inset-bottom));background:#fffdf3f4;color:#27363e;border:4px solid #2b566d;border-radius:18px;padding:13px 20px}#talk b,#talk small{color:#d84e40;font-weight:900}#talk p{margin:4px 0}#talk small{float:right}@media(orientation:portrait) and (max-width:900px){#rotate{display:flex}#title,#game{visibility:hidden}}