@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%}.error-message{color:#d32f2f;margin-top:8px;font-size:.9rem}.pseudo-status{font-size:.85rem;margin-top:2px;margin-bottom:4px;text-align:right}.pseudo-status--available{color:#4caf50}.pseudo-status--taken{color:#d32f2f}.pseudo-status--checking{color:#888}.password-rules{list-style:none;margin:4px 0 8px;padding:0 0 0 8px;font-size:.85rem}.password-rules .rule-ok{color:#4caf50}.password-rules .rule-ko{color:#d32f2f}.avatar-warning{margin-top:12px;padding:10px 14px;border-left:3px solid #f57c00;background-color:#f57c001a;font-size:.9rem}.avatar-warning p{margin:0 0 8px}.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{height:100%;overflow-y:auto;box-shadow:2px 0 10px #4a8b53}.userList .userList-title{display:block;margin:15px 10px}.notification-feed{display:flex;flex-direction:column;gap:6px;padding:12px;max-height:200px;overflow-y:auto}.notification-feed__item{padding:8px 12px;border-left:3px solid #4a8b53;background-color:#4a8b531a;font-size:.9rem;animation:notification-slide-in .2s ease-out}@keyframes notification-slide-in{0%{opacity:0;transform:translate(-8px)}to{opacity:1;transform:translate(0)}}.dashboard{display:grid;grid-template-columns:minmax(min-content,20%) 1fr;flex:1;overflow:hidden}.dashboard-right{display:grid;grid-template-rows:1fr auto;height:100%;min-height:0;overflow:hidden}.dashboard-main{overflow-y:auto;padding:0 20px}.dashboard-main h1{padding:20px 0;margin:0}.dashboard-main p{text-align:center}.dashboard-stats{border:1px solid #4a8b53;margin-bottom:20px;padding:12px 16px;font-size:.85rem}.dashboard-stats__tabs{display:flex;gap:4px;margin-bottom:10px}.dashboard-stats__periods{display:flex;gap:8px;margin-bottom:10px}.dashboard-stats__tab,.dashboard-stats__period{background:none;border:1px solid #4a8b53;color:#4a8b53;cursor:pointer;padding:2px 8px;font-family:inherit;font-size:.8rem}:is(.dashboard-stats__tab,.dashboard-stats__period):hover{color:#8f8;border-color:#8f8}.dashboard-stats__tab--active,.dashboard-stats__period--active{color:#8f8;border-color:#8f8}:is(.dashboard-stats__tab--active,.dashboard-stats__period--active):hover{color:#afa;border-color:#afa}.dashboard-stats__body{color:#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}.Reversi{display:flex;flex-direction:column;align-items:center;gap:16px;padding:16px}.Reversi #game-turn-data{font-size:1.1rem;font-weight:700}.Reversi .reload-handler{display:flex;flex-direction:column;align-items:center;gap:8px}.Reversi .reload-handler .reload-buttons{display:flex;gap:12px}html,#root{height:100dvh}.home-layout{display:flex;flex-direction:column;height:100dvh;overflow:hidden}body{margin:0;padding:0;background-color:#131410;color:#4a8b53;height:100dvh;overflow:hidden}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}