@import url("https://fonts.googleapis.com/css2?family=Caveat:wght@400;600;700&display=swap");[data-draw-theme=light]{--nb-page-bg:#fdf8ef;--nb-line:#c3d5f0;--nb-margin:#f4a9a8;--nb-ink:#1a1a2e;--nb-ink-title:#1a237e;--nb-ink-secondary:#333;--nb-ink-muted:#666;--nb-ink-faint:#888;--nb-ink-hint:#bbb;--nb-surface:#ffffff;--nb-surface-warm:#fff9c4;--nb-surface-success:#c8e6c9;--nb-surface-info:#e3f2fd;--nb-yellow:#ffd54f;--nb-yellow-soft:rgba(255,235,59,0.35);--nb-yellow-bg:rgba(255,235,59,0.45);--nb-divider:#d0d0d0;--nb-divider-soft:#e0e0e0;--nb-border-soft:#ccc;--nb-grid-overlay:rgba(0,0,0,0.07);--nb-shadow-soft:rgba(0,0,0,0.12);--nb-canvas-hint:rgba(0,0,0,0.3)}[data-draw-theme=dark]{--nb-page-bg:#13131f;--nb-line:#1c1c30;--nb-margin:#4a1e22;--nb-ink:#ddddf5;--nb-ink-title:#8898ff;--nb-ink-secondary:#b8b8d8;--nb-ink-muted:#8888aa;--nb-ink-faint:#6060a0;--nb-ink-hint:#404075;--nb-surface:#1c1c2e;--nb-surface-warm:#22223a;--nb-surface-success:#142a1e;--nb-surface-info:#101c2e;--nb-yellow:#ffd54f;--nb-yellow-soft:rgba(255,213,79,0.18);--nb-yellow-bg:rgba(255,213,79,0.22);--nb-divider:#2a2a44;--nb-divider-soft:#222238;--nb-border-soft:#333355;--nb-grid-overlay:rgba(255,255,255,0.05);--nb-shadow-soft:rgba(0,0,0,0.5);--nb-canvas-hint:rgba(255,255,255,0.35)}.nb-theme-btn{font-size:1rem;background:none;border:1.5px solid var(--nb-ink-muted);border-radius:20px;padding:.15rem .55rem;cursor:pointer;color:var(--nb-ink-muted);font-family:Caveat,cursive;font-size:.85rem;transition:border-color .15s,color .15s;line-height:1.6}.nb-theme-btn:hover{border-color:var(--nb-ink);color:var(--nb-ink)}.nb-page{min-height:100vh;background-color:var(--nb-page-bg);background-image:linear-gradient(90deg,transparent 48px,var(--nb-margin) 48px,var(--nb-margin) 50px,transparent 50px),repeating-linear-gradient(180deg,transparent 0,transparent 31px,var(--nb-line) 31px,var(--nb-line) 32px);display:flex;flex-direction:column;align-items:center;padding:2rem 1.25rem 5rem 3.5rem;font-family:var(--font-sans);color:var(--nb-ink);transition:background-color .2s ease,color .2s ease}.nb-title{font-family:Caveat,cursive;font-size:2.75rem;font-weight:700;color:var(--nb-ink-title);letter-spacing:-.01em;margin:0 0 .1rem;line-height:1}.nb-subtitle{font-weight:400;color:var(--nb-ink-muted);margin:0 0 2rem}.nb-label,.nb-subtitle{font-family:Caveat,cursive;font-size:1.05rem}.nb-label{font-weight:600;color:var(--nb-ink-secondary);margin-bottom:.3rem;display:block}.nb-error{font-family:Caveat,cursive;font-size:1rem;color:#c62828;margin-top:.25rem}.nb-card{background:var(--nb-surface);border:2.5px solid var(--nb-ink);border-radius:4px;box-shadow:5px 5px 0 var(--nb-ink);padding:1.75rem;width:100%;max-width:420px}.nb-tabs{display:flex;border-bottom:2px solid var(--nb-ink);margin-bottom:1.5rem}.nb-tab{font-family:Caveat,cursive;font-size:1.2rem;font-weight:600;padding:.4rem 1.25rem;cursor:pointer;background:none;color:var(--nb-ink-faint);border:none;border-bottom:3px solid transparent;margin-bottom:-2px;transition:color .15s}.nb-tab.active{color:var(--nb-ink-title);border-bottom-color:var(--nb-ink-title)}.nb-input{font-family:Caveat,cursive;font-size:1.3rem;background:transparent;border:none;border-bottom:2px solid var(--nb-ink);outline:none;width:100%;padding:.2rem 0;color:var(--nb-ink);transition:border-color .15s}.nb-input::placeholder{color:var(--nb-ink-hint);font-style:italic}.nb-input:focus{border-bottom-color:var(--nb-ink-title)}.nb-input-group{margin-bottom:1.25rem}.nb-btn{font-family:Caveat,cursive;font-size:1.25rem;font-weight:700;background:var(--nb-yellow);color:var(--nb-ink);border:2.5px solid var(--nb-ink);border-radius:4px;padding:.5rem 1.5rem;cursor:pointer;box-shadow:3px 3px 0 var(--nb-ink);transition:transform .1s,box-shadow .1s;display:inline-flex;align-items:center;justify-content:center;gap:.4rem;text-decoration:none}.nb-btn:hover{transform:translate(-1px,-1px);box-shadow:4px 4px 0 var(--nb-ink)}.nb-btn:active{transform:translate(2px,2px);box-shadow:1px 1px 0 var(--nb-ink)}.nb-btn:disabled{opacity:.5;cursor:not-allowed;transform:none;box-shadow:3px 3px 0 var(--nb-ink)}.nb-btn-green{background:#a5d6a7}.nb-btn-blue{background:#90caf9}.nb-btn-red{background:#ef9a9a}.nb-btn-ghost{background:var(--nb-surface)}.nb-btn-wide{width:100%}.nb-code-chip{font-family:Caveat,cursive;font-size:1.6rem;font-weight:700;color:var(--nb-ink-title);letter-spacing:.15em;background:var(--nb-yellow-bg);border:1.5px dashed var(--nb-ink-title);border-radius:4px;padding:.1rem .65rem;cursor:pointer;transition:background .15s}.nb-code-chip:hover{background:var(--nb-yellow-soft);filter:brightness(1.1)}.nb-header{align-items:center;justify-content:space-between;max-width:480px}.nb-header,.nb-player-list{display:flex;width:100%;margin-bottom:1.25rem}.nb-player-list{flex-direction:column;gap:.5rem}.nb-player-note{display:flex;align-items:center;justify-content:space-between;background:var(--nb-surface-warm);border:1.5px solid var(--nb-ink);border-radius:3px;box-shadow:2px 2px 0 var(--nb-shadow-soft);padding:.5rem .875rem;font-family:Caveat,cursive;font-size:1.1rem;color:var(--nb-ink)}.nb-player-note.submitted{background:var(--nb-surface-success)}.nb-player-host-badge{font-size:.8rem;background:var(--nb-ink-title);color:#fff;padding:.1rem .35rem;border-radius:3px;margin-left:.4rem;font-family:var(--font-sans)}.nb-player-check{font-size:1.1rem}.nb-rounds-row{display:flex;align-items:center;gap:.5rem;margin-bottom:1.25rem;flex-wrap:wrap}.nb-rounds-label{font-family:Caveat,cursive;font-size:1.1rem;color:var(--nb-ink-secondary);margin-right:.25rem}.nb-round-btn{font-family:Caveat,cursive;font-size:1rem;font-weight:600;min-width:36px;height:36px;border-radius:50%;border:2px solid var(--nb-ink);background:var(--nb-surface);color:var(--nb-ink);cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0 6px;transition:background .12s,transform .08s}.nb-round-btn.selected{background:var(--nb-yellow);box-shadow:2px 2px 0 var(--nb-ink);transform:scale(1.1)}.nb-game{flex-direction:column;max-width:480px;gap:.875rem}.nb-game,.nb-hud{display:flex;align-items:center;width:100%}.nb-hud{justify-content:space-between}.nb-round-tag{font-family:Caveat,cursive;font-size:1rem;color:var(--nb-ink-muted)}.nb-prompt-tag{font-size:1.15rem;color:var(--nb-ink-title);background:var(--nb-yellow-soft);padding:.15rem .6rem;border-radius:3px;border:1.5px solid var(--nb-ink-title)}.nb-prompt-tag,.nb-timer{font-family:Caveat,cursive;font-weight:700}.nb-timer{font-size:1.75rem;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;color:var(--nb-ink);min-width:3rem;text-align:right;transition:color .3s}.nb-timer.low{color:#c62828;animation:nb-pulse .5s ease-in-out infinite alternate}@keyframes nb-pulse{0%{transform:scale(1)}to{transform:scale(1.1)}}.nb-canvas-wrapper{position:relative;border:2.5px solid var(--nb-ink);border-radius:3px;overflow:hidden;box-shadow:5px 5px 0 var(--nb-ink);cursor:crosshair;-webkit-user-select:none;-moz-user-select:none;user-select:none;touch-action:none;width:100%;max-width:400px;background:#fff}.nb-canvas{display:block;width:100%;image-rendering:pixelated;image-rendering:crisp-edges}.nb-canvas-expand-hint{position:absolute;bottom:6px;right:6px;font-size:.65rem;color:var(--nb-canvas-hint)}.nb-canvas-expand-hint,.nb-hint-text{font-family:Caveat,cursive;pointer-events:none}.nb-hint-text{font-size:1rem;font-weight:600;color:var(--nb-ink-faint);font-style:italic;text-align:center;margin:-.25rem 0 0;width:100%;transition:opacity .5s ease;line-height:1.4}.nb-fullscreen-overlay{position:fixed;inset:0;z-index:1000;background:var(--nb-page-bg);display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding:.75rem;gap:.625rem;overflow:hidden}.nb-fullscreen-close{position:absolute;top:.75rem;right:.75rem;font-family:Caveat,cursive;font-size:1rem;background:#ef9a9a;border:2px solid var(--nb-ink);border-radius:4px;padding:.25rem .625rem;cursor:pointer;box-shadow:2px 2px 0 var(--nb-ink);z-index:10;color:var(--nb-ink)}.nb-fullscreen-hud{display:flex;align-items:center;justify-content:space-between;width:100%;padding-top:.25rem}.nb-fullscreen-canvas-wrapper{position:relative;border:2.5px solid var(--nb-ink);border-radius:3px;overflow:hidden;box-shadow:4px 4px 0 var(--nb-ink);cursor:crosshair;-webkit-user-select:none;-moz-user-select:none;user-select:none;touch-action:none;flex:1 1;width:100%;max-width:min(100vw - 1.5rem,100vh - 10rem);align-self:center;background:#fff}.nb-fullscreen-canvas{display:block;width:100%;height:100%;image-rendering:pixelated;image-rendering:crisp-edges}.nb-toolbar{display:flex;align-items:center;gap:.5rem;width:100%;flex-wrap:wrap}.nb-active-swatch{width:30px;height:30px;flex-shrink:0}.nb-active-swatch,.nb-tool-btn{border:2px solid var(--nb-ink);border-radius:4px}.nb-tool-btn{font-family:Caveat,cursive;font-size:.95rem;font-weight:600;background:var(--nb-surface);padding:.3rem .65rem;cursor:pointer;color:var(--nb-ink);box-shadow:2px 2px 0 var(--nb-ink);transition:transform .1s,box-shadow .1s}.nb-tool-btn:hover{transform:translate(-1px,-1px);box-shadow:3px 3px 0 var(--nb-ink)}.nb-tool-btn.active{background:var(--nb-ink);color:var(--nb-page-bg);transform:translate(1px,1px);box-shadow:1px 1px 0 var(--nb-ink)}.nb-tool-btn:disabled{opacity:.4;cursor:not-allowed;transform:none}.nb-spacer{flex:1 1}.nb-toolbar-divider{width:1px;height:22px;background:var(--nb-divider);flex-shrink:0}.nb-brush-btn{background:var(--nb-surface);border:2px solid var(--nb-ink);border-radius:4px;width:28px;height:28px;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:2px 2px 0 var(--nb-ink);transition:transform .1s,box-shadow .1s;flex-shrink:0;padding:0}.nb-brush-btn:hover{transform:translate(-1px,-1px);box-shadow:3px 3px 0 var(--nb-ink)}.nb-brush-btn.active{background:var(--nb-ink);transform:translate(1px,1px);box-shadow:1px 1px 0 var(--nb-ink)}.nb-brush-dot{display:block;border-radius:1px;background:var(--nb-ink)}.nb-brush-btn.active .nb-brush-dot{background:var(--nb-page-bg)}.nb-brush-dot-1{width:4px;height:4px}.nb-brush-dot-2{width:8px;height:8px}.nb-brush-dot-3{width:12px;height:12px}.nb-palette{display:grid;grid-template-columns:repeat(8,1fr);grid-gap:5px;gap:5px;width:100%}.nb-swatch{aspect-ratio:1;border-radius:4px;border:2px solid transparent;cursor:pointer;transition:transform .1s,border-color .1s;box-shadow:0 1px 3px var(--nb-shadow-soft)}.nb-swatch:hover{transform:scale(1.15)}.nb-swatch.selected{border-color:var(--nb-ink);transform:scale(1.2);box-shadow:2px 2px 0 var(--nb-ink)}.nb-status-note{width:100%;max-width:480px;background:var(--nb-surface-info);border:1.5px solid var(--nb-ink);border-radius:4px;padding:.625rem 1rem;font-family:Caveat,cursive;font-size:1.05rem;color:var(--nb-ink);text-align:center}.nb-submitted-note{background:var(--nb-surface-success)}.nb-review{display:flex;flex-direction:column;align-items:center;width:100%;max-width:480px;gap:1.25rem}.nb-review-heading{font-size:1.75rem;font-weight:700;color:var(--nb-ink-title);margin:0}.nb-review-heading,.nb-review-sub{font-family:Caveat,cursive;text-align:center}.nb-review-sub{font-size:1rem;color:var(--nb-ink-muted);margin:-.75rem 0 0}.nb-drawings-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:1rem;gap:1rem;width:100%}.nb-drawing-item{display:flex;flex-direction:column;align-items:center;gap:.4rem}.nb-drawing-label{font-family:Caveat,cursive;font-size:.85rem;font-weight:700;color:var(--nb-ink-muted);text-transform:uppercase;letter-spacing:.05em}.nb-result-canvas{width:100%;border:2.5px solid var(--nb-ink);border-radius:3px;box-shadow:3px 3px 0 var(--nb-ink);image-rendering:pixelated;image-rendering:crisp-edges}.nb-placeholder{aspect-ratio:1;border:2px dashed var(--nb-border-soft);border-radius:3px;justify-content:center;font-family:Caveat,cursive;font-size:.9rem;color:var(--nb-ink-faint);text-align:center;padding:.75rem;line-height:1.4}.nb-placeholder,.nb-reactions-area{width:100%;display:flex;align-items:center}.nb-reactions-area{position:relative;flex-direction:column;gap:.5rem}.nb-reactions-bar{gap:.35rem;flex-wrap:wrap}.nb-reaction-btn,.nb-reactions-bar{display:flex;justify-content:center}.nb-reaction-btn{font-size:1.35rem;background:var(--nb-surface);border:1.5px solid var(--nb-divider);border-radius:50%;width:40px;height:40px;align-items:center;cursor:pointer;transition:transform .1s,border-color .1s,box-shadow .1s;line-height:1;padding:0}.nb-reaction-btn:hover{transform:scale(1.2);border-color:var(--nb-ink-muted);box-shadow:0 2px 8px var(--nb-shadow-soft)}.nb-reaction-btn:active{transform:scale(.92)}.nb-reaction-floats{position:absolute;bottom:100%;left:50%;transform:translateX(-50%);width:100%;max-width:300px;height:120px;pointer-events:none;overflow:visible}.nb-reaction-float{position:absolute;bottom:0;font-size:1.6rem;line-height:1;animation:nb-float-up 2s ease-out forwards;pointer-events:none}@keyframes nb-float-up{0%{transform:translateY(0) scale(1);opacity:1}60%{transform:translateY(-70px) scale(1.15);opacity:.9}to{transform:translateY(-120px) scale(.8);opacity:0}}.nb-finished{display:flex;flex-direction:column;align-items:center;width:100%;max-width:480px;gap:1.25rem}.nb-finished-heading{font-family:Caveat,cursive;font-size:2rem;font-weight:700;color:var(--nb-ink-title);text-align:center;margin:0}.nb-rounds-summary{display:flex;flex-direction:column;gap:1.5rem;width:100%}.nb-round-summary{display:flex;flex-direction:column;gap:.5rem}.nb-round-summary-title{font-family:Caveat,cursive;font-size:1.2rem;font-weight:700;color:var(--nb-ink-secondary);border-bottom:1.5px solid var(--nb-divider-soft);padding-bottom:.25rem}.nb-action-row{display:flex;flex-wrap:wrap;gap:.75rem;width:100%}.nb-connecting{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;min-height:60vh}.nb-connecting p{font-family:Caveat,cursive;font-size:1.2rem;color:var(--nb-ink-muted)}.nb-share-note{font-family:Caveat,cursive;font-size:.95rem;color:var(--nb-ink-faint);text-align:center;margin-top:.25rem}.nb-chat{width:100%;max-width:480px;margin-top:1.5rem;display:flex;flex-direction:column;gap:0;border:2px solid var(--nb-ink);border-radius:6px;overflow:hidden;box-shadow:3px 3px 0 var(--nb-ink)}.nb-chat-header{display:flex;align-items:center;justify-content:space-between;padding:.35rem .75rem;background:var(--nb-surface-warm);border-bottom:1.5px solid var(--nb-divider);cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.nb-chat-title{font-size:1rem;color:var(--nb-ink)}.nb-chat-title,.nb-chat-unread{font-family:Caveat,cursive;font-weight:700}.nb-chat-unread{font-size:.8rem;background:#ef9a9a;color:#1a1a2e;border-radius:10px;padding:.05rem .4rem}.nb-chat-messages{height:160px;overflow-y:auto;padding:.5rem .75rem;background:var(--nb-surface);display:flex;flex-direction:column;gap:.3rem;scroll-behavior:smooth}.nb-chat-empty{font-family:Caveat,cursive;font-size:.9rem;color:var(--nb-ink-hint);font-style:italic;text-align:center;margin:auto}.nb-chat-msg{font-family:Caveat,cursive;font-size:1rem;color:var(--nb-ink);line-height:1.35;word-break:break-word}.nb-chat-msg-name{font-weight:700;color:var(--nb-ink-title);margin-right:.25rem}.nb-chat-input-row{display:flex;border-top:1.5px solid var(--nb-divider);background:var(--nb-surface)}.nb-chat-input{flex:1 1;font-family:Caveat,cursive;font-size:1.05rem;background:transparent;border:none;outline:none;padding:.4rem .75rem;color:var(--nb-ink)}.nb-chat-input::placeholder{color:var(--nb-ink-hint);font-style:italic}.nb-chat-send-btn{font-family:Caveat,cursive;font-size:.95rem;font-weight:700;background:var(--nb-yellow);border:none;border-left:1.5px solid var(--nb-divider);padding:.4rem .875rem;cursor:pointer;color:var(--nb-ink);transition:background .1s}.nb-chat-send-btn:hover{background:#ffc107}.nb-chat-send-btn:disabled{opacity:.5;cursor:not-allowed}@media (max-width:480px){.nb-page{padding-left:1rem;background-image:linear-gradient(90deg,transparent 20px,var(--nb-margin) 20px,var(--nb-margin) 22px,transparent 22px),repeating-linear-gradient(180deg,transparent 0,transparent 31px,var(--nb-line) 31px,var(--nb-line) 32px)}.nb-title{font-size:2.2rem}.nb-palette{gap:4px}.nb-chat-messages{height:120px}}