/* トレーに並べて、友だちに聞く。 */
.limely-tray{--lt-paper:#F4F2EC;--lt-ink:#1D1E1C;--lt-garnet:#6B3038;--lt-muted:#5F605B;--lt-line:rgba(29,30,28,.14);color:var(--lt-ink)}
.lt-head{margin-bottom:18px}
.lt-title{font-size:clamp(20px,4vw,34px);line-height:1.35;margin:0 0 6px;overflow-wrap:anywhere;font-weight:700}
.lt-lead{margin:0;max-width:40em;font-size:14px;line-height:1.7;color:#3a3b37;word-break:auto-phrase}
.lt-from{margin:0 0 14px;padding:10px 12px;background:var(--lt-paper);font-size:13px;line-height:1.6;}
.lt-grid{display:grid;gap:14px;grid-template-columns:minmax(0,1fr)}
.lt-chips{display:flex;flex-wrap:wrap;gap:6px}
.lt-chip{appearance:none;font:inherit;font-size:13px;line-height:1;background:transparent;color:var(--lt-ink);border:1px solid var(--lt-line);padding:10px 13px;cursor:pointer;min-height:38px}
.lt-chip[aria-pressed=true]{background:var(--lt-ink);color:var(--lt-paper);border-color:var(--lt-ink)}
.lt-chips--small{margin-bottom:10px;flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none}
.lt-chips--small::-webkit-scrollbar{display:none}
.lt-chips--small .lt-chip{font-size:12px;padding:8px 11px;min-height:34px;flex:none}

.lt-tray{position:relative;width:100%;aspect-ratio:1/1;overflow:hidden;background:#EFEFEF;isolation:isolate}
.lt-piece{position:absolute;transform:translate(-50%,-50%) rotate(var(--r,0deg));cursor:grab;touch-action:none;user-select:none;-webkit-user-select:none}
.lt-piece.is-new{animation:lt-drop .26s ease-out}
.lt-piece.is-drag{cursor:grabbing;filter:drop-shadow(0 8px 10px rgba(0,0,0,.22))}
.lt-piece img{display:block;width:100%;height:auto;pointer-events:none;-webkit-user-drag:none;max-width:none}
.lt-piece.is-fade img{-webkit-mask-image:linear-gradient(to bottom,transparent 0,#000 13%);mask-image:linear-gradient(to bottom,transparent 0,#000 13%)}
@keyframes lt-drop{from{opacity:0;transform:translate(-50%,-56%) rotate(var(--r,0deg)) scale(1.08)}to{opacity:1;transform:translate(-50%,-50%) rotate(var(--r,0deg)) scale(1)}}
.lt-hint{font-size:12px;line-height:1.5;color:var(--lt-muted);margin:6px 0 0}
.lt-staff{margin:10px 0 0;font-size:14px;line-height:1.65;min-height:3.4em}
.lt-staff small{display:block;font-size:11px;color:var(--lt-muted);letter-spacing:.03em}

.lt-shelf{display:grid;grid-auto-flow:column;grid-auto-columns:104px;gap:8px;overflow-x:auto;padding-bottom:8px;scroll-snap-type:x proximity;scrollbar-width:thin}
.lt-tile{appearance:none;font:inherit;text-align:left;background:transparent;border:0;padding:0;color:inherit;cursor:pointer;scroll-snap-align:start;display:flex;flex-direction:column;justify-content:flex-start}
.lt-tile__pic{display:block;width:100%;aspect-ratio:1/1;background:#EFEFEF;position:relative;box-shadow:inset 0 0 0 1px transparent;transition:box-shadow .15s}
.lt-tile__pic img{position:absolute;left:11px;top:11px;width:calc(100% - 22px);height:calc(100% - 22px);object-fit:contain;display:block;max-width:none}
.lt-tile__nm{display:block;font-size:11.5px;line-height:1.35;margin-top:6px}
.lt-tile__pr{display:block;font-size:11.5px;color:var(--lt-muted)}
.lt-tile[aria-pressed=true] .lt-tile__pic{box-shadow:inset 0 0 0 1.5px var(--lt-ink)}
.lt-tile[aria-pressed=true] .lt-tile__pic::after{content:"置いた";position:absolute;right:5px;top:5px;font-size:10px;line-height:1;background:var(--lt-ink);color:var(--lt-paper);padding:3px 5px;}

.lt-a-sum{border-top:1px solid var(--lt-line);padding-top:12px}
.lt-list{list-style:none;margin:0 0 10px;padding:0;font-size:13px;line-height:1.45}
.lt-list li{display:flex;align-items:center;gap:8px;padding:5px 0}
.lt-list a{flex:1;min-width:0;color:inherit;text-decoration:underline;text-underline-offset:2px;text-decoration-color:var(--lt-line)}
.lt-list span{color:var(--lt-muted);flex:none}
.lt-list button{appearance:none;font:inherit;font-size:12px;background:transparent;border:0;color:var(--lt-muted);cursor:pointer;padding:6px 2px;flex:none;text-decoration:underline;text-underline-offset:2px}
.lt-total{font-size:15px;margin:0 0 10px;line-height:1.4}
.lt-total b{font-size:19px;font-weight:700}
.lt-total span{font-size:12px;color:var(--lt-muted);margin-left:6px}
.lt-btns{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.lt-btn{appearance:none;font:inherit;font-size:14px;font-weight:700;min-height:48px;cursor:pointer;padding:8px;display:flex;align-items:center;justify-content:center;text-align:center;line-height:1.3;text-decoration:none}
.lt-btn--ask{background:transparent;color:var(--lt-garnet);border:1.5px solid var(--lt-garnet)}
.lt-btn--solid{background:var(--lt-garnet);color:var(--lt-paper)}
.lt-btn--buy{background:var(--lt-ink);color:var(--lt-paper);border:1.5px solid var(--lt-ink)}
.lt-btn--line{background:transparent;color:var(--lt-ink);border:1px solid var(--lt-line);font-weight:400}
.lt-btn--wide{width:100%}
.lt-btn:disabled{opacity:.4;cursor:default}
.lt-btn:focus-visible,.lt-chip:focus-visible,.lt-tile:focus-visible{outline:2px solid var(--lt-garnet);outline-offset:2px}
.lt-note{font-size:12.5px;line-height:1.6;color:var(--lt-muted);margin:10px 0 0;min-height:1.2em}

.lt-dialog{border:0;padding:0;width:min(420px,calc(100vw - 32px));max-height:calc(100dvh - 40px);background:var(--lt-paper);color:var(--lt-ink)}
.lt-dialog::backdrop{background:rgba(29,30,28,.55)}
.lt-dialog__head{display:flex;justify-content:space-between;align-items:center;padding:10px 14px;font-size:14px;border-bottom:1px solid var(--lt-line)}
.lt-x{appearance:none;font:inherit;font-size:13px;background:transparent;border:0;color:var(--lt-ink);cursor:pointer;min-height:36px;padding:0 4px}
.lt-dialog__body{padding:14px}
.lt-share-pic{width:62%;margin:0 auto 10px}
.lt-share-pic .lt-tray{}
.lt-share-pic .lt-piece{pointer-events:none}
.lt-share-text{font-size:13px;line-height:1.6;margin:0 0 12px;text-align:center}
.lt-share-btns{display:grid;gap:8px}
.lt-size{display:grid;grid-template-columns:minmax(0,1fr) 92px;gap:10px;align-items:center;padding:8px 0;font-size:13px;line-height:1.4}
.lt-size select{font:inherit;font-size:14px;padding:8px;background:#fff;border:1px solid var(--lt-line);min-height:40px;width:100%;color:inherit}
.lt-size-help{font-size:12.5px;margin:6px 0 12px}
.lt-size-help a{color:inherit;text-decoration:underline;text-underline-offset:2px}

@media (min-width:860px){
  .lt-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);column-gap:32px;grid-template-areas:"tray shelf" "tray sum";grid-template-rows:1fr auto}
  .lt-a-tray{grid-area:tray}.lt-a-shelf{grid-area:shelf;min-width:0}.lt-a-sum{grid-area:sum}
  .lt-shelf{grid-template-rows:repeat(2,auto);grid-auto-columns:112px}
}
@media (prefers-reduced-motion:reduce){.lt-piece.is-new{animation:none}}