@import"https://fonts.googleapis.com/css2?family=Rye&family=Nunito:wght@600;800;900&display=swap";*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{margin:0;height:100%;overflow:hidden;background:#2a1608;color:#3b2412;font-family:Nunito,Avenir Next,Trebuchet MS,sans-serif;font-weight:800;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-text-size-adjust:100%}button{font:inherit;cursor:pointer;touch-action:manipulation;color:inherit}#world{position:fixed;top:0;left:0;width:100%;height:100%;touch-action:none}#world canvas{display:block}[hidden]{display:none!important}.hud{position:fixed;top:0;left:0;right:0;z-index:10;display:flex;align-items:center;padding:12px 14px;padding-top:calc(10px + env(safe-area-inset-top));pointer-events:none}.hud>*{pointer-events:auto;margin-right:10px}.meter{display:flex;align-items:center;height:44px;padding:0 14px 0 8px;border-radius:22px;background:#2a1608c7;border:2px solid #c98a3c;color:#ffe6b0;font-size:22px;box-shadow:0 3px #0000004d}.meter .icon{font-size:22px;margin-right:6px}.energy .bar{width:130px;height:16px;border-radius:8px;background:#1a0d04;overflow:hidden;border:1px solid #6b4520}.energy .bar i{display:block;height:100%;width:0;background:linear-gradient(90deg,#ffb82e,#fff27a);box-shadow:0 0 12px #ffd84a;transition:width .15s}.energy.low .icon{-webkit-animation:blink 1s infinite;animation:blink 1s infinite}@-webkit-keyframes blink{50%{opacity:.25}}@keyframes blink{50%{opacity:.25}}.score b{min-width:40px}.shards{font-size:26px;color:#fff0c859;text-shadow:0 2px 2px rgba(0,0,0,.4);letter-spacing:2px}.shards .got{color:#ffe066;text-shadow:0 0 10px #ffd23a,0 2px 2px rgba(0,0,0,.4)}.hud-actions{margin-left:auto;margin-right:0!important;display:flex}.hud-actions button{width:48px;height:44px;margin-left:8px;border-radius:12px;border:2px solid #c98a3c;background:#2a1608c7;color:#ffe6b0;font-size:20px}.bump{-webkit-animation:bump .35s;animation:bump .35s}@-webkit-keyframes bump{40%{-webkit-transform:scale(1.18)}}@keyframes bump{40%{transform:scale(1.18)}}.word-legend{position:fixed;right:14px;top:74px;z-index:9;margin:0;padding:8px 12px;list-style:none;border-radius:12px;background:#2a160899;color:#f5dcae;font-size:17px;letter-spacing:1px}.word-legend li{padding:2px 0;opacity:.7}.word-legend li span{color:#ffd25a}.word-legend .current{opacity:1;color:#fff}.word-legend .done{opacity:1;color:#9fe37a}.word-legend .done:before{content:"✓ "}body[data-phase=intro] .word-legend,body[data-phase=finale] .word-legend,body[data-phase=reward] .word-legend,body[data-phase=intro] .meter.energy,body[data-phase=finale] .hud,body[data-phase=intro] .meter.score{visibility:hidden}#panel{position:fixed;left:0;right:0;bottom:0;z-index:12;display:flex;justify-content:center;padding:0 12px calc(14px + env(safe-area-inset-bottom));pointer-events:none}.card{pointer-events:auto;width:100%;max-width:620px;max-height:80vh;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:18px 22px 20px;border-radius:18px;background:#f7e6bf;background:linear-gradient(#fbefcf,#efd7a4);border:4px solid #8a5426;box-shadow:0 0 0 3px #f3c97a inset,0 10px #28120473,0 18px 40px #00000059;text-align:center;-webkit-animation:rise .35s ease-out;animation:rise .35s ease-out}@-webkit-keyframes rise{0%{-webkit-transform:translateY(40px);opacity:0}}@keyframes rise{0%{transform:translateY(40px);opacity:0}}.card h1,.card h2{font-family:Rye,Georgia,serif;font-weight:400;color:#7a3810;margin:4px 0 10px;text-shadow:0 2px 0 #fff3d0}.card h1{font-size:58px;letter-spacing:2px;margin-bottom:6px}.card h2{font-size:32px}.card p{margin:8px 0;font-size:19px;line-height:1.4}.big{display:inline-block;min-height:58px;margin:8px 6px 0;padding:12px 28px;border-radius:16px;border:0;background:linear-gradient(#ffcf4a,#f09a1a);box-shadow:0 5px #a8580e,0 8px 16px #00000040;color:#4a2006;font-size:23px;font-weight:900}.big:active{-webkit-transform:translateY(3px);transform:translateY(3px);box-shadow:0 2px #a8580e}.big[disabled]{background:#d8c49a;box-shadow:0 5px #a89268;color:#8a7450}.ghost{display:inline-block;min-height:48px;margin:8px 6px 0;padding:8px 18px;border-radius:14px;border:3px solid #b77a3a;background:#fff6dc;color:#6a3a12;font-size:18px;font-weight:800}.ghost.small{white-space:nowrap;min-height:40px;padding:4px 12px;font-size:16px}.link{display:block;margin:14px auto 0;border:0;background:none;color:#8a5426;text-decoration:underline;font-size:16px}.actions{margin-top:6px}.card.settled:not(.shake){-webkit-animation:none;animation:none}.shake{-webkit-animation:shake .4s;animation:shake .4s}@-webkit-keyframes shake{25%{-webkit-transform:translateX(-10px)}75%{-webkit-transform:translateX(10px)}}@keyframes shake{25%{transform:translate(-10px)}75%{transform:translate(10px)}}.intro-card{max-width:560px}.intro-card .story{font-size:20px}.how{display:flex;justify-content:center;margin:14px 0 6px;padding:0;list-style:none}.how li{width:96px;margin:0 5px;padding:8px 4px;border-radius:14px;background:#fff4d6;border:2px solid #d9a860;font-size:15px}.how span{display:block;font-size:30px}.badge{color:#b05a10}.need{color:#8a4a12;font-size:17px!important}.need .icon,.charged .icon{color:#f0a010}.clue-row{display:flex;align-items:center;justify-content:center}.clue{font-size:22px!important;margin-right:12px!important;color:#3b2412}.tiles{display:flex;justify-content:center;flex-wrap:wrap;margin:12px 0 4px}.tile{display:flex;align-items:center;justify-content:center;width:52px;height:62px;margin:0 3px 6px;border-radius:10px;font-size:38px;font-weight:900}.tile.given{background:#e9cf98;color:#5a3414}.tile.blank{background:#fffaf0;border:3px dashed #c47a2a;color:#b35a00}.tile.blank.next{border-style:solid;border-color:#f09a1a;box-shadow:0 0 0 4px #ffbe3c66}.tile.gold{background:linear-gradient(#ffe27a,#f0a81a);color:#5a2a00;box-shadow:0 3px #a8580e;-webkit-animation:bump .5s;animation:bump .5s}.feedback{min-height:26px;color:#b0360a}.study{margin:4px auto 8px;padding:8px 12px;max-width:460px;border-radius:12px;background:#fff8e4;border:2px solid #e3b25e;font-size:18px}.study b{font-size:26px;letter-spacing:2px;margin:0 6px}.study mark{background:#ffe066;border-radius:4px}.study span{display:block;font-size:16px;color:#7a4a1a}.keypad{margin-top:6px}.keypad .row{display:flex;justify-content:center;margin-bottom:6px}.key{min-width:46px;height:50px;margin:0 3px;padding:0 4px;border:0;border-radius:10px;background:#fffaf0;box-shadow:0 4px #c49a5a;color:#4a2a10;font-size:24px;font-weight:900}.key:active{-webkit-transform:translateY(3px);transform:translateY(3px);box-shadow:0 1px #c49a5a}.key.erase{min-width:64px;background:#f0d8b0}.charged{font-family:Rye,Georgia,serif;font-size:30px!important;color:#7a3810}.bonus{color:#2a7a2a}.loot{margin:6px auto 10px;padding:0;max-width:380px;list-style:none;text-align:left}.loot li{display:flex;align-items:center;padding:6px 12px;margin-bottom:5px;border-radius:10px;background:#fff4d6;font-size:19px;-webkit-animation:rise .4s both;animation:rise .4s both}.loot li span{width:34px;font-size:22px}.loot li b{margin-left:auto;color:#a85a0a}.loot li.shard{background:#fff1a0;box-shadow:0 0 14px #ffd23a}.loot li:nth-child(2){-webkit-animation-delay:.1s;animation-delay:.1s}.loot li:nth-child(3){-webkit-animation-delay:.2s;animation-delay:.2s}.loot li:nth-child(4){-webkit-animation-delay:.3s;animation-delay:.3s}.loot li:nth-child(5){-webkit-animation-delay:.4s;animation-delay:.4s}.loot li:nth-child(6){-webkit-animation-delay:.5s;animation-delay:.5s}.loot li:nth-child(7){-webkit-animation-delay:.6s;animation-delay:.6s}.total{font-size:24px!important;color:#7a3810}.shard-big{font-size:72px;color:#ffd23a;text-shadow:0 0 24px #ffd23a;-webkit-animation:bump .8s;animation:bump .8s}.level-note{display:inline-block;padding:6px 14px;border-radius:10px;background:#fff4d6}.results{display:flex;justify-content:center;margin:12px 0}.results div{width:140px;margin:0 5px;padding:10px 6px;border-radius:14px;background:#fff4d6;border:2px solid #d9a860}.results strong{display:block;font-size:34px;color:#a8500a}.results small{font-size:14px}.reward-card h2{margin-bottom:4px}.reward-card .results{margin:6px 0}.reward-card{max-width:600px;padding-top:12px;background:linear-gradient(#fff6d6,#f3d48a)}.medal{width:84px;height:84px;margin:-4px auto 4px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#fff6b0,#ffc82a 45%,#c47a0a);box-shadow:0 0 0 6px #e8a83a,0 0 40px #ffd23a;-webkit-animation:spinIn 1.2s ease-out;animation:spinIn 1.2s ease-out}.medal span{display:block;line-height:84px;font-size:54px;color:#fff8d0;text-shadow:0 2px 4px #a8580e}@-webkit-keyframes spinIn{0%{-webkit-transform:scale(0) rotate(-360deg)}}@keyframes spinIn{0%{transform:scale(0) rotate(-360deg)}}.eyebrow{margin:4px 0 0!important;color:#a85a0a;letter-spacing:3px;text-transform:uppercase;font-size:15px!important}.bank{font-size:16px!important;color:#7a4a1a}.coach{position:fixed;left:50%;bottom:calc(26px + env(safe-area-inset-bottom));z-index:11;-webkit-transform:translateX(-50%);transform:translate(-50%);padding:12px 24px;border-radius:30px;background:#2a1608d9;border:3px solid #f0b048;color:#fff0c8;font-size:22px;white-space:nowrap;pointer-events:none;text-align:center}.coach b{color:#ffd25a;font-size:26px}.dots{display:inline-block;margin-left:8px;vertical-align:middle}.dots i{display:inline-block;width:16px;height:16px;margin:0 3px;border-radius:50%;background:#fff0c840;border:2px solid #c98a3c}.dots i.on{background:#ffd25a;box-shadow:0 0 8px #ffd25a}.arrows{display:inline-block;margin:0 8px;color:#ffd25a;-webkit-animation:sway .9s ease-in-out infinite alternate;animation:sway .9s ease-in-out infinite alternate}@-webkit-keyframes sway{0%{-webkit-transform:translateX(-8px)}to{-webkit-transform:translateX(8px)}}@keyframes sway{0%{transform:translate(-8px)}to{transform:translate(8px)}}.stamp{position:fixed;top:34%;left:0;right:0;z-index:13;text-align:center;font-family:Rye,Georgia,serif;font-size:92px;color:#ffe066;-webkit-text-stroke:2px #7a2a06;text-shadow:0 6px 0 #7a2a06,0 0 40px rgba(255,200,60,.8);opacity:0;pointer-events:none}.stamp.great{color:#9fe8ff;text-shadow:0 6px 0 #7a2a06,0 0 40px rgba(120,220,255,.7)}.stamp.show{-webkit-animation:stamp 1.3s ease-out;animation:stamp 1.3s ease-out}@-webkit-keyframes stamp{0%{opacity:0;-webkit-transform:scale(2.6) rotate(-14deg)}18%{opacity:1;-webkit-transform:scale(1) rotate(-8deg)}80%{opacity:1;-webkit-transform:scale(1.05) rotate(-8deg)}to{opacity:0;-webkit-transform:scale(1.1) rotate(-8deg)}}@keyframes stamp{0%{opacity:0;transform:scale(2.6) rotate(-14deg)}18%{opacity:1;transform:scale(1) rotate(-8deg)}80%{opacity:1;transform:scale(1.05) rotate(-8deg)}to{opacity:0;transform:scale(1.1) rotate(-8deg)}}.float{position:fixed;z-index:14;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);color:#ffe066;font-size:34px;font-weight:900;text-align:center;white-space:nowrap;text-shadow:0 3px 0 #6a2a06,0 0 12px rgba(0,0,0,.5);pointer-events:none;-webkit-animation:floatUp 1.5s ease-out forwards;animation:floatUp 1.5s ease-out forwards}.float small{display:block;font-size:18px;color:#fff4d0}.float.shard{font-size:44px;font-family:Rye,Georgia,serif}@-webkit-keyframes floatUp{to{margin-top:-110px;opacity:0}}@keyframes floatUp{to{margin-top:-110px;opacity:0}}.overlay{position:fixed;top:0;left:0;right:0;bottom:0;z-index:30;display:flex;align-items:center;justify-content:center;padding:16px;background:#140a028c}.menu{max-width:380px}.menu .big,.menu .ghost{display:block;width:100%;margin:10px 0 0}.card.wide{max-width:720px;text-align:left}.dialog-top{display:flex;align-items:center;justify-content:space-between}.wide p{font-size:16px}table{width:100%;border-collapse:collapse;font-size:15px;margin:10px 0}th,td{padding:6px;border-bottom:1px solid #d9b880;text-align:left}details{margin-top:10px;font-size:16px}@media(max-width:760px){.word-legend{display:none}.energy .bar{width:80px}.card h1{font-size:44px}.key{min-width:30px;margin:0 2px;font-size:20px}.tile{width:42px;height:52px;font-size:30px}.stamp{font-size:64px}.coach{font-size:18px}}@media(max-height:620px){.card{padding:10px 16px 12px}.card p{margin:4px 0;font-size:17px}.tile{height:50px}.key{height:42px}.how{display:none}}@media(prefers-reduced-motion:reduce){*{-webkit-animation-duration:.01s!important;animation-duration:.01s!important}}