:root{--ink:#542e1b;--muted:#9d6845;--accent:#d45a2f;--cream:#fff2d8;--tray-radius:clamp(24px, 6vw, 40px);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;font-family:Segoe UI,SF Pro Display,system-ui,-apple-system,sans-serif}*{box-sizing:border-box}html,body{min-height:100%;margin:0;overflow-x:hidden}body{min-height:100dvh;color:var(--ink);-webkit-tap-highlight-color:transparent;background:linear-gradient(#fff8e614,#ee974c1a),url(./game-backdrop-v3-PkzF-Dhn.webp) 50%/cover no-repeat,#f8c985}button{font:inherit}[hidden],.is-hidden{display:none!important}.splash{z-index:30;cursor:pointer;background:#f8d3a6;border:0;width:100%;height:100%;margin:0;padding:0;position:fixed;inset:0;overflow:hidden}.splash-picture{display:block;position:absolute;inset:0}.splash:focus-visible{outline-offset:-7px;outline:4px solid #bf412994}.splash-img{object-fit:cover;object-position:center;pointer-events:none;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;width:100%;height:100%;display:block}.splash-progress{z-index:3;background:#76342c26;border:1px solid #ffffffd1;border-radius:999px;width:min(30vh,300px);height:clamp(6px,1.15vh,11px);padding:1px;animation:.42s 1.58s both capsule-fade;position:absolute;top:73.7%;left:50%;overflow:hidden;transform:translate(-50%,-50%);box-shadow:0 1px 9px #6a271e2b,inset 0 1px 2px #5325162e}.splash-progress span{border-radius:inherit;transform-origin:0;background:linear-gradient(90deg,#ff447e,#ff9d16,#fff287);width:100%;height:100%;animation:1.5s cubic-bezier(.22,.78,.25,1) both load-in;display:block;box-shadow:0 0 8px #ff7d2aad}.splash-call{z-index:4;color:#7a3410;letter-spacing:.04em;white-space:nowrap;text-shadow:0 1px #fff4d6d9,0 0 12px #ffd896e6;pointer-events:none;padding:0 6px;font-size:clamp(12px,1.75vh,17px);font-weight:600;animation:.5s 1.72s both call-in,2.4s ease-in-out 2.24s infinite call-breathe;position:absolute;top:73.7%;left:50%;transform:translate(-50%,-50%)}@keyframes capsule-fade{to{opacity:0}}@keyframes call-in{0%{opacity:0}to{opacity:1}}@keyframes call-breathe{0%,to{opacity:1}50%{opacity:.55}}.splash.is-leaving{opacity:0;pointer-events:none;filter:brightness(1.12);transition:opacity .42s,filter .42s}.app{width:min(100%,650px);min-height:100dvh;padding:max(10px, env(safe-area-inset-top)) 12px max(10px, env(safe-area-inset-bottom));grid-template-rows:112px 1fr 22px;margin:0 auto;display:grid}.hud{z-index:8;grid-template-columns:minmax(62px,1fr) auto minmax(62px,1fr);align-items:center;gap:8px;display:grid;position:relative}.brand-mark{pointer-events:none;grid-column:2;place-items:center;width:108px;height:108px;display:grid;position:relative}.brand-mark img{object-fit:contain;-webkit-user-select:none;user-select:none;width:108px;height:108px;animation:4.8s ease-in-out infinite brand-breathe;display:block}.guide{z-index:8;background:linear-gradient(135deg,#fffceaf0,#ffdeb1e6);border:1px solid #ffffffdb;border-radius:999px;grid-template-columns:minmax(0,1fr) 24px;align-self:center;align-items:center;width:min(88%,420px);min-height:30px;margin-bottom:8px;padding:3px 4px 3px 12px;display:grid;position:relative;box-shadow:0 10px 24px #843e172e,inset 0 1px #fffffff0,0 0 24px #ffbc4333}.hint{color:#71391f;letter-spacing:.015em;text-align:left;text-shadow:0 1px #ffffffb3;margin:0;font-size:clamp(.72rem,2.9vw,.84rem);font-weight:750;line-height:1.15;transition:opacity .22s,transform .22s,color .22s}.hint.is-hot{color:var(--accent)}.guide-close{color:#9b5a35;cursor:pointer;touch-action:manipulation;background:#ffffff7a;border:0;border-radius:50%;place-items:center;width:24px;height:24px;padding:0 0 1px;font-size:1.05rem;line-height:1;display:grid}.guide-close:active{transform:scale(.9)}.guide-close:focus-visible{outline-offset:2px;outline:3px solid #cd4a2b7a}.reserve{background:#ffefd385;border:1px solid #ffffffa3;border-radius:999px;grid-column:1;justify-self:start;align-items:center;gap:5px;min-height:32px;padding:6px 9px;display:flex;box-shadow:0 5px 15px #834d1f1f,inset 0 1px #ffffffb3}.reserve-drop{background:linear-gradient(145deg,#fff39a 4%,#ffb22f 48%,#ef6c2f 100%);border:1px solid #9e4a242e;border-radius:70% 45%;width:10px;height:14px;transition:opacity .2s,filter .2s,transform .2s;transform:rotate(45deg);box-shadow:inset 2px 2px 3px #ffffffb8,0 2px 5px #b74e1b3d}.reserve-drop.is-empty{opacity:.2;filter:grayscale();transform:rotate(45deg)scale(.82)}.icon-button{color:#8a4d2b;cursor:pointer;touch-action:manipulation;background:#ffefd38c;border:1px solid #ffffffad;border-radius:50%;grid-column:3;justify-self:end;width:42px;height:42px;padding:10px;box-shadow:0 5px 15px #834d1f1f,inset 0 1px #fffc}.icon-button:active{transform:scale(.94)}.icon-button:focus-visible,.card:focus-visible,#again:focus-visible{outline-offset:3px;outline:3px solid #cd4a2b7a}.icon-button svg{fill:currentColor;stroke:currentColor;stroke-width:1.75px;stroke-linecap:round;stroke-linejoin:round;width:100%;height:100%;display:block}.icon-button .sound-off,.icon-button.is-muted .sound-on{display:none}.icon-button.is-muted .sound-off{display:block}.stage{flex-direction:column;justify-content:center;align-items:center;display:flex;position:relative}.tray{z-index:2;border-radius:var(--tray-radius);background-color:#ba792f;background-position:50%;background-size:auto 100%;border:2px solid #ffe29eb8;width:100%;padding:clamp(13px,3.5vw,22px);transition:background-image .3s,filter .3s;position:relative;overflow:hidden;box-shadow:0 24px 58px #70371447,0 4px 8px #4d260f33,inset 0 2px #fff4c9c2,inset 0 -7px 16px #5f2a0f40,0 0 0 3px #a569235c}.tray:before{content:"";z-index:0;border-radius:calc(var(--tray-radius) - 7px);pointer-events:none;border:1px solid #ffeebe61;position:absolute;inset:6px;box-shadow:inset 0 0 24px #ffb84e2b}.tray:after{content:"";z-index:0;pointer-events:none;background:linear-gradient(145deg,#ffe1992e,#692e1233);position:absolute;inset:0}.tray-theme-1{background-image:linear-gradient(145deg,#f4d187,#a45d24 72%,#744017)}.tray-theme-2{background-image:linear-gradient(145deg,#ffe1a5,#bd7430 70%,#81501e)}.tray-theme-3{background-image:linear-gradient(145deg,#f6cb83,#ad6229 68%,#713b1d)}.board{z-index:2;border-radius:calc(var(--tray-radius) - 12px);-webkit-user-select:none;user-select:none;background:linear-gradient(145deg,#efb453f7,#9d541ef7),#7e3e18fa;grid-template-columns:repeat(5,minmax(0,1fr));gap:clamp(5px,1.7vw,10px);width:100%;padding:clamp(4px,1.2vw,8px);display:grid;position:relative;box-shadow:inset 0 3px 12px #37180842,0 1px #ffe2a673}.cell{aspect-ratio:1;background:linear-gradient(145deg,#471c0d3d,#ffd88814);border-radius:19%;place-items:center;display:grid;position:relative;box-shadow:inset 0 2px 5px #3d1b0952,0 1px #ffe2aa2e}.card{--glass-a:#c15fff;--glass-b:#7721ba;--glass-edge:#f1c5ff;color:#fffffff5;background:var(--tile-art) center / contain no-repeat;width:100%;height:100%;box-shadow:none;cursor:pointer;isolation:isolate;touch-action:manipulation;appearance:none;border:0;border-radius:19%;place-items:center;padding:0;transition:transform .12s,filter .12s,box-shadow .12s;display:grid;position:relative;overflow:visible}.card:before,.card:after{display:none}.card:active{transform:scale(.93)}.rank-1{--glass-a:#d86cff;--glass-b:#741bbb;--glass-edge:#f4ccff;--tile-art:url(./tile-v2-rank-1-COAAVvxR.webp)}.rank-2{--tile-art:url(./tile-v2-rank-2-DBACVsp_.webp)}.rank-3{--tile-art:url(./tile-v2-rank-3-DrlIWBfr.webp)}.rank-4{--tile-art:url(./tile-v2-rank-4-CU6bAOmr.webp)}.rank-5{--tile-art:url(./tile-v2-rank-5-DOVcYgNg.webp)}.card.is-suggested{z-index:4;filter:brightness(1.1)saturate(1.08);animation:1.05s ease-in-out infinite suggest}.rank-2{--glass-a:#ff5ead;--glass-b:#d21269;--glass-edge:#ffd3e8}.rank-3{--glass-a:#ffcf35;--glass-b:#e77705;--glass-edge:#fff1a1}.rank-4{--glass-a:#ff7147;--glass-b:#d72d14;--glass-edge:#ffd2be}.rank-5{--glass-a:#8b65f4;--glass-b:#402098;--glass-edge:#ddd1ff;filter:saturate(1.1);box-shadow:0 8px 15px #4a1f8f70,0 0 17px #b06aff59,inset 2px 2px 3px #ffffffa8,inset -3px -4px 8px #15053857,inset 0 0 0 2px #ffffff29}.card.is-selected{z-index:4;filter:brightness(1.1)saturate(1.08);box-shadow:0 0 0 3px #fff8d8f0, 0 11px 22px color-mix(in srgb, var(--glass-b) 48%, transparent), 0 0 19px color-mix(in srgb, var(--glass-a) 50%, transparent), inset 2px 2px 3px #ffffffb3;animation:1.08s ease-in-out infinite selected-breathe;transform:translateY(-5%)scale(1.06)}.card.is-invalid{animation:.34s refuse}.card.is-merged{animation:.36s cubic-bezier(.16,.82,.35,1.18) fuse}.card.is-auto{animation:.48s cubic-bezier(.18,.78,.27,1.15) auto-fuse}.card.is-split{animation:.43s ease-out split}.tray.is-shifting{animation:.56s ease-out table-shift}.flash{z-index:7;opacity:0;mix-blend-mode:screen;pointer-events:none;background:radial-gradient(circle,#fffaccf5,#ff52a46b 36%,#0000 72%);border-radius:50%;position:absolute;inset:4%}.flash.is-on{animation:.58s ease-out flash}.particles{z-index:9;pointer-events:none;position:absolute;inset:0;overflow:hidden}.particle{--x:0px;--y:0px;--tone:#fff;background:var(--tone);width:8px;height:8px;box-shadow:0 0 8px var(--tone);border:1px solid #ffffffbd;border-radius:2px 50% 45%;animation:.62s ease-out forwards shard;position:absolute}.ending{z-index:20;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#5b2b1838;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.ending-card{text-align:center;background:linear-gradient(155deg,#fffae1f2,#ffd8aded);border:1px solid #ffffffc2;border-radius:30px;width:min(86vw,360px);padding:38px 28px 30px;animation:.34s cubic-bezier(.18,.82,.25,1.12) ending-in;position:relative;overflow:hidden;box-shadow:0 24px 70px #5a2b1652,inset 0 1px #fff}.ending-glow{pointer-events:none;background:radial-gradient(circle,#ff6daf61,#0000 68%);height:260px;position:absolute;inset:-65% 0 auto}.ending h1{color:#903d27;margin:0 0 8px;font-size:clamp(1.75rem,8vw,2.45rem);line-height:1.05;position:relative}.ending p{color:#9d6845;min-height:1.4em;margin:0 0 24px;font-weight:600;position:relative}#again{color:#fff;letter-spacing:.035em;cursor:pointer;background:linear-gradient(#ff6c8f,#df376f);border:1px solid #ffffffc7;border-radius:999px;min-width:148px;min-height:50px;padding:12px 24px;font-weight:750;position:relative;box-shadow:0 8px 18px #b7296047,inset 0 2px #ffffff59}#again:active{transform:translateY(2px)}.signature{color:#773617db;letter-spacing:.13em;text-align:center;text-shadow:0 1px #ffffffbd,0 0 12px #ffeeb8d9;text-transform:uppercase;align-self:end;font-size:.68rem;font-weight:800}@keyframes suggest{0%,to{filter:brightness(1.05)saturate(1.05);transform:translateY(0)scale(1)}50%{filter:brightness(1.28)saturate(1.16);transform:translateY(-4%)scale(1.045)}}@keyframes selected-breathe{0%,to{filter:brightness(1.1)saturate(1.08);box-shadow:0 0 0 3px #fff8d8e6, 0 9px 19px color-mix(in srgb, var(--glass-b) 44%, transparent), 0 0 13px color-mix(in srgb, var(--glass-a) 42%, transparent);transform:translateY(-4%)scale(1.045)}50%{filter:brightness(1.22)saturate(1.13);box-shadow:0 0 0 4px #fffbe2fa, 0 13px 25px color-mix(in srgb, var(--glass-b) 52%, transparent), 0 0 25px color-mix(in srgb, var(--glass-a) 62%, transparent);transform:translateY(-7%)scale(1.075)}}@keyframes brand-breathe{0%,to{transform:translateY(0)scale(1)}50%{transform:translateY(-2px)scale(1.018)}}@keyframes load-in{0%{opacity:.5;transform:scaleX(.08)}to{opacity:1;transform:scaleX(1)}}@keyframes refuse{0%,to{transform:translate(0)rotate(0)}25%{transform:translate(-8%)rotate(-2deg)}55%{transform:translate(7%)rotate(1.5deg)}78%{transform:translate(-3%)rotate(-.7deg)}}@keyframes fuse{0%{filter:brightness(1.65);transform:scale(.62)}58%{filter:brightness(1.18);transform:scale(1.12)}to{filter:brightness();transform:scale(1)}}@keyframes auto-fuse{0%{filter:brightness(1.75);transform:scale(.76)rotate(-4deg)}52%{transform:scale(1.1)rotate(2deg)}to{filter:brightness();transform:scale(1)rotate(0)}}@keyframes split{0%{transform:scale(1)}32%{filter:brightness(1.45);transform:scale(.82,1.08)}68%{transform:scale(1.08,.92)}to{filter:brightness();transform:scale(1)}}@keyframes table-shift{0%,to{filter:saturate();transform:translate(0)}13%{transform:translate(-10px)rotate(-.5deg)}29%{filter:saturate(1.5)brightness(1.12);transform:translate(9px)rotate(.45deg)}47%{transform:translate(-7px)rotate(-.3deg)}67%{filter:hue-rotate(13deg)saturate(1.25);transform:translate(5px)}}@keyframes flash{0%{opacity:0;transform:scale(.74)}24%{opacity:1}to{opacity:0;transform:scale(1.24)}}@keyframes shard{0%{opacity:1;transform:translate(-50%,-50%)scale(.45)rotate(0)}to{opacity:0;transform:translate(calc(-50% + var(--x)), calc(-50% + var(--y))) scale(.1) rotate(180deg)}}@keyframes ending-in{0%{opacity:0;transform:translateY(16px)scale(.92)}to{opacity:1;transform:translateY(0)scale(1)}}@media (width>=700px){.app{grid-template-rows:118px 1fr 26px;padding-inline:18px}.reserve-drop{width:11px;height:15px}}@media (orientation:landscape){.splash-progress,.splash-call{top:auto;bottom:max(5.5%, env(safe-area-inset-bottom));transform:translate(-50%,50%)}.splash-progress{width:min(42vh,300px)}}@media (width<=430px){.app{padding-inline:8px}.hud{grid-template-columns:minmax(62px,1fr) auto minmax(62px,1fr)}.guide{width:92%;margin-bottom:6px}.tray{padding:10px}.board{gap:5px}}@media (orientation:landscape) and (height<=620px){.app{grid-template-rows:62px 1fr 18px;width:min(100%,690px);padding-top:4px}.stage{justify-self:center;width:100%;max-width:min(72vh,590px)}.brand-mark{width:62px;height:60px}.brand-mark img{width:60px;height:60px}.guide{min-height:28px;margin-bottom:4px;padding-block:2px}.signature{font-size:.6rem}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.particles{display:none}.splash-call{opacity:1;animation:none!important}.splash-progress{opacity:0;animation:none!important}}