:root{--color-bg-start: #0F0F23;--color-bg-end: #1A1A2E;--color-text: #f0f0f0;--color-glass: rgba(255, 255, 255, .06);--color-glass-hover: rgba(255, 255, 255, .12);--color-glass-border: rgba(255, 255, 255, .15);--font-main: "Noto Sans JP", sans-serif;--font-display: "Outfit", sans-serif;--rainbow-1: #FF6B6B;--rainbow-2: #FFE66D;--rainbow-3: #4ECDC4;--rainbow-4: #45B7D1;--rainbow-5: #A855F7;--rainbow-6: #FF6B6B}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-main);background:linear-gradient(135deg,var(--color-bg-start) 0%,var(--color-bg-end) 100%);color:var(--color-text);min-height:100vh;display:flex;flex-direction:column;align-items:center;padding-bottom:2rem;overflow-x:hidden}.opening-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,var(--color-bg-start) 0%,var(--color-bg-end) 100%);z-index:9999;display:flex;justify-content:center;align-items:center;pointer-events:none}.opening-logo{font-family:var(--font-display);font-size:5rem;font-weight:700;letter-spacing:.15em;background:linear-gradient(90deg,var(--rainbow-1),var(--rainbow-2),var(--rainbow-3),var(--rainbow-4),var(--rainbow-5),var(--rainbow-6));background-size:300% 100%;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;animation:rainbow-shift 2s linear infinite;position:absolute;z-index:10}@media(max-width:768px){.opening-logo{font-size:3.5rem}}@media(max-width:480px){.opening-logo{font-size:2.5rem;letter-spacing:.1em}}.bigbang-flash{position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:radial-gradient(circle,rgb(255,255,255) 0%,rgba(255,107,107,.9) 15%,rgba(255,230,109,.8) 30%,rgba(78,205,196,.7) 45%,rgba(69,183,209,.6) 60%,rgba(168,85,247,.4) 75%,transparent 100%);transform:translate(-50%,-50%);z-index:8;pointer-events:none}.bigbang-particles{position:absolute;top:50%;left:50%;width:0;height:0;z-index:5}.explosion-particle{position:absolute;border-radius:50%;pointer-events:none}@keyframes rainbow-shift{0%{background-position:0% 50%}to{background-position:300% 50%}}@keyframes rainbow-shift-slow{0%{background-position:0% 50%}to{background-position:300% 50%}}#tsparticles{position:fixed;top:0;left:0;width:100%;height:100%;z-index:-1}.main-content{text-align:center;z-index:10;width:100%;padding-top:5vh;flex:1;display:flex;flex-direction:column;justify-content:center;visibility:hidden}@media(max-width:768px){.main-content{padding-top:4rem}}.hero{margin-bottom:4rem}h1{font-family:var(--font-display);font-size:5rem;font-weight:700;letter-spacing:.15em;margin-bottom:1rem;position:relative}@media(max-width:768px){h1{font-size:3.5rem}}@media(max-width:480px){h1{font-size:2.5rem;letter-spacing:.1em}}.rainbow-text{background:linear-gradient(90deg,var(--rainbow-1),var(--rainbow-2),var(--rainbow-3),var(--rainbow-4),var(--rainbow-5),var(--rainbow-6));background-size:300% 100%;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;animation:rainbow-shift-slow 8s linear infinite;text-shadow:none}.rainbow-text:before{content:attr(data-text);position:absolute;left:0;top:0;width:100%;background:linear-gradient(90deg,var(--rainbow-1),var(--rainbow-2),var(--rainbow-3),var(--rainbow-4),var(--rainbow-5),var(--rainbow-6));background-size:300% 100%;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;animation:rainbow-shift-slow 8s linear infinite;filter:blur(20px);opacity:.5;z-index:-1}.subtitle{font-size:1.3rem;letter-spacing:.15em;opacity:.85;font-weight:300}@media(max-width:480px){.subtitle{font-size:1rem}}.portal-nav{display:flex;justify-content:center;gap:2.5rem;flex-wrap:wrap;padding:0 1rem}.portal-card{position:relative;width:320px;height:220px;background:var(--color-glass);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--color-glass-border);border-radius:20px;text-decoration:none;color:#fff;display:flex;flex-direction:column;justify-content:center;align-items:center;transition:all .4s cubic-bezier(.175,.885,.32,1.275);overflow:hidden}@media(max-width:480px){.portal-card{width:100%;max-width:340px;height:180px}}.portal-card:hover{transform:translateY(-12px) scale(1.03);background:#0a0a14d9!important;border-color:#ffffff4d;box-shadow:0 20px 40px -15px #000c,0 0 30px -10px var(--rainbow-3)}.portal-card:hover .card-glow,.portal-card:hover .card-border-glow{opacity:1}.portal-card:hover h2{text-shadow:0 0 20px currentColor}.card-content{z-index:2;text-align:center}.portal-card h2{font-family:var(--font-display);font-size:2.2rem;font-weight:600;margin-bottom:.6rem;transition:text-shadow .3s ease;letter-spacing:.1em}#card-mobility h2{background:linear-gradient(135deg,#4ecdc4,#45b7d1);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}#card-fishing h2{background:linear-gradient(135deg,#ff6b6b,#ffe66d);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.portal-card p{font-size:.9rem;opacity:.7;margin-bottom:1rem;font-family:var(--font-display);letter-spacing:.05em}.jp-label{font-size:.95rem;opacity:.9;letter-spacing:.1em;display:block;font-weight:500}.card-glow{position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at center,rgba(255,255,255,.08) 0%,transparent 70%);opacity:0;transition:opacity .4s ease;z-index:1}.card-border-glow{position:absolute;inset:-2px;background:linear-gradient(135deg,var(--rainbow-1),var(--rainbow-2),var(--rainbow-3),var(--rainbow-4),var(--rainbow-5));border-radius:22px;z-index:-1;opacity:0;transition:opacity .4s ease;filter:blur(4px)}.footer{margin-top:4rem;width:100%;text-align:center;font-size:.85rem;opacity:.5;padding-bottom:1rem;visibility:hidden}