.admin-visually-hidden{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.admin-skip-link{z-index:100;color:#f7faf8;background:#0f2418;border:2px solid #fbbf24;border-radius:6px;padding:.75rem 1rem;font-weight:600;text-decoration:none;position:absolute;left:-9999px}.admin-skip-link:focus-visible{top:1rem;left:1rem}.admin-skip-link:focus:not(:focus-visible){left:-9999px}:is(html:has(.admin-page),html:has(.admin-menu)){scrollbar-gutter:stable}.admin-page{width:min(72rem,100vw - 1.5rem);min-height:100vh;margin:0 auto;padding:clamp(1rem,3vw,2rem) clamp(.75rem,2vw,1.5rem)}.admin-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1.5rem;display:flex}.admin-header-title{flex-direction:column;gap:.25rem;min-width:0;display:flex}.logged-in-user{color:#c6d6cb;overflow-wrap:anywhere;margin:0;font-size:.875rem;line-height:1.3}.logged-in-user strong{color:#f7faf8;font-weight:700}.admin-title{color:#f7faf8;margin:0;font-size:clamp(1.5rem,4vw,2rem);line-height:1.2}.admin-menu{border-bottom:1px solid #ffffff26;width:100%;margin-bottom:1.5rem}.admin-menu-list{flex-wrap:wrap;gap:.25rem;margin:0;padding:0;list-style:none;display:flex}.admin-menu-btn{color:#c6d6cb;cursor:pointer;background:0 0;border:none;border-bottom:3px solid #0000;min-height:2.75rem;margin-bottom:-1px;padding:.5rem 1.1rem;font-size:1rem;font-weight:600}.admin-menu-btn:hover{color:#f7faf8;background:#ffffff0f}.admin-menu-btn[aria-current=page]{color:#f7faf8;border-bottom-color:#e84118}.admin-view{display:contents}.admin-view[hidden]{display:none}.admin-main{outline:none}.admin-main:focus-visible{border-radius:4px;box-shadow:0 0 0 3px #12241a,0 0 0 6px #fbbf24}.admin-panel{background:#ffffff14;border:1px solid #ffffff1f;border-radius:12px;min-width:0;padding:clamp(1rem,2.5vw,1.5rem)}.admin-section-title{color:#f7faf8;margin:0 0 1rem;font-size:1.25rem;font-weight:600;line-height:1.3}.admin-field-label{color:#e0ebe4;margin-bottom:.375rem;font-size:.9375rem;font-weight:500;display:block}.admin-field-hint{color:#c6d6cb;margin:0;font-size:.9375rem;line-height:1.5}.admin-logout-btn{color:#f7faf8;cursor:pointer;background:#ffffff1f;border:2px solid #ffffff73;border-radius:8px;min-width:2.75rem;min-height:2.75rem;padding:.5rem 1rem;font-size:1rem;font-weight:600}.admin-logout-btn:hover{background:#fff3}.admin-header-actions{flex-wrap:wrap;gap:.75rem;display:flex}.admin-password-message{color:#bbf7d0;margin:0 0 1.5rem;font-weight:600}.admin-loading{color:#e0ebe4;text-align:center;padding:3rem 1rem;font-size:1.0625rem}.admin-users-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1rem;display:flex}.admin-users-header .admin-section-title{margin-bottom:0}.admin-add-btn{color:#fff;cursor:pointer;background:#c53d14;border:2px solid #0000;border-radius:8px;min-height:2.75rem;padding:.5rem 1rem;font-size:1rem;font-weight:600}.admin-add-btn:hover{background:#e84118}.admin-add-form{background:#00000040;border:1px solid #ffffff1a;border-radius:8px;flex-direction:column;gap:1rem;margin-bottom:1.5rem;padding:1rem;display:flex}.admin-form-field{flex-direction:column;gap:.25rem;display:flex}.admin-add-form input,.admin-add-form select{color:#f7faf8;background:#0f2418a6;border:2px solid #ffffff59;border-radius:6px;min-height:2.75rem;padding:.5rem .75rem;font-size:1rem}.admin-add-form select{cursor:pointer;max-width:100%}@media (width>=30rem){.admin-add-form select{max-width:12rem}}.admin-add-form select option{color:#f7faf8;background:#0f2418}.admin-add-error{color:#fecaca;margin:0;font-size:.9375rem;font-weight:500;line-height:1.4}.admin-add-actions{flex-wrap:wrap;gap:.75rem;display:flex}.admin-add-actions button{cursor:pointer;border:2px solid #0000;border-radius:6px;min-width:2.75rem;min-height:2.75rem;padding:.5rem 1rem;font-size:1rem;font-weight:600}.admin-add-actions button[type=submit]{color:#fff;background:#c53d14}.admin-add-actions button[type=submit]:hover{background:#e84118}.admin-add-actions button[type=button]{color:#f7faf8;background:#ffffff26;border-color:#ffffff59}.admin-add-actions button[type=button]:hover{background:#ffffff38}.admin-user-list{margin:0;padding:0;list-style:none}.admin-user-item{color:#f0f5f2;border-bottom:1px solid #ffffff1f;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem 1rem;padding:.75rem 0;display:flex}.admin-user-item:last-child{border-bottom:none}.admin-user-name{font-weight:600}.admin-user-meta{flex-wrap:wrap;align-items:center;gap:.75rem;display:flex}.admin-user-last-login{color:#93a89a;font-size:.8125rem}.admin-user-edit-btn{color:#f7faf8;cursor:pointer;background:#ffffff26;border:2px solid #ffffff59;border-radius:6px;min-height:2.25rem;padding:.25rem .75rem;font-size:.875rem;font-weight:600}.admin-user-edit-btn:hover{background:#ffffff38}.admin-user-item .admin-edit-user-form{flex-basis:100%;margin-bottom:0}.admin-user-role{text-transform:lowercase;border-radius:4px;padding:.25rem .5rem;font-size:.8125rem;font-weight:600}.admin-user-role--admin{color:#fff;background:#e8411873;border:1px solid #ffffff40}.admin-user-role--disabled{color:#93a89a;background:#0f241899;border:1px dashed #93a89a99}.admin-form-field--checkbox{flex-flow:wrap;align-items:center;gap:.5rem}.admin-form-field--checkbox .admin-field-hint{flex-basis:100%;margin:0}.admin-user-role--user{color:#f7faf8;background:#ffffff2e;border:1px solid #fff3}.app-list{grid-template-columns:repeat(auto-fill,minmax(min(100%,12rem),1fr));gap:1rem;margin:0;padding:0;list-style:none;display:grid}.app-tile{color:#f7faf8;background:#0f24188c;border:2px solid #ffffff40;border-radius:10px;flex-direction:column;height:100%;text-decoration:none;transition:background .15s,border-color .15s,transform .15s;display:flex;overflow:hidden}.app-tile:hover{background:#e841184d;border-color:#e84118;transform:translateY(-2px)}.app-preview{aspect-ratio:3/2;border-bottom:1px solid #ffffff26;width:100%;height:auto;display:block}.app-tile-name{padding:.75rem 1rem;font-size:1.125rem;font-weight:600}.app-back-link{align-items:center;text-decoration:none;display:inline-flex}.app-name{color:#f7faf8;text-align:center;padding:3rem 1rem;font-size:clamp(1.5rem,5vw,2.5rem);font-weight:700}.app-tile:focus-visible,.app-back-link:focus-visible,.admin-logout-btn:focus-visible,.admin-menu-btn:focus-visible,.admin-add-btn:focus-visible,.admin-user-edit-btn:focus-visible,.admin-add-form input:focus-visible,.admin-add-form select:focus-visible,.admin-add-actions button:focus-visible{outline-offset:2px;outline:3px solid #fbbf24}.admin-logout-btn:focus:not(:focus-visible),.admin-menu-btn:focus:not(:focus-visible),.admin-add-btn:focus:not(:focus-visible),.admin-user-edit-btn:focus:not(:focus-visible),.admin-add-form input:focus:not(:focus-visible),.admin-add-form select:focus:not(:focus-visible),.admin-add-actions button:focus:not(:focus-visible){outline:none}.game-layout{flex-wrap:wrap;justify-content:center;align-items:flex-start;gap:2rem;display:flex}.game{flex-direction:column;flex:22rem;align-items:center;gap:1rem;display:flex}.game-scorebar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem 1.5rem;width:min(100%,30rem);display:flex}.game-stat{color:#e0ebe4;margin:0;font-size:1.0625rem}.game-stat strong{color:#f7faf8;font-variant-numeric:tabular-nums}.game-btn{min-width:7rem}.game-board{aspect-ratio:1;width:min(100%,30rem);position:relative}.game-board canvas{touch-action:none;cursor:pointer;border:2px solid #fff3;border-radius:8px;width:100%;height:100%;display:block}.game-overlay{z-index:5;text-align:center;pointer-events:none;background:#0f2418b8;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;gap:.5rem;padding:1rem;display:flex;position:absolute;inset:0}.game-overlay-title{color:#f7faf8;margin:0;font-size:clamp(1.75rem,6vw,2.5rem);font-weight:700}.game-overlay-hint{color:#e0ebe4;margin:0;font-size:1rem}.game-pad{gap:.25rem;display:none}@media (pointer:coarse){.game-pad{display:grid}}.game-pad button{color:#f7faf8;cursor:pointer;touch-action:manipulation;background:#ffffff1f;border:2px solid #ffffff59;border-radius:10px;min-width:3.5rem;min-height:3.5rem;font-size:1.25rem}.game-pad button:active{background:#ffffff40}.game-pad button:focus-visible{outline-offset:2px;outline:3px solid #fbbf24}.game-guide{color:#e0ebe4;background:#0f24188c;border:1px solid #ffffff26;border-radius:8px;width:min(100%,30rem);font-size:.9375rem;line-height:1.5}.game-guide summary{cursor:pointer;color:#f7faf8;align-items:center;gap:.5rem;min-height:2.75rem;padding:.5rem 1rem;font-weight:600;list-style:none;display:flex}.game-guide summary::-webkit-details-marker{display:none}.game-guide summary:before{content:"▸";transition:transform .15s}.game-guide[open] summary:before{transform:rotate(90deg)}.game-guide summary:focus-visible{outline-offset:2px;border-radius:8px;outline:3px solid #fbbf24}.game-guide>:not(summary){margin-inline:1rem}.game-guide-goal{color:#f7faf8;margin-block:0 .75rem;font-weight:600}.game-guide-heading{color:#c6d6cb;letter-spacing:.04em;text-transform:uppercase;margin-block:.75rem .25rem;font-size:.8125rem;font-weight:700}.game-guide ul{margin-block:0;padding-left:1.25rem}.game-guide ul:last-child{margin-bottom:1rem}.game-guide li+li{margin-top:.25rem}.leaderboard{flex:16rem;min-width:0;max-width:24rem}.leaderboard-empty{color:#c6d6cb;margin:0}.leaderboard-list{margin:0;padding:0;list-style:none}.leaderboard-row{color:#f0f5f2;border-bottom:1px solid #ffffff1f;grid-template-columns:2.25rem 1fr auto;grid-template-areas:"rank name score""rank date score";align-items:center;column-gap:.5rem;padding:.5rem .625rem;display:grid}.leaderboard-row:last-child{border-bottom:none}.leaderboard-row--me{background:#4ade8024;border-radius:6px;box-shadow:inset 3px 0 #4ade80}.leaderboard-rank{color:#c6d6cb;font-variant-numeric:tabular-nums;grid-area:rank;font-weight:600}.leaderboard-name{overflow-wrap:anywhere;grid-area:name;font-weight:600}.leaderboard-score{font-variant-numeric:tabular-nums;color:#f7faf8;grid-area:score;font-size:1.125rem;font-weight:700}.leaderboard-date{color:#93a89a;grid-area:date;font-size:.8125rem}.game-board.blokker-board{aspect-ratio:1/2;width:min(100%,16rem,42vh)}.blokker-next{align-items:center;gap:.5rem;display:flex}.blokker-preview{background:#0f2418a6;border:1px solid #ffffff26;border-radius:6px;width:3.5rem;height:3.5rem}.blokker-pad{grid-template-rows:repeat(3,3.5rem);grid-template-columns:repeat(3,3.5rem);grid-template-areas:".rotate.""left down right"".drop.";gap:.25rem;display:grid}.blokker-pad-rotate{grid-area:rotate}.blokker-pad-left{grid-area:left}.blokker-pad-down{grid-area:down}.blokker-pad-right{grid-area:right}.blokker-pad-drop{grid-area:drop}.game-board.bobler-board{width:min(100%,22rem,46vh)}.bobler-board canvas{cursor:crosshair}.bobler-pad{grid-template-rows:3.5rem;grid-template-columns:repeat(3,3.5rem);gap:.25rem;display:grid}.doble-board{--gap:3%;--tile:calc((100% - 5 * var(--gap)) / 4);touch-action:none;-webkit-user-select:none;user-select:none;cursor:pointer;background:#0f2418;border:2px solid #fff3;border-radius:8px;width:100%;height:100%;position:relative;container-type:inline-size}.doble-cell,.doble-tile{width:var(--tile);height:var(--tile);left:calc(var(--gap) + var(--col) * (var(--tile) + var(--gap)));top:calc(var(--gap) + var(--row) * (var(--tile) + var(--gap)));border-radius:8px;position:absolute}.doble-cell{background:#ffffff0f}.doble-tile{transition:left .11s ease-in-out,top .11s ease-in-out}.doble-tile-face{font-variant-numeric:tabular-nums;border-radius:8px;justify-content:center;align-items:center;font-weight:800;display:flex;position:absolute;inset:0;box-shadow:0 2px 6px #00000040}.doble-tile--ghost{z-index:0}.doble-tile:not(.doble-tile--ghost){z-index:1}.doble-tile--new{animation:.18s ease-out .1s backwards doble-appear}.doble-tile-face--merged{animation:.2s ease-out 80ms doble-pop}.doble-digits-1,.doble-digits-2{font-size:9cqw}.doble-digits-3{font-size:7.5cqw}.doble-digits-4{font-size:6cqw}.doble-digits-5{font-size:4.8cqw}@keyframes doble-appear{0%{opacity:0;transform:scale(0)}to{opacity:1;transform:scale(1)}}@keyframes doble-pop{0%{transform:scale(1)}50%{transform:scale(1.18)}to{transform:scale(1)}}@media (prefers-reduced-motion:reduce){.doble-tile{transition:none}.doble-tile--new,.doble-tile-face--merged{animation:none}}.game-board.hopp-board{width:min(100%,22rem,46vh)}.game-board.romforsvar-board{width:min(100%,24rem,52vh)}.romforsvar-pad{-webkit-user-select:none;user-select:none;grid-template-rows:3.5rem;grid-template-columns:repeat(3,3.5rem);gap:.25rem;display:grid}.snake-pad{grid-template-rows:repeat(3,3.5rem);grid-template-columns:repeat(3,3.5rem);grid-template-areas:".up.""left.right"".down.";gap:.25rem;display:grid}.snake-pad-up{grid-area:up}.snake-pad-down{grid-area:down}.snake-pad-left{grid-area:left}.snake-pad-right{grid-area:right}.login-page{justify-content:center;align-items:center;min-height:100vh;padding:1rem;display:flex}.login-card{background:#12241ae6;border-radius:12px;width:100%;max-width:360px;padding:2.5rem;box-shadow:0 8px 32px #0006}.login-title{color:#fff;text-align:center;margin-bottom:1.5rem;font-size:1.75rem;font-weight:700}.login-form{flex-direction:column;gap:1.25rem;display:flex}.login-label{color:#ffffffe6;flex-direction:column;gap:.5rem;font-size:.95rem;display:flex}.login-input{color:#fff;background:#ffffff0d;border:1px solid #fff3;border-radius:8px;padding:.75rem 1rem;font-size:1rem}.login-input:focus{border-color:#e8411899;outline:none;box-shadow:0 0 0 2px #e8411833}.login-input::placeholder{color:#fff6}.login-error{color:#e84118;margin:0;font-size:.9rem}.login-button{color:#fff;cursor:pointer;background:#e84118;border:none;border-radius:8px;padding:.9rem 1.5rem;font-size:1rem;font-weight:600;transition:background .2s}.login-button:hover:not(:disabled){background:#ff6b3d}.login-button:disabled{opacity:.7;cursor:not-allowed}*{box-sizing:border-box;margin:0;padding:0}body{background:linear-gradient(135deg,#12241a 0%,#163323 50%,#1d5034 100%);justify-content:center;align-items:center;min-height:100vh;font-family:system-ui,-apple-system,sans-serif;display:flex}