@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}.home-foot{font-size:.875rem;max-width:60ch}.home-foot code{padding:.05rem .35rem;border-radius:4px;background:var(--tampo-2);color:var(--giz);font-size:.875em}.profile-badge{position:fixed;left:.5rem;bottom:calc(.5rem + var(--safe-bottom));z-index:55;padding:.2rem .6rem;border:2px solid var(--tinta);border-radius:999px;background:var(--box-dixit);color:var(--tinta);font-size:.75rem;font-weight:800;pointer-events:none}.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}.uc{--w: 64px;--c: var(--tampo);--fg: var(--tinta);position:relative;display:grid;place-items:center;width:var(--w);height:calc(var(--w) * 1.5);flex:none;border:3px solid var(--tinta);border-radius:calc(var(--w) * .14);background:var(--c);color:var(--fg);box-shadow:0 3px 0 var(--tinta);font-stretch:75%;font-weight:800;line-height:1;-webkit-user-select:none;user-select:none}.uc-sm{--w: 40px;border-width:2px}.uc-md{--w: 64px}.uc-lg{--w: 96px}@media(min-width:700px){.uc-md{--w: 76px}.uc-lg{--w: 112px}}.uc-red{--c: #e8483b}.uc-yellow{--c: #f5c400}.uc-green{--c: #2bb673}.uc-blue{--c: #3f7cf0}.uc-wild{--c: #2a2036;--fg: var(--giz)}.uc-chip{display:grid;place-items:center;width:calc(var(--w) * .74);aspect-ratio:1;border-radius:50%;background:#ffffffe0;box-shadow:inset 0 0 0 calc(var(--w) * .035) var(--tinta);color:var(--tinta)}.uc-wild .uc-chip{background:transparent;box-shadow:none}.uc-chip .uc-text{font-size:calc(var(--w) * .5)}.uc-underline .uc-chip .uc-text,.uc-underline .uc-corner .uc-text{text-decoration:underline;text-decoration-thickness:.08em;text-underline-offset:.08em}.uc-icon{width:calc(var(--w) * .2);height:calc(var(--w) * .2)}.uc-icon-big{width:calc(var(--w) * .5);height:calc(var(--w) * .5)}.uc-wild .uc-icon-big{width:calc(var(--w) * .72);height:calc(var(--w) * .72)}.uc-wild4{position:relative;display:grid;place-items:center}.uc-plus4{position:absolute;padding:.05em .18em;border-radius:.2em;background:var(--tinta);color:var(--giz);font-size:calc(var(--w) * .26)!important}.uc-corner{position:absolute;display:grid;place-items:center;font-size:calc(var(--w) * .2)}.uc-tl{top:calc(var(--w) * .05);left:calc(var(--w) * .08)}.uc-br{bottom:calc(var(--w) * .05);right:calc(var(--w) * .08);rotate:180deg}.uc-sm .uc-corner{display:none}.uc-wild .uc-corner .uc-icon{width:calc(var(--w) * .18);height:calc(var(--w) * .18)}.uc-back{--c: var(--tinta);background:repeating-linear-gradient(135deg,rgb(245 196 0 / .16) 0 6px,transparent 6px 12px),var(--tinta);box-shadow:inset 0 0 0 calc(var(--w) * .06) var(--ficha),0 3px #000}.uc-back-mark{color:var(--ficha);font-size:calc(var(--w) * .5)}.uno{--cor: var(--tampo-2);max-width:980px;margin:0 auto;padding:.6rem clamp(.5rem,2vw,1.25rem) 2rem;display:grid;gap:.6rem}.uno-color-red{--cor: #e8483b}.uno-color-yellow{--cor: #f5c400}.uno-color-green{--cor: #2bb673}.uno-color-blue{--cor: #3f7cf0}.uno-arena{position:relative;width:100%}.uno-arena>*{position:absolute}.uno-track{inset:0;overflow:visible}.uno-track path{fill:none;stroke:var(--linha);stroke-width:3;stroke-linecap:round;stroke-dasharray:1 9}.uno-arrow{width:18px;height:18px;translate:-50% -50%;color:var(--giz-2);transition:rotate .3s ease,color .2s}.uno-arrow svg{display:block;width:100%;height:100%}.uno-arrow.is-hot{color:var(--ficha);scale:1.35}.uno-seat{z-index:1;display:grid;place-content:center;justify-items:center;gap:.1rem;translate:-50% -50%;padding:0 .3rem;border:2px solid var(--linha);border-radius:12px;background:var(--tampo);color:var(--giz);line-height:1.1;transition:scale .2s ease,background-color .2s,box-shadow .2s}.uno-seat-name{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:700;font-size:.875rem}.uno-seat-count{display:inline-flex;align-items:center;gap:.3rem;font-stretch:75%;font-weight:800;font-size:1.15rem}.uno-seat-score{margin-left:.2rem;font-size:.75rem;font-weight:650;color:var(--giz-2)}.uno-mini-stack{width:11px;height:15px;border-radius:3px;background:var(--tinta);box-shadow:2px -2px 0 var(--ficha),3px -3px 0 var(--tinta)}.uno-seat.is-offline{opacity:.5}.uno-seat.is-turn{z-index:3;scale:1.22;border:3px solid var(--tinta);background:var(--ficha);color:var(--tinta);box-shadow:4px 4px 0 var(--tinta)}.uno-seat.is-turn .uno-seat-score{color:var(--tinta)}.uno-seat.is-turn .uno-mini-stack{box-shadow:2px -2px 0 var(--giz),3px -3px 0 var(--tinta)}.uno-seat.is-next{border-color:var(--giz-2);border-style:dashed}.uno-seat-flags{position:absolute;top:-10px;right:-6px;display:flex;gap:2px;white-space:nowrap}.uno-flag{padding:0 .35rem;border:2px solid var(--tinta);border-radius:999px;background:var(--ficha);color:var(--tinta);font-size:.625rem;font-weight:800;line-height:1.3}.uno-flag.is-danger{background:var(--vermelho)}.uno-flag.is-off{background:var(--giz-2)}.uno-seat-tag{position:absolute;bottom:-9px;left:50%;translate:-50% 0;padding:0 .4rem;border-radius:999px;background:var(--tinta);color:var(--ficha);font-size:.625rem;font-weight:800;line-height:1.5;white-space:nowrap}.uno-seat.is-me .uno-seat-tag{top:-9px;bottom:auto}.uno-seat-tag.is-next{background:var(--tampo-2);color:var(--giz);border:1px solid var(--giz-2)}.uno-seat.is-me{z-index:2;border-radius:14px 14px 6px 6px;background:var(--tampo-2)}.uno-seat.is-me.is-turn{scale:1;background:var(--ficha);color:var(--tinta);box-shadow:0 0 0 4px #f5c4004d}.uno-seat-row{display:inline-flex;align-items:center;gap:.6rem}.uno-seat.is-me .uno-seat-name{font-stretch:75%;font-weight:800;font-size:1.25rem}.uno-chip{z-index:4;width:24px;height:24px;translate:-50% -50%;border:3px solid var(--tinta);border-radius:50%;background:radial-gradient(circle at 50% 50%,var(--tinta) 0 3px,var(--ficha) 3.5px);box-shadow:0 2px 0 var(--tinta),0 0 0 5px #f5c40047;pointer-events:none}.uno-center{display:grid;align-content:center;justify-items:center;gap:.5rem;translate:-50% -50%;border-radius:18px;background:radial-gradient(circle at 50% 45%,color-mix(in srgb,var(--cor) 24%,transparent),transparent 72%)}.uno-piles{display:flex;align-items:flex-start;justify-content:center;gap:clamp(.75rem,3vw,1.75rem)}.uno-deck{display:grid;justify-items:center;gap:.35rem;padding:0;border:0;background:none;cursor:pointer}.uno-deck:disabled{cursor:default}.uno-deck-stack{position:relative;border-radius:12px;box-shadow:4px -4px 0 -1px var(--tinta),7px -7px 0 -2px var(--linha)}.uno-deck:not(:disabled) .uno-deck-stack{outline:3px solid var(--ficha);outline-offset:3px}.uno-deck-label{font-weight:700;font-size:.8125rem}.uno-deck:not(:disabled) .uno-deck-label{color:var(--ficha)}.uno-discard{display:grid;justify-items:center;gap:.35rem}.uno-discard .uc{rotate:-4deg;animation:uno-land .25s ease-out}@keyframes uno-land{0%{transform:translateY(-14px) scale(1.06)}to{transform:none}}.uno-color-pill{padding:.05rem .6rem;border:2px solid var(--tinta);border-radius:999px;color:var(--tinta);font-weight:800;font-size:.8125rem}.uno-pill-red{background:#e8483b}.uno-pill-yellow{background:#f5c400}.uno-pill-green{background:#2bb673}.uno-pill-blue{background:#3f7cf0}.uno-center-info{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:.3rem .6rem}.uno-direction{color:var(--giz-2);font-weight:650;font-size:.8125rem}.uno-pending{padding:.1rem .6rem;border:2px solid var(--tinta);border-radius:999px;background:var(--vermelho);color:var(--tinta);font-weight:800;font-size:.875rem}.uno-catch{display:grid;gap:.5rem;padding:.7rem .9rem;border-radius:var(--r);background:#4a1d27;border:2px solid var(--vermelho);font-weight:650}.uno-band{display:grid;gap:.4rem;padding:.7rem .75rem .8rem;border:2px solid var(--linha);border-radius:16px;background:var(--tampo);transition:background-color .2s,border-color .2s}.uno-band.is-mine{border:3px solid var(--tinta);background:var(--ficha);color:var(--tinta);box-shadow:0 0 0 5px #f5c40038}.uno-band-title{font-stretch:75%;font-weight:800;font-size:1.6rem;line-height:1.05}.uno-band-hint{font-size:.875rem;color:var(--giz-2)}.uno-band.is-mine .uno-band-hint{color:var(--tinta);font-weight:600}.uno-band.is-mine .uno-hand-count{color:var(--tinta)}.uno-band.is-mine .uno-shout{background:var(--tinta);color:var(--ficha)}.uno-band.is-mine .uno-hand-card:focus-visible{outline-color:var(--tinta)}.uno-hand-area{display:grid;gap:.6rem}.uno-hand{--cw: 64px;display:flex;padding:14px .25rem .5rem;overflow-x:auto;scroll-snap-type:x proximity;overscroll-behavior-x:contain}@media(min-width:700px){.uno-hand{--cw: 76px}}.uno-hand-card+.uno-hand-card{margin-left:clamp(-36px,calc((100% - var(--n) * var(--cw)) / (var(--n) - 1)),6px)}.uno-hand-card{position:relative;flex:none;padding:0;border:0;background:none;border-radius:10px;cursor:pointer;scroll-snap-align:start}.uno-hand-card .uc{transition:transform .12s ease,filter .12s ease}.uno-hand.is-my-turn .uno-hand-card.is-playable{z-index:1}.uno-hand-card:focus-visible{z-index:2}.uno-hand.is-my-turn .uno-hand-card:not(.is-playable) .uc{filter:brightness(.5) saturate(.6)}.uno-hand.is-my-turn .uno-hand-card.is-playable .uc{transform:translateY(-10px)}.uno-hand.is-my-turn .uno-hand-card.is-playable:hover .uc{transform:translateY(-14px)}.uno-hand-card.is-drawn .uc{outline:3px solid var(--ficha);outline-offset:2px}.uno-hand-card:focus-visible{outline:3px solid var(--ficha);outline-offset:3px;z-index:1}.uno-hand-actions{display:flex;flex-wrap:wrap;align-items:center;gap:.6rem}.uno-hand-count{margin-left:auto;font-weight:600}.uno-shout{padding:.45rem 1.4rem;border:3px solid var(--tinta);border-radius:999px;background:var(--ficha);color:var(--tinta);box-shadow:0 4px 0 var(--tinta);font-stretch:75%;font-weight:800;font-size:1.6rem;line-height:1;cursor:pointer;animation:uno-pulse 1.1s ease-in-out infinite}.uno-shout:active{transform:translateY(3px);box-shadow:0 1px 0 var(--tinta)}@keyframes uno-pulse{50%{transform:scale(1.06)}}.uno-spectator{text-align:center}dialog.uno-picker{width:min(380px,92vw);padding:1rem;border:3px solid var(--tinta);border-radius:16px;background:var(--tampo);color:var(--giz);box-shadow:6px 6px 0 var(--tinta)}dialog.uno-picker::backdrop{background:#0e0914b3}.uno-picker-title{font-stretch:75%;font-weight:800;font-size:1.8rem;line-height:1;margin-bottom:.9rem}.uno-picker-grid{display:grid;grid-template-columns:1fr 1fr;gap:.6rem;margin-bottom:.6rem}.uno-pick{min-height:72px;border:3px solid var(--tinta);border-radius:12px;box-shadow:0 4px 0 var(--tinta);color:var(--tinta);font-weight:800;font-size:1.1rem;cursor:pointer}.uno-pick:active{transform:translateY(3px);box-shadow:0 1px 0 var(--tinta)}.uno-pick-red{background:#e8483b}.uno-pick-yellow{background:#f5c400}.uno-pick-green{background:#2bb673}.uno-pick-blue{background:#3f7cf0}.uno-over{display:grid;gap:.6rem;padding:1.1rem;border:3px solid var(--tinta);border-radius:14px;background:var(--ficha);color:var(--tinta);box-shadow:5px 5px 0 var(--tinta);font-weight:600}.uno-over .muted{color:var(--tinta);opacity:.8}.uno-over-title{font-stretch:75%;font-weight:800;font-size:clamp(2rem,8vw,2.8rem);line-height:1}.uno-ranking{display:grid;gap:.2rem;max-width:320px}.uno-ranking li{display:flex;justify-content:space-between;padding:.2rem 0;border-bottom:1px solid rgb(18 12 24 / .25)}.uno-over-actions{display:flex;flex-wrap:wrap;gap:.5rem}.uno-over .btn:not(.btn-primary){background:var(--giz);color:var(--tinta);border-color:var(--tinta)}.uno-over .btn-primary{background:var(--tinta);color:var(--ficha)}@media(prefers-reduced-motion:reduce){.uno-shout{animation:none}}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}.tut-uno-row{display:flex;flex-wrap:wrap;justify-content:center;align-items:flex-start;gap:.75rem}.tut-uno-fan{gap:0;padding:.5rem 0 .25rem}.tut-uno-fan .uc+.uc{margin-left:-12px}.tut-uno-fan .uc:nth-child(1){rotate:-9deg;translate:0 6px}.tut-uno-fan .uc:nth-child(2){rotate:-3deg}.tut-uno-fan .uc:nth-child(3){rotate:3deg}.tut-uno-fan .uc:nth-child(4){rotate:9deg;translate:0 6px}.tut-uno-fig{display:grid;justify-items:center;align-content:start;gap:.4rem;margin:0;max-width:96px}.tut-uno-fig figcaption{font-size:.75rem;font-weight:650;line-height:1.25;text-align:center}.tut-uno-fig.is-dim .uc{filter:brightness(.5) saturate(.6)}.tut-uno-match{display:grid;justify-items:center;gap:.9rem}.tut-uno-specials{gap:.6rem}.tut-uno-specials .tut-uno-fig{max-width:78px}.tut-uno-draw{align-items:center;gap:1.25rem}.tut-uno-deck{display:inline-block}.tut-uno-then{display:grid;gap:.4rem}.tut-uno-shout{display:grid;justify-items:center;gap:.9rem}.tut-art .tut-static{animation:none;cursor:default}.tut-art .uno-over{box-shadow:4px 4px 0 var(--tinta)}.tut-trail{display:grid;gap:1.1rem;padding-top:.5rem}.tut-trail-row{position:relative;display:flex;align-items:center;justify-content:center;gap:.35rem}.tut-trail-row:before{content:"";position:absolute;left:0;right:0;top:50%;border-top:3px dotted var(--linha)}.tut-trail .uno-seat,.tut-trail .uno-arrow,.tut-trail .uno-chip{position:relative;translate:none}.tut-trail .uno-seat{width:76px;height:52px;flex:none}.tut-trail .uno-seat.is-turn{margin-inline:.5rem}.tut-trail .uno-chip{flex:none;margin-right:-.9rem;z-index:5}.tut-trail .uno-arrow{flex:none}.tut-trail .tut-band{padding:.6rem .8rem}.tut-trail .tut-band .uno-band-title{font-size:1.35rem}@media(max-width:420px){.tut-trail .uno-seat{width:64px}}