body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{min-height:100vh}.header{display:flex;width:100%;justify-content:space-between;align-items:center}.container{width:100%;display:flex;flex-direction:column;align-items:center;gap:1rem;padding:1.5rem;max-width:600px;margin:0 auto;box-sizing:border-box}.title{font-size:1.1rem;font-weight:600;margin:0}.controls{display:flex;flex-direction:column;gap:.75rem;align-items:flex-start;width:100%}.button-group{display:flex;gap:.5rem;flex-wrap:wrap}.btn{padding:.5rem 1rem;border-radius:1rem;box-shadow:0 1px 3px #0000001a,0 1px 2px -1px #0000001a;border:1px solid #d1d5db;background:white;cursor:pointer;transition:box-shadow .15s}.btn:hover{box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a}.btn:active{transform:translateY(1px)}.checkbox-label{display:inline-flex;align-items:center;gap:.5rem;font-size:.875rem;cursor:pointer}.pip-bounds{width:100%;display:flex;align-items:center;gap:.5rem;font-size:.875rem;color:#6b7280}.number-input{width:2rem;border:1px solid #d1d5db;border-radius:.25rem;padding:.25rem .5rem}input[type=number].number-input::-webkit-outer-spin-button,input[type=number].number-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input[type=number].number-input{-moz-appearance:textfield}.violations{font-size:.75rem;font-weight:600}.board{max-width:100%;width:600px;margin:auto;display:block}.tile-number{font-size:16px;font-weight:600;text-anchor:middle;dominant-baseline:middle}.corner-score{font-size:11px;font-weight:700;text-anchor:middle;dominant-baseline:middle}.breakdown{width:100%;margin-top:.5rem}.breakdown summary{cursor:pointer;-webkit-user-select:none;user-select:none;font-weight:500;font-size:.875rem}.breakdown-content{font-size:.75rem;opacity:.7;margin-top:.25rem}.breakdown-list{list-style-type:disc;padding-left:1.5rem;line-height:1.625;font-size:.875rem;margin-top:.25rem}.legend-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:.75rem;font-size:.875rem;width:100%;margin-top:.75rem}.legend-item{display:flex;align-items:center;gap:.5rem}.legend-color{display:inline-block;width:1.5rem;height:.75rem;border-radius:.25rem}.legend-line{display:inline-block;width:1.5rem;height:.125rem;border-top:2px dashed}.legend-circle{display:inline-block;width:.75rem;height:.75rem;border-radius:50%}.resource-legend{display:grid;grid-template-columns:repeat(3,1fr);gap:.75rem;font-size:.875rem;width:100%}@media (min-width: 640px){.resource-legend{grid-template-columns:repeat(6,1fr)}.legend-grid{grid-template-columns:repeat(2,1fr)}}.resource-item{display:flex;align-items:center;gap:.5rem}.resource-color{display:inline-block;width:1rem;height:1rem;border-radius:.25rem}.desert-legend{border-radius:.25rem}.resource-name{text-transform:capitalize}.input-group{display:flex;align-items:center;border:1px solid #d1d5db;border-radius:.375rem;overflow:hidden}.input-group .number-input{border:none;border-radius:0;width:1rem;text-align:center;padding:.25rem .5rem}.input-btn{width:2rem;height:2rem;border:none;background:#f9fafb;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:1rem;font-weight:600;color:#374151;transition:background-color .15s}.input-btn:hover:not(:disabled){background:#e5e7eb}.input-btn:active:not(:disabled){background:#d1d5db}.input-btn:disabled{color:#9ca3af;cursor:not-allowed;background:#f3f4f6}.footer-link{font-size:.875rem;color:#6b7280;text-align:left;margin-top:1rem;width:100%}.footer-link a{color:#6b7280;text-decoration:underline}