@layer components{.sb{--sb-card:#fffdf9;--sb-ink:#2a1f1c;--sb-muted:#7a6a62;--sb-red:#b3202c;--sb-gold:#c79a3d;--sb-line:#e6dccf;--sb-green:#2f7d4f;--sb-green-bg:#e3f1e7;--sb-display:var(--font-cormorant), Georgia, serif}.sb-six{grid-template-columns:repeat(auto-fill,minmax(min(100%,300px),1fr));gap:20px;margin:0;padding:0;list-style:none;display:grid}.sb-cell{background:var(--sb-card);border:1px solid var(--sb-line);border-radius:4px;flex-direction:column;display:flex}.sb-frame{border:1.5px solid var(--sb-ink);background:var(--background);border-radius:2px;flex-direction:column;justify-content:center;gap:8px;min-height:230px;margin:10px;padding:30px 14px 14px;font-size:14px;display:flex;position:relative;overflow:hidden}.sb-no{background:var(--sb-ink);color:var(--background);font:600 18px var(--sb-display);padding:3px 12px;position:absolute;top:0;left:0}.sb-cap{flex-direction:column;gap:6px;padding:4px 16px 16px;display:flex}.sb-cap h2{font:600 24px/1.1 var(--sb-display);margin:0}.sb-cap p{margin:0;font-size:15px}.sb-title{font:600 19px var(--sb-display)}.sb-sub{color:var(--sb-muted);font-size:11.5px}.sb-card{background:var(--sb-card);border:1px solid var(--sb-line);border-radius:4px;padding:8px 10px;font-size:12.5px}.sb-row{justify-content:space-between;align-items:center;gap:8px;display:flex}.sb-btn{border:1.5px solid var(--sb-red);color:var(--sb-red);font:600 12.5px var(--sb-display);white-space:nowrap;border-radius:3px;padding:3px 10px;display:inline-block}.sb-seg{border:1px solid var(--sb-line);border-radius:3px;width:140px;font-size:11.5px;display:flex;overflow:hidden}.sb-seg span{text-align:center;border-right:1px solid var(--sb-line);flex:1;padding:3px 4px}.sb-seg span:last-child{border-right:0}.sb-seg .on{color:var(--sb-red);box-shadow:inset 0 0 0 1px var(--sb-red);background:#fff}.sb-arrow{text-align:center;color:var(--sb-gold);font-size:13px}.sb-stack{display:flex}.sb-av{width:22px;height:22px;font:600 10px var(--sb-display);color:#fff;border:1.5px solid var(--sb-card);border-radius:50%;place-items:center;margin-left:-6px;display:inline-grid}.sb-av:first-child{margin-left:0}.sb-cal{font-variant-numeric:tabular-nums;grid-template-columns:repeat(7,1fr);gap:3px;font-size:10.5px;display:grid}.sb-cal .h{text-align:center;color:var(--sb-muted);font-size:9.5px}.sb-cal .d{border:1px solid var(--sb-line);background:#fff;border-radius:2px;flex-direction:column;min-height:34px;padding:2px 3px;display:flex}.sb-cal .free{box-shadow:inset 0 0 0 1.5px var(--sb-red)}.sb-cal .go{background:var(--sb-green-bg);border-color:var(--sb-green)}.sb-cal .go b{color:var(--sb-green);font-size:9.5px}.sb-poster{border:1px solid var(--sb-line);text-align:center;background:#fff;width:170px;margin:0 auto;padding:10px;transform:rotate(-2deg);box-shadow:3px 4px #2a1f1c1f}.sb-poster .pt{font:600 16px var(--sb-display);color:var(--sb-red)}.sb-poster svg{shape-rendering:crispedges;width:108px;height:108px;margin:6px auto 2px;display:block}.sb-poster small{color:var(--sb-muted);font-size:10px}.sb-table{width:230px;height:220px;margin:0 auto;position:relative}.sb-felt{font:600 12px var(--sb-display);color:#e9dcb4;letter-spacing:.08em;text-align:center;background:#2f6b4f;border:5px solid #6b3b1f;border-radius:4px;place-items:center;display:grid;position:absolute;inset:52px 56px}.sb-seat{flex-direction:column;align-items:center;gap:2px;font-size:10px;display:flex;position:absolute}.sb-wind{background:#fffdf4;border:1px solid #c9bda4;border-radius:3px;place-items:center;width:22px;height:28px;font:600 15px Noto Serif JP,Hiragino Mincho ProN,serif;display:grid;box-shadow:0 2px #b8a98a}.sb-n{top:0;left:50%;transform:translate(-50%)}.sb-s{bottom:0;left:50%;transform:translate(-50%)}.sb-e{top:50%;right:0;transform:translateY(-50%)}.sb-w{top:50%;left:0;transform:translateY(-50%)}}
