:root{color-scheme:light;--bg: #f4ecdd;--bg-2: #eadfcb;--card: #fffaf0;--fg: #2b2023;--muted: #75625b;--line: #d9c9ae;--accent: #b8803e;--accent-fg: #1a1315;--accent-2: #2f8582;--mine: #e6a645;--warn: #a83c28;--board-bg: #1a1315;--shadow: 0 1px 0 rgba(43, 32, 35, .06), 0 6px 18px rgba(43, 32, 35, .08);--radius: 10px;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){color-scheme:dark;--bg: #161012;--bg-2: #211819;--card: #241b1d;--fg: #efe2c8;--muted: #a8968a;--line: #3d2e30;--accent: #e6a645;--accent-fg: #1a1315;--accent-2: #5cc6bb;--mine: #e6a645;--warn: #ee7a30;--shadow: 0 1px 0 rgba(0, 0, 0, .3), 0 6px 18px rgba(0, 0, 0, .35)}}:root[data-theme=dark]{color-scheme:dark;--bg: #161012;--bg-2: #211819;--card: #241b1d;--fg: #efe2c8;--muted: #a8968a;--line: #3d2e30;--accent: #e6a645;--accent-fg: #1a1315;--accent-2: #5cc6bb;--mine: #e6a645;--warn: #ee7a30;--shadow: 0 1px 0 rgba(0, 0, 0, .3), 0 6px 18px rgba(0, 0, 0, .35)}*{box-sizing:border-box}html,body{margin:0}body{background:var(--bg);color:var(--fg);line-height:1.5;overflow-x:hidden;-webkit-text-size-adjust:100%}a{color:var(--accent)}h1{font-size:1.5rem;margin:.5rem 0 .75rem}h2{font-size:1.2rem;margin:.25rem 0}h3{font-size:1rem;margin:0 0 .5rem}p{margin:.4rem 0}.muted{color:var(--muted)}.center-text{text-align:center}.small{font-size:.85rem}.warn{color:var(--warn)}.sr-only,.skip:not(:focus){position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.skip:focus{position:fixed;top:8px;left:8px;z-index:50;background:var(--card);padding:8px 12px;border-radius:8px}:focus-visible{outline:3px solid var(--accent-2);outline-offset:2px}.layout{display:grid;grid-template-columns:minmax(0,1fr);min-height:100vh}.rail{display:none}.column{min-width:0;width:100%;max-width:760px;margin:0 auto;padding:0 16px;display:flex;flex-direction:column}@media(min-width:1400px){.layout{grid-template-columns:1fr minmax(0,760px) 1fr}.rail{display:flex;padding:140px 16px 0}#rail-left{justify-content:flex-start}#rail-right{justify-content:flex-end}.column{max-width:none}}main{flex:1;outline:none}main:focus-visible{outline:none}.header{padding:10px 0 4px}.header-row{display:flex;align-items:center;justify-content:space-between;gap:8px}.logo{display:inline-flex;align-items:center;text-decoration:none}.logo img{display:block;height:44px;width:auto}@media(max-width:420px){.logo img{height:38px}}.header-tools{display:flex;gap:4px}.icon-btn{background:transparent;border:1px solid transparent;color:var(--fg);font-size:1.15rem;width:40px;height:40px;border-radius:10px;cursor:pointer}.icon-btn:hover{background:var(--bg-2)}.nav{display:grid;grid-template-columns:repeat(5,1fr);gap:2px;margin-top:6px;border-bottom:1px solid var(--line)}.nav a{display:flex;flex-direction:column;align-items:center;gap:0;padding:6px 2px 8px;color:var(--muted);text-decoration:none;font-size:.8rem;font-weight:600;border-bottom:3px solid transparent}.nav a span:first-child{font-size:1.05rem}.nav a[aria-current=page]{color:var(--fg);border-bottom-color:var(--accent)}@media(min-width:560px){.nav a{flex-direction:row;justify-content:center;gap:6px;font-size:.9rem}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:42px;padding:8px 14px;border-radius:10px;border:1px solid var(--line);background:var(--card);color:var(--fg);font:inherit;font-weight:600;cursor:pointer;text-decoration:none;touch-action:manipulation}.btn:hover:not(:disabled){border-color:var(--accent)}.btn:disabled{opacity:.45;cursor:default}.btn-primary{background:var(--accent);color:var(--accent-fg);border-color:var(--accent)}.btn-ghost{background:transparent}.btn-big{min-height:48px;padding:10px 22px;font-size:1.05rem}.btn-spacer{width:42px}.row{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin:10px 0}.row.center{justify-content:center}input[type=text],input[type=password]{font:inherit;padding:8px 10px;border-radius:8px;border:1px solid var(--line);background:var(--bg);color:var(--fg);min-height:40px;max-width:100%}.inline-form{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.inline-form label{display:flex;align-items:center;gap:8px;font-weight:600}.inline-form input{width:12em}.account{margin-top:12px}.account-form{display:grid;gap:8px;max-width:360px}.form-msg:empty{display:none}.page{padding:8px 0 24px}.card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:14px;margin:12px 0;box-shadow:var(--shadow)}.card.solved{text-align:center;margin-top:20px}.big-emoji{font-size:3rem;line-height:1.1}.loading{display:flex;align-items:center;justify-content:center;gap:10px;padding:48px 0;color:var(--muted)}.spinner{width:18px;height:18px;border-radius:50%;border:3px solid var(--line);border-top-color:var(--accent);animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.error{text-align:center;padding:32px 0}.play{display:flex;flex-direction:column;align-items:center;padding:8px 0 16px}.hud{width:100%;display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:4px 12px;margin-bottom:8px}.hud-title{display:flex;align-items:center;gap:8px;font-size:1.05rem}.hud-stats{display:flex;gap:12px;font-variant-numeric:tabular-nums;font-size:.95rem}.stat b{font-size:1.05rem}.pips{display:inline-flex;gap:3px}.pips i{width:8px;height:8px;border-radius:2px;background:var(--line);display:inline-block}.pips i.on{background:var(--accent)}.board-wrap{width:100%;display:flex;justify-content:center;align-items:center;background:var(--board-bg);border-radius:12px;padding:8px;box-shadow:var(--shadow)}canvas.board{display:block;image-rendering:pixelated;image-rendering:crisp-edges;touch-action:none;outline:none}canvas.board:focus-visible{outline:3px solid var(--accent-2);outline-offset:3px}.controls{display:flex;gap:8px;justify-content:center;flex-wrap:wrap;margin:10px 0 4px}.dpad{display:grid;grid-template-columns:repeat(3,60px);grid-template-rows:repeat(3,52px);grid-template-areas:". up ." "left . right" ". down .";gap:4px;margin:6px auto 4px;user-select:none}.dpad[hidden]{display:none}.dpad-btn{border-radius:12px;border:1px solid var(--line);background:var(--card);color:var(--fg);font-size:1.2rem;cursor:pointer;touch-action:none}.dpad-btn:active{background:var(--bg-2)}.dpad .up{grid-area:up}.dpad .down{grid-area:down}.dpad .left{grid-area:left}.dpad .right{grid-area:right}.sprite-icon{image-rendering:pixelated;vertical-align:middle}dialog.modal{border:1px solid var(--line);border-radius:14px;background:var(--card);color:var(--fg);width:min(460px,calc(100vw - 24px));max-height:calc(100dvh - 24px);padding:18px 16px;box-shadow:var(--shadow)}dialog.modal::backdrop{background:#0a060899}.modal-close{position:absolute;top:8px;right:8px}.results{text-align:center}.results h2{font-size:1.5rem}.result-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:12px 0}.result-stats div{display:flex;flex-direction:column;background:var(--bg);border-radius:10px;padding:8px 4px}.result-stats b{font-size:1.4rem;font-variant-numeric:tabular-nums}.rank{font-weight:700}.countdown{color:var(--muted);font-variant-numeric:tabular-nums}.share-preview{text-align:left;background:var(--bg);padding:10px;border-radius:8px;white-space:pre-wrap;user-select:all}.toast{position:fixed;left:50%;bottom:24px;transform:translate(-50%,20px);opacity:0;background:var(--fg);color:var(--bg);padding:10px 16px;border-radius:10px;z-index:100;transition:opacity .2s,transform .2s;font-weight:600;max-width:calc(100vw - 32px)}.toast.show{opacity:1;transform:translate(-50%)}.histogram{display:grid;gap:3px;text-align:left}.bar-row{display:grid;grid-template-columns:3.2em 1fr 2.5em;gap:6px;align-items:center;font-size:.9rem;font-variant-numeric:tabular-nums}.bar-label{text-align:right;color:var(--muted)}.bar-label.wide{text-align:left}.bar-row:has(.wide){grid-template-columns:7.5em 1fr 2.5em}.bar-track{background:var(--bg-2);border-radius:4px;height:16px;overflow:hidden}.bar{display:block;height:100%;background:var(--accent-2);border-radius:4px}.bar-row.mine .bar{background:var(--mine)}.bar-row.mine .bar-label{color:var(--fg);font-weight:700}.bar-count{color:var(--muted)}.board-table{width:100%;border-collapse:collapse;font-variant-numeric:tabular-nums}.board-table th,.board-table td{padding:6px 4px;text-align:left;border-bottom:1px solid var(--line)}.board-table td.name{max-width:10em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.board-table tr.mine td{background:color-mix(in srgb,var(--mine) 20%,transparent);font-weight:700}.date-nav{display:flex;justify-content:space-between;align-items:center}.you-line{font-weight:700}.tiles{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:12px 0}.tile{background:var(--card);border:1px solid var(--line);border-radius:10px;padding:10px 4px;text-align:center}.tile b{display:block;font-size:1.5rem}.tile span{font-size:.8rem;color:var(--muted)}.history,.archive{list-style:none;padding:0;margin:0}.history li{display:grid;grid-template-columns:6.5em 1fr auto auto;gap:8px;padding:6px 0;border-bottom:1px solid var(--line);font-variant-numeric:tabular-nums}.archive li a{display:grid;grid-template-columns:4.5em 1fr 2em 4em;gap:8px;align-items:center;padding:10px 4px;border-bottom:1px solid var(--line);color:var(--fg);text-decoration:none}.archive li a:hover{background:var(--bg-2)}.a-num{font-weight:700}.a-result{text-align:right}.rules{display:grid;gap:12px}.rule{display:grid;grid-template-columns:116px 1fr;gap:10px;align-items:start}.rule-icons{display:inline-flex;gap:2px;background:var(--board-bg);border-radius:8px;padding:4px;justify-self:start}.rule p{margin:0}.tutorial-list{list-style:none;padding:0;margin:0}.tutorial-list a{display:grid;grid-template-columns:2em 1fr 1.5em;gap:10px;align-items:center;padding:10px 4px;border-bottom:1px solid var(--line);text-decoration:none;color:var(--fg)}.tutorial-list small{display:block}.tut-num{width:2em;height:2em;border-radius:50%;background:var(--accent);color:var(--accent-fg);display:grid;place-items:center;font-weight:800}.tutorial{padding-top:8px}.tut-text{background:var(--card);border:1px solid var(--line);border-radius:10px;padding:10px 12px}.ad{width:100%;margin:16px auto;text-align:center}.ad-label{font-size:.7rem;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin-bottom:4px}.ad-belowBoard{min-height:120px;max-width:728px}.play>.ad{margin-top:150px}.ad-page{min-height:120px}.ad-results{min-height:270px}.ad-rail{width:160px;min-height:620px}.ad-placeholder{border:2px dashed var(--line);border-radius:8px;color:var(--muted);display:grid;place-items:center;min-height:90px;font-size:.85rem}.ad-rail .ad-placeholder{min-height:600px}.ad-results .ad-placeholder{min-height:250px}.banner{margin:8px 0 0;padding:8px 12px;border-radius:10px;background:color-mix(in srgb,var(--accent-2) 16%,var(--card));border:1px solid var(--line);font-weight:600}.banner-warn{background:color-mix(in srgb,var(--warn) 18%,var(--card))}.intro{padding:24px 0}.mini-board{list-style:none;padding:0;margin:12px 0 8px}.mini-board li{display:flex;justify-content:space-between;gap:8px;padding:6px 0;border-bottom:1px solid var(--line);font-variant-numeric:tabular-nums}.mini-board li.mine{font-weight:700;color:var(--accent)}.footer{text-align:center;color:var(--muted);font-size:.85rem;padding:24px 0 32px}.footer a{color:var(--muted)}.footer .credit{margin:6px 0 0}.footer .credit a{color:var(--accent);font-weight:600}@media(max-width:420px){.hud-stats{gap:8px;font-size:.9rem}.tiles{grid-template-columns:repeat(2,1fr)}.history li{grid-template-columns:6em 1fr auto}.history li span:last-child{display:none}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}