:root{--bg: #14151a;--panel: #1e2027;--ink: #e8e8ea;--accent: #6ea8fe;--muted: #8a8f9a}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body,#root{height:100%;margin:0}body{background:var(--bg);color:var(--ink);font:14px/1.4 -apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;overscroll-behavior:none;touch-action:none}.app{height:100%;display:flex;flex-direction:column;align-items:center;gap:10px;padding:10px}.frame{position:relative;width:min(100%,calc((100dvh - 140px)*.5625));aspect-ratio:9 / 16;background:#fbfbf8;border-radius:14px;overflow:hidden;box-shadow:0 8px 30px #00000073;touch-action:none}.frame canvas{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block;touch-action:none}.toolbar{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;align-items:center}button{background:var(--panel);color:var(--ink);border:1px solid #2c2f38;border-radius:10px;padding:10px 14px;font-size:14px;font-weight:600;cursor:pointer}button:active{transform:translateY(1px)}button.on{border-color:var(--accent);color:var(--accent)}button.primary{background:var(--accent);color:#0b1020;border-color:var(--accent)}.readout{color:var(--muted);font-size:12px;min-height:16px;text-align:center}.tuners{display:flex;gap:14px;flex-wrap:wrap;justify-content:center;color:var(--muted);font-size:12px}.tuners label{display:flex;align-items:center;gap:6px}.wordinput{background:var(--panel);color:var(--ink);border:1px solid #2c2f38;border-radius:10px;padding:10px 12px;font-size:15px;width:min(100%,320px);text-align:center}.share{display:flex;gap:6px;align-items:center;width:min(100%,380px)}.share input{flex:1;background:var(--panel);color:var(--ink);border:1px solid #2c2f38;border-radius:8px;padding:8px;font-size:12px}.share a{color:var(--accent);font-weight:600;padding:8px}.bank{display:flex;flex-direction:column;align-items:center;gap:12px;width:min(100%,420px)}.blanks{display:flex;gap:6px;flex-wrap:wrap;justify-content:center}.blank{width:34px;height:44px;border:none;border-bottom:3px solid #3a3f4a;border-radius:6px 6px 0 0;background:var(--panel);color:var(--ink);font-size:20px;font-weight:700}.blanks.wrong .blank{border-bottom-color:#d66}.blanks.solved .blank{border-bottom-color:#5fbf7f;color:#5fbf7f}.tiles{display:flex;gap:8px;flex-wrap:wrap;justify-content:center}.tile{width:40px;height:48px;font-size:19px;font-weight:700;background:#23262f}.tile:disabled{opacity:.25}.solvedmsg{font-size:18px;font-weight:700;color:#5fbf7f}.drawback{color:var(--accent);font-weight:700;padding:10px 14px}.home{justify-content:center;gap:16px;text-align:center}.logo{font-size:40px;margin:0;letter-spacing:-.02em}.tagline{color:var(--muted);max-width:320px;margin:0;line-height:1.5}button.big{font-size:17px;padding:14px 28px;border-radius:12px}.joinrow{display:flex;gap:8px;align-items:center;width:min(100%,320px)}.joinrow .wordinput{flex:1;text-transform:uppercase}.subtle{color:var(--muted);font-size:12px;text-decoration:none;border-bottom:1px dotted #3a3f4a}.roomhead{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap;justify-content:center}.roomcode{font-size:20px;font-weight:800;letter-spacing:.16em;color:var(--accent)}.roommeta{color:var(--muted);font-size:12px}.waiting{color:var(--ink);font-size:16px;font-weight:600;padding:40px 20px;text-align:center}