.Game-container{background-color:#323232;margin:20px auto auto;border-radius:10px;border:3px solid #848484;width:50vw}.main{overflow-y:hidden}.endgame-container{position:absolute;background-color:#ffffff67;width:50vw;height:20vw;margin-top:4vw;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem;box-sizing:border-box}.endgame-container.Playing{position:absolute;background-color:#ffffff67;width:50vw;height:20vw;margin-top:4vw;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem;box-sizing:border-box;display:none}.endgame-outcome{font-family:"Press Start 2P","Jersey 10","Jersey 15",sans-serif,system-ui;position:relative;margin:0;font-size:40px;padding:0;text-align:center;text-shadow:-2px -2px 0 #000,2px -2px 0 #000,-2px 2px 0 #000,2px 2px 0 #000,-3px 0px 0 #000,3px 0px 0 #000,0px -3px 0 #000,0px 3px 0 #000}.endgame-answer{font-family:"Press Start 2P","Jersey 10","Jersey 15",sans-serif,system-ui;position:relative;margin:0;font-size:20px;padding:0;text-align:center;text-shadow:-2px -2px 0 #000,2px -2px 0 #000,-2px 2px 0 #000,2px 2px 0 #000,-3px 0px 0 #000,3px 0px 0 #000,0px -3px 0 #000,0px 3px 0 #000}.endgame-button{display:flex;justify-content:center;width:100%}.endgame-button button{padding:.4rem .8rem;border-radius:6px;border:none;cursor:pointer;background-color:#07f;width:150px;height:40px;color:#fff;border:3px solid #000000;font-family:"Press Start 2P","Jersey 10","Jersey 15",sans-serif,system-ui}.endgame-button button:hover{padding:.4rem .8rem;border-radius:6px;border:none;cursor:pointer;background-color:#2f90ff;width:150px;height:40px;color:#fff;border:3px solid #000000;font-family:"Press Start 2P","Jersey 10","Jersey 15",sans-serif,system-ui}.wordle-container{margin-top:0;border-radius:10px;border-bottom:3px solid #848484}.wordle-message{width:80%;height:40px;margin:3px auto 10px;background-color:#383838;text-align:center;border:2px solid #848484;border-radius:10px;font-family:Montserrat,sans-serif;padding-top:15px}.wordle-message-text{margin:auto}.wordle-table{width:10vw;pad:0 10px;margin:30px auto 5px;table-layout:fixed;border-spacing:5px}.wordle-cell{padding:8px;border:1px solid #848484;text-align:center;font-size:1.5em;width:10vw;height:10vw;border-radius:2px;max-width:20vw;max-height:20vw}:root{--muted: #fbfbfb;--accent: #b1b528;--accent-2: #43bc51;--text: #eff6ff;--border: rgba(255, 255, 255, .06);--focus: rgba(92, 255, 155, .16);--radius: 12px}.wf-form{width:100%}.wf-card{background:var(--card-bg);padding:18px;display:grid;gap:14px;box-sizing:border-box}.wf-title{margin:0;color:var(--text);font-size:1.25rem;font-weight:700}.wf-group{display:grid;gap:8px}.wf-label{color:var(--muted);font-size:.92rem;font-weight:600;margin:10px auto}.wf-toggle-group{display:flex;gap:10px;flex-wrap:nowrap;margin:0 auto}.wf-native-radio{position:absolute;opacity:0;pointer-events:none}.wf-toggle{position:relative;display:inline-flex;align-items:center;justify-content:center;min-width:54px;height:42px;padding:6px 12px;border-radius:999px;background:linear-gradient(180deg,#ffffff48,#51515148);border:1px solid #464646;color:var(--text);font-weight:700;cursor:pointer;transition:transform .16s ease,box-shadow .16s ease,background .16s ease;user-select:none;box-shadow:#02170529 0 6px 14px -6px}.wf-toggle-label{pointer-events:none}.wf-toggle:hover{transform:translateY(-3px)}.wf-toggle input:checked+.wf-toggle-label{padding:6px 12px;border-radius:999px;background:linear-gradient(90deg,var(--accent),var(--accent-2));color:#fff;box-shadow:0 8px 24px #12c43326}.wf-toggle:has(input:checked){border-color:#09ff0038;background:linear-gradient(90deg,#5cff610f,#4de1590a)}.wf-toggle:focus-within{outline:3px solid var(--focus);outline-offset:3px}.wf-actions{display:flex;justify-content:flex-end;align-items:center}.wf-button{padding:10px 16px;margin:20px auto;border-radius:10px;border:none;background:linear-gradient(90deg,var(--accent),var(--accent-2));color:#fff;font-weight:800;cursor:pointer;box-shadow:0 10px 30px #4dff6824;transition:transform .16s ease,box-shadow .16s ease}.wf-button:hover{transform:translateY(-3px)}.wf-button:active{transform:translateY(0)}.wf-button:focus{outline:3px solid var(--focus);outline-offset:3px}.keyboard-container{margin:20px auto;padding:10px;justify-items:center;align-self:center;align-content:center;justify-self:center}.keyboard-row{margin:auto;justify-self:center}.keyboard-button{justify-self:center;margin:1px;display:inline-block;min-width:60px;min-height:50px;border-radius:7px;border:1px solid #464646;color:#fff;transition:border .1s}.keyboard-button:hover{transform:translateY(-1px);outline:2px solid rgba(255,255,255,.08)}.keyboard-button.clicked{transform:translateY(-1px);outline:2px solid rgba(255,255,255,.08);border:2px solid #ffffff}.keyboard-button:active,.keyboard-button[data-pressed=true]{transform:translateY(1px) scale(.995);box-shadow:0 0 #0000}@media (max-width: 1500px){.Game-container{margin:0;width:100%;border-radius:0;border:0px;background-color:inherit;height:100%}.wordle-table{margin:0 auto}.wordle-cell{font-size:15px;font-weight:700;line-height:0px}.wf-toggle{min-width:20px;height:38px;font-size:.95rem}.wf-actions{justify-content:center}.endgame-container{margin:50px auto;width:100%;height:35%}.endgame-outcome{font-size:7vw;margin:20px auto 0}.endgame-answer{font-size:4vw;margin:0 10px}.endgame-button{margin:0;padding:0}.keyboard-container{margin:1vh auto;padding:3px 0;display:flex;align-items:center;justify-content:space-between;flex-grow:1}.keyboard-row{display:flex;justify-content:center;align-items:center;margin:0;height:9vh}.keyboard-button{margin:2px;display:inline-block;min-width:8.2vw;min-height:5px;border-radius:px;height:8vh;border:1px solid #464646;color:#fff;background-color:#07f;cursor:pointer;font-size:15px}.keyboard-button:hover{background-color:#c9e3fd}.keyboard-button:active,.keyboard-button[data-pressed=true]{transform:translateY(1px) scale(.995);box-shadow:0 0 #0000}.wordle-message{height:15px;padding-top:0}.wordle-message-text{font-size:small}}