.ItemRenderer{transition:opacity .5s ease-in-out}.ItemRenderer:after{content:"";position:absolute;top:5px;right:5px;bottom:5px;left:5px}.ItemRenderer:not(.on):after{border:2px solid #bbb;border-radius:3px}.ActivityCount{list-style-type:none;padding:0;margin:0;font-size:14px;font-family:Arial,sans-serif}.ActivityCount li{margin:0 0 3px;display:flex;align-items:center;gap:.5em}.CircleButton{display:flex;justify-content:center;align-items:center;border-radius:99px;height:32px;width:32px;background-color:var(--color-primary);color:#fff;border:none;font-size:16px;text-decoration:none}.CircleButton:hover,.CircleButton:active{background-color:var(--color-primary-dark)}.CircleButton:active{outline:3px solid #999}a.CircleLink,a.CircleLink:hover{color:#fff}.ChatToggle .fa-comments{scale:.9;translate:0 -1px}.ControlGroup{color:1px solid var(--color-text-light);border:1px solid var(--color-text-light);padding:.15em .75em .5em;font-family:Arial,sans-serif;font-size:12px;text-transform:uppercase;border-radius:4px}.JumpButton{position:relative}.JumpButtonPortal .dropdown{position:fixed;z-index:1001;top:86px;right:59px;width:283px;background-color:var(--color-header);border-radius:4px 0 4px 4px;padding:20px;display:flex;flex-direction:column;gap:20px}.Toolbar{container:Toolbar / inline-size;background-color:var(--color-toolbar);color:#fff;padding:0 20px;height:60px;overflow:hidden;display:flex;justify-content:space-between;align-items:center;z-index:2;position:relative}.Toolbar .right{display:flex;justify-content:flex-end;align-items:center;gap:1em}.Toolbar .JumpButton{display:none}.Toolbar .activity-you{font-size:16px;font-family:Arial,sans-serif}.Toolbar .activity-you-count{display:none;font-weight:700;text-align:center}.Toolbar .ControlGroup{color:#fffc;border:1px solid rgba(255,255,255,.4)}.Toolbar .ControlGroup legend{margin:0 auto}.Toolbar .ControlGroup input{background-color:#ffffffe6}@container Toolbar (max-width: 708px){.Toolbar .right>.WidthControl,.Toolbar .right>.JumpControl{display:none}.Toolbar .JumpButton,.Toolbar .activity-you-count{display:block}}@container Toolbar (max-width: 1170px){.Toolbar .activity-you{display:none}.Toolbar .activity-you-count{display:block}}.GameBoard{z-index:1;position:relative;background-color:var(--color-body)}.GameBoard .board{padding-bottom:70px}.Logo{display:flex;align-items:center;gap:.3em;text-decoration:none;font-weight:700;font-family:Verdana,sans-serif}.Logo .bubble{background-color:var(--color-primary);border-radius:4px;font-size:18px;color:#fff;padding:1px 5px}.Logo .game{font-size:16px;font-weight:700;color:var(--color-text)}.MainMenu button{padding:0;border:none;background-color:transparent;font-size:22px;color:var(--color-text);cursor:pointer}.MainMenu button:focus{outline:none}.MainMenu .menu{position:fixed;top:48px;left:0;background-color:var(--color-body);border-radius:0 0 4px;box-shadow:2px 2px 2px #0003}.MainMenu a,.MainMenu a:hover{border-top:1px solid #ccc;padding:15px 40px 15px 25px;font-size:20px;font-weight:700;color:var(--color-text);text-decoration:none;display:flex;justify-content:flex-start;align-items:center;gap:.5em}.darkmode .MainMenu a{border-top-color:#333}.MainMenu a:hover{background-color:#0000001a}.darkmode .MainMenu a:hover{background-color:#ffffff1a}.MainMenu i{width:28px;text-align:center}.Header{display:flex;container:Header / inline-size;justify-content:space-between;align-items:center;background-color:var(--color-header);height:48px;padding:0 20px 0 16px;font-family:Arial,sans-serif;font-size:14px;z-index:3;position:relative}.Header .left,.Header .actions{display:flex;justify-content:space-between;align-items:center;gap:10px}@container Header (max-width: 400px){.Header .site-name{display:none}}.ShareButton .alert{position:fixed;top:8px;right:104px;height:32px;background-color:var(--color-primary);color:#fff;width:300px;display:flex;align-items:center;justify-content:flex-start;z-index:3;font-size:12px;padding:3px 7px 3px 22px;border-radius:99px}.ShareButton .fa-solid{font-size:21px}.ThemeButton .popup{background:var(--color-body);color:#fff;z-index:4;padding:6px;border-radius:16px;position:fixed;top:8px;right:62px;display:flex;flex-wrap:wrap;width:216px}.ThemeButton .choice{height:34px;width:34px;padding:5px}body{padding:0;margin:0;color:var(--color-text);background-color:var(--color-body);font-family:Arial,sans-serif;font-size:17px}*{box-sizing:border-box}h1,h2,h3,h4,h5,h6{font-family:Verdana,sans-serif;font-weight:700}hr{border:none;border-top:2px solid var(--color-text-light);background-color:transparent;margin:36px 0}input[type=text]{padding:2px 5px;border:1px solid var(--color-text-light);border-radius:4px;height:24px}input[type=text]:focus{outline:none;border-color:var(--color-primary)}.form-group input[type=text]{border-radius:4px 0 0 4px}button{padding:0 5px;height:24px;display:inline-flex;align-items:center;justify-content:center;border:none;border-radius:4px;background-color:var(--color-primary);color:#fff}.form-group button{border-radius:0 4px 4px 0}select{padding:2px 5px;border:1px solid var(--color-text-light);border-radius:4px;height:24px}.form-group select{border-radius:0;border-left:none}body{--color-primary-dark: #1d40cc;--color-primary: #3961ff;--color-header: #f0f0f0;--color-toolbar: #ff6a00;--color-text: #222;--color-text-light: #666;--color-body: white}.darkmode body{--color-header: #000;--color-text: white;--color-text-light: #999;--color-body: #222}
