:root{color-scheme:light;--ink:#06243a;--blue:#078fd0;--bright-blue:#0bb8f1;--cream:#fff9e9;--line:rgba(14,69,87,0.13)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px;background:#f3f5f2;color:var(--ink);font-family:Arial Rounded MT Bold,Hiragino Maru Gothic ProN,Yu Gothic,Noto Sans JP,Arial,sans-serif}a,button{color:inherit;font:inherit}button{border:0}a{text-decoration:none}.portal-page{min-height:100vh;display:grid;place-items:center;padding:clamp(0px,1.5vw,22px);overflow:hidden;background:radial-gradient(circle at 15% 12%,rgba(255,255,255,.95),transparent 33%),linear-gradient(145deg,#eef2ef,#dfe9eb)}.portal-stage{position:relative;isolation:isolate;width:min(1560px,100%);height:min(calc(100vh - clamp(0px, 3vw, 44px)),975px);min-height:720px;overflow:hidden;border:1px solid rgba(218,186,107,.42);border-radius:clamp(0px,2.2vw,34px);background:var(--cream);box-shadow:0 24px 80px rgba(27,61,69,.18)}.portal-stage:before{content:"";position:absolute;inset:78px 0 0;z-index:-1;opacity:.46;background-image:radial-gradient(circle at 9% 19%,#e2c675 0 2px,transparent 2.5px),radial-gradient(circle at 94% 14%,#c5aee0 0 2px,transparent 2.5px),radial-gradient(circle at 14% 75%,#d8b667 0 1.5px,transparent 2px);background-size:290px 260px,330px 290px,240px 310px;pointer-events:none}.portal-header{position:absolute;z-index:30;inset:0 0 auto;height:80px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:0 clamp(22px,3vw,46px);border-bottom:1px solid var(--line);background:rgba(255,250,236,.78);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.brand{position:relative;width:max-content;font-weight:950;font-size:clamp(20px,1.55vw,28px);letter-spacing:-.055em}.brand i{right:3px;bottom:-6px;width:58px;height:11px;border-radius:50%;transform:rotate(2deg)}.brand i,.brand i:after{position:absolute;border-bottom:4px solid #05aaca}.brand i:after{content:"";right:-1px;bottom:-4px;width:7px;height:7px;border-right:4px solid #05aaca;transform:rotate(-43deg)}.portal-nav{display:flex;align-items:center;gap:clamp(22px,3.6vw,58px)}.portal-nav button{position:relative;padding:12px 2px;background:none;font-size:13px;font-weight:800;cursor:pointer}.portal-nav button:after{content:"";position:absolute;left:0;right:100%;bottom:5px;height:2px;background:#08a7c7;transition:right .2s ease}.portal-nav button:hover:after,.portal-nav button[aria-expanded=true]:after{right:0}.sound-toggle{justify-self:end;display:flex;align-items:center;gap:9px;padding:8px 13px 8px 9px;border:1px solid rgba(5,55,72,.16);border-radius:999px;background:rgba(255,255,255,.52);font-size:10px;font-weight:900;letter-spacing:.07em;cursor:pointer}.sound-toggle span{display:grid;place-items:center;width:27px;height:27px;border-radius:50%;background:var(--ink);color:white;font-size:13px}.sound-toggle:not(.is-on){opacity:.58}.portal-art{position:absolute;z-index:-2;inset:80px 0 0;overflow:hidden}.portal-art:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(255,249,233,.96),rgba(255,249,233,.75) 18%,transparent 43%),linear-gradient(0deg,rgba(0,31,61,.08),transparent 22%);pointer-events:none}.portal-art img{width:100%;height:100%;object-fit:cover;object-position:center;transform:scale(1.01);animation:earthBreath 9s ease-in-out infinite}@keyframes earthBreath{50%{transform:scale(1.025) translateY(-3px)}}.portal-copy{position:absolute;z-index:10;left:clamp(26px,4.2vw,66px);top:50%;width:min(430px,35vw);transform:translateY(-42%)}.portal-kicker{margin:0 0 14px;color:#048baa;font-size:clamp(11px,1vw,15px);font-weight:900;letter-spacing:.055em}.portal-kicker span{color:#04b3d1;margin-right:4px}.portal-copy h1{margin:0;color:#05243a;font-size:clamp(54px,5.25vw,82px);font-weight:950;line-height:1.04;letter-spacing:-.075em;text-wrap:nowrap;text-shadow:0 3px 0 rgba(255,255,255,.35)}.portal-description{margin:20px 0 21px;color:#153d50;font-size:clamp(11px,.9vw,14px);font-weight:700;line-height:1.8;letter-spacing:.025em}.dive-button{position:relative;display:grid;grid-template-columns:auto 1fr auto;align-items:center;grid-gap:13px;gap:13px;width:min(360px,100%);min-height:77px;padding:9px 19px 9px 10px;overflow:hidden;border:3px solid #22d4ff;border-radius:23px;background:linear-gradient(180deg,#10bff3,#0087d2 58%,#0068b8);color:white;box-shadow:0 6px 0 #004f8c,0 9px 19px rgba(0,103,167,.28),inset 0 2px 0 rgba(255,255,255,.5);text-shadow:0 2px 3px rgba(0,55,100,.4);transition:transform .18s ease,filter .18s ease}.dive-button:after{content:"★";position:absolute;right:-1px;bottom:-9px;color:#ff8a29;font-size:25px;transform:rotate(13deg);text-shadow:0 2px 0 #b84900}.dive-button:hover{transform:translateY(-3px);filter:saturate(1.12) brightness(1.04)}.dive-button:active{transform:translateY(3px);box-shadow:0 2px 0 #004f8c,0 5px 11px rgba(0,103,167,.26),inset 0 2px 0 rgba(255,255,255,.5)}.dive-button__icon{display:grid;place-items:center;width:51px;height:51px;border:2px solid rgba(255,255,255,.7);border-radius:50%;background:radial-gradient(circle at 38% 32%,#ffe36e,#e78c14 62%,#8c4808);box-shadow:inset 0 0 0 4px rgba(2,70,110,.28),0 3px 8px rgba(0,56,92,.27);font-size:22px}.dive-button small,.dive-button strong{display:block}.dive-button strong{font-size:clamp(19px,1.75vw,26px);line-height:1;letter-spacing:-.035em}.dive-button small{margin-top:6px;font-size:9px;font-weight:800;letter-spacing:.04em;opacity:.78}.dive-button b{padding-right:5px;font-size:27px}.all-worlds{margin:18px 0 0 64px;padding:5px 0;border-bottom:2px dashed #0585b5;background:none;color:#0878b4;font-size:12px;font-weight:900;letter-spacing:.06em;cursor:pointer}.all-worlds span{margin-left:7px}.portal-badges{position:absolute;z-index:12;inset:80px 0 0;pointer-events:none}.world-badge{position:absolute;display:flex;align-items:center;gap:8px;min-height:61px;padding:6px 13px 6px 6px;border:2px solid #183846;border-radius:999px;background:rgba(255,250,235,.91);box-shadow:0 4px 0 rgba(5,35,47,.2),0 9px 22px rgba(13,44,52,.15);color:var(--ink);cursor:pointer;pointer-events:auto;transition:transform .2s ease,filter .2s ease;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.world-badge:hover{z-index:3;transform:translateY(-3px) scale(1.03);filter:brightness(1.04)}.world-badge__orb{display:grid;flex:0 0 auto;place-items:center;width:48px;height:48px;border:3px solid #102f3e;border-radius:50%;background:radial-gradient(circle at 35% 28%,#fff59a,#e99927 57%,#6f3610);box-shadow:inset 0 0 0 3px rgba(255,255,255,.28);font-size:22px}.world-badge__copy{text-align:left}.world-badge__copy small,.world-badge__copy strong{display:block;white-space:nowrap}.world-badge__copy strong{font-family:Arial,sans-serif;font-size:12px;font-weight:950;line-height:1}.world-badge__copy small{margin-top:4px;font-size:12px;font-weight:900;line-height:1}.world-badge__soon{position:absolute;top:-7px;right:9px;padding:2px 6px;border-radius:99px;background:#062f44;color:white;font:700 7px/1.3 Arial,sans-serif;letter-spacing:.1em}.portal-ocean{left:46%;top:52%;min-height:82px;padding-right:20px;border-color:white;background:linear-gradient(180deg,rgba(11,202,246,.97),rgba(0,111,188,.98));color:white;box-shadow:0 0 0 4px #04bfe9,0 0 28px 7px rgba(0,224,255,.62),0 6px 0 #03518b;text-shadow:0 2px 2px rgba(0,43,80,.45)}.portal-ocean .world-badge__orb{width:66px;height:66px;border-color:white}.portal-ocean .world-badge__copy strong{font-size:22px}.portal-ocean .world-badge__copy small{font-size:17px}.portal-ocean .world-badge__soon{display:none}.portal-underground{left:38%;top:63%}.portal-space{left:38%;top:13%;color:#452065}.portal-space .world-badge__orb{background:radial-gradient(circle at 40% 32%,#ab79ff,#3a1679 55%,#0c092b)}.portal-prehistory{right:3%;top:27%;color:#244e2c}.portal-prehistory .world-badge__orb{background:radial-gradient(circle at 40% 32%,#d9e98a,#619335 58%,#193a20)}.portal-micro{right:4%;top:60%;color:#54336f}.portal-micro .world-badge__orb{background:radial-gradient(circle at 38% 32%,#e9f7ff,#77c3bd 42%,#4a1b78 80%)}.swipe-hint{position:absolute;z-index:14;left:50%;bottom:11px;display:flex;align-items:center;gap:10px;color:white;transform:translateX(-50%);text-shadow:0 2px 5px rgba(0,20,45,.65)}.swipe-hint strong{font:800 9px/1 Arial,sans-serif;letter-spacing:.13em}.mouse{position:relative;width:18px;height:28px;border:2px solid white;border-radius:12px}.mouse i{position:absolute;top:5px;left:6px;width:3px;height:6px;border-radius:3px;background:white;animation:scrollDrop 1.4s ease-in-out infinite}@keyframes scrollDrop{60%{opacity:0;transform:translateY(8px)}}.info-panel{position:absolute;z-index:50;left:50%;top:94px;width:min(610px,calc(100% - 36px));padding:24px;border:2px solid rgba(7,51,66,.2);border-radius:24px;background:rgba(255,252,241,.95);box-shadow:0 22px 60px rgba(12,42,53,.24);transform:translateX(-50%);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);animation:panelIn .22s ease-out}@keyframes panelIn{0%{opacity:0;transform:translate(-50%,-8px) scale(.98)}}.info-panel__close{position:absolute;top:13px;right:15px;display:grid;place-items:center;width:31px;height:31px;border-radius:50%;background:rgba(5,50,66,.08);font-size:19px;cursor:pointer}.info-panel>p{margin:0 0 6px;color:#0389a8;font:800 9px/1 Arial,sans-serif;letter-spacing:.18em}.info-panel h2{margin:0 0 17px;font-size:25px;letter-spacing:-.04em}.world-list{display:grid;grid-template-columns:1fr 1fr;grid-gap:8px;gap:8px}.world-list a,.world-list button{display:grid;grid-template-columns:auto 1fr auto;align-items:center;grid-gap:9px;gap:9px;padding:9px;border:1px solid rgba(8,53,69,.11);border-radius:14px;background:rgba(255,255,255,.66);text-align:left;cursor:pointer}.world-list a:hover,.world-list button:hover{background:white}.world-list>:first-child{border-color:#54ccec;background:#e8fbff}.world-list span{display:grid;place-items:center;width:35px;height:35px;border-radius:50%;background:#e2f4f5}.world-list strong{font:900 11px/1 Arial,sans-serif}.world-list small{display:block;margin-top:4px;font-family:Yu Gothic,sans-serif;font-size:10px}.world-list b{color:#0884a6;font:800 8px/1 Arial,sans-serif;letter-spacing:.08em}.panel-message{padding:17px;border-radius:15px;background:#edfafd;font-size:13px;font-weight:700;line-height:1.8}.panel-message a{display:block;margin-top:10px;color:#067ea8;font-weight:900}.guide-steps{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:8px;gap:8px}.guide-steps span{padding:15px 10px;border-radius:15px;background:#eef8f5;font-size:12px;font-weight:800;text-align:center}.guide-steps b{display:grid;place-items:center;width:28px;height:28px;margin:0 auto 8px;border-radius:50%;background:#08a9c5;color:white}.portal-notice{position:absolute;z-index:60;left:50%;bottom:52px;padding:12px 18px;border:2px solid rgba(255,255,255,.65);border-radius:999px;background:rgba(6,43,58,.9);color:white;font-size:12px;font-weight:800;transform:translateX(-50%);box-shadow:0 9px 24px rgba(1,25,38,.28);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);animation:noticeIn .25s ease-out}@keyframes noticeIn{0%{opacity:0;transform:translate(-50%,8px)}}@media (max-width:980px){.portal-stage{height:100vh;min-height:680px;border-radius:0}.portal-page{padding:0}.portal-copy{top:43%;width:42vw}.portal-copy h1{font-size:clamp(48px,6.7vw,66px)}.portal-description{max-width:340px}.portal-underground{left:45%}.world-badge{transform:scale(.9)}.world-badge:hover{transform:translateY(-3px) scale(.93)}}@media (max-width:720px){.portal-stage{min-height:760px;overflow-y:auto;background:#fff9e9}.portal-header{position:-webkit-sticky;position:sticky;height:64px;grid-template-columns:1fr auto;padding:0 16px}.brand{font-size:21px}.portal-nav{display:none}.sound-toggle{padding-right:9px;font-size:0}.sound-toggle span{width:29px;height:29px;font-size:13px}.portal-art{inset:64px 0 auto;height:55%}.portal-art:after{background:linear-gradient(0deg,#fff9e9,transparent 28%),linear-gradient(90deg,rgba(255,249,233,.38),transparent 34%)}.portal-art img{object-fit:cover;object-position:64% center;transform:scale(1.07)}@keyframes earthBreath{50%{transform:scale(1.09) translateY(-2px)}}.portal-copy{left:20px;right:20px;top:auto;bottom:30px;width:auto;transform:none}.portal-kicker{margin-bottom:8px;font-size:11px}.portal-copy h1{font-size:clamp(43px,13.5vw,58px);line-height:.98}.portal-description{margin:11px 0 13px;font-size:10px;line-height:1.65}.dive-button{min-height:65px;width:min(330px,calc(100vw - 40px));border-radius:19px}.dive-button__icon{width:43px;height:43px;font-size:18px}.dive-button strong{font-size:20px}.dive-button small{font-size:8px}.all-worlds{margin:12px 0 0 53px}.portal-badges{inset:64px 0 auto;height:53%}.world-badge{display:none}.portal-ocean{display:flex;left:auto;right:13px;top:54%;min-height:55px;transform:scale(.72);transform-origin:right center}.portal-ocean:hover{transform:translateY(-2px) scale(.74)}.swipe-hint{display:none}.info-panel{position:fixed;top:76px;max-height:calc(100vh - 92px);overflow-y:auto}.guide-steps,.world-list{grid-template-columns:1fr}.guide-steps span{display:flex;align-items:center;gap:10px;text-align:left}.guide-steps b{flex:0 0 auto;margin:0}.portal-notice{position:fixed;bottom:18px;width:calc(100% - 28px);text-align:center}}@media (max-height:760px) and (min-width:721px){.portal-stage{min-height:620px}.portal-header{height:68px}.portal-art,.portal-badges{top:68px}.portal-copy{transform:translateY(-38%) scale(.88);transform-origin:left center}}@media (prefers-reduced-motion:reduce){*,:after,:before{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}