*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}body{margin:0;overflow:hidden;background:#f8f1e3;font-family:'Trebuchet MS',Arial,sans-serif;color:#30483f;touch-action:manipulation;user-select:none}button,a,input{font:inherit}button{color:inherit;cursor:pointer;touch-action:manipulation}button:focus-visible,a:focus-visible{outline:5px solid #2391a2;outline-offset:4px}#stage{width:1920px;height:1080px;position:absolute;overflow:hidden;transform-origin:0 0;background:#fbf4e7}.icon{width:100px;height:100px;padding:0;background:none;border:0;position:relative;flex:none}.icon img{width:100%;height:100%;object-fit:contain;pointer-events:none}.topbar{position:absolute;left:35px;right:35px;top:24px;height:112px;display:flex;align-items:center;justify-content:space-between;z-index:6}.controls,.levels{display:flex;gap:8px;align-items:center}.levels{gap:6px}.level{width:112px;height:112px;opacity:.72;transition:opacity .15s}.level.active{opacity:1}.logo{position:absolute;left:50%;top:-4px;transform:translateX(-50%);width:454px;height:140px;border:0;background:none;padding:0}.logo img{width:100%;height:100%;object-fit:contain}.heading{position:absolute;top:177px;width:100%;text-align:center;pointer-events:none}h1{font-size:48px;line-height:1.15;margin:0;font-weight:900;color:#177f7c}.subtitle{font-size:26px;margin:12px 0 0}.teacher-link{position:absolute;left:70px;top:292px;width:1552px;height:65px;color:#177f7c;font-size:29px;font-weight:900;border:0;background:none;text-decoration:underline;text-decoration-color:#b7c7b9;text-underline-offset:16px}.demo-grid{position:absolute;left:70px;top:370px;width:1552px;display:flex;flex-wrap:wrap;justify-content:center;gap:8px 24px}.gamecard{width:370px;height:292px;border:2px solid #dfd1bb;border-radius:26px;background:#fffdf8;display:flex;flex-direction:column;align-items:center;padding:5px 0 0;position:relative;box-shadow:none}.gamecard:active{transform:scale(.98)}.gamecard>img{width:200px;height:220px;object-fit:contain;pointer-events:none;background:none;border:0;border-radius:0;box-shadow:none}.gamecard strong{font-size:26px;font-weight:900;margin:8px 0 0;line-height:1.15;white-space:nowrap}.gamecard small{font-size:21px;color:#177f7c;display:block;margin-top:12px}.fox{position:absolute;right:10px;bottom:28px;width:260px;border:0;background:none;padding:0;z-index:5}.fox img{width:100%;display:block}.footer{position:absolute;left:90px;bottom:30px;display:flex;align-items:center;gap:100px}.text-link{border:0;background:none;color:#177f7c;font-size:23px;padding:0;text-decoration:none;cursor:pointer}.text-link:hover{text-decoration:underline}.footer a{font-weight:bold}.progress{position:absolute;left:50%;transform:translateX(-50%);top:10px;display:flex;gap:15px;font-size:64px;color:#e8dec5;text-shadow:0 2px #b28a48;line-height:1}.progress b{color:#ffc43d}.instruction{position:absolute;left:320px;right:320px;top:157px;text-align:center;font-size:32px;font-weight:900;color:#30483f;padding:10px 0;z-index:4;line-height:1.3}.playarea{position:absolute;left:40px;right:40px;top:235px;bottom:25px;touch-action:none}.busy{pointer-events:none}.counter{position:absolute;bottom:5px;left:50%;transform:translateX(-50%);font-size:26px;font-weight:bold;color:#177f7c;white-space:nowrap}.message{position:absolute;bottom:44px;left:50%;transform:translateX(-50%);font-size:25px;color:#845a2d;background:#fffaf0ee;border-radius:15px;padding:10px 24px;z-index:20;pointer-events:none;white-space:nowrap}.shake{animation:gentle .4s}@keyframes gentle{25%{transform:translateX(-9px)}75%{transform:translateX(9px)}}.picked{filter:drop-shadow(0 0 12px #efad27)!important;transform:scale(1.07)}.dragghost{position:absolute!important;z-index:60;pointer-events:none;opacity:.95;filter:drop-shadow(0 15px 8px #0002);margin:0!important}.drag{touch-action:none}.overlay{position:absolute;inset:0;z-index:40;background:#f6efdfed;display:flex;align-items:center;justify-content:center}.modal{background:#fffdf8;border:3px solid #e0d2bb;border-radius:36px;padding:35px 55px;text-align:center;max-width:1300px;box-shadow:0 15px 60px #5a4a2a20}.modal h2{font-size:50px;margin:8px}.modal p{font-size:28px;max-width:1100px;margin:20px auto;line-height:1.4}.modal label{font-size:30px}.modal .smallprint{font-size:23px}.modal .row{display:flex;justify-content:center;gap:70px;margin-top:18px}.win-action{background:none;border:0;display:flex;flex-direction:column;align-items:center;font-size:26px;font-weight:900}.win-action img{width:130px;height:130px;object-fit:contain}.winfox{width:210px}.action{display:block;margin:25px auto 0;border:0;border-radius:20px;background:#177f7c;color:white;font-weight:900;font-size:30px;padding:16px 40px;cursor:pointer}.site-link{font-size:34px;color:#177f7c;display:inline-block}.modal input[type=range]{width:520px;height:44px}.intro{position:absolute;inset:0;z-index:100;background:#fff;display:flex;align-items:center;justify-content:center}.intro video{width:100%;height:100%;object-fit:contain}