#nav{display:flex;gap:2rem;align-items:center;justify-content:space-between;background-color:var(--bg2);z-index:9}#nav .nav-menu-btn{background-color:var(--text);border:3px solid var(--accent);border-radius:var(--radius);color:var(--border);z-index:10}#nav .nav-menu-btn:hover{cursor:pointer}#nav .nav-menu{background-color:var(--bg2);position:fixed;inset:0;display:flex;flex-direction:column;height:100vh;padding:2rem;width:345px;padding-top:300px;gap:2rem;z-index:9;transform:translateY(-16px);opacity:0;visibility:hidden;pointer-events:none;transition:transform .22s ease,opacity .22s ease,visibility 0ms linear .22s}#nav .nav-menu.open{transform:translateY(0);opacity:1;visibility:visible;pointer-events:auto;transition:transform .22s ease,opacity .22s ease,visibility 0ms}#nav .nav-menu a{font-size:1.5rem;font-weight:700;text-decoration:none;color:var(--text);transition:transform .3s ease}#nav .nav-menu a:hover{cursor:pointer;transform:scale(1.05)}#nav img{flex-shrink:1;height:auto;width:100%;min-width:0;max-width:200px;z-index:10}.nav-logo{z-index:10;transition:transform .3s ease}.nav-logo:hover{transform:scale(1.05)}#game-left{justify-content:space-between}#game-left h3{font-size:1.25rem;font-weight:700}#game-left button:hover{cursor:pointer}#game-right{display:flex;padding:2rem}#game-right img{border:1px solid var(--accent);border-radius:var(--radius);width:100%;max-width:1000px}.team-parent-container{display:flex;gap:2rem}.player-order{display:flex;gap:1rem}.player-card-container{display:flex;flex-direction:column;gap:2rem}.player-card{border-radius:var(--radius);display:flex;flex-direction:column;padding:2rem;border:1px solid var(--accent);gap:1rem}.player-card h3{font-size:1.25rem;font-weight:700}.char-card-container{display:flex;gap:1rem;padding:0 1rem;align-items:center;justify-content:center;width:100%}.game-info-card{border-radius:var(--radius);display:flex;flex-direction:column;padding:2rem;border:1px solid var(--accent);gap:1rem;height:fit-content;max-width:300px}.game-info-card h3{font-size:1.25rem;font-weight:700}.game-info{display:flex;flex-direction:column;gap:1rem}.game-card-top{display:flex;justify-content:space-between;gap:2rem}.character-card{width:250px;height:250px;border-radius:12px;overflow:hidden;background-color:#000000bf;background-image:var(--bg-image);background-size:cover;background-position:center;background-repeat:no-repeat;display:flex;flex-direction:column;justify-content:flex-end;gap:.5rem}.char-card-info{display:flex;flex-direction:column;gap:.3rem;background-color:#000000bf;padding:.5rem}.char-card-info h4{font-size:1.25rem;font-weight:700}.char-card-info h5{font-size:.8rem}.game-main{display:flex;width:100%}#game-right{display:flex;flex-direction:column;width:100%;justify-content:center;align-items:center;gap:2rem}.game-reset-btns{display:flex;flex-direction:column;align-items:stretch;gap:1rem}.game-btn{border:3px solid var(--text);border-radius:var(--radius);background-color:var(--text);padding:.5rem}.game-btn:hover{border-color:var(--accent)}.setup-container{display:flex;flex-direction:column;gap:1rem;height:100%;padding:2rem 0 0}.setup-container h1{font-size:1.25rem;font-weight:700}.setup-container h3{font-weight:700}.side-container{display:flex;flex-direction:column;gap:.5rem}.set-selection{display:flex;flex-wrap:wrap;width:100%;padding:4rem;gap:3rem;justify-content:center}.set-card{width:100%;max-width:250px;height:250px;background-color:var(--bg);padding:.5rem;border:none;display:flex;align-items:center;justify-content:center;transition:transform .25s ease}.set-card:hover{cursor:pointer;transform:scale(1.05)}.set-card .img-wrapper{width:fit-content;height:fit-content;background-color:var(--bg);padding:.5rem;display:flex;align-items:center;justify-content:center;transition:border-color .2s ease}.set-card .img-wrapper img{max-width:240px;height:275px;object-fit:contain;-webkit-user-select:none;user-select:none;pointer-events:none}.set-card.selected{border:var(--selected)}@media(max-width:768px){.set-selection{padding:2rem}.set-card{max-width:200px;height:200px}.set-card .img-wrapper,.set-card .img-wrapper img{height:200px}}button:hover{cursor:pointer}.ban-top{display:flex;flex-direction:column;gap:1rem;padding:1rem 0}.setup-ban-container{display:flex;flex-direction:column;gap:2rem}.setup-ban-container button{border:3px solid var(--text);border-radius:var(--radius);background-color:var(--text);padding:.5rem;transition:border-color .2s ease}.setup-ban-container button.selected{border:var(--selected)}.ban-btns{display:flex;gap:.5rem;flex-wrap:wrap}.selected{border:var(--selected)!important;transform:scale(1.05)}.selected-btn{border:var(--selected)!important}.setup-submit-container{display:flex;flex-direction:column;align-items:stretch;width:100%;margin-top:auto;gap:1rem;padding-top:2rem}.setup-submit-container button{border:3px solid var(--text);border-radius:var(--radius);background-color:var(--text);padding:.5rem}.home-logo{width:300px}.game-setup{display:flex;flex-direction:column;align-items:stretch;height:100%}.game-setup button{border:3px solid var(--text);border-radius:var(--radius);background-color:var(--text);padding:1rem}.game-setup button:hover{cursor:pointer}.game-setup .selected{border-color:var(--accent)}.mode-selection{padding:2rem 0;display:flex;flex-direction:column;gap:1rem}.mode-btns{display:flex;flex-wrap:wrap;gap:1rem;width:100%}.mode-btns button{width:50%;flex:1}.player-btns{display:flex;align-items:center;gap:1rem}.player-count{display:flex;flex-direction:column;gap:1rem;padding:2rem 0}.player-count button{display:flex;align-items:center;justify-content:center;padding:.5rem;border-radius:50%;height:40px;width:40px}.player-names{display:flex;flex-direction:column;gap:1rem;padding:2rem 0}.player-names .name-inputs{display:flex;flex-direction:column;gap:1rem}.player-names .name-inputs input{padding:1rem;border-radius:var(--radius);background-color:var(--text)}.submit-container{margin-top:auto;flex-direction:column;gap:1rem;display:flex;justify-content:center;padding:2rem 0 0}.submit-container .submit-btn{border:3px solid var(--text);border-radius:var(--radius);background-color:var(--text);padding:.5rem;width:100%}.game-setup h1{font-size:1.25rem;font-weight:700}.game-setup h3{font-weight:700}:root{--bg: #1f1f1f;--bg2: #181818;--accent: red;--border: red;--text: #cccccc;--radius: .625rem;--selected: 3px solid red;--font-ui: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"}html,body{background-color:var(--bg)!important;color:var(--text)}.page{display:flex;min-height:100vh;width:100%;max-width:100%}.left{background-color:var(--bg2);display:flex;flex-direction:column;align-items:stretch;width:350px;max-height:100vh;border-right:1px solid var(--border);padding:2rem;position:sticky;top:0;z-index:1}.right{display:flex;justify-content:center;align-items:center;flex:1;padding:2rem 1rem;min-width:0}.submit-btn{border:3px solid var(--text);border-radius:var(--radius);background-color:var(--text);padding:.5rem}html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:"";content:none}table{border-collapse:collapse;border-spacing:0}*,*:before,*:after{box-sizing:border-box!important}body{font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol}