@font-face{font-family:Bricolage Grotesque Variable;font-style:normal;font-display:swap;font-weight:200 800;font-stretch:75% 100%;src:url(/assets/bricolage-grotesque-vietnamese-standard-normal-Br4FGdAc.woff2) format("woff2-variations");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Bricolage Grotesque Variable;font-style:normal;font-display:swap;font-weight:200 800;font-stretch:75% 100%;src:url(/assets/bricolage-grotesque-latin-ext-standard-normal-qp-RdZgh.woff2) format("woff2-variations");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Bricolage Grotesque Variable;font-style:normal;font-display:swap;font-weight:200 800;font-stretch:75% 100%;src:url(/assets/bricolage-grotesque-latin-standard-normal-C5Lc8Qmc.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--mesa: #241b2f;--tampo: #30263d;--tampo-2: #3b2f4a;--linha: #57486c;--giz: #f6efe4;--giz-2: #bcafc9;--tinta: #120c18;--ficha: #f5c400;--vermelho: #e8483b;--azul: #3f7cf0;--erro: #ff8a80;--box-codenames: #e8483b;--box-uno: #f5c400;--box-cara-a-cara: #ff8a3d;--box-truco: #2bb673;--box-dixit: #b78cf0;--box-banco-imobiliario: #22b8b0;--font: "Bricolage Grotesque Variable", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--r: 10px;--safe-bottom: env(safe-area-inset-bottom, 0px);color-scheme:dark}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;min-height:100dvh;background:var(--mesa);color:var(--giz);font-family:var(--font);font-size:16px;line-height:1.5;font-optical-sizing:auto;-webkit-font-smoothing:antialiased}button,input,select,textarea{font:inherit;color:inherit}h1,h2,h3,p{margin:0}ul,ol{margin:0;padding:0;list-style:none}:focus-visible{outline:3px solid var(--ficha);outline-offset:2px}.display{font-stretch:75%;font-weight:800;line-height:.92;letter-spacing:-.01em}.muted{color:var(--giz-2)}.section-title{font-size:1rem;font-weight:700;color:var(--giz-2);margin-bottom:.75rem}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.4em;min-height:44px;padding:.55rem 1rem;border:2px solid var(--linha);border-radius:var(--r);background:var(--tampo-2);font-weight:650;line-height:1.2;text-align:center;cursor:pointer;transition:background-color .12s,transform .08s}.btn:hover:not(:disabled){background:#47395a}.btn:active:not(:disabled){transform:translateY(1px)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--ficha);color:var(--tinta);border-color:var(--tinta);box-shadow:0 3px 0 var(--tinta)}.btn-primary:hover:not(:disabled){background:#ffd21f}.btn-primary:active:not(:disabled){transform:translateY(2px);box-shadow:0 1px 0 var(--tinta)}.btn-ghost{background:transparent}.btn-danger{background:#b3261e;border-color:#b3261e;color:#fff}.btn-small{min-height:36px;padding:.35rem .75rem;font-size:.875rem}.btn-block{width:100%}.field{display:grid;gap:.35rem}.field-label{font-size:.875rem;font-weight:600;color:var(--giz-2)}.field-help{font-size:.8125rem;color:var(--giz-2)}.field input:not([type=checkbox]),.field select,.field textarea{width:100%;min-height:44px;padding:.55rem .75rem;border:2px solid var(--linha);border-radius:var(--r);background:#1a1322;font-size:1rem}.field textarea{resize:vertical}.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--ficha);outline:none}.field :disabled{opacity:.75;cursor:not-allowed}.field-check{grid-template-columns:auto 1fr;align-items:center;column-gap:.6rem}.field-check input{width:22px;height:22px;accent-color:var(--ficha)}.field-check .field-help{grid-column:2}.form-error{color:var(--erro);font-weight:600}.conn-banner{position:sticky;top:0;z-index:50;padding:.4rem 1rem;background:var(--ficha);color:var(--tinta);font-weight:700;font-size:.875rem;text-align:center}.toaster{position:fixed;left:50%;bottom:calc(96px + var(--safe-bottom));z-index:60;display:grid;gap:.5rem;width:min(92vw,420px);transform:translate(-50%);pointer-events:none}.toast{padding:.7rem 1rem;border:2px solid var(--linha);border-radius:var(--r);background:var(--tampo-2);box-shadow:0 6px 20px #00000059;font-weight:600}.toast-error{border-color:var(--vermelho);background:#4a1d27}.tag{display:inline-block;padding:.05rem .5rem;border-radius:999px;background:var(--ficha);color:var(--tinta);font-size:.75rem;font-weight:700;white-space:nowrap}.tag-quiet{background:var(--tampo-2);color:var(--giz-2)}.tag-role{background:var(--giz)}.dot{width:10px;height:10px;border-radius:50%;flex:none}.dot-on{background:#3ddc84}.dot-off{background:transparent;border:2px solid var(--giz-2)}.login,.center-page{display:grid;place-items:center;min-height:100dvh;padding:1.25rem}.login-card,.notice{display:grid;gap:1rem;width:min(100%,400px)}.login-title{font-size:clamp(3rem,14vw,4.5rem)}.notice-title{font-size:2.5rem}.home{max-width:1080px;margin:0 auto;padding:clamp(1.25rem,4vw,3rem) clamp(1rem,4vw,2rem) 4rem;display:grid;gap:2.5rem}.home-head{display:grid;gap:1.5rem}.home-title{font-size:clamp(3rem,12vw,6rem);max-width:12ch}.home-entry{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:1rem;align-items:end;max-width:720px}.join-form{display:grid;grid-template-columns:1fr auto;gap:.5rem;align-items:end}.code-input{text-transform:uppercase;letter-spacing:.2em;font-weight:700}@media(max-width:560px){.home-entry{grid-template-columns:1fr}}.shelf{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,240px),1fr));gap:1.5rem 1.25rem}.shelf li{display:grid;align-content:start;gap:.6rem}.box-help{justify-self:start}.box{--box: var(--tampo);position:relative;display:grid;grid-template-rows:auto auto 1fr auto;gap:.5rem;width:100%;min-height:210px;padding:1.1rem 1.1rem 1rem;border:3px solid var(--tinta);border-radius:14px;background:var(--box);color:var(--tinta);box-shadow:6px 6px 0 var(--tinta);text-align:left;cursor:pointer;transition:transform .12s ease,box-shadow .12s ease}.shelf li:nth-child(odd) .box{rotate:-.6deg}.shelf li:nth-child(2n) .box{rotate:.5deg}.box:hover:not(:disabled){transform:translate(-2px,-2px);box-shadow:8px 8px 0 var(--tinta)}.box:active:not(:disabled){transform:translate(4px,4px);box-shadow:2px 2px 0 var(--tinta)}.box:disabled{cursor:not-allowed}.box-codenames{--box: var(--box-codenames)}.box-uno{--box: var(--box-uno)}.box-cara-a-cara{--box: var(--box-cara-a-cara)}.box-truco{--box: var(--box-truco)}.box-dixit{--box: var(--box-dixit)}.box-banco-imobiliario{--box: var(--box-banco-imobiliario)}.glyph{width:48px;height:48px}.box-name{font-stretch:75%;font-weight:800;font-size:clamp(2rem,6vw,2.5rem);line-height:.95}.box-desc{font-size:.9375rem;line-height:1.35;font-weight:500}.box-meta{font-size:.8125rem;font-weight:700}.box-busy{position:absolute;inset:auto .75rem .75rem auto;font-size:.8125rem;font-weight:700}.box.is-soon{filter:saturate(.45);opacity:.7;box-shadow:3px 3px 0 var(--tinta)}.box.is-soon .box-desc{font-weight:700}@media(max-width:560px){.box.is-soon{min-height:0;grid-template-columns:auto 1fr;grid-template-rows:auto auto;column-gap:.9rem;align-items:center}.box.is-soon .glyph{grid-row:span 3;width:40px;height:40px}.box.is-soon .box-name{font-size:1.75rem}}.open-rooms ul{display:grid;gap:.5rem}.room-row{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:1rem;width:100%;padding:.75rem 1rem;border:2px solid var(--linha);border-radius:var(--r);background:var(--tampo);text-align:left;cursor:pointer}.room-row:hover{border-color:var(--giz-2)}.room-row-code{font-stretch:75%;font-weight:800;font-size:1.5rem;letter-spacing:.08em;color:var(--ficha)}.room-row-info{display:grid;line-height:1.3}.room-row-info .muted{font-size:.875rem}.room-row-cta{font-weight:700}.room-bar{position:sticky;top:0;z-index:40;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:.5rem;padding:.5rem .75rem;background:var(--mesa);border-bottom:1px solid var(--linha)}.room-bar>:first-child{justify-self:start}.room-bar>:last-child{justify-self:end}.room-bar-right{display:flex;gap:.35rem}.room-bar .btn{white-space:nowrap}.people-btn .dot{width:8px;height:8px}@media(max-width:560px){.room-bar{padding-inline:.5rem}.people-label{display:none}}.room-bar-title{display:grid;justify-items:center;line-height:1.1}.room-bar-game{font-weight:700}.room-bar-code{font-stretch:75%;font-weight:800;letter-spacing:.14em;color:var(--ficha)}.people-panel{max-width:720px;margin:.75rem auto 0;padding:1rem;border:2px solid var(--linha);border-radius:var(--r);background:var(--tampo);display:grid;gap:1rem}.people-head{display:flex;justify-content:space-between;align-items:center}.people-head .section-title{margin:0}.people-list{display:grid;gap:.4rem}.person{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem;min-height:36px}.person-name{font-weight:600}.person-actions{margin-left:auto;display:flex;gap:.25rem}.lobby{max-width:720px;margin:0 auto;padding:1.25rem 1rem calc(8rem + var(--safe-bottom));display:grid;gap:2rem}.lobby-head{display:grid;gap:.35rem}.lobby-title-row{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.5rem 1rem}.lobby-game-select{margin-top:.5rem;max-width:320px}.invite{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:.75rem 1rem;padding:1rem;border:2px dashed var(--linha);border-radius:14px}.invite-label{font-size:.875rem;font-weight:600;color:var(--giz-2)}.invite-code{font-stretch:75%;font-weight:800;font-size:clamp(3.5rem,17vw,5rem);line-height:.85;letter-spacing:.08em;color:var(--ficha)}.invite-actions{display:flex;flex-wrap:wrap;gap:.5rem}.lobby-section{display:grid;gap:.75rem}.lobby-section .section-title{margin:0;padding-bottom:.5rem;border-bottom:1px solid var(--linha)}.lobby-game-name{font-stretch:75%;font-weight:800;font-size:clamp(2.5rem,11vw,3.5rem);line-height:.95}.name-editor{display:grid;grid-template-columns:1fr auto;gap:.5rem;align-items:end}.config-form{display:grid;gap:1.25rem}.teams{display:grid;gap:1rem}.teams-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem}.team{display:grid;grid-template-rows:auto 1fr auto;gap:.6rem;padding:.9rem;border-radius:var(--r);background:var(--tampo);border-top:6px solid var(--team, var(--linha))}.team-red{--team: var(--vermelho)}.team-blue{--team: var(--azul)}.team-name{font-stretch:75%;font-weight:800;font-size:1.5rem;line-height:1;color:var(--team)}.team-members{display:grid;gap:.35rem}.team-members li{display:flex;flex-wrap:wrap;align-items:center;gap:.4rem;font-weight:600}.team-members .is-offline{opacity:.55}.team-actions{display:grid;gap:.4rem}.teams-footer{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.75rem}.teams-footer-actions{display:flex;gap:.5rem}.start-bar{position:fixed;inset:auto 0 0;z-index:30;display:grid;gap:.4rem;padding:.75rem max(1rem,calc((100vw - 720px)/2)) calc(.75rem + var(--safe-bottom));background:var(--mesa);border-top:1px solid var(--linha)}.start-hint{font-size:.875rem;color:var(--giz-2);text-align:center}@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition:none!important;animation:none!important}.shelf li .box{rotate:none}}.cn{--papel: #eadfc8;--cn-red: var(--vermelho);--cn-blue: var(--azul);--cn-neutral: #bfa97c;max-width:980px;margin:0 auto;padding:.75rem clamp(.5rem,2vw,1.25rem) calc(7rem + var(--safe-bottom));display:grid;gap:.9rem}.cn-scores{display:grid;grid-template-columns:1fr 1fr;gap:.5rem}.cn-score{display:grid;grid-template-columns:1fr auto;grid-template-rows:auto auto;align-items:center;column-gap:.5rem;padding:.5rem .8rem;border:3px solid transparent;border-radius:var(--r);background:var(--tampo)}.cn-score-red{--t: var(--cn-red)}.cn-score-blue{--t: var(--cn-blue)}.cn-score-name{font-weight:700;color:var(--t)}.cn-score-num{grid-row:span 2;font-stretch:75%;font-weight:800;font-size:2.25rem;line-height:1;color:var(--t)}.cn-score-turn{font-size:.8125rem;font-weight:700}.cn-score.is-turn{background:var(--t);border-color:var(--tinta);box-shadow:0 3px 0 var(--tinta)}.cn-score.is-turn>*{color:var(--tinta)}.cn-status{display:grid;gap:.35rem;padding:.8rem 1rem;border-radius:var(--r);background:var(--tampo);border-left:6px solid var(--turn-color)}.cn-turn-red{--turn-color: var(--cn-red)}.cn-turn-blue{--turn-color: var(--cn-blue)}.cn-clue{display:flex;align-items:center;gap:.75rem}.cn-clue-word{font-stretch:75%;font-weight:800;font-size:clamp(2rem,9vw,3rem);line-height:1;text-transform:uppercase;overflow-wrap:anywhere}.cn-clue-count{display:grid;place-items:center;min-width:2.6rem;height:2.6rem;padding:0 .5rem;border-radius:999px;background:var(--turn-color);color:var(--tinta);font-weight:800;font-size:1.25rem}.cn-clue-inputs{display:grid;grid-template-columns:1fr 7.5rem auto;gap:.5rem;align-items:end}.cn-clue-inputs input{text-transform:uppercase;font-weight:700}@media(max-width:480px){.cn-clue-inputs{grid-template-columns:1fr 6.5rem}.cn-clue-inputs .btn{grid-column:1 / -1}}.cn-board{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:clamp(4px,1.1vw,10px)}.cn-card{position:relative;display:grid;place-items:center;min-height:3.4rem;aspect-ratio:4 / 3;padding:.25rem;border:2px solid var(--tinta);border-radius:8px;background:var(--papel);color:var(--tinta);box-shadow:0 4px 0 var(--tinta);cursor:pointer;transition:transform .1s ease,box-shadow .1s ease}.cn-card:disabled{cursor:default}.cn-card:not(:disabled):hover{transform:translateY(-2px);box-shadow:0 6px 0 var(--tinta)}@media(min-width:700px){.cn-board{max-width:max(560px,calc((100dvh - 370px)*2));width:100%;margin:0 auto}.cn-card{aspect-ratio:2 / 1}}.cn-word{font-stretch:75%;font-weight:760;font-size:clamp(.62rem,2.75vw,1.15rem);line-height:1.05;letter-spacing:.01em;text-transform:uppercase;text-align:center;overflow-wrap:anywhere;-webkit-hyphens:auto;hyphens:auto}.cn-card.cn-red:not(.is-revealed){background:#f3b6ad}.cn-card.cn-blue:not(.is-revealed){background:#b7cbf6}.cn-card.cn-assassin:not(.is-revealed){background:#3a2f45;color:var(--giz)}.cn-is-spymaster .cn-card.cn-red:not(.is-revealed),.cn-is-spymaster .cn-card.cn-blue:not(.is-revealed),.cn-is-spymaster .cn-card.cn-assassin:not(.is-revealed){border-width:3px}.cn-card.is-revealed{transform:translateY(3px);box-shadow:0 1px 0 var(--tinta);background-image:repeating-linear-gradient(135deg,rgb(255 255 255 / .12) 0 6px,transparent 6px 12px)}.cn-card.is-revealed .cn-word{opacity:.6;font-size:clamp(.55rem,2.2vw,.95rem)}.cn-card.is-revealed.cn-red{background-color:var(--cn-red)}.cn-card.is-revealed.cn-blue{background-color:var(--cn-blue)}.cn-card.is-revealed.cn-neutral{background-color:var(--cn-neutral)}.cn-card.is-revealed.cn-assassin{background-color:var(--tinta);color:var(--giz)}.cn-card.is-mine{outline:4px solid var(--ficha);outline-offset:1px}.cn-marks{position:absolute;left:3px;bottom:3px;display:flex;flex-wrap:wrap;gap:2px}.cn-mark{padding:0 4px;border-radius:4px;background:var(--ficha);color:var(--tinta);font-size:.625rem;font-weight:800;line-height:1.4;text-transform:uppercase}.cn-actions{position:fixed;inset:auto 0 0;z-index:30;display:grid;grid-template-columns:1fr auto;gap:.5rem;padding:.75rem max(.75rem,calc((100vw - 980px)/2)) calc(.75rem + var(--safe-bottom));background:var(--mesa);border-top:1px solid var(--linha)}.cn-actions .btn-primary{text-transform:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cn-over{display:grid;gap:.6rem;padding:1.1rem;border:3px solid var(--tinta);border-radius:14px;box-shadow:5px 5px 0 var(--tinta);color:var(--tinta);font-weight:600}.cn-over-red{background:var(--cn-red)}.cn-over-blue{background:var(--cn-blue)}.cn-over .muted{color:var(--tinta);opacity:.8}.cn-over-title{font-stretch:75%;font-weight:800;font-size:clamp(2rem,8vw,3rem);line-height:1}.cn-over-actions{display:flex;flex-wrap:wrap;gap:.5rem}.cn-over .btn:not(.btn-primary){background:var(--giz);color:var(--tinta);border-color:var(--tinta)}.cn-rosters{display:grid;grid-template-columns:1fr 1fr;gap:.5rem;font-size:.875rem}.cn-roster{padding:.6rem .8rem;border-radius:var(--r);background:var(--tampo)}.cn-roster h2{font-size:1rem;font-weight:800}.cn-roster-red h2{color:var(--cn-red)}.cn-roster-blue h2{color:var(--cn-blue)}.cn-spectator{text-align:center}.cn-log summary{cursor:pointer;font-weight:700;color:var(--giz-2);padding:.4rem 0}.cn-log ol{display:grid;gap:.25rem;font-size:.875rem}.cn-log li{padding-left:.6rem;border-left:3px solid var(--linha)}.cn-log-red{border-left-color:var(--cn-red)!important}.cn-log-blue{border-left-color:var(--cn-blue)!important}dialog.tut{width:min(560px,94vw);max-width:none;max-height:92dvh;padding:0;border:0;background:transparent;color:var(--giz);overflow:visible}dialog.tut::backdrop{background:#0e0914c7}.tut-box{display:grid;grid-template-rows:auto minmax(0,1fr) auto;max-height:92dvh;border:3px solid var(--tinta);border-radius:16px;background:var(--tampo);box-shadow:6px 6px 0 var(--tinta);overflow:hidden}.tut-head{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.6rem .75rem .6rem 1rem;border-bottom:1px solid var(--linha)}.tut-kicker{font-weight:700;color:var(--giz-2)}.tut-count{margin-left:.6rem;font-weight:500}.tut-content{display:grid;gap:.85rem;padding:1rem;overflow-y:auto;overscroll-behavior:contain}.tut-art{padding:.75rem;border-radius:12px;background:var(--mesa)}.tut-title{font-stretch:75%;font-weight:800;font-size:2rem;line-height:1}.tut-body{display:grid;gap:.5rem;line-height:1.55;max-width:62ch}.tut-foot{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:.5rem;padding:.75rem;border-top:1px solid var(--linha)}.tut-dots{display:flex;justify-content:center;flex-wrap:wrap}.tut-dot{display:grid;place-items:center;width:22px;height:32px;padding:0;border:0;background:none;cursor:pointer}.tut-dot:before{content:"";width:9px;height:9px;border-radius:999px;background:var(--linha)}.tut-dot.is-current:before{width:18px;background:var(--ficha)}@media(max-width:420px){.tut-foot .btn{padding-inline:.7rem}.tut-dot{width:16px}}.tut-art .cn{max-width:none;margin:0;padding:0;gap:.6rem}.tut-art .cn-card,.tut-art .cn-card:hover{cursor:default;transform:none}.tut-art .cn-card{aspect-ratio:2 / 1;min-height:0;box-shadow:0 3px 0 var(--tinta)}.tut-art .cn-card.is-revealed{transform:translateY(2px);box-shadow:0 1px 0 var(--tinta)}.tut-art .cn-word{font-size:clamp(.55rem,2.3vw,.85rem)}.tut-art .cn-board{max-width:none;gap:5px}.tut-art .cn-score{padding:.3rem .6rem}.tut-art .cn-score-num{font-size:1.6rem}.tut-art .cn-status{padding:.5rem .8rem}.tut-art .cn-clue-word{font-size:1.9rem}.tut-art .cn-over{padding:.8rem 1rem;box-shadow:4px 4px 0 var(--tinta)}.tut-art .cn-over-title{font-size:1.9rem}.tut-caption{font-size:.8125rem;font-weight:600;color:var(--giz-2)}.tut-glow{outline:3px dashed var(--ficha);outline-offset:2px}.tut-actions{display:grid;grid-template-columns:1fr auto;gap:.5rem;pointer-events:none}.tut-outcomes{display:grid;grid-template-columns:1fr 1fr;gap:.9rem .75rem}.tut-outcomes figure{display:grid;gap:.4rem;margin:0}.tut-outcomes figcaption{font-size:.8125rem;font-weight:600;line-height:1.3;text-align:center}.tut-outcomes .cn-card.is-revealed .cn-word{opacity:.85;font-size:.85rem}.tut-art .cn-marks{top:-9px;left:-6px;bottom:auto}.help-btn .help-icon{display:none;font-weight:800;font-size:1.05rem}@media(max-width:560px){.help-btn{min-width:36px;padding-inline:.6rem}.help-btn .help-icon{display:inline}.help-btn .help-label{display:none}}.first-time{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.6rem 1rem;padding:.75rem 1rem;border-radius:var(--r);background:var(--tampo-2);border-left:5px solid var(--ficha)}.first-time p{font-weight:600}