*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden;background:#e8d9bd;color:#28545b;font-family:Trebuchet MS,Arial,sans-serif}button,a,input{touch-action:manipulation}button{font:inherit;color:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible{outline:5px solid #e28c26;outline-offset:5px}button{border:0}#stage{position:absolute;width:1920px;height:1080px;transform-origin:top left;overflow:hidden;background:#fbf3e6 url('../img/menu-pozadi.webp') center/cover}#stage.game-stage{background-image:url('../img/hra-pozadi.webp')}img{user-select:none;-webkit-user-drag:none}button:disabled{cursor:default}.topbar{height:153px;position:relative;z-index:2}.controls{position:absolute;left:30px;top:26px;display:flex;gap:15px}.icon{padding:0;width:81px;height:81px;background:none;border-radius:18px}.icon img{width:100%;height:100%;object-fit:contain}.icon:hover{transform:translateY(-3px)}.levels{position:absolute;right:32px;top:26px;display:flex;gap:18px}.level{opacity:.6}.level.active{opacity:1;filter:drop-shadow(0 6px 0 #e9a536)}.logo{position:absolute;top:12px;left:725px;width:470px;height:142px;padding:0;background:none}.logo img{width:100%;height:100%;object-fit:contain}.heading{text-align:center;margin:8px 0 0}.heading h1{font-size:48px;letter-spacing:.5px;margin:0 0 13px}.heading p{font-size:28px;margin:0}.menu-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:26px 36px;position:absolute;left:145px;top:315px;width:1450px}.menu-item{text-align:center;min-height:260px;position:relative}.menu-game{background:none;padding:0;min-width:300px}.illustration{height:130px;display:flex;align-items:center;justify-content:center;gap:24px}.illustration img{height:142px;width:140px;object-fit:contain}.symbol{font-size:108px;font-weight:bold;text-shadow:0 4px 0 #ddb67e}.wood-beads{height:110px;width:145px;display:flex;align-items:center;gap:9px;transform:rotate(-8deg)}.wood-beads i{width:36px;height:65px;border-radius:42%;background:linear-gradient(90deg,#bd712d,#f3c879,#ce8c42);box-shadow:inset -3px -5px 0 #a86d2b55,0 5px 4px #664b3022}.wood-beads i:nth-child(2){height:100px}.wood-beads i:nth-child(3){height:80px}.menu-game h2{font-size:35px;margin:15px 0 4px}.menu-game small{font-size:23px;letter-spacing:1px;font-weight:bold}.locked{filter:grayscale(1);opacity:.72}.lock{font-size:37px;display:inline-block;margin-left:12px}.license{font-size:21px;line-height:1.4;margin:7px auto 0;max-width:390px;color:#666}.license a{font-size:23px;color:#505858;font-weight:bold;text-underline-offset:3px}.fox{position:absolute;bottom:25px;right:23px;width:225px;height:235px;background:none;padding:0}.fox img{width:100%;height:100%;object-fit:contain}.footer{position:absolute;bottom:17px;left:32px;font-size:22px}.footer a{color:inherit}.progress{position:absolute;left:660px;top:28px;width:600px;text-align:center;font-size:68px;color:#d5c7ad;letter-spacing:9px}.progress .earned{color:#f0b940;text-shadow:0 2px 0 #ad762d}.game-heading{text-align:center;font-size:37px;margin:0;position:absolute;top:153px;left:0;width:100%}.layout{position:absolute;top:230px;left:55px;right:55px;bottom:76px;display:grid;grid-template-columns:435px 360px 1fr;gap:35px;align-items:start}.examples{background:#fffdf4eb;border-radius:20px;padding:15px 18px 18px;box-shadow:0 6px 16px #694d2420}.list-title{text-align:center;font-size:27px;font-weight:bold;margin-bottom:10px}.example{display:flex;width:100%;align-items:center;gap:8px;height:34px;padding:0 6px;background:none;border-radius:7px;font-weight:bold;font-size:25px}.example .num{font-size:17px;color:#9a9384;font-weight:normal;width:25px}.example .expression{flex:1;text-align:right}.answer{display:block;width:103px;height:30px;line-height:26px;border:2px solid #63838a;border-radius:6px;background:#fffef9;text-align:center;font-size:24px;margin-left:8px}.example.selected{background:#f5d7a4}.example.selected .answer{border:3px solid #d48a22;line-height:24px;box-shadow:0 0 0 2px #f4b94d44}.example.solved .answer{background:#e3f1d8;border-color:#91b777;color:#3c7838}.key-area{text-align:center;padding-top:50px}.key-label{font-size:28px;font-weight:bold;margin-bottom:18px}.current{height:78px;font-size:37px;font-weight:bold;background:#fff6df;border:2px solid #507880;border-radius:16px;display:flex;align-items:center;justify-content:center}.keypad{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin-top:22px}.key{height:84px;border:2px solid #60828a;border-radius:17px;background:linear-gradient(#fffdf4,#f8e8c7);box-shadow:0 5px 0 #d8be91;font-size:44px;font-weight:bold}.key:active{transform:translateY(3px);box-shadow:0 2px 0 #d8be91}.key.small{font-size:21px;padding:0}.key.confirm{background:linear-gradient(#dfedc3,#acd090);border-color:#6a9563}.little-fox{width:138px;height:140px;object-fit:contain;margin-top:18px}.feedback{font-size:24px;min-height:60px;line-height:1.3;margin:9px -10px 0}.picture-area{padding-top:0;text-align:center}.picture-label{font-size:29px;font-weight:bold;margin:2px 0 23px}.picture{width:840px;max-width:100%;margin:0 auto;aspect-ratio:11/8;position:relative;border:4px solid #547b7c;border-radius:12px;overflow:hidden;background:#f9edcf;box-shadow:0 8px 24px #5a48252b}.animal{width:100%;height:100%;object-fit:cover;display:block}.tiles{position:absolute;inset:0;display:grid;grid-template-columns:repeat(5,1fr);grid-template-rows:repeat(4,1fr)}.tile{background:#fff6df;border:1.5px solid #62858a;display:flex;align-items:center;justify-content:center;font-size:47px;font-weight:bold;color:#35616a;transition:opacity .36s,transform .36s;transform-origin:center}.tile.revealed{opacity:0;transform:scale(.84);pointer-events:none}.picture-foot{font-size:24px;margin-top:18px;color:#496e70}.victory{padding-top:17px;display:flex;align-items:center;justify-content:center;gap:22px}.victory img{height:130px;width:130px;object-fit:contain}.victory h2{font-size:34px;margin:0 0 14px}.action{padding:17px 32px;border-radius:15px;background:#316c6a;color:#fffdf2;font-size:29px;font-weight:bold;box-shadow:0 5px 0 #204b4b}.overlay{position:absolute;inset:0;background:#274b4b50;z-index:10;display:flex;align-items:center;justify-content:center}.modal{width:880px;padding:45px 55px;border:3px solid #d9b574;border-radius:28px;background:#fff9eb;box-shadow:0 16px 50px #26484944;text-align:center}.modal h2{font-size:43px;margin-top:0}.modal p{font-size:28px;line-height:1.5}.modal input{width:100%;margin-bottom:30px}.toast{position:absolute;z-index:20;bottom:48px;left:400px;width:1120px;background:#fff9e9;border:2px solid #d7af70;border-radius:20px;padding:22px;text-align:center;font-size:28px;box-shadow:0 5px 20px #57372133}.intro{position:absolute;inset:0;background:#fff9ed;z-index:50}.intro video{width:100%;height:100%;object-fit:contain}.shake{animation:shake .3s}@keyframes shake{25%{transform:translateX(-6px)}75%{transform:translateX(6px)}}

/* Karta rámuje celou volbu. Samotná ilustrace je průhledná, bez rámu i stínu. */
.menu-item{padding:17px 12px;background:#fffaf0d9;border:2px solid #dfcaa5;border-radius:24px;box-shadow:0 5px 0 #d8c19c44}.illustration{position:relative}.illustration img{width:330px;height:150px;background:none;border:0;box-shadow:none;filter:none;object-fit:contain}.illustration .lock{position:absolute;right:14px;bottom:8px;font-size:31px}.menu-game{width:100%}.license{font-size:20px}.menu-grid{top:310px;gap:24px 35px}.menu-game h2{margin-top:12px}