.tile.selected{color:var(--highlight-color);filter:drop-shadow(0px 0px .3em var(--highlight-color))}@media (hover: hover) and (pointer: fine){.tile.interactive:hover{filter:drop-shadow(0px 0px .3em var(--highlight-color))}}.tiles-table{--tile-size: 100%;flex:1;display:grid;place-items:center;gap:1em;overflow:hidden;grid-auto-columns:1fr;grid-auto-rows:1fr}.tiles-table .tile{cursor:pointer;width:var(--tile-size);height:var(--tile-size)}.tiles-table .tile.selected{color:var(--highlight-color);filter:drop-shadow(0px 0px .3em var(--highlight-color))}.grid-3-2x2>:last-child{grid-column-end:span 2;max-width:50%}.grid-8-3x3>:last-child{grid-row:3;grid-column:2 / span 2;max-width:50%;margin-left:.5em}.grid-8-3x3>:nth-last-child(2){grid-row:3;grid-column:1 / span 2;max-width:50%;margin-right:.5em}.home{display:grid;grid-template-rows:min-content 1fr min-content;height:100%;width:100%}.home-name{font-size:4em;text-align:center;margin:.2em 0 0}.home-tiles{display:flex;padding:0 2em;width:100%;height:100%;overflow:hidden;align-items:center}.home-tiles>.tiles-table{width:100%;height:100%}.home-menu{display:grid;grid-template:auto / 1fr;padding:1em;gap:.5em}.home-menu>.button{width:100%;padding:1em 2em}@media (min-width: 400px){.home-menu{grid-template:auto / repeat(2,1fr)}}@media (min-width: 1000px){.home-menu{grid-template:auto / repeat(3,1fr)}}.game--view{position:relative;display:flex;flex-direction:column;width:100%;height:100%;gap:1em;padding:1em}.theme-button{place-content:center;place-items:center}.tile.theme-tile{width:1em;height:1em}.tile.theme-tile:hover{filter:none}.button.color-tag{border:4px solid var(--bg-button)}.button.color-tag:not(.clickable){cursor:default}.button.color-tag:hover:not(.clickable){border-color:var(--bg-button)}.game--header{display:flex;width:100%;gap:.2em}.game--header-actions,.game--header-status{display:flex;flex-wrap:wrap;gap:.2em;align-items:center}.game--header-status{margin-left:auto;justify-content:flex-end}.game--current-player,.game--other-player{min-width:2.5em}.game--header-actions>button,.game--header-status>button,.game--header-status>.button,.game--header-actions>.button{padding:.4em .6em;font-size:1.2em;gap:.5em;line-height:1em}.game--header-timer{font-weight:700}.tiles-list{display:flex}.game--goal{flex:1;display:flex;padding:.5em;border-radius:.5em;background:var(--bg-lighter-color);gap:.5em;transition:background-color .5s;align-items:center;justify-content:center;max-height:100%;max-width:100%}.game--goal.found{background:#729e07}.game--goal .tile{height:100%;max-width:100%;cursor:default}.game--goal .tile:hover{filter:none}.game--body{display:flex;flex-direction:column;flex:1;gap:.5em;overflow:hidden}.game--goal-text{display:flex;font-size:1.1em;font-weight:700}.game--goal-text-toggle{margin-left:auto;padding-left:.2em;cursor:pointer}.game--goals{display:flex;justify-content:space-evenly;gap:.5em;flex-wrap:wrap}.game--goals.game--find-goals{height:4em}.game--goals.game--match-goals{height:max(28%,5em)}.game--goals.game--find-goals .game--goal .tile{max-width:4em;max-height:4em}.game--table{display:grid;flex:1;gap:.5em;align-items:center;justify-items:center;align-content:center;justify-content:center;overflow:hidden}.details{text-align:center;list-style-type:none}.details.horizontal{display:flex;gap:1em}.game--ended{position:absolute;z-index:1;left:0;top:0;width:100%;height:100%;display:flex;place-content:center;place-items:center;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.game--modal{min-width:50%;display:flex;background:var(--bg-lighter-color);padding:1.5em;margin:1em;border-radius:1em;border:4px solid #000;flex-direction:column;place-items:center;max-width:calc(100% - 4px - 1em);max-height:calc(100% - 4px - 1em);box-shadow:var(--bg-button) 0 0 3em;text-align:center;overflow-y:auto}.game--end-details{margin:1em}.game--end-actions{margin-top:2em;display:flex;gap:1em;flex-wrap:wrap;place-content:center;place-items:center;width:100%}.game--end-actions>.primary{white-space:nowrap}.game--end-actions>*{flex:1}.game--end-timer{font-size:3em;font-weight:700}.intro-tile{flex:1;padding:1em;border-radius:1em;background:var(--bg-lighter-color);display:flex;flex-direction:column;place-content:end;place-items:center}.intro{display:flex;flex-direction:column;overflow:hidden}.intro-goal{text-align:center;margin:1em}.intro-options{display:flex;gap:1em;align-items:stretch;flex-wrap:wrap;margin:0 1em;max-width:calc(100% - 1em)}.intro-options>.intro-tile{max-width:100%}.intro-footer{margin-top:.5em;display:flex;place-content:center}.intro-hint{margin-bottom:.5em;text-align:center}.rules{padding:1em;place-content:start;max-height:100%;overflow-y:auto;max-width:800px;margin:0 auto}.rules--actions{display:flex;gap:.5em;font-size:.8em;flex-wrap:wrap}.rules-tile{height:10em;width:10em;cursor:pointer}.rules-example{height:6em;gap:.5em}.rules>p{margin:.5em 0}.rules ul{margin-bottom:.5em}.rules li{margin-left:2em}.rules h2{margin-top:1em}.rules h4{margin:.7em 0 .3em;text-transform:capitalize}.online-game-code-input{font-size:1.2em;margin-bottom:.5em;background-color:#bbb}.online-player-name-input{font-size:1.2em;margin-bottom:.5em}.online-game-code{text-transform:uppercase;font-size:1.5em;font-weight:700}.online-game-link{font-size:.9em;margin-bottom:.5em}@media (min-width: 700px){.online-profile{flex-direction:row;min-width:100%;justify-content:center;gap:1em}}.online-winners{margin:.5em 0 1em;display:flex;place-items:center;gap:.5em;font-size:1.5em}.online-results{width:calc(100% - 2em);margin:1em .5em;display:grid;grid-template-columns:max-content 1fr max-content max-content;background:var(--bg-lighter-color);border-radius:1em;gap:1em;align-items:center;font-size:1.2em;flex-shrink:0}.online-result-score,.online-result-missed{place-self:center}.online-result-name,.online-result-score{font-weight:700}.online-result-name{text-transform:uppercase}.online-result-header{font-size:.8em;font-weight:400;text-transform:uppercase}.online-result-color.color-tag{width:3em;height:3em}.online-status{display:grid;place-content:center;place-items:center;gap:1em}.online-players{display:flex;gap:.5em;font-size:1.8em;flex-wrap:wrap;place-content:center}.color-tag.online-player{padding:.4em .6em;display:inline-flex;gap:.3em;place-content:center;place-items:center}.color-tag.online-player>.animated{animation:rotation 2s infinite linear}@keyframes rotation{0%{transform:rotate(0)}to{transform:rotate(359deg)}}.mission{display:flex;align-items:center;gap:1em;padding:.5em 1em;border-radius:.5em;background:var(--bg-lighter-color);font-size:1.2em;color:var(--fg-color);cursor:pointer;text-decoration:none}.mission>svg{flex-shrink:0}.mission.locked{background:var(--bg-darker-color);color:var(--fg-darker-color);cursor:default}.mission.completed{background:var(--primary-color)}.mission--tile{margin-left:auto;width:1em;height:1em}.campaign--label{display:flex;font-size:2em;margin-bottom:.5em;text-align:center;align-items:center;justify-content:center;gap:.5em}.campaign--tiles{width:3em;height:1em}.campaign--missions{display:flex;flex-direction:column;gap:.5em}.campaigns{display:flex;flex-direction:column;padding:1em;gap:2em;margin:0 auto}.campaigns--actions{display:flex;gap:.5em;font-size:.8em}:root{--fg-color: #e3e3e3;--fg-darker-color: #b1b1b1;--bg-color: #333;--bg-button: #1a1a1a;--bg-darker-color: #101010;--bg-lighter-color: #494949;--bg-modal-color: rgba(73, 73, 73, .8);--highlight-color: gold;--primary-color: #729E07;--btn-vpadding: .5em;--btn-hpadding: 1em;font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color:var(--fg-color);background-color:var(--bg-color);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%}*{box-sizing:border-box;margin:0;padding:0}body,#root{margin:0;display:flex;min-width:100%;min-height:100svh}a{font-weight:500;color:var(--primary-color);text-decoration:underline}a:hover{color:var(--highlight-color)}input{display:inline-block;border-radius:8px;border:4px solid transparent;padding:.5em 1.2em;font-size:1em;font-weight:500;font-family:inherit;text-transform:uppercase;text-decoration:none;text-align:center;transition:border-color .25s}button,.button{display:inline-flex;align-items:center;line-height:1.2em;border-radius:8px;border:4px solid transparent;padding:var(--btn-vpadding) var(--btn-hpadding);font-size:1em;font-weight:500;font-family:inherit;color:var(--fg-color);background-color:var(--bg-button);cursor:pointer;transition:border-color .25s;text-transform:uppercase;text-decoration:none;justify-content:center}button.selected,.button.selected{background-color:#a18d3f}button:hover,.button:hover{border-color:var(--highlight-color)}button:focus,button:focus-visible,.button:focus,.button:focus-visible{outline:4px auto var(--highlight-color)}button[disabled],button.disabled,.button.disabled{background-color:var(--bg-darker-color);color:var(--bg-lighter-color);cursor:default}button[disabled]:hover,button.disabled:hover,.button.disabled:hover{border-color:transparent}.button.non-interactive:hover{border-color:transparent;cursor:default}button.primary,.button.primary{background-color:var(--primary-color)}button.primary:hover,.button.primary:hover{border-color:var(--highlight-color);color:var(--highlight-color)}.tile{-webkit-tap-highlight-color:transparent}.limited{align-self:center;margin:0 auto;max-height:100svh;max-width:100svw}.centered{align-self:center;margin:1em auto;max-width:100svw}@media (min-width: 1000px) and (min-height: 700px){.limited{width:1000px;height:700px}}