diff --git a/public/plays.html b/public/plays.html index 60c369a..4b8c90e 100644 --- a/public/plays.html +++ b/public/plays.html @@ -13,12 +13,12 @@ .pl-rule{border-left:4px solid #f2c94c;background:rgba(242,201,76,.08);padding:16px 20px;border-radius:0 12px 12px 0;margin:0 0 28px} .pl-rule b{font-family:var(--disp);font-size:17px;display:block;margin-bottom:6px} .pl-split{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:0 0 10px} - .pl-split div{background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:14px 10px;text-align:center} + .pl-split>div{background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:14px 10px;text-align:center} .pl-split .n{font-family:var(--disp);font-size:28px;font-weight:800;color:var(--mint);font-variant-numeric:tabular-nums} .pl-split .l{font-size:12px;color:var(--muted);text-transform:uppercase;letter-spacing:.06em;margin-top:2px} .pl-ladder{display:grid;grid-template-columns:repeat(5,1fr);border:1px solid var(--line);border-radius:12px;overflow:hidden;background:var(--panel);margin:0 0 34px} - .pl-ladder div{padding:12px 10px;border-right:1px solid var(--line);font-size:13.5px} - .pl-ladder div:last-child{border-right:0} + .pl-ladder>div{padding:12px 10px;border-right:1px solid var(--line);font-size:13.5px} + .pl-ladder>div:last-child{border-right:0} .pl-ladder .k{font-family:var(--mono);font-size:11px;color:var(--muted);letter-spacing:.08em;text-transform:uppercase} .pl-ladder .v{font-weight:700;margin-top:2px} .pl-ladder .b{color:var(--mint);font-size:12.5px} @@ -28,18 +28,18 @@ .play ol{margin:0 0 14px 20px;padding:0;line-height:1.6} .play ol li{margin:0 0 8px} .meta{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:12px} - .meta div{background:rgba(4,8,7,.45);border:1px solid var(--line);border-radius:10px;padding:12px 14px;font-size:14px} + .meta>div{background:rgba(4,8,7,.45);border:1px solid var(--line);border-radius:10px;padding:12px 14px;font-size:14px} .meta .k{font-family:var(--mono);font-size:11px;color:var(--muted);letter-spacing:.08em;text-transform:uppercase;margin-bottom:4px} .rec{border-color:var(--mint)} .cal{display:grid;grid-template-columns:repeat(4,1fr);gap:10px} - .cal div{background:rgba(4,8,7,.45);border:1px solid var(--line);border-radius:10px;padding:12px 14px;font-size:14px} + .cal>div{background:rgba(4,8,7,.45);border:1px solid var(--line);border-radius:10px;padding:12px 14px;font-size:14px} .cal .k{font-family:var(--disp);font-weight:800;color:var(--mint);margin-bottom:6px} blockquote{margin:0 0 10px;background:rgba(4,8,7,.45);border:1px solid var(--line);border-radius:10px;padding:12px 16px;color:var(--muted);font-style:italic} blockquote span{display:block;font-style:normal;font-family:var(--mono);font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--mint);margin-bottom:4px} .fit-table th{text-align:left;color:var(--muted);font-family:var(--mono);font-size:11px;letter-spacing:.08em;text-transform:uppercase;font-weight:500} .fit-table td,.fit-table th{padding:9px 10px;border-bottom:1px solid var(--line);vertical-align:top} #gate{display:none} - @media (max-width:720px){.pl-split{grid-template-columns:repeat(2,1fr)}.pl-ladder{grid-template-columns:1fr}.pl-ladder div{border-right:0;border-bottom:1px solid var(--line)}.meta,.cal{grid-template-columns:1fr}} + @media (max-width:720px){.pl-split{grid-template-columns:repeat(2,1fr)}.pl-ladder{grid-template-columns:1fr}.pl-ladder>div{border-right:0;border-bottom:1px solid var(--line)}.meta,.cal{grid-template-columns:1fr}}