:root{--font:"Press Start 2P", ui-monospace, "Courier New", monospace;--px:2px;--ink:#fff8ec;--shadow:#1a0f1f;--pink:#ff6fa8;--pink-dark:#c2406f;--gold:#ffd36b;--red:#ff4f5e;--green:#6be38a;--bg:#1a0f1f}*{box-sizing:border-box}[hidden]{display:none!important}html,body{background:var(--bg);width:100%;height:100%;color:var(--ink);font-family:var(--font);overscroll-behavior:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;margin:0;padding:0;overflow:hidden}#app{touch-action:none;position:fixed;top:0;bottom:0;left:0;right:0}#game{image-rendering:pixelated;image-rendering:crisp-edges;touch-action:none;display:block;position:absolute;top:0;left:0}#ui{pointer-events:none;font-size:calc(var(--px) * 8);line-height:1.5;position:absolute;top:0;bottom:0;left:0;right:0}#ui button,.cw-panel{pointer-events:auto}.cw-panel{text-align:center;padding:calc(var(--px) * 6);justify-content:center;align-items:center;display:flex;position:absolute;top:0;bottom:0;left:0;right:0}.cw-panel[data-screen=title]{cursor:pointer;background:linear-gradient(#1a0f1f26,#1a0f1f8c)}.cw-panel[data-screen=pause],.cw-panel[data-screen=result],.cw-panel[data-screen=controls],.cw-panel[data-screen=scores],.cw-panel[data-screen=badges]{background:#1a0f1f8c}.cw-title{align-items:center;gap:calc(var(--px) * 3);cursor:default;flex-direction:column;display:flex}.cw-tag{font-size:calc(var(--px) * 5);color:var(--gold);padding:calc(var(--px) * 2) calc(var(--px) * 4);letter-spacing:.05em;background:#1a0f1fcc}.cw-logo{font-weight:400;font-size:calc(var(--px) * 32);color:var(--ink);text-shadow:calc(var(--px) * 2) calc(var(--px) * 2) 0 var(--pink-dark), calc(var(--px) * 4) calc(var(--px) * 4) 0 var(--shadow);gap:calc(var(--px) * 8);margin:0;line-height:1;animation:2.4s ease-in-out infinite cw-wobble;display:flex}.cw-logo span:last-child{color:var(--pink);text-shadow:calc(var(--px) * 2) calc(var(--px) * 2) 0 var(--ink), calc(var(--px) * 4) calc(var(--px) * 4) 0 var(--shadow)}@keyframes cw-wobble{0%,to{transform:rotate(-2deg)}50%{transform:rotate(2deg)}}.cw-sub{color:var(--gold);text-shadow:calc(var(--px) * 1) calc(var(--px) * 1) 0 var(--shadow);margin:0}.cw-worlds{gap:calc(var(--px) * 6);margin-top:calc(var(--px) * 6);justify-content:center;display:flex}#ui .cw-world{width:calc(var(--px) * 28);height:calc(var(--px) * 28);background:var(--shadow);border:calc(var(--px) * 2) solid #fff8ec59;box-shadow:0 calc(var(--px) * 2) 0 var(--shadow);opacity:.7;filter:saturate(.6);padding:0;transition:transform .12s,opacity .12s}#ui .cw-world:hover{opacity:1;filter:none}#ui .cw-world:focus-visible{opacity:1;filter:none}#ui .cw-world.on{opacity:1;filter:none;border-color:var(--gold);transform:translateY(calc(var(--px) * -2));box-shadow:0 0 0 calc(var(--px) * 1) var(--shadow), 0 calc(var(--px) * 3) 0 var(--pink-dark), 0 calc(var(--px) * 4) 0 var(--shadow)}.cw-wicon{width:100%;height:100%;display:block}.cw-title[data-world=pirate] .cw-logo span:last-child{color:#6fd3ff}.cw-title[data-world=space] .cw-logo span:last-child{color:#6be38a}.cw-buttons{gap:calc(var(--px) * 4);margin-top:calc(var(--px) * 2);flex-wrap:wrap;justify-content:center;display:flex}.cw-buttons.small button{font-size:calc(var(--px) * 6);padding:calc(var(--px) * 3) calc(var(--px) * 5)}#ui button{font-family:var(--font);font-size:calc(var(--px) * 8);color:var(--shadow);background:var(--ink);border:calc(var(--px) * 1) solid var(--shadow);box-shadow:0 calc(var(--px) * 2) 0 var(--pink-dark), 0 calc(var(--px) * 3) 0 var(--shadow);padding:calc(var(--px) * 4) calc(var(--px) * 7);cursor:pointer;touch-action:manipulation}#ui button[data-primary]{background:var(--pink);color:var(--ink);text-shadow:calc(var(--px) * 1) calc(var(--px) * 1) 0 var(--shadow);box-shadow:0 calc(var(--px) * 2) 0 var(--shadow), 0 calc(var(--px) * 3) 0 var(--shadow)}#ui button:hover{filter:brightness(1.08);transform:translateY(calc(var(--px) * -1))}#ui button:active{transform:translateY(calc(var(--px) * 1))}#ui button:focus-visible{outline:calc(var(--px) * 1.5) solid var(--gold);outline-offset:calc(var(--px) * 1.5)}.cw-best,.cw-hint,.cw-small{font-size:calc(var(--px) * 5);color:var(--ink);text-shadow:calc(var(--px) * 1) calc(var(--px) * 1) 0 var(--shadow);margin:0}.cw-hint{color:var(--gold);animation:1.2s steps(2,end) infinite cw-blink}@keyframes cw-blink{50%{opacity:.3}}.cw-card{border:calc(var(--px) * 2) solid var(--ink);box-shadow:0 0 0 calc(var(--px) * 2) var(--shadow), calc(var(--px) * 4) calc(var(--px) * 4) 0 var(--pink-dark);padding:calc(var(--px) * 7) calc(var(--px) * 10);background:#1a0f1feb;max-width:92%;max-height:96%;overflow:auto}.cw-card h2{margin:0 0 calc(var(--px) * 4);font-weight:400;font-size:calc(var(--px) * 12);color:var(--gold)}.cw-controls{margin:0 auto calc(var(--px) * 4);border-collapse:collapse;text-align:left;font-size:calc(var(--px) * 6)}.cw-controls th{color:var(--pink);padding:calc(var(--px) * 2) calc(var(--px) * 6) calc(var(--px) * 2) 0;vertical-align:top;font-weight:400}.cw-controls td{padding:calc(var(--px) * 2) 0}.cw-result{padding:calc(var(--px) * 5) calc(var(--px) * 10)}.cw-result h2{font-size:calc(var(--px) * 10);margin-bottom:calc(var(--px) * 2)}.cw-result.lose h2{color:var(--red)}.cw-mode{font-size:calc(var(--px) * 5);color:var(--ink);opacity:.8}.cw-grade{font-size:calc(var(--px) * 40);color:var(--gold);text-shadow:calc(var(--px) * 3) calc(var(--px) * 3) 0 var(--pink-dark), calc(var(--px) * 5) calc(var(--px) * 5) 0 #000;line-height:1.1;animation:.45s cubic-bezier(.2,1.8,.4,1) both cw-stamp}.cw-grade.g-S{color:#fff3b0}.cw-grade.g-F{color:var(--red)}@keyframes cw-stamp{0%{opacity:0;transform:scale(2.5)rotate(-12deg)}to{opacity:1;transform:scale(1)rotate(-4deg)}}.cw-joke{margin:0 0 calc(var(--px) * 3);font-size:calc(var(--px) * 6)}.cw-newbest{color:var(--shadow);background:var(--gold);padding:calc(var(--px) * 1) calc(var(--px) * 4);margin-bottom:calc(var(--px) * 3);animation:.6s ease-in-out infinite alternate cw-pulse;display:inline-block}@keyframes cw-pulse{to{transform:scale(1.12)rotate(2deg)}}.cw-cakes{gap:calc(var(--px) * 3);margin-bottom:calc(var(--px) * 3);justify-content:center;display:flex}.cw-cake{width:calc(var(--px) * 10);height:calc(var(--px) * 9);background:linear-gradient(var(--pink), var(--pink)) 0 calc(var(--px) * 7) / 100% calc(var(--px) * 1) no-repeat, linear-gradient(#fffaf2, #fffaf2) 0 calc(var(--px) * 3) / 100% calc(var(--px) * 6) no-repeat, linear-gradient(#fffaf2, #fffaf2) calc(var(--px) * 2) 0 / calc(var(--px) * 6) calc(var(--px) * 3) no-repeat}.cw-cake.off{opacity:.18}.cw-stats{gap:calc(var(--px) * 2) calc(var(--px) * 8);margin:0 0 calc(var(--px) * 2);grid-template-columns:repeat(4,auto);justify-content:center;display:grid}.cw-stats dt{font-size:calc(var(--px) * 5);color:var(--pink)}.cw-stats dd{margin:0}.cw-corner{right:calc(var(--px) * 4);top:calc(var(--px) * 4);gap:calc(var(--px) * 3);display:flex;position:absolute}#ui .cw-icon{font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;font-size:calc(var(--px) * 8);width:calc(var(--px) * 16);height:calc(var(--px) * 16);opacity:.75;box-shadow:0 calc(var(--px) * 1) 0 var(--shadow);padding:0}.cw-corner.no-pause [data-action=pause],.cw-corner:not([data-screen=title]) [data-action=shareGame]{display:none}#ui .cw-icon svg{width:calc(var(--px) * 7);height:calc(var(--px) * 7);margin:auto;display:block}.cw-gh{left:calc(env(safe-area-inset-left,0px) + var(--px) * 4);bottom:calc(env(safe-area-inset-bottom,0px) + var(--px) * 4);width:max(28px, calc(var(--px) * 10));height:max(28px, calc(var(--px) * 10));padding:max(4px, calc(var(--px) * 1.5));color:var(--ink);opacity:.45;cursor:pointer;touch-action:manipulation;transition:opacity .15s;display:block;position:absolute}.cw-panel[data-screen=pause] .cw-gh{bottom:calc(env(safe-area-inset-bottom,0px) + var(--px) * 16)}.cw-gh:hover{opacity:.9}.cw-gh:focus-visible{opacity:.9}.cw-gh:focus-visible{outline:calc(var(--px) * 1.5) solid var(--gold);outline-offset:calc(var(--px) * .5)}.cw-gh svg{width:100%;height:100%;display:block}#ui .cw-icon.off{opacity:.45;text-decoration:line-through}.cw-touch{pointer-events:none;transition:opacity 1s;display:flex;position:absolute;top:0;bottom:0;left:0;right:0}.cw-touch.fade{opacity:.12}.cw-touch-l,.cw-touch-r{padding-bottom:calc(var(--px) * 24);font-size:calc(var(--px) * 6);color:var(--ink);text-shadow:calc(var(--px) * 1) calc(var(--px) * 1) 0 var(--shadow);flex:1;justify-content:center;align-items:flex-end;display:flex}.cw-touch-l{border-right:calc(var(--px) * 1) dashed #fff8ec59}.cw-toast{left:50%;bottom:calc(var(--px) * 30);background:var(--gold);color:var(--shadow);padding:calc(var(--px) * 3) calc(var(--px) * 6);font-size:calc(var(--px) * 6);opacity:0;pointer-events:none;white-space:nowrap;text-overflow:ellipsis;max-width:96%;transition:opacity .2s;position:absolute;overflow:hidden;transform:translate(-50%)}.cw-toast.show{opacity:1}.cw-best{justify-content:center;align-items:center;gap:calc(var(--px) * 2) calc(var(--px) * 6);flex-wrap:wrap;display:flex}.cw-pb{color:var(--gold);font-weight:400}#ui button.cw-link{align-items:center;gap:calc(var(--px) * 2);font-size:inherit;color:var(--gold);box-shadow:none;padding:calc(var(--px) * 1) calc(var(--px) * 1);text-underline-offset:calc(var(--px) * 1.5);text-shadow:calc(var(--px) * 1) calc(var(--px) * 1) 0 var(--shadow);background:0 0;border:none;-webkit-text-decoration:underline dotted;text-decoration:underline dotted;display:inline-flex}#ui button.cw-link[hidden]{display:none}.cw-trophy{width:calc(var(--px) * 5);height:calc(var(--px) * 5);filter:drop-shadow(calc(var(--px) * 1) calc(var(--px) * 1) 0 var(--shadow));flex:none}.cw-headline{justify-content:center;align-items:center;gap:calc(var(--px) * 8);display:flex}.cw-headline .cw-grade{font-size:calc(var(--px) * 32)}.cw-score{align-items:flex-start;gap:calc(var(--px) * 2);flex-direction:column;display:flex}.cw-score-n{font-size:calc(var(--px) * 16);color:var(--gold);text-shadow:calc(var(--px) * 2) calc(var(--px) * 2) 0 var(--pink-dark)}.cw-score-l{font-size:calc(var(--px) * 5);color:var(--pink);text-transform:uppercase}.cw-parts{justify-content:center;gap:calc(var(--px) * 1) calc(var(--px) * 5);margin:0 auto calc(var(--px) * 2);max-width:calc(var(--px) * 240);font-size:calc(var(--px) * 4.5);opacity:.7;flex-wrap:wrap;display:flex}.cw-rank{justify-content:center;align-items:center;gap:calc(var(--px) * 2);font-size:calc(var(--px) * 6);color:var(--gold);margin:0;display:flex}.cw-rank:empty{display:none}.cw-challenge .cw-score{margin-bottom:calc(var(--px) * 4);align-items:center}.cw-challenge .cw-joke b,.cw-vs{color:var(--pink);font-weight:400}.cw-vs{margin:calc(var(--px) * 2) 0;font-size:calc(var(--px) * 6)}.cw-vs.win{color:var(--gold)}.cw-board{width:min(92%, calc(var(--px) * 220))}.cw-worlds.small{margin:0 0 calc(var(--px) * 2);gap:calc(var(--px) * 4)}#ui .cw-worlds.small .cw-world{width:calc(var(--px) * 18);height:calc(var(--px) * 18)}.cw-tabs{justify-content:center;gap:calc(var(--px) * 3);margin:calc(var(--px) * 3) 0;display:flex}#ui .cw-tab{font-size:calc(var(--px) * 6);padding:calc(var(--px) * 2) calc(var(--px) * 4);color:var(--ink);box-shadow:none;background:0 0;border-color:#fff8ec59}#ui .cw-tab[aria-selected=true]{background:var(--ink);color:var(--shadow)}.cw-ranks{margin:0 0 calc(var(--px) * 3);font-size:calc(var(--px) * 6);text-align:left;padding:0;list-style:none}.cw-ranks li{grid-template-columns:calc(var(--px) * 14) 1fr auto;gap:calc(var(--px) * 3);padding:calc(var(--px) * 1.5) calc(var(--px) * 2);display:grid}.cw-ranks li:nth-child(odd){background:#fff8ec0d}.cw-ranks li:first-child .cw-s{color:var(--gold)}.cw-ranks li.me{color:var(--ink);background:#ff6fa840}.cw-ranks li.off{margin-top:calc(var(--px) * 2)}.cw-r{color:var(--pink)}.cw-n{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.cw-empty{margin:calc(var(--px) * 6) 0;font-size:calc(var(--px) * 6);opacity:.8}.cw-board-foot .cw-small{justify-content:center;align-items:center;gap:calc(var(--px) * 2);flex-wrap:wrap;display:flex}.cw-name{justify-content:center;gap:calc(var(--px) * 3);margin:calc(var(--px) * 2) 0;display:flex}.cw-name input{font-family:var(--font);font-size:max(16px, calc(var(--px) * 6));width:min(100%, calc(var(--px) * 110));min-width:0;padding:calc(var(--px) * 2) calc(var(--px) * 3);color:var(--ink);border:calc(var(--px) * 1) solid #fff8ec80;pointer-events:auto;-webkit-user-select:text;user-select:text;background:#fff8ec14;border-radius:0}.cw-name input:focus{outline:calc(var(--px) * 1) solid var(--gold);border-color:var(--gold)}#ui .cw-name button{font-size:calc(var(--px) * 6);padding:calc(var(--px) * 2) calc(var(--px) * 4)}.cw-namebox{justify-content:center;align-items:center;gap:0 calc(var(--px) * 4);margin-top:calc(var(--px) * 3);font-size:calc(var(--px) * 6);color:var(--pink);flex-wrap:wrap;display:flex}.cw-medal{width:calc(var(--px) * 5);height:calc(var(--px) * 5);color:var(--gold);filter:drop-shadow(calc(var(--px) * 1) calc(var(--px) * 1) 0 var(--shadow));flex:none}.cw-medal.off{color:#fff8ec4d;opacity:.5}.cw-badgecard{width:min(92%, calc(var(--px) * 260));flex-direction:column;display:flex;position:relative;overflow:hidden}#ui .cw-close{top:calc(var(--px) * 4);right:calc(var(--px) * 4);width:calc(var(--px) * 14);height:calc(var(--px) * 14);font-size:calc(var(--px) * 7);padding:0;line-height:1;position:absolute}.cw-badge-body{text-align:left;min-height:0;margin-bottom:calc(var(--px) * 3);flex:auto;overflow:auto}.cw-badge-body h3{align-items:center;gap:calc(var(--px) * 3);margin:calc(var(--px) * 5) 0 calc(var(--px) * 2);font-weight:400;font-size:calc(var(--px) * 6);color:var(--pink);display:flex}.cw-badge-body h3 .cw-wicon{width:calc(var(--px) * 8);height:calc(var(--px) * 8)}.cw-badges{grid-template-columns:repeat(auto-fill, minmax(calc(var(--px) * 110), 1fr));gap:calc(var(--px) * 2) calc(var(--px) * 4);margin:0;padding:0;list-style:none;display:grid}.cw-badges li{align-items:flex-start;gap:calc(var(--px) * 3);padding:calc(var(--px) * 2);background:#fff8ec0d;display:flex}.cw-badges li .cw-medal{width:calc(var(--px) * 8);height:calc(var(--px) * 8)}.cw-badges b{font-weight:400;font-size:calc(var(--px) * 5);color:var(--gold);display:block}.cw-badges small{font-size:calc(var(--px) * 4);opacity:.75;display:block}.cw-badges li.off b{color:var(--ink);opacity:.6}.cw-sr{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.cw-badge-toast{left:50%;top:calc(var(--px) * 6);align-items:center;gap:calc(var(--px) * 3);max-width:70%;padding:calc(var(--px) * 2) calc(var(--px) * 5);border:calc(var(--px) * 1) solid var(--gold);box-shadow:calc(var(--px) * 2) calc(var(--px) * 2) 0 var(--shadow);font-size:calc(var(--px) * 5);color:var(--ink);text-align:left;pointer-events:none;opacity:0;transform:translate(-50%, calc(var(--px) * -4));background:#1a0f1feb;transition:opacity .3s,transform .3s;display:flex;position:absolute}.cw-badge-toast.show{opacity:1;transform:translate(-50%)}.cw-badge-toast .cw-medal{width:calc(var(--px) * 8);height:calc(var(--px) * 8)}.cw-badge-toast small{font-size:calc(var(--px) * 4);color:var(--gold);display:block}@media (orientation:portrait){.cw-logo{align-items:center;gap:calc(var(--px) * 4);flex-direction:column}}@media (prefers-reduced-motion:reduce){.cw-logo,.cw-grade,.cw-newbest,.cw-hint{animation:none}.cw-badge-toast{transition:opacity .3s;transform:translate(-50%)}}