.header[data-v-215dc9a3]{display:flex;justify-content:space-between;align-items:center;padding:2.5rem 2rem;position:relative;background-image:linear-gradient(to right,var(--primary-color),var(--secondary-color));border-radius:0 0 var(--border-radius-md) var(--border-radius-md);box-shadow:var(--box-shadow-md)}.logo[data-v-215dc9a3]{color:#fff}.logo h1[data-v-215dc9a3]{font-size:2rem;margin:0;color:#fff}.tagline[data-v-215dc9a3]{color:#fffc;font-size:1rem;margin:0}.nav[data-v-215dc9a3]{display:flex;align-items:center}.nav-list[data-v-215dc9a3]{display:flex;list-style:none;gap:2rem}.nav-list a[data-v-215dc9a3]{color:#fff;text-decoration:none;font-weight:var(--font-weight-medium);padding:.5rem 0;position:relative;transition:var(--transition-ease-in-out)}.nav-list a[data-v-215dc9a3]:after{content:"";position:absolute;width:0;height:2px;bottom:0;left:0;background-color:var(--accent-color);transition:width .3s}.nav-list a[data-v-215dc9a3]:hover:after{width:100%}.social-links[data-v-215dc9a3]{display:flex;gap:.8rem;margin-left:2rem;flex-wrap:wrap}.social-link[data-v-215dc9a3]{display:flex;align-items:center;gap:.5rem;text-decoration:none;padding:.5rem 1rem;border-radius:8px;transition:all .3s ease;color:#fff;box-shadow:0 3px 8px #0000001a;position:relative;overflow:hidden}.social-link[data-v-215dc9a3]:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:#fff3;transition:var(--transition-card-hover);z-index:1}.social-link[data-v-215dc9a3]:hover:before{left:0}.icon-container[data-v-215dc9a3]{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:var(--border-radius-circle);background:#fff3;position:relative;z-index:2}.social-icon[data-v-215dc9a3]{width:18px;height:18px}.logo-image[data-v-215dc9a3]{width:20px;height:20px;object-fit:contain;border-radius:var(--border-radius-sm)}.text-logo[data-v-215dc9a3]{font-weight:var(--font-weight-bold);font-size:12px;color:#fff;display:flex;align-items:center;justify-content:center;width:100%;height:100%}.trap-logo[data-v-215dc9a3]{filter:brightness(0) invert(1);width:22px;height:22px}.atcoder-logo[data-v-215dc9a3]{width:20px;height:20px}.link-text[data-v-215dc9a3]{display:flex;flex-direction:column;position:relative;z-index:2}.service-name[data-v-215dc9a3]{font-size:.75rem;opacity:.8}.user-name[data-v-215dc9a3]{font-size:.85rem;font-weight:var(--font-weight-semibold);line-height:1}.github[data-v-215dc9a3]{background-color:#212121d9}.x[data-v-215dc9a3]{background-color:#000000d9}.trap[data-v-215dc9a3]{background-color:#007affd9}.atcoder[data-v-215dc9a3]{background-color:#5d51f1d9}.social-link[data-v-215dc9a3]:hover{transform:translateY(-3px);box-shadow:var(--box-shadow-md)}.menu-toggle[data-v-215dc9a3]{display:none;flex-direction:column;justify-content:space-between;width:30px;height:21px;background:transparent;border:none;cursor:pointer}.menu-toggle span[data-v-215dc9a3]{display:block;width:100%;height:3px;background-color:#fff;border-radius:var(--border-radius-sm);transition:var(--transition-ease-in-out)}@media (max-width: 768px){.menu-toggle[data-v-215dc9a3]{display:flex;z-index:1000}.nav[data-v-215dc9a3]{position:fixed;top:0;right:-100%;width:70%;height:100vh;background-color:var(--primary-color);padding:6rem 2rem 2rem;transition:var(--transition-ease-in-out);z-index:999}.nav-open[data-v-215dc9a3]{right:0}.nav-list[data-v-215dc9a3]{flex-direction:column;gap:1rem}.social-links[data-v-215dc9a3]{margin:2rem 0 0;display:grid;grid-template-columns:repeat(2,1fr);width:100%}.social-link[data-v-215dc9a3]{padding:.8rem;justify-content:center}.link-text[data-v-215dc9a3]{display:none}.icon-container[data-v-215dc9a3]{width:40px;height:40px}.social-icon[data-v-215dc9a3],.logo-image[data-v-215dc9a3]{width:24px;height:24px}.menu-toggle.active span[data-v-215dc9a3]:first-child{transform:rotate(45deg) translate(5px,5px)}.menu-toggle.active span[data-v-215dc9a3]:nth-child(2){opacity:0}.menu-toggle.active span[data-v-215dc9a3]:last-child{transform:rotate(-45deg) translate(7px,-6px)}.nav-overlay[data-v-215dc9a3]{display:block;position:fixed;top:0;left:0;width:100%;height:100vh;background-color:#00000080;z-index:998}}@keyframes fadeInUp-215dc9a3{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.social-links a[data-v-215dc9a3]:nth-child(1){animation:fadeInUp-215dc9a3 .4s ease-out .1s forwards;opacity:0}.social-links a[data-v-215dc9a3]:nth-child(2){animation:fadeInUp-215dc9a3 .4s ease-out .2s forwards;opacity:0}.social-links a[data-v-215dc9a3]:nth-child(3){animation:fadeInUp-215dc9a3 .4s ease-out .3s forwards;opacity:0}.social-links a[data-v-215dc9a3]:nth-child(4){animation:fadeInUp-215dc9a3 .4s ease-out .4s forwards;opacity:0}.about-container[data-v-24297bd4]{max-width:900px;margin:0 auto;opacity:0;transform:translateY(20px);transition:opacity .5s ease-out,transform .5s ease-out}.about-container.is-visible[data-v-24297bd4]{opacity:1;transform:translateY(0)}.profile[data-v-24297bd4]{display:flex;gap:2rem;align-items:center;margin-bottom:4rem}.profile-image[data-v-24297bd4]{flex:0 0 250px}.profile-image img[data-v-24297bd4]{width:100%;height:auto;border-radius:50%;border:5px solid var(--secondary-color);box-shadow:0 10px 20px var(--card-shadow-color);transition:transform .3s ease,box-shadow .3s ease}.profile-image img[data-v-24297bd4]:hover{transform:scale(1.05);box-shadow:var(--box-shadow-lg)}.profile-content[data-v-24297bd4]{flex:1}.profile-content p[data-v-24297bd4]{margin-bottom:1rem;font-size:1.1rem;line-height:1.7}.info-section[data-v-24297bd4]{margin-bottom:4rem}.section-title[data-v-24297bd4]{display:flex;align-items:center;margin-bottom:2rem;font-size:1.6rem;color:var(--primary-color)}.title-icon[data-v-24297bd4]{font-size:1.8rem;margin-right:.5rem;text-shadow:0 2px 4px var(--card-shadow-color);display:flex;align-items:center;justify-content:center;width:40px;height:40px;background-color:#00b89440;border-radius:var(--border-radius-circle)}.card-grid[data-v-24297bd4]{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:2rem}.info-card[data-v-24297bd4]{display:flex;background-color:var(--card-background-color);border-radius:12px;box-shadow:0 5px 15px var(--card-shadow-color);overflow:hidden;transition:all .3s ease;padding:1.5rem;border-left:4px solid var(--primary-color)}.info-card[data-v-24297bd4]:hover{transform:translateY(-5px);box-shadow:var(--box-shadow-lg)}.card-icon[data-v-24297bd4]{font-size:2rem;margin-right:1rem}.card-content[data-v-24297bd4]{flex:1}.card-content h4[data-v-24297bd4]{margin:0 0 .5rem;color:var(--primary-color)}.card-content .role[data-v-24297bd4]{font-weight:var(--font-weight-medium);margin-bottom:.3rem;line-height:1.4;white-space:pre-line}.card-content .period[data-v-24297bd4]{font-size:.9rem;color:var(--text-color-light)}.interest-tags[data-v-24297bd4]{display:flex;flex-wrap:wrap;gap:1rem}.interest-tag[data-v-24297bd4]{padding:.8rem 1.2rem;background:linear-gradient(135deg,#00b8941a,#00cec91a);border-radius:30px;font-weight:600;color:var(--primary-color);display:flex;align-items:center;gap:.5rem;transition:all .3s ease;border:2px solid transparent}.interest-tag[data-v-24297bd4]:hover{transform:translateY(-3px);box-shadow:var(--box-shadow-md);border-color:var(--secondary-color)}.interest-icon[data-v-24297bd4]{font-size:1.2rem}.activity-card[data-v-24297bd4]{flex-direction:column}.activity-card .card-icon[data-v-24297bd4]{font-size:2.5rem;margin:0 0 1rem}.works-container[data-v-24297bd4]{margin-top:3rem}.works-intro[data-v-24297bd4]{text-align:center;margin-bottom:2rem}.section-last-updated[data-v-24297bd4]{text-align:center;font-size:.9rem;color:#666;margin-top:-1rem;margin-bottom:1.5rem;font-style:italic}@media (max-width: 768px){.profile[data-v-24297bd4]{flex-direction:column;text-align:center}.profile-image[data-v-24297bd4]{margin-bottom:2rem}.card-grid[data-v-24297bd4]{grid-template-columns:1fr}.info-card[data-v-24297bd4]{flex-direction:column}.card-icon[data-v-24297bd4]{margin:0 0 1rem;text-align:center}.interest-tags[data-v-24297bd4]{justify-content:center}}.works-container[data-v-7f7dfacd]{max-width:1000px;margin:0 auto;opacity:0;transform:translateY(20px);transition:opacity .5s ease-out,transform .5s ease-out}.works-container.is-visible[data-v-7f7dfacd]{opacity:1;transform:translateY(0)}.works-intro[data-v-7f7dfacd]{text-align:center;max-width:800px;margin:0 auto 3rem}.section-last-updated[data-v-7f7dfacd]{text-align:center;font-size:.9rem;color:var(--text-color-light);margin-top:-1rem;margin-bottom:1.5rem;font-style:italic}.filter-buttons[data-v-7f7dfacd]{display:flex;justify-content:center;flex-wrap:wrap;gap:.5rem;margin-bottom:3rem}.filter-button[data-v-7f7dfacd]{background-color:var(--button-background-color);border:2px solid var(--secondary-color);color:var(--button-text-color);padding:.5rem 1.2rem;border-radius:25px;font-weight:600;cursor:pointer;transition:all .3s ease}.filter-button.active[data-v-7f7dfacd],.filter-button[data-v-7f7dfacd]:hover{background-color:var(--button-hover-background-color);color:var(--button-hover-text-color);transform:translateY(-2px);box-shadow:var(--box-shadow-md)}.works-grid[data-v-7f7dfacd]{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:2rem}.work-card[data-v-7f7dfacd]{background-color:var(--card-background-color);border-radius:12px;overflow:hidden;box-shadow:0 10px 20px var(--card-shadow-color);cursor:pointer;transition:all .4s cubic-bezier(.175,.885,.32,1.275);height:460px;position:relative}.work-card[data-v-7f7dfacd]:hover{transform:translateY(-10px);box-shadow:var(--box-shadow-lg)}.work-image[data-v-7f7dfacd]{height:200px;overflow:hidden;position:relative}.work-image img[data-v-7f7dfacd]{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}.work-card:hover .work-image img[data-v-7f7dfacd]{transform:scale(1.05)}.work-type-badge[data-v-7f7dfacd]{position:absolute;top:1rem;right:1rem;padding:.3rem .8rem;border-radius:var(--border-radius-lg);font-size:.75rem;font-weight:var(--font-weight-semibold);color:#fff;box-shadow:var(--box-shadow-sm)}.work-type-badge.development[data-v-7f7dfacd]{background-color:var(--primary-color)}.work-type-badge.riddle_solving[data-v-7f7dfacd]{background-color:#e17055}.work-type-badge.game[data-v-7f7dfacd]{background-color:#6c5ce7}.work-overlay[data-v-7f7dfacd]{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#00b894cc;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .3s ease;z-index:5}.work-card:hover .work-overlay[data-v-7f7dfacd]{opacity:1}.work-content[data-v-7f7dfacd]{padding:1.5rem;display:flex;flex-direction:column;height:calc(100% - 200px)}.work-card h3[data-v-7f7dfacd]{margin:0 0 .75rem;color:var(--primary-color);font-size:1.4rem}.internal-badge[data-v-7f7dfacd]{font-size:.9rem;color:#e17055;font-weight:var(--font-weight-normal)}.puzzle-meta[data-v-7f7dfacd]{display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:.75rem;font-size:.9rem}.difficulty[data-v-7f7dfacd]{color:#e17055}.stars[data-v-7f7dfacd]{color:#fdcb6e;letter-spacing:-2px}.event-date[data-v-7f7dfacd]{color:#636e72}.work-description[data-v-7f7dfacd]{margin-bottom:1rem;display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden;flex-grow:1;white-space:pre-line}.tech-tags[data-v-7f7dfacd]{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1rem}.tech-tag[data-v-7f7dfacd]{padding:.3rem .8rem;border-radius:var(--border-radius-md);font-size:.8rem;font-weight:var(--font-weight-semibold)}.tech-tag.primary[data-v-7f7dfacd]{background-color:#00b89426;color:var(--primary-color)}.tech-tag.secondary[data-v-7f7dfacd]{background-color:#00cec926;color:var(--secondary-color)}.tech-tag.accent[data-v-7f7dfacd]{background-color:#fdcb6e26;color:#e67e22}.tech-tag.custom1[data-v-7f7dfacd]{background-color:#a29bfe26;color:#7367f0}.tech-tag.custom2[data-v-7f7dfacd]{background-color:#55efc426;color:#16a085}.work-links[data-v-7f7dfacd]{display:flex;gap:1rem;margin-top:auto}.work-link[data-v-7f7dfacd]{padding:.6rem 1.2rem;border-radius:25px;text-decoration:none;font-weight:600;transition:all .3s ease;display:inline-flex;align-items:center;gap:.5rem;box-shadow:0 3px 8px #0000001a}.work-link.link[data-v-7f7dfacd]{background-color:var(--primary-color);color:#fff}.work-link.repo[data-v-7f7dfacd]{background-color:#2d3436;color:#fff}.work-link[data-v-7f7dfacd]:hover{transform:translateY(-3px);box-shadow:var(--box-shadow-md)}.link-icon[data-v-7f7dfacd]{font-size:1.1rem}.details-button[data-v-7f7dfacd]{background-color:#fff;color:var(--primary-color);border:2px solid white;border-radius:var(--border-radius-lg);padding:.5rem 1.2rem;font-weight:var(--font-weight-semibold);cursor:pointer;transition:var(--transition-ease-in-out);box-shadow:var(--box-shadow-sm);display:flex;align-items:center;gap:.5rem}.details-button[data-v-7f7dfacd]:before{content:"📷";font-size:1.2rem}.work-footer[data-v-7f7dfacd]{display:flex;justify-content:space-between;align-items:center;margin-top:1rem}.toggle-details-button[data-v-7f7dfacd]{padding:.6rem 1.2rem;border-radius:25px;background-color:transparent;color:var(--primary-color);border:2px solid var(--primary-color);font-weight:600;cursor:pointer;transition:all .3s ease;margin-left:auto}.toggle-details-button[data-v-7f7dfacd]:hover{background-color:var(--primary-color);color:#fff;transform:translateY(-3px);box-shadow:var(--box-shadow-md)}.image-modal[data-v-7f7dfacd]{position:fixed;top:0;left:0;width:100%;height:100vh;background-color:#000000d9;display:flex;align-items:center;justify-content:center;z-index:10000;padding:max(1.5rem,env(safe-area-inset-top)) max(1.5rem,env(safe-area-inset-right)) max(1.5rem,env(safe-area-inset-bottom)) max(1.5rem,env(safe-area-inset-left))}.modal-content[data-v-7f7dfacd]{position:relative;max-width:90vw;max-height:90vh;animation:fadeIn-7f7dfacd .3s ease-out}.modal-content[data-v-7f7dfacd],.work-modal-content[data-v-7f7dfacd]{box-sizing:border-box}.work-modal-content[data-v-7f7dfacd]{overflow-y:auto;overflow-x:hidden;max-height:90vh;-webkit-overflow-scrolling:touch}.work-modal-description[data-v-7f7dfacd]{display:block;overflow:visible;-webkit-line-clamp:initial;line-clamp:initial}.work-modal-extra[data-v-7f7dfacd],.work-modal-body .tech-tags[data-v-7f7dfacd]{max-height:none;overflow:visible}@media (max-width: 768px){.work-modal-content[data-v-7f7dfacd]{width:clamp(320px,94vw,900px);max-height:88vh}.work-modal-image[data-v-7f7dfacd],.work-modal-image img[data-v-7f7dfacd]{max-height:40vh}.work-modal-description[data-v-7f7dfacd]{line-clamp:7;-webkit-line-clamp:7}.work-modal-extra[data-v-7f7dfacd]{max-height:24vh}}.work-modal-image[data-v-7f7dfacd]{cursor:zoom-in}.work-modal-image[data-v-7f7dfacd],.work-modal-image img[data-v-7f7dfacd]{max-height:35vh}@media (max-width: 768px){.work-modal-image[data-v-7f7dfacd],.work-modal-image img[data-v-7f7dfacd]{max-height:40vh}}@keyframes fadeIn-7f7dfacd{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.modal-image[data-v-7f7dfacd]{max-width:100%;max-height:90vh;object-fit:contain;display:block;border-radius:4px;box-shadow:0 10px 25px #00000080}.close-modal[data-v-7f7dfacd]{position:absolute;top:-40px;right:-40px;width:36px;height:36px;background-color:#fff3;border:none;border-radius:var(--border-radius-circle);color:#fff;font-size:1.5rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:var(--transition-ease-in-out)}.close-modal[data-v-7f7dfacd]:hover{background-color:#ffffff4d;transform:scale(1.1)}.work-modal[data-v-7f7dfacd]{position:fixed;top:0;right:0;bottom:0;left:0;background-color:#000000bf;display:flex;align-items:center;justify-content:center;z-index:10001;padding:max(1.5rem,env(safe-area-inset-top)) max(1.5rem,env(safe-area-inset-right)) max(1.5rem,env(safe-area-inset-bottom)) max(1.5rem,env(safe-area-inset-left))}.work-modal-content[data-v-7f7dfacd]{position:relative;width:min(900px,95vw);max-height:90vh;overflow-y:auto;background:var(--card-background-color);border-radius:12px;box-shadow:var(--box-shadow-lg);padding:2.75rem 3rem 1.5rem 1.5rem;animation:fadeIn-7f7dfacd .2s ease-out}.work-modal-image[data-v-7f7dfacd]{width:100%;max-height:60vh;overflow:hidden;border-radius:8px;margin-bottom:1rem;display:flex;align-items:center;justify-content:center}.work-modal-image img[data-v-7f7dfacd]{max-width:100%;max-height:60vh;width:auto;height:auto;object-fit:contain;display:block;margin:0 auto}@media (max-width: 768px){.work-modal-image[data-v-7f7dfacd],.work-modal-image img[data-v-7f7dfacd]{max-height:55vh}}.work-modal-content .work-type-badge[data-v-7f7dfacd]{position:static;top:auto;right:auto;box-shadow:none}.work-modal .close-modal[data-v-7f7dfacd]{z-index:10}.image-modal[data-v-7f7dfacd]{z-index:20000}.work-modal-content[data-v-7f7dfacd]{width:clamp(320px,92vw,900px);max-height:85vh;overflow:hidden}.riddle-shows-container[data-v-23b13bc7]{max-width:1000px;margin:0 auto;opacity:0;transform:translateY(20px);transition:opacity .5s ease-out,transform .5s ease-out}.riddle-shows-container.is-visible[data-v-23b13bc7]{opacity:1;transform:translateY(0)}.riddle-show-intro[data-v-23b13bc7]{text-align:center;max-width:800px;margin:0 auto 3rem}.riddle-cards[data-v-23b13bc7]{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:2.5rem}.riddle-card[data-v-23b13bc7]{position:relative;height:400px;border-radius:12px;overflow:hidden;box-shadow:0 10px 20px var(--card-shadow-color);transition:all .4s ease;background-color:var(--card-background-color);cursor:pointer}.riddle-card[data-v-23b13bc7]:hover{transform:translateY(-10px);box-shadow:var(--box-shadow-lg)}.riddle-image[data-v-23b13bc7]{height:65%;overflow:hidden}.riddle-image img[data-v-23b13bc7]{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}.riddle-card:hover .riddle-image img[data-v-23b13bc7]{transform:scale(1.05)}.riddle-info[data-v-23b13bc7]{padding:1.25rem;height:35%}.riddle-meta[data-v-23b13bc7]{display:flex;justify-content:space-between;color:var(--text-color-light);font-size:.9rem;margin-top:.5rem}.riddle-overlay[data-v-23b13bc7]{position:absolute;bottom:0;left:0;width:100%;height:0;background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));color:#fff;overflow:hidden;transition:var(--transition-card-hover);border-radius:var(--border-radius-md);opacity:.98}.riddle-card.active .riddle-overlay[data-v-23b13bc7]{height:100%}.overlay-content[data-v-23b13bc7]{padding:1.5rem;height:100%;display:flex;flex-direction:column;opacity:0;transition:opacity .3s ease;transition-delay:.1s}.riddle-card.active .overlay-content[data-v-23b13bc7]{opacity:1}.overlay-content h3[data-v-23b13bc7]{font-size:1.5rem;color:#fff;font-weight:var(--font-weight-bold);margin-bottom:.8rem;text-shadow:0 2px 4px rgba(0,0,0,.4);position:relative;padding-bottom:.5rem;border-bottom:2px solid rgba(255,255,255,.5)}.riddle-card.active .overlay-content h3[data-v-23b13bc7]{animation:titlePulse-23b13bc7 1.5s infinite alternate ease-in-out}@keyframes titlePulse-23b13bc7{0%{text-shadow:0 2px 4px rgba(0,0,0,.4)}to{text-shadow:0 2px 8px rgba(255,255,255,.5)}}[data-v-23b13bc7] .description{margin:1rem 0;overflow-y:auto;max-height:220px;padding-right:10px;line-height:1.6;flex-grow:1}[data-v-23b13bc7] .description h1{font-size:1.4rem;margin-bottom:.8rem;color:#fff;font-weight:700;text-shadow:0 1px 3px rgba(0,0,0,.3);padding-bottom:.3rem;border-bottom:2px solid rgba(255,255,255,.4)}[data-v-23b13bc7] .description h2{font-size:1.2rem;margin-bottom:.7rem;color:#f5f5f5;font-weight:600;text-shadow:0 1px 2px rgba(0,0,0,.25);position:relative;padding-left:1rem}[data-v-23b13bc7] .description h2:before{content:"";position:absolute;left:0;top:.2rem;bottom:.2rem;width:4px;background-color:#ffffffb3;border-radius:var(--border-radius-sm)}[data-v-23b13bc7] .description p{margin-bottom:.7rem;color:#ffffffe6}[data-v-23b13bc7] .description a{color:#fff;text-decoration:underline;font-weight:var(--font-weight-semibold);transition:var(--transition-ease-in-out);text-shadow:0 1px 1px rgba(0,0,0,.3)}[data-v-23b13bc7] .description a:hover{color:#e0f7fa;text-decoration-thickness:2px}[data-v-23b13bc7] .description::-webkit-scrollbar{width:6px}[data-v-23b13bc7] .description::-webkit-scrollbar-track{background:#ffffff1a;border-radius:3px}[data-v-23b13bc7] .description::-webkit-scrollbar-thumb{background:#ffffff4d;border-radius:var(--border-radius-sm)}.link-container[data-v-23b13bc7]{text-align:center;padding-top:.5rem}.riddle-link[data-v-23b13bc7]{display:inline-block;color:#fff;text-decoration:none;font-weight:600;padding:.6rem 1.2rem;background-color:#fff3;border-radius:20px;transition:all .3s ease}.riddle-link[data-v-23b13bc7]:hover{background-color:#ffffff4d;transform:translateY(-2px);box-shadow:var(--box-shadow-md)}.riddle-link .arrow[data-v-23b13bc7]{transition:transform .3s ease;display:inline-block;margin-left:4px}.riddle-link:hover .arrow[data-v-23b13bc7]{transform:translate(5px)}@media (max-width: 768px){.riddle-cards[data-v-23b13bc7]{grid-template-columns:1fr}.riddle-card[data-v-23b13bc7]{height:350px}[data-v-23b13bc7] .description{max-height:180px}}.section-last-updated[data-v-23b13bc7]{text-align:center;font-size:.9rem;color:#666;margin-top:-1rem;margin-bottom:1.5rem;font-style:italic}.base-button[data-v-57d4f71b]{background-color:var(--button-background-color);border:2px solid var(--secondary-color);color:var(--button-text-color);padding:.5rem 1.2rem;border-radius:var(--border-radius-lg);font-weight:var(--font-weight-semibold);cursor:pointer;transition:var(--transition-ease-in-out)}.base-button.active[data-v-57d4f71b],.base-button[data-v-57d4f71b]:hover{background-color:var(--button-hover-background-color);color:var(--button-hover-text-color);transform:translateY(-2px);box-shadow:var(--box-shadow-md)}@media (max-width: 768px){.base-button[data-v-57d4f71b]{padding:.4rem 1rem;font-size:.9rem}}.skills-container[data-v-1702620a]{max-width:1000px;margin:0 auto;opacity:0;transform:translateY(20px);transition:opacity .5s ease-out,transform .5s ease-out}.skills-container.is-visible[data-v-1702620a]{opacity:1;transform:translateY(0)}.skills-intro[data-v-1702620a]{text-align:center;max-width:800px;margin:0 auto 3rem}.section-last-updated[data-v-1702620a]{text-align:center;font-size:.9rem;color:var(--text-color-light);margin-top:-1rem;margin-bottom:1.5rem;font-style:italic}.filter-buttons[data-v-1702620a]{display:flex;justify-content:center;flex-wrap:wrap;gap:.5rem;margin-bottom:3rem}.skills-grid[data-v-1702620a]{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:2rem}.skill-card[data-v-1702620a]{background-color:var(--card-background-color);border-radius:10px;box-shadow:0 8px 15px var(--card-shadow-color);padding:1.5rem;display:flex;align-items:center;gap:1rem;transition:transform .3s ease,box-shadow .3s ease}.skill-card[data-v-1702620a]:hover{transform:translateY(-5px);box-shadow:var(--box-shadow-lg)}.skill-icon[data-v-1702620a]{font-size:2rem;background-color:#00cec91a;width:60px;height:60px;display:flex;align-items:center;justify-content:center;border-radius:var(--border-radius-md)}.skill-info[data-v-1702620a]{flex:1}.skill-name[data-v-1702620a]{font-weight:var(--font-weight-semibold);margin-bottom:.5rem;color:var(--text-color);font-size:1.1rem}.skill-level-bar[data-v-1702620a]{height:10px;background-color:#f1f2f6;border-radius:5px;overflow:hidden;margin-bottom:.5rem}.skill-level-fill[data-v-1702620a]{height:100%;background:linear-gradient(90deg,var(--primary-color),var(--secondary-color));border-radius:var(--border-radius-sm);width:0;transition:width 1s cubic-bezier(.25,.46,.45,.94)}.skill-level-stars[data-v-1702620a]{display:flex;gap:.2rem}.star[data-v-1702620a]{color:#dfe4ea;transition:color .5s ease,transform .3s ease}.star.filled[data-v-1702620a]{color:var(--accent-color)}@keyframes pop-1702620a{0%{transform:scale(1)}50%{transform:scale(1.2)}to{transform:scale(1)}}.skill-card:hover .star.filled[data-v-1702620a]{animation:pop-1702620a .4s ease forwards}.related-projects[data-v-1702620a]{margin-top:.75rem;font-size:.9rem}.project-label[data-v-1702620a]{font-weight:var(--font-weight-semibold);color:var(--text-color-light);margin-bottom:.25rem;display:block}.project-links-list[data-v-1702620a]{list-style:none;padding:0;margin:0}.project-links-list li[data-v-1702620a]{margin-bottom:.25rem}.project-link[data-v-1702620a]{color:var(--primary-color);text-decoration:none;transition:var(--transition-ease-in-out)}.project-link[data-v-1702620a]:hover{color:var(--secondary-color);text-decoration:underline}.skill-card.interactive[data-v-1702620a]{position:relative;cursor:pointer;overflow:hidden}.skill-card.interactive[data-v-1702620a]:after{content:"🖱️ クリックしてみよう";position:absolute;bottom:8px;right:12px;font-size:.8rem;color:var(--accent-color);opacity:0;transition:opacity .3s}.skill-card.interactive[data-v-1702620a]:hover:after{opacity:1}.skill-icon.clickable[data-v-1702620a]{cursor:pointer;transition:transform .3s ease;position:relative}.skill-icon.clickable[data-v-1702620a]:after{content:"";position:absolute;top:-5px;right:-5px;width:10px;height:10px;background-color:var(--accent-color);border-radius:50%;opacity:.8;animation:pulse-1702620a 1.5s infinite}.skill-icon.clickable[data-v-1702620a]:hover{transform:scale(1.2);animation:wiggle-1702620a .5s ease infinite}@keyframes wiggle-1702620a{0%{transform:rotate(0) scale(1.2)}25%{transform:rotate(-5deg) scale(1.2)}50%{transform:rotate(0) scale(1.2)}75%{transform:rotate(5deg) scale(1.2)}to{transform:rotate(0) scale(1.2)}}@keyframes pulse-1702620a{0%{transform:scale(.8);opacity:.8}50%{transform:scale(1.2);opacity:1}to{transform:scale(.8);opacity:.8}}@media (max-width: 768px){.skills-grid[data-v-1702620a]{grid-template-columns:1fr}.filter-buttons[data-v-1702620a]{gap:.5rem;margin-bottom:1.5rem}.filter-button[data-v-1702620a]{padding:.4rem 1rem;font-size:.9rem}}.background-animation[data-v-51fe19cf]{position:fixed;top:0;left:0;width:100%;height:100%;z-index:-1;background-color:#0f172a}.background-overlay[data-v-51fe19cf]{display:none}.rocket-animation[data-v-51fe19cf]{position:fixed;bottom:-50px;left:50%;z-index:101;height:100vh;width:10px;animation:fadeOut-51fe19cf 6s ease-in-out forwards}@keyframes fadeOut-51fe19cf{0%{opacity:1}80%{opacity:1}to{opacity:0}}.rocket[data-v-51fe19cf]{position:absolute;bottom:0;left:-15px;font-size:3rem;animation:rocketLaunch-51fe19cf 6s cubic-bezier(.215,.61,.355,1) forwards}@keyframes rocketLaunch-51fe19cf{0%{transform:translate(0) rotate(0);opacity:1}10%{transform:translate(20vw,-10vh) rotate(15deg)}30%{transform:translate(40vw,-40vh) rotate(35deg)}60%{transform:translate(60vw,-70vh) rotate(45deg)}to{transform:translate(80vw,-120vh) rotate(55deg);opacity:0}}.rocket-trail[data-v-51fe19cf]{position:absolute;bottom:10px;left:0;width:2px;height:0;background:linear-gradient(to top,transparent,rgba(255,255,255,.7));animation:trailGrow-51fe19cf 5s ease-out forwards;transform-origin:bottom left;transform:rotate(45deg)}@keyframes trailGrow-51fe19cf{0%{height:0;opacity:0}5%{height:0;opacity:0}15%{height:10vh;opacity:.7}40%{height:40vh;opacity:.9}70%{height:70vh;opacity:.7}to{height:100vh;opacity:0}}.light-background[data-v-34fae1ac]{position:fixed;top:0;left:0;width:100%;height:100vh;overflow:hidden;z-index:1;transition:background 1.5s ease;pointer-events:auto}.light-background.sunny[data-v-34fae1ac]{background:linear-gradient(to bottom,#87ceeb,#e0f2ff)}.light-background.cloudy[data-v-34fae1ac]{background:linear-gradient(to bottom,#b4c8d9,#dbe4eb)}.light-background.rainy[data-v-34fae1ac]{background:linear-gradient(to bottom,#708090,#a9b8c7)}.light-background.stormy[data-v-34fae1ac]{background:linear-gradient(to bottom,#4a5b6c,#7b8a99)}.sun[data-v-34fae1ac]{position:absolute;top:10%;right:15%;width:100px;height:100px;background-color:#fc0;border-radius:var(--border-radius-circle);box-shadow:0 0 50px #fd4,0 0 100px #fd4;transition:box-shadow .5s ease;z-index:1;cursor:grab;-webkit-user-select:none;user-select:none;touch-action:none}.sunny .sun[data-v-34fae1ac]{box-shadow:0 0 50px #fd4,0 0 100px #fd4}.cloudy .sun[data-v-34fae1ac]{box-shadow:0 0 30px #ffdd44b3,0 0 60px #fd46}.rainy .sun[data-v-34fae1ac],.stormy .sun[data-v-34fae1ac]{box-shadow:0 0 10px #fd46,0 0 20px #fd43}.draggable-cloud[data-v-34fae1ac]{position:absolute;background:#fff;border-radius:var(--border-radius-circle);opacity:.8;z-index:10;cursor:grab;-webkit-user-select:none;user-select:none;touch-action:none;pointer-events:auto;will-change:transform,left,top;transition:filter .2s ease,box-shadow .2s ease,opacity .2s ease;-webkit-transform:translateZ(0);transform:translateZ(0)}.draggable-cloud[data-v-34fae1ac]:hover{filter:brightness(1.1);box-shadow:0 0 15px #ffffff80;opacity:1}.draggable-cloud[data-v-34fae1ac]:before,.draggable-cloud[data-v-34fae1ac]:after{content:"";position:absolute;background:#fff;border-radius:var(--border-radius-circle)}.draggable-cloud[data-v-34fae1ac]:before{width:var(--before-w, 60px);height:var(--before-h, 60px);top:var(--before-top, -30px);left:var(--before-left, 20px)}.draggable-cloud[data-v-34fae1ac]:after{width:var(--after-w, 80px);height:var(--after-h, 80px);top:var(--after-top, -40px);right:var(--after-right, 10px)}.sunny .draggable-cloud[data-v-34fae1ac]{animation:moveCloud 60s linear infinite}.cloud1[data-v-34fae1ac]{width:120px;height:40px}.cloud2[data-v-34fae1ac]{width:150px;height:50px}.cloud3[data-v-34fae1ac]{width:100px;height:30px}.cloudy .draggable-cloud[data-v-34fae1ac],.rainy .draggable-cloud[data-v-34fae1ac],.stormy .draggable-cloud[data-v-34fae1ac]{animation:none}.rainy .draggable-cloud[data-v-34fae1ac],.stormy .draggable-cloud[data-v-34fae1ac]{opacity:1;filter:brightness(.8)}.draggable[data-v-34fae1ac]{cursor:grab;-webkit-user-select:none;user-select:none;position:absolute}.shaking[data-v-34fae1ac]{animation:shake-34fae1ac .5s ease}@keyframes shake-34fae1ac{0%,to{transform:translate(0)}20%{transform:translate(-5px)}40%{transform:translate(5px)}60%{transform:translate(-5px)}80%{transform:translate(5px)}}.raindrop[data-v-34fae1ac]{position:absolute;width:2px;height:18px;background:#b4d2ffe6;top:-20px;animation:rain-34fae1ac 1.2s linear forwards;z-index:3;box-shadow:0 0 6px #b4d2ff99}@keyframes rain-34fae1ac{to{transform:translateY(120vh)}}.lightning[data-v-34fae1ac]{position:absolute;top:0;left:0;width:100%;height:100%;background:#ffffff80;z-index:4;animation:flash-34fae1ac .35s ease-out}@keyframes flash-34fae1ac{0%{opacity:0}50%{opacity:1}to{opacity:0}}.cloudy .draggable-cloud[data-v-34fae1ac]{opacity:.9;background-image:radial-gradient(rgba(120,170,255,.18) 3px,transparent 3px);background-size:22px 22px;background-position:6px 6px}.weather-info[data-v-34fae1ac]{position:absolute;bottom:20px;left:50%;transform:translate(-50%);background:#00000080;color:#fff;padding:8px 16px;border-radius:20px;font-size:.9rem;z-index:10;opacity:0;animation:fadeInOut-34fae1ac 5s ease-in-out forwards}@keyframes fadeInOut-34fae1ac{0%{opacity:0}20%{opacity:1}80%{opacity:1}to{opacity:0}}body{font-family:Roboto,sans-serif;color:var(--text-color);background-color:var(--background-color);line-height:1.6;transition:background-color .3s,color .3s}*{box-sizing:border-box;margin:0;padding:0}.app{max-width:1280px;margin:0 auto;position:relative}.background-layer{z-index:1;pointer-events:auto}.content-container{position:relative;z-index:5;pointer-events:none}.content-container a,.content-container button,.content-container input,.content-container select,.content-container textarea,.content-container .interactive{pointer-events:auto}main{padding:4rem 0}.section{padding:var(--section-padding);border-radius:12px;margin-bottom:4rem;background-color:var(--section-background-color);transition:background-color .3s,box-shadow .3s}.alternate{background-color:var(--alternate-section-background-color)}h1,h2,h3{font-weight:700;margin-bottom:1.5rem;color:var(--primary-color)}h1{font-size:2.5rem}h2{font-size:2rem;text-align:center;position:relative;padding-bottom:1rem}h2:after{content:"";position:absolute;bottom:0;left:50%;transform:translate(-50%);width:80px;height:4px;background-color:var(--accent-color);border-radius:2px}p{margin-bottom:1.5rem}@media (max-width: 768px){.section{padding:2rem 1rem}}.footer{margin-top:3rem;padding:2rem;background-image:linear-gradient(to right,var(--primary-color),var(--secondary-color));border-radius:10px 10px 0 0;color:#fff;text-align:center}.footer-content{max-width:1000px;margin:0 auto;display:flex;justify-content:space-between;flex-wrap:wrap}.last-updated{font-style:italic;opacity:.9}@media (max-width: 768px){.footer-content{flex-direction:column;gap:.5rem;align-items:center}}.theme-toggle-btn{position:fixed;bottom:2rem;right:2rem;width:50px;height:50px;border-radius:50%;background-color:var(--header-background-color);color:var(--text-color);border:2px solid var(--primary-color);font-size:1.5rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease;z-index:1000}.theme-toggle-btn:hover{transform:scale(1.1);box-shadow:0 0 15px var(--primary-color)}.content-container{transition:opacity .5s ease}.fade-out{opacity:0}.background-controls{position:fixed;top:0;left:0;width:100%;height:100vh;z-index:100;cursor:pointer;display:flex;align-items:flex-end;justify-content:center;padding-bottom:2rem}.background-tooltip{background-color:#00000080;color:#fff;padding:.5rem 1rem;border-radius:20px;font-size:.9rem;animation:fade-in-out 2s ease infinite alternate}@keyframes fade-in-out{0%{opacity:.5}to{opacity:1}}:root{--primary-color: #00a884;--secondary-color: #00897b;--accent-color: #ffc107;--text-color: #263238;--text-color-light: #546e7a;--background-color: #e0f2f1;--section-background-color: transparent;--alternate-section-background-color: transparent;--card-background-color: rgba(255, 255, 255, .85);--card-shadow-color: rgba(0, 121, 107, .1);--header-background-color: rgba(255, 255, 255, .8);--button-background-color: white;--button-text-color: var(--secondary-color);--button-hover-background-color: var(--secondary-color);--button-hover-text-color: white;--section-padding: 4rem 2rem;--border-radius-sm: 4px;--border-radius-md: 12px;--border-radius-lg: 25px;--border-radius-circle: 50%;--box-shadow-sm: 0 3px 8px rgba(0, 0, 0, .1);--box-shadow-md: 0 5px 10px rgba(0, 206, 201, .3);--box-shadow-lg: 0 10px 20px var(--card-shadow-color);--box-shadow-modal: 0 10px 25px rgba(0, 0, 0, .5);--transition-ease-in-out: all .3s ease;--transition-card-hover: all .4s cubic-bezier(.175, .885, .32, 1.275);--font-weight-normal: normal;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700}[data-theme=dark]{--primary-color: #00b894;--secondary-color: #00cec9;--accent-color: #fdcb6e;--text-color: #dfe6e9;--text-color-light: #b2bec3;--background-color: #0f172a;--section-background-color: transparent;--alternate-section-background-color: transparent;--card-background-color: rgba(51, 65, 85, .6);--card-shadow-color: rgba(0, 0, 0, .4);--header-background-color: rgba(30, 41, 59, .8);--button-background-color: rgba(51, 65, 85, .8);--button-text-color: #dfe6e9;--button-hover-background-color: var(--secondary-color);--button-hover-text-color: #2d3436}
