body{color:var(--color-text);background-color:var(--color-body);margin:0;padding:0;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:#0000;margin:36px 0}input[type=text]{border:1px solid var(--color-text-light);border-radius:4px;height:24px;padding:2px 5px}input[type=text]:focus{border-color:var(--color-primary);outline:none}.form-group input[type=text]{border-radius:4px 0 0 4px}button{background-color:var(--color-primary);color:#fff;border:none;border-radius:4px;justify-content:center;align-items:center;height:24px;padding:0 5px;display:inline-flex}.form-group button{border-radius:0 4px 4px 0}select{border:1px solid var(--color-text-light);border-radius:4px;height:24px;padding:2px 5px}.form-group select{border-left:none;border-radius:0}body{--color-primary-dark:#1d40cc;--color-primary:#3961ff;--color-header:#f0f0f0;--color-toolbar:#ff6a00;--color-text:#222;--color-text-light:#666;--color-body:white;--color-modal-bg:black}.darkmode body{--color-header:#000;--color-text:white;--color-text-light:#999;--color-body:#222;--color-modal-bg:white}.ItemRenderer{transition:opacity .5s ease-in-out}.ItemRenderer:after{content:"";position:absolute;inset:5px}.ItemRenderer:not(.on):after{border:2px solid #bbb;border-radius:3px}.ActivityCount{margin:0;padding:0;font-family:Arial,sans-serif;font-size:14px;list-style-type:none}.ActivityCount li{align-items:center;gap:.5em;margin:0 0 3px;display:flex}.CircleButton{background-color:var(--color-primary);color:#fff;border:none;border-radius:99px;justify-content:center;align-items:center;width:32px;height:32px;font-size:16px;text-decoration:none;display:flex}.CircleButton:hover,.CircleButton:active{background-color:var(--color-primary-dark)}.CircleButton:active{outline:3px solid #999}.CircleButton:disabled{background-color:var(--color-primary);opacity:.5;cursor:not-allowed;outline:none}a.CircleLink,a.CircleLink:hover{color:#fff}.ChatToggle .fa-comments{translate:0 -1px;scale:.9}.ControlGroup{color:1px solid var(--color-text-light);border:1px solid var(--color-text-light);text-transform:uppercase;border-radius:4px;padding:.15em .75em .5em;font-family:Arial,sans-serif;font-size:12px}.JumpButton{position:relative}.JumpButtonPortal .dropdown{z-index:1001;background-color:var(--color-header);border-radius:4px 0 4px 4px;flex-direction:column;gap:20px;width:283px;padding:20px;display:flex;position:fixed;top:86px;right:59px}.Toolbar{background-color:var(--color-toolbar);color:#fff;z-index:2;justify-content:space-between;align-items:center;height:60px;padding:0 20px;display:flex;position:relative;overflow:hidden;container:Toolbar/inline-size}.Toolbar .right{justify-content:flex-end;align-items:center;gap:1em;display:flex}.Toolbar .JumpButton{display:none}.Toolbar .activity-you{font-family:Arial,sans-serif;font-size:16px}.Toolbar .activity-you-count{text-align:center;font-weight:700;display:none}.Toolbar .ControlGroup{color:#fffc;border:1px solid #fff6}.Toolbar .ControlGroup legend{margin:0 auto}.Toolbar .ControlGroup input{background-color:#ffffffe6}@container Toolbar (width<=708px){.Toolbar .right>.WidthControl,.Toolbar .right>.JumpControl{display:none}.Toolbar .JumpButton,.Toolbar .activity-you-count{display:block}}@container Toolbar (width<=1170px){.Toolbar .activity-you{display:none}.Toolbar .activity-you-count{display:block}}.GameBoard{z-index:1;background-color:var(--color-body);position:relative}.GameBoard .board{padding-bottom:70px}.GameBoard .board.is-scrolling .ItemRenderer{opacity:.1}.GameBoard .loading-cover{background-color:color-mix(in srgb, var(--color-modal-bg) 40%, transparent);opacity:0;visibility:hidden;pointer-events:none;justify-content:center;align-items:center;transition:opacity .3s ease-in-out,visibility 0s .3s;display:flex;position:absolute;inset:60px 0 0}.GameBoard.is-loading .loading-cover{opacity:1;visibility:visible;pointer-events:auto;transition-delay:0s}.GameBoard .loading-cover .spinner{border:6px solid color-mix(in srgb, var(--color-primary) 25%, transparent);border-top-color:var(--color-primary);background-color:var(--color-body);width:56px;height:56px;box-shadow:0 0 0 10px var(--color-body), 0 2px 16px 10px #00000040;border-radius:50%}.GameBoard.is-loading .loading-cover .spinner{animation:.9s linear infinite GameBoard-spin}@keyframes GameBoard-spin{to{rotate:1turn}}.GameBoard.is-loading .ItemRenderer:after{border:none}@property --shimmer-row{syntax:"<integer>";inherits:true;initial-value:1}@property --shimmer-rows{syntax:"<integer>";inherits:true;initial-value:1}.GameBoard.is-loading .board>[role=row]{--shimmer-row:sibling-index();--shimmer-rows:calc(sibling-count() - 1)}.GameBoard.is-loading .ItemRenderer{--shimmer-period:1s;animation:GameBoard-shimmer var(--shimmer-period) ease-in-out infinite backwards;animation-delay:calc(var(--shimmer-period) * .7 * (var(--shimmer-row) + sibling-index() - 2) / max(1, var(--shimmer-rows) + sibling-count() - 1))}@keyframes GameBoard-shimmer{0%,30%,to{opacity:1}15%{opacity:.3}}@media (prefers-reduced-motion:reduce){.GameBoard.is-loading .ItemRenderer{animation:none}}.Logo{align-items:center;gap:.3em;font-family:Verdana,sans-serif;font-weight:700;text-decoration:none;display:flex}.Logo .bubble{background-color:var(--color-primary);color:#fff;border-radius:4px;padding:1px 5px;font-size:18px}.Logo .game{color:var(--color-text);font-size:16px;font-weight:700}.MainMenu button{color:var(--color-text);cursor:pointer;background-color:#0000;border:none;padding:0;font-size:22px}.MainMenu button:focus{outline:none}.MainMenu .menu{background-color:var(--color-body);border-radius:0 0 4px;position:fixed;top:48px;left:0;box-shadow:2px 2px 2px #0003}.MainMenu a,.MainMenu a:hover{color:var(--color-text);border-top:1px solid #ccc;justify-content:flex-start;align-items:center;gap:.5em;padding:15px 40px 15px 25px;font-size:20px;font-weight:700;text-decoration:none;display:flex}.darkmode .MainMenu a{border-top-color:#333}.MainMenu a:hover{background-color:#0000001a}.darkmode .MainMenu a:hover{background-color:#ffffff1a}.MainMenu i{text-align:center;width:28px}.Header{background-color:var(--color-header);z-index:3;justify-content:space-between;align-items:center;height:48px;padding:0 20px 0 16px;font-family:Arial,sans-serif;font-size:14px;display:flex;position:relative;container:Header/inline-size}.Header .left,.Header .actions{justify-content:space-between;align-items:center;gap:10px;display:flex}@container Header (width<=400px){.Header .site-name{display:none}}.ShareButton .alert{background-color:var(--color-primary);color:#fff;z-index:3;border-radius:99px;justify-content:flex-start;align-items:center;width:300px;height:32px;padding:3px 7px 3px 22px;font-size:12px;display:flex;position:fixed;top:8px;right:104px}.ShareButton .fa-solid{font-size:21px}.ThemeButton .popup{background:var(--color-body);color:#fff;z-index:4;border-radius:16px;flex-wrap:wrap;width:216px;padding:6px;display:flex;position:fixed;top:8px;right:62px}.ThemeButton .choice{width:34px;height:34px;padding:5px}
