*{box-sizing:border-box}body{margin:0;background:#fff6e3;color:#102522;font-family:Arial,Helvetica,sans-serif}.show{max-width:440px;margin:auto;padding:12px 16px 28px;position:relative;isolation:isolate}.title{text-align:center;position:relative;z-index:3}.title h1{font-family:'Arial Black',Arial,sans-serif;font-size:32px;font-weight:1000;letter-spacing:-1.6px;line-height:.96;margin:0;color:#111}.title h1 span{color:#e64535;font-size:30px}.title p{display:flex;align-items:center;justify-content:center;gap:10px;font-size:12px;font-weight:700;margin:6px 0 0}.title p::before,.title p::after{content:'';width:35px;height:2px;background:#112624}.host-stage{height:119px;position:relative;z-index:0;margin-top:3px}.arch{position:absolute;inset:6px 4px -40px;background:#91b98b;border-radius:200px 200px 0 0}.murr{position:absolute;z-index:2;width:220px;max-width:75%;height:145px;object-fit:contain;bottom:-7px;left:50%;transform:translateX(-50%)}.spotlight{position:absolute;height:230px;width:110px;top:-87px;background:linear-gradient(#ffc96b44,#ffebac08);z-index:-1;clip-path:polygon(35% 0,50% 0,100% 100%,0 100%)}.spotlight.left{left:-6px;transform:rotate(-12deg)}.spotlight.right{right:-6px;transform:rotate(12deg)}.star{position:absolute;top:42px;color:#ef543e;font-size:26px;font-style:normal}.star-left{left:4px}.star-right{right:4px}.puzzle-stage{position:relative;z-index:1;background:linear-gradient(145deg,#205e49,#073b2e);border:4px solid #4e886a;border-radius:22px 22px 12px 12px;box-shadow:inset 0 0 0 4px #163f30,0 4px 0 #cfb785;padding:14px 12px 7px;margin-bottom:6px}.board{display:flex;justify-content:center;flex-wrap:wrap;gap:5px;position:relative;z-index:2}.tile{display:flex;align-items:center;justify-content:center;flex:1 1 0;max-width:64px;min-width:30px;height:55px;border:1px solid #eed4a5;border-bottom:4px solid #c8a66f;background:linear-gradient(125deg,#fff8e9,#f8e2bc);border-radius:7px;font-size:35px;font-weight:900;box-shadow:0 3px 0 #08291f;color:#0c2522}.board[data-long=true]{gap:5px;max-width:300px;margin:auto}.board[data-long=true] .tile{flex:0 0 calc((100% - 25px)/6);max-width:none;min-width:0;height:43px;font-size:25px}.clue{text-align:center;background:linear-gradient(#fff3d8,#efd0a0);color:#102522;border-radius:15px;padding:7px 10px;font-size:16px;font-weight:700;line-height:1.25;margin:10px 0 8px;position:relative;z-index:2}.token-bank{position:relative;z-index:2;width:70%;margin:auto;min-height:42px;text-align:center}.beans{display:flex;justify-content:center;gap:7px}.bean{display:block;width:21px;height:27px;background:linear-gradient(130deg,#b56432 3%,#67311f 46%,#32140e 48%,#dda069 53%,#69301d 60%);border:2px solid #e5bc77;border-radius:50%;transform:rotate(30deg);box-shadow:0 2px 0 #041f16}.bean.spent{opacity:.35;background:transparent;border:2px dashed #fff4d7;box-shadow:none}.token-bank p{font-size:11px;font-weight:800;letter-spacing:1px;color:#fff3dc;margin:4px 0 0}.reaction{font-size:12px;line-height:1.35;color:#fff4db;text-align:center;min-height:17px;margin:6px 7px 0;position:relative;z-index:4}.sidekick{position:absolute;width:65px;height:86px;bottom:15px;pointer-events:none;z-index:3}.sidekick.left{left:-23px}.sidekick.right{right:-22px}.cup{position:absolute;width:100%;height:100%;object-fit:contain;bottom:0;z-index:2}.plinth{position:absolute;width:58px;height:20px;background:linear-gradient(145deg,#ff8a64,#e4442d);bottom:-1px;border-radius:2px;box-shadow:3px 5px 0 #b52d22}.sidekick.left .plinth{left:0}.sidekick.right .plinth{right:0}.steam{position:absolute;width:30px;height:35px;top:-18px;left:24px}.steam i{position:absolute;width:12px;height:30px;border-left:3px solid #ece5d3;border-radius:50%;opacity:.65}.steam i:nth-child(2){left:12px;top:-6px}.cost-note{text-align:center;font-size:11px;line-height:1.35;margin:9px 0;color:#344638}.keyboard{display:grid;grid-template-columns:repeat(9,minmax(0,1fr));gap:4px;background:linear-gradient(#235840,#073a2c);padding:9px 8px 10px;border-radius:15px;box-shadow:0 3px 0 #a99770;margin-top:6px}button,input,textarea,select{font:inherit}button{touch-action:manipulation;cursor:pointer}button:disabled{cursor:default}.keyboard button{font-size:20px;font-weight:800;min-height:44px;min-width:0;padding:4px 0;background:linear-gradient(#fff8e9,#f2d7ac);color:#0d2622;border:1px solid #eed3a6;border-bottom:3px solid #c5a577;border-radius:6px;box-shadow:0 2px 0 #042c20}.keyboard button.selected{background:#d9e4c8;color:#284334;border-color:#9bad88}.keyboard button.selected::after{content:'✓';font-size:8px;vertical-align:super}.keyboard button:disabled:not(.selected){opacity:.5}.guess-button{display:block;width:100%;min-height:49px;margin:12px 0 0;padding:12px;background:linear-gradient(#ff6a4e,#ed4233);border:2px solid #e58356;border-bottom:5px solid #b32b25;border-radius:25px;font-size:20px;font-weight:900;letter-spacing:-.5px;color:#fff9ed;text-shadow:0 1px #8c2a21;box-shadow:0 3px 0 #efd7b1}.utilities{display:flex;gap:8px;justify-content:space-between;margin-top:14px}.utilities button,.text-button,.result button{min-height:44px;border:1px solid #57705a;background:#fff9ed;color:#183326;border-radius:6px;padding:10px;font-size:13px;font-weight:700}.rules,.fixtures{font-size:13px;line-height:1.5;margin-top:8px}.rules summary,.fixtures summary{min-height:44px;padding:12px 0;cursor:pointer;font-weight:700}.fixtures label{display:block}.fixtures select{min-height:44px;width:100%;margin-top:6px;background:#fff;border:1px solid #57705a;padding:8px}.guess-form{margin:12px 0 0;padding:12px;background:#fff2d7;border:1px solid #b29b73;border-radius:10px;scroll-margin-top:10px}.guess-form label{display:block;font-size:14px;font-weight:700;margin-bottom:8px}.guess-entry{display:flex;gap:8px}.guess-entry input{width:100%;min-width:0;min-height:48px;border:1px solid #57705a;background:white;font-size:18px;padding:10px;border-radius:5px}.guess-entry button{min-height:48px;background:#205c42;color:white;border:0;padding:10px;border-radius:5px;font-size:14px;font-weight:700;white-space:nowrap}.guess-feedback{min-height:20px;font-size:13px;line-height:1.4;margin:8px 0}.result{margin-top:12px;border:2px solid #547d54;background:#f0f4da;border-radius:12px;padding:15px}.result h2{font-size:25px;margin:0 0 8px}.result p{font-size:14px;line-height:1.4}.result textarea{width:100%;min-height:60px;margin-top:10px;padding:10px;background:white;color:#163428;border:1px solid #57705a;font-size:14px}[hidden]{display:none!important}:focus-visible{outline:3px solid #003cb5;outline-offset:3px}input[aria-invalid=true]{border:2px solid #a12820}.motion-on .steam i{animation:steam 4s ease-in-out infinite}.motion-on .steam i:nth-child(2){animation-delay:-2s}.motion-on .murr{animation:host-breathe 6s ease-in-out infinite}.motion-on.event-pop .cup{animation:cup-hop .45s ease-out 1}.motion-paused *, .motion-paused *::before,.motion-paused *::after{animation-play-state:paused!important}@keyframes steam{0%,100%{transform:translateY(3px);opacity:.25}50%{transform:translateY(-6px);opacity:.65}}@keyframes host-breathe{0%,100%{transform:translateX(-50%) translateY(0)}50%{transform:translateX(-50%) translateY(-2px)}}@keyframes cup-hop{0%,100%{transform:translateY(0)}45%{transform:translateY(-5px)}}@media(max-width:350px){.show{padding:10px 12px 24px}.title h1{font-size:28px}.title h1 span{font-size:26px}.keyboard{grid-template-columns:repeat(7,minmax(0,1fr));gap:4px;padding:8px 6px}.keyboard button{font-size:19px}.sidekick.left{left:-16px}.sidekick.right{right:-16px}.sidekick{width:52px;height:69px}.token-bank{width:66%}.clue{font-size:15px}.reaction{margin-left:18px;margin-right:18px}.host-stage{height:105px}.murr{height:130px;width:200px}}@media(max-height:520px){.host-stage{height:67px}.murr{height:95px;width:160px}.title h1{font-size:27px}.title h1 span{font-size:25px}.show{padding-top:8px}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}@media(min-width:700px){.show{margin-top:14px}.host-stage{height:150px}.murr{width:275px;height:181px}.tile{height:65px;font-size:40px}}
.sidekick.left{left:-12px}.sidekick.right{right:-12px}@media(max-width:350px){.sidekick.left{left:-8px}.sidekick.right{right:-8px}}
.spotlight.left{left:17px}.spotlight.right{right:17px}.murr{height:118px;width:200px}@media(max-width:350px){.murr{height:105px;width:180px}}@media(min-width:700px){.murr{height:151px;width:245px}}
@media(min-width:351px) and (max-width:699px) and (min-height:521px){.host-stage{height:99px}.murr{height:98px;width:180px}}
@media(min-width:351px) and (max-width:699px) and (min-height:521px){.host-stage{height:119px}.murr{height:118px;width:205px}.puzzle-stage{padding-top:10px;padding-bottom:5px}.tile{height:50px}.clue{margin-top:7px;margin-bottom:5px}.token-bank{min-height:40px}.bean{height:25px}.reaction{margin-top:4px}}
.show{container-type:inline-size}@container (max-width:260px){.keyboard{grid-template-columns:repeat(5,minmax(0,1fr))}.sidekick{display:none}.token-bank{width:100%}.reaction{margin-left:0;margin-right:0}.guess-entry{flex-direction:column}.utilities{flex-wrap:wrap}.utilities button{flex:1}.title h1{font-size:28px}.title h1 span{font-size:26px}}
.next-word{display:block;width:100%;min-height:48px!important;background:#205c42!important;color:white!important;margin:10px 0}.storage-status{font-size:12px;line-height:1.5;margin:12px 0}#practice-notice{font-weight:700;color:#8b251d}

.play-progress{font-size:12px;line-height:1.4;margin:8px 0}.play-progress p{margin:4px 0}