:root{font-family:Trebuchet MS,Arial,sans-serif;color:#633817}*{box-sizing:border-box}body{margin:0;min-height:100vh;overflow:hidden;background:#d9c28f url(assets/background.png) center/cover no-repeat}.game{position:relative;min-height:100vh;background:linear-gradient(#3c22070d,#3c22070f)}.game-bar{position:relative;z-index:5;max-width:1180px;margin:auto;padding:14px 18px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:14px}.game-title{display:flex;align-items:center;gap:10px;padding:7px 25px;border:5px solid #fff;border-radius:28px;background:linear-gradient(#fff8b4,#ffc63f);box-shadow:inset 0 5px 4px #fff9,0 7px #b85c16,0 12px 20px #42270855;text-align:center}.game-title>span{font-size:36px}.game-title h1{margin:0;color:#923d18;font-size:clamp(23px,3vw,38px);line-height:1;text-shadow:0 2px #fff}.game-title p{margin:4px 0 0;color:#5a3718;font-weight:900}.game-button,.play-button,.dialog-ok{position:relative;overflow:hidden;border:5px solid #fff;border-radius:20px;color:#fff;font-weight:900;text-decoration:none;text-shadow:0 2px #075477;cursor:pointer;transition:transform .18s,box-shadow .18s}.game-button:after,.play-button:after,.dialog-ok:after{content:"";position:absolute;left:12%;right:12%;top:6px;height:27%;border-radius:99px;background:linear-gradient(#fff9,#fff0);pointer-events:none}.back{justify-self:start;padding:11px 18px;background:linear-gradient(#64e4ff,#159fd3);box-shadow:inset 0 5px 4px #fff7,0 7px #086789}.info{position:fixed;z-index:6;left:calc(50% + 330px);top:25px;width:82px;height:74px;border:0;border-radius:24px;background:transparent url(assets/info-button.png) center/contain no-repeat;box-shadow:none;color:transparent;font-size:0}.game-button:hover,.play-button:hover,.dialog-ok:hover{transform:translateY(-5px);filter:brightness(1.05)}.food-display{position:absolute;left:28.6%;top:26.6%;width:35.6%;height:57.5%;display:grid;place-items:center;padding:5.5%;overflow:hidden;pointer-events:none}.food-display img{display:block;width:125%;height:125%;object-fit:contain;filter:drop-shadow(0 15px 11px #4b2b1855);transition:opacity .16s,transform .16s}.food-display img.is-randomizing{animation:food-random .15s ease-in-out infinite alternate}@keyframes food-random{0%{opacity:.72;transform:scale(.78) rotate(-7deg)}to{opacity:1;transform:scale(1.02) rotate(6deg)}}.play-button{position:absolute;z-index:4;left:8.5%;top:70%;width:230px;min-height:105px;transform:translateY(-50%);padding:0;border:0;border-radius:28px;background:transparent url(assets/play-button.png) center/contain no-repeat;box-shadow:none;color:transparent;text-shadow:none}.play-button:after,.info:after{display:none}.play-button:hover{transform:translateY(calc(-50% - 7px)) scale(1.035);box-shadow:none}.play-button:focus,.play-button:focus-visible,.play-button:active{box-shadow:none;outline:none}.play-button:disabled{cursor:wait;filter:saturate(.65)}.play-triangle{visibility:hidden;display:grid;place-items:center;width:65px;height:65px;margin:0 auto 3px;border:5px solid #fff;border-radius:50%;background:linear-gradient(#b5f45e,#44be27);box-shadow:inset 0 5px 3px #fff7,0 5px #267917;color:#fff;font-size:34px;padding-left:5px;text-shadow:0 3px #247116}.play-button b{visibility:hidden;display:block;font-size:34px;letter-spacing:2px}.play-button small{visibility:hidden;font-size:15px}.info-dialog{width:min(660px,92vw);border:8px solid #fff;border-radius:42px;background:linear-gradient(145deg,#fffdec,#e5faff);box-shadow:0 12px #6d35b6,0 28px 60px #24204b99,inset 0 7px 10px #fff;padding:34px 38px 30px;text-align:center;color:#174c6a}.info-dialog::backdrop{background:#1537619c;backdrop-filter:blur(5px)}.dialog-close{position:absolute;right:15px;top:11px;width:46px;height:46px;border:4px solid #fff;border-radius:50%;background:linear-gradient(#ff7bc7,#dc277f);box-shadow:0 5px #901353;color:#fff;font-size:29px;font-weight:900;cursor:pointer}.dialog-icon{position:absolute;left:50%;top:-36px;display:grid;place-items:center;width:72px;height:72px;transform:translate(-50%);border:6px solid #fff;border-radius:50%;background:linear-gradient(#ffe56b,#ff9419);box-shadow:0 7px #bd5015;color:#fff;font:900 42px Georgia}.info-dialog h2{margin:7px 0 6px;color:#174e72;font-size:36px;text-shadow:0 2px #fff}.intro{margin:0 0 20px;font-size:18px;font-weight:800}.speech-formulas{display:grid;gap:12px;text-align:left}.speech-formulas p{display:grid;grid-template-columns:52px 115px 1fr;align-items:center;gap:10px;margin:0;padding:11px 15px;border:4px solid #fff;border-radius:20px;background:linear-gradient(#fff,#dff6ff);box-shadow:0 5px #48a9c5}.speech-formulas b{font-size:17px;color:#77338c}.speech-formulas strong{font-size:18px;color:#164e70}.formula-mark{display:grid;place-items:center;width:43px;height:43px;border:4px solid #fff;border-radius:50%;color:#fff;font-size:24px;font-weight:900}.formula-mark--yes{background:#50c93d;box-shadow:0 4px #23801e}.formula-mark--no{background:#ef4381;box-shadow:0 4px #9d1951}.formula-mark--ask{background:#9d51da;box-shadow:0 4px #5c278d}.dialog-ok{margin-top:22px;padding:13px 27px;background:linear-gradient(#aaf153,#3cbd26);box-shadow:inset 0 5px 4px #fff7,0 7px #217517;font-size:19px}@media(max-aspect-ratio:1/1){body{overflow:auto;background-position:center top}.game{min-height:100svh}.game-bar{grid-template-columns:auto 1fr auto;padding:8px}.game-title{padding:6px 9px}.game-title>span,.game-title p{display:none}.game-title h1{font-size:19px}.back{font-size:0;padding:11px}.back:first-letter{font-size:23px}.food-display{left:14%;top:25%;width:62%;height:50%;padding:7%}.play-button{left:auto;right:4%;top:52%;width:145px;min-height:125px}.info{left:auto;right:5%;top:18%}.play-triangle{width:50px;height:50px;font-size:25px}.play-button b{font-size:27px}.speech-formulas p{grid-template-columns:46px 1fr}.speech-formulas strong{grid-column:1/-1;padding-left:5px}}@media(max-width:620px){.game-title{display:none}.game-bar{grid-template-columns:1fr 1fr}.info{left:auto;right:3%;top:13%}.food-display{left:7%;top:22%;width:72%;height:49%}.play-button{right:3%;top:75%;width:155px;min-height:105px;padding:9px}.play-triangle{display:inline-grid;width:43px;height:43px;margin-right:4px;vertical-align:middle}.play-button b{display:inline;font-size:27px}.play-button small{display:block}.info-dialog{padding:34px 15px 22px}.speech-formulas strong{font-size:16px}}