*,*: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/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}.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;pointer-events:none;text-shadow:0 1px 2px rgba(255,255,255,.4)}.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}.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;justify-content:center;gap:1.25rem;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:280px;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}.overlay-btn-row button{flex:1;min-width:0}.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)}