body[data-view=plan] #detail-content,body[data-view=person] #detail-content{width:100%;max-width:1700px;margin:auto;background:none}
body[data-view=plan] #detail,body[data-view=person] #detail{padding:120px 6% 90px}
body[data-view=plan] #blueprint,body[data-view=person] #blueprint{display:none}
body[data-view=plan] #landscape .visual{visibility:hidden}
body[data-view=person] #ink-visual{left:68%;top:7%;width:34%;height:38%;opacity:.26;z-index:-1}
.plan-workspace>#detail-title{font-size:clamp(36px,4.2vw,70px);margin-bottom:18px}.plan-intro{max-width:75ch;color:#b4c3d5;line-height:1.7;margin-bottom:24px}.personal-email{margin-bottom:24px;line-height:1.5}.personal-email a{color:#b9e8ff}
#kai-visual .kai-model{position:absolute;inset:0;width:100%;height:100%;z-index:2}#kai-visual.has-model>img,#kai-visual.has-model>video{visibility:hidden}#kai-visual.has-model{mask-image:linear-gradient(transparent,#000 8%,#000 92%,transparent)}
body[data-view=home][data-variant=B] #blueprint{left:65%;top:22%;width:clamp(290px,22vw,750px);height:clamp(220px,17vw,570px);transform:perspective(1000px) rotateY(-12deg) rotateZ(-5deg);border:1px solid #5b84df66}
body[data-view=home] .blueprint-lines{stroke-dasharray:100 420;animation:plan-trace 7s linear infinite;stroke-width:1.2;opacity:.9}body[data-view=home] #blueprint::after{content:'';position:absolute;left:0;right:0;top:10%;height:1px;background:#b1d9ff;box-shadow:0 0 18px #669aff;animation:blueprint-scan 5s ease-in-out infinite}
@keyframes blueprint-scan{0%,100%{transform:translateY(0);opacity:0}15%,85%{opacity:.6}90%{transform:translateY(190px);opacity:0}}
.intro h1{max-width:670px}.path-note{font-size:14px}.path-meta{font-size:13px}.path-description{font-size:15px}.home-footer{font-size:13px}.quiet{min-height:44px}.path-button{min-height:44px}
body[data-view=plan] #kai-chat,body[data-view=person] #kai-chat{display:none}
@media(min-width:1800px){.intro p{font-size:clamp(18px,1vw,30px)}.path-button{font-size:clamp(34px,2.2vw,70px)}.world-path{max-width:30vw}.path-description{font-size:clamp(17px,1vw,28px);max-width:25vw}.path-note,.path-meta{font-size:clamp(14px,.8vw,23px)}.home-footer{font-size:clamp(14px,.75vw,22px)}.wordmark{font-size:clamp(32px,1.8vw,60px)}.quiet,.edition{font-size:clamp(14px,.8vw,22px)}.blueprint-page h3{font-size:clamp(26px,2vw,64px)}.bp-brand{font-size:clamp(13px,1vw,28px)}.bp-photo{height:50%;top:26%}.bp-offer{font-size:clamp(11px,.75vw,22px)}.blueprint-toolbar span{font-size:clamp(12px,.7vw,20px)}}
@media(max-width:800px){body[data-view=plan] #detail,body[data-view=person] #detail{padding:22px 22px 60px}.plan-workspace>#detail-title{font-size:38px}.plan-intro{font-size:16px}.world-path .mobile-scene{min-height:300px}.path-plan .mobile-scene{height:320px}.path-person .mobile-scene{height:340px}.path-kai .mobile-scene{height:390px}.world-path{padding-bottom:30px}.path-note{font-size:28px}.path-description,.path-meta{font-size:16px}.home-footer{font-size:16px}body[data-view=home][data-variant=B] .mobile-scene #blueprint{left:28px;right:28px;top:28px;width:auto;height:255px;transform:perspective(900px) rotateY(-8deg) rotateZ(-3deg)}body[data-view=home] .mobile-scene #blueprint h3{font-size:30px}.plan-workspace .tw-finder .f-price .f-hint{font-size:14px}.mobile-world #ink-visual{filter:saturate(.9)!important}body[data-view=kai] #detail{padding-top:20px}}
@media(prefers-reduced-motion:reduce){body[data-view=home] .blueprint-lines,body[data-view=home] #blueprint::after{animation:none}}
@media(min-width:801px){.intro{top:14%}.intro h1{font-size:clamp(48px,5.1vw,120px);max-width:none;white-space:nowrap}.intro p{margin-top:14px}body[data-view=home] #kai-visual.has-model{left:0;top:33%;width:48%;height:43%}body[data-view=home][data-variant=B] #blueprint{top:20%;height:22%;width:25%;left:64%}.path-plan{top:45%}.path-person{top:81%}.path-kai{top:77%}body[data-view=home] #ink-visual{top:57%;height:25%;left:54%;width:42%}.home-footer{bottom:13px}.path-meta{margin-top:6px}}
.skip:not(:focus){clip-path:inset(50%);width:1px;height:1px;overflow:hidden;padding:0}.skip:focus{clip-path:none}
@media(min-width:801px) and (max-height:950px){.path-description{font-size:13px}.path-note,.path-meta{font-size:12px}.home-footer{font-size:11px}.path-button{font-size:29px}}
body[data-view=home] #blueprint .bp-sections,body[data-view=home] #blueprint .bp-offer,body[data-view=home] #blueprint .bp-cta{display:none}
#stone-visual.has-model #stone-frame{visibility:hidden}#stone-visual .stone-model{position:absolute;inset:0;width:100%;height:100%}
@media(max-width:800px){#detail-content .tw-finder .f-nav button{font-size:13px}#detail-content .tw-finder .f-live{font-size:17px}#detail-content .tw-finder .f-price .f-recommend{display:block}#detail-content .tw-finder .f-price .f-recommend p{font-size:14px}}
/* ps-3b: Finder in der bestehenden Welt; die drei Einstiegswege bleiben erhalten. */
body[data-view=plan] #detail-content,body[data-view=person] #detail-content{max-width:2300px}
body[data-view=plan] #detail,body[data-view=person] #detail{padding:108px 5% 80px}
.plan-workspace>#detail-title{font-size:clamp(36px,4vw,88px);letter-spacing:-.045em;margin-bottom:12px}
.plan-intro{font-size:16px;max-width:85ch;margin-bottom:10px}
#detail-content .tw-finder .f-nav button{font-size:15px}
@media(max-width:850px){body[data-view=plan] #detail,body[data-view=person] #detail{padding:24px 22px 70px}.plan-workspace>#detail-title{font-size:36px}.plan-intro{font-size:16px}.tw-finder .f-nav button{font-size:0!important}#detail-content .tw-finder .f-price .f-recommend{display:none}.plan-workspace .tw-finder .f-price .f-hint{font-size:15px}}
@media(max-width:850px){#detail-content .tw-finder .f-section>legend{font-size:36px;line-height:1.08}#detail-content .tw-finder .f-extras>legend{font-size:30px}#detail-content .tw-finder .f-start>legend{font-size:24px}#detail-content .tw-finder .f-pages input{font-size:54px}#detail-content .tw-finder .f-way{font-size:24px}#detail-content .tw-finder :is(button,summary,select,input:not([type=checkbox]):not([type=radio])){min-height:48px}}
.night-ripples{position:absolute;inset:0;width:100%;height:100%;opacity:.38;mask-image:linear-gradient(transparent 48%,#000 65%);pointer-events:none}
@media(max-width:850px){.night-ripples{opacity:.32}}
.plan-imported .plan-intro{font-size:16px;line-height:1.45;max-width:75ch;margin-bottom:16px}.plan-imported .f-top{align-items:center;gap:8px}.plan-imported .f-save{margin-block:0}.plan-imported .f-inherited{flex:1 1 65%;color:#d6ecb7}.plan-imported .f-top{min-height:0}.plan-imported .f-concept-note{font-size:14px;padding:10px 0;line-height:1.5}.plan-imported .f-title{font-size:clamp(32px,3vw,52px);max-width:none}.plan-imported .f-section:first-of-type{margin-top:20px}
@media(max-width:850px){.plan-imported .plan-intro{font-size:14px;margin-bottom:12px}.plan-imported .f-top{display:block;padding:8px 0}.plan-imported .f-save{justify-content:flex-end}.plan-imported .f-save button{font-size:13px;min-height:38px;padding-block:6px}.plan-imported .f-nav{margin:8px 0 22px}.plan-imported .f-inherited{font-size:14px;gap:0 10px}.plan-imported [data-edit-selection]{min-height:36px}.plan-imported .f-title{font-size:32px;margin-bottom:14px}.plan-imported>.plan-intro{line-height:1.4}.plan-imported .f-section legend{font-size:29px}}
@media(max-width:850px){
.plan-workspace.plan-imported .f-top{display:grid;grid-template-columns:1fr auto;gap:0;padding-block:8px}.plan-imported .f-inherited{display:contents}.plan-imported .f-inherited>span{grid-column:1/-1;color:#d6ecb7;font-size:14px}.plan-imported [data-edit-selection]{grid-column:1;grid-row:2;justify-self:start}.plan-imported .f-save{grid-column:2;grid-row:2;justify-self:end}.plan-workspace.plan-imported .tw-finder .f-save button{font-size:13px;min-height:44px;margin:0;padding-block:8px}.plan-workspace.plan-imported .tw-finder .f-section legend{font-size:29px;margin-bottom:12px}.plan-workspace.plan-imported .tw-finder .f-section{margin-top:20px}.plan-imported .f-config-title{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%)}.plan-imported .f-config-title:focus{position:static;width:auto;height:auto;clip-path:none;margin:0 0 14px}.plan-imported .f-nav{margin-bottom:14px}
}
/* ps-3d: Kai ist eine Ankündigung in der bestehenden Wasserwelt. */
#kai-visual{mask-image:radial-gradient(ellipse at 50% 46%,#000 22%,#000b 48%,transparent 72%);mask-composite:add}
#kai-visual #kai-frame{position:absolute;left:50%;width:auto;max-width:100%;height:100%;transform:translateX(-50%);object-fit:contain;object-position:center;mask-image:linear-gradient(90deg,transparent,#000 20%,#000 80%,transparent),linear-gradient(transparent,#000 14%,#000 72%,transparent);mask-composite:intersect}
body[data-view=home] #kai-visual{left:5%;top:31%;width:36%;height:46%}
body[data-view=kai] #kai-visual{left:50%;top:11%;width:48%;height:82%;opacity:.88}
body[data-view=kai] #detail{padding:140px 8% 70px}
body[data-view=kai] #detail-content{width:48%;max-width:650px;background:none;padding-top:9vh}
body[data-view=kai] #detail-title{font-size:clamp(42px,4.6vw,72px);line-height:1.08;letter-spacing:-.045em;text-wrap:initial}
body[data-view=kai] #detail-title span{display:block}
body[data-view=kai] .detail-lead{font-size:18px;line-height:1.7;max-width:440px;margin-top:28px}
body[data-view=kai] .actions a{min-height:48px;display:inline-flex;align-items:center;text-decoration:none;font-size:16px}
body[data-view=kai] .kai-credit{margin-top:44px;font-size:13px;color:var(--muted)}
body[data-view=kai] .mobile-detail-scene{display:none}
@media(max-width:800px){
 body[data-view=home] .mobile-scene #kai-visual{inset:0;width:100%;height:100%;opacity:.9;mask-image:radial-gradient(ellipse at 50% 45%,#000 22%,#000a 48%,transparent 73%)}
 body[data-view=kai] #detail{padding:22px 22px 60px;min-height:calc(100svh - 86px)}
 body[data-view=kai] #detail-content{width:100%;max-width:none;padding-top:130px}
 body[data-view=kai] #detail-title{font-size:39px;max-width:350px;text-shadow:0 2px 20px #050b16}
 body[data-view=kai] #kai-visual{left:25%;top:105px;width:85%;height:380px;opacity:.55;mask-image:radial-gradient(ellipse at 60% 40%,#000 15%,#0006 45%,transparent 72%)}
 body[data-view=kai] .detail-lead{font-size:16px;line-height:1.7;margin-top:30px;max-width:350px}
 body[data-view=kai] .actions{gap:18px;margin-top:26px}
 body[data-view=kai] .kai-credit{margin-top:32px}
 body[data-view=kai] .night-water{opacity:.65}
}