/* BEST SHOT 神戸港フォトミッション（共通キット第2版の上に重ねる分だけ） */
.gk-screen[data-screen="title"] h1, .gk-screen[data-screen="title"] .gk-title-fallback {
    margin: 0;
    display: flex; flex-direction: column; align-items: center; gap: 1.2cqh;
    color: #fff;
    text-shadow: 0 4px 24px rgba(20, 20, 22, .55);
}
.gk-screen[data-screen="title"] h1, .gk-screen[data-screen="title"] .gk-title-fallback .sh-en {
    font: 800 clamp(40px, 12.5cqw, 78px)/1 "Sora", sans-serif;
    letter-spacing: .08em;
    padding-bottom: 1.2cqh;
    border-bottom: 2px solid #E63946;
}
.gk-screen[data-screen="title"] h1, .gk-screen[data-screen="title"] .gk-title-fallback .sh-ja {
    font: 700 clamp(14px, 4cqw, 20px)/1 "Zen Kaku Gothic New", sans-serif;
    letter-spacing: .4em; margin-right: -.4em;
}

/* 結果画面: 得点の高い3枚をポラロイドで並べる */
.sh-prints {
    display: flex; justify-content: center; align-items: flex-start;
    gap: 2.4cqw; margin-bottom: -.6cqh;
}
.gk-stage .sh-prints canvas {
    position: static; inset: auto;
    width: 21cqw; height: auto; display: block;
    filter: drop-shadow(0 8px 18px rgba(0, 0, 0, .45));
    animation: sh-print-in .6s cubic-bezier(.2, 1.2, .4, 1) both;
}
.sh-prints canvas:nth-child(1) { transform: rotate(-4deg); animation-delay: .15s; }
.sh-prints canvas:nth-child(2) { transform: rotate(2deg) translateY(-1cqh); animation-delay: .3s; }
.sh-prints canvas:nth-child(3) { transform: rotate(-1.5deg); animation-delay: .45s; }
@keyframes sh-print-in { from { opacity: 0; translate: 0 -3cqh; } }
@container (max-aspect-ratio: 9/17) {
    .gk-stage .sh-prints canvas { width: 23cqw; }
}
@media (prefers-reduced-motion: reduce) { .sh-prints canvas { animation: none; } }