.brave-world-app{position:fixed;inset:0;display:flex;flex-direction:column;background:#e6f7ed;z-index:2}.brave-world-app[hidden]{display:none}.brave-world-app-bar{height:38px;flex:none;display:flex;align-items:center;padding:2px max(14px,env(safe-area-inset-left));background:#e6f7ed}.brave-world-home{color:#466e62;border:0;background:none;font:800 12px/1.2 Nunito,Arial,sans-serif;min-height:34px;padding:6px 8px;cursor:pointer}.brave-world-home:focus-visible{outline:3px solid #a25196;outline-offset:1px;border-radius:8px}.brave-world-frame{display:block;flex:1;min-height:0;width:100%;border:0;background:#e6f7ed}.ht-brave .blob{opacity:0}.home-brave-icon{position:absolute;left:10%;right:10%;top:-11%;bottom:10%;pointer-events:none}.home-brave-icon>img{width:100%;height:100%;object-fit:contain}.home-brave-star{position:absolute;right:15%;bottom:10%;font-size:clamp(20px,3vw,35px);color:#f7d279;text-shadow:0 2px 2px #58745b}.ht-brave .htile-t{position:relative;z-index:2}

/* Reserve the iOS status safe area before the persistent return control. */
.brave-world-app-bar{height:auto;min-height:52px;padding:calc(env(safe-area-inset-top) + 5px) max(14px,env(safe-area-inset-right)) 5px max(14px,env(safe-area-inset-left));box-sizing:content-box;background:#f9f8ed;border-bottom:1px solid #315e6122}
.brave-world-home{display:inline-flex;align-items:center;min-height:44px;padding:8px 14px;font:900 calc(14px * var(--ts,1))/1.2 Nunito,Arial,sans-serif;color:#254f50;background:#fffdf5;border:1px solid #b6cfc4;border-radius:14px;box-sizing:border-box}

.brave-world-frame[hidden]{display:none}.brave-world-offline{margin:clamp(16px,5vw,56px);max-width:34em;color:#254f50;line-height:1.5}.brave-world-offline h2{font-size:1.2em;line-height:1.2}.brave-world-offline .brave-world-home{margin-top:.5em}
/* In the wide reading view Back sits over the book instead of owning a header. */
@media(orientation:landscape){
 .brave-world-app-bar{position:absolute;top:0;left:0;min-height:0;padding:calc(env(safe-area-inset-top) + 8px) 10px 0 max(10px,env(safe-area-inset-left));border:0;background:none;z-index:4;pointer-events:none}
 .brave-world-app-bar>.brave-world-home{min-height:44px;font-size:13px;padding:8px 12px;pointer-events:auto;background:#fffaf0ed}
}
