:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--ink:#20203a;--pink:#ff5a8a;--yellow:#ffd93d;--teal:#2ec4b6;--purple:#7c5cff;--paper:#fff;--cream:#fff7e6;--line:#e8dcff}*{box-sizing:border-box}body{color:var(--ink);background:var(--cream);background-image:radial-gradient(#ffe9f1 18%,#0000 19%),radial-gradient(#e7f9f5 18%,#0000 19%);background-position:0 0,24px 24px;background-size:48px 48px;margin:0;font-family:Arial Rounded MT Bold,Trebuchet MS,system-ui,sans-serif}button,input,textarea,select{font:inherit}.app{max-width:640px;margin:0 auto;padding:12px 12px 40px}.header{background:var(--pink);color:#fff;border:3px solid var(--ink);box-shadow:5px 5px 0 var(--ink);border-radius:20px;justify-content:space-between;align-items:center;gap:12px;padding:14px 16px;display:flex}.header h1{letter-spacing:-.5px;margin:0;font-size:26px}.tagline{opacity:.95;margin:2px 0 0;font-size:13px}.header-install{white-space:nowrap}.panel{background:var(--paper);border:3px solid var(--ink);border-radius:20px;margin-top:14px;padding:18px;box-shadow:5px 5px #20203a2e}.panel h2{margin:0 0 10px;font-size:22px}.panel h3{margin:14px 0 6px;font-size:17px}.howto{padding-left:20px;line-height:1.55}.howto li{margin-bottom:6px}.stack{flex-direction:column;gap:10px;margin-top:12px;display:flex}.row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.chip-row{flex-wrap:wrap;gap:8px;display:flex}.btn{border:3px solid var(--ink);cursor:pointer;box-shadow:3px 3px 0 var(--ink);touch-action:manipulation;border-radius:14px;padding:12px 16px;font-weight:800}.btn:active{box-shadow:1px 1px 0 var(--ink);transform:translate(2px,2px)}.btn-primary{background:var(--yellow);color:var(--ink)}.btn-secondary{color:var(--ink);background:#fff}.btn:disabled{opacity:.5;cursor:not-allowed}.chip{border-radius:999px;padding:9px 12px}.text-input,.code-area,select.text-input{border:3px solid var(--ink);min-width:0;color:var(--ink);background:#fff;border-radius:12px;flex:1;padding:11px 12px}.code-area{word-break:break-all;width:100%;font-family:ui-monospace,monospace;font-size:12px}.hint{color:#5a567a;margin:6px 0;font-size:14px;line-height:1.5}.error{color:#d92b33;font-weight:700}.notice{background:var(--yellow);border:3px solid var(--ink);border-radius:12px;margin:12px 0 0;padding:10px 12px;font-weight:700}.section-label{margin:0;font-weight:800}.player-line{margin:4px 0;font-weight:700}.feed-line{margin:4px 0}.secret-word{color:var(--pink);letter-spacing:1px}.round-info{font-size:15px;line-height:1.6}.canvas-board{border:3px solid var(--ink);touch-action:none;background:#fff;border-radius:16px;width:100%;height:auto;margin-top:12px;display:block}.swatch{border:3px solid var(--ink);cursor:pointer;border-radius:50%;width:36px;height:36px;padding:0}.swatch.selected{outline:3px solid var(--pink);outline-offset:2px}.picker-panel{margin-top:14px}.word-grid{flex-wrap:wrap;gap:8px;display:flex}.word-chip{border:2px solid var(--ink);background:var(--cream);cursor:pointer;border-radius:999px;padding:8px 12px;font-weight:800}.word-chip:active{background:var(--yellow)}.slot-card{border:3px dashed var(--purple);border-radius:16px;padding:12px}.qr-canvas{border:3px solid var(--ink);border-radius:12px;max-width:100%;height:auto;margin:10px auto;display:block}.scanner-video{border:3px solid var(--ink);border-radius:12px;width:100%}.scanner-canvas{display:none}.dialog-panel{border-color:var(--pink)}.fallback-toggle{text-align:left;width:100%}@media (width<=420px){.header h1{font-size:22px}.header-install{padding:9px 10px;font-size:13px}}