.profile-panel{color:var(--ink,#39383b);background:#fffefaeb;border:1px solid #75634e24;border-radius:18px;margin:0 0 14px;padding:14px clamp(14px,3.8vw,24px);box-shadow:0 5px 16px #4c42360b}.profile-header{justify-content:space-between;align-items:baseline;gap:12px;display:flex}.profile-header h2{color:#465441;margin:0;font-size:1rem;font-weight:800}.profile-status{color:var(--muted,#77716a);text-align:right;margin:0;font-size:.82rem;line-height:1.4}.profile-mode{gap:8px;margin-top:10px;display:flex}.profile-mode-button,.profile-submit,.profile-logout{color:#4c4742;min-height:40px;font:inherit;cursor:pointer;background:#fffefa;border:1px solid #e4dfd5;border-radius:11px;padding:7px 12px;font-size:.88rem;font-weight:800}.profile-mode-button[aria-pressed=true]{color:#3f5138;background:#e8eedf;border-color:#879677}.profile-form{grid-template-columns:minmax(0,1fr);gap:6px;margin-top:9px;display:grid}.profile-form label{color:#5c564e;font-size:.82rem;font-weight:800}.profile-form input{width:100%;min-height:40px;color:var(--ink,#39383b);font:inherit;background:#fffefa;border:1px solid #e4dfd5;border-radius:10px;padding:7px 10px;font-size:.94rem}.profile-form input:focus-visible,.profile-mode-button:focus-visible,.profile-submit:focus-visible,.profile-logout:focus-visible{outline:3px solid var(--focus,#ad5949);outline-offset:2px}.profile-note{color:var(--muted,#77716a);margin:2px 0 0;font-size:.76rem;line-height:1.45}.profile-submit{color:#fffefa;background:#526748;border-color:#78876a;justify-self:start;margin-top:3px}.profile-panel [hidden]{display:none}.profile-account{justify-content:space-between;align-items:center;gap:10px;margin-top:10px;display:flex}.profile-account p{overflow-wrap:anywhere;color:#5c564e;margin:0;font-size:.9rem}.profile-logout{flex:none}.profile-account-actions{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.profile-admin{color:#3f5138;text-underline-offset:3px;font-size:.88rem;font-weight:800}.profile-admin:focus-visible{outline:3px solid var(--focus,#ad5949);outline-offset:3px}.profile-panel :disabled{cursor:wait;opacity:.72}@media (width<=420px){.profile-header{flex-direction:column;align-items:flex-start;gap:3px}.profile-status{text-align:left}}:root{color:#39383b;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-optical-sizing:auto;--ink:#39383b;--muted:#77716a;--bark:#75634e;--moss:#667858;--leaf:#e5ecd9;--edge:#e5dfd2;--paper:#fffefa;--focus:#ad5949;background:#f4f1e7;font-family:Nunito,Avenir Next,Avenir,system-ui,sans-serif;font-weight:500}*{box-sizing:border-box}[hidden],html:not([data-auth-state=authenticated]) #game-header,html:not([data-auth-state=authenticated]) #game-content{display:none!important}body{background:radial-gradient(at 82% 11%,#dce7cf61,#0000 28rem),radial-gradient(at 6% 85%,#f0ddbd5c,#0000 24rem),#f4f1e7;min-width:280px;min-height:100vh;margin:0}button{color:inherit;font:inherit}.app-shell{flex-direction:column;justify-content:center;width:min(100% - 28px,720px);min-height:100vh;margin:0 auto;padding:22px 0 32px;display:flex}.app-shell>main{width:100%}.game-load-status{background:var(--paper);color:var(--ink);border:1px solid #75634e24;border-radius:14px;margin:0 0 14px;padding:12px clamp(14px,3.8vw,24px)}.game-load-status p{color:var(--muted);margin:0 0 8px}.game-load-status button{color:#fffefa;cursor:pointer;background:#526748;border:1px solid #78876a;border-radius:11px;min-height:40px;padding:7px 12px;font-weight:800}.game-load-status button:focus-visible{outline:3px solid var(--focus);outline-offset:2px}.topbar{justify-content:space-between;align-items:center;gap:16px;min-height:56px;margin:0 4px 16px;display:flex}.topbar h1{color:#465441;letter-spacing:-.04em;margin:0;font-size:clamp(1.3rem,5vw,1.8rem);font-weight:800}.level-heading{color:var(--muted);text-align:right;justify-items:end;gap:2px;font-size:.84rem;line-height:1.2;display:grid}.level-count{color:var(--bark);font-size:.8rem;font-weight:700}.game-card{background:var(--paper);border:1px solid #75634e1f;border-radius:25px;padding:clamp(12px,3.8vw,24px);overflow:hidden;box-shadow:0 18px 45px #4c423614,0 2px 8px #4c42360a}.mode-row{width:min(100%,600px);color:var(--muted);justify-content:space-between;align-items:center;gap:12px;margin:0 auto 10px;font-size:.88rem;font-weight:700;display:flex}.mode-row select{min-height:38px;color:var(--ink);font:inherit;background:#fffefa;border:1px solid #e4dfd5;border-radius:10px;padding:5px 10px}.mode-row select:focus-visible{outline:3px solid var(--focus);outline-offset:2px}.board-meta{grid-template-columns:minmax(0,1fr) auto auto auto;align-items:baseline;gap:6px;width:min(100%,600px);margin:0 auto 8px;padding:0 4px;display:grid}.progress-count{color:#4c5c42;letter-spacing:.015em;margin:0;font-size:.95rem;font-weight:800}.board-dimensions{color:var(--muted);font-variant-numeric:tabular-nums;font-size:.84rem}.failure-count,.elapsed-time{color:var(--muted);font-variant-numeric:tabular-nums;white-space:nowrap;font-size:.76rem}.board{aspect-ratio:1;isolation:isolate;background:#f7f5ed;border-radius:20px;width:min(100%,600px);margin:0 auto;position:relative;overflow:hidden}.board canvas{z-index:0;pointer-events:none;display:block;position:absolute;inset:0;width:100%!important;height:100%!important}.cell-grid{z-index:1;gap:.888889%;display:grid;position:absolute;inset:5%}.grid-row{gap:.888889%;min-width:0;min-height:0;display:grid}.cell-wrapper{min-width:0;min-height:0}.cell-button{cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;background:0 0;border:0;border-radius:12%;place-items:center;width:100%;min-width:0;height:100%;min-height:0;padding:0;display:grid;position:relative}.cell-button:focus{outline:none}.cell-button:focus-visible{z-index:2;outline:3px solid var(--focus);outline-offset:-3px;box-shadow:inset 0 0 0 5px #fffefac7}.cell-button[aria-disabled=true]{cursor:default}.tool-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;width:min(100%,600px);margin:15px auto 10px;display:grid}.tool-button,.action-button{color:#4c4742;cursor:pointer;touch-action:manipulation;background:#fffefa;border:1px solid #e4dfd5;border-radius:14px;justify-content:center;align-items:center;gap:9px;min-width:0;min-height:46px;padding:8px 14px;font-size:.98rem;font-weight:800;transition:background-color .14s,border-color .14s,transform .14s;display:inline-flex}.tool-button[aria-pressed=true]{color:#3f5138;background:#e8eedf;border-color:#879677;box-shadow:inset 0 0 0 1px #6678581f}.tool-button:hover:not(:disabled),.action-button:hover:not(:disabled){background:#f6f3ea;border-color:#b5aa98}.tool-button:active:not(:disabled),.action-button:active:not(:disabled){transform:translateY(1px)}.tool-button:focus-visible,.action-button:focus-visible,.rules summary:focus-visible{outline:3px solid var(--focus);outline-offset:2px}.mini-spider{flex:0 0 23px;width:23px;height:23px;position:relative}.mini-spider:before,.mini-spider:after{content:"";background:#38363b;border-radius:50%;display:block;position:absolute;left:50%;transform:translate(-50%)}.mini-spider:before{width:12px;height:11px;top:3px}.mini-spider:after{width:15px;height:12px;bottom:2px}.mini-spider i{z-index:1;background:#fff9ec;border:1.5px solid #38363b;border-radius:50%;width:7px;height:7px;position:absolute;top:5px}.mini-spider i:after{content:"";background:#29272b;border-radius:50%;width:2px;height:3px;position:absolute;top:1px;left:2px}.mini-spider i:first-child{left:3px}.mini-spider i:last-child{right:3px}.mini-x{color:#8a6f61;place-items:center;width:23px;height:23px;font-size:1.65rem;font-weight:600;line-height:1;display:inline-grid}.action-row{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;width:min(100%,600px);margin:0 auto;display:grid}.action-row.replay-mode{grid-template-columns:repeat(2,minmax(0,1fr))}#next[hidden]{display:none}.action-button{min-height:44px;padding:7px 8px;font-size:.9rem}.action-next:not(:disabled){color:#fffefa;background:#526748;border-color:#78876a}.action-next:hover:not(:disabled){background:#405738;border-color:#3f5335}.action-button:disabled{color:#a19a90;cursor:not-allowed;opacity:.7}.game-status{color:#625b53;width:min(100%,600px);min-height:1.5em;margin:9px auto 4px;font-size:.88rem;line-height:1.5}.rules{color:#5c564e;border-top:1px solid #ece7dd;width:min(100%,600px);margin:4px auto 0;font-size:.86rem}.rules summary{color:#4d5e44;cursor:pointer;width:fit-content;min-height:40px;padding:11px 2px 7px;font-weight:800}.rules p{max-width:58ch;margin:4px 0 5px;line-height:1.55}@media (height<=560px){.app-shell{justify-content:flex-start}}@media (width>=800px){.app-shell{padding-top:30px}.topbar{margin-bottom:19px}.game-card{padding:24px 28px 21px}}@media (width<=360px){.app-shell{width:min(100% - 20px,720px);padding-top:14px}.topbar{gap:8px;margin:0 2px 11px}.level-heading{font-size:.77rem}.board-meta{gap:4px}.board-dimensions{font-size:.78rem}.failure-count,.elapsed-time{font-size:.68rem}.game-card{border-radius:20px;padding:10px}.tool-row{gap:8px;margin-top:11px}.tool-button{min-height:44px}.action-row{gap:5px}.action-button{padding-inline:3px;font-size:.82rem}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@media (width>=800px) and (height>=700px){.app-shell{width:min(100% - 28px,720px,100vh - 260px);padding:12px 0 16px}.topbar{min-height:40px;margin-bottom:8px}.game-card{padding:12px 28px 10px}.board-meta{margin-bottom:5px}.board{width:min(100%,600px,100vh - 320px)}.tool-row{margin:9px auto 6px}.game-status{min-height:1.2em;margin:5px auto 2px}.rules summary{min-height:36px;padding:8px 2px 4px}}@supports (height:100dvh){@media (width>=800px) and (height>=700px){.app-shell{width:min(100% - 28px,720px,100dvh - 260px)}.board{width:min(100%,600px,100dvh - 320px)}}}