.full-project{background:var(--project-background);color:#eee;isolation:isolate;height:100dvh;min-height:0;font-family:Manrope,Arial,sans-serif;position:fixed;inset:0;overflow:hidden}.full-project-visually-hidden{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.full-project-next{right:max(26px,env(safe-area-inset-right));bottom:max(26px,env(safe-area-inset-bottom))}.full-project-next-caption{color:#f0f0e8;opacity:0;visibility:hidden;pointer-events:none;text-align:left;background:#17191bf5;border:1px solid #ffffff26;border-radius:12px;gap:3px;min-width:max-content;max-width:min(260px,100vw - 108px);padding:10px 16px;line-height:1.25;transition:opacity .24s,visibility .24s,transform .35s cubic-bezier(.2,.7,.2,1);display:grid;position:absolute;bottom:0;right:calc(100% + 14px);transform:translate(7px)}.full-project-next-caption>span{color:#b9beb4;font-size:14px}.full-project-next-caption strong{letter-spacing:-.02em;font-size:16px;font-weight:500}.full-project-next:focus-visible .full-project-next-caption{opacity:1;visibility:visible;transform:none}.full-project-stage{background:var(--project-background);min-width:0;height:100%;min-height:0;position:relative;overflow:hidden}.full-project-frame{background:var(--project-background);color-scheme:normal;border:0;width:100%;height:100%;display:block}.full-project:not([data-project-state=ready]) .full-project-frame{opacity:0;pointer-events:none}.full-project-error{background:var(--project-background);text-align:center;z-index:1;flex-direction:column;justify-content:center;align-items:center;gap:18px;padding:24px;display:flex;position:absolute;inset:0}.full-project-error h2{font-size:clamp(21px,3vw,30px);line-height:1.2}.full-project-error p{color:#aeb2bd;font-size:16px;line-height:1.5}.full-project-error button{color:#111;background:#eee;min-height:44px;padding:12px 25px;font-size:16px}@media (hover:hover){.full-project-next:hover .project-round-link-icon{transform:translate(3px)}.full-project-next:hover .full-project-next-caption{opacity:1;visibility:visible;transform:none}}@media (min-width:768px){.full-project[data-full-project=cells] .full-project-back{left:max(120px,calc(env(safe-area-inset-left) + 120px))}}@media (max-width:767px){.full-project-back{top:max(82px,calc(env(safe-area-inset-top) + 76px))}.full-project-next{right:max(18px,env(safe-area-inset-right));bottom:max(96px,calc(env(safe-area-inset-bottom) + 88px))}.full-project-next-caption{white-space:nowrap;min-width:0;padding:8px 12px;right:calc(100% + 10px)}.full-project[data-full-project=cells] .full-project-back{left:auto;right:max(18px,env(safe-area-inset-right))}.full-project[data-full-project=tsuki] .full-project-back{top:max(8px,calc(env(safe-area-inset-top) + 8px))}}@media (hover:none){.full-project-next-caption{opacity:1;visibility:visible;transform:none}.full-project-next-caption>span{font-size:14px}.full-project-next-caption strong{display:none}}@media (prefers-reduced-motion:reduce){.full-project-next-caption{transition:none!important}}.full-project-hint{left:50%;bottom:max(28px,calc(env(safe-area-inset-bottom) + 20px));z-index:23;color:#f0f0e8;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);pointer-events:none;opacity:0;visibility:hidden;background:#121416e6;border:1px solid #ffffff26;border-radius:999px;align-items:center;gap:12px;max-width:min(560px,100vw - 180px);margin:0;padding:11px 18px 11px 12px;font-size:15px;line-height:1.3;transition:opacity .45s,visibility .45s,transform .6s cubic-bezier(.2,.75,.2,1);display:flex;position:fixed;transform:translate(-50%,10px);box-shadow:0 12px 40px #0000004d}.full-project-hint>span{color:#121416;background:#f0f0e8;border-radius:999px;flex:none;padding:5px 10px;font-size:14px;line-height:1}.full-project-hint[data-visible=true]{opacity:1;visibility:visible;transition-delay:.6s;transform:translate(-50%)}@media (max-width:767px){.full-project-hint{top:max(18px,calc(env(safe-area-inset-top) + 12px));max-width:calc(100vw - 36px);padding:9px 14px 9px 9px;font-size:14px;bottom:auto;transform:translate(-50%,-10px)}.full-project[data-full-project=tsuki] .full-project-hint,.full-project[data-full-project=cells] .full-project-hint{top:auto;bottom:max(160px,calc(env(safe-area-inset-bottom) + 150px))}}@media (prefers-reduced-motion:reduce){.full-project-hint{transition:opacity .2s,visibility .2s;transform:translate(-50%)}}