.page-main{flex-grow:1;display:flex;flex-direction:column;min-height:0}.about-container{max-width:var(--max-width-page);margin:0 auto;padding:0 var(--spacing-2);display:flex;flex-direction:column;gap:var(--spacing-2)}.about-container h1{font-size:var(--text-lg)}.about-container h2{margin-top:var(--spacing-1)}.faq-list{display:flex;flex-direction:column;gap:var(--spacing-1)}.faq-item{border:1px solid var(--color-disabled);border-radius:var(--radius-md);overflow:hidden}.faq-item summary{padding:var(--spacing-2);cursor:pointer;font-weight:600;list-style:none}.faq-answer{padding:0 var(--spacing-2) var(--spacing-2) var(--spacing-2);display:flex;flex-direction:column;gap:var(--spacing-1_5)}.archive-calendar{display:flex;flex-direction:column;gap:var(--spacing-4)}.archive-calendar-month-label{font-weight:500;color:var(--color-text);margin-bottom:var(--spacing-1)}.archive-calendar-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:var(--spacing-0_5)}.archive-calendar-header{text-align:center;font-size:var(--text-xs);padding:var(--spacing-0_5) 0;font-weight:500;text-transform:lowercase}.archive-calendar-cell{aspect-ratio:1;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-sm);min-height:0}.archive-calendar-cell .archive-calendar-day{font-size:var(--text-sm);color:var(--color-disabled)}.archive-calendar-cell.has-puzzle{cursor:pointer}.archive-calendar-cell.has-puzzle a{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;height:100%;text-decoration:none;border-radius:var(--radius-sm);gap:var(--spacing-0_5);padding:.125rem 0}.archive-calendar-cell.has-puzzle .archive-calendar-day{color:var(--color-text);font-weight:500}.archive-calendar-cell.not-started{background-color:var(--not-started-bg)}.archive-calendar-cell.not-started .archive-calendar-day{opacity:.8}.archive-calendar-cell.in-progress{background-color:var(--started-bg)}.archive-calendar-cell.finished{background-color:var(--completed-bg)}.archive-calendar-cell.today{box-shadow:inset 0 0 0 2px var(--color-text)}.archive-calendar-result{display:flex;align-items:center;gap:.25rem;line-height:1}.archive{padding:var(--spacing-2);max-width:var(--max-width-page);margin:0 auto;width:100%}.archive-header{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-2)}.archive-header-left{display:flex;align-items:center;gap:var(--spacing-2);font-weight:500}.mcg-button{cursor:pointer;border-radius:var(--radius-sm);border:2px solid var(--color-border);padding:var(--spacing-1) var(--spacing-2);background-color:transparent;font:inherit;width:fit-content;color:var(--color-text)}.mcg-button:hover{background-color:var(--color-accent)}.mcg-button:disabled{opacity:.4;cursor:default;pointer-events:none}.mcg-button.square{aspect-ratio:1 / 1}.mcg-button.borderless{border:none;padding:0}.mcg-button.borderless:hover{background-color:transparent}.mcg-button.small{border-width:1px;padding:var(--spacing-0_5) var(--spacing-1);font-size:.875rem}.mcg-button.filled{border:none;background:var(--color-accent);font-weight:500;transition:transform .1s ease-in-out}.mcg-button.filled:hover:not(:disabled){transform:scale(1.02);background-color:var(--color-accent)}.mcg-button.filled:disabled{opacity:.5;cursor:not-allowed}.mcg-input,.mcg-textarea{padding:var(--spacing-1) var(--spacing-1_5);border:1px solid var(--color-border);border-radius:var(--radius-sm);font:inherit;background:transparent;color:var(--color-text);outline:none}:is(.mcg-input,.mcg-textarea):focus{border-color:var(--color-focus)}.mcg-textarea{resize:vertical}.contact-container{width:100%;max-width:var(--max-width-page);margin:0 auto;padding:0 var(--spacing-2);display:flex;flex-direction:column;gap:var(--spacing-2)}.contact-container h1{font-size:var(--text-lg)}.contact-form{display:flex;flex-direction:column;gap:var(--spacing-2)}.contact-field{display:flex;flex-direction:column;gap:var(--spacing-0_5)}.contact-field label{font-weight:500;font-size:var(--text-sm)}.contact-field .mcg-textarea{min-height:8rem}.contact-login-prompt{padding:var(--spacing-2);border:1px solid var(--color-disabled);border-radius:var(--radius-md);text-align:center}.contact-success{padding:var(--spacing-2);background:var(--completed-bg);border-radius:var(--radius-md)}.contact-error{color:var(--color-error);font-size:var(--text-sm)}.problem-popup{display:flex;flex-direction:column;gap:var(--spacing-1);padding:var(--spacing-1);background-color:hsl(from var(--game-color) h calc(s/2) 93);border:none;border-radius:var(--radius-md);box-shadow:0 2px 4px #0000000f;z-index:1}.problem-details-button{font-size:.85rem;align-self:flex-start}.check-container{display:flex;gap:var(--spacing-1)}.problem-list{display:flex;flex-direction:column;gap:var(--spacing-1)}.problem-item{list-style:none}.problem-count{font-size:.8rem;opacity:.6}.game-button{background-color:hsl(from var(--game-color) h s l);border:none;font:inherit;font-size:1rem;cursor:pointer;padding:var(--spacing-1);color:var(--color-text);border-radius:var(--radius-md);width:fit-content;white-space:nowrap;-webkit-user-select:none;user-select:none;display:flex;align-items:center;justify-content:center}.game-button:hover:not(:disabled){background-color:hsl(from var(--game-color) h s calc(l + 5))}.game-button:disabled{opacity:.4;cursor:default}.game-button.active{background-color:hsl(from var(--game-color) h s calc(l - 15));color:#fff}.game-button.square{font-size:1.25rem;height:var(--spacing-6);width:var(--spacing-6)}.text-button{background:none;border:none;padding:0;font:inherit;color:inherit;cursor:pointer;text-decoration:underline;text-underline-offset:.2rem}.confirm-popup{display:flex;flex-direction:column;gap:var(--spacing-0_5);padding:var(--spacing-1);background-color:hsl(from var(--game-color) h calc(s/2) 93);border:none;border-radius:var(--radius-md);box-shadow:0 2px 4px #0000000f;z-index:1;text-align:end}.confirm-popup-actions{display:flex;gap:var(--spacing-1_5)}.game-controls{display:grid;grid-template-areas:"start middle end";grid-template-columns:1fr auto 1fr;width:100%;align-items:end;padding:var(--spacing-2);padding-bottom:0;gap:0 var(--spacing-2)}@media(max-width:37.5rem){.game-controls{grid-template-areas:"start end" "middle middle";grid-template-columns:1fr 1fr;gap:var(--spacing-2)}}@media(min-width:56.25rem){.game-controls{padding-inline:var(--spacing-5);padding-block:var(--spacing-2) 0}}.game-controls-start{grid-area:start;display:flex;justify-content:start;gap:var(--spacing-1)}.game-controls-middle{grid-area:middle;display:flex;justify-content:center;gap:var(--spacing-1)}.game-controls-end{grid-area:end;display:flex;justify-content:end;gap:var(--spacing-1)}.game-timer{display:flex;flex-direction:row;gap:var(--spacing-1);align-items:center;justify-content:center}.game-timer-button{background-color:transparent;cursor:pointer;font:inherit;color:var(--color-text);vertical-align:middle;border:none;line-height:1;border-radius:var(--radius-sm);height:var(--spacing-2);text-align:center;display:flex;align-items:center;justify-content:center;gap:var(--spacing-1)}.game-header{background-color:var(--color-light);padding:var(--spacing-2);display:flex;align-items:center;justify-content:space-between}.game-title-group{display:flex;align-items:center;gap:var(--spacing-2)}.game-button-group{display:flex;align-items:end;gap:var(--spacing-0_5);font-size:var(--text-xs);flex-direction:column}.game-title{font-weight:500}.puzzle-title{font-size:var(--text-xs);opacity:.7;margin:0}.timer{align-items:center;padding:var(--spacing-2)}.game-header-button{justify-self:end;display:flex;gap:var(--spacing-0_5);text-decoration:none}@media screen and (max-width:20rem){.game-header{padding:var(--spacing-1)}.game-title-group{gap:var(--spacing-1)}.game-button-group{gap:0}}.game-summary-compact{position:absolute;left:0;right:0;top:50%;transform:translateY(-50%);z-index:10;display:flex;flex-direction:column;align-items:center;gap:var(--spacing-1);padding:var(--spacing-3) var(--spacing-4);background-color:var(--color-light);box-shadow:0 4px 16px #00000026}.game-summary-compact-title{font-weight:600}.game-summary-compact-text{text-align:center;max-width:24rem}.game-summary-compact-actions{display:flex;margin-block:var(--spacing-1);gap:var(--spacing-1)}.emoji{width:var(--size, 1rem);height:var(--size, 1rem);flex-shrink:0}.before-text{vertical-align:middle;margin-block-end:.125rem;margin-inline-end:.25rem}.how-to-play{display:flex;flex-direction:column;gap:var(--spacing-2);width:100%;max-width:var(--max-width-page);flex:1;min-height:0;overflow-y:auto;padding-top:var(--spacing-2)}.how-to-play .close-button{align-self:flex-end}.how-to-play-content{display:flex;flex-direction:column;gap:var(--spacing-2)}.how-to-play-content ul{padding-left:var(--spacing-4);display:flex;flex-direction:column;gap:var(--spacing-1)}.game-wrapper{display:flex;flex-direction:column;width:100%;flex:1;min-height:0}.game-wrapper-content{display:flex;flex-direction:column;flex:1;min-height:0;overflow:hidden;width:100%;align-items:center;padding-inline:var(--spacing-2);gap:var(--spacing-4);position:relative}@media(max-width:36rem){.game-wrapper-content{gap:var(--spacing-2)}}.game-wrapper-board{flex:1;min-height:0;width:100%}.game-paused{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;gap:var(--spacing-2)}.fill-in-cell{width:100%;height:100%;aspect-ratio:1 / 1}.fill-in-cell-black{background:var(--border-color)}.fill-in-cell-white{display:flex;align-items:center;justify-content:center;cursor:pointer;font-family:inherit;font-size:1.1rem;line-height:1;font-weight:600;text-transform:uppercase;-webkit-user-select:none;user-select:none;background:transparent;border:none;padding:0;color:inherit;outline:none}.fill-in-cell-white[data-finished]{cursor:default}.fill-in-cell-white[data-finished]:hover{background:transparent}.fill-in-board{--border-color: color-mix(in srgb, var(--color-fill-in), black 40%);--board-size: min(28rem, 100cqw, 100cqh);width:var(--board-size);height:var(--board-size);position:relative;outline:none}.fill-in-board:after{content:"";position:absolute;inset:0;border-radius:var(--radius-md);border:3px solid var(--border-color);pointer-events:none;z-index:1}.fill-in-table{border-collapse:separate;border-spacing:0;border:2px solid var(--border-color);border-radius:var(--radius-md);box-shadow:var(--box-shadow-sm);overflow:hidden;width:100%;height:100%;table-layout:fixed}.fill-in-td{border:1px solid var(--border-color);background-color:var(--color-light)}.fill-in-td[data-black]{background-color:var(--border-color)}.fill-in-td[data-selected]{background-color:color-mix(in srgb,var(--color-fill-in),transparent 20%)}.fill-in-board:focus-within .fill-in-td[data-cursor]{box-shadow:inset 0 0 0 3px color-mix(in srgb,var(--color-fill-in),rgb(255,255,255) 100%)}.fill-in-td[data-problem=true]{background:var(--problem-cell-bg)}.fill-in-rules-grid{display:inline-grid;width:fit-content;border:2px solid color-mix(in srgb,var(--color-fill-in),black 40%);border-radius:var(--radius-sm)}.fill-in-rules-grid-cell{width:2rem;height:2rem;display:flex;align-items:center;justify-content:center;border:1px solid color-mix(in srgb,var(--color-fill-in),black 40%);background:var(--color-light);font-weight:600}.fill-in-rules-grid-cell[data-black]{background:color-mix(in srgb,var(--color-fill-in),black 40%)}.fill-in-rules-word-bank{display:flex;gap:var(--spacing-2);flex-wrap:wrap;font-weight:500;font-size:.95rem}.fill-in-rules-word-bank .used{opacity:.5;text-decoration:line-through}.fill-in-word-list{display:flex;flex-direction:column;gap:var(--spacing-1_5);font-size:var(--text-sm);max-width:28rem;width:100%}.fill-in-word-group{padding-left:var(--spacing-1_5);border-left:3px solid transparent}.fill-in-word-group[data-fits]{border-left-color:var(--game-color)}.fill-in-word-group-label{font-weight:500;color:color-mix(in srgb,var(--color-text),transparent 40%);font-size:var(--text-xs);text-transform:lowercase;margin-bottom:var(--spacing-0_5)}.fill-in-word-group-words{display:flex;flex-wrap:wrap;gap:var(--spacing-0_5) var(--spacing-1)}.fill-in-word{font-family:inherit;font-size:inherit;font-weight:500;text-transform:uppercase;letter-spacing:.04rem;transition:opacity .2s;background:none;border:none;padding:0;cursor:pointer;color:inherit}.fill-in-word[data-placed]{opacity:.5;text-decoration:line-through}.fill-in-word:disabled{cursor:default}.fill-in-game{display:flex;flex-grow:1;width:100%;height:100%;align-items:center;justify-content:center;container-type:size}.group-detail{display:flex;flex-direction:column;gap:var(--spacing-3);max-width:var(--max-width-page);margin:0 auto;padding:0 var(--spacing-2);width:100%}.group-detail h2{font-size:var(--text-lg);font-weight:600;margin:0}.group-detail-header{display:flex;flex-direction:column;gap:var(--spacing-2)}.group-detail-join{display:flex;gap:var(--spacing-1)}.group-detail-join-input{flex:1;padding:.375rem var(--spacing-1);border:1px solid var(--color-border);border-radius:var(--radius-sm);font-family:inherit;background:transparent;color:inherit;min-width:0}.group-detail-leaderboards{display:flex;flex-direction:column;gap:var(--spacing-3)}.group-leaderboard-game{border:1px solid var(--color-border);border-radius:var(--radius-sm);overflow:hidden}.group-leaderboard-game-header{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-1) var(--spacing-1_5);background-color:var(--game-color);font-weight:500;font-size:var(--text-sm)}.group-leaderboard-game-title{display:flex;align-items:center;gap:var(--spacing-1)}.group-leaderboard-game-date{font-weight:400;font-size:var(--text-xs);opacity:.6}.group-leaderboard-play-link{font-size:var(--text-xs);font-weight:500;color:inherit;text-decoration:none;padding:.2rem var(--spacing-1);border-radius:var(--radius-sm);background:#fff6}.group-leaderboard-play-link:hover{background:#ffffffb3}.group-leaderboard-game-body{padding:var(--spacing-1) var(--spacing-1_5)}.group-leaderboard-empty{font-size:var(--text-sm);opacity:.5;padding:var(--spacing-0_5) 0}.group-leaderboard-row{display:flex;align-items:baseline;gap:var(--spacing-1);padding:.2rem 0;font-size:var(--text-sm)}.group-leaderboard-row-incomplete{opacity:.5}.group-leaderboard-rank{text-align:right;flex-shrink:0;font-weight:500}.group-leaderboard-name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.group-leaderboard-time{flex-shrink:0;font-variant-numeric:tabular-nums}.group-detail-section{display:flex;flex-direction:column;gap:var(--spacing-0_5)}.group-member-row{display:flex;justify-content:space-between;align-items:center;padding:.375rem 0;font-size:var(--text-sm)}.group-member-actions{display:flex;gap:var(--spacing-1)}.group-member-badge{font-size:.7rem;opacity:.5;margin-left:var(--spacing-1)}.group-invite-hint{display:flex;flex-direction:column;gap:var(--spacing-1);padding-top:var(--spacing-2);border-top:1px solid var(--color-border-light)}.group-invite-hint p{font-size:var(--text-xs);opacity:.6;margin:0;line-height:1.4}.daily-leaderboard-section{display:flex;flex-direction:column;gap:var(--spacing-2)}.weekly-scoreboard{border:1px solid var(--color-border-light);border-radius:var(--radius-sm);box-shadow:0 1px 4px #321e0a0f}.weekly-scoreboard-title{display:flex;justify-content:space-between;align-items:baseline;font-weight:600;padding:var(--spacing-1_5) var(--spacing-2);font-size:var(--text-sm);background:#321e0a0d;border-radius:var(--radius-sm) var(--radius-sm) 0 0}.weekly-scoreboard-date-range{font-weight:400;opacity:.5}.weekly-scoreboard-row{display:flex;align-items:baseline;gap:var(--spacing-1);font-size:var(--text-sm);padding:var(--spacing-1) var(--spacing-2)}.weekly-scoreboard-games{flex-shrink:0;font-size:var(--text-xs);opacity:.5;font-variant-numeric:tabular-nums}.weekly-scoreboard-points{flex-shrink:0;font-weight:500;font-variant-numeric:tabular-nums}.weekly-scoreboard-hint{font-size:var(--text-xs);opacity:.45;margin:0;line-height:1.4}.weekly-scoreboard-hint summary{cursor:pointer;font-weight:500;margin-bottom:var(--spacing-0_5)}.group-detail-footer{padding-top:var(--spacing-2);border-top:1px solid var(--color-border-light)}.group-join{display:flex;justify-content:center;padding:var(--spacing-3) var(--spacing-2)}.group-join-card{display:flex;flex-direction:column;gap:var(--spacing-2);max-width:25rem;width:100%;padding:var(--spacing-3);border:1px solid var(--color-border);border-radius:var(--radius-md);text-align:center}.group-join-card h2{font-size:var(--text-lg);font-weight:600;margin:0}.group-join-card p{font-size:var(--text-sm);margin:0}.switcher{display:flex;background:#321e0a0f;border-radius:var(--radius-md);padding:.1875rem;gap:.125rem;overflow-x:auto}.switcher-btn{flex:1;padding:.375rem var(--spacing-1);border:none;border-radius:calc(var(--radius-md) - .125rem);background:transparent;font-family:inherit;font-size:var(--text-sm);font-weight:500;cursor:pointer;color:inherit;opacity:.6;transition:all .15s ease;white-space:nowrap}.switcher-btn.active{background:#fff;opacity:1;box-shadow:var(--box-shadow-sm)}.group-settings{display:flex;flex-direction:column;gap:var(--spacing-3)}.group-settings .settings-section{display:flex;flex-direction:column;gap:var(--spacing-1)}.group-settings .settings-section+.settings-section{border-top:1px solid var(--color-disabled);padding-top:var(--spacing-3)}.group-settings .settings-section h3{font-weight:500;font-size:1.125rem}.group-settings .settings-label{font-size:var(--text-sm);opacity:.6}.group-name-display{display:flex;align-items:center;gap:var(--spacing-1_5)}.group-name-value{font-size:1rem;font-weight:500}.group-name-editor{display:flex;flex-direction:column;gap:var(--spacing-1)}.group-name-input-row{display:flex;align-items:center;gap:var(--spacing-1)}.group-name-input{padding:var(--spacing-0_5) var(--spacing-1)}.group-name-error{color:var(--color-error);font-size:var(--text-sm);margin:0}.groups-container{max-width:var(--max-width-page);margin:0 auto;padding:0 var(--spacing-2);width:100%;display:flex;flex-direction:column;gap:var(--spacing-4)}.groups-title{font-weight:500;font-size:var(--text-lg);margin:0}.groups-actions{display:flex;flex-direction:column;gap:var(--spacing-1_5)}.groups-form{display:flex;flex-wrap:wrap;gap:var(--spacing-1)}.groups-form-input{flex:1}.groups-error{width:100%;font-size:var(--text-sm);color:var(--color-error);margin:0}.groups-list{display:flex;flex-direction:column;gap:var(--spacing-2)}.groups-item{display:flex;flex-direction:column;gap:var(--spacing-1);padding:var(--spacing-1_5) var(--spacing-2);border:1px solid var(--color-border);border-radius:var(--radius-sm);text-decoration:none;color:inherit;transition:background-color .15s}.groups-item:hover{background-color:#321e0a0a}.groups-item-header{display:flex;justify-content:space-between;align-items:center}.groups-item-name{font-weight:500}.groups-item-meta{font-size:var(--text-xs);opacity:.5}.groups-badge{font-size:var(--text-xs);padding:var(--spacing-0_5);border-radius:var(--radius-sm);font-weight:400}.groups-badge-creator{background-color:#2563eb1a;color:var(--color-link)}.groups-badge-member{background-color:#0000000f;color:var(--color-text-secondary)}.groups-preview-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column}.groups-preview-row{display:flex;align-items:baseline;gap:var(--spacing-1);font-size:var(--text-sm);padding:var(--spacing-0_5) 0}.groups-preview-rank{opacity:.5;font-variant-numeric:tabular-nums}.groups-preview-name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.groups-preview-points{flex-shrink:0;font-variant-numeric:tabular-nums}.groups-preview-empty{font-size:var(--text-xs);opacity:.45;padding:var(--spacing-0_5) var(--spacing-1)}.groups-item-footer{display:flex;justify-content:space-between;align-items:center;padding-top:var(--spacing-0_5)}.groups-item-footer>span:first-child{font-size:var(--text-xs);opacity:.5}.blast-banner{display:flex;align-items:center;gap:var(--spacing-2);padding:var(--spacing-1_5) var(--spacing-2);background:#fff;border-radius:var(--radius-md);border:1px solid rgba(50,30,10,.2);box-shadow:0 1px 3px #321e0a14;font-size:.9rem}.blast-content{flex:1;display:flex;flex-direction:column;gap:var(--spacing-0_5)}.blast-dismiss{flex-shrink:0;background:none;border:none;color:inherit;cursor:pointer;padding:var(--spacing-1);font-size:1rem;opacity:.7;line-height:1}.blast-dismiss:hover{opacity:1}.game-card{display:flex;flex-direction:column;border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--box-shadow-sm);width:100%;overflow:hidden}.game-card-header{display:flex;align-items:center;gap:var(--spacing-2);padding:var(--spacing-2);background-color:var(--game-color);font-weight:500}.game-card-streak{margin-left:auto;font-size:var(--text-xs);font-weight:500;opacity:.7;background-color:#0000001a;padding:var(--spacing-1);border-radius:var(--radius-md)}.game-card-today{display:flex;align-items:center;gap:var(--spacing-1_5);padding:var(--spacing-2);color:inherit;text-decoration:none;transition:background-color .1s ease-in-out}.game-card-today:hover,.game-card-today:focus-visible{background-color:#0000000a}.game-card-today-text{font-size:.95rem;display:flex;gap:var(--spacing-1);align-items:center}.game-card-today-sub{display:block;font-size:.9rem;font-weight:500;white-space:nowrap;border:1px solid var(--color-border);padding:var(--spacing-1) var(--spacing-2);border-radius:var(--radius-sm)}.game-card-in-progress,.game-card-not-started{justify-content:space-between}.game-card-today-play{display:inline-block;padding:var(--spacing-1) var(--spacing-2);border-radius:var(--radius-sm);background-color:var(--game-color);font-size:.9rem;font-weight:500;white-space:nowrap;transition:filter .1s ease-in-out}.game-card-not-started:hover .game-card-today-play,.game-card-not-started:focus-visible .game-card-today-play,.game-card-in-progress:hover .game-card-today-play,.game-card-in-progress:focus-visible .game-card-today-play{filter:brightness(.92)}.game-card-finished{display:flex;justify-content:space-between;align-items:center}.game-card-recent{display:flex;gap:var(--spacing-1);padding:var(--spacing-1_5);border-top:1px solid var(--color-border-light);overflow-x:auto}.game-card-day{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.125rem;flex:1;padding:var(--spacing-1);border-radius:var(--radius-md);text-decoration:none;color:inherit;border:2px solid transparent;transition:background-color .1s ease-in-out,border-color .1s ease-in-out}.game-card-day:hover,.game-card-day:focus-visible{filter:brightness(.95)}@media(max-width:37.5rem){.game-card-day:not(.game-card-day-archive):nth-child(n+4){display:none}}.game-card-day-today{border-color:var(--game-color)}.game-card-day-finished{background-color:var(--completed-bg)}.game-card-day-not-started{background-color:var(--not-started-bg)}.game-card-day-in-progress{background-color:var(--started-bg)}.game-card-day-in-progress:hover,.game-card-day-in-progress:focus-visible{filter:brightness(.95)}.game-card-day-name{font-size:.7rem;font-weight:500;opacity:.7;text-transform:lowercase}.game-card-day-date{font-size:var(--text-xs)}.game-card-day-archive .game-card-day-date{line-height:1rem;font-size:1.2rem}.game-card-day-result{margin-top:var(--spacing-0_5);font-size:.7rem;white-space:nowrap}.welcome{display:flex;flex-direction:column;gap:var(--spacing-2);width:100%;max-width:var(--max-width-page)}.welcome-box{display:flex;align-items:center;gap:var(--spacing-2)}.welcome-box h2{font-weight:500}.welcome-text{display:flex;flex-direction:column;gap:var(--spacing-0_5)}.welcome-text-small{font-size:.8rem;opacity:.9;line-height:1.6}.welcome-hidden-games{border:none}.welcome-hidden-games summary{cursor:pointer;font-size:var(--text-sm);opacity:.6;list-style:none;display:flex;align-items:center;justify-content:center;gap:var(--spacing-0_5)}.welcome-hidden-games summary::-webkit-details-marker{display:none}.welcome-hidden-games summary:hover{opacity:.85}.welcome-hidden-chevron{transition:transform .2s ease}.welcome-hidden-games[open] .welcome-hidden-chevron{transform:rotate(180deg)}.welcome-hidden-games-list{display:flex;flex-direction:column;gap:var(--spacing-2);margin-top:var(--spacing-2)}.welcome-sign-in-cta{text-align:center;font-size:.9rem;opacity:.85}.welcome-sign-in-cta a{color:var(--color-text);font-weight:500}.home-container{flex-grow:1;display:flex;flex-direction:column;align-items:center;width:100%;padding:var(--spacing-2)}@media(max-width:37.5rem){.home-container{padding-top:0}}.islands-cell{width:100%;height:100%;aspect-ratio:1 / 1}.islands-input{width:100%;height:100%;text-align:center;cursor:default;border:none;outline:none;display:block;background:transparent;font-family:inherit;color:inherit}.islands-input::-webkit-inner-spin-button,.islands-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.islands-input:focus-visible{outline:2px solid var(--color-focus);outline-offset:-2px}.islands-input:hover{cursor:pointer;background:var(--color-light-overlay)}.islands-input[data-value=number]{font-size:1.25rem;font-weight:600;cursor:default}.islands-input[data-value=s]{background:var(--color-islands)}.islands-input[data-value=d]{color:var(--color-overlay);font-size:1.75rem;line-height:1.75rem}.islands-board{--border-color: color-mix(in srgb, var(--color-islands), black 40%);--board-size: min(28rem, 100cqw, 100cqh);width:var(--board-size);height:var(--board-size);position:relative}.islands-board:after{content:"";position:absolute;inset:0;border-radius:var(--radius-md);border:3px solid var(--border-color);pointer-events:none;z-index:1}.islands-table{border-collapse:separate;border-spacing:0;border:2px solid var(--border-color);border-radius:var(--radius-md);box-shadow:var(--box-shadow-sm);overflow:hidden;width:100%;height:100%;table-layout:fixed}.islands-td{border:1px solid var(--border-color);background-color:var(--color-light)}.islands-td[data-problem=true],.islands-td[data-problem=true] .islands-input[data-value=s]{background:var(--problem-cell-bg)}.islands-rules-grid{display:inline-grid;width:fit-content;border:2px solid color-mix(in srgb,var(--color-islands),black 40%);border-radius:var(--radius-sm)}.islands-rules-grid-cell{width:2rem;height:2rem;display:flex;align-items:center;justify-content:center;border:1px solid color-mix(in srgb,var(--color-islands),black 40%);background:var(--color-light);font-weight:600}.islands-rules-grid-cell[data-sea=true]{background:var(--color-islands)}.islands-rules-pair{display:flex;gap:var(--spacing-3);flex-wrap:wrap}.islands-rules-example{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-0_5)}.islands-rules-example-label{font-size:var(--text-sm);font-weight:500}.islands-wrapper{flex-grow:1;display:flex;flex-direction:column;width:100%;height:100%;position:relative}.islands-game{display:flex;flex-direction:column;flex-grow:1;width:100%;height:100%;align-items:center;justify-content:center;gap:var(--spacing-4);container-type:size}.privacy-container{max-width:var(--max-width-page);margin:0 auto;padding:0 var(--spacing-2);display:flex;flex-direction:column;gap:var(--spacing-2)}.privacy-container h1{font-size:var(--text-lg)}.privacy-container h2{margin-top:var(--spacing-1)}.privacy-updated{opacity:.6;font-size:var(--text-sm)}.privacy-container ul{padding-left:var(--spacing-3);display:flex;flex-direction:column;gap:var(--spacing-1)}.privacy-container code{background:var(--color-disabled);padding:.1rem .3rem;border-radius:var(--radius-sm);font-size:.875rem}.roads-board{--border-color: color-mix(in srgb, var(--color-roads), black 40%);--board-size: min(32rem, 100cqw, 100cqh);width:var(--board-size);height:var(--board-size);position:relative}.roads-board:after{content:"";position:absolute;inset:0;border-radius:var(--radius-md);border:3px solid var(--border-color);pointer-events:none;z-index:1}.roads-svg{width:100%;height:100%;display:block;border-radius:var(--radius-md);overflow:hidden}.roads-bg{fill:var(--color-light)}.roads-grid-line{stroke:#e8e0d8;stroke-width:.02}.roads-road-line{stroke:color-mix(in srgb,var(--color-roads),black 20%);stroke-width:.06;stroke-linecap:square}.roads-road-line[data-problem=true]{stroke:var(--color-error)}.roads-city{fill:var(--color-light);stroke:var(--border-color);stroke-width:.06}.roads-city[data-satisfied=true]{fill:var(--color-roads)}.roads-city-number{fill:var(--color-text);font-family:Lexend,sans-serif;font-weight:600;text-anchor:middle;dominant-baseline:auto;-webkit-user-select:none;user-select:none;pointer-events:none}.roads-click-zone{fill:transparent;cursor:pointer;outline:none}.roads-click-zone:hover{fill:#0000000a}.roads-click-zone:focus-visible{outline:none;fill:#00000014}.roads-board[data-finished=true] .roads-click-zone{pointer-events:none;cursor:default}.roads-board[data-finished=true] .roads-click-zone:hover{fill:transparent}.roads-rules-example-board{max-width:10rem;container-type:inline-size}.roads-rules-mini-svg{width:100%;display:block}.roads-rules-pair{display:flex;gap:var(--spacing-3);flex-wrap:wrap}.roads-rules-example{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-0_5)}.roads-rules-example-label{font-size:var(--text-sm);font-weight:500}.roads-game{display:flex;flex-direction:column;flex-grow:1;width:100%;height:100%;align-items:center;justify-content:center;gap:var(--spacing-4);container-type:size}.game-order-list{display:flex;flex-direction:column;gap:var(--spacing-0_5)}.game-order-row{display:flex;align-items:center;gap:var(--spacing-1_5);padding:var(--spacing-1) var(--spacing-1_5);background:var(--not-started-bg);border-radius:var(--radius-md)}.game-order-dot{width:.75rem;height:.75rem;border-radius:50%;flex-shrink:0}.game-order-name{flex:1;font-size:.95rem}.game-order-actions{display:flex;gap:var(--spacing-0_5)}.game-order-btn{display:flex;align-items:center;justify-content:center;width:2rem;height:2rem;border:none;border-radius:var(--radius-sm);background:var(--color-light);cursor:pointer;padding:0;color:var(--color-text)}.game-order-btn:disabled{opacity:.3;cursor:default}.game-order-btn:not(:disabled):hover{background:var(--color-disabled)}.game-order-section-label{font-size:var(--text-xs);opacity:.6;margin-top:var(--spacing-1);margin-bottom:var(--spacing-0_5)}.game-order-row-hidden{opacity:.55}.game-order-reset{margin-top:var(--spacing-2)}.game-order-reset:hover{opacity:1;background:var(--not-started-bg)}.username-display{display:flex;align-items:center;gap:var(--spacing-1_5)}.username-value{font-size:1rem;font-weight:500}.username-change-btn{font-size:var(--text-xs)}.username-editor{display:flex;flex-direction:column;gap:var(--spacing-1)}.username-input-row{display:flex;align-items:center;gap:var(--spacing-1)}.username-input{padding:var(--spacing-0_5) var(--spacing-1)}.username-error{color:var(--color-error);font-size:var(--text-sm);margin:0}.settings-page{max-width:var(--max-width-page);margin:0 auto;padding:0 var(--spacing-2);width:100%;display:flex;flex-direction:column;gap:var(--spacing-3)}.settings-page h2{font-weight:600;font-size:var(--text-lg)}.settings-section{display:flex;flex-direction:column;gap:var(--spacing-1)}.settings-section+.settings-section{border-top:1px solid var(--color-disabled);padding-top:var(--spacing-3)}.settings-section h3{font-weight:500;font-size:1.125rem}.settings-toggle{display:flex;align-items:center;gap:var(--spacing-1_5);cursor:pointer;font-size:.95rem}.settings-toggle input[type=checkbox]{width:1.125rem;height:1.125rem;accent-color:var(--color-text);cursor:pointer}.settings-description{font-size:var(--text-sm);opacity:.6}.settings-reset{align-self:flex-start}.settings-label{font-size:var(--text-sm);opacity:.6}.settings-sign-in{text-align:center;font-size:.95rem;margin-top:var(--spacing-3);opacity:.85}.settings-sign-in a{color:var(--color-text);font-weight:500}.sign-in-container{flex:1;display:flex;align-items:center;justify-content:center;padding:0 var(--spacing-2)}.sign-in-card{display:flex;flex-direction:column;gap:var(--spacing-2);width:100%;max-width:20rem;text-align:center}.sign-in-why-text{font-size:var(--text-sm);max-width:90%;justify-self:center;text-align:center}.sign-in-form{display:flex;flex-direction:column;gap:var(--spacing-2)}.sign-in-input{align-self:center;text-align:center;width:100%}.sign-in-button{align-self:center;width:100%;padding:var(--spacing-1_5) var(--spacing-3)}.sign-in-error{color:var(--color-error);font-size:var(--text-sm)}.sign-in-switch{text-align:center}.star-battle-cell{width:100%;height:100%;aspect-ratio:1 / 1}.star-battle-input{width:100%;height:100%;text-align:center;cursor:default;border:none;outline:none;display:flex;align-items:center;justify-content:center;background:transparent;padding:0;font:inherit}.star-battle-input:focus-visible{outline:2px solid var(--color-focus);outline-offset:-2px}.star-battle-board{--color-border: rgb(47, 47, 47);--board-size: min(40rem, 100cqw, 100cqh);width:var(--board-size);height:var(--board-size);position:relative;border-radius:var(--radius-md);overflow:hidden}.star-battle-board:after{content:"";position:absolute;inset:0;border-radius:var(--radius-md);border:3px solid var(--color-border);pointer-events:none;z-index:2}.star-battle-grid{display:grid;width:100%;height:100%;padding:.125rem}.star-battle-grid>tbody{display:contents}.star-battle-grid>tbody>tr{display:contents}.star-battle-td{background:var(--color-light);border:1px solid rgb(214,214,214)}.star-battle-td[data-problem=true]{background:var(--problem-cell-bg)}.star-battle-region-borders{display:grid;position:absolute;inset:0;padding:.125rem;pointer-events:none;z-index:1}.star-battle-border-segment{background:var(--color-border);border-radius:.125rem}.star-battle-border-h{height:.1875rem;align-self:start;transform:translateY(-50%);margin-inline:-.0937rem}.star-battle-border-v{width:.1875rem;justify-self:start;transform:translate(-50%);margin-block:-.0937rem}.star-battle-wrapper{flex-grow:1;display:flex;flex-direction:column;width:100%;height:100%;position:relative}.star-battle-game{display:flex;flex-direction:column;flex-grow:1;width:100%;height:100%;align-items:center;justify-content:center;gap:var(--spacing-4);container-type:size}.stats-container{max-width:var(--max-width-page);margin:0 auto;padding:0 var(--spacing-2);width:100%;display:flex;flex-direction:column;gap:var(--spacing-2)}.stats-container h2{font-size:var(--text-lg)}.stats-summary{display:flex;gap:var(--spacing-2)}.stats-card{flex:1;border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--spacing-3);text-align:center;width:100%}.stats-card-value{font-size:2rem;font-weight:600;line-height:1.2}.stats-card-label{font-size:var(--text-sm);opacity:.7}.stats-games{display:flex;flex-direction:column;gap:var(--spacing-2)}.stats-game-section{border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--box-shadow-sm);overflow:hidden}.stats-game-header{display:flex;align-items:center;gap:var(--spacing-2);padding:var(--spacing-2);background-color:var(--game-color);font-weight:500}.stats-game-body{padding:var(--spacing-2)}.stats-game-row{display:flex;justify-content:space-between;align-items:baseline;padding:var(--spacing-0_5) 0;font-size:var(--text-sm)}.stats-game-label{opacity:.7}.stats-game-value{font-weight:500}.sudoku-cell{display:flex;flex-grow:1;width:100%;height:100%;aspect-ratio:1 / 1;font-size:1.25rem;position:relative;align-items:center;justify-content:center}.sudoku-cell:focus-visible{outline:2px solid var(--color-sudoku);outline-offset:-2px}.sudoku-cell[data-selected=true]{background:#fff6cc}.sudoku-cell:hover{cursor:pointer;background:var(--color-accent)}.sudoku-cell[data-prefilled=true]{font-weight:600;background:color-mix(in srgb,var(--color-sudoku),white 70%)}.sudoku-cell[data-prefilled=true]:hover{cursor:default}.sudoku-cell[data-problem=true]{background:var(--problem-cell-bg)}.sudoku-candidates{display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr);width:100%;height:100%;padding:.0625rem}.sudoku-candidate{display:flex;align-items:center;justify-content:center;font-size:.7rem;line-height:1;color:color-mix(in srgb,var(--color-sudoku),black 30%)}@media screen and (max-width:37.5rem){.sudoku-cell{font-size:1rem}}@media screen and (max-width:20rem){.sudoku-cell{font-size:.8rem}}.sudoku-board{--border-color: color-mix(in srgb, var(--color-sudoku), black 30%);--board-size: min(36rem, 100cqw, 100cqh);width:var(--board-size);height:var(--board-size);position:relative}.sudoku-board:after{content:"";position:absolute;inset:0;border-radius:var(--radius-md);border:3px solid var(--border-color);pointer-events:none;z-index:1}.sudoku-table{border-collapse:collapse;border:3px solid var(--border-color);border-radius:var(--radius-md);overflow:hidden;width:100%;height:100%;table-layout:fixed}.sudoku-tr:nth-child(3n):not(:last-child){border-bottom:3px solid var(--border-color)}.sudoku-td{border:2px solid var(--border-color)}.sudoku-td:nth-child(3n):not(:last-child){border-right:3px solid var(--border-color)}.sudoku-number-pad{display:grid;grid-template-columns:auto repeat(5,1fr);justify-self:center;gap:var(--spacing-1);width:fit-content}@media(max-width:37.5rem){.sudoku-number-pad{width:100%}.sudoku-number-pad .game-button{width:100%}}.sudoku-number-pad .candidates-btn{grid-row:1 / 3;font-size:var(--text-sm);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--spacing-1)}.sudoku-wrapper{flex-grow:1;display:flex;flex-direction:column;width:100%;height:100%;position:relative}.sudoku-game{display:flex;flex-direction:column;flex-grow:1;width:100%;height:100%;align-items:center;justify-content:center;gap:var(--spacing-2);container-type:size}