:root{--ink: #26313a;--ink-soft: #5b6b76;--paper: rgba(255, 253, 247, .9);--line: rgba(38, 49, 58, .14);--gold: #b3822f;color-scheme:light}*{box-sizing:border-box}html,body{margin:0;height:100%;overflow:hidden;background:#dfeaee;font-family:ui-rounded,Segoe UI Variable Display,Nunito,Avenir Next,system-ui,sans-serif;color:var(--ink);-webkit-font-smoothing:antialiased}#scene{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block;cursor:crosshair;touch-action:none;overscroll-behavior:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}body.dragging #scene{cursor:grabbing}#top{position:fixed;top:14px;left:50%;transform:translate(-50%);width:max-content;max-width:calc(100vw - 12px);display:flex;gap:2px;padding:4px;border-radius:14px;background:var(--paper);border:1px solid var(--line);box-shadow:0 6px 22px #26374621;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:5;cursor:pointer}#top:hover{background:#fffffff2}.stat{min-width:78px;padding:6px 12px 5px;text-align:center;border-radius:10px}.stat.wide{min-width:132px}.stat b{display:block;font-size:20px;font-weight:700;line-height:1.05;font-variant-numeric:tabular-nums}.stat.wide b{font-size:15px;padding-top:4px}.stat span{display:block;font-size:10px;letter-spacing:.09em;text-transform:uppercase;color:var(--ink-soft);margin-top:2px;white-space:nowrap}#feed{position:fixed;top:78px;left:50%;transform:translate(-50%);width:max-content;max-width:calc(100vw - 12px);display:flex;flex-direction:column;align-items:center;gap:4px;pointer-events:none;z-index:4}#feed div{white-space:nowrap;font-size:12px;padding:3px 11px;border-radius:999px;background:#fffdf7db;border:1px solid var(--line);color:var(--ink);font-weight:650;animation:slip .45s ease-out both}#feed div.going{animation:fade .55s ease-in both}@keyframes fade{0%{opacity:1}to{opacity:0;transform:translateY(-6px)}}#history{position:fixed;top:14px;right:12px;z-index:6;display:flex;flex-direction:column;align-items:flex-end;gap:5px;max-width:min(260px,calc(100vw - 24px))}#historytoggle{display:flex;align-items:center;gap:6px;font:inherit;font-size:12px;color:var(--ink-soft);padding:5px 9px;border-radius:11px;background:var(--paper);border:1px solid var(--line);box-shadow:0 6px 22px #26374621;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);cursor:pointer}#historytoggle:hover{color:var(--ink)}#historytoggle .mark{font-size:13px;line-height:1}#historytoggle b{font-variant-numeric:tabular-nums;color:var(--ink)}#historytoggle .chev{font-size:9px;transition:transform .18s ease}#history:not(.shut) #historytoggle .chev{transform:rotate(90deg)}#historylist{list-style:none;margin:0;padding:6px;width:244px;max-width:calc(100vw - 24px);max-height:min(46vh,340px);overflow-y:auto;overscroll-behavior:contain;border-radius:12px;background:var(--paper);border:1px solid var(--line);box-shadow:0 8px 26px #26374629;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}#history.shut #historylist{display:none}#historylist li{font-size:11.5px;line-height:1.35;color:var(--ink-soft);padding:3px 6px;border-radius:7px}#historylist li:nth-child(odd){background:#26313a09}#historylist li.empty{color:var(--ink-soft);opacity:.7;font-style:italic}@keyframes slip{0%{opacity:0;transform:translateY(-6px)}}#hand{position:fixed;left:18px;bottom:18px;display:flex;flex-direction:column;gap:10px;z-index:5}#tilecard{position:relative;width:220px;padding:6px 6px 10px;border-radius:16px;background:var(--paper);border:1px solid var(--line);box-shadow:0 8px 26px #26374626;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}#tileart{display:block;width:208px;height:170px;cursor:pointer}#tilesparkle{position:absolute;top:6px;left:6px;width:208px;height:170px;pointer-events:none;opacity:0;transition:opacity .3s}#tilecard.special #tilesparkle{opacity:1}#tilecard.special{border-color:#d6a230bf;box-shadow:0 8px 26px #26374626,0 0 0 1px #ffc65a80,0 0 22px #ffc65a59;animation:gilded 2.4s ease-in-out infinite}@keyframes gilded{50%{box-shadow:0 8px 26px #26374626,0 0 0 1px #ffc65acc,0 0 34px #ffc65a99}}#tilecard.special #tilekind{color:#9a6f16;font-weight:700}#tilekind{text-align:center;font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-soft)}#fitcount{position:absolute;top:10px;right:12px;font-size:11px;color:var(--ink-soft);font-variant-numeric:tabular-nums}#contact{height:15px;text-align:center;font-size:11px;margin-top:3px;color:var(--ink-soft);font-variant-numeric:tabular-nums}#contact.flush{color:#7a5bb0;font-weight:700}.card .fine{margin:12px 0 0;font-size:12px;color:var(--ink-soft)}#tilebtns{display:flex;gap:5px;justify-content:center;margin-top:7px}#tilebtns button{font:inherit;font-size:13px;font-weight:650;line-height:1;padding:6px 10px;min-width:34px;border-radius:9px;border:1px solid var(--line);background:#ffffffb8;color:var(--ink);cursor:pointer}#tilebtns button:hover{background:#fff}#tilebtns button:disabled{opacity:.4;cursor:default}#tilebtns #toss{font-size:11px;letter-spacing:.05em;text-transform:uppercase;color:var(--ink-soft)}.keys{display:flex;flex-direction:column;gap:3px;font-size:11px;color:var(--ink-soft);padding-left:4px;text-shadow:0 1px 0 rgba(255,255,255,.6)}body .touch,#lay{display:none}body.touch li.touch{display:list-item}body.touch .keys.touch{display:flex}body.touch #lay{display:inline-block}body.touch .mouse{display:none}kbd{font:inherit;font-weight:650;color:var(--ink);background:#ffffffb3;border:1px solid var(--line);border-radius:5px;padding:0 4px}#quest{position:fixed;top:14px;left:18px;width:208px;padding:9px 13px 11px;border-radius:14px;background:var(--paper);border:1px solid var(--line);box-shadow:0 6px 22px #26374621;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:5}#quest.hidden{display:none}#quest.done{border-color:#789b5a99;background:#f3f9ebf0}#quest .eyebrow{display:block;font-size:9.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--gold);margin-bottom:3px}#quest b{display:block;font-size:14px;line-height:1.25}#quest span#questhint{display:block;font-size:11.5px;line-height:1.4;color:var(--ink-soft);margin-top:3px}#swap{position:absolute;right:-66px;bottom:46px;width:62px;padding:4px 3px 3px;border-radius:12px;border:1px solid var(--line);background:var(--paper);box-shadow:0 5px 16px #26374626;cursor:pointer;font:inherit}#swap.hidden{display:none}#swap canvas{display:block;width:54px;height:44px}#swap span{display:block;text-align:center;font-size:9px;letter-spacing:.09em;text-transform:uppercase;color:var(--ink-soft)}#swap:hover{background:#fff}#shop{position:fixed;right:18px;bottom:18px;width:196px;padding:9px 10px 10px;border-radius:16px;background:var(--paper);border:1px solid var(--line);box-shadow:0 8px 26px #26374626;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:5}#shop.hidden{display:none}#purse{display:flex;flex-wrap:wrap;gap:2px 10px;justify-content:center;min-height:20px;font-size:15px;font-variant-numeric:tabular-nums;letter-spacing:.02em;margin-bottom:7px;padding-bottom:6px;border-bottom:1px solid var(--line)}#recipes{display:flex;flex-direction:column;gap:4px}.recipe{display:flex;align-items:baseline;justify-content:space-between;gap:8px;font:inherit;font-size:12px;padding:6px 9px;border-radius:10px;border:1px solid var(--line);background:#ffffffad;color:var(--ink);cursor:pointer;text-align:left}.recipe b{font-weight:650}.recipe .cost{flex:none;font-size:11px;color:var(--ink-soft);font-variant-numeric:tabular-nums;white-space:nowrap}.recipe:enabled:hover{background:#fff;border-color:#789b5ab3}.recipe:disabled{opacity:.42;cursor:default}body:has(#intro) #shop{display:none}#pops{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:6}#pops span{position:absolute;font-weight:750;font-size:19px;color:#fff;text-shadow:0 1px 3px rgba(24,44,30,.6),0 0 12px rgba(255,240,190,.6);transform:translate(-50%,-50%);animation:rise 1.5s cubic-bezier(.16,.9,.3,1) forwards;white-space:nowrap}#pops span.small{font-size:13px;opacity:.9;color:#eef8e6}@keyframes rise{0%{opacity:0;transform:translate(-50%,-30%) scale(.7)}18%{opacity:1;transform:translate(-50%,-55%) scale(1.08)}to{opacity:0;transform:translate(-50%,-190%) scale(1)}}.card{position:fixed;left:50%;top:50%;transform:translate(-50%,-50%);width:min(520px,calc(100vw - 40px));padding:26px 30px 24px;border-radius:20px;background:#fffdf7f5;border:1px solid var(--line);box-shadow:0 22px 60px #1e303c42;z-index:20;animation:pop .35s cubic-bezier(.2,1.1,.4,1) both}@keyframes pop{0%{opacity:0;transform:translate(-50%,-48%) scale(.97)}}.card.hidden{display:none}#intro{left:30px;top:50%;transform:translateY(-50%);width:min(400px,calc(100vw - 40px));background:#fffdf7eb;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px)}@keyframes pop-side{0%{opacity:0;transform:translate(-14px,-50%)}}#intro{animation:pop-side .4s cubic-bezier(.2,1.1,.4,1) both}body:has(#intro) #hand{display:none}.card h1{margin:0 0 10px;font-size:26px;letter-spacing:-.01em}.card p{margin:0 0 12px;line-height:1.5;color:#3c4a54;font-size:14px}.card ul{margin:0 0 18px;padding-left:18px;font-size:13.5px;line-height:1.65;color:#3c4a54}.card li{margin-bottom:2px}.card button{font:inherit;font-weight:700;font-size:15px;padding:10px 22px;border-radius:999px;border:none;color:#fffdf7;background:linear-gradient(180deg,#5c8f52,#47743f);box-shadow:0 4px 14px #3c643759;cursor:pointer}.card button:hover{filter:brightness(1.06)}.card .row{display:flex;align-items:center;gap:12px}.card button.quiet{background:none;box-shadow:none;color:var(--ink-soft);font-weight:600;font-size:13px;padding:8px 4px;text-decoration:underline;text-underline-offset:3px}.card button.quiet:hover{color:var(--ink);filter:none}#startbar{position:fixed;left:50%;bottom:26px;transform:translate(-50%);font:inherit;font-weight:700;font-size:14px;padding:9px 20px;border-radius:999px;border:none;color:#fffdf7;background:linear-gradient(180deg,#5c8f52,#47743f);box-shadow:0 4px 16px #3c643759;cursor:pointer;z-index:8}#startbar.hidden{display:none}#startbar:hover{filter:brightness(1.06)}#finalscore{font-size:46px;font-weight:800;color:var(--gold);font-variant-numeric:tabular-nums;line-height:1}#finalnote{color:var(--ink-soft);font-size:13px;margin:6px 0 14px}#finaltally{list-style:none;padding:0;margin:0 0 18px;font-size:13px;color:#3c4a54;max-height:150px;overflow:auto}#finaltally li{display:flex;justify-content:space-between;padding:2px 0;border-bottom:1px solid rgba(38,49,58,.07)}@media (max-width: 720px){#top{top:calc(8px + env(safe-area-inset-top));border-radius:12px}.stat{min-width:0;padding:5px 9px}.stat b{font-size:17px}.stat span{font-size:9px;letter-spacing:.06em}.stat.wide{display:none}#quest{top:calc(56px + env(safe-area-inset-top));left:calc(8px + env(safe-area-inset-left));right:calc(8px + env(safe-area-inset-right));width:auto;padding:6px 11px 8px;border-radius:12px}#quest .eyebrow{display:inline;margin-right:7px}#quest b{display:inline;font-size:13px}#quest span#questhint{font-size:11px;margin-top:1px}#feed{top:calc(112px + env(safe-area-inset-top))}#feed div{font-size:11px}#history{top:calc(8px + env(safe-area-inset-top));right:calc(8px + env(safe-area-inset-right))}#historytoggle{padding:6px 8px}#hand{left:calc(8px + env(safe-area-inset-left));right:calc(8px + env(safe-area-inset-right));bottom:calc(8px + env(safe-area-inset-bottom));gap:6px}#tilecard{display:flex;align-items:center;gap:10px;width:auto;padding:8px 10px}#tileart{flex:none;width:78px;height:64px}#tilesparkle{top:8px;left:10px;width:78px;height:64px}#tilemeta{flex:1 1 auto;min-width:0}#tilekind,#contact{text-align:left}#contact{height:auto;min-height:15px}#tilebtns{justify-content:flex-start;flex-wrap:nowrap;margin-top:8px;gap:5px}#tilebtns button{min-height:40px;min-width:42px;padding:6px 8px;font-size:17px;border-radius:11px}#tilebtns #lay{flex:0 0 auto;padding:0 11px;font-size:14px;color:#fffdf7;border-color:transparent;background:linear-gradient(180deg,#5c8f52,#47743f)}#tilebtns #lay:disabled{background:#ffffffb8;color:var(--ink-soft)}#tilebtns #toss{position:absolute;top:4px;right:7px;margin:0;min-height:0;min-width:0;padding:3px 7px;font-size:9.5px;border-radius:7px}#fitcount{top:8px;left:10px;right:auto;padding:1px 5px;border-radius:6px;background:#fffdf7d9}#swap{position:static;align-self:flex-end;flex:none;width:50px}#swap canvas{width:42px;height:34px}#intro,.card{left:calc(8px + env(safe-area-inset-left));right:calc(8px + env(safe-area-inset-right));top:50%;width:auto;max-height:calc(100vh - 32px);overflow:auto;transform:translateY(-50%);padding:20px 20px 18px}.card h1{font-size:21px}.card p{font-size:13px;margin-bottom:10px}.card ul{font-size:12.5px;line-height:1.5;margin-bottom:14px}#intro .fine{display:none}body:has(#intro) #top,body:has(#intro) #quest,body:has(#intro) #feed{display:none}#shop{position:static;width:auto;display:flex;align-items:center;gap:9px;padding:7px 9px;border-radius:13px}#purse{flex:none;margin:0;padding:0 9px 0 0;min-height:0;border-bottom:none;border-right:1px solid var(--line);flex-direction:column;gap:0;font-size:13px}#recipes{flex:1 1 auto;flex-direction:row;gap:5px;overflow-x:auto;scrollbar-width:none}.recipe{flex:none;flex-direction:column;align-items:flex-start;gap:1px;min-height:40px;padding:5px 9px}#startbar{bottom:calc(16px + env(safe-area-inset-bottom))}#pops span{font-size:16px}}@media (max-width: 720px){.keys{order:-1;align-items:center;font-size:10.5px;padding:0;gap:2px}}@media (max-height: 520px){#hand .keys{display:none}#hand{right:auto;max-width:calc(100vw - 16px)}#tileart{width:74px;height:61px}#tilecard{padding:6px 8px;gap:8px}#tilebtns{margin-top:5px}#tilebtns button{min-height:34px;min-width:40px;font-size:15px}#top{top:calc(4px + env(safe-area-inset-top))}#quest{top:calc(48px + env(safe-area-inset-top));padding:5px 11px 6px}#quest span#questhint{display:none}#feed{top:calc(84px + env(safe-area-inset-top))}#feed div:nth-child(n+3){display:none}}
