@layer quartz-base{.clovercherry-hub{--cc-surface:var(--brown-50);--cc-surface-alt:var(--brown-100);--cc-ink:var(--brown-900);--cc-muted:var(--brown-700);--cc-line:var(--brown-300);--cc-cherry:var(--rose-700);--cc-clover:var(--sage-700);min-width:0;max-width:1240px;color:var(--cc-ink);gap:clamp(56px,8vw,96px);margin:0 auto;padding:20px clamp(18px,4vw,48px) 80px;display:grid}:root[saved-theme=dark] .clovercherry-hub{--cc-surface:var(--brown-900);--cc-surface-alt:var(--brown-800);--cc-ink:var(--brown-100);--cc-muted:var(--brown-300);--cc-line:var(--brown-700);--cc-cherry:var(--rose-300);--cc-clover:var(--sage-300)}.clovercherry-hub-intro{border-bottom:1px solid var(--cc-line);grid-template-columns:minmax(0,1fr) minmax(16rem,.72fr);gap:clamp(18px,4vw,48px);padding:18px 0 20px;display:grid}.clovercherry-hub-intro-copy{gap:18px;min-width:0;display:grid}.clovercherry-hub-intro h1{color:var(--cc-ink);font-family:var(--headerFont);letter-spacing:-.045em;margin:0;font-size:clamp(1.8rem,3vw,2.5rem);line-height:1.2}.clovercherry-hub-intro p,.clovercherry-hub-intro a,.clovercherry-featured-event p,.clovercherry-featured-event h2,.clovercherry-featured-event span,.clovercherry-calendar-section header p,.clovercherry-calendar-section header h2,.clovercherry-calendar-section header span,.clovercherry-hub-links header p,.clovercherry-hub-links header h2{margin:0}.clovercherry-hub-kicker,.clovercherry-calendar-section header>p,.clovercherry-hub-links header>p{color:var(--cc-clover);font-family:var(--codeFont);letter-spacing:.08em;text-transform:uppercase;font-size:.76rem;font-weight:800}.clovercherry-hub-intro-copy>p:not(.clovercherry-hub-kicker),.clovercherry-featured-event span,.clovercherry-calendar-section header span{color:var(--cc-muted);font-size:1.04rem;line-height:1.8}.clovercherry-schedule-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.clovercherry-schedule-list section{border:1px solid var(--cc-line);background:var(--cc-surface-alt);padding:16px}.clovercherry-schedule-list h2{color:var(--cc-cherry);margin:0 0 8px;font-size:1.08rem}.clovercherry-schedule-list p+p{margin-top:4px;font-size:.9rem}.clovercherry-hashtag{white-space:nowrap}.clovercherry-poster-visual{border:1px solid var(--cc-line);background:var(--cc-surface);min-width:0;max-width:34rem;margin:0 auto}.clovercherry-hub-intro .clovercherry-poster-link,.clovercherry-hub-intro .clovercherry-poster-link:hover,.clovercherry-hub-intro .clovercherry-poster-link:focus-visible{color:inherit;background:0 0;border:0;border-radius:0;justify-self:stretch;padding:0;display:block}.clovercherry-poster-visual img{width:100%;height:auto;display:block}.clovercherry-poster-visual figcaption{color:var(--cc-muted);text-align:center;padding:8px 12px;font-size:.85rem}.clovercherry-world-visual{border:1px solid var(--cc-line);background:var(--cc-surface);grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);align-items:center;gap:clamp(18px,4vw,40px);width:100%;margin:0;padding:clamp(18px,4vw,40px);display:grid}.clovercherry-world-copy{justify-items:start;gap:14px;min-width:0;display:grid}.clovercherry-world-copy h2,.clovercherry-world-name{color:var(--cc-ink);margin:0}.clovercherry-world-kicker{color:var(--cc-clover);font-family:var(--codeFont);letter-spacing:.08em;margin:0;font-size:.76rem;font-weight:800}.clovercherry-world-copy>p:not(.clovercherry-world-kicker){color:var(--cc-muted);margin:0;font-size:1.04rem;line-height:1.8}.clovercherry-world-copy a{border:1px solid var(--cc-line);background:var(--cc-surface-alt);color:var(--cc-cherry);border-radius:999px;justify-self:start;padding:.65rem 1rem;font-weight:750}.clovercherry-world-visual img{grid-area:1/2;align-self:center;width:100%;height:auto;display:block}.clovercherry-world-visual figcaption{color:var(--cc-muted);text-align:center;grid-area:2/2;margin-top:-14px;padding:0 12px;font-size:.85rem}.clovercherry-hub-intro a{border:1px solid var(--cc-line);background:var(--cc-surface-alt);color:var(--cc-cherry);border-radius:999px;justify-self:start;padding:.65rem 1rem;font-weight:750}.clovercherry-featured-event{border-top:3px solid var(--cc-cherry);background:var(--cc-surface-alt);grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);align-items:center;gap:clamp(24px,5vw,56px);padding:clamp(24px,5vw,48px);display:grid}.clovercherry-featured-banner{object-fit:contain;width:100%;height:auto;display:block}.clovercherry-featured-event nav{grid-column:2}.clovercherry-featured-event time{color:var(--cc-muted);font-weight:700}.clovercherry-featured-event>div,.clovercherry-featured-event nav{gap:14px;display:grid}.clovercherry-featured-event p{background:var(--brown-200);color:var(--brown-800);border-radius:999px;justify-self:start;padding:.3rem .75rem;font-weight:800}:root[saved-theme=dark] .clovercherry-featured-event p{background:var(--brown-800);color:var(--brown-200)}.clovercherry-featured-event h2,.clovercherry-calendar-section h2,.clovercherry-hub-links h2{color:var(--cc-ink);font-family:var(--headerFont);font-size:clamp(1.65rem,4vw,2.45rem);line-height:1.25}.clovercherry-featured-event nav a{border:1px solid var(--cc-line);background:var(--cc-surface);color:var(--cc-cherry);padding:14px 16px;font-weight:750}.clovercherry-calendar-section,.clovercherry-menu-section,.clovercherry-hub-links{gap:28px;min-width:0;display:grid}.clovercherry-menu-section>header{gap:8px;display:grid}.clovercherry-menu-section>header>p{color:var(--cc-clover);font-family:var(--codeFont);letter-spacing:.08em;text-transform:uppercase;margin:0;font-size:.76rem;font-weight:800}.clovercherry-menu-section h2{color:var(--cc-ink);font-family:var(--headerFont);margin:0;font-size:clamp(1.65rem,4vw,2.45rem);line-height:1.25}.clovercherry-menu-section>header>span{color:var(--cc-muted);line-height:1.7}.clovercherry-menu-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;display:grid}.clovercherry-menu-grid figure{border:1px solid var(--cc-line);background:var(--cc-surface-alt);gap:10px;min-width:0;margin:0;padding:16px;display:grid}.clovercherry-menu-grid img{object-fit:contain;background:var(--cc-surface);width:100%;height:min(70vh,42rem);display:block}.clovercherry-menu-grid figcaption{color:var(--cc-muted);font-weight:700}.clovercherry-calendar-section>header,.clovercherry-hub-links>header{gap:8px;display:grid}.clovercherry-calendar{gap:18px;min-width:0;display:grid}.clovercherry-calendar-controls{border:1px solid var(--cc-line);background:var(--cc-surface-alt);grid-template-columns:auto minmax(180px,1fr) auto;align-items:end;gap:12px;padding:14px;display:none}.clovercherry-calendar.is-ready .clovercherry-calendar-controls{display:grid}.clovercherry-calendar-controls button,.clovercherry-calendar-controls select{border:1px solid var(--cc-line);background:var(--cc-surface);min-height:44px;color:var(--cc-ink);font:inherit;border-radius:0;padding:.55rem .8rem;font-weight:700}.clovercherry-calendar-controls button{cursor:pointer}.clovercherry-calendar-controls button:disabled{cursor:not-allowed;opacity:.42}.clovercherry-calendar-controls label{gap:4px;display:grid}.clovercherry-calendar-controls label span{color:var(--cc-muted);font-size:.75rem;font-weight:700}.clovercherry-calendar-legend{flex-wrap:wrap;gap:8px;display:flex}.clovercherry-calendar-legend span{background:var(--cc-surface-alt);color:var(--cc-muted);border-left:5px solid;padding:.35rem .65rem;font-size:.78rem;font-weight:750}.clovercherry-calendar-legend .is-day{border-color:var(--brown-500)}.clovercherry-calendar-legend .is-night{border-color:var(--brown-600)}.clovercherry-calendar-legend .is-planned{border-color:var(--sage-500)}.clovercherry-calendar-legend .is-contest{border-color:var(--cc-cherry)}.clovercherry-calendar-months{gap:40px;min-width:0;display:grid}.clovercherry-calendar-month[hidden]{display:none}.clovercherry-calendar-month h3{color:var(--cc-ink);font-family:var(--headerFont);margin:0 0 14px;font-size:clamp(1.35rem,3vw,1.85rem)}.clovercherry-calendar-month{min-width:0}.clovercherry-calendar-table-wrap{border:1px solid var(--cc-line);background:var(--cc-surface);width:100%;min-width:0;max-width:100%;overflow-x:auto}.clovercherry-calendar table{table-layout:fixed;border-collapse:collapse;width:100%;min-width:770px;margin:0}.clovercherry-calendar th,.clovercherry-calendar td{border:1px solid var(--cc-line)}.clovercherry-calendar th{background:var(--cc-surface-alt);color:var(--cc-muted);text-align:center;padding:9px 6px;font-size:.78rem}.clovercherry-calendar th:first-child,.clovercherry-calendar td:first-child .clovercherry-calendar-day{color:var(--rose-700)}.clovercherry-calendar th:last-child,.clovercherry-calendar td:last-child .clovercherry-calendar-day{color:var(--brown-600)}.clovercherry-calendar td{vertical-align:top;height:118px;padding:8px}.clovercherry-calendar td:not(.has-event){background:color-mix(in srgb, var(--cc-surface-alt) 36%, transparent)}.clovercherry-calendar .clovercherry-contest-row td{background:0 0;border-top:0;border-bottom:0;height:auto;padding:0}.clovercherry-hub .clovercherry-calendar a.clovercherry-contest-band{background:var(--cc-cherry);color:var(--brown-50);padding:7px 10px;font-size:.85rem;font-weight:700;line-height:1.5;text-decoration:none;display:block}:root[saved-theme=dark] .clovercherry-hub .clovercherry-calendar a.clovercherry-contest-band{color:var(--brown-900)}.clovercherry-hub .clovercherry-calendar a.clovercherry-contest-band:hover{text-decoration:underline}.clovercherry-hub .clovercherry-calendar a.clovercherry-contest-band:focus-visible{outline:3px solid var(--cc-ink);outline-offset:2px;text-decoration:underline}.clovercherry-calendar-day{color:var(--cc-ink);font-family:var(--codeFont);margin-bottom:6px;font-size:.82rem;font-weight:750;display:block}.clovercherry-calendar-event{background:var(--cc-surface-alt);color:var(--cc-ink);border-left:5px solid;gap:2px;margin-top:5px;padding:7px 8px;line-height:1.35;display:grid}.clovercherry-calendar-event.is-day{border-color:var(--brown-500)}.clovercherry-calendar-event.is-night{border-color:var(--brown-600)}.clovercherry-calendar-event.is-planned{border-color:var(--sage-500)}.clovercherry-calendar-event.is-contest{border-color:var(--cc-cherry)}.clovercherry-calendar-event strong,.clovercherry-calendar-event time,.clovercherry-calendar-event span{overflow-wrap:anywhere}.clovercherry-calendar-event strong{font-size:.78rem}.clovercherry-calendar-event time,.clovercherry-calendar-event span{color:var(--cc-muted);font-size:.7rem}.clovercherry-hub-links nav{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.clovercherry-hub-links nav a{border:1px solid var(--cc-line);background:var(--cc-surface-alt);color:var(--cc-ink);gap:8px;padding:clamp(20px,4vw,32px);display:grid}.clovercherry-hub-links nav span{color:var(--cc-clover);font-family:var(--codeFont);letter-spacing:.07em;text-transform:uppercase;font-size:.74rem;font-weight:800}.clovercherry-hub-links nav strong{font-family:var(--headerFont);line-height:1.5}.clovercherry-featured-event a:hover,.clovercherry-featured-event a:focus-visible,.clovercherry-hub-links a:hover,.clovercherry-hub-links a:focus-visible,.clovercherry-hub-intro a:hover,.clovercherry-hub-intro a:focus-visible{border-color:var(--cc-clover);background:color-mix(in srgb, var(--cc-clover) 13%, var(--cc-surface))}@media (max-width:700px){.clovercherry-world-visual{grid-template-columns:1fr}.clovercherry-world-visual img,.clovercherry-world-visual figcaption{grid-area:auto/1}.clovercherry-world-visual figcaption{margin-top:-6px}.clovercherry-hub{padding-inline:0}.clovercherry-hub-intro{grid-template-columns:1fr}.clovercherry-poster-visual{width:min(100%,30rem)}.clovercherry-featured-event,.clovercherry-hub-links nav,.clovercherry-menu-grid,.clovercherry-schedule-list{grid-template-columns:1fr}.clovercherry-featured-event nav{grid-column:1}.clovercherry-menu-grid img{height:auto;max-height:75vh}.clovercherry-calendar-controls{grid-template-columns:1fr 1fr}.clovercherry-calendar-controls label{grid-area:1/1/auto/-1}.clovercherry-calendar-controls button:last-child{grid-column:2}.clovercherry-calendar-table-wrap:after{content:"横にスクロールできます";color:var(--cc-muted);margin:8px 12px;font-size:.72rem;display:inline-block;position:sticky;left:12px}}}