.document-nav{display:flex;flex-wrap:wrap;gap:10px;margin:32px 0;padding:20px;background:var(--surface);border:1px solid var(--line);border-radius:16px}.document-nav a{padding:7px 14px;border-radius:20px;background:var(--paper);font-size:.83rem;border:1px solid var(--line)}.document-nav a:hover{background:var(--blue);color:#fff}.event-detail-body{display:block}.event-detail-body>section{margin:48px 0}.document-group{padding:26px 30px;margin:20px 0;border:1px solid var(--line);border-radius:20px;background:var(--paper);break-inside:avoid}.document-group h3{display:flex;align-items:center;gap:15px;font-size:1.2rem;margin:0 0 20px;padding-bottom:16px;border-bottom:1px solid var(--line)}.document-group h3>span{font:500 .8rem/1 Georgia,serif;border:1px solid var(--line);padding:12px;border-radius:50%;color:var(--blue)}.document-body{font-size:.93rem;line-height:2;overflow-wrap:anywhere;max-width:80ch}.document-body p+p{margin-top:12px}.event-summary{padding:20px;background:var(--surface);border-left:3px solid var(--blue);margin-bottom:25px}.event-timetable h2{display:flex;gap:16px;align-items:center}.event-timetable ol{list-style:none;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin:0;padding:0}.event-timetable li{position:relative;border-top:2px solid var(--line);padding:23px 15px;background:var(--surface);border-radius:0 0 20px 20px}.event-timetable li:before{content:'';position:absolute;top:-6px;left:15px;width:10px;height:10px;border-radius:50%;background:var(--blue);box-shadow:0 0 0 5px var(--bg)}.event-timetable time{display:block;font:500 clamp(1.6rem,3vw,2.3rem)/1.2 Georgia,serif;color:var(--blue)}.event-timetable span{display:block;margin-top:13px;font-size:.9rem}.quantity-summary{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:20px 0;padding:18px;border:1px solid var(--line);border-radius:16px;background:var(--surface);color:var(--ink)}.quantity-summary>div+div{border-left:1px solid var(--line);padding-left:16px}.quantity-summary small{display:block;font-size:.75rem}.quantity-summary strong{display:block;font:500 1.8rem/1.5 Georgia,serif}.quantity-summary em{font:normal .7rem 'Yu Gothic',sans-serif;margin-left:7px}.quantity-summary p{grid-column:1/-1;font-size:.7rem;line-height:1.7;color:var(--muted)}.services-intro{display:flex;align-items:center;gap:45px;margin-bottom:45px}.services-intro>img{width:180px}.service-catalog{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.service-catalog>section{border:1px solid var(--line);background:var(--surface);padding:30px;border-radius:22px;display:flex;flex-direction:column;gap:20px}.service-catalog>section>div{display:flex;justify-content:space-between;align-items:center}.service-catalog .ui-icon{width:34px;height:34px}.service-catalog h2{font-size:1.3rem;margin:0}.service-catalog .button{margin-top:auto}.staff-avatar{width:112px;height:112px;object-fit:cover;border-radius:50%;border:6px solid var(--paper);box-shadow:0 0 0 1px var(--line),0 8px 25px var(--shadow);margin-bottom:24px}.staff-grid article{background:var(--paper);border:1px solid var(--line);border-radius:24px;padding:32px}.duel-identity{position:relative;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:45px;margin-top:40px;padding:38px;border-block:1px solid var(--line);background:linear-gradient(125deg,var(--surface),var(--paper))}.duel-identity .ygo-logo{max-width:240px;width:100%;margin:0 0 20px}.duel-identity p{font-size:.85rem;line-height:1.9}.duel-cards{display:flex;justify-content:center;align-items:center;min-height:225px;perspective:800px}.duel-cards img{width:118px;height:auto;border-radius:5px;box-shadow:0 12px 30px #0004;transform:rotate(-13deg);animation:card-drift 7s ease-in-out infinite}.duel-cards img+img{margin-left:-40px;transform:rotate(13deg) translateY(8px);animation-delay:-3s}.duel-identity small{font-size:.63rem;color:var(--muted);display:block;margin-top:10px}.print-guide{margin-top:25px}.header-actions{gap:5px}.account-shortcut{display:grid;place-items:center;flex:none}.rules-groups{max-width:940px}.facts dd{overflow-wrap:anywhere}.facts .fact-time{background:var(--surface);padding-inline:12px}.facts .fact-place{padding-inline:12px}.footer-bottom nav{flex-wrap:wrap;row-gap:12px}.event-card .quantity-summary{font-size:.8rem;padding:12px}.event-card .quantity-summary p{font-size:.65rem}
@keyframes card-drift{0%,100%{translate:0 0}50%{translate:0 -10px}}
@container site (max-width:800px){.service-catalog{grid-template-columns:1fr}.event-timetable ol{grid-template-columns:repeat(2,minmax(0,1fr))}.duel-identity{gap:20px;padding:26px}.services-intro{gap:20px}.services-intro>img{width:120px}.document-group{padding:22px}.document-nav{padding:15px}}
@container site (max-width:450px){.services-intro{flex-direction:column;align-items:flex-start}.duel-identity{grid-template-columns:1fr}.duel-cards{min-height:190px}.duel-cards img{width:95px}.document-group{padding:20px 16px}.document-group h3{gap:10px;font-size:1.05rem}.document-nav{gap:8px}.document-nav a{font-size:.75rem;padding:6px 10px}.header-actions .icon-button{width:34px;height:38px}.site-header{gap:4px}.brand{min-width:0}.event-timetable li{padding:20px 12px}.staff-grid article{padding:25px}}
[data-motion=off] .duel-cards img{animation:none!important}
/* 2026-10-19 5件でも1行に並べ、狭い画面では縦の一覧にする */@media screen{.event-timetable ol{grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr)}@container site (max-width:800px){.event-timetable ol{grid-auto-flow:row;grid-auto-columns:auto;grid-template-columns:1fr;gap:10px}.event-timetable li{display:flex;align-items:baseline;gap:18px;border-top:0;border-left:2px solid var(--line);border-radius:0 16px 16px 0;padding:14px 16px 14px 20px}.event-timetable li:before{top:calc(50% - 5px);left:-6px}.event-timetable time{flex:none;min-width:4.6ch;font-size:1.45rem}.event-timetable span{margin-top:0}}}
@media print{.document-nav,.print-guide,.account-shortcut{display:none!important}.document-group{border-radius:0;padding:14px}.event-detail-body>section{margin:20px 0}.quantity-summary{break-inside:avoid}.event-timetable ol{grid-template-columns:repeat(4,1fr)}}