:root{color-scheme:light;font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#17352d;background:#f3f5ee;font-synthesis:none}*{box-sizing:border-box}body{margin:0}.shell{max-width:860px;margin:auto;padding:0 max(18px,env(safe-area-inset-left)) env(safe-area-inset-bottom) max(18px,env(safe-area-inset-right))}header{height:58px;display:flex;align-items:center;justify-content:space-between;gap:16px;border-bottom:1px solid #d6ddd0}#name{font-size:19px;font-weight:800;letter-spacing:-.03em}button,select,input{font:inherit}button{min-height:44px;border:1px solid #cbd7c7;border-radius:10px;padding:10px 14px;background:#fff;color:inherit;font-weight:650;cursor:pointer;touch-action:manipulation}button:disabled{opacity:.4;cursor:default}button:hover:not(:disabled){border-color:#27735c;background:#f0f5e5}button:focus-visible,select:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid #a96824;outline-offset:3px}.primary{background:#236e54;color:white;border-color:#236e54}.primary:hover:not(:disabled){background:#17583f;color:white}.quiet{border-color:transparent;background:transparent;color:#526958}.small{font-size:12px;color:#526958;line-height:1.6}select{border:1px solid #d6ddd0;border-radius:8px;padding:8px;color:inherit;background:#fff;max-width:100%}#language{font-size:12px;min-height:34px}main{background:#fff;border:1px solid #d6ddd0;border-radius:18px;margin-top:18px;padding:24px}.intro{max-width:480px;margin:10px auto 18px}.intro h1{font-size:clamp(24px,4vw,32px);letter-spacing:-.04em;line-height:1.25;max-width:370px;margin:16px 0 24px}.intro-mark{display:grid;grid-template-columns:repeat(3,17px);gap:4px;width:max-content}.intro-mark i{height:17px;border-radius:3px;background:#236e54}.intro-mark i:last-child{grid-column:2;background:#d9a969}.settings{display:grid;gap:12px;margin:20px 0}.settings>label:first-child{display:flex;align-items:center;gap:12px;font-size:14px}.consent{display:flex;align-items:center;gap:9px;font-size:13px;color:#526958}.consent input{width:20px;height:20px;accent-color:#236e54}.statusbar{display:flex;justify-content:space-between;align-items:center;gap:12px;font-size:13px;color:#526958;padding-bottom:14px;border-bottom:1px solid #e0e5db}.statusbar strong{color:#17352d;white-space:nowrap}.puzzle{display:grid;grid-template-columns:minmax(220px,1fr) minmax(280px,1fr);align-items:center;gap:30px;padding-top:22px;user-select:none;-webkit-user-select:none}.board{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:5px;max-width:320px;width:100%;justify-self:center}.cell{padding:0;aspect-ratio:1;min-height:0;border-radius:7px;background:#e9efdf;border:1px dashed #a3b89b;font-size:17px}.cell.blank{visibility:hidden}.cell.occupied{background:white;border:2px solid currentColor}.cell:hover:not(:disabled){background:#dceac7}.controls{text-align:center}.piece-list{display:flex;justify-content:center;gap:10px;margin:0 0 18px}.piece-button{display:flex;flex-direction:column;align-items:center;gap:5px;padding:9px 12px;min-width:59px}.mini{display:grid;grid-template-columns:repeat(3,10px);grid-template-rows:repeat(3,10px);gap:2px}.mini i{border-radius:2px}.mini .on{background:currentColor}.selected{outline:2px solid #27735c;outline-offset:3px;background:#edf4df}.piece-0{color:#236750}.piece-1{color:#916227}.piece-2{color:#426ea3}.piece-3{color:#9b4961}#hint{font-size:13px;line-height:1.6;color:#526958;min-height:42px;margin:14px 0 12px}.actions{display:flex;justify-content:center;gap:10px;flex-wrap:wrap}.result{padding:26px 0 12px;text-align:center}.result h1{font-size:30px;letter-spacing:-.04em;margin:12px 0}.result p{color:#526958;margin:12px 0 22px}.result-mark{display:grid;place-items:center;border-radius:50%;background:#e0eeae;color:#236e54;width:52px;height:52px;margin:auto;font-size:30px}footer{display:flex;align-items:start;gap:24px;padding:15px 3px 20px;flex-wrap:wrap}details{font-size:13px;color:#526958;max-width:100%}details[open]{flex-basis:100%}summary{cursor:pointer;min-height:24px}details p{line-height:1.7;max-width:650px}#notice{background:#fff1da;color:#754822;border-radius:9px;padding:12px;margin-bottom:14px;font-size:13px;line-height:1.6}#data-message{min-height:0}#local-data .actions{justify-content:flex-start}noscript{display:block;padding:20px}[hidden]{display:none!important}
@media(max-width:620px){header{height:54px}main{padding:20px 16px;margin-top:14px}.puzzle{grid-template-columns:1fr;gap:16px;padding-top:18px}.controls{display:contents}.piece-list{grid-row:1;margin:0;gap:12px}.board{grid-row:2;max-width:280px}.puzzle #rotate{grid-row:3;justify-self:center}.puzzle #hint{grid-row:4;margin:0;min-height:22px;text-align:center}.puzzle .actions{grid-row:5}.statusbar{font-size:12px}.intro{margin:4px 0 10px}.intro h1{font-size:26px}.cell{font-size:15px}footer{gap:18px;padding-top:12px}}
@media(min-width:621px) and (max-height:550px){header{height:42px}main{margin-top:10px;padding:16px 20px}.puzzle{padding-top:14px;gap:20px}.board{max-width:260px}.piece-list{margin-bottom:12px}.piece-button{padding:7px 10px}#hint{margin:10px 0;min-height:32px}.statusbar{padding-bottom:10px}footer{padding:8px 3px}.intro{margin:0;max-width:none}.intro-mark{display:none}.intro h1{font-size:26px;margin:8px 0 14px}.settings{gap:8px;margin:10px 0 16px}.result{padding:15px 0 0}.result h1{font-size:26px}.result-mark{width:42px;height:42px}}