/* Shared layer: keep each experiment's identity while aligning navigation and controls. */
:root{--lab-ink:#152a25;--lab-muted:#53665e;--lab-line:#dfe8e3;--lab-green:#047857;--lab-card:#fff;--lab-soft:#f0f7f3}.dark{--lab-ink:#edf7f1;--lab-muted:#b2c4b9;--lab-line:#304039;--lab-green:#6ee7b7;--lab-card:#141c18;--lab-soft:#1b2922}
.site-header .site-header-inner,.samegg-home-header .samegg-nav-wrap{min-height:66px;max-width:1200px;padding-block:10px}.site-header .lab-primary-nav,.samegg-home-header .lab-primary-nav{display:flex;align-items:center;gap:22px}.lab-primary-nav a{min-height:42px;display:inline-flex;align-items:center;font-size:14px!important}.lab-primary-nav #site-theme-toggle{width:42px;height:42px;min-height:42px;flex-basis:42px}.lab-primary-nav a:focus-visible{outline:3px solid #059669;outline-offset:3px;border-radius:5px}
.lab-page-actions{float:right;display:flex;align-items:center;gap:12px;margin:0 0 10px 16px}.lab-page-actions>a{font-size:13px;color:var(--lab-muted)}.lab-favorite{border:1px solid var(--lab-line);border-radius:999px;background:var(--lab-card);color:var(--lab-muted);min-height:40px;padding:7px 13px;display:inline-flex;align-items:center;justify-content:center;gap:6px;font-size:13px;cursor:pointer}.lab-favorite [data-lab-star]{font-size:21px;line-height:1}.lab-favorite[aria-pressed=true]{color:var(--lab-green);background:var(--lab-soft);border-color:var(--lab-green)}.lab-favorite:hover{border-color:var(--lab-green)}.lab-favorite:focus-visible{outline:3px solid #10b981;outline-offset:3px}.lab-project-card{min-width:0;position:relative;height:100%}.lab-project-card>.lab-favorite{position:absolute;top:12px;right:12px;z-index:2;width:40px;height:40px;padding:0;box-shadow:0 2px 8px #14362a0a}.lab-project-card>a{height:100%;position:relative;overflow:hidden}.lab-project-card .lab-card-top{padding-right:42px}.lab-project-card h3{font-size:17px;line-height:1.55}.lab-project-card .lab-card-description{font-size:14px;line-height:1.8;color:var(--lab-muted);display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;min-height:50px}.lab-project-card .lab-card-status{font-size:12px;color:var(--lab-muted)}.lab-project-card .lab-tags span{font-size:12px}.lab-game-preview{height:164px;background:#0b1924;overflow:hidden;border-radius:10px;margin:0 0 16px;display:flex;justify-content:center;align-items:center}.lab-game-preview img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .25s}.lab-game-preview.is-portrait img{object-fit:contain;background:#0b1420}.lab-project-card a:hover .lab-game-preview img{transform:scale(1.025)}
.lab-featured{padding:4px 0 24px}.lab-section-heading{display:flex;align-items:baseline;justify-content:space-between;gap:16px;margin-bottom:14px}.lab-section-heading h2{font-size:19px;line-height:1.5;margin:0;color:var(--lab-ink)}.lab-section-heading p{font-size:13px;color:var(--lab-muted);margin:0}.lab-feature-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.lab-feature{min-width:0;position:relative;border:1px solid var(--lab-line);border-radius:16px;background:var(--lab-card);overflow:hidden}.lab-feature>a{display:flex;flex-direction:column;height:100%;padding:20px}.lab-feature h3{font-size:20px;line-height:1.4;margin:10px 0 8px;color:var(--lab-ink)}.lab-feature p{font-size:14px;line-height:1.75;color:var(--lab-muted);margin:0 0 16px}.lab-feature span.lab-feature-tag{font-size:11px;letter-spacing:.1em;font-weight:700;color:var(--lab-green)}.lab-feature .lab-feature-action{font-size:13px;color:var(--lab-green);font-weight:700;margin-top:auto}.lab-feature-visual{height:116px;display:flex;align-items:center;justify-content:center;background:var(--lab-soft);border-radius:10px;margin-bottom:14px;overflow:hidden}.lab-feature-visual img{width:100%;height:100%;object-fit:cover}.lab-feature-visual.is-food{background:#fff1d8;color:#775015;font-size:42px;letter-spacing:12px}.dark .lab-feature-visual.is-food{background:#302818;color:#ffdc9a}.lab-feature-visual.is-quiz{background:#101e18;color:#b7f05c;font:700 30px/1.2 monospace;letter-spacing:.03em}.lab-feature-visual.is-quiz small{font:500 13px/1.7 system-ui;display:block;color:#d1dfce;margin-top:8px}.lab-feature:hover{border-color:#65ad93}.lab-personal{margin:0 0 26px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.lab-personal-panel{border:1px solid var(--lab-line);border-radius:14px;background:var(--lab-card);padding:20px;min-width:0}.lab-personal-panel:only-child{grid-column:1/-1}.lab-personal-head{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:12px}.lab-personal h2{font-size:17px;color:var(--lab-ink);margin:0}.lab-personal-head a,.lab-personal-head button{font:inherit;font-size:12px;line-height:1.6;font-weight:500;color:var(--lab-green);background:none;border:0;padding:8px 0;cursor:pointer}.lab-personal-note{font-size:12px;color:var(--lab-muted);margin:12px 0 0}.lab-quick-link{display:flex;align-items:center;justify-content:space-between;gap:14px;border-top:1px solid var(--lab-line);padding:12px 0;color:var(--lab-ink)}.lab-quick-link strong{font-size:14px;line-height:1.6;font-weight:600}.lab-quick-link span{font-size:12px;white-space:nowrap;color:var(--lab-green)}.lab-favorites-filter{border:1px solid var(--lab-line);border-radius:8px;padding:8px 12px;min-height:40px;background:var(--lab-card);color:var(--lab-ink);font-size:13px}.lab-favorites-filter[aria-pressed=true]{background:var(--lab-soft);border-color:var(--lab-green);color:var(--lab-green)}
.lab-empty img{width:88px;height:88px;margin:auto auto 12px;display:block}.lab-empty p{font-size:15px;color:var(--lab-muted);line-height:1.8}.lab-empty strong{font-size:18px;display:block;margin-bottom:6px;color:var(--lab-ink)}#lab-toast{position:fixed;left:50%;bottom:max(24px,env(safe-area-inset-bottom));transform:translate(-50%,12px);background:#123e2e;color:#fff;border:1px solid #50977a;border-radius:12px;padding:12px 18px;max-width:min(90vw,500px);font-size:14px;line-height:1.6;z-index:100;opacity:0;pointer-events:none;transition:opacity .15s,transform .15s}#lab-toast.is-visible{opacity:1;transform:translate(-50%,0)}
/* Body copy stays readable; small metadata remains visually subordinate. */
.lab-game-page{padding-top:18px!important}.lab-game-page .volley-hero,.lab-game-page .ttt-hero,.lab-game-page .battle-hero{margin-top:16px;margin-bottom:18px;gap:16px}.lab-game-page .volley-hero h1,.lab-game-page .ttt-hero h1,.lab-game-page .battle-hero h1{font-size:clamp(27px,3.2vw,38px);line-height:1.25;margin:6px 0 10px}.lab-game-page .battle-hero h1 br{display:none}.lab-game-page .eyebrow{font-size:11px;margin-bottom:8px}.lab-game-page .volley-hero p:last-child,.lab-game-page .ttt-hero p:last-child,.lab-game-page .battle-hero p:last-child{font-size:14px}.lab-game-page .battle-hero-mark,.lab-game-page .ttt-hero-stamp{display:none}.lab-game-page .battle-mode-card{padding-block:12px;min-height:96px}.lab-game-page .battle-modes{margin-bottom:12px}.lab-game-page .volley-modes{margin-bottom:14px}.lab-game-page .volley-panel{padding:18px}.lab-game-page .volley-label,.lab-game-page .volley-room-status,.lab-game-page .volley-status,.lab-game-page .volley-game-help,.lab-game-page .volley-rules,.lab-game-page .volley-note,.lab-game-page .ttt-panel p{font-size:13px;line-height:1.8}.lab-game-page .volley-primary,.lab-game-page .volley-input,.lab-game-page .volley-join button{font-size:14px}.lab-game-page .volley-canvas-wrap{aspect-ratio:auto}.lab-game-page #volley-canvas{max-height:calc(100svh - 310px);object-fit:contain;min-height:260px}.lab-game-page .volley-scoreboard{padding-block:11px}.tool-intro,.directory-intro{font-size:15px!important}.tool-note{font-size:13px!important;line-height:1.85!important}.directory-card p{font-size:14px!important}.directory-card h2{font-size:19px}.lab-directory-preview{width:100%;height:164px;object-fit:cover;border-radius:10px;background:#0b1924;display:block;margin-bottom:14px}.lab-directory-preview.is-portrait{object-fit:contain}.lab-egg-note{display:flex;align-items:center;gap:10px;color:var(--lab-muted);font-size:13px;margin:16px 0}.lab-egg-note img{width:42px;height:42px;flex:none}
@media(max-width:700px){.site-header .site-header-inner,.samegg-home-header .samegg-nav-wrap{flex-wrap:wrap;gap:5px;padding:10px 18px}.site-header .lab-primary-nav,.samegg-home-header .lab-primary-nav{flex:0 0 100%;gap:18px;justify-content:flex-end}.lab-primary-nav a{font-size:13px!important;min-height:38px}.lab-primary-nav #site-theme-toggle{width:38px;height:38px;min-height:38px;flex-basis:38px}.lab-feature-grid{grid-template-columns:1fr}.lab-feature>a{display:grid;grid-template-columns:104px minmax(0,1fr);gap:0 16px;padding:16px}.lab-feature-visual{grid-row:1/6;height:118px;margin:0}.lab-feature h3{font-size:18px;margin:5px 0}.lab-feature p{font-size:13px;margin:0 0 7px}.lab-feature-visual.is-food{font-size:29px;letter-spacing:0;flex-wrap:wrap}.lab-feature-visual.is-quiz{font-size:18px;padding:8px;text-align:center}.lab-feature-visual.is-quiz small{font-size:11px}.lab-section-heading{align-items:flex-start;gap:12px}.lab-section-heading p{font-size:12px;max-width:48%;text-align:right}.lab-personal{grid-template-columns:1fr}.lab-page-actions{margin-top:-3px;gap:8px}.lab-page-actions>a{display:none}.lab-game-page .volley-sidebar{display:contents}.lab-game-page .volley-game{grid-row:2}.lab-game-page .volley-sidebar>.volley-panel:first-child{grid-row:1}.lab-game-page .volley-sidebar>.volley-panel:last-child{grid-row:3}.lab-game-page .volley-layout:has(#volley-room-panel[hidden]) .volley-game{grid-row:1}.lab-game-page #volley-canvas{max-height:none;min-height:0}.lab-game-page .volley-back,.lab-game-page .ttt-breadcrumb{font-size:13px;min-height:36px;display:flex;align-items:center}.lab-game-page .volley-hero,.lab-game-page .ttt-hero,.lab-game-page .battle-hero{margin-top:12px}.lab-featured{padding-top:0}}
@media(prefers-reduced-motion:reduce){.lab-game-preview img,#lab-toast{transition:none}.lab-project-card a:hover .lab-game-preview img{transform:none}}

[hidden]{display:none!important}.lab-favorite,.lab-favorites-filter{font-family:inherit}.lab-game-page .volley-hero{clear:both}.lab-personal:has(>.lab-personal-panel[hidden])>.lab-personal-panel:not([hidden]){grid-column:1/-1}

.battle-main>.lab-page-actions{margin-right:max(24px,calc((100% - 1152px)/2))}#quiz-pending::before{content:"";display:block;width:64px;height:64px;background:url(/assets/egg-guide.svg) center/contain no-repeat;margin-bottom:12px}.lab-empty img{animation:lab-egg-float 3s ease-in-out infinite}@keyframes lab-egg-float{50%{transform:translateY(-4px)}}@media(prefers-reduced-motion:reduce){.lab-empty img{animation:none}}

/* Every catalogue item uses the same 16:9 image frame. */
.lab-project-preview{width:100%;aspect-ratio:16/9;overflow:hidden;border-radius:10px;margin:0 0 16px;background:#0b1924;display:flex;align-items:center;justify-content:center}.lab-project-preview img{display:block;width:100%;height:100%;object-fit:contain}.lab-directory-preview,.lab-directory-preview.is-portrait{width:100%;height:auto;aspect-ratio:16/9;object-fit:contain}.lab-project-card a:hover .lab-project-preview img{transform:none}
/* Favorites stays beside search, including when the filter bar wraps. */
.lab-home-filters{flex-direction:row;flex-wrap:wrap;align-items:center}.lab-home-search{display:flex;align-items:center;gap:10px;margin-left:auto;min-width:0}.lab-home-search .lab-favorites-filter{white-space:nowrap;flex:none;min-height:40px}.lab-home-search .lab-search-field{width:288px;min-width:0;flex:1}.lab-home-search input{min-height:40px}
/* One shared row prevents breadcrumbs and actions from using different widths. */
.lab-item-toolbar{box-sizing:border-box;width:min(1152px,calc(100% - 48px));margin:0 auto;padding:14px 0 0;display:flex;align-items:center;justify-content:space-between;gap:20px;color:var(--lab-muted);font-size:13px}.lab-item-back{display:flex;align-items:center;gap:12px;flex:1;min-width:0}.lab-item-toolbar a{display:inline-flex;align-items:center;min-height:40px;white-space:nowrap;color:var(--lab-green)}.lab-item-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:40px;min-width:0}.lab-item-toolbar .lab-page-actions{float:none;display:flex;align-items:center;gap:12px;flex:none;margin:0!important}.lab-item-toolbar .lab-page-actions>a{display:inline-flex;color:var(--lab-muted)}.lab-item-toolbar .lab-favorite{margin:0;min-height:40px}
@media(max-width:700px){.lab-home-search{width:100%;margin-left:0;gap:8px}.lab-home-search .lab-search-field{width:auto}.lab-home-search input{font-size:13px}.lab-home-search .lab-favorites-filter{padding-inline:10px;font-size:12px}.lab-item-toolbar{width:calc(100% - 32px);gap:12px;padding-top:12px}.lab-item-back{gap:8px}.lab-item-name,.lab-item-back>span[aria-hidden]{display:none}.lab-item-toolbar .lab-page-actions{gap:10px}.lab-item-toolbar .lab-favorite{padding-inline:11px}}