:root{color-scheme:light;--bg: #f5f5f2;--panel: #fff;--ink: #191919;--muted: #696969;--line: #b8b8b1;--grid: #111;--tile: #fff;--gray: #9a9a96;--black: #111;--fixed: #e8e8e1;--green: #b9efbd;--red: #ffc5c5;--yellow: #ffd84d;--blue: #3776ab}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:14px/1.4 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}h2,h3,p{margin:0;letter-spacing:0}a{color:#1a73e8;text-decoration:none}a:hover{text-decoration:underline}button,input{font:inherit}button{border:1px solid var(--line);border-radius:4px;background:var(--panel);color:var(--ink);cursor:pointer}button:focus-visible{outline:2px solid var(--yellow);outline-offset:2px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.celebration{position:fixed;z-index:1000;inset:0;display:grid;place-items:center;background:#f5f5f252;pointer-events:none;animation:celebration-backdrop 5s ease both;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.celebration-emoji{display:block;font-size:144px;line-height:1;filter:drop-shadow(0 12px 20px rgb(0 0 0 / 22%));animation:celebration-pop 5s cubic-bezier(.2,.8,.2,1) both}@keyframes celebration-backdrop{0%,to{opacity:0}8%,88%{opacity:1}}@keyframes celebration-pop{0%{opacity:0;transform:scale(.55) rotate(-12deg)}10%{opacity:1;transform:scale(1.08) rotate(5deg)}18%,85%{opacity:1;transform:scale(1) rotate(0)}to{opacity:0;transform:scale(1.1)}}.app-shell{width:100%;max-width:1100px;margin:0 auto;padding:18px}.topbar{display:flex;align-items:stretch;flex-direction:column;gap:8px;margin-bottom:14px}.site-credits{align-self:flex-end;display:grid;justify-items:end;color:var(--muted);font-size:13px;text-align:right}.site-credits a{font-weight:700}.site-title{align-self:center;display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:8px .45em;margin:6px 8px 22px 0;padding:10px 18px 12px;border:2px solid var(--ink);background:var(--panel);box-shadow:6px 6px 0 var(--yellow);font-size:clamp(22px,7vw,36px);line-height:1;text-align:center}.title-word{display:inline-flex;align-items:center}.title-tile{display:inline-grid;width:1.08em;height:1.08em;margin-right:.08em;border:2px solid var(--ink);place-items:center;line-height:1}.python-tile{background:var(--blue);color:#fff}.crossword-tile{background:var(--yellow);color:var(--ink)}.how-to-play{width:100%;padding:12px 20px;margin-bottom:12px;border-block:1px solid #eadc94;border-left:3px solid #c99f00;background:#fff9dc}.how-to-play ul{list-style-position:inside;padding-left:0}.how-to-heading{display:flex;align-items:center;justify-content:space-between;gap:8px 24px;flex-wrap:wrap}.how-to-heading strong{font-size:15px}.actions{align-self:flex-end;display:flex;flex-wrap:wrap;gap:6px}.actions button{padding:7px 10px}.actions button.active{border-color:var(--ink);background:var(--ink);color:#fff}.actions button.share-feedback{border-color:#287a31;background:var(--green)}.action-divider{align-self:center;width:1px;height:24px;margin:0 3px;background:var(--line)}.workspace{display:grid;grid-template-columns:minmax(var(--board-min-width),1fr) minmax(240px,300px);gap:12px;align-items:start}.board-zone,.right-rail{display:grid;gap:12px}.board-scroll{width:100%;overflow-x:auto;overflow-y:hidden;overscroll-behavior-inline:contain}.board{position:relative;display:grid;grid-template-columns:repeat(var(--cols),minmax(0,1fr));grid-template-rows:repeat(var(--rows),minmax(0,1fr));width:100%;min-width:var(--board-min-width);aspect-ratio:var(--cols) / var(--rows);border:1px solid var(--grid);background:var(--panel);-webkit-user-select:none;user-select:none}.tile{position:relative;z-index:1;display:grid;min-width:0;min-height:0;place-items:center;overflow:visible;background:var(--tile);color:var(--ink);font-size:16px;font-weight:700;line-height:1}.tile.white{outline:1px solid var(--grid)}.tile.gray{z-index:2;background:var(--gray)}.tile.black{z-index:20;background:var(--black);color:#fff;cursor:pointer}.tile.black.active-origin{background:var(--yellow);color:var(--ink)}.tile.fixed{z-index:1;background:var(--fixed);color:#333}.tile.fixed .tile-input{opacity:.85}.tile.correct{background:var(--green)}.tile.wrong,.tile.error{background:var(--red)}.tile.mixed-correct-wrong{background:linear-gradient(135deg,var(--green) 0 48%,var(--red) 52% 100%)}.tile-input{position:absolute;z-index:5;inset:0;width:100%;height:100%;margin:0;padding:0;border:0;outline:0;appearance:none;background:transparent;color:inherit;caret-color:var(--ink);text-align:center;font:inherit;font-weight:700;line-height:1}.tile-input:focus,.tile-input:focus-visible{outline:0}.tile.white.selected.has-value .tile-input{background:linear-gradient(#111111db,#111111db) center / .9em 70% no-repeat;color:#fff;caret-color:transparent}.tile.emphasis-strong:before{position:absolute;z-index:3;inset:0;background:#ffd84d33;content:"";pointer-events:none}.number{position:absolute;z-index:9;inset:0;display:grid;place-items:center;font-size:16px;font-weight:700}.arrow{position:absolute;z-index:8;background:#1111117f;pointer-events:none}.arrow.across{top:50%;left:100%;width:25%;height:100%;transform:translateY(-50%);clip-path:polygon(0 0,0 100%,100% 50%)}.arrow.down{top:100%;left:50%;width:100%;height:25%;transform:translate(-50%);clip-path:polygon(0 0,100% 0,50% 100%)}.board-blocker{position:absolute;z-index:100;background:var(--black);pointer-events:none}.board-blocker.right{width:3px;transform:translate(-50%)}.board-blocker.bottom{height:3px;transform:translateY(-50%)}.status-panel,.clues-panel{border:1px solid var(--line);background:var(--panel)}.status-panel{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:100%;min-width:0;gap:1px;background:var(--line)}.status-panel>div{min-width:0;padding:12px;background:var(--panel)}.status-panel>div.correct{background:var(--green)}.status-panel>div.wrong,.status-panel>div.error{background:var(--red)}.status-panel h2{font-size:17px;line-height:1.2}dl{display:grid;grid-template-columns:70px minmax(0,1fr);gap:1px 10px;margin:5px 0 0}dt{color:var(--muted)}dd{min-height:18px;margin:0;overflow-wrap:anywhere}.clues-panel{height:602px;padding:10px;overflow:auto}.clues-panel h3{margin:12px 0 5px}.clues-panel>section:first-child h3{margin-top:0}.clue-list{display:grid;gap:3px}.clue-row{display:grid;grid-template-columns:42px minmax(0,1fr);gap:5px;align-items:stretch;width:100%;min-height:28px;padding:0;text-align:left;-webkit-user-select:text;user-select:text}.clue-number,.clue-output{display:flex;align-items:center}.clue-number{justify-content:center;border-right:1px solid var(--line);font-weight:700}.clue-output{min-width:0;padding:3px 5px;overflow-wrap:anywhere}.clue-row.active-clue{border-color:var(--ink);outline:2px solid var(--yellow);outline-offset:1px;background:#fff4bf}.clue-row.correct-clue{border-color:#7dbb83;background:var(--green)}.clue-row.correct-clue.active-clue{border-color:var(--ink);background:#fff4bf}.clue-row.active-clue .clue-number{background:var(--yellow)}@media(max-width:1040px){.workspace{display:block}.board-zone,.right-rail{width:100%}.right-rail{margin-top:12px}}@media(max-width:520px){.app-shell{padding:10px}.status-panel{grid-template-columns:1fr}.celebration-emoji{font-size:112px}}@media(prefers-reduced-motion:reduce){.celebration,.celebration-emoji{animation:none}}