:root{--bg:#f4f1ec;--ink:#12110c;--fg:#12110c;--muted:#6d6961;--line:rgba(18,17,12,0.16);--panel:#ffffff;--hero:#ffec00;--rosa:#e10075;--laranja:#fd5d10;--amarelo:#ffec00;--verde:#5ccf37;--azul:#11c6fb;--roxo:#513ea4;--shadow:4px 4px 0 rgba(18,17,12,0.16)}*{margin:0;padding:0;box-sizing:border-box}body,html{height:100%;color:var(--fg);font-family:bananas-variable,Arial Rounded MT Bold,system-ui,sans-serif;overflow:hidden;-webkit-font-smoothing:antialiased}body{display:flex;flex-direction:column;height:100dvh;background:var(--bg);transition:background .45s ease,color .45s ease}body[data-page-color=vermelho]{--bg:var(--rosa);--fg:#fff;--muted:rgba(255,255,255,0.8);--line:rgba(255,255,255,0.35)}body[data-page-color=laranja]{--bg:var(--laranja);--fg:#fff;--muted:rgba(255,255,255,0.82);--line:rgba(255,255,255,0.35)}body[data-page-color=amarelo]{--bg:var(--amarelo);--fg:var(--ink);--muted:rgba(18,17,12,0.62);--line:rgba(18,17,12,0.22)}body[data-page-color=verde]{--bg:var(--verde);--fg:#fff;--muted:rgba(255,255,255,0.85);--line:rgba(255,255,255,0.35)}body[data-page-color=azul]{--bg:var(--azul);--fg:var(--ink);--muted:rgba(18,17,12,0.6);--line:rgba(18,17,12,0.24)}body[data-page-color=roxo]{--bg:var(--roxo);--fg:#fff;--muted:rgba(255,255,255,0.78);--line:rgba(255,255,255,0.32)}header{justify-content:space-between;padding:16px 20px 12px;z-index:10}.kicker,header{display:flex;align-items:center}.kicker{gap:12px}.kicker .dot{display:none}.logo-img{height:30px;display:block}#kickerText{font-size:12px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--fg);border:2px solid var(--fg);border-radius:999px;padding:4px 12px}#kickerText:empty{display:none}.top-right{display:flex;align-items:center;gap:8px}.chip{font-size:12px;font-weight:700;letter-spacing:.12em;color:var(--fg);border:2px solid var(--fg);border-radius:999px;padding:5px 12px;background:transparent}.icon-btn{width:32px;height:32px;display:grid;place-items:center;background:transparent;border:2px solid var(--fg);border-radius:999px;color:var(--fg);cursor:pointer;padding:0}.icon-btn:hover{background:rgba(18,17,12,.06)}.icon-btn[hidden]{display:none}main{flex:1 1;padding:0 18px;min-height:0}.stage,main{display:flex;align-items:center;justify-content:center;position:relative}.stage{max-width:960px;max-height:100%;width:100%}.stage-col{flex-direction:column;gap:16px}.scene{position:relative;--ar:16/9;--scene-h:min(74dvh,calc(100dvh - 260px));width:min(88vw,720px,calc((var(--scene-h) - 24px) * var(--ar)));border-radius:18px;overflow:hidden;background:var(--panel);padding:10px;border:2px solid var(--ink);box-shadow:6px 6px 0 rgba(18,17,12,.22);opacity:0;transform:scale(1.01);animation:project .7s cubic-bezier(.19,1,.22,1) forwards}@keyframes project{0%{opacity:0;transform:scale(1.04)}to{opacity:1;transform:scale(1)}}.scene img{display:block;width:100%;aspect-ratio:var(--ar);object-fit:contain;border-radius:10px}.scene.multi{cursor:pointer}.scene img.is-loading{opacity:0}.scene-loading{position:absolute;inset:10px;border-radius:10px;background:linear-gradient(100deg,#eae4d9 40%,#f7f3ea 50%,#eae4d9 60%);background-size:200% 100%;animation:scene-shimmer 1.2s linear infinite}@keyframes scene-shimmer{to{background-position:-200% 0}}.placeholder{width:100%;aspect-ratio:var(--ar,16/9);display:grid;place-items:center;background:#efeae1;border-radius:10px;position:relative}.placeholder svg{width:54px;height:54px;opacity:.35}.placeholder .pl-tag{position:absolute;bottom:14px;font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:rgba(18,17,12,.4);font-weight:700}footer{padding:12px 22px 24px;text-align:center;z-index:10}footer p{font-size:12px;font-weight:700;letter-spacing:.1em;color:var(--muted);text-transform:uppercase}footer .year-hint{font-size:14px;font-weight:500;letter-spacing:.02em;text-transform:none;color:var(--fg);margin-top:5px}footer .cycle-hint{font-size:10px;letter-spacing:.16em;color:var(--muted);margin-top:9px}#scanBtn,#scanClose,.btn{display:inline-block;padding:12px 24px;font-family:inherit;font-size:13px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--ink);background:var(--panel);border:2px solid var(--ink);border-radius:999px;cursor:pointer;text-decoration:none;text-align:center;box-shadow:var(--shadow);transition:transform .08s ease,box-shadow .08s ease}#scanBtn:hover,.btn:hover{transform:translate(-1px,-1px);box-shadow:5px 5px 0 rgba(18,17,12,.2)}#scanBtn:active,.btn:active{transform:translate(2px,2px);box-shadow:1px 1px 0 rgba(18,17,12,.2)}.btn:disabled{opacity:.35;cursor:default;transform:none;box-shadow:var(--shadow)}#scanBtn[hidden],#scanClose[hidden],.btn[hidden]{display:none}.btn-primary{background:var(--hero)}body[data-page-color=amarelo] .btn-primary{background:var(--rosa);color:#fff}.btn-big{font-size:15px;padding:16px 38px}#bigScanBtn{margin:18px 0 16px}#scanBtn{margin-top:14px}#turnInfo{font-size:13px;font-weight:700;color:var(--fg);margin-bottom:12px}#turnInfo b{color:var(--fg);font-weight:800;-webkit-text-decoration:underline 2px;text-decoration:underline 2px;text-underline-offset:3px}#roomControls[hidden]{display:none}.ctrl-btns{display:flex;flex-direction:column;align-items:center;gap:10px;margin-top:22px}#playersLine{margin-top:12px;font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}.msg{text-align:center;padding:40px}.msg h1{font-weight:800;font-size:34px;line-height:1.1;margin-bottom:10px;color:var(--fg)}.msg p{font-weight:600;letter-spacing:.04em}.msg p,.msg.lobby h1{color:var(--muted);font-size:13px}.msg.lobby h1{font-weight:800;letter-spacing:.2em;text-transform:uppercase;margin-bottom:2px}.room-code{font-weight:800;font-size:clamp(52px,17vw,84px);line-height:1;letter-spacing:.04em;margin-bottom:14px;color:var(--fg)}.msg.lobby p{margin-top:8px}.share-line{font-size:12px;font-weight:600;letter-spacing:.03em;color:var(--muted);cursor:pointer}.share-line:hover{color:var(--fg)}.reveal{position:absolute;inset:10px;z-index:5;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;background:rgba(18,17,12,.85);border-radius:10px;text-align:center;padding:20px}.reveal .r-year{font-weight:800;font-size:clamp(56px,14vw,110px);line-height:1;color:var(--hero)}.reveal .r-title{font-size:15px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:#fff}.reveal .r-title-br{font-size:14px;font-weight:500;color:rgba(255,255,255,.75)}.reveal .r-tag{margin-top:10px;font-size:10px;font-weight:700;letter-spacing:.22em;text-transform:uppercase;color:var(--rosa)}.loader{width:28px;height:28px;border:3px solid var(--line);border-top-color:var(--rosa);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}body.menu-mode footer,body.menu-mode header{display:none}#menu{position:fixed;inset:0;z-index:60;display:flex;justify-content:center;padding:32px;overflow-y:auto}#menu[hidden]{display:none}.menu-inner{width:100%;max-width:380px;margin:auto;text-align:center}.menu-logo{width:min(84vw,420px);max-height:30vh;object-fit:contain;display:block;margin:0 auto 6px}.menu-title{font-weight:700;font-size:17px;line-height:1.35;margin:10px 0 24px;color:var(--fg)}.field{width:100%;padding:13px 16px;margin-bottom:12px;font-family:inherit;font-size:15px;font-weight:600;color:var(--ink);background:var(--panel);border:2px solid var(--ink);border-radius:14px;text-align:center;letter-spacing:.04em}.field::placeholder{color:rgba(18,17,12,.35);font-weight:500}.field:focus{outline:none;box-shadow:3px 3px 0 rgba(18,17,12,.16)}.menu-btns{display:flex;flex-direction:column;gap:12px}#joinRow{display:flex;gap:8px}#joinRow[hidden]{display:none}#joinRow .field{margin-bottom:0;flex:1 1;text-transform:uppercase}.menu-err{min-height:17px;margin-top:12px}.menu-err,.menu-note{color:var(--fg);font-size:13px;font-weight:700}.menu-note{line-height:1.5;margin-bottom:14px}.menu-links{display:flex;justify-content:center;gap:24px;margin-top:22px}.menu-links a{color:var(--fg);font-size:12px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;text-decoration:none}.menu-links a:hover{opacity:.7}.build-tag{margin-top:18px;font-size:9px;font-weight:700;letter-spacing:.2em;color:var(--muted);text-transform:uppercase}.api-credits{margin-top:28px;max-width:380px}.api-logos{display:flex;align-items:center;justify-content:center;gap:22px;margin-bottom:9px}.api-logo{display:block;width:auto}.api-logo-tmdb{height:22px}.api-logo-igdb{height:34px}.api-note{margin:0;font-size:12px;color:var(--muted)}.api-note+.api-note{margin-top:7px}.api-note a{color:inherit}body[data-page-color=amarelo] .api-logo,body[data-page-color=azul] .api-logo{filter:invert(1)}.spec-row{display:flex;align-items:center;justify-content:center;gap:8px;font-size:12px;font-weight:600;color:var(--muted);cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.spec-row[hidden]{display:none}.spec-row input{width:16px;height:16px;accent-color:var(--rosa);cursor:pointer}#createModal,#joinModal,#leaveModal,#optionsModal{position:fixed;inset:0;z-index:80;display:flex;align-items:center;justify-content:center;padding:32px;background:rgba(18,17,12,.45)}#createModal[hidden],#joinModal[hidden],#leaveModal[hidden],#optionsModal[hidden]{display:none}.modal-card{width:100%;max-width:330px;background:var(--panel);border:2px solid var(--ink);border-radius:20px;padding:26px 24px;text-align:center;box-shadow:8px 8px 0 rgba(18,17,12,.3)}.modal-title{font-weight:800;font-size:24px;margin-bottom:18px;color:var(--ink)}.opt-label{display:block;font-size:10px;font-weight:800;letter-spacing:.2em;text-transform:uppercase;color:var(--muted);margin-bottom:8px}select.field{-moz-appearance:none;appearance:none;-webkit-appearance:none;text-align:center;cursor:pointer}#optionsClose{margin-top:16px;width:100%}#createConfirmBtn,#joinBtn{margin-top:14px;width:100%}#createClose,#joinClose{margin-top:10px;width:100%;box-shadow:none}#leaveConfirmBtn{margin-top:4px;width:100%}#leaveCancelBtn{margin-top:10px;width:100%;box-shadow:none}#createModal .menu-err,#joinModal .menu-err{color:var(--rosa)}#joinModal .spec-row{margin:4px 0 2px;color:var(--ink)}.modal-card .menu-note{color:var(--rosa)}#optionsModal .spec-row{margin-top:16px;color:var(--ink)}.modal-card{color:var(--ink)}.lobby-list{width:min(320px,86vw);display:flex;flex-direction:column;gap:8px}.lobby-row{display:flex;align-items:center;gap:10px;padding:12px 14px;border:2px solid var(--ink);border-radius:14px;font-size:14px;font-weight:700;color:var(--ink);background:var(--panel);box-shadow:3px 3px 0 rgba(18,17,12,.12)}.lobby-row.off{opacity:.45}.lobby-row.dragging{background:var(--hero);position:relative;z-index:5;box-shadow:6px 6px 0 rgba(18,17,12,.25)}.drag-handle{color:rgba(18,17,12,.45);cursor:-webkit-grab;cursor:grab;touch-action:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;font-size:16px;padding:0 2px}.lobby-pos{color:rgba(18,17,12,.4);font-size:12px;min-width:18px;font-weight:800}.lobby-name{flex:1 1;text-align:left}.ready-dot{width:12px;height:12px;border-radius:50%;border:2px solid rgba(18,17,12,.3);background:transparent}.ready-dot.on{background:var(--verde);border-color:var(--ink)}.lobby-hint{font-size:10px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}#scanner{position:fixed;inset:0;z-index:90;background:#12110c;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:22px}#scanner[hidden]{display:none}#scanVideo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.scan-frame{position:relative;width:min(62vw,300px);aspect-ratio:1;border:3px solid var(--hero);border-radius:22px;box-shadow:0 0 0 100vmax rgba(18,17,12,.5)}.scan-hint{position:relative;text-align:center;font-size:12px;font-weight:800;letter-spacing:.16em;text-transform:uppercase;color:#fff;text-shadow:0 1px 6px rgba(0,0,0,.9)}#scanClose{position:absolute;bottom:30px;left:50%;transform:translateX(-50%);box-shadow:none}