.larp-body{margin:0;background:#060607;color:#fff;font-family:Arial,"Helvetica Neue",sans-serif}.larp-redirect-page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:28px;position:relative;overflow:hidden;background:radial-gradient(circle at 50% 0%,rgba(27,32,40,.16),transparent 34%),linear-gradient(180deg,#050506 0%,#0b0b0d 58%,#171016 100%)}.larp-redirect-page:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(27,32,40,.08),transparent 32%,rgba(27,32,40,.06));pointer-events:none}.larp-redirect-box{position:relative;z-index:1;width:min(680px,100%);text-align:center;background:rgba(10,10,13,.9);border:1px solid rgba(27,32,40,.34);border-radius:4px;padding:52px 38px 42px;box-shadow:0 36px 100px rgba(0,0,0,.58),0 0 65px rgba(27,32,40,.18);backdrop-filter:blur(14px)}.larp-logo-mark{width:86px;height:86px;margin:0 auto 12px;border-radius:4px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#1b2028,#111317);box-shadow:0 0 42px rgba(255,79,163,.42);font-family:Georgia,serif;font-size:62px;font-weight:700;color:#fff}.larp-brand{display:block;margin-bottom:20px;color:#1b2028;font-size:30px}.larp-kicker{display:inline-block;margin-bottom:14px;color:#fff;text-transform:uppercase;letter-spacing:.16em;font-weight:800;font-size:12px;border-bottom:2px solid #1b2028;padding-bottom:9px}.larp-redirect-box h1{font-size:clamp(24px,3.2vw,38px);line-height:1.08;margin:0 auto 16px;font-weight:900;text-transform:uppercase;letter-spacing:.01em;max-width:620px;overflow-wrap:anywhere}.larp-redirect-box p{font-size:18px;line-height:1.55;color:#d9d9d9;margin:0 auto 30px;max-width:520px}.larp-progress{height:12px;background:rgba(255,255,255,.09);border-radius:4px;overflow:hidden;margin:24px auto 18px;max-width:480px;border:1px solid rgba(255,255,255,.08)}.larp-progress span{display:block;height:100%;width:0;background:linear-gradient(90deg,#1b2028,#353c48);animation:larpFill linear forwards}@keyframes larpFill{to{width:100%}}.larp-count{font-size:15px;color:#d7d7d7;margin-bottom:24px}.larp-count strong{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;margin:0 5px;border-radius:4px;background:#1b2028;color:#fff;font-size:22px}.larp-manual,.larp-button{display:inline-flex;align-items:center;justify-content:center;padding:15px 25px;border-radius:0;background:#1b2028;color:#fff!important;text-decoration:none!important;font-weight:900;text-transform:uppercase;letter-spacing:.03em;box-shadow:0 12px 32px rgba(255,79,163,.26)}.larp-redirect-box small{display:block;margin-top:20px;color:#9c9c9c;font-size:12px}.larp-link{color:#1b2028;font-weight:900;text-decoration:none}.larp-app-body{margin:0;background:#f3f4f6;color:#15171a;font-family:Arial,Helvetica,sans-serif}.larp-mobile-app{max-width:980px;margin:0 auto;padding:18px 14px 40px}.larp-app-header{display:flex;gap:14px;align-items:center;background:#fff;border:1px solid #dfe3ea;border-radius:6px;padding:16px;box-shadow:0 8px 24px rgba(15,23,42,.06)}.larp-app-logo{width:52px;height:52px;display:flex;align-items:center;justify-content:center;background:#1b2028;color:#fff;font-size:30px;font-weight:900;font-family:Georgia,serif;border-radius:5px;flex:0 0 auto}.larp-app-header h1{margin:0 0 4px;font-size:24px;line-height:1.1;color:#111827}.larp-app-header p{margin:0;color:#667085;font-size:14px}.larp-app-mode{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:14px 0}.larp-app-mode button{height:44px;border:1px solid #d0d5dd;background:#fff;color:#344054;border-radius:4px;font-weight:700;letter-spacing:.035em}.larp-app-mode button.is-active{background:#111827;color:#fff;border-color:#111827}.larp-app-search{margin:14px 0}.larp-app-search input{width:100%;height:46px;border:1px solid #d0d5dd;border-radius:4px;padding:0 14px;font-size:16px;background:#fff;color:#111}.larp-app-tabs{display:flex;gap:8px;overflow:auto;padding:3px 0 12px;margin-bottom:4px}.larp-app-tabs button{border:1px solid #d0d5dd;background:#fff;color:#344054;font-weight:700;text-transform:uppercase;letter-spacing:.035em;padding:11px 14px;border-radius:4px;white-space:nowrap}.larp-app-tabs button.is-active{background:#111827;color:#fff;border-color:#111827}.larp-app-mode-panel,.larp-app-panel{display:none}.larp-app-mode-panel.is-active,.larp-app-panel.is-active{display:block}.larp-app-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.larp-app-tile{appearance:none;border:1px solid #dfe3ea;background:#fff;border-radius:5px;padding:10px;text-align:left;box-shadow:0 8px 20px rgba(15,23,42,.05);min-height:205px;display:flex;flex-direction:column;gap:7px;color:#111827}.larp-app-tile:active{transform:scale(.98)}.larp-app-img{aspect-ratio:1/1;width:100%;background:#111827;background-size:cover;background-position:center;color:#fff;border-radius:3px;display:flex;align-items:center;justify-content:center;font-size:42px;font-weight:900}.larp-app-tile strong{font-size:14px;line-height:1.25;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.larp-app-tile small{font-size:11px;color:#667085;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.larp-app-tile em{font-style:normal;font-size:11px;color:#1b2028;font-weight:800;margin-top:auto}.larp-app-toast{position:fixed;left:50%;bottom:22px;transform:translateX(-50%) translateY(20px);background:#111827;color:#fff;padding:12px 18px;border-radius:4px;font-weight:800;opacity:0;pointer-events:none;transition:.18s ease;box-shadow:0 12px 30px rgba(0,0,0,.25);z-index:999999}.larp-app-toast.is-visible{opacity:1;transform:translateX(-50%) translateY(0)}.larp-app-empty{background:#fff;border:1px dashed #cbd5e1;padding:20px;border-radius:5px;color:#667085;text-align:center}@media(max-width:720px){.larp-mobile-app{padding:12px 10px 32px}.larp-app-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.larp-app-tile{min-height:188px}.larp-app-header h1{font-size:21px}.larp-app-logo{width:46px;height:46px;font-size:26px}.larp-redirect-box{padding:42px 22px 34px}.larp-logo-mark{width:76px;height:76px;font-size:54px}}@media(max-width:360px){.larp-app-tile{padding:8px;min-height:170px}.larp-app-tile strong{font-size:13px}}


/* v1.6.2: echtes Lustivo-Logo + dunkle Buttons */
.larp-logo-img{
    width:94px;
    height:94px;
    object-fit:contain;
    display:block;
    margin:0 auto 10px;
}
.larp-app-logo-img{
    width:54px;
    height:54px;
    object-fit:contain;
    display:block;
    flex:0 0 auto;
}
.larp-manual,.larp-button{
    background:#1b2028 !important;
    border:1px solid #1b2028 !important;
    color:#fff !important;
}
.larp-manual:hover,.larp-button:hover{
    background:#111317 !important;
    border-color:#111317 !important;
}
.larp-progress span{background:linear-gradient(90deg,#1b2028,#353c48) !important;}
.larp-count strong{background:#1b2028 !important;}
.larp-app-mode button.is-active, .larp-app-tabs button.is-active{background:#1b2028 !important;border-color:#1b2028 !important;}
@media(max-width:720px){.larp-logo-img{width:82px;height:82px}.larp-app-logo-img{width:48px;height:48px}}

/* v2.1: Antworten-Rubrik + Bottom-Navigation in der LinkApp */
.larp-mobile-app{
    padding-bottom:92px !important;
}
.larp-app-section-title{
    display:flex;
    justify-content:space-between;
    align-items:flex-end;
    gap:12px;
    margin:6px 0 14px;
}
.larp-app-section-title span{
    display:block;
    color:#667085;
    text-transform:uppercase;
    letter-spacing:.08em;
    font-size:11px;
    font-weight:700;
}
.larp-app-section-title strong{
    display:block;
    color:#111827;
    font-size:18px;
    line-height:1.2;
}
.larp-app-bottom-nav{
    position:fixed;
    left:50%;
    bottom:10px;
    transform:translateX(-50%);
    width:min(520px,calc(100% - 20px));
    display:grid;
    grid-template-columns:1fr 1fr 1fr;
    gap:6px;
    background:rgba(255,255,255,.96);
    border:1px solid #dfe3ea;
    border-radius:10px;
    padding:8px;
    box-shadow:0 18px 46px rgba(15,23,42,.18);
    z-index:99998;
    backdrop-filter:blur(12px);
}
.larp-app-bottom-nav button{
    border:0;
    background:transparent;
    color:#667085;
    border-radius:7px;
    min-height:52px;
    font-size:12px;
    font-weight:700;
    cursor:pointer;
}
.larp-app-bottom-nav button span{
    display:block;
    font-size:18px;
    line-height:1;
    margin-bottom:5px;
}
.larp-app-bottom-nav button.is-active{
    background:#1b2028;
    color:#fff;
}
.larp-answer-tabs{
    padding-bottom:8px !important;
}
.larp-answer-list{
    display:grid;
    grid-template-columns:1fr;
    gap:10px;
}
.larp-answer-tile{
    appearance:none;
    text-align:left;
    width:100%;
    border:1px solid #dfe3ea;
    background:#fff;
    border-radius:6px;
    padding:14px;
    box-shadow:0 8px 20px rgba(15,23,42,.05);
    color:#111827;
    cursor:pointer;
}
.larp-answer-tile:active{
    transform:scale(.99);
}
.larp-answer-tile > span{
    display:inline-block;
    background:#eef1f5;
    color:#344054;
    border-radius:4px;
    padding:4px 7px;
    font-size:10px;
    font-weight:700;
    letter-spacing:.06em;
    margin-bottom:9px;
}
.larp-answer-tile strong{
    display:block;
    font-size:15px;
    margin-bottom:7px;
}
.larp-answer-tile small{
    display:block;
    color:#667085;
    font-size:13px;
    line-height:1.45;
}
.larp-answer-tile em{
    display:block;
    margin-top:10px;
    color:#1b2028;
    font-style:normal;
    font-weight:800;
    font-size:12px;
}
@media(min-width:760px){
    .larp-answer-list{grid-template-columns:1fr 1fr;}
}


/* v2.1.2: Bottom-Navigation auf Handy immer sichtbar */
html .larp-app-body,
body.larp-app-body{
    min-height:100svh !important;
    overflow-x:hidden !important;
    padding-bottom:calc(96px + env(safe-area-inset-bottom, 0px)) !important;
}
.larp-mobile-app{
    padding-bottom:calc(125px + env(safe-area-inset-bottom, 0px)) !important;
}
.larp-app-bottom-nav{
    position:fixed !important;
    left:50% !important;
    right:auto !important;
    bottom:calc(8px + env(safe-area-inset-bottom, 0px)) !important;
    transform:translateX(-50%) !important;
    width:min(520px, calc(100vw - 16px)) !important;
    max-width:calc(100vw - 16px) !important;
    z-index:2147483000 !important;
    margin:0 !important;
}
@media(max-width:720px){
    .larp-app-bottom-nav{
        left:8px !important;
        right:8px !important;
        bottom:calc(8px + env(safe-area-inset-bottom, 0px)) !important;
        transform:none !important;
        width:auto !important;
        max-width:none !important;
        grid-template-columns:repeat(3,1fr) !important;
        border-radius:8px !important;
        padding:7px !important;
    }
    .larp-app-bottom-nav button{
        min-height:50px !important;
        font-size:11px !important;
    }
}

/* v2.2: echtes mobiles Redesign der LinkApp */
html body.larp-app-body,
body.larp-app-body{
    width:100% !important;
    max-width:100% !important;
    min-height:100dvh !important;
    margin:0 !important;
    background:#f4f5f7 !important;
    color:#101828 !important;
    font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif !important;
    -webkit-text-size-adjust:100% !important;
    overflow-x:hidden !important;
}
body.larp-app-body #wpadminbar{display:none !important;}
.larp-mobile-app{
    width:100% !important;
    max-width:560px !important;
    box-sizing:border-box !important;
    margin:0 auto !important;
    padding:10px 10px calc(78px + env(safe-area-inset-bottom,0px)) !important;
}
.larp-app-header{
    position:sticky !important;
    top:0 !important;
    z-index:50 !important;
    display:flex !important;
    align-items:center !important;
    gap:10px !important;
    padding:10px !important;
    margin:0 0 8px !important;
    border-radius:6px !important;
    background:rgba(255,255,255,.96) !important;
    border:1px solid #e1e5eb !important;
    box-shadow:0 6px 18px rgba(15,23,42,.06) !important;
    backdrop-filter:blur(12px) !important;
}
.larp-app-logo-img{
    width:42px !important;
    height:42px !important;
    object-fit:contain !important;
    flex:0 0 42px !important;
}
.larp-app-header h1{
    font-size:17px !important;
    line-height:1.15 !important;
    margin:0 0 2px !important;
    font-weight:800 !important;
    color:#101828 !important;
}
.larp-app-header p{
    font-size:11px !important;
    line-height:1.25 !important;
    margin:0 !important;
    color:#667085 !important;
}
.larp-app-search{
    margin:8px 0 10px !important;
}
.larp-app-search input{
    height:40px !important;
    min-height:40px !important;
    border-radius:6px !important;
    border:1px solid #d0d5dd !important;
    background:#fff !important;
    padding:0 12px !important;
    font-size:15px !important;
    box-sizing:border-box !important;
}
.larp-app-section-title{
    margin:4px 0 9px !important;
    align-items:flex-start !important;
}
.larp-app-section-title span{
    font-size:10px !important;
    letter-spacing:.07em !important;
    color:#667085 !important;
}
.larp-app-section-title strong{
    font-size:15px !important;
    line-height:1.2 !important;
    color:#101828 !important;
}
.larp-app-tabs{
    display:flex !important;
    gap:6px !important;
    overflow-x:auto !important;
    padding:0 0 8px !important;
    margin:0 0 8px !important;
    scrollbar-width:none !important;
    -webkit-overflow-scrolling:touch !important;
}
.larp-app-tabs::-webkit-scrollbar{display:none !important;}
.larp-app-tabs button{
    flex:0 0 auto !important;
    min-height:34px !important;
    padding:8px 10px !important;
    border-radius:5px !important;
    border:1px solid #d0d5dd !important;
    background:#fff !important;
    color:#344054 !important;
    font-size:11px !important;
    font-weight:700 !important;
    line-height:1 !important;
    letter-spacing:.035em !important;
}
.larp-app-tabs button.is-active{
    background:#1b2028 !important;
    border-color:#1b2028 !important;
    color:#fff !important;
}
.larp-app-grid{
    display:grid !important;
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    gap:8px !important;
}
.larp-app-tile{
    width:100% !important;
    min-height:0 !important;
    height:auto !important;
    border-radius:6px !important;
    border:1px solid #e1e5eb !important;
    background:#fff !important;
    padding:7px !important;
    gap:5px !important;
    box-shadow:0 5px 14px rgba(15,23,42,.045) !important;
    overflow:hidden !important;
    box-sizing:border-box !important;
}
.larp-app-img{
    width:100% !important;
    aspect-ratio:1/1 !important;
    border-radius:5px !important;
    background:#1b2028 !important;
    background-size:cover !important;
    background-position:center !important;
    font-size:32px !important;
    font-weight:800 !important;
}
.larp-app-tile strong{
    font-size:13px !important;
    line-height:1.2 !important;
    min-height:31px !important;
    margin:1px 0 0 !important;
    font-weight:800 !important;
    -webkit-line-clamp:2 !important;
}
.larp-app-tile small{
    font-size:10.5px !important;
    line-height:1.2 !important;
    color:#667085 !important;
}
.larp-app-tile em{
    font-size:10.5px !important;
    line-height:1.2 !important;
    font-weight:800 !important;
    color:#1b2028 !important;
    margin-top:1px !important;
}
.larp-answer-list{
    display:grid !important;
    grid-template-columns:1fr !important;
    gap:8px !important;
}
.larp-answer-tile{
    border-radius:6px !important;
    padding:10px !important;
    border:1px solid #e1e5eb !important;
    box-shadow:0 5px 14px rgba(15,23,42,.045) !important;
}
.larp-answer-tile > span{
    padding:3px 6px !important;
    font-size:9.5px !important;
    border-radius:4px !important;
    margin-bottom:7px !important;
}
.larp-answer-tile strong{
    font-size:14px !important;
    margin-bottom:5px !important;
}
.larp-answer-tile small{
    font-size:12px !important;
    line-height:1.35 !important;
    display:-webkit-box !important;
    -webkit-line-clamp:3 !important;
    -webkit-box-orient:vertical !important;
    overflow:hidden !important;
}
.larp-answer-tile em{
    font-size:11px !important;
    margin-top:7px !important;
}
.larp-app-bottom-nav{
    position:fixed !important;
    left:0 !important;
    right:0 !important;
    bottom:0 !important;
    transform:none !important;
    width:100% !important;
    max-width:none !important;
    display:grid !important;
    grid-template-columns:repeat(3,1fr) !important;
    gap:4px !important;
    padding:6px 8px calc(6px + env(safe-area-inset-bottom,0px)) !important;
    border-radius:0 !important;
    border:0 !important;
    border-top:1px solid #dfe3ea !important;
    background:rgba(255,255,255,.98) !important;
    box-shadow:0 -8px 24px rgba(15,23,42,.08) !important;
    box-sizing:border-box !important;
    z-index:2147483000 !important;
    backdrop-filter:blur(14px) !important;
}
.larp-app-bottom-nav button{
    min-height:48px !important;
    border:0 !important;
    border-radius:7px !important;
    background:transparent !important;
    color:#667085 !important;
    font-size:10.5px !important;
    line-height:1.1 !important;
    font-weight:700 !important;
    padding:5px 2px !important;
}
.larp-app-bottom-nav button span{
    font-size:17px !important;
    margin-bottom:3px !important;
}
.larp-app-bottom-nav button.is-active{
    background:#1b2028 !important;
    color:#fff !important;
}
.larp-app-toast{
    bottom:calc(70px + env(safe-area-inset-bottom,0px)) !important;
    padding:10px 14px !important;
    border-radius:6px !important;
    font-size:13px !important;
}
@media(max-width:390px){
    .larp-mobile-app{padding-left:8px !important;padding-right:8px !important;}
    .larp-app-grid{gap:7px !important;}
    .larp-app-tile{padding:6px !important;}
    .larp-app-header h1{font-size:16px !important;}
    .larp-app-logo-img{width:38px !important;height:38px !important;flex-basis:38px !important;}
    .larp-app-tile strong{font-size:12.5px !important;}
}
@media(min-width:760px){
    .larp-mobile-app{max-width:720px !important;}
    .larp-app-grid{grid-template-columns:repeat(3,minmax(0,1fr)) !important;}
    .larp-app-bottom-nav{left:50% !important;right:auto !important;transform:translateX(-50%) !important;width:min(520px,calc(100% - 24px)) !important;bottom:10px !important;border:1px solid #dfe3ea !important;border-radius:10px !important;}
}


/* v2.2.1: LinkApp Mobile-Fix + Bildanzeige repariert */
html:has(body.larp-app-body),
body.larp-app-body{
    width:100vw !important;
    max-width:100vw !important;
    overflow-x:hidden !important;
}
body.larp-app-body *{
    box-sizing:border-box !important;
}
.larp-mobile-app{
    max-width:430px !important;
    width:100% !important;
    margin:0 auto !important;
    padding:8px 8px calc(76px + env(safe-area-inset-bottom,0px)) !important;
}
.larp-app-header{
    min-height:56px !important;
    padding:8px !important;
    gap:8px !important;
}
.larp-app-logo-img{
    width:36px !important;
    height:36px !important;
    flex:0 0 36px !important;
}
.larp-app-header h1{
    font-size:15px !important;
    line-height:1.15 !important;
}
.larp-app-header p{
    font-size:10.5px !important;
}
.larp-app-search input{
    height:38px !important;
    font-size:14px !important;
}
.larp-app-section-title{
    display:block !important;
    margin:4px 0 8px !important;
}
.larp-app-section-title span{
    display:block !important;
    font-size:10px !important;
    margin-bottom:3px !important;
}
.larp-app-section-title strong{
    display:block !important;
    font-size:14px !important;
    line-height:1.2 !important;
    text-align:left !important;
    max-width:100% !important;
}
.larp-app-tabs{
    margin-bottom:8px !important;
}
.larp-app-tabs button{
    min-height:32px !important;
    padding:7px 9px !important;
    font-size:10.5px !important;
}
.larp-app-grid{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    gap:8px !important;
}
.larp-app-tile{
    padding:6px !important;
    border-radius:5px !important;
    min-height:auto !important;
}
.larp-app-img{
    width:100% !important;
    aspect-ratio:1/1 !important;
    background-color:#1b2028 !important;
    background-repeat:no-repeat !important;
    background-size:cover !important;
    background-position:center !important;
    border-radius:4px !important;
    display:flex !important;
}
.larp-app-tile strong{
    font-size:12.5px !important;
    min-height:30px !important;
    line-height:1.18 !important;
}
.larp-app-tile small,
.larp-app-tile em{
    font-size:10px !important;
}
.larp-app-bottom-nav{
    left:0 !important;
    right:0 !important;
    bottom:0 !important;
    width:100% !important;
    max-width:none !important;
    transform:none !important;
    border-radius:0 !important;
    padding:5px 7px calc(5px + env(safe-area-inset-bottom,0px)) !important;
}
.larp-app-bottom-nav button{
    min-height:44px !important;
    font-size:10px !important;
}
.larp-app-bottom-nav button span{
    font-size:15px !important;
    margin-bottom:2px !important;
}
@media(min-width:760px){
    .larp-mobile-app{max-width:480px !important;}
    .larp-app-grid{grid-template-columns:repeat(2,minmax(0,1fr)) !important;}
    .larp-app-bottom-nav{left:50% !important;right:auto !important;bottom:10px !important;width:min(430px,calc(100% - 20px)) !important;transform:translateX(-50%) !important;border-radius:10px !important;border:1px solid #dfe3ea !important;}
}


/* v2.2.2 nuclear mobile app fix */
body.larp-app-body{background:#f3f4f6 !important;margin:0 !important;min-height:100dvh !important;overflow-x:hidden !important;}
body.larp-app-body .larp-mobile-app{width:100% !important;max-width:480px !important;margin:0 auto !important;padding:10px 10px calc(76px + env(safe-area-inset-bottom,0px)) !important;background:#f3f4f6 !important;}
body.larp-app-body .larp-app-grid{display:grid !important;grid-template-columns:repeat(2,minmax(0,1fr)) !important;gap:8px !important;}
body.larp-app-body .larp-app-tile{min-height:0 !important;padding:6px !important;border-radius:7px !important;}
body.larp-app-body .larp-app-img{display:flex !important;width:100% !important;aspect-ratio:1/1 !important;background-size:cover !important;background-position:center !important;background-repeat:no-repeat !important;}
body.larp-app-body .larp-app-bottom-nav{position:fixed !important;left:0 !important;right:0 !important;bottom:0 !important;width:100% !important;max-width:none !important;transform:none !important;border-radius:0 !important;}


/* v2.3.1 LinkApp card + image fix */
body.larp-app-body .larp-mobile-app{width:100%!important;max-width:430px!important;margin:0 auto!important;padding:12px 12px calc(82px + env(safe-area-inset-bottom,0px))!important;background:#f3f4f6!important;}
body.larp-app-body .larp-app-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important;width:100%!important;}
body.larp-app-body .larp-app-tile{display:flex!important;flex-direction:column!important;width:100%!important;min-width:0!important;min-height:0!important;padding:8px!important;border-radius:9px!important;overflow:visible!important;background:#fff!important;}
body.larp-app-body .larp-app-img{display:flex!important;width:100%!important;height:auto!important;aspect-ratio:1/1!important;background:#1b2028!important;border-radius:7px!important;overflow:hidden!important;align-items:center!important;justify-content:center!important;}
body.larp-app-body .larp-app-img img{display:block!important;width:100%!important;height:100%!important;object-fit:cover!important;border-radius:7px!important;}
body.larp-app-body .larp-app-tile strong{font-size:15px!important;line-height:1.18!important;min-height:36px!important;margin:2px 0 0!important;display:-webkit-box!important;-webkit-line-clamp:2!important;-webkit-box-orient:vertical!important;overflow:hidden!important;color:#111827!important;}
body.larp-app-body .larp-app-tile small{font-size:11px!important;line-height:1.2!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;max-width:100%!important;}
body.larp-app-body .larp-app-tile em{display:block!important;width:100%!important;text-align:center!important;padding:9px 6px!important;border-radius:6px!important;background:#1b2028!important;color:#fff!important;font-size:11px!important;line-height:1!important;font-weight:800!important;}


/* v2.3.2: Desktop layout for LinkApp, mobile stays app-like */
@media (min-width: 900px){
  body.larp-app-body{
    background:#f3f4f6 !important;
  }
  body.larp-app-body .larp-mobile-app{
    max-width:1180px !important;
    width:calc(100% - 72px) !important;
    margin:0 auto !important;
    padding:28px 36px 110px !important;
    box-sizing:border-box !important;
  }
  body.larp-app-body .larp-app-header{
    max-width:none !important;
    width:100% !important;
    padding:18px 22px !important;
    border-radius:10px !important;
  }
  body.larp-app-body .larp-app-logo-img{
    width:58px !important;
    height:58px !important;
    flex:0 0 58px !important;
  }
  body.larp-app-body .larp-app-header h1{
    font-size:25px !important;
    line-height:1.15 !important;
  }
  body.larp-app-body .larp-app-header p{
    font-size:14px !important;
  }
  body.larp-app-body .larp-app-search input{
    height:52px !important;
    font-size:16px !important;
  }
  body.larp-app-body .larp-app-section-title span{
    font-size:13px !important;
  }
  body.larp-app-body .larp-app-section-title strong{
    font-size:22px !important;
  }
  body.larp-app-body .larp-app-tabs button{
    font-size:13px !important;
    padding:12px 16px !important;
    min-height:42px !important;
  }
  body.larp-app-body .larp-app-grid{
    grid-template-columns:repeat(4,minmax(0,1fr)) !important;
    gap:20px !important;
    width:100% !important;
  }
  body.larp-app-body .larp-app-tile{
    padding:12px !important;
    border-radius:10px !important;
    box-shadow:0 14px 32px rgba(15,23,42,.08) !important;
  }
  body.larp-app-body .larp-app-img{
    border-radius:8px !important;
  }
  body.larp-app-body .larp-app-img img{
    border-radius:8px !important;
  }
  body.larp-app-body .larp-app-tile strong{
    font-size:17px !important;
    min-height:42px !important;
  }
  body.larp-app-body .larp-app-tile small{
    font-size:12px !important;
  }
  body.larp-app-body .larp-app-tile em{
    font-size:13px !important;
    padding:12px 8px !important;
  }
  body.larp-app-body .larp-app-bottom-nav{
    left:50% !important;
    right:auto !important;
    width:min(720px,calc(100% - 72px)) !important;
    max-width:720px !important;
    transform:translateX(-50%) !important;
    bottom:18px !important;
    border-radius:14px !important;
    border:1px solid #dfe3ea !important;
    padding:8px !important;
  }
  body.larp-app-body .larp-app-bottom-nav button{
    min-height:58px !important;
    font-size:13px !important;
    border-radius:10px !important;
  }
  body.larp-app-body .larp-app-bottom-nav button span{
    font-size:20px !important;
  }
}

@media (min-width: 1280px){
  body.larp-app-body .larp-app-grid{
    grid-template-columns:repeat(5,minmax(0,1fr)) !important;
  }
}


/* v2.3.3 hard desktop override */
@media (min-width:900px){
 body.larp-app-body .larp-mobile-app{width:min(1280px,calc(100vw - 96px))!important;max-width:1280px!important;margin:0 auto!important;padding:32px 40px 118px!important;}
 body.larp-app-body .larp-app-search{max-width:720px!important;}
 body.larp-app-body .larp-app-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:20px!important;}
 body.larp-app-body .larp-app-bottom-nav{left:50%!important;right:auto!important;bottom:18px!important;width:min(760px,calc(100vw - 96px))!important;max-width:760px!important;transform:translateX(-50%)!important;border-radius:14px!important;border:1px solid #dfe3ea!important;}
}
@media (min-width:1280px){body.larp-app-body .larp-app-grid{grid-template-columns:repeat(5,minmax(0,1fr))!important;}}


/* v2.3.4: LinkApp Affiliate button label */
body.larp-app-body .larp-app-tile small.larp-app-clicks{
  font-size:11px!important;
  line-height:1.2!important;
  color:#6b7280!important;
  margin-top:-2px!important;
  font-weight:700!important;
  white-space:normal!important;
}
body.larp-app-body .larp-app-tile em{
  text-transform:none!important;
}


/* v2.6.0: Responsive Affiliate-Weiterleitung mobile-first */
html:has(body.larp-body), body.larp-body{
    width:100% !important;
    max-width:100% !important;
    min-width:0 !important;
    margin:0 !important;
    overflow-x:hidden !important;
    -webkit-text-size-adjust:100% !important;
}
body.larp-body #wpadminbar{display:none !important;}
body.larp-body .larp-redirect-page{
    width:100vw !important;
    max-width:100vw !important;
    min-width:0 !important;
    min-height:100dvh !important;
    box-sizing:border-box !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    padding:18px !important;
    overflow:hidden !important;
}
body.larp-body .larp-redirect-box{
    width:min(680px, calc(100vw - 36px)) !important;
    max-width:min(680px, calc(100vw - 36px)) !important;
    min-width:0 !important;
    box-sizing:border-box !important;
    margin:0 auto !important;
    padding:34px 36px 30px !important;
    border-radius:6px !important;
    transform:none !important;
    position:relative !important;
    left:auto !important;
    right:auto !important;
    top:auto !important;
}
body.larp-body .larp-logo-img{
    width:72px !important;
    height:72px !important;
    margin:0 auto 8px !important;
}
body.larp-body .larp-brand{
    font-size:24px !important;
    margin-bottom:14px !important;
}
body.larp-body .larp-kicker{
    font-size:11px !important;
    margin-bottom:12px !important;
    padding-bottom:7px !important;
}
body.larp-body .larp-redirect-box h1{
    width:100% !important;
    max-width:100% !important;
    margin:0 auto 14px !important;
    font-size:clamp(24px, 4.2vw, 38px) !important;
    line-height:1.08 !important;
    letter-spacing:.01em !important;
    overflow-wrap:anywhere !important;
    word-break:normal !important;
    hyphens:auto !important;
    text-align:center !important;
}
body.larp-body .larp-redirect-box p{
    font-size:16px !important;
    line-height:1.45 !important;
    margin:0 auto 22px !important;
    max-width:520px !important;
}
body.larp-body .larp-progress{
    width:100% !important;
    max-width:520px !important;
    height:12px !important;
    margin:18px auto 16px !important;
}
body.larp-body .larp-count{
    font-size:15px !important;
    margin-bottom:20px !important;
}
body.larp-body .larp-count strong{
    width:36px !important;
    height:36px !important;
    font-size:20px !important;
}
body.larp-body .larp-manual{
    width:auto !important;
    min-width:190px !important;
    max-width:100% !important;
    padding:14px 22px !important;
    font-size:14px !important;
    box-sizing:border-box !important;
    white-space:normal !important;
    text-align:center !important;
}
body.larp-body .larp-redirect-box small{
    margin-top:18px !important;
    font-size:12px !important;
    line-height:1.4 !important;
}
@media(max-width:640px){
    body.larp-body .larp-redirect-page{
        align-items:center !important;
        padding:12px !important;
    }
    body.larp-body .larp-redirect-box{
        width:calc(100vw - 24px) !important;
        max-width:380px !important;
        padding:24px 16px 22px !important;
    }
    body.larp-body .larp-logo-img{
        width:56px !important;
        height:56px !important;
    }
    body.larp-body .larp-brand{
        font-size:20px !important;
        margin-bottom:10px !important;
    }
    body.larp-body .larp-kicker{
        font-size:10px !important;
        letter-spacing:.13em !important;
        margin-bottom:10px !important;
    }
    body.larp-body .larp-redirect-box h1{
        font-size:26px !important;
        line-height:1.08 !important;
        margin-bottom:12px !important;
    }
    body.larp-body .larp-redirect-box p{
        font-size:14px !important;
        margin-bottom:16px !important;
    }
    body.larp-body .larp-progress{
        height:10px !important;
        margin:14px auto 14px !important;
    }
    body.larp-body .larp-count{
        display:flex !important;
        justify-content:center !important;
        align-items:center !important;
        gap:6px !important;
        flex-wrap:wrap !important;
        margin-bottom:16px !important;
        font-size:13px !important;
    }
    body.larp-body .larp-count strong{
        width:32px !important;
        height:32px !important;
        margin:0 !important;
        font-size:18px !important;
    }
    body.larp-body .larp-manual{
        display:flex !important;
        width:100% !important;
        min-width:0 !important;
        padding:13px 14px !important;
        font-size:13px !important;
    }
    body.larp-body .larp-redirect-box small{
        font-size:11px !important;
        margin-top:14px !important;
    }
}
@media(max-width:360px){
    body.larp-body .larp-redirect-box h1{font-size:23px !important;}
    body.larp-body .larp-redirect-box{padding:20px 14px !important;}
}

/* v2.9.0 Manueller Weiterleitungsbutton */
body.larp-body .larp-redirect-button{
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    min-width:220px!important;
    max-width:100%!important;
    margin:8px auto 0!important;
    padding:15px 26px!important;
    background:#1b2028!important;
    border:1px solid #1b2028!important;
    color:#fff!important;
    text-decoration:none!important;
    font-size:15px!important;
    font-weight:900!important;
    line-height:1.2!important;
    text-transform:uppercase!important;
    letter-spacing:.03em!important;
    box-sizing:border-box!important;
}
body.larp-body .larp-redirect-button:hover{
    background:#111317!important;
    border-color:#111317!important;
    color:#fff!important;
}
@media(max-width:640px){
    body.larp-body .larp-redirect-button{
        width:100%!important;
        min-width:0!important;
        padding:14px 16px!important;
        font-size:14px!important;
    }
}

/* v3.0.0 – Bildergalerie auf Weiterleitungsseiten */
.larp-redirect-gallery{display:grid;grid-template-columns:1fr;gap:8px;margin:4px auto 18px;max-width:560px}
.larp-redirect-gallery.has-many{grid-template-columns:repeat(4,minmax(0,1fr))}
.larp-redirect-photo{appearance:none;border:1px solid rgba(255,255,255,.12);background:#111317;padding:0;border-radius:5px;overflow:hidden;aspect-ratio:1/1;cursor:pointer;opacity:.72}
.larp-redirect-photo:first-child{grid-column:1/-1;aspect-ratio:16/9;opacity:1}
.larp-redirect-photo.is-active{opacity:1;box-shadow:0 0 0 2px #ff5fa8}
.larp-redirect-photo img{width:100%;height:100%;object-fit:cover;display:block}
@media(max-width:560px){.larp-redirect-gallery.has-many{grid-template-columns:repeat(3,minmax(0,1fr))}.larp-redirect-photo:first-child{aspect-ratio:4/3}}

/* Version 3.0.1: reduzierte Weiterleitungsseite */
body.larp-body .larp-logo-link{display:inline-flex;flex-direction:column;align-items:center;text-decoration:none!important;margin:0 auto 18px}
body.larp-body .larp-logo-link .larp-brand{margin-bottom:0!important}
body.larp-body .larp-redirect-gallery{display:block!important;max-width:560px;margin:0 auto 26px!important}
body.larp-body .larp-redirect-photo{display:block;width:100%;padding:0;border:0;background:transparent;cursor:default;aspect-ratio:auto!important}
body.larp-body .larp-redirect-photo img{display:block;width:100%;height:auto;max-height:480px;object-fit:cover;border-radius:6px}
body.larp-body .larp-redirect-button{margin-top:0}

/* v3.2.0: FAB styles are rendered inline on the LinkApp page. */