/* YardCode shared styles, in the original theme: dark background,
   Raleway, yellow-to-coral buttons. Matches the classic dashboard and the app. */
:root{
  --yc-yellow:#ffdd57; --yc-red:#ff7d72; --yc-black:#fff; --yc-white:#1a1a1a;
  --yc-bg:#0d0d0d; --yc-surface:#1a1a1a; --yc-surface-2:#222;
  --yc-ink-2:#cfcfcf; --yc-muted:#aaa; --yc-line:#333; --yc-ok:#3ecf7a; --yc-blue:#5aa9ff;
  --yc-road:#555; --yc-water:#1f6fd1; --yc-land:#2e8b3e;
  --yc-grad:linear-gradient(to right,#ffdd57,#ff7d72);
  --yc-display:'Raleway',Arial,sans-serif; --yc-body:'Raleway',Arial,sans-serif;
  --yc-r:10px; --yc-gap:12px;
  --k-ink:#fff; --k-paper:#1a1a1a;
}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;overflow-x:hidden}
body{margin:0;font-family:var(--yc-body);font-size:16px;line-height:1.5;color:#fff;background:var(--yc-bg);overflow-x:hidden}
a{color:inherit}
:focus-visible{outline:2px solid var(--yc-yellow);outline-offset:2px}
@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
[hidden]{display:none!important}
.yc-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}

.yc-bar{background:#1a1a1a;border-bottom:1px solid #333;box-shadow:0 2px 6px rgba(0,0,0,.7);display:flex;align-items:center;gap:12px;padding:10px 14px;padding-top:max(10px,env(safe-area-inset-top));min-height:56px;position:sticky;top:0;z-index:1100}
.yc-brand{display:flex;align-items:center;gap:8px;text-decoration:none;font:700 21px var(--yc-display);color:var(--yc-yellow);letter-spacing:.5px}
.yc-brand img{width:30px;height:30px}
.yc-bar .yc-title{font:600 16px var(--yc-body);color:#ccc;flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

.yc-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;font:700 15px var(--yc-body);padding:10px 18px;border-radius:999px;border:0;background:var(--yc-grad);color:#111;text-decoration:none;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease}
.yc-btn:hover{transform:translateY(-1px);box-shadow:0 0 15px rgba(255,221,87,.3)}
.yc-btn.light{background:transparent;color:#fff;border:1px solid #444}
.yc-btn.yellow{background:var(--yc-grad);color:#111}
.yc-btn[disabled]{opacity:.5;cursor:not-allowed}
.yc-btn svg{width:18px;height:18px;flex:none}
.yc-row{display:flex;flex-wrap:wrap;gap:8px}

.yc-plate{background:#1a1a1a;border:1px solid #333;border-radius:16px;padding:16px 18px;box-shadow:0 10px 30px rgba(0,0,0,.45)}
.yc-plate .yard{font:800 clamp(44px,9vw,84px)/.95 var(--yc-display);margin:0;background:var(--yc-grad);-webkit-background-clip:text;background-clip:text;color:transparent}
.yc-plate .spot{font:700 clamp(30px,5vw,48px)/1 var(--yc-display);color:#fff;margin:4px 0 0}

.yc-place{border:1px solid #333;border-radius:14px;overflow:hidden;background:#1a1a1a}
.yc-verdict{font:800 24px/1.1 var(--yc-display);padding:12px 14px;border-bottom:1px solid #333}
.yc-verdict small{display:block;font:500 15px var(--yc-body);margin-top:4px;opacity:.95}
.yc-verdict.building{background:var(--yc-grad);color:#111}
.yc-verdict.road{background:#3a3a3a;color:#fff}
.yc-verdict.waterbody{background:var(--yc-water);color:#fff}
.yc-verdict.open_land{background:var(--yc-land);color:#fff}
.yc-verdict.unknown{background:#222;color:#ccc}
.yc-place .body{padding:12px 14px}
.yc-place .muted{color:var(--yc-muted)}
.yc-split{display:flex;height:12px;border-radius:6px;overflow:hidden;margin:8px 0 4px;background:#222}
.yc-split i{display:block;height:100%}