@import"https://fonts.googleapis.com/css2?family=Sixtyfour&display=swap";.box{width:fit-content;margin:20px auto;border:11px solid green;border-image:url(/box_border.png) 11 stretch;border-radius:12px;box-shadow:3px 3px 6px #306b30;overflow:hidden;min-width:0}.button_wrapper{width:fit-content;margin:10px auto;padding:0;border-radius:12px;background-image:radial-gradient(ellipse at center,#131410 20%,#037903)}button{border:11px solid transparent;border-radius:12px;background-color:#131410;width:fit-content;transition:all .15s;color:#4a8b53;border-image:url(/button_border.png) 11 stretch;cursor:pointer}button:hover:not([disabled]){box-shadow:3px 3px 6px #3e8b3e;color:#4ac44a;background-color:transparent}button[disabled]{border:11px solid transparent;border-radius:12px;border-image:url(/button_border_disabled.png) 11 stretch;color:#4e6d52;cursor:default}button[disabled]>span{cursor:default}dialog{max-width:32em;padding:0;border:11px solid green;background-color:#131410;color:#4a8b53;border-image:url(/box_border.png) 11 stretch;border-radius:12px;box-shadow:3px 3px 6px #306b30}dialog::backdrop{background:#0009}dialog>div{padding:1em}dialog[open]{animation:zoom .3s cubic-bezier(.34,1.56,.64,1)}@keyframes zoom{0%{transform:scale(.95)}to{transform:scale(1)}}dialog[open]::backdrop{animation:fade .2s ease-out}@keyframes fade{0%{opacity:0}to{opacity:1}}#avatarInput{display:none}.prof-pic-wrapper{height:100px;width:100px;border-radius:50px;position:relative;border:solid;overflow:hidden;margin:auto;padding:0}.prof-file{width:100px;height:100px;height:auto}header{height:120px;background-image:url(/dark2.png);background-size:contain;background-repeat:no-repeat;background-position:left 40px top 0;box-shadow:#4a8b53 0 0 10px;position:relative}header h1{text-align:center;margin:0;padding-top:30px;font-size:50px}.link{margin:0 20px}.logthumb{position:absolute;top:10px;right:10px;padding:5px 10px;border-radius:5px;font-size:14px}.logthumb img{width:20px;margin-left:10px;cursor:pointer}.logthumb .logLabel{display:flex;align-items:center;cursor:pointer}.logthumb .logLabel .logAvatar{height:30px;width:30px;border-radius:15px;border:1px solid;overflow:hidden;margin-left:0;margin-right:6px}.logthumb .box{margin-top:4px;background-color:#131410}.logthumb:not(.expanded) .box,.logthumb:not(.expanded) a{cursor:unset;pointer-events:none}.logMenu{margin-top:6px;padding:0 6px;opacity:0;transition:opacity .2s ease-out}.expanded .logMenu{opacity:1}.menuItem{padding:6px 0;display:grid;grid-template-rows:0fr;transition:grid-template-rows .2s ease-out;overflow:hidden}.menuItem span{min-height:0}.logthumb.expanded .menuItem{grid-template-rows:1fr}.switch-wrapper{margin:10px auto;padding:4px;display:grid;grid-template-columns:repeat(2,minmax(max-content,1fr));width:100%;background-color:transparent;position:relative;cursor:pointer;border:11px solid green;border-image:url(/button_border_disabled.png) 11 stretch;border-radius:12px}.switch-wrapper:after{content:"";display:block;width:calc(50% - 11px);height:100%;border:11px solid green;border-image:url(/button_border.png) 11 stretch;border-radius:12px;box-shadow:3px 3px 6px #306b30;position:absolute;top:-11px;left:-11px;transition:left .3s ease-in-out}.switch-wrapper:not(.isFirstActive):after{left:50%;transition:left .3s ease-in-out}.label{padding:4px;text-align:center;-webkit-background-clip:text;background-clip:text;color:transparent;background-size:200% 100%;background-image:linear-gradient(to right,#0b7024,#15eb4a 2% 49%,#0b7024 51%);transition:background-position .3s ease-in-out}.switch-wrapper .label:nth-child(1){margin-right:15px}.switch-wrapper .label:nth-child(2){margin-left:15px}.switch-wrapper.isFirstActive .label:nth-child(1){background-position:0%}.switch-wrapper:not(.isFirstActive) .label:nth-child(1){background-position:-100%}.switch-wrapper.isFirstActive .label:nth-child(2){background-color:#0b7024;background-position:100%}.switch-wrapper:not(.isFirstActive) .label:nth-child(2){background-position:0%}.login-page{width:fit-content;margin:auto;text-align:left;position:relative}.expandable{display:grid;grid-template-rows:0fr;opacity:0;transition:all .2s ease-out;overflow:hidden}.expandable div{min-height:0;overflow:hidden}.expanded .expandable{grid-template-rows:1fr;opacity:1}form{max-width:fit-content}.form-line{display:flex;justify-content:space-between;align-items:center;column-gap:30px}.form-line input{width:200px}.avatar-preview-container{width:100px;height:100px;margin:auto}.avatar-preview{width:100%;height:100%;border-radius:50%}.userItem{display:flex;align-items:center;width:fit-content}.userItem-avatar{width:30px;height:30px;border-radius:50%;overflow:hidden;margin:0 10px}.userItem-pseudo{font-size:.8rem;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.invite-sent{display:inline-block;width:24px;margin-left:8px}.sand-top,.sand-bottom,.sand-clock{will-change:transform;transform-origin:50% 30px}.sand-clock{animation:clock 3s 1.25s ease-in-out infinite;transform-origin:50% 50%;height:16px;fill:#4a8b53}.sand-top{animation:clock-sand-top 3s ease-in-out infinite}.sand-bottom{animation:clock-sand-bottom 3s ease-in-out infinite;transform:scale(0)}@keyframes clock{20%,50%{transform:rotate(180deg)}70%,to{transform:rotate(360deg)}}@keyframes clock-sand-top{0%{transform:scale(1)}50%{transform:scale(0)}to{transform:scale(1)}}@keyframes clock-sand-bottom{0%{transform:scale(0)}50%{transform:scale(1)}to{transform:scale(0)}}.invite-received{width:24px;margin-left:8px}.userList .userList-title{display:block;margin:15px 10px}.dashboard{position:relative;padding:0;height:calc(100% - 120px)}.dashboard p{text-align:center}.dashboard h1{padding:20px 0;margin:0}.dashboard .userList{position:absolute;top:0;bottom:0;width:25%;box-shadow:0 6px 10px #4a8b53}.formBox{width:300px;margin:auto}h1{text-align:center}.profile-page .expandable{grid-template-rows:0fr 0fr 0fr}.profile-page .expanded .expandable{grid-template-rows:1fr 1fr 1fr}.avatar-preview{width:100%;display:flex;align-items:center;justify-content:space-evenly}.actualAvatar,.newAvatar{width:100px;height:100px;border-radius:50%;display:block}.avatarChange{display:block}.Morpion .game-grid{margin:5px}.Morpion #game-turn-data{text-align:center;padding:20px 0}.Morpion .reload-handler{text-align:center}.Morpion .reload-buttons{display:flex;width:fit-content;margin:auto}.Morpion .reload-buttons .button_wrapper{margin:10px}.Puissance4 .game-grid{margin:5px}.Puissance4 #game-turn-data{text-align:center;padding:20px 0}.Puissance4 .reload-handler{text-align:center}.Puissance4 .reload-buttons{display:flex;width:fit-content;margin:auto}.Puissance4 .reload-buttons .button_wrapper{margin:10px}html,#root,#root>div{height:100%}body{margin:0;padding:0;background-color:#131410;color:#4a8b53;height:100%}body,input,button{font-family:Sixtyfour,sans-serif;font-optical-sizing:auto;font-weight:400;font-style:normal;font-variation-settings:"BLED" 0,"SCAN" 0}a,a:hover{color:#4a8b53;text-decoration:none}input{background-color:#000;color:#8f8;border-top:1px solid #222222;border-left:1px solid #222222;border-right:1px solid #224422;border-bottom:1px solid #224422;margin:10px}input:focus-visible{outline:1px solid #88ff88}input:-webkit-autofill{-webkit-box-shadow:0 0 0 50px #000000 inset;-webkit-text-fill-color:#88ff88}