@font-face{font-family:Alegreya;src:url(/nonograms/fonts/Alegreya.woff2) format("woff2");font-weight:400 900;font-display:swap}@font-face{font-family:Alegreya;src:url(/nonograms/fonts/Alegreya-Italic.woff2) format("woff2");font-weight:400 900;font-style:italic;font-display:swap}@font-face{font-family:Alegreya Sans;src:url(/nonograms/fonts/AlegreyaSans-ExtraBold.woff2) format("woff2");font-weight:800;font-display:swap}@font-face{font-family:Figtree;src:url(/nonograms/fonts/Figtree.woff2) format("woff2");font-weight:300 900;font-display:swap}:root{--linen: #e8dec6;--ink: #2f2318;--muted: #64533d;--clue: #3a2c1e;--indigo: #2d4870;--madder: #a33326;--cloth: #f6efdf;--hoop: #b98a57;--hoop-edge: #8c6338;--f-voice: "Alegreya", Georgia, serif;--f-clue: "Alegreya Sans", "Figtree", sans-serif;--f-ui: "Figtree", system-ui, sans-serif;--weave: repeating-linear-gradient(90deg, rgba(110, 90, 60, .07) 0 1px, transparent 1px 3px), repeating-linear-gradient(0deg, rgba(110, 90, 60, .07) 0 1px, transparent 1px 3px);color-scheme:light}*{box-sizing:border-box}html{background:var(--linen)}body{margin:0;min-height:100%;background:var(--weave),var(--linen);color:var(--ink);font:16px/1.4 var(--f-ui);-webkit-tap-highlight-color:transparent}#root{min-height:100%}button{font:inherit;color:inherit}button:focus-visible,a:focus-visible{outline:3px solid var(--indigo);outline-offset:2px}.room{min-height:100dvh;display:flex;flex-direction:column;max-width:560px;margin:0 auto;position:relative}hub-bar{display:block}.play{flex:1;display:flex;flex-direction:column;padding-bottom:14px}.gamehead{display:flex;align-items:baseline;justify-content:space-between;gap:4px 14px;padding:14px 16px 10px}.gamehead h1{margin:0;font:700 28px/1 var(--f-voice);white-space:nowrap}.meta{margin:0;font:700 14px/1 var(--f-ui);color:var(--muted);font-variant-numeric:tabular-nums}.stage{display:flex;flex-direction:column}.boardcol{padding:0 16px}.board.chart{--clue-size: 13px;width:100%;display:grid;grid-template-columns:auto max-content;justify-content:center;touch-action:none;user-select:none;-webkit-user-select:none}.corner{grid-column:1;grid-row:1}.cclues{grid-column:2;grid-row:1;display:grid}.rclues{grid-column:1;grid-row:2;display:grid}.board.chart .squares{grid-column:2;grid-row:2}.cclue{display:flex;flex-direction:column;justify-content:flex-end;align-items:center;gap:3px;padding-bottom:6px;font:800 var(--clue-size)/1 var(--f-clue);color:var(--clue)}.rclue{display:flex;justify-content:flex-end;align-items:center;gap:.75em;padding-right:8px;font:800 var(--clue-size)/1 var(--f-clue);color:var(--clue)}.view.zoomed{overflow:auto;max-height:calc(100dvh - 240px);overscroll-behavior:contain;touch-action:none}.view.zoomed .board.chart{justify-content:start;width:max-content;min-width:100%}.view.zoomed .cclues,.view.zoomed .rclues,.view.zoomed .corner{position:sticky;z-index:1;background:var(--weave),var(--linen)}.view.zoomed .cclues{top:0}.view.zoomed .rclues{left:0}.view.zoomed .corner{top:0;left:0;z-index:2}.cclue.met,.rclue.met{opacity:.4}.cclue.on,.rclue.on{color:var(--indigo);opacity:1;text-decoration:underline 2px;text-underline-offset:3px}.squares{display:grid}.sq{position:relative;background:radial-gradient(circle at 0 0,rgba(70,52,30,.42) 1px,transparent 1.6px)}.sq.r5{border-right:1.5px dashed rgba(120,104,80,.55)}.sq.b5{border-bottom:1.5px dashed rgba(120,104,80,.55)}.sq.lane{background-color:#2d487014}.sq.v1{background-color:#a3332633;background-size:100% 100%}.sq.v1.f0{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 10'%3E%3Cg stroke-linecap='round'%3E%3Cpath d='M2.2 2.2 7.8 7.8' stroke='%23a33326' stroke-width='2.3'/%3E%3Cpath d='M2.6 2.4 7.6 7.4' stroke='rgba(255,235,220,.28)' stroke-width='.6'/%3E%3Cpath d='M7.8 2.2 2.2 7.8' stroke='%23a33326' stroke-width='2.3'/%3E%3Cpath d='M7.4 2.6 2.6 7.6' stroke='rgba(255,235,220,.35)' stroke-width='.6'/%3E%3C/g%3E%3C/svg%3E")}.sq.v1.f1{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 10'%3E%3Cg stroke-linecap='round'%3E%3Cpath d='M2.2 2.2 7.8 7.8' stroke='%239b2f23' stroke-width='2.3'/%3E%3Cpath d='M2.6 2.4 7.6 7.4' stroke='rgba(255,235,220,.28)' stroke-width='.6'/%3E%3Cpath d='M7.8 2.2 2.2 7.8' stroke='%239b2f23' stroke-width='2.3'/%3E%3Cpath d='M7.4 2.6 2.6 7.6' stroke='rgba(255,235,220,.35)' stroke-width='.6'/%3E%3C/g%3E%3C/svg%3E")}.sq.v1.f2{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 10'%3E%3Cg stroke-linecap='round'%3E%3Cpath d='M2.2 2.2 7.8 7.8' stroke='%23ab3a2c' stroke-width='2.3'/%3E%3Cpath d='M2.6 2.4 7.6 7.4' stroke='rgba(255,235,220,.28)' stroke-width='.6'/%3E%3Cpath d='M7.8 2.2 2.2 7.8' stroke='%23ab3a2c' stroke-width='2.3'/%3E%3Cpath d='M7.4 2.6 2.6 7.6' stroke='rgba(255,235,220,.35)' stroke-width='.6'/%3E%3C/g%3E%3C/svg%3E")}.sq.v1.f3{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 10'%3E%3Cg stroke-linecap='round'%3E%3Cpath d='M2.2 2.2 7.8 7.8' stroke='%23a0312a' stroke-width='2.3'/%3E%3Cpath d='M2.6 2.4 7.6 7.4' stroke='rgba(255,235,220,.28)' stroke-width='.6'/%3E%3Cpath d='M7.8 2.2 2.2 7.8' stroke='%23a0312a' stroke-width='2.3'/%3E%3Cpath d='M7.4 2.6 2.6 7.6' stroke='rgba(255,235,220,.35)' stroke-width='.6'/%3E%3C/g%3E%3C/svg%3E")}.sq.v2{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 10'%3E%3Ccircle cx='5' cy='5' r='1.05' fill='%236d6253'/%3E%3C/svg%3E"),radial-gradient(circle at 0 0,rgba(70,52,30,.42) 1px,transparent 1.6px);background-size:100% 100%,auto}.sq.target{outline:1.6px dashed var(--indigo);outline-offset:-3px}.board.picture .sq{background-color:transparent;border:0}.board.picture .sq:not(.v1){background:none}.side{padding:0 16px;display:flex;flex-direction:column;gap:12px}.owlpanel{margin-top:14px;display:flex;gap:14px;align-items:flex-start;min-height:82px;padding:14px 16px;background:var(--cloth);color:var(--ink);border-radius:2px;box-shadow:0 1px #503c1e40,0 6px 16px #503c1e1f}.owlpanel.quiet{background:#f6efdf73;box-shadow:inset 0 0 0 1px #503c1e2e}.owlpanel h3{margin:0 0 5px;font:800 11px/1.2 var(--f-ui);letter-spacing:.16em;text-transform:uppercase;color:var(--indigo)}.owlpanel p{margin:0;font:italic 500 16px/1.38 var(--f-voice)}.owl{flex:none;width:54px;height:54px}.owl .hoopcloth{fill:#efe6d1;stroke:var(--hoop);stroke-width:3}.owl .hoopinner{fill:none;stroke:var(--hoop-edge);stroke-width:.8}.owl .owlstitch{fill:none;stroke:var(--indigo);stroke-width:1.5;stroke-linecap:round}.owlpanel.quiet .owl{opacity:.55}.keys{display:none;margin:0;color:var(--muted);font-size:14px}.hoop{width:300px;height:300px;margin:18px auto 8px;border-radius:50%;display:grid;place-items:center;position:relative;background:radial-gradient(circle,#efe6d1 60%,#e3d7bc);box-shadow:0 0 0 9px var(--hoop),0 0 0 11px var(--hoop-edge),0 0 0 20px #c99a64,0 0 0 21px var(--hoop-edge),0 10px 26px #3c281459}.hoop:before{content:"";position:absolute;top:-34px;left:50%;width:26px;height:22px;transform:translate(-50%);background:linear-gradient(#a37548,#6e4a28);border-radius:4px 4px 2px 2px}.endbtns{display:grid;grid-auto-flow:column;grid-auto-columns:1fr;gap:10px}.endcard hub-end-card{display:block}.bigbtn,.ghostbtn{all:unset;box-sizing:border-box;cursor:pointer;height:50px;display:grid;place-items:center;border-radius:2px;font:700 20px/1 var(--f-voice);text-align:center;padding:0 12px}.bigbtn{background:var(--indigo);color:var(--cloth)}.ghostbtn{background:#fffaee8c;box-shadow:inset 0 0 0 1px #503c1e4d}.bigbtn:focus-visible,.ghostbtn:focus-visible{outline:3px solid var(--indigo);outline-offset:2px}.homebody{padding:22px 16px 26px;display:flex;flex-direction:column;gap:14px}.titlerow{display:flex;justify-content:space-between;align-items:flex-end;gap:12px}.title{margin:0;font:700 40px/.95 var(--f-voice)}.tacking{display:block;width:210px;height:8px;margin-top:6px}.tacking path{stroke:var(--madder);stroke-width:2.4;stroke-dasharray:9 5;stroke-linecap:round;fill:none}.mark{flex:none}.cont{all:unset;box-sizing:border-box;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:12px;padding:14px 16px;background:var(--indigo);color:var(--cloth);border-radius:2px}.conttext{display:grid;gap:5px}.cont b{font:700 24px/1 var(--f-voice)}.conttext span{font-size:14px;font-weight:600}.chev{width:10px;height:16px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.lbl{margin:8px 0 0;font:800 12px/1 var(--f-ui);letter-spacing:.16em;text-transform:uppercase;color:var(--muted)}.shelf{display:grid;gap:10px}.shelf-head{display:flex;align-items:baseline;justify-content:space-between;padding:0 2px}.shelf-head b{font:700 26px/1 var(--f-voice)}.shelf-head small{font:700 14px/1 var(--f-ui);color:var(--muted)}.hoops{display:grid;grid-template-columns:repeat(auto-fill,minmax(62px,1fr));gap:24px;padding:14px 12px 20px;background:linear-gradient(transparent calc(100% - 6px),var(--hoop-edge) calc(100% - 6px),#6e4a28 100%)}.hoop-s{all:unset;box-sizing:border-box;cursor:pointer;position:relative;aspect-ratio:1;border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle,#efe6d1 60%,#e3d7bc);box-shadow:0 0 0 4px var(--hoop),0 0 0 5px var(--hoop-edge),0 0 0 8px #c99a64,0 0 0 9px var(--hoop-edge),0 4px 10px #3c28144d}.hoop-s:before{content:"";position:absolute;top:-13px;left:50%;width:12px;height:9px;transform:translate(-50%);background:linear-gradient(#a37548,#6e4a28);border-radius:2px 2px 1px 1px}.hoop-s .t{display:block}.hoop-s.blank span{font:700 13px/1 var(--f-ui);color:var(--muted);letter-spacing:.02em}.hoop-s.next{box-shadow:0 0 0 4px var(--hoop),0 0 0 5px var(--hoop-edge),0 0 0 8px #c99a64,0 0 0 9px var(--hoop-edge),0 0 0 12px var(--indigo),0 4px 10px #3c28144d}.hoop-s.next span{color:var(--indigo)}.hoop-s:focus-visible{outline:3px solid var(--indigo);outline-offset:12px}.cont:focus-visible{outline:3px solid var(--indigo);outline-offset:2px}.framed .gamehead{padding:0}.framed .endbtns{margin-top:18px}.dim{position:fixed;inset:0;background:#2f23188c;z-index:60}.sheet{position:fixed;left:50%;transform:translate(-50%);width:min(560px,100%);bottom:0;z-index:61;background:var(--cloth);color:var(--ink);padding:22px 22px calc(26px + env(safe-area-inset-bottom,0px));display:grid;gap:12px;border-top:2px dashed var(--madder);box-shadow:0 -12px 30px #2f23184d}.sheet h2{margin:0;font:800 12px/1 var(--f-ui);letter-spacing:.16em;text-transform:uppercase;color:var(--muted)}.sheet .row{all:unset;cursor:pointer;display:flex;justify-content:space-between;align-items:center;padding-top:12px;border-top:1px solid rgba(80,60,30,.2);font:700 21px/1.2 var(--f-voice)}.sheet .row em{font-style:normal;color:var(--madder)}.sheet .row:focus-visible{outline:3px solid var(--indigo);outline-offset:2px}.sheet .links{display:flex;gap:18px;font-size:14px;padding-top:14px;border-top:1px solid rgba(80,60,30,.2)}.sheet .links a{color:inherit}.sheet .done{justify-content:center;color:var(--muted)}@media(min-width:960px){.room{max-width:1120px}.stage{flex-direction:row;align-items:flex-start;justify-content:center;gap:40px;padding:10px 24px 0}.boardcol{flex:0 1 640px;padding:0}.side{width:360px;padding:0}.owlpanel{margin-top:0}.hoop{margin:30px 30px 0;flex:none}.keys{display:block}.board.chart{--clue-size: 16px}}