:root{--ink:#172e3b;--red:#a93132;--paper:#f5f6f7;--line:#dce1e4;--green:#236f53;--blue:#416d96}*{box-sizing:border-box}body{margin:0;color:var(--ink);background:var(--paper);font:16px/1.5 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}button,a,[role=button]{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}button:focus-visible,a:focus-visible,summary:focus-visible,[role=button]:focus-visible{outline:3px solid #2d76a8;outline-offset:4px}header{height:90px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 4vw;background:white}.brand{display:flex;align-items:center;gap:16px;text-decoration:none;color:var(--ink);font-size:14px;letter-spacing:1.7px;font-weight:750}.brand small{display:block;font-size:10px;letter-spacing:2px;color:#68747c;margin-top:4px}.brand-mark{font-family:Georgia,serif;font-size:29px;letter-spacing:-3px;border:1px solid #d4dce0;border-radius:50%;width:54px;height:54px;display:grid;place-content:center;grid-auto-flow:column;align-items:center}.brand-mark span{font-size:17px;color:var(--red);margin:0 2px}.edition{font-size:11px;font-weight:700;letter-spacing:1.6px;display:flex;align-items:center;gap:14px}.edition i{width:4px;height:4px;background:var(--red);border-radius:50%}main{max-width:1720px;margin:auto;padding:35px 4vw 20px}.heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:28px}.eyebrow{color:var(--red);font-size:11px;font-weight:800;letter-spacing:2.5px;margin:0 0 11px}h1{font:normal clamp(30px,3.3vw,49px)/1.06 Georgia,serif;letter-spacing:-1.5px;margin:0}h1 br{display:none}h1 em{font-weight:normal;color:var(--red)}.intro{margin:14px 0 0;color:#5b6a73;font-size:15px}.session{display:flex;align-items:center;gap:32px}.stats{display:flex;gap:32px}.stats>div{display:flex;flex-direction:column}.stats strong{font-size:35px;line-height:1.2;font-weight:600;font-variant-numeric:tabular-nums}.stats strong span{font-size:19px;font-weight:400;color:#7d8a91}.stats>div>span{font-size:12px;margin-top:5px;color:#65727a}.error-stat strong{color:var(--red)}.restart{border:1px solid #c9d1d7;border-radius:6px;background:transparent;font-size:14px;padding:11px 16px;color:var(--ink)}.restart:hover{background:white}.workspace{display:grid;grid-template-columns:minmax(0,1fr) 345px;gap:20px;align-items:start}.board-card{background:white;border:1px solid var(--line);border-radius:12px;overflow:hidden}.board-toolbar{display:flex;align-items:center;justify-content:space-between;margin:22px 25px 0;gap:10px}.board-title{font:20px Georgia,serif}.zoom{display:flex;align-items:center;border:1px solid var(--line);border-radius:6px;overflow:hidden}.zoom button{border:0;background:white;font-size:22px;width:36px;height:36px;color:var(--ink)}.zoom button:disabled{color:#b8c0c5;cursor:default}.zoom span{font-size:12px;min-width:47px;text-align:center}#viewport{overflow:auto;min-height:390px;padding:12px 18px;overscroll-behavior:contain}#canvas{position:relative;width:100%;min-width:640px}#cow{display:block;width:100%;height:auto;overflow:visible}.outline{fill:#f4f5f6;stroke:#75838b;stroke-width:.38;stroke-linejoin:round}.detail{fill:none;stroke:#75838b;stroke-width:.3;pointer-events:none}.zone{fill:#edf0f2;stroke:white;stroke-width:.65;cursor:crosshair;transition:fill .16s;stroke-linejoin:round}.zone:hover,.zone.target{fill:#cad8e1;stroke:var(--ink);stroke-width:.5}.zone.partial{fill:#d5e4ef;stroke:#fff}.zone.correct{fill:#b5d8c7;stroke:white}.zone.flash{fill:#e5a8a4!important;stroke:#a93132!important}.check{fill:#236f53;pointer-events:none;font-size:4px;text-anchor:middle;dominant-baseline:middle;font-family:sans-serif}.board-footer{display:flex;gap:21px;border-top:1px solid #eef0f2;padding:17px 24px;font-size:12px;color:#5d6c76}.board-footer>span{display:flex;align-items:center;gap:7px}.key{display:inline-block;width:10px;height:10px;border-radius:3px}.key.empty{background:#e1e6e9}.key.partial{background:#7ba2be}.key.correct{background:#448565}.key.incorrect{background:#b84b47}#zone-detail{height:39px;font-size:14px;color:var(--green);text-align:center;padding:4px 15px;overflow:auto}.bank-card{background:#e9eef1;border-radius:12px;padding:22px 20px}.bank-heading{display:flex;justify-content:space-between;align-items:center}.bank-heading h2{font:24px Georgia,serif;margin:0}.bank-heading>span{font-size:12px;background:white;padding:3px 9px;border-radius:20px;color:#536774}.bank-help{font-size:13px;color:#536774;margin:10px 0 18px}#bank{display:grid;grid-template-columns:1fr 1fr;gap:8px;max-height:437px;overflow:auto;padding:4px 3px 8px;margin:-4px -3px 0}.chip{background:white;border:1px solid #d3dce2;border-radius:6px;min-height:49px;padding:9px 10px 9px 18px;font-size:13px;color:var(--ink);text-align:left;line-height:1.3;position:relative;cursor:grab;touch-action:none;user-select:none;box-shadow:0 2px 1px #1b334504}.chip:before{content:'⠿';position:absolute;left:5px;top:50%;transform:translateY(-50%);color:#95a3ad;font-size:11px}.chip:hover{border-color:#7e94a3;background:#fcfdfe}.chip.selected{border-color:var(--ink);box-shadow:0 0 0 1px var(--ink);background:#f1f6fa}.chip.wrong{border-color:#a93132;background:#fff2f1;color:#8b2629}.chip.wrong:after{content:'×';position:absolute;right:3px;top:0;font-weight:800}.chip.dragging{opacity:.35}#completed{border-top:1px solid #d0dae1;margin-top:18px;padding-top:14px;font-size:14px}summary{cursor:pointer}summary span{float:right;font-weight:600}#done-list{display:flex;flex-wrap:wrap;gap:6px;margin-top:12px}.done-item{border:1px solid #c1d7cc;background:#f1f8f5;color:#236348;font-size:12px;border-radius:5px;padding:6px 8px}.message-row{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:14px 0 0;min-height:38px}#feedback{font-size:14px;margin:0;font-weight:500}.message-row>span{color:#667780;font-size:12px;white-space:nowrap}#feedback.error{color:#a93132}#feedback.success{color:var(--green)}footer{font-size:11px;color:#79868d;margin-top:24px;border-top:1px solid var(--line);padding-top:15px}footer p{margin:3px 0}footer a{color:#607782;text-underline-offset:3px}#ghost{position:fixed;z-index:100;pointer-events:none;border-radius:6px;max-width:190px;background:var(--ink);color:white;font-size:14px;padding:12px 16px;box-shadow:0 10px 25px #152b3a33;transform:translate(-50%,-115%)}#placements{position:absolute;inset:0;pointer-events:none}.misplaced{position:absolute;pointer-events:auto;transform:translate(-50%,-50%);font-size:12px;min-height:32px;max-width:150px;padding:8px 15px;box-shadow:0 3px 10px #a9313220}#result{margin-top:20px;padding:26px;background:var(--ink);color:white;border-radius:10px;display:flex;align-items:center;gap:32px}#result[hidden]{display:none}#result .eyebrow{color:#e4aaa4}#result h2{font:28px Georgia,serif;margin:0}#result p:not(.eyebrow){font-size:14px;color:#c9d8df;margin-bottom:0}.final-score{margin-left:auto;display:flex;flex-direction:column;min-width:165px}.final-score strong{font:42px Georgia,serif}.final-score span{font-size:12px;color:#c9d8df}#again,#confirm-reset{background:var(--red);color:white;border:0;border-radius:6px;padding:12px 20px}dialog{border:0;border-radius:12px;max-width:450px;padding:30px;color:var(--ink)}dialog::backdrop{background:#172e3b88}dialog h2{font:26px Georgia,serif;margin-top:0}dialog div{display:flex;gap:12px;margin-top:25px}#cancel-reset{background:white;border:1px solid var(--line);border-radius:6px;padding:12px}html.dragging,html.dragging *{cursor:grabbing!important;user-select:none!important}@media(min-width:1450px){#viewport{min-height:470px}.workspace{grid-template-columns:minmax(0,1fr) 375px}#bank{max-height:520px}.chip{font-size:14px}}@media(max-width:1150px){header{padding:0 24px}main{padding:28px 24px}.workspace{grid-template-columns:minmax(0,1fr) 290px;gap:14px}.bank-card{padding:20px 14px}#bank{grid-template-columns:1fr;max-height:415px}.chip{font-size:14px;min-height:44px}.heading{align-items:flex-start}.session{gap:16px;flex-direction:column;align-items:flex-end}.stats{gap:25px}h1 br{display:block}.board-title{font-size:18px}.board-toolbar{margin:18px 16px 0}.message-row{align-items:flex-start;flex-direction:column;gap:5px}}@media(max-width:850px){header{height:75px}.edition{display:none}main{padding:24px 16px}.workspace{grid-template-columns:1fr}.heading{gap:10px}.session{gap:10px}.stats strong{font-size:28px}.stats>div>span{font-size:11px}.restart{padding:8px 10px;font-size:12px}.intro{font-size:14px;max-width:280px}h1{font-size:33px}#viewport{min-height:0;max-height:65vh}#canvas{min-width:640px}.bank-card{padding:18px}#bank{grid-template-columns:repeat(3,1fr);max-height:245px}.bank-help{font-size:14px}.chip{font-size:14px}.board-footer{padding:14px 17px;gap:16px}#result{flex-wrap:wrap}.final-score{margin-left:0}#result h2{font-size:24px}footer{font-size:12px}.message-row>span{white-space:normal}}@media(max-width:480px){.brand{font-size:12px}.brand-mark{width:44px;height:44px;font-size:24px}header{padding:0 16px}.stats{gap:15px}h1{font-size:27px;letter-spacing:-.8px}.heading{margin-bottom:20px}.intro{max-width:210px}#bank{grid-template-columns:repeat(2,1fr)}.board-toolbar{flex-wrap:wrap}.board-footer{font-size:11px;gap:10px}.stats>div>span{max-width:60px}.bank-heading h2{font-size:22px}}@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}

.stats>div[hidden]{display:none}#restart-stat>span{max-width:115px;overflow-wrap:anywhere}@media(max-width:650px){.heading:has(#restart-stat:not([hidden])){flex-direction:column;gap:20px}.heading:has(#restart-stat:not([hidden])) .session{width:100%;align-items:center;flex-direction:row;flex-wrap:wrap;gap:16px}.heading:has(#restart-stat:not([hidden])) .stats{gap:24px}}

#preview-notice{background:#fff1dc;border:1px solid #cda568;border-radius:8px;padding:16px 20px;margin-bottom:24px;color:#61471f;font-size:15px}#preview-notice p{margin:6px 0 0}.game-ready #preview-notice{display:none}html:not(.game-ready) .zone{pointer-events:none}html:not(.game-ready) .chip{cursor:default;opacity:1}html:not(.game-ready) #restart,html:not(.game-ready) .zoom,html:not(.game-ready) .bank-help,html:not(.game-ready) .message-row,html:not(.game-ready) .stats,html:not(.game-ready) #completed{display:none}@media(max-width:850px){html:not(.game-ready) #canvas{min-width:0}html:not(.game-ready) #bank{max-height:none}}

body{padding-bottom:env(safe-area-inset-bottom)}.install-help{margin-top:22px;border:1px solid var(--line);border-radius:8px;padding:14px 18px;background:white;font-size:14px}.install-help p{max-width:700px}.install-help button{padding:12px 18px;background:var(--ink);color:white;border:0;border-radius:6px}.install-help button[hidden]{display:none}@media(display-mode:standalone){.install-help{display:none}header{padding-top:env(safe-area-inset-top);height:calc(75px + env(safe-area-inset-top))}}

.brand-logo{width:80px;height:57px;object-fit:contain;display:block}.brand-caption{font-size:10px;line-height:1.65;letter-spacing:1.6px;color:#68747c;font-weight:650;border-left:1px solid var(--line);padding-left:16px}@media(max-width:480px){.brand-logo{width:68px;height:49px}.brand-caption{font-size:9px;padding-left:12px}}

.hub-back{display:inline-flex;align-items:center;min-height:44px;margin-bottom:18px;color:#172e3b;font-size:14px;text-underline-offset:4px}