:root{--color-bg: #f6e7cd;--color-bg-deep: #ecd2a4;--color-paper: #faf1e0;--color-ink: #3b2a20;--color-ink-soft: #6b4f3a;--color-ink-faint: #9a8268;--color-primary: #bf6632;--color-primary-dark: #934c22;--color-primary-soft: #eacbb4;--color-secondary: #2fa9b8;--color-secondary-dark: #1f7a86;--color-secondary-soft: #c9eef2;--color-accent: #f2a93b;--color-accent-dark: #c97f17;--color-surface: #ffffff;--color-success: #3f9142;--color-danger: #c53d3d;--font-heading: "DM Sans", sans-serif;--font-body: "DM Sans", sans-serif;--radius-sm: 10px;--radius-md: 18px;--radius-lg: 28px;--shadow-card: 0 6px 18px rgba(59, 42, 32, .18);--shadow-soft: 0 2px 8px rgba(59, 42, 32, .12);color-scheme:light}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;font-family:var(--font-body);color:var(--color-ink);background:var(--color-bg);-webkit-font-smoothing:antialiased}.mural-bg{background-image:url(/assets/mural-Dk23LDkP.jpg);background-size:cover;background-position:center;background-repeat:no-repeat}h1,h2,h3,h4{font-family:var(--font-heading);margin:0;letter-spacing:.02em}p{margin:0;line-height:1.5}button,input,select,textarea{font-family:inherit}a{color:inherit}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;font-family:var(--font-heading);font-weight:700;font-size:1rem;letter-spacing:.02em;border-radius:999px;border:3px solid var(--color-ink);padding:12px 28px;cursor:pointer;transition:transform .12s ease,box-shadow .12s ease,opacity .12s ease;background:var(--color-primary);color:#fff;box-shadow:var(--shadow-soft)}.btn:hover{transform:translateY(-2px);box-shadow:var(--shadow-card)}.btn:active{transform:translateY(0)}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none;box-shadow:none}.btn-secondary{background:var(--color-secondary)}.btn-ghost{background:var(--color-primary-soft);color:var(--color-ink);border-color:var(--color-ink)}.btn-block{width:100%}.onboarding-nav{display:flex;justify-content:space-between;gap:12px;margin-top:28px}@media (max-width: 460px){.onboarding-nav{flex-direction:column-reverse}.onboarding-nav .btn{width:100%}}.btn-locked{opacity:.45;cursor:not-allowed;box-shadow:none}.btn-locked:hover{transform:none;box-shadow:none}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#3b2a2080;display:flex;align-items:center;justify-content:center;padding:24px;z-index:50}.modal-box{background:var(--color-paper);border:3px solid var(--color-ink);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);padding:28px 32px;max-width:90vw;text-align:center;display:flex;flex-direction:column;gap:20px}.modal-text{font-family:var(--font-heading);font-weight:700;font-size:1.1rem;color:var(--color-ink);white-space:nowrap}.card-surface{background:var(--color-paper);border:3px solid var(--color-ink);border-radius:var(--radius-lg);box-shadow:var(--shadow-card)}.board-preview-img{max-width:96vw;max-height:90vh;border-radius:12px;box-shadow:var(--shadow-card)}@media (orientation: portrait){.board-preview-img{max-width:90vh;max-height:96vw;transform:rotate(90deg)}}.field{display:flex;flex-direction:column;gap:6px;text-align:left}.field label{font-family:var(--font-heading);font-size:.85rem;color:var(--color-ink-soft);text-transform:uppercase;letter-spacing:.04em}.field input,.field select{border:2px solid var(--color-ink-faint);border-radius:var(--radius-sm);padding:12px 14px;font-size:1rem;background:#fff;color:var(--color-ink)}.field select{-moz-appearance:none;appearance:none;-webkit-appearance:none;padding-right:42px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8' fill='none' stroke='%23757575' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M1 1.5 6 6.5 11 1.5'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 16px center}.field select:invalid{color:#757575}.field select option{color:var(--color-ink)}.field input:focus,.field select:focus{outline:none;border-color:var(--color-primary)}.error-text{color:var(--color-danger);font-weight:700;font-size:.9rem}.badge{display:inline-flex;align-items:center;gap:6px;font-family:var(--font-heading);font-size:.75rem;text-transform:uppercase;padding:4px 12px;border-radius:999px;background:var(--color-secondary-soft);color:var(--color-secondary-dark)}.error-boundary{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:24px;background:var(--color-bg)}.error-boundary-card{background:var(--color-paper);border:3px solid var(--color-ink);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);padding:32px 36px;max-width:440px;width:100%;text-align:center;display:flex;flex-direction:column;gap:16px}.error-boundary-card h1{color:var(--color-primary-dark);font-size:1.4rem}.error-boundary-card p{color:var(--color-ink-soft);font-size:1rem;line-height:1.5}.error-boundary-actions{display:flex;flex-direction:column;gap:10px;margin-top:4px}.error-boundary-hint{color:var(--color-ink-faint);font-size:.85rem}@media (max-width: 460px){.error-boundary{padding:16px}.error-boundary-card{padding:24px 20px}}.save-status{margin:0;padding:10px 24px;background:var(--color-accent);color:var(--color-ink);font-size:.9rem;font-weight:700;text-align:center;border-bottom:3px solid var(--color-ink)}.tray{display:flex;flex-wrap:wrap;gap:14px;padding:16px;background:var(--color-paper);border-radius:var(--radius-md);border:2px dashed var(--color-ink-faint);min-height:110px}.tray-empty{font-style:italic;color:var(--color-ink-faint);padding:8px}.draggable-card{width:150px;height:auto;border-radius:var(--radius-sm);background:#fff;border:2px solid var(--color-ink);display:block;cursor:grab;overflow:hidden;position:relative;touch-action:none;box-shadow:var(--shadow-soft);transition:box-shadow .12s ease}.draggable-card:active{cursor:grabbing}.draggable-card img{width:100%;height:auto;display:block;object-fit:contain}.draggable-card .card-label{position:absolute;bottom:0;left:0;right:0;background:#3b2a20c7;color:#fff;font-size:.7rem;font-family:var(--font-heading);text-align:center;padding:4px;line-height:1.15}.draggable-card.dragging{opacity:.35}.board-card{background:var(--color-paper);border:3px solid var(--color-ink-soft);border-radius:var(--radius-lg);padding:20px 24px;box-shadow:var(--shadow-card)}.board-card-question{background:var(--color-ink);border-color:var(--color-ink)}.step-badge{display:inline-block;font-family:var(--font-heading);font-weight:700;font-size:.72rem;letter-spacing:.05em;text-transform:uppercase;padding:4px 12px;border-radius:999px;background:var(--color-paper);color:var(--color-ink);margin-bottom:10px}.tabuleiro-page{height:100vh;display:flex;flex-direction:column;overflow:hidden}.tabuleiro-content{flex:1;min-height:0;display:flex;flex-direction:column}.tabuleiro-content>.board-columns{flex:1;min-height:0}.board-columns{display:flex;gap:24px;align-items:stretch;flex-wrap:nowrap}.board-left-col{flex:0 0 320px;min-width:0;min-height:0;display:flex;flex-direction:column;gap:20px}.board-drop{flex:1;display:flex;align-items:center;justify-content:center;min-height:220px}.tabuleiro-board.board-drop{background:var(--color-paper);border:3px dashed var(--color-ink-soft);border-radius:var(--radius-lg);padding:0 24px;box-shadow:var(--shadow-card);flex-direction:column;align-items:stretch;justify-content:flex-start}.board-drop-inner{flex:1;min-height:0;display:flex;align-items:center;justify-content:center}.board-cards{flex:3.4 1 480px;min-width:0;min-height:0;display:flex;flex-direction:column;padding:0 34px}.board-cards .tray{flex:1;flex-wrap:wrap;align-content:flex-start;padding:34px 6px 34px 0;background:transparent;border:none;border-radius:0;min-height:0;overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--color-ink-soft) transparent}.board-cards .tray::-webkit-scrollbar{width:10px}.board-cards .tray::-webkit-scrollbar-button{display:none;width:0;height:0}.board-cards .tray::-webkit-scrollbar-track{background:transparent;margin:14px 0}.board-cards .tray::-webkit-scrollbar-thumb{background:var(--color-ink-soft);border-radius:999px}.board-cards .draggable-card{width:240px;border:none;background:transparent;box-shadow:none;overflow:hidden}.painel-page .board-cards .card-label{display:none}.drag-preview{width:240px;height:auto;border:none;background:transparent;box-shadow:none;overflow:visible}.board-cards .card-label{position:absolute;left:12px;right:12px;bottom:12px;background:#30130ad1;color:#fff;font-family:var(--font-heading);font-size:.78rem;line-height:1.2;text-align:center;padding:9px 8px;border-radius:8px}.board-drop-slot{width:auto;max-width:none}.board-drop-slot .slot-rect{width:auto;height:auto;min-height:0;border:none;background:transparent}.board-drop .slot-card{width:260px;max-width:100%;flex:0 0 auto}.tabuleiro-board{position:relative;background:var(--color-bg-deep);border:4px solid var(--color-ink);border-radius:var(--radius-lg);padding:24px;box-shadow:var(--shadow-card)}.tabuleiro-header{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:24px}.tabuleiro-header .badge-info{background:var(--color-surface);border:2px solid var(--color-ink);border-radius:999px;padding:8px 18px;font-family:var(--font-heading);font-size:.85rem}.precisa-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}@media (max-width: 720px){.precisa-grid{grid-template-columns:repeat(2,1fr)}}.precisa-zone{position:relative;width:100%;height:100%;overflow:hidden auto;display:flex;flex-direction:column;gap:10px;padding:14px 16px 4px 0;scrollbar-width:thin;scrollbar-color:var(--color-ink-soft) transparent}.precisa-zone::-webkit-scrollbar{width:10px}.precisa-zone::-webkit-scrollbar-button{display:none;width:0;height:0}.precisa-zone::-webkit-scrollbar-track{background:transparent;margin:14px 0}.precisa-zone::-webkit-scrollbar-thumb{background:var(--color-ink-soft);border-radius:999px}.precisa-zone>.slot-placeholder{margin:auto}.precisa-zone.over{background:var(--color-secondary-soft);border-radius:var(--radius-md)}.precisa-counter{font-family:var(--font-heading);font-weight:700;font-size:1.35rem;color:var(--color-ink-soft);margin-left:32px}.precisa-item{position:relative;display:flex;align-items:center;gap:10px;flex:0 0 auto;margin-left:32px;background:var(--color-surface);border:2px solid var(--color-ink-soft);border-radius:var(--radius-sm);padding:6px 8px}.precisa-item-order{position:absolute;top:50%;right:calc(100% + 8px);transform:translateY(-50%);width:22px;height:22px;border-radius:50%;background:var(--color-ink-soft);color:#fff;display:flex;align-items:center;justify-content:center;font-family:var(--font-heading);font-weight:700;font-size:.78rem;z-index:3}.precisa-item-arrows{display:flex;flex-direction:column;gap:1px;flex:0 0 auto}.precisa-arrow{border:none;background:none;padding:2px 4px;cursor:pointer;color:var(--color-ink-soft);display:flex;align-items:center;justify-content:center}.precisa-arrow-icon{width:20px;height:17px;display:block}.precisa-arrow-icon path{fill:currentColor;stroke:currentColor;stroke-width:2.6;stroke-linejoin:round}.precisa-arrow:disabled{opacity:.25;cursor:default}.precisa-item img{width:52px;height:52px;object-fit:contain;border-radius:6px;flex:0 0 auto}.precisa-item-label{flex:1;min-width:0;font-size:.9rem;font-weight:600;color:var(--color-ink);line-height:1.15;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;overflow-wrap:anywhere}.precisa-item-remove{position:absolute;top:-10px;right:-10px;width:28px;height:28px;border-radius:50%;background:var(--color-danger);color:#fff;border:none;font-size:1.1rem;font-weight:800;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center}.slot-rect,.slot-circle{background:#fff;border:3px dashed var(--color-ink);display:flex;align-items:center;justify-content:center;position:relative;min-height:110px;transition:background .15s ease,border-color .15s ease}.slot-rect{border-radius:var(--radius-sm)}.slot-circle{border-radius:50%;width:150px;height:150px;margin:0 auto}.slot-rect.over,.slot-circle.over,.hex-slot.over .hex-inner{background:var(--color-secondary-soft);border-color:var(--color-secondary-dark)}.slot-rect.filled,.slot-circle.filled{border-style:solid}.board-drop .slot-rect,.board-drop .slot-circle{border:none;background:transparent;position:static;width:auto;height:auto;min-height:0}.board-drop .slot-card{position:static;display:flex;flex-direction:column;align-items:center}.board-drop .slot-card img{width:100%;height:auto;object-fit:contain;border-radius:var(--radius-sm)}.board-drop .slot-card .card-label{position:absolute;left:12px;right:12px;bottom:12px;background:#30130ad1;color:#fff;font-family:var(--font-heading);font-size:.85rem;line-height:1.2;padding:9px 8px;text-align:center;border-radius:8px}.board-drop .slot-card .remove-btn{top:10px;right:10px;width:42px;height:42px;font-size:1.6rem;line-height:1;padding:0 0 4px;box-sizing:border-box;border:none}.slot-placeholder{color:var(--color-ink-faint);font-family:var(--font-heading);font-size:.9rem;text-align:center;padding:8px}.slot-card{width:100%;height:100%;position:relative;cursor:pointer}.slot-card img{width:100%;height:100%;object-fit:cover;border-radius:inherit}.slot-card .card-label{position:absolute;bottom:0;left:0;right:0;background:#3b2a20c7;color:#fff;font-size:.7rem;font-family:var(--font-heading);text-align:center;padding:4px;border-radius:0 0 inherit inherit}.slot-card .remove-btn{position:absolute;top:-8px;right:-8px;width:24px;height:24px;border-radius:50%;background:var(--color-danger);color:#fff;border:2px solid white;font-size:.8rem;font-weight:800;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:2}.painel-board{position:relative;background:var(--color-bg-deep);border:4px solid var(--color-ink);border-radius:var(--radius-lg);padding:28px 16px;box-shadow:var(--shadow-card)}.hex-grid{display:flex;flex-direction:column;align-items:center;gap:4px;margin:0 auto;max-width:480px}.hex-row{display:flex;justify-content:center;gap:8px}.hex-row.offset{margin-top:-22px}.hex-slot{width:120px;height:104px;position:relative;clip-path:polygon(25% 0%,75% 0%,100% 50%,75% 100%,25% 100%,0% 50%);background:var(--color-ink);flex-shrink:0}.hex-slot.center{background:var(--color-primary)}.hex-inner{position:absolute;top:4px;right:4px;bottom:4px;left:4px;clip-path:polygon(25% 0%,75% 0%,100% 50%,75% 100%,25% 100%,0% 50%);background:#fff;display:flex;align-items:center;justify-content:center;overflow:hidden;cursor:pointer}.hex-slot.center .hex-inner{background:var(--color-primary-soft)}.hex-inner img{width:100%;height:100%;object-fit:cover}.hex-inner .remove-btn{position:absolute;top:4px;right:4px;width:22px;height:22px;border-radius:50%;background:var(--color-danger);color:#fff;border:2px solid white;font-size:.75rem;font-weight:800;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:2}.brand-header{width:100%;padding:18px 28px;display:flex;align-items:center;justify-content:space-between;gap:16px;background:var(--color-paper);border-bottom:3px solid var(--color-ink)}.brand-header-gov{display:flex;align-items:center;gap:36px}@media (max-width: 560px){.brand-header-fdte{display:none}}.game-header{position:relative;display:flex;align-items:center;gap:12px}.game-header-logos{flex:1;display:flex;align-items:center;gap:24px;min-width:0}.game-header-fdte{height:30px;width:auto;flex:0 0 auto}@media (max-width: 560px){.game-header-fdte{height:24px}}.game-header-info{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:8px}.game-header-actions{flex:1;display:flex;justify-content:flex-end;gap:12px}.game-header-hamburger{display:none;padding:8px 12px}.game-header-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:40}.game-header-menu{position:absolute;top:calc(100% + 6px);right:24px;z-index:50;display:flex;flex-direction:column;gap:16px;min-width:220px;padding:18px;background:var(--color-paper);border:3px solid #30130a;border-radius:var(--radius-md);box-shadow:var(--shadow-card)}.game-header-menu-logos{display:flex;align-items:center;gap:24px}.game-header-menu-info{display:flex;flex-direction:column;align-items:stretch;gap:8px}.game-header-menu-info .btn{text-align:center}.game-nav{display:flex;justify-content:space-between;gap:12px;margin-top:16px}@media (max-width: 560px){.resumo-field-card{flex-wrap:wrap}.resumo-field-card .resumo-field-edit{width:100%}}.resumo-section-card{display:flex;flex-direction:column}.resumo-section-card>p{margin:0 0 12px}.resumo-section-edit{align-self:flex-end;margin-top:14px;padding:8px 16px}.resumo-card-grid{display:flex;gap:10px;flex-wrap:wrap}.resumo-mini-card{width:64px;height:64px;object-fit:contain}.resumo-mini-empty{border-radius:8px;border:2px dashed var(--color-ink-faint)}@media (max-width: 560px){.resumo-section-card{display:flex;flex-direction:column}.resumo-section-card>p{margin:0 0 12px}.resumo-section-edit{width:100%;margin-top:14px}.resumo-card-grid{display:grid;grid-template-columns:repeat(2,1fr)}.resumo-card-grid .resumo-mini-card{width:100%;height:auto;aspect-ratio:1 / 1}.resumo-actions{flex-direction:column-reverse}.resumo-actions .btn{width:100%}.editar-actions{flex-direction:column-reverse}}@media (max-width: 460px){.game-nav{flex-direction:column-reverse}.game-nav .btn{width:100%}}@media (max-width: 768px){.tabuleiro-page{height:auto;min-height:100vh;overflow:visible}.tabuleiro-content>.board-columns{flex:none;min-height:0}.board-columns{flex-direction:column;flex-wrap:nowrap}.board-left-col,.board-cards{flex:none;min-height:0}.board-cards .tray{overflow:visible;-webkit-mask-image:none;mask-image:none;justify-content:center;padding:14px 0}.board-cards{padding:0 14px}.board-cards .draggable-card{width:100%;max-width:440px}.precisa-zone{height:auto;max-height:none;overflow:visible}.precisa-zone:has(>.slot-placeholder){padding:12px}.board-drop{min-height:0}.draggable-card.selectable{cursor:pointer;touch-action:auto}.game-header-info,.game-header-editar,.game-header-sair{display:none!important}.game-header-hamburger{display:inline-flex!important;align-items:center;justify-content:center}.modal-text{white-space:normal}.tabuleiro-board.board-drop{padding-top:12px;padding-bottom:12px;padding-left:12px}}.draggable-card.selectable{touch-action:auto;cursor:pointer}.board-drop-slot,.board-drop-slot .slot-rect{width:100%;min-height:0}.board-drop-slot .slot-card{width:auto;max-width:100%;min-height:0;position:relative;border-radius:var(--radius-md)}.board-drop-slot .slot-card .remove-btn{top:-14px;right:-14px}.board-drop-slot .slot-card img{display:block;width:auto;height:auto;max-width:100%;max-height:46vh;object-fit:contain}.step-como_mudar .board-cards .card-label,.step-como_mudar .board-drop .slot-card .card-label{display:none}.step-como_mudar .board-drop .slot-circle{width:100%;max-width:260px}.step-como_mudar .board-drop .slot-card{width:100%}.step-como_mudar .board-drop .slot-card img{width:auto;height:auto;max-width:100%;max-height:42vh;object-fit:contain}