#contentLAYOUT section.index { overflow: hidden; }
section.index > .wrap { overflow: hidden; }
section.index .section-list { position: absolute; inset: 0; margin: 0; border: 0; }
section.index .physics-card { position: absolute; display: flex; align-items: center; justify-content: center; padding: 8px 16px;  font-weight: 400; text-align: center; text-decoration: none; touch-action: manipulation; will-change: transform; }
section.index .physics-card:hover,
section.index .physics-card:focus-visible { background: var(--rududu-black); color: var(--rududu-white); outline: none; }
section.index .physics-card .title { color: inherit; font-size: 24px; font-weight: 700; line-height: 1; text-transform: lowercase; pointer-events: none; }




section.index .physics-card { border: 1px solid var(--rududu-black); border-radius: 40px; background: var(--rududu-background); color: var(--rududu-text); }
section.index .physics-card::after { width: 24px; height: 24px; margin-left: 8px; background: url('/media/svg-pointer.svg') no-repeat center / contain; content: ""; flex: none; transition: transform 0.3s; }
section.index .physics-card:hover::after,
section.index .physics-card:focus-visible::after { filter: brightness(0) invert(1); transform: rotate(-10deg); }
section.index .physics-card:hover,
section.index .physics-card:focus-visible { background: var(--rududu-accent); color: var(--rududu-white); }
section.index .physics-card .title { font-size: 16px; font-weight: 400; line-height: 1; }
section.index .physics-card.motion-permission,
section.index .physics-card.motion-permission:hover,
section.index .physics-card.motion-permission:focus-visible { z-index: 5; background: var(--rududu-black); color: var(--rududu-white); }
section.index .physics-card.motion-permission[hidden] { display: none; }
section.index .physics-card.motion-permission::after { display: none; }
section.index .physics-card.motion-permission .material-symbols-outlined { margin-right: 8px; color: inherit; font-size: 24px; line-height: 1; font-variation-settings: 'FILL' 0, 'wght' 300, 'GRAD' 0, 'opsz' 24; pointer-events: none; }
section.index .physics-card.school-refresh::after { display: none; }
section.index .physics-card.school-refresh .material-symbols-outlined { margin-right: 8px; color: inherit; font-size: 24px; line-height: 1; font-variation-settings: 'FILL' 0, 'wght' 300, 'GRAD' 0, 'opsz' 24; pointer-events: none; }
section.index .physics-card.school-refresh:disabled { opacity: .6; cursor: wait; }
section.index .school-refresh-status:not(:empty) { margin-left: 8px; font-size: 12px; }