.yard{width:100%;padding:clamp(24px, 4vw, 48px) var(--gutter);flex-direction:column;flex:1;justify-content:safe center;align-items:center;gap:clamp(20px,3vw,30px);display:flex}.yard.is-wide{justify-content:flex-start;max-width:1000px;margin-inline:auto}.yard.is-wide .card{max-width:none}.yard.is-page{max-width:calc(620px + var(--gutter) * 2);justify-content:flex-start;align-items:stretch;margin-inline:auto}.yard-head{text-align:center}.yard-name{letter-spacing:-.04em;color:var(--cream);font-size:clamp(30px,5vw,46px);font-weight:800;line-height:1.02}.yard-sub{font-family:var(--hand);color:var(--accent);margin-top:6px;font-size:clamp(18px,2vw,21px)}.yard-foot{font-family:var(--hand);color:var(--muted);font-size:18px}.yard-nav{color:var(--cream);border:2px solid var(--muted-dark);border-radius:16px 6px 18px 7px;padding:10px 16px;font-size:15px;font-weight:700}.yard-nav:hover{color:var(--ink);background:var(--accent);border-color:var(--accent)}.days{--gutter-in:clamp(24px, 4.5vw, 44px);--fade:30px;scroll-snap-type:x proximity;scroll-padding-inline:var(--gutter-in);margin-inline:calc(var(--gutter-in) * -1);padding-inline:var(--gutter-in);scrollbar-width:none;gap:6px;padding-block:2px 6px;display:flex;overflow-x:auto}.days::-webkit-scrollbar{display:none}.days[data-more~=start]{-webkit-mask-image:linear-gradient(to right, transparent 0, #000 var(--fade), #000 100%);mask-image:linear-gradient(to right, transparent 0, #000 var(--fade), #000 100%)}.days[data-more~=end]{-webkit-mask-image:linear-gradient(to right, #000 0, #000 calc(100% - var(--fade)), transparent 100%);mask-image:linear-gradient(to right, #000 0, #000 calc(100% - var(--fade)), transparent 100%)}.days[data-more~=start][data-more~=end]{-webkit-mask-image:linear-gradient(to right, transparent 0, #000 var(--fade), #000 calc(100% - var(--fade)), transparent 100%);mask-image:linear-gradient(to right, transparent 0, #000 var(--fade), #000 calc(100% - var(--fade)), transparent 100%)}.day{scroll-snap-align:start;width:40px;font-family:var(--sans);color:var(--on-paper-soft);background:var(--paper-input);border:2px solid var(--paper-rule);cursor:pointer;border-radius:14px 5px 16px 6px;flex-direction:column;flex:none;align-items:center;gap:3px;padding:8px 3px 7px;display:flex}.day:hover{border-color:var(--on-paper-soft)}.day:hover .day-num{color:var(--ink)}.day-name{font:700 9.5px var(--mono);letter-spacing:.06em;text-transform:uppercase}.day-num{letter-spacing:-.03em;color:var(--ink);font-variant-numeric:tabular-nums;font-size:17px;font-weight:800;line-height:1}.day-left{background:var(--paper-rule);border-radius:2px;width:22px;height:3px;display:block;overflow:hidden}.day-left>span{background:var(--accent-deep);border-radius:2px;height:100%;display:block}.day.is-today .day-name{color:var(--accent-deep)}.day.is-spent:not([aria-pressed=true]){opacity:.5}.day[aria-pressed=true]{background:var(--ink);border-color:var(--ink)}.day[aria-pressed=true] .day-name{color:var(--cream-dim)}.day[aria-pressed=true].is-today .day-name{color:var(--accent)}.day[aria-pressed=true] .day-num{color:var(--cream)}.day[aria-pressed=true] .day-left{background:#f2efe840}.day[aria-pressed=true] .day-left>span{background:var(--accent)}.slots{grid-template-columns:repeat(auto-fill,minmax(92px,1fr));gap:8px;display:grid}.slot{font-family:var(--sans);background:var(--paper-input);color:var(--ink);border:2px solid var(--ink);cursor:pointer;border-radius:15px 6px 17px;flex-direction:column;align-items:center;gap:2px;padding:11px 6px;transition:transform .1s,box-shadow .1s;display:flex}.slot-at{font-variant-numeric:tabular-nums;font-size:16px;font-weight:700}.slot-word{font:700 9.5px var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--on-paper-soft);text-align:center;overflow-wrap:anywhere;-webkit-line-clamp:2;-webkit-box-orient:vertical;max-width:100%;line-height:1.25;display:-webkit-box;overflow:hidden}.slot.is-free{box-shadow:3px 3px 0 var(--ink)}.slot.is-free:hover:not(:disabled){background:color-mix(in srgb, var(--accent) 30%, var(--paper-input));box-shadow:2px 2px 0 var(--ink);transform:translate(1px,1px)}.slot.is-yours{background:var(--accent);box-shadow:3px 3px 0 var(--ink)}.slot.is-yours .slot-word{color:var(--ink)}.slot.is-yours:hover:not(:disabled){box-shadow:2px 2px 0 var(--ink);transform:translate(1px,1px)}.slot.is-taken,.slot.is-event,.slot.is-gone{border-color:var(--paper-rule);color:var(--on-paper-soft);cursor:not-allowed;background:0 0}.slot.is-event{border-style:dashed;border-color:var(--on-paper-soft)}.slot.is-gone{opacity:.45}.slot:disabled{cursor:not-allowed}
