*,*:before,*:after{box-sizing:border-box}:root{--color-bg: #1a1610;--color-surface: #f5efe0;--color-border: #b8a070;--color-gold: #c8952a;--color-gold-light:#9a6e1a;--color-text: #2c1f0e;--color-text-muted:#7a6040;--color-crown: #c8952a;--color-knight: #4a7a88;--color-town: #a03828;--color-farm: #4a8a30;font-family:High Tower Text,Georgia,Times New Roman,serif;font-size:16px;color:#2c1f0e}body{margin:0;display:flex;flex-direction:column;align-items:center;min-height:100vh;background-color:#efd9b5;background-image:url(/play-app/assets/parchment-mUI03Mha.jpg);background-size:cover;background-position:center;background-attachment:fixed}h1{color:var(--color-gold-light);letter-spacing:.05em}#app{width:100%;max-width:600px;padding:.5rem 1rem;text-align:center}@media(max-width:420px){#app{padding:.5rem}}@media(min-width:768px){#app{max-width:720px}}.map-subtitle{color:var(--color-text-muted);font-size:.875rem;margin:0 0 .6rem}.map-caption{max-width:424px;width:100%;margin:-3% auto 0;position:relative;z-index:1;display:flex;align-items:center;justify-content:center}.map-caption img{width:100%;height:auto;display:block}.map-caption__text{position:absolute;color:#3a2510;font-size:1.2rem;font-weight:700;letter-spacing:.06em;line-height:1.25;text-align:center;pointer-events:none;text-shadow:0 1px 2px rgba(255,255,255,.4)}.map-caption__sub{display:block;font-size:.7rem;font-weight:400;letter-spacing:.04em}.map-container{display:flex;justify-content:center;margin-bottom:0;position:relative;z-index:2;filter:drop-shadow(0 6px 4px rgba(0,0,0,.25))}.score-panel{margin:0 auto .75rem;padding:.6rem .75rem;background:var(--color-surface);border:1px solid var(--color-border);border-radius:4px;text-align:center;max-width:424px;width:100%}.score-panel__score{display:flex;align-items:baseline;justify-content:center;gap:.4rem;margin-bottom:.45rem}.score-panel__label{color:var(--color-text-muted);font-size:.8rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em}.score-panel__value{color:var(--color-gold-light);font-size:1.6rem;font-weight:700;line-height:1;min-width:2ch}.score-panel__value--builds{color:var(--color-text-muted);font-size:1.6rem}.score-panel__divider{color:var(--color-border);font-size:1.4rem;padding:0 .4rem;align-self:center}.score-panel__counters{display:grid;grid-template-columns:repeat(4,1fr);width:100%}.score-panel__counter{display:flex;flex-direction:column;align-items:center;gap:.1rem;min-width:0}.score-panel__counter-label{font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--color-text-muted)}.score-panel__counter-label--crown{color:var(--color-crown)}.score-panel__counter-label--knight{color:var(--color-knight)}.score-panel__counter-label--town{color:var(--color-town)}.score-panel__counter-label--farm{color:var(--color-farm)}.score-panel__counter-value{color:var(--color-text);font-size:1rem;font-weight:700;min-width:1.5ch}.shape-hit{cursor:pointer}#puzzle-map{width:100%;max-width:400px;height:auto;border:12px solid var(--color-border);border-radius:4px;display:block;background:#fff;box-sizing:content-box;position:relative;z-index:2;-webkit-user-select:none;user-select:none}#puzzle-map.map--locked{pointer-events:none;opacity:.85}#puzzle-map.fills-hidden:not(.see-thru) .shape-hit{fill:transparent;stroke:none}#puzzle-map.fills-hidden .terrain-layer rect,#puzzle-map.fills-hidden .terrain-layer polygon{stroke:none}#puzzle-map.see-thru .shape-hit{opacity:.75;stroke:none!important}#puzzle-map.see-thru .terrain-layer rect,#puzzle-map.see-thru .terrain-layer polygon{stroke:#000;stroke-width:1.5}#puzzle-map.see-thru g[data-col] line{stroke-width:3!important}.action-row{display:flex;justify-content:center;align-items:center;gap:1rem;margin:0 auto}.settings-btn{width:8.5rem;padding:.55rem .5rem;background:var(--color-gold);color:#1a1208;font-family:inherit;font-size:1rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;border:none;border-radius:4px;cursor:pointer;transition:background .15s,color .15s}.settings-btn:hover{background:var(--color-gold-light)}.settings-btn--active{background:var(--color-surface);color:var(--color-text-muted);border:1px solid var(--color-border)}.settings-btn--active:hover{background:var(--color-surface);color:var(--color-text)}.done-btn{display:block;margin:0;width:8.5rem;padding:.55rem .5rem;background:var(--color-gold);color:#1a1208;font-family:inherit;font-size:1rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;border:none;border-radius:4px;cursor:pointer;transition:background .15s}.done-btn:hover:not(:disabled){background:var(--color-gold-light)}.done-btn:disabled{opacity:.5;cursor:default}.done-btn--complete,.done-btn--complete:disabled{background:var(--color-surface);color:var(--color-text-muted);border:1px solid var(--color-border);opacity:1;cursor:default}.done-btn--solution{background:#2c4a6e;color:#e8d5a3}.done-btn--solution:hover{background:#3d618f}.done-btn--stop{background:#7a1e1e;color:#f0d0b0}.done-btn--stop:hover{background:#9b2929}.settings-panel--hidden{display:none}.settings-panel{margin:1.5rem auto 0;padding:.6rem .75rem;background:var(--color-surface);border:1px solid var(--color-border);border-radius:4px;text-align:center;max-width:424px;width:100%}.settings-panel__title{font-size:.85rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--color-text-muted);margin-bottom:.5rem}.map-toggles{display:flex;flex-wrap:wrap;justify-content:center;gap:.85rem;margin-top:.25rem}.map-toggle{display:flex;align-items:center;gap:.35rem;font-size:.85rem;color:var(--color-text-muted);cursor:pointer;-webkit-user-select:none;user-select:none}.map-toggle input[type=checkbox]{cursor:pointer;accent-color:var(--color-gold);width:1rem;height:1rem}.settings-reset-row{display:flex;justify-content:center;gap:1.1rem;margin-top:.75rem;padding-top:.6rem;border-top:1px solid var(--color-border)}.reset-btn{padding:.35rem 1.25rem;background:var(--color-gold);color:#1a1208;font-family:inherit;font-size:.88rem;font-weight:700;border:none;border-radius:3px;cursor:pointer;line-height:1.4}.reset-btn:hover{background:var(--color-gold-light)}.settings-howtoplay{margin:.75rem 0 0;padding-top:.6rem;border-top:1px solid var(--color-border);font-size:.85rem;text-align:center;color:var(--color-text-muted);line-height:1.5}.settings-howtoplay a{color:var(--color-gold);text-decoration:none}.settings-howtoplay a:hover{text-decoration:underline}.reset-btn:disabled{opacity:.35;cursor:not-allowed;pointer-events:none}.stats-table{width:100%;border-collapse:collapse;margin:.6rem 0 0;font-size:.9rem}.stats-table__label{text-align:left;padding:.3rem .5rem .3rem 0;color:var(--color-text-muted);border-bottom:1px solid var(--color-border)}.stats-table__value{text-align:right;padding:.3rem 0 .3rem .5rem;font-weight:600;color:var(--color-text);border-bottom:1px solid var(--color-border)}.overlay-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000a6;display:flex;align-items:center;justify-content:center;z-index:100;padding:1rem}.overlay-panel{background:var(--color-surface);border:2px solid var(--color-border);border-radius:6px;padding:1rem .75rem;max-width:340px;width:100%;text-align:center;box-shadow:0 8px 32px #00000080;position:relative}.overlay-x-btn{position:absolute;top:.4rem;right:.5rem;background:transparent;border:none;color:var(--color-text-muted);font-size:1rem;line-height:1;cursor:pointer;padding:.2rem .3rem;border-radius:3px}.overlay-x-btn:hover{color:var(--color-text);background:var(--color-border)}.overlay-heading{margin:0 0 .5rem;color:var(--color-gold-light);font-size:1.3rem;letter-spacing:.05em}.overlay-compare{margin:0 auto 1rem;border-collapse:collapse;font-size:.9rem;width:100%}.overlay-compare__th{text-align:center;padding:.1rem .6rem .3rem;color:var(--color-text-muted);font-size:.8rem;font-weight:400;border-bottom:1px solid var(--color-border)}.overlay-compare__label{text-align:right;padding:.2rem .5rem .2rem 0;color:var(--color-text-muted);white-space:nowrap;font-size:.85rem}.overlay-compare__val{text-align:right;padding:.2rem 1.5rem .2rem .6rem;font-weight:700}.overlay-compare__val--better{color:#4a8a30}.overlay-compare__val--equal{color:var(--color-text)}.overlay-compare__val--worse{color:#a03828}.overlay-compare__val--map{color:var(--color-text)}.overlay-top-label{margin:0 0 .5rem;color:var(--color-text-muted);font-size:.85rem}.overlay-table-wrap{overflow-x:auto;margin-bottom:.5rem}.overlay-table-wrap--lower{margin-bottom:1rem}.overlay-table{border-collapse:collapse;width:100%;font-size:.75rem;font-family:Calibri,Segoe UI,Arial,sans-serif}.overlay-table th,.overlay-table td{border:1px solid var(--color-border);padding:.2rem .3rem;text-align:center;white-space:nowrap}.overlay-table th{background:#3a2e1e;color:var(--color-surface);font-weight:700;letter-spacing:.04em}.overlay-table__row--match{background:#fef3d0;font-weight:700}.overlay-table__row--match td{color:var(--color-gold-light);border-color:var(--color-gold)}.overlay-close-btn{padding:.45rem .5rem;background:var(--color-gold);color:#1a1208;font-family:inherit;font-size:.9rem;font-weight:700;border:none;border-radius:4px;cursor:pointer}.overlay-close-btn:hover{background:var(--color-gold-light)}.overlay-icon-row{display:flex;justify-content:center;gap:1.2rem;margin:.9rem 0 .2rem}.overlay-icon-item{display:flex;flex-direction:column;align-items:center;gap:.2rem;font-size:1.1rem;font-weight:600;color:var(--color-text)}.overlay-icon-img{width:36px;height:36px;object-fit:contain}.overlay-streak{text-align:center;margin:.4rem 0 0;font-size:1rem;color:var(--color-text-muted)}.overlay-btn-row{display:flex;justify-content:center;gap:.75rem;margin-top:1.2rem}.confirm-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000a6;display:flex;align-items:center;justify-content:center;z-index:200;padding:1rem}.confirm-panel{background:var(--color-surface);border:2px solid var(--color-border);border-radius:6px;padding:1.25rem 1rem 1rem;max-width:260px;width:100%;box-shadow:0 8px 32px #00000080}.confirm-msg{margin:0 0 1rem;font-size:.95rem;color:var(--color-text);text-align:center;line-height:1.4}.confirm-buttons{display:flex;justify-content:center;gap:.6rem}.confirm-btn{padding:.45rem 1rem;font-family:inherit;font-size:.9rem;font-weight:600;border-radius:4px;border:none;cursor:pointer}.confirm-btn--ok{background:var(--color-gold);color:#1a1208}.confirm-btn--ok:hover{background:var(--color-gold-light)}.confirm-btn--cancel{background:var(--color-border);color:var(--color-text)}.confirm-btn--cancel:hover{background:var(--color-text-muted);color:var(--color-surface)}.overlay-btn-row button{flex:1;min-width:0}.help-list{list-style:none;padding:0;margin:.8rem 0 1rem;text-align:left}.help-list__item{padding:.45rem 0 .45rem 1.4rem;position:relative;font-size:.95rem;color:var(--color-text);border-bottom:1px solid rgba(200,169,106,.2)}.help-rules-link{font-size:.85rem;color:var(--color-text-muted);border-top:1px solid rgba(200,169,106,.2);margin-top:.5rem;padding-top:.5rem;text-align:center}.help-rules-link a{color:var(--color-gold-light)}.help-section-toggle{display:block;width:100%;background:transparent;border:none;color:var(--color-gold-light);font-family:inherit;font-size:.9rem;font-weight:700;text-align:left;cursor:pointer;padding:.5rem 0 .3rem;letter-spacing:.04em}.help-section-toggle:hover{color:var(--color-text)}.help-section-toggle--bordered{border-top:1px solid rgba(200,169,106,.2);margin-top:.2rem;padding-top:.5rem}.help-section-body{padding-bottom:.2rem}.help-scoring-section{margin-bottom:.5rem}.help-scoring-title{color:var(--color-gold-light);font-size:.78rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;margin-bottom:.15rem}.help-scoring-row{font-size:.95rem;color:var(--color-text);line-height:1.5;padding-left:.5rem}.overlay-share-btn{padding:.45rem .5rem;background:var(--color-gold);color:#1a1208;font-family:inherit;font-size:.95rem;font-weight:700;border:none;border-radius:4px;cursor:pointer;letter-spacing:.04em}.overlay-share-btn:hover{background:var(--color-gold-light)}.overlay-solution-row{margin-top:.9rem;text-align:center}.overlay-solution-btn{padding:.45rem 1.5rem;background:#2c4a6e;color:#e8d5a3;font-family:inherit;font-size:.95rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;border:none;border-radius:4px;cursor:pointer}.overlay-solution-btn:hover{background:#3d618f}@keyframes shape-popin{0%{transform:scale(0);opacity:0}65%{transform:scale(1.2);opacity:1}to{transform:scale(1);opacity:1}}@keyframes bonus-flash{0%{background:transparent;box-shadow:none}25%{background:#c8952a59;box-shadow:0 0 8px #c8952ab3}to{background:transparent;box-shadow:none}}.counter--bonus-flash{border-radius:4px;animation:bonus-flash .9s ease-out forwards}.shape--popin{transform-box:fill-box;transform-origin:center;animation:shape-popin .35s ease-out forwards}@keyframes mark-fadein{0%{opacity:0}to{opacity:1}}.mark--popin{animation:mark-fadein .4s ease-out forwards}