@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Space+Grotesk:wght@400;500;600;700&display=swap');
:root{color-scheme:dark;--ink:#f5eefc;--muted:#9990af;--pink:#fc80b8;--mint:#a8f1d5}*{box-sizing:border-box}body{margin:0;background:#151124;color:var(--ink);font-family:'DM Sans',sans-serif;min-height:100svh;background-image:radial-gradient(ellipse at 15% 42%,#58223b55,transparent 50%),radial-gradient(ellipse at 85% 65%,#30265c66,transparent 50%)}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer;border:1px solid #ffffff18;background:#272037;border-radius:12px;touch-action:manipulation}button:hover{background:#3c304e}button:active{transform:translateY(2px)}button:focus-visible,a:focus-visible{outline:3px solid var(--mint);outline-offset:3px}.stars{position:fixed;inset:0;pointer-events:none;opacity:.3;background-image:radial-gradient(circle,#d9a8c9 1px,transparent 1.5px);background-size:117px 137px}main{position:relative;max-width:1080px;margin:auto;padding:30px 30px 18px}header{display:flex;justify-content:space-between;align-items:center}.brand{font-family:'Space Grotesk',sans-serif;font-weight:700;letter-spacing:-1.6px;font-size:33px;color:var(--ink);text-decoration:none}.brand span{color:var(--pink)}.brand i{font-size:25px;margin-left:10px;color:#d1b3f8;font-style:normal}.tools{display:flex;gap:8px}.tools button{height:36px;min-width:36px;padding:0 10px}.tagline{letter-spacing:2.3px;font-size:10px;color:var(--muted);margin:8px 0 24px}.game{display:grid;grid-template-columns:180px minmax(0,400px) 180px;gap:28px;justify-content:center;align-items:start}.side{padding-top:35px;display:grid;gap:17px}.card{border:1px solid #ffffff0e;border-radius:17px;background:#221b30aa;padding:21px}.card label,.eyebrow{display:block;color:var(--muted);font-size:10px;letter-spacing:1.8px;font-weight:700}.card strong{font-family:'Space Grotesk',sans-serif;display:block;font-size:37px;margin:7px 0 12px;line-height:1.1}.best{font-size:10px;letter-spacing:1px;color:var(--muted)}.best span{float:right;color:var(--ink)}small{font-size:10px;color:var(--muted)}#next{display:flex;gap:5px;margin:20px 0}.mini{width:35px;height:38px;display:grid;place-items:center;color:#3a1930;background:#f792bc;border-radius:7px;font-size:21px;font-weight:700;box-shadow:inset 0 -3px #0002}.rules p{font-size:11px;color:var(--muted);line-height:1.7;margin:17px 0 0}.rules b{color:#e7ddeb;font-weight:500}.board-top{display:flex;justify-content:space-between;font-size:10px;letter-spacing:1.6px;color:var(--muted);height:35px;align-items:center}.board-top b{color:white}.live-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--mint);box-shadow:0 0 9px #a8f1d566;margin-right:5px}.board-wrap{position:relative;border:1px solid #7a537455;border-radius:14px;overflow:hidden;background:#100d1d;box-shadow:0 20px 80px #0004,0 0 50px #d4568810}canvas{display:block;width:100%;aspect-ratio:2/3;touch-action:none}.controls{display:grid;grid-template-columns:1fr 1.3fr 1.3fr 1fr 1.15fr;gap:7px;margin-top:13px}.controls button{height:57px;font-size:25px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:2px}.controls small{font-size:8px;letter-spacing:1px;color:#c6bcd6}.controls .drop{background:var(--pink);color:#3b1630;border-color:var(--pink)}.drop small{color:#632442}.hint{text-align:center;font-size:10px;color:var(--muted);margin-top:11px}.progress{height:4px;background:#ffffff10;border-radius:8px;margin:15px 0 8px;overflow:hidden}.progress i{display:block;height:100%;background:var(--mint);width:0;transition:width .4s}.recent{min-height:185px}.empty{font-size:12px;line-height:1.9;color:#887b9d;margin-top:22px}.word-item{display:flex;justify-content:space-between;align-items:center;margin-top:17px;font-size:13px;letter-spacing:1px}.word-item span{font-size:10px;color:var(--mint);letter-spacing:0}.keyboard{font-size:10px;color:#766b89;line-height:2.2;padding:0 14px}footer{text-align:center;font-size:9px;letter-spacing:2px;color:#655b75;margin-top:28px}.overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:#100d1deb;backdrop-filter:blur(6px);padding:22px;z-index:3}.overlay.hidden{display:none}.overlay-inner{text-align:center;max-width:310px}.intro-tiles{display:flex;justify-content:center;gap:7px;margin-bottom:26px}.intro-tiles span{font-size:32px;font-weight:bold;background:#f68fb9;color:#411d39;width:49px;height:55px;border-radius:10px;display:grid;place-items:center;box-shadow:inset 0 -4px #0002;transform:rotate(-8deg)}.intro-tiles span:nth-child(2){background:#b5a0ec;transform:translateY(8px) rotate(5deg)}.intro-tiles span:nth-child(3){background:#a7e4cb;transform:rotate(9deg)}h1,h2{font-family:'Space Grotesk',sans-serif;font-size:33px;letter-spacing:-1.3px;margin:0 0 12px}h1 span{color:var(--pink)}.overlay p{font-size:13px;color:#b2a5c3;line-height:1.8;margin:12px 0 20px}.overlay p b{color:#f4e9f7}.primary{background:var(--pink);color:#321525;font-weight:700;width:100%;padding:16px;font-size:15px;border:0}.primary:hover{background:#ff9ac7}.secondary{padding:12px;width:100%;margin-top:10px;font-size:12px}.mode-switch{display:flex;gap:6px;margin:16px 0}.mode-switch button{width:50%;padding:10px;font-size:12px}.mode-switch .selected{border-color:#bca2e9;background:#443451}.mode-note{font-size:10px;color:#8e809f;margin:9px 0 17px}.instructions{text-align:left;padding:0;list-style:none;font-size:12px;line-height:1.6;color:#c2b4d2}.instructions li{margin:13px 0}.instructions b{color:#f4e9fa}#toast{position:absolute;top:38%;left:6%;width:88%;text-align:center;pointer-events:none;font-size:23px;font-family:'Space Grotesk',sans-serif;font-weight:700;text-shadow:0 2px 12px #000;z-index:2;color:#fff;opacity:0;transition:opacity .2s,transform .2s}#toast.show{opacity:1;transform:translateY(-7px)}
@media(min-width:760px) and (max-height:850px){main{padding-top:20px}.game{grid-template-columns:165px minmax(0,330px) 165px;gap:24px}.tagline{margin-bottom:14px}.side{gap:12px}.card{padding:18px}footer{margin-top:18px}}
@media(max-width:759px){main{max-width:460px;padding:14px 16px 15px}.brand{font-size:26px}.brand i{font-size:18px}.tagline{font-size:8px;margin:6px 0 13px;letter-spacing:1.6px}.tools{gap:5px}.tools button{height:32px;min-width:32px;font-size:12px}.game{display:flex;flex-direction:column;gap:0}.side.left{width:100%;display:grid;grid-template-columns:1fr 1fr;padding:0;gap:10px;margin-bottom:8px}.card{padding:11px 13px;border-radius:12px}.card label{font-size:8px;letter-spacing:1.2px}.card strong{font-size:25px;display:inline-block;margin:4px 12px 0 0}.best{display:inline-block;font-size:8px;letter-spacing:0}.best span{float:none;margin-left:5px}.next-card{display:flex;align-items:center;justify-content:space-between}.next-card small,.rules,.side.right,footer{display:none!important}#next{margin:0;gap:4px}.mini{width:27px;height:31px;font-size:18px;border-radius:5px}.play-column{width:100%}.board-top{height:24px;font-size:9px}.board-wrap{width:min(100%,calc((100svh - 256px) * .6667));min-width:230px;margin:auto}.controls{margin-top:9px}.controls button{height:48px}.hint{font-size:9px;margin-top:8px}.overlay{padding:16px}.overlay p{font-size:12px;line-height:1.6;margin-bottom:13px}h1,h2{font-size:28px}.intro-tiles{margin-bottom:18px}.intro-tiles span{width:39px;height:43px;font-size:26px}.primary{padding:12px}.mode-switch{margin:10px 0}.mode-note{margin-bottom:12px}.instructions li{margin:8px 0}.instructions{font-size:11px}}
@media(prefers-reduced-motion:reduce){*{transition:none!important}}
.tools button#music{font-size:12px}.leader-form{display:flex;gap:7px;margin:12px 0}.leader-form input{min-width:0;width:60%;background:#211a30;border:1px solid #725b82;border-radius:9px;padding:10px;color:#fff;font:inherit;font-size:13px}.leader-form button{width:40%;padding:10px;font-size:12px}.save-note{font-size:11px!important;line-height:1.4!important;margin:8px 0!important}.rankings{max-height:240px;overflow-y:auto;text-align:left;margin:13px 0}.rank-row{display:grid;grid-template-columns:24px 1fr auto;gap:9px;padding:10px 3px;border-bottom:1px solid #ffffff12;font-size:12px}.rank-row b{color:#fc80b8}.rank-row span:last-child{color:#a8f1d5}.leader-tabs{display:flex;gap:8px}.leader-tabs button{width:50%;padding:9px;font-size:12px}.leader-tabs .selected{border-color:#fc80b8}.leader-title{font-size:27px}.leader-sub{font-size:11px!important;margin:7px 0!important}@media(max-width:759px){.brand{font-size:23px}.brand i{display:none}.tools{gap:4px}.tools button{min-width:28px;padding:0 6px;font-size:11px}.tools button#music{font-size:11px}.rankings{max-height:200px}.overlay-inner:has(.leader-title){width:100%}.overlay-inner:has(.leader-form) .intro-tiles{display:none}}
.overlay-inner{max-height:100%;overflow-y:auto;scrollbar-width:thin;padding:2px}.leader-form input:focus{outline:2px solid #a8f1d5}button:disabled{opacity:.6;cursor:default}